@videosdk.live/react-sdk 0.1.42 → 0.1.45

package/dist/index.modern.js

@@ -1,6 +1,10 @@
+import '@videosdk.live/js-sdk/connection';
+import '@videosdk.live/js-sdk/meeting';
+import '@videosdk.live/js-sdk/participant';
 import React, { createContext, useEffect, useContext, useState, useRef, useMemo } from 'react';
 import EventEmitter from 'events';
 import { VideoSDK } from '@videosdk.live/js-sdk';
+import '@videosdk.live/js-sdk/connectionParticipant';
 
 var eventPrifix = 'videosdk-live-react-sdk';
 var events = {
@@ -30,7 +34,8 @@ var events = {
   'hls-started': eventPrifix + "-hls-started",
   'hls-stopped': eventPrifix + "-hls-stopped",
   'recording-state-changed': eventPrifix + "-recording-state-changed",
-  'livestream-state-changed': eventPrifix + "-livestream-state-changed"
+  'livestream-state-changed': eventPrifix + "-livestream-state-changed",
+  'meeting-state-changed': eventPrifix + "-meeting-state-changed"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -91,7 +96,9 @@ var useMeeting = function useMeeting(_temp) {
       _ref$onRecordingState = _ref.onRecordingStateChanged,
       onRecordingStateChanged = _ref$onRecordingState === void 0 ? function () {} : _ref$onRecordingState,
       _ref$onLivestreamStat = _ref.onLivestreamStateChanged,
-      onLivestreamStateChanged = _ref$onLivestreamStat === void 0 ? function () {} : _ref$onLivestreamStat;
+      onLivestreamStateChanged = _ref$onLivestreamStat === void 0 ? function () {} : _ref$onLivestreamStat,
+      _ref$onMeetingStateCh = _ref.onMeetingStateChanged,
+      onMeetingStateChanged = _ref$onMeetingStateCh === void 0 ? function () {} : _ref$onMeetingStateCh;
 
   useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -121,7 +128,9 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['hls-stopped'], onHlsStopped);
     eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
     eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
+    eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     return function () {
+      eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
       eventEmitter.off(events['participant-left'], onParticipantLeft);
       eventEmitter.off(events['speaker-changed'], onSpeakerChanged);
@@ -208,8 +217,11 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       _ref2$onRecordingStat = _ref2.onRecordingStateChanged,
       onRecordingStateChanged = _ref2$onRecordingStat === void 0 ? function () {} : _ref2$onRecordingStat,
       _ref2$onLivestreamSta = _ref2.onLivestreamStateChanged,
-      onLivestreamStateChanged = _ref2$onLivestreamSta === void 0 ? function () {} : _ref2$onLivestreamSta;
+      onLivestreamStateChanged = _ref2$onLivestreamSta === void 0 ? function () {} : _ref2$onLivestreamSta,
+      _ref2$onMeetingStateC = _ref2.onMeetingStateChanged,
+      onMeetingStateChanged = _ref2$onMeetingStateC === void 0 ? function () {} : _ref2$onMeetingStateC;
   useEffect(function () {
+    eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
     eventEmitter.on(events['speaker-changed'], onSpeakerChanged);
@@ -238,6 +250,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
     eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
     return function () {
+      eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
       eventEmitter.off(events['participant-left'], onParticipantLeft);
       eventEmitter.off(events['speaker-changed'], onSpeakerChanged);
@@ -270,7 +283,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.41";
+var version = "0.1.43";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -544,6 +557,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       var _meeting$localPartici;
 
       if (typeof (meeting === null || meeting === void 0 ? void 0 : meeting.off) === 'function') {
+        meeting.off('meeting-state-changed', _handle_meeting_state_changed);
         meeting.off('participant-joined', _handle_participant_joined);
         meeting.off('participant-left', _handle_participant_left);
         meeting.off('presenter-changed', _handle_presenter_changed);
@@ -639,6 +653,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
     eventEmitter.emit(events['livestream-state-changed'], data);
   };
 
+  var _handle_meeting_state_changed = function _handle_meeting_state_changed(data) {
+    eventEmitter.emit(events['meeting-state-changed'], data);
+  };
+
   var join = function join() {
     var meeting = VideoSDK && VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
@@ -647,6 +665,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     participants.set(localParticipant.id, localParticipant);
     setParticipants(participants);
     setLocalParticipant(localParticipant);
+    meeting.on('meeting-state-changed', _handle_meeting_state_changed);
     meeting.on('participant-joined', _handle_participant_joined);
     meeting.on('participant-left', _handle_participant_left);
     meeting.on('presenter-changed', _handle_presenter_changed);
@@ -1066,7 +1085,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
       _ref$onStreamEnabled = _ref.onStreamEnabled,
       onStreamEnabled = _ref$onStreamEnabled === void 0 ? function () {} : _ref$onStreamEnabled,
       _ref$onStreamDisabled = _ref.onStreamDisabled,
-      onStreamDisabled = _ref$onStreamDisabled === void 0 ? function () {} : _ref$onStreamDisabled;
+      onStreamDisabled = _ref$onStreamDisabled === void 0 ? function () {} : _ref$onStreamDisabled,
+      _ref$onMediaStatusCha = _ref.onMediaStatusChanged,
+      onMediaStatusChanged = _ref$onMediaStatusCha === void 0 ? function () {} : _ref$onMediaStatusCha;
 
   var _useState = useState(null),
       webcamStream = _useState[0],
@@ -1080,6 +1101,10 @@ var useParticipant = function useParticipant(participantId, _temp) {
       screenShareStream = _useState3[0],
       setScreenShareStream = _useState3[1];
 
+  var _useState4 = useState(null),
+      screenShareAudioStream = _useState4[0],
+      setScreenShareAudioStream = _useState4[1];
+
   var meeting = useMeeting();
 
   var _useMemo = useMemo(function () {
@@ -1109,6 +1134,14 @@ var useParticipant = function useParticipant(participantId, _temp) {
 
   var participant = participants === null || participants === void 0 ? void 0 : participants.get(participantId);
 
+  var _useState5 = useState(participant === null || participant === void 0 ? void 0 : participant.webcamOn),
+      webcamOn = _useState5[0],
+      setWebcamOn = _useState5[1];
+
+  var _useState6 = useState(participant === null || participant === void 0 ? void 0 : participant.micOn),
+      micOn = _useState6[0],
+      setMicOn = _useState6[1];
+
   var setTrack = function setTrack(stream) {
     if (stream.track.readyState === 'live') {
       switch (stream.kind) {
@@ -1123,6 +1156,10 @@ var useParticipant = function useParticipant(participantId, _temp) {
         case 'share':
           setScreenShareStream(stream);
           break;
+
+        case 'shareAudio':
+          setScreenShareAudioStream(stream);
+          break;
       }
     }
   };
@@ -1141,6 +1178,10 @@ var useParticipant = function useParticipant(participantId, _temp) {
         case 'share':
           setScreenShareStream(null);
           break;
+
+        case 'shareAudio':
+          setScreenShareAudioStream(null);
+          break;
       }
     }
   };
@@ -1155,6 +1196,24 @@ var useParticipant = function useParticipant(participantId, _temp) {
     onStreamDisabled(stream);
   };
 
+  var _handleMediaStatusChanged = function _handleMediaStatusChanged(data) {
+    var kind = data.kind,
+        peerId = data.peerId,
+        newStatus = data.newStatus;
+
+    if (kind == 'audio') {
+      setMicOn(newStatus);
+    } else if (kind == 'video') {
+      setWebcamOn(newStatus);
+    }
+
+    onMediaStatusChanged({
+      kind: kind,
+      peerId: peerId,
+      newStatus: newStatus
+    });
+  };
+
   var setQuality = function setQuality(quality) {
     participant === null || participant === void 0 ? void 0 : participant.setQuality(quality);
   };
@@ -1187,6 +1246,14 @@ var useParticipant = function useParticipant(participantId, _temp) {
     participant === null || participant === void 0 ? void 0 : participant.unpin(data);
   };
 
+  var getAudioStats = function getAudioStats() {
+    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getAudioStats());
+  };
+
+  var getVideoStats = function getVideoStats() {
+    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getVideoStats());
+  };
+
   var consumeWebcamStreams = function consumeWebcamStreams() {
     participant === null || participant === void 0 ? void 0 : participant.consumeWebcamStreams();
   };
@@ -1216,11 +1283,21 @@ var useParticipant = function useParticipant(participantId, _temp) {
       });
     }
 
+    if (participant !== null && participant !== void 0 && participant.micOn) {
+      setMicOn(micOn);
+    }
+
+    if (participant !== null && participant !== void 0 && participant.webcamOn) {
+      setWebcamOn(webcamOn);
+    }
+
     participant === null || participant === void 0 ? void 0 : participant.on('stream-enabled', _handleStreamEnabled);
     participant === null || participant === void 0 ? void 0 : participant.on('stream-disabled', _handleStreamDisabled);
+    participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
     return function () {
       participant === null || participant === void 0 ? void 0 : participant.off('stream-enabled', _handleStreamEnabled);
       participant === null || participant === void 0 ? void 0 : participant.off('stream-disabled', _handleStreamDisabled);
+      participant === null || participant === void 0 ? void 0 : participant.off('media-status-changed', _handleMediaStatusChanged);
     };
   }, [participant]);
   return {
@@ -1229,8 +1306,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
     webcamStream: webcamStream,
     micStream: micStream,
     screenShareStream: screenShareStream,
-    webcamOn: !!webcamStream,
-    micOn: !!micStream,
+    screenShareAudioStream: screenShareAudioStream,
+    webcamOn: webcamOn,
+    micOn: micOn,
     screenShareOn: !!screenShareStream,
     isLocal: (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.id) === participantId,
     isActiveSpeaker: activeSpeakerId === participantId,
@@ -1248,7 +1326,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
     disableWebcam: disableWebcam,
     pin: pin,
     unpin: unpin,
-    switchTo: switchTo
+    switchTo: switchTo,
+    getAudioStats: getAudioStats,
+    getVideoStats: getVideoStats
   };
 };
 
@@ -1424,12 +1504,15 @@ var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
   var _ref2$encoderConfig = _ref2.encoderConfig,
       encoderConfig = _ref2$encoderConfig === void 0 ? undefined : _ref2$encoderConfig,
       _ref2$optimizationMod = _ref2.optimizationMode,
-      optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod;
+      optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod,
+      _ref2$withAudio = _ref2.withAudio,
+      withAudio = _ref2$withAudio === void 0 ? 'enable' : _ref2$withAudio;
 
   try {
     return Promise.resolve(VideoSDK.createScreenShareVideoTrack({
       encoderConfig: encoderConfig,
-      optimizationMode: optimizationMode
+      optimizationMode: optimizationMode,
+      withAudio: withAudio
     }));
   } catch (e) {
     return Promise.reject(e);