{"version":3,"file":"8d1c03cf.js","sources":["../../../src/components/globals/country-selector/CountrySelector.client.tsx"],"sourcesContent":["import {Image} from '@shopify/hydrogen';\nimport useMediaQuery from 'Js/hooks/useMediaQuery';\nimport clsx from 'clsx';\nimport {useCountrySelector} from './CountrySelectorProvider.client';\n\n/**\n * A client component that selects the appropriate country to display for products on a website\n */\nexport default function CountrySelector({\n  buttonClass,\n  buttonTextClass,\n  countryData,\n  headerSolid,\n  secondaryFont = true,\n  setOpenTab,\n  setSearchDrawerOpen,\n}: {\n  buttonClass: any;\n  buttonTextClass?: any;\n  countryData: any;\n  countryPicker: any;\n  countryWarning?: boolean;\n  headerSolid: any;\n  secondaryFont?: boolean;\n  setOpenTab?: any;\n  setSearchDrawerOpen?: any;\n}): JSX.Element | null {\n  const isMobile = useMediaQuery('(max-width: 1023px)');\n  const {modalOpened, setModalOpened, currentCountry} = useCountrySelector();\n\n  return (\n    countryData &&\n    currentCountry && (\n      <div className={buttonClass}>\n        <button\n          type=\"button\"\n          onClick={() => {\n            setModalOpened(!modalOpened);\n            if (isMobile || modalOpened) return;\n            if (typeof setOpenTab !== 'undefined') setOpenTab('');\n            if (typeof setSearchDrawerOpen !== 'undefined') {\n              setSearchDrawerOpen(false);\n            }\n          }}\n          className=\"flex items-center\"\n        >\n          <Image\n            key={currentCountry.isoCode}\n            width=\"48\"\n            height=\"48\"\n            src={`//gepi.global-e.com/content/images/flags/${currentCountry.isoCode}.png`}\n            alt=\"Country Picker country flag\"\n            className={`mr-[5px] ${\n              isMobile\n                ? 'ml-[5px] mb-[3px] max-w-[22px]'\n                : 'mb-[1px] max-w-[20px] 2xl:max-w-[25px]'\n            }`}\n          />\n          <span\n            className={clsx([\n              secondaryFont && 'font-secondary',\n              'text-[18px] md:text-[12px] 2xl:text-[15px]',\n              headerSolid ? 'text-brown-1' : 'text-white-1',\n              buttonTextClass,\n            ])}\n          >\n            {currentCountry?.currency?.isoCode}\n          </span>\n        </button>\n      </div>\n    )\n  );\n}\n\nexport function CheckIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z\"\n        stroke=\"#63544c\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function ArrowIcon({isOpen}: {isOpen: boolean}): JSX.Element {\n  return (\n    <svg\n      className={`transition-transform duration-300 ${\n        isOpen ? 'rotate-180' : null\n      }`}\n      aria-hidden=\"true\"\n      width=\"10\"\n      height=\"6\"\n      viewBox=\"0 0 10 6\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0.292893 0.292893C0.683416 -0.097631 1.31658 -0.097631 1.7071 0.292893L4.99999 3.58579L8.29288 0.292893C8.6834 -0.0976311 9.31657 -0.0976311 9.70709 0.292893C10.0976 0.683417 10.0976 1.31658 9.70709 1.70711L5.7071 5.70711C5.31657 6.09763 4.68341 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976309 1.31658 -0.0976309 0.683417 0.292893 0.292893Z\"\n        fill=\"#63544c\"\n      />\n    </svg>\n  );\n}\n"],"names":["CountrySelector","buttonClass","buttonTextClass","countryData","headerSolid","secondaryFont","setOpenTab","setSearchDrawerOpen","isMobile","useMediaQuery","modalOpened","setModalOpened","currentCountry","useCountrySelector","_jsx","Image","isoCode","clsx","currency","CheckIcon","ArrowIcon","isOpen"],"mappings":"wtBAQA,SAAwBA,EAAgB,CACtCC,YAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,YAAAA,EACAC,cAAAA,EAAgB,GAChBC,WAAAA,EACAC,oBAAAA,CAWF,EAAuB,OACfC,MAAAA,EAAWC,EAAc,qBAAqB,EAC9C,CAACC,YAAAA,EAAaC,eAAAA,EAAgBC,eAAAA,GAAkBC,EAAoB,EAGxEV,OAAAA,GACAS,GACEE,EAAA,MAAA,CAAK,UAAWb,EAAY,WAC1B,SAAA,CACE,KAAK,SACL,QAAS,IAAM,CACbU,EAAe,CAACD,CAAW,EACvBF,EAAAA,GAAYE,KACZ,OAAOJ,GAAe,aAAaA,EAAW,EAAE,EAChD,OAAOC,GAAwB,aACjCA,EAAoB,EAAK,EAE7B,EACA,UAAU,oBAAmB,SAAA,CAE7BO,EAACC,EAAK,CAEJ,MAAM,KACN,OAAO,KACP,IAAM,4CAA2CH,EAAeI,cAChE,IAAI,8BACJ,UAAY,YACVR,EACI,iCACA,0CARDI,EAAAA,EAAeI,OAAO,IAW7B,OAAA,CACE,UAAWC,EAAK,CACdZ,GAAiB,iBACjB,6CACAD,EAAc,eAAiB,eAC/BF,CAAe,CAChB,EAAE,UAEFU,EAAAA,GAAAA,YAAAA,EAAgBM,WAAhBN,YAAAA,EAA0BI,OAAAA,CACtB,CAAA,CAAA,CAAA,CAAA,CAGZ,CAEL,CAEO,SAASG,GAAyB,CACvC,SACE,MAAA,CACE,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAAM,WAElB,OAAA,CACE,EAAE,mIACF,OAAO,UACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAO,CAAA,CAEpB,CAEV,CAEO,SAASC,EAAU,CAACC,OAAAA,CAAyB,EAAgB,CAClE,SACE,MAAA,CACE,UAAY,qCACVA,EAAS,aAAe,OAE1B,cAAY,OACZ,MAAM,KACN,OAAO,IACP,QAAQ,WACR,KAAK,OACL,MAAM,6BAA4B,WAElC,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,4VACF,KAAK,SAAA,CAAS,CAAA,CAEZ,CAEV"}