https://www.livinggreencafe.com/_next/static/chunks/3498.f35e4f2cd5897fce.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3498],{80267:function(e,t,n){var l=n(52903);t.Z=e=>{let{reasonText:t,className:n="",style:a={}}=e;return(0,l.tZ)("div",{className:"checkout-message shown-reason ".concat(n),"data-testid":"checkout-message-shown-reason",css:{padding:"1em",color:"#fff",backgroundColor:"var(--error-colour, #d32f2f)",marginBottom:"1em",marginTop:"-1em",...a},children:t})}},18860:function(e,t,n){n.d(t,{Z:function(){return o}});var l=n(73235),a=n(52903);function r(){let e=(0,l._)(["\n  /* Keep opacity transition smooth */\n  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 100%;\n\n  /* When transitioning to visible (not showing placeholder), apply the staggered delay */\n  transition-delay: ",";\n  /* opacity: ","; */\n  transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: ",";\n"]);return r=function(){return e},e}n(2784);let i=n(92603).Z.div(r(),e=>e.showPlaceholder?"1s":e.delayTime,e=>e.showPlaceholder?0:1,e=>e.showPlaceholder?.75:1);function o(e){let{showPlaceholder:t,children:n,style:l,index:r=0,staggerStep:o=.15}=e;return(0,a.tZ)(i,{showPlaceholder:t,delayTime:"".concat(r*o,"s"),style:l,children:n})}},83498:function(e,t,n){n.r(t),n.d(t,{default:function(){return U}});var l=n(73235),a=n(52903),r=n(2784),i=n(92603),o=n(28165),s=n(36591),c=n.n(s),d=n(51611),u=n(23428),p=n(47413),m=n(51286),h=n(97780),g=n(17767),f=n(62278),v=n(61395),y=n(103),b=n(92655),k=n(82468),x=n(97639),w=n(48484),Z=n(45646),P=n(79003),C=n(43812),_=n(72829),E=n(67140),S=n(28316);class T{onAdd(e){return this._map=e,e.on("move",this._redraw),this._container=document.createElement("div"),this._container.className="mapboxgl-ctrl mapboxgl-ctrl-attrib mapboxgl-compact mapboxgl-zones",this._container.style.paddingRight="0",this._container.style.paddingLeft="0",this._container.style.marginBottom="0",this._redraw(),this._container}onRemove(){this._container.remove(),null!=this._map&&this._map.off("move",this._redraw),this._map=null}getDefaultPosition(){return"bottom-right"}getMap(){return this._map}getElement(){return this._container}constructor(e){this._map=null,this._redraw=e}}var D=r.memo(function(e){let[,t]=(0,r.useState)(0),n=(0,d.PE)(()=>new T(()=>t(e=>e+1))),l=n.getMap();return l&&(0,S.createPortal)((0,r.cloneElement)(e.children,{map:l}),n.getElement())}),I=n(80267),N=n(18860),L=n(57742);function A(){let e=(0,l._)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  width: 34px;\n  height: 34px;\n  padding: 10px;\n  border-radius: 50%;\n  font-size: 20px;\n  font-weight: 400;\n  background-repeat: no-repeat;\n  background-position: center;\n\n  &:hover {\n    box-shadow: 0px 0px 21px 4px rgba(0, 0, 0, 0.3);\n  }\n"]);return A=function(){return e},e}function B(){let e=(0,l._)(["\n  display: flex;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n\n  .merchant-pickup-content {\n    display: flex;\n    gap: 5px;\n    align-items: center;\n    justify-content: space-between;\n  }\n"]);return B=function(){return e},e}function O(){let e=(0,l._)(['\n  /* position: fixed; */\n  position: relative;\n  z-index: 30;\n  margin-top: 2px;\n  width: 100%;\n  border-top: 1px solid RGBA(234, 230, 224, 0.8);\n\n  /* cover up an empty space */\n  &:before {\n    content: "";\n    height: 3px;\n    width: 100%;\n    background-color: #fff;\n    position: absolute;\n    top: -3px;\n  }\n\n  @media (min-width: ',") {\n    /* position: sticky; */\n    top: 0;\n    width: 100%;\n    margin-top: 0;\n  }\n\n  > div {\n    width: 100%;\n    max-width: 100%;\n    border-radius: 0;\n  }\n\n  input {\n    width: 100%;\n    color: #000 !important;\n  }\n\n  .search-geo-coord-button {\n    top: 12px;\n    @media (min-width: ",") {\n      top: 5px;\n    }\n  }\n  .mapboxgl-ctrl-geocoder--powered-by {\n    font-size: 80%;\n    text-align: center;\n  }\n"]);return O=function(){return e},e}n(64281);let M={...x.Z,"select-store":{en:"Select Store",fr:"S\xe9lectionner le magasin"},"find-store":{en:"Enter your address to find your nearest store",fr:"Entrez votre adresse pour trouver le magasin le plus proche."},"next-button":{en:"Save",fr:"Sauver"},"select-delivery-button":{en:"Deliver To",fr:"Livrer \xe0"},"select-pickup-marker":{en:"Pickup At: ",fr:"Ramassage \xe0: "},"previous-button":{en:"Previous",fr:"Pr\xe9c\xe9dent"},"delivery-l":{en:"Delivery",fr:"Livraison"},"pickup-l":{en:"Pickup Location",fr:"Lieu de ramassage"},"delivery-not-available":{en:"Delivery is not available to this address",fr:"La livraison n'est pas disponible \xe0 cette adresse"},"address-label":{en:"Enter your address",fr:"Entrez votre adresse"},"your-marker":{en:"Your location",fr:"Votre emplacement"},"find-my-location":{en:"Find My Location",fr:"Trouver mon emplacement"}

