{"version":3,"file":"static/chunks/706.449dce08310c9ec1.js","mappings":"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","sources":["webpack://_N_E/./src/hooks/useDebounce.js","webpack://_N_E/./src/components/organism/LeafletMap.jsx","webpack://_N_E/./src/components/organism/LeafletMapStyles.module.scss"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDebounce = (value, timeout) => {\n    const [state, setState] = useState(value);\n    \n    useEffect(() => {\n        const handler = setTimeout(() => setState(value), timeout);\n        return () => clearTimeout(handler);\n    }, [value, timeout]);\n    \n    return state;\n};\n\nexport default useDebounce;\n","\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport L, { Browser } from \"leaflet\";\nimport {\n\tMapContainer,\n\tMarker,\n\tTileLayer,\n\tTooltip,\n\tuseMap,\n\tuseMapEvents,\n} from \"react-leaflet\";\nimport useDebounce from \"@/hooks/useDebounce\";\nimport { trackStepOnMapClick } from \"@/utils/mixpanel\";\nimport MarkerClusterGroup from \"react-leaflet-markercluster\";\nimport classNames from \"classnames\";\n\nimport \"leaflet/dist/leaflet.css\";\nimport styles from \"./LeafletMapStyles.module.scss\";\nimport { GlutenFreeIcons } from \"@/constants/gluten-free\";\n\nlet isStepClicked = false;\nlet allowClick = true;\n\nconst Config = {\n\tuser_name: \"stepsprod\",\n\tstyle_id: \"ckncu0enk1tdx17n0ruk0rz5k\",\n\tnew_style_id: \"clluv246y00d601qy1uf3guav\",\n\taccess_token:\n\t\t\"pk.eyJ1Ijoic3RlcHNwcm9kIiwiYSI6ImNrbW5va2Y0bTB5eGEycXJ6aTVnYnh2aXMifQ.ybxcnXuaQ4WB00KuJdvuWg\",\n};\n\nexport const stepIcon = {\n\tselectedStep: {\n\t\tkey: \"selectedStepIcon\",\n\t\tsrc: \"/images/MarkerSelected.svg\",\n\t\tsize: [36, 36],\n\t},\n\tghostStep: {\n\t\tkey: \"ghostStepIcon\",\n\t\tsrc: \"/images/top-ten/ghost-step-marker.svg\",\n\t},\n\tstep: {\n\t\tkey: \"stepIcon\",\n\t\tsrc: \"/images/Marker.svg\",\n\t\tsize: [36, 36],\n\t},\n\tarchived: {\n\t\tkey: \"archivedStepIcon\",\n\t\tsrc: \"/images/top-ten/archived-step-marker.svg\",\n\t},\n\tselectedArchivedStep: {\n\t\tkey: \"selectedArchivedStepIcon\",\n\t\tsrc: \"/images/top-ten/selected-archived-step-marker.svg\",\n\t},\n};\n\nconst createClusterCustomIcon = function (cluster) {\n\tconst markers = cluster.getAllChildMarkers();\n\tlet markerWithMostRecs = {\n\t\ttotal_recommendations: 0,\n\t};\n\n\tmarkers.forEach((item) => {\n\t\tif (\n\t\t\titem.options.place.total_recommendations >\n\t\t\tmarkerWithMostRecs.total_recommendations\n\t\t) {\n\t\t\tmarkerWithMostRecs = item.options.place;\n\t\t}\n\t});\n\n\tconst iconUrl = markerWithMostRecs.matchedMarker.getSrc(\n\t\tmarkerWithMostRecs.icon,\n\t\tmarkerWithMostRecs.total_recommendations || 0\n\t);\n\n\tconst icon = L.divIcon({\n\t\tclassName: \"custom-cluster-icon\",\n\t\thtml: `\n          <div class=\"request-popup\">\n            <div class=\"${styles.clusterMarkerTitle}\">\n                ${markerWithMostRecs.title}\n            </div>\n            <img src=\"${iconUrl}\" alt=\"${markerWithMostRecs.title}\"/>\n          </div>\n        `,\n\t});\n\n\t// return L.icon({\n\t//     name: 'clusterIcon',\n\t//     title: 'foo',\n\t//     tooltipAnchor: [0, 0],\n\t//     iconUrl: iconUrl,\n\t// })\n\treturn icon;\n};\n\nconst MapSTPS = ({\n\tcenter,\n\tzoom,\n\tsteps = [],\n\tflyToPosition,\n\tselectedStepsIds = [],\n\tisFitBoundsBySteps,\n\tonClickMap,\n\tonClickStep,\n\tonZoomStart,\n\tonZoomEnd,\n\tonDragEnd,\n\tonDragStart,\n\tzoomControl,\n\tupdateMapCenter,\n\tscrollWheelZoom,\n\tchildren,\n\tmarker = stepIcon.step,\n\tmarkers = [],\n\tdisableZoomEvents = false,\n\tenforceStaticMap = false,\n\tshowAllTooltips = false,\n\tisClusterMap = false,\n\twithMapEvents = true,\n\tisMobile = false,\n}) => {\n\tconst [hoveredStep, setHoveredStep] = useState(null);\n\tconst [selectedStepId, setSelectedStepId] = useState(steps[0]?._id);\n\n\tconst createStepIcon = (type) => {\n\t\treturn L.icon({\n\t\t\ticonUrl: type.src,\n\t\t\ticonSize: type.size,\n\t\t});\n\t};\n\n\tconst markerEventHandlers = (step) => ({\n\t\tclick: () => {\n\t\t\thandleStepOnMapClick(step);\n\t\t\tonClickStep && onClickStep(step);\n\t\t},\n\t\tmouseover: (e) => {\n\t\t\tsetHoveredStep(step._id);\n\t\t\te.target.openPopup();\n\t\t},\n\t\tmouseout: (e) => {\n\t\t\tsetHoveredStep(null);\n\t\t\te.target.closePopup();\n\t\t},\n\t});\n\n\tconst handleStepOnMapClick = (step) => {\n\t\ttrackStepOnMapClick(step);\n\t};\n\n\tuseEffect(() => {\n\t\tif (selectedStepsIds.length > 0) {\n\t\t\tsetSelectedStepId(selectedStepsIds[0]);\n\t\t} else if (hoveredStep) {\n\t\t\tsetSelectedStepId(hoveredStep?._id);\n\t\t} else if (selectedStepId !== steps[0]?._id) {\n\t\t\tsetSelectedStepId(steps[0]?._id);\n\t\t}\n\t}, [selectedStepsIds, hoveredStep, steps]);\n\n\tconst stepsWithMarkers = useMemo(() => {\n\t\treturn steps.map((step, index) => {\n\t\t\tconst isSelected = selectedStepId === step._id;\n\t\t\tlet icon;\n\t\t\tlet matchedMarker;\n\n\t\t\tif (markers.length > 0) {\n\t\t\t\tmatchedMarker = markers.find((marker) => marker.key === step.icon);\n\t\t\t\tif (matchedMarker) {\n\t\t\t\t\tconst type = isSelected ? GlutenFreeIcons.SELECTED : step.icon;\n\t\t\t\t\ticon = createStepIcon(\n\t\t\t\t\t\t{ src: matchedMarker.getSrc(type, index + 1) } || marker\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if (isSelected) {\n\t\t\t\ticon = createStepIcon(stepIcon.selectedStep);\n\t\t\t} else {\n\t\t\t\ticon = createStepIcon(marker);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<Marker\n\t\t\t\t\tkey={step._id}\n\t\t\t\t\tposition={[step.lat, step.lon]}\n\t\t\t\t\tplace={{ ...step, matchedMarker }}\n\t\t\t\t\teventHandlers={markerEventHandlers(step)}\n\t\t\t\t\ticon={icon}\n\t\t\t\t\tzIndexOffset={isSelected ? 2000 : 500}>\n\t\t\t\t\t{(isSelected || showAllTooltips) && (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tclassName=\"request-popup\"\n\t\t\t\t\t\t\tdirection=\"top\"\n\t\t\t\t\t\t\tpermanent={isSelected || showAllTooltips}>\n\t\t\t\t\t\t\t<div className={classNames(styles.popupTitle, \"relative\")}>\n\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t)}\n\t\t\t\t</Marker>\n\t\t\t);\n\t\t});\n\t}, [steps, showAllTooltips, selectedStepId]);\n\n\treturn (\n\t\t<span className={styles.container}>\n\t\t\t<MapContainer\n\t\t\t\tcenter={center}\n\t\t\t\tzoom={zoom || 4}\n\t\t\t\tzoomControl={false}\n\t\t\t\tdoubleClickZoom={false}\n\t\t\t\tminZoom={2}\n\t\t\t\tmaxZoom={20}\n\t\t\t\tscrollWheelZoom={scrollWheelZoom}\n\t\t\t\tmaxBounds={[\n\t\t\t\t\t[85, 180],\n\t\t\t\t\t[85, -180],\n\t\t\t\t\t[-85, -180],\n\t\t\t\t\t[-85, 180],\n\t\t\t\t]}\n\t\t\t\tstyle={{\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tposition: isMobile && !enforceStaticMap ? \"fixed\" : \"static\",\n\t\t\t\t\ttop: 0,\n\t\t\t\t}}>\n\t\t\t\t{children}\n\t\t\t\t<TileLayer\n\t\t\t\t\tmaxZoom={20}\n\t\t\t\t\tattribution='&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors'\n\t\t\t\t\turl={`https://api.mapbox.com/styles/v1/${Config.user_name}/${Config.new_style_id}/tiles/256/{z}/{x}/{y}@2x?access_token=${Config.access_token}`}\n\t\t\t\t/>\n\t\t\t\t{isClusterMap ? (\n\t\t\t\t\t<MarkerClusterGroup\n\t\t\t\t\t\t// maxClusterRadius={50}\n\t\t\t\t\t\tshowCoverageOnHover={false}\n\t\t\t\t\t\ticonCreateFunction={createClusterCustomIcon}>\n\t\t\t\t\t\t{stepsWithMarkers}\n\t\t\t\t\t</MarkerClusterGroup>\n\t\t\t\t) : (\n\t\t\t\t\tstepsWithMarkers\n\t\t\t\t)}\n\t\t\t\t{withMapEvents ? (\n\t\t\t\t\t<MapEvents\n\t\t\t\t\t\tdisableZoomEvents={disableZoomEvents}\n\t\t\t\t\t\tflyToPosition={flyToPosition}\n\t\t\t\t\t\tsteps={steps}\n\t\t\t\t\t\tisFitBoundsBySteps={isFitBoundsBySteps}\n\t\t\t\t\t\tonClickMap={onClickMap}\n\t\t\t\t\t\tonClickStep={onClickStep}\n\t\t\t\t\t\tonZoomStart={onZoomStart}\n\t\t\t\t\t\tonZoomEnd={onZoomEnd}\n\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\tzoomControl={zoomControl}\n\t\t\t\t\t\tupdateMapCenter={updateMapCenter}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</MapContainer>\n\t\t</span>\n\t);\n};\n\nconst MapEvents = ({\n\tflyToPosition,\n\tsteps,\n\tisFitBoundsBySteps,\n\tonClickMap,\n\tonClickStep,\n\tonZoomStart,\n\tonZoomEnd,\n\tonDragStart,\n\tonDragEnd,\n\tzoomControl,\n\tdisableZoomEvents,\n\tupdateMapCenter,\n}) => {\n\tconst mapRef = useMap();\n\tconst [mapCenterState, setMapCenterState] = useState(null);\n\tconst mapCenterDebounce = useDebounce(mapCenterState, 50);\n\n\tuseEffect(() => {\n\t\tif (mapCenterDebounce && updateMapCenter)\n\t\t\tupdateMapCenter({\n\t\t\t\tposition: mapRef.getCenter(),\n\t\t\t\tzoom: mapRef.getZoom(),\n\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t});\n\t}, [mapCenterDebounce]);\n\n\tuseEffect(() => {\n\t\tif (mapRef && isFitBoundsBySteps) {\n\t\t\tconst latslons = steps.map((step) => [step.lat, step.lon]);\n\t\t\tmapRef.fitBounds(latslons, { padding: [10, 10] });\n\t\t}\n\t}, [steps, isFitBoundsBySteps, mapRef]);\n\n\tuseEffect(() => {\n\t\tif (flyToPosition) {\n\t\t\tlet isAnimation = true;\n\t\t\tconst lat = flyToPosition?.lat || flyToPosition[0];\n\t\t\tconst lon = flyToPosition?.lng || flyToPosition?.lon || flyToPosition[1];\n\t\t\tconst northEast = mapRef.getBounds().getNorthEast();\n\t\t\tconst southWest = mapRef.getBounds().getSouthWest();\n\t\t\tif (\n\t\t\t\tlat < southWest.lat ||\n\t\t\t\tlat > northEast.lat ||\n\t\t\t\tlon < southWest.lng ||\n\t\t\t\tlon > northEast.lng\n\t\t\t)\n\t\t\t\tisAnimation = false;\n\n\t\t\tconst currentZoom = mapRef.getZoom();\n\t\t\tmapRef.setView(flyToPosition, currentZoom, {\n\t\t\t\tanimate: isAnimation,\n\t\t\t\tduration: 1.5,\n\t\t\t});\n\t\t\tsetMapCenterState({\n\t\t\t\tposition: mapRef.getCenter(),\n\t\t\t\tzoom: mapRef.getZoom(),\n\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t});\n\t\t}\n\t}, [flyToPosition]);\n\n\tuseMapEvents({\n\t\tclick(e) {\n\t\t\tif (Browser.safari) {\n\t\t\t\tif (!allowClick) return;\n\t\t\t\tallowClick = false;\n\t\t\t\tsetTimeout(() => (allowClick = true), 200); // handle safari issue (bug on leaflet)\n\t\t\t}\n\t\t\tif (onClickMap && !isStepClicked) {\n\t\t\t\tonClickMap(e);\n\t\t\t} else if (onClickStep && isStepClicked) {\n\t\t\t\tonClickStep({\n\t\t\t\t\te,\n\t\t\t\t\tcenter: mapRef.getCenter(),\n\t\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t\t});\n\t\t\t\tisStepClicked = false;\n\t\t\t}\n\t\t},\n\t\tzoomstart(e) {\n\t\t\tif (disableZoomEvents) return;\n\t\t\tif (onZoomStart) onZoomStart(e);\n\t\t},\n\t\tzoomend(e) {\n\t\t\tif (disableZoomEvents) return;\n\t\t\tsetMapCenterState({\n\t\t\t\tposition: mapRef.getCenter(),\n\t\t\t\tzoom: mapRef.getZoom(),\n\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t});\n\t\t\tif (onZoomEnd)\n\t\t\t\tonZoomEnd({\n\t\t\t\t\te,\n\t\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t\t\tcenter: mapRef.getCenter(),\n\t\t\t\t});\n\t\t},\n\t\tdragend(e) {\n\t\t\tsetMapCenterState({\n\t\t\t\tposition: mapRef.getCenter(),\n\t\t\t\tzoom: mapRef.getZoom(),\n\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t});\n\t\t\tif (onDragEnd)\n\t\t\t\tonDragEnd({\n\t\t\t\t\te,\n\t\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t\t\tcenter: mapRef.getCenter(),\n\t\t\t\t});\n\t\t},\n\t\tdragstart(e) {\n\t\t\tif (onDragStart)\n\t\t\t\tonDragStart({\n\t\t\t\t\te,\n\t\t\t\t\tbounds: mapRef.getBounds(),\n\t\t\t\t\tcenter: mapRef.getCenter(),\n\t\t\t\t});\n\t\t},\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{zoomControl && (\n\t\t\t\t<div className={styles.zoomPanel}>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclassName={styles.zoomControl}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tmapRef.setZoom(mapRef.getZoom() + 1);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<img src=\"/images/top-ten/plus.svg\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclassName={styles.zoomControl}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tmapRef.setZoom(mapRef.getZoom() - 1);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<img src=\"/images/top-ten/minus.svg\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default MapSTPS;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"LeafletMapStyles_container__aYElV\",\"zoomPanel\":\"LeafletMapStyles_zoomPanel__dN9CS\",\"zoomControl\":\"LeafletMapStyles_zoomControl___1Nih\",\"popupTitle\":\"LeafletMapStyles_popupTitle__0IeO1\",\"clusterMarkerTitle\":\"LeafletMapStyles_clusterMarkerTitle__zxaFq\"};"],"names":["hooks_useDebounce","value","timeout","state","setState","useState","useEffect","handler","setTimeout","clearTimeout","isStepClicked","allowClick","stepIcon","selectedStep","key","src","size","ghostStep","step","archived","selectedArchivedStep","createClusterCustomIcon","cluster","markers","getAllChildMarkers","markerWithMostRecs","total_recommendations","forEach","item","options","place","iconUrl","matchedMarker","getSrc","icon","L","className","html","styles","title","concat","MapEvents","flyToPosition","steps","isFitBoundsBySteps","onClickMap","onClickStep","onZoomStart","onZoomEnd","onDragStart","onDragEnd","zoomControl","disableZoomEvents","updateMapCenter","param","mapRef","useMap","mapCenterState","setMapCenterState","mapCenterDebounce","useDebounce","position","getCenter","zoom","getZoom","bounds","getBounds","latslons","map","lat","lon","fitBounds","padding","isAnimation","lng","northEast","getNorthEast","southWest","getSouthWest","currentZoom","setView","animate","duration","useMapEvents","click","e","Browser","safari","center","zoomstart","zoomend","dragend","dragstart","jsx_runtime","jsx","Fragment","jsxs","div","button","onClick","setZoom","img","LeafletMap","selectedStepsIds","scrollWheelZoom","children","marker","enforceStaticMap","showAllTooltips","isClusterMap","withMapEvents","isMobile","hoveredStep","setHoveredStep","selectedStepId","setSelectedStepId","_id","createStepIcon","type","iconSize","markerEventHandlers","handleStepOnMapClick","mouseover","target","openPopup","mouseout","closePopup","trackStepOnMapClick","length","stepsWithMarkers","useMemo","index","isSelected","find","GlutenFreeIcons","SELECTED","Marker","eventHandlers","zIndexOffset","Tooltip","direction","permanent","classNames","span","MapContainer","doubleClickZoom","minZoom","maxZoom","maxBounds","style","height","width","top","TileLayer","attribution","url","Config","MarkerClusterGroup","showCoverageOnHover","iconCreateFunction","module","exports"],"sourceRoot":""}