@atlaskit/media-card 77.7.0 → 77.7.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-card
 
+## 77.7.2
+
+### Patch Changes
+
+- [#65817](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65817) [`3be0ec786219`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3be0ec786219) - Added data test preview source
+- Updated dependencies
+
+## 77.7.1
+
+### Patch Changes
+
+- [#67886](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67886) [`18c0c2f52a54`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/18c0c2f52a54) - CXP-2880 remove isBannedLocalPreview state from fileCard
+
 ## 77.7.0
 
 ### Minor Changes

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

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

@@ -212,7 +212,8 @@ var CardViewV2Base = exports.CardViewV2Base = function CardViewV2Base(_ref) {
     "data-test-media-name": name,
     "data-test-status": status,
     "data-test-progress": progress,
-    "data-test-selected": selected
+    "data-test-selected": selected,
+    "data-test-source": cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source
   }, renderTypeIcon && (0, _react.jsx)(_iconWrapper.IconWrapper, {
     breakpoint: breakpoint,
     hasTitleBox: hasTitleBox

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

@@ -26,7 +26,6 @@ var _metadata = require("../../utils/metadata");
 var _ufoExperiences = require("../../utils/ufoExperiences");
 var _useCurrentValueRef = require("../../utils/useCurrentValueRef");
 var _usePrevious = require("../../utils/usePrevious");
-var _videoIsPlayable = require("../../utils/videoIsPlayable");
 var _viewportDetector = require("../../utils/viewportDetector");
 var _cardDimensions = require("../../utils/cardDimensions");
 var _cardAnalytics = require("../cardAnalytics");
@@ -150,12 +149,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   // CXP-2723 TODO: remove isBannedLocalPreview
   var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    isBannedLocalPreview = _useState12[0],
-    setIsBannedLocalPreview = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    previewDidRender = _useState14[0],
-    setPreviewDidRender = _useState14[1];
+    previewDidRender = _useState12[0],
+    setPreviewDidRender = _useState12[1];
 
   // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   var mediaBlobUrlAttrs = (0, _react.useMemo)(function () {
@@ -183,7 +178,6 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       ssr: ssr,
       dimensions: previewDimensions,
       traceContext: traceContext,
-      previewDidRender: previewDidRender,
       skipRemote: !isCardVisible
     }),
     preview = _useFilePreview.preview,
@@ -193,18 +187,18 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
     getScriptProps = _useFilePreview.getScriptProps;
-  var _useState15 = (0, _react.useState)(),
-    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    error = _useState16[0],
-    setError = _useState16[1];
+  var _useState13 = (0, _react.useState)(),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    error = _useState14[0],
+    setError = _useState14[1];
 
   // CXP-2723 TODO: TEMPORARY VARIABLES
   var finalError = error || previewError;
   var finalStatus = finalError ? 'error' : status;
-  var _useState17 = (0, _react.useState)(null),
-    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-    mediaViewerSelectedItem = _useState18[0],
-    setMediaViewerSelectedItem = _useState18[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    mediaViewerSelectedItem = _useState16[0],
+    setMediaViewerSelectedItem = _useState16[1];
   var uploadProgressRef = (0, _react.useRef)();
   var metadata = (0, _react.useMemo)(function () {
     var getProcessingStatusFromFileState = function getProcessingStatusFromFileState(status) {
@@ -407,7 +401,6 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     ['loading-preview', 'processing'].includes(finalStatus)) {
       setStatus('complete');
       // TODO MEX-788: add test for "do not remove the card preview when unsubscribing".
-      setIsBannedLocalPreview(false);
     }
   }, [previewDidRender, finalStatus]);
 
@@ -419,7 +412,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     var isVideo = fileAttributes.fileMediatype === 'video';
     var _getFileDetails2 = (0, _metadata.getFileDetails)(identifier, fileStateValue),
       mimeType = _getFileDetails2.mimeType;
-    var isVideoPlayable = (0, _videoIsPlayable.videoIsPlayable)(isBannedLocalPreview, fileStateValue, mimeType);
+    var isVideoPlayable = mimeType && (0, _mediaCommon.isVideoMimeTypeSupportedByBrowser)(mimeType) || fileStateValue && (0, _mediaClient.isProcessedFileState)(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -429,7 +422,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     isCardVisible && isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
     }
-  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isBannedLocalPreview, isPlayingFile, finalStatus, useInlinePlayer]);
+  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isPlayingFile, finalStatus, useInlinePlayer]);
 
   //----------------------------------------------------------------//
   //----------------- fireScreenEvent ------------------------------//
@@ -469,7 +462,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
         var isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         var isPreviewableFileState = !!fileState.preview;
         var isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState &&
