@videosdk.live/react-sdk 0.3.4 → 0.3.6

package/dist/index.js

@@ -77,7 +77,7 @@ var events = {
   'connection-open': eventPrifix + "-connection-open",
   'connection-close': eventPrifix + "-connection-close",
   'switch-meeting': eventPrifix + "-switch-meeting",
-  error: eventPrifix + "-error",
+  'error': eventPrifix + "-error",
   'hls-started': eventPrifix + "-hls-started",
   'hls-stopped': eventPrifix + "-hls-stopped",
   'hls-state-changed': eventPrifix + "-hls-state-changed",
@@ -93,7 +93,12 @@ var events = {
   'whiteboard-started': eventPrifix + "-whiteboard-started",
   'whiteboard-stopped': eventPrifix + "-whiteboard-stopped",
   'paused-all-streams': eventPrifix + "-paused-all-streams",
-  'resumed-all-streams': eventPrifix + "-resumed-all-streams"
+  'resumed-all-streams': eventPrifix + "-resumed-all-streams",
+  'media-relay-started': eventPrifix + "-media-relay-started",
+  'media-relay-stopped': eventPrifix + "-media-relay-stopped",
+  'media-relay-error': eventPrifix + "-media-relay-error",
+  'media-relay-request-response': eventPrifix + "-media-relay-request-response",
+  'media-relay-request-received': eventPrifix + "-media-relay-request-received"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -181,7 +186,17 @@ var useMeeting = function useMeeting(_temp) {
     _ref$onCharacterJoine = _ref.onCharacterJoined,
     onCharacterJoined = _ref$onCharacterJoine === void 0 ? function () {} : _ref$onCharacterJoine,
     _ref$onCharacterLeft = _ref.onCharacterLeft,
-    onCharacterLeft = _ref$onCharacterLeft === void 0 ? function () {} : _ref$onCharacterLeft;
+    onCharacterLeft = _ref$onCharacterLeft === void 0 ? function () {} : _ref$onCharacterLeft,
+    _ref$onMediaRelayStar = _ref.onMediaRelayStarted,
+    onMediaRelayStarted = _ref$onMediaRelayStar === void 0 ? function () {} : _ref$onMediaRelayStar,
+    _ref$onMediaRelayStop = _ref.onMediaRelayStopped,
+    onMediaRelayStopped = _ref$onMediaRelayStop === void 0 ? function () {} : _ref$onMediaRelayStop,
+    _ref$onMediaRelayErro = _ref.onMediaRelayError,
+    onMediaRelayError = _ref$onMediaRelayErro === void 0 ? function () {} : _ref$onMediaRelayErro,
+    _ref$onMediaRelayRequ = _ref.onMediaRelayRequestResponse,
+    onMediaRelayRequestResponse = _ref$onMediaRelayRequ === void 0 ? function () {} : _ref$onMediaRelayRequ,
+    _ref$onMediaRelayRequ2 = _ref.onMediaRelayRequestReceived,
+    onMediaRelayRequestReceived = _ref$onMediaRelayRequ2 === void 0 ? function () {} : _ref$onMediaRelayRequ2;
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
@@ -217,6 +232,11 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['participant-mode-changed'], onParticipantModeChanged);
     eventEmitter.on(events['character-joined'], onCharacterJoined);
     eventEmitter.on(events['character-left'], onCharacterLeft);
+    eventEmitter.on(events['media-relay-started'], onMediaRelayStarted);
+    eventEmitter.on(events['media-relay-stopped'], onMediaRelayStopped);
+    eventEmitter.on(events['media-relay-error'], onMediaRelayError);
+    eventEmitter.on(events['media-relay-request-response'], onMediaRelayRequestResponse);
+    eventEmitter.on(events['media-relay-request-received'], onMediaRelayRequestReceived);
     return function () {
       eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
@@ -252,6 +272,11 @@ var useMeeting = function useMeeting(_temp) {
       eventEmitter.off(events['participant-mode-changed'], onParticipantModeChanged);
       eventEmitter.off(events['character-joined'], onCharacterJoined);
       eventEmitter.off(events['character-left'], onCharacterLeft);
+      eventEmitter.off(events['media-relay-started'], onMediaRelayStarted);
+      eventEmitter.off(events['media-relay-stopped'], onMediaRelayStopped);
+      eventEmitter.off(events['media-relay-error'], onMediaRelayError);
+      eventEmitter.off(events['media-relay-request-response'], onMediaRelayRequestResponse);
+      eventEmitter.off(events['media-relay-request-received'], onMediaRelayRequestReceived);
     };
   }, []);
   return React.useContext(MeetingProviderContex);
@@ -325,7 +350,17 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     _ref2$onCharacterJoin = _ref2.onCharacterJoined,
     onCharacterJoined = _ref2$onCharacterJoin === void 0 ? function () {} : _ref2$onCharacterJoin,
     _ref2$onCharacterLeft = _ref2.onCharacterLeft,
-    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft;
+    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft,
+    _ref2$onMediaRelaySta = _ref2.onMediaRelayStarted,
+    onMediaRelayStarted = _ref2$onMediaRelaySta === void 0 ? function () {} : _ref2$onMediaRelaySta,
+    _ref2$onMediaRelaySto = _ref2.onMediaRelayStopped,
+    onMediaRelayStopped = _ref2$onMediaRelaySto === void 0 ? function () {} : _ref2$onMediaRelaySto,
+    _ref2$onMediaRelayErr = _ref2.onMediaRelayError,
+    onMediaRelayError = _ref2$onMediaRelayErr === void 0 ? function () {} : _ref2$onMediaRelayErr,
+    _ref2$onMediaRelayReq = _ref2.onMediaRelayRequestResponse,
+    onMediaRelayRequestResponse = _ref2$onMediaRelayReq === void 0 ? function () {} : _ref2$onMediaRelayReq,
+    _ref2$onMediaRelayReq2 = _ref2.onMediaRelayRequestReceived,
+    onMediaRelayRequestReceived = _ref2$onMediaRelayReq2 === void 0 ? function () {} : _ref2$onMediaRelayReq2;
   React.useEffect(function () {
     eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -361,6 +396,11 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['participant-mode-changed'], onParticipantModeChanged);
     eventEmitter.on(events['character-joined'], onCharacterJoined);
     eventEmitter.on(events['character-left'], onCharacterLeft);
+    eventEmitter.on(events['media-relay-started'], onMediaRelayStarted);
+    eventEmitter.on(events['media-relay-stopped'], onMediaRelayStopped);
+    eventEmitter.on(events['media-relay-error'], onMediaRelayError);
+    eventEmitter.on(events['media-relay-request-response'], onMediaRelayRequestResponse);
+    eventEmitter.on(events['media-relay-request-received'], onMediaRelayRequestReceived);
     return function () {
       eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
@@ -396,12 +436,17 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       eventEmitter.off(events['participant-mode-changed'], onParticipantModeChanged);
       eventEmitter.off(events['character-joined'], onCharacterJoined);
       eventEmitter.off(events['character-left'], onCharacterLeft);
+      eventEmitter.off(events['media-relay-started'], onMediaRelayStarted);
+      eventEmitter.off(events['media-relay-stopped'], onMediaRelayStopped);
+      eventEmitter.off(events['media-relay-error'], onMediaRelayError);
+      eventEmitter.off(events['media-relay-request-response'], onMediaRelayRequestResponse);
+      eventEmitter.off(events['media-relay-request-received'], onMediaRelayRequestReceived);
     };
   }, []);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.3.3";
