Module 456839

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