Module 783384

function(e,t,n){"use strict";n.d(t,{A:()=>O});var l=n(627968),i=n(64700),s=n(503698),r=n.n(s),a=n(17928),o=n(876230),c=n(990078),u=n(176781),d=n(834730),h=n(939249),m=n(429913),p=n(409626),f=n(692969),g=n(569926),x=n(287809),A=n(58703),E=n(403362),C=n(922016),I=n(433781);let y=i.lazy(()=>Promise.all([n.e("17179"),n.e("46054")]).then(n.bind(n,680901)).then(e=>({default:e.ClipParticipantsList}))),S=e=>{let{participants:t,maxVisibleParticipants:n,guildId:s}=e,r=i.useRef(null),a=(0,i.useCallback)(()=>(0,l.jsx)(i.Suspense,{fallback:null,children:(0,l.jsx)(y,{users:t,guildId:s})}),[t,s]);return(0,l.jsx)(C.Y,{renderPopout:a,targetElementRef:r,position:"right",children:e=>(0,l.jsx)(h.D,{...e,innerRef:r,className:I.x,onClick:t=>{t.stopPropagation(),e.onClick?.(t)},children:(0,l.jsxs)(d.E,{className:I.s,variant:"text-xs/medium",color:"interactive-text-default",children:["+",t.length-n]})})})};var v=n(97808),N=n(778712),_=n(342296),T=n(812924);function j(e){let{user:t,guildId:n}=e,s=i.useRef(null);return(0,l.jsx)(_.A,{targetElementRef:s,shouldPreload:!0,user:t,guildId:n,position:"bottom",children:e=>(0,l.jsx)(h.D,{...e,innerRef:s,className:T.RB,onClick:t=>{e.onClick(t),t.stopPropagation()},"aria-label":t.username,children:(0,l.jsx)(v.eu,{src:t.getAvatarURL(n,24),size:N._3.SIZE_24,"aria-hidden":!0})})})}var b=n(375708);function R(e){let{applicationId:t,separator:n}=e,i=(0,m.h)(t),{data:s}=(0,g.I)(t),r=(0,f.A)({applicationId:t,location:"ClipEmbed",source:p.Ob.ClipEmbed}),a=s?.name??i?.name;return null==a?null:null!=r?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(h.D,{tag:"span",className:T.On,onClick:r,children:a}),n]}):(0,l.jsxs)(l.Fragment,{children:[a,n]})}let O=function(e){let{createdAt:t,participantIds:n,applicationId:i,title:s,guildId:h,className:m,playerState:p=o.Q6.PAUSED,isControlBarExpanded:f=!0,isFullScreen:g=!1,showTextContent:C=!0}=e,I=(0,a.yK)([x.default],()=>n.map(e=>x.default.getUser(e)).filter(E.Vq)??[]),y=null!=t?(0,A.Fe)(new Date(t)):null;return(0,l.jsxs)("div",{className:r()(T.oK,{[T.pd]:p===o.Q6.PLAYING&&!f,[T.aS]:g},m),children:[(0,l.jsx)("div",{className:T.Lu}),(0,l.jsxs)("div",{className:T.s$,children:[(0,l.jsxs)("div",{className:T.yR,children:[(0,l.jsxs)("div",{className:T.$,children:[(0,l.jsx)(c.m,{asContainer:!0,text:b.intl.string(b.t["/fgfWh"]),children:(0,l.jsx)(u.x,{className:T.gr,size:"xs",color:"white"})}),C&&(0,l.jsx)(d.E,{className:T.DD,variant:"text-md/semibold",color:"always-white",children:null!=s&&s.length>0?s:b.intl.string(b.t.Cyxddp)})]}),C&&(null!=i||null!=y)&&(0,l.jsxs)(d.E,{className:T.yu,variant:"text-sm/normal",color:"always-white",children:[(0,l.jsx)(R,{applicationId:i,separator:null!=y?" \xb7 ":void 0}),y]})]}),I.length>0&&(0,l.jsxs)("div",{className:T.HD,role:"group","aria-label":b.intl.string(b.t.WTozwe),children:[I.slice(0,4).map(e=>(0,l.jsx)(j,{user:e,guildId:h},e.id)),I.length>4&&(0,l.jsx)(S,{participants:I,maxVisibleParticipants:4,guildId:h})]})]})]})}}