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