@atlaskit/media-card 80.5.9 → 80.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-card
 
+## 80.6.0
+
+### Minor Changes
+
+- [`330e005b44aa7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/330e005b44aa7) -
+  [ux] Adding support for loading state on media nodes during CWR with image gen. We reuse the
+  ai-generating-decoration and make gated changes to rebuild logic for this use case. We add
+  onPreviewRender callback to media-card to signal when the image has rendered.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 80.5.9
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "80.5.8";
+var packageVersion = "80.5.9";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/fileCard.js

@@ -42,7 +42,7 @@ var _abuseModal = require("@atlaskit/media-ui/abuseModal");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experienceTraceIdContext = require("@atlaskit/react-ufo/experience-trace-id-context");
 var _usePressTracing = _interopRequireDefault(require("@atlaskit/react-ufo/use-press-tracing"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 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 traceContextRetriever = function traceContextRetriever() {
@@ -86,6 +86,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     titleBoxBgColor = _ref.titleBoxBgColor,
     titleBoxIcon = _ref.titleBoxIcon,
     isAIGenerating = _ref.isAIGenerating,
+    onPreviewRender = _ref.onPreviewRender,
     shouldHideTooltip = _ref.shouldHideTooltip,
     mediaViewerItems = _ref.mediaViewerItems,
     onClick = _ref.onClick,
@@ -309,46 +310,46 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     };
   }, [fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.status, metadata.id, metadata.mediaType, metadata.mimeType, metadata.size]);
   var downloadFn = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var _error;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var _error, _t;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          _context.next = 3;
+          _context.next = 1;
           return mediaClient.file.downloadBinary(identifier.id, metadata.name, identifier.collectionName, traceContext);
-        case 3:
+        case 1:
           (0, _cardAnalytics.fireDownloadSucceededEvent)(createAnalyticsEvent, fileAttributes, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
-          _context.next = 10;
+          _context.next = 3;
           break;
-        case 6:
-          _context.prev = 6;
-          _context.t0 = _context["catch"](0);
-          _error = new _errors.MediaCardError('download', _context.t0);
+        case 2:
+          _context.prev = 2;
+          _t = _context["catch"](0);
+          _error = new _errors.MediaCardError('download', _t);
           (0, _cardAnalytics.fireDownloadFailedEvent)(createAnalyticsEvent, fileAttributes, _error, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
-        case 10:
+        case 3:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 6]]);
+    }, _callee, null, [[0, 2]]);
   })), [createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, identifier.collectionName, identifier.id, mediaClient.file, metadata.name, traceContext]);
   var computedActions = (0, _react.useMemo)(function () {
     if (finalStatus === 'failed-processing' || shouldEnableDownloadButton) {
       var handler = /*#__PURE__*/function () {
         var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-          return _regenerator.default.wrap(function _callee2$(_context2) {
+          return _regenerator.default.wrap(function (_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 if (!(fileStateValue !== null && fileStateValue !== void 0 && fileStateValue.abuseClassification)) {
-                  _context2.next = 4;
+                  _context2.next = 1;
                   break;
                 }
                 setIsAbuseModalOpen(true);
-                _context2.next = 6;
+                _context2.next = 2;
                 break;
-              case 4:
-                _context2.next = 6;
+              case 1:
+                _context2.next = 2;
                 return downloadFn();
-              case 6:
+              case 2:
               case "end":
                 return _context2.stop();
             }
@@ -509,6 +510,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   };
   var onSvgLoad = function onSvgLoad() {
     setPreviewDidRender(true);
+    onPreviewRender === null || onPreviewRender === void 0 || onPreviewRender(identifier.id);
   };
   var onImageLoad = function onImageLoad(newCardPreview) {
     if (metadata.mimeType === 'image/svg+xml') {
@@ -516,6 +518,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     }
     onImageLoadBase(newCardPreview);
     setPreviewDidRender(true);
+    onPreviewRender === null || onPreviewRender === void 0 || onPreviewRender(identifier.id);
   };
   var onCardClick = function onCardClick(event, analyticsEvent) {
     if (onClick) {

package/dist/cjs/card/inlinePlayer.js

@@ -20,7 +20,7 @@ var _inlinePlayerWrapper = require("./inlinePlayerWrapper");
 var _useBreakpoint = require("./useBreakpoint");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
 var getPreferredVideoArtifact = exports.getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
   if (fileState.status === 'processed' || fileState.status === 'processing') {
     var artifacts = fileState.artifacts;
@@ -75,58 +75,58 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
     fileState = _useFileState.fileState;
   var init = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileState) {
-      var artifactName, artifacts, newFileSrc, _newFileSrc;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      var artifactName, artifacts, newFileSrc, _newFileSrc, _t, _t2;
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (fileState.status === 'processed' || fileState.status === 'processing') {
-              _context.next = 2;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 2:
+          case 1:
             artifactName = getPreferredVideoArtifact(fileState);
             artifacts = fileState.artifacts;
             if (!(!artifactName || !artifacts)) {
-              _context.next = 16;
+              _context.next = 6;
               break;
             }
-            _context.prev = 5;
-            _context.next = 8;
+            _context.prev = 2;
+            _context.next = 3;
             return mediaClient.file.getFileBinaryURL(id, collectionName);
-          case 8:
+          case 3:
             newFileSrc = _context.sent;
             setFileSrc(newFileSrc);
-            _context.next = 15;
+            _context.next = 5;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](5);
-            if (onErrorRef.current && _context.t0 instanceof Error) {
-              onErrorRef.current(_context.t0);
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            if (onErrorRef.current && _t instanceof Error) {
+              onErrorRef.current(_t);
             }
-          case 15:
+          case 5:
             return _context.abrupt("return");
-          case 16:
-            _context.prev = 16;
-            _context.next = 19;
+          case 6:
+            _context.prev = 6;
+            _context.next = 7;
             return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-          case 19:
+          case 7:
             _newFileSrc = _context.sent;
             setFileSrc(_newFileSrc);
-            _context.next = 26;
+            _context.next = 9;
             break;
-          case 23:
-            _context.prev = 23;
-            _context.t1 = _context["catch"](16);
-            if (onErrorRef.current && _context.t1 instanceof Error) {
-              onErrorRef.current(_context.t1);
+          case 8:
+            _context.prev = 8;
+            _t2 = _context["catch"](6);
+            if (onErrorRef.current && _t2 instanceof Error) {
+              onErrorRef.current(_t2);
             }
-          case 26:
+          case 9:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[5, 12], [16, 23]]);
+      }, _callee, null, [[2, 4], [6, 8]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -142,7 +142,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
     var subscribeFileState = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(fileState) {
         var _yield$fileState$prev, value, newFileSrc;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (fileState.status === 'uploading') {
@@ -154,32 +154,32 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
 
               // We reuse the existing fileSrc to prevent re renders, therefore we only perform fileSrc updates when there isn't any
               if (!fileSrc) {
-                _context2.next = 3;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 3:
+            case 1:
               if (!(fileState.status !== 'error' && fileState.preview)) {
-                _context2.next = 12;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 6;
+              _context2.next = 2;
               return fileState.preview;
-            case 6:
+            case 2:
               _yield$fileState$prev = _context2.sent;
               value = _yield$fileState$prev.value;
               if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
-                _context2.next = 12;
+                _context2.next = 3;
                 break;
               }
               newFileSrc = URL.createObjectURL(value);
               setFileSrc(newFileSrc);
               return _context2.abrupt("return");
-            case 12:
+            case 3:
               if (fileState.status === 'processed' || fileState.status === 'processing') {
                 init(fileState);
               }
-            case 13:
+            case 4:
             case "end":
               return _context2.stop();
           }

package/dist/cjs/card/inlinePlayerLazy.js

@@ -12,21 +12,21 @@ var _react = require("react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var InlinePlayerLazy = exports.InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
   var _yield$import, InlinePlayer;
-  return _regenerator.default.wrap(function _callee$(_context) {
+  return _regenerator.default.wrap(function (_context) {
     while (1) switch (_context.prev = _context.next) {
       case 0:
-        _context.next = 2;
+        _context.next = 1;
         return Promise.resolve().then(function () {
           return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-card-inlineplayer" */
           './inlinePlayer'));
         });
-      case 2:
+      case 1:
         _yield$import = _context.sent;
         InlinePlayer = _yield$import.InlinePlayer;
         return _context.abrupt("return", {
           default: InlinePlayer
         });
-      case 5:
+      case 2:
       case "end":
         return _context.stop();
     }

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

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "80.5.8";
+var packageVersion = "80.5.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/inline/loader.js

@@ -18,7 +18,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _analyticsNext = require("@atlaskit/analytics-next");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, 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; })(); }
 var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$PureComponent) {
@@ -41,17 +41,17 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _yield$Promise$all, _yield$Promise$all2, mediaClient, cardModule, mediaInlineErrorBoundaryModule;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var _yield$Promise$all, _yield$Promise$all2, mediaClient, cardModule, mediaInlineErrorBoundaryModule, _t;
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               this.mounted = true;
               if (this.state.MediaInlineCard) {
-                _context.next = 17;
+                _context.next = 4;
                 break;
               }
-              _context.prev = 2;
-              _context.next = 5;
+              _context.prev = 1;
+              _context.next = 2;
               return Promise.all([Promise.resolve().then(function () {
                 return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
               }), Promise.resolve().then(function () {
@@ -59,7 +59,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
               }), Promise.resolve().then(function () {
                 return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary'));
               })]);
-            case 5:
+            case 2:
               _yield$Promise$all = _context.sent;
               _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
               mediaClient = _yield$Promise$all2[0];
@@ -73,16 +73,16 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
                   ErrorBoundary: MediaInlineCardLoader.ErrorBoundary
                 });
               }
-              _context.next = 17;
+              _context.next = 4;
               break;
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](2);
-            case 17:
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](1);
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[2, 15]]);
+        }, _callee, this, [[1, 3]]);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
@@ -93,7 +93,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
     key: "componentWillUnmount",
     value: function () {
       var _componentWillUnmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               this.mounted = false;
@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "80.5.8",
+        packageName: "80.5.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -19,7 +19,7 @@ var _globalScope = require("./globalScope/globalScope");
 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 = "80.5.8";
+var packageVersion = "80.5.9";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/cjs/utils/videoSnapshot.js

@@ -9,7 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var takeSnapshot = exports.takeSnapshot = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(blob) {
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           return _context.abrupt("return", new Promise(function (resolve, reject) {

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "80.5.8";
+const packageVersion = "80.5.9";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/fileCard.js

@@ -67,6 +67,7 @@ export const FileCard = ({
   titleBoxBgColor,
   titleBoxIcon,
   isAIGenerating,
+  onPreviewRender,
   shouldHideTooltip,
   mediaViewerItems,
   onClick,
@@ -428,6 +429,7 @@ export const FileCard = ({
   };
   const onSvgLoad = () => {
     setPreviewDidRender(true);
+    onPreviewRender === null || onPreviewRender === void 0 ? void 0 : onPreviewRender(identifier.id);
   };
   const onImageLoad = newCardPreview => {
     if (metadata.mimeType === 'image/svg+xml') {
@@ -435,6 +437,7 @@ export const FileCard = ({
     }
     onImageLoadBase(newCardPreview);
     setPreviewDidRender(true);
+    onPreviewRender === null || onPreviewRender === void 0 ? void 0 : onPreviewRender(identifier.id);
   };
   const onCardClick = (event, analyticsEvent) => {
     if (onClick) {

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 = "80.5.8";
+const packageVersion = "80.5.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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: "80.5.8",
+      packageName: "80.5.9",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "80.5.8";
+const packageVersion = "80.5.9";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "80.5.8";
+var packageVersion = "80.5.9";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/fileCard.js

@@ -78,6 +78,7 @@ export var FileCard = function FileCard(_ref) {
     titleBoxBgColor = _ref.titleBoxBgColor,
     titleBoxIcon = _ref.titleBoxIcon,
     isAIGenerating = _ref.isAIGenerating,
+    onPreviewRender = _ref.onPreviewRender,
     shouldHideTooltip = _ref.shouldHideTooltip,
     mediaViewerItems = _ref.mediaViewerItems,
     onClick = _ref.onClick,
@@ -301,46 +302,46 @@ export var FileCard = function FileCard(_ref) {
     };
   }, [fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.status, metadata.id, metadata.mediaType, metadata.mimeType, metadata.size]);
   var downloadFn = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _error;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var _error, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          _context.next = 3;
+          _context.next = 1;
           return mediaClient.file.downloadBinary(identifier.id, metadata.name, identifier.collectionName, traceContext);
-        case 3:
+        case 1:
           fireDownloadSucceededEvent(createAnalyticsEvent, fileAttributes, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
-          _context.next = 10;
+          _context.next = 3;
           break;
-        case 6:
-          _context.prev = 6;
-          _context.t0 = _context["catch"](0);
-          _error = new MediaCardError('download', _context.t0);
+        case 2:
+          _context.prev = 2;
+          _t = _context["catch"](0);
+          _error = new MediaCardError('download', _t);
           fireDownloadFailedEvent(createAnalyticsEvent, fileAttributes, _error, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
-        case 10:
+        case 3:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 6]]);
+    }, _callee, null, [[0, 2]]);
   })), [createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, identifier.collectionName, identifier.id, mediaClient.file, metadata.name, traceContext]);
   var computedActions = useMemo(function () {
     if (finalStatus === 'failed-processing' || shouldEnableDownloadButton) {
       var handler = /*#__PURE__*/function () {
         var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          return _regeneratorRuntime.wrap(function (_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 if (!(fileStateValue !== null && fileStateValue !== void 0 && fileStateValue.abuseClassification)) {
-                  _context2.next = 4;
+                  _context2.next = 1;
                   break;
                 }
                 setIsAbuseModalOpen(true);
-                _context2.next = 6;
+                _context2.next = 2;
                 break;
-              case 4:
-                _context2.next = 6;
+              case 1:
+                _context2.next = 2;
                 return downloadFn();
-              case 6:
+              case 2:
               case "end":
                 return _context2.stop();
             }
@@ -501,6 +502,7 @@ export var FileCard = function FileCard(_ref) {
   };
   var onSvgLoad = function onSvgLoad() {
     setPreviewDidRender(true);
+    onPreviewRender === null || onPreviewRender === void 0 || onPreviewRender(identifier.id);
   };
   var onImageLoad = function onImageLoad(newCardPreview) {
     if (metadata.mimeType === 'image/svg+xml') {
@@ -508,6 +510,7 @@ export var FileCard = function FileCard(_ref) {
     }
     onImageLoadBase(newCardPreview);
     setPreviewDidRender(true);
+    onPreviewRender === null || onPreviewRender === void 0 || onPreviewRender(identifier.id);
   };
   var onCardClick = function onCardClick(event, analyticsEvent) {
     if (onClick) {

package/dist/esm/card/inlinePlayer.js

@@ -66,58 +66,58 @@ export var InlinePlayerBase = function InlinePlayerBase(_ref) {
     fileState = _useFileState.fileState;
   var init = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState) {
-      var artifactName, artifacts, newFileSrc, _newFileSrc;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var artifactName, artifacts, newFileSrc, _newFileSrc, _t, _t2;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (fileState.status === 'processed' || fileState.status === 'processing') {
-              _context.next = 2;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 2:
+          case 1:
             artifactName = getPreferredVideoArtifact(fileState);
             artifacts = fileState.artifacts;
             if (!(!artifactName || !artifacts)) {
-              _context.next = 16;
+              _context.next = 6;
               break;
             }
-            _context.prev = 5;
-            _context.next = 8;
+            _context.prev = 2;
+            _context.next = 3;
             return mediaClient.file.getFileBinaryURL(id, collectionName);
-          case 8:
+          case 3:
             newFileSrc = _context.sent;
             setFileSrc(newFileSrc);
-            _context.next = 15;
+            _context.next = 5;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](5);
-            if (onErrorRef.current && _context.t0 instanceof Error) {
-              onErrorRef.current(_context.t0);
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            if (onErrorRef.current && _t instanceof Error) {
+              onErrorRef.current(_t);
             }
-          case 15:
+          case 5:
             return _context.abrupt("return");
-          case 16:
-            _context.prev = 16;
-            _context.next = 19;
+          case 6:
+            _context.prev = 6;
+            _context.next = 7;
             return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-          case 19:
+          case 7:
             _newFileSrc = _context.sent;
             setFileSrc(_newFileSrc);
-            _context.next = 26;
+            _context.next = 9;
             break;
-          case 23:
-            _context.prev = 23;
-            _context.t1 = _context["catch"](16);
-            if (onErrorRef.current && _context.t1 instanceof Error) {
-              onErrorRef.current(_context.t1);
+          case 8:
+            _context.prev = 8;
+            _t2 = _context["catch"](6);
+            if (onErrorRef.current && _t2 instanceof Error) {
+              onErrorRef.current(_t2);
             }
-          case 26:
+          case 9:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[5, 12], [16, 23]]);
+      }, _callee, null, [[2, 4], [6, 8]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -133,7 +133,7 @@ export var InlinePlayerBase = function InlinePlayerBase(_ref) {
     var subscribeFileState = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileState) {
         var _yield$fileState$prev, value, newFileSrc;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (fileState.status === 'uploading') {
@@ -145,32 +145,32 @@ export var InlinePlayerBase = function InlinePlayerBase(_ref) {
 
               // We reuse the existing fileSrc to prevent re renders, therefore we only perform fileSrc updates when there isn't any
               if (!fileSrc) {
-                _context2.next = 3;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 3:
+            case 1:
               if (!(fileState.status !== 'error' && fileState.preview)) {
-                _context2.next = 12;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 6;
+              _context2.next = 2;
               return fileState.preview;
-            case 6:
+            case 2:
               _yield$fileState$prev = _context2.sent;
               value = _yield$fileState$prev.value;
               if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
-                _context2.next = 12;
+                _context2.next = 3;
                 break;
               }
               newFileSrc = URL.createObjectURL(value);
               setFileSrc(newFileSrc);
               return _context2.abrupt("return");
-            case 12:
+            case 3:
               if (fileState.status === 'processed' || fileState.status === 'processing') {
                 init(fileState);
               }
-            case 13:
+            case 4:
             case "end":
               return _context2.stop();
           }

package/dist/esm/card/inlinePlayerLazy.js

@@ -3,19 +3,19 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { lazy } from 'react';
 export var InlinePlayerLazy = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
   var _yield$import, InlinePlayer;
-  return _regeneratorRuntime.wrap(function _callee$(_context) {
+  return _regeneratorRuntime.wrap(function (_context) {
     while (1) switch (_context.prev = _context.next) {
       case 0:
-        _context.next = 2;
+        _context.next = 1;
         return import( /* webpackChunkName: "@atlaskit-internal_media-card-inlineplayer" */
         './inlinePlayer');
-      case 2:
+      case 1:
         _yield$import = _context.sent;
         InlinePlayer = _yield$import.InlinePlayer;
         return _context.abrupt("return", {
           default: InlinePlayer
         });
-      case 5:
+      case 2:
       case "end":
         return _context.stop();
     }

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

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "80.5.8";
+var packageVersion = "80.5.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/inline/loader.js

@@ -32,19 +32,19 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _yield$Promise$all, _yield$Promise$all2, mediaClient, cardModule, mediaInlineErrorBoundaryModule;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _yield$Promise$all, _yield$Promise$all2, mediaClient, cardModule, mediaInlineErrorBoundaryModule, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               this.mounted = true;
               if (this.state.MediaInlineCard) {
-                _context.next = 17;
+                _context.next = 4;
                 break;
               }
-              _context.prev = 2;
-              _context.next = 5;
+              _context.prev = 1;
+              _context.next = 2;
               return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'), import( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary')]);
-            case 5:
+            case 2:
               _yield$Promise$all = _context.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
               mediaClient = _yield$Promise$all2[0];
@@ -58,16 +58,16 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
                   ErrorBoundary: MediaInlineCardLoader.ErrorBoundary
                 });
               }
-              _context.next = 17;
+              _context.next = 4;
               break;
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](2);
-            case 17:
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](1);
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[2, 15]]);
+        }, _callee, this, [[1, 3]]);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
@@ -78,7 +78,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentWillUnmount",
     value: function () {
       var _componentWillUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               this.mounted = false;
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "80.5.8",
+        packageName: "80.5.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -13,7 +13,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "80.5.8";
+var packageVersion = "80.5.9";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/utils/videoSnapshot.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 export var takeSnapshot = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(blob) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           return _context.abrupt("return", new Promise(function (resolve, reject) {

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

@@ -35,6 +35,8 @@ export interface FileCardProps extends CardEventProps {
     readonly titleBoxIcon?: TitleBoxIcon;
     /** Indicates the media card is being generated by AI (e.g. Rovo image-create). */
     readonly isAIGenerating?: boolean;
+    /** Callback fired when the media card's image preview has rendered. */
+    readonly onPreviewRender?: (fileId: string) => void;
     /** Instance of file identifier. */
     readonly identifier: FileIdentifier;
     /** Lazy loads the media file. */
@@ -64,4 +66,4 @@ export interface FileCardProps extends CardEventProps {
     /** Extensions for the media viewer (e.g. comment button in header). */
     readonly mediaViewerExtensions?: MediaViewerExtensions;
 }
-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, isAIGenerating, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, mediaViewerExtensions, }: FileCardProps) => React.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, isAIGenerating, onPreviewRender, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, mediaViewerExtensions, }: FileCardProps) => React.JSX.Element;

package/dist/types/types.d.ts

@@ -67,6 +67,7 @@ export interface SharedCardProps {
     readonly titleBoxBgColor?: string;
     readonly titleBoxIcon?: TitleBoxIcon;
     readonly isAIGenerating?: boolean;
+    readonly onPreviewRender?: (fileId: string) => void;
     readonly viewerOptions?: ViewerOptionsProps;
     /** Sets options for viewer **/
     readonly includeHashForDuplicateFiles?: boolean;

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

@@ -35,6 +35,8 @@ export interface FileCardProps extends CardEventProps {
     readonly titleBoxIcon?: TitleBoxIcon;
     /** Indicates the media card is being generated by AI (e.g. Rovo image-create). */
     readonly isAIGenerating?: boolean;
+    /** Callback fired when the media card's image preview has rendered. */
+    readonly onPreviewRender?: (fileId: string) => void;
     /** Instance of file identifier. */
     readonly identifier: FileIdentifier;
     /** Lazy loads the media file. */
@@ -64,4 +66,4 @@ export interface FileCardProps extends CardEventProps {
     /** Extensions for the media viewer (e.g. comment button in header). */
     readonly mediaViewerExtensions?: MediaViewerExtensions;
 }
-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, isAIGenerating, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, mediaViewerExtensions, }: FileCardProps) => React.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, isAIGenerating, onPreviewRender, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, ssrItemDetails, onError, mediaViewerExtensions, }: FileCardProps) => React.JSX.Element;

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

@@ -67,6 +67,7 @@ export interface SharedCardProps {
     readonly titleBoxBgColor?: string;
     readonly titleBoxIcon?: TitleBoxIcon;
     readonly isAIGenerating?: boolean;
+    readonly onPreviewRender?: (fileId: string) => void;
     readonly viewerOptions?: ViewerOptionsProps;
     /** Sets options for viewer **/
     readonly includeHashForDuplicateFiles?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "80.5.9",
+	"version": "80.6.0",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,10 +54,10 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/progress-bar": "^4.2.0",
-		"@atlaskit/react-ufo": "^6.1.0",
+		"@atlaskit/react-ufo": "^6.2.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^84.0.0",
+		"@atlaskit/tmp-editor-statsig": "^84.2.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.3.0",
 		"@atlaskit/ufo": "^0.5.0",