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