@atlaskit/media-card 77.10.9 → 77.10.11

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-card
 
+## 77.10.11
+
+### Patch Changes
+
+- [#88354](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88354) [`4c87d9b4f0c2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4c87d9b4f0c2) - The internal composition of this component has changed. There is no expected change in behavior.
+- Updated dependencies
+
+## 77.10.10
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 77.10.9
 
 ### Patch Changes

package/classnames/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/classnames.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/classnames.d.ts"
       ]

package/dist/cjs/card/card.js

@@ -50,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -461,7 +461,8 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
         selected = _this$props6.selected,
         testId = _this$props6.testId,
         originalDimensions = _this$props6.originalDimensions,
-        onFullscreenChange = _this$props6.onFullscreenChange;
+        onFullscreenChange = _this$props6.onFullscreenChange,
+        videoControlsWrapperRef = _this$props6.videoControlsWrapperRef;
       var _this$state2 = _this.state,
         shouldAutoplay = _this$state2.shouldAutoplay,
         cardPreview = _this$state2.cardPreview;
@@ -480,7 +481,8 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
         selected: selected,
         ref: _this.setRef,
         testId: testId,
-        cardPreview: cardPreview
+        cardPreview: cardPreview,
+        videoControlsWrapperRef: videoControlsWrapperRef
       }));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaViewerClose", function () {

package/dist/cjs/card/inlinePlayer.js

@@ -248,7 +248,8 @@ var InlinePlayerBase = exports.InlinePlayerBase = /*#__PURE__*/function (_Compon
         forwardRef = _this$props4.forwardRef,
         autoplay = _this$props4.autoplay,
         cardPreview = _this$props4.cardPreview,
-        onFullscreenChange = _this$props4.onFullscreenChange;
+        onFullscreenChange = _this$props4.onFullscreenChange,
+        videoControlsWrapperRef = _this$props4.videoControlsWrapperRef;
       var _this$state = this.state,
         fileSrc = _this$state.fileSrc,
         isUploading = _this$state.isUploading,
@@ -271,7 +272,6 @@ var InlinePlayerBase = exports.InlinePlayerBase = /*#__PURE__*/function (_Compon
         return /*#__PURE__*/_react.default.createElement(_mediaUi.CustomMediaPlayer, {
           type: "video",
           src: fileSrc,
-          isVideoSelected: selected,
           onFullscreenChange: onFullscreenChange,
           fileId: identifier.id,
           isAutoPlay: autoplay,
@@ -283,7 +283,8 @@ var InlinePlayerBase = exports.InlinePlayerBase = /*#__PURE__*/function (_Compon
           },
           originalDimensions: originalDimensions,
           showControls: checkMouseMovement,
-          poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI
+          poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+          videoControlsWrapperRef: videoControlsWrapperRef
         });
       }), isUploading ? /*#__PURE__*/_react.default.createElement(_progressBar.ProgressBar, {
         progress: progress,

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/v2/cardV2.js

@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/v2/fileCard.js

@@ -71,7 +71,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     mediaViewerItems = _ref.mediaViewerItems,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
   //----------------------------------------------------------------//
@@ -596,7 +597,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     selected: selected,
     ref: setCardElement,
     testId: testId,
-    cardPreview: preview
+    cardPreview: preview,
+    videoControlsWrapperRef: videoControlsWrapperRef
   })) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
     collectionName: collectionName,
     items: mediaViewerItems || [],

package/dist/cjs/card/v2/inlinePlayerV2.js

@@ -43,7 +43,8 @@ var InlinePlayerBaseV2 = exports.InlinePlayerBaseV2 = function InlinePlayerBaseV
     forwardRef = _ref.forwardRef,
     autoplay = _ref.autoplay,
     cardPreview = _ref.cardPreview,
-    onFullscreenChange = _ref.onFullscreenChange;
+    onFullscreenChange = _ref.onFullscreenChange,
+    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
   // === States ===
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -188,7 +189,6 @@ var InlinePlayerBaseV2 = exports.InlinePlayerBaseV2 = function InlinePlayerBaseV
       fileId: id,
       isAutoPlay: autoplay,
       isHDAvailable: false,
-      isVideoSelected: selected,
       onDownloadClick: function onDownloadClick() {
         mediaClient.file.downloadBinary(id, undefined, collectionName);
       },
@@ -203,7 +203,8 @@ var InlinePlayerBaseV2 = exports.InlinePlayerBaseV2 = function InlinePlayerBaseV
       },
       originalDimensions: originalDimensions,
       showControls: checkMouseMovement,