+var version = "0.3.6";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -833,6 +878,21 @@ var MeetingProvider = function MeetingProvider(_ref) {
     }
     eventEmitter.emit(events['participant-mode-changed'], data);
   };
+  var _handle_media_relay_started = function _handle_media_relay_started(data) {
+    eventEmitter.emit(events['media-relay-started'], data);
+  };
+  var _handle_media_relay_stopped = function _handle_media_relay_stopped(data) {
+    eventEmitter.emit(events['media-relay-stopped'], data);
+  };
+  var _handle_media_relay_error = function _handle_media_relay_error(data) {
+    eventEmitter.emit(events['media-relay-error'], data);
+  };
+  var _handle_media_relay_request_response = function _handle_media_relay_request_response(data) {
+    eventEmitter.emit(events['media-relay-request-response'], data);
+  };
+  var _handle_media_relay_request_received = function _handle_media_relay_request_received(data) {
+    eventEmitter.emit(events['media-relay-request-received'], data);
+  };
   var join = function join() {
     var meeting = jsSdk.VideoSDK && jsSdk.VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
@@ -881,6 +941,11 @@ var MeetingProvider = function MeetingProvider(_ref) {
     meeting.on('whiteboard-stopped', _handle_whiteboard_stopped);
     meeting.on('character-joined', _handle_character_joined);
     meeting.on('character-left', _handle_character_left);
+    meeting.on('media-relay-started', _handle_media_relay_started);
+    meeting.on('media-relay-stopped', _handle_media_relay_stopped);
+    meeting.on('media-relay-error', _handle_media_relay_error);
+    meeting.on('media-relay-request-response', _handle_media_relay_request_response);
+    meeting.on('media-relay-request-received', _handle_media_relay_request_received);
     meeting.localParticipant.on('stream-enabled', _handle_localParticipant_stream_enabled);
     meeting.localParticipant.on('stream-disabled', _handle_localParticipant_stream_disabled);
     meeting.join();
@@ -1115,8 +1180,27 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.disableAdaptiveSubscription();
     }
   };
