@videosdk.live/react-sdk 0.2.2 → 0.2.3

package/dist/index.js

@@ -383,7 +383,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.2.1";
+var version = "0.2.2";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -2217,22 +2217,26 @@ var VideoSDKPlayer = React.forwardRef(function (_ref5, ref) {
   var _useParticipant2 = useParticipant(participantId),
     webcamOn = _useParticipant2.webcamOn,
     webcamStream = _useParticipant2.webcamStream,
-    isLocal = _useParticipant2.isLocal;
-  var webcamRef = React.useRef(null);
+    isLocal = _useParticipant2.isLocal,
+    screenShareStream = _useParticipant2.screenShareStream,
+    screenShareOn = _useParticipant2.screenShareOn;
+  var videoRef = React.useRef(null);
   React.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__default.createElement("div", {
     ref: ref,
     className: "video-container participant-video-" + participantId + " " + (className || ''),
@@ -2243,10 +2247,10 @@ var VideoSDKPlayer = React.forwardRef(function (_ref5, ref) {
   }, /*#__PURE__*/React__default.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