Loading
function(e,t,n){n.d(t,{A:()=>T});var i=n(477900),l=n(582128),a=n(503698),s=n.n(a),r=n(221877),o=n(717421),c=n(866323),d=n(475743),u=n(216418),h=n(80051),p=n(280450),m=n(453028),A=n(625494),f=n(220144),x=n(175203),g=n(306852),C=n(947580),y=n(163432),j=n(652215),I=n(806931),N=n(804273),v=n(517689);let E=16/9,b=8+y.Vp;function T(e){let t,{onSelectParticipant:n,onContextMenuParticipant:a,onFullscreenParticipant:T,participants:_,filteredParticipants:R,popoutType:S,inCall:L,channel:O,selectedParticipant:P,showParticipants:M=!0,className:w,width:U,height:D,layout:V,idle:k}=e,G=m.Ay.getVideoComponent(),B=p.default.getId(),[F,H]=l.useState(null),z=(0,d.Ay)(F),[W,$]=l.useState(!0),[Y,K]=l.useState(!1),X=P.type===I.lp.ACTIVITY,q=(0,u.A)(X?P.applicationId:void 0),Z=!X&&null!=P.streamId,Q=D<=2*b+144,J=M&&!Q,ee=(0,d.Ay)(J),et=V===j.DUB.MINIMUM||V===j.DUB.NORMAL,en=!Q&&(!et||X),ei=(0,f.A)(en,100),el=((0,d.Ay)(P.id)??P.id)!==P.id,ea=0;(X||J)&&(ea+=72),X&&!J&&(en?ea+=48:ea+=8),J&&(ea+=.5*b+8);let es=l.useMemo(()=>X&&q?U/(D-2*ea):Z&&null!=F&&F.width>0&&F.height>0?F.width/F.height:E,[Z,F,X,U,D,ea,q]),er=D-2*ea,eo=X&&q?U:er*es,ec=Math.floor(Math.min(U,eo)/es),ed=D>U/es+72+b+8;t=J||X?J?-16:-8:40+Math.max(0,72-(D-ec)/2);let eu=Math.max(0,72-(D-ec)/2);l.useEffect(()=>{let e=setTimeout(()=>{$(!1)},250);return()=>{clearTimeout(e)}},[]);let eh=W||null==z,ep=eh?"animate-never":"animate-always",em=(0,o.z)({value:+!!J,delay:ed||!J?0:100,config:{...r.config.stiff,clamp:!0},onStart:()=>K(!0),onChange:()=>A._.dispatch(j.jej.REMEASURE_TARGET),onRest:()=>{K(!1),A._.dispatch(j.jej.REMEASURE_TARGET)}},ep),eA=(0,o.z)({value:+!!J,config:{...r.config.stiff,clamp:!0}},ep),ef=(0,o.z)({value:eo,config:{...r.config.stiff,clamp:!0}},ee===J&&eA.value.idle&&!ei||el||eh?"animate-never":"animate-always"),ex=(0,o.z)({value:t,config:{...r.config.stiff,clamp:!0}},ep),eg=(0,c.p)(P,{keys:e=>e?.id,config:{...r.config.stiff,clamp:!0},initial:null,from:{opacity:0},enter:{opacity:1},leave:{opacity:0}},ep),eC=l.useCallback(e=>{H(e),$(!1)},[]),ey=J?[]:(0,C.Cf)(_,P,B),{visibleParticipants:ej,participantTileWidth:eI}=(0,y.i4)(U,R);return(0,i.jsxs)("div",{className:s()(v.zr,N.tR,w),children:[(0,i.jsxs)("div",{className:v.QX,style:{opacity:Z&&W?0:1},children:[(0,i.jsxs)(r.animated.div,{className:v.pc,style:{top:eA.value.to(e=>-e*b/2)},children:[(0,i.jsx)(r.animated.div,{style:{width:ef.value},className:v.tN,children:(0,i.jsx)("div",{className:N.xS,style:{aspectRatio:es},children:eg((e,t,l)=>{let{key:s}=l;return null!=t?(0,i.jsx)(r.animated.div,{className:N.qX,style:e,children:(0,i.jsx)(x.Ay,{focused:!0,noBorder:eo>=U||er>=D,channel:O,className:N.JS,videoComponent:G,width:U,participant:t,onClick:n,onDoubleClick:T,onContextMenu:a,onVideoResize:eC,inCall:L,popoutType:S,controlsBottom:eu})},s):null})})}),en?(0,i.jsx)(r.animated.div,{className:s()(v.$l,{[v.N7]:k}),style:{bottom:ex.value},children:(0,i.jsx)(h.A,{channelId:O.id,isParticipantsOpen:M,isVertical:!0})}):null]}),(0,i.jsx)(r.animated.div,{className:v.Vx,style:{translateY:em.value.to(e=>e*b/2),opacity:em.value,visibility:em.value.to(e=>0===e?"hidden":"visible")},children:(0,i.jsx)(y.Ay,{channel:O,onClick:n,onContextMenu:a,onDoubleClick:T,participants:ej,participantTileWidth:eI,selectedParticipantId:P.id,inCall:L,popoutType:S,paused:Y||!M})})]}),ey.length>0?(0,i.jsx)(g.A,{onContextMenuParticipant:a,width:U,height:D,channel:O,participants:ey,onSelectParticipant:n}):null]})}}