@videosdk.live/react-sdk 0.1.42 → 0.1.43

package/dist/index.js

@@ -33,7 +33,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);
@@ -94,7 +95,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;
 
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -124,7 +127,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);
@@ -211,8 +216,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;
   React.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);
@@ -241,6 +249,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);
@@ -273,7 +282,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.41";
+var version = "0.1.43";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -547,6 +556,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);
@@ -642,6 +652,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 = jsSdk.VideoSDK && jsSdk.VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
@@ -650,6 +664,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);
@@ -1069,7 +1084,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 = React.useState(null),
       webcamStream = _useState[0],
@@ -1112,6 +1129,14 @@ var useParticipant = function useParticipant(participantId, _temp) {
 
   var participant = participants === null || participants === void 0 ? void 0 : participants.get(participantId);
 
+  var _useState4 = React.useState(participant === null || participant === void 0 ? void 0 : participant.webcamOn),
+      webcamOn = _useState4[0],
+      setWebcamOn = _useState4[1];
+
+  var _useState5 = React.useState(participant === null || participant === void 0 ? void 0 : participant.micOn),
+      micOn = _useState5[0],
+      setMicOn = _useState5[1];
+
   var setTrack = function setTrack(stream) {
     if (stream.track.readyState === 'live') {
       switch (stream.kind) {
@@ -1158,6 +1183,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);
   };
@@ -1190,6 +1233,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();
   };
@@ -1219,11 +1270,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 {
@@ -1232,8 +1293,8 @@ var useParticipant = function useParticipant(participantId, _temp) {
     webcamStream: webcamStream,
     micStream: micStream,
     screenShareStream: screenShareStream,
-    webcamOn: !!webcamStream,
-    micOn: !!micStream,
+    webcamOn: webcamOn,
+    micOn: micOn,
     screenShareOn: !!screenShareStream,
     isLocal: (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.id) === participantId,
     isActiveSpeaker: activeSpeakerId === participantId,
@@ -1251,7 +1312,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
     disableWebcam: disableWebcam,
     pin: pin,
     unpin: unpin,
-    switchTo: switchTo
+    switchTo: switchTo,
+    getAudioStats: getAudioStats,
+    getVideoStats: getVideoStats
   };
 };