Module 699707

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(296704),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),E=n(517689);let v=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:D,height:U,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),q=P.type===I.lp.ACTIVITY,X=(0,u.A)(q?P.applicationId:void 0),Z=!q&&null!=P.streamId,Q=U<=2*b+144,J=M&&!Q,ee=(0,d.Ay)(J),et=V===j.DUB.MINIMUM||V===j.DUB.NORMAL,en=!Q&&(!et||q),ei=(0,f.A)(en,100),el=((0,d.Ay)(P.id)??P.id)!==P.id,ea=0;(q||J)&&(ea+=72),q&&!J&&(en?ea+=48:ea+=8),J&&(ea+=.5*b+8);let es=l.useMemo(()=>q&&X?D/(U-2*ea):Z&&null!=F&&F.width>0&&F.height>0?F.width/F.height:v,[Z,F,q,D,U,ea,X]),er=U-2*ea,eo=q&&X?D:er*es,ec=Math.floor(Math.min(D,eo)/es),ed=U>D/es+72+b+8;t=J||q?J?-16:-8:40+Math.max(0,72-(U-ec)/2);let eu=Math.max(0,72-(U-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)(D,R);return(0,i.jsxs)("div",{className:s()(E.zr,N.tR,w),children:[(0,i.jsxs)("div",{className:E.QX,style:{opacity:Z&&W?0:1},children:[(0,i.jsxs)(r.animated.div,{className:E.pc,style:{top:eA.value.to(e=>-e*b/2)},children:[(0,i.jsx)(r.animated.div,{style:{width:ef.value},className:E.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>=D||er>=U,channel:O,className:N.JS,videoComponent:G,width:D,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()(E.$l,{[E.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:E.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:D,height:U,channel:O,participants:ey,onSelectParticipant:n}):null]})}}