-  var seekVideo = function seekVideo(_ref8) {
-    var currentTime = _ref8.currentTime;
+  var requestMediaRelay = function requestMediaRelay(_ref8) {
+    var destinationMeetingId = _ref8.destinationMeetingId,
+      token = _ref8.token,
+      kinds = _ref8.kinds;
+    var meeting = meetingRef.current;
+    if (meeting) {
+      meeting.requestMediaRelay({
+        destinationMeetingId: destinationMeetingId,
+        token: token,
+        kinds: kinds
+      });
+    }
+  };
+  var stopMediaRelay = function stopMediaRelay(destinationMeetingId) {
+    var meeting = meetingRef.current;
+    if (meeting) {
+      meeting.stopMediaRelay(destinationMeetingId);
+    }
+  };
+  var seekVideo = function seekVideo(_ref9) {
+    var currentTime = _ref9.currentTime;
     var meeting = meetingRef.current;
     if (meeting) {
       meeting.seekVideo({
@@ -1136,9 +1220,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.stopLivestream();
     }
   };
-  var connectTo = function connectTo(_ref9) {
-    var meetingId = _ref9.meetingId,
-      payload = _ref9.payload;
+  var connectTo = function connectTo(_ref0) {
+    var meetingId = _ref0.meetingId,
+      payload = _ref0.payload;
     try {
       var _meeting3 = meetingRef.current;
       var _temp = function () {
@@ -1255,7 +1339,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       startHls: startHls,
       stopHls: stopHls,
       enableAdaptiveSubscription: enableAdaptiveSubscription,
-      disableAdaptiveSubscription: disableAdaptiveSubscription
+      disableAdaptiveSubscription: disableAdaptiveSubscription,
+      requestMediaRelay: requestMediaRelay,
+      stopMediaRelay: stopMediaRelay
     }
   }, children);
 };
@@ -1475,9 +1561,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
   var stopConsumingMicStreams = function stopConsumingMicStreams() {
     participant === null || participant === void 0 ? void 0 : participant.stopConsumingMicStreams();
   };
-  var switchTo = function switchTo(data) {
-    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.switchTo(data)).then(function () {});
-  };
   React.useEffect(function () {
     var streams = participant === null || participant === void 0 ? void 0 : participant.streams;
     if (streams) {
@@ -1553,7 +1636,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
     pin: pin,
     unpin: unpin,
     remove: remove,
-    switchTo: switchTo,
     getAudioStats: getAudioStats,
     getVideoStats: getVideoStats,
     getShareStats: getShareStats,
@@ -2232,21 +2314,20 @@ var withAdaptiveObservers = function withAdaptiveObservers(VideoPlayerComponent)
       if (!element || !participant) return;
       if (observerRef.current) observerRef.current.disconnect();
       var handleIntersectionChange = debounce(function (entries) {
-        for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
-          var entry = _step.value;
-          if (entry.intersectionRatio > 0) {
-            for (var _iterator2 = _createForOfIteratorHelperLoose(participant.streams.values()), _step2; !(_step2 = _iterator2()).done;) {
-              var stream = _step2.value;
-              if (stream.kind === 'video' && stream.pausedBy !== 'SUB_MANAGER') {
-                stream.resume();
-              }
+        if (!Array.isArray(entries) || entries.length === 0) return;
+        var entry = entries[entries.length - 1];
+        if (entry.intersectionRatio > 0) {
+          for (var _iterator = _createForOfIteratorHelperLoose(participant.streams.values()), _step; !(_step = _iterator()).done;) {
+            var stream = _step.value;
+            if (stream.kind === 'video' && stream.pausedBy !== 'SUB_MANAGER') {
+              stream.resume();
             }
-          } else {
-            for (var _iterator3 = _createForOfIteratorHelperLoose(participant.streams.values()), _step3; !(_step3 = _iterator3()).done;) {
-              var _stream = _step3.value;
-              if (_stream.kind === 'video') {
-                _stream.pause();
-              }
+          }
+        } else {
+          for (var _iterator2 = _createForOfIteratorHelperLoose(participant.streams.values()), _step2; !(_step2 = _iterator2()).done;) {
+            var _stream = _step2.value;
+            if (_stream.kind === 'video') {
+              _stream.pause();
             }
           }
         }