"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[16],{54:(e,t,a)=>{a.d(t,{a:()=>i});var s=a(0);function i({direction:e,onClick:t,className:a,ariaLabel:i}){return(0,s.jsx)("button",{className:a,onClick:t,"aria-label":i||("left"===e?"Previous":"Next")+" slide",children:(0,s.jsx)("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{transform:"right"===e?"rotate(180deg)":"none"},"aria-hidden":"true",children:(0,s.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.35408 9.2621C5.40065 9.21566 5.43759 9.16048 5.4628 9.09974C5.488 9.03899 5.50098 8.97387 5.50098 8.9081C5.50098 8.84233 5.488 8.77721 5.4628 8.71647C5.43759 8.65572 5.40065 8.60055 5.35408 8.5541L1.70708 4.9081L5.35408 1.2621C5.44797 1.16822 5.50071 1.04088 5.50071 0.908102C5.50071 0.775327 5.44797 0.647989 5.35408 0.554102C5.2602 0.460216 5.13286 0.407471 5.00008 0.407471C4.86731 0.407471 4.73997 0.460216 4.64608 0.554102L0.646083 4.5541C0.59952 4.60055 0.562577 4.65572 0.53737 4.71647C0.512164 4.77721 0.499189 4.84234 0.499189 4.9081C0.499189 4.97387 0.512164 5.03899 0.53737 5.09974C0.562577 5.16048 0.59952 5.21566 0.646083 5.2621L4.64608 9.2621C4.69253 9.30867 4.7477 9.34561 4.80845 9.37081C4.86919 9.39602 4.93432 9.409 5.00008 9.409C5.06585 9.409 5.13097 9.39602 5.19172 9.37081C5.25246 9.34561 5.30764 9.30867 5.35408 9.2621Z",fill:"currentColor"})})})}},112:(e,t,a)=>{a.d(t,{a:()=>C});var s=a(0),i=a(2),n=a(3),o=a(113),l=a(39),r=a(5),d=a(54),c=a(28),u=a(29),v=a(34),h=a(46),m=a(27),f=a(114),p=a(7),x=a(43),g=function(e,t,a,s){return new(a||(a=Promise))((function(i,n){function o(e){try{r(s.next(e))}catch(e){n(e)}}function l(e){try{r(s.throw(e))}catch(e){n(e)}}function r(e){var t;e.done?i(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(o,l)}r((s=s.apply(e,t||[])).next())}))};function C(e){var t,a,C;const{product:j,onClose:N,buttonMessage:b,addToCartProperties:k,hidePrice:w=!1,initialVariantId:M}=e,O=m.a,{addToCart:I,pathname:P,cartStatus:y,isMobile:B,fetchProductByHandle:L,showVendor:S,themeColor:V,getHexForOptionColor:T,setModalProduct:$}=(0,n.d)((e=>({addToCart:e.addToCart,pathname:e.pathname,cartStatus:e.cartStatus,isMobile:e.isMobile,fetchProductByHandle:e.fetchProductByHandle,showVendor:e.showVendor,themeColor:e.themeColor,getHexForOptionColor:e.getHexForOptionColor,setModalProduct:e.setModalProduct}))),[A,D]=(0,i.useState)(null),[F,H]=(0,i.useState)(null),E=(e,t)=>{if(!t)return e;const a=t.selectedOptions.Color;if(!a)return e;const s=e.filter((e=>e.selectedOptions.Color===a));return s.length>0?s:e};(0,i.useEffect)((()=>{if(!e.skipFetch){let e=!1;return(()=>{g(this,void 0,void 0,(function*(){try{const t=yield L(j.handle);if(!e&&t){D(t);const e=M?t.variants.find((e=>e.variantId===M)):void 0,a=E(t.variants,e),s=(0,x.a)(a);s&&H(s)}}catch(e){console.error("Failed to fetch full product:",e)}}))})(),()=>{e=!0}}{const t=e.product;D(t);const a=M?t.variants.find((e=>e.variantId===M)):void 0,s=E(t.variants,a),i=(0,x.a)(s);i&&H(i)}}),[j.handle,e.skipFetch,e.product,M,L]);const W=A,R=M&&j.variants.find((e=>e.variantId===M))||(0,f.a)(j)||j.variants[0],z=(0,i.useMemo)((()=>W&&F?(0,c.a)(W.imageMap,F):R?(0,c.a)(j.imageMap,R):[]),[null==W?void 0:W.imageMap,F,j.imageMap,R]),G=!!W&&!!F;(0,i.useEffect)((()=>((null==W?void 0:W.options)&&$(W.options),()=>{$(null)})),[null==W?void 0:W.options,$]);const[Z,q]=(0,i.useState)(0),J=(0,i.useRef)(null);(0,i.useEffect)((()=>{q(0),J.current&&(J.current.scrollLeft=0)}),[null==F?void 0:F.variantId]);const K=e=>{const t=J.current;t&&t.scrollTo({left:e*t.offsetWidth,behavior:"smooth"})},{title:Q,subtitle:U}=(0,u.a)(null!==(t=null==W?void 0:W.title)&&void 0!==t?t:j.title),X=(0,v.b)(null!=W?W:j,null!=F?F:void 0),Y=(0,i.useMemo)((()=>b||"Add to Cart"),[b]),_=(0,i.useMemo)((()=>{if(V||!F)return;const{hexColor:e,color:t}=(0,p.b)({selectedVariant:F,getHexForOptionColor:T});return{"--a2c-background-color":e,"--a2c-text-color":t}}),[V,F,T]),ee=(0,i.useRef)(!1);if((0,i.useEffect)((()=>{y.status===n.a.updating&&y.variantId===(null==F?void 0:F.variantId)?ee.current=!0:ee.current&&y.status===n.a.ready&&(ee.current=!1,N())}),[y.status,y.variantId,null==F?void 0:F.variantId,N]),0===z.length)return null;const te=F&&k?Object.assign(Object.assign({},F),{addToCartProperties:Object.assign(Object.assign({},F.addToCartProperties),k)}):F,ae=z.length>1;return(0,s.jsxs)("div",{className:O.productCard,"data-layout":B?"mobile":"desktop",style:_,children:[(0,s.jsxs)("div",{className:O.productImageContainer,children:[ae&&!B&&(0,s.jsx)(d.a,{direction:"left",onClick:()=>K(Math.max(0,Z-1)),className:`${O.imageArrow} ${O.imageArrowLeft} ${0===Z?O.imageArrowDisabled:""}`,ariaLabel:"Previous image"}),(0,s.jsx)("div",{className:O.imageGallery,ref:J,onScroll:()=>{const e=J.current;if(!e||z.length<=1)return;const t=e.scrollLeft,a=e.offsetWidth,s=Math.round(t/a);q(Math.min(s,z.length-1))},"data-has-multiple":ae,children:z.map(((e,t)=>{var a,i,n;return(0,s.jsx)("div",{className:O.imageSlide,children:(0,s.jsx)(r.a,{src:e.src,initialWidth:400,cssClass:O.productImage,alt:`${null!==(a=null==W?void 0:W.title)&&void 0!==a?a:j.title}: ${null!==(n=null!==(i=e.model)&&void 0!==i?i:e.altText)&&void 0!==n?n:""}`,height:400,width:400,fullSizeWidth:400})},e.src)}))}),ae&&!B&&(0,s.jsx)(d.a,{direction:"right",onClick:()=>K(Math.min(z.length-1,Z+1)),className:`${O.imageArrow} ${O.imageArrowRight} ${Z===z.length-1?O.imageArrowDisabled:""}`,ariaLabel:"Next image"}),ae&&(0,s.jsx)("div",{className:O.imageDots,children:z.map(((e,t)=>(0,s.jsx)("button",{type:"button",className:`${O.imageDot} ${t===Z?O.imageDotActive:""}`,onClick:()=>K(t),"aria-label":`View image ${t+1}`},t)))})]}),(0,s.jsxs)("div",{className:O.productDetails,children:[S&&(null!==(a=null==W?void 0:W.vendor)&&void 0!==a?a:j.vendor)&&(0,s.jsx)("div",{className:O.productBrand,children:null!==(C=null==W?void 0:W.vendor)&&void 0!==C?C:j.vendor}),(0,s.jsx)("h3",{className:O.productTitle,children:Q}),U&&(0,s.jsx)("div",{className:O.productSubtitle,children:U}),!w&&(0,s.jsx)("div",{className:O.productPriceContainer,children:G?(0,s.jsx)(l.c,{selectedVariant:F,product:W}):(0,s.jsx)("div",{className:O.skeletonPrice})}),(0,s.jsx)("div",{className:O.productOptions,children:G?(0,s.jsx)(o.a,{product:W,selectedVariant:F,setSelectedVariantId:e=>{const t=W.variants.find((t=>t.variantId===e));t&&H(t)}}):(0,s.jsxs)("div",{className:O.skeletonOptions,children:[(0,s.jsx)("div",{className:O.skeletonOptionLabel}),(0,s.jsxs)("div",{className:O.skeletonOptionButtons,children:[(0,s.jsx)("div",{className:O.skeletonButton}),(0,s.jsx)("div",{className:O.skeletonButton}),(0,s.jsx)("div",{className:O.skeletonButton})]}),(0,s.jsx)("div",{className:O.skeletonOptionLabel}),(0,s.jsxs)("div",{className:O.skeletonOptionButtons,children:[(0,s.jsx)("div",{className:O.skeletonButton}),(0,s.jsx)("div",{className:O.skeletonButton}),(0,s.jsx)("div",{className:O.skeletonButton}),(0,s.jsx)("div",{className:O.skeletonButton})]})]})}),G&&te?(0,s.jsx)(h.a,{selectedVariant:te,pathname:P,addToCart:I,cartStatus:y,buttonMessage:Y}):(0,s.jsx)("div",{className:O.skeletonAddToCart}),(0,s.jsx)("a",{href:X,className:O.viewDetailsLink,children:"View Full Details"})]})]})}},114:(e,t,a)=>{function s(e){return e.variants.find((t=>t.variantId===e.defaultVariantId))}a.d(t,{a:()=>s}),a(26),a(13),a(7),a(43),a(49)}}]);