Module 661847

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