Loading
function(e,t,n){n.d(t,{O:()=>L,a:()=>S});var a=n(627968),l=n(64700),r=n(503698),i=n.n(r),s=n(575593),u=n(17928),o=n(462887),c=n(778712),d=n(736653),m=n(590180),f=n(442759),p=n(88686),g=n(780898),b=n(174755),v=n(942426),x=n(665411),h=n(181774),A=n(576052),y=n(929283),T=n(38357),_=n(180171),E=n(989099),I=n(370184);let k=e=>{let{avatarDecoration:t,avatarSize:n}=e,l=(0,d.Ay)(),r=(0,o.q)(l);return(0,a.jsx)(y.i,{item:t,avatarSize:n,isHighlighted:!1,avatarPlaceholderSrc:r?E:_,className:T.M})},P=e=>{let{item:t}=e,n=(0,v.A)(t.skuId),{accessibilityLabel:r,thumbnailPreviewSrc:i,title:s}=n??{},u=l.useMemo(()=>(0,h.Rc)(i),[i]);return null==n?null:(0,a.jsxs)("div",{className:T.ti,children:[(0,a.jsx)("img",{src:I.A,alt:r,className:T.Zp}),(0,a.jsx)("img",{className:T.Hm,src:u,alt:s})]})},j=e=>{let{item:t}=e;return(0,a.jsx)("div",{className:T.uF,children:(0,a.jsx)(x.A,{frame:t})})},N=e=>{let{nameplate:t}=e,[n,r]=l.useState(!1),i=l.useCallback(()=>r(!0),[]),s=l.useCallback(()=>r(!1),[]);return null==t?null:(0,a.jsx)("div",{className:T.rz,onMouseEnter:i,onMouseLeave:s,children:(0,a.jsx)(b.A,{nameplate:(0,g.WK)(t),hovered:n,placement:p.u.MINI_PREVIEW})})},S=e=>{let{product:t,staticPreviewClassName:n}=e,{firstAvatarDecoration:l,firstProfileEffect:r,firstNameplate:s}=(0,f.f5)(t),u=t.previewAssets?.fgStatic;return null!=u?(0,a.jsx)("img",{src:u,alt:t.name,className:i()(T.C0,n)}):null==l&&null==r&&null==s?null:(0,a.jsxs)("div",{className:T.WJ,children:[null!=r&&(0,a.jsx)("div",{className:T.zh,children:(0,a.jsx)(P,{item:r})}),null!=s&&(0,a.jsx)("div",{className:T.sY,children:(0,a.jsx)(N,{nameplate:s})}),null!=l&&(0,a.jsx)("div",{className:T.kf,children:(0,a.jsx)(k,{avatarDecoration:l,avatarSize:c._3.SIZE_24})})]})},L=e=>{let{product:t,sku:n}=e,l=n?.id,r=(0,u.bG)([m.A],()=>m.A.getProduct(n?.id)),i=t??r;if(i?.type===s.R.BUNDLE)return(0,a.jsx)(S,{product:i});let[o]=i?.items??[];if(void 0!==l&&l in A.m)return A.m[l].render({animationState:"on_hover",className:T.Vr});switch(o?.type){case s.R.AVATAR_DECORATION:return(0,a.jsx)(k,{avatarDecoration:o,avatarSize:c._3.SIZE_40});case s.R.PROFILE_EFFECT:return(0,a.jsx)(P,{item:o});case s.R.PROFILE_FRAME:return(0,a.jsx)(j,{item:o});case s.R.NAMEPLATE:return(0,a.jsx)(N,{nameplate:o});default:return null}}}