https://clickapp.com/_next/static/chunks/7079.2df33a2674a900e6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7079],{47079:(e,t,o)=>{o.r(t),o.d(t,{MapMarker:()=>m,default:()=>g});var r=o(95155);o(48689);var n=o(99990),i=o.n(n),s=o(73513),a=o(5565),c=o(76046),l=o(12115),u=o(12669),d=o(9949),p=o(35431),h=o(80260),x=o(93952);function g(){i().accessToken=x.j6;let e=(0,h.B)(),[t,o]=(0,l.useState)([]),n=(0,l.useRef)(null),p=(0,l.useRef)(null),g=(0,c.useSearchParams)();function v(){navigator.geolocation.getCurrentPosition(b,f,{enableHighAccuracy:!0})}function b(e){var t,o;null===(t=n.current)||void 0===t||t.setZoom(12),null===(o=n.current)||void 0===o||o.setCenter([e.coords.longitude,e.coords.latitude])}function f(e){console.warn("ERROR(".concat(e.code,"): ").concat(e.message))}let k=t=>{e.setHighlightedItem(t),e.isMobile?e.setDisplayPopover(!0):e.setDrawerOpen(!0)},w=()=>{var s;null===(s=e.items.general)||void 0===s||s.forEach(e=>{if(void 0!=e.id&&!t.includes(e.id)&&n.current&&e.long&&e.lat){let t=document.createElement("div");(0,u.createRoot)(t).render((0,r.jsx)(m,{item:e,actionClick:k})),new(i()).Marker(t).setLngLat([e.long,e.lat]).addTo(n.current),o(t=>[...t,e.id])}})};return(0,l.useEffect)(()=>{setTimeout(()=>{if(n.current||!p.current)return;n.current=new(i()).Map({container:p.current,style:"mapbox://styles/mapbox/dark-v11",logoPosition:"bottom-right",projection:{name:"mercator"}}),w();let e=g.get("h3_tile");if(e){var t,o;let[r,i]=(0,s._k)(e);null===(t=n.current)||void 0===t||t.setZoom(12),null===(o=n.current)||void 0===o||o.setCenter([i,r])}else v()},400)},[]),(0,l.useEffect)(()=>{w()},[e.items,e.operations]),(0,r.jsxs)(d.Box,{height:"100%",width:"100%",children:[(0,r.jsx)(d.Box,{ref:p,h:"100%",w:"100%"}),(0,r.jsx)(d.Box,{position:"absolute",bottom:"16px",left:"16px",children:(0,r.jsx)(a.default,{onClick:v,src:"/images/icon/location.svg",alt:"locate user button",width:48,height:48})})]})}let m=e=>{let{item:t,actionClick:o}=e,n=o||(()=>{});return(0,r.jsxs)(d.Box,{as:"div",w:"40px",h:"40px",bg:"white",borderRadius:"4px",top:"-26px",position:"relative",p:"1px",onClick:()=>{n(t)},children:[t.isImage?(0,r.jsx)(d.Box,{backgroundPosition:"center",backgroundSize:"cover",backgroundRepeat:"no-repeat",width:"100%",height:"100%",backgroundImage:"url(".concat(t.thumbnailURL,")"),borderRadius:"4px"}):(0,r.jsxs)(d.Box,{as:"video",width:"100%",height:"100%",borderRadius:"4px",objectFit:"cover",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,children:[(0,r.jsx)("source",{src:t.sourceURL,type:"video/mp4"}),"Your browser does not support the video tag."]}),(0,r.jsx)(p.xc,{color:"white",position:"absolute",left:"14px",top:"35px",zIndex:-10})]})}}}]);