Module 661847

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