@nethesis/phone-island 1.0.8-dev.6 → 1.0.8-dev.8

package/dist/components/VideoView/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var a=require("../../store/index.js"),n=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../../node_modules/i18next/dist/esm/i18next.js"),l=require("../../utils/customHooks/useEventListener.js"),s=require("../../utils/customHooks/useIsomorphicLayoutEffect.js"),c=require("../../utils/genericFunctions/eventDispatch.js"),u=require("../Hangup.js"),d=require("../../lib/phone/call.js"),p=require("../../lib/webrtc/janus.js"),v=require("../CallView/Avatar.js"),m=require("../CallView/Timer.js"),f=require("../../lib/user/default_device.js"),g=require("../AudioBars.js"),h=require("../CustomThemedTooltip.js"),S=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),b=require("../../lib/devices/devices.js"),E=require("../../lib/avatars/avatars.js"),w=require("../../events/SocketEvents.js"),y=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),k=require("../../node_modules/react-redux/es/hooks/useSelector.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=C(t),j=function(){var C,j,x,N,V,q,R,I,_,D,P=y.useDispatch(),A=k.useSelector((function(e){return e.currentCall})),L=A.muted,M=A.startTime,U=A.isRecording,F=A.paused,B=A.isLocalVideoEnabled,J=A.showRemoteVideoPlaceHolder,z=A.hasVideoTrackAdded,W=A.displayName,G=A.isStartingVideoCall,H=k.useSelector((function(e){return e.screenShare})),O=H.localTracks,K=H.localVideos,Q=H.role,X=H.active,Y=H.isStartingScreenShare,Z=H.isJoiningScreenShare,$=H.isLeavingScreenShare,ee=k.useSelector((function(e){return e.listen})),te=k.useSelector((function(e){return e.island})).isOpen,re=k.useSelector((function(e){return e.webrtc})),ae=re.janusInstance,ne=re.remoteAudioStream,ie=a.store.getState().currentUser,oe=t.useState(!1),le=oe[0],se=oe[1],ce=t.useState(!1),ue=ce[0],de=ce[1],pe=t.useRef(null),ve=t.useRef(null),me=t.useRef(!1),fe=t.useRef(!1),ge=t.useRef(null),he=t.useRef(null),Se=t.useRef(null),be=t.useRef(null),Ee=t.useRef(null),we=t.useRef(null),ye=t.useRef(p.default),ke=a.store.select.mediaDevices.videoInputDevices(a.store.getState());s.useIsomorphicLayoutEffect((function(){P.player.updatePlayer({localScreen:he,remoteScreen:Se,localVideo:be,largeRemoteVideo:Ee,smallRemoteVideo:we})}),[]),t.useEffect((function(){return Re(),Ce(),addEventListener("fullscreenchange",Te),function(){removeEventListener("fullscreenchange",Te),pe.current&&clearTimeout(pe.current)}}),[]),t.useEffect((function(){G&&(Ne(),P.currentCall.updateCurrentCall({isStartingVideoCall:!1}))}),[G]),t.useEffect((function(){Y&&(_e(),a.store.dispatch.screenShare.update({isStartingScreenShare:!1}))}),[Y]),t.useEffect((function(){Z&&(De(),a.store.dispatch.screenShare.update({isJoiningScreenShare:!1}))}),[Z]),t.useEffect((function(){$&&(Ae(),a.store.dispatch.screenShare.update({isLeavingScreenShare:!1}))}),[$]),t.useEffect((function(){Re(),Ce()}),[te]);var Ce=function(){var e=a.store.getState().player.localVideo,t=a.store.getState().player.largeRemoteVideo,r=a.store.getState().player.smallRemoteVideo,n=a.store.getState().webrtc,i=n.localVideoStream,o=n.remoteVideoStream;(null==e?void 0:e.current)&&ye.current.attachMediaStream&&ye.current.attachMediaStream(e.current,i),(null==t?void 0:t.current)&&ye.current.attachMediaStream&&ye.current.attachMediaStream(t.current,o),(null==r?void 0:r.current)&&ye.current.attachMediaStream&&ye.current.attachMediaStream(r.current,o),o instanceof MediaStream&&o.getVideoTracks().length>0&&P.currentCall.updateCurrentCall({showRemoteVideoPlaceHolder:!1})},Te=function(){se(!!document.fullscreenElement)},je=function(){document.fullscreenElement?(document.exitFullscreen(),c.eventDispatch("phone-island-fullscreen-exited",{})):ge.current&&(ge.current.requestFullscreen(),c.eventDispatch("phone-island-fullscreen-entered",{}))};l.useEventListener("phone-island-fullscreen-enter",(function(){je()})),l.useEventListener("phone-island-fullscreen-exit",(function(){je()}));var xe=function(e,t){P.screenShare.update({source:e});var r=null;null==ae||ae.attach({plugin:"janus.plugin.videoroom",opaqueId:ye.current.randomString(32),success:function(t){var n,i,o,l;r=t,P.screenShare.update({remoteFeed:t}),r.remoteTracks={},r.remoteVideos=0,null===(i=(n=ye.current).log)||void 0===i||i.call(n,"Plugin attached! ("+r.getPlugin()+", id="+r.getId()+")"),null===(l=(o=ye.current).log)||void 0===l||l.call(o,"  -- This is a subscriber");var s={request:"join",room:a.store.getState().screenShare.room,ptype:"subscriber",feed:e};r.send({message:s})},error:function(e){var t,r;null===(r=(t=ye.current).error)||void 0===r||r.call(t,"Error attaching videoroom plugin",e)},iceState:function(e){var t,a;null===(a=(t=ye.current).log)||void 0===a||a.call(t,"ICE state (feed #"+r.rfindex+") changed to "+e)},webrtcState:function(e){var t,a;null===(a=(t=ye.current).log)||void 0===a||a.call(t,"Janus says this WebRTC PeerConnection (feed #"+r.rfindex+") is "+(e?"up":"down")+" now")},slowLink:function(e,t,r){var a,n;null===(n=(a=ye.current).warn)||void 0===n||n.call(a,"Janus reports problems "+(e?"sending":"receiving")+" packets on mid "+r+" ("+t+" lost packets)")},onmessage:function(n,i){var o,l,s,c,u,d,p,v,m,f;null===(l=(o=ye.current).debug)||void 0===l||l.call(o," ::: Got a message (listener) :::",n);var g=n.videoroom;null===(c=(s=ye.current).debug)||void 0===c||c.call(s,"Event: "+g),g&&("attached"===g?null===(d=(u=ye.current).log)||void 0===d||d.call(u,"Successfully attached to feed "+e+" ("+t+") in room "+n.room):null===(v=(p=ye.current).warn)||void 0===v||v.call(p,"Unhandled event: "+g)),i&&(null===(f=(m=ye.current).debug)||void 0===f||f.call(m,"Handling SDP as well...",i),r.createAnswer({jsep:i,tracks:[{type:"data"}],success:function(e){var t,n;null===(n=(t=ye.current).debug)||void 0===n||n.call(t,"Got SDP!",e);var i={request:"start",room:a.store.getState().screenShare.room};r.send({message:i,jsep:e})},error:function(e){var t,r;null===(r=(t=ye.current).error)||void 0===r||r.call(t,"WebRTC error:",e)}}))},onlocaltrack:function(e,t){},onremotetrack:function(e,t,n,i){var o,l,s,c,u,d,p,v;if(null===(l=(o=ye.current).debug)||void 0===l||l.call(o,"Remote track (mid="+t+") "+(n?"added":"removed")+(i?" ("+i.reason+") ":"")+":",e),"video"!==e.kind||!i||"mute"!==i.reason&&"unmute"!==i.reason){if(!n){var m=a.store.getState().screenShare.remoteScreenStream;return ye.current.stopAllTracks(m),void P.screenShare.update({active:!1})}if("video"===e.kind){var f=new MediaStream([e]);a.store.dispatch.screenShare.update({remoteScreenStream:f}),r.remoteTracks[t]=f,null===(d=(u=ye.current).log)||void 0===d||d.call(u,"Created remote video stream: "+f);var g=a.store.getState().player.remoteScreen;(null==g?void 0:g.current)&&(null===(v=(p=ye.current).attachMediaStream)||void 0===v||v.call(p,g.current,f))}}else null===(c=(s=ye.current).log)||void 0===c||c.call(s,"Ignoring mute/unmute on screen-sharing track.")},oncleanup:function(){var t,a;null===(a=(t=ye.current).log)||void 0===a||a.call(t," ::: Got a cleanup notification (remote feed "+e+") :::"),r.remoteTracks={},r.remoteVideos=0}})},Ne=function(){var e,t,r,n;if(!me.current){var i=a.store.getState().webrtc.sipcall;me.current=!0,a.store.dispatch.currentCall.updateCurrentCall({isLocalVideoEnabled:!0});var o=[],l=b.getCurrentVideoInputDeviceId(),s={type:"video",recv:!0};s.capture=!l||{deviceId:{exact:l}};var u=a.store.getState().currentCall.hasVideoTrackAdded,d=a.store.getState().webrtc.remoteVideoStream,p=null===(n=null===(r=null===(t=null===(e=null==i?void 0:i.webrtcStuff)||void 0===e?void 0:e.pc)||void 0===t?void 0:t.getTransceivers)||void 0===r?void 0:r.call(t))||void 0===n?void 0:n.find((function(e){var t,r,a,n;return"video"===(null===(r=null===(t=e.receiver)||void 0===t?void 0:t.track)||void 0===r?void 0:r.kind)||"video"===(null===(n=null===(a=e.sender)||void 0===a?void 0:a.track)||void 0===n?void 0:n.kind)}));(u||Boolean(p)||d instanceof MediaStream&&d.getVideoTracks().length>0)&&p?(s.replace=!0,p.mid&&(s.mid=p.mid),u||P.currentCall.setVideoTrackAdded(!0)):(s.add=!0,P.currentCall.setVideoTrackAdded(!0)),o.push(s),i.createOffer({tracks:o,success:function(e){var t,r,n;me.current=!1,i.send({message:{request:"update"},jsep:e}),t=a.store.getState().websocket.socket,r=a.store.getState().currentCall.username,n=a.store.getState().currentUser.username,t&&r&&n&&t.emit("message",{message:"videoCallStart",destUser:r,callUser:n}),w.dispatchVideoCallStarted({initiator:"local",callUser:a.store.getState().currentUser.username,destUser:a.store.getState().currentCall.username}),c.eventDispatch("phone-island-video-enabled",{})},error:function(e){me.current=!1,console.error("WebRTC error... "+JSON.stringify(e))}})}};l.useEventListener("phone-island-video-enable",(function(){Ne()}));var Ve=function(){var t,r,n,i;if(!me.current){var o=a.store.getState().webrtc,l=o.sipcall,s=o.localVideoStream;me.current=!0;var u=null===(i=null===(n=null===(r=null===(t=null==l?void 0:l.webrtcStuff)||void 0===t?void 0:t.pc)||void 0===r?void 0:r.getTransceivers)||void 0===n?void 0:n.call(r))||void 0===i?void 0:i.find((function(e){var t,r,a,n;return"video"===(null===(r=null===(t=e.receiver)||void 0===t?void 0:t.track)||void 0===r?void 0:r.kind)||"video"===(null===(n=null===(a=e.sender)||void 0===a?void 0:a.track)||void 0===n?void 0:n.kind)}));ye.current.stopAllTracks(s),a.store.dispatch.webrtc.updateLocalVideoStream(null),a.store.dispatch.currentCall.setLocalVideoEnabled(!1);var d=[];d.push(e.__assign(e.__assign({type:"video"},(null==u?void 0:u.mid)?{mid:u.mid}:{}),{remove:!0})),l.createOffer({tracks:d,success:function(e){me.current=!1,l.send({message:{request:"update"},jsep:e}),c.eventDispatch("phone-island-video-disabled",{})},error:function(e){me.current=!1,console.error("WebRTC error... "+JSON.stringify(e))}})}};l.useEventListener("phone-island-video-disable",(function(){Ve()}));var qe=function(){null==ae||ae.attach({plugin:"janus.plugin.videoroom",opaqueId:ye.current.randomString(32),success:function(e){P.screenShare.update({plugin:e});var t=a.store.getState().screenShare.role;"publisher"===t?(c.eventDispatch("phone-island-screen-share-initialized",{}),setTimeout((function(){!function(){var e,t;if(ye.current.isExtensionEnabled()){var r={request:"create",description:ye.current.randomString(32),bitrate:5e5,publishers:1},n=a.store.getState().screenShare.plugin;n.send({message:r,success:function(e){var t,r,i,o,l,s,c,u;if(e.error)null===(r=(t=ye.current).error)||void 0===r||r.call(t,"Couldn't create room: "+e.error);else{var d=e.videoroom;if(null===(o=(i=ye.current).debug)||void 0===o||o.call(i,"Event: "+d),d){var p=e.room;P.screenShare.update({room:p}),null===(s=(l=ye.current).log)||void 0===s||s.call(l,"Screen sharing session created: "+p);var v=a.store.getState().currentUser.username;if(fe.current)return void(null===(u=(c=ye.current).log)||void 0===u||u.call(c,"Screen share publisher join already requested on this handle, skipping duplicate join"));fe.current=!0;var m={request:"join",room:p,ptype:"publisher",display:v};n.send({message:m})}}}})}else null===(t=(e=ye.current).error)||void 0===t||t.call(e,"This browser doesn't support screensharing (getDisplayMedia unavailable)")}()}),500)):"listener"===t&&Pe(),c.eventDispatch("phone-island-screen-share-started",{})},error:function(e){var t,r;null===(r=(t=ye.current).error)||void 0===r||r.call(t,"Error attaching videoroom plugin",e)},consentDialog:function(e){},iceState:function(e){var t,r;null===(r=(t=ye.current).log)||void 0===r||r.call(t,"ICE state changed to "+e)},mediaState:function(e,t){var r,a;null===(a=(r=ye.current).log)||void 0===a||a.call(r,"Janus "+(t?"started":"stopped")+" receiving our "+e)},webrtcState:function(e){var t,r;null===(r=(t=ye.current).log)||void 0===r||r.call(t,"Janus says our WebRTC PeerConnection is "+(e?"up":"down")+" now")},slowLink:function(e,t,r){var a,n;null===(n=(a=ye.current).warn)||void 0===n||n.call(a,"Janus reports problems "+(e?"sending":"receiving")+" packets on mid "+r+" ("+t+" lost packets)")},onmessage:function(e,t){var r,n,i,o,l,s,c,u,d,p,v,m,f,g,h,S,b,E,w,y;null===(n=(r=ye.current).debug)||void 0===n||n.call(r," ::: Got a message (publisher) :::",e);var k=a.store.getState().screenShare,C=k.plugin,T=k.role,j=e.videoroom;if(null===(o=(i=ye.current).debug)||void 0===o||o.call(i,"Event: "+j),j)if("joined"===j){if("publisher"===T)null===(s=(l=ye.current).debug)||void 0===s||s.call(l,"Negotiating WebRTC stream for our screen"),C.createOffer({tracks:[{type:"audio",capture:!0,recv:!1},{type:"screen",capture:!0,recv:!1}],success:function(e){var t,r;null===(r=(t=ye.current).debug)||void 0===r||r.call(t,"Got publisher SDP!",e);C.send({message:{request:"configure",audio:!0,video:!0},jsep:e})},error:function(e){var t,r;fe.current=!1,null===(r=(t=ye.current).error)||void 0===r||r.call(t,"WebRTC error:",e),P.screenShare.update({active:!1,role:""})}});else if(e.publishers){var x=e.publishers;for(var N in null===(u=(c=ye.current).debug)||void 0===u||u.call(c,"Got a list of available publishers/feeds:",x),x)if(!x[N].dummy){var V=x[N].id,q=x[N].display;null===(p=(d=ye.current).debug)||void 0===p||p.call(d,"  >> ["+V+"] "+q),xe(V,q)}}}else if("event"===j)if("listener"===T&&e.publishers){x=e.publishers;for(var N in null===(m=(v=ye.current).debug)||void 0===m||m.call(v,"Got a list of available publishers/feeds:",x),x)if(!x[N].dummy){V=x[N].id,q=x[N].display;null===(g=(f=ye.current).debug)||void 0===g||g.call(f,"  >> ["+V+"] "+q),xe(V,q)}}else if(e.leaving){var R=e.leaving;null===(S=(h=ye.current).log)||void 0===S||S.call(h,"Publisher left: "+R)}else e.error&&(null===(E=(b=ye.current).error)||void 0===E||E.call(b,"Error event: "+e.error));t&&(null===(y=(w=ye.current).debug)||void 0===y||y.call(w,"Handling SDP as well...",t),C.handleRemoteJsep({jsep:t}))},onlocaltrack:function(e,t){var r,n,i,o,l,s;null===(n=(r=ye.current).debug)||void 0===n||n.call(r,"Local track "+(t?"added":"removed")+":",e);var c=e.id.replace(/[{}]/g,"");if(t){if(!(null==O?void 0:O[c])){if("video"===e.kind){P.screenShare.update({localVideos:K+1});var u=new MediaStream([e]);a.store.dispatch.screenShare.update({localScreenStream:u}),null===(o=(i=ye.current).log)||void 0===o||o.call(i,"Created local stream: "+u);var d=a.store.getState().player.localScreen;(null==d?void 0:d.current)&&(null===(s=(l=ye.current).attachMediaStream)||void 0===s||s.call(l,d.current,u),Ie(),e.addEventListener("ended",(function(){Me()})))}var p=a.store.getState().screenShare.plugin;"completed"!==p.webrtcStuff.pc.iceConnectionState&&p.webrtcStuff.pc.iceConnectionState}}else{var v=null==O?void 0:O[c];if(v)try{var m=v.getTracks();for(var f in m){var g=m[f];g&&g.stop()}}catch(e){}"video"===e.kind&&P.screenShare.update({localVideos:K-1});var h=null==O?void 0:O.filter((function(e){return e!==O[c]}));P.screenShare.update({localTracks:h})}},onremotetrack:function(e,t,r){},oncleanup:function(){var e,t;null===(t=(e=ye.current).log)||void 0===t||t.call(e," ::: Got a cleanup notification :::"),fe.current=!1,P.screenShare.update({localTracks:{},localVideos:0})}})},Re=function(){var e=a.store.getState().player.localScreen,t=a.store.getState().player.remoteScreen,r=a.store.getState().screenShare,n=r.localScreenStream,i=r.remoteScreenStream;(null==e?void 0:e.current)&&ye.current.attachMediaStream&&ye.current.attachMediaStream(e.current,n),(null==t?void 0:t.current)&&ye.current.attachMediaStream&&ye.current.attachMediaStream(t.current,i)},Ie=function(){var e=a.store.getState().websocket.socket,t=a.store.getState().currentCall.username,r=a.store.getState().screenShare.room,n=a.store.getState().currentUser.username;e.emit("message",{message:"screenSharingStart",roomId:r,destUser:t,callUser:n})},_e=function(){fe.current=!1,P.screenShare.update({active:!0,role:"publisher"}),qe()};l.useEventListener("phone-island-screen-share-start",(function(){_e()}));var De=function(){P.screenShare.update({active:!0,role:"listener"}),qe(),c.eventDispatch("phone-island-screen-share-joined",{})},Pe=function(){var e={request:"join",room:a.store.getState().screenShare.room,ptype:"publisher",display:a.store.getState().currentUser.username};a.store.getState().screenShare.plugin.send({message:e})},Ae=function(){var e=a.store.getState().screenShare.remoteScreenStream;ye.current.stopAllTracks(e),P.screenShare.update({active:!1}),c.eventDispatch("phone-island-screen-share-left",{})},Le=function(){de(!0),pe.current&&(clearTimeout(pe.current),pe.current=null),ve.current&&clearTimeout(ve.current),ve.current=setTimeout((function(){pe.current=setTimeout((function(){de(!1)}),3e3)}),100)},Me=function(){var e=a.store.getState().screenShare,t=e.plugin,r=e.localScreenStream;fe.current=!1,ye.current.stopAllTracks(r),P.screenShare.update({active:!1}),t.detach();var n=a.store.getState().websocket.socket,i=a.store.getState().currentCall.username,o=a.store.getState().screenShare.room,l=a.store.getState().currentUser.username;n.emit("message",{message:"screenSharingStop",roomId:o,destUser:i,callUser:l}),c.eventDispatch("phone-island-screen-share-stopped",{})};l.useEventListener("phone-island-screen-share-stop",(function(){Me()}));var Ue=t.useState(!0),Fe=Ue[0],Be=Ue[1],Je=function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return(null==ke?void 0:ke.length)>0?[4,b.checkWebCamPermission()]:[3,2];case 1:return e.sent()?(Be(!0),[2,!0]):(Be(!1),[2,!1]);case 2:return Be(!1),[2,!1];case 3:return[2]}}))}))};return T.default.createElement(T.default.Fragment,null,te?T.default.createElement("div",{ref:ge,onMouseMove:function(){return Le()},className:le?"pi-h-screen":"pi-h-[480px] pi-w-[600px]"},T.default.createElement("div",{className:"pi-flex pi-relative pi-justify-center pi-w-full pi-h-full"},T.default.createElement("video",{autoPlay:!0,muted:!0,ref:Se,className:"pi-rounded-2xl pi-w-full pi-h-full ".concat(X&&"listener"===Q?"":"pi-hidden")}),T.default.createElement("video",{autoPlay:!0,muted:!0,ref:he,className:"pi-rounded-2xl pi-w-full pi-h-full ".concat(X&&"publisher"===Q?"":"pi-hidden")}),T.default.createElement("video",{autoPlay:!0,muted:!0,ref:Ee,className:"pi-rounded-2xl ".concat(X||J?"pi-hidden":"")}),T.default.createElement("div",{className:"pi-w-full pi-bg-gray-200 dark:pi-bg-gray-800 pi-flex pi-items-center pi-justify-center ".concat(X||!J?"pi-hidden":"")},T.default.createElement("div",{className:"pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-32 pi-h-32 pi-flex pi-items-center pi-justify-center"},T.default.createElement("span",{className:"pi-text-4xl pi-text-gray-50 dark:pi-text-gray-900"},E.getInitials(W)))),T.default.createElement("video",{muted:!0,autoPlay:!0,ref:be,className:"pi-max-w-32 pi-max-h-32 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg ".concat(B?"":"pi-hidden")}),T.default.createElement("div",{className:"pi-w-32 pi-h-24 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ".concat(B||!z?"pi-hidden":"")},T.default.createElement("div",{className:"pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center"},T.default.createElement("span",{className:"pi-text-base pi-text-gray-50 dark:pi-text-gray-900"},E.getInitials(ie.name||"-")))),T.default.createElement("video",{muted:!0,autoPlay:!0,ref:we,className:"pi-max-w-32 pi-max-h-32 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg ".concat(!X||J?"pi-hidden":"")}),T.default.createElement("div",{className:"pi-w-32 pi-h-24 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ".concat(X&&J&&z?"":"pi-hidden")},T.default.createElement("div",{className:"pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center"},T.default.createElement("span",{className:"pi-text-base pi-text-gray-50 dark:pi-text-gray-900"},E.getInitials(W))))),T.default.createElement("div",{className:"".concat(!ue&&"pi-opacity-0 pi-pointer-events-none"," pi-absolute pi-bottom-0 pi-bg-gray-950/65 pi-w-full pi-p-6 pi-rounded-bl-[20px] pi-rounded-br-[20px] pi-transition-all")},T.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-gap-6 pi-mb-5"},!(null==ee?void 0:ee.isListen)&&T.default.createElement(r.Button,{variant:"default",active:!!L,onClick:function(){return L?d.unmuteCurrentCall():d.muteCurrentCall()},"data-tooltip-id":"tooltip-mute","data-tooltip-content":"".concat(L?o.t("Tooltip.Unmute"):o.t("Tooltip.Mute"))},L?T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faMicrophoneSlash}):T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faMicrophone})),(null==ke?void 0:ke.length)>0&&T.default.createElement(r.Button,{variant:"default",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Je()];case 1:return e.sent()&&(B?Ve():Ne()),[2]}}))}))},"data-tooltip-id":"tooltip-toggle-video","data-tooltip-content":"".concat(Fe?B?o.t("Tooltip.Disable camera"):o.t("Tooltip.Enable camera"):o.t("Tooltip.Enable camera permission")||""),disabled:!Fe,className:"".concat(Fe?"":"pi-cursor-auto")},T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:Fe||B?i.faVideo:i.faVideoSlash})),"safari"!==ye.current.webRTCAdapter.browserDetails.browser&&(null===(V=null===(N=null===(x=null===(j=null===(C=null==ie?void 0:ie.profile)||void 0===C?void 0:C.macro_permissions)||void 0===j?void 0:j.nethvoice_cti)||void 0===x?void 0:x.permissions)||void 0===N?void 0:N.screen_sharing)||void 0===V?void 0:V.value)&&!X&&T.default.createElement(r.Button,{variant:"default",onClick:function(){return _e()},"data-tooltip-id":"tooltip-start-screen-share","data-tooltip-content":o.t("Tooltip.Share screen")||""},T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faDisplay})),X&&"publisher"===Q&&T.default.createElement(r.Button,{variant:"default",onClick:function(){return Me()},"data-tooltip-id":"tooltip-stop-screen-share","data-tooltip-content":o.t("Tooltip.Stop sharing")},T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:S.faDisplaySlash})),X&&"listener"===Q&&T.default.createElement(r.Button,{variant:"default",onClick:function(){return je()},"data-tooltip-id":"tooltip-toggle-fullscreen","data-tooltip-content":le?o.t("Tooltip.Exit fullscreen"):o.t("Tooltip.Enter fullscreen")},T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:le?i.faCompress:i.faExpand})),(null===(D=null===(_=null===(I=null===(R=null===(q=null==ie?void 0:ie.profile)||void 0===q?void 0:q.macro_permissions)||void 0===R?void 0:R.settings)||void 0===I?void 0:I.permissions)||void 0===_?void 0:_.recording)||void 0===D?void 0:D.value)&&T.default.createElement(r.Button,{variant:"default",onClick:function(){return d.recordCurrentCall(U)},"data-tooltip-id":"tooltip-record-video-view","data-tooltip-content":U?o.t("Tooltip.Stop recording"):o.t("Tooltip.Record")},T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:U?i.faStop:S.faRecord})),!((null==ee?void 0:ee.isIntrude)||(null==ee?void 0:ee.isListen))&&T.default.createElement(r.Button,{variant:"default",onClick:function(){return F?d.unpauseCurrentCall():(d.pauseCurrentCall(),void Me())},"data-tooltip-id":"tooltip-pause-video-view","data-tooltip-content":F?o.t("Tooltip.Play"):o.t("Tooltip.Pause")},T.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:F?i.faPlay:i.faPause}))),T.default.createElement(u.default,{buttonsVariant:"default"})),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-mute-video-view",place:"bottom"}),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-video",place:"bottom"}),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-fullscreen",place:"bottom"}),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-start-screen-share",place:"bottom"}),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-stop-screen-share",place:"bottom"}),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-record-video-view",place:"bottom"}),T.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-pause-video-view",place:"bottom"})):T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"pi-flex pi-justify-between pi-items-center"},T.default.createElement(v.default,null),T.default.createElement(m.default,{startTime:M,isNotAlwaysWhite:!0}),!te&&ne&&!f.isPhysical()&&T.default.createElement(g.AudioBars,{audioStream:ne,paused:F,size:te?"large":"small"}))))};exports.VideoView=j,exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var a=require("../../store/index.js"),n=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../../node_modules/i18next/dist/esm/i18next.js"),l=require("../../utils/customHooks/useEventListener.js"),s=require("../../utils/customHooks/useIsomorphicLayoutEffect.js"),c=require("../../utils/genericFunctions/eventDispatch.js"),u=require("../Hangup.js"),d=require("../../lib/phone/call.js"),p=require("../../lib/webrtc/janus.js"),m=require("../CallView/Avatar.js"),f=require("../CallView/Timer.js"),v=require("../../lib/user/default_device.js"),g=require("../AudioBars.js"),h=require("../CustomThemedTooltip.js"),S=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),b=require("../../lib/devices/devices.js"),E=require("../../lib/avatars/avatars.js"),w=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),y=require("../../node_modules/react-redux/es/hooks/useSelector.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=T(t),k=function(){var T,k,x,j,N,q,V,I,R,D,L=w.useDispatch(),P=y.useSelector((function(e){return e.currentCall})),_=P.muted,A=P.startTime,M=P.isRecording,F=P.paused,U=P.isLocalVideoEnabled,B=P.showRemoteVideoPlaceHolder,J=P.hasVideoTrackAdded,z=P.displayName,W=P.isStartingVideoCall,G=y.useSelector((function(e){return e.screenShare})),O=G.localTracks,H=G.localVideos,K=G.role,Q=G.active,X=G.isStartingScreenShare,Y=G.isJoiningScreenShare,Z=G.isLeavingScreenShare,$=y.useSelector((function(e){return e.listen})),ee=y.useSelector((function(e){return e.island})).isOpen,te=y.useSelector((function(e){return e.webrtc})),re=te.janusInstance,ae=te.remoteAudioStream,ne=a.store.getState().currentUser,ie=t.useState(!1),oe=ie[0],le=ie[1],se=t.useState(!1),ce=se[0],ue=se[1],de=t.useRef(null),pe=t.useRef(null),me=t.useRef(null),fe=t.useRef(null),ve=t.useRef(null),ge=t.useRef(null),he=t.useRef(null),Se=t.useRef(null),be=t.useRef(p.default),Ee=a.store.select.mediaDevices.videoInputDevices(a.store.getState());s.useIsomorphicLayoutEffect((function(){L.player.updatePlayer({localScreen:fe,remoteScreen:ve,localVideo:ge,largeRemoteVideo:he,smallRemoteVideo:Se})}),[]),t.useEffect((function(){return Ne(),we(),addEventListener("fullscreenchange",ye),function(){removeEventListener("fullscreenchange",ye),de.current&&clearTimeout(de.current)}}),[]),t.useEffect((function(){W&&(ke(),L.currentCall.updateCurrentCall({isStartingVideoCall:!1}))}),[W]),t.useEffect((function(){X&&(Ve(),a.store.dispatch.screenShare.update({isStartingScreenShare:!1}))}),[X]),t.useEffect((function(){Y&&(Ie(),a.store.dispatch.screenShare.update({isJoiningScreenShare:!1}))}),[Y]),t.useEffect((function(){Z&&(De(),a.store.dispatch.screenShare.update({isLeavingScreenShare:!1}))}),[Z]),t.useEffect((function(){Ne(),we()}),[ee]);var we=function(){var e=a.store.getState().player.localVideo,t=a.store.getState().player.largeRemoteVideo,r=a.store.getState().player.smallRemoteVideo,n=a.store.getState().webrtc,i=n.localVideoStream,o=n.remoteVideoStream;(null==e?void 0:e.current)&&be.current.attachMediaStream&&be.current.attachMediaStream(e.current,i),(null==t?void 0:t.current)&&be.current.attachMediaStream&&be.current.attachMediaStream(t.current,o),(null==r?void 0:r.current)&&be.current.attachMediaStream&&be.current.attachMediaStream(r.current,o)},ye=function(){le(!!document.fullscreenElement)},Te=function(){document.fullscreenElement?(document.exitFullscreen(),c.eventDispatch("phone-island-fullscreen-exited",{})):me.current&&(me.current.requestFullscreen(),c.eventDispatch("phone-island-fullscreen-entered",{}))};l.useEventListener("phone-island-fullscreen-enter",(function(){Te()})),l.useEventListener("phone-island-fullscreen-exit",(function(){Te()}));var Ce=function(e,t){L.screenShare.update({source:e});var r=null;null==re||re.attach({plugin:"janus.plugin.videoroom",opaqueId:be.current.randomString(32),success:function(t){var n,i,o,l;r=t,L.screenShare.update({remoteFeed:t}),r.remoteTracks={},r.remoteVideos=0,null===(i=(n=be.current).log)||void 0===i||i.call(n,"Plugin attached! ("+r.getPlugin()+", id="+r.getId()+")"),null===(l=(o=be.current).log)||void 0===l||l.call(o,"  -- This is a subscriber");var s={request:"join",room:a.store.getState().screenShare.room,ptype:"subscriber",feed:e};r.send({message:s})},error:function(e){var t,r;null===(r=(t=be.current).error)||void 0===r||r.call(t,"Error attaching videoroom plugin",e)},iceState:function(e){var t,a;null===(a=(t=be.current).log)||void 0===a||a.call(t,"ICE state (feed #"+r.rfindex+") changed to "+e)},webrtcState:function(e){var t,a;null===(a=(t=be.current).log)||void 0===a||a.call(t,"Janus says this WebRTC PeerConnection (feed #"+r.rfindex+") is "+(e?"up":"down")+" now")},slowLink:function(e,t,r){var a,n;null===(n=(a=be.current).warn)||void 0===n||n.call(a,"Janus reports problems "+(e?"sending":"receiving")+" packets on mid "+r+" ("+t+" lost packets)")},onmessage:function(n,i){var o,l,s,c,u,d,p,m,f,v;null===(l=(o=be.current).debug)||void 0===l||l.call(o," ::: Got a message (listener) :::",n);var g=n.videoroom;null===(c=(s=be.current).debug)||void 0===c||c.call(s,"Event: "+g),g&&("attached"===g?null===(d=(u=be.current).log)||void 0===d||d.call(u,"Successfully attached to feed "+e+" ("+t+") in room "+n.room):null===(m=(p=be.current).warn)||void 0===m||m.call(p,"Unhandled event: "+g)),i&&(null===(v=(f=be.current).debug)||void 0===v||v.call(f,"Handling SDP as well...",i),r.createAnswer({jsep:i,tracks:[{type:"data"}],success:function(e){var t,n;null===(n=(t=be.current).debug)||void 0===n||n.call(t,"Got SDP!",e);var i={request:"start",room:a.store.getState().screenShare.room};r.send({message:i,jsep:e})},error:function(e){var t,r;null===(r=(t=be.current).error)||void 0===r||r.call(t,"WebRTC error:",e)}}))},onlocaltrack:function(e,t){},onremotetrack:function(e,t,n,i){var o,l,s,c,u,d,p,m;if(null===(l=(o=be.current).debug)||void 0===l||l.call(o,"Remote track (mid="+t+") "+(n?"added":"removed")+(i?" ("+i.reason+") ":"")+":",e),"video"!==e.kind||!i||"mute"!==i.reason&&"unmute"!==i.reason){if(!n){var f=a.store.getState().screenShare.remoteScreenStream;return be.current.stopAllTracks(f),void L.screenShare.update({active:!1})}if("video"===e.kind){var v=new MediaStream([e]);a.store.dispatch.screenShare.update({remoteScreenStream:v}),r.remoteTracks[t]=v,null===(d=(u=be.current).log)||void 0===d||d.call(u,"Created remote video stream: "+v);var g=a.store.getState().player.remoteScreen;(null==g?void 0:g.current)&&(null===(m=(p=be.current).attachMediaStream)||void 0===m||m.call(p,g.current,v))}}else null===(c=(s=be.current).log)||void 0===c||c.call(s,"Ignoring mute/unmute on screen-sharing track.")},oncleanup:function(){var t,a;null===(a=(t=be.current).log)||void 0===a||a.call(t," ::: Got a cleanup notification (remote feed "+e+") :::"),r.remoteTracks={},r.remoteVideos=0}})},ke=function(){var e=a.store.getState().webrtc.sipcall;a.store.dispatch.currentCall.updateCurrentCall({isLocalVideoEnabled:!0});var t=[],r=b.getCurrentVideoInputDeviceId(),n={type:"video",recv:!0};n.capture=!r||{deviceId:{exact:r}},a.store.getState().currentCall.hasVideoTrackAdded?(n.replace=!0,n.mid="1"):(n.add=!0,L.currentCall.setVideoTrackAdded(!0)),t.push(n),e.createOffer({tracks:t,success:function(t){e.send({message:{request:"update"},jsep:t}),c.eventDispatch("phone-island-video-enabled",{})},error:function(e){console.error("WebRTC error... "+JSON.stringify(e))}})};l.useEventListener("phone-island-video-enable",(function(){ke()}));var xe=function(){var e=a.store.getState().webrtc,t=e.sipcall,r=e.localVideoStream;be.current.stopAllTracks(r),a.store.dispatch.webrtc.updateLocalVideoStream(null),a.store.dispatch.currentCall.setLocalVideoEnabled(!1);var n=[];n.push({type:"video",mid:"1",remove:!0}),t.createOffer({tracks:n,success:function(e){t.send({message:{request:"update"},jsep:e}),c.eventDispatch("phone-island-video-disabled",{})},error:function(e){console.error("WebRTC error... "+JSON.stringify(e))}})};l.useEventListener("phone-island-video-disable",(function(){xe()}));var je=function(){null==re||re.attach({plugin:"janus.plugin.videoroom",opaqueId:be.current.randomString(32),success:function(e){L.screenShare.update({plugin:e});var t=a.store.getState().screenShare.role;"publisher"===t?(c.eventDispatch("phone-island-screen-share-initialized",{}),setTimeout((function(){!function(){var e,t;if(be.current.isExtensionEnabled()){var r={request:"create",description:be.current.randomString(32),bitrate:5e5,publishers:1},n=a.store.getState().screenShare.plugin;n.send({message:r,success:function(e){var t,r,i,o,l,s;if(e.error)null===(r=(t=be.current).error)||void 0===r||r.call(t,"Couldn't create room: "+e.error);else{var c=e.videoroom;if(null===(o=(i=be.current).debug)||void 0===o||o.call(i,"Event: "+c),c){var u=e.room;L.screenShare.update({room:u}),null===(s=(l=be.current).log)||void 0===s||s.call(l,"Screen sharing session created: "+u);var d={request:"join",room:u,ptype:"publisher",display:a.store.getState().currentUser.username};n.send({message:d})}}}})}else null===(t=(e=be.current).error)||void 0===t||t.call(e,"This browser doesn't support screensharing (getDisplayMedia unavailable)")}()}),500)):"listener"===t&&Re(),c.eventDispatch("phone-island-screen-share-started",{})},error:function(e){var t,r;null===(r=(t=be.current).error)||void 0===r||r.call(t,"Error attaching videoroom plugin",e)},consentDialog:function(e){},iceState:function(e){var t,r;null===(r=(t=be.current).log)||void 0===r||r.call(t,"ICE state changed to "+e)},mediaState:function(e,t){var r,a;null===(a=(r=be.current).log)||void 0===a||a.call(r,"Janus "+(t?"started":"stopped")+" receiving our "+e)},webrtcState:function(e){var t,r;null===(r=(t=be.current).log)||void 0===r||r.call(t,"Janus says our WebRTC PeerConnection is "+(e?"up":"down")+" now")},slowLink:function(e,t,r){var a,n;null===(n=(a=be.current).warn)||void 0===n||n.call(a,"Janus reports problems "+(e?"sending":"receiving")+" packets on mid "+r+" ("+t+" lost packets)")},onmessage:function(e,t){var r,n,i,o,l,s,c,u,d,p,m,f,v,g,h,S,b,E,w,y;null===(n=(r=be.current).debug)||void 0===n||n.call(r," ::: Got a message (publisher) :::",e);var T=a.store.getState().screenShare,C=T.plugin,k=T.role,x=e.videoroom;if(null===(o=(i=be.current).debug)||void 0===o||o.call(i,"Event: "+x),x)if("joined"===x){if("publisher"===k)null===(s=(l=be.current).debug)||void 0===s||s.call(l,"Negotiating WebRTC stream for our screen"),C.createOffer({tracks:[{type:"audio",capture:!0,recv:!1},{type:"screen",capture:!0,recv:!1}],success:function(e){var t,r;null===(r=(t=be.current).debug)||void 0===r||r.call(t,"Got publisher SDP!",e);C.send({message:{request:"configure",audio:!0,video:!0},jsep:e})},error:function(e){var t,r;null===(r=(t=be.current).error)||void 0===r||r.call(t,"WebRTC error:",e),L.screenShare.update({active:!1,role:""})}});else if(e.publishers){var j=e.publishers;for(var N in null===(u=(c=be.current).debug)||void 0===u||u.call(c,"Got a list of available publishers/feeds:",j),j)if(!j[N].dummy){var q=j[N].id,V=j[N].display;null===(p=(d=be.current).debug)||void 0===p||p.call(d,"  >> ["+q+"] "+V),Ce(q,V)}}}else if("event"===x)if("listener"===k&&e.publishers){j=e.publishers;for(var N in null===(f=(m=be.current).debug)||void 0===f||f.call(m,"Got a list of available publishers/feeds:",j),j)if(!j[N].dummy){q=j[N].id,V=j[N].display;null===(g=(v=be.current).debug)||void 0===g||g.call(v,"  >> ["+q+"] "+V),Ce(q,V)}}else if(e.leaving){var I=e.leaving;null===(S=(h=be.current).log)||void 0===S||S.call(h,"Publisher left: "+I)}else e.error&&(null===(E=(b=be.current).error)||void 0===E||E.call(b,"Error event: "+e.error));t&&(null===(y=(w=be.current).debug)||void 0===y||y.call(w,"Handling SDP as well...",t),C.handleRemoteJsep({jsep:t}))},onlocaltrack:function(e,t){var r,n,i,o,l,s;null===(n=(r=be.current).debug)||void 0===n||n.call(r,"Local track "+(t?"added":"removed")+":",e);var c=e.id.replace(/[{}]/g,"");if(t){if(!(null==O?void 0:O[c])){if("video"===e.kind){L.screenShare.update({localVideos:H+1});var u=new MediaStream([e]);a.store.dispatch.screenShare.update({localScreenStream:u}),null===(o=(i=be.current).log)||void 0===o||o.call(i,"Created local stream: "+u);var d=a.store.getState().player.localScreen;(null==d?void 0:d.current)&&(null===(s=(l=be.current).attachMediaStream)||void 0===s||s.call(l,d.current,u),qe(),e.addEventListener("ended",(function(){Pe()})))}var p=a.store.getState().screenShare.plugin;"completed"!==p.webrtcStuff.pc.iceConnectionState&&p.webrtcStuff.pc.iceConnectionState}}else{var m=null==O?void 0:O[c];if(m)try{var f=m.getTracks();for(var v in f){var g=f[v];g&&g.stop()}}catch(e){}"video"===e.kind&&L.screenShare.update({localVideos:H-1});var h=null==O?void 0:O.filter((function(e){return e!==O[c]}));L.screenShare.update({localTracks:h})}},onremotetrack:function(e,t,r){},oncleanup:function(){var e,t;null===(t=(e=be.current).log)||void 0===t||t.call(e," ::: Got a cleanup notification :::"),L.screenShare.update({localTracks:{},localVideos:0})}})},Ne=function(){var e=a.store.getState().player.localScreen,t=a.store.getState().player.remoteScreen,r=a.store.getState().screenShare,n=r.localScreenStream,i=r.remoteScreenStream;(null==e?void 0:e.current)&&be.current.attachMediaStream&&be.current.attachMediaStream(e.current,n),(null==t?void 0:t.current)&&be.current.attachMediaStream&&be.current.attachMediaStream(t.current,i)},qe=function(){var e=a.store.getState().websocket.socket,t=a.store.getState().currentCall.username,r=a.store.getState().screenShare.room,n=a.store.getState().currentUser.username;e.emit("message",{message:"screenSharingStart",roomId:r,destUser:t,callUser:n})},Ve=function(){L.screenShare.update({active:!0,role:"publisher"}),je()};l.useEventListener("phone-island-screen-share-start",(function(){Ve()}));var Ie=function(){L.screenShare.update({active:!0,role:"listener"}),je(),c.eventDispatch("phone-island-screen-share-joined",{})},Re=function(){var e={request:"join",room:a.store.getState().screenShare.room,ptype:"publisher",display:a.store.getState().currentUser.username};a.store.getState().screenShare.plugin.send({message:e})},De=function(){var e=a.store.getState().screenShare.remoteScreenStream;be.current.stopAllTracks(e),L.screenShare.update({active:!1}),c.eventDispatch("phone-island-screen-share-left",{})},Le=function(){ue(!0),de.current&&(clearTimeout(de.current),de.current=null),pe.current&&clearTimeout(pe.current),pe.current=setTimeout((function(){de.current=setTimeout((function(){ue(!1)}),3e3)}),100)},Pe=function(){var e=a.store.getState().screenShare,t=e.plugin,r=e.localScreenStream;be.current.stopAllTracks(r),L.screenShare.update({active:!1}),t.detach();var n=a.store.getState().websocket.socket,i=a.store.getState().currentCall.username,o=a.store.getState().screenShare.room,l=a.store.getState().currentUser.username;n.emit("message",{message:"screenSharingStop",roomId:o,destUser:i,callUser:l}),c.eventDispatch("phone-island-screen-share-stopped",{})};l.useEventListener("phone-island-screen-share-stop",(function(){Pe()}));var _e=t.useState(!0),Ae=_e[0],Me=_e[1],Fe=function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return(null==Ee?void 0:Ee.length)>0?[4,b.checkWebCamPermission()]:[3,2];case 1:return e.sent()?(Me(!0),[2,!0]):(Me(!1),[2,!1]);case 2:return Me(!1),[2,!1];case 3:return[2]}}))}))};return C.default.createElement(C.default.Fragment,null,ee?C.default.createElement("div",{ref:me,onMouseMove:function(){return Le()},className:oe?"pi-h-screen":"pi-h-[480px] pi-w-[600px]"},C.default.createElement("div",{className:"pi-flex pi-relative pi-justify-center pi-w-full pi-h-full"},C.default.createElement("video",{autoPlay:!0,muted:!0,ref:ve,className:"pi-rounded-2xl pi-w-full pi-h-full ".concat(Q&&"listener"===K?"":"pi-hidden")}),C.default.createElement("video",{autoPlay:!0,muted:!0,ref:fe,className:"pi-rounded-2xl pi-w-full pi-h-full ".concat(Q&&"publisher"===K?"":"pi-hidden")}),C.default.createElement("video",{autoPlay:!0,muted:!0,ref:he,className:"pi-rounded-2xl ".concat(Q||B?"pi-hidden":"")}),C.default.createElement("div",{className:"pi-w-full pi-bg-gray-200 dark:pi-bg-gray-800 pi-flex pi-items-center pi-justify-center ".concat(Q||!B?"pi-hidden":"")},C.default.createElement("div",{className:"pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-32 pi-h-32 pi-flex pi-items-center pi-justify-center"},C.default.createElement("span",{className:"pi-text-4xl pi-text-gray-50 dark:pi-text-gray-900"},E.getInitials(z)))),C.default.createElement("video",{muted:!0,autoPlay:!0,ref:ge,className:"pi-max-w-32 pi-max-h-32 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg ".concat(U?"":"pi-hidden")}),C.default.createElement("div",{className:"pi-w-32 pi-h-24 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ".concat(U||!J?"pi-hidden":"")},C.default.createElement("div",{className:"pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center"},C.default.createElement("span",{className:"pi-text-base pi-text-gray-50 dark:pi-text-gray-900"},E.getInitials(ne.name||"-")))),C.default.createElement("video",{muted:!0,autoPlay:!0,ref:Se,className:"pi-max-w-32 pi-max-h-32 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg ".concat(!Q||B?"pi-hidden":"")}),C.default.createElement("div",{className:"pi-w-32 pi-h-24 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ".concat(Q&&B&&J?"":"pi-hidden")},C.default.createElement("div",{className:"pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center"},C.default.createElement("span",{className:"pi-text-base pi-text-gray-50 dark:pi-text-gray-900"},E.getInitials(z))))),C.default.createElement("div",{className:"".concat(!ce&&"pi-opacity-0 pi-pointer-events-none"," pi-absolute pi-bottom-0 pi-bg-gray-950/65 pi-w-full pi-p-6 pi-rounded-bl-[20px] pi-rounded-br-[20px] pi-transition-all")},C.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-gap-6 pi-mb-5"},!(null==$?void 0:$.isListen)&&C.default.createElement(r.Button,{variant:"default",active:!!_,onClick:function(){return _?d.unmuteCurrentCall():d.muteCurrentCall()},"data-tooltip-id":"tooltip-mute","data-tooltip-content":"".concat(_?o.t("Tooltip.Unmute"):o.t("Tooltip.Mute"))},_?C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faMicrophoneSlash}):C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faMicrophone})),(null==Ee?void 0:Ee.length)>0&&C.default.createElement(r.Button,{variant:"default",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Fe()];case 1:return e.sent()&&(U?xe():ke()),[2]}}))}))},"data-tooltip-id":"tooltip-toggle-video","data-tooltip-content":"".concat(Ae?U?o.t("Tooltip.Disable camera"):o.t("Tooltip.Enable camera"):o.t("Tooltip.Enable camera permission")||""),disabled:!Ae,className:"".concat(Ae?"":"pi-cursor-auto")},C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:Ae||U?i.faVideo:i.faVideoSlash})),"safari"!==be.current.webRTCAdapter.browserDetails.browser&&(null===(N=null===(j=null===(x=null===(k=null===(T=null==ne?void 0:ne.profile)||void 0===T?void 0:T.macro_permissions)||void 0===k?void 0:k.nethvoice_cti)||void 0===x?void 0:x.permissions)||void 0===j?void 0:j.screen_sharing)||void 0===N?void 0:N.value)&&!Q&&C.default.createElement(r.Button,{variant:"default",onClick:function(){return Ve()},"data-tooltip-id":"tooltip-start-screen-share","data-tooltip-content":o.t("Tooltip.Share screen")||""},C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faDisplay})),Q&&"publisher"===K&&C.default.createElement(r.Button,{variant:"default",onClick:function(){return Pe()},"data-tooltip-id":"tooltip-stop-screen-share","data-tooltip-content":o.t("Tooltip.Stop sharing")},C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:S.faDisplaySlash})),Q&&"listener"===K&&C.default.createElement(r.Button,{variant:"default",onClick:function(){return Te()},"data-tooltip-id":"tooltip-toggle-fullscreen","data-tooltip-content":oe?o.t("Tooltip.Exit fullscreen"):o.t("Tooltip.Enter fullscreen")},C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:oe?i.faCompress:i.faExpand})),(null===(D=null===(R=null===(I=null===(V=null===(q=null==ne?void 0:ne.profile)||void 0===q?void 0:q.macro_permissions)||void 0===V?void 0:V.settings)||void 0===I?void 0:I.permissions)||void 0===R?void 0:R.recording)||void 0===D?void 0:D.value)&&C.default.createElement(r.Button,{variant:"default",onClick:function(){return d.recordCurrentCall(M)},"data-tooltip-id":"tooltip-record-video-view","data-tooltip-content":M?o.t("Tooltip.Stop recording"):o.t("Tooltip.Record")},C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:M?i.faStop:S.faRecord})),!((null==$?void 0:$.isIntrude)||(null==$?void 0:$.isListen))&&C.default.createElement(r.Button,{variant:"default",onClick:function(){return F?d.unpauseCurrentCall():(d.pauseCurrentCall(),void Pe())},"data-tooltip-id":"tooltip-pause-video-view","data-tooltip-content":F?o.t("Tooltip.Play"):o.t("Tooltip.Pause")},C.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:F?i.faPlay:i.faPause}))),C.default.createElement(u.default,{buttonsVariant:"default"})),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-mute-video-view",place:"bottom"}),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-video",place:"bottom"}),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-fullscreen",place:"bottom"}),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-start-screen-share",place:"bottom"}),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-stop-screen-share",place:"bottom"}),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-record-video-view",place:"bottom"}),C.default.createElement(h.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-pause-video-view",place:"bottom"})):C.default.createElement(C.default.Fragment,null,C.default.createElement("div",{className:"pi-flex pi-justify-between pi-items-center"},C.default.createElement(m.default,null),C.default.createElement(f.default,{startTime:A,isNotAlwaysWhite:!0}),!ee&&ae&&!v.isPhysical()&&C.default.createElement(g.AudioBars,{audioStream:ae,paused:F,size:ee?"large":"small"}))))};exports.VideoView=k,exports.default=k;
 //# sourceMappingURL=index.js.map

