@atlaskit/media-ui 28.2.0 → 28.2.2

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

@@ -131,13 +131,22 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_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);
     });
     _defineProperty(_this, "onVolumeChanged", function () {
       _this.createAndFireUIEvent('volumeRangeNavigate', 'volume');
     });
+    _defineProperty(_this, "getDefaultTime", function () {
+      return _this.timeSaver.defaultTime;
+    });
     _defineProperty(_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 (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;
@@ -151,11 +160,11 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }, formatDuration(currentTime), " / ", formatDuration(duration));
     });
     _defineProperty(_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;
       }
@@ -237,9 +246,9 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_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;
       }
@@ -365,12 +374,16 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }));
     });
     _defineProperty(_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);
     });
     _defineProperty(_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();
       }
@@ -380,6 +393,7 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         _this.wasPlayedOnce = true;
         onFirstPlay();
       }
+      onPlay === null || onPlay === void 0 || onPlay();
     });
     _defineProperty(_this, "getMediaButtonClickHandler", function (action, buttonType) {
       return function () {
@@ -398,13 +412,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       };
     });
     _defineProperty(_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,
@@ -454,14 +468,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   return _createClass(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,
@@ -479,12 +493,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
       simultaneousPlayManager.subscribe(this);
       if (isAutoPlay) {
+        var _this$props10, _this$props10$onPlay;
         simultaneousPlayManager.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);
       }
     }
   }, {
@@ -494,8 +510,8 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         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.unsubscribe(this);
     }
@@ -511,13 +527,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   }, {
     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,
@@ -564,14 +580,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     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.createElement(Box, {
         xcss: customVideoWrapperStyles.root,
         ref: this.videoWrapperRef,
@@ -581,7 +597,7 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         src: src,
         autoPlay: isAutoPlay,
         onCanPlay: onCanPlay,
-        defaultTime: this.timeSaver.defaultTime,
+        defaultTime: this.getDefaultTime,
         onTimeChange: this.onCurrentTimeChange,
         onError: onError,
         poster: poster
@@ -604,11 +620,19 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
           var skipAmount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSkipAmount;
           var newTime = videoState.currentTime - skipAmount;
           actions.navigate(Math.max(newTime, 0));
+          if (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 (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/esm/customMediaPlayer/index-emotion.js

@@ -21,6 +21,8 @@ import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoi
 import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
 import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';
+
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives
 import { xcss, Box, Flex } from '@atlaskit/primitives';
 import MediaButton from '../MediaButton';
 import Spinner from '@atlaskit/spinner';
@@ -140,18 +142,27 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_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);
     });
     _defineProperty(_this, "onVolumeChanged", function () {
       _this.createAndFireUIEvent('volumeRangeNavigate', 'volume');
     });
     _defineProperty(_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 (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;
       }
     });
+    _defineProperty(_this, "getDefaultTime", function () {
+      return _this.timeSaver.defaultTime;
+    });
     _defineProperty(_this, "renderCurrentTime", function (_ref) {
       var currentTime = _ref.currentTime,
         duration = _ref.duration;
@@ -160,11 +171,11 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }, formatDuration(currentTime), " / ", formatDuration(duration));
     });
     _defineProperty(_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;
       }
@@ -246,9 +257,9 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_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;
       }
@@ -374,12 +385,16 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }));
     });
     _defineProperty(_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);
     });
     _defineProperty(_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();
       }
@@ -389,6 +404,7 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         _this.wasPlayedOnce = true;
         onFirstPlay();
       }
+      onPlay === null || onPlay === void 0 || onPlay();
     });
     _defineProperty(_this, "getMediaButtonClickHandler", function (action, buttonType) {
       return function () {
@@ -407,13 +423,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       };
     });
     _defineProperty(_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,
@@ -463,14 +479,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   return _createClass(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,
@@ -488,12 +504,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
       }
       simultaneousPlayManager.subscribe(this);
       if (isAutoPlay) {
+        var _this$props10, _this$props10$onPlay;
         simultaneousPlayManager.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);
       }
     }
   }, {
@@ -503,8 +521,8 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         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.unsubscribe(this);
     }
@@ -520,13 +538,13 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
   }, {
     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,
@@ -573,14 +591,14 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     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.createElement(Box, {
         xcss: customVideoWrapperStyles,
         ref: this.videoWrapperRef,
@@ -590,7 +608,7 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         src: src,
         autoPlay: isAutoPlay,
         onCanPlay: onCanPlay,
-        defaultTime: this.timeSaver.defaultTime,
+        defaultTime: this.getDefaultTime,
         onTimeChange: this.onCurrentTimeChange,
         onError: onError,
         poster: poster
@@ -610,14 +628,18 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         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/esm/customMediaPlayer/index.js

@@ -9,7 +9,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, 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
 export var CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -5,7 +5,7 @@ import { useFileState, useMediaClient, useMediaSettings } from '@atlaskit/media-
 import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.2.0";
+var packageVersion = "28.2.2";
 var MediaPlayerBaseWithContext = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,