"use strict";class CartofferList extends HTMLElement{constructor(){super(),this.selectors=this.selectors||{},this.selectors.offerSections=this.querySelectorAll("[data-offerSection]");const collections={};this.selectors.offerSections.forEach(section=>{const collectionData=JSON.parse(section.querySelector('script[type="application/json"]').textContent);collections[collectionData.type]={...collectionData,isAllLoaded:!1,currentPage:0,totalPages:0,section}}),this.state={activeBtn:null,isLoading:!1,collections,activeCollection:null,maxProducts:10},this.isCartPage=document.querySelector("body.template-cart"),this.buildSelectors(),this.init()}static get getElementName(){return"cart-offer-list"}buildSelectors(){this.selectors.modelClose=this.querySelector(".side-offers-close"),this.selectors.modelBack=this.querySelector(".back-to-prev-side-offer"),this.selectors.offerForms=this.querySelectorAll("form.cart-offer-product-form"),this.selectors.backSection=this.querySelector(".cart-offer-back"),this.selectors.loadMoreBtn=this.querySelector("[data-load-more-btn]")}init(){this.selectors.modelClose.addEventListener("click",this.hide.bind(this)),this.selectors.modelBack.addEventListener("click",this.hide.bind(this)),this.selectors.backSection.addEventListener("click",this.hide.bind(this));const throttleFn=_theme.Helpers.throttle((entries,observer)=>{const isIntersecting=entries[0].isIntersecting;if(this.state.isLoading||!isIntersecting||this.state.activeCollection.isAllLoaded)return;if(Object.keys(this.state.collections).every(key=>this.state.collections[key].isAllLoaded)){observer.unobserve(entries[0].target);return}const startIndex=this.state.activeCollection.currentPage*this.state.maxProducts;this.loadProductsFromSearchanize(this.state.activeCollection.handle,startIndex,this.state.activeCollection.type)});new IntersectionObserver(throttleFn,{root:this.querySelector("aside"),rootMargin:"0px 0px 0px 0px",threshold:.05}).observe(this.selectors.loadMoreBtn),Object.keys(this.state.collections).forEach(key=>{this.loadProductsFromSearchanize(this.state.collections[key].handle,0,this.state.collections[key].type)})}initProductEvents(){this.querySelectorAll('.offer-variant-size-container select[name="id"]').forEach(selectNode=>{selectNode.addEventListener("change",evt=>{try{const form=selectNode.closest("form"),quickview=form.querySelector("cart-offer-quickview"),parent=selectNode.closest(".cart-offer.grid-item"),variantJSONScript=form.querySelector('script[type="application/json"]'),variant=JSON.parse(variantJSONScript.textContent)[selectNode.value],salePriceElem=parent.querySelector("[data-sale-price]"),salePriceElemSrOnly=parent.querySelector("[data-sale-price-sr-only]"),comparePriceElem=parent.querySelector("[data-compare-price]"),comparePriceElemSrOnly=parent.querySelector("[data-compare-price-sr-only]"),saleElems=[salePriceElem,salePriceElemSrOnly],compareElems=[comparePriceElem,comparePriceElemSrOnly];quickview&&(quickview.setAttribute("data-id",variant.id),quickview.variantId=variant.id),Number(variant.price)?(saleElems.forEach(elem=>elem.classList.remove("hidden")),salePriceElem.textContent=_theme.Helpers.formatPrice(variant.price),salePriceElemSrOnly.textContent=`Sale Price ${_theme.Helpers.formatPrice(variant.price)}`):saleElems.forEach(elem=>elem.classList.add("hidden")),Number(variant.compareAtPrice)?(compareElems.forEach(elem=>elem.classList.remove("hidden")),comparePriceElem.textContent=_theme.Helpers.formatPrice(variant.compareAtPrice),comparePriceElemSrOnly.textContent=`Original Price ${_theme.Helpers.formatPrice(variant.compareAtPrice)}`):compareElems.forEach(elem=>elem.classList.add("hidden"))}catch(error){console.log(error)}})})}show(type){document.body.classList.add("overflow-hidden"),this.selectors.offerSections.forEach(section=>{section.dataset.tag.trim()===type?section.setAttribute("aria-hidden",!1):section.setAttribute("aria-hidden",!0)}),this.setAttribute("data-type",type),this.setAttribute("aria-hidden",!1),this.classList.add("active"),this.classList.remove("hidden"),this.state.activeCollection=this.state.collections[type],this.state.activeCollection.all_products_count<10&&(this.state.activeCollection.isAllLoaded=!0)}hide(){document.body.classList.remove("overflow-hidden"),$("*").not($(".cart-offer-container").find("*")).not(".cart-offer-container").not($(".cart-offer-container").parents()).removeAttr("aria-hidden"),this.selectors.goBackOnBtn=this.querySelector('.offerSection[aria-hidden="false"]')?.getAttribute("data-tag"),this.selectors.prevBtn=document.querySelector(`button[data-type="${this.selectors.goBackOnBtn}"]`),this.selectors?.prevBtn?.focus(),this.setAttribute("aria-hidden",!0),this.classList.add("hidden"),this.classList.remove("active"),this.removeAttribute("data-type"),this.selectors.offerSections.forEach(section=>{section.setAttribute("aria-hidden",!0)}),this.state.activeCollection=null}async loadProductsFromSearchanize(handle,startIndex,type){try{this.toggleInfiniteLoader(!0);const result=await(await fetch(`https://www.searchanise.com/getresults?api_key=2K7F7z9Y9V&output=jsonp&items=true&facets=false&facetsShowUnavailableOptions=false&categories=true&sortBy=sales_amount&sortOrder=desc&collection=${handle}&maxResults=${this.state.maxProducts}&startIndex=${startIndex}`)).json();this.renderProducts(result,type),this.state.collections[type].currentPage=this.state.collections[type].currentPage+1,this.initProductEvents(),this.toggleInfiniteLoader(!1)}catch(error){console.error("Error",error)}}renderProducts(result,type){const collection=this.state.collections[type];if(!result||result.totalItems===0){this.state.collections[type].isAllLoaded=!0;return}let mainHtml="";result.items.forEach((product,index)=>{if(product.metafield_b9ba57cd478d42c60429674e481c50c1&&!product.shopify_variants?.some(variant=>variant.search_variant_metafields_data?.variant_metafield_25c7b979d6abf42fb11a9be16739134f==="true"&&variant.available!=="0"))return;let product_html=_theme.product_html.cartOfferGrid;const offerVariant=this.getApplicableVariant(product);if(!offerVariant)return!1;let prodType="";product.metafield_9e14d49086f4ac1134f463aa2738d80e!=null?prodType=product.metafield_9e14d49086f4ac1134f463aa2738d80e:product.product_type!==void 0&&(prodType=product.product_type);const productHandle=product.link?product.link.split("/").pop():"";product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Id]]",product.product_id),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Handle]]",productHandle),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Title]]",product.title),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Type]]",prodType),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_URL]]",offerVariant.link||product.link),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Images]]",this.buildImagesHtml(product)),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Vendor]]",this.buildVendorHtml(product)),product_html=_theme.Helpers.updateHtml(product_html,"[[Product_Price]]",this.buildPriceHtml(offerVariant)),product_html=_theme.Helpers.updateHtml(product_html,"[[Variant_Id]]",offerVariant.variant_id),product_html=_theme.Helpers.updateHtml(product_html,"[[Variant_Size]]",this.buildVariantSelectorHtml(product,collection.render_variants)),product_html=_theme.Helpers.updateHtml(product_html,"[[GWP_Properties]]",this.buildGwpProperties(product)),mainHtml+=product_html}),this.selectors.offerSections.forEach(section=>{if(section.dataset.tag===type){const productsContainer=section.querySelector(".offerCollection"),oldHtml=productsContainer.innerHTML;productsContainer.innerHTML=oldHtml+mainHtml}})}buildGwpProperties(product){let html="";if(!product)return;if(product.shopify_variants?.some(variant=>variant.search_variant_metafields_data?.hasOwnProperty("variant_metafield_25c7b979d6abf42fb11a9be16739134f"))){const offerVariant=product.shopify_variants?.find(v=>v.search_variant_metafields_data?.variant_metafield_25c7b979d6abf42fb11a9be16739134f==="true");offerVariant&&offerVariant.variant_id&&(html+=`<input type="hidden" name="properties[_bundleVarId]" value="${offerVariant.variant_id}" data-bundleVarId>`)}return html}buildImagesHtml(product){if(!product)return"";product.shopify_images||(product.shopify_images=["data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="]);let html="";return!product.shopify_images&&product.shopify_images.length===0||(product.shopify_images.length<2&&(product.shopify_images.push(product.shopify_images[0]),product.shopify_images_alt&&product.shopify_images_alt.length===1&&product.shopify_images_alt.push(product.shopify_images_alt[0])),product.shopify_images.slice(0,2).forEach((imageUrl,index)=>{const imageAlt=product.shopify_images_alt&&product.shopify_images_alt[index]||product.title;html+=`<div class="product-image image-alter">
                <div class="image-${index+1}">
                    <span>
                        <img
                            src="${imageUrl}&width=300"
                            alt="${imageAlt}"
                            width="300"
                            height="300"
                            sizes="(min-width: 400px) 160px, 300px"
                            style="width: 160px;" 
                            loading="lazy"
                        />
                    </span>
                </div>
            </div>`})),html}buildVendorHtml(product){return product.vendor?`<span>${product.vendor}</span>`:""}buildPriceHtml(variant){const price=_theme.Helpers.formatPrice(variant.price),compareAtPrice=variant.list_price?_theme.Helpers.formatPrice(variant.list_price):null;let html=`<div class="priceRange"><span data-sale-price-sr-only class="visually-hidden">Sale Price ${price}</span><span data-sale-price aria-hidden="true">${price}</span>`;return compareAtPrice&&(html+=`<span data-compare-price-sr-only class="visually-hidden">Regular Price ${compareAtPrice}</span><span data-compare-price aria-hidden="true" class="stike-through">${compareAtPrice}</span>`),html+="</div>",html}buildVariantSelectorHtml(product,render_variants){if(!product)return"";let html="";const offerVariants=product.shopify_variants?.filter(variant=>variant.search_variant_metafields_data?.variant_metafield_25c7b979d6abf42fb11a9be16739134f==="true"&&variant.available!=="0")||[],hasMultiOfferVariants=offerVariants.length>1;if(render_variants&&hasMultiOfferVariants){html='<div class="offer-variant-size-container"><span class="visually-hidden" id="select-size-label">Select Size</span><select aria-labelledby="select-size-label" id="select-size" name="id">';const variantData={};offerVariants.forEach(variant=>{variantData[variant.variant_id]={id:variant.variant_id,price:variant.price,compareAtPrice:variant.list_price,link:variant.link};const key=Object.keys(variant.options)[0];html+=`<option value="${variant.variant_id}">${variant.options[key]}</option>`}),html+="</select></div>",html+=`<script type="application/json">${JSON.stringify(variantData)}<\/script>`}else if(offerVariants.length>0){const offerVariant=offerVariants[0],optionName=Object.keys(offerVariant?.options||{})[0];html=`<div class="offer-variant-size-container"><input type="hidden" name="id" value="${offerVariant.variant_id}" /><div class="offer-variant-size">${optionName}: ${offerVariant?.options[optionName]}</div></div>`}return html}getApplicableVariant(product){if(product.shopify_variants?.some(variant=>variant.search_variant_metafields_data?.hasOwnProperty("variant_metafield_25c7b979d6abf42fb11a9be16739134f"))){const bundleIdVariant=product.shopify_variants.find(variant=>variant.search_variant_metafields_data?.variant_metafield_25c7b979d6abf42fb11a9be16739134f==="true"&&variant.available!=="0"),availableVariant=product.shopify_variants.find(variant=>variant.available!=="0");return bundleIdVariant||availableVariant||product.shopify_variants[0]}else return product.shopify_variants.find(variant=>variant.available!=="0")||product.shopify_variants[0]}toggleInfiniteLoader(show){const loader=this.selectors.loadMoreBtn.querySelector("[data-custom-loader]");show?loader.classList.remove("hidden"):loader.classList.add("hidden")}}class CartOfferBtn extends HTMLElement{constructor(){super(),this.cartOffer=document.querySelector("cart-offer-list"),this.offerBtn=this.querySelector("button"),this.handleShowModel=this.showModel.bind(this)}static get getElementName(){return"cart-offer-btn"}connectedCallback(){this.offerBtn&&this.offerBtn.addEventListener("click",this.handleShowModel)}disconnectedCallback(){this.offerBtn&&this.offerBtn.removeEventListener("click",this.handleShowModel)}showModel(evt){evt.preventDefault();const type=this.offerBtn.dataset.type;type&&(this.cartOffer.show(type.trim()),setTimeout(function(){$(".back-to-prev-side-offer").focus()},500),_theme.focusTrap($(".cart-offer-container")),$("*").not($(".cart-offer-container").find("*")).not(".cart-offer-container").not($(".cart-offer-container").parents()).attr("aria-hidden","true"))}}class ATCForm extends HTMLElement{constructor(){super(),this.cartOffer=document.querySelector("cart-offer-list"),this.form=this.querySelector("form"),this.handleFormSubmit=this.onFormSubmit.bind(this)}static get getElementName(){return"atc-form"}connectedCallback(){this.form.addEventListener("submit",this.handleFormSubmit)}disconnectedCallback(){this.form.removeEventListener("submit",this.handleFormSubmit)}onFormSubmit(evt){evt.preventDefault();const vid=this.form.querySelector('[name="id"]').value;if(!vid)return;const loader=this.form.querySelector("[data-custom-loader]");this.cartOffer.setAttribute("data-loading",!0),this.form.setAttribute("data-loading",!0),loader.classList.remove("hidden"),this.form.disabled=!0;const properties={},bundleVarIdElement=this.form.querySelector("[data-bundleVarId]");bundleVarIdElement&&(properties._bundleVarId=bundleVarIdElement.value||null),_theme.Helpers.addProductToCart(vid,1,properties,resp=>{this.cartOffer.isCartPage?_theme.Cart.cartMapData(resp,()=>{this.atcCallback(!1)}):_theme.MiniCart.lineItemChangeCallBack(resp,()=>{this.atcCallback(!0)})},err=>{console.error(err),this.atcCallback(!1,!0)},!0)}atcCallback(showMiniCart,hasError){const loader=this.form.querySelector("[data-custom-loader]");this.form.disabled=!1,this.form.removeAttribute("data-loading"),this.cartOffer.removeAttribute("data-loading"),loader.classList.add("hidden"),hasError||(this.cartOffer.hide(),showMiniCart&&_theme.toggleSideCart(1,null,!0))}}class CartOfferGriditemQuickview extends HTMLElement{constructor(){super();const form=this.closest("form");form&&(this.handleProductGridClick=this.onProductGridClick.bind(this),this.variantId=form.querySelector('form [name="id"]').value)}static get getElementName(){return"cart-offer-quickview"}connectedCallback(){this.addEventListener("click",this.handleProductGridClick)}disconnectedCallback(){this.removeEventListener("click",this.handleProductGridClick)}onProductGridClick(evt){evt.preventDefault(),evt.stopPropagation();const productId=this.dataset.id,productUrl=this.dataset.url;!productId||!productUrl||!_theme.MiniCartQuickview||_theme.MiniCartQuickview.handleQVClick(productUrl,`qv-${productId}`,this.variantId)}}customElements.define(CartofferList.getElementName,CartofferList),customElements.define(CartOfferBtn.getElementName,CartOfferBtn),customElements.define(ATCForm.getElementName,ATCForm),customElements.define(CartOfferGriditemQuickview.getElementName,CartOfferGriditemQuickview);
//# sourceMappingURL=/cdn/shop/t/731/assets/cart-offers.js.map?v=51591930019143064181764246550