@videosdk.live/react-sdk 0.3.7 → 0.3.8

package/dist/index.js

@@ -5,52 +5,62 @@ var React__default = _interopDefault(React);
 var EventEmitter = _interopDefault(require('events'));
 var jsSdk = require('@videosdk.live/js-sdk');
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
-    t && (r = t);
-    var o = 0;
-    return function () {
-      return o >= r.length ? {
-        done: !0
-      } : {
-        done: !1,
-        value: r[o++]
-      };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return n;
-  }, _extends.apply(null, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return t;
+  return target;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
 }
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
   }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 var eventPrifix = 'videosdk-live-react-sdk';
@@ -93,12 +103,7 @@ 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",
-  '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"
+  'resumed-all-streams': eventPrifix + "-resumed-all-streams"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -186,17 +191,7 @@ 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,
-    _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;
+    onCharacterLeft = _ref$onCharacterLeft === void 0 ? function () {} : _ref$onCharacterLeft;
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
@@ -232,11 +227,6 @@ 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);
@@ -272,11 +262,6 @@ 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);
@@ -350,17 +335,7 @@ 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,
-    _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;
+    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft;
   React.useEffect(function () {
     eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -396,11 +371,6 @@ 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);
@@ -436,17 +406,12 @@ 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.6";
+var version = "0.3.0";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -454,8 +419,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     token = _ref.token,
     joinWithoutUserInteraction = _ref.joinWithoutUserInteraction,
     _reinitialiseMeetingOnConfigChange = _ref.reinitialiseMeetingOnConfigChange,
-    deviceInfo = _ref.deviceInfo,
-    keyProvider = _ref.keyProvider;
+    deviceInfo = _ref.deviceInfo;
   var _useState = React.useState(null),
     meeting = _useState[0],
     setMeeting = _useState[1];
@@ -483,55 +447,54 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _useState9 = React.useState(false),
     isRecording = _useState9[0],
     setIsRecording = _useState9[1];
-  var _useState0 = React.useState([]),
-    messages = _useState0[0],
-    setMessages = _useState0[1];
-  var _useState1 = React.useState(new Map()),
-    participants = _useState1[0],
-    setParticipants = _useState1[1];
-  var _useState10 = React.useState(new Map()),
-    characters = _useState10[0],
-    setCharacters = _useState10[1];
+  var _useState10 = React.useState([]),
+    messages = _useState10[0],
+    setMessages = _useState10[1];
   var _useState11 = React.useState(new Map()),
-    pinnedParticipants = _useState11[0],
-    setPinnedParticipants = _useState11[1];
-  var _useState12 = React.useState(false),
-    isLiveStreaming = _useState12[0],
-    setIsLiveStreaming = _useState12[1];
+    participants = _useState11[0],
+    setParticipants = _useState11[1];
+  var _useState12 = React.useState(new Map()),
+    characters = _useState12[0],
+    setCharacters = _useState12[1];
   var _useState13 = React.useState(new Map()),
-    connections = _useState13[0],
-    setConnections = _useState13[1];
+    pinnedParticipants = _useState13[0],
+    setPinnedParticipants = _useState13[1];
   var _useState14 = React.useState(false),
-    isMeetingJoined = _useState14[0],
-    setIsMeetingJoined = _useState14[1];
-  var _useState15 = React.useState(false),
-    isHls = _useState15[0],
-    setIsHls = _useState15[1];
-  var _useState16 = React.useState('RECORDING_STOPPED'),
-    recordingState = _useState16[0],
-    setRecordingState = _useState16[1];
-  var _useState17 = React.useState('LIVESTREAM_STOPPED'),
-    livestreamState = _useState17[0],
-    setLivestreamState = _useState17[1];
-  var _useState18 = React.useState('HLS_STOPPED'),
-    hlsState = _useState18[0],
-    setHlsState = _useState18[1];
-  var _useState19 = React.useState({
+    isLiveStreaming = _useState14[0],
+    setIsLiveStreaming = _useState14[1];
+  var _useState15 = React.useState(new Map()),
+    connections = _useState15[0],
+    setConnections = _useState15[1];
+  var _useState16 = React.useState(false),
+    isMeetingJoined = _useState16[0],
+    setIsMeetingJoined = _useState16[1];
+  var _useState17 = React.useState(false),
+    isHls = _useState17[0],
+    setIsHls = _useState17[1];
+  var _useState18 = React.useState('RECORDING_STOPPED'),
+    recordingState = _useState18[0],
+    setRecordingState = _useState18[1];
+  var _useState19 = React.useState('LIVESTREAM_STOPPED'),
+    livestreamState = _useState19[0],
+    setLivestreamState = _useState19[1];
+  var _useState20 = React.useState('HLS_STOPPED'),
+    hlsState = _useState20[0],
+    setHlsState = _useState20[1];
+  var _useState21 = React.useState({
       downstreamUrl: null,
       playbackHlsUrl: null,
       livestreamUrl: null
     }),
-    hlsUrls = _useState19[0],
-    setHlsUrls = _useState19[1];
-  var _useState20 = React.useState('TRANSCRIPTION_STOPPED'),
-    transcriptionState = _useState20[0],
-    setTranscriptionState = _useState20[1];
+    hlsUrls = _useState21[0],
+    setHlsUrls = _useState21[1];
+  var _useState22 = React.useState('TRANSCRIPTION_STOPPED'),
+    transcriptionState = _useState22[0],
+    setTranscriptionState = _useState22[1];
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
   var localScreenShareOnRef = React.useRef();
   var isRecordingRef = React.useRef();
-  var keyProviderRef = React.useRef(keyProvider);
   var configRef = React.useRef(config);
   var tokenRef = React.useRef(token);
   var joinedOnFirstRender = React.useRef(false);
@@ -700,7 +663,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       setIsMeetingJoined(true);
     }
   };
-  var _handle_meeting_left2 = function _handle_meeting_left() {
+  var _handle_meeting_left = function _handle_meeting_left() {
     eventEmitter.emit(events['meeting-left']);
     var meeting = meetingRef.current;
     if (meeting) {
@@ -718,7 +681,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
         meeting.off('recording-started', _handle_recording_started);
         meeting.off('recording-stopped', _handle_recording_stopped);
         meeting.off('meeting-joined', _handle_meeting_joined);
-        meeting.off('meeting-left', _handle_meeting_left2);
+        meeting.off('meeting-left', _handle_meeting_left);
         meeting.off('livestream-started', _handle_live_stream_started);
         meeting.off('livestream-stopped', _handle_live_stream_stopped);
         meeting.off('video-state-changed', _handle_video_state_changed);
@@ -878,21 +841,6 @@ 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);
@@ -915,7 +863,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     meeting.on('recording-started', _handle_recording_started);
     meeting.on('recording-stopped', _handle_recording_stopped);
     meeting.on('meeting-joined', _handle_meeting_joined);
-    meeting.on('meeting-left', _handle_meeting_left2);
+    meeting.on('meeting-left', _handle_meeting_left);
     meeting.on('livestream-started', _handle_live_stream_started);
     meeting.on('livestream-stopped', _handle_live_stream_stopped);
     meeting.on('video-state-changed', _handle_video_state_changed);
@@ -941,11 +889,6 @@ 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();
@@ -1180,27 +1123,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.disableAdaptiveSubscription();
     }
   };
-  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 seekVideo = function seekVideo(_ref8) {
+    var currentTime = _ref8.currentTime;
     var meeting = meetingRef.current;
     if (meeting) {
       meeting.seekVideo({
@@ -1220,9 +1144,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.stopLivestream();
     }
   };
-  var connectTo = function connectTo(_ref0) {
-    var meetingId = _ref0.meetingId,
-      payload = _ref0.payload;
+  var connectTo = function connectTo(_ref9) {
+    var meetingId = _ref9.meetingId,
+      payload = _ref9.payload;
     try {
       var _meeting3 = meetingRef.current;
       var _temp = function () {
@@ -1252,7 +1176,6 @@ var MeetingProvider = function MeetingProvider(_ref) {
   };
   var initSDK = function initSDK() {
     jsSdk.VideoSDK.config(tokenRef.current);
-    keyProviderRef.current && jsSdk.VideoSDK.setKeyProvider(keyProviderRef.current);
     if (deviceInfo) {
       jsSdk.VideoSDK.analytics(deviceInfo);
     } else {
@@ -1339,9 +1262,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       startHls: startHls,
       stopHls: stopHls,
       enableAdaptiveSubscription: enableAdaptiveSubscription,
-      disableAdaptiveSubscription: disableAdaptiveSubscription,
-      requestMediaRelay: requestMediaRelay,
-      stopMediaRelay: stopMediaRelay
+      disableAdaptiveSubscription: disableAdaptiveSubscription
     }
   }, children);
 };
@@ -1359,15 +1280,7 @@ var useParticipant = function useParticipant(participantId, _temp) {
     _ref$onStreamPaused = _ref.onStreamPaused,
     onStreamPaused = _ref$onStreamPaused === void 0 ? function () {} : _ref$onStreamPaused,
     _ref$onStreamResumed = _ref.onStreamResumed,
-    onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed,
-    _ref$onProducerAdded = _ref.onProducerAdded,
-    onProducerAdded = _ref$onProducerAdded === void 0 ? function () {} : _ref$onProducerAdded,
-    _ref$onProducerRemove = _ref.onProducerRemoved,
-    onProducerRemoved = _ref$onProducerRemove === void 0 ? function () {} : _ref$onProducerRemove,
-    _ref$onConsumerAdded = _ref.onConsumerAdded,
-    onConsumerAdded = _ref$onConsumerAdded === void 0 ? function () {} : _ref$onConsumerAdded,
-    _ref$onConsumerRemove = _ref.onConsumerRemoved,
-    onConsumerRemoved = _ref$onConsumerRemove === void 0 ? function () {} : _ref$onConsumerRemove;
+    onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed;
   var _useState = React.useState(null),
     webcamStream = _useState[0],
     setwebcamStream = _useState[1];
@@ -1504,9 +1417,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
   var setViewPort = function setViewPort(width, height) {
     participant === null || participant === void 0 ? void 0 : participant.setViewPort(width, height);
   };
-  var setScreenShareQuality = function setScreenShareQuality(quality) {
-    participant === null || participant === void 0 ? void 0 : participant.setScreenShareQuality(quality);
-  };
   var enableMic = function enableMic() {
     participant === null || participant === void 0 ? void 0 : participant.enableMic();
   };
@@ -1561,6 +1471,9 @@ 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) {
@@ -1584,18 +1497,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
     });
     participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
     participant === null || participant === void 0 ? void 0 : participant.on('video-quality-changed', _handleVideoQualityChanged);
-    participant === null || participant === void 0 ? void 0 : participant.on('producer-added', function (data) {
-      onProducerAdded(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('producer-removed', function (data) {
-      onProducerRemoved(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('consumer-added', function (data) {
-      onConsumerAdded(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('consumer-removed', function (data) {
-      onConsumerRemoved(data);
-    });
     eventEmitter.on(events['participant-mode-changed'], _handleParticipantModeChanged);
     return function () {
       participant === null || participant === void 0 ? void 0 : participant.off('stream-enabled', _handleStreamEnabled);
@@ -1626,7 +1527,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
     stopConsumingMicStreams: stopConsumingMicStreams,
     stopConsumingWebcamStreams: stopConsumingWebcamStreams,
     setQuality: setQuality,
-    setScreenShareQuality: setScreenShareQuality,
     setViewPort: setViewPort,
     enableMic: enableMic,
     disableMic: disableMic,
@@ -1636,6 +1536,7 @@ var useParticipant = function useParticipant(participantId, _temp) {
     pin: pin,
     unpin: unpin,
     remove: remove,
+    switchTo: switchTo,
     getAudioStats: getAudioStats,
     getVideoStats: getVideoStats,
     getShareStats: getShareStats,
@@ -2249,15 +2150,12 @@ var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
     _ref2$optimizationMod = _ref2.optimizationMode,
     optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod,
     _ref2$withAudio = _ref2.withAudio,
-    withAudio = _ref2$withAudio === void 0 ? 'enable' : _ref2$withAudio,
-    _ref2$multiStream = _ref2.multiStream,
-    multiStream = _ref2$multiStream === void 0 ? false : _ref2$multiStream;
+    withAudio = _ref2$withAudio === void 0 ? 'enable' : _ref2$withAudio;
   try {
     return Promise.resolve(jsSdk.VideoSDK.createScreenShareVideoTrack({
       encoderConfig: encoderConfig,
       optimizationMode: optimizationMode,
-      withAudio: withAudio,
-      multiStream: multiStream
+      withAudio: withAudio
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -2308,28 +2206,27 @@ var withAdaptiveObservers = function withAdaptiveObservers(VideoPlayerComponent)
     var resizeObserverRef = React.useRef(null);
     var _useParticipant = useParticipant(participantId),
       participant = _useParticipant.participant;
-    var _useMeeting = useMeeting(),
-      localParticipant = _useMeeting.localParticipant;
     React.useEffect(function () {
-      if (type === 'share' || !ref.current || !participant || participantId === localParticipant.id) return;
+      if (type === 'share' || !ref.current || !participant) return;
       var element = ref.current;
       if (!element || !participant) return;
       if (observerRef.current) observerRef.current.disconnect();
       var handleIntersectionChange = debounce(function (entries) {
-        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();
+        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();
+              }
             }
-          }
-        } else {
-          for (var _iterator2 = _createForOfIteratorHelperLoose(participant.streams.values()), _step2; !(_step2 = _iterator2()).done;) {
-            var _stream = _step2.value;
-            if (_stream.kind === 'video') {
-              _stream.pause();
+          } else {
+            for (var _iterator3 = _createForOfIteratorHelperLoose(participant.streams.values()), _step3; !(_step3 = _iterator3()).done;) {
+              var _stream = _step3.value;
+              if (_stream.kind === 'video') {
+                _stream.pause();
+              }
             }
           }
         }
@@ -2472,12 +2369,6 @@ Object.defineProperty(exports, 'DeviceInfo', {
     return jsSdk.DeviceInfo;
   }
 });
-Object.defineProperty(exports, 'ExternalE2EEKeyProvider', {
-  enumerable: true,
-  get: function () {
-    return jsSdk.ExternalE2EEKeyProvider;
-  }
-});
 Object.defineProperty(exports, 'MicrophoneDeviceInfo', {
   enumerable: true,
   get: function () {