Module 804980

function(e,t,n){n.d(t,{Ay:()=>U,LN:()=>k});var i=n(627968),l=n(64700),a=n(503698),s=n.n(a),r=n(311907),o=n(435371),c=n(397927),d=n(212245),u=n(933958),h=n(447031),m=n(878549),A=n(969151),g=n(550151),p=n(902439),_=n(283488),f=n(732637),E=n(315206),C=n(104171),x=n(594007),S=n(227042),I=n(793574),T=n(688810),v=n(698141),N=n(429913),y=n(87001),b=n(961350),j=n(186111),R=n(287809),M=n(403362),L=n(562153),D=n(985018),O=n(301094);let P=["embedded_background"];function k(e){let{avatarSize:t,guildId:n,channelId:l,users:a}=e,s=t??c._3J.SIZE_32,r=(0,c.FT9)(s);return(0,i.jsx)(C.Ay,{size:r,guildId:n,users:a,max:4,renderUser:e=>{if(null==e||e===C.mt)return null;let t=L.Ay.getName(n,l,e);return(0,i.jsx)(o.m_,{text:t,children:(0,i.jsx)("img",{src:e.getAvatarURL(n,r),alt:t,className:O.my},e.id)},e.id)}})}function w(e){let{participants:t,application:n,channel:a,width:o}=e,A=o>400?2:+(o>300),[p]=o>400?[c._3J.SIZE_56,56]:o>300?[c._3J.SIZE_32,32]:[c._3J.SIZE_24,24],_=(0,r.yK)([R.default,b.default],()=>Array.from(t).map(e=>(0,m.S)(e,b.default)?null:R.default.getUser(e.userId)).filter(M.Vq)),f=(0,r.bG)([u.Ay],()=>u.Ay.getEmbeddedActivitiesForChannel(a.id).find(e=>e.applicationId===n.id)??u.Ay.getEmbeddedActivitiesForStartingChannel(a.id).find(e=>e.applicationId===n.id)),{analyticsLocations:E}=(0,T.Ay)(),C=(0,d.p)(),x=L.Ay.getName(a.getGuildId(),a.id,_?.[0]),S=(0,g.vG)({userId:R.default.getCurrentUser()?.id,channelId:a.id,application:n})===g.Gy.CAN_JOIN,I=a.getGuildId()??void 0,N=l.useId(),y=n.id,j=l.useMemo(()=>({channel:a,type:"channel"}),[a]),{submitting:P}=(0,v.A)({applicationId:y,context:j,launchingComponentId:N});return(0,i.jsxs)("div",{className:O.Yi,children:[(0,i.jsx)(k,{avatarSize:p,guildId:I,channelId:a.id,users:_}),(0,i.jsx)(c.Text,{className:s()(O.m_,{[O.EX]:0===A,[O.Y]:1===A}),variant:"text-sm/normal",children:_.length>1?D.intl.formatToPlainString(D.t.cpe6CK,{username:x,count:_.length-1}):D.intl.formatToPlainString(D.t["7Uuia2"],{username:x})}),(0,i.jsx)(c.Text,{className:s()(O.wx,{[O.EX]:0===A,[O.Y]:1===A}),variant:"text-sm/normal",children:n.name}),(0,i.jsx)("div",{className:O.Uo,children:S?(0,i.jsx)(c.Button,{text:D.intl.string(D.t["4i2vj+"]),onClick:function(e){e.stopPropagation(),null!=f&&(0,h.A)({applicationId:f.applicationId,activityChannelId:a.id,locationObject:C.location,analyticsLocations:E,componentId:N})},loading:P,size:2===A?"md":"sm",variant:"overlay-primary"}):null})]})}function U(e){let{participant:t,width:n,selected:a,interactible:s,channel:o}=e,{analyticsLocations:c}=(0,T.Ay)(I.A.ACTIVITY_TILE),{applicationId:d}=t,u=(0,p.A)(),h=null!=u&&(0,A.H)(u.location)===o.id&&u.applicationId===d,[m]=(0,N.A)([d]),{url:g}=(0,_.A)({applicationId:d,names:P,size:1024}),C=!a&&h,v=!h,b=!h&&!a,R=(0,r.bG)([j.A,y.A],()=>(0,S.A)({LayerStore:j.A,PopoutWindowStore:y.A}));return l.useEffect(()=>{if(C&&null!=u&&!R){let e=(0,x.A)(u.location.id,u.applicationId);(0,E.cK)(e)}},[C,u,R]),(0,i.jsx)(T.f5,{value:c,children:(0,i.jsxs)("div",{className:O.kL,children:[C&&null!=u&&(0,i.jsx)(f.A,{className:O.pU,embedId:(0,x.A)(u.location.id,d)}),v&&null!=m&&null!=g&&""!==g?(0,i.jsx)("img",{className:O.j0,alt:m.name,src:g}):null,b&&null!=m&&(0,i.jsx)(w,{width:n,channel:o,participants:t.participants,application:m}),s||v?null:(0,i.jsx)("div",{className:O.OB})]})})}}