"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[14],{28:(e,r,s)=>{s.d(r,{a:()=>T});var a=s(0),i=s(1),c=s(303),n=s(2),t=s(20);function l(e){return r=>{r.on("animationStarted",(()=>{const s=r.track.details.minIdx,a=r.track.details.maxIdx,i=r.animator.targetIdx||0;e({min:s,max:a,current:i})}))}}var d=s(40);const o={priceColor:"#000000",grayscaleColor:"#000000",regularPriceColor:"#000",redPriceColor:"#B70111"};var u=s(29);const{wrapper:p,wrapperBiggerFont:m,wrapperTitle:h,wrapperCrossedPrice:j,wrapperImageContainer:x,wrapperPricesContainer:b,wrapperPricesContainerActualPrice:g,wrapperPricesContainerComparePrice:C,wrapperPricesContainerActualPriceFrom:v}=u.a,P=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:n,price:t,crossedPrice:l,isFromPrice:u},currencySymbol:P="$",onOpenModal:w,isQuickAddEnabled:O})=>{var k;const N=null!==(k=r.split("/").pop())&&void 0!==k?k:"",f=O,y=t!==l,S=Object.assign({},o),$=`${r}?variant=${n}`;return(0,a.jsx)(i.Fragment,{children:(0,a.jsxs)("div",Object.assign({className:p},{children:[(0,a.jsx)("a",Object.assign({href:$},{children:(0,a.jsxs)("div",Object.assign({className:x},{children:[(0,a.jsx)("img",{width:13,height:18,src:s.src,alt:s.alt}),f&&(0,a.jsx)(d.a,{onClick:()=>{w&&w(n,N)}})]}))})),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",Object.assign({className:h},{children:e})),u&&(0,a.jsx)("div",Object.assign({className:b},{children:(0,a.jsx)("p",Object.assign({className:v},{children:`From ${P}${Number(t).toFixed(2)}`}))})),!u&&(0,a.jsxs)("div",Object.assign({className:b},{children:[y&&(0,a.jsx)("p",Object.assign({className:(0,c.b)(C,j),style:{color:S.regularPriceColor}},{children:`${P}${Number(l).toFixed(2)}`})),(0,a.jsx)("p",Object.assign({className:(0,c.b)(g,!y&&m),style:{color:y?S.redPriceColor:S.grayscaleColor}},{children:` ${P}${Number(t).toFixed(2)}`}))]}))]})})]}))})};var w=s(4),O=s(22),k=s(39),N=s(30),f=s(36);const y={initial:0,mode:"free",slides:{perView:2.5},breakpoints:{"(min-width: 794px)":{slides:{perView:3.5}},"(min-width: 990px)":{slides:{perView:5}}},loop:!1},{wrapper:S,wrapperTitle:$,arrowLeft:F,arrowRight:I,disable:A}=N.a,T=({title:e,slides:r,currencySymbol:s="$",noMarginOnCollection:d,addToCart:o,isBusy:u,isQuickAdd:p,PDPHideColors:m,hideSoldOutColors:h})=>{const{error:j,isLoading:x,activeProduct:b,isModalOpen:g,handleSetProduct:C,handleCloseModal:v,activeModalData:N}=(0,f.a)(m,h),{carouselRef:T,isJsDisabled:M,handleSlideNext:D,handleSlidePrev:Q,slideIdx:{current:B,min:E,max:J}}=function(e){const[r,s]=(0,n.useState)(!0),[a,i]=(0,n.useState)({min:0,max:1,current:0}),[c,d]=(0,t.a)(e,[l(i)]);var o,u;(0,n.useEffect)((o=d,u=e,()=>(o.current&&o.current.update(Object.assign({},u)),()=>{o.current&&o.current.destroy()})),[d.current]);const p=(0,n.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.prev()}),[d.current]),m=(0,n.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.next()}),[d.current]);return(0,n.useEffect)((()=>{s(!1)}),[]),{carouselRef:c,handleSlideNext:m,handleSlidePrev:p,isJsDisabled:r,instanceRef:d,slideIdx:a}}(y);return(0,a.jsxs)(i.Fragment,{children:[r&&r.length>0&&(0,a.jsxs)("div",Object.assign({className:(0,c.b)(S,M&&"noJsProductSlider")},{children:[(0,a.jsx)("h3",Object.assign({className:$},{children:e})),r.length>5&&(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("a",Object.assign({className:(0,c.b)(F,B===E?A:""),onClick:Q},{children:(0,a.jsx)(w.J,{})})),(0,a.jsx)("a",Object.assign({className:(0,c.b)(I,B===J?A:""),onClick:D},{children:(0,a.jsx)(w.K,{})}))]}),(0,a.jsx)("div",Object.assign({className:(0,c.b)("keen-slider"),ref:T},{children:r&&r.length>0&&r.map(((e,r)=>(0,a.jsx)("div",Object.assign({className:(0,c.b)(`keen-slider__slide number-slide${r}`)},{children:(0,a.jsx)(P,{currencySymbol:s,product:e,onOpenModal:C,isQuickAddEnabled:p},e.productTitle)}),e.productTitle)))}))]})),g&&b&&(0,a.jsx)(O.a,{children:(0,a.jsx)(k.a,{showQuickAdd:g,handleQuickAdd:v,quickAddProductData:b,addToCart:o,isBusy:u,variantId:null==N?void 0:N.variantId,error:j,isLoading:x})})]})}}}]);