Loading
function(e,t,n){n.d(t,{default:()=>Y});var l=n(627968),i=n(64700),a=n(17928),s=n(935462),r=n(815021),d=n(289873),c=n(287809),o=n(682618),u=n(982240),m=n(503698),g=n.n(m),x=n(70283),h=n(834730),b=n(140735),j=n(97808),v=n(123292),_=n(364522),p=n(534514),f=n(508770),N=n(821609),w=n(404778),y=n(683071),A=n(775602),C=n(425713);n(321073);var B=n(837381),E=n(741918),S=n(939249),T=n(707554),I=n(260762),O=n(486020);function F(e,t,n){let l=(0,a.bG)([c.default],()=>null!=e?c.default.getUser(e):void 0,[e]);if(null!=l&&t)return(0,O.ku)({id:l.id,avatar:l.avatar,discriminator:l.discriminator},!1,n)}var U=n(92111),k=n(778712),P=n(375708),D=n(490308);function V(e){return`badge-tab-${e}`}function G(e){let t=Array.from(e);return t.length>19?`${t.slice(0,19).join("")}...`:e}function z(e){let{badge:t,isSelected:n,onSelect:i,itemId:a}=e,s=(0,B.rm)(a);return(0,l.jsx)(S.D,{...s,role:"tab",id:V(t.badge_id),"aria-label":t.name,"aria-selected":n,"aria-controls":n?U.hJ:void 0,className:g()(D.oL,n&&D.xO),onFocus:s.onFocus,onClick:i,children:null!=t.simple_icon_url&&(0,l.jsx)("img",{src:t.simple_icon_url,alt:"","aria-hidden":!0,className:D.pW})})}function $(e){let{label:t,navId:n,badges:i,selectedBadgeId:a,onSelectBadge:s}=e,r=(0,I.A)(n,E.Gl.HORIZONTAL);return(0,l.jsxs)("div",{className:D.zE,children:["heading"===t.type&&(0,l.jsx)(p.D,{id:t.id,variant:"heading-sm/medium",color:"text-default",children:t.text}),(0,l.jsx)(B.hD,{navigator:r,children:(0,l.jsx)(B.PR,{children:e=>(0,l.jsx)("div",{...e,ref:e.ref,role:"tablist","aria-labelledby":"heading"===t.type?t.id:void 0,"aria-label":"aria"===t.type?t.text:void 0,className:D.yq,children:i.map((e,t)=>(0,l.jsx)(z,{itemId:`item-${t}`,badge:e,isSelected:e.badge_id===a,onSelect:()=>s(e.badge_id)},e.badge_id))})})})]})}function R(e){let t=[],n=[];for(let l of e)l.owned?n.push(l):l.is_earnable&&t.push(l);return{earnable:t,owned:n}}function L(e){let{selectedBadgeId:t,onSelectBadge:n,displayedUserId:s,isViewingOtherUser:r,targetUsername:d,onViewOwnCatalog:c}=e,o=(0,a.bG)([u.A],()=>null!=s?u.A.getBadges(s):[],[s]),{earnable:m,owned:g}=i.useMemo(()=>R(o),[o]),x=F(s,r,48),b=null!=d?G(d):null,v=null!=d&&b!==d,_=null!=b&&v&&null!=x?(0,l.jsxs)("span",{className:D._p,children:[(0,l.jsx)(j.eu,{src:x,size:k._3.SIZE_24,"aria-hidden":!0}),b]}):b,f=r&&null!=_?P.intl.format(P.t.BCjSZy,{username:_}):P.intl.string(P.t.sl2irJ),w=r&&null!=d?P.intl.string(P.t["75s2Rq"]):P.intl.string(P.t["62xU4E"]),y=r&&null!=d?P.intl.formatToPlainString(P.t.BCjSZy,{username:d}):P.intl.string(P.t.UqnlQF);return(0,l.jsx)("div",{className:D.ws,children:(0,l.jsxs)(T.F,{component:(0,l.jsxs)("div",{className:D.NG,children:[(0,l.jsxs)("div",{className:D.kc,children:[!v&&null!=x&&(0,l.jsx)(j.eu,{src:x,size:k._3.SIZE_24,"aria-hidden":!0}),(0,l.jsx)(p.D,{variant:"heading-lg/semibold",color:"text-strong",children:f})]}),(0,l.jsx)(h.E,{variant:"text-sm/medium",color:"text-subtle",children:w})]}),children:[(0,l.jsxs)("div",{className:D.hG,children:[g.length>0&&(0,l.jsx)($,{label:{type:"aria",text:y},navId:"badge-directory-owned",badges:g,selectedBadgeId:t,onSelectBadge:n}),!r&&m.length>0&&(0,l.jsx)($,{label:{type:"heading",id:"badge-directory-section-earnable",text:P.intl.string(P.t["0YzU//"])},navId:"badge-directory-earnable",badges:m,selectedBadgeId:t,onSelectBadge:n})]}),r&&(0,l.jsx)("div",{className:D.HO,children:(0,l.jsx)(N.$,{variant:"secondary",size:"sm",fullWidth:!0,onClick:c,text:P.intl.string(P.t.msyp90)})})]})})}var M=n(731454),H=n(788868);function Z(e){var t;let{badge:n,currentTier:a,isViewingOtherUser:s,targetUsername:r}=e,d=n.owned?Math.max(n.progress?.[0]?.current??0,(0,u.r)(a)):0,c=s?P.intl.string(P.t.sTFApF):(null==(t=function(e){if(null==e)return null;let t=new Date(e);return Number.isNaN(t.getTime())?null:t}(n.obtained_at))?null:t.toLocaleDateString(P.intl.currentLocale,{month:"short",year:"numeric"}))??P.intl.string(P.t.sTFApF),o=i.useId(),m=s&&null!=r?P.intl.formatToPlainString(P.t.KyTwIh,{username:r}):P.intl.string(P.t.crwYbF);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(h.E,{id:o,variant:"text-xs/medium",color:"text-subtle",className:D.Hm,children:m}),(0,l.jsx)("ul",{className:D.by,"aria-labelledby":o,children:H.sp.map(e=>{let t=H.VD[e],i=t.tenureReqNumMonths,a=n.owned&&d>=i;return(0,l.jsxs)("li",{className:a?D.Oe:`${D.Oe} ${D.Kv}`,children:[(0,l.jsx)("img",{className:D.Qm,src:(0,C.I)(e).standard,alt:"","aria-hidden":!0}),(0,l.jsxs)(h.E,{variant:"text-xxs/medium",color:a?"text-default":"text-muted",className:D.Ou,children:[P.intl.string(t.nameUnformatted),(0,l.jsx)("br",{}),a?c:function(e){if(e<12)return P.intl.formatToPlainString(P.t.kridzK,{months:e});let t=e/12;return t>=6?P.intl.string(P.t.nPrx97):P.intl.formatToPlainString(P.t.PClsrw,{years:t})}(i)]}),(0,l.jsx)(b.A,{children:P.intl.string(a?P.t.sTFApF:P.t.uHtDcT)})]},e)})})]})}function q(e){let t,{badge:n,isOwnProfile:i,isViewingOtherUser:a,targetUsername:s,viewedAvatarSrc:r,targetOwnsBadge:d,viewerOwnsBadge:c,onToggleViewedUser:o}=e;if(t=i?n.owned?P.intl.string(P.t.sTFApF):P.intl.string(P.t.uHtDcT):a&&null!=s?P.intl.formatToPlainString(P.t.Eo5Cnp,{username:G(s)}):n.owned?null!=n.obtained_at?P.intl.formatToPlainString(P.t["0aEh2a"],{date:new Date(n.obtained_at)}):P.intl.string(P.t.sTFApF):P.intl.string(P.t.uHtDcT),i)return(0,l.jsx)(h.E,{variant:"text-xs/medium",color:"text-subtle",children:t});let u=a&&c,m=!a&&d&&null!=s;return(0,l.jsxs)("div",{className:D.bn,children:[null!=r&&(0,l.jsx)(j.eu,{src:r,size:k._3.SIZE_16,"aria-hidden":!0}),(0,l.jsx)(h.E,{variant:"text-xs/medium",color:"text-subtle",className:D.CT,children:t}),(u||m)&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(h.E,{variant:"text-xs/medium",color:"text-subtle",className:D.CT,"aria-hidden":!0,children:"\xb7"}),(0,l.jsx)(v.Q,{variant:"primary",size:"sm",textVariant:"text-xs/medium",onClick:o,text:u?P.intl.string(P.t.yxEAGH):P.intl.formatToPlainString(P.t["9GNsge"],{username:G(s)})})]})]})}function J(e){let{badge:t,viewerBadge:n,onClose:s,isOwnProfile:r,isViewingOtherUser:d,targetUsername:c,displayedUserId:o,targetOwnsBadge:u,viewerOwnsBadge:m,onToggleViewedUser:b,onViewOwnCatalog:j}=e,v=F(o,d,32),C=function(e){let t=e.tiers;if(null==t||0===t.length)return;let n=e.owned?e.current_tier:e.next_tier;return(null!=n?t.find(e=>e.key===n):void 0)??t[0]}(t),B=(0,a.bG)([A.A],()=>A.A.useReducedMotion)?void 0:C?.complex_icon_animated_url??t.complex_icon_animated_url,E=C?.complex_icon_static_url??t.complex_icon_static_url,S=C?.simple_icon_url??t.simple_icon_url,T=B??E??S,I=(0,M.V)(C?.rarity??t.rarity),O=(0,U.Om)(t.badge_id),k=t.badge_id===x.$.PREMIUM_TENURE,G=k?C?.name??C?.key:C?.name,z=k?P.intl.string(P.t.Ipxkog):t.name,$=null!=G?`${z} ${G}`:z,R=n?.owned===!0&&(n.tiers?.length??0)>0&&null==n.next_tier,L="";R?L=P.intl.string(P.t.jY5xAL):n?.description!=null?L=n.description:d||t.is_earnable?!d&&t.owned&&(L=P.intl.string(P.t.W87dHj)):L=t.owned?P.intl.string(P.t["m++6Ll"]):P.intl.string(P.t.VaSz3l);let H=i.useCallback(()=>{null!=O&&(s(),O.ctaAction())},[O,s]),J=(0,U.ie)(t.badge_id)&&!t.is_earnable,Y=d&&!t.is_earnable&&!m;return(0,l.jsx)("div",{id:U.hJ,role:"tabpanel","aria-labelledby":V(t.badge_id),className:D.SV,children:(0,l.jsxs)(_.d_,{className:D.C9,children:[null!=T&&(0,l.jsx)("img",{className:D.y2,src:T,alt:"","aria-hidden":!0}),(0,l.jsxs)("div",{className:D.OU,children:[(0,l.jsxs)("div",{className:D.cQ,children:[(0,l.jsx)(p.D,{variant:"display-sm",color:"text-strong",className:g()(D._r,k&&D.tN),children:$}),(0,l.jsx)(q,{badge:t,isOwnProfile:r,isViewingOtherUser:d,targetUsername:c,viewedAvatarSrc:v,targetOwnsBadge:u,viewerOwnsBadge:m,onToggleViewedUser:b})]}),(0,l.jsxs)("div",{className:D.oA,children:[null!=I&&(0,l.jsxs)("div",{className:D.sn,children:[(0,l.jsx)(f.E,{...I}),(0,l.jsx)(h.E,{variant:"text-xs/medium",color:"text-subtle",children:P.intl.string(P.t["phYZe+"])})]}),(""!==L||null!=O)&&(0,l.jsxs)("div",{className:D.d9,children:[(0,l.jsxs)("div",{className:D.E4,children:[(0,l.jsxs)("div",{className:D.jv,children:[J&&(0,l.jsx)(h.E,{variant:"text-xs/medium",color:"text-subtle",className:D.c$,children:P.intl.string(P.t["/Gmn3f"])}),""!==L&&(0,l.jsx)(h.E,{variant:"text-sm/medium",color:"text-default",className:D.ij,children:L})]}),null!=O&&(0,l.jsx)(N.$,{variant:m?"secondary":k?"expressive":"primary",size:"sm",onClick:H,text:O.ctaLabel({owned:m})})]}),k&&(0,l.jsxs)("div",{className:D.cJ,children:[(0,l.jsx)(w.c,{}),(0,l.jsx)(Z,{badge:t,currentTier:C,isViewingOtherUser:d,targetUsername:c})]})]}),Y&&(0,l.jsx)(y.w,{type:"info",children:P.intl.format(P.t.vFekBs,{onViewBadges:j})})]})]})]})})}function Y(e){let{transitionState:t,onClose:n,initialBadgeId:m,targetUserId:g,targetUsername:x}=e,h=(0,a.bG)([c.default],()=>c.default.getCurrentUser()?.id),b=null==g||g===h,[j,v]=i.useState(!b&&null!=g),_=j?g:h,[p,f]=i.useState(m??null),N=(0,a.bG)([u.A],()=>null!=_?u.A.getBadges(_):[],[_]);i.useEffect(()=>{null==_||u.A.hasCatalogFor(_)||(0,o.R)(_),b||null==h||u.A.hasCatalogFor(h)||(0,o.R)(h)},[_,b,h]);let w=i.useCallback(()=>{null!=h&&null!=g&&v(e=>!e)},[h,g]),y=i.useCallback(()=>{null!=h&&null!=g&&(v(!1),f(null))},[h,g]),A=i.useMemo(()=>{let{earnable:e,owned:t}=R(N);return j?t[0]?.badge_id??null:t[0]?.badge_id??e[0]?.badge_id??null},[N,j]),C=null!=p&&null!=_?u.A.getBadgeById(p,_):void 0,B=null!=A&&null!=_?u.A.getBadgeById(A,_):void 0,E=C??B,S=0===N.length,T=(0,a.bG)([u.A],()=>null!=g&&null!=E&&(u.A.getBadgeById(E.badge_id,g)?.owned??!1),[E,g]),I=(0,a.bG)([u.A],()=>null!=h&&null!=E?u.A.getBadgeById(E.badge_id,h):void 0,[E,h]),O=I?.owned??!1,F=i.useCallback(()=>{n()},[n]);return(0,l.jsx)(s.EO,{"data-migration-pending":!0,parentComponent:"BadgeDirectoryModal","aria-label":P.intl.string(P.t.PEjP4L),transitionState:t,size:s.rI.DYNAMIC,hideShadow:!0,className:D.CR,children:(0,l.jsxs)(s.$m,{"data-migration-pending":!0,scrollbarType:"none",className:D.jE,children:[(0,l.jsx)("div",{className:D.b,children:(0,l.jsx)(r.J,{onClick:F,size:"sm"})}),S?(0,l.jsx)("div",{className:D.Lq,children:(0,l.jsx)(d.y,{})}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(L,{selectedBadgeId:E?.badge_id??null,onSelectBadge:f,displayedUserId:_,isViewingOtherUser:j,targetUsername:x,onViewOwnCatalog:y}),null!=E&&(0,l.jsx)(J,{badge:E,viewerBadge:I,onClose:F,isOwnProfile:b,isViewingOtherUser:j,targetUsername:x,displayedUserId:_,targetOwnsBadge:T,viewerOwnsBadge:O,onToggleViewedUser:w,onViewOwnCatalog:y})]})]})})}}