Module 14702

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