@desynova-digital/player 3.3.0 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/actions/player.js +6 -2
  2. package/components/PlayerHeader.js +12 -3
  3. package/components/PointersBar.js +2 -1
  4. package/components/Video.js +1 -1
  5. package/components/control-bar/AudioTracksMenuButton.js +2 -2
  6. package/components/control-bar/CameraButton.js +4 -1
  7. package/package.json +3 -3
package/actions/player.js CHANGED
@@ -149,7 +149,9 @@ function forward(seconds) {
149
149
  source: ''
150
150
  };
151
151
 
152
- this.video.pause();
152
+ if (seconds < 1) {
153
+ this.video.pause();
154
+ }
153
155
  this.video.forward(seconds);
154
156
 
155
157
  return {
@@ -165,7 +167,9 @@ function replay(seconds) {
165
167
  source: ''
166
168
  };
167
169
 
168
- this.video.pause();
170
+ if (seconds < 1) {
171
+ this.video.pause();
172
+ }
169
173
  this.video.replay(seconds);
170
174
 
171
175
  return {
package/components/PlayerHeader.js CHANGED
@@ -78,7 +78,7 @@ var VideoTitle = _styledComponents2.default.button.withConfig({
78
78
  var PlayerDetails = _styledComponents2.default.div.withConfig({
79
79
  displayName: 'PlayerHeader__PlayerDetails',
80
80
  componentId: 'conl4h-2'
81
- })(['margin-left:20px;text-align:left;.video-bottom-container{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;.video-sub-title{color:#afb2ba;font-size:10px;font-family:SFUIText-Medium;margin-right:5px;}.version-category{font-size:10px;letter-spacing:0.4px;color:#fff;font-family:SFUIText-Regular;text-transform:uppercase;}.versions-dropdown-block{position:relative;&:hover{.active-version{cursor:pointer;border-color:#00cec6 !important;}.versions-dropdown-container{visibility:visible;opacity:1;}}.active-version{transition:all 350ms ease-in-out;border:1px solid #fff;border-radius:10px;margin-left:5px;padding:3px 10px;color:#fff;font-size:10px;font-family:SFUIText-Regular;font-weight:bold;pointer-events:none;}.versions-dropdown-container{padding-top:15px;position:absolute;top:13px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:all 450ms ease-in-out;&:after{content:\'\';border-bottom:6px solid #00cec6;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:9px;left:50%;transform:translateX(-50%);}.versions-container{overflow-y:auto;overflow-x:hidden;max-height:204px;box-shadow:0px 12px 24px rgb(0 0 0 / 20%);min-width:250px;background:#fff;border-radius:10px;.ingest-versions-container{border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 15px;.ingest-version-block{display:flex;justify-content:space-between;align-items:center;.upload-type{width:6px;height:6px;border-radius:100%;overflow:hidden;left:5px;position:absolute;}.ingest-version-name{color:#182738;font-size:11px;font-family:SFUIText-Regular;font-weight:bold;margin-right:10px;}.video-versions-container{display:inline-flex;align-items:center;.more-dropdown-icon{padding-top:8px;cursor:pointer;}path{fill:#182738;}}}}&::-webkit-scrollbar{width:5px;background-color:#6d6a6a;}}}}.video-time-block{margin-left:5px;.tv-time,.ott-time{display:flex;justify-content:center;align-items:center;margin-left:10px;font-size:10px;p{margin-left:5px;color:#afb2ba;}}}}']);
81
+ })(['margin-left:20px;text-align:left;.video-bottom-container{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;.video-sub-title{color:#afb2ba;font-size:10px;font-family:SFUIText-Medium;margin-right:5px;}.version-category{font-size:10px;letter-spacing:0.4px;color:#fff;font-family:SFUIText-Regular;text-transform:uppercase;}.versions-dropdown-block{position:relative;&:hover{.active-version{cursor:pointer;border-color:#00cec6 !important;}.versions-dropdown-container{visibility:visible;opacity:1;}}.active-version{transition:all 350ms ease-in-out;border:1px solid #fff;border-radius:10px;margin-left:5px;padding:3px 10px;color:#fff;font-size:10px;font-family:SFUIText-Regular;font-weight:bold;pointer-events:none;}.versions-dropdown-container{padding-top:15px;position:absolute;top:13px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:all 450ms ease-in-out;&:after{content:\'\';border-bottom:6px solid #00cec6;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:9px;left:50%;transform:translateX(-50%);}.versions-container{overflow-y:auto;overflow-x:hidden;max-height:204px;box-shadow:0px 12px 24px rgb(0 0 0 / 20%);min-width:250px;background:#fff;border-radius:10px;.ingest-versions-container{border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 15px;.ingest-version-block{display:flex;justify-content:space-between;align-items:center;.upload-type{width:6px;height:6px;border-radius:100%;overflow:hidden;left:5px;position:absolute;}.ingest-version-name{color:#182738;font-size:11px;font-family:SFUIText-Regular;font-weight:bold;margin-right:10px;}.video-versions-container{display:inline-flex;align-items:center;.more-dropdown-icon{padding-top:8px;cursor:pointer;}path{fill:#182738;}}}}&::-webkit-scrollbar{width:5px;background-color:#6d6a6a;}}}}.video-time-block{margin-left:5px;display:flex;justify-content:center;align-items:center;.tv-time,.ott-time{display:flex;justify-content:center;align-items:center;margin-left:10px;p{margin-left:5px;color:rgb(175,178,186);font-family:\'SFUIText-Regular\';font-size:10px;align-self:self-end;}}}}']);
82
82
 
83
83
  var VersionBlock = _styledComponents2.default.div.withConfig({
84
84
  displayName: 'PlayerHeader__VersionBlock',
@@ -384,10 +384,19 @@ var PlayerHeader = function (_Component) {
384
384
  _react2.default.createElement(
385
385
  'div',
386
386
  { className: 'video-time-block' },
387
+ videoDetails.txDate ? _react2.default.createElement(
388
+ 'div',
389
+ { className: 'tv-time' },
390
+ _react2.default.createElement(
391
+ 'p',
392
+ null,
393
+ videoDetails.txDate
394
+ )
395
+ ) : null,
387
396
  videoDetails.tvTime ? _react2.default.createElement(
388
397
  'div',
389
398
  { className: 'tv-time' },
390
- _react2.default.createElement(_components.Icon, { name: 'tv', width: 10, height: 9, color: '#afb2ba' }),
399
+ _react2.default.createElement(_components.Icon, { name: 'tv', width: 14, height: 12, color: '#afb2ba' }),
391
400
  _react2.default.createElement(
392
401
  'p',
393
402
  null,
@@ -397,7 +406,7 @@ var PlayerHeader = function (_Component) {
397
406
  videoDetails.ottTime ? _react2.default.createElement(
398
407
  'div',
399
408
  { className: 'ott-time' },
400
- _react2.default.createElement(_components.Icon, { name: 'ott', width: 10, height: 14, color: '#afb2ba' }),
409
+ _react2.default.createElement(_components.Icon, { name: 'tablet', width: 16, height: 12, color: '#afb2ba' }),
401
410
  _react2.default.createElement(
402
411
  'p',
403
412
  null,
package/components/PointersBar.js CHANGED
@@ -136,8 +136,9 @@ var PointersBar = function (_Component) {
136
136
  this.setState(_extends({}, tooltip), function () {
137
137
  var tooltip = _this2.state.tooltip;
138
138
 
139
+ var tooltipRefOffset = _this2._tooltipRef.current && _this2._tooltipRef.current.offsetWidth ? _this2._tooltipRef.current.offsetWidth / 2 : 0;
139
140
  tooltip.isVisible = true;
140
- tooltip.left = tooltip.left - _this2._tooltipRef.current.offsetWidth / 2;
141
+ tooltip.left = tooltip.left - tooltipRefOffset;
141
142
  _this2.setState(_extends({}, tooltip));
142
143
  });
143
144
  }
package/components/Video.js CHANGED
@@ -447,7 +447,7 @@ var Video = function (_Component) {
447
447
  }
448
448
  this.forceUpdate(); // make sure the children can get the video property
449
449
  }
450
- if (newProps.player.activeAudio && activeAudio.id !== newProps.player.activeAudio.id) {
450
+ if (newProps.player.activeAudio && activeAudio && activeAudio.id !== newProps.player.activeAudio.id) {
451
451
  this.hls.audioTrack = newProps.player.activeAudio.id;
452
452
  }
453
453
  if (newProps.subtitleObj && newProps.subtitleObj.field && JSON.stringify(newProps.subtitleObj) !== JSON.stringify(currentSubtitleObj)) {
package/components/control-bar/AudioTracksMenuButton.js CHANGED
@@ -88,12 +88,12 @@ var AudioTracksMenuButton = function (_Component) {
88
88
  },
89
89
  role: 'presentation',
90
90
  key: track.id,
91
- style: player.activeAudio.id === track.id ? { pointerEvents: 'none' } : null
91
+ style: player.activeAudio && player.activeAudio.id === track.id ? { pointerEvents: 'none' } : null
92
92
  },
93
93
  _react2.default.createElement(
94
94
  'p',
95
95
  {
96
- style: player.activeAudio.id === track.id ? { color: '#00cec6', pointerEvents: 'none' } : { color: '#333333' }
96
+ style: player.activeAudio && player.activeAudio.id === track.id ? { color: '#00cec6', pointerEvents: 'none' } : { color: '#333333' }
97
97
  },
98
98
  track.name
99
99
  )
package/components/control-bar/CameraButton.js CHANGED
@@ -43,7 +43,10 @@ var CameraButton = function (_Component) {
43
43
  function CameraButton(props, context) {
44
44
  _classCallCheck(this, CameraButton);
45
45
 
46
- return _possibleConstructorReturn(this, (CameraButton.__proto__ || Object.getPrototypeOf(CameraButton)).call(this, props, context));
46
+ var _this = _possibleConstructorReturn(this, (CameraButton.__proto__ || Object.getPrototypeOf(CameraButton)).call(this, props, context));
47
+
48
+ _this.handleClick = _this.handleClick.bind(_this);
49
+ return _this;
47
50
  }
48
51
 
49
52
  _createClass(CameraButton, [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desynova-digital/player",
3
- "version": "3.3.0",
3
+ "version": "3.5.0",
4
4
  "description": "Video Player Package for Contido Application",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -53,8 +53,8 @@
53
53
  "webpack-dev-server": "^3.11.0"
54
54
  },
55
55
  "dependencies": {
56
- "@desynova-digital/components": "^8.1.6",
57
- "@desynova-digital/tokens": "^8.1.6",
56
+ "@desynova-digital/components": "^8.9.0",
57
+ "@desynova-digital/tokens": "^8.9.0",
58
58
  "hls.js": "^0.11.0",
59
59
  "latest-version": "^4.0.0",
60
60
  "prettycli": "^1.4.3",