Module 14702

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