{"version":3,"sources":["webpack:///./packages/dynamic/DrawSheets/src/NoDetails.tsx","webpack:///./packages/dynamic/OrderOfPlay/src/OrderOfPlayWidget.tsx","webpack:///./packages/dynamic/OrderOfPlay/src/OrderOfPlay.tsx"],"names":["__webpack_require__","d","__webpack_exports__","NoDetails","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_helpers_errors_index__WEBPACK_IMPORTED_MODULE_1__","props","errorText","text","noInfo","a","createElement","className","src_OrderOfPlayWidget","_a","match","eventDesc","schedule","roundGroupDesc","h2hLink","ageCategory","matchNumber","teams","resultStatusCode","resultStatusDesc","playStatusCode","playStatusDesc","eventClassificationCode","date","react_default","players","href","status","showStatus","map","teamDetails","key","isWinner","hiddenPlayer","nationality","Object","helpers","undefined","profileLink","givenName","familyName","player","seeding","scores","score","losingScore","Fragment","value","OrderOfPlayCarousel","page","itemsPerPage","items","slicedItems","slice","TransitionGroup","oop","CSSTransition","timeout","courtName","classNames","matches","matchId","itemsToDisplay","DESKTOPXL","DESKTOP","TABLET","MOBILE","react","oopDates","setOopDates","_b","oopData","setOopData","_c","selectedDate","setSelectedDate","_d","isLoadingFilters","setIsLoadingFilters","_e","isLoadingData","setIsLoadingData","_f","isError","setIsError","oopDropdownRef","services_oop","tournamentKey","then","filterData","dropdowns","label","playDateString","orderOfPlayDayId","intialSelected","apiOopData","catch","error","console","printLink","tournamentId","printPageUrl","ref","Dropdown","onChange","options","externalFactsheetURL","length","target","errors","catchMessage","Carousel","pagerLabels","item","pagerPerItem","totalItems","isNavTop","isPagerFullWidth","hasStickyNavigation","unstickCondition","dropdownBottom","current","getBoundingClientRect","bottom","heightOffset","siteHeader","document","getElementById","offsetHeight","isDropdownOnMobile"],"mappings":"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","file":"11.bundle.js","sourcesContent":["import React from \"react\";\nimport { tournamentDraws as errors } from \"../../../helpers/errors/index\";\n\nexport const NoDetails = (props: { errorText?: string }) => {\n  const { errorText } = props;\n  let text = errorText ? errorText : errors.noInfo;\n\n  return (\n    <div className=\"drawsheet__no-results\">\n      <div className=\"container\">\n        <h3>Tournament Information</h3>\n        <p>{text}</p>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { Match, Team } from \"./types\";\nimport { Scores } from \"../../LatestResults/src/types\";\nimport { omitNation } from \"../../../helpers\";\n\ninterface OrderOfPlayWidgetProps {\n  match: Match;\n  date: string;\n}\n\nconst OrderOfPlayWidget = (props: OrderOfPlayWidgetProps) => {\n  const {\n    match: {\n      eventDesc,\n      schedule,\n      roundGroupDesc,\n      h2hLink,\n      ageCategory,\n      matchNumber,\n      teams,\n      resultStatusCode,\n      resultStatusDesc,\n      playStatusCode,\n      playStatusDesc,\n      eventClassificationCode\n    },\n    date\n  } = props;\n\n  const showStatus = (status: string) => {\n    switch (status) {\n      case \"Walkover\":\n        return \"W/O\";\n        break;\n      case \"Retired\":\n        return \"Ret\";\n        break;\n      case \"Default\":\n        return \"Def\";\n        break;\n      default:\n        return status;\n    }\n  };\n\n  return (\n    <div className=\"orderop-widget\">\n      <div className=\"orderop-widget__inner\">\n        <header className=\"orderop-widget__header\">\n          <span className=\"orderop-widget__order\">{matchNumber}</span>\n          <div className=\"orderop-widget__tourn-dates\">\n            <p className=\"orderop-widget__date\">{date}</p>\n            <p className=\"orderop-widget__start-time\">{schedule}</p>\n          </div>\n          {ageCategory !== \"\" ? (\n            <span className=\"orderop-widget__cat-details\">{ageCategory}</span>\n          ) : null}\n          <p className=\"orderop-widget__round-details\">\n            <span>{eventDesc}</span>\n            <span>{eventClassificationCode === \"Q\" ? \"Qualifying\" : \"\"}</span>\n            <span>{roundGroupDesc}</span>\n          </p>\n        </header>\n        {teams[0].players[1] === null ? (\n          <a className=\"orderop-widget__h-to-h\" href={h2hLink}>\n            H2H\n          </a>\n        ) : null}\n        {playStatusCode === \"NP\" ||\n        playStatusCode === \"TP\" ||\n        playStatusCode === \"PA\" ||\n        playStatusCode === \"PU\" ||\n        playStatusCode === \"PS\" ? (\n          <div className=\"orderop-widget__alert-status\">\n            <span>\n              {showStatus(\n                resultStatusCode !== \"WO\" ? playStatusDesc : resultStatusDesc\n              )}\n            </span>\n          </div>\n        ) : null}\n        {teams.map((teamDetails: Team, key: number) => {\n          return (\n            <div\n              key={key}\n              className={\n                \"orderop-widget__team-info \" +\n                `orderop-widget__team-info--team-${key + 1} ` +\n                (teamDetails.isWinner ? \"is-winner\" : \"\")\n              }\n            >\n              <div className=\"orderop-widget__teams\">\n                {teamDetails.players[1] === null ? (\n                  teamDetails.players[0] !== null ? (\n                    <div\n                      className={`orderop-widget__team-singles ${\n                        teamDetails.players[0]!.hiddenPlayer\n                          ? \"round-robin-player__result-team-name--hidden\"\n                          : \"\"\n                      }`}\n                    >\n                      <span className=\"orderop-widget__nationality\">\n                        <span\n                          className={`itf-flags itf-flags--${\n                            teamDetails.players[0]!.nationality\n                          }`}\n                        />\n                        {omitNation(teamDetails.players[0]!.nationality)}\n                      </span>\n                      <div className=\"player-wrapper\">\n                        <a\n                          href={\n                            teamDetails.players[0]!.hiddenPlayer\n                              ? undefined\n                              : teamDetails.players[0]!.profileLink\n                          }\n                        >\n                          <span className=\"orderop-widget__first-name\">\n                            {teamDetails.players[0]!.givenName}\n                          </span>\n                          <span className=\"orderop-widget__last-name\">\n                            {teamDetails.players[0]!.familyName}\n                          </span>\n                        </a>\n                      </div>\n                    </div>\n                  ) : null\n                ) : (\n                  <div className=\"orderop-widget__team-doubles\">\n                    {teamDetails.players.map((player, key) => {\n                      return (\n                        <div\n                          className={`orderop-widget__team-doubles-player ${\n                            player!.hiddenPlayer\n                              ? \"round-robin-player__result-team-name--hidden\"\n                              : \"\"\n                          }`}\n                          key={key}\n                        >\n                          <span className=\"orderop-widget__nationality\">\n                            <span\n                              className={`itf-flags itf-flags--${\n                                player!.nationality\n                              }`}\n                            />\n                            {omitNation(player!.nationality)}\n                          </span>\n                          <a\n                            href={\n                              !player!.hiddenPlayer\n                                ? player!.profileLink\n                                : undefined\n                            }\n                          >\n                            <span className=\"orderop-widget__first-name\">\n                              {player!.givenName}\n                            </span>\n                            <span className=\"orderop-widget__last-name\">\n                              {player!.familyName}\n                            </span>\n                          </a>\n                        </div>\n                      );\n                    })}\n                  </div>\n                )}\n                <span className=\"orderop-widget__seeding\">\n                  {teamDetails.seeding ? `[${teamDetails.seeding}]` : null}\n                </span>\n                {teamDetails.isWinner ? (\n                  <span className=\"drawsheet-widget__winner-tick\" />\n                ) : resultStatusCode === \"DEF\" ? (\n                  <span className=\"drawsheet-widget__winner-status-desc\">\n                    {resultStatusDesc}\n                  </span>\n                ) : null}\n                {!teamDetails.isWinner && resultStatusCode === \"RET\" ? (\n                  <span className=\"drawsheet-widget__winner-status-desc\">\n                    {resultStatusDesc}\n                  </span>\n                ) : null}\n              </div>\n              <div className=\"orderop-widget__scores\">\n                {teamDetails.scores.map((score: null | Scores, key: number) => {\n                  return score !== null ? (\n                    <span key={key} className=\"orderop-widget__score\">\n                      {score.losingScore === null ? (\n                        score.score\n                      ) : (\n                        <>\n                          {score.score}\n                          <span className=\"losing-score\">\n                            {score.losingScore}\n                          </span>\n                        </>\n                      )}\n                    </span>\n                  ) : null;\n                })}\n                {teamDetails.scores[0] === null\n                  ? [0, 1, 2].map(value => {\n                      return (\n                        <span\n                          key={value}\n                          className=\"orderop__score orderop__score--in-dispute\"\n                        />\n                      );\n                    })\n                  : null}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default OrderOfPlayWidget;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { Carousel } from \"../../Carousel/Carousel\";\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\nimport OrderOfPlayWidget from \"./OrderOfPlayWidget\";\nimport { dropdownItem } from \"../../../static/Dropdown/types\";\nimport Dropdown from \"../../../../packages/static/Dropdown/Dropdown\";\nimport { getOop, getFilters } from \"../../../services/oop\";\nimport {\n  OopData,\n  OrderOfPlayCarouselProps,\n  OrderOfPlayProps,\n  OopDates\n} from \"./types\";\nimport \"./index.scss\";\nimport { NoDetails } from \"../../DrawSheets/src/NoDetails\";\nimport { tournamentOOP as errors } from \"../../../helpers/errors/index\";\n\nconst OrderOfPlayCarousel = (props: OrderOfPlayCarouselProps) => {\n  const { page, itemsPerPage, items, date } = props;\n  let slicedItems = items.slice(page * itemsPerPage, (page + 1) * itemsPerPage);\n\n  return (\n    <TransitionGroup className=\"carousel__animation-container\">\n      {slicedItems.map(oop => {\n        return (\n          <CSSTransition\n            timeout={500}\n            key={`${oop.courtName}${date}`}\n            classNames=\"carousel__animation\"\n          >\n            <div className=\"orderop-widget-container\">\n              <p className=\"orderop-widget-container__court-name\">\n                {oop.courtName}\n              </p>\n              {oop.matches.map(match => {\n                return (\n                  <OrderOfPlayWidget\n                    date={date}\n                    match={match}\n                    key={match.matchId}\n                  />\n                );\n              })}\n            </div>\n          </CSSTransition>\n        );\n      })}\n    </TransitionGroup>\n  );\n};\n\nconst mapDatesToDropdownDates = (dates: OopDates[]) => {\n  return dates.map(date => {\n    return {\n      label: date.playDateString,\n      value: date.orderOfPlayDayId\n    };\n  });\n};\n\nconst OrderOfPlay = (props: OrderOfPlayProps) => {\n  const itemsToDisplay = { DESKTOPXL: 3, DESKTOP: 3, TABLET: 2, MOBILE: 1 };\n\n  const [oopDates, setOopDates] = useState<dropdownItem[]>([]);\n  const [oopData, setOopData] = useState<OopData[]>([]);\n\n  const [selectedDate, setSelectedDate] = useState<dropdownItem>();\n\n  const [isLoadingFilters, setIsLoadingFilters] = useState(false);\n  const [isLoadingData, setIsLoadingData] = useState(false);\n  const [isError, setIsError] = useState(false);\n\n  let oopDropdownRef: any = useRef();\n\n  let carouselNavUnstickCondition = () => {\n    const dropdownBottom = oopDropdownRef.current.getBoundingClientRect()\n      .bottom;\n    let heightOffset = 0;\n    const siteHeader = document.getElementById(\"site-header\") as HTMLElement;\n    if (siteHeader) {\n      heightOffset = siteHeader.offsetHeight;\n    }\n    if (dropdownBottom > heightOffset) {\n      return true;\n    } else {\n      return false;\n    }\n  };\n\n  useEffect(() => {\n    setIsLoadingFilters(true);\n    getFilters(props.tournamentKey)\n      .then((filterData: any) => {\n        const dropdowns = mapDatesToDropdownDates(filterData);\n        const intialSelected = dropdowns[0];\n        setOopDates(dropdowns);\n        setIsLoadingFilters(false);\n        setIsLoadingData(true);\n\n        getOop(intialSelected.value)\n          .then((apiOopData: any) => {\n            // update the state\n            setOopData(apiOopData);\n            setSelectedDate(intialSelected);\n            setIsLoadingData(false);\n            setIsError(false);\n          })\n          .catch(error => {\n            console.error(error);\n            setIsLoadingData(false);\n            setIsError(true);\n          });\n      })\n      .catch(error => {\n        console.error(error);\n        setIsLoadingFilters(false);\n        setIsError(true);\n      });\n  }, []);\n\n  const printLink = props.tournamentId\n    ? `${process.env.HOST}${props.printPageUrl}?tournamentid=${\n        props.tournamentId\n      }${selectedDate ? \"&orderOfPlayDayId=\" + selectedDate.value : \"\"}`\n    : null;\n\n  return (\n    <>\n      <div ref={oopDropdownRef} className=\"oop-container-filters\">\n        {isLoadingFilters ? (\n          <div className=\"container\">\n            <p>Loading Filters</p>\n          </div>\n        ) : null}\n        <div className=\"container\">\n          <div>\n            <p className=\"oop-container-filters__prompt-text\">\n              <strong>Please select a date:</strong>\n            </p>\n            <Dropdown\n              value={selectedDate}\n              onChange={value => {\n                setIsLoadingData(true);\n                getOop(value.value as number)\n                  .then((apiOopData: any) => {\n                    // update the state\n                    setSelectedDate(value);\n                    setIsLoadingData(false);\n                    setOopData(apiOopData);\n                    setIsError(false);\n                  })\n                  .catch(error => {\n                    console.error(error);\n                    setIsLoadingFilters(false);\n                    setIsError(true);\n                  });\n              }}\n              options={oopDates}\n            />\n          </div>\n          <div className=\"btn--print-container\">\n            {props.externalFactsheetURL &&\n            props.externalFactsheetURL.length > 0 ? (\n              <a\n                href={props.externalFactsheetURL}\n                target=\"_blank\"\n                className=\"btn--drawsheet btn\"\n              >\n                View drawsheet\n              </a>\n            ) : null}\n            {printLink ? (\n              <a href={printLink} className=\"btn--print btn\" target=\"_blank\">\n                Print\n              </a>\n            ) : null}\n          </div>\n        </div>\n      </div>\n      <div className=\"oop-container\">\n        <div className=\"container\">\n          {isError ? <p className=\"error-text\">{errors.catchMessage}</p> : null}\n          {isLoadingData ? (\n            \"Loading\"\n          ) : oopData.length ? (\n            <>\n              <p className=\"oop-container__prompt-text\">\n                <strong>Please select a court: </strong>\n              </p>\n              <Carousel\n                pagerLabels={oopData.map(item => {\n                  return item.courtName;\n                })}\n                pagerPerItem\n                totalItems={oopData.length}\n                itemsToDisplay={itemsToDisplay}\n                isNavTop\n                isPagerFullWidth\n                hasStickyNavigation\n                unstickCondition={carouselNavUnstickCondition}\n                isDropdownOnMobile\n              >\n                <OrderOfPlayCarousel\n                  date={selectedDate ? selectedDate.label : \"\"}\n                  items={oopData}\n                  page={0}\n                  itemsPerPage={itemsToDisplay[\"DESKTOP\"]}\n                />\n              </Carousel>\n            </>\n          ) : (\n            <NoDetails errorText={errors.noInfo} />\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default OrderOfPlay;\n"],"sourceRoot":""}