Module 51092

function(e,t,n){n.d(t,{$:()=>A,A:()=>v});var l,i=n(477900),s=n(582128),r=n(503698),a=n.n(r),o=n(289873),u=n(459838),c=n(451988),d=n(684339),m=n(276208),p=n(927813),g=n(37965);let f=20*p.A.Millis.SECOND;var x=n(821589),h=n(950183),A=((l={}).CONTAIN="contain",l.COVER="cover",l.COVER_LANDSCAPE="cover-landscape",l);let v=s.memo(function(e){let{streamId:t,onResize:n,wrapperClassName:l,videoComponent:r,className:p,fit:A="contain",mirror:v=!1,paused:E=!1,streamPreviewURL:C,videoSpinnerContext:j,userId:I,streamKey:S,emptyPreviewAspectRatio:_="16 / 9"}=e,[N,b]=s.useState(!0),[y,k]=s.useState(null),D=s.useCallback(e=>{"cover-landscape"===A&&k(e),n?.(e)},[A,n]),R="cover-landscape"===A?null==y||y.width>=y.height?"cover":"contain":A;!function(e){let{location:t,videoSpinnerContext:n,userId:l,streamId:i,loading:r,paused:a=!1}=e,[o]=s.useState(()=>new d.M(t));s.useEffect(()=>{a||(r?o.onSpinnerStarted():null!=i&&o.trackSpinnerDuration(n,l,i))},[r,a,i,o,n,l])}({location:"VideoStream",videoSpinnerContext:j,userId:I,streamId:t,loading:N,paused:E});let{onReady:T}=function(e){let{streamId:t,userId:n,videoSpinnerContext:l,streamKey:i,loading:r,paused:a=!1}=e,o=s.useRef(new c.Ep),p=l===d.u.SELF_STREAM||l===d.u.REMOTE_STREAM?u.x.STREAM:u.x.DEFAULT;return s.useEffect(()=>{if(!r||a||!m.X.isIncomingVideoEnabled())return;let e=o.current;return e.start(f,()=>{(0,g.Z)(t,n,p,i)}),()=>{e.stop()}},[a,t,r,p,i,n]),{onReady:s.useCallback(()=>{o.current.stop(),(0,g.W)(p,n)},[n,p])}}({streamId:t,userId:I,loading:N,videoSpinnerContext:j,streamKey:S,paused:E}),w=s.useCallback(()=>{b(!1),T()},[T]);return(0,i.jsxs)("div",{className:a()(h.wrapper,l),children:[null!=t&&(0,i.jsx)(r,{className:a()(h.video,(0,x.t)(h,"video",R),{[h.mirror]:v},p),streamId:t,onResize:D,onReady:w,paused:E}),E?null:(0,i.jsx)("div",{className:a()(h.previewWrapper,{[h.loading]:N}),children:N&&(0,i.jsxs)(s.Fragment,{children:[null!=C?(0,i.jsx)("img",{src:C,alt:"",className:h.previewImage}):(0,i.jsx)("div",{className:h.emptyPreviewWrapper,style:{aspectRatio:_},children:(0,i.jsx)("div",{className:h.emptyPreview})}),(0,i.jsx)(o.y,{className:h.spinner})]})})]})})}