@videosdk.live/react-sdk 0.2.2 → 0.3.0

package/dist/index.modern.js

@@ -3,52 +3,62 @@ import EventEmitter from 'events';
 import { VideoSDK } 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 _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';
@@ -89,7 +99,9 @@ var events = {
   'character-joined': eventPrifix + "-character-joined",
   'character-left': eventPrifix + "-character-left",
   'whiteboard-started': eventPrifix + "-whiteboard-started",
-  'whiteboard-stopped': eventPrifix + "-whiteboard-stopped"
+  'whiteboard-stopped': eventPrifix + "-whiteboard-stopped",
+  'paused-all-streams': eventPrifix + "-paused-all-streams",
+  'resumed-all-streams': eventPrifix + "-resumed-all-streams"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -124,6 +136,10 @@ var useMeeting = function useMeeting(_temp) {
     onEntryRequested = _ref$onEntryRequested === void 0 ? function () {} : _ref$onEntryRequested,
     _ref$onEntryResponded = _ref.onEntryResponded,
     onEntryResponded = _ref$onEntryResponded === void 0 ? function () {} : _ref$onEntryResponded,
+    _ref$onPausedAllStrea = _ref.onPausedAllStreams,
+    onPausedAllStreams = _ref$onPausedAllStrea === void 0 ? function () {} : _ref$onPausedAllStrea,
+    _ref$onResumedAllStre = _ref.onResumedAllStreams,
+    onResumedAllStreams = _ref$onResumedAllStre === void 0 ? function () {} : _ref$onResumedAllStre,
     _ref$onRecordingStart = _ref.onRecordingStarted,
     onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
     _ref$onRecordingStopp = _ref.onRecordingStopped,
@@ -182,6 +198,8 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
     eventEmitter.on(events['entry-requested'], onEntryRequested);
     eventEmitter.on(events['entry-responded'], onEntryResponded);
+    eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
+    eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
     eventEmitter.on(events['recording-started'], onRecordingStarted);
     eventEmitter.on(events['recording-stopped'], onRecordingStopped);
     eventEmitter.on(events['chat-message'], onChatMessage);
@@ -216,6 +234,8 @@ var useMeeting = function useMeeting(_temp) {
       eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
       eventEmitter.off(events['entry-requested'], onEntryRequested);
       eventEmitter.off(events['entry-responded'], onEntryResponded);
+      eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
+      eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
       eventEmitter.off(events['recording-started'], onRecordingStarted);
       eventEmitter.off(events['recording-stopped'], onRecordingStopped);
       eventEmitter.off(events['chat-message'], onChatMessage);
@@ -260,6 +280,10 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     onEntryRequested = _ref2$onEntryRequeste === void 0 ? function () {} : _ref2$onEntryRequeste,
     _ref2$onEntryResponde = _ref2.onEntryResponded,
     onEntryResponded = _ref2$onEntryResponde === void 0 ? function () {} : _ref2$onEntryResponde,
+    _ref2$onPausedAllStre = _ref2.onPausedAllStreams,
+    onPausedAllStreams = _ref2$onPausedAllStre === void 0 ? function () {} : _ref2$onPausedAllStre,
+    _ref2$onResumedAllStr = _ref2.onResumedAllStreams,
+    onResumedAllStreams = _ref2$onResumedAllStr === void 0 ? function () {} : _ref2$onResumedAllStr,
     _ref2$onRecordingStar = _ref2.onRecordingStarted,
     onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
     _ref2$onRecordingStop = _ref2.onRecordingStopped,
@@ -319,6 +343,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
     eventEmitter.on(events['entry-requested'], onEntryRequested);
     eventEmitter.on(events['entry-responded'], onEntryResponded);
+    eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
+    eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
     eventEmitter.on(events['recording-started'], onRecordingStarted);
     eventEmitter.on(events['recording-stopped'], onRecordingStopped);
     eventEmitter.on(events['chat-message'], onChatMessage);
@@ -352,6 +378,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
       eventEmitter.off(events['entry-requested'], onEntryRequested);
       eventEmitter.off(events['entry-responded'], onEntryResponded);
+      eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
+      eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
       eventEmitter.off(events['recording-started'], onRecordingStarted);
       eventEmitter.off(events['recording-stopped'], onRecordingStopped);
       eventEmitter.off(events['chat-message'], onChatMessage);
@@ -381,7 +409,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.2.1";
+var version = "0.3.0";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -633,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) {
@@ -651,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);
@@ -659,6 +687,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
         meeting.off('webcam-requested', _handle_webcam_requested);
         meeting.off('mic-requested', _handle_mic_requested);
         meeting.off('pin-state-changed', _handle_pin_state_changed);
+        meeting.off('paused-all-streams', _handle_streams_paused);
+        meeting.off('resumed-all-streams', _handle_streams_resumed);
         meeting.off('connection-open', _handle_connection_open);
         meeting.off('connection-close', _handle_connection_close);
         meeting.off('switch-meeting', _handle_switch_meeting);
@@ -701,6 +731,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
       pinnedBy: pinnedBy
     });
   };
+  var _handle_streams_paused = function _handle_streams_paused(_ref3) {
+    var kind = _ref3.kind;
+    eventEmitter.emit(events['paused-all-streams'], {
+      kind: kind
+    });
+  };
+  var _handle_streams_resumed = function _handle_streams_resumed(_ref4) {
+    var kind = _ref4.kind;
+    eventEmitter.emit(events['resumed-all-streams'], {
+      kind: kind
+    });
+  };
   var _handle_connection_open = function _handle_connection_open(connection) {
     setConnections(function (s) {
       s.set(connection.id, connection);
@@ -819,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);
@@ -827,6 +869,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
     meeting.on('webcam-requested', _handle_webcam_requested);
     meeting.on('mic-requested', _handle_mic_requested);
     meeting.on('pin-state-changed', _handle_pin_state_changed);
+    meeting.on('paused-all-streams', _handle_streams_paused);
+    meeting.on('resumed-all-streams', _handle_streams_resumed);
     meeting.on('connection-open', _handle_connection_open);
     meeting.on('connection-close', _handle_connection_close);
     meeting.on('switch-meeting', _handle_switch_meeting);
@@ -859,6 +903,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.end();
     }
   };