package/dist/components/VideoView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/VideoView/index.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef, useState } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState, store } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faCompress,\n  faDisplay,\n  faExpand,\n  faMicrophone,\n  faMicrophoneSlash,\n  faPause,\n  faPlay,\n  faStop,\n  faVideo,\n  faVideoSlash,\n} from '@fortawesome/free-solid-svg-icons'\nimport { t } from 'i18next'\nimport { eventDispatch, useEventListener, useIsomorphicLayoutEffect } from '../../utils'\nimport Hangup from '../Hangup'\nimport {\n  muteCurrentCall,\n  pauseCurrentCall,\n  recordCurrentCall,\n  unmuteCurrentCall,\n  unpauseCurrentCall,\n} from '../../lib/phone/call'\nimport { JanusTrack, JanusTypes } from '../../types/webrtc'\nimport JanusLib from '../../lib/webrtc/janus.js'\nimport Avatar from '../CallView/Avatar'\nimport Timer from '../CallView/Timer'\nimport { isPhysical } from '../../lib/user/default_device'\nimport { AudioBars } from '../AudioBars'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { faDisplaySlash, faRecord } from '@nethesis/nethesis-solid-svg-icons'\nimport { getCurrentVideoInputDeviceId } from '../../lib/devices/devices'\nimport { getInitials } from '../../lib/avatars/avatars'\nimport { checkWebCamPermission } from '../../lib/devices/devices'\nimport { dispatchVideoCallStarted } from '../../events/SocketEvents'\n\nexport interface VideoViewProps {}\n\nexport type ScreenSharingMessage = {\n  message: 'screenSharingStart' | 'screenSharingStop'\n  roomId: string\n  destUser: string\n  callUser: string\n}\n\nexport type VideoCallMessage = {\n  message: 'videoCallStart'\n  destUser: string\n  callUser: string\n}\n\nexport const VideoView: FC<VideoViewProps> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const {\n    muted,\n    startTime,\n    isRecording,\n    paused,\n    isLocalVideoEnabled,\n    showRemoteVideoPlaceHolder,\n    hasVideoTrackAdded,\n    displayName,\n    isStartingVideoCall,\n  } = useSelector((state: RootState) => state.currentCall)\n  const {\n    localTracks,\n    localVideos,\n    role: screenShareRole,\n    active: screenShareActive,\n    isStartingScreenShare,\n    isJoiningScreenShare,\n    isLeavingScreenShare,\n  } = useSelector((state: RootState) => state.screenShare)\n  const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { janusInstance, remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n  const userInfo = store.getState().currentUser\n  const [isFullscreen, setIsFullscreen] = useState(false)\n  const [isUiShown, setUiShown] = useState(false)\n  const uiTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const videoRenegotiationInFlightRef = useRef(false)\n  const screenSharePublisherJoinRequestedRef = useRef(false)\n  const screenShareViewRef = useRef(null)\n  const localScreen = useRef<HTMLVideoElement>(null)\n  const remoteScreen = useRef<HTMLVideoElement>(null)\n  const localVideo = useRef<HTMLVideoElement>(null)\n  const largeRemoteVideo = useRef<HTMLVideoElement>(null)\n  const smallRemoteVideo = useRef<HTMLVideoElement>(null)\n  const janus = useRef<JanusTypes>(JanusLib)\n  const videoInputDevices = store.select.mediaDevices.videoInputDevices(store.getState())\n\n  const notifyPeerVideoStart = () => {\n    const { socket } = store.getState().websocket\n    const { username: destUser } = store.getState().currentCall\n    const { username: callUser } = store.getState().currentUser\n\n    if (!socket || !destUser || !callUser) {\n      return\n    }\n\n    socket.emit('message', {\n      message: 'videoCallStart',\n      destUser,\n      callUser,\n    } as VideoCallMessage)\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch.player.updatePlayer({\n      localScreen: localScreen,\n      remoteScreen: remoteScreen,\n      localVideo: localVideo,\n      largeRemoteVideo: largeRemoteVideo,\n      smallRemoteVideo: smallRemoteVideo,\n    })\n  }, [])\n\n  // component did mount\n  useEffect(() => {\n    updateScreenStreams()\n    updateVideoStreams()\n\n    // register for full screen change\n    addEventListener('fullscreenchange', handleFullscreenChange)\n\n    return () => {\n      removeEventListener('fullscreenchange', handleFullscreenChange)\n\n      // clear timeout\n      if (uiTimeoutRef.current) {\n        clearTimeout(uiTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  // starting videocall\n  useEffect(() => {\n    if (isStartingVideoCall) {\n      enableVideo()\n      dispatch.currentCall.updateCurrentCall({\n        isStartingVideoCall: false,\n      })\n    }\n  }, [isStartingVideoCall])\n\n  // starting screen sharing\n  useEffect(() => {\n    if (isStartingScreenShare) {\n      initAndStartScreenShare()\n      store.dispatch.screenShare.update({\n        isStartingScreenShare: false,\n      })\n    }\n  }, [isStartingScreenShare])\n\n  // joining screen sharing\n  useEffect(() => {\n    if (isJoiningScreenShare) {\n      initAndJoinScreenShare()\n      store.dispatch.screenShare.update({\n        isJoiningScreenShare: false,\n      })\n    }\n  }, [isJoiningScreenShare])\n\n  // leaving screen sharing\n  useEffect(() => {\n    if (isLeavingScreenShare) {\n      leaveScreenShare()\n      store.dispatch.screenShare.update({\n        isLeavingScreenShare: false,\n      })\n    }\n  }, [isLeavingScreenShare])\n\n  // isOpen changed\n  useEffect(() => {\n    updateScreenStreams()\n    updateVideoStreams()\n  }, [isOpen])\n\n  const updateVideoStreams = () => {\n    const localVideoElement = store.getState().player.localVideo\n    const largeRemoteVideoElement = store.getState().player.largeRemoteVideo\n    const smallRemoteVideoElement = store.getState().player.smallRemoteVideo\n    const { localVideoStream, remoteVideoStream } = store.getState().webrtc\n\n    // local video stream\n\n    if (localVideoElement?.current) {\n      if (janus.current.attachMediaStream) {\n        janus.current.attachMediaStream(localVideoElement.current, localVideoStream as MediaStream)\n      }\n    }\n\n    // large remote video stream\n\n    if (largeRemoteVideoElement?.current && janus.current.attachMediaStream) {\n      janus.current.attachMediaStream(\n        largeRemoteVideoElement.current,\n        remoteVideoStream as MediaStream,\n      )\n    }\n\n    // small remote video stream\n\n    if (smallRemoteVideoElement?.current && janus.current.attachMediaStream) {\n      janus.current.attachMediaStream(\n        smallRemoteVideoElement.current,\n        remoteVideoStream as MediaStream,\n      )\n    }\n\n    if (remoteVideoStream instanceof MediaStream && remoteVideoStream.getVideoTracks().length > 0) {\n      dispatch.currentCall.updateCurrentCall({\n        showRemoteVideoPlaceHolder: false,\n      })\n    }\n  }\n\n  const handleFullscreenChange = () => {\n    setIsFullscreen(!!document.fullscreenElement)\n  }\n\n  const toggleFullScreen = () => {\n    if (document.fullscreenElement) {\n      document.exitFullscreen()\n      eventDispatch('phone-island-fullscreen-exited', {})\n    } else {\n      if (screenShareViewRef.current) {\n        ;(screenShareViewRef.current as HTMLElement).requestFullscreen()\n        eventDispatch('phone-island-fullscreen-entered', {})\n      }\n    }\n  }\n  useEventListener('phone-island-fullscreen-enter', () => {\n    toggleFullScreen()\n  })\n  useEventListener('phone-island-fullscreen-exit', () => {\n    toggleFullScreen()\n  })\n\n  const newRemoteFeed = (id, display) => {\n    // A new feed has been published, create a new plugin handle and attach to it as a listener\n\n    dispatch.screenShare.update({\n      source: id,\n    })\n\n    let remoteFeed: any = null\n    janusInstance?.attach({\n      plugin: 'janus.plugin.videoroom',\n      opaqueId: janus.current.randomString(32),\n      success: function (pluginHandle) {\n        remoteFeed = pluginHandle\n\n        dispatch.screenShare.update({\n          remoteFeed: pluginHandle,\n        })\n        remoteFeed.remoteTracks = {}\n        remoteFeed.remoteVideos = 0\n        janus.current.log?.(\n          'Plugin attached! (' + remoteFeed.getPlugin() + ', id=' + remoteFeed.getId() + ')',\n        )\n        janus.current.log?.('  -- This is a subscriber')\n        // We wait for the plugin to send us an offer\n        const { room } = store.getState().screenShare\n\n        let listen = {\n          request: 'join',\n          room: room,\n          ptype: 'subscriber',\n          feed: id,\n        }\n        remoteFeed.send({ message: listen })\n      },\n      error: function (error) {\n        janus.current.error?.('Error attaching videoroom plugin', error)\n      },\n      iceState: function (state) {\n        janus.current.log?.('ICE state (feed #' + remoteFeed.rfindex + ') changed to ' + state)\n      },\n      webrtcState: function (on) {\n        janus.current.log?.(\n          'Janus says this WebRTC PeerConnection (feed #' +\n            remoteFeed.rfindex +\n            ') is ' +\n            (on ? 'up' : 'down') +\n            ' now',\n        )\n      },\n      slowLink: function (uplink, lost, mid) {\n        janus.current.warn?.(\n          'Janus reports problems ' +\n            (uplink ? 'sending' : 'receiving') +\n            ' packets on mid ' +\n            mid +\n            ' (' +\n            lost +\n            ' lost packets)',\n        )\n      },\n      onmessage: function (msg, jsep) {\n        janus.current.debug?.(' ::: Got a message (listener) :::', msg)\n        let event = msg['videoroom']\n        janus.current.debug?.('Event: ' + event)\n        if (event) {\n          if (event === 'attached') {\n            // Subscriber created and attached\n            janus.current.log?.(\n              'Successfully attached to feed ' + id + ' (' + display + ') in room ' + msg['room'],\n            )\n          } else {\n            janus.current.warn?.('Unhandled event: ' + event)\n          }\n        }\n        if (jsep) {\n          janus.current.debug?.('Handling SDP as well...', jsep)\n          // Answer and attach\n          remoteFeed.createAnswer({\n            jsep: jsep,\n            // We only specify data channels here, as this way in\n            // case they were offered we'll enable them. Since we\n            // don't mention audio or video tracks, we autoaccept them\n            // as recvonly (since we won't capture anything ourselves)\n            tracks: [{ type: 'data' }],\n            success: function (jsep) {\n              janus.current.debug?.('Got SDP!', jsep)\n\n              const { room } = store.getState().screenShare\n\n              let body = { request: 'start', room: room }\n              remoteFeed.send({ message: body, jsep: jsep })\n            },\n            error: function (error) {\n              janus.current.error?.('WebRTC error:', error)\n            },\n          })\n        }\n      },\n      // eslint-disable-next-line no-unused-vars\n      onlocaltrack: function (track, on) {\n        // The subscriber stream is recvonly, we don't expect anything here\n      },\n      onremotetrack: function (track, mid, on, metadata) {\n        janus.current.debug?.(\n          'Remote track (mid=' +\n            mid +\n            ') ' +\n            (on ? 'added' : 'removed') +\n            (metadata ? ' (' + metadata.reason + ') ' : '') +\n            ':',\n          track,\n        )\n        // Screen sharing tracks are sometimes muted/unmuted by browser\n        // when data is not flowing fast enough; this can make streams blink.\n        // We can ignore these.\n        if (\n          track.kind === 'video' &&\n          metadata &&\n          (metadata.reason === 'mute' || metadata.reason === 'unmute')\n        ) {\n          janus.current.log?.('Ignoring mute/unmute on screen-sharing track.')\n          return\n        }\n        if (!on) {\n          const { remoteScreenStream } = store.getState().screenShare\n          janus.current.stopAllTracks(remoteScreenStream)\n          dispatch.screenShare.update({ active: false })\n          return\n        }\n        // If we're here, a new track was added\n        if (track.kind === 'video') {\n          // New video track: create a stream out of it\n          let stream = new MediaStream([track])\n\n          // Save the new video stream to the store\n          store.dispatch.screenShare.update({ remoteScreenStream: stream })\n\n          remoteFeed.remoteTracks[mid] = stream\n          janus.current.log?.('Created remote video stream: ' + stream)\n          const remoteScreenElement = store.getState().player.remoteScreen\n\n          if (remoteScreenElement?.current) {\n            janus.current.attachMediaStream?.(remoteScreenElement.current, stream)\n          }\n        }\n      },\n      oncleanup: function () {\n        janus.current.log?.(' ::: Got a cleanup notification (remote feed ' + id + ') :::')\n        remoteFeed.remoteTracks = {}\n        remoteFeed.remoteVideos = 0\n      },\n    })\n  }\n\n  const enableVideo = () => {\n    if (videoRenegotiationInFlightRef.current) {\n      return\n    }\n\n    const { sipcall }: { sipcall: any } = store.getState().webrtc\n    videoRenegotiationInFlightRef.current = true\n    store.dispatch.currentCall.updateCurrentCall({\n      isLocalVideoEnabled: true,\n    })\n    const tracks: JanusTrack[] = []\n    const currentVideoInputDeviceId = getCurrentVideoInputDeviceId()\n\n    const track: Partial<JanusTrack> = {\n      type: 'video',\n      recv: true,\n    }\n\n    if (currentVideoInputDeviceId) {\n      track.capture = { deviceId: { exact: currentVideoInputDeviceId } }\n    } else {\n      track.capture = true\n    }\n\n    const { hasVideoTrackAdded } = store.getState().currentCall\n    const { remoteVideoStream } = store.getState().webrtc\n    const videoTransceiver = sipcall?.webrtcStuff?.pc\n      ?.getTransceivers?.()\n      ?.find(\n        (transceiver: RTCRtpTransceiver) =>\n          transceiver.receiver?.track?.kind === 'video' ||\n          transceiver.sender?.track?.kind === 'video',\n      )\n    const shouldReplaceExistingVideoTransceiver =\n      hasVideoTrackAdded ||\n      Boolean(videoTransceiver) ||\n      (remoteVideoStream instanceof MediaStream && remoteVideoStream.getVideoTracks().length > 0)\n\n    if (!shouldReplaceExistingVideoTransceiver) {\n      track.add = true\n      dispatch.currentCall.setVideoTrackAdded(true)\n    } else {\n      // Reuse the existing video transceiver when available instead of assuming a\n      // fixed mid, otherwise fall back to adding a new local video track.\n      if (videoTransceiver) {\n        track.replace = true\n        if (videoTransceiver.mid) {\n          track.mid = videoTransceiver.mid\n        }\n        if (!hasVideoTrackAdded) {\n          dispatch.currentCall.setVideoTrackAdded(true)\n        }\n      } else {\n        track.add = true\n        dispatch.currentCall.setVideoTrackAdded(true)\n      }\n    }\n    tracks.push(track as JanusTrack)\n\n    sipcall.createOffer({\n      tracks: tracks,\n      success: function (jsep) {\n        videoRenegotiationInFlightRef.current = false\n        sipcall.send({ message: { request: 'update' }, jsep: jsep })\n        notifyPeerVideoStart()\n        dispatchVideoCallStarted({\n          initiator: 'local',\n          callUser: store.getState().currentUser.username,\n          destUser: store.getState().currentCall.username,\n        })\n        eventDispatch('phone-island-video-enabled', {})\n      },\n      error: function (error) {\n        videoRenegotiationInFlightRef.current = false\n        console.error('WebRTC error... ' + JSON.stringify(error))\n      },\n    })\n  }\n  useEventListener('phone-island-video-enable', () => {\n    enableVideo()\n  })\n\n  const disableVideo = () => {\n    if (videoRenegotiationInFlightRef.current) {\n      return\n    }\n\n    const { sipcall, localVideoStream }: { sipcall: any; localVideoStream: MediaStream | null } =\n      store.getState().webrtc\n    videoRenegotiationInFlightRef.current = true\n    const videoTransceiver = sipcall?.webrtcStuff?.pc\n      ?.getTransceivers?.()\n      ?.find(\n        (transceiver: RTCRtpTransceiver) =>\n          transceiver.receiver?.track?.kind === 'video' ||\n          transceiver.sender?.track?.kind === 'video',\n      )\n\n    janus.current.stopAllTracks(localVideoStream)\n    store.dispatch.webrtc.updateLocalVideoStream(null)\n    store.dispatch.currentCall.setLocalVideoEnabled(false)\n    const tracks: JanusTrack[] = []\n    tracks.push({\n      type: 'video',\n      ...(videoTransceiver?.mid ? { mid: videoTransceiver.mid } : {}),\n      remove: true,\n    })\n\n    sipcall.createOffer({\n      tracks: tracks,\n      success: function (jsep) {\n        videoRenegotiationInFlightRef.current = false\n        sipcall.send({ message: { request: 'update' }, jsep: jsep })\n        eventDispatch('phone-island-video-disabled', {})\n      },\n      error: function (error) {\n        videoRenegotiationInFlightRef.current = false\n        console.error('WebRTC error... ' + JSON.stringify(error))\n      },\n    })\n  }\n  useEventListener('phone-island-video-disable', () => {\n    disableVideo()\n  })\n\n  const toggleVideo = async () => {\n    let cameraPermission = await checkCameraPermission()\n    if (cameraPermission) {\n      if (isLocalVideoEnabled) {\n        disableVideo()\n      } else {\n        enableVideo()\n      }\n    }\n  }\n\n  const shareScreen = () => {\n    if (!janus.current.isExtensionEnabled()) {\n      janus.current.error?.(\n        \"This browser doesn't support screensharing (getDisplayMedia unavailable)\",\n      )\n      return\n    }\n\n    // Create a new room\n    const roomName = janus.current.randomString(32)\n\n    let create = {\n      request: 'create',\n      description: roomName,\n      bitrate: 500000,\n      publishers: 1,\n    }\n\n    const { plugin } = store.getState().screenShare\n\n    plugin.send({\n      message: create,\n      success: function (result) {\n        if (result['error']) {\n          janus.current.error?.(\"Couldn't create room: \" + result['error'])\n          return\n        }\n        let event = result['videoroom']\n        janus.current.debug?.('Event: ' + event)\n        if (event) {\n          // Our own screen sharing session has been created, join it\n\n          const room = result['room']\n          // Set room to the store\n          dispatch.screenShare.update({\n            room: room,\n          })\n\n          janus.current.log?.('Screen sharing session created: ' + room)\n\n          const { username } = store.getState().currentUser\n\n          if (screenSharePublisherJoinRequestedRef.current) {\n            janus.current.log?.(\n              'Screen share publisher join already requested on this handle, skipping duplicate join',\n            )\n            return\n          }\n\n          screenSharePublisherJoinRequestedRef.current = true\n\n          let register = {\n            request: 'join',\n            room: room,\n            ptype: 'publisher',\n            display: username,\n          }\n          plugin.send({ message: register })\n        }\n      },\n    })\n  }\n\n  const initScreenShare = () => {\n    janusInstance?.attach({\n      plugin: 'janus.plugin.videoroom',\n      opaqueId: janus.current.randomString(32),\n      success: function (pluginHandle) {\n        // Set plugin to the store\n        dispatch.screenShare.update({\n          plugin: pluginHandle,\n        })\n        const { role } = store.getState().screenShare\n\n        if (role === 'publisher') {\n          // trigger event to nethlink\n          eventDispatch('phone-island-screen-share-initialized', {})\n\n          setTimeout(function () {\n            shareScreen()\n          }, 500)\n        } else if (role === 'listener') {\n          joinScreenShare()\n        }\n        eventDispatch('phone-island-screen-share-started', {})\n      },\n      error: function (error) {\n        janus.current.error?.('Error attaching videoroom plugin', error)\n      },\n      consentDialog: function (on) {},\n      iceState: function (state) {\n        janus.current.log?.('ICE state changed to ' + state)\n      },\n      mediaState: function (medium, on) {\n        janus.current.log?.('Janus ' + (on ? 'started' : 'stopped') + ' receiving our ' + medium)\n      },\n      webrtcState: function (on) {\n        janus.current.log?.(\n          'Janus says our WebRTC PeerConnection is ' + (on ? 'up' : 'down') + ' now',\n        )\n      },\n      slowLink: function (uplink, lost, mid) {\n        janus.current.warn?.(\n          'Janus reports problems ' +\n            (uplink ? 'sending' : 'receiving') +\n            ' packets on mid ' +\n            mid +\n            ' (' +\n            lost +\n            ' lost packets)',\n        )\n      },\n      onmessage: function (msg, jsep) {\n        janus.current.debug?.(' ::: Got a message (publisher) :::', msg)\n        const { plugin, role } = store.getState().screenShare\n        const event = msg['videoroom']\n        janus.current.debug?.('Event: ' + event)\n\n        if (event) {\n          if (event === 'joined') {\n            if (role === 'publisher') {\n              // This is our session, publish our stream\n              janus.current.debug?.('Negotiating WebRTC stream for our screen')\n\n              plugin.createOffer({\n                // We want sendonly audio and screensharing\n                tracks: [\n                  { type: 'audio', capture: true, recv: false },\n                  { type: 'screen', capture: true, recv: false },\n                ],\n                success: function (jsep) {\n                  janus.current.debug?.('Got publisher SDP!', jsep)\n                  let publish = { request: 'configure', audio: true, video: true }\n                  plugin.send({ message: publish, jsep: jsep })\n                },\n                error: function (error) {\n                  screenSharePublisherJoinRequestedRef.current = false\n                  janus.current.error?.('WebRTC error:', error)\n                  dispatch.screenShare.update({ active: false, role: '' })\n                },\n              })\n            } else {\n              // We're just watching a session, any feed to attach to?\n              if (msg['publishers']) {\n                let list = msg['publishers']\n                janus.current.debug?.('Got a list of available publishers/feeds:', list)\n                for (let f in list) {\n                  if (list[f]['dummy']) continue\n                  let id = list[f]['id']\n                  let display = list[f]['display']\n                  janus.current.debug?.('  >> [' + id + '] ' + display)\n                  newRemoteFeed(id, display)\n                }\n              }\n            }\n          } else if (event === 'event') {\n            // Any feed to attach to?\n            if (role === 'listener' && msg['publishers']) {\n              let list = msg['publishers']\n              janus.current.debug?.('Got a list of available publishers/feeds:', list)\n              for (let f in list) {\n                if (list[f]['dummy']) continue\n                let id = list[f]['id']\n                let display = list[f]['display']\n                janus.current.debug?.('  >> [' + id + '] ' + display)\n                newRemoteFeed(id, display)\n              }\n            } else if (msg['leaving']) {\n              // One of the publishers has gone away?\n              let leaving = msg['leaving']\n              janus.current.log?.('Publisher left: ' + leaving)\n            } else if (msg['error']) {\n              janus.current.error?.('Error event: ' + msg['error'])\n            }\n          }\n        }\n        if (jsep) {\n          janus.current.debug?.('Handling SDP as well...', jsep)\n          plugin.handleRemoteJsep({ jsep: jsep })\n        }\n      },\n      onlocaltrack: function (track, on) {\n        janus.current.debug?.('Local track ' + (on ? 'added' : 'removed') + ':', track)\n        // We use the track ID as name of the element, but it may contain invalid characters\n        let trackId = track.id.replace(/[{}]/g, '')\n        if (!on) {\n          // Track removed, get rid of the stream and the rendering\n          let stream = localTracks?.[trackId]\n          if (stream) {\n            try {\n              let tracks = stream.getTracks()\n              for (let i in tracks) {\n                let mst = tracks[i]\n                if (mst) mst.stop()\n              }\n              // eslint-disable-next-line no-unused-vars\n            } catch (e) {}\n          }\n          if (track.kind === 'video') {\n            dispatch.screenShare.update({\n              localVideos: localVideos - 1,\n            })\n          }\n\n          // remove track\n          const filteredTracks = localTracks?.filter((track) => track !== localTracks[trackId])\n          dispatch.screenShare.update({\n            localTracks: filteredTracks,\n          })\n          return\n        }\n        // If we're here, a new track was added\n        let stream = localTracks?.[trackId]\n        if (stream) {\n          // We've been here already\n          return\n        }\n\n        if (track.kind === 'video') {\n          // New video track: create a stream out of it\n          dispatch.screenShare.update({\n            localVideos: localVideos + 1,\n          })\n          let stream = new MediaStream([track])\n\n          // Save the new video stream to the store\n          store.dispatch.screenShare.update({\n            localScreenStream: stream,\n          })\n\n          janus.current.log?.('Created local stream: ' + stream)\n          const localScreenElement = store.getState().player.localScreen\n\n          if (localScreenElement?.current) {\n            janus.current.attachMediaStream?.(localScreenElement.current, stream)\n            inviteOtherUser()\n\n            // Listen for the 'ended' event on the screen-sharing track\n            track.addEventListener('ended', () => {\n              stopScreenShare()\n            })\n          }\n        }\n        const { plugin } = store.getState().screenShare\n\n        if (\n          plugin.webrtcStuff.pc.iceConnectionState !== 'completed' &&\n          plugin.webrtcStuff.pc.iceConnectionState !== 'connected'\n        ) {\n        }\n      },\n      // eslint-disable-next-line no-unused-vars\n      onremotetrack: function (track, mid, on) {\n        // The publisher stream is sendonly, we don't expect anything here\n      },\n      oncleanup: function () {\n        janus.current.log?.(' ::: Got a cleanup notification :::')\n        screenSharePublisherJoinRequestedRef.current = false\n\n        dispatch.screenShare.update({\n          localTracks: {},\n          localVideos: 0,\n        })\n      },\n    })\n  }\n\n  const updateScreenStreams = () => {\n    const localScreenElement = store.getState().player.localScreen\n    const remoteScreenElement = store.getState().player.remoteScreen\n    const { localScreenStream, remoteScreenStream } = store.getState().screenShare\n\n    // local screen stream\n\n    if (localScreenElement?.current) {\n      if (janus.current.attachMediaStream) {\n        janus.current.attachMediaStream(\n          localScreenElement.current,\n          localScreenStream as MediaStream,\n        )\n      }\n    }\n\n    // remote screen stream\n\n    if (remoteScreenElement?.current) {\n      if (janus.current.attachMediaStream) {\n        janus.current.attachMediaStream(\n          remoteScreenElement.current,\n          remoteScreenStream as MediaStream,\n        )\n      }\n    }\n  }\n\n  const inviteOtherUser = () => {\n    // send message to websocket to invite the other user\n    const { socket } = store.getState().websocket\n    const { username: destUsername } = store.getState().currentCall\n    const { room } = store.getState().screenShare\n    const { username } = store.getState().currentUser\n\n    socket.emit('message', {\n      message: 'screenSharingStart',\n      roomId: room,\n      destUser: destUsername,\n      callUser: username,\n    } as ScreenSharingMessage)\n  }\n\n  const initAndStartScreenShare = () => {\n    screenSharePublisherJoinRequestedRef.current = false\n    dispatch.screenShare.update({ active: true, role: 'publisher' })\n    initScreenShare()\n  }\n  useEventListener('phone-island-screen-share-start', () => {\n    initAndStartScreenShare()\n  })\n\n  const initAndJoinScreenShare = () => {\n    dispatch.screenShare.update({ active: true, role: 'listener' })\n    initScreenShare()\n    eventDispatch('phone-island-screen-share-joined', {})\n  }\n\n  const joinScreenShare = () => {\n    const { room } = store.getState().screenShare\n    const { username } = store.getState().currentUser\n\n    const joinMessage = {\n      request: 'join',\n      room: room,\n      ptype: 'publisher',\n      display: username,\n    }\n\n    const { plugin } = store.getState().screenShare\n    plugin.send({ message: joinMessage })\n  }\n\n  const leaveScreenShare = () => {\n    const { remoteScreenStream } = store.getState().screenShare\n    janus.current.stopAllTracks(remoteScreenStream)\n    dispatch.screenShare.update({ active: false })\n    eventDispatch('phone-island-screen-share-left', {})\n  }\n\n  const handleMouseMove = () => {\n    setUiShown(true)\n\n    if (uiTimeoutRef.current) {\n      clearTimeout(uiTimeoutRef.current)\n      uiTimeoutRef.current = null\n    }\n  }\n\n  const startHideTimer = () => {\n    // start a timer when mouse stops moving to hide video UI\n    uiTimeoutRef.current = setTimeout(() => {\n      setUiShown(false)\n    }, 3000)\n  }\n\n  const handleMouseMoveWithDebounce = () => {\n    handleMouseMove()\n\n    // clear the previous debounce timer\n    if (debounceTimerRef.current) {\n      clearTimeout(debounceTimerRef.current)\n    }\n\n    // set a new debounce timer - when this isn't cleared, it means the mouse has stopped\n    debounceTimerRef.current = setTimeout(() => {\n      startHideTimer()\n    }, 100) // small delay to detect \"stopped moving\"\n  }\n\n  const stopScreenShare = () => {\n    const { plugin, localScreenStream } = store.getState().screenShare\n\n    screenSharePublisherJoinRequestedRef.current = false\n    janus.current.stopAllTracks(localScreenStream)\n    dispatch.screenShare.update({ active: false })\n    plugin.detach()\n\n    // send message to websocket to tell the other user the screen share has stopped\n    const { socket } = store.getState().websocket\n    const { username: destUsername } = store.getState().currentCall\n    const { room } = store.getState().screenShare\n    const { username } = store.getState().currentUser\n\n    socket.emit('message', {\n      message: 'screenSharingStop',\n      roomId: room,\n      destUser: destUsername,\n      callUser: username,\n    } as ScreenSharingMessage)\n\n    eventDispatch('phone-island-screen-share-stopped', {})\n  }\n  useEventListener('phone-island-screen-share-stop', () => {\n    stopScreenShare()\n  })\n\n  const pauseCall = () => {\n    pauseCurrentCall()\n    stopScreenShare()\n  }\n\n  const [isVideoCallButtonVisible, setIsVideoCallButtonVisible] = useState(true)\n\n  const checkCameraPermission = async () => {\n    if (videoInputDevices?.length > 0) {\n      const isWebCamAccepted = await checkWebCamPermission()\n      if (isWebCamAccepted) {\n        setIsVideoCallButtonVisible(true)\n        return true\n      } else {\n        setIsVideoCallButtonVisible(false)\n        return false\n      }\n    } else {\n      setIsVideoCallButtonVisible(false)\n      return false\n    }\n  }\n\n  return (\n    <>\n      {isOpen ? (\n        <div\n          ref={screenShareViewRef}\n          onMouseMove={() => handleMouseMoveWithDebounce()}\n          className={isFullscreen ? 'pi-h-screen' : 'pi-h-[480px] pi-w-[600px]'}\n        >\n          <div className={`pi-flex pi-relative pi-justify-center pi-w-full pi-h-full`}>\n            {/* large remote screen */}\n            <video\n              autoPlay\n              muted={true}\n              ref={remoteScreen}\n              className={`pi-rounded-2xl pi-w-full pi-h-full ${\n                !screenShareActive || screenShareRole !== 'listener' ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* large local screen */}\n            <video\n              autoPlay\n              muted={true}\n              ref={localScreen}\n              className={`pi-rounded-2xl pi-w-full pi-h-full ${\n                !screenShareActive || screenShareRole !== 'publisher' ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* large remote video */}\n            <video\n              autoPlay\n              muted={true}\n              ref={largeRemoteVideo}\n              className={`pi-rounded-2xl ${\n                screenShareActive || showRemoteVideoPlaceHolder ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* remote video placeholder */}\n            <div\n              className={`pi-w-full pi-bg-gray-200 dark:pi-bg-gray-800 pi-flex pi-items-center pi-justify-center ${\n                screenShareActive || !showRemoteVideoPlaceHolder ? 'pi-hidden' : ''\n              }`}\n            >\n              <div className='pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-32 pi-h-32 pi-flex pi-items-center pi-justify-center'>\n                <span className='pi-text-4xl pi-text-gray-50 dark:pi-text-gray-900'>\n                  {getInitials(displayName)}\n                </span>\n              </div>\n            </div>\n            {/* small local video */}\n            <video\n              muted={true}\n              autoPlay\n              ref={localVideo}\n              className={`pi-max-w-32 pi-max-h-32 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg ${\n                !isLocalVideoEnabled ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* small local video placeholder */}\n            <div\n              className={`pi-w-32 pi-h-24 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ${\n                isLocalVideoEnabled || !hasVideoTrackAdded ? 'pi-hidden' : ''\n              }`}\n            >\n              <div className='pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center'>\n                <span className='pi-text-base pi-text-gray-50 dark:pi-text-gray-900'>\n                  {getInitials(userInfo.name || '-')}\n                </span>\n              </div>\n            </div>\n            {/* small remote video */}\n            <video\n              muted={true}\n              autoPlay\n              ref={smallRemoteVideo}\n              className={`pi-max-w-32 pi-max-h-32 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg ${\n                !screenShareActive || showRemoteVideoPlaceHolder ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* small remote video placeholder */}\n            <div\n              className={`pi-w-32 pi-h-24 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ${\n                !screenShareActive || !showRemoteVideoPlaceHolder || !hasVideoTrackAdded\n                  ? 'pi-hidden'\n                  : ''\n              }`}\n            >\n              <div className='pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center'>\n                <span className='pi-text-base pi-text-gray-50 dark:pi-text-gray-900'>\n                  {getInitials(displayName)}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div\n            className={`${\n              !isUiShown && 'pi-opacity-0 pi-pointer-events-none'\n            } pi-absolute pi-bottom-0 pi-bg-gray-950/65 pi-w-full pi-p-6 pi-rounded-bl-[20px] pi-rounded-br-[20px] pi-transition-all`}\n          >\n            <div className='pi-flex pi-items-center pi-justify-center pi-gap-6 pi-mb-5'>\n              {/* mute button */}\n              {!intrudeListenStatus?.isListen && (\n                <Button\n                  variant='default'\n                  active={muted ? true : false}\n                  onClick={() => (muted ? unmuteCurrentCall() : muteCurrentCall())}\n                  data-tooltip-id='tooltip-mute'\n                  data-tooltip-content={muted ? `${t('Tooltip.Unmute')}` : `${t('Tooltip.Mute')}`}\n                >\n                  {muted ? (\n                    <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophoneSlash} />\n                  ) : (\n                    <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophone} />\n                  )}\n                </Button>\n              )}\n\n              {/* video button */}\n              {videoInputDevices?.length > 0 && (\n                <Button\n                  variant='default'\n                  onClick={() => toggleVideo()}\n                  data-tooltip-id='tooltip-toggle-video'\n                  data-tooltip-content={`${\n                    !isVideoCallButtonVisible\n                      ? t('Tooltip.Enable camera permission') || ''\n                      : isLocalVideoEnabled\n                      ? t('Tooltip.Disable camera')\n                      : t('Tooltip.Enable camera')\n                  }`}\n                  disabled={!isVideoCallButtonVisible}\n                  className={`${!isVideoCallButtonVisible ? 'pi-cursor-auto' : ''}`}\n                >\n                  <FontAwesomeIcon\n                    className='pi-h-6 pi-w-6'\n                    icon={isVideoCallButtonVisible || isLocalVideoEnabled ? faVideo : faVideoSlash}\n                  />\n                </Button>\n              )}\n\n              {/* Share screen button */}\n              {janus.current.webRTCAdapter.browserDetails.browser !== 'safari' &&\n                userInfo?.profile?.macro_permissions?.nethvoice_cti?.permissions?.screen_sharing\n                  ?.value &&\n                !screenShareActive && (\n                  <Button\n                    variant='default'\n                    onClick={() => initAndStartScreenShare()}\n                    data-tooltip-id='tooltip-start-screen-share'\n                    data-tooltip-content={t('Tooltip.Share screen') || ''}\n                  >\n                    <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faDisplay} />\n                  </Button>\n                )}\n\n              {/* stop screen share */}\n              {screenShareActive && screenShareRole === 'publisher' && (\n                <Button\n                  variant='default'\n                  onClick={() => stopScreenShare()}\n                  data-tooltip-id='tooltip-stop-screen-share'\n                  data-tooltip-content={t('Tooltip.Stop sharing')}\n                >\n                  <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faDisplaySlash} />\n                </Button>\n              )}\n\n              {/* fullscreen */}\n              {screenShareActive && screenShareRole === 'listener' && (\n                <Button\n                  variant='default'\n                  onClick={() => toggleFullScreen()}\n                  data-tooltip-id='tooltip-toggle-fullscreen'\n                  data-tooltip-content={\n                    isFullscreen ? t('Tooltip.Exit fullscreen') : t('Tooltip.Enter fullscreen')\n                  }\n                >\n                  <FontAwesomeIcon\n                    className='pi-h-6 pi-w-6'\n                    icon={isFullscreen ? faCompress : faExpand}\n                  />\n                </Button>\n              )}\n\n              {/* record */}\n              {userInfo?.profile?.macro_permissions?.settings?.permissions?.recording?.value && (\n                <Button\n                  variant='default'\n                  onClick={() => recordCurrentCall(isRecording)}\n                  data-tooltip-id='tooltip-record-video-view'\n                  data-tooltip-content={\n                    isRecording ? t('Tooltip.Stop recording') : t('Tooltip.Record')\n                  }\n                >\n                  <FontAwesomeIcon\n                    className='pi-h-6 pi-w-6'\n                    icon={isRecording ? faStop : faRecord}\n                  />\n                </Button>\n              )}\n\n              {/* hold */}\n              {!(intrudeListenStatus?.isIntrude || intrudeListenStatus?.isListen) && (\n                <Button\n                  variant='default'\n                  onClick={() => (paused ? unpauseCurrentCall() : pauseCall())}\n                  data-tooltip-id='tooltip-pause-video-view'\n                  data-tooltip-content={paused ? t('Tooltip.Play') : t('Tooltip.Pause')}\n                >\n                  <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={paused ? faPlay : faPause} />\n                </Button>\n              )}\n            </div>\n            <Hangup buttonsVariant='default' />\n          </div>\n          {/* Buttons tooltips */}\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-mute-video-view' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-video' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-fullscreen' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-start-screen-share' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-stop-screen-share' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-record-video-view' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-pause-video-view' place='bottom' />\n        </div>\n      ) : (\n        // collapsed view\n        <>\n          <div className='pi-flex pi-justify-between pi-items-center'>\n            <Avatar />\n            <Timer startTime={startTime} isNotAlwaysWhite />\n            {!isOpen && remoteAudioStream && !isPhysical() && (\n              <AudioBars\n                audioStream={remoteAudioStream}\n                paused={paused}\n                size={isOpen ? 'large' : 'small'}\n              />\n            )}\n          </div>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default VideoView\n"],"names":["VideoView","dispatch","useDispatch","_l","useSelector","state","currentCall","muted","startTime","isRecording","paused","isLocalVideoEnabled","showRemoteVideoPlaceHolder","hasVideoTrackAdded","displayName","isStartingVideoCall","_m","screenShare","localTracks","localVideos","screenShareRole","role","screenShareActive","active","isStartingScreenShare","isJoiningScreenShare","isLeavingScreenShare","intrudeListenStatus","listen","isOpen","island","_o","webrtc","janusInstance","remoteAudioStream","userInfo","store","getState","currentUser","_p","useState","isFullscreen","setIsFullscreen","_q","isUiShown","setUiShown","uiTimeoutRef","useRef","debounceTimerRef","videoRenegotiationInFlightRef","screenSharePublisherJoinRequestedRef","screenShareViewRef","localScreen","remoteScreen","localVideo","largeRemoteVideo","smallRemoteVideo","janus","JanusLib","videoInputDevices","select","mediaDevices","useIsomorphicLayoutEffect","player","updatePlayer","useEffect","updateScreenStreams","updateVideoStreams","addEventListener","handleFullscreenChange","removeEventListener","current","clearTimeout","enableVideo","updateCurrentCall","initAndStartScreenShare","update","initAndJoinScreenShare","leaveScreenShare","localVideoElement","largeRemoteVideoElement","smallRemoteVideoElement","_a","localVideoStream","remoteVideoStream","attachMediaStream","MediaStream","getVideoTracks","length","document","fullscreenElement","toggleFullScreen","exitFullscreen","eventDispatch","requestFullscreen","useEventListener","newRemoteFeed","id","display","source","remoteFeed","attach","plugin","opaqueId","randomString","success","pluginHandle","remoteTracks","remoteVideos","_b","log","call","getPlugin","getId","_d","_c","request","room","ptype","feed","send","message","error","iceState","rfindex","webrtcState","on","slowLink","uplink","lost","mid","warn","onmessage","msg","jsep","debug","event","_f","_e","_h","_g","_k","_j","createAnswer","tracks","type","body","onlocaltrack","track","onremotetrack","metadata","reason","kind","remoteScreenStream","stopAllTracks","stream","remoteScreenElement","oncleanup","sipcall","currentVideoInputDeviceId","getCurrentVideoInputDeviceId","recv","capture","deviceId","exact","videoTransceiver","webrtcStuff","pc","getTransceivers","find","transceiver","receiver","sender","Boolean","replace","setVideoTrackAdded","add","push","createOffer","socket","destUser","callUser","websocket","username","emit","dispatchVideoCallStarted","initiator","console","JSON","stringify","disableVideo","updateLocalVideoStream","setLocalVideoEnabled","__assign","remove","initScreenShare","setTimeout","isExtensionEnabled","create","description","bitrate","publishers","result","register","shareScreen","joinScreenShare","consentDialog","mediaState","medium","_w","audio","video","list","f","leaving","_r","_t","_s","_v","_u","handleRemoteJsep","trackId","stream_2","localScreenStream","localScreenElement","inviteOtherUser","stopScreenShare","iceConnectionState","stream_1","getTracks","i","mst","stop","e","filteredTracks","filter","destUsername","roomId","joinMessage","handleMouseMoveWithDebounce","detach","isVideoCallButtonVisible","setIsVideoCallButtonVisible","checkCameraPermission","__awaiter","checkWebCamPermission","sent","React","createElement","Fragment","ref","onMouseMove","className","autoPlay","concat","getInitials","name","isListen","Button","variant","onClick","unmuteCurrentCall","muteCurrentCall","t","FontAwesomeIcon","icon","faMicrophoneSlash","faMicrophone","disabled","faVideo","faVideoSlash","webRTCAdapter","browserDetails","browser","profile","macro_permissions","nethvoice_cti","permissions","screen_sharing","value","faDisplay","faDisplaySlash","faCompress","faExpand","settings","recording","recordCurrentCall","faStop","faRecord","isIntrude","unpauseCurrentCall","pauseCurrentCall","faPlay","faPause","Hangup","buttonsVariant","CustomThemedTooltip","place","Avatar","Timer","isNotAlwaysWhite","isPhysical","AudioBars","audioStream","size"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/VideoView/index.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef, useState } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState, store } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faCompress,\n  faDisplay,\n  faExpand,\n  faMicrophone,\n  faMicrophoneSlash,\n  faPause,\n  faPlay,\n  faStop,\n  faVideo,\n  faVideoSlash,\n} from '@fortawesome/free-solid-svg-icons'\nimport { t } from 'i18next'\nimport { eventDispatch, useEventListener, useIsomorphicLayoutEffect } from '../../utils'\nimport Hangup from '../Hangup'\nimport {\n  muteCurrentCall,\n  pauseCurrentCall,\n  recordCurrentCall,\n  unmuteCurrentCall,\n  unpauseCurrentCall,\n} from '../../lib/phone/call'\nimport { JanusTrack, JanusTypes } from '../../types/webrtc'\nimport JanusLib from '../../lib/webrtc/janus.js'\nimport Avatar from '../CallView/Avatar'\nimport Timer from '../CallView/Timer'\nimport { isPhysical } from '../../lib/user/default_device'\nimport { AudioBars } from '../AudioBars'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { faDisplaySlash, faRecord } from '@nethesis/nethesis-solid-svg-icons'\nimport { getCurrentVideoInputDeviceId } from '../../lib/devices/devices'\nimport { getInitials } from '../../lib/avatars/avatars'\nimport { checkWebCamPermission } from '../../lib/devices/devices'\n\nexport interface VideoViewProps {}\n\nexport type ScreenSharingMessage = {\n  message: 'screenSharingStart' | 'screenSharingStop'\n  roomId: string\n  destUser: string\n  callUser: string\n}\n\nexport const VideoView: FC<VideoViewProps> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const {\n    muted,\n    startTime,\n    isRecording,\n    paused,\n    isLocalVideoEnabled,\n    showRemoteVideoPlaceHolder,\n    hasVideoTrackAdded,\n    displayName,\n    isStartingVideoCall,\n  } = useSelector((state: RootState) => state.currentCall)\n  const {\n    localTracks,\n    localVideos,\n    role: screenShareRole,\n    active: screenShareActive,\n    isStartingScreenShare,\n    isJoiningScreenShare,\n    isLeavingScreenShare,\n  } = useSelector((state: RootState) => state.screenShare)\n  const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { janusInstance, remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n  const userInfo = store.getState().currentUser\n  const [isFullscreen, setIsFullscreen] = useState(false)\n  const [isUiShown, setUiShown] = useState(false)\n  const uiTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const screenShareViewRef = useRef(null)\n  const localScreen = useRef<HTMLVideoElement>(null)\n  const remoteScreen = useRef<HTMLVideoElement>(null)\n  const localVideo = useRef<HTMLVideoElement>(null)\n  const largeRemoteVideo = useRef<HTMLVideoElement>(null)\n  const smallRemoteVideo = useRef<HTMLVideoElement>(null)\n  const janus = useRef<JanusTypes>(JanusLib)\n  const videoInputDevices = store.select.mediaDevices.videoInputDevices(store.getState())\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch.player.updatePlayer({\n      localScreen: localScreen,\n      remoteScreen: remoteScreen,\n      localVideo: localVideo,\n      largeRemoteVideo: largeRemoteVideo,\n      smallRemoteVideo: smallRemoteVideo,\n    })\n  }, [])\n\n  // component did mount\n  useEffect(() => {\n    updateScreenStreams()\n    updateVideoStreams()\n\n    // register for full screen change\n    addEventListener('fullscreenchange', handleFullscreenChange)\n\n    return () => {\n      removeEventListener('fullscreenchange', handleFullscreenChange)\n\n      // clear timeout\n      if (uiTimeoutRef.current) {\n        clearTimeout(uiTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  // starting videocall\n  useEffect(() => {\n    if (isStartingVideoCall) {\n      enableVideo()\n      dispatch.currentCall.updateCurrentCall({\n        isStartingVideoCall: false,\n      })\n    }\n  }, [isStartingVideoCall])\n\n  // starting screen sharing\n  useEffect(() => {\n    if (isStartingScreenShare) {\n      initAndStartScreenShare()\n      store.dispatch.screenShare.update({\n        isStartingScreenShare: false,\n      })\n    }\n  }, [isStartingScreenShare])\n\n  // joining screen sharing\n  useEffect(() => {\n    if (isJoiningScreenShare) {\n      initAndJoinScreenShare()\n      store.dispatch.screenShare.update({\n        isJoiningScreenShare: false,\n      })\n    }\n  }, [isJoiningScreenShare])\n\n  // leaving screen sharing\n  useEffect(() => {\n    if (isLeavingScreenShare) {\n      leaveScreenShare()\n      store.dispatch.screenShare.update({\n        isLeavingScreenShare: false,\n      })\n    }\n  }, [isLeavingScreenShare])\n\n  // isOpen changed\n  useEffect(() => {\n    updateScreenStreams()\n    updateVideoStreams()\n  }, [isOpen])\n\n  const updateVideoStreams = () => {\n    const localVideoElement = store.getState().player.localVideo\n    const largeRemoteVideoElement = store.getState().player.largeRemoteVideo\n    const smallRemoteVideoElement = store.getState().player.smallRemoteVideo\n    const { localVideoStream, remoteVideoStream } = store.getState().webrtc\n\n    // local video stream\n\n    if (localVideoElement?.current) {\n      if (janus.current.attachMediaStream) {\n        janus.current.attachMediaStream(localVideoElement.current, localVideoStream as MediaStream)\n      }\n    }\n\n    // large remote video stream\n\n    if (largeRemoteVideoElement?.current && janus.current.attachMediaStream) {\n      janus.current.attachMediaStream(\n        largeRemoteVideoElement.current,\n        remoteVideoStream as MediaStream,\n      )\n    }\n\n    // small remote video stream\n\n    if (smallRemoteVideoElement?.current && janus.current.attachMediaStream) {\n      janus.current.attachMediaStream(\n        smallRemoteVideoElement.current,\n        remoteVideoStream as MediaStream,\n      )\n    }\n  }\n\n  const handleFullscreenChange = () => {\n    setIsFullscreen(!!document.fullscreenElement)\n  }\n\n  const toggleFullScreen = () => {\n    if (document.fullscreenElement) {\n      // exit full screen\n      document.exitFullscreen()\n      eventDispatch('phone-island-fullscreen-exited', {})\n    } else {\n      // enter full screen\n      if (screenShareViewRef.current) {\n        ;(screenShareViewRef.current as HTMLElement).requestFullscreen()\n        eventDispatch('phone-island-fullscreen-entered', {})\n      }\n    }\n  }\n  useEventListener('phone-island-fullscreen-enter', () => {\n    toggleFullScreen()\n  })\n  useEventListener('phone-island-fullscreen-exit', () => {\n    toggleFullScreen()\n  })\n\n  const newRemoteFeed = (id, display) => {\n    // A new feed has been published, create a new plugin handle and attach to it as a listener\n\n    dispatch.screenShare.update({\n      source: id,\n    })\n\n    let remoteFeed: any = null\n    janusInstance?.attach({\n      plugin: 'janus.plugin.videoroom',\n      opaqueId: janus.current.randomString(32),\n      success: function (pluginHandle) {\n        remoteFeed = pluginHandle\n\n        dispatch.screenShare.update({\n          remoteFeed: pluginHandle,\n        })\n        remoteFeed.remoteTracks = {}\n        remoteFeed.remoteVideos = 0\n        janus.current.log?.(\n          'Plugin attached! (' + remoteFeed.getPlugin() + ', id=' + remoteFeed.getId() + ')',\n        )\n        janus.current.log?.('  -- This is a subscriber')\n        // We wait for the plugin to send us an offer\n        const { room } = store.getState().screenShare\n\n        let listen = {\n          request: 'join',\n          room: room,\n          ptype: 'subscriber',\n          feed: id,\n        }\n        remoteFeed.send({ message: listen })\n      },\n      error: function (error) {\n        janus.current.error?.('Error attaching videoroom plugin', error)\n      },\n      iceState: function (state) {\n        janus.current.log?.('ICE state (feed #' + remoteFeed.rfindex + ') changed to ' + state)\n      },\n      webrtcState: function (on) {\n        janus.current.log?.(\n          'Janus says this WebRTC PeerConnection (feed #' +\n            remoteFeed.rfindex +\n            ') is ' +\n            (on ? 'up' : 'down') +\n            ' now',\n        )\n      },\n      slowLink: function (uplink, lost, mid) {\n        janus.current.warn?.(\n          'Janus reports problems ' +\n            (uplink ? 'sending' : 'receiving') +\n            ' packets on mid ' +\n            mid +\n            ' (' +\n            lost +\n            ' lost packets)',\n        )\n      },\n      onmessage: function (msg, jsep) {\n        janus.current.debug?.(' ::: Got a message (listener) :::', msg)\n        let event = msg['videoroom']\n        janus.current.debug?.('Event: ' + event)\n        if (event) {\n          if (event === 'attached') {\n            // Subscriber created and attached\n            janus.current.log?.(\n              'Successfully attached to feed ' + id + ' (' + display + ') in room ' + msg['room'],\n            )\n          } else {\n            janus.current.warn?.('Unhandled event: ' + event)\n          }\n        }\n        if (jsep) {\n          janus.current.debug?.('Handling SDP as well...', jsep)\n          // Answer and attach\n          remoteFeed.createAnswer({\n            jsep: jsep,\n            // We only specify data channels here, as this way in\n            // case they were offered we'll enable them. Since we\n            // don't mention audio or video tracks, we autoaccept them\n            // as recvonly (since we won't capture anything ourselves)\n            tracks: [{ type: 'data' }],\n            success: function (jsep) {\n              janus.current.debug?.('Got SDP!', jsep)\n\n              const { room } = store.getState().screenShare\n\n              let body = { request: 'start', room: room }\n              remoteFeed.send({ message: body, jsep: jsep })\n            },\n            error: function (error) {\n              janus.current.error?.('WebRTC error:', error)\n            },\n          })\n        }\n      },\n      // eslint-disable-next-line no-unused-vars\n      onlocaltrack: function (track, on) {\n        // The subscriber stream is recvonly, we don't expect anything here\n      },\n      onremotetrack: function (track, mid, on, metadata) {\n        janus.current.debug?.(\n          'Remote track (mid=' +\n            mid +\n            ') ' +\n            (on ? 'added' : 'removed') +\n            (metadata ? ' (' + metadata.reason + ') ' : '') +\n            ':',\n          track,\n        )\n        // Screen sharing tracks are sometimes muted/unmuted by browser\n        // when data is not flowing fast enough; this can make streams blink.\n        // We can ignore these.\n        if (\n          track.kind === 'video' &&\n          metadata &&\n          (metadata.reason === 'mute' || metadata.reason === 'unmute')\n        ) {\n          janus.current.log?.('Ignoring mute/unmute on screen-sharing track.')\n          return\n        }\n        if (!on) {\n          const { remoteScreenStream } = store.getState().screenShare\n          janus.current.stopAllTracks(remoteScreenStream)\n          dispatch.screenShare.update({ active: false })\n          return\n        }\n        // If we're here, a new track was added\n        if (track.kind === 'video') {\n          // New video track: create a stream out of it\n          let stream = new MediaStream([track])\n\n          // Save the new video stream to the store\n          store.dispatch.screenShare.update({ remoteScreenStream: stream })\n\n          remoteFeed.remoteTracks[mid] = stream\n          janus.current.log?.('Created remote video stream: ' + stream)\n          const remoteScreenElement = store.getState().player.remoteScreen\n\n          if (remoteScreenElement?.current) {\n            janus.current.attachMediaStream?.(remoteScreenElement.current, stream)\n          }\n        }\n      },\n      oncleanup: function () {\n        janus.current.log?.(' ::: Got a cleanup notification (remote feed ' + id + ') :::')\n        remoteFeed.remoteTracks = {}\n        remoteFeed.remoteVideos = 0\n      },\n    })\n  }\n\n  const enableVideo = () => {\n    const { sipcall }: { sipcall: any } = store.getState().webrtc\n    store.dispatch.currentCall.updateCurrentCall({\n      isLocalVideoEnabled: true,\n    })\n    const tracks: JanusTrack[] = []\n    const currentVideoInputDeviceId = getCurrentVideoInputDeviceId()\n\n    const track: Partial<JanusTrack> = {\n      type: 'video',\n      recv: true,\n    }\n\n    if (currentVideoInputDeviceId) {\n      track.capture = { deviceId: { exact: currentVideoInputDeviceId } }\n    } else {\n      track.capture = true\n    }\n\n    const { hasVideoTrackAdded } = store.getState().currentCall\n\n    if (!hasVideoTrackAdded) {\n      track.add = true\n      dispatch.currentCall.setVideoTrackAdded(true)\n    } else {\n      // replace video track (video track has been previously added and removed)\n      track.replace = true\n      track.mid = '1'\n    }\n    tracks.push(track as JanusTrack)\n\n    sipcall.createOffer({\n      tracks: tracks,\n      success: function (jsep) {\n        sipcall.send({ message: { request: 'update' }, jsep: jsep })\n        eventDispatch('phone-island-video-enabled', {})\n      },\n      error: function (error) {\n        console.error('WebRTC error... ' + JSON.stringify(error))\n      },\n    })\n  }\n  useEventListener('phone-island-video-enable', () => {\n    enableVideo()\n  })\n\n  const disableVideo = () => {\n    const { sipcall, localVideoStream }: { sipcall: any; localVideoStream: MediaStream | null } =\n      store.getState().webrtc\n\n    janus.current.stopAllTracks(localVideoStream)\n    store.dispatch.webrtc.updateLocalVideoStream(null)\n    store.dispatch.currentCall.setLocalVideoEnabled(false)\n    const tracks: JanusTrack[] = []\n    tracks.push({ type: 'video', mid: '1', remove: true })\n\n    sipcall.createOffer({\n      tracks: tracks,\n      success: function (jsep) {\n        sipcall.send({ message: { request: 'update' }, jsep: jsep })\n        eventDispatch('phone-island-video-disabled', {})\n      },\n      error: function (error) {\n        console.error('WebRTC error... ' + JSON.stringify(error))\n      },\n    })\n  }\n  useEventListener('phone-island-video-disable', () => {\n    disableVideo()\n  })\n\n  const toggleVideo = async () => {\n    let cameraPermission = await checkCameraPermission()\n    if (cameraPermission) {\n      if (isLocalVideoEnabled) {\n        disableVideo()\n      } else {\n        enableVideo()\n      }\n    }\n  }\n\n  const shareScreen = () => {\n    if (!janus.current.isExtensionEnabled()) {\n      janus.current.error?.(\n        \"This browser doesn't support screensharing (getDisplayMedia unavailable)\",\n      )\n      return\n    }\n\n    // Create a new room\n    const roomName = janus.current.randomString(32)\n\n    let create = {\n      request: 'create',\n      description: roomName,\n      bitrate: 500000,\n      publishers: 1,\n    }\n\n    const { plugin } = store.getState().screenShare\n\n    plugin.send({\n      message: create,\n      success: function (result) {\n        if (result['error']) {\n          janus.current.error?.(\"Couldn't create room: \" + result['error'])\n          return\n        }\n        let event = result['videoroom']\n        janus.current.debug?.('Event: ' + event)\n        if (event) {\n          // Our own screen sharing session has been created, join it\n\n          const room = result['room']\n          // Set room to the store\n          dispatch.screenShare.update({\n            room: room,\n          })\n\n          janus.current.log?.('Screen sharing session created: ' + room)\n\n          const { username } = store.getState().currentUser\n\n          let register = {\n            request: 'join',\n            room: room,\n            ptype: 'publisher',\n            display: username,\n          }\n          plugin.send({ message: register })\n        }\n      },\n    })\n  }\n\n  const initScreenShare = () => {\n    janusInstance?.attach({\n      plugin: 'janus.plugin.videoroom',\n      opaqueId: janus.current.randomString(32),\n      success: function (pluginHandle) {\n        // Set plugin to the store\n        dispatch.screenShare.update({\n          plugin: pluginHandle,\n        })\n        const { role } = store.getState().screenShare\n\n        if (role === 'publisher') {\n          // trigger event to nethlink\n          eventDispatch('phone-island-screen-share-initialized', {})\n\n          setTimeout(function () {\n            shareScreen()\n          }, 500)\n        } else if (role === 'listener') {\n          joinScreenShare()\n        }\n        eventDispatch('phone-island-screen-share-started', {})\n      },\n      error: function (error) {\n        janus.current.error?.('Error attaching videoroom plugin', error)\n      },\n      consentDialog: function (on) {},\n      iceState: function (state) {\n        janus.current.log?.('ICE state changed to ' + state)\n      },\n      mediaState: function (medium, on) {\n        janus.current.log?.('Janus ' + (on ? 'started' : 'stopped') + ' receiving our ' + medium)\n      },\n      webrtcState: function (on) {\n        janus.current.log?.(\n          'Janus says our WebRTC PeerConnection is ' + (on ? 'up' : 'down') + ' now',\n        )\n      },\n      slowLink: function (uplink, lost, mid) {\n        janus.current.warn?.(\n          'Janus reports problems ' +\n            (uplink ? 'sending' : 'receiving') +\n            ' packets on mid ' +\n            mid +\n            ' (' +\n            lost +\n            ' lost packets)',\n        )\n      },\n      onmessage: function (msg, jsep) {\n        janus.current.debug?.(' ::: Got a message (publisher) :::', msg)\n        const { plugin, role } = store.getState().screenShare\n        const event = msg['videoroom']\n        janus.current.debug?.('Event: ' + event)\n\n        if (event) {\n          if (event === 'joined') {\n            if (role === 'publisher') {\n              // This is our session, publish our stream\n              janus.current.debug?.('Negotiating WebRTC stream for our screen')\n\n              plugin.createOffer({\n                // We want sendonly audio and screensharing\n                tracks: [\n                  { type: 'audio', capture: true, recv: false },\n                  { type: 'screen', capture: true, recv: false },\n                ],\n                success: function (jsep) {\n                  janus.current.debug?.('Got publisher SDP!', jsep)\n                  let publish = { request: 'configure', audio: true, video: true }\n                  plugin.send({ message: publish, jsep: jsep })\n                },\n                error: function (error) {\n                  janus.current.error?.('WebRTC error:', error)\n                  dispatch.screenShare.update({ active: false, role: '' })\n                },\n              })\n            } else {\n              // We're just watching a session, any feed to attach to?\n              if (msg['publishers']) {\n                let list = msg['publishers']\n                janus.current.debug?.('Got a list of available publishers/feeds:', list)\n                for (let f in list) {\n                  if (list[f]['dummy']) continue\n                  let id = list[f]['id']\n                  let display = list[f]['display']\n                  janus.current.debug?.('  >> [' + id + '] ' + display)\n                  newRemoteFeed(id, display)\n                }\n              }\n            }\n          } else if (event === 'event') {\n            // Any feed to attach to?\n            if (role === 'listener' && msg['publishers']) {\n              let list = msg['publishers']\n              janus.current.debug?.('Got a list of available publishers/feeds:', list)\n              for (let f in list) {\n                if (list[f]['dummy']) continue\n                let id = list[f]['id']\n                let display = list[f]['display']\n                janus.current.debug?.('  >> [' + id + '] ' + display)\n                newRemoteFeed(id, display)\n              }\n            } else if (msg['leaving']) {\n              // One of the publishers has gone away?\n              let leaving = msg['leaving']\n              janus.current.log?.('Publisher left: ' + leaving)\n            } else if (msg['error']) {\n              janus.current.error?.('Error event: ' + msg['error'])\n            }\n          }\n        }\n        if (jsep) {\n          janus.current.debug?.('Handling SDP as well...', jsep)\n          plugin.handleRemoteJsep({ jsep: jsep })\n        }\n      },\n      onlocaltrack: function (track, on) {\n        janus.current.debug?.('Local track ' + (on ? 'added' : 'removed') + ':', track)\n        // We use the track ID as name of the element, but it may contain invalid characters\n        let trackId = track.id.replace(/[{}]/g, '')\n        if (!on) {\n          // Track removed, get rid of the stream and the rendering\n          let stream = localTracks?.[trackId]\n          if (stream) {\n            try {\n              let tracks = stream.getTracks()\n              for (let i in tracks) {\n                let mst = tracks[i]\n                if (mst) mst.stop()\n              }\n              // eslint-disable-next-line no-unused-vars\n            } catch (e) {}\n          }\n          if (track.kind === 'video') {\n            dispatch.screenShare.update({\n              localVideos: localVideos - 1,\n            })\n          }\n\n          // remove track\n          const filteredTracks = localTracks?.filter((track) => track !== localTracks[trackId])\n          dispatch.screenShare.update({\n            localTracks: filteredTracks,\n          })\n          return\n        }\n        // If we're here, a new track was added\n        let stream = localTracks?.[trackId]\n        if (stream) {\n          // We've been here already\n          return\n        }\n\n        if (track.kind === 'video') {\n          // New video track: create a stream out of it\n          dispatch.screenShare.update({\n            localVideos: localVideos + 1,\n          })\n          let stream = new MediaStream([track])\n\n          // Save the new video stream to the store\n          store.dispatch.screenShare.update({\n            localScreenStream: stream,\n          })\n\n          janus.current.log?.('Created local stream: ' + stream)\n          const localScreenElement = store.getState().player.localScreen\n\n          if (localScreenElement?.current) {\n            janus.current.attachMediaStream?.(localScreenElement.current, stream)\n            inviteOtherUser()\n\n            // Listen for the 'ended' event on the screen-sharing track\n            track.addEventListener('ended', () => {\n              stopScreenShare()\n            })\n          }\n        }\n        const { plugin } = store.getState().screenShare\n\n        if (\n          plugin.webrtcStuff.pc.iceConnectionState !== 'completed' &&\n          plugin.webrtcStuff.pc.iceConnectionState !== 'connected'\n        ) {\n        }\n      },\n      // eslint-disable-next-line no-unused-vars\n      onremotetrack: function (track, mid, on) {\n        // The publisher stream is sendonly, we don't expect anything here\n      },\n      oncleanup: function () {\n        janus.current.log?.(' ::: Got a cleanup notification :::')\n\n        dispatch.screenShare.update({\n          localTracks: {},\n          localVideos: 0,\n        })\n      },\n    })\n  }\n\n  const updateScreenStreams = () => {\n    const localScreenElement = store.getState().player.localScreen\n    const remoteScreenElement = store.getState().player.remoteScreen\n    const { localScreenStream, remoteScreenStream } = store.getState().screenShare\n\n    // local screen stream\n\n    if (localScreenElement?.current) {\n      if (janus.current.attachMediaStream) {\n        janus.current.attachMediaStream(\n          localScreenElement.current,\n          localScreenStream as MediaStream,\n        )\n      }\n    }\n\n    // remote screen stream\n\n    if (remoteScreenElement?.current) {\n      if (janus.current.attachMediaStream) {\n        janus.current.attachMediaStream(\n          remoteScreenElement.current,\n          remoteScreenStream as MediaStream,\n        )\n      }\n    }\n  }\n\n  const inviteOtherUser = () => {\n    // send message to websocket to invite the other user\n    const { socket } = store.getState().websocket\n    const { username: destUsername } = store.getState().currentCall\n    const { room } = store.getState().screenShare\n    const { username } = store.getState().currentUser\n\n    socket.emit('message', {\n      message: 'screenSharingStart',\n      roomId: room,\n      destUser: destUsername,\n      callUser: username,\n    } as ScreenSharingMessage)\n  }\n\n  const initAndStartScreenShare = () => {\n    dispatch.screenShare.update({ active: true, role: 'publisher' })\n    initScreenShare()\n  }\n  useEventListener('phone-island-screen-share-start', () => {\n    initAndStartScreenShare()\n  })\n\n  const initAndJoinScreenShare = () => {\n    dispatch.screenShare.update({ active: true, role: 'listener' })\n    initScreenShare()\n    eventDispatch('phone-island-screen-share-joined', {})\n  }\n\n  const joinScreenShare = () => {\n    const { room } = store.getState().screenShare\n    const { username } = store.getState().currentUser\n\n    const joinMessage = {\n      request: 'join',\n      room: room,\n      ptype: 'publisher',\n      display: username,\n    }\n\n    const { plugin } = store.getState().screenShare\n    plugin.send({ message: joinMessage })\n  }\n\n  const leaveScreenShare = () => {\n    const { remoteScreenStream } = store.getState().screenShare\n    janus.current.stopAllTracks(remoteScreenStream)\n    dispatch.screenShare.update({ active: false })\n    eventDispatch('phone-island-screen-share-left', {})\n  }\n\n  const handleMouseMove = () => {\n    setUiShown(true)\n\n    if (uiTimeoutRef.current) {\n      clearTimeout(uiTimeoutRef.current)\n      uiTimeoutRef.current = null\n    }\n  }\n\n  const startHideTimer = () => {\n    // start a timer when mouse stops moving to hide video UI\n    uiTimeoutRef.current = setTimeout(() => {\n      setUiShown(false)\n    }, 3000)\n  }\n\n  const handleMouseMoveWithDebounce = () => {\n    handleMouseMove()\n\n    // clear the previous debounce timer\n    if (debounceTimerRef.current) {\n      clearTimeout(debounceTimerRef.current)\n    }\n\n    // set a new debounce timer - when this isn't cleared, it means the mouse has stopped\n    debounceTimerRef.current = setTimeout(() => {\n      startHideTimer()\n    }, 100) // small delay to detect \"stopped moving\"\n  }\n\n  const stopScreenShare = () => {\n    const { plugin, localScreenStream } = store.getState().screenShare\n\n    janus.current.stopAllTracks(localScreenStream)\n    dispatch.screenShare.update({ active: false })\n    plugin.detach()\n\n    // send message to websocket to tell the other user the screen share has stopped\n    const { socket } = store.getState().websocket\n    const { username: destUsername } = store.getState().currentCall\n    const { room } = store.getState().screenShare\n    const { username } = store.getState().currentUser\n\n    socket.emit('message', {\n      message: 'screenSharingStop',\n      roomId: room,\n      destUser: destUsername,\n      callUser: username,\n    } as ScreenSharingMessage)\n\n    eventDispatch('phone-island-screen-share-stopped', {})\n  }\n  useEventListener('phone-island-screen-share-stop', () => {\n    stopScreenShare()\n  })\n\n  const pauseCall = () => {\n    pauseCurrentCall()\n    stopScreenShare()\n  }\n\n  const [isVideoCallButtonVisible, setIsVideoCallButtonVisible] = useState(true)\n\n  const checkCameraPermission = async () => {\n    if (videoInputDevices?.length > 0) {\n      const isWebCamAccepted = await checkWebCamPermission()\n      if (isWebCamAccepted) {\n        setIsVideoCallButtonVisible(true)\n        return true\n      } else {\n        setIsVideoCallButtonVisible(false)\n        return false\n      }\n    } else {\n      setIsVideoCallButtonVisible(false)\n      return false\n    }\n  }\n\n  return (\n    <>\n      {isOpen ? (\n        <div\n          ref={screenShareViewRef}\n          onMouseMove={() => handleMouseMoveWithDebounce()}\n          className={isFullscreen ? 'pi-h-screen' : 'pi-h-[480px] pi-w-[600px]'}\n        >\n          <div className={`pi-flex pi-relative pi-justify-center pi-w-full pi-h-full`}>\n            {/* large remote screen */}\n            <video\n              autoPlay\n              muted={true}\n              ref={remoteScreen}\n              className={`pi-rounded-2xl pi-w-full pi-h-full ${\n                !screenShareActive || screenShareRole !== 'listener' ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* large local screen */}\n            <video\n              autoPlay\n              muted={true}\n              ref={localScreen}\n              className={`pi-rounded-2xl pi-w-full pi-h-full ${\n                !screenShareActive || screenShareRole !== 'publisher' ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* large remote video */}\n            <video\n              autoPlay\n              muted={true}\n              ref={largeRemoteVideo}\n              className={`pi-rounded-2xl ${\n                screenShareActive || showRemoteVideoPlaceHolder ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* remote video placeholder */}\n            <div\n              className={`pi-w-full pi-bg-gray-200 dark:pi-bg-gray-800 pi-flex pi-items-center pi-justify-center ${\n                screenShareActive || !showRemoteVideoPlaceHolder ? 'pi-hidden' : ''\n              }`}\n            >\n              <div className='pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-32 pi-h-32 pi-flex pi-items-center pi-justify-center'>\n                <span className='pi-text-4xl pi-text-gray-50 dark:pi-text-gray-900'>\n                  {getInitials(displayName)}\n                </span>\n              </div>\n            </div>\n            {/* small local video */}\n            <video\n              muted={true}\n              autoPlay\n              ref={localVideo}\n              className={`pi-max-w-32 pi-max-h-32 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg ${\n                !isLocalVideoEnabled ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* small local video placeholder */}\n            <div\n              className={`pi-w-32 pi-h-24 pi-absolute pi-top-5 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ${\n                isLocalVideoEnabled || !hasVideoTrackAdded ? 'pi-hidden' : ''\n              }`}\n            >\n              <div className='pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center'>\n                <span className='pi-text-base pi-text-gray-50 dark:pi-text-gray-900'>\n                  {getInitials(userInfo.name || '-')}\n                </span>\n              </div>\n            </div>\n            {/* small remote video */}\n            <video\n              muted={true}\n              autoPlay\n              ref={smallRemoteVideo}\n              className={`pi-max-w-32 pi-max-h-32 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg ${\n                !screenShareActive || showRemoteVideoPlaceHolder ? 'pi-hidden' : ''\n              }`}\n            ></video>\n            {/* small remote video placeholder */}\n            <div\n              className={`pi-w-32 pi-h-24 pi-absolute pi-top-32 pi-right-5 pi-rounded-lg pi-bg-gray-200 dark:pi-bg-gray-900 pi-flex pi-items-center pi-justify-center ${\n                !screenShareActive || !showRemoteVideoPlaceHolder || !hasVideoTrackAdded\n                  ? 'pi-hidden'\n                  : ''\n              }`}\n            >\n              <div className='pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-w-12 pi-h-12 pi-flex pi-items-center pi-justify-center'>\n                <span className='pi-text-base pi-text-gray-50 dark:pi-text-gray-900'>\n                  {getInitials(displayName)}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div\n            className={`${\n              !isUiShown && 'pi-opacity-0 pi-pointer-events-none'\n            } pi-absolute pi-bottom-0 pi-bg-gray-950/65 pi-w-full pi-p-6 pi-rounded-bl-[20px] pi-rounded-br-[20px] pi-transition-all`}\n          >\n            <div className='pi-flex pi-items-center pi-justify-center pi-gap-6 pi-mb-5'>\n              {/* mute button */}\n              {!intrudeListenStatus?.isListen && (\n                <Button\n                  variant='default'\n                  active={muted ? true : false}\n                  onClick={() => (muted ? unmuteCurrentCall() : muteCurrentCall())}\n                  data-tooltip-id='tooltip-mute'\n                  data-tooltip-content={muted ? `${t('Tooltip.Unmute')}` : `${t('Tooltip.Mute')}`}\n                >\n                  {muted ? (\n                    <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophoneSlash} />\n                  ) : (\n                    <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophone} />\n                  )}\n                </Button>\n              )}\n\n              {/* video button */}\n              {videoInputDevices?.length > 0 && (\n                <Button\n                  variant='default'\n                  onClick={() => toggleVideo()}\n                  data-tooltip-id='tooltip-toggle-video'\n                  data-tooltip-content={`${\n                    !isVideoCallButtonVisible\n                      ? t('Tooltip.Enable camera permission') || ''\n                      : isLocalVideoEnabled\n                      ? t('Tooltip.Disable camera')\n                      : t('Tooltip.Enable camera')\n                  }`}\n                  disabled={!isVideoCallButtonVisible}\n                  className={`${!isVideoCallButtonVisible ? 'pi-cursor-auto' : ''}`}\n                >\n                  <FontAwesomeIcon\n                    className='pi-h-6 pi-w-6'\n                    icon={isVideoCallButtonVisible || isLocalVideoEnabled ? faVideo : faVideoSlash}\n                  />\n                </Button>\n              )}\n\n              {/* Share screen button */}\n              {janus.current.webRTCAdapter.browserDetails.browser !== 'safari' &&\n                userInfo?.profile?.macro_permissions?.nethvoice_cti?.permissions?.screen_sharing\n                  ?.value &&\n                !screenShareActive && (\n                  <Button\n                    variant='default'\n                    onClick={() => initAndStartScreenShare()}\n                    data-tooltip-id='tooltip-start-screen-share'\n                    data-tooltip-content={t('Tooltip.Share screen') || ''}\n                  >\n                    <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faDisplay} />\n                  </Button>\n                )}\n\n              {/* stop screen share */}\n              {screenShareActive && screenShareRole === 'publisher' && (\n                <Button\n                  variant='default'\n                  onClick={() => stopScreenShare()}\n                  data-tooltip-id='tooltip-stop-screen-share'\n                  data-tooltip-content={t('Tooltip.Stop sharing')}\n                >\n                  <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faDisplaySlash} />\n                </Button>\n              )}\n\n              {/* fullscreen */}\n              {screenShareActive && screenShareRole === 'listener' && (\n                <Button\n                  variant='default'\n                  onClick={() => toggleFullScreen()}\n                  data-tooltip-id='tooltip-toggle-fullscreen'\n                  data-tooltip-content={\n                    isFullscreen ? t('Tooltip.Exit fullscreen') : t('Tooltip.Enter fullscreen')\n                  }\n                >\n                  <FontAwesomeIcon\n                    className='pi-h-6 pi-w-6'\n                    icon={isFullscreen ? faCompress : faExpand}\n                  />\n                </Button>\n              )}\n\n              {/* record */}\n              {userInfo?.profile?.macro_permissions?.settings?.permissions?.recording?.value && (\n                <Button\n                  variant='default'\n                  onClick={() => recordCurrentCall(isRecording)}\n                  data-tooltip-id='tooltip-record-video-view'\n                  data-tooltip-content={\n                    isRecording ? t('Tooltip.Stop recording') : t('Tooltip.Record')\n                  }\n                >\n                  <FontAwesomeIcon\n                    className='pi-h-6 pi-w-6'\n                    icon={isRecording ? faStop : faRecord}\n                  />\n                </Button>\n              )}\n\n              {/* hold */}\n              {!(intrudeListenStatus?.isIntrude || intrudeListenStatus?.isListen) && (\n                <Button\n                  variant='default'\n                  onClick={() => (paused ? unpauseCurrentCall() : pauseCall())}\n                  data-tooltip-id='tooltip-pause-video-view'\n                  data-tooltip-content={paused ? t('Tooltip.Play') : t('Tooltip.Pause')}\n                >\n                  <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={paused ? faPlay : faPause} />\n                </Button>\n              )}\n            </div>\n            <Hangup buttonsVariant='default' />\n          </div>\n          {/* Buttons tooltips */}\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-mute-video-view' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-video' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-fullscreen' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-start-screen-share' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-stop-screen-share' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-record-video-view' place='bottom' />\n          <CustomThemedTooltip className='pi-z-20' id='tooltip-pause-video-view' place='bottom' />\n        </div>\n      ) : (\n        // collapsed view\n        <>\n          <div className='pi-flex pi-justify-between pi-items-center'>\n            <Avatar />\n            <Timer startTime={startTime} isNotAlwaysWhite />\n            {!isOpen && remoteAudioStream && !isPhysical() && (\n              <AudioBars\n                audioStream={remoteAudioStream}\n                paused={paused}\n                size={isOpen ? 'large' : 'small'}\n              />\n            )}\n          </div>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default VideoView\n"],"names":["VideoView","dispatch","useDispatch","_l","useSelector","state","currentCall","muted","startTime","isRecording","paused","isLocalVideoEnabled","showRemoteVideoPlaceHolder","hasVideoTrackAdded","displayName","isStartingVideoCall","_m","screenShare","localTracks","localVideos","screenShareRole","role","screenShareActive","active","isStartingScreenShare","isJoiningScreenShare","isLeavingScreenShare","intrudeListenStatus","listen","isOpen","island","_o","webrtc","janusInstance","remoteAudioStream","userInfo","store","getState","currentUser","_p","useState","isFullscreen","setIsFullscreen","_q","isUiShown","setUiShown","uiTimeoutRef","useRef","debounceTimerRef","screenShareViewRef","localScreen","remoteScreen","localVideo","largeRemoteVideo","smallRemoteVideo","janus","JanusLib","videoInputDevices","select","mediaDevices","useIsomorphicLayoutEffect","player","updatePlayer","useEffect","updateScreenStreams","updateVideoStreams","addEventListener","handleFullscreenChange","removeEventListener","current","clearTimeout","enableVideo","updateCurrentCall","initAndStartScreenShare","update","initAndJoinScreenShare","leaveScreenShare","localVideoElement","largeRemoteVideoElement","smallRemoteVideoElement","_a","localVideoStream","remoteVideoStream","attachMediaStream","document","fullscreenElement","toggleFullScreen","exitFullscreen","eventDispatch","requestFullscreen","useEventListener","newRemoteFeed","id","display","source","remoteFeed","attach","plugin","opaqueId","randomString","success","pluginHandle","remoteTracks","remoteVideos","_b","log","call","getPlugin","getId","_d","_c","request","room","ptype","feed","send","message","error","iceState","rfindex","webrtcState","on","slowLink","uplink","lost","mid","warn","onmessage","msg","jsep","debug","event","_f","_e","_h","_g","_k","_j","createAnswer","tracks","type","body","onlocaltrack","track","onremotetrack","metadata","reason","kind","remoteScreenStream","stopAllTracks","stream","MediaStream","remoteScreenElement","oncleanup","sipcall","currentVideoInputDeviceId","getCurrentVideoInputDeviceId","recv","capture","deviceId","exact","replace","add","setVideoTrackAdded","push","createOffer","console","JSON","stringify","disableVideo","updateLocalVideoStream","setLocalVideoEnabled","remove","initScreenShare","setTimeout","isExtensionEnabled","create","description","bitrate","publishers","result","register","username","shareScreen","joinScreenShare","consentDialog","mediaState","medium","_w","audio","video","list","f","leaving","_r","_t","_s","_v","_u","handleRemoteJsep","trackId","stream_2","localScreenStream","localScreenElement","inviteOtherUser","stopScreenShare","webrtcStuff","pc","iceConnectionState","stream_1","getTracks","i","mst","stop","e","filteredTracks","filter","socket","websocket","destUsername","emit","roomId","destUser","callUser","joinMessage","handleMouseMoveWithDebounce","detach","isVideoCallButtonVisible","setIsVideoCallButtonVisible","checkCameraPermission","__awaiter","length","checkWebCamPermission","sent","React","createElement","Fragment","ref","onMouseMove","className","autoPlay","concat","getInitials","name","isListen","Button","variant","onClick","unmuteCurrentCall","muteCurrentCall","t","FontAwesomeIcon","icon","faMicrophoneSlash","faMicrophone","disabled","faVideo","faVideoSlash","webRTCAdapter","browserDetails","browser","profile","macro_permissions","nethvoice_cti","permissions","screen_sharing","value","faDisplay","faDisplaySlash","faCompress","faExpand","settings","recording","recordCurrentCall","faStop","faRecord","isIntrude","unpauseCurrentCall","pauseCurrentCall","faPlay","faPause","Hangup","buttonsVariant","CustomThemedTooltip","place","Avatar","Timer","isNotAlwaysWhite","isPhysical","AudioBars","audioStream","size"],"mappings":"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"}