Module 661847

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