{"version":3,"file":"static/js/SearchOverlay.8dd2438a.js","mappings":"2JAKA,MAAMA,GAAcC,EAAAA,EAAAA,SAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,qBAAAC,OAAAA,CAAAC,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,gBAAAH,SAAAI,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YACxBA,IACI,mEAA6DC,YAAAA,CAAAL,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,YAAAH,SAAAI,IAAA,OAAAG,YAAAJ,GAAAM,MAAAT,IAAA,KAAAA,SAAAI,IAAA,EAAAJ,IAAA,EAAAU,WAAAA,CAAAP,GAAA,MAAAQ,EAAA,KAAAN,QAAAF,GAAA,OAAAS,EAAAD,EAAA,EAAAN,OAAAA,GAAA,gBAE/DQ,EAAqBV,IACvBW,EAAAA,EAAAA,KAAChB,EAAW,IAAKK,IAErB,K,qOCRO,MAAMY,EAAUC,EAAAA,OAAOC,IAAIC,OAE/B,MAAS,KAAEC,WAAA,CAAAC,YAAA,gBAFSJ,CAET,+IAOPb,GAAWA,EAAMkB,WAAa,gBAAkB,kBAI1CC,GAAYN,EAAAA,EAAAA,QAAOO,EAAAA,IAAcJ,WAAA,CAAAC,YAAA,gBAArBJ,CAAqB,qC,eCN9C,MAAMQ,EAAgBA,EAClBC,YACAC,gBACAC,MAAQC,cAAaC,yBAErB,MAAM,qBAAEC,IAAyBC,EAAAA,EAAAA,MAEjC,OACIjB,EAAAA,EAAAA,KAACkB,EAAAA,cAAa,CACVC,MAAO,CACHA,MAAO,YACPC,aAAc,QACdC,YAAa,SACfC,UAEFtB,EAAAA,EAAAA,KAACC,EAAO,CACJ,cAAae,EAAuB,QAAU,OAC9CL,UAAWA,EACX,WAASY,EAAAA,EAAAA,GAAU,kBACnBhB,aAAcS,EAAqBM,UAEnCtB,EAAAA,EAAAA,KAACQ,EAAS,CAAAc,UACNtB,EAAAA,EAAAA,KAAChB,EAAAA,EAAW,CACR4B,cAAeA,EACfE,YAAaA,EACbC,kBAAmBA,EACnBS,aAAa,SAIb,EAIxB,MAAeC,EAAAA,KAAWf,EAAegB,I","sources":["components/SearchField/SearchFieldLoader.tsx","components/SearchOverlay/SearchOverlay.styled.ts","components/SearchOverlay/SearchOverlay.tsx"],"sourcesContent":["import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport SearchFieldProps from \"./SearchFieldProps\";\n\nconst SearchField = loadable(\n    (): Promise<DefaultComponent<SearchFieldProps>> =>\n        import(/* webpackChunkName: \"SearchField\" */ \"./SearchField\"),\n);\nconst SearchFieldLoader = (props: SearchFieldProps): ReactElement => (\n    <SearchField {...props} />\n);\nexport default SearchFieldLoader;\n","import { styled } from \"styled-components\";\n\nimport { Container as GridContainer } from \"style/components/Page\";\n\nexport const Overlay = styled.div.attrs<{\n    $isVisible: boolean;\n}>(() => ({}))`\n    align-items: flex-start;\n    background: var(--color-black-l95-o98);\n    flex-flow: row;\n    inset: 0;\n    justify-content: center;\n    position: fixed;\n    ${(props) => (props.$isVisible ? \"display: flex\" : \"display: none\")};\n    z-index: 500;\n`;\n\nexport const Container = styled(GridContainer)`\n    padding-bottom: 0;\n    padding-top: 0;\n`;\n","import React, { ReactElement } from \"react\";\nimport isEqual from \"react-fast-compare\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport SearchField from \"components/SearchField\";\nimport { useHeader } from \"hooks\";\nimport getTestId from \"utils/getTestId\";\n\nimport { Container, Overlay } from \"./SearchOverlay.styled\";\nimport SearchOverlayProps from \"./SearchOverlayProps\";\n\nconst SearchOverlay = ({\n    className,\n    searchPageUrl,\n    l18n: { searchLabel, searchPlaceholder },\n}: SearchOverlayProps): ReactElement => {\n    const { searchOverlayVisible } = useHeader();\n\n    return (\n        <ThemeProvider\n            theme={{\n                theme: \"lightgray\",\n                contentTheme: \"black\",\n                actionTheme: \"black\",\n            }}\n        >\n            <Overlay\n                aria-hidden={searchOverlayVisible ? \"false\" : \"true\"}\n                className={className}\n                data-cy={getTestId(\"search-overlay\")}\n                $isVisible={!!searchOverlayVisible}\n            >\n                <Container>\n                    <SearchField\n                        searchPageUrl={searchPageUrl}\n                        searchLabel={searchLabel}\n                        searchPlaceholder={searchPlaceholder}\n                        resetOnHide={true}\n                    />\n                </Container>\n            </Overlay>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(SearchOverlay, isEqual);\n"],"names":["SearchField","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","SearchFieldLoader","_jsx","Overlay","styled","div","attrs","withConfig","componentId","$isVisible","Container","GridContainer","SearchOverlay","className","searchPageUrl","l18n","searchLabel","searchPlaceholder","searchOverlayVisible","useHeader","ThemeProvider","theme","contentTheme","actionTheme","children","getTestId","resetOnHide","React","isEqual"],"sourceRoot":""}