https://woodbrass.com/cdn/shop/t/3/assets/product-info.js?v=173375561779339838481782289573

1customElements.get("product-info")||customElements.define("product-info",class extends HTMLElement{abortController=void 0;onVariantChangeUnsubscriber=void 0;pendingRequestUrl=null;preProcessHtmlCallbacks=[];postProcessHtmlCallbacks=[];constructor(){super()}get variantSelectors(){return this.querySelector("variant-selects")}get productId(){return this.getAttribute("data-product-id")}get sectionId(){return this.dataset.originalSection||this.dataset.section}get pickupAvailability(){return this.querySelector("pickup-availability")}get quantityInput(){return this.querySelector("quantity-input input")}get productMediaWrapper(){return this._productMediaWrapper=this._productMediaWrapper||this.querySelector(".product__media-wrapper")}connectedCallback(){this.initializeProductSwapUtility(),this.onVariantChangeUnsubscriber=FoxTheme.pubsub.subscribe(FoxTheme.pubsub.PUB_SUB_EVENTS.optionValueSelectionChange,this.handleOptionValueChange.bind(this)),this.initQuantityHandlers(),this.currentVariant=this.getSelectedVariant(this),this.currentVariant&&this.updateMedia(this.currentVariant),this.productMediaWrapper&&(this.blockPositionHandler=this.handleBlocksPosition.bind(this),this.handleBlocksPosition(),document.addEventListener("matchMobile",this.blockPositionHandler),document.addEventListener("unmatchMobile",this.blockPositionHandler))}handleBlocksPosition(){const isMobile=FoxTheme.config.mqlMobile;this.querySelectorAll('.product__block[data-show-below-media="true"]').forEach(block=>{const blockId=block.dataset.blockId,blockPlacement=this.productMediaWrapper.querySelector(`[data-block-id="${blockId}"]`);blockPlacement&&(isMobile?block.hasAttribute("data-moved-below-media")&&(block.innerHTML=blockPlacement.innerHTML,blockPlacement.innerHTML="",block.removeAttribute("data-moved-below-media")):(blockPlacement.innerHTML=block.innerHTML,block.innerHTML="",block.setAttribute("data-moved-below-media","")))})}disconnectedCallback(){this.onVariantChangeUnsubscriber()}initializeProductSwapUtility(){this.postProcessHtmlCallbacks.push(newNode=>{window?.Shopify?.PaymentButton?.init(),window?.ProductModel?.loadShopifyXR()})}handleOptionValueChange({data:{event,target,selectedOptionValues}}){if(!this.contains(event.target))return;this.resetProductFormState();const productUrl=target.dataset.productUrl||this.pendingRequestUrl||this.dataset.url,shouldSwapProduct=this.dataset.url!==productUrl,shouldFetchFullPage=this.dataset.updateUrl==="true"&&shouldSwapProduct,viewMode=this.dataset.viewMode||"main-product";this.renderProductInfo({requestUrl:this.buildRequestUrlWithParams(productUrl,selectedOptionValues,shouldFetchFullPage),targetId:target.id,callback:shouldSwapProduct?this.handleSwapProduct(productUrl,shouldFetchFullPage,viewMode):this.handleUpdateProductInfo(productUrl,viewMode)})}get productForm(){return this.querySelector('form[is="product-form"')}resetProductFormState(){this.productForm?.resetFormState()}handleSwapProduct(productUrl,updateFullPage,viewMode){return html=>{const selector=updateFullPage?"product-info[id^='MainProduct']":"product-info",variant=this.getSelectedVariant(html.querySelector(selector));this.updateURL(productUrl,variant?.id),updateFullPage?(document.querySelector("head title").innerHTML=html.querySelector("head title").innerHTML,HTMLUpdateUtility.viewTransition(document.querySelector("main"),html.querySelector("main"),this.preProcessHtmlCallbacks,this.postProcessHtmlCallbacks),HTMLUpdateUtility.viewTransition(document.getElementById("shopify-section-sticky-atc-bar"),html.getElementById("shopify-section-sticky-atc-bar"),this.preProcessHtmlCallbacks,this.postProcessHtmlCallbacks)):HTMLUpdateUtility.viewTransition(this,html.querySelector("product-info"),this.preProcessHtmlCallbacks,this.postProcessHtmlCallbacks),this.currentVariant=variant}}handleUpdateProductInfo(productUrl,viewMode){return html=>{const variant=this.getSelectedVariant(html);if(this.pickupAvailability?.update(variant),this.updateOptionValues(html),this.updateURL(productUrl,variant?.id),this.updateShareUrl(variant?.id),this.updateVariantInputs(variant?.id),!variant){this.setUnavailable();return}this.updateMedia(variant);const updateSourceFromDestination=(id,shouldHide=source=>!1)=>{const source=html.getElementById(`${id}-${this.sectionId}`),destination=this.querySelector(`#${id}-${this.dataset.section}`);source&&destination&&(destination.innerHTML=source.innerHTML,destination.classList.toggle("hidden",shouldHide(source)))};updateSourceFromDestination("price"),updateSourceFromDestination("Sku",({classList})=>classList.contains("hidden")),updateSourceFromDestination("Barcode",({classList})=>classList.contains("hidden")),updateSourceFromDestination("Inventory",({innerText})=>innerText===""),updateSourceFromDestination("Badges",({classList})=>classList.contains("hidden")),updateSourceFromDestination("PricePerItem",({classList})=>classList.contains("hidden")),updateSourceFromDestination("Volume"),this.updateQuantityRules(this.sectionId,this.productId,html),this.querySelector(`#QuantityRules-${this.dataset.section}`)?.classList.remove("hidden"),this.querySelector(`#VolumeNote-${this.dataset.section}`)?.classList.remove("hidden"),HTMLUpdateUtility.viewTransition(document.querySelector(`#SizeChart-${this.sectionId}`),html.querySelector(`#SizeChart-${this.sectionId}`),this.preProcessHtmlCallbacks,this.postProcessHtmlCallbacks);const addButtonUpdated=html.getElementById(`ProductSubmitButton-${this.sectionId}`);this.toggleAddButton(addButtonUpdated?addButtonUpdated.hasAttribute("disabled"):!0,FoxTheme.variantStrings.soldOut),document.dispatchEvent(new CustomEvent("variant:changed",{detail:{variant:this.currentVariant}})),FoxTheme.pubsub.publish(FoxTheme.pubsub.PUB_SUB_EVENTS.variantChange,{data:{sectionId:this.sectionId,html,variant}}

1)}}buildRequestUrlWithParams(url,optionValues,shouldFetchFullPage=!1){const params=[];return!shouldFetchFullPage&&params.push(`section_id=${this.sectionId}`),optionValues.length&&params.push(`option_values=${optionValues.join(",")}`),`${url}?${params.join("&")}`}getSelectedVariant(productInfoNode){const selectedVariant=productInfoNode.querySelector("variant-selects [data-selected-variant]")?.innerHTML;return selectedVariant?JSON.parse(selectedVariant):null}renderProductInfo({requestUrl,targetId,callback}){this.abortController?.abort(),this.abortController=new AbortController,fetch(requestUrl,{signal:this.abortController.signal}).then(response=>response.text()).then(responseText=>{this.pendingRequestUrl=null;const html=new DOMParser().parseFromString(responseText,"text/html");callback(html)}).then(()=>{document.querySelector(`#${targetId}`)?.focus()}).catch(error=>{error.name==="AbortError"?console.log("Fetch aborted by user"):console.error(error)})}updateOptionValues(html){const variantSelects=html.querySelector("variant-selects");variantSelects&&HTMLUpdateUtility.viewTransition(this.variantSelectors,variantSelects,this.preProcessHtmlCallbacks)}updateURL(url,variantId){this.dataset.updateUrl!=="false"&&window.history.replaceState({},"",`${url}${variantId?`?variant=${variantId}`:""}`)}updateVariantInputs(variantId){document.querySelectorAll(`#product-form-${this.dataset.section}, #product-form-installment-${this.dataset.section}`).forEach(productForm=>{const input=productForm.querySelector('input[name="id"]');input.value=variantId??"",input.dispatchEvent(new Event("change",{bubbles:!0}))})}updateMedia(variant){const productMedia=this.querySelector(`[id^="MediaGallery-${this.dataset.section}"]`);if(!productMedia)return;const setActiveMedia=()=>typeof productMedia.setActiveMedia=="function"?(productMedia.init(),productMedia.setActiveMedia(variant),!0):!1;setActiveMedia()||(this.timer=setInterval(()=>{setActiveMedia()&&clearInterval(this.timer)},100))}updateShareUrl(variantId){if(!variantId)return;const shareButton=document.getElementById(`ProductShare-${this.dataset.section}`);!shareButton||!shareButton.updateUrl||shareButton.updateUrl(`${window.shopUrl}${this.dataset.url}?variant=${variantId}`)}toggleAddButton(disable=!0,text,modifyClass=!0){const productForm=document.getElementById(`product-form-${this.dataset.section}`);if(!productForm)return;const addButton=productForm.querySelector('[name="add"]'),addButtonText=productForm.querySelector('[name="add"] > span');addButton&&(disable?(addButton.setAttribute("disabled","disabled"),text&&(addButtonText.textContent=text)):(addButton.removeAttribute("disabled"),addButtonText.innerHTML=FoxTheme.variantStrings.addToCart))}setUnavailable(){this.toggleAddButton(!0,FoxTheme.variantStrings.unavailable);const price=document.getElementById(`price-${this.dataset.section}`),inventory=document.getElementById(`Inventory-${this.dataset.section}`),sku=document.getElementById(`Sku-${this.dataset.section}`);price&&price.classList.add("hidden"),inventory&&inventory.classList.add("hidden"),sku&&sku.classList.add("hidden")}initQuantityHandlers(){this.quantityInput&&(this.setQuantityBoundries(),this.hasAttribute("data-original-section")||(this.cartUpdateUnsubscriber=FoxTheme.pubsub.subscribe(FoxTheme.pubsub.PUB_SUB_EVENTS.cartUpdate,this.fetchQuantityRules.bind(this))))}setQuantityBoundries(){FoxTheme.pubsub.publish(FoxTheme.pubsub.PUB_SUB_EVENTS.quantityBoundries,{data:{sectionId:this.sectionId,productId:this.productId}})}fetchQuantityRules(){const currentVariantId=this.productForm?.productIdInput?.value;currentVariantId&&(this.querySelector(".quantity__rules-cart")?.classList.add("btn--loading"),fetch(`${this.getAttribute("data-url")}?variant=${currentVariantId}&section_id=${this.sectionId}`).then(response=>response.text()).then(responseText=>{const parsedHTML=new DOMParser().parseFromString(responseText,"text/html");this.updateQuantityRules(this.sectionId,this.productId,parsedHTML)}).catch(error=>{console.error(error)}).finally(()=>{this.querySelector(".quantity__rules-cart")?.classList.remove("btn--loading")}))}updateQuantityRules(sectionId,productId,parsedHTML){this.quantityInput&&(FoxTheme.pubsub.publish(FoxTheme.pubsub.PUB_SUB_EVENTS.quantityRules,{data:{sectionId,productId,parsedHTML}}),this.setQuantityBoundries())}}),customElements.get("product-promotion-alert")||customElements.define("product-promotion-alert",class extends HTMLElement{constructor(){super(),this.abortController=new AbortController,this.buttonEl=this.querySelector("button"),this.buttonEl.addEventListener("click",this.onClick.bind(this),{signal:this.abortController.signal})}onClick(evt){evt.preventDefault(),this.closest(".product__block").classList.add("hidden")}disconnectedCallback(){this.abortController.abort()}});
2//# sourceMappingURL=/cdn/shop/t/3/assets/product-info.js.map?v=173375561779339838481782289573