Module 908683

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