Loading
function(e,t,l){l.d(t,{DH:()=>D,JW:()=>O,WH:()=>F,a6:()=>R,f7:()=>G,jw:()=>P,oo:()=>U});var s=l(627968),a=l(64700),r=l(503698),n=l.n(r),i=l(575593),d=l(17928),c=l(661531),o=l(851974),u=l(990078),m=l(834730),x=l(778712),h=l(315629),v=l(403581),p=l(104510),j=l(323384),g=l(966327),f=l(14702),E=l(575926),N=l(548118),b=l(319820),T=l(328968),A=l(403362),C=l(371794),S=l(427262),L=l(652215),I=l(788868),y=l(327105),_=l(375708),k=l(617956);function G(e){let{header:t,headerIconSrc:l,headerIconComponent:r,bottomSubText:i,label:d,description:c,graphic:o,price:x,PriceIcon:h,priceTooltip:v,priceSubText:p,priceSubTextHasStrikethrough:j=!0,omitDefaultIconBackground:g,target:f,className:E}=e,N=(0,s.jsx)(w,{target:f}),b=a.useMemo(()=>{let e=(0,s.jsxs)(m.E,{variant:"text-md/medium",color:"text-default",className:k.nw,children:[null!=h&&(0,s.jsx)(h,{size:"xs"}),x]});return null!=v?(0,s.jsx)(u.m,{text:v,asContainer:!0,position:"top",align:"center",children:e}):e},[h,x,v]),T=a.useMemo(()=>null!=r?(0,s.jsx)("span",{className:k.nr,children:r}):null!=l?(0,s.jsx)("img",{alt:"",src:l,className:k.nr}):null,[l,r]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:n()(k.kL,E),children:[null!=o&&(0,s.jsx)("div",{className:n()(k.Kk,{[k.H9]:!g}),children:o}),(0,s.jsxs)("div",{className:k.Qs,children:[null!=t&&(0,s.jsxs)(m.E,{variant:"text-sm/semibold",color:"text-muted",lineClamp:2,className:k.wx,children:[T,t]}),(0,s.jsxs)("div",{className:k.zH,children:[(0,s.jsxs)("div",{className:k.Qq,children:[(0,s.jsx)(m.E,{variant:"text-md/normal",color:"text-default",lineClamp:2,children:d}),null!=c&&(0,s.jsx)(m.E,{variant:"text-sm/normal",color:"text-muted",lineClamp:2,children:c}),null!=N&&(0,s.jsx)(m.E,{variant:"text-sm/normal",color:"text-muted",lineClamp:1,children:N})]}),(0,s.jsxs)("div",{className:k.p6,children:[b,null!=p&&(0,s.jsx)(m.E,{variant:j?"text-xs/medium":"text-sm/normal",color:"text-muted",className:n()(k.Jb,{[k.Nc]:j}),children:p})]})]})]})]}),null!=i&&(0,s.jsx)(m.E,{variant:"text-sm/medium",color:"text-muted",className:k.dx,children:i})]})}function w(e){let{target:t}=e;switch(t?.type){case"gift":return _.intl.format(y.default["2PiTTi"],{username:S.Ay.getUserTag(t.user),nickname:S.Ay.getName(t.user),avatar:(0,s.jsx)(g.A,{user:t.user,size:x._3.SIZE_16,className:k.RG})});case"guildSubscription":return _.intl.format(y.default.mXvZt2,{guildName:t.guild.name,icon:(0,s.jsx)(N.Ay,{guild:t.guild,size:N.Ay.Sizes.SMOL,className:k.RG})});case"boost":return _.intl.format(y.default["8imbq5"],{guildName:t.guild.name,guildIcon:()=>(0,s.jsx)(N.Ay,{guild:t.guild,size:N.Ay.Sizes.SMOL,className:k.RG,active:!0})});case void 0:return null;default:(0,A.xb)(t)}}function M(e){let{color:t,Icon:l}=e;return(0,s.jsx)(h.h,{color:t,className:k.nC,children:(0,s.jsx)(l,{size:"lg",color:"var(--icon-strong)"})})}function O(){return(0,s.jsxs)("div",{className:k.vc,children:[(0,s.jsx)("div",{className:k.Ad,children:(0,s.jsx)(o.d,{alt:"Nitro Icon background",ariaHidden:!0,width:64,height:64})}),(0,s.jsx)(v.t,{size:"lg",color:c.A.unsafe_rawColors.NEUTRAL_1,className:k.Ad})]})}function D(){return(0,s.jsx)("div",{className:k.Ty,children:(0,s.jsx)(v.t,{size:"lg",color:c.A.colors.ICON_DEFAULT})})}function R(){return(0,s.jsx)(M,{color:"pink",Icon:p._})}function P(){return(0,s.jsx)(j.k,{size:"lg",color:"var(--icon-muted)"})}function U(){return(0,s.jsx)("div",{className:k.CX,children:(0,s.jsx)(v.t,{size:"lg",color:"var(--neutral-1)"})})}let z={[L.EZt.APPLICATION]:{preferredAssetType:"headerBackground"},[L.EZt.GUILD_ROLE]:{preferredAssetType:"thumbnail"},[L.EZt.GUILD_PRODUCT]:{preferredAssetType:"thumbnail"}};function B(e){let{skuId:t,productLine:l,applicationId:r,storeListing:n}=e,i=(0,d.bG)([T.A],()=>n??T.A.getForSKU(t),[n,t]),c=z[l].preferredAssetType,o=a.useMemo(()=>null==i?null:"headerBackground"===c?i.headerBackground??i.thumbnail:i.thumbnail??i.headerBackground,[c,i]);return null!=o?(0,s.jsx)("img",{src:(0,C.YE)(r,o,64),alt:"",className:k.gw}):l===L.EZt.APPLICATION?(0,s.jsx)(P,{}):l===L.EZt.GUILD_ROLE?(0,s.jsx)(E.h,{width:48,height:48}):null}function F(e){let{sku:t,premiumType:l,product:a,storeListing:r}=e;return l===I.PremiumTypes.TIER_0?(0,s.jsx)(D,{}):l===I.PremiumTypes.TIER_2?(0,s.jsx)(O,{}):a?.type===i.R.BUNDLE?(0,s.jsx)(f.a,{product:a,staticPreviewClassName:k.C0}):null==t?null:t.productLine in z?(0,s.jsx)(B,{skuId:t.id,productLine:t.productLine,applicationId:t.applicationId,storeListing:r}):(0,s.jsx)(b.r$,{sku:t,slayerProductPreviewClassName:k.gw})}}