Loading
function(e,t,r){r.d(t,{A:()=>y});var n=r(627968),i=r(64700),a=r(503698),l=r.n(a),s=r(837381),o=r(741918),u=r(939249),d=r(820081),c=r(307301),p=r(661531),g=r(990078),C=r(260762),A=r(298072),I=r(317097),h=r(466459),v=r(623373),E=r(561769),_=r(758836),b=r(375708),f=r(952769);let R=e=>{let{product:t,onVariantEnter:r,onVariantExit:a,isCollapsed:u,wrap:d,overflowProps:c,onTrackClick:p}=e,g=(0,A.Q)(t),{shownVariants:I,totalVariants:h,hasOverflow:E}=i.useMemo(()=>{let e=c?.maxVariantsToShow;return(0,v.B1)(t)?null==e||e>=t.variants.length?{shownVariants:t.variants,totalVariants:t.variants.length,hasOverflow:!1}:{shownVariants:t.variants.slice(0,e-1),totalVariants:t.variants.length,hasOverflow:!0}:{shownVariants:[],totalVariants:0,hasOverflow:!1}},[t,c?.maxVariantsToShow]),_=i.useCallback((e,r)=>{e.stopPropagation(),(0,A.n)(t,r)},[t]),b=i.useId(),R=(0,C.A)(`shop-variants-group-${t.storeListingId}-${b}`,o.Gl.HORIZONTAL);return 0===I.length?null:(0,n.jsx)(s.hD,{navigator:R,children:(0,n.jsx)(s.PR,{children:e=>{let{ref:i,...s}=e;return(0,n.jsxs)("div",{className:l()({[f.yZ]:u,[f.sz]:!u,[f.LV]:d},f.lO),ref:i,...s,children:[I.map((e,t)=>(0,n.jsx)(S,{variant:e,variantIndex:t,isSelected:t===g,onVariantEnter:()=>r(t),onVariantExit:a,zIndex:h-Math.abs(g-t),onVariantClick:_,onTrackClick:p},e.variantValue)),null!=c&&E&&(0,n.jsx)(m,{zIndex:g>=c.maxVariantsToShow-1?h+1:0,isSelected:g>=c.maxVariantsToShow-1,onOverflowClick:c.onClick,onTrackClick:p,storeListingId:t.storeListingId})]})}})})},S=e=>{let{variant:t,variantIndex:r,isSelected:a,onVariantClick:o,onVariantEnter:d,onVariantExit:c,zIndex:p,onTrackClick:C}=e,{onFocus:A,...I}=(0,s.rm)(`shop-variants-group-${t.storeListingId}-${t.variantLabel}`),{isPurchased:v}=(0,h.h)(t),E=i.useCallback(e=>{C?.(_.sH.VARIANT_CLICK,r),o(e,r),A()},[o,A,r,C]),R=v?`${t.variantLabel}, ${b.intl.string(b.t["6cfuDj"])}`:t.variantLabel;return(0,n.jsx)(g.m,{text:b.intl.string(b.t["6cfuDj"]),shouldShow:v,ariaHidden:!0,children:(0,n.jsx)(u.D,{"aria-label":R,onClick:E,onMouseEnter:d,onMouseLeave:c,className:l()(f.bP,{[f.wH]:a}),style:{backgroundColor:t.variantValue,zIndex:p},...I,children:v&&(0,n.jsx)(k,{variant:t})})})},k=e=>{let{variant:t}=e,r=i.useMemo(()=>(0,I.qt)(t.variantValue)&&.3>(0,I.OK)((0,I.LX)(t.variantValue)),[t.variantValue]);return(0,n.jsx)(d.B,{className:f.U,color:r?p.A.colors.BLACK.css:p.A.colors.WHITE.css})},m=e=>{let{zIndex:t,isSelected:r,onOverflowClick:a,storeListingId:o,onTrackClick:d}=e,{onFocus:p,...g}=(0,s.rm)(`shop-variants-group-${o}-overflow`),C=i.useCallback(e=>{e.stopPropagation(),d?.(_.sH.VARIANT_CLICK_MORE),a(e),p()},[a,p,d]);return(0,n.jsx)(u.D,{"aria-label":b.intl.string(b.t["+0zcgs"]),onClick:C,className:l()(f.bP,f.V3,{[f.wH]:r}),style:{zIndex:t},...g,children:(0,n.jsx)(c.j,{className:f.ab,color:"white"})})},y=e=>{let{skuId:t,isCollapsed:r=!1,wrap:i=!1,onVariantEnter:a,onVariantExit:l,overflowProps:s,onTrackClick:o}=e,u=(0,E.Vm)(t);return null!=u&&(0,v.B1)(u)?(0,n.jsx)(R,{product:u,onVariantEnter:a,onVariantExit:l,isCollapsed:r,wrap:i,overflowProps:s,onTrackClick:o}):null}}