@videosdk.live/react-sdk 0.4.8 → 0.4.10

package/dist/index.js

@@ -458,7 +458,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.4.8";
+var version = "0.4.10";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -716,8 +716,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
       setIsMeetingJoined(true);
     }
   };
-  var _handle_meeting_left2 = function _handle_meeting_left() {
-    eventEmitter.emit(events['meeting-left']);
+  var _handle_meeting_left2 = function _handle_meeting_left(data) {
+    eventEmitter.emit(events['meeting-left'], data);
     var meeting = meetingRef.current;
     if (meeting) {
       var _meeting$localPartici;
@@ -1896,6 +1896,72 @@ var usePubSub = function usePubSub(topic, _temp) {
   };
 };
 
+var useRealtimeStore = function useRealtimeStore(key, _temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+    _ref$onValueChanged = _ref.onValueChanged,
+    onValueChanged = _ref$onValueChanged === void 0 ? function () {} : _ref$onValueChanged;
+  var observerIdRef = React.useRef(null);
+  var _useMeeting = useMeeting(),
+    meeting = _useMeeting.meeting,
+    isMeetingJoined = _useMeeting.isMeetingJoined;
+  var isObserving = React.useRef(false);
+  var setValue = function setValue(value) {
+    try {
+      return Promise.resolve(function () {
+        if (meeting) {
+          return Promise.resolve(meeting.realtimeStore.setValue(key, value));
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var getValue = function getValue() {
+    try {
+      return Promise.resolve(function () {
+        if (meeting) {
+          return Promise.resolve(meeting.realtimeStore.getValue(key));
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var _handleRealtimeStore = function _handleRealtimeStore(data) {
+    onValueChanged(data);
+  };
+  var subscribeToKey = function subscribeToKey(meeting) {
+    try {
+      var _meeting$realtimeStor3;
+      return Promise.resolve(meeting === null || meeting === void 0 ? void 0 : (_meeting$realtimeStor3 = meeting.realtimeStore) === null || _meeting$realtimeStor3 === void 0 ? void 0 : _meeting$realtimeStor3.observe(key, _handleRealtimeStore)).then(function (observer) {
+        if (observer) {
+          observerIdRef.current = observer;
+        }
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    if (meeting && !isObserving.current && isMeetingJoined && onValueChanged) {
+      isObserving.current = true;
+      subscribeToKey(meeting);
+      return function () {
+        if (observerIdRef.current) {
+          var _meeting$realtimeStor4;
+          meeting === null || meeting === void 0 ? void 0 : (_meeting$realtimeStor4 = meeting.realtimeStore) === null || _meeting$realtimeStor4 === void 0 ? void 0 : _meeting$realtimeStor4.stopObserving(observerIdRef.current);
+          observerIdRef.current = null;
+        }
+        isObserving.current = false;
+      };
+    }
+  }, [meeting, isMeetingJoined]);
+  return {
+    setValue: setValue,
+    getValue: getValue
+  };
+};
+
 var useFile = function useFile() {
   var mMeeting = useMeeting();
   var uploadBase64File = function uploadBase64File(_ref) {
@@ -2561,30 +2627,33 @@ var VideoSDKPlayer = React.forwardRef(function (_ref5, ref) {
     _ref5$classNameVideo = _ref5.classNameVideo,
     classNameVideo = _ref5$classNameVideo === void 0 ? '' : _ref5$classNameVideo,
     _ref5$videoStyle = _ref5.videoStyle,
-    videoStyle = _ref5$videoStyle === void 0 ? {} : _ref5$videoStyle;
+    videoStyle = _ref5$videoStyle === void 0 ? {} : _ref5$videoStyle,
+    videoRef = _ref5.videoRef;
   var _useParticipant2 = useParticipant(participantId),
     webcamOn = _useParticipant2.webcamOn,
     webcamStream = _useParticipant2.webcamStream,
     isLocal = _useParticipant2.isLocal,
     screenShareStream = _useParticipant2.screenShareStream,
     screenShareOn = _useParticipant2.screenShareOn;
-  var videoRef = React.useRef(null);
+  var internalRef = React.useRef(null);
+  var finalVideoRef = videoRef || internalRef;
   React.useEffect(function () {
     var stream = type === 'share' ? screenShareStream : webcamStream;
     var isOn = type === 'share' ? screenShareOn : webcamOn;
-    if (videoRef.current) {
+    if (finalVideoRef.current) {
       if (isOn && stream) {
         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);
+        finalVideoRef.current.setAttribute('muted', '');
+        finalVideoRef.current.srcObject = mediaStream;
+        finalVideoRef.current.setAttribute('playsinline', '');
+        finalVideoRef.current.setAttribute('x5-playsinline', '');
+        finalVideoRef.current.setAttribute('webkit-playsinline', '');
+        finalVideoRef.current.play()["catch"](function (error) {
+          return console.error('finalVideoRef.current.play() failed', error);
         });
       } else {
-        videoRef.current.srcObject = null;
+        finalVideoRef.current.srcObject = null;
       }
     }
   }, [type].concat(type === 'share' ? [screenShareOn, screenShareStream] : type === 'video' ? [webcamOn, webcamStream] : []));
@@ -2598,9 +2667,10 @@ var VideoSDKPlayer = React.forwardRef(function (_ref5, ref) {
   }, /*#__PURE__*/React__default.createElement("video", {
     width: "100%",
     height: "100%",
-    ref: videoRef,
+    ref: finalVideoRef,
     autoPlay: true,
     className: classNameVideo,
+    muted: true,
     style: isLocal && type !== 'share' ? _extends({
       transform: 'scaleX(-1)',
       WebkitTransform: 'scaleX(-1)'
@@ -2690,6 +2760,7 @@ exports.useMediaDevice = useMediaDevice;
 exports.useMeeting = useMeeting;
 exports.useParticipant = useParticipant;
 exports.usePubSub = usePubSub;
+exports.useRealtimeStore = useRealtimeStore;
 exports.useStream = useStream;
 exports.useTranscription = useTranscription;
 exports.useTranslation = useTranslation;