{"version":3,"file":"static/chunks/9517.edfd76b6bd762a25.js","mappings":"6JAOO,SAASA,EAAeC,CAA8C,KAA9C,CAAEC,WAAAA,CAAU,CAAEC,UAAAA,CAAS,CAAuB,CAA9CF,EAC7B,MACE,GAAAG,EAAAC,GAAA,EAACC,MAAAA,CACCH,UAAWI,CAAAA,EAAAA,EAAAA,CAAAA,EAAK,qCAAsCJ,GACtDK,cAAaN,GAGnB,kMCRe,SAASO,EAAmBR,CAEjB,KAFiB,CACzCC,WAAAA,CAAU,CACc,CAFiBD,EAGzC,MACE,GAAAS,EAAAC,IAAA,EAACL,MAAAA,CAAIH,UAAU,mCACb,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CAACE,WAAY,GAAcU,MAAA,CAAXV,EAAW,YAE1C,GAAAQ,EAAAC,IAAA,EAACL,MAAAA,CAAIH,UAAU,mDACb,GAAAO,EAAAC,IAAA,EAACL,MAAAA,CAAIH,UAAU,sDACb,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbE,WAAY,GAAcU,MAAA,CAAXV,EAAW,WAC1BC,UAAU,qBAEZ,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbE,WAAY,GAAcU,MAAA,CAAXV,EAAW,WAC1BC,UAAU,qBAEZ,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbE,WAAY,GAAcU,MAAA,CAAXV,EAAW,WAC1BC,UAAU,qBAEZ,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbE,WAAY,GAAcU,MAAA,CAAXV,EAAW,WAC1BC,UAAU,qBAEZ,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbE,WAAY,GAAcU,MAAA,CAAXV,EAAW,WAC1BC,UAAU,mBAId,GAAAO,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbE,WAAY,GAAcU,MAAA,CAAXV,EAAW,SAC1BC,UAAU,8BAKpB,CCtCe,SAASU,EAAoBZ,CAEjB,KAFiB,CAC1CC,WAAAA,CAAU,CACe,CAFiBD,EAG1C,MACE,GAAAS,EAAAL,GAAA,EAAAK,EAAAI,QAAA,WACE,GAAAJ,EAAAC,IAAA,EAACI,KAAAA,CAAGZ,UAAU,6BACZ,GAAAO,EAAAL,GAAA,EAACW,KAAAA,CAAGb,UAAU,iDACZ,GAAAO,EAAAL,GAAA,EAACI,EAAkBA,CAACP,WAAY,GAAcU,MAAA,CAAXV,EAAW,eAEhD,GAAAQ,EAAAL,GAAA,EAACW,KAAAA,CAAGb,UAAU,iDACZ,GAAAO,EAAAL,GAAA,EAACI,EAAkBA,CAACP,WAAY,GAAcU,MAAA,CAAXV,EAAW,mBAKxD,gBCNA,IAAMe,EAAMC,CAAAA,EAAAA,EAAAA,OAAAA,EAAQ,IAAMC,QAAAC,GAAA,EAAAC,EAAAC,CAAA,OAAAD,EAAAC,CAAA,QAAAC,IAAA,CAAAF,EAAAG,IAAA,CAAAH,EAAA,QAAO,yCAC/BI,IAAK,GACLC,QAAS,IACP,GAAAhB,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbG,UAAU,mBACVD,WAAW,iCAIXyB,EAAeT,CAAAA,EAAAA,EAAAA,OAAAA,EAAQ,IAAMG,EAAAC,CAAA,OAAAC,IAAA,CAAAF,EAAAG,IAAA,CAAAH,EAAA,QAAO,yCACxCI,IAAK,KAcA,SAASG,EAAqB3B,CAST,KATS,CACnC4B,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,kBAAAA,CAAiB,CACjBC,gBAAAA,CAAe,CACfC,UAAAA,CAAS,CACTC,4BAAAA,CAA2B,CAC3BC,UAAAA,CAAS,CACTC,sBAAAA,CAAqB,CACK,CATSnC,EAU7B,CAAEoC,iBAAAA,CAAgB,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IACvB,CAACC,EAAmBC,EAAqB,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,IAElD,MACE,GAAA/B,EAAAL,GAAA,EAACqC,UAAAA,CAAQvC,UAAU,iCACjB,GAAAO,EAAAC,IAAA,EAACL,MAAAA,CACCH,UAAWI,CAAAA,EAAAA,EAAAA,CAAAA,EACT,qFACAoC,CAAAA,EAAAA,EAAAA,CAAAA,EAA8BX,cAG/BH,GACC,GAAAnB,EAAAL,GAAA,EAACuC,EAAAA,gBAAgBA,CAAAA,CACfzC,UAAWI,CAAAA,EAAAA,EAAAA,CAAAA,EACT,kBACA2B,MAAAA,EAAAA,EAA+B,6BAGhCL,IAIJE,GAAqBM,CAAqB,IAArBA,GAA8B,CAACF,GACnD,GAAAzB,EAAAL,GAAA,EAAAK,EAAAI,QAAA,WACE,GAAAJ,EAAAL,GAAA,EAACC,MAAAA,CAAIH,UAAU,0GACZkC,KAAqBQ,IAArBR,GAAkCJ,EACjC,GAAAvB,EAAAL,GAAA,EAACL,EAAAA,CAAcA,CAAAA,CACbG,UAAU,sBACVD,WAAW,+BAGb,GAAAQ,EAAAL,GAAA,EAACY,EAAAA,CACCc,kBAAmBA,EACnBD,UAAWA,EACXS,kBAAmBA,EACnBC,qBAAsBA,QAMhC,GAAA9B,EAAAL,GAAA,EAACC,MAAAA,CACCH,UAAWI,CAAAA,EAAAA,EAAAA,CAAAA,EACT,yCACA2B,MAAAA,EAAAA,EAA+B,6BAGjC,GAAAxB,EAAAC,IAAA,EAACL,MAAAA,CACCH,UAAWI,CAAAA,EAAAA,EAAAA,CAAAA,EACT,kBACA,CAAC4B,GAAaE,GAAoB,mBAGnCJ,EACC,GAAAvB,EAAAL,GAAA,EAACQ,EAAmBA,CAACX,WAAW,mCAEhC,GAAAQ,EAAAL,GAAA,EAACU,KAAAA,CAAGZ,UAAU,iDACX2B,EAAUgB,GAAG,CAAC,GACb,GAAApC,EAAAL,GAAA,EAACW,KAAAA,CACCb,UAAWI,CAAAA,EAAAA,EAAAA,CAAAA,EACT,mDACAgC,IAAsBQ,EAAIC,IAAI,EAAI,aAEpCC,aAAc,IAAMT,EAAqBO,EAAIC,IAAI,EACjDE,aAAc,IAAMV,EAAqBK,KAAAA,YAGzC,GAAAnC,EAAAL,GAAA,EAACsB,EAAAA,CAAawB,SAAUJ,KAFnBA,EAAIC,IAAI,KAQpBZ,GACC,GAAA1B,EAAAL,GAAA,EAAC+C,EAAAA,IAAIA,CAAAA,CACHC,KAAK,aACLlD,UAAU,mGAETiC,aAQjB,CEjHe,SAASkB,EAAsBrD,CAQjB,KARiB,CAC5C4B,MAAAA,CAAK,CACLG,gBAAAA,CAAe,CACfD,kBAAAA,CAAiB,CACjBwB,MAAAA,CAAK,CACLrB,4BAAAA,CAA2B,CAC3BC,UAAAA,CAAS,CACTC,sBAAAA,CAAqB,CACM,CARiBnC,EAStC,CAACgC,EAAWuB,EAAW,CAAGf,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IACnCgB,EAASC,CAAAA,EAAAA,EAAAA,SAAAA,IACT,CAACC,EAAiBC,EAAmB,CAAGnB,CAAAA,EAAAA,EAAAA,QAAAA,EAC5C,EAAE,QAqBJ,CAlBAoB,CAAAA,EAAAA,EAAAA,CAAAA,EAAoB,CAClBC,yBAA0B,MAAA7D,OAAO,CAAE8D,OAAAA,CAAM,CAAE,CAAA9D,EACnC+D,EAAmB,MAAMC,CAAAA,EAAAA,EAAAA,CAAAA,EAAoB,CACjDR,OAAAA,EACAF,MAAAA,EACAW,MAAO,EACPC,UAAWJ,EAAOK,GAAG,CACrBC,SAAUN,EAAOO,GAAG,GAGtBd,EAAW,IAEPQ,GACFJ,EAAmBI,EAEvB,CACF,GAEI,GAAcL,IAAAA,EAAgBY,MAAM,EAKtC,GAAA7D,EAAAL,GAAA,EAACuB,EAAoBA,CACnBC,MAAOA,EACPI,UAAWA,EACXH,UAAW6B,EACX3B,gBAAiBA,EACjBD,kBAAmBA,EACnBG,4BAA6BA,EAC7BC,UAAWA,EACXC,sBAAuBA,IAZlB,IAeX,uECrEO,SAASE,IACd,GAAM,CAACD,EAAkBmC,EAAkB,CAAG/B,CAAAA,EAAAA,EAAAA,QAAAA,IAW9C,MATAgC,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACiB5B,KAAAA,IAArBR,GAEH,WAECmC,EAAkBE,CADD,MAAMrD,EAAAC,CAAA,OAAAC,IAAA,CAAAF,EAAAsD,CAAA,CAAAnD,IAAA,CAAAH,EAAA,YACIuD,SAAS,GACtC,IACF,EAAG,EAAE,EAEE,CAAEvC,iBAAAA,CAAiB,CAC5B,kFCVO,eAAe4B,EAAoBY,CAOzC,EACC,GAAM,CAAEpB,OAAAA,CAAM,CAAEU,UAAAA,CAAS,CAAEE,SAAAA,CAAQ,CAAEd,MAAAA,CAAK,CAAEuB,OAAAA,CAAM,CAAEZ,MAAAA,CAAK,CAAE,CAAGW,EACxD,CAAEE,8BAAAA,CAA6B,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IAGpCC,EAAOC,KAAKC,SAAS,CAAC,CAC1BhB,UAAAA,EACAE,SAAAA,EACAd,MAAAA,EACAuB,OAAAA,EACAZ,MAAAA,CACF,GAEA,MAAOkB,CAAAA,EAAAA,EAAAA,EAAAA,EAAoC,CACzCC,YAAa,CACXC,MAXQ,GAAiC1E,MAAA,CAA9BmE,EAA8B,gCAYzCQ,KAAM,CACJC,QAAS,CACP,kBAAmB/B,EACnB,eAAgB,kBAClB,EACAgC,OAAQ,OACRR,KAAAA,CACF,CACF,EACAS,eAAgB,EAClB,EACF","sources":["webpack://_N_E/./components/SkeletonLoader.tsx","webpack://_N_E/./components/modules/NearbyLocationsModule/LocationCardsWithMap/LocationCardLoader.tsx","webpack://_N_E/./components/modules/NearbyLocationsModule/LocationCardsWithMap/LocationCardsLoader.tsx","webpack://_N_E/./components/modules/NearbyLocationsModule/LocationCardsWithMap/LocationCardsWithMap.tsx","webpack://_N_E/./components/modules/NearbyLocationsModule/LocationCardsWithMap/index.ts","webpack://_N_E/./components/modules/NearbyLocationsModule/NearbyLocationsModule.tsx","webpack://_N_E/./hooks/useWebGL.ts","webpack://_N_E/./lib/locations/get-nearest-locations.ts"],"sourcesContent":["import clsx from 'clsx';\n\ntype SkeletonLoaderProps = {\n  dataTestId?: string;\n  className?: string;\n};\n\nexport function SkeletonLoader({ dataTestId, className }: SkeletonLoaderProps) {\n  return (\n    <div\n      className={clsx('animate-pulse rounded bg-slate-200', className)}\n      datatest-id={dataTestId}\n    />\n  );\n}\n","import { SkeletonLoader } from '@/components/SkeletonLoader';\n\ntype LocationCardLoaderProps = {\n  dataTestId: string;\n};\n\nexport default function LocationCardLoader({\n  dataTestId,\n}: LocationCardLoaderProps) {\n  return (\n    <div className=\"flex flex-col bg-white\">\n      <SkeletonLoader dataTestId={`${dataTestId}-image`} />\n\n      <div className=\"flex flex-col items-stretch flex-1 p-5\">\n        <div className=\"flex flex-col justify-center flex-1 gap-1\">\n          <SkeletonLoader\n            dataTestId={`${dataTestId}-text-1`}\n            className=\"w-[30%] h-6 mb-1\"\n          />\n          <SkeletonLoader\n            dataTestId={`${dataTestId}-text-2`}\n            className=\"w-[80%] h-8 mb-1\"\n          />\n          <SkeletonLoader\n            dataTestId={`${dataTestId}-text-3`}\n            className=\"w-[50%] h-6 mb-1\"\n          />\n          <SkeletonLoader\n            dataTestId={`${dataTestId}-text-4`}\n            className=\"w-[70%] h-6 mb-1\"\n          />\n          <SkeletonLoader\n            dataTestId={`${dataTestId}-text-5`}\n            className=\"w-[50%] h-6\"\n          />\n        </div>\n\n        <SkeletonLoader\n          dataTestId={`${dataTestId}-link`}\n          className=\"self-end w-[30%] h-6\"\n        />\n      </div>\n    </div>\n  );\n}\n","import LocationCardLoader from './LocationCardLoader';\n\ntype LocationCardsLoaderProps = {\n  dataTestId: string;\n};\n\nexport default function LocationCardsLoader({\n  dataTestId,\n}: LocationCardsLoaderProps) {\n  return (\n    <>\n      <ul className=\"z-[1] flex gap-5\">\n        <li className=\"rounded-sm border border-grey-60 mb-5\">\n          <LocationCardLoader dataTestId={`${dataTestId}-card-1`} />\n        </li>\n        <li className=\"rounded-sm border border-grey-60 mb-5\">\n          <LocationCardLoader dataTestId={`${dataTestId}-card-2`} />\n        </li>\n      </ul>\n    </>\n  );\n}\n","import dynamic from 'next/dynamic';\nimport { useState } from 'react';\n\nimport { Link } from '@/components/Link';\nimport { SkeletonLoader } from '@/components/SkeletonLoader';\nimport { SecondaryHeading } from '@/components/typography';\nimport { useWebGL } from '@/hooks/useWebGL';\nimport { SimpleLocationDto } from '@/lib/locations/dto';\nimport { getBackgroundSectionClassName } from '@/utils/marketing-landing-page';\n\nimport { BackgroundColors } from '../../types';\nimport LocationCardsLoader from './LocationCardsLoader';\n\nimport clsx from 'clsx';\n\nconst Map = dynamic(() => import('./Map'), {\n  ssr: false,\n  loading: () => (\n    <SkeletonLoader\n      className=\"h-[240px] w-full\"\n      dataTestId=\"location-search-map-loader\"\n    />\n  ),\n});\nconst LocationCard = dynamic(() => import('@/components/cards/LocationCard'), {\n  ssr: false,\n});\n\ntype LocationCardsWithMapProps = {\n  mapboxAccessToken: string;\n  title?: string;\n  locations: SimpleLocationDto[];\n  backgroundColor?: BackgroundColors;\n  isLoading: boolean;\n  cardsListContainerClassName?: string;\n  mapHidden?: boolean;\n  allLocationsLinkLabel?: string;\n};\n\nexport function LocationCardsWithMap({\n  title,\n  locations,\n  mapboxAccessToken,\n  backgroundColor,\n  isLoading,\n  cardsListContainerClassName,\n  mapHidden,\n  allLocationsLinkLabel,\n}: LocationCardsWithMapProps) {\n  const { isWebGLSupported } = useWebGL();\n  const [hoveredMarkerSlug, setHoveredMarkerSlug] = useState<string>();\n\n  return (\n    <section className=\"relative lg:h-[560px]\">\n      <div\n        className={clsx(\n          'flex flex-col items-center justify-center h-full lg:items-start pt-4 pb-10 lg:pb-0',\n          getBackgroundSectionClassName(backgroundColor)\n        )}\n      >\n        {title && (\n          <SecondaryHeading\n            className={clsx(\n              'self-start mb-4',\n              cardsListContainerClassName ?? 'medium-container'\n            )}\n          >\n            {title}\n          </SecondaryHeading>\n        )}\n\n        {mapboxAccessToken && isWebGLSupported !== false && !mapHidden && (\n          <>\n            <div className=\"lg:absolute block inset-y-0 right-0 border-grey-95 h-[240px] w-full lg:w-[55%] lg:h-full z-[1]\">\n              {isWebGLSupported === undefined || isLoading ? (\n                <SkeletonLoader\n                  className=\"h-[240px] lg:h-full\"\n                  dataTestId=\"location-search-map-loader\"\n                />\n              ) : (\n                <Map\n                  mapboxAccessToken={mapboxAccessToken}\n                  locations={locations}\n                  hoveredMarkerSlug={hoveredMarkerSlug}\n                  setHoveredMarkerSlug={setHoveredMarkerSlug}\n                />\n              )}\n            </div>\n          </>\n        )}\n        <div\n          className={clsx(\n            'flex items-center flex-col lg:flex-row',\n            cardsListContainerClassName ?? 'medium-container'\n          )}\n        >\n          <div\n            className={clsx(\n              'lg:px-0 lg:mt-0',\n              !mapHidden && isWebGLSupported && '-mt-8'\n            )}\n          >\n            {isLoading ? (\n              <LocationCardsLoader dataTestId=\"location-cards-with-map-loader\" />\n            ) : (\n              <ul className=\"flex flex-col gap-5 sm:flex-row z-[1]\">\n                {locations.map((loc) => (\n                  <li\n                    className={clsx(\n                      'w-full sm:w-[260px] lg:w-[340px] hover:shadow-md',\n                      hoveredMarkerSlug === loc.slug && 'shadow-md'\n                    )}\n                    onMouseEnter={() => setHoveredMarkerSlug(loc.slug)}\n                    onMouseLeave={() => setHoveredMarkerSlug(undefined)}\n                    key={loc.slug}\n                  >\n                    <LocationCard location={loc} />\n                  </li>\n                ))}\n              </ul>\n            )}\n\n            {allLocationsLinkLabel && (\n              <Link\n                href=\"/locations\"\n                className=\"flex justify-center mt-4 font-bold text-center underline md:justify-start text-ocean-60\"\n              >\n                {allLocationsLinkLabel}\n              </Link>\n            )}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","export * from './LocationCardsWithMap';\n","'use client';\n\nimport { useLocale } from 'next-intl';\nimport { useState } from 'react';\n\nimport { useUserLocalization } from '@/hooks/useUserLocalization';\nimport { SimpleLocationDto } from '@/lib/locations/dto';\nimport { getNearestLocations } from '@/lib/locations/get-nearest-locations';\n\nimport { BackgroundColors } from '../types';\nimport { LocationCardsWithMap } from './LocationCardsWithMap';\n\ntype NearbyLocationsModuleProps = {\n  title?: string;\n  backgroundColor?: BackgroundColors;\n  mapboxAccessToken: string;\n  slugs?: string[];\n  cardsListContainerClassName?: string;\n  mapHidden?: boolean;\n  allLocationsLinkLabel?: string;\n};\n\nexport default function NearbyLocationsModule({\n  title,\n  backgroundColor,\n  mapboxAccessToken,\n  slugs,\n  cardsListContainerClassName,\n  mapHidden,\n  allLocationsLinkLabel,\n}: NearbyLocationsModuleProps) {\n  const [isLoading, setLoading] = useState(true);\n  const locale = useLocale();\n  const [nearbyLocations, setNearbyLocations] = useState<SimpleLocationDto[]>(\n    []\n  );\n\n  useUserLocalization({\n    onUserLocalizationChange: async ({ lnglat }) => {\n      const nearestLocations = await getNearestLocations({\n        locale,\n        slugs,\n        limit: 2,\n        longitude: lnglat.lng,\n        latitude: lnglat.lat,\n      });\n\n      setLoading(false);\n\n      if (nearestLocations) {\n        setNearbyLocations(nearestLocations);\n      }\n    },\n  });\n\n  if (!isLoading && nearbyLocations.length === 0) {\n    return null;\n  }\n\n  return (\n    <LocationCardsWithMap\n      title={title}\n      isLoading={isLoading}\n      locations={nearbyLocations}\n      backgroundColor={backgroundColor}\n      mapboxAccessToken={mapboxAccessToken}\n      cardsListContainerClassName={cardsListContainerClassName}\n      mapHidden={mapHidden}\n      allLocationsLinkLabel={allLocationsLinkLabel}\n    />\n  );\n}\n","import { useEffect, useState } from 'react';\n\nexport function useWebGL() {\n  const [isWebGLSupported, setWebGLsupported] = useState<boolean | undefined>();\n\n  useEffect(() => {\n    if (isWebGLSupported !== undefined) return;\n\n    (async () => {\n      const mapboxgl = await import('mapbox-gl');\n      setWebGLsupported(mapboxgl.supported());\n    })();\n  }, []);\n\n  return { isWebGLSupported };\n}\n","import { getServerConfig } from '@/utils/config';\nimport { tryFetchToJson } from '@/utils/http-request';\n\nimport { LocationPhases, SimpleLocationDto } from './dto';\n\nexport async function getNearestLocations(props: {\n  locale: string;\n  longitude: number;\n  latitude: number;\n  phases?: LocationPhases[];\n  slugs?: string[];\n  limit: number;\n}): Promise<SimpleLocationDto[]> {\n  const { locale, longitude, latitude, slugs, phases, limit } = props;\n  const { NEXT_PUBLIC_INVENTORY_API_URL } = getServerConfig();\n\n  const url = `${NEXT_PUBLIC_INVENTORY_API_URL}/discovery/nearest-locations`;\n  const body = JSON.stringify({\n    longitude,\n    latitude,\n    slugs,\n    phases,\n    limit,\n  });\n\n  return tryFetchToJson<SimpleLocationDto[]>({\n    fetchParams: {\n      input: url,\n      init: {\n        headers: {\n          'Accept-Language': locale,\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n        body,\n      },\n    },\n    skipFetchError: true,\n  });\n}\n"],"names":["SkeletonLoader","param","dataTestId","className","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","div","clsx","datatest-id","LocationCardLoader","jsx_runtime","jsxs","concat","LocationCardsLoader","Fragment","ul","li","Map","dynamic","Promise","all","__webpack_require__","e","then","bind","ssr","loading","LocationCard","LocationCardsWithMap","title","locations","mapboxAccessToken","backgroundColor","isLoading","cardsListContainerClassName","mapHidden","allLocationsLinkLabel","isWebGLSupported","useWebGL","hoveredMarkerSlug","setHoveredMarkerSlug","useState","section","getBackgroundSectionClassName","SecondaryHeading","undefined","map","loc","slug","onMouseEnter","onMouseLeave","location","Link","href","NearbyLocationsModule","slugs","setLoading","locale","useLocale","nearbyLocations","setNearbyLocations","useUserLocalization","onUserLocalizationChange","lnglat","nearestLocations","getNearestLocations","limit","longitude","lng","latitude","lat","length","setWebGLsupported","useEffect","mapboxgl","t","supported","props","phases","NEXT_PUBLIC_INVENTORY_API_URL","getServerConfig","body","JSON","stringify","tryFetchToJson","fetchParams","input","init","headers","method","skipFetchError"],"sourceRoot":""}