{"version":3,"sources":["webpack:///./packages/dynamic/RankingHero/Filters.tsx","webpack:///./packages/dynamic/RankingHero/Table.tsx","webpack:///./packages/dynamic/RankingHero/YERankingTable.tsx","webpack:///./packages/dynamic/RankingHero/Pager.tsx","webpack:///./packages/dynamic/RankingHero/index.tsx"],"names":["RankingHero_Filters","_a","filters","_b","tourOptions","tourCode","selected","setSelected","setRankedPlayers","setSkip","dropDowns","setDropdowns","filterOption","setFilterOption","setIsLoading","searchResults","updateSearchResults","regions","nations","_c","Object","react","helpers","mediaDevice","setMediaDevice","searchRef","_d","Regions","updateRegions","_e","Nations","updateNations","_f","searchToggle","setSearchToggle","SearchOptions","concat","ref","condition","callback","resultValue","options","flag","result","map","opt","__assign","value","filter","reduce","prev","current","key","buildFilters","dd","dropdown","circuitCodes","label","dropDownValue","i","dataName","noValue","length","setDropDownValue","react_default","a","createElement","Dropdown","placeholder","filterName","onChange","res","_selected","items","totalItems","utils","keys","obj","checkSelected","reverse","func","op","code","searchObject","type","update","Fragment","className","aria-required","url","location","href","origin","name","event","target","filteredSearch","toLowerCase","includes","nation","onClick","region","reg","noResults","headToHeadBaseUrl","rankDate","optionsUpdated","altSelected","results","handleOnClick","result_1","textContent","RankingHero_Table","matchTypeCode","seniorRankingCode","sortField","sortFieldValue","sortBy","title","player","rank","rankMovement","playerNationalityCode","profileLink","playerGivenName","playerFamilyName","birthYear","playerNationality","tournamentsPlayed","points","playerId","hiddenPlayer","parseInt","undefined","substr","YERankingTable","tournamentsPlayedSingles","tournamentsPlayedDoubles","pointsRankingSingles","pointsRankingDoubles","pointsRankingTotal","RankingHero_Pager","setTake","take","skip","_g","pagerOptions","isLoadingPager","_h","setIsLoadingPager","style","minHeight","String","Number","el","document","querySelector","window","scroll","offsetTop","juniorRankingTypeLabels","itf","chengu","year","juniorRankingTypeValues","ITF","Chengdu","Year","__webpack_exports__","heading","subheading","sponsorLogo","sponsorLink","brandLogo","mobileImage","tabletImage","isBeach","desktopImage","adBannersTop","adBannersFooter","rankedPlayers","isLoading","_j","defaultValues","heroProps","_k","RankingHero_assign","_l","playerTypeCode","ageCategoryCode","juniorRankingType","seniorRankingType","_m","checked","query_string_default","parse","search","params","updateParams","endOfResults","props","option","checkProperty","fallback","v","d","_o","setSortField","_p","setSortFieldValue","getData","force","config","playerCode","playerType","matchCode","ageCategory","isRaceJunior","juniorEndYear","nationCode","regionCode","orderField","isOrderAscending","rankings","then","players","updateRankingsState","timer","setTimeout","clearTimeout","URL","searchParams","set","history","replaceState","searchTerm","mockData","topBanners","bottomBanners","slice","index","profileImage","backgroundImage","substring","textTransform","GernericHero","b","imgDesktopURL","images","imageUrls","size","imgMobileURL","AdBanner","field"],"mappings":"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","file":"9.bundle.js","sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport Dropdown from \"../../static/Dropdown/Dropdown\";\nimport { buildDropdowns } from \"../DrawSheets/src/utils\";\nimport { useOutsideAlerter, getMediaDevice, debounce } from \"../../helpers\";\nimport { dropdownItem } from \"../../static/Dropdown/types\";\nimport { WCT } from \"../../helpers/constants/circuitCodes\";\nimport { dropdownItemSelected } from \"../WhatsOnTable/types\";\n\ninterface FilterProps {\n  filters: any[];\n  tourOptions?: dropdownItem[];\n  tourCode: string;\n  selected: Object;\n  setSelected: Function;\n  setRankedPlayers: Function;\n  setSkip: Function;\n  dropDowns: any[];\n  setDropdowns: Function;\n  setIsLoading: Function;\n  filterOption: {\n    nation: string;\n    region: string;\n    name: string;\n  };\n  setFilterOption: Function;\n  searchResults: any;\n  updateSearchResults: Function;\n  regions: dropdownItem[];\n  nations: dropdownItem[];\n}\n\ninterface ddProps {\n  dataName: string;\n  filterName: string;\n  dropdown: dropdownItem[];\n}\n\nconst Filters = ({\n  filters,\n  tourOptions = [],\n  tourCode,\n  selected,\n  setSelected,\n  setRankedPlayers,\n  setSkip,\n  dropDowns,\n  setDropdowns,\n  filterOption,\n  setFilterOption,\n  setIsLoading,\n  searchResults,\n  updateSearchResults,\n  regions,\n  nations\n}: FilterProps) => {\n  let [mediaDevice, setMediaDevice] = useState(getMediaDevice());\n  let searchRef = useRef(null);\n  const checkSelected = (selected: any) => {\n    let newObject = Object.keys(selected).reduce((obj, key) => {\n      if (selected[key]) {\n        obj[key] = selected[key];\n      }\n      return obj;\n    }, {});\n    return newObject;\n  };\n\n  const [Regions, updateRegions] = useState(regions);\n  const [Nations, updateNations] = useState(nations);\n  const [searchToggle, setSearchToggle] = useState(false);\n\n  let SearchOptions = [...Regions, ...Nations];\n\n  useOutsideAlerter({\n    ref: searchRef,\n    condition: true,\n    callback: () => setSearchToggle(false)\n  });\n\n  let resultValue = ({\n    options = [],\n    flag = true,\n    result\n  }: {\n    options: dropdownItem[];\n    flag?: boolean;\n    result: dropdownItem;\n  }) =>\n    options\n      .map((opt: dropdownItemSelected) => ({\n        ...opt,\n        selected: opt.value == result.value ? flag : opt.selected\n      }))\n      .filter((opt: dropdownItemSelected) => opt.selected)\n      .reduce(\n        (prev: string, current: any, key: number) =>\n          `${prev}${key ? \",\" : \"\"}${current.value}`,\n        \"\"\n      );\n\n  const Searchlist = ({ results }: any) => {\n    const handleOnClick = (event: any) => {\n      if (event.target) {\n        const result = SearchOptions.filter(\n          (result: dropdownItem) => result.label == event.target.textContent\n        )[0];\n\n        let flag = result.filterName == \"Region\";\n        let update = flag ? updateRegions : updateNations;\n        let options = flag ? Regions : Nations;\n        let altOptions = flag ? Nations : Regions;\n        let altSelected = altOptions.filter(\n          (opt: dropdownItem) => opt.selected\n        );\n\n        if (!result.selected) {\n          let optionsUpdated = options.map(opt => ({\n            ...opt,\n            selected: opt.value == result.value ? true : opt.selected\n          }));\n          let selected = [\n            ...altSelected,\n            ...optionsUpdated.filter(opt => opt.selected)\n          ];\n\n          if (selected.length <= 3) {\n            setRankedPlayers({ items: [], totalItems: 0 });\n            setSkip(\"0\");\n            update(optionsUpdated);\n            setFilterOption({\n              name: \"\",\n              nation: resultValue({ options: Nations, result }),\n              region: resultValue({ options: Regions, result })\n            });\n            // setSearchToggle(false);\n          }\n        } else {\n          let optionsUpdated = options.map(opt => ({\n            ...opt,\n            selected: opt.value == result.value ? false : opt.selected\n          }));\n\n          update(optionsUpdated);\n          setFilterOption({\n            name: \"\",\n            nation: resultValue({ options: Nations, flag: false, result }),\n            region: resultValue({ options: Regions, flag: false, result })\n          });\n        }\n      }\n    };\n\n    return (\n      <div className={`list--nation`}>\n        {results.map((result: any, key: number) => (\n          <div\n            className={`whatson-table__search-result${\n              result.selected ? \" whatson-host-list__item--selected\" : \"\"\n            }`}\n            key={key}\n            onClick={handleOnClick}\n          >\n            {result.label}\n            {result.selected ? (\n              <span className=\"whatson-host-list__selected-tick\" />\n            ) : null}\n            <span\n              className={`itf-flags itf-flags--${result.value}${\n                result.filterName == \"Region\" ? \"\" : \" nation\"\n              }`}\n            />\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  const setDropDownValue = (dd: ddProps, key: number) => {\n    const value = dd.dropdown.filter(\n      (i: any) => i.value == selected[dd.dataName]\n    );\n    let noValue = dd.dropdown.filter(\n      (i: any) =>\n        i.value == selected[dd.dataName] && selected[dd.dataName] !== \"\"\n    );\n    let flag = selected[dd.dataName] !== \"\" && key > 0 && !noValue.length;\n    const dropDownValue: any = value.length > 0 && !flag ? value : null;\n\n    return { dropDownValue };\n  };\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const target = event.target;\n    const filteredSearch = SearchOptions.filter(opt =>\n      opt.label.toLowerCase().includes(target.value.toLowerCase())\n    );\n\n    const func = () => {\n      updateSearchResults(filteredSearch);\n      setSearchToggle(!!filteredSearch.length);\n    };\n\n    if (target !== null) {\n      if (!target.value) {\n        setFilterOption({ name: \"\", nation: \"\" });\n        updateSearchResults([]);\n        setSkip(\"0\");\n      } else {\n        setFilterOption({ ...filterOption, name: target.value });\n        func();\n      }\n    }\n  };\n\n  const buildFilters = (dd: ddProps, key: number) => {\n    const addWheelchairSponsor = (opt: any) => {\n      if ((opt.value === \"B\" || opt.value === \"G\") && tourCode === WCT) {\n        return {\n          ...opt,\n          label: `Cruyff Junior ${opt.label}' Rankings`\n        };\n      }\n      return opt;\n    };\n\n    const options = dd.dropdown.map(addWheelchairSponsor);\n    const { dropDownValue } = setDropDownValue(\n      { ...dd, dropdown: options },\n      key\n    );\n\n    return options.length > 1 ? (\n      <Dropdown\n        key={key}\n        placeholder={dd.filterName}\n        options={options}\n        value={dropDownValue}\n        onChange={(res: any) => {\n          const _selected = {\n            ...selected,\n            [dd.dataName]: res.value\n          };\n          setIsLoading(true);\n          setRankedPlayers({ items: [], totalItems: 0 });\n          setSkip(\"0\");\n          setDropdowns(\n            buildDropdowns(filters, checkSelected(_selected)).reverse()\n          );\n          setSelected(_selected);\n        }}\n      />\n    ) : null;\n  };\n\n  useEffect(() => {\n    const func = () => setMediaDevice(getMediaDevice());\n    debounce({ func });\n  }, []);\n\n  const value = tourOptions\n    .filter((op: any) => op.code == tourCode)\n    .map((op: any) => ({ value: op.code, label: op.label }))[0];\n\n  const searchObject = [\n    {\n      type: \"Region\",\n      options: Regions,\n      update: updateRegions\n    },\n    {\n      type: \"Nation\",\n      options: Nations,\n      update: updateNations\n    }\n  ];\n\n  return (\n    <>\n      <div className=\"ranking-filters\">\n        <div className=\"container\">\n          <div className=\"ranking-filters__container\">\n            <label className=\"dropdown-tour\" aria-required=\"false\">\n              <span>Select an ITF Tour</span>\n              <Dropdown\n                placeholder=\"Tour\"\n                options={tourOptions.map((op: any) => ({\n                  ...op,\n                  value: op.code\n                }))}\n                value={value}\n                onChange={({ url }: any) =>\n                  (location.href = `${location.origin}${url}`)\n                }\n              />\n            </label>\n            {mediaDevice == \"MOBILE\" ? (\n              <div className=\"dropdown-ranking-filters\">\n                {dropDowns.map(buildFilters)}\n              </div>\n            ) : (\n              dropDowns.map(buildFilters)\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"ranking-filters__search-container\">\n        <div className=\"container\">\n          <div\n            className={`ranking-filters__search${\n              filterOption.name ? \" has-value\" : \"\"\n            }${searchToggle ? \" active\" : \"\"}`}\n          >\n            <input\n              onChange={handleOnChange}\n              value={filterOption.name}\n              placeholder=\"Search nation or region\"\n            />\n            <span\n              className={\"dropdown-toggle\"}\n              onClick={() => {\n                setSearchToggle(!searchToggle);\n              }}\n            />\n            {filterOption.name ? (\n              <a\n                className=\"whatson-hero__search-delete\"\n                onClick={() => {\n                  setFilterOption({\n                    type: \"\",\n                    name: \"\",\n                    nation: \"\",\n                    region: \"\"\n                  });\n                  updateNations(\n                    Nations.map(nation => ({ ...nation, selected: false }))\n                  );\n                  updateRegions(\n                    Regions.map(reg => ({ ...reg, selected: false }))\n                  );\n                  setRankedPlayers({\n                    items: [],\n                    totalItems: 0,\n                    noResults: false,\n                    headToHeadBaseUrl: \"\",\n                    rankDate: \"\"\n                  });\n                }}\n              >\n                Delete\n              </a>\n            ) : null}\n            {searchToggle && !searchResults.length ? (\n              <div ref={searchRef} className=\"whatson-table__search-results dd\">\n                {searchToggle\n                  ? searchObject.map(({ type, update, options }, key) => (\n                      <div key={key} className={`list--nation`}>\n                        {SearchOptions.filter(\n                          opt => opt.filterName == type\n                        ).map(result => {\n                          return (\n                            <div\n                              className={`whatson-table__search-result${\n                                result.selected\n                                  ? \" whatson-host-list__item--selected\"\n                                  : \"\"\n                              }`}\n                              key={result.label}\n                              onClick={() => {\n                                if (!result.selected) {\n                                  let altSelected = SearchOptions.filter(\n                                    opt =>\n                                      opt.filterName != type && opt.selected\n                                  );\n                                  let optionsUpdated = options.map(opt => ({\n                                    ...opt,\n                                    selected:\n                                      opt.value == result.value\n                                        ? true\n                                        : opt.selected\n                                  }));\n                                  let selected = [\n                                    ...altSelected,\n                                    ...optionsUpdated.filter(\n                                      opt => opt.selected\n                                    )\n                                  ];\n\n                                  if (selected.length <= 3) {\n                                    setRankedPlayers({\n                                      items: [],\n                                      totalItems: 0\n                                    });\n                                    updateSearchResults([]);\n                                    setSkip(\"0\");\n                                    update(optionsUpdated);\n                                    setFilterOption({\n                                      name: \"\",\n                                      nation: resultValue({\n                                        options: Nations,\n                                        result\n                                      }),\n                                      region: resultValue({\n                                        options: Regions,\n                                        result\n                                      })\n                                    });\n                                  }\n                                } else {\n                                  let optionsUpdated = options.map(opt => ({\n                                    ...opt,\n                                    selected:\n                                      opt.value == result.value\n                                        ? false\n                                        : opt.selected\n                                  }));\n\n                                  setRankedPlayers({\n                                    items: [],\n                                    totalItems: 0\n                                  });\n                                  update(optionsUpdated);\n                                  setFilterOption({\n                                    name: \"\",\n                                    nation: resultValue({\n                                      options: Nations,\n                                      flag: false,\n                                      result\n                                    }),\n                                    region: resultValue({\n                                      options: Regions,\n                                      flag: false,\n                                      result\n                                    })\n                                  });\n                                }\n                              }}\n                            >\n                              {result.label}\n                              {result.selected ? (\n                                <span className=\"whatson-host-list__selected-tick\" />\n                              ) : null}\n                              <span\n                                className={`itf-flags itf-flags--${\n                                  result.value\n                                }${type == \"Region\" ? \"\" : \" nation\"}`}\n                              />\n                            </div>\n                          );\n                        })}\n                      </div>\n                    ))\n                  : null}\n              </div>\n            ) : null}\n            {searchResults.length && searchToggle ? (\n              <div ref={searchRef} className=\"whatson-table__search-results\">\n                <Searchlist\n                  results={searchResults.map((res: dropdownItem) => ({\n                    ...res,\n                    selected: SearchOptions.filter(\n                      opt => opt.label == res.label\n                    )[0].selected\n                  }))}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n        {SearchOptions.filter(opt => opt.selected).length ? (\n          <section className=\"section\">\n            <div className=\"container\">\n              {SearchOptions.filter(opt => opt.selected).map(\n                (opt: dropdownItem) => (\n                  <span\n                    key={opt.label}\n                    className=\"whats-on__state-toggle\"\n                    onClick={({ target }: any) => {\n                      const result = SearchOptions.filter(\n                        (result: dropdownItem) =>\n                          result.label == target.textContent\n                      )[0];\n\n                      if (result.filterName == \"Region\") {\n                        updateRegions(\n                          Regions.map(reg => ({\n                            ...reg,\n                            selected:\n                              reg.label == result.label ? false : reg.selected\n                          }))\n                        );\n                      } else {\n                        updateNations(\n                          Nations.map(reg => ({\n                            ...reg,\n                            selected:\n                              reg.label == result.label ? false : reg.selected\n                          }))\n                        );\n                      }\n\n                      setRankedPlayers({ items: [], totalItems: 0 });\n                      setFilterOption({\n                        name: \"\",\n                        nation: resultValue({\n                          options: Nations,\n                          result,\n                          flag: false\n                        }),\n                        region: resultValue({\n                          options: Regions,\n                          result,\n                          flag: false\n                        })\n                      });\n                    }}\n                  >\n                    {opt.label}\n                  </span>\n                )\n              )}\n            </div>\n          </section>\n        ) : null}\n      </div>\n    </>\n  );\n};\n\nexport default Filters;\n","import React from \"react\";\nimport { BT, VT } from \"../../helpers/constants/circuitCodes\";\nimport { omitNation } from \"../../helpers\";\n\ninterface Props {\n  items?: any[];\n  className?: string;\n  noResults?: boolean;\n  tourCode: string;\n  headToHeadBaseUrl?: string;\n  matchTypeCode: string;\n  seniorRankingCode: string;\n  searchTerm?: string;\n  sortField?: string;\n  sortFieldValue?: boolean;\n  sortBy?: (field: string, value: boolean) => void;\n}\n\nconst Table = ({\n  items = [],\n  className,\n  noResults = false,\n  tourCode,\n  headToHeadBaseUrl,\n  matchTypeCode,\n  seniorRankingCode,\n  sortField,\n  sortFieldValue,\n  sortBy = () => {}\n}: Props) => {\n  return !noResults ? (\n    <table\n      className={`${className} table${\n        tourCode === VT && seniorRankingCode === \"WORLD\"\n          ? \" ranking-table--seniors\"\n          : \"\"\n      }`}\n    >\n      <thead>\n        <tr>\n          <th className=\"rank\">\n            <span>ITF Ranking</span>\n          </th>\n          {seniorRankingCode === \"WORLD\" && tourCode === VT ? null : (\n            <th className=\"name\">\n              <span className=\"long\">Player name</span>\n              <span className=\"short\">Name</span>\n            </th>\n          )}\n          {seniorRankingCode === \"WORLD\" && tourCode === VT ? null : (\n            <th\n              className={`birth-year sort ${\n                sortField === \"BIRTHYEAR\"\n                  ? sortFieldValue\n                    ? \"sort--active-asc\"\n                    : \"sort--active-desc\"\n                  : \"\"\n              }`}\n              onClick={() => sortBy(\"BIRTHYEAR\", !sortFieldValue)}\n            >\n              <span>Year of Birth</span>\n            </th>\n          )}\n          <th className=\"player-nationality\">\n            <span>Nation</span>\n          </th>\n          <th className=\"tournaments-played\">\n            <span\n              title={\n                seniorRankingCode !== \"WORLD\"\n                  ? \"No. of tournaments played in the last 12 month\"\n                  : \"\"\n              }\n            >\n              {seniorRankingCode === \"WORLD\"\n                ? \"Years played (Max 3)\"\n                : \"Tournaments played\"}\n            </span>\n          </th>\n          <th className=\"points\">\n            <span className=\"hide--mobile\">\n              {seniorRankingCode === \"WORLD\"\n                ? \"Total ranking points\"\n                : \"Points\"}\n            </span>\n            <span className=\"hide--tablet hide--desktop\">\n              {seniorRankingCode === \"WORLD\" ? \"Total points\" : \"Points\"}\n            </span>\n          </th>\n          {tourCode !== BT && tourCode !== VT && matchTypeCode !== \"D\" ? (\n            <th className=\"h2h\">\n              <span>Head to Head</span>\n            </th>\n          ) : null}\n        </tr>\n      </thead>\n      <tbody>\n        {items.map(player => {\n          const {\n            rank,\n            rankMovement,\n            playerNationalityCode,\n            profileLink,\n            playerGivenName,\n            playerFamilyName,\n            birthYear,\n            playerNationality,\n            tournamentsPlayed,\n            points,\n            playerId,\n            hiddenPlayer\n          } = player;\n\n          return (\n            <tr key={playerId}>\n              <td className=\"rank\">\n                <div>\n                  <span>{rank}</span>\n                  <span\n                    className={`${\n                      parseInt(rankMovement) >= 1\n                        ? \"positive\"\n                        : parseInt(rankMovement) < 0\n                        ? \"negative\"\n                        : \"neutral\"\n                    }`}\n                  >\n                    <div className=\"symbol\">\n                      {parseInt(rankMovement) >= 1 ? \"+\" : \"\"}\n                      {rankMovement != 0 ? rankMovement : \"-\"}\n                    </div>\n                  </span>\n                </div>\n              </td>\n              {seniorRankingCode === \"WORLD\" && tourCode === VT ? null : (\n                <td className={`name ${hiddenPlayer ? \"name--hidden\" : \"\"}`}>\n                  <div className=\"nationality\">\n                    <div\n                      className={`itf-flags itf-flags--${playerNationalityCode}`}\n                    />\n                    <span>{omitNation(playerNationalityCode)}</span>\n                  </div>\n                  <span className=\"short\">\n                    <a href={!hiddenPlayer ? profileLink : undefined}>\n                      {playerGivenName ? playerGivenName.substr(0, 1) : null}\n                      {\". \"}\n                      <span className=\"capitalise\">{`${\n                        playerFamilyName ? playerFamilyName.toLowerCase() : \"\"\n                      }`}</span>\n                    </a>\n                  </span>\n                  <span className=\"long\">\n                    <a href={!hiddenPlayer ? profileLink : undefined}>\n                      {playerGivenName}\n                      <span className=\"capitalise\">{`${\n                        playerFamilyName ? playerFamilyName.toLowerCase() : \"\"\n                      }`}</span>\n                    </a>\n                  </span>\n                </td>\n              )}\n              {seniorRankingCode === \"WORLD\" && tourCode === VT ? null : (\n                <td className=\"birth-year\">\n                  <span>{birthYear}</span>\n                </td>\n              )}\n              <td className=\"player-nationality\">\n                <div\n                  className={`itf-flags itf-flags--${playerNationalityCode}`}\n                />\n                <span>{omitNation(playerNationality)}</span>\n              </td>\n              <td className=\"tournaments-played\">\n                <span>{tournamentsPlayed}</span>\n              </td>\n              <td className=\"points\">\n                <span>{points}</span>\n              </td>\n              {tourCode !== BT && tourCode !== VT && matchTypeCode !== \"D\" ? (\n                <td className=\"h2h\">\n                  <span>\n                    {/* interim solution until this value is being generated on the backend */}\n                    <a\n                      href={`${headToHeadBaseUrl}?circuitCode=${tourCode}&player1Id=${playerId}`}\n                    >\n                      Head 2 Head\n                    </a>\n                  </span>\n                </td>\n              ) : null}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  ) : (\n    <h2>No results for your selection</h2>\n  );\n};\n\nexport default Table;\n","import React from \"react\";\n\ninterface Props {\n  items?: any[];\n  className?: string;\n  noResults?: boolean;\n  tourCode: string;\n  headToHeadBaseUrl?: string;\n  matchTypeCode: string;\n}\n\nconst Table = ({ items = [], className, noResults = false }: Props) => {\n  return !noResults ? (\n    <table className={`${className} table`}>\n      <thead>\n        <tr>\n          <th className=\"rank\">\n            <span>ITF Ranking</span>\n          </th>\n          <th className=\"name\">\n            <span className=\"long\">Player name</span>\n            <span className=\"short\">Name</span>\n          </th>\n          <th className=\"birth-year\">\n            <span>Year of Birth</span>\n          </th>\n          <th className=\"player-nationality\">\n            <span>Nation</span>\n          </th>\n          <th className=\"tournaments-played\">\n            <span>Singles Played</span>\n          </th>\n          <th className=\"tournaments-played\">\n            <span>Doubles Played</span>\n          </th>\n          <th className=\"tournaments-played\">\n            <span>Total Singles Points</span>\n          </th>\n          <th className=\"tournaments-played\">\n            <span>Total Doubles Points</span>\n          </th>\n          <th className=\"points\">\n            <span>Total Ranking Points</span>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        {items.map((player, key) => {\n          const {\n            rank,\n            rankMovement,\n            playerNationalityCode,\n            profileLink,\n            playerGivenName,\n            playerFamilyName,\n            birthYear,\n            playerNationality,\n            tournamentsPlayedSingles,\n            tournamentsPlayedDoubles,\n            pointsRankingSingles,\n            pointsRankingDoubles,\n            pointsRankingTotal,\n            hiddenPlayer\n          } = player;\n          return (\n            <tr key={key}>\n              <td className=\"rank\">\n                <div>\n                  <span>{rank}</span>\n                  <span\n                    className={`${\n                      parseInt(rankMovement) >= 1\n                        ? \"positive\"\n                        : parseInt(rankMovement) < 0\n                        ? \"negative\"\n                        : \"neutral\"\n                    }`}\n                  >\n                    <div className=\"symbol\">\n                      {parseInt(rankMovement) >= 1 ? \"+\" : \"\"}\n                      {rankMovement != 0 ? rankMovement : \"-\"}\n                    </div>\n                  </span>\n                </div>\n              </td>\n              <td className={`name ${hiddenPlayer ? \"name--hidden\" : \"\"}`}>\n                <div className=\"nationality\">\n                  <div\n                    className={`itf-flags itf-flags--${playerNationalityCode}`}\n                  />\n                  <span>{playerNationalityCode}</span>\n                </div>\n                <span className=\"short\">\n                  <a href={!hiddenPlayer ? profileLink : undefined}>\n                    {playerGivenName.substr(0, 1)}\n                    {\". \"}\n                    <span className=\"capitalise\">{`${playerFamilyName.toLowerCase()}`}</span>\n                  </a>\n                </span>\n                <span className=\"long\">\n                  <a href={!hiddenPlayer ? profileLink : undefined}>\n                    {playerGivenName}\n                    <span className=\"capitalise\">{`${playerFamilyName.toLowerCase()}`}</span>\n                  </a>\n                </span>\n              </td>\n              <td className=\"birth-year\">\n                <span>{birthYear}</span>\n              </td>\n              <td className=\"player-nationality\">\n                <div\n                  className={`itf-flags itf-flags--${playerNationalityCode}`}\n                />\n                <span>{playerNationality}</span>\n              </td>\n              <td className=\"tournaments-played\">\n                <span>{tournamentsPlayedSingles}</span>\n              </td>\n              <td className=\"tournaments-played\">\n                <span>{tournamentsPlayedDoubles}</span>\n              </td>\n              <td className=\"tournaments-played\">\n                <span>{pointsRankingSingles}</span>\n              </td>\n              <td className=\"tournaments-played\">\n                <span>{pointsRankingDoubles}</span>\n              </td>\n              <td className=\"points\">\n                <span>{pointsRankingTotal}</span>\n              </td>\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  ) : (\n    <h2>No results for your search</h2>\n  );\n};\n\nexport default Table;\n","import React from \"react\";\nimport Dropdown from \"../../static/Dropdown/Dropdown\";\n\ninterface Props {\n  pagerOptions?: any[];\n  setTake?: Function;\n  take?: string;\n  setSkip?: Function;\n  skip?: string;\n  setRankedPlayers?: Function;\n  setIsLoadingPager?: Function;\n  isLoadingPager: boolean;\n}\n\nconst Pager = ({\n  setTake = () => { },\n  take = \"10\",\n  setSkip = () => { },\n  skip = \"0\",\n  setRankedPlayers = () => { },\n  pagerOptions = [],\n  isLoadingPager,\n  setIsLoadingPager = () => { }\n}: Props) => {\n  const handleOnClick = () => {\n    setSkip(String(Number(skip) + Number(take)));\n    setIsLoadingPager(true);\n  };\n\n  const handlePager = (event: any) => {\n    if (take != event.value) {\n      setTake(event.value);\n      setRankedPlayers({ items: [], totalItems: 0 });\n      setSkip(\"0\");\n      const el: HTMLElement | null = document.querySelector(\".ranking-filters__search-container\");\n      if (el !== null) {\n        window.scroll(0, el.offsetTop - 77)\n      }\n    }\n  };\n\n  return isLoadingPager ? (\n    <div className=\"page-loading\" style={{ minHeight: \"80px\" }} />\n  ) : (\n      <div className=\"flex-container ranking-pager\">\n        <button onClick={handleOnClick} className=\"btn\">\n          {`Show ${take} More`}\n        </button>\n        <div className=\"pager\">\n          <span className=\"pager__tablet-text\">Showing</span>\n          <Dropdown\n            placeholder={take}\n            options={pagerOptions}\n            onChange={handlePager}\n          />\n          <span>items per page</span>\n        </div>\n      </div>\n    );\n};\n\nexport default Pager;\n","import React, { useEffect, useState } from \"react\";\nimport \"url-search-params-polyfill\";\nimport \"./index.scss\";\nimport \"./filters.scss\";\nimport { getRankedPlayers } from \"../../services/rankings\";\nimport { dropdownItem } from \"../../static/Dropdown/types\";\nimport { buildDropdowns } from \"../DrawSheets/src/utils\";\nimport Filters from \"./Filters\";\nimport Table from \"./Table\";\nimport YERankingTable from \"./YERankingTable\";\nimport Pager from \"./Pager\";\nimport Hero from \"../GernericHero\";\nimport qs from \"query-string\";\nimport { omitNation, checkImage } from \"../../helpers\";\nimport { stripProps } from \"./mockData\";\nimport Banner from \"../../static/AdBanner\";\nimport { Props, Params, ddProps } from \"./types\";\n\nconst juniorRankingTypeLabels = {\n  itf: \"ITF\",\n  chengu: \"Chengdu\",\n  year: \"Year\"\n};\n\nconst juniorRankingTypeValues = {\n  ITF: \"itf\",\n  Chengdu: \"chengu\",\n  Year: \"year\"\n};\n\nconst RankingHero = ({\n  heading = \"Tenis Ranking heading\",\n  subheading,\n  tourOptions,\n  tourCode,\n  sponsorLogo,\n  sponsorLink,\n  brandLogo,\n  filters,\n  mobileImage,\n  tabletImage,\n  isBeach,\n  desktopImage,\n  nations,\n  regions,\n  adBannersTop,\n  adBannersFooter\n}: Props) => {\n  let [rankedPlayers, setRankedPlayers] = useState({\n    items: [],\n    totalItems: 0,\n    noResults: false,\n    headToHeadBaseUrl: \"\",\n    rankDate: \"\"\n  });\n  let [take, setTake] = useState(\"10\");\n  let [skip, setSkip] = useState(\"0\");\n  let [searchResults, updateSearchResults]: any[] = useState([]);\n  let [isLoading, setIsLoading] = useState(true);\n  let [filterOption, setFilterOption] = useState({\n    name: \"\",\n    nation: \"\",\n    region: \"\"\n  });\n  let [isLoadingPager, setIsLoadingPager] = useState(false);\n\n  const defaultValues = buildDropdowns(filters, {}).reduce((obj, dd) => {\n    obj[dd.dataName] = dd.dropdown[0].value;\n    return obj;\n  }, {});\n\n  const heroProps = {\n    heading,\n    subheading,\n    brandLogo,\n    sponsorLogo,\n    sponsorLink,\n    mobileImage,\n    tabletImage,\n    desktopImage,\n    isBeach\n  };\n\n  let [dropDowns, setDropdowns] = useState(\n    buildDropdowns(filters, { ...defaultValues }).reverse()\n  );\n  let [selected, setSelected] = useState({\n    playerTypeCode: \"\",\n    matchTypeCode: \"\",\n    ageCategoryCode: \"\",\n    juniorRankingType: \"\",\n    seniorRankingType: \"\",\n    ...defaultValues\n  });\n\n  let [params, updateParams] = useState<Params>({\n    checked: false,\n    ...qs.parse(location.search)\n  });\n\n  const endOfResults = Number(take) + Number(skip) > rankedPlayers.totalItems;\n\n  const props = {\n    take,\n    setTake,\n    rankedPlayers,\n    setRankedPlayers,\n    skip,\n    setSkip,\n    selected,\n    setSelected,\n    dropDowns,\n    setDropdowns,\n    filterOption,\n    setFilterOption,\n    setIsLoading,\n    isLoadingPager,\n    setIsLoadingPager,\n    searchResults,\n    updateSearchResults\n  };\n\n  const pagerOptions = [\n    { label: \"10\", value: \"10\" },\n    { label: \"20\", value: \"20\" },\n    { label: \"30\", value: \"30\" },\n    { label: \"40\", value: \"40\" },\n    { label: \"50\", value: \"50\" },\n    { label: \"100\", value: \"100\" }\n  ].filter(option => rankedPlayers.totalItems / parseInt(option.value) > 1);\n\n  const checkProperty = ({ label = \"\" }: any) => {\n    let flag,\n      fallback: string | number | undefined = \"\";\n    const value = dropDowns.filter((v: ddProps) => v.dataName == label);\n\n    if (value.length) {\n      flag =\n        value[0].dropdown.filter(\n          (d: dropdownItem) => d.value === selected[label]\n        ).length > 0;\n      fallback = value[0].dropdown[0].value;\n\n      if (!flag) {\n        setSelected(selected => ({ ...selected, [label]: fallback }));\n      }\n    }\n    const returnedValue =\n      value.length > 0 ? (flag ? selected[label] : fallback) : \"\";\n    return returnedValue;\n  };\n\n  let [sortField, setSortField] = useState<string>(\"\");\n  let [sortFieldValue, setSortFieldValue] = useState<boolean>(true);\n\n  const getData = (force: boolean) => {\n    // only reload whole table is loading initial page of results\n    if (skip == \"0\") {\n      setIsLoading(true);\n    }\n\n    const config = {\n      tourCode,\n      take,\n      skip,\n      playerCode:\n        !params.checked && params.playerType\n          ? params.playerType\n          : checkProperty({ label: \"playerTypeCode\" }) || \"\",\n      matchCode: checkProperty({ label: \"matchTypeCode\" }) || \"\",\n      seniorRankingCode: checkProperty({ label: \"seniorRankingType\" }) || \"\",\n      ageCategoryCode:\n        !params.checked && params.ageCategory\n          ? params.ageCategory\n          : checkProperty({ label: \"ageCategoryCode\" }) || \"\",\n      isRaceJunior: checkProperty({ label: \"juniorRankingType\" }) || \"\",\n      juniorEndYear: checkProperty({ label: \"juniorEndYear\" }) || \"\",\n      nationCode: filterOption.nation,\n      regionCode: filterOption.region,\n      orderField: sortField,\n      isOrderAscending: sortFieldValue\n    };\n\n    const updateRankingsState = (res: any) => {\n      let players: any = {\n        ...res,\n        totalItems: res.totalItems,\n        items: force ? res.items : [...rankedPlayers.items, ...res.items]\n      };\n      if (!res.totalItems) {\n        players.noResults = true;\n      }\n      setRankedPlayers(players);\n      setIsLoadingPager(false);\n      setIsLoading(false);\n    };\n\n    if (dropDowns.length > 0) {\n      // special case - use the getJuniorsYearEndRankings api\n      getRankedPlayers(config).then((res: any) => {\n        updateRankingsState(res);\n        if (!params.checked) {\n          updateParams({\n            ...params,\n            checked: true\n          });\n        }\n      });\n    }\n  };\n\n  useEffect(() => {\n    getData(false);\n  }, [take, skip, dropDowns, filterOption.nation, filterOption.region]);\n\n  useEffect(() => {\n    getData(true);\n  }, [sortField, sortFieldValue]);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      getData(true);\n    }, 500);\n    return () => clearTimeout(timer);\n  }, [location.search]);\n\n  useEffect(() => {\n    const playerTypeCode: string = params.playerType;\n    const ageCategoryCode: string = params.ageCategory;\n    const juniorRankingType: string = params.juniorRankingType;\n\n    setSelected(selected => ({\n      ...selected,\n      playerTypeCode: playerTypeCode ? playerTypeCode : selected.playerTypeCode,\n      ageCategoryCode: ageCategoryCode\n        ? ageCategoryCode\n        : selected.ageCategoryCode,\n      juniorRankingType: juniorRankingType\n        ? juniorRankingTypeValues[juniorRankingType]\n        : selected.juniorRankingType\n    }));\n  }, []);\n\n  useEffect(() => {\n    if (selected.juniorRankingType && selected.juniorRankingType.length > 0) {\n      const url = new URL(location.href);\n      url.searchParams.set(\n        \"juniorRankingType\",\n        juniorRankingTypeLabels[selected.juniorRankingType]\n      );\n      history.replaceState(\"\", \"\", url.href);\n    }\n  }, [selected.juniorRankingType]);\n\n  const searchTerm = [...stripProps(nations), ...stripProps(regions)].filter(\n    opt => opt.value === (filterOption.nation || filterOption.region)\n  )[0] || { label: \"\" };\n\n  const sortBy = (field: string, value: boolean) => {\n    setSortField(field);\n    setSortFieldValue(value);\n    setSkip(\"0\");\n  };\n\n  const topBanners = adBannersTop;\n  const bottomBanners = adBannersFooter;\n\n  return (\n    <>\n      <div className=\"ranking-hero\">\n        <section\n          className={`ranking-hero__top-five${\n            isLoading ? \" page-loading\" : \"\"\n          }`}\n        >\n          <div className=\"container\">\n            {rankedPlayers.items.length > 0 ? (\n              rankedPlayers.items\n                .slice(0, 5)\n                .map(\n                  (\n                    {\n                      playerGivenName,\n                      playerFamilyName,\n                      rankMovement,\n                      playerNationalityCode,\n                      profileLink,\n                      profileImage,\n                      hiddenPlayer,\n                      rank\n                    },\n                    index\n                  ) => (\n                    <div\n                      className={`ranking-hero__player ${\n                        hiddenPlayer ? \"ranking-hero__player--hidden\" : \"\"\n                      }`}\n                      key={index}\n                    >\n                      <a\n                        href={hiddenPlayer ? undefined : profileLink}\n                        className=\"ranking-hero__player-image\"\n                        style={{\n                          backgroundImage: `url(${profileImage})`\n                        }}\n                      />\n                      <div className=\"ranking-hero__player-name\">\n                        <span className=\"ranking-hero__player-position\">\n                          {rank}\n                        </span>\n                        <a\n                          href={hiddenPlayer ? undefined : profileLink}\n                          className=\"ranking-hero__player-name-value\"\n                        >\n                          {`${String(playerGivenName).substring(0, 1)}. `}\n                          <span style={{ textTransform: \"capitalize\" }}>\n                            {String(playerFamilyName).toLowerCase()}\n                          </span>\n                        </a>\n                        <div className=\"flags\">\n                          <div\n                            className={`itf-flags itf-flags--${playerNationalityCode}`}\n                          />\n                          <span>{omitNation(playerNationalityCode)}</span>\n                        </div>\n                      </div>\n                      <div className={`ranking-hero__player-link`}>\n                        <div\n                          className={`ranking-hero__rank-${\n                            parseInt(rankMovement) >= 1\n                              ? \"positive\"\n                              : parseInt(rankMovement) < 0\n                              ? \"negative\"\n                              : \"neutral\"\n                          }`}\n                        >\n                          {rankMovement}\n                        </div>\n                        <a href={hiddenPlayer ? undefined : profileLink}>\n                          View profile\n                        </a>\n                      </div>\n                    </div>\n                  )\n                )\n            ) : isLoading ? (\n              <h2>Loading top 5 players</h2>\n            ) : (\n              <h2>No rankings available</h2>\n            )}\n          </div>\n        </section>\n      </div>\n      <Hero {...heroProps} />\n      {topBanners && topBanners.length ? (\n        <div className={`whatson-hero__ad-banner-container`}>\n          <div\n            className={`page-section__inner whatson-hero__ad-banner-wrapper banner-length--${topBanners.length}`}\n          >\n            {topBanners.map(b => {\n              const props = {\n                ...b,\n                imgDesktopURL:\n                  checkImage({ images: b.imageUrls || [], size: \"Large\" }) ||\n                  \"\",\n                imgMobileURL:\n                  checkImage({ images: b.imageUrls || [], size: \"Small\" }) || \"\"\n              };\n              return <Banner {...props} />;\n            })}\n          </div>\n        </div>\n      ) : null}\n      <Filters\n        {...props}\n        tourCode={tourCode}\n        tourOptions={tourOptions}\n        filters={filters}\n        nations={stripProps(nations)}\n        regions={stripProps(regions)}\n      />\n      <div className=\"page-section\">\n        <div className=\"page-section__inner\">\n          {rankedPlayers.rankDate ? (\n            <p className=\"ranking-updates\">\n              Last Updated: {rankedPlayers.rankDate}\n            </p>\n          ) : null}\n          {!isLoading ? (\n            <>\n              {selected &&\n              selected.juniorRankingType &&\n              selected.juniorRankingType === \"year\" ? (\n                <YERankingTable\n                  tourCode={tourCode}\n                  className=\"ranking-table\"\n                  headToHeadBaseUrl={rankedPlayers.headToHeadBaseUrl}\n                  items={rankedPlayers.items}\n                  noResults={rankedPlayers.noResults}\n                  matchTypeCode={selected.matchTypeCode}\n                />\n              ) : (\n                <Table\n                  seniorRankingCode={selected.seniorRankingType}\n                  tourCode={tourCode}\n                  className=\"ranking-table\"\n                  headToHeadBaseUrl={rankedPlayers.headToHeadBaseUrl}\n                  items={rankedPlayers.items}\n                  noResults={rankedPlayers.noResults}\n                  matchTypeCode={selected.matchTypeCode}\n                  searchTerm={searchTerm.label}\n                  sortField={sortField}\n                  sortFieldValue={sortFieldValue}\n                  sortBy={(field: string, value: boolean) =>\n                    sortBy(field, value)\n                  }\n                />\n              )}\n              {rankedPlayers.noResults || isLoading || endOfResults ? null : (\n                <Pager {...props} pagerOptions={pagerOptions} />\n              )}\n            </>\n          ) : (\n            <h2>Loading player rankings</h2>\n          )}\n        </div>\n        {bottomBanners && bottomBanners.length ? (\n          <div className={`whatson-hero__ad-banner-container bottom`}>\n            <div\n              className={`page-section__inner whatson-hero__ad-banner-wrapper banner-length--${bottomBanners.length}`}\n            >\n              {bottomBanners.map(b => {\n                const props = {\n                  ...b,\n                  imgDesktopURL:\n                    checkImage({ images: b.imageUrls || [], size: \"Large\" }) ||\n                    \"\",\n                  imgMobileURL:\n                    checkImage({ images: b.imageUrls || [], size: \"Small\" }) ||\n                    \"\"\n                };\n                return <Banner {...props} />;\n              })}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </>\n  );\n};\n\nexport default RankingHero;\n"],"sourceRoot":""}