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