@atlaskit/media-ui 28.2.0 → 28.2.2

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/media-ui
 
+## 28.2.2
+
+### Patch Changes
+
+- [#134528](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134528)
+  [`61165836daa36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/61165836daa36) -
+  [ux] Use latest media token on video resume or seek
+
+  Previously when resuming a video after the current token had expired the video player would fail
+  to load and would show an error boundary page.
+
+  The same bug would occur when seeking to a new `currentTime` after the token expired.
+
+  Now both the dedicated and inline player will update their `src` to a new URL with the latest
+  cached token.
+
+- Updated dependencies
+
+## 28.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.2.0
 
 ### Minor Changes

package/dist/cjs/customMediaPlayer/index-compiled.js

@@ -138,13 +138,22 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
     });
     (0, _defineProperty2.default)(_this, "onTimeChanged", function () {
+      var _this$props3, _this$props3$onTimeCh;
       _this.createAndFireUIEvent('timeRangeNavigate', 'time');
+      (_this$props3 = _this.props) === null || _this$props3 === void 0 || (_this$props3$onTimeCh = _this$props3.onTimeChanged) === null || _this$props3$onTimeCh === void 0 || _this$props3$onTimeCh.call(_this$props3);
     });
     (0, _defineProperty2.default)(_this, "onVolumeChanged", function () {
       _this.createAndFireUIEvent('volumeRangeNavigate', 'volume');
     });
+    (0, _defineProperty2.default)(_this, "getDefaultTime", function () {
+      return _this.timeSaver.defaultTime;
+    });
     (0, _defineProperty2.default)(_this, "onCurrentTimeChange", function (currentTime, duration) {
-      if (duration - currentTime > MINIMUM_DURATION_BEFORE_SAVING_TIME) {
+      // We rely on the saved time when switching to the new source URL
+      // so we need to save it irrespective of elapsed time or video length
+      if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+        _this.timeSaver.defaultTime = currentTime;
+      } else if (duration - currentTime > MINIMUM_DURATION_BEFORE_SAVING_TIME) {
         _this.timeSaver.defaultTime = currentTime;
       } else {
         _this.timeSaver.defaultTime = 0;
@@ -158,11 +167,11 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }, (0, _formatDuration.formatDuration)(currentTime), " / ", (0, _formatDuration.formatDuration)(duration));
     });
     (0, _defineProperty2.default)(_this, "renderHDButton", function () {
-      var _this$props3 = _this.props,
-        type = _this$props3.type,
-        isHDAvailable = _this$props3.isHDAvailable,
-        isHDActive = _this$props3.isHDActive,
-        onHDToggleClick = _this$props3.onHDToggleClick;
+      var _this$props4 = _this.props,
+        type = _this$props4.type,
+        isHDAvailable = _this$props4.isHDAvailable,
+        isHDActive = _this$props4.isHDActive,
+        onHDToggleClick = _this$props4.onHDToggleClick;
       if (type === 'audio' || !isHDAvailable) {
         return;
       }
@@ -244,9 +253,9 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
     });
     (0, _defineProperty2.default)(_this, "renderFullScreenButton", function () {
-      var _this$props4 = _this.props,
-        formatMessage = _this$props4.intl.formatMessage,
-        type = _this$props4.type;
+      var _this$props5 = _this.props,
+        formatMessage = _this$props5.intl.formatMessage,
+        type = _this$props5.type;
       if (type === 'audio') {
         return;
       }
@@ -372,12 +381,16 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }));
     });
     (0, _defineProperty2.default)(_this, "pause", function () {
+      var _this$props6, _this$props6$onPause;
       if (_this.actions) {
         _this.actions.pause();
       }
+      (_this$props6 = _this.props) === null || _this$props6 === void 0 || (_this$props6$onPause = _this$props6.onPause) === null || _this$props6$onPause === void 0 || _this$props6$onPause.call(_this$props6);
     });
     (0, _defineProperty2.default)(_this, "play", function () {
-      var onFirstPlay = _this.props.onFirstPlay;
+      var _this$props7 = _this.props,
+        onFirstPlay = _this$props7.onFirstPlay,
+        onPlay = _this$props7.onPlay;
       if (_this.actions) {
         _this.actions.play();
       }
@@ -387,6 +400,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         _this.wasPlayedOnce = true;
         onFirstPlay();
       }
+      onPlay === null || onPlay === void 0 || onPlay();
     });
     (0, _defineProperty2.default)(_this, "getMediaButtonClickHandler", function (action, buttonType) {
       return function () {
@@ -405,13 +419,13 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       };
     });
     (0, _defineProperty2.default)(_this, "onViewed", function (videoState) {
-      var _this$props5 = _this.props,
-        createAnalyticsEvent = _this$props5.createAnalyticsEvent,
-        fileId = _this$props5.fileId,
-        isAutoPlay = _this$props5.isAutoPlay,
-        isHDAvailable = _this$props5.isHDAvailable,
-        isHDActive = _this$props5.isHDActive,
-        type = _this$props5.type;
+      var _this$props8 = _this.props,
+        createAnalyticsEvent = _this$props8.createAnalyticsEvent,
+        fileId = _this$props8.fileId,
+        isAutoPlay = _this$props8.isAutoPlay,
+        isHDAvailable = _this$props8.isHDAvailable,
+        isHDActive = _this$props8.isHDActive,
+        type = _this$props8.type;
       var _this$state2 = _this.state,
         isFullScreenEnabled = _this$state2.isFullScreenEnabled,
         playerSize = _this$state2.playerSize,
@@ -461,14 +475,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
   return (0, _createClass2.default)(CustomMediaPlayerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props6 = this.props,
-        type = _this$props6.type,
-        fileId = _this$props6.fileId,
-        isAutoPlay = _this$props6.isAutoPlay,
-        isHDAvailable = _this$props6.isHDAvailable,
-        isHDActive = _this$props6.isHDActive,
-        onFirstPlay = _this$props6.onFirstPlay,
-        createAnalyticsEvent = _this$props6.createAnalyticsEvent;
+      var _this$props9 = this.props,
+        type = _this$props9.type,
+        fileId = _this$props9.fileId,
+        isAutoPlay = _this$props9.isAutoPlay,
+        isHDAvailable = _this$props9.isHDAvailable,
+        isHDActive = _this$props9.isHDActive,
+        onFirstPlay = _this$props9.onFirstPlay,
+        createAnalyticsEvent = _this$props9.createAnalyticsEvent;
       var _this$state3 = this.state,
         isFullScreenEnabled = _this$state3.isFullScreenEnabled,
         playerSize = _this$state3.playerSize,
@@ -486,12 +500,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
       _simultaneousPlayManager.default.subscribe(this);
       if (isAutoPlay) {
+        var _this$props10, _this$props10$onPlay;
         _simultaneousPlayManager.default.pauseOthers(this);
         if (onFirstPlay) {
           this.fireFirstPlayedTrackEvent();
           this.wasPlayedOnce = true;
           onFirstPlay();
         }
+        (_this$props10 = this.props) === null || _this$props10 === void 0 || (_this$props10$onPlay = _this$props10.onPlay) === null || _this$props10$onPlay === void 0 || _this$props10$onPlay.call(_this$props10);
       }
     }
   }, {
@@ -501,8 +517,8 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         this.videoWrapperRef.current.removeEventListener('fullscreenchange', this.onFullScreenChange);
       }
       if (this.state.isFullScreenEnabled) {
-        var _this$props$onFullscr2, _this$props7;
-        (_this$props$onFullscr2 = (_this$props7 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 || _this$props$onFullscr2.call(_this$props7, false);
+        var _this$props$onFullscr2, _this$props11;
+        (_this$props$onFullscr2 = (_this$props11 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 || _this$props$onFullscr2.call(_this$props11, false);
       }
       _simultaneousPlayManager.default.unsubscribe(this);
     }
@@ -518,13 +534,13 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
   }, {
     key: "createAndFireUIEvent",
     value: function createAndFireUIEvent(eventType, actionSubjectId) {
-      var _this$props8 = this.props,
-        type = _this$props8.type,
-        fileId = _this$props8.fileId,
-        isHDActive = _this$props8.isHDActive,
-        isHDAvailable = _this$props8.isHDAvailable,
-        isAutoPlay = _this$props8.isAutoPlay,
-        createAnalyticsEvent = _this$props8.createAnalyticsEvent;
+      var _this$props12 = this.props,
+        type = _this$props12.type,
+        fileId = _this$props12.fileId,
+        isHDActive = _this$props12.isHDActive,
+        isHDAvailable = _this$props12.isHDAvailable,
+        isAutoPlay = _this$props12.isAutoPlay,
+        createAnalyticsEvent = _this$props12.createAnalyticsEvent;
       var _this$state4 = this.state,
         isFullScreenEnabled = _this$state4.isFullScreenEnabled,
         playerSize = _this$state4.playerSize,
@@ -571,14 +587,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$props9 = this.props,
-        type = _this$props9.type,
-        src = _this$props9.src,
-        isAutoPlay = _this$props9.isAutoPlay,
-        onCanPlay = _this$props9.onCanPlay,
-        onError = _this$props9.onError,
-        poster = _this$props9.poster,
-        videoControlsWrapperRef = _this$props9.videoControlsWrapperRef;
+      var _this$props13 = this.props,
+        type = _this$props13.type,
+        src = _this$props13.src,
+        isAutoPlay = _this$props13.isAutoPlay,
+        onCanPlay = _this$props13.onCanPlay,
+        onError = _this$props13.onError,
+        poster = _this$props13.poster,
+        videoControlsWrapperRef = _this$props13.videoControlsWrapperRef;
       return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
         xcss: customVideoWrapperStyles.root,
         ref: this.videoWrapperRef,
@@ -588,7 +604,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         src: src,
         autoPlay: isAutoPlay,
         onCanPlay: onCanPlay,
-        defaultTime: this.timeSaver.defaultTime,
+        defaultTime: this.getDefaultTime,
         onTimeChange: this.onCurrentTimeChange,
         onError: onError,
         poster: poster
@@ -611,11 +627,19 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
           var skipAmount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSkipAmount;
           var newTime = videoState.currentTime - skipAmount;
           actions.navigate(Math.max(newTime, 0));
+          if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+            var _this2$props, _this2$props$onTimeCh;
+            (_this2$props = _this2.props) === null || _this2$props === void 0 || (_this2$props$onTimeCh = _this2$props.onTimeChanged) === null || _this2$props$onTimeCh === void 0 || _this2$props$onTimeCh.call(_this2$props);
+          }
         };
         var skipForward = function skipForward() {
           var skipAmount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSkipAmount;
           var newTime = videoState.currentTime + skipAmount;
           actions.navigate(Math.min(newTime, videoState.duration));
+          if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+            var _this2$props2, _this2$props2$onTimeC;
+            (_this2$props2 = _this2.props) === null || _this2$props2 === void 0 || (_this2$props2$onTimeC = _this2$props2.onTimeChanged) === null || _this2$props2$onTimeC === void 0 || _this2$props2$onTimeC.call(_this2$props2);
+          }
         };
         var shortcuts = _this2.renderShortcuts({
           togglePlayPauseAction: isPlaying ? _this2.pause : _this2.play,

package/dist/cjs/customMediaPlayer/index-emotion.js

@@ -52,6 +52,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -147,18 +148,27 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
     });
     (0, _defineProperty2.default)(_this, "onTimeChanged", function () {
+      var _this$props3, _this$props3$onTimeCh;
       _this.createAndFireUIEvent('timeRangeNavigate', 'time');
+      (_this$props3 = _this.props) === null || _this$props3 === void 0 || (_this$props3$onTimeCh = _this$props3.onTimeChanged) === null || _this$props3$onTimeCh === void 0 || _this$props3$onTimeCh.call(_this$props3);
     });
     (0, _defineProperty2.default)(_this, "onVolumeChanged", function () {
       _this.createAndFireUIEvent('volumeRangeNavigate', 'volume');
     });
     (0, _defineProperty2.default)(_this, "onCurrentTimeChange", function (currentTime, duration) {
-      if (duration - currentTime > MINIMUM_DURATION_BEFORE_SAVING_TIME) {
+      // We rely on the saved time when switching to the new source URL
+      // so we need to save it irrespective of elapsed time or video length
+      if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+        _this.timeSaver.defaultTime = currentTime;
+      } else if (duration - currentTime > MINIMUM_DURATION_BEFORE_SAVING_TIME) {
         _this.timeSaver.defaultTime = currentTime;
       } else {
         _this.timeSaver.defaultTime = 0;
       }
     });
+    (0, _defineProperty2.default)(_this, "getDefaultTime", function () {
+      return _this.timeSaver.defaultTime;
+    });
     (0, _defineProperty2.default)(_this, "renderCurrentTime", function (_ref) {
       var currentTime = _ref.currentTime,
         duration = _ref.duration;
@@ -167,11 +177,11 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }, (0, _formatDuration.formatDuration)(currentTime), " / ", (0, _formatDuration.formatDuration)(duration));
     });
     (0, _defineProperty2.default)(_this, "renderHDButton", function () {
-      var _this$props3 = _this.props,
-        type = _this$props3.type,
-        isHDAvailable = _this$props3.isHDAvailable,
-        isHDActive = _this$props3.isHDActive,
-        onHDToggleClick = _this$props3.onHDToggleClick;
+      var _this$props4 = _this.props,
+        type = _this$props4.type,
+        isHDAvailable = _this$props4.isHDAvailable,
+        isHDActive = _this$props4.isHDActive,
+        onHDToggleClick = _this$props4.onHDToggleClick;
       if (type === 'audio' || !isHDAvailable) {
         return;
       }
@@ -253,9 +263,9 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
     });
     (0, _defineProperty2.default)(_this, "renderFullScreenButton", function () {
-      var _this$props4 = _this.props,
-        formatMessage = _this$props4.intl.formatMessage,
-        type = _this$props4.type;
+      var _this$props5 = _this.props,
+        formatMessage = _this$props5.intl.formatMessage,
+        type = _this$props5.type;
       if (type === 'audio') {
         return;
       }
@@ -381,12 +391,16 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }));
     });
     (0, _defineProperty2.default)(_this, "pause", function () {
+      var _this$props6, _this$props6$onPause;
       if (_this.actions) {
         _this.actions.pause();
       }
+      (_this$props6 = _this.props) === null || _this$props6 === void 0 || (_this$props6$onPause = _this$props6.onPause) === null || _this$props6$onPause === void 0 || _this$props6$onPause.call(_this$props6);
     });
     (0, _defineProperty2.default)(_this, "play", function () {
-      var onFirstPlay = _this.props.onFirstPlay;
+      var _this$props7 = _this.props,
+        onFirstPlay = _this$props7.onFirstPlay,
+        onPlay = _this$props7.onPlay;
       if (_this.actions) {
         _this.actions.play();
       }
@@ -396,6 +410,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         _this.wasPlayedOnce = true;
         onFirstPlay();
       }
+      onPlay === null || onPlay === void 0 || onPlay();
     });
     (0, _defineProperty2.default)(_this, "getMediaButtonClickHandler", function (action, buttonType) {
       return function () {
@@ -414,13 +429,13 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       };
     });
     (0, _defineProperty2.default)(_this, "onViewed", function (videoState) {
-      var _this$props5 = _this.props,
-        createAnalyticsEvent = _this$props5.createAnalyticsEvent,
-        fileId = _this$props5.fileId,
-        isAutoPlay = _this$props5.isAutoPlay,
-        isHDAvailable = _this$props5.isHDAvailable,
-        isHDActive = _this$props5.isHDActive,
-        type = _this$props5.type;
+      var _this$props8 = _this.props,
+        createAnalyticsEvent = _this$props8.createAnalyticsEvent,
+        fileId = _this$props8.fileId,
+        isAutoPlay = _this$props8.isAutoPlay,
+        isHDAvailable = _this$props8.isHDAvailable,
+        isHDActive = _this$props8.isHDActive,
+        type = _this$props8.type;
       var _this$state2 = _this.state,
         isFullScreenEnabled = _this$state2.isFullScreenEnabled,
         playerSize = _this$state2.playerSize,
@@ -470,14 +485,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
   return (0, _createClass2.default)(CustomMediaPlayerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props6 = this.props,
-        type = _this$props6.type,
-        fileId = _this$props6.fileId,
-        isAutoPlay = _this$props6.isAutoPlay,
-        isHDAvailable = _this$props6.isHDAvailable,
-        isHDActive = _this$props6.isHDActive,
-        onFirstPlay = _this$props6.onFirstPlay,
-        createAnalyticsEvent = _this$props6.createAnalyticsEvent;
+      var _this$props9 = this.props,
+        type = _this$props9.type,
+        fileId = _this$props9.fileId,
+        isAutoPlay = _this$props9.isAutoPlay,
+        isHDAvailable = _this$props9.isHDAvailable,
+        isHDActive = _this$props9.isHDActive,
+        onFirstPlay = _this$props9.onFirstPlay,
+        createAnalyticsEvent = _this$props9.createAnalyticsEvent;
       var _this$state3 = this.state,
         isFullScreenEnabled = _this$state3.isFullScreenEnabled,
         playerSize = _this$state3.playerSize,
@@ -495,12 +510,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }
       _simultaneousPlayManager.default.subscribe(this);
       if (isAutoPlay) {
+        var _this$props10, _this$props10$onPlay;
         _simultaneousPlayManager.default.pauseOthers(this);
         if (onFirstPlay) {
           this.fireFirstPlayedTrackEvent();
           this.wasPlayedOnce = true;
           onFirstPlay();
         }
+        (_this$props10 = this.props) === null || _this$props10 === void 0 || (_this$props10$onPlay = _this$props10.onPlay) === null || _this$props10$onPlay === void 0 || _this$props10$onPlay.call(_this$props10);
       }
     }
   }, {
@@ -510,8 +527,8 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         this.videoWrapperRef.current.removeEventListener('fullscreenchange', this.onFullScreenChange);
       }
       if (this.state.isFullScreenEnabled) {
-        var _this$props$onFullscr2, _this$props7;
-        (_this$props$onFullscr2 = (_this$props7 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 || _this$props$onFullscr2.call(_this$props7, false);
+        var _this$props$onFullscr2, _this$props11;
+        (_this$props$onFullscr2 = (_this$props11 = this.props).onFullscreenChange) === null || _this$props$onFullscr2 === void 0 || _this$props$onFullscr2.call(_this$props11, false);
       }
       _simultaneousPlayManager.default.unsubscribe(this);
     }
@@ -527,13 +544,13 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
   }, {
     key: "createAndFireUIEvent",
     value: function createAndFireUIEvent(eventType, actionSubjectId) {
-      var _this$props8 = this.props,
-        type = _this$props8.type,
-        fileId = _this$props8.fileId,
-        isHDActive = _this$props8.isHDActive,
-        isHDAvailable = _this$props8.isHDAvailable,
-        isAutoPlay = _this$props8.isAutoPlay,
-        createAnalyticsEvent = _this$props8.createAnalyticsEvent;
+      var _this$props12 = this.props,
+        type = _this$props12.type,
+        fileId = _this$props12.fileId,
+        isHDActive = _this$props12.isHDActive,
+        isHDAvailable = _this$props12.isHDAvailable,
+        isAutoPlay = _this$props12.isAutoPlay,
+        createAnalyticsEvent = _this$props12.createAnalyticsEvent;
       var _this$state4 = this.state,
         isFullScreenEnabled = _this$state4.isFullScreenEnabled,
         playerSize = _this$state4.playerSize,
@@ -580,14 +597,14 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$props9 = this.props,
-        type = _this$props9.type,
-        src = _this$props9.src,
-        isAutoPlay = _this$props9.isAutoPlay,
-        onCanPlay = _this$props9.onCanPlay,
-        onError = _this$props9.onError,
-        poster = _this$props9.poster,
-        videoControlsWrapperRef = _this$props9.videoControlsWrapperRef;
+      var _this$props13 = this.props,
+        type = _this$props13.type,
+        src = _this$props13.src,
+        isAutoPlay = _this$props13.isAutoPlay,
+        onCanPlay = _this$props13.onCanPlay,
+        onError = _this$props13.onError,
+        poster = _this$props13.poster,
+        videoControlsWrapperRef = _this$props13.videoControlsWrapperRef;
       return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
         xcss: customVideoWrapperStyles,
         ref: this.videoWrapperRef,
@@ -597,7 +614,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         src: src,
         autoPlay: isAutoPlay,
         onCanPlay: onCanPlay,
-        defaultTime: this.timeSaver.defaultTime,
+        defaultTime: this.getDefaultTime,
         onTimeChange: this.onCurrentTimeChange,
         onError: onError,
         poster: poster
@@ -617,14 +634,18 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         var isMediumPlayer = playerSize === 'medium';
         var defaultSkipAmount = 10;
         var skipBackward = function skipBackward() {
+          var _this2$props, _this2$props$onTimeCh;
           var skipAmount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSkipAmount;
           var newTime = videoState.currentTime - skipAmount;
           actions.navigate(Math.max(newTime, 0));
+          (_this2$props = _this2.props) === null || _this2$props === void 0 || (_this2$props$onTimeCh = _this2$props.onTimeChanged) === null || _this2$props$onTimeCh === void 0 || _this2$props$onTimeCh.call(_this2$props);
         };
         var skipForward = function skipForward() {
+          var _this2$props2, _this2$props2$onTimeC;
           var skipAmount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSkipAmount;
           var newTime = videoState.currentTime + skipAmount;
           actions.navigate(Math.min(newTime, videoState.duration));
+          (_this2$props2 = _this2.props) === null || _this2$props2 === void 0 || (_this2$props2$onTimeC = _this2$props2.onTimeChanged) === null || _this2$props2$onTimeC === void 0 || _this2$props2$onTimeC.call(_this2$props2);
         };
         var shortcuts = _this2.renderShortcuts({
           togglePlayPauseAction: isPlaying ? _this2.pause : _this2.play,

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.2.0";
+var packageVersion = "28.2.2";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -12,7 +12,7 @@ var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaPlayerBase = require("./mediaPlayerBase");
 var _useTextTracks = require("./useTextTracks");
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.2.0";
+var packageVersion = "28.2.2";
 var MediaPlayerBaseWithContext = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,