@atlaskit/media-card 77.6.3 → 77.6.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-card
 
+## 77.6.5
+
+### Patch Changes
+
+- [#61878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61878) [`7392ec59e8d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7392ec59e8d7) - Reorganised preview resolution logic in preview hook
+
+## 77.6.4
+
+### Patch Changes
+
+- [#61611](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61611) [`fd753abb6b83`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fd753abb6b83) - [ED-21557] Add optional chaining in the unsubscribe to avoid tests cases failing in React 18
+
 ## 77.6.3
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -49,7 +49,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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.3";
+var packageVersion = "77.6.5";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

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.6.3";
+var packageVersion = "77.6.5";
 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.6.3";
+var packageVersion = "77.6.5";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

@@ -328,8 +328,12 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     if (!metadata) {
       return;
     }
-    var isVideo = metadata && metadata.mediaType === 'video';
-    if (useInlinePlayer && isVideo && !!preview && finalStatus !== 'error') {
+    var isVideo = metadata.mediaType === 'video';
+    var isBrowserSupported = metadata.mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(metadata.mimeType);
+
+    // TODO: this should be handled by Inline Player
+    var isPlayable = !!fileState && (fileState.status === 'processed' || isBrowserSupported && ['processing', 'uploading'].includes(fileState.status));
+    if (useInlinePlayer && isVideo && isPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
       setShouldAutoplay(true);
     } else if (shouldOpenMediaViewer) {

package/dist/cjs/card/v2/useFilePreview/getPreview/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "extractFilePreviewStatus", {
-  enumerable: true,
-  get: function get() {
-    return _filePreviewStatus.extractFilePreviewStatus;
-  }
-});
 Object.defineProperty(exports, "getAndCacheLocalPreview", {
   enumerable: true,
   get: function get() {
@@ -33,12 +27,6 @@ Object.defineProperty(exports, "isLocalPreview", {
     return _getPreview.isLocalPreview;
   }
 });
-Object.defineProperty(exports, "isPreviewableStatus", {
-  enumerable: true,
-  get: function get() {
-    return _filePreviewStatus.isPreviewableStatus;
-  }
-});
 Object.defineProperty(exports, "isSSRClientPreview", {
   enumerable: true,
   get: function get() {
@@ -51,6 +39,12 @@ Object.defineProperty(exports, "isSSRDataPreview", {
     return _getPreview.isSSRDataPreview;
   }
 });
+Object.defineProperty(exports, "isSupportedLocalPreview", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.isSupportedLocalPreview;
+  }
+});
 Object.defineProperty(exports, "mediaFilePreviewCache", {
   enumerable: true,
   get: function get() {
@@ -58,5 +52,5 @@ Object.defineProperty(exports, "mediaFilePreviewCache", {
   }
 });
 var _cache = require("./cache");
-var _filePreviewStatus = require("./filePreviewStatus");
-var _getPreview = require("./getPreview");
+var _getPreview = require("./getPreview");
+var _helpers = require("./helpers");

package/dist/cjs/card/v2/useFilePreview/helpers.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isBigger = exports.createRequestDimensions = void 0;
 exports.useCurrentValueRef = useCurrentValueRef;
-exports.usePrevious = usePrevious;
 var _react = require("react");
 /**
  * Checks if at least one of next dimensions is bigger than current
@@ -54,11 +53,4 @@ function useCurrentValueRef(value) {
   var ref = (0, _react.useRef)(value);
   ref.current = value;
   return ref;
-}
-function usePrevious(value) {
-  var ref = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
 }

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFilePreview = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mediaClient = require("@atlaskit/media-client");
@@ -53,7 +51,6 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     return dimensions ? (0, _helpers.createRequestDimensions)(dimensions) : undefined;
   }, [dimensions]);
   var requestDimensionsRef = (0, _helpers.useCurrentValueRef)(requestDimensions);
-  var prevRequestDimensions = (0, _helpers.usePrevious)(requestDimensions);
   var imageURLParams = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({
       collection: identifier.collectionName,
@@ -98,7 +95,6 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     preview = _useState10[0],
     setPreview = _useState10[1];
-  var prevPreview = (0, _helpers.usePrevious)(preview);
   var _useFileState = (0, _mediaClientReact.useFileState)(identifier.id, {
       skipRemote: skipRemote,
       collectionName: identifier.collectionName,
@@ -124,8 +120,8 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         var mediaType = 'mediaType' in fileState ? fileState.mediaType : undefined;
         var isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         var isPreviewableFileState = !!fileState.preview;
-        var isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState && isSupportedLocalPreview && !!fileState.mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType);
+        var _isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
+        var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState && _isSupportedLocalPreview && !!fileState.mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType);
         var hasRemotePreview = (0, _mediaClient.isImageRepresentationReady)(fileState);
         var hasPreview = hasLocalPreview || hasRemotePreview;
         var newStatus;
@@ -190,7 +186,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         // https://product-fabric.atlassian.net/browse/MEX-1071
       });
     }
-  }, [preview, identifier, skipRemote, ssr, getAndCacheRemotePreviewRef]);
+  }, [getAndCacheRemotePreviewRef, preview, skipRemote, ssr]);
 
   //----------------------------------------------------------------
   // Refetch SRR Preview if dimensions from Server have changed and are bigger,
@@ -203,161 +199,60 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         setNonCriticalError(wrappedError);
       });
     }
-  }, [getAndCacheRemotePreviewRef, identifier, preview, requestDimensions, skipRemote]);
+  }, [getAndCacheRemotePreviewRef, preview, requestDimensions, skipRemote]);
 
   //----------------------------------------------------------------
   // Upfront Preview
   //----------------------------------------------------------------
   (0, _react.useEffect)(function () {
-    var resolveUpfrontPreview = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var fetchedDimensions, newPreview, areValidFetchedDimensions;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              // We block any possible future call to this method regardless of the outcome (success or fail)
-              // If it fails, the normal preview fetch should occur after the file state is fetched anyways
-              wasResolvedUpfrontPreviewRef.current = true;
-              _context.prev = 1;
-              fetchedDimensions = _objectSpread({}, requestDimensions);
-              _context.next = 5;
-              return getAndCacheRemotePreviewRef.current();
-            case 5:
-              newPreview = _context.sent;
-              areValidFetchedDimensions = !(0, _helpers.isBigger)(fetchedDimensions, requestDimensionsRef.current); // If there are new and bigger dimensions in the props, and the upfront preview is still resolving,
-              // the fetched preview is no longer valid, and thus, we dismiss it
-              if (areValidFetchedDimensions) {
-                setPreview(newPreview);
-              }
-              _context.next = 12;
-              break;
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](1);
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[1, 10]]);
-      }));
-      return function resolveUpfrontPreview() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    // CXP-2723 TODO: `hadSSRPreview` is most likely redundant
-    var hadSSRPreview = ssr === 'client' && !!prevPreview && (0, _getPreview.isSSRClientPreview)(prevPreview);
-    if (!preview && !wasResolvedUpfrontPreviewRef.current && (!skipRemote || hadSSRPreview)) {
-      resolveUpfrontPreview();
+    if (!preview && !wasResolvedUpfrontPreviewRef.current && !skipRemote) {
+      // We block any possible future call to this method regardless of the outcome (success or fail)
+      // If it fails, the normal preview fetch should occur after the file state is fetched anyways
+      wasResolvedUpfrontPreviewRef.current = true;
+      var fetchedDimensions = _objectSpread({}, requestDimensions);
+      getAndCacheRemotePreviewRef.current().then(function (newPreview) {
+        // If there are new and bigger dimensions in the props, and the upfront preview is still resolving,
+        // the fetched preview is no longer valid, and thus, we dismiss it
+        if (!(0, _helpers.isBigger)(fetchedDimensions, requestDimensionsRef.current)) {
+          setPreview(newPreview);
+        }
+      }).catch(function () {
+        // NO need to log error. If this call fails, a refetch will happen after
+      });
     }
-  }, [preview, requestDimensions, requestDimensionsRef, getAndCacheRemotePreviewRef, identifier, skipRemote, prevPreview, ssr]);
+  }, [getAndCacheRemotePreviewRef, preview, requestDimensions, requestDimensionsRef, skipRemote]);
 
   //----------------------------------------------------------------
-  // Fetch Preview
+  // Cache, Local & Remote Preview
   //----------------------------------------------------------------
 
-  var resolvePreviewRef = (0, _helpers.useCurrentValueRef)( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(identifier, fileState) {
-      var filePreview, isRemotePreviewReady, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview, wrappedError;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            filePreview = isBannedLocalPreview ? undefined : fileState.status !== 'error' && 'mimeType' in fileState && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType) ? fileState.preview : undefined;
-            isRemotePreviewReady = (0, _mediaClient.isImageRepresentationReady)(fileState);
-            _context2.prev = 2;
-            mode = imageURLParams.mode;
-            cachedPreview = _getPreview.mediaFilePreviewCache.get(identifier.id, mode);
-            dimensionsAreBigger = (0, _helpers.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, requestDimensions);
-            if (!(cachedPreview && !dimensionsAreBigger)) {
-              _context2.next = 8;
-              break;
-            }
-            return _context2.abrupt("return", cachedPreview);
-          case 8:
-            _context2.prev = 8;
-            if (!filePreview) {
-              _context2.next = 15;
-              break;
-            }
-            _context2.next = 12;
-            return (0, _getPreview.getAndCacheLocalPreview)(identifier.id, filePreview, requestDimensions || {}, mode, mediaBlobUrlAttrs);
-          case 12:
-            localPreview = _context2.sent;
-            setPreview(localPreview);
-            return _context2.abrupt("return");
-          case 15:
-            _context2.next = 22;
-            break;
-          case 17:
-            _context2.prev = 17;
-            _context2.t0 = _context2["catch"](8);
-            /**
-             * We report the error if:
-             * - local preview is supported and fails
-             * - local preview is unsupported and remote preview is NOT READY
-             *   i.e. the function was called for "no reason".
-             * We DON'T report the error if:
-             * - local preview is unsupported and remote preview IS READY
-             *   i.e. local preview is available and not supported,
-             *   but we are after the remote preview instead.
-             */
-            if (!(0, _errors.isUnsupportedLocalPreviewError)(_context2.t0) || (0, _errors.isUnsupportedLocalPreviewError)(_context2.t0) && !isRemotePreviewReady) {
-              // CXP-2723 TODO: We might have to wrap this error in MediaCardError
-              setNonCriticalError(_context2.t0);
-            }
-            /**
-             * No matter the reason why the local preview failed, we break the process
-             * if there is no remote preview available
-             */
-            if (isRemotePreviewReady) {
-              _context2.next = 22;
-              break;
-            }
-            throw _context2.t0;
-          case 22:
-            if (isRemotePreviewReady) {
-              _context2.next = 24;
-              break;
-            }
-            throw new _errors.MediaFilePreviewError('remote-preview-not-ready');
-          case 24:
-            _context2.next = 26;
-            return getAndCacheRemotePreviewRef.current();
-          case 26:
-            remotePreview = _context2.sent;
-            setPreview(remotePreview);
-            return _context2.abrupt("return");
-          case 31:
-            _context2.prev = 31;
-            _context2.t1 = _context2["catch"](2);
-            wrappedError = (0, _errors.ensureMediaFilePreviewError)('preview-fetch', _context2.t1); //  If remote preview fails, we set status 'error'
-            //  If local preview fails (i.e, no remote preview available),
-            //  we can stay in the same status until there is a remote preview available
-            //  If it's any other error we set status 'error'
-            if ((0, _errors.isLocalPreviewError)(wrappedError)) {
-              // This error should already been logged inside the getCardPreview. No need to log it here.
-              setIsBannedLocalPreview(true);
-            } else {
-              if (!['complete', 'error', 'failed-processing'].includes(status)) {
-                setStatus('error');
-                setError(wrappedError);
-              }
-            }
-          case 35:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[2, 31], [8, 17]]);
-    }));
-    return function (_x, _x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }());
   (0, _react.useEffect)(function () {
-    if (fileState && wasResolvedUpfrontPreviewRef.current && (0, _getPreview.isPreviewableStatus)(status, (0, _getPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview)) && (!preview || (0, _helpers.isBigger)(prevRequestDimensions, requestDimensions))) {
-      resolvePreviewRef.current(identifier, fileState);
+    var cachedPreview = _getPreview.mediaFilePreviewCache.get(identifier.id, imageURLParams.mode);
+
+    // Cached Preview ----------------------------------------------------------------
+    if (!preview && cachedPreview && !(0, _helpers.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, requestDimensions)) {
+      setPreview(cachedPreview);
+    }
+    // Local Preview ----------------------------------------------------------------
+    else if (!preview && !isBannedLocalPreview && !!fileState && 'preview' in fileState && !!fileState.preview && (0, _getPreview.isSupportedLocalPreview)(fileState.mediaType) && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType)) {
+      // Local preview is available only if it's supported by browser and supported by Media Card (isSupportedLocalPreview)
+      // For example, SVGs are mime type NOT supported by browser but media type supported by Media Card (image)
+      // Then, local Preview NOT available
+
+      (0, _getPreview.getAndCacheLocalPreview)(identifier.id, fileState.preview, requestDimensions || {}, imageURLParams.mode, mediaBlobUrlAttrs).then(setPreview).catch(function (e) {
+        setIsBannedLocalPreview(true);
+        // CXP-2723 TODO: We might have to wrap this error in MediaCardError
+        setNonCriticalError(e);
+      });
+    }
+    // Remote Preview ----------------------------------------------------------------
+    else if ((!preview || (0, _helpers.isBigger)(preview.dimensions, requestDimensions)) && !skipRemote && wasResolvedUpfrontPreviewRef.current && !!fileState && (0, _mediaClient.isImageRepresentationReady)(fileState)) {
+      getAndCacheRemotePreviewRef.current().then(setPreview).catch(function (e) {
+        setStatus('error');
+        setError((0, _errors.ensureMediaFilePreviewError)('preview-fetch', e));
+      });
     }
-  }, [fileState, identifier, isBannedLocalPreview, prevRequestDimensions, preview, requestDimensions, resolvePreviewRef, status]);
+  }, [fileState, getAndCacheRemotePreviewRef, identifier.id, imageURLParams.mode, isBannedLocalPreview, mediaBlobUrlAttrs, preview, requestDimensions, skipRemote]);
 
   //----------------------------------------------------------------
   // RETURN

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.6.3",
+        packageName: "77.6.5",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/inline/mediaInlineCard.js

