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