+        var hasLocalPreview = isPreviewableFileState &&
         // CXP-2723 TODO: isPreviewableFileState is most likely redundant
         isSupportedLocalPreview && !!fileState.mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType);
         var hasRemotePreview = (0, _mediaClient.isImageRepresentationReady)(fileState);

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.7.0",
+        packageName: "77.7.2",
         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.7.0";
+var packageVersion = "77.7.2";
 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.7.0";
+const packageVersion = "77.7.2";
 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.7.0";
+const packageVersion = "77.7.2";
 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.7.0";
+const packageVersion = "77.7.2";
 export const CardV2Base = ({
   identifier,
   ...otherProps

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

@@ -208,7 +208,8 @@ export const CardViewV2Base = ({
     "data-test-media-name": name,
     "data-test-status": status,
     "data-test-progress": progress,
-    "data-test-selected": selected
+    "data-test-selected": selected,
+    "data-test-source": cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source
   }, renderTypeIcon && jsx(IconWrapper, {
     breakpoint: breakpoint,
     hasTitleBox: hasTitleBox

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

@@ -1,8 +1,8 @@
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
-import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode } from '@atlaskit/media-client';
+import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { getRandomHex, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
+import { getRandomHex, isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
@@ -15,7 +15,6 @@ import { getFileDetails } from '../../utils/metadata';
 import { abortUfoExperience, completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { useCurrentValueRef } from '../../utils/useCurrentValueRef';
 import { usePrevious } from '../../utils/usePrevious';
-import { videoIsPlayable } from '../../utils/videoIsPlayable';
 import { ViewportDetector } from '../../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../../utils/cardDimensions';
 import { fireCommencedEvent, fireCopiedEvent, fireNonCriticalErrorEvent, fireOperationalEvent, fireScreenEvent } from '../cardAnalytics';
@@ -107,7 +106,6 @@ export const FileCard = ({
   const [shouldAutoplay, setShouldAutoplay] = useState(false);
 
   // CXP-2723 TODO: remove isBannedLocalPreview
-  const [isBannedLocalPreview, setIsBannedLocalPreview] = useState(false);
   const [previewDidRender, setPreviewDidRender] = useState(false);
 
   // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
@@ -147,7 +145,6 @@ export const FileCard = ({
     ssr,
     dimensions: previewDimensions,
     traceContext,
-    previewDidRender,
     skipRemote: !isCardVisible
   });
   const [error, setError] = useState();
@@ -356,7 +353,6 @@ export const FileCard = ({
     ['loading-preview', 'processing'].includes(finalStatus)) {
       setStatus('complete');
       // TODO MEX-788: add test for "do not remove the card preview when unsubscribing".
-      setIsBannedLocalPreview(false);
     }
   }, [previewDidRender, finalStatus]);
 
@@ -369,7 +365,7 @@ export const FileCard = ({
     const {
       mimeType
     } = getFileDetails(identifier, fileStateValue);
-    const isVideoPlayable = videoIsPlayable(isBannedLocalPreview, fileStateValue, mimeType);
+    const isVideoPlayable = mimeType && isVideoMimeTypeSupportedByBrowser(mimeType) || fileStateValue && isProcessedFileState(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -379,7 +375,7 @@ export const FileCard = ({
     isCardVisible && isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
     }
-  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isBannedLocalPreview, isPlayingFile, finalStatus, useInlinePlayer]);
+  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isPlayingFile, finalStatus, useInlinePlayer]);
 
   //----------------------------------------------------------------//
   //----------------- fireScreenEvent ------------------------------//
@@ -419,7 +415,7 @@ export const FileCard = ({
         const isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         const isPreviewableFileState = !!fileState.preview;
         const isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        const hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState &&
+        const hasLocalPreview = isPreviewableFileState &&
         // CXP-2723 TODO: isPreviewableFileState is most likely redundant
         isSupportedLocalPreview && !!fileState.mimeType && isMimeTypeSupportedByBrowser(fileState.mimeType);
         const hasRemotePreview = isImageRepresentationReady(fileState);

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.7.0",
+      packageName: "77.7.2",
       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.7.0";
+const packageVersion = "77.7.2";
 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.7.0";
+var packageVersion = "77.7.2";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

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.7.0";
+var packageVersion = "77.7.2";
 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.7.0";
+var packageVersion = "77.7.2";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

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

@@ -203,7 +203,8 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
     "data-test-media-name": name,
     "data-test-status": status,
     "data-test-progress": progress,
-    "data-test-selected": selected
+    "data-test-selected": selected,
+    "data-test-source": cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source
   }, renderTypeIcon && jsx(IconWrapper, {
     breakpoint: breakpoint,
     hasTitleBox: hasTitleBox

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

@@ -5,9 +5,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
-import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode } from '@atlaskit/media-client';
+import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { getRandomHex, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
+import { getRandomHex, isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
@@ -20,7 +20,6 @@ import { getFileDetails } from '../../utils/metadata';
 import { abortUfoExperience, completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { useCurrentValueRef } from '../../utils/useCurrentValueRef';
 import { usePrevious } from '../../utils/usePrevious';
-import { videoIsPlayable } from '../../utils/videoIsPlayable';
 import { ViewportDetector } from '../../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../../utils/cardDimensions';
 import { fireCommencedEvent, fireCopiedEvent, fireNonCriticalErrorEvent, fireOperationalEvent, fireScreenEvent } from '../cardAnalytics';
@@ -140,12 +139,8 @@ export var FileCard = function FileCard(_ref) {
   // CXP-2723 TODO: remove isBannedLocalPreview
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    isBannedLocalPreview = _useState12[0],
-    setIsBannedLocalPreview = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    previewDidRender = _useState14[0],
-    setPreviewDidRender = _useState14[1];
+    previewDidRender = _useState12[0],
+    setPreviewDidRender = _useState12[1];
 
   // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   var mediaBlobUrlAttrs = useMemo(function () {
@@ -173,7 +168,6 @@ export var FileCard = function FileCard(_ref) {
       ssr: ssr,
       dimensions: previewDimensions,
       traceContext: traceContext,
-      previewDidRender: previewDidRender,
       skipRemote: !isCardVisible
     }),
     preview = _useFilePreview.preview,
@@ -183,18 +177,18 @@ export var FileCard = function FileCard(_ref) {
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
     getScriptProps = _useFilePreview.getScriptProps;
-  var _useState15 = useState(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    error = _useState16[0],
-    setError = _useState16[1];
+  var _useState13 = useState(),
+    _useState14 = _slicedToArray(_useState13, 2),
+    error = _useState14[0],
+    setError = _useState14[1];
 
   // CXP-2723 TODO: TEMPORARY VARIABLES
   var finalError = error || previewError;
   var finalStatus = finalError ? 'error' : status;
-  var _useState17 = useState(null),
-    _useState18 = _slicedToArray(_useState17, 2),
-    mediaViewerSelectedItem = _useState18[0],
-    setMediaViewerSelectedItem = _useState18[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    mediaViewerSelectedItem = _useState16[0],
+    setMediaViewerSelectedItem = _useState16[1];
   var uploadProgressRef = useRef();
   var metadata = useMemo(function () {
     var getProcessingStatusFromFileState = function getProcessingStatusFromFileState(status) {
@@ -397,7 +391,6 @@ export var FileCard = function FileCard(_ref) {
     ['loading-preview', 'processing'].includes(finalStatus)) {
       setStatus('complete');
       // TODO MEX-788: add test for "do not remove the card preview when unsubscribing".
-      setIsBannedLocalPreview(false);
     }
   }, [previewDidRender, finalStatus]);
 
@@ -409,7 +402,7 @@ export var FileCard = function FileCard(_ref) {
     var isVideo = fileAttributes.fileMediatype === 'video';
     var _getFileDetails2 = getFileDetails(identifier, fileStateValue),
       mimeType = _getFileDetails2.mimeType;
-    var isVideoPlayable = videoIsPlayable(isBannedLocalPreview, fileStateValue, mimeType);
+    var isVideoPlayable = mimeType && isVideoMimeTypeSupportedByBrowser(mimeType) || fileStateValue && isProcessedFileState(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -419,7 +412,7 @@ export var FileCard = function FileCard(_ref) {
     isCardVisible && isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
     }
-  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isBannedLocalPreview, isPlayingFile, finalStatus, useInlinePlayer]);
+  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isPlayingFile, finalStatus, useInlinePlayer]);
 
   //----------------------------------------------------------------//
   //----------------- fireScreenEvent ------------------------------//
@@ -459,7 +452,7 @@ export var FileCard = function FileCard(_ref) {
         var isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         var isPreviewableFileState = !!fileState.preview;
         var isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState &&
+        var hasLocalPreview = isPreviewableFileState &&
         // CXP-2723 TODO: isPreviewableFileState is most likely redundant
         isSupportedLocalPreview && !!fileState.mimeType && isMimeTypeSupportedByBrowser(fileState.mimeType);
         var hasRemotePreview = isImageRepresentationReady(fileState);

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.7.0",
+        packageName: "77.7.2",
         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.7.0";
+var packageVersion = "77.7.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.7.0",
+  "version": "77.7.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -43,13 +43,13 @@
     "@atlaskit/media-client": "^26.1.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
-    "@atlaskit/media-file-preview": "^0.1.0",
+    "@atlaskit/media-file-preview": "^0.2.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.35.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",