-      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI
+      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+      videoControlsWrapperRef: videoControlsWrapperRef
     });
   }), isUploading && /*#__PURE__*/_react.default.createElement(_progressBar.ProgressBar, {
     progress: progress,

package/dist/cjs/inline/loader.js

@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.10.9",
+        packageName: "77.10.11",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -28,7 +28,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.11";
 export class CardBase extends Component {
   constructor(props) {
     super(props);
@@ -409,7 +409,8 @@ export class CardBase extends Component {
         selected,
         testId,
         originalDimensions,
-        onFullscreenChange
+        onFullscreenChange,
+        videoControlsWrapperRef
       } = this.props;
       const {
         shouldAutoplay,
@@ -430,7 +431,8 @@ export class CardBase extends Component {
         selected: selected,
         ref: this.setRef,
         testId: testId,
-        cardPreview: cardPreview
+        cardPreview: cardPreview,
+        videoControlsWrapperRef: videoControlsWrapperRef
       }));
     });
     _defineProperty(this, "onMediaViewerClose", () => {

package/dist/es2019/card/inlinePlayer.js

@@ -190,7 +190,8 @@ export class InlinePlayerBase extends Component {
       forwardRef,
       autoplay,
       cardPreview,
-      onFullscreenChange
+      onFullscreenChange,
+      videoControlsWrapperRef
     } = this.props;
     const {
       fileSrc,
@@ -214,7 +215,6 @@ export class InlinePlayerBase extends Component {
     }, /*#__PURE__*/React.createElement(InactivityDetector, null, checkMouseMovement => /*#__PURE__*/React.createElement(CustomMediaPlayer, {
       type: "video",
       src: fileSrc,
-      isVideoSelected: selected,
       onFullscreenChange: onFullscreenChange,
       fileId: identifier.id,
       isAutoPlay: autoplay,
@@ -226,7 +226,8 @@ export class InlinePlayerBase extends Component {
       },
       originalDimensions: originalDimensions,
       showControls: checkMouseMovement,
-      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI
+      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+      videoControlsWrapperRef: videoControlsWrapperRef
     })), isUploading ? /*#__PURE__*/React.createElement(ProgressBar, {
       progress: progress,
       breakpoint: this.breakpoint,

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.11";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/v2/cardV2.js

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.11";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/card/v2/fileCard.js

@@ -52,7 +52,8 @@ export const FileCard = ({
   mediaViewerItems,
   onClick,
   onMouseEnter,
-  createAnalyticsEvent
+  createAnalyticsEvent,
+  videoControlsWrapperRef
 }) => {
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
@@ -549,7 +550,8 @@ export const FileCard = ({
     selected: selected,
     ref: setCardElement,
     testId: testId,
-    cardPreview: preview
+    cardPreview: preview,
+    videoControlsWrapperRef: videoControlsWrapperRef
   })) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
     collectionName: collectionName,
     items: mediaViewerItems || [],

package/dist/es2019/card/v2/inlinePlayerV2.js

@@ -31,7 +31,8 @@ export const InlinePlayerBaseV2 = ({
   forwardRef,
   autoplay,
   cardPreview,
-  onFullscreenChange
+  onFullscreenChange,
+  videoControlsWrapperRef
 }) => {
   // === States ===
   const [fileSrc, setFileSrc] = useState();
@@ -131,7 +132,6 @@ export const InlinePlayerBaseV2 = ({
     fileId: id,
     isAutoPlay: autoplay,
     isHDAvailable: false,
-    isVideoSelected: selected,
     onDownloadClick: () => {
       mediaClient.file.downloadBinary(id, undefined, collectionName);
     },
@@ -146,7 +146,8 @@ export const InlinePlayerBaseV2 = ({
     },
     originalDimensions: originalDimensions,
     showControls: checkMouseMovement,
-    poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI
+    poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+    videoControlsWrapperRef: videoControlsWrapperRef
   })), isUploading && /*#__PURE__*/React.createElement(ProgressBar, {
     progress: progress,
     breakpoint: breakpoint,

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "77.10.9",
+      packageName: "77.10.11",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.11";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -41,7 +41,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -452,7 +452,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         selected = _this$props6.selected,
         testId = _this$props6.testId,
         originalDimensions = _this$props6.originalDimensions,
-        onFullscreenChange = _this$props6.onFullscreenChange;
+        onFullscreenChange = _this$props6.onFullscreenChange,
+        videoControlsWrapperRef = _this$props6.videoControlsWrapperRef;
       var _this$state2 = _this.state,
         shouldAutoplay = _this$state2.shouldAutoplay,
         cardPreview = _this$state2.cardPreview;
@@ -471,7 +472,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         selected: selected,
         ref: _this.setRef,
         testId: testId,
-        cardPreview: cardPreview
+        cardPreview: cardPreview,
+        videoControlsWrapperRef: videoControlsWrapperRef
       }));
     });
     _defineProperty(_assertThisInitialized(_this), "onMediaViewerClose", function () {

package/dist/esm/card/inlinePlayer.js

@@ -239,7 +239,8 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         forwardRef = _this$props4.forwardRef,
         autoplay = _this$props4.autoplay,
         cardPreview = _this$props4.cardPreview,
-        onFullscreenChange = _this$props4.onFullscreenChange;
+        onFullscreenChange = _this$props4.onFullscreenChange,
+        videoControlsWrapperRef = _this$props4.videoControlsWrapperRef;
       var _this$state = this.state,
         fileSrc = _this$state.fileSrc,
         isUploading = _this$state.isUploading,
@@ -262,7 +263,6 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(CustomMediaPlayer, {
           type: "video",
           src: fileSrc,
-          isVideoSelected: selected,
           onFullscreenChange: onFullscreenChange,
           fileId: identifier.id,
           isAutoPlay: autoplay,
@@ -274,7 +274,8 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
           },
           originalDimensions: originalDimensions,
           showControls: checkMouseMovement,
-          poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI
+          poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+          videoControlsWrapperRef: videoControlsWrapperRef
         });
       }), isUploading ? /*#__PURE__*/React.createElement(ProgressBar, {
         progress: progress,

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/v2/cardV2.js

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/v2/fileCard.js

@@ -61,7 +61,8 @@ export var FileCard = function FileCard(_ref) {
     mediaViewerItems = _ref.mediaViewerItems,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
   //----------------------------------------------------------------//
@@ -586,7 +587,8 @@ export var FileCard = function FileCard(_ref) {
     selected: selected,
     ref: setCardElement,
     testId: testId,
-    cardPreview: preview
+    cardPreview: preview,
+    videoControlsWrapperRef: videoControlsWrapperRef
   })) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
     collectionName: collectionName,
     items: mediaViewerItems || [],

package/dist/esm/card/v2/inlinePlayerV2.js

@@ -33,7 +33,8 @@ export var InlinePlayerBaseV2 = function InlinePlayerBaseV2(_ref) {
     forwardRef = _ref.forwardRef,
     autoplay = _ref.autoplay,
     cardPreview = _ref.cardPreview,
-    onFullscreenChange = _ref.onFullscreenChange;
+    onFullscreenChange = _ref.onFullscreenChange,
+    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
   // === States ===
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -178,7 +179,6 @@ export var InlinePlayerBaseV2 = function InlinePlayerBaseV2(_ref) {
       fileId: id,
       isAutoPlay: autoplay,
       isHDAvailable: false,
-      isVideoSelected: selected,
       onDownloadClick: function onDownloadClick() {
         mediaClient.file.downloadBinary(id, undefined, collectionName);
       },
@@ -193,7 +193,8 @@ export var InlinePlayerBaseV2 = function InlinePlayerBaseV2(_ref) {
       },
       originalDimensions: originalDimensions,
       showControls: checkMouseMovement,
-      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI
+      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+      videoControlsWrapperRef: videoControlsWrapperRef
     });
   }), isUploading && /*#__PURE__*/React.createElement(ProgressBar, {
     progress: progress,

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.10.9",
+        packageName: "77.10.11",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.11";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/inlinePlayer.d.ts

@@ -18,6 +18,7 @@ export interface InlinePlayerOwnProps {
     testId?: string;
     readonly cardPreview?: CardPreview;
     readonly forwardRef?: React.Ref<HTMLDivElement>;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
 export interface InlinePlayerState {

package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -4,10 +4,10 @@ export declare const visuallyHiddenStyles: import("@emotion/react").SerializedSt
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;
     innerRef: React.Ref<HTMLButtonElement>;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>> & {
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         fileName: string;
         innerRef: React.Ref<HTMLButtonElement>;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/card/ui/playButton/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const playButtonClassName = "media-card-play-button";
 export declare const bkgClassName = "play-icon-background";
-export declare const fixedPlayButtonStyles: string;
+export declare const fixedPlayButtonStyles = "\n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n";
 export declare const playButtonWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const backgroundStyles: import("@emotion/react").SerializedStyles;

package/dist/types/card/ui/styles.d.ts

@@ -6,7 +6,7 @@ export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => stri
 export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;
 export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;
 export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
-export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
+export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => "" | "\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ";
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
 export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
 export declare const transition: (propertyName?: string) => string;

package/dist/types/card/v2/fileCard.d.ts

@@ -50,4 +50,4 @@ export interface FileCardProps extends CardEventProps {
     readonly shouldHideTooltip?: boolean;
 }
 export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: FileCardBaseProps) => JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, videoControlsWrapperRef, }: FileCardBaseProps) => JSX.Element;

package/dist/types/card/v2/inlinePlayerV2.d.ts

@@ -16,8 +16,9 @@ export interface InlinePlayerOwnProps {
     testId?: string;
     readonly cardPreview?: CardPreview;
     readonly forwardRef?: React.Ref<HTMLDivElement>;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
 export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare const InlinePlayerBaseV2: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, }: InlinePlayerProps) => JSX.Element;
+export declare const InlinePlayerBaseV2: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
 export declare const InlinePlayerV2: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "createAnalyticsEvent" | keyof InlinePlayerOwnProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/types.d.ts

@@ -74,6 +74,7 @@ export interface CardEventProps {
      * `fullscreen = false` indicates video exits fullscreen
      */
     readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export interface CardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;

package/dist/types-ts4.5/card/inlinePlayer.d.ts

@@ -18,6 +18,7 @@ export interface InlinePlayerOwnProps {
     testId?: string;
     readonly cardPreview?: CardPreview;
     readonly forwardRef?: React.Ref<HTMLDivElement>;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
 export interface InlinePlayerState {

package/dist/types-ts4.5/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -4,10 +4,10 @@ export declare const visuallyHiddenStyles: import("@emotion/react").SerializedSt
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;
     innerRef: React.Ref<HTMLButtonElement>;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>> & {
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         fileName: string;
         innerRef: React.Ref<HTMLButtonElement>;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/card/ui/playButton/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const playButtonClassName = "media-card-play-button";
 export declare const bkgClassName = "play-icon-background";
-export declare const fixedPlayButtonStyles: string;
+export declare const fixedPlayButtonStyles = "\n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n";
 export declare const playButtonWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const backgroundStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/card/ui/styles.d.ts

@@ -6,7 +6,7 @@ export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => stri
 export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;
 export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;
 export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
-export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
+export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => "" | "\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ";
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
 export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
 export declare const transition: (propertyName?: string) => string;

package/dist/types-ts4.5/card/v2/fileCard.d.ts

@@ -50,4 +50,4 @@ export interface FileCardProps extends CardEventProps {
     readonly shouldHideTooltip?: boolean;
 }
 export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: FileCardBaseProps) => JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, videoControlsWrapperRef, }: FileCardBaseProps) => JSX.Element;

package/dist/types-ts4.5/card/v2/inlinePlayerV2.d.ts

@@ -16,8 +16,9 @@ export interface InlinePlayerOwnProps {
     testId?: string;
     readonly cardPreview?: CardPreview;
     readonly forwardRef?: React.Ref<HTMLDivElement>;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
 export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare const InlinePlayerBaseV2: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, }: InlinePlayerProps) => JSX.Element;
+export declare const InlinePlayerBaseV2: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
 export declare const InlinePlayerV2: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "createAnalyticsEvent" | keyof InlinePlayerOwnProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/types.d.ts

@@ -74,6 +74,7 @@ export interface CardEventProps {
      * `fullscreen = false` indicates video exits fullscreen
      */
     readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export interface CardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.10.9",
+  "version": "77.10.11",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,13 +44,13 @@
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.1.0",
     "@atlaskit/media-file-preview": "^0.5.0",
-    "@atlaskit/media-ui": "^25.4.0",
-    "@atlaskit/media-viewer": "^48.3.0",
+    "@atlaskit/media-ui": "^25.6.0",
+    "@atlaskit/media-viewer": "^48.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
-    "@atlaskit/primitives": "^5.0.0",
+    "@atlaskit/primitives": "^5.5.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -71,7 +71,7 @@
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/inline-message": "^12.0.0",
     "@atlaskit/media-core": "^34.2.0",
-    "@atlaskit/media-picker": "^66.3.0",
+    "@atlaskit/media-picker": "^66.4.0",
     "@atlaskit/media-state": "^1.0.0",
     "@atlaskit/media-test-data": "^1.2.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
@@ -90,7 +90,7 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },
@@ -115,4 +115,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/types/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]