Module 999174

function(e,t,n){n.d(t,{default:()=>ek});var i=n(627968),l=n(64700),a=n(731738),s=n(17928),r=n(935462),d=n(815021),c=n(289873),o=n(297264),u=n(834730),g=n(821609),m=n(807393),x=n(287809),h=n(682618),_=n(992526),b=n(982240);n(321073);var v=n(503698),j=n.n(v),N=n(70283),p=n(508770),y=n(866665),f=n(885574),w=n(97808),I=n(123292),E=n(683071),A=n(707554),S=n(364522),B=n(404778),C=n(982168),T=n(775602),U=n(640708),O=n(780964),k=n(766075),R=n(153488),D=n(240248),z=n(609782),F=n(837381),V=n(887129),P=n(741918),G=n(939249),M=n(228366);let $={seenBadgeIndicatorIds:new Set};class L extends s.Ay.PersistedStore{static displayName="BadgeDirectorySeenStore";static persistKey="BadgeDirectorySeenStore";initialize(e){$={seenBadgeIndicatorIds:new Set(e?.seenBadgeIndicatorIds??[])}}getState(){return{seenBadgeIndicatorIds:Array.from($.seenBadgeIndicatorIds)}}getSeenBadgeIndicators(){return $.seenBadgeIndicatorIds}}let Z=new L(M.h,{BADGE_DIRECTORY_MARK_BADGE_INDICATOR_SEEN:function(e){let{badgeId:t}=e;if($.seenBadgeIndicatorIds.has(t))return!1;$={...$,seenBadgeIndicatorIds:new Set([...$.seenBadgeIndicatorIds,t])}}});var H=n(92111),J=n(486020);function Y(e,t,n){let i=(0,s.bG)([x.default],()=>null!=e?x.default.getUser(e):void 0,[e]);if(null!=i&&t)return(0,J.ku)({id:i.id,avatar:i.avatar,discriminator:i.discriminator},!1,n)}var q=n(778712),K=n(375708),Q=n(490308);function W(e){return`badge-tab-${e}`}function X(e){let t=Array.from(e);return t.length>19?`${t.slice(0,19).join("")}...`:e}function ee(e){let{badge:t,isSelected:n,onSelect:a,itemId:s,showBadgeIndicator:r}=e,d=(0,F.rm)(s),c=t.owned?t.current_tier:t.next_tier,o=null!=c?t.tiers.find(e=>{let{key:t}=e;return t===c}):void 0,u=t.badge_id===N.$.PREMIUM_TENURE?o?.name??o?.key:o?.name,g=null!=u?`${t.name}, ${u}`:t.name,m=l.useRef(null);return(0,i.jsxs)(G.D,{...d,innerRef:m,role:"tab",id:W(t.badge_id),"aria-label":g,"aria-selected":n,"aria-controls":n?H.hJ:void 0,className:j()(Q.oL,n&&Q.xO),onFocus:d.onFocus,onClick:()=>{m.current?.focus(),a()},children:[r&&(0,i.jsx)("span",{"aria-hidden":!0,className:Q.Dn}),null!=t.simple_icon_url&&(0,i.jsx)("img",{src:t.simple_icon_url,alt:"","aria-hidden":!0,className:Q.pW})]})}function et(e){let{label:t,navId:n,badges:l,selectedBadgeId:a,onSelectBadge:s,badgeIndicatorIds:r}=e,d=(0,V.Ay)({id:n,isEnabled:!0,orientation:P.Gl.HORIZONTAL,scrollToStart:()=>Promise.resolve(),scrollToEnd:()=>Promise.resolve()});return(0,i.jsxs)("div",{className:Q.zE,children:["heading"===t.type&&(0,i.jsx)(o.D,{id:t.id,variant:"heading-sm/medium",color:"text-default",children:t.text}),(0,i.jsx)(F.hD,{navigator:d,children:(0,i.jsx)(F.PR,{children:e=>(0,i.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:Q.yq,children:l.map((e,t)=>{let n=r.has(e.badge_id);return(0,i.jsx)(ee,{itemId:`item-${t}`,badge:e,isSelected:e.badge_id===a,onSelect:()=>s(e.badge_id),showBadgeIndicator:n},e.badge_id)})})})})]})}function en(e){let t=[],n=[];for(let i of e)i.owned?n.push(i):i.is_earnable&&t.push(i);return{earnable:t,owned:n}}function ei(e){let{selectedBadgeId:t,onSelectBadge:n,displayedUserId:a,isViewingOtherUser:r,targetUsername:d,onViewOwnCatalog:c,showBadgeIndicators:m}=e,x=(0,s.yK)([b.Ay],()=>null!=a?b.Ay.getBadges(a):[],[a]),{earnable:h,owned:_}=l.useMemo(()=>en(x),[x]),{badgeIndicatorIds:v}=function(e){let{badges:t,enabled:n}=e,i=(0,s.bG)([Z],()=>Z.getSeenBadgeIndicators());return{badgeIndicatorIds:l.useMemo(()=>n?new Set(t.filter(e=>{let{badge_id:t}=e;return(0,H.Ce)(t)&&!i.has(t)}).map(e=>{let{badge_id:t}=e;return t})):new Set,[t,n,i])}}({badges:l.useMemo(()=>[..._,...h],[_,h]),enabled:m}),j=Y(a,r,48),N=null!=d?X(d):null,p=null!=d&&N!==d,y=null!=N&&p&&null!=j?(0,i.jsxs)("span",{className:Q._p,children:[(0,i.jsx)(w.eu,{src:j,size:q._3.SIZE_24,"aria-hidden":!0}),N]}):N,f=r&&null!=y?K.intl.format(K.t.EIcwoe,{username:y}):K.intl.string(K.t.UqnlQF),I=r&&null!=d?K.intl.string(K.t["75s2Rq"]):K.intl.string(K.t["62xU4E"]),E=r&&null!=d?K.intl.formatToPlainString(K.t.BCjSZy,{username:d}):K.intl.string(K.t.UqnlQF);return(0,i.jsx)("div",{className:Q.ws,children:(0,i.jsxs)(A.F,{component:(0,i.jsxs)("div",{className:Q.NG,children:[(0,i.jsxs)("div",{className:Q.kc,children:[!p&&null!=j&&(0,i.jsx)(w.eu,{src:j,size:q._3.SIZE_24,"aria-hidden":!0}),(0,i.jsx)(o.D,{variant:"heading-lg/semibold",color:"text-strong",children:f})]}),(0,i.jsx)(u.E,{variant:"text-sm/medium",color:"text-subtle",children:I})]}),children:[(0,i.jsxs)(S.Ip,{className:Q.hG,children:[_.length>0&&(0,i.jsx)(et,{label:{type:"aria",text:E},navId:"badge-directory-owned",badges:_,selectedBadgeId:t,onSelectBadge:n,badgeIndicatorIds:v}),!r&&h.length>0&&(0,i.jsx)(et,{label:{type:"heading",id:"badge-directory-section-earnable",text:K.intl.string(K.t["0YzU//"])},navId:"badge-directory-earnable",badges:h,selectedBadgeId:t,onSelectBadge:n,badgeIndicatorIds:v})]}),r&&(0,i.jsx)("div",{className:Q.HO,children:(0,i.jsx)(g.$,{variant:"secondary",size:"sm",fullWidth:!0,onClick:c,text:K.intl.string(K.t.msyp90)})})]})})}var el=n(911608),ea=n(847374),es=n(770178),er=n(194261),ed=n(140735),ec=n(899696);function eo(e){let{badge:t,isViewingOtherUser:n,targetUsername:a,isViewerOnUpgradeableNitro:s=!1,hideLabel:r=!1}=e,d=l.useId(),c=n&&null!=a,o=t.badge_id===N.$.PREMIUM_TENURE?K.intl.string(s?K.t["5WS9pL"]:K.t.crwYbF):null,g=c?K.intl.formatToPlainString(K.t.KyTwIh,{username:a}):o,m=null!=g&&""!==g;return(0,i.jsxs)(i.Fragment,{children:[m&&!r&&(0,i.jsxs)("div",{className:ec.u4,children:[s&&!c&&(0,i.jsx)(er.X,{size:"xxs",color:"currentColor",className:ec.ZU,"aria-hidden":!0}),(0,i.jsx)(u.E,{id:d,variant:"text-xs/medium",color:"text-subtle",children:g})]}),(0,i.jsx)("div",{className:ec.SV,role:"list","aria-labelledby":m&&!r?d:void 0,children:t.tiers.map(e=>{let l=e.owned,a=!l&&t.owned,r=e.simple_icon_url??e.complex_icon_static_url,d=e.name,c=function(e){let{tier:t,isUnlocked:n,isViewingOtherUser:i,isViewerOnUpgradeableNitro:l}=e;return n?i?K.intl.string(K.t.sTFApF):t.milestone_text??"":l&&!i?K.intl.string(K.t.VPu695):t.milestone_text??""}({tier:e,isUnlocked:l,isViewingOtherUser:n,isViewerOnUpgradeableNitro:s});return(0,i.jsxs)("div",{role:"listitem",className:j()(ec.zh,a&&ec.ZF),children:[null!=r&&(0,i.jsx)("img",{className:ec.Hw,src:r,alt:"","aria-hidden":!0}),(0,i.jsxs)(u.E,{variant:"text-xxs/medium",color:l?"text-default":"text-muted",className:ec.hI,children:[null!=d&&(0,i.jsxs)("span",{className:ec.nU,children:[!l&&(0,i.jsx)(er.X,{size:"xxs",color:"currentColor",className:ec.Ks,"aria-hidden":!0}),d]}),(0,i.jsx)("span",{className:ec.nU,children:c})]}),(0,i.jsx)(ed.A,{children:K.intl.string(l?K.t.sTFApF:K.t.uHtDcT)})]},e.key)})})]})}var eu=n(335140);function eg(e){let{badge:t,viewerBadge:n,isViewingOtherUser:a,targetUsername:s,isViewerOnUpgradeableNitro:r}=e,[d,c]=l.useState(!1),[o,g]=l.useState(t.badge_id),m=l.useId(),x=l.useId(),h=l.useRef(null),_=l.useRef(null);t.badge_id!==o&&(g(t.badge_id),c(!1));let b=l.useCallback(()=>{let e=h.current;null!=e&&e.contains(document.activeElement)&&e.scrollIntoView({behavior:"auto",block:"end",inline:"nearest"})},[]),v=l.useCallback(e=>{null!=e.target&&d&&b()},[d,b]);(0,es.g)(_,v,[d],{enabled:d});let N=n??t,p=a?void 0:N.next_tier,y=a?void 0:N.current_tier,f=null!=p?N.tiers.find(e=>e.key===p):void 0,w=null!=y?N.tiers.find(e=>e.key===y):void 0,I=a?void 0:N.progress?.[0],E=I?.threshold??f?.requirements[0]?.threshold??null,A=!a&&N.owned&&null!=f,S=a||(0,D.uJ)(N.leveling_instructions)||A?void 0:N.leveling_instructions,C=f?.name!=null?K.intl.formatToPlainString(K.t["Jn+COZ"],{tier_name:f.name}):void 0,T=d?K.intl.string(K.t["065Hig"]):K.intl.string(K.t.MylOvg),U=a?t:N,O=w?.complex_icon_static_url??w?.simple_icon_url,k=f?.complex_icon_static_url??f?.simple_icon_url,R=!(0,D.uJ)(I?.progress_helper_text),z=null!=C?{"aria-labelledby":x}:{"aria-label":K.intl.string(K.t.Uwhb1l)};return(0,i.jsxs)(i.Fragment,{children:[null!=S&&(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",children:S}),A&&(0,i.jsxs)("div",{className:eu.ES,children:[null!=O&&(0,i.jsx)("img",{className:eu.Tw,src:O,alt:"","aria-hidden":!0}),(0,i.jsxs)("div",{className:eu.Bd,children:[null!=C&&(0,i.jsx)(u.E,{id:x,variant:"text-sm/medium",children:C}),null!=E?(0,i.jsx)(el.z,{value:I?.current??0,maxValue:E,size:"md",valueLabel:I?.progress_helper_text,className:eu.hr,...z}):null!=I&&(0,i.jsx)(el.z,{isIndeterminate:!0,size:"md",className:eu.hr,...z}),R&&(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",children:I?.progress_helper_text})]}),null!=k&&(0,i.jsx)("img",{className:eu.Tw,src:k,alt:"","aria-hidden":!0})]}),A?(0,i.jsxs)("div",{className:eu.JC,children:[(0,i.jsx)("div",{ref:_,className:j()(eu.ne,d&&eu.GB),id:m,children:(0,i.jsx)("div",{className:eu.zL,inert:!d,children:(0,i.jsxs)("div",{className:eu.GA,children:[(0,i.jsx)(B.c,{className:eu.yF}),(0,i.jsx)(eo,{badge:U,isViewingOtherUser:a,targetUsername:s,isViewerOnUpgradeableNitro:r,hideLabel:!0})]})})}),(0,i.jsxs)(G.D,{innerRef:h,className:eu.tw,"aria-expanded":d,"aria-controls":m,onClick:()=>c(!d),children:[(0,i.jsx)(u.E,{className:eu.Yi,variant:"text-xs/medium",color:"text-subtle",children:T}),(0,i.jsx)(ea.a,{size:"sm",color:"currentColor","aria-hidden":!0,className:j()(eu.ai,d&&eu.hg)})]})]}):(0,i.jsx)(eo,{badge:U,isViewingOtherUser:a,targetUsername:s,isViewerOnUpgradeableNitro:r})]})}var em=n(536001),ex=n(260981),eh=n(540418),e_=n(907085),eb=n(179820),ev=n(174459),ej=n(652215);function eN(e){let{actionName:t,badge:n,displayedUserId:i,isSociallyNavigated:l}=e,a=x.default.getCurrentUser()?.id,s=null!=n&&null!=a?b.Ay.getBadgeById(n.badge_id,a):void 0,r=null!=n&&null!=a?b.Ay.getRemainingToNextTier(n.badge_id,a):void 0,d=null!=i?b.Ay.getBadges(i).filter(e=>e.owned).length:void 0;ev.default.track(ej.HAw.BADGE_DIRECTORY_ACTION,{badge_action:t,badge_id:n?.badge_id,badge_tier:null!=n?(n.owned?n.current_tier:n.next_tier)??n.tiers?.[0]?.key:void 0,badge_owner_id:i,is_owned:s?.owned??!1,progress_to_next_tier:r,is_earnable:n?.is_earnable??!1,is_socially_navigated:l,total_badges_owned:d})}var ep=n(202541);let ey=[K.t["6zFA/T"],K.t.wzZHKl,K.t["+ED/nf"]];function ef(){let e=Math.floor(Math.random()*ey.length);return K.intl.string(ey[e])}function ew(e){let{earnedDateText:t,label:n}=e;return(0,i.jsxs)("div",{className:j()(Q.AX,Q.aS),children:[(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-default",className:Q.NM,children:t}),(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",className:Q.MZ,children:n})]})}function eI(e){let{rarityBadgeProps:t}=e;return(0,i.jsxs)("div",{className:j()(Q.AX,Q.sn),children:[(0,i.jsx)(p.E,{...t}),(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",children:K.intl.string(K.t["phYZe+"])})]})}function eE(){return(0,i.jsx)(y.m,{text:K.intl.string(K.t.goKu4e),children:(0,i.jsxs)("span",{className:Q.Gb,children:[(0,i.jsx)(f.m,{size:"xxs",color:"currentColor",className:Q.LS,"aria-hidden":!0}),(0,i.jsx)(u.E,{tag:"span",variant:"text-xs/medium",color:"none",children:K.intl.string(K.t.oW0eUd)})]})})}function eA(e){let t,n,{badge:i,isOwnProfile:l,isViewingOtherUser:a,targetUsername:s,targetOwnsBadge:r,viewerOwnsBadge:d,unlockedStatusText:c}=e;if(t=l?i.owned?c:K.intl.string(K.t.uHtDcT):a&&null!=s?K.intl.formatToPlainString(K.t.Eo5Cnp,{username:X(s)}):i.owned?c:K.intl.string(K.t.uHtDcT),!l){let e=!a&&r&&null!=s;a&&d?n=K.intl.string(K.t.yxEAGH):e&&(n=K.intl.formatToPlainString(K.t["9GNsge"],{username:X(s)}))}return{statusText:t,toggleText:n}}function eS(){return(0,i.jsx)(U.A,{height:3,width:3,"aria-hidden":"true",className:Q.zN})}function eB(e){let{segments:t}=e;return 0===t.length?null:(0,i.jsx)("div",{className:Q.U3,children:t.map((e,t)=>{let{key:n,node:l}=e;return(0,i.jsxs)("span",{className:Q.Hq,children:[t>0&&(0,i.jsx)(eS,{}),l]},n)})})}function eC(e){let{badge:t,isOwnProfile:n,isViewingOtherUser:l,targetUsername:a,viewedAvatarSrc:s,targetOwnsBadge:r,viewerOwnsBadge:d,unlockedStatusText:c,onToggleViewedUser:o}=e,g=(0,D.uJ)(t.info_label)?void 0:t.info_label,m=(0,H.HW)(t.badge_id),{statusText:x,toggleText:h}=eA({badge:t,isOwnProfile:n,isViewingOtherUser:l,targetUsername:a,targetOwnsBadge:r,viewerOwnsBadge:d,unlockedStatusText:c}),_=[];m&&_.push({key:"beta",node:(0,i.jsx)(eE,{})}),null!=x&&_.push({key:"status",node:(0,i.jsxs)("span",{className:Q.pC,children:[!n&&null!=s&&(0,i.jsx)(w.eu,{src:s,size:q._3.SIZE_16,"aria-hidden":!0}),(0,i.jsx)(u.E,{tag:"span",variant:"text-xs/medium",color:"text-subtle",className:Q.$L,children:x})]})}),null!=g&&_.push({key:"info",node:(0,i.jsx)(u.E,{tag:"span",variant:"text-xs/medium",color:"text-subtle",className:Q.$L,children:g})});let b=_.length>=3&&null!=h,v=null!=h?{key:"toggle",node:(0,i.jsx)(I.Q,{variant:"primary",size:"sm",textVariant:"text-xs/medium",onClick:o,text:h})}:void 0,j=b||null==v?_:[..._,v];return 0===j.length&&null==v?null:(0,i.jsxs)("div",{className:Q.rI,children:[(0,i.jsx)(eB,{segments:j}),b&&null!=v&&(0,i.jsx)(eB,{segments:[v]})]})}function eT(e){let{badge:t,isOwnProfile:n,isViewingOtherUser:l,targetUsername:a,viewedAvatarSrc:s,targetOwnsBadge:r,viewerOwnsBadge:d,unlockedStatusText:c,onToggleViewedUser:o}=e,{statusText:g,toggleText:m}=eA({badge:t,isOwnProfile:n,isViewingOtherUser:l,targetUsername:a,targetOwnsBadge:r,viewerOwnsBadge:d,unlockedStatusText:c}),x=null!=g;return n?x?(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",children:g}):null:x||null!=m?(0,i.jsxs)("div",{className:Q.bn,children:[x&&(0,i.jsxs)(i.Fragment,{children:[null!=s&&(0,i.jsx)(w.eu,{src:s,size:q._3.SIZE_16,"aria-hidden":!0}),(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",className:Q.CT,children:g}),null!=m&&(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",className:Q.CT,"aria-hidden":!0,children:"\xb7"})]}),null!=m&&(0,i.jsx)(I.Q,{variant:"primary",size:"sm",textVariant:"text-xs/medium",onClick:o,text:m})]}):null}function eU(e){let t,n,a,r,c,m,{badge:h,viewerBadge:_,onClose:v,isOwnProfile:p,isViewingOtherUser:y,targetUsername:f,displayedUserId:w,targetOwnsBadge:I,viewerOwnsBadge:U,isMilestone2Enabled:F,onToggleViewedUser:V,onViewOwnCatalog:P}=e,G=Y(w,y,32),M=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]}(h),$=(0,s.bG)([T.Ay],()=>T.Ay.useReducedMotion)?void 0:M?.complex_icon_animated_url??h.complex_icon_animated_url,L=M?.complex_icon_static_url??h.complex_icon_static_url,Z=M?.simple_icon_url??h.simple_icon_url,J=$??L??Z,q=function(e){if(null==e)return null;switch(e){case em.x.COMMON:return{type:{text:K.intl.string(K.t.L0K5ci)},variant:"rarity-common",icon:ex.p};case em.x.RARE:return{type:{text:K.intl.string(K.t["sTx/5z"])},variant:"rarity-rare",icon:eh.A};case em.x.EPIC:return{type:{text:K.intl.string(K.t.RD8RiN)},variant:"rarity-epic",icon:e_.b};case em.x.MYTHIC:return{type:{text:K.intl.string(K.t.vqc1ol)},variant:"rarity-mythic",icon:eb.O};default:return null}}(M?.rarity??h.rarity)??void 0,X=(0,H.Om)(h.badge_id),ee=h.badge_id===N.$.PREMIUM_TENURE,et=ee?M?.name??M?.key:M?.name,en=ee?K.intl.string(K.t.Ipxkog):h.name;ee?r=null!=et?`${en} ${et}`:en:null!=et?(a=en,r=et):r=en;let ei=(0,z.ie)(h.badge_id)&&!h.is_earnable,el=(h.tiers?.length??0)>0,ea=(0,b.H5)(h),[es,er]=l.useState(()=>ef()),[ed,ec]=l.useState(h.badge_id);h.badge_id!==ed&&(ec(h.badge_id),er(ef()));let eu=h.owned?ei&&null==ea?es:function(e){if(null==e)return;let t=new Date(e);if(!Number.isNaN(t.getTime()))return t.toLocaleDateString(K.intl.currentLocale,{month:"short",day:"numeric",year:"numeric"})}(ea):el?"--":void 0,ev=(n=null==(t=h.tiers?.[0]?.key)||M?.key===t,K.intl.string(n?K.t.WDhIz2:K.t.wYaDmz)),ey=F&&null!=eu&&h.badge_id!==N.$.STAFF,eE=null!=q,eA=null;F&&(ey||eE)?eA=(0,i.jsxs)("div",{className:j()(Q.$S,(!ey||!eE)&&Q.jQ),children:[ey&&(0,i.jsx)(ew,{earnedDateText:eu,label:ev}),eE&&(0,i.jsx)(eI,{rarityBadgeProps:q})]}):eE&&(eA=(0,i.jsx)(eI,{rarityBadgeProps:q})),ey||(c=F||null==ea?K.intl.string(K.t.sTFApF):K.intl.formatToPlainString(K.t["0aEh2a"],{date:new Date(ea)}));let eS=_?.owned===!0&&(_.tiers?.length??0)>0&&null==_.next_tier,eB=x.default.getCurrentUser()?.premiumType,eU=ee&&(eB===ep.PremiumTypes.TIER_0||eB===ep.PremiumTypes.TIER_1);m=eS?K.intl.string(K.t.jY5xAL):eU?K.intl.string(K.t.qkwSSp):_?.description??h.description;let eO=l.useCallback(()=>{null!=X&&(eN({actionName:"primary_badge_action_clicked",badge:h,displayedUserId:w,isSociallyNavigated:y}),v(),C.A.popAll(),X.ctaAction())},[h,w,y,X,v]),ek=!y||h.is_earnable||U||h.badge_id===N.$.STAFF?null:(0,i.jsx)(E.w,{type:"info",children:K.intl.format(K.t.vFekBs,{onViewBadges:P})}),eR=(0,s.bG)([R.A],()=>R.A.hasConsented(ej.YAq.PERSONALIZATION)),eD=F&&(0,H.wM)(h.badge_id)&&!y&&!eR;return(0,i.jsx)(A.F,{forceLevel:2,children:(0,i.jsx)("div",{id:H.hJ,role:"tabpanel","aria-labelledby":W(h.badge_id),className:Q.SV,children:(0,i.jsxs)(S.d_,{className:Q.C9,children:[(0,i.jsx)("div",{className:Q.Gw,children:(0,i.jsx)(d.J,{onClick:v,size:"sm"})}),null!=J&&(0,i.jsx)("img",{className:j()(Q.y2,null!=$&&J===$&&Q.hu),src:J,alt:"","aria-hidden":!0}),(0,i.jsxs)("div",{className:Q.OU,children:[(0,i.jsxs)("div",{className:Q.cQ,children:[(0,i.jsxs)("div",{className:Q.nj,children:[(0,i.jsxs)(o.D,{variant:"display-sm",color:"text-strong",className:j()(Q._r,ee&&Q.tN),children:[null!=a&&(0,i.jsx)(u.E,{tag:"span",variant:"text-sm/medium",color:"text-subtle",className:Q.$g,children:a}),r]}),F&&(0,i.jsx)(eC,{badge:h,isOwnProfile:p,isViewingOtherUser:y,targetUsername:f,viewedAvatarSrc:G,targetOwnsBadge:I,viewerOwnsBadge:U,unlockedStatusText:c,onToggleViewedUser:V})]}),!F&&(0,i.jsx)(eT,{badge:h,isOwnProfile:p,isViewingOtherUser:y,targetUsername:f,viewedAvatarSrc:G,targetOwnsBadge:I,viewerOwnsBadge:U,unlockedStatusText:c,onToggleViewedUser:V})]}),(0,i.jsxs)("div",{className:Q.oA,children:[eD&&(0,i.jsx)(E.w,{type:"info",children:K.intl.format(K.t.Zh44ni,{onGoToSettings:()=>(0,k.openUserSettings)(O.X.DATA_USAGE_PERSONALIZATION_SETTING)})}),eA,!(0,D.uJ)(m)&&(0,i.jsxs)("div",{className:Q.d9,children:[(0,i.jsxs)("div",{className:Q.E4,children:[(0,i.jsxs)("div",{className:Q.jv,children:[ei&&(0,i.jsx)(u.E,{variant:"text-xs/medium",color:"text-subtle",className:Q.c$,children:K.intl.string(K.t["/Gmn3f"])}),(0,i.jsx)(u.E,{variant:"text-sm/medium",color:"text-default",className:Q.ij,children:m})]}),null!=X&&(0,i.jsx)(g.$,{variant:eU?"expressive":U?"secondary":ee?"expressive":"primary",size:"sm",onClick:eO,text:X.ctaLabel({owned:U,isViewerOnUpgradeableNitro:eU})})]}),(h.tiers?.length??0)>0&&(0,i.jsxs)("div",{className:Q.cJ,children:[(0,i.jsx)(B.c,{}),F?(0,i.jsx)(eg,{badge:h,viewerBadge:_,isViewingOtherUser:y,targetUsername:f,isViewerOnUpgradeableNitro:eU}):(0,i.jsx)(eo,{badge:y?h:_??h,isViewingOtherUser:y,targetUsername:f,isViewerOnUpgradeableNitro:eU})]}),null!=ek&&(0,i.jsx)("div",{className:Q.Z6,children:ek})]}),(0,D.uJ)(m)&&ek]})]})]})})})}var eO=n(470739);function ek(e){let{transitionState:t,onClose:n,initialBadgeId:v,targetUserId:j,targetUsername:N,viewingCurrentUserBadges:p}=e,y=(0,s.bG)([x.default],()=>x.default.getCurrentUser()?.id),f=(0,_.VV)({location:"BadgeDirectoryModal"}),w=null==j||j===y,I=!w&&null!=j&&!0!==p,E=I?j:y,A=null!=E?`viewed_user:${I?"other":"self"}`:void 0,[S,B]=l.useState(v??null),C=(0,s.yK)([b.Ay],()=>null!=E?b.Ay.getBadges(E):[],[E]),T=(0,s.bG)([b.Ay],()=>null!=E&&b.Ay.hasCatalogFor(E),[E]),U=(0,s.bG)([b.Ay],()=>b.Ay.hasCatalogFetchErrorFor(E),[E]);l.useEffect(()=>{null!=E&&(b.Ay.hasCatalogFor(E)?b.Ay.isCatalogStaleFor(E)&&(0,h.RS)(E):(0,h.RS)(E));let e=I?y:j;w||null==e||b.Ay.hasCatalogFor(e)||(0,h.RS)(e)},[E,w,I,y,j]),l.useEffect(()=>{null!=A&&m.A.increment({name:a.K.BADGE_DIRECTORY_MODAL_OPEN,tags:[A]})},[A]);let O=l.useMemo(()=>{let{earnable:e,owned:t}=en(C);return I?t[0]?.badge_id??null:t[0]?.badge_id??e[0]?.badge_id??null},[C,I]),k=null!=S&&null!=E?b.Ay.getBadgeById(S,E):void 0,R=null!=O&&null!=E?b.Ay.getBadgeById(O,E):void 0,D=k??R,z=!T&&!U,F=!T&&U,V=f&&!I;l.useEffect(()=>{F&&null!=A&&m.A.increment({name:a.K.BADGE_DIRECTORY_ERROR_STATE_VIEWED,tags:[A]})},[F,A]);let P=(0,s.bG)([b.Ay],()=>null!=j&&null!=D&&(b.Ay.getBadgeById(D.badge_id,j)?.owned??!1),[D,j]),G=(0,s.bG)([b.Ay],()=>null!=y&&null!=D?b.Ay.getBadgeById(D.badge_id,y):void 0,[D,y]),M=G?.owned??!1,$=l.useCallback(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,eO._)({...e,stackingBehavior:"replace"}).then(()=>{n()})},[n]),L=l.useCallback(()=>{null!=j&&null!=D&&(I?$({initialBadgeId:D.badge_id,targetUserId:j,targetUsername:N,viewingCurrentUserBadges:!0}):$({initialBadgeId:D.badge_id,targetUserId:j,targetUsername:N}))},[I,D,$,j,N]),Z=l.useCallback(()=>{null!=y&&null!=j&&(eN({actionName:"view_your_badges_pressed",badge:D,displayedUserId:E,isSociallyNavigated:I}),$({targetUserId:j,targetUsername:N,viewingCurrentUserBadges:!0}))},[y,E,I,D,$,j,N]),J=l.useCallback(()=>{null!=E&&(0,h.RS)(E,{isRetry:!0})},[E]),Y=l.useCallback(()=>{eN({actionName:"badge_directory_closed",badge:D,displayedUserId:E,isSociallyNavigated:I}),n()},[E,I,n,D]),q=D?.badge_id;return l.useEffect(()=>{null!=q&&V&&(0,H.Ce)(q)&&(0,h.PV)(q)},[q,V]),l.useEffect(()=>{null!=D&&eN({actionName:"badge_detail_viewed",badge:D,displayedUserId:E,isSociallyNavigated:I})},[q,E,I]),(0,i.jsx)(r.EO,{"data-migration-pending":!0,parentComponent:"BadgeDirectoryModal","aria-label":K.intl.string(K.t.PEjP4L),transitionState:t,size:r.rI.DYNAMIC,hideShadow:!0,className:Q.CR,children:(0,i.jsxs)(r.$m,{"data-migration-pending":!0,scrollbarType:"none",className:Q.jE,children:[(z||F||null==D)&&(0,i.jsx)("div",{className:Q.b,children:(0,i.jsx)(d.J,{onClick:Y,size:"sm"})}),z?(0,i.jsx)("div",{className:Q.Lq,children:(0,i.jsx)(c.y,{})}):F?(0,i.jsxs)("div",{className:Q.IU,children:[(0,i.jsx)(o.D,{variant:"heading-lg/semibold",color:"text-strong",children:K.intl.string(K.t.iufib1)}),(0,i.jsx)(u.E,{variant:"text-sm/medium",color:"text-subtle",className:Q.TQ,children:K.intl.string(K.t.eAn6z2)}),(0,i.jsx)(g.$,{variant:"primary",size:"sm",onClick:J,text:K.intl.string(K.t["7NqTJn"])})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ei,{selectedBadgeId:D?.badge_id??null,onSelectBadge:B,displayedUserId:E,isViewingOtherUser:I,targetUsername:N,onViewOwnCatalog:Z,showBadgeIndicators:V}),null!=D&&(0,i.jsx)(eU,{badge:D,viewerBadge:G,onClose:Y,isOwnProfile:w,isViewingOtherUser:I,targetUsername:N,displayedUserId:E,targetOwnsBadge:P,viewerOwnsBadge:M,isMilestone2Enabled:f,onToggleViewedUser:L,onViewOwnCatalog:Z})]})]})})}}