@local-logic/sdks-app 1.24.63 → 1.24.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{Attribution-BsltvGRU.js → Attribution-Duhh7k4x.js} +2 -2
- package/dist/assets/{Attribution-BsltvGRU.js.map → Attribution-Duhh7k4x.js.map} +1 -1
- package/dist/assets/{Attribution-legacy-BNtn1w7h.js → Attribution-legacy-BbMLLCok.js} +2 -2
- package/dist/assets/{Attribution-legacy-BNtn1w7h.js.map → Attribution-legacy-BbMLLCok.js.map} +1 -1
- package/dist/assets/{Cluster-DtK-bXwa-B5Pbc1Sc.js → Cluster-DtK-bXwa-DGFFowZA.js} +2 -2
- package/dist/assets/{Cluster-DtK-bXwa-B5Pbc1Sc.js.map → Cluster-DtK-bXwa-DGFFowZA.js.map} +1 -1
- package/dist/assets/{Cluster-DtK-bXwa-legacy-CR_ltwaU.js → Cluster-DtK-bXwa-legacy-CRwU3yNs.js} +2 -2
- package/dist/assets/{Cluster-DtK-bXwa-legacy-CR_ltwaU.js.map → Cluster-DtK-bXwa-legacy-CRwU3yNs.js.map} +1 -1
- package/dist/assets/{Google-BWu1zjvH-SmYYPNWr.js → Google-BWu1zjvH-DRlN3_8l.js} +2 -2
- package/dist/assets/{Google-BWu1zjvH-SmYYPNWr.js.map → Google-BWu1zjvH-DRlN3_8l.js.map} +1 -1
- package/dist/assets/{Google-BWu1zjvH-legacy-DnDbinCb.js → Google-BWu1zjvH-legacy-D6N6CwVh.js} +2 -2
- package/dist/assets/{Google-BWu1zjvH-legacy-DnDbinCb.js.map → Google-BWu1zjvH-legacy-D6N6CwVh.js.map} +1 -1
- package/dist/assets/{Google-CWJnNepc-legacy-jEyNW8D9.js → Google-CWJnNepc-legacy-Bg1ArvyY.js} +2 -2
- package/dist/assets/{Google-CWJnNepc-legacy-jEyNW8D9.js.map → Google-CWJnNepc-legacy-Bg1ArvyY.js.map} +1 -1
- package/dist/assets/{Google-CWJnNepc-DN8UcJ1R.js → Google-CWJnNepc-znEMOnat.js} +2 -2
- package/dist/assets/{Google-CWJnNepc-DN8UcJ1R.js.map → Google-CWJnNepc-znEMOnat.js.map} +1 -1
- package/dist/assets/{Google-CxfcrB_--B_8lT20L.js → Google-CxfcrB_--BmYO6R-e.js} +2 -2
- package/dist/assets/{Google-CxfcrB_--B_8lT20L.js.map → Google-CxfcrB_--BmYO6R-e.js.map} +1 -1
- package/dist/assets/{Google-CxfcrB_--legacy-BIKEf6Ko.js → Google-CxfcrB_--legacy-C2uFttA5.js} +2 -2
- package/dist/assets/{Google-CxfcrB_--legacy-BIKEf6Ko.js.map → Google-CxfcrB_--legacy-C2uFttA5.js.map} +1 -1
- package/dist/assets/{Google-DJVjCEDp-BuybjgkL.js → Google-DJVjCEDp-CQJvIWAS.js} +2 -2
- package/dist/assets/{Google-DJVjCEDp-BuybjgkL.js.map → Google-DJVjCEDp-CQJvIWAS.js.map} +1 -1
- package/dist/assets/{Google-DJVjCEDp-legacy-CmJ3BbnM.js → Google-DJVjCEDp-legacy-DfLEWG8r.js} +2 -2
- package/dist/assets/{Google-DJVjCEDp-legacy-CmJ3BbnM.js.map → Google-DJVjCEDp-legacy-DfLEWG8r.js.map} +1 -1
- package/dist/assets/{Google-dS9cvzKP-J2VUtgal.js → Google-dS9cvzKP-e9BOsmNl.js} +2 -2
- package/dist/assets/{Google-dS9cvzKP-J2VUtgal.js.map → Google-dS9cvzKP-e9BOsmNl.js.map} +1 -1
- package/dist/assets/{Google-dS9cvzKP-legacy-DjMgMIio.js → Google-dS9cvzKP-legacy-CLJ4FcN0.js} +2 -2
- package/dist/assets/{Google-dS9cvzKP-legacy-DjMgMIio.js.map → Google-dS9cvzKP-legacy-CLJ4FcN0.js.map} +1 -1
- package/dist/assets/{GridGraph-CqFuBYej.js → GridGraph-C6-EwOUl.js} +2 -2
- package/dist/assets/{GridGraph-CqFuBYej.js.map → GridGraph-C6-EwOUl.js.map} +1 -1
- package/dist/assets/{GridGraph-legacy-B-ydwbji.js → GridGraph-legacy-25zMZaP_.js} +2 -2
- package/dist/assets/{GridGraph-legacy-B-ydwbji.js.map → GridGraph-legacy-25zMZaP_.js.map} +1 -1
- package/dist/assets/{LeadCapture-yB2WdcOs.js → LeadCapture-6q_e_8dX.js} +2 -2
- package/dist/assets/{LeadCapture-yB2WdcOs.js.map → LeadCapture-6q_e_8dX.js.map} +1 -1
- package/dist/assets/{LeadCapture-legacy-jIlGk8rU.js → LeadCapture-legacy-BHqcP8Iw.js} +2 -2
- package/dist/assets/{LeadCapture-legacy-jIlGk8rU.js.map → LeadCapture-legacy-BHqcP8Iw.js.map} +1 -1
- package/dist/assets/{LocalContent-BA9XaRx7.js → LocalContent-9HZ41rdH.js} +2 -2
- package/dist/assets/{LocalContent-BA9XaRx7.js.map → LocalContent-9HZ41rdH.js.map} +1 -1
- package/dist/assets/LocalContent-legacy-1srGSRaL.js +2 -0
- package/dist/assets/{LocalContent-legacy-ibTI5FZ4.js.map → LocalContent-legacy-1srGSRaL.js.map} +1 -1
- package/dist/assets/{LocalDemographics-BIytidiv.js → LocalDemographics-DWT6vil2.js} +2 -2
- package/dist/assets/{LocalDemographics-BIytidiv.js.map → LocalDemographics-DWT6vil2.js.map} +1 -1
- package/dist/assets/{LocalDemographics-legacy-C7tIK3XH.js → LocalDemographics-legacy-C645xhSC.js} +2 -2
- package/dist/assets/{LocalDemographics-legacy-C7tIK3XH.js.map → LocalDemographics-legacy-C645xhSC.js.map} +1 -1
- package/dist/assets/{Mapbox-B9pa-75a-BOtxeWGb.js → Mapbox-B9pa-75a-ClPYY137.js} +2 -2
- package/dist/assets/{Mapbox-B9pa-75a-BOtxeWGb.js.map → Mapbox-B9pa-75a-ClPYY137.js.map} +1 -1
- package/dist/assets/{Mapbox-B9pa-75a-legacy-CHrYGkGc.js → Mapbox-B9pa-75a-legacy-Dk1YPwyb.js} +2 -2
- package/dist/assets/{Mapbox-B9pa-75a-legacy-CHrYGkGc.js.map → Mapbox-B9pa-75a-legacy-Dk1YPwyb.js.map} +1 -1
- package/dist/assets/{Mapbox-BpJHQDi--DNuvIXte.js → Mapbox-BpJHQDi--CLyxuwqr.js} +2 -2
- package/dist/assets/{Mapbox-BpJHQDi--DNuvIXte.js.map → Mapbox-BpJHQDi--CLyxuwqr.js.map} +1 -1
- package/dist/assets/{Mapbox-BpJHQDi--legacy-pw96w162.js → Mapbox-BpJHQDi--legacy-DwGz9cU-.js} +2 -2
- package/dist/assets/{Mapbox-BpJHQDi--legacy-pw96w162.js.map → Mapbox-BpJHQDi--legacy-DwGz9cU-.js.map} +1 -1
- package/dist/assets/{Mapbox-BtxA3en8-3Z72nNmw.js → Mapbox-BtxA3en8-C82di8Le.js} +2 -2
- package/dist/assets/{Mapbox-BtxA3en8-3Z72nNmw.js.map → Mapbox-BtxA3en8-C82di8Le.js.map} +1 -1
- package/dist/assets/{Mapbox-BtxA3en8-legacy-CSU7NLBt.js → Mapbox-BtxA3en8-legacy-DQTm7hJ_.js} +2 -2
- package/dist/assets/{Mapbox-BtxA3en8-legacy-CSU7NLBt.js.map → Mapbox-BtxA3en8-legacy-DQTm7hJ_.js.map} +1 -1
- package/dist/assets/{Mapbox-CDUr5XKG-5ASiBTlv.js → Mapbox-CDUr5XKG-QYnXDVVu.js} +2 -2
- package/dist/assets/{Mapbox-CDUr5XKG-5ASiBTlv.js.map → Mapbox-CDUr5XKG-QYnXDVVu.js.map} +1 -1
- package/dist/assets/{Mapbox-CDUr5XKG-legacy-3huz0GR_.js → Mapbox-CDUr5XKG-legacy-B6iPzpfO.js} +2 -2
- package/dist/assets/{Mapbox-CDUr5XKG-legacy-3huz0GR_.js.map → Mapbox-CDUr5XKG-legacy-B6iPzpfO.js.map} +1 -1
- package/dist/assets/{Mapbox-DwSofiet-ILkehD5G.js → Mapbox-DwSofiet-Mmgq5D6-.js} +2 -2
- package/dist/assets/{Mapbox-DwSofiet-ILkehD5G.js.map → Mapbox-DwSofiet-Mmgq5D6-.js.map} +1 -1
- package/dist/assets/{Mapbox-DwSofiet-legacy-D3BpQm2w.js → Mapbox-DwSofiet-legacy-BoDFeBXZ.js} +2 -2
- package/dist/assets/{Mapbox-DwSofiet-legacy-D3BpQm2w.js.map → Mapbox-DwSofiet-legacy-BoDFeBXZ.js.map} +1 -1
- package/dist/assets/{Maptiler-CYFdJNvN-g3KKpHdt.js → Maptiler-CYFdJNvN-DYIrBgH6.js} +2 -2
- package/dist/assets/{Maptiler-CYFdJNvN-g3KKpHdt.js.map → Maptiler-CYFdJNvN-DYIrBgH6.js.map} +1 -1
- package/dist/assets/{Maptiler-CYFdJNvN-legacy-NhbfdVrf.js → Maptiler-CYFdJNvN-legacy-yj9pOpKs.js} +2 -2
- package/dist/assets/{Maptiler-CYFdJNvN-legacy-NhbfdVrf.js.map → Maptiler-CYFdJNvN-legacy-yj9pOpKs.js.map} +1 -1
- package/dist/assets/{Maptiler-Ce0L0Kac-CzlrjKAh.js → Maptiler-Ce0L0Kac-BTFcxDAa.js} +2 -2
- package/dist/assets/{Maptiler-Ce0L0Kac-CzlrjKAh.js.map → Maptiler-Ce0L0Kac-BTFcxDAa.js.map} +1 -1
- package/dist/assets/{Maptiler-Ce0L0Kac-legacy-DTnLJDX_.js → Maptiler-Ce0L0Kac-legacy-BmTKKLgL.js} +2 -2
- package/dist/assets/{Maptiler-Ce0L0Kac-legacy-DTnLJDX_.js.map → Maptiler-Ce0L0Kac-legacy-BmTKKLgL.js.map} +1 -1
- package/dist/assets/{Maptiler-CkoZpE04-CL-oFuER.js → Maptiler-CkoZpE04-CKOkRzwH.js} +2 -2
- package/dist/assets/{Maptiler-CkoZpE04-CL-oFuER.js.map → Maptiler-CkoZpE04-CKOkRzwH.js.map} +1 -1
- package/dist/assets/{Maptiler-CkoZpE04-legacy-CLKqb0ok.js → Maptiler-CkoZpE04-legacy-BAfeb_fR.js} +2 -2
- package/dist/assets/{Maptiler-CkoZpE04-legacy-CLKqb0ok.js.map → Maptiler-CkoZpE04-legacy-BAfeb_fR.js.map} +1 -1
- package/dist/assets/{Maptiler-CyB_-uzB-legacy-C3M4Wl83.js → Maptiler-CyB_-uzB-legacy-4okZ1sfA.js} +2 -2
- package/dist/assets/{Maptiler-CyB_-uzB-legacy-C3M4Wl83.js.map → Maptiler-CyB_-uzB-legacy-4okZ1sfA.js.map} +1 -1
- package/dist/assets/{Maptiler-CyB_-uzB-BsYYQ7sz.js → Maptiler-CyB_-uzB-vC5akwa6.js} +2 -2
- package/dist/assets/{Maptiler-CyB_-uzB-BsYYQ7sz.js.map → Maptiler-CyB_-uzB-vC5akwa6.js.map} +1 -1
- package/dist/assets/{Maptiler-DsgKmpne-DxIuH2Tl.js → Maptiler-DsgKmpne-6BzLeKc0.js} +2 -2
- package/dist/assets/{Maptiler-DsgKmpne-DxIuH2Tl.js.map → Maptiler-DsgKmpne-6BzLeKc0.js.map} +1 -1
- package/dist/assets/{Maptiler-DsgKmpne-legacy-BpEYCv0q.js → Maptiler-DsgKmpne-legacy-TqJ_TVEa.js} +2 -2
- package/dist/assets/{Maptiler-DsgKmpne-legacy-BpEYCv0q.js.map → Maptiler-DsgKmpne-legacy-TqJ_TVEa.js.map} +1 -1
- package/dist/assets/{MarkerIcon-Drkpm3bl-DI0HvpiK.js → MarkerIcon-Drkpm3bl-6CRlQtyO.js} +2 -2
- package/dist/assets/{MarkerIcon-Drkpm3bl-DI0HvpiK.js.map → MarkerIcon-Drkpm3bl-6CRlQtyO.js.map} +1 -1
- package/dist/assets/{MarkerIcon-Drkpm3bl-legacy-CjOJi2BD.js → MarkerIcon-Drkpm3bl-legacy-BKTQZxwz.js} +2 -2
- package/dist/assets/{MarkerIcon-Drkpm3bl-legacy-CjOJi2BD.js.map → MarkerIcon-Drkpm3bl-legacy-BKTQZxwz.js.map} +1 -1
- package/dist/assets/{NeighborhoodCard-BdTDM3-D.js → NeighborhoodCard-C_-8FpDl.js} +2 -2
- package/dist/assets/{NeighborhoodCard-BdTDM3-D.js.map → NeighborhoodCard-C_-8FpDl.js.map} +1 -1
- package/dist/assets/{NeighborhoodCard-legacy-DvpbnJ6S.js → NeighborhoodCard-legacy-DW4x82H7.js} +2 -2
- package/dist/assets/{NeighborhoodCard-legacy-DvpbnJ6S.js.map → NeighborhoodCard-legacy-DW4x82H7.js.map} +1 -1
- package/dist/assets/{NeighborhoodCharacteristics-Ook5N1T2.js → NeighborhoodCharacteristics-BGdxNjXv.js} +2 -2
- package/dist/assets/{NeighborhoodCharacteristics-Ook5N1T2.js.map → NeighborhoodCharacteristics-BGdxNjXv.js.map} +1 -1
- package/dist/assets/{NeighborhoodCharacteristics-legacy-D3KCHmoq.js → NeighborhoodCharacteristics-legacy-DVi_mvql.js} +2 -2
- package/dist/assets/{NeighborhoodCharacteristics-legacy-D3KCHmoq.js.map → NeighborhoodCharacteristics-legacy-DVi_mvql.js.map} +1 -1
- package/dist/assets/{NeighborhoodDemographics-CTpC3jE7.js → NeighborhoodDemographics-Bl2aRgAD.js} +2 -2
- package/dist/assets/{NeighborhoodDemographics-CTpC3jE7.js.map → NeighborhoodDemographics-Bl2aRgAD.js.map} +1 -1
- package/dist/assets/{NeighborhoodDemographics-legacy-DgcM1GAK.js → NeighborhoodDemographics-legacy-C6PkQmoB.js} +2 -2
- package/dist/assets/{NeighborhoodDemographics-legacy-DgcM1GAK.js.map → NeighborhoodDemographics-legacy-C6PkQmoB.js.map} +1 -1
- package/dist/assets/{NeighborhoodFeatured-BKynIDFO.js → NeighborhoodFeatured-C0qVWedw.js} +2 -2
- package/dist/assets/{NeighborhoodFeatured-BKynIDFO.js.map → NeighborhoodFeatured-C0qVWedw.js.map} +1 -1
- package/dist/assets/{NeighborhoodFeatured-legacy-DlwdffhT.js → NeighborhoodFeatured-legacy-BcjeyOc7.js} +2 -2
- package/dist/assets/{NeighborhoodFeatured-legacy-DlwdffhT.js.map → NeighborhoodFeatured-legacy-BcjeyOc7.js.map} +1 -1
- package/dist/assets/{NeighborhoodHero-BcdgrQtP.js → NeighborhoodHero-BSMivGqs.js} +2 -2
- package/dist/assets/{NeighborhoodHero-BcdgrQtP.js.map → NeighborhoodHero-BSMivGqs.js.map} +1 -1
- package/dist/assets/{NeighborhoodHero-legacy-CfCrSS6Z.js → NeighborhoodHero-legacy-CVItTB2U.js} +2 -2
- package/dist/assets/{NeighborhoodHero-legacy-CfCrSS6Z.js.map → NeighborhoodHero-legacy-CVItTB2U.js.map} +1 -1
- package/dist/assets/{NeighborhoodHighlights-C3maAwKP.js → NeighborhoodHighlights-BhVYsA3-.js} +2 -2
- package/dist/assets/{NeighborhoodHighlights-C3maAwKP.js.map → NeighborhoodHighlights-BhVYsA3-.js.map} +1 -1
- package/dist/assets/{NeighborhoodHighlights-legacy-CALvujpk.js → NeighborhoodHighlights-legacy-Do2PVQvq.js} +2 -2
- package/dist/assets/{NeighborhoodHighlights-legacy-CALvujpk.js.map → NeighborhoodHighlights-legacy-Do2PVQvq.js.map} +1 -1
- package/dist/assets/{NeighborhoodMap-CT8veCNl.js → NeighborhoodMap-D6OihpAJ.js} +2 -2
- package/dist/assets/{NeighborhoodMap-CT8veCNl.js.map → NeighborhoodMap-D6OihpAJ.js.map} +1 -1
- package/dist/assets/{NeighborhoodMap-legacy-CSmAZuD2.js → NeighborhoodMap-legacy-Dzr11Edf.js} +2 -2
- package/dist/assets/{NeighborhoodMap-legacy-CSmAZuD2.js.map → NeighborhoodMap-legacy-Dzr11Edf.js.map} +1 -1
- package/dist/assets/{NeighborhoodMarketTrends-DLlvQnd2.js → NeighborhoodMarketTrends-BYLv7ssD.js} +3 -3
- package/dist/assets/{NeighborhoodMarketTrends-DLlvQnd2.js.map → NeighborhoodMarketTrends-BYLv7ssD.js.map} +1 -1
- package/dist/assets/{NeighborhoodMarketTrends-legacy-DA5VImYp.js → NeighborhoodMarketTrends-legacy-D4CqgzKy.js} +2 -2
- package/dist/assets/{NeighborhoodMarketTrends-legacy-DA5VImYp.js.map → NeighborhoodMarketTrends-legacy-D4CqgzKy.js.map} +1 -1
- package/dist/assets/{NeighborhoodMatch-zUWSiNi8.js → NeighborhoodMatch-2dDNoHEC.js} +2 -2
- package/dist/assets/{NeighborhoodMatch-zUWSiNi8.js.map → NeighborhoodMatch-2dDNoHEC.js.map} +1 -1
- package/dist/assets/{NeighborhoodMatch-legacy-BkhxK-bz.js → NeighborhoodMatch-legacy-DSUP8S00.js} +2 -2
- package/dist/assets/{NeighborhoodMatch-legacy-BkhxK-bz.js.map → NeighborhoodMatch-legacy-DSUP8S00.js.map} +1 -1
- package/dist/assets/{NeighborhoodPropertyValueDrivers-0Zr-7AQ9.js → NeighborhoodPropertyValueDrivers-BbkPB6Ts.js} +2 -2
- package/dist/assets/{NeighborhoodPropertyValueDrivers-0Zr-7AQ9.js.map → NeighborhoodPropertyValueDrivers-BbkPB6Ts.js.map} +1 -1
- package/dist/assets/{NeighborhoodPropertyValueDrivers-legacy-yQwTbIN8.js → NeighborhoodPropertyValueDrivers-legacy-D62occGi.js} +2 -2
- package/dist/assets/{NeighborhoodPropertyValueDrivers-legacy-yQwTbIN8.js.map → NeighborhoodPropertyValueDrivers-legacy-D62occGi.js.map} +1 -1
- package/dist/assets/{NeighborhoodSchools-legacy-CTG5Nbpw.js → NeighborhoodSchools-legacy-CRJgyQRJ.js} +2 -2
- package/dist/assets/{NeighborhoodSchools-legacy-CTG5Nbpw.js.map → NeighborhoodSchools-legacy-CRJgyQRJ.js.map} +1 -1
- package/dist/assets/{NeighborhoodSchools-DFUvz0LY.js → NeighborhoodSchools-zyjBTcAS.js} +2 -2
- package/dist/assets/{NeighborhoodSchools-DFUvz0LY.js.map → NeighborhoodSchools-zyjBTcAS.js.map} +1 -1
- package/dist/assets/{NeighborhoodShowcase-BxcWXdht.js → NeighborhoodShowcase-DkqbmfHO.js} +2 -2
- package/dist/assets/{NeighborhoodShowcase-BxcWXdht.js.map → NeighborhoodShowcase-DkqbmfHO.js.map} +1 -1
- package/dist/assets/{NeighborhoodShowcase-legacy-Ciwbw3YX.js → NeighborhoodShowcase-legacy-CztESO-F.js} +2 -2
- package/dist/assets/{NeighborhoodShowcase-legacy-Ciwbw3YX.js.map → NeighborhoodShowcase-legacy-CztESO-F.js.map} +1 -1
- package/dist/assets/{NoDataContent-K8RstIPw.js → NoDataContent-BOVv2wDG.js} +2 -2
- package/dist/assets/{NoDataContent-K8RstIPw.js.map → NoDataContent-BOVv2wDG.js.map} +1 -1
- package/dist/assets/{NoDataContent-legacy-CzU5MBcr.js → NoDataContent-legacy-C3AeyeSg.js} +2 -2
- package/dist/assets/{NoDataContent-legacy-CzU5MBcr.js.map → NoDataContent-legacy-C3AeyeSg.js.map} +1 -1
- package/dist/assets/{ResizeWrapper-iptN_OTD.js → ResizeWrapper-Bhg67yfB.js} +2 -2
- package/dist/assets/{ResizeWrapper-iptN_OTD.js.map → ResizeWrapper-Bhg67yfB.js.map} +1 -1
- package/dist/assets/{ResizeWrapper-legacy-OscRVVIk.js → ResizeWrapper-legacy-F6SJE_TA.js} +2 -2
- package/dist/assets/{ResizeWrapper-legacy-OscRVVIk.js.map → ResizeWrapper-legacy-F6SJE_TA.js.map} +1 -1
- package/dist/assets/{ScoreCardList-BGFtynWY.js → ScoreCardList-DReE0M82.js} +2 -2
- package/dist/assets/{ScoreCardList-BGFtynWY.js.map → ScoreCardList-DReE0M82.js.map} +1 -1
- package/dist/assets/{ScoreCardList-legacy-DkYwRt8q.js → ScoreCardList-legacy-B-Iw3TWS.js} +2 -2
- package/dist/assets/{ScoreCardList-legacy-DkYwRt8q.js.map → ScoreCardList-legacy-B-Iw3TWS.js.map} +1 -1
- package/dist/assets/{ScoreIcon-legacy-CKB6p9iW.js → ScoreIcon-legacy-Ds3IYvwY.js} +2 -2
- package/dist/assets/{ScoreIcon-legacy-CKB6p9iW.js.map → ScoreIcon-legacy-Ds3IYvwY.js.map} +1 -1
- package/dist/assets/{ScoreIcon-BGcwqtBH.js → ScoreIcon-qr7Dyd1_.js} +2 -2
- package/dist/assets/{ScoreIcon-BGcwqtBH.js.map → ScoreIcon-qr7Dyd1_.js.map} +1 -1
- package/dist/assets/{Testing-BQ7AFsvh-B0zjSsQX.js → Testing-BQ7AFsvh-DFMBrZvz.js} +2 -2
- package/dist/assets/{Testing-BQ7AFsvh-B0zjSsQX.js.map → Testing-BQ7AFsvh-DFMBrZvz.js.map} +1 -1
- package/dist/assets/{Testing-BQ7AFsvh-legacy-DWyP-TZm.js → Testing-BQ7AFsvh-legacy-u-xLnoNh.js} +2 -2
- package/dist/assets/{Testing-BQ7AFsvh-legacy-DWyP-TZm.js.map → Testing-BQ7AFsvh-legacy-u-xLnoNh.js.map} +1 -1
- package/dist/assets/{Testing-CZDor_UM-DKHyShOL.js → Testing-CZDor_UM-BXoIFD2V.js} +2 -2
- package/dist/assets/{Testing-CZDor_UM-DKHyShOL.js.map → Testing-CZDor_UM-BXoIFD2V.js.map} +1 -1
- package/dist/assets/{Testing-CZDor_UM-legacy-DYOc_7jJ.js → Testing-CZDor_UM-legacy-nUkPPr7r.js} +2 -2
- package/dist/assets/{Testing-CZDor_UM-legacy-DYOc_7jJ.js.map → Testing-CZDor_UM-legacy-nUkPPr7r.js.map} +1 -1
- package/dist/assets/{Testing-CxwUbSxG-Vw-NLu0P.js → Testing-CxwUbSxG-Bht4ySMN.js} +2 -2
- package/dist/assets/{Testing-CxwUbSxG-Vw-NLu0P.js.map → Testing-CxwUbSxG-Bht4ySMN.js.map} +1 -1
- package/dist/assets/{Testing-CxwUbSxG-legacy-Dpbq1Bh4.js → Testing-CxwUbSxG-legacy-CW2pKq5L.js} +2 -2
- package/dist/assets/{Testing-CxwUbSxG-legacy-Dpbq1Bh4.js.map → Testing-CxwUbSxG-legacy-CW2pKq5L.js.map} +1 -1
- package/dist/assets/{Testing-vfABKYEg-legacy-BpzPtqgn.js → Testing-vfABKYEg-legacy-CAaWJ3i7.js} +2 -2
- package/dist/assets/{Testing-vfABKYEg-legacy-BpzPtqgn.js.map → Testing-vfABKYEg-legacy-CAaWJ3i7.js.map} +1 -1
- package/dist/assets/{Testing-vfABKYEg-BEq8jFJw.js → Testing-vfABKYEg-nwKJxiQ-.js} +2 -2
- package/dist/assets/{Testing-vfABKYEg-BEq8jFJw.js.map → Testing-vfABKYEg-nwKJxiQ-.js.map} +1 -1
- package/dist/assets/{Testing-wan6urXy-PZYC8nyQ.js → Testing-wan6urXy-B0sm4u_j.js} +2 -2
- package/dist/assets/{Testing-wan6urXy-PZYC8nyQ.js.map → Testing-wan6urXy-B0sm4u_j.js.map} +1 -1
- package/dist/assets/{Testing-wan6urXy-legacy-CKFpdCQ6.js → Testing-wan6urXy-legacy-CQ0zqTGx.js} +2 -2
- package/dist/assets/{Testing-wan6urXy-legacy-CKFpdCQ6.js.map → Testing-wan6urXy-legacy-CQ0zqTGx.js.map} +1 -1
- package/dist/assets/{TitleHeader-BZ-WJqqQ.js → TitleHeader-DqQxUayY.js} +2 -2
- package/dist/assets/{TitleHeader-BZ-WJqqQ.js.map → TitleHeader-DqQxUayY.js.map} +1 -1
- package/dist/assets/{TitleHeader-legacy-VTfonLLs.js → TitleHeader-legacy-pLHeIO4_.js} +2 -2
- package/dist/assets/{TitleHeader-legacy-VTfonLLs.js.map → TitleHeader-legacy-pLHeIO4_.js.map} +1 -1
- package/dist/assets/{Trans-DJmgQYxZ.js → Trans-BLu0zcU1.js} +2 -2
- package/dist/assets/{Trans-DJmgQYxZ.js.map → Trans-BLu0zcU1.js.map} +1 -1
- package/dist/assets/{Trans-legacy-DfM0QowQ.js → Trans-legacy-CQPgpMfP.js} +2 -2
- package/dist/assets/{Trans-legacy-DfM0QowQ.js.map → Trans-legacy-CQPgpMfP.js.map} +1 -1
- package/dist/assets/{ValidateOptions-BOHq0NLG.js → ValidateOptions-BivAr3ZH.js} +2 -2
- package/dist/assets/{ValidateOptions-BOHq0NLG.js.map → ValidateOptions-BivAr3ZH.js.map} +1 -1
- package/dist/assets/{ValidateOptions-legacy-CRx_un0J.js → ValidateOptions-legacy-B4kQEpo7.js} +2 -2
- package/dist/assets/{ValidateOptions-legacy-CRx_un0J.js.map → ValidateOptions-legacy-B4kQEpo7.js.map} +1 -1
- package/dist/assets/{dist-DjT90Vie.js → dist-JadUzcvL.js} +2 -2
- package/dist/assets/{dist-DjT90Vie.js.map → dist-JadUzcvL.js.map} +1 -1
- package/dist/assets/{dist-legacy-C6cEG2G4.js → dist-legacy-6uOt0Yh8.js} +2 -2
- package/dist/assets/{dist-legacy-C6cEG2G4.js.map → dist-legacy-6uOt0Yh8.js.map} +1 -1
- package/dist/assets/{getMapProviderConfig-CLYWizpG.js → getMapProviderConfig-DNFSt_ai.js} +3 -3
- package/dist/assets/{getMapProviderConfig-CLYWizpG.js.map → getMapProviderConfig-DNFSt_ai.js.map} +1 -1
- package/dist/assets/{getMapProviderConfig-legacy-BqZuG0-K.js → getMapProviderConfig-legacy-DRwYzoDU.js} +2 -2
- package/dist/assets/{getMapProviderConfig-legacy-BqZuG0-K.js.map → getMapProviderConfig-legacy-DRwYzoDU.js.map} +1 -1
- package/dist/assets/{getPaddedBounds-FpsQymJC-CamcKdIj.js → getPaddedBounds-FpsQymJC--V91KbDr.js} +2 -2
- package/dist/assets/{getPaddedBounds-FpsQymJC-CamcKdIj.js.map → getPaddedBounds-FpsQymJC--V91KbDr.js.map} +1 -1
- package/dist/assets/{getPaddedBounds-FpsQymJC-legacy-TefV3FWy.js → getPaddedBounds-FpsQymJC-legacy-BAfRrfiC.js} +2 -2
- package/dist/assets/{getPaddedBounds-FpsQymJC-legacy-TefV3FWy.js.map → getPaddedBounds-FpsQymJC-legacy-BAfRrfiC.js.map} +1 -1
- package/dist/assets/{index-BLDMLEaX.js → index-DHfBmUAQ.js} +3 -3
- package/dist/assets/{index-BLDMLEaX.js.map → index-DHfBmUAQ.js.map} +1 -1
- package/dist/assets/{index-legacy-BzMlHwaA.js → index-legacy-CdRffLlb.js} +2 -2
- package/dist/assets/{index-legacy-BzMlHwaA.js.map → index-legacy-CdRffLlb.js.map} +1 -1
- package/dist/assets/{index.es-D680q4E2.js → index.es-B0TyuPgo.js} +2 -2
- package/dist/assets/{index.es-D680q4E2.js.map → index.es-B0TyuPgo.js.map} +1 -1
- package/dist/assets/{index.es-legacy-CLQaVm5G.js → index.es-legacy-DGBuVsHM.js} +2 -2
- package/dist/assets/{index.es-legacy-CLQaVm5G.js.map → index.es-legacy-DGBuVsHM.js.map} +1 -1
- package/dist/assets/{mapbox-BiIB2Zbq-DgXGTLoF.js → mapbox-BiIB2Zbq-gUZoKTZh.js} +2 -2
- package/dist/assets/{mapbox-BiIB2Zbq-DgXGTLoF.js.map → mapbox-BiIB2Zbq-gUZoKTZh.js.map} +1 -1
- package/dist/assets/{mapbox-BiIB2Zbq-legacy-CWG67TM7.js → mapbox-BiIB2Zbq-legacy-BzLqYdgk.js} +2 -2
- package/dist/assets/{mapbox-BiIB2Zbq-legacy-CWG67TM7.js.map → mapbox-BiIB2Zbq-legacy-BzLqYdgk.js.map} +1 -1
- package/dist/assets/{maplibre-Cx0I-z8h-CKf-PaNJ.js → maplibre-Cx0I-z8h-CpfLgNDU.js} +2 -2
- package/dist/assets/{maplibre-Cx0I-z8h-CKf-PaNJ.js.map → maplibre-Cx0I-z8h-CpfLgNDU.js.map} +1 -1
- package/dist/assets/{maplibre-Cx0I-z8h-legacy-BLv0jU9u.js → maplibre-Cx0I-z8h-legacy-DNmyXE2u.js} +2 -2
- package/dist/assets/{maplibre-Cx0I-z8h-legacy-BLv0jU9u.js.map → maplibre-Cx0I-z8h-legacy-DNmyXE2u.js.map} +1 -1
- package/dist/assets/neighborhood-fallback-Bx8UkjEB.js.map +1 -1
- package/dist/assets/{sdks-COqbeKyR.js → sdks-e3TteF4P.js} +2 -2
- package/dist/assets/{sdks-COqbeKyR.js.map → sdks-e3TteF4P.js.map} +1 -1
- package/dist/assets/{sdks-legacy-DQ7jLJZE.js → sdks-legacy-BcdXj8R9.js} +2 -2
- package/dist/assets/{sdks-legacy-DQ7jLJZE.js.map → sdks-legacy-BcdXj8R9.js.map} +1 -1
- package/dist/assets/{styles-DCI3UJny-DrJgfl7H.js → styles-DCI3UJny-OwNwQYJv.js} +2 -2
- package/dist/assets/{styles-DCI3UJny-DrJgfl7H.js.map → styles-DCI3UJny-OwNwQYJv.js.map} +1 -1
- package/dist/assets/{styles-DCI3UJny-legacy-Dw44-3MI.js → styles-DCI3UJny-legacy-BfzvePT0.js} +2 -2
- package/dist/assets/{styles-DCI3UJny-legacy-Dw44-3MI.js.map → styles-DCI3UJny-legacy-BfzvePT0.js.map} +1 -1
- package/dist/assets/{styles-DMA_7NV0-D3y1DeLZ.js → styles-DMA_7NV0-CJzE42wT.js} +2 -2
- package/dist/assets/{styles-DMA_7NV0-D3y1DeLZ.js.map → styles-DMA_7NV0-CJzE42wT.js.map} +1 -1
- package/dist/assets/{styles-DMA_7NV0-legacy-CYkSS_lc.js → styles-DMA_7NV0-legacy-DO9L0b_C.js} +2 -2
- package/dist/assets/{styles-DMA_7NV0-legacy-CYkSS_lc.js.map → styles-DMA_7NV0-legacy-DO9L0b_C.js.map} +1 -1
- package/dist/assets/{useDemographicsData-DbxsBDeY.js → useDemographicsData-C4iCuplI.js} +2 -2
- package/dist/assets/{useDemographicsData-DbxsBDeY.js.map → useDemographicsData-C4iCuplI.js.map} +1 -1
- package/dist/assets/{useDemographicsData-legacy-CG3XHkyh.js → useDemographicsData-legacy-OsSaC0p-.js} +2 -2
- package/dist/assets/{useDemographicsData-legacy-CG3XHkyh.js.map → useDemographicsData-legacy-OsSaC0p-.js.map} +1 -1
- package/dist/assets/{useGeographies-Ca5nEDBN.js → useGeographies-Dbxf3asb.js} +2 -2
- package/dist/assets/{useGeographies-Ca5nEDBN.js.map → useGeographies-Dbxf3asb.js.map} +1 -1
- package/dist/assets/{useGeographies-legacy-CcWz8DvM.js → useGeographies-legacy-BFHs291p.js} +2 -2
- package/dist/assets/{useGeographies-legacy-CcWz8DvM.js.map → useGeographies-legacy-BFHs291p.js.map} +1 -1
- package/dist/assets/{useIsMobile-Bxsws0pn.js → useIsMobile-DNaqDzbl.js} +2 -2
- package/dist/assets/{useIsMobile-Bxsws0pn.js.map → useIsMobile-DNaqDzbl.js.map} +1 -1
- package/dist/assets/{useIsMobile-legacy-zb8bPQUw.js → useIsMobile-legacy-B6-NPP6W.js} +2 -2
- package/dist/assets/{useIsMobile-legacy-zb8bPQUw.js.map → useIsMobile-legacy-B6-NPP6W.js.map} +1 -1
- package/dist/assets/{useLocation-Cw-YxWBt.js → useLocation-ZUEWhDQZ.js} +2 -2
- package/dist/assets/{useLocation-Cw-YxWBt.js.map → useLocation-ZUEWhDQZ.js.map} +1 -1
- package/dist/assets/{useLocation-legacy-DROxjKYy.js → useLocation-legacy-DwBFDrsA.js} +2 -2
- package/dist/assets/{useLocation-legacy-DROxjKYy.js.map → useLocation-legacy-DwBFDrsA.js.map} +1 -1
- package/dist/assets/{useProfiles-8Z_GZOzb.js → useProfiles-BIFSAlrA.js} +2 -2
- package/dist/assets/{useProfiles-8Z_GZOzb.js.map → useProfiles-BIFSAlrA.js.map} +1 -1
- package/dist/assets/{useProfiles-legacy-C4_roJUq.js → useProfiles-legacy-DAWflSgN.js} +2 -2
- package/dist/assets/{useProfiles-legacy-C4_roJUq.js.map → useProfiles-legacy-DAWflSgN.js.map} +1 -1
- package/dist/assets/{useSchools-legacy-T6pvbGsp.js → useSchools-legacy-CgZHAzMa.js} +2 -2
- package/dist/assets/{useSchools-legacy-T6pvbGsp.js.map → useSchools-legacy-CgZHAzMa.js.map} +1 -1
- package/dist/assets/{useSchools-DyrTKmXR.js → useSchools-qUQmMbTk.js} +2 -2
- package/dist/assets/{useSchools-DyrTKmXR.js.map → useSchools-qUQmMbTk.js.map} +1 -1
- package/dist/assets/{useScores--bTvRnnj.js → useScores-C2l0EkUs.js} +2 -2
- package/dist/assets/{useScores--bTvRnnj.js.map → useScores-C2l0EkUs.js.map} +1 -1
- package/dist/assets/{useScores-legacy-C2gadPY-.js → useScores-legacy-BtI93V2X.js} +2 -2
- package/dist/assets/{useScores-legacy-C2gadPY-.js.map → useScores-legacy-BtI93V2X.js.map} +1 -1
- package/dist/assets/{utils-CV8G-gCd-CCr0oecj.js → utils-CV8G-gCd-BA5hEMgo.js} +2 -2
- package/dist/assets/{utils-CV8G-gCd-CCr0oecj.js.map → utils-CV8G-gCd-BA5hEMgo.js.map} +1 -1
- package/dist/assets/{utils-CV8G-gCd-legacy-DwIJ3EdU.js → utils-CV8G-gCd-legacy-C6n6__tU.js} +2 -2
- package/dist/assets/{utils-CV8G-gCd-legacy-DwIJ3EdU.js.map → utils-CV8G-gCd-legacy-C6n6__tU.js.map} +1 -1
- package/dist/index.html +2 -2
- package/dist/types/sdks/LocalContent/components/Sidebar/Root/ScoreDetails/index.d.ts.map +1 -1
- package/dist/types/sdks/LocalContent/components/Sidebar/Root/ScoreDetails/index.js +3 -1
- package/dist/types/sdks/LocalContent/components/Sidebar/Root/ScoreDetails/index.js.map +1 -1
- package/dist/types/sdks/LocalContent/components/Sidebar/Root/ScoreDetails/index.test.js +24 -0
- package/dist/types/sdks/LocalContent/components/Sidebar/Root/ScoreDetails/index.test.js.map +1 -1
- package/package.json +1 -1
- package/dist/assets/LocalContent-legacy-ibTI5FZ4.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeighborhoodHighlights-legacy-CALvujpk.js","names":[],"sources":["../../src/sdks/NeighborhoodHighlights/types.ts","../../src/sdks/NeighborhoodHighlights/constants.ts","../../src/sdks/NeighborhoodHighlights/context.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/styles.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Icon/styles.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Icon/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Content/styles.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Content/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/styles.ts","../../src/sdks/NeighborhoodHighlights/utils/getHighlightScoreKeys/index.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Content/index.tsx","../../src/sdks/NeighborhoodHighlights/schema.ts","../../src/sdks/NeighborhoodHighlights/index.tsx"],"sourcesContent":["import { SDKOptions } from \"~/types/options\";\n\nexport type Section = \"transport\" | \"services\" | \"character\";\n\nexport type Score =\n | \"pedestrian_friendly\"\n | \"car_friendly\"\n | \"transit_friendly\"\n | \"cycling_friendly\"\n | \"groceries\"\n | \"shopping\"\n | \"restaurants\"\n | \"cafes\"\n | \"quiet\"\n | \"parks\"\n | \"vibrant\"\n | \"nightlife\";\n\nexport type Options = {\n lat?: number;\n lng?: number;\n geographyId?: string;\n title?: boolean | string;\n};\n\nexport type NeighborhoodHighlightsProps = SDKOptions<\n Options,\n {\n options: Options | undefined;\n }\n>;\n\nexport enum TrackingPipelineEvents {\n SDK_VIEWED = \"neighborhood-highlights-Viewed\",\n}\n\n// Why are these named differently?\n// https://docs.mixpanel.com/docs/data-structure/events-and-properties#name-events-and-properties-consistently\nexport enum AnalyticsEvents {\n SDK_VIEWED = \"sdk_viewed\",\n}\n","import { type Score } from \"./types\";\n\nexport const MINIMUM_SCORE_VALUE = 7;\n\nexport const sectionScores = {\n transport: [\n \"pedestrian_friendly\",\n \"car_friendly\",\n \"transit_friendly\",\n \"cycling_friendly\",\n ] as Score[],\n services: [\"groceries\", \"shopping\", \"restaurants\", \"cafes\"] as Score[],\n character: [\"quiet\", \"parks\", \"vibrant\", \"nightlife\"] as Score[],\n};\n\nexport const includeScores = [\n ...sectionScores.transport,\n ...sectionScores.services,\n ...sectionScores.character,\n];\n","import React, { useContext, useMemo } from \"react\";\nimport { type Scores } from \"@local-logic/client\";\nimport {\n NeighborhoodHighlightsProps,\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"./types\";\nimport { includeScores } from \"./constants\";\nimport { useTracking } from \"~/tracking\";\n\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport { useGeographies } from \"~/features/clientLibrary/useGeographies\";\nimport { useScores } from \"~/features/clientLibrary/useScores\";\nimport useEffectOnce from \"~/hooks/useEffectOnce\";\n\nexport type DefaultContext = {\n isLoading: boolean;\n title: NeighborhoodHighlightsProps[\"options\"][\"title\"];\n scores?: Scores[\"location\"];\n};\n\nconst NeighborhoodHighlightsContext = React.createContext<DefaultContext>(\n {} as DefaultContext,\n);\nconst useNeighborhoodHighlights = () =>\n useContext(NeighborhoodHighlightsContext);\n\nconst NeighborhoodHighlightsProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const { sdkState } = useStateManagerContext<NeighborhoodHighlightsProps>();\n const tracking = useTracking();\n\n useEffectOnce(() => {\n tracking.postEvent({\n eventType: TrackingPipelineEvents.SDK_VIEWED,\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.SDK_VIEWED,\n });\n });\n\n const { isLoading: isGeographyLoading, data: geographyData } = useGeographies(\n {\n location: {\n lat:\n typeof sdkState.options?.geographyId === \"undefined\"\n ? sdkState.options?.lat\n : undefined,\n lng:\n typeof sdkState.options?.geographyId === \"undefined\"\n ? sdkState.options?.lng\n : undefined,\n },\n externalId: sdkState?.globalOptions?.externalId,\n },\n );\n\n const geographyId = useMemo(() => {\n if (typeof sdkState.options?.geographyId !== \"undefined\") {\n return sdkState.options.geographyId;\n }\n\n return Object.keys(geographyData || {})[0];\n }, [sdkState.options?.geographyId, geographyData]);\n\n const { data: scoresData, isFetching: isScoresFetching } = useScores({\n geographyId,\n location: {},\n include: includeScores,\n });\n\n const isLoading = useMemo(\n () => isGeographyLoading || isScoresFetching,\n [isGeographyLoading, isScoresFetching],\n );\n\n const contextValue = useMemo(\n () => ({\n isLoading,\n title: sdkState.options?.title,\n scores: scoresData?.geographies[0]?.scores,\n }),\n [isLoading, scoresData, sdkState.options?.title],\n );\n\n return (\n <NeighborhoodHighlightsContext.Provider value={contextValue}>\n {children}\n </NeighborhoodHighlightsContext.Provider>\n );\n};\n\nexport { useNeighborhoodHighlights, NeighborhoodHighlightsProvider };\n","export const container = `group/highlight-item bg-gray-25 px-5 py-4 flex w-80 items-center gap-x-4 rounded-xl`;\n","export const container = `\n rounded-full bg-primary-100 w-16 h-16 flex items-center justify-center\n\n group-data-[is-loading=true]/highlight-item:bg-gray-200\n\n `;\nexport const content = `rounded-full bg-gray-25 w-12 h-12 border-2 border-base-white flex items-center justify-center`;\nexport const icon = `\n text-primary-100 w-7 h-7\n \n group-data-[is-loading=true]/highlight-item:text-gray-200\n group-data-[is-loading=true]/highlight-item:animate-spin\n`;\n","import React from \"react\";\n\nimport type { Scores } from \"@local-logic/client\";\nimport { SpinnerGapIcon } from \"@phosphor-icons/react\";\nimport * as styles from \"./styles\";\nimport { ScoreIcon } from \"~/components/ScoreIcon\";\n\nexport function Icon({\n isLoading = false,\n score,\n}: {\n isLoading?: boolean;\n score?: keyof Scores[\"location\"];\n}) {\n return (\n <div className={styles.container}>\n <div className={styles.content}>\n {isLoading && <SpinnerGapIcon className={styles.icon} />}\n {!isLoading && score && (\n <ScoreIcon score={score} className={styles.icon} />\n )}\n </div>\n </div>\n );\n}\n","export const container = `\n group-data-[is-loading=true]/highlight-item:flex\n group-data-[is-loading=true]/highlight-item:flex-col\n group-data-[is-loading=true]/highlight-item:grow\n`;\n\nexport const text = `\n text-md mb-1\n\n group-data-[is-loading=true]/highlight-item:bg-gray-200\n group-data-[is-loading=true]/highlight-item:w-full\n group-data-[is-loading=true]/highlight-item:h-2\n\n group-data-[is-loading=true]/highlight-item:[&>span]:hidden\n`;\nexport const pill = `\n text-sm leading-4 font-bold bg-primary-100 text-base-white py-1 px-2 inline rounded\n \n group-data-[is-loading=true]/highlight-item:bg-gray-200\n group-data-[is-loading=true]/highlight-item:animate-pulse\n group-data-[is-loading=true]/highlight-item:w-28\n group-data-[is-loading=true]/highlight-item:h-7\n`;\n","import React from \"react\";\n\nimport type { Scores } from \"@local-logic/client\";\nimport { useTranslation } from \"react-i18next\";\n\nimport * as styles from \"./styles\";\n\nexport function Content({ score }: { score?: keyof Scores[\"location\"] }) {\n const { t } = useTranslation([\"neighborhoodHighlights\", \"common\"]);\n\n return (\n <div\n data-testid={`highlight-content-${score}`}\n className={styles.container}\n >\n <p data-testid=\"highlight-title\" className={styles.text}>\n <span>{t(\"highlight.title\")}</span>\n </p>\n <p data-testid=\"highlight-pill\" className={styles.pill}>\n {score && t(`common:scores.${score}.title`)}\n </p>\n </div>\n );\n}\n","import React from \"react\";\n\nimport type { Scores } from \"@local-logic/client\";\nimport * as styles from \"./styles\";\n\nimport { Icon } from \"./Icon\";\nimport { Content } from \"./Content\";\n\nexport const Item = ({\n isLoading = false,\n score,\n}: {\n isLoading?: boolean;\n score?: keyof Scores[\"location\"];\n}) => {\n return (\n <div\n data-testid=\"item\"\n className={styles.container}\n data-is-loading={isLoading}\n data-score={score}\n >\n <Icon isLoading={isLoading} score={score} />\n <Content score={score} />\n </div>\n );\n};\n","export const container = `flex flex-col gap-4 w-full lg:flex-row`;\n","import type { Scores } from \"@local-logic/client\";\nimport {\n includeScores,\n MINIMUM_SCORE_VALUE,\n} from \"~/sdks/NeighborhoodHighlights/constants\";\n\nexport function getHighlightScoreKeys(scores: Scores[\"location\"]) {\n const highlightKeys: (keyof Scores[\"location\"])[] = [];\n\n if (typeof scores === \"undefined\") {\n // Safety check just in case\n return highlightKeys;\n }\n\n const filteredScores = includeScores\n .map((scoreName) => ({\n scoreName,\n value: (Math.round(Number(scores[scoreName]?.value) * 10) / 10) * 2,\n }))\n .filter((score) => score.value > MINIMUM_SCORE_VALUE)\n .sort((a, b) => (a.value < b.value ? 1 : -1))\n .slice(0, 3);\n\n filteredScores.map((item) => highlightKeys.push(item.scoreName));\n\n return highlightKeys;\n}\n","import React, { useMemo } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { Item } from \"./Item\";\nimport * as styles from \"./styles\";\nimport { useNeighborhoodHighlights } from \"~/sdks/NeighborhoodHighlights/context\";\n\nimport { NoDataContent } from \"~/components/NoDataContent\";\n\nimport { getHighlightScoreKeys } from \"~/sdks/NeighborhoodHighlights/utils/getHighlightScoreKeys\";\n\nexport function Highlights() {\n const { t } = useTranslation(\"neighborhoodHighlights\");\n const { isLoading, scores } = useNeighborhoodHighlights();\n\n const highlights = useMemo(() => {\n if (isLoading || !scores) {\n return [];\n }\n\n return getHighlightScoreKeys(scores);\n }, [scores, isLoading]);\n\n if (!isLoading && highlights.length === 0) {\n return <NoDataContent text={t(\"noData\")} />;\n }\n\n return (\n <div data-testid=\"highlights-container\" className={styles.container}>\n {(isLoading ? [1, 2, 3] : highlights).map((highlight, index) => (\n <Item\n key={index}\n isLoading={isLoading}\n score={typeof highlight !== \"number\" ? highlight : undefined}\n />\n ))}\n </div>\n );\n}\n","import React from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { Highlights } from \"../Highlights\";\nimport { useNeighborhoodHighlights } from \"~/sdks/NeighborhoodHighlights/context\";\n\nimport { TitleHeader } from \"~/components/TitleHeader\";\n\nexport function Content() {\n const { t } = useTranslation(\"neighborhoodHighlights\");\n const { title } = useNeighborhoodHighlights();\n\n return (\n <>\n <TitleHeader\n title={\n typeof title === \"string\" || title === false ? title : t(\"title\")\n }\n />\n\n <Highlights />\n </>\n );\n}\n","import { ObjectSchema, string, mixed, number, object } from \"yup\";\nimport { Options } from \"./types\";\n\nexport const schema: ObjectSchema<Options> = object({\n lat: number()\n .min(-90, \"Must be a valid latitude.\")\n .max(90, \"Must be a valid latitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n lng: number()\n .min(-180, \"Must be a valid longitude.\")\n .max(180, \"Must be a valid longitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n geographyId: string().optional(),\n title: mixed<string | boolean>().optional(),\n}).noUnknown(true);\n","import React, { useMemo } from \"react\";\nimport { NeighborhoodHighlightsProvider } from \"./context\";\nimport { Content } from \"./components/Content\";\nimport { schema } from \"./schema\";\nimport { NeighborhoodHighlightsProps } from \"./types\";\nimport { TrackingProvider, initializeAnalytics } from \"~/tracking\";\n\n// TODO Move this import to sdks/sdks-app/src/App.tsx once all SDKs are migrated\nimport \"~/assets/styles/globals.css\";\n\nimport ResizeWrapper from \"~/components/ResizeWrapper\";\nimport { ValidateOptions } from \"~/components/ValidateOptions\";\nimport { LocalLogicProvider } from \"~/context/LocalLogicProvider\";\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport useIsMobile from \"~/hooks/useIsMobile\";\nimport { ProductNames } from \"~/types\";\nimport { ANALYTICS_SETTINGS } from \"~/constants/analytics\";\n\ninitializeAnalytics(ANALYTICS_SETTINGS.neighborhoodWrap.key);\n\nconst NeighborhoodHighlights = () => {\n const { sdkState } = useStateManagerContext<NeighborhoodHighlightsProps>();\n const isMobile = useIsMobile();\n const locale = sdkState.globalOptions?.locale || \"en\";\n\n const location = useMemo(() => {\n if (sdkState.options?.geographyId) {\n return {\n geographyId: sdkState.options?.geographyId,\n };\n }\n\n return {\n lat: sdkState.options?.lat,\n lng: sdkState.options?.lng,\n };\n }, [\n sdkState.options?.lat,\n sdkState.options?.lng,\n sdkState.options?.geographyId,\n ]);\n\n return (\n <ResizeWrapper>\n <ValidateOptions\n sdk=\"Neighborhood Highlights\"\n schema={schema}\n options={sdkState.options!}\n >\n <LocalLogicProvider\n environment={sdkState.globalOptions?.environment?.api}\n apiKey={sdkState.apiKey}\n appearance={sdkState.globalOptions?.appearance}\n locale={sdkState.globalOptions?.locale}\n product={ProductNames.NEIGHBORHOOD_HIGHLIGHTS}\n >\n <TrackingProvider\n trackingPipelineSettings={{\n apiKey: sdkState.apiKey || \"\",\n }}\n analyticsSettings={ANALYTICS_SETTINGS.neighborhoodWrap}\n meta={{\n clientId: sdkState.clientId,\n productName: ProductNames.NEIGHBORHOOD_HIGHLIGHTS,\n productVersion: FULL_APP_VERSION,\n }}\n attributes={{\n location,\n host: sdkState.location,\n host_url: document.referrer,\n locale,\n isMobile,\n }}\n flags={{\n isDebugMode:\n import.meta.env.VITE_TRACKING_PIPELINE_DEBUG === \"true\",\n }}\n >\n <NeighborhoodHighlightsProvider>\n <Content />\n </NeighborhoodHighlightsProvider>\n </TrackingProvider>\n </LocalLogicProvider>\n </ValidateOptions>\n </ResizeWrapper>\n );\n};\n\nexport default NeighborhoodHighlights;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NeighborhoodHighlights-legacy-Do2PVQvq.js","names":[],"sources":["../../src/sdks/NeighborhoodHighlights/types.ts","../../src/sdks/NeighborhoodHighlights/constants.ts","../../src/sdks/NeighborhoodHighlights/context.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/styles.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Icon/styles.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Icon/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Content/styles.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/Content/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/Item/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Highlights/styles.ts","../../src/sdks/NeighborhoodHighlights/utils/getHighlightScoreKeys/index.ts","../../src/sdks/NeighborhoodHighlights/components/Highlights/index.tsx","../../src/sdks/NeighborhoodHighlights/components/Content/index.tsx","../../src/sdks/NeighborhoodHighlights/schema.ts","../../src/sdks/NeighborhoodHighlights/index.tsx"],"sourcesContent":["import { SDKOptions } from \"~/types/options\";\n\nexport type Section = \"transport\" | \"services\" | \"character\";\n\nexport type Score =\n | \"pedestrian_friendly\"\n | \"car_friendly\"\n | \"transit_friendly\"\n | \"cycling_friendly\"\n | \"groceries\"\n | \"shopping\"\n | \"restaurants\"\n | \"cafes\"\n | \"quiet\"\n | \"parks\"\n | \"vibrant\"\n | \"nightlife\";\n\nexport type Options = {\n lat?: number;\n lng?: number;\n geographyId?: string;\n title?: boolean | string;\n};\n\nexport type NeighborhoodHighlightsProps = SDKOptions<\n Options,\n {\n options: Options | undefined;\n }\n>;\n\nexport enum TrackingPipelineEvents {\n SDK_VIEWED = \"neighborhood-highlights-Viewed\",\n}\n\n// Why are these named differently?\n// https://docs.mixpanel.com/docs/data-structure/events-and-properties#name-events-and-properties-consistently\nexport enum AnalyticsEvents {\n SDK_VIEWED = \"sdk_viewed\",\n}\n","import { type Score } from \"./types\";\n\nexport const MINIMUM_SCORE_VALUE = 7;\n\nexport const sectionScores = {\n transport: [\n \"pedestrian_friendly\",\n \"car_friendly\",\n \"transit_friendly\",\n \"cycling_friendly\",\n ] as Score[],\n services: [\"groceries\", \"shopping\", \"restaurants\", \"cafes\"] as Score[],\n character: [\"quiet\", \"parks\", \"vibrant\", \"nightlife\"] as Score[],\n};\n\nexport const includeScores = [\n ...sectionScores.transport,\n ...sectionScores.services,\n ...sectionScores.character,\n];\n","import React, { useContext, useMemo } from \"react\";\nimport { type Scores } from \"@local-logic/client\";\nimport {\n NeighborhoodHighlightsProps,\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"./types\";\nimport { includeScores } from \"./constants\";\nimport { useTracking } from \"~/tracking\";\n\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport { useGeographies } from \"~/features/clientLibrary/useGeographies\";\nimport { useScores } from \"~/features/clientLibrary/useScores\";\nimport useEffectOnce from \"~/hooks/useEffectOnce\";\n\nexport type DefaultContext = {\n isLoading: boolean;\n title: NeighborhoodHighlightsProps[\"options\"][\"title\"];\n scores?: Scores[\"location\"];\n};\n\nconst NeighborhoodHighlightsContext = React.createContext<DefaultContext>(\n {} as DefaultContext,\n);\nconst useNeighborhoodHighlights = () =>\n useContext(NeighborhoodHighlightsContext);\n\nconst NeighborhoodHighlightsProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const { sdkState } = useStateManagerContext<NeighborhoodHighlightsProps>();\n const tracking = useTracking();\n\n useEffectOnce(() => {\n tracking.postEvent({\n eventType: TrackingPipelineEvents.SDK_VIEWED,\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.SDK_VIEWED,\n });\n });\n\n const { isLoading: isGeographyLoading, data: geographyData } = useGeographies(\n {\n location: {\n lat:\n typeof sdkState.options?.geographyId === \"undefined\"\n ? sdkState.options?.lat\n : undefined,\n lng:\n typeof sdkState.options?.geographyId === \"undefined\"\n ? sdkState.options?.lng\n : undefined,\n },\n externalId: sdkState?.globalOptions?.externalId,\n },\n );\n\n const geographyId = useMemo(() => {\n if (typeof sdkState.options?.geographyId !== \"undefined\") {\n return sdkState.options.geographyId;\n }\n\n return Object.keys(geographyData || {})[0];\n }, [sdkState.options?.geographyId, geographyData]);\n\n const { data: scoresData, isFetching: isScoresFetching } = useScores({\n geographyId,\n location: {},\n include: includeScores,\n });\n\n const isLoading = useMemo(\n () => isGeographyLoading || isScoresFetching,\n [isGeographyLoading, isScoresFetching],\n );\n\n const contextValue = useMemo(\n () => ({\n isLoading,\n title: sdkState.options?.title,\n scores: scoresData?.geographies[0]?.scores,\n }),\n [isLoading, scoresData, sdkState.options?.title],\n );\n\n return (\n <NeighborhoodHighlightsContext.Provider value={contextValue}>\n {children}\n </NeighborhoodHighlightsContext.Provider>\n );\n};\n\nexport { useNeighborhoodHighlights, NeighborhoodHighlightsProvider };\n","export const container = `group/highlight-item bg-gray-25 px-5 py-4 flex w-80 items-center gap-x-4 rounded-xl`;\n","export const container = `\n rounded-full bg-primary-100 w-16 h-16 flex items-center justify-center\n\n group-data-[is-loading=true]/highlight-item:bg-gray-200\n\n `;\nexport const content = `rounded-full bg-gray-25 w-12 h-12 border-2 border-base-white flex items-center justify-center`;\nexport const icon = `\n text-primary-100 w-7 h-7\n \n group-data-[is-loading=true]/highlight-item:text-gray-200\n group-data-[is-loading=true]/highlight-item:animate-spin\n`;\n","import React from \"react\";\n\nimport type { Scores } from \"@local-logic/client\";\nimport { SpinnerGapIcon } from \"@phosphor-icons/react\";\nimport * as styles from \"./styles\";\nimport { ScoreIcon } from \"~/components/ScoreIcon\";\n\nexport function Icon({\n isLoading = false,\n score,\n}: {\n isLoading?: boolean;\n score?: keyof Scores[\"location\"];\n}) {\n return (\n <div className={styles.container}>\n <div className={styles.content}>\n {isLoading && <SpinnerGapIcon className={styles.icon} />}\n {!isLoading && score && (\n <ScoreIcon score={score} className={styles.icon} />\n )}\n </div>\n </div>\n );\n}\n","export const container = `\n group-data-[is-loading=true]/highlight-item:flex\n group-data-[is-loading=true]/highlight-item:flex-col\n group-data-[is-loading=true]/highlight-item:grow\n`;\n\nexport const text = `\n text-md mb-1\n\n group-data-[is-loading=true]/highlight-item:bg-gray-200\n group-data-[is-loading=true]/highlight-item:w-full\n group-data-[is-loading=true]/highlight-item:h-2\n\n group-data-[is-loading=true]/highlight-item:[&>span]:hidden\n`;\nexport const pill = `\n text-sm leading-4 font-bold bg-primary-100 text-base-white py-1 px-2 inline rounded\n \n group-data-[is-loading=true]/highlight-item:bg-gray-200\n group-data-[is-loading=true]/highlight-item:animate-pulse\n group-data-[is-loading=true]/highlight-item:w-28\n group-data-[is-loading=true]/highlight-item:h-7\n`;\n","import React from \"react\";\n\nimport type { Scores } from \"@local-logic/client\";\nimport { useTranslation } from \"react-i18next\";\n\nimport * as styles from \"./styles\";\n\nexport function Content({ score }: { score?: keyof Scores[\"location\"] }) {\n const { t } = useTranslation([\"neighborhoodHighlights\", \"common\"]);\n\n return (\n <div\n data-testid={`highlight-content-${score}`}\n className={styles.container}\n >\n <p data-testid=\"highlight-title\" className={styles.text}>\n <span>{t(\"highlight.title\")}</span>\n </p>\n <p data-testid=\"highlight-pill\" className={styles.pill}>\n {score && t(`common:scores.${score}.title`)}\n </p>\n </div>\n );\n}\n","import React from \"react\";\n\nimport type { Scores } from \"@local-logic/client\";\nimport * as styles from \"./styles\";\n\nimport { Icon } from \"./Icon\";\nimport { Content } from \"./Content\";\n\nexport const Item = ({\n isLoading = false,\n score,\n}: {\n isLoading?: boolean;\n score?: keyof Scores[\"location\"];\n}) => {\n return (\n <div\n data-testid=\"item\"\n className={styles.container}\n data-is-loading={isLoading}\n data-score={score}\n >\n <Icon isLoading={isLoading} score={score} />\n <Content score={score} />\n </div>\n );\n};\n","export const container = `flex flex-col gap-4 w-full lg:flex-row`;\n","import type { Scores } from \"@local-logic/client\";\nimport {\n includeScores,\n MINIMUM_SCORE_VALUE,\n} from \"~/sdks/NeighborhoodHighlights/constants\";\n\nexport function getHighlightScoreKeys(scores: Scores[\"location\"]) {\n const highlightKeys: (keyof Scores[\"location\"])[] = [];\n\n if (typeof scores === \"undefined\") {\n // Safety check just in case\n return highlightKeys;\n }\n\n const filteredScores = includeScores\n .map((scoreName) => ({\n scoreName,\n value: (Math.round(Number(scores[scoreName]?.value) * 10) / 10) * 2,\n }))\n .filter((score) => score.value > MINIMUM_SCORE_VALUE)\n .sort((a, b) => (a.value < b.value ? 1 : -1))\n .slice(0, 3);\n\n filteredScores.map((item) => highlightKeys.push(item.scoreName));\n\n return highlightKeys;\n}\n","import React, { useMemo } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { Item } from \"./Item\";\nimport * as styles from \"./styles\";\nimport { useNeighborhoodHighlights } from \"~/sdks/NeighborhoodHighlights/context\";\n\nimport { NoDataContent } from \"~/components/NoDataContent\";\n\nimport { getHighlightScoreKeys } from \"~/sdks/NeighborhoodHighlights/utils/getHighlightScoreKeys\";\n\nexport function Highlights() {\n const { t } = useTranslation(\"neighborhoodHighlights\");\n const { isLoading, scores } = useNeighborhoodHighlights();\n\n const highlights = useMemo(() => {\n if (isLoading || !scores) {\n return [];\n }\n\n return getHighlightScoreKeys(scores);\n }, [scores, isLoading]);\n\n if (!isLoading && highlights.length === 0) {\n return <NoDataContent text={t(\"noData\")} />;\n }\n\n return (\n <div data-testid=\"highlights-container\" className={styles.container}>\n {(isLoading ? [1, 2, 3] : highlights).map((highlight, index) => (\n <Item\n key={index}\n isLoading={isLoading}\n score={typeof highlight !== \"number\" ? highlight : undefined}\n />\n ))}\n </div>\n );\n}\n","import React from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { Highlights } from \"../Highlights\";\nimport { useNeighborhoodHighlights } from \"~/sdks/NeighborhoodHighlights/context\";\n\nimport { TitleHeader } from \"~/components/TitleHeader\";\n\nexport function Content() {\n const { t } = useTranslation(\"neighborhoodHighlights\");\n const { title } = useNeighborhoodHighlights();\n\n return (\n <>\n <TitleHeader\n title={\n typeof title === \"string\" || title === false ? title : t(\"title\")\n }\n />\n\n <Highlights />\n </>\n );\n}\n","import { ObjectSchema, string, mixed, number, object } from \"yup\";\nimport { Options } from \"./types\";\n\nexport const schema: ObjectSchema<Options> = object({\n lat: number()\n .min(-90, \"Must be a valid latitude.\")\n .max(90, \"Must be a valid latitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n lng: number()\n .min(-180, \"Must be a valid longitude.\")\n .max(180, \"Must be a valid longitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n geographyId: string().optional(),\n title: mixed<string | boolean>().optional(),\n}).noUnknown(true);\n","import React, { useMemo } from \"react\";\nimport { NeighborhoodHighlightsProvider } from \"./context\";\nimport { Content } from \"./components/Content\";\nimport { schema } from \"./schema\";\nimport { NeighborhoodHighlightsProps } from \"./types\";\nimport { TrackingProvider, initializeAnalytics } from \"~/tracking\";\n\n// TODO Move this import to sdks/sdks-app/src/App.tsx once all SDKs are migrated\nimport \"~/assets/styles/globals.css\";\n\nimport ResizeWrapper from \"~/components/ResizeWrapper\";\nimport { ValidateOptions } from \"~/components/ValidateOptions\";\nimport { LocalLogicProvider } from \"~/context/LocalLogicProvider\";\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport useIsMobile from \"~/hooks/useIsMobile\";\nimport { ProductNames } from \"~/types\";\nimport { ANALYTICS_SETTINGS } from \"~/constants/analytics\";\n\ninitializeAnalytics(ANALYTICS_SETTINGS.neighborhoodWrap.key);\n\nconst NeighborhoodHighlights = () => {\n const { sdkState } = useStateManagerContext<NeighborhoodHighlightsProps>();\n const isMobile = useIsMobile();\n const locale = sdkState.globalOptions?.locale || \"en\";\n\n const location = useMemo(() => {\n if (sdkState.options?.geographyId) {\n return {\n geographyId: sdkState.options?.geographyId,\n };\n }\n\n return {\n lat: sdkState.options?.lat,\n lng: sdkState.options?.lng,\n };\n }, [\n sdkState.options?.lat,\n sdkState.options?.lng,\n sdkState.options?.geographyId,\n ]);\n\n return (\n <ResizeWrapper>\n <ValidateOptions\n sdk=\"Neighborhood Highlights\"\n schema={schema}\n options={sdkState.options!}\n >\n <LocalLogicProvider\n environment={sdkState.globalOptions?.environment?.api}\n apiKey={sdkState.apiKey}\n appearance={sdkState.globalOptions?.appearance}\n locale={sdkState.globalOptions?.locale}\n product={ProductNames.NEIGHBORHOOD_HIGHLIGHTS}\n >\n <TrackingProvider\n trackingPipelineSettings={{\n apiKey: sdkState.apiKey || \"\",\n }}\n analyticsSettings={ANALYTICS_SETTINGS.neighborhoodWrap}\n meta={{\n clientId: sdkState.clientId,\n productName: ProductNames.NEIGHBORHOOD_HIGHLIGHTS,\n productVersion: FULL_APP_VERSION,\n }}\n attributes={{\n location,\n host: sdkState.location,\n host_url: document.referrer,\n locale,\n isMobile,\n }}\n flags={{\n isDebugMode:\n import.meta.env.VITE_TRACKING_PIPELINE_DEBUG === \"true\",\n }}\n >\n <NeighborhoodHighlightsProvider>\n <Content />\n </NeighborhoodHighlightsProvider>\n </TrackingProvider>\n </LocalLogicProvider>\n </ValidateOptions>\n </ResizeWrapper>\n );\n};\n\nexport default NeighborhoodHighlights;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e}from"./rolldown-runtime-BEU_UCik.js";import{l as t}from"./google-maps-vendor-BeDgURNz.js";import{a as o,c as i,d as a,f as r,g as n,m as s,n as l,o as c,p,r as d,t as g,u as m}from"./sdks-COqbeKyR.js";import{c as u,i as h,l as y,n as v,o as f,t as b,u as k}from"./getMapProviderConfig-CLYWizpG.js";import{Y as C,i as _,n as I,t as j,yt as E}from"./index-BLDMLEaX.js";import{n as M}from"./index.es-D680q4E2.js";import{t as x}from"./useGeographies-Ca5nEDBN.js";import{t as A}from"./useResponsiveBreakpoints-DjnptSN9.js";import{t as L}from"./Attribution-BsltvGRU.js";/* empty css */import{t as P}from"./ValidateOptions-BOHq0NLG.js";import{t as O}from"./useIsMobile-Bxsws0pn.js";var D=e(t(),1),S=function(e){return e.SDK_VIEWED="neighborhood-map-Viewed",e.CATEGORY_CLICKED="neighborhood-map-Category-Clicked",e.POI_CLICKED="neighborhood-map-Poi-Clicked",e.POI_LINK_CLICKED="neighborhood-map-Poi-Link-Clicked",e}({}),K=function(e){return e.SDK_VIEWED="sdk_viewed",e.CATEGORY_CLICKED="category_clicked",e.POI_CLICKED="poi_clicked",e.POI_LINK_CLICKED="poi_link_clicked",e}({}),w={desktop:{top:30,bottom:30,left:30,right:30},mobile:{top:15,bottom:15,left:15,right:15}},N=["primary_schools","high_schools","restaurants","groceries","groceries_specialized","non_food_shops","nightlife","cafes","daycares","bus_stops","rapid_transit_stations","train_stations","parks","fitness","sport_facilities","health_care","pet_care","car_fueling_stations","art_culture_science","home_improvement","personal_care"],R=C(),G=D.createContext({}),T=()=>(0,D.useContext)(G),z=({children:e})=>{const{sdkState:t}=I(),o=t.globalOptions?.locale||"en",i=c(),[a,r]=(0,D.useState)(),[n,s]=(0,D.useState)();_(()=>{i.postEvent({eventType:S.SDK_VIEWED,eventAttributes:[{label:"default_category",data:n}]}),i.trackAnalyticsEvent({eventName:K.SDK_VIEWED,eventAttributes:{ll_default_category:n}})});const{isLoading:l,data:p}=x({geogID:t.options?.geographyId,location:{lat:t.options?.lat,lng:t.options?.lng},include:"geometry"}),{geographyId:d,geography:g}=(0,D.useMemo)(()=>{const e=Object.entries(p||{});return{geographyId:e[0]?.[0],geography:e[0]?.[1]}},[l,p]),{data:m,isLoading:u}=k({geogId:d,limit:500,categories:n?[n]:void 0}),h=(0,D.useMemo)(()=>[].concat(...Object.values(m||{})),[m]),v=(0,D.useCallback)(e=>{r(a?.latitude!==e?.latitude||a?.longitude!==e?.longitude?e:void 0)},[a]),f=(0,D.useMemo)(()=>h&&a&&1===a.markers.length&&h.find(e=>a.markers[0].id===y(e.lat,e.lng,e.name))||null,[a,h]),b=(0,D.useMemo)(()=>l||u,[l,u]);return(0,R.jsx)(G.Provider,{value:{locale:o,isLoading:b,isGeographyLoading:l,map:{mapProvider:t.options?.mapProvider,zoom:t.options?.zoom,pitch:t.options?.pitch,bearing:t.options?.bearing,cooperativeGestures:t.options?.cooperativeGestures},geography:g,activeMarker:a,activeMarkerDetails:f,handleMarkerClick:v,activePoiCategory:n,onSelectPoiCategory:e=>{E.addBreadCrumb("NeighborhoodMapProvider","handleSelectPoiCategory",{category:e}),s(n===e?void 0:e)},markersData:h,hideAttribution:t.options?.hideAttribution,showSchoolRatings:t.options?.showSchoolRatings},children:e})},V="#9333ea";function $(){const{geography:e,activeMarkerDetails:t}=T(),o=(0,D.useMemo)(()=>getComputedStyle(document.documentElement).getPropertyValue("--ll-colors-primary-100")||"#008491",[]),i=(0,D.useMemo)(()=>{const t=[];if(!(void 0===e?.geometry||Array.isArray(e.geometry)&&0===e.geometry.length))return e.geometry.forEach((e,i)=>{t.push({key:`neighborhood-geometry-${i}`,layer:[{type:"fill",color:o},{type:"line",color:o}],geometry:[e]})}),t},[e,o]),a=(0,D.useMemo)(()=>{const e=t;if(void 0===e?.catchments||0===e.catchments?.length)return;const o=[];return e.catchments.forEach((e,t)=>{Array.isArray(e.geometry)&&e.geometry.length>0&&e.geometry.forEach((e,i)=>{o.push({key:`school-catchment-${t}-geom-${i}`,layer:[{type:"fill",color:V},{type:"line",color:V}],geometry:[e]})})}),o},[t]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(u.Layers,{sources:i}),(0,R.jsx)(u.Layers,{sources:a})]})}function F(){const e=c(),{isLoading:t,activePoiCategory:o,markersData:i,handleMarkerClick:a}=T(),r=(0,D.useMemo)(()=>{if(void 0!==o)return f[o]},[o]),n=(0,D.useMemo)(()=>void 0===o?[]:Array.from((i||[]).map(e=>({id:y(e.lat,e.lng,e.name),latitude:e.lat,longitude:e.lng,name:e.name,icon:r})).reduce((e,t)=>(e.set(t.id,t),e),new Map).values()),[i,r,o]);return(0,R.jsx)(u.Markers,{isLoading:t,markers:n,clusterIcon:r,onClick:t=>{if(a(t),!o||!t)return;const i={category:o};t.markers.length>1?(i.isCluster=!0,i.clusterSize=t.markers.length,i.lat=t.latitude,i.lng=t.longitude):1===t.markers.length&&Object.entries(t.markers[0]).forEach(([e,t])=>{if("boolean"==typeof t||"string"==typeof t||"number"==typeof t){if("id"===e)return;i[e]=t}}),e.postEvent({eventType:S.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,t])=>({label:e,data:t}))}),e.trackAnalyticsEvent({eventName:K.POI_CLICKED,eventAttributes:i})}})}function B(){const e=c(),{activePoiCategory:t,activeMarker:o,activeMarkerDetails:i,handleMarkerClick:a,showSchoolRatings:r}=T(),n=o=>{if(!t||!i)return;const a={category:t};Object.entries(i).forEach(([e,t])=>{"boolean"!=typeof t&&"string"!=typeof t&&"number"!=typeof t||(a[e]=t)}),a.clickedUrl=o,e.postEvent({eventType:S.POI_LINK_CLICKED,eventAttributes:Object.entries(a).map(([e,t])=>({label:e,data:t}))}),e.trackAnalyticsEvent({eventName:K.POI_LINK_CLICKED,eventAttributes:a})};return(0,R.jsxs)(u.Popup,{latitude:o?.latitude,longitude:o?.longitude,onClose:()=>a(void 0),children:[(0,R.jsx)(h,{activeMarker:o,onMarkerSelected:o=>{if(a({id:o.id,latitude:o.latitude,longitude:o.longitude,markers:[o]}),!t)return;const i={category:t};Object.entries(o).forEach(([e,t])=>{"boolean"!=typeof t&&"string"!=typeof t&&"number"!=typeof t||(i[e]=t)}),e.postEvent({eventType:S.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,t])=>({label:e,data:t}))}),e.trackAnalyticsEvent({eventName:K.POI_CLICKED,eventAttributes:i})},onClose:a}),(0,R.jsx)(v,{marker:i,poiCategory:t,onLocationLinkClick:n,onSchoolLinkClick:n,onClose:a,showSchoolRatings:r})]})}function W({children:e,...t}){const o=A(),{isGeographyLoading:i,locale:a,map:r,activeMarker:n,geography:s}=T(),l=(0,D.useMemo)(()=>b(r.mapProvider?.name,r.mapProvider?.key,r.mapProvider?.theme),[r.mapProvider?.name,r.mapProvider?.key,r.mapProvider?.theme]),c=(0,D.useMemo)(()=>{if(void 0===s||!s?.geometry)return;const e=s.geometry.flatMap(e=>e[0]||[]);return e&&0!==e.length?e.map(e=>[e[1],e[0]]):void 0},[s]);return i?null:(0,R.jsxs)("div",{className:"relative w-full overflow-hidden grow",...t,children:[void 0!==s&&(0,R.jsx)(u.Root,{locale:a,region:"Canada"===s?.country?.en?"CA":"US",mapProvider:l,mapPadding:w[o.sm?"mobile":"desktop"],locationBoundary:c,center:{latitude:s?.centroid.lat,longitude:s?.centroid.lng},zoom:r.zoom,minZoom:2,maxZoom:17,zoomPosition:o.sm?"bottom-right":void 0,pitch:r.pitch,bearing:r.bearing,cooperativeGestures:r.cooperativeGestures,activeMarker:n,children:(0,R.jsxs)(u.BaseMap,{children:[(0,R.jsx)($,{}),(0,R.jsx)(F,{}),(0,R.jsx)(B,{})]})}),e]})}var H=()=>{const{t:e}=n(["neighborhoodMap","common"]),t=j(),o=c(),{locale:i,handleMarkerClick:a,activePoiCategory:r,onSelectPoiCategory:s,hideAttribution:l}=T(),[p,d]=(0,D.useState)();(0,D.useEffect)(()=>{a(void 0),d(r)},[r]);const g=(0,D.useMemo)(()=>N.map(e=>({key:e,icon:f[e]})),[t]),m=e=>{s(e),o.postEvent({eventType:S.CATEGORY_CLICKED,eventAttributes:[{label:"category",data:e}]}),o.trackAnalyticsEvent({eventName:K.CATEGORY_CLICKED,eventAttributes:{ll_category:e}})},u=e=>{d(p===e?void 0:e)};return(0,R.jsxs)("div",{className:"relative bg-base-white w-full h-screen flex flex-col",children:[(0,R.jsxs)(M.Root,{children:[(0,R.jsxs)("div",{className:"w-full flex items-center mb-4 gap-4 flex-row-reverse md:flex-row",children:[(0,R.jsx)(M.ScrollList,{activeFilter:r,leftArrowAriaLabel:e("filters.navigation.scrollLeftAriaLabel"),rightArrowAriaLabel:e("filters.navigation.scrollRightAriaLabel"),children:g.map(({key:t,icon:o})=>(0,R.jsx)(M.Filter,{filter:t,label:e(`common:pois.${t}`),icon:o,isActive:t===r,onSelectFilter:m},`category-${t}`))}),(0,R.jsx)(M.DialogTrigger,{label:e("filters.navigation.allFiltersAriaLabel")})]}),(0,R.jsx)(M.Dialog,{title:e("filters.popup.title"),description:e("filters.popup.description"),applyLabel:e("filters.popup.cta.apply"),resetLabel:e("filters.popup.cta.reset"),onReset:()=>{s(void 0)},onApply:()=>{s(p)},children:g.map(({key:t,icon:o})=>(0,R.jsx)(M.Filter,{filter:t,label:e(`common:pois.${t}`),icon:o,isActive:t===p,onSelectFilter:u},`dialog-category-${t}`))})]}),(0,R.jsx)(W,{}),(0,R.jsx)(L,{sdkName:"neighborhood-map",locale:i,isHidden:l})]})},Y=m({theme:r().oneOf(["day","night"]).optional(),lat:a().min(-90,"Must be a valid latitude.").max(90,"Must be a valid latitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),lng:a().min(-180,"Must be a valid longitude.").max(180,"Must be a valid longitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),geographyId:r().optional(),zoom:a().optional(),pitch:a().optional(),bearing:a().optional(),cooperativeGestures:p().optional(),mapProvider:s().optional(),hideAttribution:p().optional(),showSchoolRatings:p().optional()}).noUnknown(!0);i(l.neighborhoodWrap.key);var U=()=>{const{sdkState:e}=I(),t=O(),i=e.globalOptions?.locale||"en",a=(0,D.useMemo)(()=>e.options?.geographyId?{geographyId:e.options?.geographyId}:{lat:e.options?.lat,lng:e.options?.lng},[e.options?.lat,e.options?.lng,e.options?.geographyId]);return(0,R.jsx)(P,{sdk:"Neighborhood Map",schema:Y,options:e.options,children:(0,R.jsx)(d,{environment:e.globalOptions?.environment?.api,apiKey:e.apiKey,appearance:e.globalOptions?.appearance,locale:e.globalOptions?.locale,product:g.NEIGHBORHOOD_MAP,children:(0,R.jsx)(o,{trackingPipelineSettings:{apiKey:e.apiKey||""},analyticsSettings:l.neighborhoodWrap,meta:{clientId:e.clientId,productName:g.NEIGHBORHOOD_MAP,productVersion:"1.24.63"},attributes:{location:a,host:e.location,host_url:document.referrer,locale:i,isMobile:t},flags:{isDebugMode:!1},children:(0,R.jsx)(z,{children:(0,R.jsx)(H,{})})})})})};export{U as default};
|
|
2
|
-
//# sourceMappingURL=NeighborhoodMap-
|
|
1
|
+
import{a as e}from"./rolldown-runtime-BEU_UCik.js";import{l as t}from"./google-maps-vendor-BeDgURNz.js";import{a as o,c as i,d as a,f as r,g as n,m as s,n as l,o as c,p,r as d,t as g,u as m}from"./sdks-e3TteF4P.js";import{c as u,i as h,l as y,n as v,o as f,t as b,u as k}from"./getMapProviderConfig-DNFSt_ai.js";import{Y as C,i as _,n as I,t as j,yt as E}from"./index-DHfBmUAQ.js";import{n as M}from"./index.es-B0TyuPgo.js";import{t as x}from"./useGeographies-Dbxf3asb.js";import{t as A}from"./useResponsiveBreakpoints-DjnptSN9.js";import{t as L}from"./Attribution-Duhh7k4x.js";/* empty css */import{t as P}from"./ValidateOptions-BivAr3ZH.js";import{t as O}from"./useIsMobile-DNaqDzbl.js";var D=e(t(),1),S=function(e){return e.SDK_VIEWED="neighborhood-map-Viewed",e.CATEGORY_CLICKED="neighborhood-map-Category-Clicked",e.POI_CLICKED="neighborhood-map-Poi-Clicked",e.POI_LINK_CLICKED="neighborhood-map-Poi-Link-Clicked",e}({}),K=function(e){return e.SDK_VIEWED="sdk_viewed",e.CATEGORY_CLICKED="category_clicked",e.POI_CLICKED="poi_clicked",e.POI_LINK_CLICKED="poi_link_clicked",e}({}),w={desktop:{top:30,bottom:30,left:30,right:30},mobile:{top:15,bottom:15,left:15,right:15}},N=["primary_schools","high_schools","restaurants","groceries","groceries_specialized","non_food_shops","nightlife","cafes","daycares","bus_stops","rapid_transit_stations","train_stations","parks","fitness","sport_facilities","health_care","pet_care","car_fueling_stations","art_culture_science","home_improvement","personal_care"],R=C(),G=D.createContext({}),T=()=>(0,D.useContext)(G),z=({children:e})=>{const{sdkState:t}=I(),o=t.globalOptions?.locale||"en",i=c(),[a,r]=(0,D.useState)(),[n,s]=(0,D.useState)();_(()=>{i.postEvent({eventType:S.SDK_VIEWED,eventAttributes:[{label:"default_category",data:n}]}),i.trackAnalyticsEvent({eventName:K.SDK_VIEWED,eventAttributes:{ll_default_category:n}})});const{isLoading:l,data:p}=x({geogID:t.options?.geographyId,location:{lat:t.options?.lat,lng:t.options?.lng},include:"geometry"}),{geographyId:d,geography:g}=(0,D.useMemo)(()=>{const e=Object.entries(p||{});return{geographyId:e[0]?.[0],geography:e[0]?.[1]}},[l,p]),{data:m,isLoading:u}=k({geogId:d,limit:500,categories:n?[n]:void 0}),h=(0,D.useMemo)(()=>[].concat(...Object.values(m||{})),[m]),v=(0,D.useCallback)(e=>{r(a?.latitude!==e?.latitude||a?.longitude!==e?.longitude?e:void 0)},[a]),f=(0,D.useMemo)(()=>h&&a&&1===a.markers.length&&h.find(e=>a.markers[0].id===y(e.lat,e.lng,e.name))||null,[a,h]),b=(0,D.useMemo)(()=>l||u,[l,u]);return(0,R.jsx)(G.Provider,{value:{locale:o,isLoading:b,isGeographyLoading:l,map:{mapProvider:t.options?.mapProvider,zoom:t.options?.zoom,pitch:t.options?.pitch,bearing:t.options?.bearing,cooperativeGestures:t.options?.cooperativeGestures},geography:g,activeMarker:a,activeMarkerDetails:f,handleMarkerClick:v,activePoiCategory:n,onSelectPoiCategory:e=>{E.addBreadCrumb("NeighborhoodMapProvider","handleSelectPoiCategory",{category:e}),s(n===e?void 0:e)},markersData:h,hideAttribution:t.options?.hideAttribution,showSchoolRatings:t.options?.showSchoolRatings},children:e})},V="#9333ea";function $(){const{geography:e,activeMarkerDetails:t}=T(),o=(0,D.useMemo)(()=>getComputedStyle(document.documentElement).getPropertyValue("--ll-colors-primary-100")||"#008491",[]),i=(0,D.useMemo)(()=>{const t=[];if(!(void 0===e?.geometry||Array.isArray(e.geometry)&&0===e.geometry.length))return e.geometry.forEach((e,i)=>{t.push({key:`neighborhood-geometry-${i}`,layer:[{type:"fill",color:o},{type:"line",color:o}],geometry:[e]})}),t},[e,o]),a=(0,D.useMemo)(()=>{const e=t;if(void 0===e?.catchments||0===e.catchments?.length)return;const o=[];return e.catchments.forEach((e,t)=>{Array.isArray(e.geometry)&&e.geometry.length>0&&e.geometry.forEach((e,i)=>{o.push({key:`school-catchment-${t}-geom-${i}`,layer:[{type:"fill",color:V},{type:"line",color:V}],geometry:[e]})})}),o},[t]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(u.Layers,{sources:i}),(0,R.jsx)(u.Layers,{sources:a})]})}function F(){const e=c(),{isLoading:t,activePoiCategory:o,markersData:i,handleMarkerClick:a}=T(),r=(0,D.useMemo)(()=>{if(void 0!==o)return f[o]},[o]),n=(0,D.useMemo)(()=>void 0===o?[]:Array.from((i||[]).map(e=>({id:y(e.lat,e.lng,e.name),latitude:e.lat,longitude:e.lng,name:e.name,icon:r})).reduce((e,t)=>(e.set(t.id,t),e),new Map).values()),[i,r,o]);return(0,R.jsx)(u.Markers,{isLoading:t,markers:n,clusterIcon:r,onClick:t=>{if(a(t),!o||!t)return;const i={category:o};t.markers.length>1?(i.isCluster=!0,i.clusterSize=t.markers.length,i.lat=t.latitude,i.lng=t.longitude):1===t.markers.length&&Object.entries(t.markers[0]).forEach(([e,t])=>{if("boolean"==typeof t||"string"==typeof t||"number"==typeof t){if("id"===e)return;i[e]=t}}),e.postEvent({eventType:S.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,t])=>({label:e,data:t}))}),e.trackAnalyticsEvent({eventName:K.POI_CLICKED,eventAttributes:i})}})}function B(){const e=c(),{activePoiCategory:t,activeMarker:o,activeMarkerDetails:i,handleMarkerClick:a,showSchoolRatings:r}=T(),n=o=>{if(!t||!i)return;const a={category:t};Object.entries(i).forEach(([e,t])=>{"boolean"!=typeof t&&"string"!=typeof t&&"number"!=typeof t||(a[e]=t)}),a.clickedUrl=o,e.postEvent({eventType:S.POI_LINK_CLICKED,eventAttributes:Object.entries(a).map(([e,t])=>({label:e,data:t}))}),e.trackAnalyticsEvent({eventName:K.POI_LINK_CLICKED,eventAttributes:a})};return(0,R.jsxs)(u.Popup,{latitude:o?.latitude,longitude:o?.longitude,onClose:()=>a(void 0),children:[(0,R.jsx)(h,{activeMarker:o,onMarkerSelected:o=>{if(a({id:o.id,latitude:o.latitude,longitude:o.longitude,markers:[o]}),!t)return;const i={category:t};Object.entries(o).forEach(([e,t])=>{"boolean"!=typeof t&&"string"!=typeof t&&"number"!=typeof t||(i[e]=t)}),e.postEvent({eventType:S.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,t])=>({label:e,data:t}))}),e.trackAnalyticsEvent({eventName:K.POI_CLICKED,eventAttributes:i})},onClose:a}),(0,R.jsx)(v,{marker:i,poiCategory:t,onLocationLinkClick:n,onSchoolLinkClick:n,onClose:a,showSchoolRatings:r})]})}function W({children:e,...t}){const o=A(),{isGeographyLoading:i,locale:a,map:r,activeMarker:n,geography:s}=T(),l=(0,D.useMemo)(()=>b(r.mapProvider?.name,r.mapProvider?.key,r.mapProvider?.theme),[r.mapProvider?.name,r.mapProvider?.key,r.mapProvider?.theme]),c=(0,D.useMemo)(()=>{if(void 0===s||!s?.geometry)return;const e=s.geometry.flatMap(e=>e[0]||[]);return e&&0!==e.length?e.map(e=>[e[1],e[0]]):void 0},[s]);return i?null:(0,R.jsxs)("div",{className:"relative w-full overflow-hidden grow",...t,children:[void 0!==s&&(0,R.jsx)(u.Root,{locale:a,region:"Canada"===s?.country?.en?"CA":"US",mapProvider:l,mapPadding:w[o.sm?"mobile":"desktop"],locationBoundary:c,center:{latitude:s?.centroid.lat,longitude:s?.centroid.lng},zoom:r.zoom,minZoom:2,maxZoom:17,zoomPosition:o.sm?"bottom-right":void 0,pitch:r.pitch,bearing:r.bearing,cooperativeGestures:r.cooperativeGestures,activeMarker:n,children:(0,R.jsxs)(u.BaseMap,{children:[(0,R.jsx)($,{}),(0,R.jsx)(F,{}),(0,R.jsx)(B,{})]})}),e]})}var H=()=>{const{t:e}=n(["neighborhoodMap","common"]),t=j(),o=c(),{locale:i,handleMarkerClick:a,activePoiCategory:r,onSelectPoiCategory:s,hideAttribution:l}=T(),[p,d]=(0,D.useState)();(0,D.useEffect)(()=>{a(void 0),d(r)},[r]);const g=(0,D.useMemo)(()=>N.map(e=>({key:e,icon:f[e]})),[t]),m=e=>{s(e),o.postEvent({eventType:S.CATEGORY_CLICKED,eventAttributes:[{label:"category",data:e}]}),o.trackAnalyticsEvent({eventName:K.CATEGORY_CLICKED,eventAttributes:{ll_category:e}})},u=e=>{d(p===e?void 0:e)};return(0,R.jsxs)("div",{className:"relative bg-base-white w-full h-screen flex flex-col",children:[(0,R.jsxs)(M.Root,{children:[(0,R.jsxs)("div",{className:"w-full flex items-center mb-4 gap-4 flex-row-reverse md:flex-row",children:[(0,R.jsx)(M.ScrollList,{activeFilter:r,leftArrowAriaLabel:e("filters.navigation.scrollLeftAriaLabel"),rightArrowAriaLabel:e("filters.navigation.scrollRightAriaLabel"),children:g.map(({key:t,icon:o})=>(0,R.jsx)(M.Filter,{filter:t,label:e(`common:pois.${t}`),icon:o,isActive:t===r,onSelectFilter:m},`category-${t}`))}),(0,R.jsx)(M.DialogTrigger,{label:e("filters.navigation.allFiltersAriaLabel")})]}),(0,R.jsx)(M.Dialog,{title:e("filters.popup.title"),description:e("filters.popup.description"),applyLabel:e("filters.popup.cta.apply"),resetLabel:e("filters.popup.cta.reset"),onReset:()=>{s(void 0)},onApply:()=>{s(p)},children:g.map(({key:t,icon:o})=>(0,R.jsx)(M.Filter,{filter:t,label:e(`common:pois.${t}`),icon:o,isActive:t===p,onSelectFilter:u},`dialog-category-${t}`))})]}),(0,R.jsx)(W,{}),(0,R.jsx)(L,{sdkName:"neighborhood-map",locale:i,isHidden:l})]})},Y=m({theme:r().oneOf(["day","night"]).optional(),lat:a().min(-90,"Must be a valid latitude.").max(90,"Must be a valid latitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),lng:a().min(-180,"Must be a valid longitude.").max(180,"Must be a valid longitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),geographyId:r().optional(),zoom:a().optional(),pitch:a().optional(),bearing:a().optional(),cooperativeGestures:p().optional(),mapProvider:s().optional(),hideAttribution:p().optional(),showSchoolRatings:p().optional()}).noUnknown(!0);i(l.neighborhoodWrap.key);var U=()=>{const{sdkState:e}=I(),t=O(),i=e.globalOptions?.locale||"en",a=(0,D.useMemo)(()=>e.options?.geographyId?{geographyId:e.options?.geographyId}:{lat:e.options?.lat,lng:e.options?.lng},[e.options?.lat,e.options?.lng,e.options?.geographyId]);return(0,R.jsx)(P,{sdk:"Neighborhood Map",schema:Y,options:e.options,children:(0,R.jsx)(d,{environment:e.globalOptions?.environment?.api,apiKey:e.apiKey,appearance:e.globalOptions?.appearance,locale:e.globalOptions?.locale,product:g.NEIGHBORHOOD_MAP,children:(0,R.jsx)(o,{trackingPipelineSettings:{apiKey:e.apiKey||""},analyticsSettings:l.neighborhoodWrap,meta:{clientId:e.clientId,productName:g.NEIGHBORHOOD_MAP,productVersion:"1.24.64"},attributes:{location:a,host:e.location,host_url:document.referrer,locale:i,isMobile:t},flags:{isDebugMode:!1},children:(0,R.jsx)(z,{children:(0,R.jsx)(H,{})})})})})};export{U as default};
|
|
2
|
+
//# sourceMappingURL=NeighborhoodMap-D6OihpAJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeighborhoodMap-CT8veCNl.js","names":[],"sources":["../../src/sdks/NeighborhoodMap/types.ts","../../src/sdks/NeighborhoodMap/constants.ts","../../src/sdks/NeighborhoodMap/context.tsx","../../src/sdks/NeighborhoodMap/components/Map/Layers/index.tsx","../../src/sdks/NeighborhoodMap/components/Map/Markers/index.tsx","../../src/sdks/NeighborhoodMap/components/Map/Popup/index.tsx","../../src/sdks/NeighborhoodMap/components/Map/styles.ts","../../src/sdks/NeighborhoodMap/components/Map/index.tsx","../../src/sdks/NeighborhoodMap/components/Content/styles.ts","../../src/sdks/NeighborhoodMap/components/Content/index.tsx","../../src/sdks/NeighborhoodMap/schema.ts","../../src/sdks/NeighborhoodMap/index.tsx"],"sourcesContent":["import type { POI, EnhancedPOIs, School, Schools } from \"@local-logic/client\";\nimport { POICategories } from \"@local-logic/client\";\nimport type { SDKOptions, MapProviderNames } from \"~/types/options\";\n\nexport type MapProvider = {\n name: MapProviderNames;\n key?: string;\n theme?: string;\n};\n\nexport type Options = {\n lat?: number;\n lng?: number;\n geographyId?: string;\n zoom?: number;\n pitch?: number;\n bearing?: number;\n cooperativeGestures?: boolean;\n mapProvider?: MapProvider;\n hideAttribution?: boolean;\n showSchoolRatings?: boolean;\n};\n\nexport type NeighborhoodMapProps = SDKOptions<\n Options,\n {\n options: Options | undefined;\n }\n>;\n\nexport type POICategory = EnhancedPOIs | keyof Schools;\nexport type POIGroup = (keyof typeof POICategories)[];\nexport type SchoolGroup = (keyof Schools)[];\nexport type Marker = POI | School;\n\nexport enum TrackingPipelineEvents {\n SDK_VIEWED = \"neighborhood-map-Viewed\",\n CATEGORY_CLICKED = \"neighborhood-map-Category-Clicked\",\n POI_CLICKED = \"neighborhood-map-Poi-Clicked\",\n POI_LINK_CLICKED = \"neighborhood-map-Poi-Link-Clicked\",\n}\n\n// Why are these named differently?\n// https://docs.mixpanel.com/docs/data-structure/events-and-properties#name-events-and-properties-consistently\nexport enum AnalyticsEvents {\n SDK_VIEWED = \"sdk_viewed\",\n CATEGORY_CLICKED = \"category_clicked\",\n POI_CLICKED = \"poi_clicked\",\n POI_LINK_CLICKED = \"poi_link_clicked\",\n}\n","import type { POICategory } from \"./types\";\n\nexport const DEFAULT_MIN_ZOOM = 2; // Default minimum zoom level for the map\nexport const DEFAULT_MAX_ZOOM = 17; // Default maximum zoom level for the map\n\nexport const MAX_POI_LIMIT = 500;\n\nexport const MAP_PADDING = {\n desktop: {\n top: 30,\n bottom: 30,\n left: 30,\n right: 30,\n },\n mobile: {\n top: 15,\n bottom: 15,\n left: 15,\n right: 15,\n },\n};\n\nexport const categories: POICategory[] = [\n \"primary_schools\",\n \"high_schools\",\n \"restaurants\",\n \"groceries\",\n \"groceries_specialized\",\n \"non_food_shops\",\n \"nightlife\",\n \"cafes\",\n \"daycares\",\n \"bus_stops\",\n \"rapid_transit_stations\",\n \"train_stations\",\n \"parks\",\n \"fitness\",\n \"sport_facilities\",\n \"health_care\",\n \"pet_care\",\n \"car_fueling_stations\",\n \"art_culture_science\",\n \"home_improvement\",\n \"personal_care\",\n];\n","import React, { useContext, useState, useMemo, useCallback } from \"react\";\nimport type { Geography, POI, School } from \"@local-logic/client\";\nimport type { MarkerPoint } from \"@local-logic/maps\";\nimport {\n type NeighborhoodMapProps,\n type POICategory,\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"./types\";\nimport { MAX_POI_LIMIT } from \"./constants\";\n\nimport { useTracking } from \"~/tracking\";\nimport { useGeographies } from \"~/features/clientLibrary/useGeographies\";\nimport useEffectOnce from \"~/hooks/useEffectOnce\";\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport errorTracker from \"~/utils/errorTracker\";\n\nimport { getIdFromMarker } from \"~/utils/map/getIdFromMarker\";\nimport { useMarkers } from \"~/hooks/useMarkers\";\n\ninterface Location {\n lat: number;\n lng: number;\n}\n\nexport type DefaultContext = {\n locale: \"en\" | \"fr\";\n isLoading: boolean;\n isGeographyLoading: boolean;\n map: {\n mapProvider: NeighborhoodMapProps[\"options\"][\"mapProvider\"];\n zoom: NeighborhoodMapProps[\"options\"][\"zoom\"];\n pitch: NeighborhoodMapProps[\"options\"][\"pitch\"];\n bearing: NeighborhoodMapProps[\"options\"][\"bearing\"];\n cooperativeGestures: NeighborhoodMapProps[\"options\"][\"cooperativeGestures\"];\n };\n geography?: Geography;\n activeMarker?: MarkerPoint;\n activeMarkerDetails: POI | School | null;\n activePoiCategory?: POICategory;\n onSelectPoiCategory: (category?: POICategory) => void;\n handleMarkerClick: (marker?: MarkerPoint) => void;\n markersData?: POI[] | School[];\n hideAttribution?: boolean;\n showSchoolRatings?: boolean;\n};\n\nconst NeighborhoodMapContext = React.createContext<DefaultContext>(\n {} as DefaultContext,\n);\nconst useNeighborhoodMap = () => useContext(NeighborhoodMapContext);\n\nconst NeighborhoodMapProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const { sdkState } = useStateManagerContext<NeighborhoodMapProps>();\n const locale = sdkState.globalOptions?.locale || \"en\";\n const tracking = useTracking();\n const [activeMarker, setActiveMarker] = useState<MarkerPoint>();\n const [activePoiCategory, setActivePoiCategory] =\n useState<DefaultContext[\"activePoiCategory\"]>();\n\n useEffectOnce(() => {\n tracking.postEvent({\n eventType: TrackingPipelineEvents.SDK_VIEWED,\n eventAttributes: [\n {\n label: \"default_category\",\n data: activePoiCategory,\n },\n ],\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.SDK_VIEWED,\n eventAttributes: {\n ll_default_category: activePoiCategory,\n },\n });\n });\n\n const { isLoading: isGeographyLoading, data: geographyData } = useGeographies(\n {\n geogID: sdkState.options?.geographyId,\n location: {\n lat: sdkState.options?.lat,\n lng: sdkState.options?.lng,\n },\n include: \"geometry\",\n },\n );\n\n const { geographyId, geography } = useMemo(() => {\n const geographiesArray = Object.entries(geographyData || {});\n\n return {\n geographyId: geographiesArray[0]?.[0],\n geography: geographiesArray[0]?.[1],\n };\n }, [isGeographyLoading, geographyData]);\n\n const { data: markersDataRaw, isLoading: isMarkersLoading } = useMarkers({\n geogId: geographyId,\n limit: MAX_POI_LIMIT,\n categories: activePoiCategory ? [activePoiCategory] : undefined,\n });\n\n // Flatten the markers data into a single array\n const markersData = useMemo(\n () =>\n ([] as (POI | School)[]).concat(...Object.values(markersDataRaw || {})),\n [markersDataRaw],\n );\n\n const handleSelectPoiCategory = (category?: POICategory) => {\n errorTracker.addBreadCrumb(\n \"NeighborhoodMapProvider\",\n \"handleSelectPoiCategory\",\n {\n category,\n },\n );\n\n setActivePoiCategory(activePoiCategory === category ? undefined : category);\n };\n\n const handleMarkerClick = useCallback(\n (marker?: MarkerPoint) => {\n if (\n activeMarker?.latitude === marker?.latitude &&\n activeMarker?.longitude === marker?.longitude\n ) {\n setActiveMarker(undefined);\n return;\n }\n\n setActiveMarker(marker);\n },\n [activeMarker],\n );\n\n const activeMarkerDetails = useMemo(() => {\n if (!markersData || !activeMarker || activeMarker.markers.length !== 1) {\n return null;\n }\n\n return (\n markersData.find(\n (marker) =>\n activeMarker.markers[0].id ===\n getIdFromMarker(marker.lat, marker.lng, marker.name),\n ) || null\n );\n }, [activeMarker, markersData]);\n\n const isLoading = useMemo(\n () => isGeographyLoading || isMarkersLoading,\n [isGeographyLoading, isMarkersLoading],\n );\n\n return (\n <NeighborhoodMapContext.Provider\n value={{\n locale,\n isLoading,\n isGeographyLoading,\n map: {\n mapProvider: sdkState.options?.mapProvider,\n zoom: sdkState.options?.zoom,\n pitch: sdkState.options?.pitch,\n bearing: sdkState.options?.bearing,\n cooperativeGestures: sdkState.options?.cooperativeGestures,\n },\n geography,\n activeMarker,\n activeMarkerDetails,\n handleMarkerClick,\n activePoiCategory,\n onSelectPoiCategory: handleSelectPoiCategory,\n markersData,\n hideAttribution: sdkState.options?.hideAttribution,\n showSchoolRatings: sdkState.options?.showSchoolRatings,\n }}\n >\n {children}\n </NeighborhoodMapContext.Provider>\n );\n};\n\nexport { useNeighborhoodMap, NeighborhoodMapProvider, type Location };\n","import React, { useMemo } from \"react\";\n\nimport { LocalLogicMap, type Source, type LayerType } from \"@local-logic/maps\";\n\nimport type { School } from \"@local-logic/client\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nconst GEOGRAPHY_LAYER_COLOR = \"#008491\";\nconst SCHOOL_CATCHMENT_COLOR = \"#9333ea\";\n\nexport function Layers() {\n const { geography, activeMarkerDetails } = useNeighborhoodMap();\n\n const primaryColor = useMemo(\n () =>\n getComputedStyle(document.documentElement).getPropertyValue(\n \"--ll-colors-primary-100\",\n ) || GEOGRAPHY_LAYER_COLOR,\n [],\n );\n\n const neighborhoodLayerSources = useMemo(() => {\n const sources: Source[] = [];\n\n if (\n typeof geography?.geometry === \"undefined\" ||\n (Array.isArray(geography.geometry) && geography.geometry.length === 0)\n ) {\n return undefined;\n }\n\n geography.geometry.forEach((geometry, index) => {\n sources.push({\n key: `neighborhood-geometry-${index}`,\n layer: [\n {\n type: \"fill\" as LayerType,\n color: primaryColor,\n },\n {\n type: \"line\" as LayerType,\n color: primaryColor,\n },\n ],\n geometry: [geometry],\n });\n });\n\n return sources;\n }, [geography, primaryColor]);\n\n const schoolLayerSources = useMemo(() => {\n const activeSchoolMarkerDetails = activeMarkerDetails as School;\n if (\n typeof activeSchoolMarkerDetails?.catchments === \"undefined\" ||\n activeSchoolMarkerDetails.catchments?.length === 0\n ) {\n return undefined;\n }\n\n const sources: Source[] = [];\n\n activeSchoolMarkerDetails.catchments.forEach(\n (catchment, catchmentIndex) => {\n if (\n Array.isArray(catchment.geometry) &&\n catchment.geometry.length > 0\n ) {\n catchment.geometry.forEach((geometry, geomIndex) => {\n sources.push({\n key: `school-catchment-${catchmentIndex}-geom-${geomIndex}`,\n layer: [\n {\n type: \"fill\" as LayerType,\n color: SCHOOL_CATCHMENT_COLOR,\n },\n {\n type: \"line\" as LayerType,\n color: SCHOOL_CATCHMENT_COLOR,\n },\n ],\n geometry: [geometry],\n });\n });\n }\n },\n );\n\n return sources;\n }, [activeMarkerDetails]);\n\n return (\n <>\n <LocalLogicMap.Layers sources={neighborhoodLayerSources} />\n <LocalLogicMap.Layers sources={schoolLayerSources} />\n </>\n );\n}\n","import React, { useMemo } from \"react\";\n\nimport { LocalLogicMap, type Marker } from \"@local-logic/maps\";\nimport { useTracking } from \"~/tracking\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nimport { getIdFromMarker } from \"~/utils/map/getIdFromMarker\";\n\nimport {\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"~/sdks/NeighborhoodMap/types\";\nimport { icons as poiIcons } from \"~/components/PoiIcon\";\n\nexport function Markers() {\n const tracking = useTracking();\n const { isLoading, activePoiCategory, markersData, handleMarkerClick } =\n useNeighborhoodMap();\n\n const icon = useMemo(() => {\n if (typeof activePoiCategory === \"undefined\") {\n return undefined;\n }\n\n return poiIcons[activePoiCategory] as Marker[\"icon\"];\n }, [activePoiCategory]);\n\n const mapMarkers = useMemo(() => {\n if (typeof activePoiCategory === \"undefined\") {\n return [];\n }\n\n // Filter out duplicate markers by ID\n // This is because we combine multiple data sources that may have overlapping POIs\n return Array.from(\n (markersData || [])\n .map(\n (marker) =>\n ({\n id: getIdFromMarker(marker.lat, marker.lng, marker.name),\n latitude: marker.lat,\n longitude: marker.lng,\n name: marker.name,\n icon,\n }) as Marker,\n )\n .reduce((acc, marker) => {\n acc.set(marker.id, marker);\n return acc;\n }, new Map<string, Marker>())\n .values(),\n );\n }, [markersData, icon, activePoiCategory]);\n\n /**\n * Handles clicking on a map marker. This includes both single markers and cluster markers.\n *\n * @param marker\n * @returns\n */\n const handleMapMarkerClick = (\n marker: Parameters<typeof handleMarkerClick>[0],\n ) => {\n handleMarkerClick(marker);\n\n if (!activePoiCategory || !marker) {\n return;\n }\n\n const eventAttributes: Record<string, boolean | string | number> = {\n category: activePoiCategory,\n };\n\n if (marker.markers.length > 1) {\n eventAttributes.isCluster = true;\n eventAttributes.clusterSize = marker.markers.length;\n eventAttributes.lat = marker.latitude;\n eventAttributes.lng = marker.longitude;\n } else if (marker.markers.length === 1) {\n Object.entries(marker.markers[0]).forEach(([key, value]) => {\n if (\n typeof value === \"boolean\" ||\n typeof value === \"string\" ||\n typeof value === \"number\"\n ) {\n // Remove sdk id before sending to tracking\n if (key === \"id\") {\n return;\n }\n eventAttributes[key] = value;\n }\n });\n }\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.POI_CLICKED,\n eventAttributes: Object.entries(eventAttributes).map(([key, value]) => ({\n label: key,\n data: value,\n })),\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.POI_CLICKED,\n eventAttributes,\n });\n };\n\n return (\n <LocalLogicMap.Markers\n isLoading={isLoading}\n markers={mapMarkers}\n clusterIcon={icon}\n onClick={handleMapMarkerClick}\n />\n );\n}\n","import React from \"react\";\n\nimport {\n LocalLogicMap,\n type Marker,\n type MarkerPoint,\n} from \"@local-logic/maps\";\nimport { useTracking } from \"~/tracking\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nimport {\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"~/sdks/NeighborhoodMap/types\";\n\nimport { ClusterPopupContent } from \"~/components/map/ClusterPopupContent\";\nimport { POIPopupContent } from \"~/components/map/POIPopupContent\";\n\nexport function Popup() {\n const tracking = useTracking();\n const {\n activePoiCategory,\n activeMarker,\n activeMarkerDetails,\n handleMarkerClick,\n showSchoolRatings,\n } = useNeighborhoodMap();\n\n /**\n * Handles selecting a marker from within a cluster popup.\n *\n * @param marker\n * @returns\n */\n const handleClusterMarkerSelected = (marker: Marker) => {\n handleMarkerClick({\n id: marker.id,\n latitude: marker.latitude,\n longitude: marker.longitude,\n markers: [marker],\n } as MarkerPoint);\n\n if (!activePoiCategory) {\n return;\n }\n\n const eventAttributes: Record<string, boolean | string | number> = {\n category: activePoiCategory,\n };\n\n Object.entries(marker).forEach(([key, value]) => {\n if (\n typeof value === \"boolean\" ||\n typeof value === \"string\" ||\n typeof value === \"number\"\n ) {\n eventAttributes[key] = value;\n }\n });\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.POI_CLICKED,\n eventAttributes: Object.entries(eventAttributes).map(([key, value]) => ({\n label: key,\n data: value,\n })),\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.POI_CLICKED,\n eventAttributes,\n });\n };\n\n const handleLinkClick = (url: string) => {\n if (!activePoiCategory || !activeMarkerDetails) {\n return;\n }\n\n const eventAttributes: Record<string, boolean | string | number> = {\n category: activePoiCategory,\n };\n\n Object.entries(activeMarkerDetails).forEach(([key, value]) => {\n if (\n typeof value === \"boolean\" ||\n typeof value === \"string\" ||\n typeof value === \"number\"\n ) {\n eventAttributes[key] = value;\n }\n });\n eventAttributes.clickedUrl = url;\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.POI_LINK_CLICKED,\n eventAttributes: Object.entries(eventAttributes).map(([key, value]) => ({\n label: key,\n data: value,\n })),\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.POI_LINK_CLICKED,\n eventAttributes,\n });\n };\n\n return (\n <LocalLogicMap.Popup\n latitude={activeMarker?.latitude}\n longitude={activeMarker?.longitude}\n onClose={() => handleMarkerClick(undefined)}\n >\n <ClusterPopupContent\n activeMarker={activeMarker}\n onMarkerSelected={handleClusterMarkerSelected}\n onClose={handleMarkerClick}\n />\n <POIPopupContent\n marker={activeMarkerDetails}\n poiCategory={activePoiCategory}\n onLocationLinkClick={handleLinkClick}\n onSchoolLinkClick={handleLinkClick}\n onClose={handleMarkerClick}\n showSchoolRatings={showSchoolRatings}\n />\n </LocalLogicMap.Popup>\n );\n}\n","export const container = `relative w-full overflow-hidden grow`;\n","import React, { useMemo } from \"react\";\n\nimport \"@local-logic/maps/style.css\";\n\nimport { LocalLogicMap } from \"@local-logic/maps\";\n\nimport { Layers } from \"./Layers\";\nimport { Markers } from \"./Markers\";\nimport { Popup } from \"./Popup\";\n\nimport * as styles from \"./styles\";\nimport { getMapProviderConfig } from \"~/utils/map/getMapProviderConfig\";\nimport {\n DEFAULT_MIN_ZOOM,\n DEFAULT_MAX_ZOOM,\n MAP_PADDING,\n} from \"~/sdks/NeighborhoodMap/constants\";\nimport { useResponsiveBreakpoints } from \"~/hooks/useResponsiveBreakpoints\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nexport function Map({\n children,\n ...rest\n}: {\n children?: React.ReactNode;\n} & React.HTMLAttributes<HTMLDivElement>) {\n const breakpoints = useResponsiveBreakpoints();\n const { isGeographyLoading, locale, map, activeMarker, geography } =\n useNeighborhoodMap();\n\n const mapProviderConfig = useMemo(\n () =>\n getMapProviderConfig(\n map.mapProvider?.name,\n map.mapProvider?.key,\n map.mapProvider?.theme,\n ),\n [map.mapProvider?.name, map.mapProvider?.key, map.mapProvider?.theme],\n );\n\n const locationBoundary = useMemo(() => {\n if (typeof geography === \"undefined\" || !geography?.geometry) {\n return undefined;\n }\n\n const outerRing = geography.geometry.flatMap((polygon) => polygon[0] || []);\n\n if (!outerRing || outerRing.length === 0) {\n return undefined;\n }\n return outerRing.map((point: number[]) => [point[1], point[0]]);\n }, [geography]);\n\n if (isGeographyLoading) {\n return null;\n }\n\n return (\n <div className={styles.container} {...rest}>\n {typeof geography !== \"undefined\" && (\n <LocalLogicMap.Root\n locale={locale}\n region={geography?.country?.en === \"Canada\" ? \"CA\" : \"US\"}\n mapProvider={mapProviderConfig}\n mapPadding={MAP_PADDING[breakpoints.sm ? \"mobile\" : \"desktop\"]}\n locationBoundary={locationBoundary}\n center={{\n latitude: geography?.centroid.lat,\n longitude: geography?.centroid.lng,\n }}\n zoom={map.zoom}\n minZoom={DEFAULT_MIN_ZOOM}\n maxZoom={DEFAULT_MAX_ZOOM}\n zoomPosition={breakpoints.sm ? \"bottom-right\" : undefined}\n pitch={map.pitch}\n bearing={map.bearing}\n cooperativeGestures={map.cooperativeGestures}\n activeMarker={activeMarker}\n >\n <LocalLogicMap.BaseMap>\n <Layers />\n <Markers />\n <Popup />\n </LocalLogicMap.BaseMap>\n </LocalLogicMap.Root>\n )}\n\n {children}\n </div>\n );\n}\n","export const container = `relative bg-base-white w-full h-screen flex flex-col`;\nexport const header = `w-full flex items-center mb-4 gap-4 flex-row-reverse md:flex-row`;\n","import React, { useMemo, useState, useEffect } from \"react\";\n\nimport { useFlags } from \"launchdarkly-react-client-sdk\";\nimport { useTranslation } from \"react-i18next\";\nimport { HorizontalScrollFilters } from \"@local-logic/design-system\";\nimport { Map } from \"../Map\";\nimport * as styles from \"./styles\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\nimport { useTracking } from \"~/tracking\";\n\nimport { Attribution } from \"~/components/Attribution\";\n\nimport { icons as poiIcons } from \"~/components/PoiIcon\";\nimport { categories } from \"~/sdks/NeighborhoodMap/constants\";\n\nimport {\n type POICategory,\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"~/sdks/NeighborhoodMap/types\";\n\nexport const Content = () => {\n const { t } = useTranslation([\"neighborhoodMap\", \"common\"]);\n const flags = useFlags();\n const tracking = useTracking();\n\n const {\n locale,\n handleMarkerClick,\n activePoiCategory,\n onSelectPoiCategory,\n hideAttribution,\n } = useNeighborhoodMap();\n const [dialogSelectedPoiCategory, setDialogSelectedPoiCategory] = useState<\n POICategory | undefined\n >();\n\n useEffect(() => {\n handleMarkerClick(undefined);\n setDialogSelectedPoiCategory(activePoiCategory);\n }, [activePoiCategory]);\n\n const poiCategories = useMemo(\n () =>\n categories.map((category) => ({\n key: category as POICategory,\n icon: poiIcons[category],\n })),\n [flags],\n );\n\n const handleOnSelectCategory = (category: POICategory) => {\n onSelectPoiCategory(category);\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.CATEGORY_CLICKED,\n eventAttributes: [\n {\n label: \"category\",\n data: category,\n },\n ],\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.CATEGORY_CLICKED,\n eventAttributes: {\n ll_category: category,\n },\n });\n };\n\n const handleOnDialogSelectCategory = (category: POICategory) => {\n setDialogSelectedPoiCategory(\n dialogSelectedPoiCategory === category ? undefined : category,\n );\n };\n\n const handleResetFilters = () => {\n onSelectPoiCategory(undefined);\n };\n\n const handleApplyFilter = () => {\n onSelectPoiCategory(dialogSelectedPoiCategory);\n };\n\n return (\n <div className={styles.container}>\n <HorizontalScrollFilters.Root>\n <div className={styles.header}>\n <HorizontalScrollFilters.ScrollList\n activeFilter={activePoiCategory}\n leftArrowAriaLabel={t(\"filters.navigation.scrollLeftAriaLabel\")}\n rightArrowAriaLabel={t(\"filters.navigation.scrollRightAriaLabel\")}\n >\n {poiCategories.map(({ key, icon }) => (\n <HorizontalScrollFilters.Filter<POICategory>\n key={`category-${key}`}\n filter={key}\n label={t(`common:pois.${key}`)}\n icon={icon}\n isActive={key === activePoiCategory}\n onSelectFilter={handleOnSelectCategory}\n />\n ))}\n </HorizontalScrollFilters.ScrollList>\n <HorizontalScrollFilters.DialogTrigger\n label={t(\"filters.navigation.allFiltersAriaLabel\")}\n />\n </div>\n\n <HorizontalScrollFilters.Dialog\n title={t(\"filters.popup.title\")}\n description={t(\"filters.popup.description\")}\n applyLabel={t(\"filters.popup.cta.apply\")}\n resetLabel={t(\"filters.popup.cta.reset\")}\n onReset={handleResetFilters}\n onApply={handleApplyFilter}\n >\n {poiCategories.map(({ key, icon }) => (\n <HorizontalScrollFilters.Filter<POICategory>\n key={`dialog-category-${key}`}\n filter={key}\n label={t(`common:pois.${key}`)}\n icon={icon}\n isActive={key === dialogSelectedPoiCategory}\n onSelectFilter={handleOnDialogSelectCategory}\n />\n ))}\n </HorizontalScrollFilters.Dialog>\n </HorizontalScrollFilters.Root>\n\n <Map />\n\n <Attribution\n sdkName=\"neighborhood-map\"\n locale={locale}\n isHidden={hideAttribution}\n />\n </div>\n );\n};\n","import { ObjectSchema, number, object, mixed, string, boolean } from \"yup\";\nimport { Options } from \"./types\";\nimport { MapProvider } from \"~/types/options\";\n\nexport const schema: ObjectSchema<Options> = object({\n theme: string().oneOf([\"day\", \"night\"]).optional(),\n lat: number()\n .min(-90, \"Must be a valid latitude.\")\n .max(90, \"Must be a valid latitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n lng: number()\n .min(-180, \"Must be a valid longitude.\")\n .max(180, \"Must be a valid longitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n geographyId: string().optional(),\n zoom: number().optional(),\n pitch: number().optional(),\n bearing: number().optional(),\n cooperativeGestures: boolean().optional(),\n mapProvider: mixed<MapProvider>().optional(),\n hideAttribution: boolean().optional(),\n showSchoolRatings: boolean().optional(),\n}).noUnknown(true);\n","import React, { useMemo } from \"react\";\n\nimport { Content } from \"./components/Content\";\nimport { NeighborhoodMapProvider } from \"./context\";\nimport { schema } from \"./schema\";\nimport { NeighborhoodMapProps } from \"./types\";\n\nimport { TrackingProvider, initializeAnalytics } from \"~/tracking\";\n\n// TODO Move this import to sdks/sdks-app/src/App.tsx once all SDKs are migrated\nimport \"~/assets/styles/globals.css\";\n\nimport { ValidateOptions } from \"~/components/ValidateOptions\";\nimport { LocalLogicProvider } from \"~/context/LocalLogicProvider\";\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport useIsMobile from \"~/hooks/useIsMobile\";\nimport { ProductNames } from \"~/types\";\nimport { ANALYTICS_SETTINGS } from \"~/constants/analytics\";\n\ninitializeAnalytics(ANALYTICS_SETTINGS.neighborhoodWrap.key);\n\nconst NeighborhoodMap = () => {\n const { sdkState } = useStateManagerContext<NeighborhoodMapProps>();\n const isMobile = useIsMobile();\n const locale = sdkState.globalOptions?.locale || \"en\";\n\n const location = useMemo(() => {\n if (sdkState.options?.geographyId) {\n return {\n geographyId: sdkState.options?.geographyId,\n };\n }\n\n return {\n lat: sdkState.options?.lat,\n lng: sdkState.options?.lng,\n };\n }, [\n sdkState.options?.lat,\n sdkState.options?.lng,\n sdkState.options?.geographyId,\n ]);\n\n return (\n <ValidateOptions\n sdk=\"Neighborhood Map\"\n schema={schema}\n options={sdkState.options!}\n >\n <LocalLogicProvider\n environment={sdkState.globalOptions?.environment?.api}\n apiKey={sdkState.apiKey}\n appearance={sdkState.globalOptions?.appearance}\n locale={sdkState.globalOptions?.locale}\n product={ProductNames.NEIGHBORHOOD_MAP}\n >\n <TrackingProvider\n trackingPipelineSettings={{\n apiKey: sdkState.apiKey || \"\",\n }}\n analyticsSettings={ANALYTICS_SETTINGS.neighborhoodWrap}\n meta={{\n clientId: sdkState.clientId,\n productName: ProductNames.NEIGHBORHOOD_MAP,\n productVersion: FULL_APP_VERSION,\n }}\n attributes={{\n location,\n host: sdkState.location,\n host_url: document.referrer,\n locale,\n isMobile,\n }}\n flags={{\n isDebugMode:\n import.meta.env.VITE_TRACKING_PIPELINE_DEBUG === \"true\",\n }}\n >\n <NeighborhoodMapProvider>\n <Content />\n </NeighborhoodMapProvider>\n </TrackingProvider>\n </LocalLogicProvider>\n </ValidateOptions>\n );\n};\n\nexport default NeighborhoodMap;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NeighborhoodMap-D6OihpAJ.js","names":[],"sources":["../../src/sdks/NeighborhoodMap/types.ts","../../src/sdks/NeighborhoodMap/constants.ts","../../src/sdks/NeighborhoodMap/context.tsx","../../src/sdks/NeighborhoodMap/components/Map/Layers/index.tsx","../../src/sdks/NeighborhoodMap/components/Map/Markers/index.tsx","../../src/sdks/NeighborhoodMap/components/Map/Popup/index.tsx","../../src/sdks/NeighborhoodMap/components/Map/styles.ts","../../src/sdks/NeighborhoodMap/components/Map/index.tsx","../../src/sdks/NeighborhoodMap/components/Content/styles.ts","../../src/sdks/NeighborhoodMap/components/Content/index.tsx","../../src/sdks/NeighborhoodMap/schema.ts","../../src/sdks/NeighborhoodMap/index.tsx"],"sourcesContent":["import type { POI, EnhancedPOIs, School, Schools } from \"@local-logic/client\";\nimport { POICategories } from \"@local-logic/client\";\nimport type { SDKOptions, MapProviderNames } from \"~/types/options\";\n\nexport type MapProvider = {\n name: MapProviderNames;\n key?: string;\n theme?: string;\n};\n\nexport type Options = {\n lat?: number;\n lng?: number;\n geographyId?: string;\n zoom?: number;\n pitch?: number;\n bearing?: number;\n cooperativeGestures?: boolean;\n mapProvider?: MapProvider;\n hideAttribution?: boolean;\n showSchoolRatings?: boolean;\n};\n\nexport type NeighborhoodMapProps = SDKOptions<\n Options,\n {\n options: Options | undefined;\n }\n>;\n\nexport type POICategory = EnhancedPOIs | keyof Schools;\nexport type POIGroup = (keyof typeof POICategories)[];\nexport type SchoolGroup = (keyof Schools)[];\nexport type Marker = POI | School;\n\nexport enum TrackingPipelineEvents {\n SDK_VIEWED = \"neighborhood-map-Viewed\",\n CATEGORY_CLICKED = \"neighborhood-map-Category-Clicked\",\n POI_CLICKED = \"neighborhood-map-Poi-Clicked\",\n POI_LINK_CLICKED = \"neighborhood-map-Poi-Link-Clicked\",\n}\n\n// Why are these named differently?\n// https://docs.mixpanel.com/docs/data-structure/events-and-properties#name-events-and-properties-consistently\nexport enum AnalyticsEvents {\n SDK_VIEWED = \"sdk_viewed\",\n CATEGORY_CLICKED = \"category_clicked\",\n POI_CLICKED = \"poi_clicked\",\n POI_LINK_CLICKED = \"poi_link_clicked\",\n}\n","import type { POICategory } from \"./types\";\n\nexport const DEFAULT_MIN_ZOOM = 2; // Default minimum zoom level for the map\nexport const DEFAULT_MAX_ZOOM = 17; // Default maximum zoom level for the map\n\nexport const MAX_POI_LIMIT = 500;\n\nexport const MAP_PADDING = {\n desktop: {\n top: 30,\n bottom: 30,\n left: 30,\n right: 30,\n },\n mobile: {\n top: 15,\n bottom: 15,\n left: 15,\n right: 15,\n },\n};\n\nexport const categories: POICategory[] = [\n \"primary_schools\",\n \"high_schools\",\n \"restaurants\",\n \"groceries\",\n \"groceries_specialized\",\n \"non_food_shops\",\n \"nightlife\",\n \"cafes\",\n \"daycares\",\n \"bus_stops\",\n \"rapid_transit_stations\",\n \"train_stations\",\n \"parks\",\n \"fitness\",\n \"sport_facilities\",\n \"health_care\",\n \"pet_care\",\n \"car_fueling_stations\",\n \"art_culture_science\",\n \"home_improvement\",\n \"personal_care\",\n];\n","import React, { useContext, useState, useMemo, useCallback } from \"react\";\nimport type { Geography, POI, School } from \"@local-logic/client\";\nimport type { MarkerPoint } from \"@local-logic/maps\";\nimport {\n type NeighborhoodMapProps,\n type POICategory,\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"./types\";\nimport { MAX_POI_LIMIT } from \"./constants\";\n\nimport { useTracking } from \"~/tracking\";\nimport { useGeographies } from \"~/features/clientLibrary/useGeographies\";\nimport useEffectOnce from \"~/hooks/useEffectOnce\";\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport errorTracker from \"~/utils/errorTracker\";\n\nimport { getIdFromMarker } from \"~/utils/map/getIdFromMarker\";\nimport { useMarkers } from \"~/hooks/useMarkers\";\n\ninterface Location {\n lat: number;\n lng: number;\n}\n\nexport type DefaultContext = {\n locale: \"en\" | \"fr\";\n isLoading: boolean;\n isGeographyLoading: boolean;\n map: {\n mapProvider: NeighborhoodMapProps[\"options\"][\"mapProvider\"];\n zoom: NeighborhoodMapProps[\"options\"][\"zoom\"];\n pitch: NeighborhoodMapProps[\"options\"][\"pitch\"];\n bearing: NeighborhoodMapProps[\"options\"][\"bearing\"];\n cooperativeGestures: NeighborhoodMapProps[\"options\"][\"cooperativeGestures\"];\n };\n geography?: Geography;\n activeMarker?: MarkerPoint;\n activeMarkerDetails: POI | School | null;\n activePoiCategory?: POICategory;\n onSelectPoiCategory: (category?: POICategory) => void;\n handleMarkerClick: (marker?: MarkerPoint) => void;\n markersData?: POI[] | School[];\n hideAttribution?: boolean;\n showSchoolRatings?: boolean;\n};\n\nconst NeighborhoodMapContext = React.createContext<DefaultContext>(\n {} as DefaultContext,\n);\nconst useNeighborhoodMap = () => useContext(NeighborhoodMapContext);\n\nconst NeighborhoodMapProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const { sdkState } = useStateManagerContext<NeighborhoodMapProps>();\n const locale = sdkState.globalOptions?.locale || \"en\";\n const tracking = useTracking();\n const [activeMarker, setActiveMarker] = useState<MarkerPoint>();\n const [activePoiCategory, setActivePoiCategory] =\n useState<DefaultContext[\"activePoiCategory\"]>();\n\n useEffectOnce(() => {\n tracking.postEvent({\n eventType: TrackingPipelineEvents.SDK_VIEWED,\n eventAttributes: [\n {\n label: \"default_category\",\n data: activePoiCategory,\n },\n ],\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.SDK_VIEWED,\n eventAttributes: {\n ll_default_category: activePoiCategory,\n },\n });\n });\n\n const { isLoading: isGeographyLoading, data: geographyData } = useGeographies(\n {\n geogID: sdkState.options?.geographyId,\n location: {\n lat: sdkState.options?.lat,\n lng: sdkState.options?.lng,\n },\n include: \"geometry\",\n },\n );\n\n const { geographyId, geography } = useMemo(() => {\n const geographiesArray = Object.entries(geographyData || {});\n\n return {\n geographyId: geographiesArray[0]?.[0],\n geography: geographiesArray[0]?.[1],\n };\n }, [isGeographyLoading, geographyData]);\n\n const { data: markersDataRaw, isLoading: isMarkersLoading } = useMarkers({\n geogId: geographyId,\n limit: MAX_POI_LIMIT,\n categories: activePoiCategory ? [activePoiCategory] : undefined,\n });\n\n // Flatten the markers data into a single array\n const markersData = useMemo(\n () =>\n ([] as (POI | School)[]).concat(...Object.values(markersDataRaw || {})),\n [markersDataRaw],\n );\n\n const handleSelectPoiCategory = (category?: POICategory) => {\n errorTracker.addBreadCrumb(\n \"NeighborhoodMapProvider\",\n \"handleSelectPoiCategory\",\n {\n category,\n },\n );\n\n setActivePoiCategory(activePoiCategory === category ? undefined : category);\n };\n\n const handleMarkerClick = useCallback(\n (marker?: MarkerPoint) => {\n if (\n activeMarker?.latitude === marker?.latitude &&\n activeMarker?.longitude === marker?.longitude\n ) {\n setActiveMarker(undefined);\n return;\n }\n\n setActiveMarker(marker);\n },\n [activeMarker],\n );\n\n const activeMarkerDetails = useMemo(() => {\n if (!markersData || !activeMarker || activeMarker.markers.length !== 1) {\n return null;\n }\n\n return (\n markersData.find(\n (marker) =>\n activeMarker.markers[0].id ===\n getIdFromMarker(marker.lat, marker.lng, marker.name),\n ) || null\n );\n }, [activeMarker, markersData]);\n\n const isLoading = useMemo(\n () => isGeographyLoading || isMarkersLoading,\n [isGeographyLoading, isMarkersLoading],\n );\n\n return (\n <NeighborhoodMapContext.Provider\n value={{\n locale,\n isLoading,\n isGeographyLoading,\n map: {\n mapProvider: sdkState.options?.mapProvider,\n zoom: sdkState.options?.zoom,\n pitch: sdkState.options?.pitch,\n bearing: sdkState.options?.bearing,\n cooperativeGestures: sdkState.options?.cooperativeGestures,\n },\n geography,\n activeMarker,\n activeMarkerDetails,\n handleMarkerClick,\n activePoiCategory,\n onSelectPoiCategory: handleSelectPoiCategory,\n markersData,\n hideAttribution: sdkState.options?.hideAttribution,\n showSchoolRatings: sdkState.options?.showSchoolRatings,\n }}\n >\n {children}\n </NeighborhoodMapContext.Provider>\n );\n};\n\nexport { useNeighborhoodMap, NeighborhoodMapProvider, type Location };\n","import React, { useMemo } from \"react\";\n\nimport { LocalLogicMap, type Source, type LayerType } from \"@local-logic/maps\";\n\nimport type { School } from \"@local-logic/client\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nconst GEOGRAPHY_LAYER_COLOR = \"#008491\";\nconst SCHOOL_CATCHMENT_COLOR = \"#9333ea\";\n\nexport function Layers() {\n const { geography, activeMarkerDetails } = useNeighborhoodMap();\n\n const primaryColor = useMemo(\n () =>\n getComputedStyle(document.documentElement).getPropertyValue(\n \"--ll-colors-primary-100\",\n ) || GEOGRAPHY_LAYER_COLOR,\n [],\n );\n\n const neighborhoodLayerSources = useMemo(() => {\n const sources: Source[] = [];\n\n if (\n typeof geography?.geometry === \"undefined\" ||\n (Array.isArray(geography.geometry) && geography.geometry.length === 0)\n ) {\n return undefined;\n }\n\n geography.geometry.forEach((geometry, index) => {\n sources.push({\n key: `neighborhood-geometry-${index}`,\n layer: [\n {\n type: \"fill\" as LayerType,\n color: primaryColor,\n },\n {\n type: \"line\" as LayerType,\n color: primaryColor,\n },\n ],\n geometry: [geometry],\n });\n });\n\n return sources;\n }, [geography, primaryColor]);\n\n const schoolLayerSources = useMemo(() => {\n const activeSchoolMarkerDetails = activeMarkerDetails as School;\n if (\n typeof activeSchoolMarkerDetails?.catchments === \"undefined\" ||\n activeSchoolMarkerDetails.catchments?.length === 0\n ) {\n return undefined;\n }\n\n const sources: Source[] = [];\n\n activeSchoolMarkerDetails.catchments.forEach(\n (catchment, catchmentIndex) => {\n if (\n Array.isArray(catchment.geometry) &&\n catchment.geometry.length > 0\n ) {\n catchment.geometry.forEach((geometry, geomIndex) => {\n sources.push({\n key: `school-catchment-${catchmentIndex}-geom-${geomIndex}`,\n layer: [\n {\n type: \"fill\" as LayerType,\n color: SCHOOL_CATCHMENT_COLOR,\n },\n {\n type: \"line\" as LayerType,\n color: SCHOOL_CATCHMENT_COLOR,\n },\n ],\n geometry: [geometry],\n });\n });\n }\n },\n );\n\n return sources;\n }, [activeMarkerDetails]);\n\n return (\n <>\n <LocalLogicMap.Layers sources={neighborhoodLayerSources} />\n <LocalLogicMap.Layers sources={schoolLayerSources} />\n </>\n );\n}\n","import React, { useMemo } from \"react\";\n\nimport { LocalLogicMap, type Marker } from \"@local-logic/maps\";\nimport { useTracking } from \"~/tracking\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nimport { getIdFromMarker } from \"~/utils/map/getIdFromMarker\";\n\nimport {\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"~/sdks/NeighborhoodMap/types\";\nimport { icons as poiIcons } from \"~/components/PoiIcon\";\n\nexport function Markers() {\n const tracking = useTracking();\n const { isLoading, activePoiCategory, markersData, handleMarkerClick } =\n useNeighborhoodMap();\n\n const icon = useMemo(() => {\n if (typeof activePoiCategory === \"undefined\") {\n return undefined;\n }\n\n return poiIcons[activePoiCategory] as Marker[\"icon\"];\n }, [activePoiCategory]);\n\n const mapMarkers = useMemo(() => {\n if (typeof activePoiCategory === \"undefined\") {\n return [];\n }\n\n // Filter out duplicate markers by ID\n // This is because we combine multiple data sources that may have overlapping POIs\n return Array.from(\n (markersData || [])\n .map(\n (marker) =>\n ({\n id: getIdFromMarker(marker.lat, marker.lng, marker.name),\n latitude: marker.lat,\n longitude: marker.lng,\n name: marker.name,\n icon,\n }) as Marker,\n )\n .reduce((acc, marker) => {\n acc.set(marker.id, marker);\n return acc;\n }, new Map<string, Marker>())\n .values(),\n );\n }, [markersData, icon, activePoiCategory]);\n\n /**\n * Handles clicking on a map marker. This includes both single markers and cluster markers.\n *\n * @param marker\n * @returns\n */\n const handleMapMarkerClick = (\n marker: Parameters<typeof handleMarkerClick>[0],\n ) => {\n handleMarkerClick(marker);\n\n if (!activePoiCategory || !marker) {\n return;\n }\n\n const eventAttributes: Record<string, boolean | string | number> = {\n category: activePoiCategory,\n };\n\n if (marker.markers.length > 1) {\n eventAttributes.isCluster = true;\n eventAttributes.clusterSize = marker.markers.length;\n eventAttributes.lat = marker.latitude;\n eventAttributes.lng = marker.longitude;\n } else if (marker.markers.length === 1) {\n Object.entries(marker.markers[0]).forEach(([key, value]) => {\n if (\n typeof value === \"boolean\" ||\n typeof value === \"string\" ||\n typeof value === \"number\"\n ) {\n // Remove sdk id before sending to tracking\n if (key === \"id\") {\n return;\n }\n eventAttributes[key] = value;\n }\n });\n }\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.POI_CLICKED,\n eventAttributes: Object.entries(eventAttributes).map(([key, value]) => ({\n label: key,\n data: value,\n })),\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.POI_CLICKED,\n eventAttributes,\n });\n };\n\n return (\n <LocalLogicMap.Markers\n isLoading={isLoading}\n markers={mapMarkers}\n clusterIcon={icon}\n onClick={handleMapMarkerClick}\n />\n );\n}\n","import React from \"react\";\n\nimport {\n LocalLogicMap,\n type Marker,\n type MarkerPoint,\n} from \"@local-logic/maps\";\nimport { useTracking } from \"~/tracking\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nimport {\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"~/sdks/NeighborhoodMap/types\";\n\nimport { ClusterPopupContent } from \"~/components/map/ClusterPopupContent\";\nimport { POIPopupContent } from \"~/components/map/POIPopupContent\";\n\nexport function Popup() {\n const tracking = useTracking();\n const {\n activePoiCategory,\n activeMarker,\n activeMarkerDetails,\n handleMarkerClick,\n showSchoolRatings,\n } = useNeighborhoodMap();\n\n /**\n * Handles selecting a marker from within a cluster popup.\n *\n * @param marker\n * @returns\n */\n const handleClusterMarkerSelected = (marker: Marker) => {\n handleMarkerClick({\n id: marker.id,\n latitude: marker.latitude,\n longitude: marker.longitude,\n markers: [marker],\n } as MarkerPoint);\n\n if (!activePoiCategory) {\n return;\n }\n\n const eventAttributes: Record<string, boolean | string | number> = {\n category: activePoiCategory,\n };\n\n Object.entries(marker).forEach(([key, value]) => {\n if (\n typeof value === \"boolean\" ||\n typeof value === \"string\" ||\n typeof value === \"number\"\n ) {\n eventAttributes[key] = value;\n }\n });\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.POI_CLICKED,\n eventAttributes: Object.entries(eventAttributes).map(([key, value]) => ({\n label: key,\n data: value,\n })),\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.POI_CLICKED,\n eventAttributes,\n });\n };\n\n const handleLinkClick = (url: string) => {\n if (!activePoiCategory || !activeMarkerDetails) {\n return;\n }\n\n const eventAttributes: Record<string, boolean | string | number> = {\n category: activePoiCategory,\n };\n\n Object.entries(activeMarkerDetails).forEach(([key, value]) => {\n if (\n typeof value === \"boolean\" ||\n typeof value === \"string\" ||\n typeof value === \"number\"\n ) {\n eventAttributes[key] = value;\n }\n });\n eventAttributes.clickedUrl = url;\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.POI_LINK_CLICKED,\n eventAttributes: Object.entries(eventAttributes).map(([key, value]) => ({\n label: key,\n data: value,\n })),\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.POI_LINK_CLICKED,\n eventAttributes,\n });\n };\n\n return (\n <LocalLogicMap.Popup\n latitude={activeMarker?.latitude}\n longitude={activeMarker?.longitude}\n onClose={() => handleMarkerClick(undefined)}\n >\n <ClusterPopupContent\n activeMarker={activeMarker}\n onMarkerSelected={handleClusterMarkerSelected}\n onClose={handleMarkerClick}\n />\n <POIPopupContent\n marker={activeMarkerDetails}\n poiCategory={activePoiCategory}\n onLocationLinkClick={handleLinkClick}\n onSchoolLinkClick={handleLinkClick}\n onClose={handleMarkerClick}\n showSchoolRatings={showSchoolRatings}\n />\n </LocalLogicMap.Popup>\n );\n}\n","export const container = `relative w-full overflow-hidden grow`;\n","import React, { useMemo } from \"react\";\n\nimport \"@local-logic/maps/style.css\";\n\nimport { LocalLogicMap } from \"@local-logic/maps\";\n\nimport { Layers } from \"./Layers\";\nimport { Markers } from \"./Markers\";\nimport { Popup } from \"./Popup\";\n\nimport * as styles from \"./styles\";\nimport { getMapProviderConfig } from \"~/utils/map/getMapProviderConfig\";\nimport {\n DEFAULT_MIN_ZOOM,\n DEFAULT_MAX_ZOOM,\n MAP_PADDING,\n} from \"~/sdks/NeighborhoodMap/constants\";\nimport { useResponsiveBreakpoints } from \"~/hooks/useResponsiveBreakpoints\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\n\nexport function Map({\n children,\n ...rest\n}: {\n children?: React.ReactNode;\n} & React.HTMLAttributes<HTMLDivElement>) {\n const breakpoints = useResponsiveBreakpoints();\n const { isGeographyLoading, locale, map, activeMarker, geography } =\n useNeighborhoodMap();\n\n const mapProviderConfig = useMemo(\n () =>\n getMapProviderConfig(\n map.mapProvider?.name,\n map.mapProvider?.key,\n map.mapProvider?.theme,\n ),\n [map.mapProvider?.name, map.mapProvider?.key, map.mapProvider?.theme],\n );\n\n const locationBoundary = useMemo(() => {\n if (typeof geography === \"undefined\" || !geography?.geometry) {\n return undefined;\n }\n\n const outerRing = geography.geometry.flatMap((polygon) => polygon[0] || []);\n\n if (!outerRing || outerRing.length === 0) {\n return undefined;\n }\n return outerRing.map((point: number[]) => [point[1], point[0]]);\n }, [geography]);\n\n if (isGeographyLoading) {\n return null;\n }\n\n return (\n <div className={styles.container} {...rest}>\n {typeof geography !== \"undefined\" && (\n <LocalLogicMap.Root\n locale={locale}\n region={geography?.country?.en === \"Canada\" ? \"CA\" : \"US\"}\n mapProvider={mapProviderConfig}\n mapPadding={MAP_PADDING[breakpoints.sm ? \"mobile\" : \"desktop\"]}\n locationBoundary={locationBoundary}\n center={{\n latitude: geography?.centroid.lat,\n longitude: geography?.centroid.lng,\n }}\n zoom={map.zoom}\n minZoom={DEFAULT_MIN_ZOOM}\n maxZoom={DEFAULT_MAX_ZOOM}\n zoomPosition={breakpoints.sm ? \"bottom-right\" : undefined}\n pitch={map.pitch}\n bearing={map.bearing}\n cooperativeGestures={map.cooperativeGestures}\n activeMarker={activeMarker}\n >\n <LocalLogicMap.BaseMap>\n <Layers />\n <Markers />\n <Popup />\n </LocalLogicMap.BaseMap>\n </LocalLogicMap.Root>\n )}\n\n {children}\n </div>\n );\n}\n","export const container = `relative bg-base-white w-full h-screen flex flex-col`;\nexport const header = `w-full flex items-center mb-4 gap-4 flex-row-reverse md:flex-row`;\n","import React, { useMemo, useState, useEffect } from \"react\";\n\nimport { useFlags } from \"launchdarkly-react-client-sdk\";\nimport { useTranslation } from \"react-i18next\";\nimport { HorizontalScrollFilters } from \"@local-logic/design-system\";\nimport { Map } from \"../Map\";\nimport * as styles from \"./styles\";\nimport { useNeighborhoodMap } from \"~/sdks/NeighborhoodMap/context\";\nimport { useTracking } from \"~/tracking\";\n\nimport { Attribution } from \"~/components/Attribution\";\n\nimport { icons as poiIcons } from \"~/components/PoiIcon\";\nimport { categories } from \"~/sdks/NeighborhoodMap/constants\";\n\nimport {\n type POICategory,\n TrackingPipelineEvents,\n AnalyticsEvents,\n} from \"~/sdks/NeighborhoodMap/types\";\n\nexport const Content = () => {\n const { t } = useTranslation([\"neighborhoodMap\", \"common\"]);\n const flags = useFlags();\n const tracking = useTracking();\n\n const {\n locale,\n handleMarkerClick,\n activePoiCategory,\n onSelectPoiCategory,\n hideAttribution,\n } = useNeighborhoodMap();\n const [dialogSelectedPoiCategory, setDialogSelectedPoiCategory] = useState<\n POICategory | undefined\n >();\n\n useEffect(() => {\n handleMarkerClick(undefined);\n setDialogSelectedPoiCategory(activePoiCategory);\n }, [activePoiCategory]);\n\n const poiCategories = useMemo(\n () =>\n categories.map((category) => ({\n key: category as POICategory,\n icon: poiIcons[category],\n })),\n [flags],\n );\n\n const handleOnSelectCategory = (category: POICategory) => {\n onSelectPoiCategory(category);\n\n tracking.postEvent({\n eventType: TrackingPipelineEvents.CATEGORY_CLICKED,\n eventAttributes: [\n {\n label: \"category\",\n data: category,\n },\n ],\n });\n\n tracking.trackAnalyticsEvent({\n eventName: AnalyticsEvents.CATEGORY_CLICKED,\n eventAttributes: {\n ll_category: category,\n },\n });\n };\n\n const handleOnDialogSelectCategory = (category: POICategory) => {\n setDialogSelectedPoiCategory(\n dialogSelectedPoiCategory === category ? undefined : category,\n );\n };\n\n const handleResetFilters = () => {\n onSelectPoiCategory(undefined);\n };\n\n const handleApplyFilter = () => {\n onSelectPoiCategory(dialogSelectedPoiCategory);\n };\n\n return (\n <div className={styles.container}>\n <HorizontalScrollFilters.Root>\n <div className={styles.header}>\n <HorizontalScrollFilters.ScrollList\n activeFilter={activePoiCategory}\n leftArrowAriaLabel={t(\"filters.navigation.scrollLeftAriaLabel\")}\n rightArrowAriaLabel={t(\"filters.navigation.scrollRightAriaLabel\")}\n >\n {poiCategories.map(({ key, icon }) => (\n <HorizontalScrollFilters.Filter<POICategory>\n key={`category-${key}`}\n filter={key}\n label={t(`common:pois.${key}`)}\n icon={icon}\n isActive={key === activePoiCategory}\n onSelectFilter={handleOnSelectCategory}\n />\n ))}\n </HorizontalScrollFilters.ScrollList>\n <HorizontalScrollFilters.DialogTrigger\n label={t(\"filters.navigation.allFiltersAriaLabel\")}\n />\n </div>\n\n <HorizontalScrollFilters.Dialog\n title={t(\"filters.popup.title\")}\n description={t(\"filters.popup.description\")}\n applyLabel={t(\"filters.popup.cta.apply\")}\n resetLabel={t(\"filters.popup.cta.reset\")}\n onReset={handleResetFilters}\n onApply={handleApplyFilter}\n >\n {poiCategories.map(({ key, icon }) => (\n <HorizontalScrollFilters.Filter<POICategory>\n key={`dialog-category-${key}`}\n filter={key}\n label={t(`common:pois.${key}`)}\n icon={icon}\n isActive={key === dialogSelectedPoiCategory}\n onSelectFilter={handleOnDialogSelectCategory}\n />\n ))}\n </HorizontalScrollFilters.Dialog>\n </HorizontalScrollFilters.Root>\n\n <Map />\n\n <Attribution\n sdkName=\"neighborhood-map\"\n locale={locale}\n isHidden={hideAttribution}\n />\n </div>\n );\n};\n","import { ObjectSchema, number, object, mixed, string, boolean } from \"yup\";\nimport { Options } from \"./types\";\nimport { MapProvider } from \"~/types/options\";\n\nexport const schema: ObjectSchema<Options> = object({\n theme: string().oneOf([\"day\", \"night\"]).optional(),\n lat: number()\n .min(-90, \"Must be a valid latitude.\")\n .max(90, \"Must be a valid latitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n lng: number()\n .min(-180, \"Must be a valid longitude.\")\n .max(180, \"Must be a valid longitude.\")\n .when(\"geographyId\", {\n is: (geographyId?: string) => typeof geographyId === \"string\",\n then: (fieldSchema) => fieldSchema.optional(),\n otherwise: (fieldSchema) => fieldSchema.required(),\n }),\n geographyId: string().optional(),\n zoom: number().optional(),\n pitch: number().optional(),\n bearing: number().optional(),\n cooperativeGestures: boolean().optional(),\n mapProvider: mixed<MapProvider>().optional(),\n hideAttribution: boolean().optional(),\n showSchoolRatings: boolean().optional(),\n}).noUnknown(true);\n","import React, { useMemo } from \"react\";\n\nimport { Content } from \"./components/Content\";\nimport { NeighborhoodMapProvider } from \"./context\";\nimport { schema } from \"./schema\";\nimport { NeighborhoodMapProps } from \"./types\";\n\nimport { TrackingProvider, initializeAnalytics } from \"~/tracking\";\n\n// TODO Move this import to sdks/sdks-app/src/App.tsx once all SDKs are migrated\nimport \"~/assets/styles/globals.css\";\n\nimport { ValidateOptions } from \"~/components/ValidateOptions\";\nimport { LocalLogicProvider } from \"~/context/LocalLogicProvider\";\nimport { useStateManagerContext } from \"~/context/stateManager\";\nimport useIsMobile from \"~/hooks/useIsMobile\";\nimport { ProductNames } from \"~/types\";\nimport { ANALYTICS_SETTINGS } from \"~/constants/analytics\";\n\ninitializeAnalytics(ANALYTICS_SETTINGS.neighborhoodWrap.key);\n\nconst NeighborhoodMap = () => {\n const { sdkState } = useStateManagerContext<NeighborhoodMapProps>();\n const isMobile = useIsMobile();\n const locale = sdkState.globalOptions?.locale || \"en\";\n\n const location = useMemo(() => {\n if (sdkState.options?.geographyId) {\n return {\n geographyId: sdkState.options?.geographyId,\n };\n }\n\n return {\n lat: sdkState.options?.lat,\n lng: sdkState.options?.lng,\n };\n }, [\n sdkState.options?.lat,\n sdkState.options?.lng,\n sdkState.options?.geographyId,\n ]);\n\n return (\n <ValidateOptions\n sdk=\"Neighborhood Map\"\n schema={schema}\n options={sdkState.options!}\n >\n <LocalLogicProvider\n environment={sdkState.globalOptions?.environment?.api}\n apiKey={sdkState.apiKey}\n appearance={sdkState.globalOptions?.appearance}\n locale={sdkState.globalOptions?.locale}\n product={ProductNames.NEIGHBORHOOD_MAP}\n >\n <TrackingProvider\n trackingPipelineSettings={{\n apiKey: sdkState.apiKey || \"\",\n }}\n analyticsSettings={ANALYTICS_SETTINGS.neighborhoodWrap}\n meta={{\n clientId: sdkState.clientId,\n productName: ProductNames.NEIGHBORHOOD_MAP,\n productVersion: FULL_APP_VERSION,\n }}\n attributes={{\n location,\n host: sdkState.location,\n host_url: document.referrer,\n locale,\n isMobile,\n }}\n flags={{\n isDebugMode:\n import.meta.env.VITE_TRACKING_PIPELINE_DEBUG === \"true\",\n }}\n >\n <NeighborhoodMapProvider>\n <Content />\n </NeighborhoodMapProvider>\n </TrackingProvider>\n </LocalLogicProvider>\n </ValidateOptions>\n );\n};\n\nexport default NeighborhoodMap;\n"],"mappings":"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"}
|
package/dist/assets/{NeighborhoodMap-legacy-CSmAZuD2.js → NeighborhoodMap-legacy-Dzr11Edf.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(){const e=["children"];function o(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,i)}return t}function t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach(function(o){i(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function i(e,o,t){return(o=function(e){var o=function(e,o){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,o||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(e)}(e,"string");return"symbol"==typeof o?o:o+""}(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}System.register(["./rolldown-runtime-legacy-dtqCu9Cl.js","./google-maps-vendor-legacy-D5NgIsmz.js","./sdks-legacy-DQ7jLJZE.js","./getMapProviderConfig-legacy-BqZuG0-K.js","./index-legacy-BzMlHwaA.js","./index.es-legacy-CLQaVm5G.js","./useGeographies-legacy-CcWz8DvM.js","./useResponsiveBreakpoints-legacy-CfoMoiQ8.js","./Attribution-legacy-BNtn1w7h.js","./globals-legacy-CFLw8JiR.js","./ValidateOptions-legacy-CRx_un0J.js","./useIsMobile-legacy-zb8bPQUw.js"],function(o,i){var n,r,l,a,s,c,d,u,p,g,v,m,y,h,f,b,k,j,C,O,P,_,I,E,x,M,A,L,D,w,S,K,N,R,G,T,z,V,$,F,B,W,H,Y,U,q;function Z(){const{geography:e,activeMarkerDetails:o}=F(),t=(0,N.useMemo)(()=>getComputedStyle(document.documentElement).getPropertyValue("--ll-colors-primary-100")||W,[]),i=(0,N.useMemo)(()=>{const o=[];if(!(void 0===(null==e?void 0:e.geometry)||Array.isArray(e.geometry)&&0===e.geometry.length))return e.geometry.forEach((e,i)=>{o.push({key:`neighborhood-geometry-${i}`,layer:[{type:"fill",color:t},{type:"line",color:t}],geometry:[e]})}),o},[e,t]),n=(0,N.useMemo)(()=>{var e;const t=o;if(void 0===(null==t?void 0:t.catchments)||0===(null===(e=t.catchments)||void 0===e?void 0:e.length))return;const i=[];return t.catchments.forEach((e,o)=>{Array.isArray(e.geometry)&&e.geometry.length>0&&e.geometry.forEach((e,t)=>{i.push({key:`school-catchment-${o}-geom-${t}`,layer:[{type:"fill",color:H},{type:"line",color:H}],geometry:[e]})})}),i},[o]);return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(f.Layers,{sources:i}),(0,V.jsx)(f.Layers,{sources:n})]})}function J(){const e=g(),{isLoading:o,activePoiCategory:t,markersData:i,handleMarkerClick:n}=F(),r=(0,N.useMemo)(()=>{if(void 0!==t)return C[t]},[t]),l=(0,N.useMemo)(()=>void 0===t?[]:Array.from((i||[]).map(e=>({id:k(e.lat,e.lng,e.name),latitude:e.lat,longitude:e.lng,name:e.name,icon:r})).reduce((e,o)=>(e.set(o.id,o),e),new Map).values()),[i,r,t]);return(0,V.jsx)(f.Markers,{isLoading:o,markers:l,clusterIcon:r,onClick:o=>{if(n(o),!t||!o)return;const i={category:t};o.markers.length>1?(i.isCluster=!0,i.clusterSize=o.markers.length,i.lat=o.latitude,i.lng=o.longitude):1===o.markers.length&&Object.entries(o.markers[0]).forEach(([e,o])=>{if("boolean"==typeof o||"string"==typeof o||"number"==typeof o){if("id"===e)return;i[e]=o}}),e.postEvent({eventType:R.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,o])=>({label:e,data:o}))}),e.trackAnalyticsEvent({eventName:G.POI_CLICKED,eventAttributes:i})}})}function Q(){const e=g(),{activePoiCategory:o,activeMarker:t,activeMarkerDetails:i,handleMarkerClick:n,showSchoolRatings:r}=F(),l=t=>{if(!o||!i)return;const n={category:o};Object.entries(i).forEach(([e,o])=>{"boolean"!=typeof o&&"string"!=typeof o&&"number"!=typeof o||(n[e]=o)}),n.clickedUrl=t,e.postEvent({eventType:R.POI_LINK_CLICKED,eventAttributes:Object.entries(n).map(([e,o])=>({label:e,data:o}))}),e.trackAnalyticsEvent({eventName:G.POI_LINK_CLICKED,eventAttributes:n})};return(0,V.jsxs)(f.Popup,{latitude:null==t?void 0:t.latitude,longitude:null==t?void 0:t.longitude,onClose:()=>n(void 0),children:[(0,V.jsx)(b,{activeMarker:t,onMarkerSelected:t=>{if(n({id:t.id,latitude:t.latitude,longitude:t.longitude,markers:[t]}),!o)return;const i={category:o};Object.entries(t).forEach(([e,o])=>{"boolean"!=typeof o&&"string"!=typeof o&&"number"!=typeof o||(i[e]=o)}),e.postEvent({eventType:R.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,o])=>({label:e,data:o}))}),e.trackAnalyticsEvent({eventName:G.POI_CLICKED,eventAttributes:i})},onClose:n}),(0,V.jsx)(j,{marker:i,poiCategory:o,onLocationLinkClick:l,onSchoolLinkClick:l,onClose:n,showSchoolRatings:r})]})}function X(o){var i,n,r,l;let{children:a}=o,s=function(e,o){if(null==e)return{};var t,i,n=function(e,o){if(null==e)return{};var t={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==o.indexOf(i))continue;t[i]=e[i]}return t}(e,o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],-1===o.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(o,e);const c=D(),{isGeographyLoading:d,locale:u,map:p,activeMarker:g,geography:v}=F(),m=(0,N.useMemo)(()=>{var e,o,t;return O(null===(e=p.mapProvider)||void 0===e?void 0:e.name,null===(o=p.mapProvider)||void 0===o?void 0:o.key,null===(t=p.mapProvider)||void 0===t?void 0:t.theme)},[null===(i=p.mapProvider)||void 0===i?void 0:i.name,null===(n=p.mapProvider)||void 0===n?void 0:n.key,null===(r=p.mapProvider)||void 0===r?void 0:r.theme]),y=(0,N.useMemo)(()=>{if(void 0===v||null==v||!v.geometry)return;const e=v.geometry.flatMap(e=>e[0]||[]);return e&&0!==e.length?e.map(e=>[e[1],e[0]]):void 0},[v]);return d?null:(0,V.jsxs)("div",t(t({className:Y},s),{},{children:[void 0!==v&&(0,V.jsx)(f.Root,{locale:u,region:"Canada"===(null==v||null===(l=v.country)||void 0===l?void 0:l.en)?"CA":"US",mapProvider:m,mapPadding:T[c.sm?"mobile":"desktop"],locationBoundary:y,center:{latitude:null==v?void 0:v.centroid.lat,longitude:null==v?void 0:v.centroid.lng},zoom:p.zoom,minZoom:2,maxZoom:17,zoomPosition:c.sm?"bottom-right":void 0,pitch:p.pitch,bearing:p.bearing,cooperativeGestures:p.cooperativeGestures,activeMarker:g,children:(0,V.jsxs)(f.BaseMap,{children:[(0,V.jsx)(Z,{}),(0,V.jsx)(J,{}),(0,V.jsx)(Q,{})]})}),a]}))}return{setters:[function(e){n=e.a},function(e){r=e.l},function(e){l=e.a,a=e.c,s=e.d,c=e.f,d=e.g,u=e.m,p=e.n,g=e.o,v=e.p,m=e.r,y=e.t,h=e.u},function(e){f=e.c,b=e.i,k=e.l,j=e.n,C=e.o,O=e.t,P=e.u},function(e){_=e.Y,I=e.i,E=e.n,x=e.t,M=e.yt},function(e){A=e.n},function(e){L=e.t},function(e){D=e.t},function(e){w=e.t},function(e){},function(e){S=e.t},function(e){K=e.t}],execute:function(){N=n(r(),1),R=function(e){return e.SDK_VIEWED="neighborhood-map-Viewed",e.CATEGORY_CLICKED="neighborhood-map-Category-Clicked",e.POI_CLICKED="neighborhood-map-Poi-Clicked",e.POI_LINK_CLICKED="neighborhood-map-Poi-Link-Clicked",e}({}),G=function(e){return e.SDK_VIEWED="sdk_viewed",e.CATEGORY_CLICKED="category_clicked",e.POI_CLICKED="poi_clicked",e.POI_LINK_CLICKED="poi_link_clicked",e}({}),T={desktop:{top:30,bottom:30,left:30,right:30},mobile:{top:15,bottom:15,left:15,right:15}},z=["primary_schools","high_schools","restaurants","groceries","groceries_specialized","non_food_shops","nightlife","cafes","daycares","bus_stops","rapid_transit_stations","train_stations","parks","fitness","sport_facilities","health_care","pet_care","car_fueling_stations","art_culture_science","home_improvement","personal_care"],V=_(),$=N.createContext({}),F=()=>(0,N.useContext)($),B=({children:e})=>{var o,t,i,n,r,l,a,s,c,d,u;const{sdkState:p}=E(),v=(null===(o=p.globalOptions)||void 0===o?void 0:o.locale)||"en",m=g(),[y,h]=(0,N.useState)(),[f,b]=(0,N.useState)();I(()=>{m.postEvent({eventType:R.SDK_VIEWED,eventAttributes:[{label:"default_category",data:f}]}),m.trackAnalyticsEvent({eventName:G.SDK_VIEWED,eventAttributes:{ll_default_category:f}})});const{isLoading:j,data:C}=L({geogID:null===(t=p.options)||void 0===t?void 0:t.geographyId,location:{lat:null===(i=p.options)||void 0===i?void 0:i.lat,lng:null===(n=p.options)||void 0===n?void 0:n.lng},include:"geometry"}),{geographyId:O,geography:_}=(0,N.useMemo)(()=>{var e,o;const t=Object.entries(C||{});return{geographyId:null===(e=t[0])||void 0===e?void 0:e[0],geography:null===(o=t[0])||void 0===o?void 0:o[1]}},[j,C]),{data:x,isLoading:A}=P({geogId:O,limit:500,categories:f?[f]:void 0}),D=(0,N.useMemo)(()=>[].concat(...Object.values(x||{})),[x]),w=(0,N.useCallback)(e=>{(null==y?void 0:y.latitude)!==(null==e?void 0:e.latitude)||(null==y?void 0:y.longitude)!==(null==e?void 0:e.longitude)?h(e):h(void 0)},[y]),S=(0,N.useMemo)(()=>D&&y&&1===y.markers.length&&D.find(e=>y.markers[0].id===k(e.lat,e.lng,e.name))||null,[y,D]),K=(0,N.useMemo)(()=>j||A,[j,A]);return(0,V.jsx)($.Provider,{value:{locale:v,isLoading:K,isGeographyLoading:j,map:{mapProvider:null===(r=p.options)||void 0===r?void 0:r.mapProvider,zoom:null===(l=p.options)||void 0===l?void 0:l.zoom,pitch:null===(a=p.options)||void 0===a?void 0:a.pitch,bearing:null===(s=p.options)||void 0===s?void 0:s.bearing,cooperativeGestures:null===(c=p.options)||void 0===c?void 0:c.cooperativeGestures},geography:_,activeMarker:y,activeMarkerDetails:S,handleMarkerClick:w,activePoiCategory:f,onSelectPoiCategory:e=>{M.addBreadCrumb("NeighborhoodMapProvider","handleSelectPoiCategory",{category:e}),b(f===e?void 0:e)},markersData:D,hideAttribution:null===(d=p.options)||void 0===d?void 0:d.hideAttribution,showSchoolRatings:null===(u=p.options)||void 0===u?void 0:u.showSchoolRatings},children:e})},W="#008491",H="#9333ea",Y="relative w-full overflow-hidden grow",U=()=>{const{t:e}=d(["neighborhoodMap","common"]),o=x(),t=g(),{locale:i,handleMarkerClick:n,activePoiCategory:r,onSelectPoiCategory:l,hideAttribution:a}=F(),[s,c]=(0,N.useState)();(0,N.useEffect)(()=>{n(void 0),c(r)},[r]);const u=(0,N.useMemo)(()=>z.map(e=>({key:e,icon:C[e]})),[o]),p=e=>{l(e),t.postEvent({eventType:R.CATEGORY_CLICKED,eventAttributes:[{label:"category",data:e}]}),t.trackAnalyticsEvent({eventName:G.CATEGORY_CLICKED,eventAttributes:{ll_category:e}})},v=e=>{c(s===e?void 0:e)};return(0,V.jsxs)("div",{className:"relative bg-base-white w-full h-screen flex flex-col",children:[(0,V.jsxs)(A.Root,{children:[(0,V.jsxs)("div",{className:"w-full flex items-center mb-4 gap-4 flex-row-reverse md:flex-row",children:[(0,V.jsx)(A.ScrollList,{activeFilter:r,leftArrowAriaLabel:e("filters.navigation.scrollLeftAriaLabel"),rightArrowAriaLabel:e("filters.navigation.scrollRightAriaLabel"),children:u.map(({key:o,icon:t})=>(0,V.jsx)(A.Filter,{filter:o,label:e(`common:pois.${o}`),icon:t,isActive:o===r,onSelectFilter:p},`category-${o}`))}),(0,V.jsx)(A.DialogTrigger,{label:e("filters.navigation.allFiltersAriaLabel")})]}),(0,V.jsx)(A.Dialog,{title:e("filters.popup.title"),description:e("filters.popup.description"),applyLabel:e("filters.popup.cta.apply"),resetLabel:e("filters.popup.cta.reset"),onReset:()=>{l(void 0)},onApply:()=>{l(s)},children:u.map(({key:o,icon:t})=>(0,V.jsx)(A.Filter,{filter:o,label:e(`common:pois.${o}`),icon:t,isActive:o===s,onSelectFilter:v},`dialog-category-${o}`))})]}),(0,V.jsx)(X,{}),(0,V.jsx)(w,{sdkName:"neighborhood-map",locale:i,isHidden:a})]})},q=h({theme:c().oneOf(["day","night"]).optional(),lat:s().min(-90,"Must be a valid latitude.").max(90,"Must be a valid latitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),lng:s().min(-180,"Must be a valid longitude.").max(180,"Must be a valid longitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),geographyId:c().optional(),zoom:s().optional(),pitch:s().optional(),bearing:s().optional(),cooperativeGestures:v().optional(),mapProvider:u().optional(),hideAttribution:v().optional(),showSchoolRatings:v().optional()}).noUnknown(!0),a(p.neighborhoodWrap.key),o("default",()=>{var e,o,t,i,n,r,a;const{sdkState:s}=E(),c=K(),d=(null===(e=s.globalOptions)||void 0===e?void 0:e.locale)||"en",u=(0,N.useMemo)(()=>{var e,o,t,i;return null!==(e=s.options)&&void 0!==e&&e.geographyId?{geographyId:null===(o=s.options)||void 0===o?void 0:o.geographyId}:{lat:null===(t=s.options)||void 0===t?void 0:t.lat,lng:null===(i=s.options)||void 0===i?void 0:i.lng}},[null===(o=s.options)||void 0===o?void 0:o.lat,null===(t=s.options)||void 0===t?void 0:t.lng,null===(i=s.options)||void 0===i?void 0:i.geographyId]);return(0,V.jsx)(S,{sdk:"Neighborhood Map",schema:q,options:s.options,children:(0,V.jsx)(m,{environment:null===(n=s.globalOptions)||void 0===n||null===(n=n.environment)||void 0===n?void 0:n.api,apiKey:s.apiKey,appearance:null===(r=s.globalOptions)||void 0===r?void 0:r.appearance,locale:null===(a=s.globalOptions)||void 0===a?void 0:a.locale,product:y.NEIGHBORHOOD_MAP,children:(0,V.jsx)(l,{trackingPipelineSettings:{apiKey:s.apiKey||""},analyticsSettings:p.neighborhoodWrap,meta:{clientId:s.clientId,productName:y.NEIGHBORHOOD_MAP,productVersion:"1.24.63"},attributes:{location:u,host:s.location,host_url:document.referrer,locale:d,isMobile:c},flags:{isDebugMode:!1},children:(0,V.jsx)(B,{children:(0,V.jsx)(U,{})})})})})})}}})}();
|
|
2
|
-
//# sourceMappingURL=NeighborhoodMap-legacy-
|
|
1
|
+
!function(){const e=["children"];function o(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,i)}return t}function t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach(function(o){i(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function i(e,o,t){return(o=function(e){var o=function(e,o){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,o||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(e)}(e,"string");return"symbol"==typeof o?o:o+""}(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}System.register(["./rolldown-runtime-legacy-dtqCu9Cl.js","./google-maps-vendor-legacy-D5NgIsmz.js","./sdks-legacy-BcdXj8R9.js","./getMapProviderConfig-legacy-DRwYzoDU.js","./index-legacy-CdRffLlb.js","./index.es-legacy-DGBuVsHM.js","./useGeographies-legacy-BFHs291p.js","./useResponsiveBreakpoints-legacy-CfoMoiQ8.js","./Attribution-legacy-BbMLLCok.js","./globals-legacy-CFLw8JiR.js","./ValidateOptions-legacy-B4kQEpo7.js","./useIsMobile-legacy-B6-NPP6W.js"],function(o,i){var n,r,l,a,s,c,d,u,p,g,v,m,y,h,f,b,k,j,C,O,P,_,I,E,x,M,A,L,D,w,S,K,N,R,G,T,z,V,$,F,B,W,H,Y,U,q;function Z(){const{geography:e,activeMarkerDetails:o}=F(),t=(0,N.useMemo)(()=>getComputedStyle(document.documentElement).getPropertyValue("--ll-colors-primary-100")||W,[]),i=(0,N.useMemo)(()=>{const o=[];if(!(void 0===(null==e?void 0:e.geometry)||Array.isArray(e.geometry)&&0===e.geometry.length))return e.geometry.forEach((e,i)=>{o.push({key:`neighborhood-geometry-${i}`,layer:[{type:"fill",color:t},{type:"line",color:t}],geometry:[e]})}),o},[e,t]),n=(0,N.useMemo)(()=>{var e;const t=o;if(void 0===(null==t?void 0:t.catchments)||0===(null===(e=t.catchments)||void 0===e?void 0:e.length))return;const i=[];return t.catchments.forEach((e,o)=>{Array.isArray(e.geometry)&&e.geometry.length>0&&e.geometry.forEach((e,t)=>{i.push({key:`school-catchment-${o}-geom-${t}`,layer:[{type:"fill",color:H},{type:"line",color:H}],geometry:[e]})})}),i},[o]);return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(f.Layers,{sources:i}),(0,V.jsx)(f.Layers,{sources:n})]})}function J(){const e=g(),{isLoading:o,activePoiCategory:t,markersData:i,handleMarkerClick:n}=F(),r=(0,N.useMemo)(()=>{if(void 0!==t)return C[t]},[t]),l=(0,N.useMemo)(()=>void 0===t?[]:Array.from((i||[]).map(e=>({id:k(e.lat,e.lng,e.name),latitude:e.lat,longitude:e.lng,name:e.name,icon:r})).reduce((e,o)=>(e.set(o.id,o),e),new Map).values()),[i,r,t]);return(0,V.jsx)(f.Markers,{isLoading:o,markers:l,clusterIcon:r,onClick:o=>{if(n(o),!t||!o)return;const i={category:t};o.markers.length>1?(i.isCluster=!0,i.clusterSize=o.markers.length,i.lat=o.latitude,i.lng=o.longitude):1===o.markers.length&&Object.entries(o.markers[0]).forEach(([e,o])=>{if("boolean"==typeof o||"string"==typeof o||"number"==typeof o){if("id"===e)return;i[e]=o}}),e.postEvent({eventType:R.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,o])=>({label:e,data:o}))}),e.trackAnalyticsEvent({eventName:G.POI_CLICKED,eventAttributes:i})}})}function Q(){const e=g(),{activePoiCategory:o,activeMarker:t,activeMarkerDetails:i,handleMarkerClick:n,showSchoolRatings:r}=F(),l=t=>{if(!o||!i)return;const n={category:o};Object.entries(i).forEach(([e,o])=>{"boolean"!=typeof o&&"string"!=typeof o&&"number"!=typeof o||(n[e]=o)}),n.clickedUrl=t,e.postEvent({eventType:R.POI_LINK_CLICKED,eventAttributes:Object.entries(n).map(([e,o])=>({label:e,data:o}))}),e.trackAnalyticsEvent({eventName:G.POI_LINK_CLICKED,eventAttributes:n})};return(0,V.jsxs)(f.Popup,{latitude:null==t?void 0:t.latitude,longitude:null==t?void 0:t.longitude,onClose:()=>n(void 0),children:[(0,V.jsx)(b,{activeMarker:t,onMarkerSelected:t=>{if(n({id:t.id,latitude:t.latitude,longitude:t.longitude,markers:[t]}),!o)return;const i={category:o};Object.entries(t).forEach(([e,o])=>{"boolean"!=typeof o&&"string"!=typeof o&&"number"!=typeof o||(i[e]=o)}),e.postEvent({eventType:R.POI_CLICKED,eventAttributes:Object.entries(i).map(([e,o])=>({label:e,data:o}))}),e.trackAnalyticsEvent({eventName:G.POI_CLICKED,eventAttributes:i})},onClose:n}),(0,V.jsx)(j,{marker:i,poiCategory:o,onLocationLinkClick:l,onSchoolLinkClick:l,onClose:n,showSchoolRatings:r})]})}function X(o){var i,n,r,l;let{children:a}=o,s=function(e,o){if(null==e)return{};var t,i,n=function(e,o){if(null==e)return{};var t={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==o.indexOf(i))continue;t[i]=e[i]}return t}(e,o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],-1===o.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(o,e);const c=D(),{isGeographyLoading:d,locale:u,map:p,activeMarker:g,geography:v}=F(),m=(0,N.useMemo)(()=>{var e,o,t;return O(null===(e=p.mapProvider)||void 0===e?void 0:e.name,null===(o=p.mapProvider)||void 0===o?void 0:o.key,null===(t=p.mapProvider)||void 0===t?void 0:t.theme)},[null===(i=p.mapProvider)||void 0===i?void 0:i.name,null===(n=p.mapProvider)||void 0===n?void 0:n.key,null===(r=p.mapProvider)||void 0===r?void 0:r.theme]),y=(0,N.useMemo)(()=>{if(void 0===v||null==v||!v.geometry)return;const e=v.geometry.flatMap(e=>e[0]||[]);return e&&0!==e.length?e.map(e=>[e[1],e[0]]):void 0},[v]);return d?null:(0,V.jsxs)("div",t(t({className:Y},s),{},{children:[void 0!==v&&(0,V.jsx)(f.Root,{locale:u,region:"Canada"===(null==v||null===(l=v.country)||void 0===l?void 0:l.en)?"CA":"US",mapProvider:m,mapPadding:T[c.sm?"mobile":"desktop"],locationBoundary:y,center:{latitude:null==v?void 0:v.centroid.lat,longitude:null==v?void 0:v.centroid.lng},zoom:p.zoom,minZoom:2,maxZoom:17,zoomPosition:c.sm?"bottom-right":void 0,pitch:p.pitch,bearing:p.bearing,cooperativeGestures:p.cooperativeGestures,activeMarker:g,children:(0,V.jsxs)(f.BaseMap,{children:[(0,V.jsx)(Z,{}),(0,V.jsx)(J,{}),(0,V.jsx)(Q,{})]})}),a]}))}return{setters:[function(e){n=e.a},function(e){r=e.l},function(e){l=e.a,a=e.c,s=e.d,c=e.f,d=e.g,u=e.m,p=e.n,g=e.o,v=e.p,m=e.r,y=e.t,h=e.u},function(e){f=e.c,b=e.i,k=e.l,j=e.n,C=e.o,O=e.t,P=e.u},function(e){_=e.Y,I=e.i,E=e.n,x=e.t,M=e.yt},function(e){A=e.n},function(e){L=e.t},function(e){D=e.t},function(e){w=e.t},function(e){},function(e){S=e.t},function(e){K=e.t}],execute:function(){N=n(r(),1),R=function(e){return e.SDK_VIEWED="neighborhood-map-Viewed",e.CATEGORY_CLICKED="neighborhood-map-Category-Clicked",e.POI_CLICKED="neighborhood-map-Poi-Clicked",e.POI_LINK_CLICKED="neighborhood-map-Poi-Link-Clicked",e}({}),G=function(e){return e.SDK_VIEWED="sdk_viewed",e.CATEGORY_CLICKED="category_clicked",e.POI_CLICKED="poi_clicked",e.POI_LINK_CLICKED="poi_link_clicked",e}({}),T={desktop:{top:30,bottom:30,left:30,right:30},mobile:{top:15,bottom:15,left:15,right:15}},z=["primary_schools","high_schools","restaurants","groceries","groceries_specialized","non_food_shops","nightlife","cafes","daycares","bus_stops","rapid_transit_stations","train_stations","parks","fitness","sport_facilities","health_care","pet_care","car_fueling_stations","art_culture_science","home_improvement","personal_care"],V=_(),$=N.createContext({}),F=()=>(0,N.useContext)($),B=({children:e})=>{var o,t,i,n,r,l,a,s,c,d,u;const{sdkState:p}=E(),v=(null===(o=p.globalOptions)||void 0===o?void 0:o.locale)||"en",m=g(),[y,h]=(0,N.useState)(),[f,b]=(0,N.useState)();I(()=>{m.postEvent({eventType:R.SDK_VIEWED,eventAttributes:[{label:"default_category",data:f}]}),m.trackAnalyticsEvent({eventName:G.SDK_VIEWED,eventAttributes:{ll_default_category:f}})});const{isLoading:j,data:C}=L({geogID:null===(t=p.options)||void 0===t?void 0:t.geographyId,location:{lat:null===(i=p.options)||void 0===i?void 0:i.lat,lng:null===(n=p.options)||void 0===n?void 0:n.lng},include:"geometry"}),{geographyId:O,geography:_}=(0,N.useMemo)(()=>{var e,o;const t=Object.entries(C||{});return{geographyId:null===(e=t[0])||void 0===e?void 0:e[0],geography:null===(o=t[0])||void 0===o?void 0:o[1]}},[j,C]),{data:x,isLoading:A}=P({geogId:O,limit:500,categories:f?[f]:void 0}),D=(0,N.useMemo)(()=>[].concat(...Object.values(x||{})),[x]),w=(0,N.useCallback)(e=>{(null==y?void 0:y.latitude)!==(null==e?void 0:e.latitude)||(null==y?void 0:y.longitude)!==(null==e?void 0:e.longitude)?h(e):h(void 0)},[y]),S=(0,N.useMemo)(()=>D&&y&&1===y.markers.length&&D.find(e=>y.markers[0].id===k(e.lat,e.lng,e.name))||null,[y,D]),K=(0,N.useMemo)(()=>j||A,[j,A]);return(0,V.jsx)($.Provider,{value:{locale:v,isLoading:K,isGeographyLoading:j,map:{mapProvider:null===(r=p.options)||void 0===r?void 0:r.mapProvider,zoom:null===(l=p.options)||void 0===l?void 0:l.zoom,pitch:null===(a=p.options)||void 0===a?void 0:a.pitch,bearing:null===(s=p.options)||void 0===s?void 0:s.bearing,cooperativeGestures:null===(c=p.options)||void 0===c?void 0:c.cooperativeGestures},geography:_,activeMarker:y,activeMarkerDetails:S,handleMarkerClick:w,activePoiCategory:f,onSelectPoiCategory:e=>{M.addBreadCrumb("NeighborhoodMapProvider","handleSelectPoiCategory",{category:e}),b(f===e?void 0:e)},markersData:D,hideAttribution:null===(d=p.options)||void 0===d?void 0:d.hideAttribution,showSchoolRatings:null===(u=p.options)||void 0===u?void 0:u.showSchoolRatings},children:e})},W="#008491",H="#9333ea",Y="relative w-full overflow-hidden grow",U=()=>{const{t:e}=d(["neighborhoodMap","common"]),o=x(),t=g(),{locale:i,handleMarkerClick:n,activePoiCategory:r,onSelectPoiCategory:l,hideAttribution:a}=F(),[s,c]=(0,N.useState)();(0,N.useEffect)(()=>{n(void 0),c(r)},[r]);const u=(0,N.useMemo)(()=>z.map(e=>({key:e,icon:C[e]})),[o]),p=e=>{l(e),t.postEvent({eventType:R.CATEGORY_CLICKED,eventAttributes:[{label:"category",data:e}]}),t.trackAnalyticsEvent({eventName:G.CATEGORY_CLICKED,eventAttributes:{ll_category:e}})},v=e=>{c(s===e?void 0:e)};return(0,V.jsxs)("div",{className:"relative bg-base-white w-full h-screen flex flex-col",children:[(0,V.jsxs)(A.Root,{children:[(0,V.jsxs)("div",{className:"w-full flex items-center mb-4 gap-4 flex-row-reverse md:flex-row",children:[(0,V.jsx)(A.ScrollList,{activeFilter:r,leftArrowAriaLabel:e("filters.navigation.scrollLeftAriaLabel"),rightArrowAriaLabel:e("filters.navigation.scrollRightAriaLabel"),children:u.map(({key:o,icon:t})=>(0,V.jsx)(A.Filter,{filter:o,label:e(`common:pois.${o}`),icon:t,isActive:o===r,onSelectFilter:p},`category-${o}`))}),(0,V.jsx)(A.DialogTrigger,{label:e("filters.navigation.allFiltersAriaLabel")})]}),(0,V.jsx)(A.Dialog,{title:e("filters.popup.title"),description:e("filters.popup.description"),applyLabel:e("filters.popup.cta.apply"),resetLabel:e("filters.popup.cta.reset"),onReset:()=>{l(void 0)},onApply:()=>{l(s)},children:u.map(({key:o,icon:t})=>(0,V.jsx)(A.Filter,{filter:o,label:e(`common:pois.${o}`),icon:t,isActive:o===s,onSelectFilter:v},`dialog-category-${o}`))})]}),(0,V.jsx)(X,{}),(0,V.jsx)(w,{sdkName:"neighborhood-map",locale:i,isHidden:a})]})},q=h({theme:c().oneOf(["day","night"]).optional(),lat:s().min(-90,"Must be a valid latitude.").max(90,"Must be a valid latitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),lng:s().min(-180,"Must be a valid longitude.").max(180,"Must be a valid longitude.").when("geographyId",{is:e=>"string"==typeof e,then:e=>e.optional(),otherwise:e=>e.required()}),geographyId:c().optional(),zoom:s().optional(),pitch:s().optional(),bearing:s().optional(),cooperativeGestures:v().optional(),mapProvider:u().optional(),hideAttribution:v().optional(),showSchoolRatings:v().optional()}).noUnknown(!0),a(p.neighborhoodWrap.key),o("default",()=>{var e,o,t,i,n,r,a;const{sdkState:s}=E(),c=K(),d=(null===(e=s.globalOptions)||void 0===e?void 0:e.locale)||"en",u=(0,N.useMemo)(()=>{var e,o,t,i;return null!==(e=s.options)&&void 0!==e&&e.geographyId?{geographyId:null===(o=s.options)||void 0===o?void 0:o.geographyId}:{lat:null===(t=s.options)||void 0===t?void 0:t.lat,lng:null===(i=s.options)||void 0===i?void 0:i.lng}},[null===(o=s.options)||void 0===o?void 0:o.lat,null===(t=s.options)||void 0===t?void 0:t.lng,null===(i=s.options)||void 0===i?void 0:i.geographyId]);return(0,V.jsx)(S,{sdk:"Neighborhood Map",schema:q,options:s.options,children:(0,V.jsx)(m,{environment:null===(n=s.globalOptions)||void 0===n||null===(n=n.environment)||void 0===n?void 0:n.api,apiKey:s.apiKey,appearance:null===(r=s.globalOptions)||void 0===r?void 0:r.appearance,locale:null===(a=s.globalOptions)||void 0===a?void 0:a.locale,product:y.NEIGHBORHOOD_MAP,children:(0,V.jsx)(l,{trackingPipelineSettings:{apiKey:s.apiKey||""},analyticsSettings:p.neighborhoodWrap,meta:{clientId:s.clientId,productName:y.NEIGHBORHOOD_MAP,productVersion:"1.24.64"},attributes:{location:u,host:s.location,host_url:document.referrer,locale:d,isMobile:c},flags:{isDebugMode:!1},children:(0,V.jsx)(B,{children:(0,V.jsx)(U,{})})})})})})}}})}();
|
|
2
|
+
//# sourceMappingURL=NeighborhoodMap-legacy-Dzr11Edf.js.map
|