Module 908683

function(e,t,n){n.d(t,{A:()=>eo});var i,l=n(627968),s=n(64700),a=n(503698),r=n.n(a);n(926675);var c=n(534514),o=n(939249),u=n(140735),d=n(834730),m=n(216964),g=n(661531),f=n(260598),x=n(22231),I=n(915089),p=n(409626),A=n(692969),h=n(201438),E=n(287809),j=n(562153),N=n(183555),T=n(735321),v=n(451395),S=n(823016),_=n(788593),C=n(492280),O=n(990078),k=n(789645),R=n(147925);n(321073);var b=n(477782),D=n(980707),L=n(922016),P=n(761915),G=n(877784),w=n(53788),y=n(148795),M=n(214947),U=n(375708);let F={[P.X.BETTER_THAN_YOU]:{getText:()=>U.intl.string(U.t.jbIRBE),icon:G.q},[P.X.CASUAL]:{getText:()=>U.intl.string(U.t.xcFFv6),icon:G.q},[P.X.INTERMEDIATE]:{getText:()=>U.intl.string(U.t["A/mIs/"]),icon:G.q},[P.X.EXPERT]:{getText:()=>U.intl.string(U.t.RIOFc2),icon:G.q},[P.X.OBSESSED]:{getText:()=>U.intl.string(U.t.isPJDu),icon:w.G},[P.X.LOVE_IT]:{getText:()=>U.intl.string(U.t["1rN7BF"]),icon:w.G},[P.X.KIND_OF_LOVE_IT]:{getText:()=>U.intl.string(U.t.bCBpVg),icon:w.G},[P.X.KIND_OF_HATE_IT]:{getText:()=>U.intl.string(U.t["/WcmcP"]),icon:y.d},[P.X.RAGE_QUITTING]:{getText:()=>U.intl.string(U.t["NXZ/MZ"]),icon:y.d},[P.X.OPEN_TO_PLAY]:{getText:()=>U.intl.string(U.t.q30PoH),icon:M.$},[P.X.LOOKING_FOR_GROUP]:{getText:()=>U.intl.string(U.t.DWWAAQ),icon:M.$},[P.X.LOOKING_FOR_TIPS]:{getText:()=>U.intl.string(U.t.KQDVvH),icon:M.$},[P.X.OPEN_TO_TEACH]:{getText:()=>U.intl.string(U.t["5HhQo+"]),icon:M.$},[P.X.LOOKING_TO_DISCUSS]:{getText:()=>U.intl.string(U.t.GipOCq),icon:M.$}},W=e=>{let t=F[e];return null!=t?t:null};var H=((i={}).RADIO="radio",i.CHECKBOX="checkbox",i);let X={skill_level:{getLabel:()=>U.intl.string(U.t.MKqADM),type:"radio",tags:[P.X.CASUAL,P.X.INTERMEDIATE,P.X.EXPERT,P.X.BETTER_THAN_YOU]},rating:{getLabel:()=>U.intl.string(U.t["7/umul"]),type:"checkbox",tags:[P.X.OBSESSED,P.X.LOVE_IT,P.X.KIND_OF_LOVE_IT,P.X.KIND_OF_HATE_IT,P.X.RAGE_QUITTING]},looking_for:{getLabel:()=>U.intl.string(U.t["5Dez17"]),type:"checkbox",tags:[P.X.LOOKING_FOR_GROUP,P.X.OPEN_TO_PLAY,P.X.LOOKING_FOR_TIPS,P.X.OPEN_TO_TEACH,P.X.LOOKING_TO_DISCUSS]}};var B=n(767070);let V=s.memo(function(e){let{currentTags:t,onTagSelect:n,onNoneSelect:i,onClose:s}=e;return(0,l.jsx)(D.W,{"data-menu-migrated-auto":!0,navId:"widget-game-tags","aria-label":U.intl.string(U.t.r6EJOu),onClose:s,onSelect:()=>{},className:B.VS,children:Object.entries(X).map(e=>{let s,[a,r]=e,c=(s=[],r.type===H.RADIO&&s.push((0,l.jsx)(b.iD,{id:`${a}-none`,group:a,label:U.intl.string(U.t.PoWNfe),checked:!r.tags.some(e=>t.includes(e)),action:()=>i(r.tags)},"none")),r.tags.forEach(e=>{let i=F[e];null!=i&&(r.type===H.RADIO?s.push((0,l.jsx)(b.iD,{id:e,group:a,label:i.getText(),checked:t.includes(e),action:()=>n(e,!0)},e)):s.push((0,l.jsx)(b.sL,{id:e,label:i.getText(),checked:t.includes(e),action:()=>n(e,!1)},e)))}),s);return(0,l.jsx)(b.rX,{label:r.getLabel(),children:c},a)})})});function K(e){let{tags:t,widgetType:n,applicationId:i,ref:a}=e,r=(0,s.useRef)(null),{trackUserProfileEditAction:c}=(0,N.NJ)(),u=(0,s.useMemo)(()=>null!=t?t:[],[t]),m=(0,s.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=new Set(u);if(t){let t=Object.values(X).find(t=>t.tags.includes(e));null!=t&&(t.tags.forEach(e=>{l.delete(e)}),l.add(e),c({action:"TAG_ADDED",widgetEdited:n,gameId:i}))}else l.has(e)?(l.delete(e),c({action:"TAG_REMOVED",widgetEdited:n,gameId:i})):(l.add(e),c({action:"TAG_ADDED",widgetEdited:n,gameId:i}));(0,T.s1)(n,i,Array.from(l))},[u,c,n,i]),g=(0,s.useCallback)(e=>{let t=new Set(u);e.forEach(e=>{t.delete(e)}),c({action:"TAG_REMOVED",widgetEdited:n,gameId:i}),(0,T.s1)(n,i,Array.from(t))},[u,c,n,i]);return(0,l.jsx)(L.Y,{targetElementRef:r,position:"right",align:"top",onRequestOpen:()=>{c({action:"PRESS_ADD_TAG",widgetEdited:n})},renderPopout:e=>{let{closePopout:t}=e;return(0,l.jsx)(V,{currentTags:u,onTagSelect:m,onNoneSelect:g,onClose:t})},children:e=>(0,l.jsx)("div",{ref:e=>(null!=e&&(r.current=e,a.current=e),()=>{r.current=null,a.current=null}),children:(0,l.jsx)(o.D,{...e,className:B.c9,"aria-label":U.intl.string(U.t.r6EJOu),children:(0,l.jsx)(d.E,{variant:"text-xxs/medium",color:"none",children:U.intl.string(U.t.fZSejy)})})})})}function Y(e){let{tags:t,isCurrentUser:n,widgetType:i,applicationId:a,className:c,disableInteraction:o=!1}=e,u=t?.filter(e=>null!=W(e))??[],d=u.length>0,m=n&&!o&&(0,T.mS)(i)&&u.length<20,{trackUserProfileAction:g}=(0,N.NJ)(),f=(0,s.useRef)(new Map),x=(0,s.useRef)(null),I=(0,s.useRef)(null),[p,A]=(0,s.useState)(0),[h,E]=(0,s.useState)(!1),j=Z(x,I,u,f,A);if((0,s.useEffect)(()=>(j(),window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j)}),[j,u?.join("")]),!d&&!m)return null;let v=h?u:u.slice(0,u.length-p);return(0,l.jsxs)("div",{className:r()(B.I4,c),children:[d&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("ul",{className:B.Tw,"aria-label":U.intl.string(U.t.EfjTi4),children:v.map(e=>(0,l.jsx)(z,{tag:e,isCurrentUser:n,applicationId:a,widgetType:i,ref:t=>{null!=t&&f.current.set(e,t)},disableInteraction:o},e))}),p>0&&(0,l.jsx)(Q,{buttonRef:x,isExpanded:h,numberOfOverflowingTags:p,onExpandTags:()=>{E(!0),g({action:"EXPAND_GAME_TAGS"})},onCollapseTags:()=>{E(!1),g({action:"COLLAPSE_GAME_TAGS"})},disableInteraction:o})]}),m&&(0,l.jsx)(K,{tags:t,widgetType:i,applicationId:a,ref:I})]})}let z=e=>{let{tag:t,isCurrentUser:n,applicationId:i,widgetType:s,disableInteraction:a,ref:r}=e,{trackUserProfileEditAction:c}=(0,N.NJ)(),u=W(t);if(null==u)return null;let{getText:m,icon:g}=u;return(0,l.jsxs)("li",{className:B.Tc,ref:r,children:[(0,l.jsx)(g,{size:"xxs"}),(0,l.jsx)(d.E,{variant:"text-xxs/medium",color:"text-subtle",children:m()}),n&&!a&&(0,l.jsx)(O.m,{text:U.intl.string(U.t.Otv9fP),ariaHidden:!0,children:(0,l.jsx)(o.D,{onClick:()=>{(0,T.tg)(s,i,t),c({action:"TAG_REMOVED",widgetEdited:s,gameId:i})},className:B.DT,"aria-label":U.intl.formatToPlainString(U.t.GCn1ne,{tag:m()}),children:(0,l.jsx)(k.P,{size:"xxs",color:"currentColor"})})})]})};function q(e){let{numberOfOverflowingTags:t}=e;return(0,l.jsx)(d.E,{variant:"text-xxs/medium",color:"none",children:`+${t}`})}function J(){return(0,l.jsx)(R.A,{direction:R.A.Directions.LEFT,width:12,height:12,className:B.OW})}function Q(e){let{isExpanded:t,numberOfOverflowingTags:n,onExpandTags:i,onCollapseTags:s,disableInteraction:a,buttonRef:r}=e,c=t?U.intl.string(U.t.z9VPrQ):U.intl.string(U.t.mriLXL),u=t?U.intl.string(U.t.z9VPrQ):U.intl.formatToPlainString(U.t.F6iMs4,{count:n});return a?(0,l.jsx)("div",{className:B.X1,ref:r,children:(0,l.jsx)(q,{numberOfOverflowingTags:n})}):(0,l.jsx)(O.m,{text:c,ariaHidden:t,children:(0,l.jsx)(o.D,{innerRef:r,onClick:t?s:i,"aria-label":u,className:t?B.cS:B.X1,children:t?(0,l.jsx)(J,{}):(0,l.jsx)(q,{numberOfOverflowingTags:n})})})}let Z=(e,t,n,i,l)=>(0,s.useCallback)(()=>{if(null==n)return void l(0);let s=e.current?.getBoundingClientRect().width??0,a=t.current?.getBoundingClientRect().width??0,r=a>0?8:4,c=0,o=0,u=i.current;for(let e=0;e<n.length;e++){let t=u.get(n[e]);if(null!=t){if((o+=t.offsetWidth+4)>296)break;c++}}o=0;for(let e=c;e<n.length;e++){let t=u.get(n[e]);if(null!=t){if((o+=t.offsetWidth+4)>296-s-a-r)break;c++}}l(n.length-c)},[e,t,n?.join(""),i,l]);var $=n(858808),ee=n(390877),et=n(442356),en=n(529459);function ei(e){let{index:t,widgetType:n,game:i,children:s,getWidth:a}=e,{manageFocusOnReorder:r}=(0,S.r)();return(0,l.jsx)(v.mG,{index:t,itemId:i.applicationId,listType:n,itemType:"GAME_DETAILS_CARD",itemPreviewProps:{game:i,widgetType:n,getWidth:a},"aria-label":U.intl.formatToPlainString(U.t["0dR3gw"],{positionNumber:t+1}),onReorder:(e,t)=>(0,T.Un)(n,e,t),onEnd:()=>r(i.applicationId),className:en.vF,dropBeforeClassName:en.A,dropAfterClassName:en.Ze,draggingClassName:en.Id,children:s})}function el(e){let{applicationId:t,userId:n,gameName:i,...s}=e,a=(0,A.A)({location:"UserProfileWidgetGameDetailsCard",applicationId:t,source:p.Ob.UserProfile,sourceUserId:n,trackEntryPointImpression:!0});return null==a?(0,l.jsx)(c.D,{...s,children:i}):(0,l.jsx)(c.D,{...s,children:(0,l.jsx)(o.D,{onClick:a,className:en.sd,children:i})})}function es(e){let{user:t,guildId:n,channelId:i,id:s}=e;return(0,l.jsx)(u.A,{id:s,children:U.intl.format(U.t.TM0XDY,{name:j.Ay.getName(n,i,t)})})}function ea(e){let{text:t,className:n}=e;return(0,l.jsx)(d.E,{variant:"text-sm/normal",color:"text-muted",className:n,children:t})}function er(e){let{text:t,user:n,guildId:i,channelId:s}=e,a=(0,I.GV)();return null==t||""===t.trim()?null:(0,l.jsxs)("div",{role:"group","aria-labelledby":a,children:[(0,l.jsx)(m.c,{size:"xxs",color:g.A.colors.ICON_MUTED,className:en.Ls}),(0,l.jsx)(es,{user:n,guildId:i,channelId:s,id:a}),(0,l.jsx)(ea,{text:t})]})}function ec(e){let{text:t,user:n,guildId:i,channelId:a,widgetType:c,applicationId:d}=e,m=(0,I.GV)(),p=(0,I.GV)(),{trackUserProfileEditAction:A}=(0,N.NJ)(),[h,E]=s.useState("idle"),[j,v]=s.useState(t??""),S=s.useRef(null),_=s.useRef(null),C=U.intl.string(U.t.xKSfBT),O=null!=t&&""!==t.trim(),k=s.useCallback(()=>{A({action:"PRESS_ADD_COMMENTARY",widgetEdited:c}),E("editing")},[c,A]),R=s.useCallback(()=>{let e=j.trim(),n=e!==(t??"").trim();(0,T.oc)(c,d,""!==e?e:void 0),E("completed"),n&&A({action:"COMMENTARY_EDITED",widgetEdited:c,gameId:d})},[c,d,j,t,A]),b=s.useCallback(e=>{v(e)},[]);return s.useEffect(()=>{"editing"===h&&v(t??"")},[t,h]),s.useEffect(()=>{"completed"===h&&S.current?.focus()},[h]),"editing"===h?(0,l.jsxs)("div",{className:en.kS,children:[(0,l.jsx)(u.A,{tag:"label",htmlFor:m,children:U.intl.string(U.t.JxKXeT)}),(0,l.jsx)(f.f,{id:m,value:j,placeholder:C,onChange:b,onBlur:R,rows:3,autoFocus:"editing"===h,onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),R())},maxLength:200})]}):(0,l.jsxs)("div",{ref:_,role:"group","aria-labelledby":p,onClick:k,className:en.Vg,children:[(0,l.jsx)(x.R,{size:"xxs",color:g.A.colors.ICON_MUTED,className:en.Ls}),(0,l.jsx)(es,{user:n,guildId:i,channelId:a,id:p}),(0,l.jsx)(ea,{text:t??C,className:r()(en.qC,!O&&en.qf)}),(0,l.jsx)(o.D,{innerRef:S,"aria-label":U.intl.string(U.t.ppb9MJ),onClick:e=>{e.stopPropagation(),k()},focusProps:{ringTarget:_}})]})}function eo(e){let{user:t,guildId:n,channelId:i,game:a,widgetType:o,disableInteraction:u=!1,index:d,onRemoveGame:m,coverRef:g,className:f}=e,x=s.useRef(null),{applicationId:I,comment:p,tags:A}=a,{coverImageUrl:j,gameName:N,isLoading:O}=(0,h.A)(I),k={variant:"heading-sm/medium",color:"text-default"},R=E.default.getCurrentUser(),b=R?.id===t.id,D=1===(0,T.cv)(o),L=!u&&b,P=L&&(0,T.y9)(o),G=L&&!D,{registerDragHandleRef:w}=(0,S.r)();if(O)return(0,l.jsx)(C.E,{});let y=()=>(0,l.jsx)(_.A,{coverRef:g,className:null==j||u?void 0:et.iL,imageSrc:j,gameName:N,applicationId:I,userId:t.id,disableInteraction:u,hideTooltip:!0}),M=()=>(0,l.jsxs)("div",{ref:x,className:r()(en.Nr,f),children:[G?(0,l.jsxs)("div",{className:en.An,children:[y(),(0,l.jsx)(v.jV,{buttonRef:w(a.applicationId),className:en.BU})]}):y(),(0,l.jsxs)("div",{className:en.zH,children:[u?(0,l.jsx)(c.D,{...k,children:N}):(0,l.jsx)(el,{applicationId:I,userId:t.id,gameName:N,...k}),P?(0,l.jsx)(ec,{text:p,user:t,guildId:n,channelId:i,widgetType:o,applicationId:I}):(0,l.jsx)(er,{text:p,user:t,guildId:n,channelId:i}),(0,l.jsx)(Y,{tags:A,isCurrentUser:b,widgetType:o,applicationId:I,disableInteraction:u,className:en._A}),!u&&(0,l.jsx)(ee.o,{className:en.Ez,applicationId:I,guildId:n,channelId:i})]}),!u&&b&&(0,l.jsx)($.A,{game:a,widgetType:o,className:en.vS,onRemove:()=>m?.(a.applicationId)})]});return G?(0,l.jsx)(ei,{index:d??0,widgetType:o,game:a,getWidth:()=>x.current?.offsetWidth,children:M()}):M()}}