{"version":3,"sources":["webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/ui/PageComponents/ContactUs/LocationsSearchBar/LocationsSearchBar.style.ts","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/ui/PageComponents/ContactUs/LocationsSearchBar/LocationsSearchBar.tsx","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/ui/Patterns/StoreLocation/StoreLocation.style.ts","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/ui/Patterns/StoreLocation/StoreLocation.tsx","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/ui/PageComponents/ContactUs/StoreLocationsList/StoreLocationsList.tsx","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/ui/PageComponents/ContactUs/ContactUs.tsx","webpack:////__w/1/s/themes/gatsby-theme-multi-site/src/pages/contact-us.tsx"],"names":["FormLabel","px","width","height","gridArea","fontFamily","fontSize","fontWeight","lineHeight","SearchBoxWrapper","pb","position","SearchBoxForm","borderRadius","borderColor","pr","outline","caretColor","SearchBoxButtonLeft","right","top","cursor","SearchBoxButtonRight","left","locationsFilter","searchValue","setFilteredLocations","setFilteredMapLocations","locations","mapLocations","length","result","filter","location","address","toString","trim","toLowerCase","includes","mapResult","mapLocation","ClearButton","_ref","onClick","direction","React","Button","data-testid","sx","Styled","variant","XCircle","color","size","LocationsSearchBar","_ref2","searchLabel","setSearchValue","clearOnClick","Form","Label","id","Box","Input","Text","aria-labelledby","name","onChange","e","preventDefault","target","value","onKeyPress","key","Card","borderTop","boxShadow","display","flexDirection","gap","p","StoreLocation","defaultHours","deliveryButtonLabel","deliveryOptions","detailPageUrl","pageDirection","directions","directionsButtonLabel","hours","hoursLabel","latitude","longitude","modalContent","noPickupOrDeliveryText","pickupButtonLabel","pickupLink","telephoneNumber","setMapId","unsetMapId","useUpdateMapId","onFocus","onMouseEnter","onMouseLeave","LocationAddress","LocationHours","LocationPhone","LocationButtons","StoreLocationsList","locationDefault","showSearchBar","gridRowStart","_map2","isSorted","_sortBy2","index","Object","assign","replace","ContactUs","mapDisplay","locationsList","googleMapKey","legalText","filteredLocations","values","filteredMapLocations","keys","isSearchEnabled","MapIdProvider","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","maxWidth","mx","Map","apiKey","center","markerImage","zoom","dangerouslySetInnerHTML","__html","ContactUsPage","props","locale","pathContext","locationData","useLocation","modalData","useOrderingModal","siteConfig","useSiteConfig","Layout","showStartYourOrder","legalContent"],"mappings":"6OAEO,MAAMA,EAAyB,CACpCC,GAAI,CAAC,EAAG,EAAG,QACXC,MAAO,OACPC,OAAQ,OACRC,SAAU,QACVC,WAAY,WACZC,SAAU,OACVC,WAAY,MACZC,WAAY,OAGDC,EAAgC,CAC3CR,GAAI,CAAC,IAAK,IAAK,QACfS,GAAI,CAAC,OAAQ,OAAQ,QACrBR,MAAO,OACPC,OAAQ,OACRC,SAAU,SACVO,SAAU,YAGCC,EAA6B,CACxCC,aAAc,EACdC,YAAa,UACbC,GAAI,OACJ,SAAS,CACPF,aAAc,EACdC,YAAa,QACbE,QAAQ,OACRC,WAAY,YAIHC,EAAmC,CAC9CP,SAAU,WACVQ,MAAO,CAAE,OAAQ,OAAQ,QACzBC,IAAK,OACLC,OAAQ,WAGGC,EAAoC,CAC/CX,SAAU,WACVY,KAAM,CAAE,OAAQ,OAAQ,QACxBH,IAAK,OACLC,OAAQ,WCrBJG,EAAkBA,CACtBC,EACAC,EACAC,EACAC,EACAC,KAEA,GAAIJ,EAAYK,OAAS,EAAG,CAC1B,MAAMC,EAASH,EAAUI,OACvBC,GAAYA,EAASC,QAAQC,WAAWC,OAAOC,cAAcC,SAASb,EAAYW,OAAOC,gBACrFE,EAAYV,EAAaG,OAC7BQ,GAAeA,EAAYN,QAAQC,WAAWC,OAAOC,cAAcC,SAASb,EAAYW,OAAOC,gBACjGX,EAAqBK,GACrBJ,EAAwBY,QAExBb,EAAqBE,GACrBD,EAAwBE,IAStBY,EAAsCC,IAAA,IAAC,QAAEC,EAAO,UAACC,GAAWF,EAAA,OAChEG,gBAACC,IAAM,CACLC,cAAY,kBACZJ,QAASA,EACTK,GAAkB,QAAdJ,EAAsBK,EAA6BA,EACvDC,QAAQ,YAERL,gBAACM,UAAO,CAACC,MAAM,UAAUC,KAAK,WA+DnBC,MA3D2CC,IAOpD,IAPqD,qBACzD7B,EAAoB,wBACpBC,EAAuB,YACvB6B,EAAW,UACX5B,EAAS,aACTC,EAAY,UACZe,GACDW,EACC,MAAQ9B,EAAagC,GAAmBZ,WAAe,IACjDa,EAAeA,KACnBD,EAAe,IACfjC,EACE,GACAE,EACAC,EACAC,EACAC,IAIJ,OACEgB,2BAAA,KACEA,gBAACc,IAAKC,MAAK,CAACC,GAAG,oBAAoBb,GAAIC,GACpCO,GAEHX,gBAACiB,IAAG,CAACf,cAAY,kBAAkBC,GAAIC,GACrB,QAAdL,GACAC,gBAACJ,EAAW,CAACG,UAAWA,EAAWD,QAASe,IAE9Cb,gBAACc,IAAKI,MAAMC,KAAI,CACdC,kBAAgB,oBAChBJ,GAAG,qBACHK,KAAK,qBACLC,SAAYC,IACVA,EAAEC,iBACFZ,EAAeW,EAAEE,OAAOC,QAE1BC,WAAcJ,IACE,UAAVA,EAAEK,KACJjD,EACEC,EACAC,EACAC,EACAC,EACAC,IAINmB,GAAIC,EACJsB,MAAO9C,IAEO,QAAdmB,GACAC,gBAACJ,EAAW,CAACG,UAAWA,EAAWD,QAASe,O,kEC9G/C,MAAMgB,EAAoB,CAC/BC,UAAW,YACX7D,YAAa,UACb8D,UAAW,oCACXC,QAAS,OACTC,cAAe,SACfxE,SAAU,OACVyE,IAAK,CAAC,OAAQ,QACdvE,WAAY,QACZwE,EAAG,CAAC,YAAa,cCoBNC,EAA+CvC,IAmBtD,IAnBuD,QAC3DR,EAAO,aACPgD,EAAY,oBACZC,EAAmB,gBACnBC,EAAe,cACfC,EACAzC,UAAW0C,EAAa,WACxBC,EAAU,sBACVC,EAAqB,MACrBC,EAAK,WACLC,EAAU,SACVC,EAAQ,UACRC,EAAS,aACTC,EAAY,KACZ3B,EAAI,uBACJ4B,EAAsB,kBACtBC,EAAiB,WACjBC,EAAU,gBACVC,GACDvD,EACC,MAAOwD,EAAUC,GAAcC,cACzB3B,EAAM,GAAGkB,EAAWC,EAE1B,OACE/C,gBAACiB,IAAG,CACFf,cAAY,gBACZsD,QAASA,IAAMH,EAASzB,GACxB6B,aAAcA,IAAMJ,EAASzB,GAC7B8B,aAAcA,IAAMJ,IACpBnD,GAAIC,GAEJJ,gBAAC2D,IAAe,CACdtE,QAASA,EACTqD,WAAYA,EACZC,sBAAuBA,EACvBK,aAAcA,EACd3B,KAAMA,EACNmB,cAAeA,IAEjBxC,gBAAC4D,IAAa,CAACvB,aAAcA,EAAcO,MAAOA,EAAOC,WAAYA,IACrE7C,gBAAC6D,IAAa,CAAC9D,UAAW0C,EAAeW,gBAAiBA,IAC1DpD,gBAAC8D,IAAe,CACdxB,oBAAqBA,EACrBC,gBAAiBA,EACjBS,aAAcA,EACdC,uBAAwBA,EACxBC,kBAAmBA,EACnBC,WAAYA,MCxCLY,MApB4ClE,IAAA,IAAC,UAAEd,EAAS,gBAAEiF,EAAe,aAAEhB,EAAY,cAAEiB,EAAa,UAAElE,GAAWF,EAAA,OAChIG,gBAACiB,IAAG,CACFf,cAAY,eACZC,GAAI,CACFgC,EAAG,CAAC,eAAgB,eAAgB,gBACpC9E,MAAO,OACPC,OAAQ,OACRC,SAAU,OACV2G,aAAcD,EAAgB,OAAS,CAAC,OAAQ,OAAQ,SACxDjC,QAAS,OACTC,cAAe,SACfC,IAAK,CAAC,OAAQ,OAAQ,UAGvBiC,IAAKH,EAAgBI,SAAWC,IAAQtF,EAAW,QAAUA,EAAW,CAACK,EAAUkF,IAClFtE,gBAACoC,EAAamC,OAAAC,OAAA,CAACtE,cAAad,EAASiC,KAAKoD,QAAQ,OAAQ,KAAM7C,IAAK0C,GAAWlF,EAAc4E,EAAe,CAAEjE,UAAWA,EAAWiD,aAAcA,QCoE1I0B,MA9EyB7E,IAQlC,IARmC,gBACvCmE,EAAe,WACfW,EAAU,cACVC,EAAa,aACbC,EAAY,UACZC,EAAS,aACT9B,EAAY,UACZjD,GACDF,EACC,MAAOkF,EAAmBlG,GAAwBmB,WAAeuE,OAAOS,OAAOJ,KACxEK,EAAsBnG,GAA2BkB,WAAeuE,OAAOS,OAAOL,EAAW5F,YAEhGiB,YAAgB,KACdnB,EAAqB0F,OAAOS,OAAOJ,IACnC9F,EAAwByF,OAAOS,OAAOL,EAAW5F,aAChD,CAAC6F,EAAeD,EAAW5F,YAE9B,MAAMkF,EAAgBM,OAAOW,KAAKN,GAAe3F,OAAS,GAAK+E,EAAgBmB,gBAE/E,OACEnF,gBAACoF,IAAa,KACZpF,gBAACiB,IAAG,CACFf,cAAY,kBACZC,GAAI,CACF6B,QAAS,OACTqD,kBAAmB,CAAC,wCAAD,8FAKnBC,oBAAqB,CAAC,MAAO,MAAO,WACpCC,iBAAkBtB,EAAgB,4BAA8B,kBAChEuB,SAAU,SACVC,GAAI,OACJtD,EAAG,CAAC,EAAG,aACP9E,MAAO,SAGR4G,GACCjE,gBAACS,EAAkB,CACjBV,UAAWA,EACXhB,UAAWwF,OAAOS,OAAOJ,GACzB5F,aAAcuF,OAAOS,OAAOL,EAAW5F,WACvC4B,YAAaqD,EAAgBrD,YAC7B9B,qBAAsBA,EACtBC,wBAAyBA,IAG7BkB,gBAAC+D,EAAkB,CACjBhE,UAAWA,EACXiE,gBAAiBA,EACjBjF,UAAWgG,EACX/B,aAAcA,EACdiB,cAAeA,IAEjBjE,gBAAC0F,IAAG,CACFC,OAAQd,EACRe,OAAQjB,EAAWiB,OACnB7G,UAAWkG,EACXY,YAAalB,EAAWkB,YACxB5B,cAAeA,EACf6B,KAAMnB,EAAWmB,OAElBhB,GACC9E,gBAACiB,IAAG,CACF8E,wBAAyB,CAAEC,OAAQlB,GACnC3E,GAAI,CACF3C,WAAY,WACZC,SAAU,OACVF,SAAU,c,wBCtET0I,UAdoCC,IACjD,MAAM,OAAEC,GAAWD,EAAME,YACnBC,EAAeC,YAAYH,GAC3BI,EAAYC,YAAiBL,IAE3BM,YAAY,aAAE5B,GAAc,UAAE9E,GAAc2G,YAAcP,GAElE,OACEnG,gBAAC2G,IAAMpC,OAAAC,OAAA,GAAK0B,EAAK,CAAEU,oBAAoB,IACrC5G,gBAAC0E,EAASH,OAAAC,OAAA,GAAK6B,EAAY,CAAEtG,UAAWA,EAAW8E,aAAcA,EAAcC,UAAWuB,EAAaQ,aAAa/B,UAAY9B,aAAcuD","file":"component---themes-gatsby-theme-multi-site-src-pages-contact-us-tsx-6298d421fe3a23a6222c.js","sourcesContent":["import { SxStyleProp } from 'theme-ui';\n\nexport const FormLabel: SxStyleProp = {\n  px: [0, 0, '20px'],\n  width: '100%',\n  height: 'auto',\n  gridArea: 'label',\n  fontFamily: 'tertiary',\n  fontSize: '16px',\n  fontWeight: '500',\n  lineHeight: '1.5',\n};\n\nexport const SearchBoxWrapper: SxStyleProp = {\n  px: ['0', '0', '20px'],\n  pb: ['13px', '13px', '22px'],\n  width: '100%',\n  height: 'auto',\n  gridArea: 'search',\n  position: 'relative',\n};\n\nexport const SearchBoxForm: SxStyleProp = {\n  borderRadius: 0,\n  borderColor: '#767679',\n  pr: '39px',\n  ':focus':{\n    borderRadius: 0,\n    borderColor: 'black',\n    outline:'none',\n    caretColor: '#ff6000',\n  },\n};\n\nexport const SearchBoxButtonLeft: SxStyleProp = {\n  position: 'absolute', \n  right: [ '11px', '11px', '31px' ], \n  top: '11px',\n  cursor: 'pointer',\n};\n\nexport const SearchBoxButtonRight: SxStyleProp = {\n  position: 'absolute', \n  left: [ '11px', '11px', '31px' ], \n  top: '11px',\n  cursor: 'pointer',\n};\n","\n\n/* eslint-disable max-lines-per-function */\nimport * as React from 'react';\nimport Box from '@lce/slice_v2/Layout/Box';\nimport Button from '@lce/slice_v2/Elements/Button';\nimport Form from '@lce/slice_v2/Elements/Form';\nimport { XCircle } from 'react-feather';\n\nimport { Direction } from '@lce/intl-types/src/IDirection';\nimport { ILocationProps } from '../Map';\nimport { IStoreLocationProps } from '../../../../api/ContactPage/useLocation';\nimport * as Styled from './LocationsSearchBar.style';\n\n\nexport interface ILocationsSearchBar {\n  direction: Direction;\n  searchLabel: string;\n  setFilteredLocations: React.Dispatch<React.SetStateAction<IStoreLocationProps[]>>;\n  setFilteredMapLocations: React.Dispatch<React.SetStateAction<ILocationProps[]>>;\n  locations: IStoreLocationProps[];\n  mapLocations: ILocationProps[];\n}\n\nconst locationsFilter = (\n  searchValue: string,\n  setFilteredLocations: React.Dispatch<React.SetStateAction<IStoreLocationProps[]>>,\n  setFilteredMapLocations: React.Dispatch<React.SetStateAction<ILocationProps[]>>,\n  locations: IStoreLocationProps[], \n  mapLocations: ILocationProps[]\n) => {\n  if (searchValue.length > 0) {\n    const result = locations.filter(\n      location => location.address.toString().trim().toLowerCase().includes(searchValue.trim().toLowerCase()));\n    const mapResult = mapLocations.filter(\n      mapLocation => mapLocation.address.toString().trim().toLowerCase().includes(searchValue.trim().toLowerCase()));\n    setFilteredLocations(result);\n    setFilteredMapLocations(mapResult);\n  } else {\n    setFilteredLocations(locations);\n    setFilteredMapLocations(mapLocations);\n  }\n};\n\ninterface IClearButton {\n  onClick: () => void;\n  direction: Direction;\n}\n\nconst ClearButton: React.FC<IClearButton> = ({ onClick,direction })  => (\n  <Button \n    data-testid=\"clearTextButton\"\n    onClick={onClick}\n    sx={direction === 'ltr' ? Styled.SearchBoxButtonLeft : Styled.SearchBoxButtonRight}\n    variant=\"skeleton\"\n  >\n    <XCircle color=\"#767679\" size=\"20px\" />\n  </Button>\n);\n\nconst LocationsSearchBar: React.FC<ILocationsSearchBar> = ({ \n  setFilteredLocations, \n  setFilteredMapLocations, \n  searchLabel, \n  locations, \n  mapLocations,\n  direction,\n}) => {\n  const [ searchValue, setSearchValue ] = React.useState('');\n  const clearOnClick = () => {\n    setSearchValue('');\n    locationsFilter(\n      '', \n      setFilteredLocations, \n      setFilteredMapLocations, \n      locations,  \n      mapLocations\n    );\n  };\n\n  return (\n    <>\n      <Form.Label id=\"postal-code-label\" sx={Styled.FormLabel}>\n        {searchLabel}\n      </Form.Label>\n      <Box data-testid=\"SearchLocations\" sx={Styled.SearchBoxWrapper}>\n        { direction === 'rtl' &&\n          <ClearButton direction={direction} onClick={clearOnClick} /> \n        }\n        <Form.Input.Text\n          aria-labelledby=\"postal-code-label\"\n          id=\"postal-code-search\"\n          name=\"postal-code-search\"\n          onChange={ (e: React.ChangeEvent<HTMLInputElement>) => { \n            e.preventDefault();\n            setSearchValue(e.target.value);\n          }}\n          onKeyPress={ (e: React.KeyboardEvent<Element>) => {\n            if( e.key === 'Enter' ) {\n              locationsFilter(\n                searchValue, \n                setFilteredLocations, \n                setFilteredMapLocations, \n                locations,  \n                mapLocations\n              );\n            }\n          }}\n          sx={Styled.SearchBoxForm}\n          value={searchValue}\n        />\n        { direction === 'ltr' &&\n          <ClearButton direction={direction} onClick={clearOnClick} /> \n        }\n      </Box>\n    </>  \n  );\n};\n\nexport default LocationsSearchBar;\n","import { SxStyleProp } from 'theme-ui';\n\nexport const Card: SxStyleProp = {\n  borderTop: 'solid 4px',\n  borderColor: 'primary',\n  boxShadow: '0 0 10px 0 rgba(86, 86, 86, 0.32)',\n  display: 'flex',\n  flexDirection: 'column',\n  fontSize: '20px',\n  gap: ['10px', '18px'],\n  lineHeight: '1.2em',\n  p: ['16px 20px', '32px 36px'],\n};\n","import * as React from 'react';\nimport Box from '@lce/slice_v2/Layout/Box';\nimport { useUpdateMapId } from '@lce/intl-util/src/api/SelectedMapId/hooks/useUpdateMapId';\nimport { Direction } from '@lce/intl-types/src/IDirection';\n\nimport { IOrderingModalProps } from '../../../api/OrderingModal/useOrderingModal';\nimport { IDeliveryOptionsProps, IDirectionsProps } from '../../../api/ContactPage/useLocation';\nimport { LocationAddress, LocationHours, LocationPhone, LocationButtons } from './components';\nimport * as Styled from './StoreLocation.style';\n\nexport interface IStoreLocationProps {\n  address: string | string[];\n  defaultHours: string | string[];\n  deliveryButtonLabel: string;\n  deliveryOptions: IDeliveryOptionsProps[];\n  detailPageUrl?: string;\n  direction: Direction;\n  directions: IDirectionsProps;\n  directionsButtonLabel: string;\n  hours?: string | string[];\n  hoursLabel: string;\n  latitude: number;\n  longitude: number;\n  modalContent: IOrderingModalProps;\n  name: string;\n  noPickupOrDeliveryText: string;\n  pickupButtonLabel: string;\n  pickupLink: string;\n  telephoneNumber?: string;\n}\n\nexport const StoreLocation: React.FC<IStoreLocationProps> = ({\n  address,\n  defaultHours,\n  deliveryButtonLabel,\n  deliveryOptions,\n  detailPageUrl,\n  direction: pageDirection,\n  directions,\n  directionsButtonLabel,\n  hours,\n  hoursLabel,\n  latitude,\n  longitude,\n  modalContent,\n  name,\n  noPickupOrDeliveryText, \n  pickupButtonLabel,\n  pickupLink,\n  telephoneNumber,\n}) => {\n  const [setMapId, unsetMapId] = useUpdateMapId();\n  const key = `${latitude}${longitude}`;\n\n  return (\n    <Box\n      data-testid=\"storeLocation\"\n      onFocus={() => setMapId(key)}\n      onMouseEnter={() => setMapId(key)}\n      onMouseLeave={() => unsetMapId()}\n      sx={Styled.Card}\n    >\n      <LocationAddress\n        address={address}\n        directions={directions}    \n        directionsButtonLabel={directionsButtonLabel}    \n        modalContent={modalContent}\n        name={name}\n        detailPageUrl={detailPageUrl}\n      />\n      <LocationHours defaultHours={defaultHours} hours={hours} hoursLabel={hoursLabel} />\n      <LocationPhone direction={pageDirection} telephoneNumber={telephoneNumber} />\n      <LocationButtons\n        deliveryButtonLabel={deliveryButtonLabel}\n        deliveryOptions={deliveryOptions}\n        modalContent={modalContent}\n        noPickupOrDeliveryText={noPickupOrDeliveryText}\n        pickupButtonLabel={pickupButtonLabel}\n        pickupLink={pickupLink}\n      />\n    </Box>\n  );\n};\n","import * as React from 'react';\nimport { sortBy as _sortBy, map as _map } from 'lodash';\nimport Box from '@lce/slice_v2/Layout/Box';\n\nimport { Direction } from '@lce/intl-types/src/IDirection';\n\nimport { IOrderingModalProps } from '../../../../api/OrderingModal/useOrderingModal';\nimport { StoreLocation } from '../../../Patterns/StoreLocation';\nimport { ILocationListDefaultProps, IStoreLocationProps } from '../../../../api/ContactPage/useLocation';\n\nexport interface IStoreLocationsProps {\n  locations: IStoreLocationProps[];\n  locationDefault: ILocationListDefaultProps;\n  modalContent: IOrderingModalProps;\n  showSearchBar: boolean;\n  direction: Direction;\n}\n\nconst StoreLocationsList: React.FC<IStoreLocationsProps> = ({ locations, locationDefault, modalContent, showSearchBar, direction }) => (\n  <Box\n    data-testid=\"LocationList\"\n    sx={{\n      p: ['13px 0 1.5em', '13px 0 1.5em', '0 20px 1.5em'],\n      width: '100%',\n      height: 'auto',\n      gridArea: 'list',\n      gridRowStart: showSearchBar ? 'list' : ['list', 'list', 'label'],\n      display: 'flex',\n      flexDirection: 'column',\n      gap: ['13px', '13px', '22px'],\n    }}\n  >\n    {_map(locationDefault.isSorted ? _sortBy(locations, 'name') : locations, (location, index) => (\n      <StoreLocation data-testid={location.name.replace(/\\s+/g, '-')} key={index} {...location} {...locationDefault} direction={direction} modalContent={modalContent} />\n    ))}\n  </Box>\n);\n\nexport default StoreLocationsList;\n","/* eslint-disable max-lines-per-function */\nimport * as React from 'react';\nimport Box from '@lce/slice_v2/Layout/Box';\nimport { Direction } from '@lce/intl-types/src/IDirection';\nimport MapIdProvider from '@lce/intl-util/src/api/SelectedMapId/context/MapIdProvider';\nimport { IMapDisplayProps } from '@lce/intl-ui/src/PageComponents/ContactUs/Map/components/MarkerLoader';\n\nimport { IOrderingModalProps } from '../../../api/OrderingModal/useOrderingModal';\nimport { ILocationListDefaultProps, IStoreLocationProps } from '../../../api/ContactPage/useLocation';\nimport Map from './Map';\nimport LocationsSearchBar from './LocationsSearchBar';\nimport StoreLocationsList from './StoreLocationsList';\n\nexport interface IContactUs {\n  locationDefault: ILocationListDefaultProps;\n  mapDisplay: IMapDisplayProps;\n  locationsList: IStoreLocationProps[];\n  googleMapKey: string;\n  direction: Direction;\n  legalText: string;\n  modalContent: IOrderingModalProps;\n}\n\nconst ContactUs: React.FC<IContactUs> = ({\n  locationDefault,\n  mapDisplay,\n  locationsList,\n  googleMapKey,\n  legalText,\n  modalContent,\n  direction,\n}) => {\n  const [filteredLocations, setFilteredLocations] = React.useState(Object.values(locationsList));\n  const [filteredMapLocations, setFilteredMapLocations] = React.useState(Object.values(mapDisplay.locations));\n\n  React.useEffect(() => {\n    setFilteredLocations(Object.values(locationsList));\n    setFilteredMapLocations(Object.values(mapDisplay.locations));\n  }, [locationsList, mapDisplay.locations]);\n\n  const showSearchBar = Object.keys(locationsList).length > 1 && locationDefault.isSearchEnabled;\n\n  return (\n    <MapIdProvider>\n      <Box\n        data-testid=\"contact-us-page\"\n        sx={{\n          display: 'grid',\n          gridTemplateAreas: [\n            `'label' 'search' 'map' 'list' 'legal'`,\n            `'label' 'search' 'map' 'list' 'legal'`,\n            `'label none' 'search map' 'list map' 'legal legal'`,\n          ],\n          gridTemplateColumns: ['1fr', '1fr', '1fr 1fr'],\n          gridTemplateRows: showSearchBar ? 'auto 64px repeat(3, auto)' : 'repeat(3, auto)',\n          maxWidth: '1280px',\n          mx: 'auto',\n          p: [4, '32px 16px'],\n          width: '100%',\n        }}\n      >\n        {showSearchBar && (\n          <LocationsSearchBar\n            direction={direction}\n            locations={Object.values(locationsList)}\n            mapLocations={Object.values(mapDisplay.locations)}\n            searchLabel={locationDefault.searchLabel}\n            setFilteredLocations={setFilteredLocations}\n            setFilteredMapLocations={setFilteredMapLocations}\n          />\n        )}\n        <StoreLocationsList\n          direction={direction}\n          locationDefault={locationDefault}\n          locations={filteredLocations}\n          modalContent={modalContent}\n          showSearchBar={showSearchBar}\n        />\n        <Map\n          apiKey={googleMapKey}\n          center={mapDisplay.center}\n          locations={filteredMapLocations}\n          markerImage={mapDisplay.markerImage}\n          showSearchBar={showSearchBar}\n          zoom={mapDisplay.zoom}\n        />\n        {legalText && (\n          <Box\n            dangerouslySetInnerHTML={{ __html: legalText }}\n            sx={{\n              fontFamily: 'tertiary',\n              fontSize: '16px',\n              gridArea: 'legal',\n            }}\n          />\n        )}\n      </Box>\n    </MapIdProvider>\n  );\n};\n\nexport default ContactUs;\n","import * as React from 'react';\nimport { IDefaultPageProps } from '@lce/intl-types/src/IDefaultPageProps';\nimport useSiteConfig from '../api/Config/useSiteConfig';\nimport Layout from '../ui/ConnectedLayout';\nimport ContactUs from '../ui/PageComponents/ContactUs';\nimport useLocation from '../api/ContactPage/useLocation';\nimport useOrderingModal from '../api/OrderingModal';\n\nconst ContactUsPage: React.FC<IDefaultPageProps> = props => {\n  const { locale } = props.pathContext;\n  const locationData = useLocation(locale);\n  const modalData = useOrderingModal(locale);\n\n  const { siteConfig: { googleMapKey }, direction } = useSiteConfig(locale);\n\n  return (\n    <Layout {...props} showStartYourOrder={false}>\n      <ContactUs {...locationData} direction={direction} googleMapKey={googleMapKey} legalText={locationData.legalContent.legalText}  modalContent={modalData} />\n    </Layout>\n  );\n};\n\nexport default ContactUsPage;\n"],"sourceRoot":""}