@@ -7,18 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MediaInlineCardInternal = exports.MediaInlineCard = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _mediaClient = require("@atlaskit/media-client");
-var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
+var _formatDate = require("@atlaskit/media-ui/formatDate");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 var _mediaViewer = require("@atlaskit/media-viewer");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _formatDate = require("@atlaskit/media-ui/formatDate");
-var _analytics = require("../utils/analytics");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactIntlNext = require("react-intl-next");
 var _errors = require("../errors");
+var _analytics = require("../utils/analytics");
 var _mediaInlineCardAnalytics = require("./mediaInlineCardAnalytics");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -114,7 +114,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
       }
     });
     return function () {
-      subscription.unsubscribe();
+      subscription === null || subscription === void 0 || subscription.unsubscribe();
     };
   }, [identifier.collectionName, identifier.id, mediaClient.file]);
   if (subscribeError) {

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.6.3";
+var packageVersion = "77.6.5";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.6.3";
+const packageVersion = "77.6.5";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

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.6.3";
+const packageVersion = "77.6.5";
 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.6.3";
+const packageVersion = "77.6.5";
 export const CardV2Base = ({
   identifier,
   ...otherProps

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

@@ -277,8 +277,12 @@ export const FileCard = ({
     if (!metadata) {
       return;
     }
-    const isVideo = metadata && metadata.mediaType === 'video';
-    if (useInlinePlayer && isVideo && !!preview && finalStatus !== 'error') {
+    const isVideo = metadata.mediaType === 'video';
+    const isBrowserSupported = metadata.mimeType && isMimeTypeSupportedByBrowser(metadata.mimeType);
+
+    // TODO: this should be handled by Inline Player
+    const isPlayable = !!fileState && (fileState.status === 'processed' || isBrowserSupported && ['processing', 'uploading'].includes(fileState.status));
+    if (useInlinePlayer && isVideo && isPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
       setShouldAutoplay(true);
     } else if (shouldOpenMediaViewer) {

package/dist/es2019/card/v2/useFilePreview/getPreview/index.js

@@ -1,3 +1,3 @@
 export { mediaFilePreviewCache } from './cache';
-export { isPreviewableStatus, extractFilePreviewStatus } from './filePreviewStatus';
-export { getSSRPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, getAndCacheRemotePreview, getAndCacheLocalPreview } from './getPreview';
+export { getSSRPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, getAndCacheRemotePreview, getAndCacheLocalPreview } from './getPreview';
+export { isSupportedLocalPreview } from './helpers';

package/dist/es2019/card/v2/useFilePreview/helpers.js

@@ -1,4 +1,4 @@
-import { useRef, useEffect } from 'react';
+import { useRef } from 'react';
 
 /**
  * Checks if at least one of next dimensions is bigger than current
@@ -51,11 +51,4 @@ export function useCurrentValueRef(value) {
   const ref = useRef(value);
   ref.current = value;
   return ref;
-}
-export function usePrevious(value) {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
 }