@desynova-digital/player 3.9.1 → 3.9.3

package/components/MarkerBar.js

@@ -98,15 +98,16 @@ var MarkerBar = function (_Component) {
     value: function render() {
       var _props = this.props,
           player = _props.player,
-          controlType = _props.controlType;
+          controlType = _props.controlType,
+          playerSelectedMarker = _props.playerSelectedMarker;
 
-      var leftMarkerPosition = (this.getMarkerPosition(player.leftMarker) * 100).toFixed(2) + '%';
-      var rightMarkerPosition = (this.getMarkerPosition(player.rightMarker) * 100).toFixed(2) + '%';
+      var leftMarkerPosition = (this.getMarkerPosition(playerSelectedMarker.leftMarker) * 100).toFixed(2) + '%';
+      var rightMarkerPosition = (this.getMarkerPosition(playerSelectedMarker.rightMarker) * 100).toFixed(2) + '%';
 
       return _react2.default.createElement(
         MarkerBlock,
         { controlType: controlType, isFullscreen: player.isFullscreen },
-        player.leftMarker > -1 ? _react2.default.createElement(
+        playerSelectedMarker.leftMarker > -1 ? _react2.default.createElement(
           'div',
           {
             className: 'marker marker-left',
@@ -114,7 +115,7 @@ var MarkerBar = function (_Component) {
           },
           _react2.default.createElement(_components.Icon, { name: 'marker', width: 8, height: 7, color: '#00cec6' })
         ) : null,
-        player.rightMarker > -1 ? _react2.default.createElement(
+        playerSelectedMarker.rightMarker > -1 ? _react2.default.createElement(
           'div',
           {
             className: 'marker marker-right',

package/components/Shortcut.js

@@ -170,29 +170,29 @@ var Shortcut = function (_Component) {
               });
             }
             markerArr.filter(function (marker) {
-              if (player.currentTime >= marker.start_time && player.currentTime <= marker.end_time || player.leftMarker > -1 && player.currentTime > marker.start_time && player.leftMarker < marker.start_time || player.leftMarker > -1 && player.currentTime < marker.start_time && player.leftMarker > marker.end_time) {
+              if (player.currentTime >= marker.start_time && player.currentTime <= marker.end_time || playerSelectedMarker.leftMarker > -1 && player.currentTime > marker.start_time && playerSelectedMarker.leftMarker < marker.start_time || playerSelectedMarker.leftMarker > -1 && player.currentTime < marker.start_time && playerSelectedMarker.leftMarker > marker.end_time) {
                 createPoint = false;
               }
             });
           }
-          if (!createPoint && player.markerType === 'update' && player.currentTime > player.selectedMarker.leftMarker && player.currentTime < player.selectedMarker.rightMarker) {
+          if (!createPoint && playerSelectedMarker.markerType === 'update' && player.currentTime > player.selectedMarker.leftMarker && player.currentTime < player.selectedMarker.rightMarker) {
             createPoint = true;
           }
           if (createPoint) {
-            if (player.rightMarker < 0 || player.rightMarker > -1 && player.currentTime < player.rightMarker) {
+            if (playerSelectedMarker.rightMarker < 0 || playerSelectedMarker.rightMarker > -1 && player.currentTime < playerSelectedMarker.rightMarker) {
               // actions.handleMarkerPointChange(
               //   player.markerType !== 'update' ? 'add' : 'update',
               //   'left',
               //   player.currentTime
               // );
               var data = {
-                markerType: player.markerType !== 'update' ? 'add' : 'update',
+                markerType: playerSelectedMarker.markerType !== 'update' ? 'add' : 'update',
                 markerPos: 'left',
                 currentTime: player.currentTime
               };
               onAddMarker(player.currentTime, -1, '', true, data);
-              if (player.leftMarker > -1 && player.rightMarker > -1 && (!player.markerCreate || player.markerType === 'update')) {
-                onAddMarker(player.currentTime, player.rightMarker, 'update');
+              if (playerSelectedMarker.leftMarker > -1 && playerSelectedMarker.rightMarker > -1 && (!playerSelectedMarker.markerCreate || playerSelectedMarker.markerType === 'update')) {
+                onAddMarker(player.currentTime, playerSelectedMarker.rightMarker, 'update');
               }
             }
           }
@@ -223,7 +223,7 @@ var Shortcut = function (_Component) {
               });
             }
             markerArr.filter(function (marker) {
-              if (player.currentTime >= marker.start_time && player.currentTime <= marker.end_time || player.leftMarker > -1 && player.currentTime > marker.start_time && player.leftMarker < marker.start_time || player.leftMarker > -1 && player.currentTime < marker.start_time && player.leftMarker > marker.end_time) {
+              if (player.currentTime >= marker.start_time && player.currentTime <= marker.end_time || playerSelectedMarker.leftMarker > -1 && player.currentTime > marker.start_time && playerSelectedMarker.leftMarker < marker.start_time || playerSelectedMarker.leftMarker > -1 && player.currentTime < marker.start_time && playerSelectedMarker.leftMarker > marker.end_time) {
                 createPoint = false;
               }
             });
@@ -295,10 +295,12 @@ var Shortcut = function (_Component) {
     }, {
       keyCode: 68, // D Key
       handle: function handle(player, actions) {
-        if ((player.leftMarker > -1 || player.rightMarker > -1) && player.markerType === 'create') {
+        var playerSelectedMarker = _this.props.playerSelectedMarker;
+
+        if ((playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1) && playerSelectedMarker.markerType === 'create') {
           var onDeleteMarker = _this.props.onDeleteMarker;
+          // actions.handleMarkerPointChange('delete');
 
-          actions.handleMarkerPointChange('delete');
           onDeleteMarker();
         }
       }
@@ -326,15 +328,19 @@ var Shortcut = function (_Component) {
     }, {
       keyCode: 81, // Q Key
       handle: function handle(player, actions) {
-        if (player.leftMarker > -1) {
-          actions.seek(player.leftMarker);
+        var leftMarker = _this.props.playerSelectedMarker.leftMarker;
+
+        if (leftMarker > -1) {
+          actions.seek(leftMarker);
         }
       }
     }, {
       keyCode: 87, // W Key
       handle: function handle(player, actions) {
-        if (player.rightMarker > -1) {
-          actions.seek(player.rightMarker);
+        var rightMarker = _this.props.playerSelectedMarker.rightMarker;
+
+        if (rightMarker > -1) {
+          actions.seek(rightMarker);
         }
       }
     }];

package/components/Video.js

@@ -98,7 +98,8 @@ var propTypes = {
   onResize: _propTypes.PropTypes.func,
   aspectRatio: _propTypes.PropTypes.string,
   onPlayerClose: _propTypes.PropTypes.func,
-  userEmail: _propTypes.PropTypes.string
+  userEmail: _propTypes.PropTypes.string,
+  playerSelectedMarker: _propTypes.PropTypes.instanceOf(Object)
 };
 
 var defaultProps = {
@@ -115,7 +116,7 @@ var defaultProps = {
 var SubTitleSection = _styledComponents2.default.div.withConfig({
   displayName: 'Video__SubTitleSection',
   componentId: 'omlcc3-0'
-})(['position:absolute;font-family:SFUIText-Regular;font-size:16px;bottom:20px;width:100%;display:flex;justify-content:center;text-align:center;color:#FFFFFF;height:60px;align-items:center;.subtitleContainer{border-radius:4px;width:fit-content;background:#000000;opacity:0.9;padding:8px 10px;line-height:20px;position:absolute;}']);
+})(['position:absolute;font-family:SFUIText-Regular;font-size:16px;bottom:20px;width:100%;display:flex;justify-content:center;text-align:center;color:#FFFFFF;height:90%;align-items:center;.subtitleContainer{border-radius:4px;width:fit-content;background:#000000;opacity:0.9;padding:8px 10px;line-height:20px;position:absolute;}']);
 
 var VideoBlock = _styledComponents2.default.div.withConfig({
   displayName: 'Video__VideoBlock',
@@ -990,11 +991,10 @@ var Video = function (_Component) {
     key: 'handleTimeUpdate',
     value: function handleTimeUpdate() {
       var _props25 = this.props,
-          _props25$player = _props25.player,
-          previewActive = _props25$player.previewActive,
-          rightMarker = _props25$player.rightMarker,
+          previewActive = _props25.player.previewActive,
           actions = _props25.actions,
-          onTimeUpdate = _props25.onTimeUpdate;
+          onTimeUpdate = _props25.onTimeUpdate,
+          rightMarker = _props25.playerSelectedMarker.rightMarker;
 
       actions.handleTimeUpdate(this.getProperties());
       if (previewActive && this.video.currentTime >= rightMarker) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desynova-digital/player",
-  "version": "3.9.1",
+  "version": "3.9.3",
   "description": "Video Player Package for Contido Application",
   "main": "index.js",
   "scripts": {