1,"geoloc-failed":{en:"Cannot find your location. Please try again or enter you address above",fr:"Impossible de trouver votre emplacement. Veuillez r\xe9essayer ou entrer votre adresse ci-dessus."},"geolocation-failed-header":{en:"Geolocation Failed. Please enter your address in the input below to order delivery",fr:"\xc9chec de la g\xe9olocalisation. Veuillez entrer votre adresse dans le champ ci-dessous pour commander une livraison."},"show-boundaries-tt":{en:"Show Delivery Boundaries",fr:"Afficher les limites de livraison"},"hide-boundaries-tt":{en:"Hide Delivery Boundaries",fr:"Masquer les limites de livraison"}},z=i.Z.div(A()),F=i.Z.li(B()),R="https://api.bettysuite.com",X=i.Z.div(O(),e=>e.breakpoints.lg,e=>e.breakpoints.lg),Y=["#d53e4f","#3288bd","#66c2a5","#abdda4","#e6f598","#ffffbf","#fee08b","#fdae61","#f46d43"],W=(0,r.forwardRef)((e,t)=>{let{moduleData:n,moduleProps:l,merchants:i,breakpoints:s,moduleSavePath:u,otherModules:x,children:w,isDesigner:S,sitePage:T,isInCheckoutModule:A}=e,{siteSlug:B}=T,{mapBoxApiKey:O=""}=n,{publicID:W,settings:U={}}=l,{mapStyle:V="streets-v11",markerColour:j="red",defaultCenterLat:G=43.64918993060433,defaultCenterLng:q=-79.39622024012584,defaultZoom:J,mapBoxGeocoderCountry:$="CA"}=U,{locale:Q}=(0,y.e)(),ee=(0,b.Z)(M,Q),{selectedMerchant:et}=(0,v.v)(),{handleSetDelivery:en,handleGetDelivery:el,handleUpdateFulfillmentType:ea,cart:er,handleChangeViewState:ei,viewState:eo}=(0,f.Pl)(),es=eo===f.W7.SET_PICKUP_LOCATION?"PICKUP":"DELIVERY",ec=(null==U?void 0:U.selectButtonText)!=null?(0,_.Z)(null==U?void 0:U.selectButtonText,Q):ee("select-store"),ed=(null==U?void 0:U.searchPlaceholder)!=null?(0,_.Z)(null==U?void 0:U.searchPlaceholder,Q):ee("find-store"),[eu,ep]=(0,r.useState)(!1),[em,eh]=(0,r.useState)(!1),[eg,ef]=(0,r.useState)(null==er||null==er.deliveryStatus?null:{addressFull:er.deliveryStatus.userAddress.address,addressParts:null!=er.userData?{address1:(0,E.n)("address1",er.userData),city:(0,E.n)("city",er.userData),postal_code:(0,E.n)("postal_code",er.userData),province:(0,E.n)("province",er.userData),country:(0,E.n)("country",er.userData)}:{},lat:er.deliveryStatus.userAddress.lat,lng:er.deliveryStatus.userAddress.lng,isDeliveryAvailable:er.deliveryStatus.canDeliver,merchants:i.filter(e=>{let{publicID:t}=e;return null!=er.deliveryStatus&&er.deliveryStatus.merchantPublicID===t})}),[ev,ey]=(0,r.useState)(null),eb=P.Z.isProd?"/api":"/".concat(B,"/api"),[ek,ex]=(0,r.useState)(!1),[ew,eZ]=(0,r.useState)(!0),{data:eP,mutate:eC}=(0,m.ZP)(ek?S?"".concat(R,"/v1/p/sites/").concat(B,"/cart/delivery"):"".concat(eb,"/v1/sites/cart/delivery"):null,f._i,{fallbackData:[]}),{data:e_,mutate:eE}=(0,m.ZP)(S?"".concat(R,"/v1/p/sites/").concat(B,"/cart/fulfillmentType"):"".concat(eb,"/v1/sites/cart/fulfillmentType"),f._i,{fallbackData:[],onSuccess:e=>{let t=e.filter(e=>e.type===es).map(e=>{let{merchantPublicID:t}=e;return t});eD(i.filter(e=>{let{publicID:n}=e;return t.includes(n)}))}});(0,r.useEffect)(()=>{let e=async e=>{eC(),eE()};return window.addEventListener("reload-ordering-swr",e),()=>{window.removeEventListener("reload-ordering-swr",e)}},[]);let eS=null==e_?[]:e_.filter(e=>e.type===es).map(e=>{let{merchantPublicID:t}=e;return t}),[eT,eD]=(0,r.useState)(i.filter(e=>{let{publicID:t}=e;return eS.includes(t)})),eI=(0,r.useRef)(null),eN=(e,t)=>{let n=document.querySelectorAll(e);if(0===n.length){console.log("cannot find ",{inputName:e,value:t});return}n[0].value=t},eL=e=>{eh(!1),ef(e),null!=e&&e.isDeliveryAvailable&&(null!=e.addressParts.address1&&eN('.merchant-picker [name="address1"]',e.addressParts.address1),null!=e.addressParts.city&&eN('.merchant-picker [name="city"]',e.addressParts.city),null!=e.addressParts.postal_code&&eN('.merchant-picker [name="postal_code"]',e.addressParts.postal_code),null!=e.addressParts.province&&(eN('.merchant-picker [name="province"]',e.addressParts.province),eN('.merchant-picker .province-selector input:not([name="province"]):not(.react-select__input)',e.addressParts.province)),null!=e.addressParts.country&&eN('.merchant-picker [name="country"]',e.addressParts.country),eN(".mapboxgl-ctrl-geocoder--input",e.addressFull))},eA=async e=>{var t;if(null===(t=eI.current)||void 0===t||t.flyTo({center:[e.lng,e.lat],zoom:10,duration:4e3}),ey(e),eo===f.W7.SET_DELIVERY_LOCATION)try{let t=await el(null,"".concat(e.lat),"".concat(e.lng));eL(t)}catch(e){if(e.toString().replace("Error: ","").includes("browser-location-failed")){eh(!0);return}throw e}},eB=Array.from(new Set(i.map(e=>(0,h.$)(e.country)))).join(",");(0,r.useEffect)(()=>

1{if(!eu)return;let e=new(c())({accessToken:O,types:"region,place,postcode,locality,neighborhood,address",countries:eB,marker:!1,placeholder:ed,proximity:{latitude:(null==et?void 0:et.lat)||G,longitude:(null==et?void 0:et.lng)||q}});return e.addTo(".geocoder"),eZ(!1),e.on("result",async e=>{let[t,n]=e.result.center;ey({lat:n,lng:t});let l=(0,C.Z)(i.filter(e=>{let{publicID:t}=e;return eS.includes(t)}),{latitude:n,longitude:t});if(eD(l),null!=l[0].lat&&null!=l[0].lng){var a;null===(a=eI.current)||void 0===a||a.fitBounds([[l[0].lng,l[0].lat],[t,n]],{padding:60,duration:2e3,zoom:10})}eo===f.W7.SET_DELIVERY_LOCATION&&eL(await el(e.result.place_name,"".concat(n),"".concat(t)))}),e.on("clear",()=>{}),null!=er&&null!=er.deliveryStatus&&""!==er.deliveryStatus.userAddress.address&&eN(".mapboxgl-ctrl-geocoder--input",er.deliveryStatus.userAddress.address),()=>{e.onRemove()}},[eu,er,eo]),(0,r.useEffect)(()=>{var e;let t,n,l,a;null==eI||null==eP||0===eP.length||i.length>1||(eP.flatMap(e=>e.coordinates).forEach(e=>{if(null==e.lat||null==e.lng)return!0;void 0===t&&(a=n=e.lat,t=l=e.lng),e.lat>a?a=e.lat:e.lat<n&&(n=e.lat),e.lng>l?l=e.lng:e.lng<t&&(t=e.lng)}),null===(e=eI.current)||void 0===e||e.fitBounds([[t,n],[l,a]],{padding:40,maxZoom:16}))},[eP,eI,i]);let eO=(0,g.Z)({...U,className:"merchant-picker checkout-form ".concat(null!=U.className?" ".concat(U.className):""," ").concat(null==eg?"delivery-unknown":eg.isDeliveryAvailable?"delivery-available":"delivery-not-available")},{"& .merchant-pickup-row":{".merchant-pickup-container":{display:"flex",alignItems:"center"},".merchant-pickup-details":{display:"flex",flexDirection:"column",alignItems:"flex-start"},".merchant-pickup-button-container":{marginTop:"6px"},padding:"4px",border:"2px solid transparent",borderRadius:"10px","&.active":{border:"2px solid #000"}},"&.delivery-available":{".cart-or, .find-location-button":{display:"none"}},"&":{".button-subtitle":{display:"flex",justifyContent:"center",gap:"5px",fontSize:"85%"},".mapboxgl-zones .show-boundaries-btn":{display:"flex",alignItems:"center",justifyContent:"center",padding:0,"&:not(:disabled):hover":{backgroundColor:"#F4F4F4"}}},...l.style}),eM=async e=>{e.preventDefault();let t=Object.fromEntries(new FormData(e.currentTarget));if(null==eg||!eg.isDeliveryAvailable)return;let n=eg.merchants.length>0?eg.merchants[0].publicID:null!=er?er.merchantPublicID:null;null!=n&&await en({merchantPublicID:n,userAddressFull:eg.addressFull,userLat:eg.lat,userLng:eg.lng,userData:t,inputModuleSavePath:u})};return null==er?null:(0,a.BX)("form",{ref:t,...eO,onSubmit:eM,id:W,children:[(0,a.tZ)(o.xB,{styles:Z.B},"mapbox-merchant-picker"),(0,a.tZ)(o.xB,{styles:Z.u},"mapbox-geocoder-location-page"),(0,a.BX)("div",{className:"merchant-picker",children:[A&&(0,a.tZ)(a.HY,{children:x}),A&&(null!=eg&&!eg.isDeliveryAvailable||em)&&(0,a.tZ)(I.Z,{reasonText:ee(em?"geolocation-failed-header":"delivery-not-available"),style:{margin:0}}),(0,a.tZ)("div",{className:"merchant-picker-map",children:(eo===f.W7.SET_PICKUP_LOCATION&&i.length>1||eo===f.W7.SET_DELIVERY_LOCATION)&&(0,a.BX)(d.ZP,{reuseMaps:!0,mapboxAccessToken:O,initialViewState:{latitude:1===i.length&&null!=i[0].lat?i[0].lat:G,longitude:1===i.length&&i[0].lng?i[0].lng:q,zoom:null!=J?J:1===i.length?16:5},style:{height:"300px",width:"100%"},onLoad:e=>{e.target.setLanguage(Q);let t=e.target.getStyle();if(null!=t){if(t.layers.forEach(t=>{t.id.endsWith("-label")&&e.target.setLayoutProperty(t.id,"text-field",["coalesce",["get","name_".concat(Q)],["get","name"]])}),i.length>0){let t,n,l,a;i.filter(e=>{let{lat:t,lng:n}=e;return null!=t&&null!=n}).forEach(e=>{if(null==e.lat||null==e.lng)return!0;void 0===t&&(a=n=e.lat,t=l=e.lng),e.lat>a?a=e.lat:e.lat<n&&(n=e.lat),e.lng>l?l=e.lng:e.lng<t&&(t=e.lng)}),e.target.fitBounds([[t,n],[l,a]],{padding:40,maxZoom:16})}ep(!0)}},mapStyle:"mapbox://styles/mapbox/".concat(V),ref:eI,onRender:e=>{e.target.resize()},interactiveLayerIds:["data"],locale:{"AttributionControl.ToggleAttribution":ee("map-ToggleAttribution"),"FullscreenControl.Enter":ee("map-Enter"),"FullscreenControl.Exit":ee("map-Exit"),"GeolocateControl.FindMyLocation":ee("map-FindMyLocation"),"GeolocateControl.LocationNotAvailable":ee("map-LocationNotAvailable"),"LogoControl.Title":ee("map-link-Title"),"Map.Title":ee("map-Title"),"NavigationControl.ResetBearing":ee("map-ResetBearing"),"NavigationControl.ZoomIn":ee("map-ZoomIn"),"NavigationControl.ZoomOut":ee("map-ZoomOut"),"ScrollZoomBlocker.CtrlMessage":ee("map-CtrlMessage"),"ScrollZoomBlocker.CmdMessage":ee("map-CmdMessage"),"TouchPanBlocker.Message":ee("map-Message")},children:[eo===f.W7.SET_DELIVERY_LOCATION&&(0,a.BX)(a.HY,{children:[(0,a.tZ)(D,{children:(0,a.tZ)(K,{tooltip:ek?ee("hide-boundaries-tt"):ee("show-boundaries-tt"),onClick:async()=>{ex(!ek)}})}),ek&&null!=eP&&eP.length>0&&eP.map((e,t)=>(0,a.tZ)(d.Hw,{type:"geojson",data:{type:"FeatureCollection",features:eP.map(e=>({id:e.publicID,type:"Feature",properties:{id:e.publicID,amount:e.rateAmount,name:e.name},geometry:{type:"Polygon",coordinates:[[...e.coordinates.map(e=>[parseFloat(e.lng),parseFloat(e.lat)])]]}}))},children:(0,a.tZ)(d.mh,{id:"data",type:"fill",paint:{"fill-color":["match",["get","name"],...eP.flatMap((e,t)=>[e.name,Y.length>=t?Y[t]:"#3288bd"]),"#CCCCCC"],"fill-opacity":.3}})},"source-".concat(t)))]}),null!=ev&&(0,a.BX)(a.HY,{children:[(0,a.tZ)(d.Jx,{className:"map-marker map-marker-user-loc",longitude:ev.lng,latitude:ev.lat,onClick:e=>{e.originalEvent.stopPropagation()},children:(0,a.tZ)(k.Z,{size:20})},"marker-user-location"),(0,a.tZ)(p.u,{anchorSelect:".map-marker-user-loc",place:"top",children:ee("your-marker")})]}),eT.filter(e=>null!=e.lat&&null!=e.lng).map((e,t)=>null==e.lat||null==e.lng?null:(0,a.BX)(r.Fragment,{children:[(0,a.tZ)(d.Jx,{className:"map-marker-".concat(e.publicID),latitude:e.lat,longitude:e.lng,anchor:"bottom",onClick:async t=>{t.originalEvent.stopPropagation(),eo===f.W7.SET_PICKUP_LOCATION?await ea({fulfillmentType:"PICKUP",merchantPublicID:e.publicID,locale:Q}):null!=eI&&null!=eI.current&&null!=e.lng&&null!=e.lat&&eI.current.flyTo({center:[e.lng,e.lat],zoom:15,pitch:0,bearing:0})},offset:[0,32],children:1===eT.length?(0,a.tZ)(k.Z,{size:30,fillColour:"var(--primary-color, #d00)"}):(0,a.tZ)(z,{className:"map-marker",css:{backgroundColor:j,cursor:eo===f.W7.SET_PICKUP_LOCATION?"pointer":"auto"},children:t+1})}),(0,a.BX)(p.u,{anchorSelect:".map-marker-".concat(e.publicID),place:"bottom",children:[eo===f.W7.SET_PICKUP_LOCATION&&(0,a.tZ)(a.HY,{children:ee("select-pickup-marker")}),""!=e.alias&&(0,a.BX)(a.HY,{children:[(0,a.tZ)("strong",{children:e.alias}),(0,a.tZ)("br",{})]}),e.street,", ",e.city]})]},"merchant-marker-".concat(t)))]})}),(0,a.BX)("div",{className:"merchant-picker-geocoder",css:{display:"flex",flexDirection:"column",alignItems:"stretch",gap:"15p

1x"},children:[(0,a.BX)("label",{children:[(0,a.tZ)("div",{children:ee("address-label")}),(0,a.BX)(N.Z,{showPlaceholder:ew,children:[(0,a.tZ)(X,{breakpoints:s,className:"geocoder"}),ew&&(0,a.tZ)(L.Z,{width:"100%",height:"36px",style:{verticalAlign:"middle"}})]})]}),eo===f.W7.SET_DELIVERY_LOCATION&&null==eg&&!em&&(0,a.BX)(a.HY,{children:[(0,a.tZ)("div",{className:"cart-or fulfillment-type-or",css:{textAlign:"center"},children:"OR"}),(0,a.tZ)(H,{onGeocode:eA})]})]}),eo===f.W7.SET_PICKUP_LOCATION&&(0,a.tZ)("div",{className:"merchant-picker-location-list",children:(0,a.tZ)("ul",{css:{padding:0},children:eT.filter(e=>null!=e.lat&&null!=e.lng).map((e,t)=>(0,a.tZ)(F,{className:"merchant-pickup-row".concat(null!=er&&null!=er.merchantPublicID&&er.merchantPublicID===e.publicID&&null!=er.fulfillmentType&&"PICKUP"===er.fulfillmentType.type?" active":""),children:(0,a.tZ)("div",{className:"merchant-pickup-container",children:(0,a.BX)("div",{className:"merchant-pickup-content",children:[(0,a.tZ)(z,{css:{backgroundColor:j},children:t+1}),(0,a.BX)("div",{className:"merchant-pickup-details",children:[(0,a.BX)("div",{className:"merchant-pickup-name",children:[e.name," - ",e.alias]}),""!=e.street||""!=e.city||""!=e.province?(0,a.BX)("div",{className:"merchant-pickup-address",css:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"calc(100%)","@media (min-width: 768px)":{},"@media (min-width: 1024px)":{}},children:[""!=e.street?"".concat(e.street,","):""," ",e.city," ",e.province,"."]}):null,"distance"in e&&null!=e.lat&&null!=e.lng&&(0,a.tZ)("div",{style:{fontWeight:"700",color:"#2D2D2D"},children:0===e.distance?"Nearby":"~".concat(Math.round(10*e.distance)/10,"km")}),(0,a.tZ)("div",{className:"merchant-pickup-button-container",children:(0,a.tZ)("button",{type:"button",className:"button merchant-pickup-button button-next","data-testid":"select-store-button",onClick:async()=>{await ea({fulfillmentType:"PICKUP",merchantPublicID:e.publicID,locale:Q})},children:ec})})]})]})})},"picker-".concat(e.publicID)))})}),(0,a.tZ)("div",{className:"merchant-selector-children",css:{display:null!=eg&&eg.isDeliveryAvailable?"block":"none"},children:w})]}),A&&eo===f.W7.SET_DELIVERY_LOCATION&&(0,a.BX)("div",{className:"checkout-buttons",children:[(0,a.BX)("button",{type:"submit",className:"button button-next",css:{display:null!=eg&&eg.isDeliveryAvailable?"block":"none"},children:[ee("select-delivery-button"),null!=eg&&eg.isDeliveryAvailable&&(0,a.BX)("div",{className:"button-subtitle",children:[eg.addressParts.address1,","," ",eg.addressParts.city," ",eg.addressParts.province]})]}),(0,a.tZ)("button",{type:"button",className:"button button-previous",onClick:async()=>{ei(f.W7.SET_FULFILLMENT)},children:ee("previous-button")})]})]})}),H=e=>{let{onGeocode:t}=e,{locale:n}=(0,y.e)(),l=(0,b.Z)(M,n),{coords:i,getPosition:o,isGeolocationEnabled:s,positionError:c}=(0,u.E)({positionOptions:{enableHighAccuracy:!1},suppressLocationOnMount:!0,userDecisionTimeout:5e3}),[d,p]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{null!=i&&(p(!1),t({lat:i.latitude,lng:i.longitude}))},[i]),(0,r.useEffect)(()=>{s||p(!1)},[s]),(0,a.tZ)("button",{type:"button",className:"button button-fulfillment-type","aria-label":l("geoloc-failed"),title:l("geoloc-failed"),onClick:()=>{p(!0),o()},css:{animation:d?"spin 1s infinite linear":"none"},children:s||d?(0,a.BX)("div",{css:{display:"flex",justifyContent:"center",gap:"10px"},children:[d&&(0,a.tZ)(w.Z,{height:18,width:18}),(0,a.tZ)("div",{children:l("find-my-location")})]}):(0,a.tZ)(a.HY,{children:l("geoloc-failed")})})},K=e=>{let{tooltip:t,onClick:n}=e,[l,i]=(0,r.useState)(!0);return(0,a.BX)(a.HY,{children:[(0,a.tZ)("button",{type:"button",css:{position:"absolute",right:0,top:0,pointerEvents:"all",cursor:"pointer",backgroundColor:"#fff",borderRadius:"12px",border:"none",height:"25px",width:"25px"},onClick:n,className:"show-boundaries-btn",onMouseEnter:()=>{i(!0)},onMouseLeave:()=>{i(!1)},"aria-label":t,children:(0,a.tZ)("svg",{width:"18px",height:"18px",viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",preserveAspectRatio:"xMidYMid meet",children:(0,a.tZ)("path",{d:"M33.162 19.463a3.5 3.5 0 0 0-3.111 1.974L9.34 64.239a3.5 3.5 0 0 0 2.632 4.985l75.015 11.275a3.5 3.5 0 0 0 3.846-4.55L76.566 32.456a3.5 3.5 0 0 0-2.431-2.293l-40.04-10.586a3.5 3.5 0 0 0-.933-.115z",fill:"#000000"})})}),(0,a.tZ)(p.u,{anchorSelect:".show-boundaries-btn",place:"right",isOpen:l,afterShow:()=>{setTimeout(()=>{i(!1)},2e3)},children:t})]})};var U=W},82468:function(e,t,n){var l=n(52903),a=n(2784);t.Z=a.memo(e=>{let{size:t=20,fillColour:n="#d00"}=e;return(0,l.tZ)("svg",{height:t,viewBox:"0 0 24 24",style:{cursor:"pointer",fill:n,stroke:"none"},children:(0,l.tZ)("path",{d:"M20.2,15.7L20.2,15.7c1.1-1.6,1.8-3.6,1.8-5.7c0-5.6-4.5-10-10-10S2,4.5,2,10c0,2,0.6,3.9,1.6,5.4c0,0.1,0.1,0.2,0.2,0.3\n  c0,0,0.1,0.1,0.1,0.2c0.2,0.3,0.4,0.6,0.7,0.9c2.6,3.1,7.4,7.6,7.4,7.6s4.8-4.5,7.4-7.5c0.2-0.3,0.5-0.6,0.7-0.9\n  C20.1,15.8,20.2,15.8,20.2,15.7z"})})})}}]);