"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9012],{69012:function(e,n,r){r.d(n,{b:function(){return L},Z:function(){return O}});var t,o,a=r(95235),i=r(8529),l=r(2784),s=r(17871),c=r(20406),u=r(82841),d=r.n(u),p=r(15792),f=r(673),m=r(50598),g=r(52322),h=function(e){var n,r,t=e.searchNo,o=e.position,a=e.store,i=e.storeDetailsHref,l=e.cardText;return(0,g.jsx)(f.M,{searchCard:!0,searchNo:t,selected:!0,compactCard:!0,getDirectionsHref:(0,m.GK)("".concat(o.lat,",").concat(o.lng)),hideCloseIcon:!0,i18n:l,store:{id:a.id,displayName:a.displayName,relativeDistance:a.relativeDistance,openingTimes:a.openingTimes,address:"".concat(a.address.addressLine1?"".concat(a.address.addressLine1,","):""," ").concat(a.address.addressLine2?"".concat(a.address.addressLine2,","):""," ").concat(a.address.addressLine3?"".concat(a.address.addressLine3,","):""," ").concat(a.address.addressLine4?"".concat(a.address.addressLine4,","):""," ").concat(a.address.postalCode?a.address.postalCode:""),storeFacility:a.storeFacility,status:a.status},storeDetailsHref:null==i?void 0:i((null==a||null===(n=a.address)||void 0===n?void 0:n.addressLine5)||"",(null==a||null===(r=a.address)||void 0===r?void 0:r.addressLine4)||"",null==a?void 0:a.urlTag)})},v=function(e){var n,r,t=e.position,o=e.title,a=e.counter,u=e.markerId,f=e.onMarkerClick,m=e.selectedMarkerId,v=e.defaultPinColor,b=e.selectedPinColor,C=e.hoverPinColor,k=e.mapInstance,x=e.showMarkerInfoWindow,y=e.customIcon,w=e.store,P=e.storeDetailsHref,M=e.cardText,L=l.useState(!1),O=(0,i.Z)(L,2),j=O[0],E=O[1],I=l.useState(!1),Z=(0,i.Z)(I,2),D=Z[0],S=Z[1],F=l.useState(null),N=(0,i.Z)(F,2),T=N[0],z=N[1],R=l.useRef(null),H=l.useRef(null),B=(0,p.Fg)(),K=D?null==b?void 0:b.fillColor:j?(null==C?void 0:C.fillColor)||(null==b?void 0:b.fillColor):null==v?void 0:v.fillColor,W=D?null==b?void 0:b.textColor:j?(null==C?void 0:C.textColor)||(null==b?void 0:b.textColor):null==v?void 0:v.textColor,_=function(){var e=D||j,n=e?B.patterns.storeMap.pinFillFallbackColor.active:B.patterns.storeMap.pinFillFallbackColor.inactive,r=e?B.patterns.storeMap.pinTextFallbackColor.active:B.patterns.storeMap.pinTextFallbackColor.inactive;return{background:K||n,glyphColor:W||r,borderColor:B.patterns.storeMap.pinBorderColor}},A=(n=(0,c.Z)(d().mark(function e(){var n,r,t,o,i;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(null!==(n=window.google)&&void 0!==n&&n.maps){e.next=2;break}return e.abrupt("return",null);case 2:return e.prev=2,e.next=5,google.maps.importLibrary("marker");case 5:if(r=e.sent.PinElement,t=_(),!y){e.next=14;break}return(o=document.createElement("img")).src=y,o.style.width="32px",o.style.height="32px",e.abrupt("return",o);case 14:return i=function(){var e=document.createElement("span");return e.textContent=String(a),e.style.color=t.glyphColor,e.style.fontSize="13px",e},H.current?(H.current.background=t.background,H.current.borderColor=t.borderColor,H.current.glyphColor=t.glyphColor,H.current.glyph=i()):H.current=new r({background:t.background,glyphColor:t.glyphColor,borderColor:t.borderColor,glyph:i()}),e.abrupt("return",H.current.element);case 19:return e.prev=19,e.t0=e.catch(2),console.error("Error creating pin element:",e.t0),e.abrupt("return",null);case 23:case"end":return e.stop()}},e,null,[[2,19]])})),function(){return n.apply(this,arguments)}),U=function(){u&&(z(u),S(!D),f(t,!D,u))};l.useEffect(function(){if(k&&null!==(n=window.google)&&void 0!==n&&n.maps){var e,n;return(e=(0,c.Z)(d().mark(function e(){var n,r;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,google.maps.importLibrary("marker");case 3:return n=e.sent.AdvancedMarkerElement,e.next=7,A();case 7:if(r=e.sent){e.next=10;break}return e.abrupt("return",null);case 10:R.current=new n({position:t,title:o,content:r,map:k}),"gmpClickable"in R.current&&(R.current.gmpClickable=!0),R.current.addEventListener("click",function(){return U()}),R.current.addEventListener("mouseenter",function(){return E(!0)}),R.current.addEventListener("mouseleave",function(){return E(!1)}),e.next=20;break;case 17:e.prev=17,e.t0=e.catch(0),console.error("Error creating advanced marker:",e.t0);case 20:case"end":return e.stop()}},e,null,[[0,17]])})),function(){return e.apply(this,arguments)})(),function(){R.current&&(R.current.map=null,R.current=null)}}},[k,t,o]);var G=(r=(0,c.Z)(d().mark(function e(){var n;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(R.current&&!y)){e.next=5;break}return e.next=3,A();case 3:(n=e.sent)&&(R.current.content=n);case 5:case"end":return e.stop()}},e)})),function(){return r.apply(this,arguments)});return l.useEffect(function(){G()},[j,D,m,a]),l.useEffect(function(){!D&&k&&T&&(z(null),f(t,D,u))},[D,k]),l.useEffect(function(){k&&!T&&Number(m)===Number(u)&&U(),"number"==typeof m&&Number(m)!==Number(u)&&(z(null),S(!1))},[m,k]),(0,g.jsx)(l.Fragment,{children:D&&x&&(0,g.jsx)(s.nx,{position:t,onCloseClick:function(){return S(!1)},options:{minWidth:375,pixelOffset:new window.google.maps.Size(0,-40)},children:(0,g.jsx)(h,{searchNo:a,position:t,store:w,storeDetailsHref:P,cardText:M})})})},b=r(7328),C=r(34522),k=r(48840);(0,k.zo)(C.O)(t||(t=(0,b.Z)(["\n  height: 100%;\n  width: 100%;\n"])));var x=k.zo.div(o||(o=(0,b.Z)(["\n  width: 100%;\n  height: 100%;\n  & .gm-style-iw.gm-style-iw-c {\n    border-radius: 0px;\n    padding: 0px;\n    background-color: transparent;\n    box-shadow: none;\n  }\n\n  & .gm-style-iw-tc {\n    display: none;\n  }\n\n  & .gm-ui-hover-effect {\n    right: 3px !important;\n    top: -3px !important;\n\n    > span {\n      width: 20px !important;\n      height: 20px !important;\n    }\n  }\n  & .gm-style-iw-d {\n    overflow: unset !important;\n  }\n"])));function y(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function w(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach(function(n){(0,a.Z)(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var P={width:"100%",height:"100%"},M=["places","marker"],L=l.memo(function(e){var n=e.apiKey,r=e.markers,t=void 0===r?[]:r,o=e.center,a=e.selectedMarkerId,c=e.defaultPinColor,u=void 0===c?null:c,d=e.hoverPinColor,p=void 0===d?null:d,f=e.selectedPinColor,h=void 0===f?null:f,b=e.defaultZoom,C=e.selectedPinZoom,k=e.showMarkerInfoWindow,y=void 0===k||k,L=e.mapReadyCallback,O=e.pinClickCallback,j=e.mapControlOptions,E=e.storeDetailsHref,I=e.cardText,Z=e.scriptLoaded,D=e.onMapChange,S=e.enableSearchOnMapLocationChange,F=void 0!==S&&S,N=l.useRef(!1),T=l.useState(),z=(0,i.Z)(T,2),R=z[0],H=z[1],B=l.useRef(0),K=l.useRef([]),W=l.useCallback(function(){if(!t.length)return null;var e=new window.google.maps.LatLngBounds;return t.forEach(function(n){e.extend({lat:n.position.lat,lng:n.position.lng})}),e},[t]),_=l.useCallback(function(){if(R){var e=W();e&&R.fitBounds(e)}},[R,W]);l.useEffect(function(){F&&R&&t.length>0&&t.length!==B.current&&(B.current=t.length,_())},[t,R,F,_]);var A=l.useCallback(function(e){(0,m.gi)({defaultZoom:b,mapReadyCallback:L,onMapChange:D,enableSearchOnMapLocationChange:F,isPinClickInProgress:N,listenersRef:K,setMap:H})(e)},[b,L,D,F,N,K,H]),U=l.useCallback(function(e){K.current.forEach(function(e){google.maps.event.removeListener(e)}),K.current=[],H(null)},[]),G=l.useCallback(function(e,n,r){(0,m.pO)({markers:t,fitBounds:_,defaultZoom:b,selectedPinZoom:C,pinClickCallback:O,isPinClickInProgress:N,map:R||null})(e,n,r)},[R,t,C,b,N,O,_]),J=l.useMemo(function(){return t.map(function(e,n){var r;return(0,g.jsx)(v,w(w({onMarkerClick:G},e),{},{counter:n+1,mapInstance:R,selectedMarkerId:a,defaultPinColor:u,hoverPinColor:p,selectedPinColor:h,showMarkerInfoWindow:y,storeDetailsHref:E,cardText:I}),"marker-".concat((null===(r=e.store)||void 0===r?void 0:r.id)||e.markerId||"idx-".concat(n)))})},[t,G,R,a,u,p,h,y,E,I]),q="store-locator-map",Q=l.useMemo(function(){return j?{options:w(w({},j),{},{mapId:q})}:{}},[j]);return(0,g.jsx)(x,{children:Z?(0,g.jsx)(s.b6,{mapContainerStyle:P,center:o,zoom:6,onLoad:A,onUnmount:U,options:{mapId:q},children:J}):(0,g.jsx)(s.KJ,{id:"google-map",googleMapsApiKey:n||"",libraries:M,loadingElement:(0,g.jsx)("img",{style:{width:"100%",height:"100%",objectFit:"cover"},src:"https://maps.googleapis.com/maps/api/staticmap?key=".concat(n||"","&zoom=14&size=640x190&scale=2&markers=color:red%7C").concat(o.lat,",").concat(o.lng,"&style=feature:poi%7Cvisibility:off"),alt:"Placeholder Map"}),children:(0,g.jsx)(s.b6,w(w({mapContainerStyle:P,center:o,zoom:6,onLoad:A,onUnmount:U},Q),{},{children:J}))})})}),O=L}}]);
//# sourceMappingURL=9012-bf89b34dae800acf.js.map