Module 401648

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),C=n(403362),E=n(97808),I=n(778712),y=n(342296),S=n(895054);function v(e){let{user:t,guildId:n}=e,s=i.useRef(null);return(0,l.jsx)(y.A,{targetElementRef:s,shouldPreload:!0,user:t,guildId:n,position:"bottom",children:e=>(0,l.jsx)(h.D,{...e,innerRef:s,className:S.RB,onClick:t=>{e.onClick(t),t.stopPropagation()},"aria-label":t.username,children:(0,l.jsx)(E.eu,{src:t.getAvatarURL(n,24),size:I._3.SIZE_24,"aria-hidden":!0})})})}var N=n(922016),_=n(433781);let T=i.lazy(()=>Promise.all([n.e("17179"),n.e("46054")]).then(n.bind(n,680901)).then(e=>({default:e.ClipParticipantsList}))),j=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)(T,{users:t,guildId:s})}),[t,s]);return(0,l.jsx)(N.Y,{renderPopout:a,targetElementRef:r,position:"right",children:e=>(0,l.jsx)(h.D,{...e,innerRef:r,className:_.x,onClick:t=>{t.stopPropagation(),e.onClick?.(t)},children:(0,l.jsxs)(d.E,{className:_.s,variant:"text-xs/medium",color:"interactive-text-default",children:["+",t.length-n]})})})};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:S.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,shareCTA:m,playerState:p=o.Q6.PAUSED,isControlBarExpanded:f=!0,isFullScreen:g=!1,showTextContent:E=!0}=e,I=(0,a.yK)([x.default],()=>n.map(e=>x.default.getUser(e)).filter(C.Vq)??[]),y=null!=t?(0,A.Fe)(new Date(t)):null;return(0,l.jsxs)("div",{className:r()(S.oK,{[S.pd]:p===o.Q6.PLAYING&&!f,[S.aS]:g}),children:[(0,l.jsx)("div",{className:S.Lu}),(0,l.jsxs)("div",{className:S.s$,children:[(0,l.jsxs)("div",{className:S.yR,children:[(0,l.jsxs)("div",{className:S.$,children:[(0,l.jsx)(c.m,{asContainer:!0,text:b.intl.string(b.t["/fgfWh"]),children:(0,l.jsx)(u.x,{className:S.gr,size:"xs",color:"white"})}),E&&(0,l.jsx)(d.E,{className:S.DD,variant:"text-md/semibold",color:"always-white",children:null!=s&&s.length>0?s:b.intl.string(b.t.Cyxddp)})]}),E&&(null!=i||null!=y)&&(0,l.jsxs)(d.E,{className:S.yu,variant:"text-sm/normal",color:"always-white",children:[(0,l.jsx)(R,{applicationId:i,separator:null!=y?" \xb7 ":void 0}),y,m]})]}),I.length>0&&(0,l.jsxs)("div",{className:S.HD,role:"group","aria-label":b.intl.string(b.t.WTozwe),children:[I.slice(0,4).map(e=>(0,l.jsx)(v,{user:e,guildId:h},e.id)),I.length>4&&(0,l.jsx)(j,{participants:I,maxVisibleParticipants:4,guildId:h})]})]})]})}}