Module 939318

function(e,t,i){i.d(t,{A:()=>ek});var n=i(627968),l=i(64700),s=i(540185),a=i(17928),r=i(495544),d=i(735321),o=i(841595),c=i(111956),u=i.n(c),g=i(896170),m=i(765178),h=i(922016),x=i(305866),p=i(732771),f=i(821609),j=i(307301),A=i(939249),I=i(663341),S=i(383329),v=i(174459),b=i(183555),y=i(373842),E=i(652215),C=i(375708),w=i(804981);function N(e){let{widgetType:t,widget:i,onAddGame:s,children:a,...r}=e,o=l.useMemo(()=>new Set(i.games.map(e=>e.applicationId)),[i.games]),{trackUserProfileEditAction:c}=(0,b.NJ)(),[f,j]=l.useState(""),A=l.useRef(""),{options:I,matchSorterOptions:N}=(0,S.R)(),{applicationIds:T,onAddGame:R}=(0,y.S)(t),k=l.useCallback(e=>{(0,d.ew)({widgetType:t,game:{applicationId:e}}),m.O.announce(C.intl.string(C.t.q0U3DE)),c({action:"GAME_ADDED",gameId:e,widgetEdited:t}),T.includes(e)&&R(e),s?.()},[t,c,s,T,R]),O=l.useMemo(()=>{let e=new Map(I.map(e=>[String(e.value),{id:String(e.value),value:String(e.value),label:e.label,disabled:o.has(e.value)}])),t=T.map(t=>e.get(t)).filter(e=>null!=e&&!e.disabled),i=[...e.values()].filter(e=>!t.includes(e));return[...t,...i]},[I,o,T]),L=l.useMemo(()=>({...N,threshold:g.Ht.rankings.CONTAINS,keys:["label"]}),[N]),P=l.useCallback(e=>""===e.trim()?O.length:(0,g.Ht)(O,e,L).length,[O,L]),G=l.useMemo(()=>u()((e,t)=>{let i=e.trim();0!==i.length&&v.default.track(E.HAw.DETECTABLE_GAME_SEARCHED,{surface:"profile_widget",query_length:i.length,result_count:t})},1e3),[]);l.useEffect(()=>()=>G.cancel(),[G]);let M=l.useCallback(e=>{let i=e.target.value;""===f.trim()&&""!==i.trim()&&c({action:"GAME_SEARCH_SESSION_STARTED",widgetEdited:t,numCharacters:i.trim().length,numResults:P(i)}),G(i,P(i)),j(i),A.current=i},[f,c,t,P,G]);return(0,n.jsx)(h.Y,{...r,onRequestOpen:()=>{c({action:"PRESS_ADD_GAME",widgetEdited:t}),j(""),A.current=""},onRequestClose:()=>{c({action:"GAME_SEARCH_SESSION_ENDED",widgetEdited:t,numCharacters:A.current.trim().length,numResults:P(A.current)})},renderPopout:e=>{let{closePopout:t}=e;return(0,n.jsx)(x.l,{className:w.C,"aria-label":C.intl.string(C.t.uqw8wK),children:(0,n.jsxs)(p.iS,{selectionMode:"single",value:null,onSelectionChange:e=>{null!=e&&(k(e),t())},options:O,matchSorterOptions:L,children:[(0,n.jsx)(p.a3,{label:C.intl.string(C.t["5h0QOP"]),hideLabel:!0,placeholder:C.intl.string(C.t["5h0QOP"]),autoFocus:!0,onQueryChange:M}),(0,n.jsx)(p.X2,{maxVisibleItems:7})]})})},children:e=>a(e)})}function T(e){let{disabled:t,...i}=e,s=l.useRef(null);return(0,n.jsx)(N,{targetElementRef:s,position:"bottom",align:"center",...i,children:e=>(0,n.jsx)(f.$,{buttonRef:s,variant:"secondary",size:"sm",icon:j.j,text:C.intl.string(C.t.SgTOtX),disabled:t,...e})})}function R(e){let t=l.useRef(null);return(0,n.jsx)(N,{targetElementRef:t,position:"right",align:"top",...e,children:e=>(0,n.jsx)(A.D,{innerRef:t,className:w.c,"aria-label":C.intl.string(C.t.SgTOtX),...e,children:(0,n.jsx)(I.p,{color:"currentColor"})})})}var k=i(61881);let O=l.createContext(null);function L(e){let{widgetType:t,children:i}=e,s=(0,a.bG)([k.A],()=>{let e=k.A.getPendingWidgets();if(null==e)return!1;let i=e.find(e=>e.type===t);if(null==i)return!1;let n=(0,d.cv)(t);return i.games.length>n}),[r,o]=l.useState(s);return(0,n.jsx)(O.Provider,{value:{expanded:r,setExpanded:o},children:i})}function P(){let e=l.useContext(O);if(null==e)throw Error("useGameWidgetExpandCollapse must be used within a GameWidgetExpandCollapseContextProvider");return e}var G=i(834730),M=i(300517);function _(e){let{widget:t}=e,i=(0,d.cv)(t.type),l=1===i,s=l?C.intl.string(C.t["3FdPBT"]):C.intl.format(C.t.W8K2GH,{maxGames:i});return(0,n.jsxs)("div",{className:l?M.O:M.k,children:[l&&(0,n.jsx)(R,{widget:t,widgetType:t.type}),(0,n.jsx)(G.E,{variant:"text-xs/normal",color:"text-subtle",children:s})]})}var U=i(623280),D=i(823016),W=i(683071),F=i(529523);function H(e){let{widgetType:t,gameCount:i}=e,l=(0,d.cv)(t);return i<=l?null:(0,n.jsx)("div",{role:"alert",className:F.l,children:(0,n.jsx)(W.w,{type:"warning",children:C.intl.formatToPlainString(C.t.Rv3wYq,{maxGames:l})})})}var V=i(635694);function B(e){let{onClick:t,expanded:i}=e;return(0,n.jsx)(A.D,{onClick:t,className:V.x,"aria-expanded":i,children:(0,n.jsx)(G.E,{variant:"text-sm/medium",color:"none",children:i?C.intl.string(C.t["6MwJo/"]):C.intl.string(C.t.lBeKY2)})})}var z=i(908683),Y=i(192),X=i(714813);function q(e){let{games:t,user:i,widgetType:l,...s}=e,{registerItemRef:a,manageFocusOnDelete:r}=(0,D.r)();return(0,n.jsx)("ul",{className:X.h,children:t.map((e,t)=>(0,n.jsx)("li",{children:(0,n.jsx)(z.A,{index:t,user:i,game:e,widgetType:l,coverRef:a(e.applicationId),onRemoveGame:r,...s})},e.applicationId))})}function Q(e){let{user:t,widgetType:i,disableInteraction:l,games:s}=e,d=(0,a.bG)([r.default],()=>r.default.getId()===t.id),{getManageButtonForWidget:o}=(0,Y.r)(),c=o(i),{expanded:u,setExpanded:g}=P(),m=u?s:s.slice(0,2),h=s.length>2,x=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(q,{...e,games:m}),h&&(0,n.jsx)(B,{expanded:u,onClick:()=>g(e=>!e)})]});return d&&!l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(H,{widgetType:i,gameCount:s.length}),(0,n.jsx)(D.B,{emptyListFallbackRef:c,children:x})]}):x}function K(e){let{user:t,widget:i,guildId:l,channelId:s,disableInteraction:a,...r}=e;return(0,n.jsx)(U.A,{userId:t.id,widget:i,disableInteraction:a,...r,children:i.games.length>0?(0,n.jsx)(Q,{user:t,widgetType:i.type,games:i.games,guildId:l,channelId:s,disableInteraction:a}):(0,n.jsx)(_,{widget:i})})}function $(e){let{user:t,widget:i,guildId:l,channelId:s,disableInteraction:a,...r}=e,d=i.games[0];return(0,n.jsx)(U.A,{userId:t.id,widget:i,disableInteraction:a,...r,children:null!=d?(0,n.jsx)(z.A,{user:t,widgetType:i.type,game:d,guildId:l,channelId:s,disableInteraction:a}):(0,n.jsx)(_,{widget:i})})}var J=i(281050);function Z(e){let{games:t,renderGame:i}=e;return(0,n.jsx)("ul",{className:J.V,children:t.map((e,t)=>(0,n.jsx)("li",{children:i(e,t)},e.applicationId))})}var ee=i(503698),et=i.n(ee),ei=i(688807),en=i(201438),el=i(287809),es=i(510466),ea=i(451395),er=i(788593),ed=i(858808),eo=i(390877),ec=i(617086),eu=i(442356),eg=i(163391);function em(e){let{index:t,widgetType:i,game:s,coverImageUrl:a,gameName:r,children:o}=e,{manageFocusOnReorder:c}=(0,D.r)(),u=l.useRef(null);return(0,n.jsx)(ea.mG,{index:t,itemId:s.applicationId,listType:i,itemType:"GAME_COVER",itemPreviewProps:{imageSrc:a,gameName:r,getWidth:()=>u.current?.offsetWidth},"aria-label":C.intl.formatToPlainString(C.t["0dR3gw"],{positionNumber:t+1}),onReorder:(e,t)=>(0,d.Un)(i,e,t),onEnd:()=>c(s.applicationId),className:eg.kL,dropBeforeClassName:eg.A,dropAfterClassName:eg.Ze,draggingClassName:eg.Id,children:(0,n.jsx)("div",{ref:u,className:eg.An,children:o})})}function eh(e){let{game:t,userId:i,widgetType:l,guildId:s,channelId:a,disableInteraction:r=!1,index:d,onRemoveGame:o,coverRef:c}=e,{coverImageUrl:u,gameName:g,isLoading:m}=(0,en.A)(t.applicationId),{registerDragHandleRef:h}=(0,D.r)(),x=(0,ec.A)(t.applicationId),p=(0,es.S)("UserProfileWidgetGameCoverItem"),f=x.length>0&&!p,j=el.default.getCurrentUser(),A=j?.id===i,I=!r&&A,{isDragging:S}=(0,ei.V)(e=>({isDragging:e.isDragging()})),v=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(er.A,{imageSrc:u,gameName:g,applicationId:t.applicationId,userId:i,disableInteraction:r,className:et()(f?eg.kO:void 0,null==u||r?void 0:eu.iL),hideTooltip:S,coverRef:c}),I&&(0,n.jsx)(ea.jV,{buttonRef:h(t.applicationId),className:eg.BU}),!r&&(0,n.jsx)(eo.d,{userId:i,applicationId:t.applicationId,guildId:s,channelId:a,className:eg.Ez}),I&&(0,n.jsx)(ed.A,{game:t,widgetType:l,className:eg.vS,iconSize:"xs",onRemove:()=>o?.(t.applicationId)})]});return m?(0,n.jsx)("div",{className:eu.mD}):I?(0,n.jsx)(em,{widgetType:l,index:d??0,game:t,coverImageUrl:u,gameName:g,children:v()}):(0,n.jsx)("div",{className:eg.kL,children:v()})}function ex(e){let{games:t,...i}=e,{registerItemRef:l,manageFocusOnDelete:s}=(0,D.r)();return(0,n.jsx)(Z,{games:t,renderGame:(e,t)=>(0,n.jsx)(eh,{index:t,game:e,coverRef:l(e.applicationId),onRemoveGame:s,...i})})}function ep(e){let{userId:t,widgetType:i,disableInteraction:l,games:s}=e,d=(0,a.bG)([r.default],()=>r.default.getId()===t),{getManageButtonForWidget:o}=(0,Y.r)(),c=o(i),{expanded:u,setExpanded:g}=P(),m=u?s:s.slice(0,8),h=s.length>8,x=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(ex,{...e,games:m}),h&&(0,n.jsx)(B,{expanded:u,onClick:()=>g(e=>!e)})]});return d&&!l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(H,{widgetType:i,gameCount:s.length}),(0,n.jsx)(D.B,{emptyListFallbackRef:c,children:x})]}):x}function ef(e){let{user:t,widget:i,guildId:l,channelId:s,disableInteraction:a,...r}=e;return(0,n.jsx)(U.A,{userId:t.id,widget:i,disableInteraction:a,...r,children:i.games.length>0?(0,n.jsx)(ep,{userId:t.id,widgetType:i.type,games:i.games,guildId:l,channelId:s,disableInteraction:a}):(0,n.jsx)(_,{widget:i})})}function ej(e){let{user:t,widget:i,guildId:l,channelId:s,disableInteraction:a,...r}=e;return(0,n.jsx)(U.A,{userId:t.id,widget:i,disableInteraction:a,...r,children:i.games.length>0?(0,n.jsx)(ep,{userId:t.id,widgetType:i.type,games:i.games,guildId:l,channelId:s,disableInteraction:a}):(0,n.jsx)(_,{widget:i})})}var eA=i(990078),eI=i(661531),eS=i(789645),ev=i(534514),eb=i(915089),ey=i(5477);function eE(e){let{applicationId:t,userId:i,onClick:l}=e,{coverImageUrl:s,gameName:r,isLoading:d}=(0,en.A)(t),o=(0,a.bG)([k.A],()=>k.A.suggestedFetchIsLoading),c=C.intl.formatToPlainString(C.t["3mb1s5"],{game:r});return d||o?(0,n.jsx)("div",{className:eu.mD}):(0,n.jsx)(eA.m,{text:c,ariaHidden:!0,children:(0,n.jsxs)(A.D,{className:ey.c9,onClick:l,"aria-label":c,children:[(0,n.jsx)(er.A,{className:ey.Iv,imageSrc:s,gameName:r,applicationId:t,userId:i,disableInteraction:!0}),(0,n.jsx)(I.p,{size:"md",className:ey.Xv,color:eI.A.colors.WHITE})]})})}function eC(e){let{userId:t,games:i,onDismiss:l,onClick:s,className:a}=e,r=(0,eb.GV)();return(0,n.jsxs)("aside",{className:et()(ey.kL,a),"aria-labelledby":r,children:[(0,n.jsxs)("div",{className:ey.wx,children:[(0,n.jsx)(A.D,{className:ey.r,"aria-label":C.intl.string(C.t["pUR+3g"]),onClick:l,children:(0,n.jsx)(eS.P,{size:"sm",color:"currentColor"})}),(0,n.jsx)(ev.D,{id:r,variant:"text-xs/medium",color:"text-subtle",children:C.intl.string(C.t.zMUr6Z)})]}),(0,n.jsx)("ul",{className:ey.Vg,children:i.map(e=>{let{applicationId:i}=e;return(0,n.jsx)("li",{children:(0,n.jsx)(eE,{onClick:()=>s(i),userId:t,applicationId:i})},i)})})]})}function ew(e){let{widgetType:t,...i}=e,{games:s,onAddGame:a}=(0,y.S)(t),{setExpanded:r}=P(),{trackUserProfileEditAction:o}=(0,b.NJ)(),c=l.useCallback(e=>{a(e),r(!0),(0,d.ew)({widgetType:t,game:{applicationId:e}}),o({action:"GAME_ADDED",gameId:e,widgetEdited:t})},[a,t,o,r]);return(0,n.jsx)(eC,{games:s,onClick:c,...i})}var eN=i(465380);function eT(e){let{widget:t,...i}=e;switch(t.type){case s.x.FAVORITE_GAMES:return(0,n.jsx)($,{widget:t,...i});case s.x.CURRENT_GAMES:return(0,n.jsx)(K,{widget:t,...i});case s.x.WANT_TO_PLAY_GAMES:return(0,n.jsx)(ej,{widget:t,...i});case s.x.PLAYED_GAMES:return(0,n.jsx)(ef,{widget:t,...i});default:return null}}function eR(e){let{widget:t,user:i,disableInteraction:s,...c}=e,{setExpanded:u}=P(),{shouldShowSuggestions:g,handleDismissSuggestions:m}=function(e){let[t,i]=l.useState(!1),n=e.type,s=(0,a.bG)([r.default,o.A],()=>{let e=r.default.getId();if(null==e)return!1;let t=o.A.getUserProfile(e);return(t?.widgets??[]).some(e=>e.type===n)}),c=(0,d.uA)(e);return{shouldShowSuggestions:!s&&!t&&!c,handleDismissSuggestions:l.useCallback(()=>{i(!0)},[])}}(t),h=(0,a.bG)([r.default],()=>r.default.getId()===i.id),x=h&&!s&&g,p=(0,d.L)(t),f=(0,d.FM)(t,{isCurrentUser:h}),j=(0,d.uA)(t),A=1===(0,d.cv)(t.type);return(0,n.jsx)(eT,{widget:t,user:i,disableInteraction:s,headerTitle:p,headerSubtitle:f,headerActionButtons:h&&!A?[(0,n.jsx)(T,{disabled:j,widgetType:t.type,widget:t,onAddGame:()=>u(!0)},`${t.type}-browse-games-popout`)]:void 0,trailingContent:x&&(0,n.jsx)(ew,{userId:i.id,widgetType:t.type,onDismiss:m,className:eN.r}),...c})}function ek(e){let{widget:t,...i}=e;return(0,n.jsx)(L,{widgetType:t.type,children:(0,n.jsx)(eR,{widget:t,...i})})}}