https://www.pantone.com/_next/static/chunks/6569.5d27a66bbdc10d1b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6569],{66569:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(73365),r=n(1521),l=n(20841),o=n(94552),u=n(56424);function c(e){let{dealers:t,locale:n,onPinClick:c,activeDealer:s}=e;(0,l.c3)("DealerLocator");let p=(0,r.useRef)(null),i=(0,r.useRef)(null),d=(0,r.useRef)(c);(0,r.useEffect)(()=>{d.current=c},[c]);let f=(0,r.useRef)(null),h=(0,r.useRef)(null);(0,r.useEffect)(()=>{var e,t;if(console.log("activeDealer effect:",{activeDealer:null==s?void 0:s.accountId,mapExists:!!i.current,popups:null==(e=f.current)?void 0:e.length,dealers:null==(t=h.current)?void 0:t.length}),!s||!i.current||!f.current.length)return;let n=i.current;n.popups.clear();let a=h.current.findIndex(e=>e.accountId===s.accountId);-1!==a&&f.current[a]&&f.current[a].open(n)},[s]);let g=(0,r.useCallback)(()=>{if("undefined"==typeof atlas||!p.current)return;let e=(0,u.an)(t);if(0!==e.length){i.current&&(i.current.dispose(),i.current=null);try{let t=new atlas.Map(p.current,{center:[e[0].longitude,e[0].latitude],zoom:o.c8.DEFAULT_ZOOM,language:n,authOptions:{authType:"subscriptionKey",subscriptionKey:o.c8.SUBSCRIPTION_KEY}});i.current=t,t.controls.add([new atlas.control.ZoomControl,new atlas.control.PitchControl,new atlas.control.CompassControl,new atlas.control.StyleControl,new atlas.control.FullscreenControl,new atlas.control.ScaleControl],{position:"top-right"}),t.events.add("ready",()=>{let n=new atlas.source.DataSource;t.sources.add(n);let a=[],r=e[0].longitude,l=e[0].longitude,c=e[0].latitude,s=e[0].latitude;1===e.length&&(l+=1,s+=1),e.forEach(e=>{let t=e.longitude,o=e.latitude;a.push(new atlas.Popup({content:'<div style="padding: 8px 12px;" data-id="'.concat(e.accountId,'">\n                          <h3 style="margin: 0 0 4px; font-size: 13px; font-weight: 600; color: #1a1a1a;">').concat(e.name,'</h3>\n                          <p style="margin: 0; font-size: 11px; color: #888;">').concat((0,u.rc)(e.productGroups),"</p>\n                        </div>"),position:[t,o],pixelOffset:[0,0]})),n.add(new atlas.data.Feature(new atlas.data.Point([t,o]),{popupIdx:a.length-1,accountId:e.accountId})),r=Math.min(r,t),c=Math.min(c,o),l=Math.max(l,t),s=Math.max(s,o)}),f.current=a,h.current=e,t.setCamera({bounds:[r,c,l,s],padding:o.c8.MAP_PADDING}),t.popups.add(a);let p=new atlas.layer.SymbolLayer(n,null,{iconOptions:{image:o.c8.PIN_COLOR,anchor:"bottom",allowOverlap:!0,ignorePlacement:!0,size:o.c8.PIN_SIZE}});t.layers.add(p),t.events.add("click",p,n=>{t.popups.clear();let r=n.shapes[0].getProperties();a[r.popupIdx].open(t);let l=e.find(e=>e.accountId===r.accountId);l&&d.current(l)}),t.events.add("mouseover",p,e=>{t.popups.clear(),a[e.shapes[0].getProperties().popupIdx].open(t)}),t.events.add("mouseout",p,()=>{t.popups.clear()})})}catch(e){console.error("[DealerMap] Error initializing Azure Maps:",e)}}},[t,n]);return(0,r.useEffect)(()=>{let e=()=>{if("undefined"!=typeof atlas)g();else{let t=setTimeout(e,200);return()=>clearTimeout(t)}};return e(),()=>{i.current&&(i.current.dispose(),i.current=null)}},[g]),(0,a.jsx)("div",{ref:p,className:"flex-1 min-h-[300px] w-full p-0 box-border z-[1]","aria-label":"Pantone Dealer Locator Map"})}}}]);