+  var pauseAllStreams = function pauseAllStreams(kind) {
+    var meeting = meetingRef.current;
+    if (meeting) {
+      meeting.pauseAllStreams(kind);
+    }
+  };
+  var resumeAllStreams = function resumeAllStreams(kind) {
+    var meeting = meetingRef.current;
+    if (meeting) {
+      meeting.resumeAllStreams(kind);
+    }
+  };
   var startRecording = function startRecording(webhookUrl, awsDirPath, config, transcription) {
     var meeting = meetingRef.current;
     if (meeting) {
@@ -926,9 +982,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       enableWebcam(customVideoTrack);
     }
   };
-  var switchTo = function switchTo(_ref3) {
-    var meetingId = _ref3.meetingId,
-      token = _ref3.token;
+  var switchTo = function switchTo(_ref5) {
+    var meetingId = _ref5.meetingId,
+      token = _ref5.token;
     var meeting = meetingRef.current;
     if (meeting) {
       meeting.switchTo({
@@ -1023,8 +1079,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.changeMic(obj);
     }
   };
-  var startVideo = function startVideo(_ref4) {
-    var link = _ref4.link;
+  var startVideo = function startVideo(_ref6) {
+    var link = _ref6.link;
     var meeting = meetingRef.current;
     if (meeting) {
       meeting.startVideo({
@@ -1044,8 +1100,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.resumeVideo();
     }
   };
-  var pauseVideo = function pauseVideo(_ref5) {
-    var currentTime = _ref5.currentTime;
+  var pauseVideo = function pauseVideo(_ref7) {
+    var currentTime = _ref7.currentTime;
     var meeting = meetingRef.current;
     if (meeting) {
       meeting.pauseVideo({
@@ -1065,8 +1121,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.disableAdaptiveSubscription();
     }
   };
-  var seekVideo = function seekVideo(_ref6) {
-    var currentTime = _ref6.currentTime;
+  var seekVideo = function seekVideo(_ref8) {
+    var currentTime = _ref8.currentTime;
     var meeting = meetingRef.current;
     if (meeting) {
       meeting.seekVideo({
@@ -1086,9 +1142,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.stopLivestream();
     }
   };
-  var connectTo = function connectTo(_ref7) {
-    var meetingId = _ref7.meetingId,
-      payload = _ref7.payload;
+  var connectTo = function connectTo(_ref9) {
+    var meetingId = _ref9.meetingId,
+      payload = _ref9.payload;
     try {
       var _meeting3 = meetingRef.current;
       var _temp = function () {
@@ -1171,6 +1227,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
       join: join,
       leave: leave,
       end: end,
+      pauseAllStreams: pauseAllStreams,
+      resumeAllStreams: resumeAllStreams,
       startRecording: startRecording,
       stopRecording: stopRecording,
       sendChatMessage: sendChatMessage,
@@ -2215,22 +2273,26 @@ var VideoSDKPlayer = forwardRef(function (_ref5, ref) {
   var _useParticipant2 = useParticipant(participantId),
     webcamOn = _useParticipant2.webcamOn,
     webcamStream = _useParticipant2.webcamStream,
-    isLocal = _useParticipant2.isLocal;
-  var webcamRef = useRef(null);
+    isLocal = _useParticipant2.isLocal,
+    screenShareStream = _useParticipant2.screenShareStream,
+    screenShareOn = _useParticipant2.screenShareOn;
+  var videoRef = useRef(null);
   useEffect(function () {
-    if (webcamRef.current) {
-      if (webcamOn && webcamStream) {
+    var stream = type === 'share' ? screenShareStream : webcamStream;
+    var isOn = type === 'share' ? screenShareOn : webcamOn;
+    if (videoRef.current) {
+      if (isOn && stream) {
         var mediaStream = new MediaStream();
-        mediaStream.addTrack(webcamStream.track);
-        webcamRef.current.srcObject = mediaStream;
-        webcamRef.current.play()["catch"](function (error) {
-          return console.error('videoElem.current.play() failed', error);
+        mediaStream.addTrack(stream.track);
+        videoRef.current.srcObject = mediaStream;
+        videoRef.current.play()["catch"](function (error) {
+          return console.error('videoRef.current.play() failed', error);
         });
       } else {
-        webcamRef.current.srcObject = null;
+        videoRef.current.srcObject = null;
       }
     }
-  }, [webcamStream, webcamOn]);
+  }, [type].concat(type === 'share' ? [screenShareOn, screenShareStream] : type === 'video' ? [webcamOn, webcamStream] : []));
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: "video-container participant-video-" + participantId + " " + (className || ''),
@@ -2241,10 +2303,10 @@ var VideoSDKPlayer = forwardRef(function (_ref5, ref) {
   }, /*#__PURE__*/React.createElement("video", {
     width: "100%",
     height: "100%",
-    ref: webcamRef,
+    ref: videoRef,
     autoPlay: true,
     className: classNameVideo,
-    style: isLocal ? _extends({
+    style: isLocal && type !== 'share' ? _extends({
       transform: 'scaleX(-1)',
       WebkitTransform: 'scaleX(-1)'
     }, videoStyle) : videoStyle