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