Loading
function(e,t,n){n.d(t,{A:()=>C});var i=n(627968),l=n(64700),a=n(503698),s=n.n(a),r=n(17928),o=n(506774),c=n(31728),d=n(164617),u=n(205297),h=n(334463),p=n(175203),m=n(652215),A=n(806931),x=n(566555),g=n(604949);let f="CameraPreviewPosition";function C(e){let{width:t,onContextMenuParticipant:n,height:a,channel:C,participants:j,onSelectParticipant:y}=e,[v,E]=function(){let[e,t]=l.useState(()=>o.w.get(f,m.CUs.BOTTOM_RIGHT));return[e,l.useCallback(e=>{o.w.set(f,e),t(e)},[])]}(),N=l.useRef(null),I=null==C.getGuildId()?70:50,T=(0,r.bG)([h.A],()=>h.A.pipWidth(A.R8.CAMERA_PREVIEW)),b=j.length,_=T*b+8*(b-1),S=l.useMemo(()=>({minWidth:A.mn[A.R8.CAMERA_PREVIEW]*b+8*(b-1),maxWidth:A.cF[A.R8.CAMERA_PREVIEW]*b+8*(b-1)}),[b]);l.useLayoutEffect(()=>{N.current?.ensureIsInPosition()},[j.length]);let R=l.useCallback(e=>{let t=0===b?e:(e-8*(b-1))/b;c.EB(t,A.R8.CAMERA_PREVIEW)},[b]),P=l.useCallback((e,t)=>{E(t)},[E]);return(0,i.jsx)("div",{className:x.kL,children:(0,i.jsx)(u.S,{position:v,id:0,width:_,ref:N,onMove:P,onResize:R,maxX:t,maxY:a,edgeOffsetTop:I,edgeOffsetBottom:70,edgeOffsetLeft:16,edgeOffsetRight:16,resizeConfig:S,children:(0,i.jsx)("div",{className:x.iA,children:j.map(e=>(0,i.jsx)(p.Ay,{participant:e,channel:C,onContextMenu:n,className:s()(x.Vs,g.a8),fit:p.Yl.COVER,inCall:!0,popoutType:d.N.NO_POPOUT,width:160,onClick:y},e.id))})})})}}