"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[17],{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"})})})}},110:(e,t,a)=>{a.d(t,{a:()=>g});var s=a(0),i=a(2),n=a(3),l=a(111),o=a(35),r=a(5),d=a(54),c=a(28),u=a(29),v=a(37),h=a(46),m=a(27),f=a(112),p=a(7),x=function(e,t,a,s){return new(a||(a=Promise))((function(i,n){function l(e){try{r(s.next(e))}catch(e){n(e)}}function o(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(l,o)}r((s=s.apply(e,t||[])).next())}))};function g(e){var t,a,g;const{product:C,onClose:j,buttonMessage:N,addToCartProperties:b,hidePrice:k=!1,initialVariantId:w}=e,M=m.a,{addToCart:y,pathname:B,cartStatus:I,isMobile:O,fetchProductByHandle:L,showVendor:P,themeColor:S,getHexForOptionColor:V}=(0,n.c)((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}))),[T,$]=(0,i.useState)(null),[A,D]=(0,i.useState)(null);(0,i.useEffect)((()=>{var t;if(!e.skipFetch){let e=!1;return(()=>{x(this,void 0,void 0,(function*(){try{const t=yield L(C.handle);if(!e&&t){$(t);const e=w&&t.variants.find((e=>e.variantId===w))||(0,f.a)(t)||t.variants[0];e&&D(e)}}catch(e){console.error("Failed to fetch full product:",e)}}))})(),()=>{e=!0}}{const a=e.product;$(a);const s=null!==(t=(0,f.a)(a))&&void 0!==t?t:a.variants[0];s&&D(s)}}),[C.handle,e.skipFetch,e.product,w,L]);const F=T,H=w&&C.variants.find((e=>e.variantId===w))||(0,f.a)(C)||C.variants[0],W=(0,i.useMemo)((()=>F&&A?(0,c.a)(F.imageMap,A):H?(0,c.a)(C.imageMap,H):[]),[null==F?void 0:F.imageMap,A,C.imageMap,H]),E=!!F&&!!A,[R,z]=(0,i.useState)(0),G=(0,i.useRef)(null);(0,i.useEffect)((()=>{z(0),G.current&&(G.current.scrollLeft=0)}),[null==A?void 0:A.variantId]);const Z=e=>{const t=G.current;t&&t.scrollTo({left:e*t.offsetWidth,behavior:"smooth"})},{title:q,subtitle:J}=(0,u.a)(null!==(t=null==F?void 0:F.title)&&void 0!==t?t:C.title),K=(0,v.b)(null!=F?F:C,null!=A?A:void 0),Q=(0,i.useMemo)((()=>N||"Add to Cart"),[N]),U=(0,i.useMemo)((()=>{if(S||!A)return;const{hexColor:e,color:t}=(0,p.a)({selectedVariant:A,getHexForOptionColor:V});return{"--a2c-background-color":e,"--a2c-text-color":t}}),[S,A,V]),X=(0,i.useRef)(!1);if((0,i.useEffect)((()=>{I.status===n.a.updating&&I.variantId===(null==A?void 0:A.variantId)?X.current=!0:X.current&&I.status===n.a.ready&&(X.current=!1,j())}),[I.status,I.variantId,null==A?void 0:A.variantId,j]),0===W.length)return null;const Y=A&&b?Object.assign(Object.assign({},A),{addToCartProperties:Object.assign(Object.assign({},A.addToCartProperties),b)}):A,_=W.length>1;return(0,s.jsxs)("div",{className:M.productCard,"data-layout":O?"mobile":"desktop",style:U,children:[(0,s.jsxs)("div",{className:M.productImageContainer,children:[_&&!O&&(0,s.jsx)(d.a,{direction:"left",onClick:()=>Z(Math.max(0,R-1)),className:`${M.imageArrow} ${M.imageArrowLeft} ${0===R?M.imageArrowDisabled:""}`,ariaLabel:"Previous image"}),(0,s.jsx)("div",{className:M.imageGallery,ref:G,onScroll:()=>{const e=G.current;if(!e||W.length<=1)return;const t=e.scrollLeft,a=e.offsetWidth,s=Math.round(t/a);z(Math.min(s,W.length-1))},"data-has-multiple":_,children:W.map(((e,t)=>{var a,i,n;return(0,s.jsx)("div",{className:M.imageSlide,children:(0,s.jsx)(r.a,{src:e.src,initialWidth:400,cssClass:M.productImage,alt:`${null!==(a=null==F?void 0:F.title)&&void 0!==a?a:C.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)}))}),_&&!O&&(0,s.jsx)(d.a,{direction:"right",onClick:()=>Z(Math.min(W.length-1,R+1)),className:`${M.imageArrow} ${M.imageArrowRight} ${R===W.length-1?M.imageArrowDisabled:""}`,ariaLabel:"Next image"}),_&&(0,s.jsx)("div",{className:M.imageDots,children:W.map(((e,t)=>(0,s.jsx)("button",{type:"button",className:`${M.imageDot} ${t===R?M.imageDotActive:""}`,onClick:()=>Z(t),"aria-label":`View image ${t+1}`},t)))})]}),(0,s.jsxs)("div",{className:M.productDetails,children:[P&&(null!==(a=null==F?void 0:F.vendor)&&void 0!==a?a:C.vendor)&&(0,s.jsx)("div",{className:M.productBrand,children:null!==(g=null==F?void 0:F.vendor)&&void 0!==g?g:C.vendor}),(0,s.jsx)("h3",{className:M.productTitle,children:q}),J&&(0,s.jsx)("div",{className:M.productSubtitle,children:J}),!k&&(0,s.jsx)("div",{className:M.productPriceContainer,children:E?(0,s.jsx)(o.c,{selectedVariant:A,product:F}):(0,s.jsx)("div",{className:M.skeletonPrice})}),(0,s.jsx)("div",{className:M.productOptions,children:E?(0,s.jsx)(l.a,{product:F,selectedVariant:A,setSelectedVariantId:e=>{const t=F.variants.find((t=>t.variantId===e));t&&D(t)},compact:!0}):(0,s.jsxs)("div",{className:M.skeletonOptions,children:[(0,s.jsx)("div",{className:M.skeletonOptionLabel}),(0,s.jsxs)("div",{className:M.skeletonOptionButtons,children:[(0,s.jsx)("div",{className:M.skeletonButton}),(0,s.jsx)("div",{className:M.skeletonButton}),(0,s.jsx)("div",{className:M.skeletonButton})]}),(0,s.jsx)("div",{className:M.skeletonOptionLabel}),(0,s.jsxs)("div",{className:M.skeletonOptionButtons,children:[(0,s.jsx)("div",{className:M.skeletonButton}),(0,s.jsx)("div",{className:M.skeletonButton}),(0,s.jsx)("div",{className:M.skeletonButton}),(0,s.jsx)("div",{className:M.skeletonButton})]})]})}),E&&Y?(0,s.jsx)(h.a,{selectedVariant:Y,pathname:B,addToCart:y,cartStatus:I,buttonMessage:Q}):(0,s.jsx)("div",{className:M.skeletonAddToCart}),(0,s.jsx)("a",{href:K,className:M.viewDetailsLink,children:"View Full Details"})]})]})}},112:(e,t,a)=>{function s(e){return e.variants.find((t=>t.variantId===e.defaultVariantId))}a.d(t,{a:()=>s}),a(25),a(13),a(7),a(43),a(49)}}]);