{"version":3,"file":"static/js/search-element.cd4aed29.chunk.js","mappings":"yPAUA,MAAM,uBAAEA,IAA2BC,EAAAA,EAAAA,IACjC,IACE,wRAKSC,EAETC,IAAU,IAADC,EACX,MAAM,EAAEC,IAAMC,EAAAA,EAAAA,OACPC,EAAWC,IAAgBC,EAAAA,EAAAA,WAAS,GACrCC,GAAyBC,EAAAA,EAAAA,KAE/B,OAAoB,QAAbP,EAAAD,EAAMS,eAAO,IAAAR,GAAbA,EAAeS,eAAgBC,EAAAA,EAAAA,MACpCC,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAC,SAAA,EACEC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,eAAcF,UAC3BC,EAAAA,EAAAA,KAACE,EAAAA,EAAU,CACTC,IAAI,UACJC,KAAK,SACLC,MAAM,UACNC,KAAMC,EAAAA,GAAUC,IAChBC,QAASA,KACPnB,GAAa,EAAK,MAIvBD,IACCQ,EAAAA,EAAAA,MAACa,EAAAA,EAAK,CACJC,MAAI,EACJC,MAAO,CACLC,OAAQ,IACRC,IAAK,IACLC,OAAQ,eAAevB,QAEzBS,UAAU,gBAAeF,SAAA,EAEzBF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,iBAAgBF,SAAA,EAC7BC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,wBAAuBF,SAAEZ,EAAE,qBAC1Ca,EAAAA,EAAAA,KAAA,QACEC,UAAU,wBACVQ,QAASA,KACPnB,GAAa,EAAM,EACnBS,SAEDZ,EAAE,uBAGPa,EAAAA,EAAAA,KAACgB,EAAAA,SAAQ,CAACC,UAAUjB,EAAAA,EAAAA,KAACkB,EAAAA,EAAqB,IAAInB,UAC5CC,EAAAA,EAAAA,KAAClB,EAAsB,IAAKG,aAMpCe,EAAAA,EAAAA,KAACgB,EAAAA,SAAQ,CAACC,UAAUjB,EAAAA,EAAAA,KAACkB,EAAAA,EAAqB,IAAInB,UAC5CC,EAAAA,EAAAA,KAAClB,EAAsB,IAAKG,KAE/B,C","sources":["newelements/SearchElement/index.tsx"],"sourcesContent":["import { ComponentProps, FC, Suspense, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { EIconSize } from 'utils/constants/app/ui';\nimport { lazy } from 'utils/generic/lazy';\nimport { SearchElementSkeleton } from 'newelements/SearchElement/Skeleton';\nimport { GlobalIcon } from 'components/GlobalIcon';\nimport { Popup } from 'components/Popup';\nimport { useCalculateBetslipFixedSwitchersHeight } from 'hooks/betslip/useCalculateBetslipFixedSwitchersHeight';\nimport { isMobile } from '../../utils/is-mobile';\n\nconst { SearchElementComponent } = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"search-element-internal-lazy-component\" */ './Component'\n    )\n);\n\nexport const SearchElement: FC<\n  ComponentProps<typeof SearchElementComponent>\n> = props => {\n  const { t } = useTranslation();\n  const [openPopup, setOpenPopup] = useState(false);\n  const bottomNavigationHeight = useCalculateBetslipFixedSwitchersHeight();\n\n  return props.configs?.searchLayout && isMobile() ? (\n    <>\n      <div className=\"search__icon\">\n        <GlobalIcon\n          lib=\"generic\"\n          name=\"search\"\n          theme=\"default\"\n          size={EIconSize._14}\n          onClick={() => {\n            setOpenPopup(true);\n          }}\n        />\n      </div>\n      {openPopup && (\n        <Popup\n          open\n          style={{\n            zIndex: '6',\n            top: '0',\n            height: `calc(100% - ${bottomNavigationHeight}px)`\n          }}\n          className=\"search__popup\"\n        >\n          <div className=\"search__header\">\n            <div className=\"search__header__title\">{t('account.search')}</div>\n            <span\n              className=\"search__header__close\"\n              onClick={() => {\n                setOpenPopup(false);\n              }}\n            >\n              {t('account.close')}\n            </span>\n          </div>\n          <Suspense fallback={<SearchElementSkeleton />}>\n            <SearchElementComponent {...props} />\n          </Suspense>\n        </Popup>\n      )}\n    </>\n  ) : (\n    <Suspense fallback={<SearchElementSkeleton />}>\n      <SearchElementComponent {...props} />\n    </Suspense>\n  );\n};\n"],"names":["SearchElementComponent","lazy","SearchElement","props","_props$configs","t","useTranslation","openPopup","setOpenPopup","useState","bottomNavigationHeight","useCalculateBetslipFixedSwitchersHeight","configs","searchLayout","isMobile","_jsxs","_Fragment","children","_jsx","className","GlobalIcon","lib","name","theme","size","EIconSize","_14","onClick","Popup","open","style","zIndex","top","height","Suspense","fallback","SearchElementSkeleton"],"sourceRoot":""}