@videosdk.live/react-sdk 0.3.7 → 0.3.9

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';
@@ -446,7 +456,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.3.6";
+var version = "0.3.9";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -483,49 +493,49 @@ 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();
@@ -700,7 +710,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 +728,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);
@@ -915,7 +925,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);
@@ -1220,9 +1230,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.stopLivestream();
     }
   };
-  var connectTo = function connectTo(_ref0) {
-    var meetingId = _ref0.meetingId,
-      payload = _ref0.payload;
+  var connectTo = function connectTo(_ref10) {
+    var meetingId = _ref10.meetingId,
+      payload = _ref10.payload;
     try {
       var _meeting3 = meetingRef.current;
       var _temp = function () {
@@ -2390,6 +2400,9 @@ var VideoSDKPlayer = React.forwardRef(function (_ref5, ref) {
         var mediaStream = new MediaStream();
         mediaStream.addTrack(stream.track);
         videoRef.current.srcObject = mediaStream;
+        videoRef.current.setAttribute('playsinline', '');
+        videoRef.current.setAttribute('x5-playsinline', '');
+        videoRef.current.setAttribute('webkit-playsinline', '');
         videoRef.current.play()["catch"](function (error) {
           return console.error('videoRef.current.play() failed', error);
         });