"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[17],{56:(e,t,a)=>{a.d(t,{a:()=>n});var s=a(0);function n({direction:e,onClick:t,className:a,ariaLabel:n}){return(0,s.jsx)("button",{className:a,onClick:t,"aria-label":n||("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"})})})}},117:(e,t,a)=>{a.d(t,{a:()=>c});var s=a(0),n=a(2),l=a(9),i=a(55),o=a(78),r=a(113);function c({isOpen:e,onClose:t,children:a,title:c,showTitle:d=!1,size:u="default"}){const[h,m]=(0,n.useState)(!1),v=(0,n.useRef)(null),x=(0,n.useRef)(!1);(0,r.a)(e);const f=(0,n.useCallback)((()=>{x.current=!0,m(!0)}),[]),C=(0,n.useCallback)((e=>{x.current&&e.target===v.current&&(x.current=!1,m(!1),t())}),[t]),p=(0,n.useCallback)((()=>{f()}),[f]);return(0,s.jsx)(o.a,{isOpen:e,onEscape:f,children:(0,s.jsxs)("div",{className:l.a.modalOverlayBottomSheet,"aria-hidden":!e,children:[(0,s.jsx)("div",{className:l.a.modalBackground,onClick:p,role:"presentation"}),(0,s.jsxs)("div",{ref:v,"data-animate":!0,role:"dialog","aria-modal":!0,tabIndex:-1,"aria-label":c,className:[l.a.modalBottomSheet,h?l.a.closing:"","large"===u?l.a.large:""].join(" "),onAnimationEnd:C,children:[d?(0,s.jsxs)("div",{className:l.a.bottomSheetHeader,children:[(0,s.jsx)("h2",{className:l.a.bottomSheetTitle,children:c}),(0,s.jsx)("button",{className:l.a.bottomSheetCloseBtn,onClick:f,"aria-label":"Close dialog",children:(0,s.jsx)(i.a,{size:"16px",iconClass:l.a.closeIconSVG})})]}):(0,s.jsx)("button",{className:l.a.bottomSheetCloseBtnFloating,onClick:f,"aria-label":"Close dialog",children:(0,s.jsx)(i.a,{size:"20px",iconClass:l.a.closeIconSVG})}),(0,s.jsx)("div",{className:l.a.bottomSheetContent,children:a})]})]})})}},118:(e,t,a)=>{a.d(t,{a:()=>g});var s=a(0),n=a(2),l=a(3),i=a(119),o=a(34),r=a(5),c=a(56),d=a(30),u=a(25),h=a(44),m=a(45),v=a(29),x=a(120),f=a(7),C=a(31),p=function(e,t,a,s){return new(a||(a=Promise))((function(n,l){function i(e){try{r(s.next(e))}catch(e){l(e)}}function o(e){try{r(s.throw(e))}catch(e){l(e)}}function r(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(i,o)}r((s=s.apply(e,t||[])).next())}))};function g(e){var t,a,g;const{product:j,onClose:b,buttonMessage:N,addToCartProperties:k,hidePrice:w=!1,initialVariantId:S}=e,B=v.a,{addToCart:O,pathname:I,cartStatus:M,isMobile:y,fetchProductByHandle:V,showVendor:L,themeColor:T,getHexForOptionColor:P}=(0,l.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}))),[$,A]=(0,n.useState)(null),[F,D]=(0,n.useState)(null),H=(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,n.useEffect)((()=>{if(!e.skipFetch){let e=!1;return(()=>{p(this,void 0,void 0,(function*(){try{const t=yield V(j.handle);if(!e&&t){A(t);const e=S?t.variants.find((e=>e.variantId===S)):void 0,a=H(t.variants,e),s=(0,C.a)(a);s&&D(s)}}catch(e){console.error("Failed to fetch full product:",e)}}))})(),()=>{e=!0}}{const t=e.product;A(t);const a=S?t.variants.find((e=>e.variantId===S)):void 0,s=H(t.variants,a),n=(0,C.a)(s);n&&D(n)}}),[j.handle,e.skipFetch,e.product,S,V]);const E=$,R=S&&j.variants.find((e=>e.variantId===S))||(0,x.a)(j)||j.variants[0],z=(0,n.useMemo)((()=>E&&F?(0,d.a)(E.imageMap,F):R?(0,d.a)(j.imageMap,R):[]),[null==E?void 0:E.imageMap,F,j.imageMap,R]),W=!!E&&!!F,[G,Z]=(0,n.useState)(0),q=(0,n.useRef)(null);(0,n.useEffect)((()=>{Z(0),q.current&&(q.current.scrollLeft=0)}),[null==F?void 0:F.variantId]);const J=e=>{const t=q.current;t&&t.scrollTo({left:e*t.offsetWidth,behavior:"smooth"})},{title:K,subtitle:Q}=(0,u.c)(null!==(t=null==E?void 0:E.title)&&void 0!==t?t:j.title),U=(0,h.b)(null!=E?E:j,null!=F?F:void 0),X=(0,n.useMemo)((()=>N||"Add to Cart"),[N]),Y=(0,n.useMemo)((()=>{if(T||!F)return;const{hexColor:e,color:t}=(0,f.b)({selectedVariant:F,getHexForOptionColor:P});return{"--a2c-background-color":e,"--a2c-text-color":t}}),[T,F,P]),_=(0,n.useRef)(!1);if((0,n.useEffect)((()=>{M.status===l.a.updating&&M.variantId===(null==F?void 0:F.variantId)?_.current=!0:_.current&&M.status===l.a.ready&&(_.current=!1,b())}),[M.status,M.variantId,null==F?void 0:F.variantId,b]),0===z.length)return null;const ee=F&&k?Object.assign(Object.assign({},F),{addToCartProperties:Object.assign(Object.assign({},F.addToCartProperties),k)}):F,te=z.length>1;return(0,s.jsxs)("div",{className:B.productCard,"data-layout":y?"mobile":"desktop",style:Y,children:[(0,s.jsxs)("div",{className:B.productImageContainer,children:[te&&!y&&(0,s.jsx)(c.a,{direction:"left",onClick:()=>J(Math.max(0,G-1)),className:`${B.imageArrow} ${B.imageArrowLeft} ${0===G?B.imageArrowDisabled:""}`,ariaLabel:"Previous image"}),(0,s.jsx)("div",{className:B.imageGallery,ref:q,onScroll:()=>{const e=q.current;if(!e||z.length<=1)return;const t=e.scrollLeft,a=e.offsetWidth,s=Math.round(t/a);Z(Math.min(s,z.length-1))},"data-has-multiple":te,children:z.map(((e,t)=>{var a,n,l;return(0,s.jsx)("div",{className:B.imageSlide,children:(0,s.jsx)(r.a,{src:e.src,initialWidth:400,cssClass:B.productImage,alt:`${null!==(a=null==E?void 0:E.title)&&void 0!==a?a:j.title}: ${null!==(l=null!==(n=e.model)&&void 0!==n?n:e.altText)&&void 0!==l?l:""}`,height:400,width:400,fullSizeWidth:400})},e.src)}))}),te&&!y&&(0,s.jsx)(c.a,{direction:"right",onClick:()=>J(Math.min(z.length-1,G+1)),className:`${B.imageArrow} ${B.imageArrowRight} ${G===z.length-1?B.imageArrowDisabled:""}`,ariaLabel:"Next image"}),te&&(0,s.jsx)("div",{className:B.imageDots,children:z.map(((e,t)=>(0,s.jsx)("button",{type:"button",className:`${B.imageDot} ${t===G?B.imageDotActive:""}`,onClick:()=>J(t),"aria-label":`View image ${t+1}`},t)))})]}),(0,s.jsxs)("div",{className:B.productDetails,children:[L&&(null!==(a=null==E?void 0:E.vendor)&&void 0!==a?a:j.vendor)&&(0,s.jsx)("div",{className:B.productBrand,children:null!==(g=null==E?void 0:E.vendor)&&void 0!==g?g:j.vendor}),(0,s.jsx)("h3",{className:B.productTitle,children:K}),Q&&(0,s.jsx)("div",{className:B.productSubtitle,children:Q}),!w&&(0,s.jsx)("div",{className:B.productPriceContainer,children:W?(0,s.jsx)(o.c,{selectedVariant:F,product:E}):(0,s.jsx)("div",{className:B.skeletonPrice})}),(0,s.jsx)("div",{className:B.productOptions,children:W?(0,s.jsx)(i.a,{product:E,selectedVariant:F,setSelectedVariantId:e=>{const t=E.variants.find((t=>t.variantId===e));t&&D(t)}}):(0,s.jsxs)("div",{className:B.skeletonOptions,children:[(0,s.jsx)("div",{className:B.skeletonOptionLabel}),(0,s.jsxs)("div",{className:B.skeletonOptionButtons,children:[(0,s.jsx)("div",{className:B.skeletonButton}),(0,s.jsx)("div",{className:B.skeletonButton}),(0,s.jsx)("div",{className:B.skeletonButton})]}),(0,s.jsx)("div",{className:B.skeletonOptionLabel}),(0,s.jsxs)("div",{className:B.skeletonOptionButtons,children:[(0,s.jsx)("div",{className:B.skeletonButton}),(0,s.jsx)("div",{className:B.skeletonButton}),(0,s.jsx)("div",{className:B.skeletonButton}),(0,s.jsx)("div",{className:B.skeletonButton})]})]})}),W&&ee?(0,s.jsx)(m.a,{selectedVariant:ee,pathname:I,addToCart:O,cartStatus:M,buttonMessage:X}):(0,s.jsx)("div",{className:B.skeletonAddToCart}),(0,s.jsx)("a",{href:U,className:B.viewDetailsLink,children:"View Full Details"})]})]})}},120:(e,t,a)=>{function s(e){return e.variants.find((t=>t.variantId===e.defaultVariantId))}a.d(t,{a:()=>s}),a(27),a(14),a(7),a(31),a(50)}}]);