@videosdk.live/react-sdk 0.3.6 → 0.3.8

package/dist/index.modern.js

@@ -1,54 +1,64 @@
 import React, { createContext, useEffect, useContext, useState, useRef, useMemo, forwardRef } from 'react';
 import EventEmitter from 'events';
 import { VideoSDK } from '@videosdk.live/js-sdk';
-export { CameraDeviceInfo, DeviceInfo, ExternalE2EEKeyProvider, MicrophoneDeviceInfo } from '@videosdk.live/js-sdk';
+export { CameraDeviceInfo, DeviceInfo, MicrophoneDeviceInfo } from '@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 _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 _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 _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';
@@ -75,7 +85,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",
@@ -91,12 +101,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);
@@ -184,17 +189,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;
   useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
@@ -230,11 +225,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);
@@ -270,11 +260,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 useContext(MeetingProviderContex);
@@ -348,17 +333,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;
   useEffect(function () {
     eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -394,11 +369,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);
@@ -434,17 +404,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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.3.6";
+var version = "0.3.0";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -452,8 +417,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 = useState(null),
     meeting = _useState[0],
     setMeeting = _useState[1];
@@ -481,55 +445,54 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _useState9 = useState(false),
     isRecording = _useState9[0],
     setIsRecording = _useState9[1];
-  var _useState0 = useState([]),
-    messages = _useState0[0],
-    setMessages = _useState0[1];
-  var _useState1 = useState(new Map()),
-    participants = _useState1[0],
-    setParticipants = _useState1[1];
-  var _useState10 = useState(new Map()),
-    characters = _useState10[0],
-    setCharacters = _useState10[1];
+  var _useState10 = useState([]),
+    messages = _useState10[0],
+    setMessages = _useState10[1];
   var _useState11 = useState(new Map()),
-    pinnedParticipants = _useState11[0],
-    setPinnedParticipants = _useState11[1];
-  var _useState12 = useState(false),
-    isLiveStreaming = _useState12[0],
-    setIsLiveStreaming = _useState12[1];
+    participants = _useState11[0],
+    setParticipants = _useState11[1];
+  var _useState12 = useState(new Map()),
+    characters = _useState12[0],
+    setCharacters = _useState12[1];
   var _useState13 = useState(new Map()),
-    connections = _useState13[0],
-    setConnections = _useState13[1];
+    pinnedParticipants = _useState13[0],
+    setPinnedParticipants = _useState13[1];
   var _useState14 = useState(false),
-    isMeetingJoined = _useState14[0],
-    setIsMeetingJoined = _useState14[1];
-  var _useState15 = useState(false),
-    isHls = _useState15[0],
-    setIsHls = _useState15[1];
-  var _useState16 = useState('RECORDING_STOPPED'),
-    recordingState = _useState16[0],
-    setRecordingState = _useState16[1];
-  var _useState17 = useState('LIVESTREAM_STOPPED'),
-    livestreamState = _useState17[0],
-    setLivestreamState = _useState17[1];
-  var _useState18 = useState('HLS_STOPPED'),
-    hlsState = _useState18[0],
-    setHlsState = _useState18[1];
-  var _useState19 = useState({
+    isLiveStreaming = _useState14[0],
+    setIsLiveStreaming = _useState14[1];
+  var _useState15 = useState(new Map()),
+    connections = _useState15[0],
+    setConnections = _useState15[1];
+  var _useState16 = useState(false),
+    isMeetingJoined = _useState16[0],
+    setIsMeetingJoined = _useState16[1];
+  var _useState17 = useState(false),
+    isHls = _useState17[0],
+    setIsHls = _useState17[1];
+  var _useState18 = useState('RECORDING_STOPPED'),
+    recordingState = _useState18[0],
+    setRecordingState = _useState18[1];
+  var _useState19 = useState('LIVESTREAM_STOPPED'),
+    livestreamState = _useState19[0],
+    setLivestreamState = _useState19[1];
+  var _useState20 = useState('HLS_STOPPED'),
+    hlsState = _useState20[0],
+    setHlsState = _useState20[1];
+  var _useState21 = useState({
       downstreamUrl: null,
       playbackHlsUrl: null,
       livestreamUrl: null
     }),
-    hlsUrls = _useState19[0],
-    setHlsUrls = _useState19[1];
-  var _useState20 = useState('TRANSCRIPTION_STOPPED'),
-    transcriptionState = _useState20[0],
-    setTranscriptionState = _useState20[1];
+    hlsUrls = _useState21[0],
+    setHlsUrls = _useState21[1];
+  var _useState22 = useState('TRANSCRIPTION_STOPPED'),
+    transcriptionState = _useState22[0],
+    setTranscriptionState = _useState22[1];
   var meetingRef = useRef();
   var localMicOnRef = useRef();
   var localWebcamOnRef = useRef();
   var localScreenShareOnRef = useRef();
   var isRecordingRef = useRef();
-  var keyProviderRef = useRef(keyProvider);
   var configRef = useRef(config);
   var tokenRef = useRef(token);
   var joinedOnFirstRender = useRef(false);
@@ -698,7 +661,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) {
@@ -716,7 +679,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);
@@ -876,21 +839,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 = VideoSDK && VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
@@ -913,7 +861,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);
@@ -939,11 +887,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();
@@ -1178,27 +1121,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({
@@ -1218,9 +1142,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 () {
@@ -1250,7 +1174,6 @@ var MeetingProvider = function MeetingProvider(_ref) {
   };
   var initSDK = function initSDK() {
     VideoSDK.config(tokenRef.current);
-    keyProviderRef.current && VideoSDK.setKeyProvider(keyProviderRef.current);
     if (deviceInfo) {
       VideoSDK.analytics(deviceInfo);
     } else {
@@ -1337,9 +1260,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       startHls: startHls,
       stopHls: stopHls,
       enableAdaptiveSubscription: enableAdaptiveSubscription,
-      disableAdaptiveSubscription: disableAdaptiveSubscription,
-      requestMediaRelay: requestMediaRelay,
-      stopMediaRelay: stopMediaRelay
+      disableAdaptiveSubscription: disableAdaptiveSubscription
     }
   }, children);
 };
@@ -1357,15 +1278,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 = useState(null),
     webcamStream = _useState[0],
     setwebcamStream = _useState[1];
@@ -1502,9 +1415,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();
   };
@@ -1559,6 +1469,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 () {});
+  };
   useEffect(function () {
     var streams = participant === null || participant === void 0 ? void 0 : participant.streams;
     if (streams) {
@@ -1582,18 +1495,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);
@@ -1624,7 +1525,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
     stopConsumingMicStreams: stopConsumingMicStreams,
     stopConsumingWebcamStreams: stopConsumingWebcamStreams,
     setQuality: setQuality,
-    setScreenShareQuality: setScreenShareQuality,
     setViewPort: setViewPort,
     enableMic: enableMic,
     disableMic: disableMic,
@@ -1634,6 +1534,7 @@ var useParticipant = function useParticipant(participantId, _temp) {
     pin: pin,
     unpin: unpin,
     remove: remove,
+    switchTo: switchTo,
     getAudioStats: getAudioStats,
     getVideoStats: getVideoStats,
     getShareStats: getShareStats,
@@ -2247,15 +2148,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(VideoSDK.createScreenShareVideoTrack({
       encoderConfig: encoderConfig,
       optimizationMode: optimizationMode,
-      withAudio: withAudio,
-      multiStream: multiStream
+      withAudio: withAudio
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -2312,20 +2210,21 @@ var withAdaptiveObservers = function withAdaptiveObservers(VideoPlayerComponent)
       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();
+              }
             }
           }
         }