"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9012],{69012:function(e,r,n){n.d(r,{b:function(){return L},Z:function(){return M}});var t,o,a=n(95235),i=n(8529),l=n(2784),s=n(17871),c=n(20406),u=n(82841),d=n.n(u),p=n(15792),f=n(673),m=n(50598),g=n(52322),h=function(e){var r,n,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.G)("".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===(r=a.address)||void 0===r?void 0:r.addressLine5)||"",(null==a||null===(n=a.address)||void 0===n?void 0:n.addressLine4)||"",null==a?void 0:a.urlTag)})},v=function(e){var r,n,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,j=e.storeDetailsHref,P=e.cardText,L=l.useState(!1),M=(0,i.Z)(L,2),O=M[0],E=M[1],I=l.useState(!1),Z=(0,i.Z)(I,2),D=Z[0],T=Z[1],F=l.useState(null),N=(0,i.Z)(F,2),S=N[0],z=N[1],H=l.useRef(null),W=l.useRef(null),_=(0,p.Fg)(),B=D?null==b?void 0:b.fillColor:O?(null==C?void 0:C.fillColor)||(null==b?void 0:b.fillColor):null==v?void 0:v.fillColor,K=D?null==b?void 0:b.textColor:O?(null==C?void 0:C.textColor)||(null==b?void 0:b.textColor):null==v?void 0:v.textColor,R=function(){var e=D||O,r=e?_.patterns.storeMap.pinFillFallbackColor.active:_.patterns.storeMap.pinFillFallbackColor.inactive,n=e?_.patterns.storeMap.pinTextFallbackColor.active:_.patterns.storeMap.pinTextFallbackColor.inactive;return{background:B||r,glyphColor:K||n,borderColor:_.patterns.storeMap.pinBorderColor}},A=(r=(0,c.Z)(d().mark(function e(){var r,n,t,o,i;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(null!==(r=window.google)&&void 0!==r&&r.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(n=e.sent.PinElement,t=R(),!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},W.current?(W.current.background=t.background,W.current.borderColor=t.borderColor,W.current.glyphColor=t.glyphColor,W.current.glyph=i()):W.current=new n({background:t.background,glyphColor:t.glyphColor,borderColor:t.borderColor,glyph:i()}),e.abrupt("return",W.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 r.apply(this,arguments)}),U=function(){u&&(z(u),T(!D),f(t,!D,u))};l.useEffect(function(){if(k&&null!==(r=window.google)&&void 0!==r&&r.maps){var e,r;return(e=(0,c.Z)(d().mark(function e(){var r,n;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 r=e.sent.AdvancedMarkerElement,e.next=7,A();case 7:if(n=e.sent){e.next=10;break}return e.abrupt("return",null);case 10:H.current=new r({position:t,title:o,content:n,map:k}),"gmpClickable"in H.current&&(H.current.gmpClickable=!0),H.current.addEventListener("click",function(){return U()}),H.current.addEventListener("mouseenter",function(){return E(!0)}),H.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(){H.current&&(H.current.map=null,H.current=null)}}},[k,t,o]);var G=(n=(0,c.Z)(d().mark(function e(){var r;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(H.current&&!y)){e.next=5;break}return e.next=3,A();case 3:(r=e.sent)&&(H.current.content=r);case 5:case"end":return e.stop()}},e)})),function(){return n.apply(this,arguments)});return l.useEffect(function(){G()},[O,D,m,a]),l.useEffect(function(){!D&&k&&S&&(z(null),f(t,D,u))},[D,k]),l.useEffect(function(){k&&!S&&Number(m)===Number(u)&&U(),"number"==typeof m&&Number(m)!==Number(u)&&(z(null),T(!1))},[m,k]),(0,g.jsx)(l.Fragment,{children:D&&x&&(0,g.jsx)(s.nx,{position:t,onCloseClick:function(){return T(!1)},options:{minWidth:375,pixelOffset:new window.google.maps.Size(0,-40)},children:(0,g.jsx)(h,{searchNo:a,position:t,store:w,storeDetailsHref:j,cardText:P})})})},b=n(7328),C=n(34522),k=n(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,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),n.push.apply(n,t)}return n}function w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?y(Object(n),!0).forEach(function(r){(0,a.Z)(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}var j={width:"100%",height:"100%"},P={default:4,selected:8},L=l.memo(function(e){var r=e.apiKey,n=e.markers,t=void 0===n?[]:n,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,m=void 0===f?null:f,h=e.defaultZoom,b=e.selectedPinZoom,C=e.showMarkerInfoWindow,k=void 0===C||C,y=e.mapReadyCallback,L=e.pinClickCallback,M=e.mapControlOptions,O=e.storeDetailsHref,E=e.cardText,I=e.scriptLoaded,Z=function(){if(F){var e=new window.google.maps.LatLngBounds;t.map(function(r){e.extend({lat:r.position.lat,lng:r.position.lng})}),F.fitBounds(e)}},D=l.useState(),T=(0,i.Z)(D,2),F=T[0],N=T[1],S=l.useCallback(function(e){N(e),e.setZoom(h||P.default),Z(),"function"==typeof y&&y(!0)},[]),z=l.useCallback(function(e){N(null)},[]),H=function(e,r,n){F&&(r?(F.setZoom(b||P.selected),F.panTo(e),"function"==typeof L&&L(n||0)):(F.setZoom(h||P.default),t.length>1&&Z()))},W="store-locator-map";return(0,g.jsx)(x,{children:I?(0,g.jsx)(s.b6,{mapContainerStyle:j,center:o,zoom:6,onLoad:S,onUnmount:z,options:{mapId:W},children:t.map(function(e,r){return(0,g.jsx)(v,w(w({onMarkerClick:H},e),{},{counter:r+1,mapInstance:F,selectedMarkerId:a,defaultPinColor:u,hoverPinColor:p,selectedPinColor:m,showMarkerInfoWindow:k,storeDetailsHref:O,cardText:E}),"".concat(e.markerId,"-").concat(r))})}):(0,g.jsx)(s.KJ,{id:"google-map",googleMapsApiKey:r||"",libraries:["places","marker"],loadingElement:(0,g.jsx)("img",{style:{width:"100%",height:"100%",objectFit:"cover"},src:"https://maps.googleapis.com/maps/api/staticmap?key=".concat(r||"","&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,{mapContainerStyle:j,center:o,zoom:6,onLoad:S,onUnmount:z,options:w(w({},M),{},{mapId:W}),children:t.map(function(e,r){return(0,g.jsx)(v,w(w({onMarkerClick:H},e),{},{counter:r+1,mapInstance:F,selectedMarkerId:a,defaultPinColor:u,hoverPinColor:p,selectedPinColor:m,showMarkerInfoWindow:k,storeDetailsHref:O,cardText:E}),"".concat(e.markerId,"-").concat(r))})})})})}),M=L}}]);
//# sourceMappingURL=9012-bec630a990ca342b.js.map