@videosdk.live/react-sdk 0.2.2 → 0.2.3

package/dist/index.modern.js

@@ -381,7 +381,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.2.2";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -2215,22 +2215,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 +2245,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