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