https://dz.diesel.com/on/demandware.static/Sites-DieselWW-Site/-/e…/js/component-BopisFilter.chunks.js

1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[3703,5645],{6583:(t,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>s});const i=o(8563).N,n=o(14863).ZP,a=o(38302).default;class s extends a{constructor(t){super(t),this.form=t,this.formData={},this.url=new URL(this.action(),window.location.origin),this.isSubmitting=!1,this.setup()}setup(){this.form.addEventListener("submit",(t=>{t.preventDefault(),this.submitHandler()})),[...this.form.querySelectorAll('[type="submit"]')].forEach((t=>{t.addEventListener("click",(t=>{this.isSubmitting=!0}))})),this.form.addEventListener("invalid",(t=>{this.isSubmitting&&(this.focusOnInvalidInput(),this.isSubmitting=!1)}),!0)}focusOnInvalidInput(t){if((t=t||this.form.querySelector("input:invalid, textarea:invalid, select:invalid"))&&document.activeElement!==t){t.focus({preventScroll:!0});let e=t.getBoundingClientRect(),o=window.scrollY+e.top-window.innerHeight/3;window.scrollTo({top:o,behavior:"auto"})}console.log("Focus on first invalid input:",t)}loadRecaptchaScript(t){const e=document.querySelector("#recaptcha-script");if(!e)return void(document.querySelector('script[src*="recaptcha"]')&&(this.recaptchaScriptLoaded=!0));const o=()=>{e.getAttribute("src")||(e.setAttribute("src",e.dataset.src),e.async=!0,e.onload=()=>{document.dispatchEvent(new CustomEvent("recaptcha-loaded"))},this.recaptchaScriptLoaded=!0)};t?o():this.recaptchaFocusBound||(this.form.addEventListener("mouseenter",o,{once:!0}),this.form.addEventListener("focusin",o,{once:!0}),this.form.addEventListener("click",o,{once:!0}),this.recaptchaFocusBound=!0)}getRecaptchaToken(t){const e=this.element.querySelector('input[name="googleRecaptchaClientSide"]'),o=this.element.querySelector('input[name="googleRecaptchaToken"]');if(!e)return;const i=()=>{window.grecaptcha.ready((()=>{this.performRecaptchaCall=async()=>window.grecaptcha.execute(e.value,{action:t}).then((t=>(o.value=t,t)))}))};window.grecaptcha?i():(document.addEventListener("recaptcha-loaded",(()=>{console.log("Lazy loading recaptcha."),i()}),{once:!0}),this.loadRecaptchaScript(!1))}action(){return this.form.getAttribute("action")}method(){return this.form.getAttribute("method")}async submitHandler(){this.isSubmitting=!0,this.url=new URL(this.action(),window.location.origin);const t=new CustomEvent("beforeSubmit",{bubbles:!0,cancelable:!0,composed:!1});this.form.dispatchEvent(t),this.performRecaptchaCall&&await this.performRecaptchaCall(),this.formData=i(this.form);const e={method:this.method()};if("get"===this.method().toLowerCase()){const t={},e=new FormData(this.form);for(const o of e.keys())t[o]=e.get(o);this.url.search=new URLSearchParams(t).toString()}else e.body=new FormData(this.form);n("".concat(this.url),e).then((t=>{const e=t.headers.get("content-type");if(!e)throw new TypeError("No content type defined in response/header");return e.includes("application/json")?t.json():e.includes("text/html")?t.text():void 0})).then((t=>{const o=new CustomEvent("data",{detail:{body:e.body,data:t},bubbles:!0,cancelable:!0,composed:!1});this.form.dispatchEvent(o)})).catch((t=>{console.error(t);const e=new CustomEvent("error",{detail:{data:t},bubbles:!0,cancelable:!0,composed:!1});this.form.dispatchEvent(e)}))}}},26373:(t,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>a});var i=o(12737);const n=o(6583).default;class a extends n{constructor(t){super(t);const e=document.querySelector('[data-component="FindInStore"]');this.bopisStoreSelector=e.querySelector(".bopis__stores"),this.form.addEventListener("beforeSubmit",(()=>{i.Z.emit("loader:start",{element:this.bopisStoreSelector})})),this.form.addEventListener("data",(t=>{const o=document.querySelector('[data-action="Cart-Show"]');e&&(this.bopisStoreSelector.innerHTML=t.detail.data.renderedTemplate,i.Z.emit("loader:end",{element:this.bopisStoreSelector}),o&&this.form.querySelector(".js-bopis-uuid")&&e.querySelectorAll(".button").forEach((t=>{t.classList.add("no-store-selected"),t.setAttribute("data-uuid",this.formData.uuid)})),e.componentInstance.open()),i.Z.emit("body:loaded")})),this.queryInput=this.element.querySelector('input[name="q"]'),this.queryInput.addEventListener("change",(t=>{this.resetPlaceholder()})),this.queryInput.addEventListener("focus",(t=>{this.resetPlaceholder()})),this.localizeButton=this.element.querySelector("[data-localize]"),this.localizeButton&&this.setupLocalization(),i.Z.emit

1("sidepanel:contentLoaded")}resetPlaceholder(){if(this.queryInput.setAttribute("placeholder",this.queryInput.dataset.placeholder),this.element.querySelector('input[name="lat"]')){const t=this.element.querySelector('input[name="lat"]');t.parentNode.removeChild(t)}if(this.element.querySelector('input[name="long"]')){const t=this.element.querySelector('input[name="long"]');t.parentNode.removeChild(t)}}setupLocalization(){this.localizeButton.addEventListener("click",(t=>{this.queryInput.setAttribute("placeholder",this.queryInput.dataset.currentPosition),i.Z.emit("body:loading"),navigator.geolocation?navigator.geolocation.getCurrentPosition((t=>{const e=t.coords.latitude,o=t.coords.longitude;this.localizeButton.setAttribute("data-lat",e),this.localizeButton.setAttribute("data-ng",o),this.createFields()}),(t=>{console.error(t)})):this.createFields()}))}createFields(){if(this.element.querySelector('input[name="lat"]'))this.element.querySelector('input[name="lat"]').value=this.localizeButton.dataset.lat;else{const t=document.createElement("input");t.type="hidden",t.value=this.localizeButton.dataset.lat,t.name="lat",this.element.appendChild(t)}if(this.element.querySelector('input[name="long"]'))this.element.querySelector('input[name="long"]').value=this.localizeButton.dataset.lng;else{const t=document.createElement("input");t.type="hidden",t.value=this.localizeButton.dataset.lng,t.name="long",this.element.appendChild(t)}this.localizeButton.focus(),this.submitHandler()}}},8563:(t,e,o)=>{"use strict";function i(t){const e={};return[...new FormData(t).entries()].forEach((t=>{if(e[t[0]]){let o;"string"==typeof e[t[0]]?o=[e[t[0]],t[1]]:Array.isArray(e[t[0]])&&(o=e[t[0]].push(t[1])),e[t[0]]=o}else e[t[0]]=t[1]})),e}o.d(e,{N:()=>i})}}]);