@desynova-digital/player 3.0.0 → 3.0.1

package/components/Video.js

@@ -40,6 +40,8 @@ var _SDOutline = require('./SDOutline');
 
 var _SDOutline2 = _interopRequireDefault(_SDOutline);
 
+var _components = require('@desynova-digital/components/components');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -113,7 +115,7 @@ var defaultProps = {
 var VideoBlock = _styledComponents2.default.div.withConfig({
   displayName: 'Video__VideoBlock',
   componentId: 'omlcc3-0'
-})(['position:relative;&.video-react-player-block{position:relative;transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;video{position:absolute;top:0;left:0;width:100%;height:100%;right:0;bottom:0;}.audio-tracks{position:relative;display:flex;background:rgba(0,0,0,0.5);color:#fff;z-index:10;position:absolute;width:100%;bottom:0;p{cursor:pointer;padding:10px;}}}&.ratio-border{border:1px solid rgba(255,255,255,0.5);&:after{content:\'16:9 Safe Area\';position:absolute;color:#fff;font-family:SFUIText-Regular;font-size:12px;transform:rotate(-90deg);top:20%;left:-50px;}}']);
+})(['position:relative;&.video-react-player-block{position:relative;transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;video{position:absolute;top:0;left:0;width:100%;height:100%;right:0;bottom:0;}.audio-tracks{position:relative;display:flex;background:rgba(0,0,0,0.5);color:#fff;z-index:10;position:absolute;width:100%;bottom:0;p{cursor:pointer;padding:10px;}}.loader-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:10;background:rgba(0,0,0,0.5)}}&.ratio-border{border:1px solid rgba(255,255,255,0.5);&:after{content:\'16:9 Safe Area\';position:absolute;color:#fff;font-family:SFUIText-Regular;font-size:12px;transform:rotate(-90deg);top:20%;left:-50px;}}']);
 
 var Video = function (_Component) {
   _inherits(Video, _Component);
@@ -137,7 +139,8 @@ var Video = function (_Component) {
         'top': '0px',
         'left': '0px'
       },
-      watermarkInterval: -1
+      watermarkInterval: -1,
+      isBuffering: false
     };
     _this.video = null; // the html5 video
     _this.manager = new _Manager2.default(props.store);
@@ -1089,7 +1092,7 @@ var Video = function (_Component) {
           fileType = _props28.fileType,
           userEmail = _props28.userEmail;
       var _state2 = this.state,
-          audioTracks = _state2.audioTracks,
+          isBuffering = _state2.isBuffering,
           watermark = _state2.watermark;
 
 
@@ -1102,6 +1105,16 @@ var Video = function (_Component) {
             _this5.playerBlock = c;
           },
           style: this.getStyle() },
+        isBuffering && _react2.default.createElement(
+          'div',
+          {
+            className: 'loader-container',
+            onClick: function onClick() {
+              return _this5.togglePlay();
+            }
+          },
+          _react2.default.createElement(_components.Loader, { loaderName: 'SpinningLoader' })
+        ) || null,
         fileType === 'audio' ? _react2.default.createElement(
           _react2.default.Fragment,
           null,
@@ -1196,25 +1209,6 @@ var Video = function (_Component) {
           _react2.default.createElement('track', { kind: 'captions' }),
           this.renderChildren()
         ),
-        audioTracks && audioTracks.length ? _react2.default.createElement(
-          'div',
-          { className: 'audio-tracks' },
-          audioTracks.map(function (track) {
-            return _react2.default.createElement(
-              'p',
-              {
-                key: track.id,
-                onClick: function onClick() {
-                  _this5.changeAudio(track.id);
-                },
-                role: 'presentation'
-              },
-              track.name,
-              '-',
-              track.groupId
-            );
-          })
-        ) : null,
         children,
         _react2.default.createElement(
           'p',

package/components/control-bar/ControlBar.js

@@ -141,7 +141,7 @@ var ControlBar = function (_Component) {
       //   order={6.1}
       // />,
       _react2.default.createElement(_VolumeMenuButton2.default, _extends({
-        style: playerType === 'snp_edit' || playerType === 'dubbing_review' ? { margin: '0 10px 0 0' } : { margin: 'auto 10px auto auto' }
+        style: { margin: 'auto 10px auto auto' }
       }, this.props, {
         key: 'volume-menu-button',
         order: 7
@@ -176,7 +176,7 @@ var ControlBar = function (_Component) {
       //   order={7}
       // />,
       _react2.default.createElement(_VolumeMenuButton2.default, _extends({
-        style: playerType === 'snp_edit' || playerType === 'dubbing_review' ? { margin: '0 10px 0 0' } : { margin: 'auto 10px auto auto' }
+        style: { margin: 'auto 10px auto auto' }
       }, this.props, {
         key: 'volume-menu-button',
         order: 8

package/package.json

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