https://www.shopback.co.nz/__sbcdn/_next/static/chunks/32205.29df5fe9476fdc73.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32205],{632205:(e,r,t)=>{t.r(r),t.d(r,{default:()=>h});var n=t(695155),o=t(212115),a=t(923887),c=t(692916),i=t(326464),s=t(968773),l=t(981980),u=t(529585),d=t(783718);let m=1/15,f="world-map-glow-styles";function p(e,r){let t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return"rgba(".concat(t,", ").concat(n,", ").concat(o,", ").concat(r,")")}let h=e=>{let{transactions:r,processedTransactionsRef:t,onTransactionAnimated:h,isVisible:b=!0}=e,v=(0,o.useRef)(null),w=(0,o.useRef)(null),y=(0,o.useRef)(new Map),[g,x]=(0,o.useState)(!1),z=(0,o.useRef)(!0),[I,S]=(0,o.useState)(!1),k=(0,o.useRef)(new Set),A=(0,o.useRef)(new Set),C=(0,o.useCallback)((e,r,t)=>{let n=v.current,o=window.L;if(!n||!o||!z.current)return;let i=a.u0[e.toLowerCase()];if(!i)return;!function(){if(document.getElementById(f))return;let e=document.createElement("style");e.id=f,e.textContent="\n    @keyframes worldMapPulseGlow {\n      0%, 100% { transform: translate(-50%, -50%) scale(1); filter: brightness(1); }\n      50% { transform: translate(-50%, -50%) scale(1.1); filter: brightness(1.3); }\n    }\n    .world-map-marker-dot {\n      border-radius: 50%;\n      animation: worldMapPulseGlow 2s ease-in-out infinite;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      transition: opacity 0.5s ease;\n    }\n  ",document.head.appendChild(e)}();let s=(0,c.S)(i),l=t||"".concat(e,"-").concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),u=(0,d.f)(r),h=o.circleMarker([s.lat,s.lng],{radius:8,color:u,fillColor:u,fillOpacity:0,opacity:0,weight:1}).addTo(n),b=8,w=0,g=setInterval(()=>{if(!z.current){clearInterval(g),A.current.delete(g),h.remove();return}if(b+=6,w=Math.min(w+.1,.6),h.setRadius(b),h.setStyle({opacity:w,fillOpacity:.3*w}),b>=60){clearInterval(g),A.current.delete(g);let e=setInterval(()=>{if(!z.current){clearInterval(e),A.current.delete(e),h.remove();return}if(b-=5,w=Math.max(w-.05,0),h.setRadius(Math.max(b,8)),h.setStyle({opacity:w,fillOpacity:.3*w}),b<=8){clearInterval(e),A.current.delete(e),h.remove();let r=["0 0 20px ".concat(p(u,.8)),"0 0 40px ".concat(p(u,.5)),"0 0 60px ".concat(p(u,.3))].join(", "),t=o.divIcon({className:"",iconSize:[16,16],iconAnchor:[8,8],html:'<div class="world-map-marker-dot" style="width:'.concat(16,"px;height:").concat(16,"px;background:").concat(u,";box-shadow:").concat(r,';"></div>')}),a=o.marker([s.lat,s.lng],{icon:t}).addTo(n);y.current.set(l,a);let c=setTimeout(()=>{if(A.current.delete(c),!z.current){a.remove(),y.current.delete(l);return}let e=1,r=setInterval(()=>{if(!z.current){clearInterval(r),A.current.delete(r),a.remove(),y.current.delete(l);return}(e-=m)<=0?(clearInterval(r),A.current.delete(r),a.remove(),y.current.delete(l)):a.setOpacity(e)},1e3);A.current.add(r)},15e3);A.current.add(c)}},60);A.current.add(e)}},60);A.current.add(g)},[]),E=(0,o.useCallback)(e=>{C(e.country,e.productLine,e.transactionKey)},[C]);return(0,i.B)({transactions:r,isReady:g,processedTransactionsRef:t||k,onScheduledTransaction:E,onTransactionAnimated:h}),(0,o.useEffect)(()=>()=>{y.current.forEach(e=>e.remove()),y.current.clear(),A.current.forEach(e=>{clearTimeout(e),clearInterval(e)}),A.current.clear()},[]),(0,o.useEffect)(()=>{if(!b||!v.current)return;let e=setTimeout(()=>{if(v.current&&z.current)try{v.current.invalidateSize(),v.current.fitBounds([[a.YA.south,a.YA.west],[a.YA.north,a.YA.east]],{padding:[20,20],animate:!1})}catch(e){}},100);return()=>clearTimeout(e)},[b]),(0,o.useEffect)(()=>{(0,s.Q)().then(()=>S(!0)).catch(e=>{console.error("Failed to load Leaflet:",e)})},[]),(0,o.useEffect)(()=>{if(!I||!window.L||(z.current=!0,!w.current||v.current))return;let e=w.current,r=window.L,t=r.map(e,{zoomControl:!1,attributionControl:!0,dragging:!0,scrollWheelZoom:!0,doubleClickZoom:!0,touchZoom:!0,boxZoom:!1,keyboard:!0,center:[20,100],zoom:2,minZoom:2,maxZoom:16,worldCopyJump:!0,zoomSnap:0,zoomDelta:.25});r.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}",{attribution:"Tiles &copy; Esri &mdash; Esri, DeLorme, NAVTEQ",maxZoom:16}).addTo(t).on("load",()=>{z.current&&x(!0)}),v.current=t;let n=()=>

1{if(v.current&&z.current)try{v.current.invalidateSize(),v.current.fitBounds([[a.YA.south,a.YA.west],[a.YA.north,a.YA.east]],{padding:[20,20],animate:!1})}catch(e){}},o=[100,300,500,1e3,2e3].map(e=>setTimeout(n,e)),c=new ResizeObserver(()=>{if(v.current&&z.current)try{v.current.invalidateSize()}catch(e){}});return c.observe(e),()=>{if(z.current=!1,o.forEach(clearTimeout),c.disconnect(),v.current){try{v.current.remove()}catch(e){}v.current=null}}},[I]),(0,n.jsxs)(l.az,{position:"relative",w:"100%",h:"100%",touchAction:"none",children:[(0,n.jsx)(l.az,{ref:w,w:"100%",h:"100%",bg:"sbds-color-cool-gray-90",borderRadius:"sbds-dimension-border-radius-md",overflow:"hidden",transition:"opacity 0.3s ease",touchAction:"none",style:{opacity:g?1:.5}}),(0,n.jsxs)(l.az,{position:"absolute",bottom:"sbds-dimension-space-size-xl",left:"sbds-dimension-space-size-m",display:"flex",flexDirection:"column",gap:"sbds-dimension-space-size-2xs",zIndex:1e3,children:[(0,n.jsx)(u.A,{variant:"none",size:"sm",onClick:()=>{v.current&&v.current.zoomIn()},"aria-label":"Zoom in",w:"2rem",h:"2rem",minW:"2rem",minH:"2rem",p:0,fontSize:"1.125rem",fontWeight:"bold",bg:"white !important",color:"sbds-color-cool-gray-90 !important",borderRadius:"sbds-dimension-border-radius-xs",_hover:{bg:"sbds-color-white-a-80 !important"},children:"+"}),(0,n.jsx)(u.A,{variant:"none",size:"sm",onClick:()=>{v.current&&v.current.zoomOut()},"aria-label":"Zoom out",w:"2rem",h:"2rem",minW:"2rem",minH:"2rem",p:0,fontSize:"1.125rem",fontWeight:"bold",bg:"white !important",color:"sbds-color-cool-gray-90 !important",borderRadius:"sbds-dimension-border-radius-xs",_hover:{bg:"sbds-color-white-a-80 !important"},children:"−"})]})]})}}}]);