@atlaskit/media-card 77.6.0 → 77.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-card
 
+## 77.6.2
+
+### Patch Changes
+
+- [#60690](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60690) [`4a6ece928910`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4a6ece928910) - [ux] Media Inline Card displays the file name when failed to process and enables Media Viewer to download it
+
+## 77.6.1
+
+### Patch Changes
+
+- [#60393](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60393) [`7f40d5c65a95`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7f40d5c65a95) - Isolated analytics resources for preview hook
+
 ## 77.6.0
 
 ### Minor 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.0";
+var packageVersion = "77.6.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.6.0";
+var packageVersion = "77.6.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.6.0";
+var packageVersion = "77.6.2";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRenderErrorFailReason = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getErrorTraceContext = exports.extractErrorInfo = void 0;
+var _mediaClient = require("@atlaskit/media-client");
+var _errors = require("./errors");
+var getErrorTraceContext = exports.getErrorTraceContext = function getErrorTraceContext(error) {
+  if ((0, _errors.isMediaFilePreviewError)(error) && !!error.secondaryError) {
+    if ((0, _mediaClient.isRequestError)(error.secondaryError)) {
+      var _error$secondaryError;
+      return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+    } else if ((0, _errors.isMediaFileStateError)(error.secondaryError)) {
+      var _error$secondaryError2;
+      return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 || (_error$secondaryError2 = _error$secondaryError2.metadata) === null || _error$secondaryError2 === void 0 ? void 0 : _error$secondaryError2.traceContext;
+    }
+  }
+};
+var getRenderErrorFailReason = exports.getRenderErrorFailReason = function getRenderErrorFailReason(error) {
+  if ((0, _errors.isMediaFilePreviewError)(error)) {
+    return error.primaryReason;
+  } else {
+    return 'nativeError';
+  }
+};
+var getRenderErrorErrorReason = exports.getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
+  if ((0, _errors.isMediaFilePreviewError)(error) && error.secondaryError) {
+    var mediaClientReason = (0, _errors.isMediaFileStateError)(error.secondaryError) ? (0, _errors.getFileStateErrorReason)(error.secondaryError) : (0, _mediaClient.getMediaClientErrorReason)(error.secondaryError);
+    if (mediaClientReason !== 'unknown') {
+      return mediaClientReason;
+    }
+  }
+  return 'nativeError';
+};
+var getRenderErrorErrorDetail = exports.getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
+  if ((0, _errors.isMediaFilePreviewError)(error) && error.secondaryError) {
+    return error.secondaryError.message;
+  } else {
+    return error.message;
+  }
+};
+var extractErrorInfo = exports.extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {
+  return {
+    failReason: getRenderErrorFailReason(error),
+    error: getRenderErrorErrorReason(error),
+    errorDetail: getRenderErrorErrorDetail(error),
+    metadataTraceContext: metadataTraceContext !== null && metadataTraceContext !== void 0 ? metadataTraceContext : getErrorTraceContext(error)
+  };
+};

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

@@ -4,8 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLocalPreviewError = exports.ensureMediaFilePreviewError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaFilePreviewError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
+exports.ensureMediaFilePreviewError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaFilePreviewError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
+exports.getFileStateErrorReason = getFileStateErrorReason;
+exports.isLocalPreviewError = void 0;
 exports.isMediaFilePreviewError = isMediaFilePreviewError;
+exports.isMediaFileStateError = isMediaFileStateError;
 exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -14,6 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _mediaClientReact = require("@atlaskit/media-client-react");
 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; } }
 /**
@@ -129,4 +133,11 @@ var ensureMediaFilePreviewError = exports.ensureMediaFilePreviewError = function
     return error;
   }
   return new MediaFilePreviewError(primaryReason, error);
-};
+};
+function isMediaFileStateError(err) {
+  return err instanceof _mediaClientReact.MediaFileStateError;
+}
+function getFileStateErrorReason(err) {
+  var _err$details$reason, _err$details;
+  return (_err$details$reason = (_err$details = err.details) === null || _err$details === void 0 ? void 0 : _err$details.reason) !== null && _err$details$reason !== void 0 ? _err$details$reason : 'unknown';
+}

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

@@ -49,7 +49,7 @@ var createRequestDimensions = exports.createRequestDimensions = function createR
   return result;
 };
 
-/** Stores the provided value in a   */
+/** Stores the provided value in a ref object to avoid "component rerenders" when the value is used as a hook dependency */
 function useCurrentValueRef(value) {
   var ref = (0, _react.useRef)(value);
   ref.current = value;

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

@@ -14,7 +14,7 @@ var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaCommon = require("@atlaskit/media-common");
 var _react = require("react");
 var _errors = require("./errors");
-var _analytics = require("../../../utils/analytics");
+var _analytics = require("./analytics");
 var _helpers = require("./helpers");
 var _globalScope = require("./globalScope");
 var _getPreview = require("./getPreview");

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

package/dist/cjs/inline/mediaInlineCard.js

@@ -134,13 +134,6 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
       isSelected: isSelected
     });
   }
-  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
-    !isFailedEventSent && fireFailedOperationalEvent(undefined, 'failed-processing');
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
-      isSelected: isSelected
-    });
-  }
 
   // Empty file handling
   if (fileState && !fileState.name) {
@@ -163,6 +156,11 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
       isSelected: isSelected
     });
   }
+
+  // Failed to process should still display the loaded view and enable Media Client to download
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    !isFailedEventSent && fireFailedOperationalEvent(undefined, 'failed-processing');
+  }
   var mediaType = fileState.mediaType,
     name = fileState.name,
     mimeType = fileState.mimeType;

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.0";
+var packageVersion = "77.6.2";
 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.0";
+const packageVersion = "77.6.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.6.0";
+const packageVersion = "77.6.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.6.0";
+const packageVersion = "77.6.2";
 export const CardV2Base = ({
   identifier,
   ...otherProps

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

@@ -0,0 +1,44 @@
+import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
+import { isMediaFilePreviewError, getFileStateErrorReason, isMediaFileStateError } from './errors';
+export const getErrorTraceContext = error => {
+  if (isMediaFilePreviewError(error) && !!error.secondaryError) {
+    if (isRequestError(error.secondaryError)) {
+      var _error$secondaryError;
+      return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+    } else if (isMediaFileStateError(error.secondaryError)) {
+      var _error$secondaryError2, _error$secondaryError3;
+      return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 ? void 0 : (_error$secondaryError3 = _error$secondaryError2.metadata) === null || _error$secondaryError3 === void 0 ? void 0 : _error$secondaryError3.traceContext;
+    }
+  }
+};
+export const getRenderErrorFailReason = error => {
+  if (isMediaFilePreviewError(error)) {
+    return error.primaryReason;
+  } else {
+    return 'nativeError';
+  }
+};
+export const getRenderErrorErrorReason = error => {
+  if (isMediaFilePreviewError(error) && error.secondaryError) {
+    const mediaClientReason = isMediaFileStateError(error.secondaryError) ? getFileStateErrorReason(error.secondaryError) : getMediaClientErrorReason(error.secondaryError);
+    if (mediaClientReason !== 'unknown') {
+      return mediaClientReason;
+    }
+  }
+  return 'nativeError';
+};
+export const getRenderErrorErrorDetail = error => {
+  if (isMediaFilePreviewError(error) && error.secondaryError) {
+    return error.secondaryError.message;
+  } else {
+    return error.message;
+  }
+};
+export const extractErrorInfo = (error, metadataTraceContext) => {
+  return {
+    failReason: getRenderErrorFailReason(error),
+    error: getRenderErrorErrorReason(error),
+    errorDetail: getRenderErrorErrorDetail(error),
+    metadataTraceContext: metadataTraceContext !== null && metadataTraceContext !== void 0 ? metadataTraceContext : getErrorTraceContext(error)
+  };
+};

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

@@ -1,3 +1,5 @@
+import { MediaFileStateError } from '@atlaskit/media-client-react';
+
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
@@ -78,4 +80,11 @@ export const ensureMediaFilePreviewError = (primaryReason, error, updatePrimaryR
     return error;
   }
   return new MediaFilePreviewError(primaryReason, error);
-};
+};
+export function isMediaFileStateError(err) {
+  return err instanceof MediaFileStateError;
+}
+export function getFileStateErrorReason(err) {
+  var _err$details$reason, _err$details;
+  return (_err$details$reason = (_err$details = err.details) === null || _err$details === void 0 ? void 0 : _err$details.reason) !== null && _err$details$reason !== void 0 ? _err$details$reason : 'unknown';
+}

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

@@ -46,7 +46,7 @@ export const createRequestDimensions = dimensions => {
   return result;
 };
 
-/** Stores the provided value in a   */
+/** Stores the provided value in a ref object to avoid "component rerenders" when the value is used as a hook dependency */
 export function useCurrentValueRef(value) {
   const ref = useRef(value);
   ref.current = value;

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

@@ -3,7 +3,7 @@ import { MediaFileStateError, useFileState, useMediaClient } from '@atlaskit/med
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { ensureMediaFilePreviewError, ImageLoadError, isLocalPreviewError, isUnsupportedLocalPreviewError, MediaFilePreviewError } from './errors';
-import { extractErrorInfo } from '../../../utils/analytics';
+import { extractErrorInfo } from './analytics';
 import { isBigger, createRequestDimensions, useCurrentValueRef, usePrevious } from './helpers';
 import { generateScriptProps, getSSRData } from './globalScope';
 import { getAndCacheRemotePreview, getSSRCardPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, isPreviewableStatus, extractFilePreviewStatus, mediaFilePreviewCache, getAndCacheLocalPreview } from './getPreview';

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

package/dist/es2019/inline/mediaInlineCard.js

@@ -106,13 +106,6 @@ export const MediaInlineCardInternal = ({
       isSelected: isSelected
     });
   }
-  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
-    !isFailedEventSent && fireFailedOperationalEvent(undefined, 'failed-processing');
-    return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
-      isSelected: isSelected
-    });
-  }
 
   // Empty file handling
   if (fileState && !fileState.name) {
@@ -135,6 +128,11 @@ export const MediaInlineCardInternal = ({
       isSelected: isSelected
     });
   }
+
+  // Failed to process should still display the loaded view and enable Media Client to download
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    !isFailedEventSent && fireFailedOperationalEvent(undefined, 'failed-processing');
+  }
   const {
     mediaType,
     name,

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.6.0";
+const packageVersion = "77.6.2";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.0";
+var packageVersion = "77.6.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.6.0";
+var packageVersion = "77.6.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.6.0";
+var packageVersion = "77.6.2";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/v2/useFilePreview/analytics.js

@@ -0,0 +1,44 @@
+import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
+import { isMediaFilePreviewError, getFileStateErrorReason, isMediaFileStateError } from './errors';
+export var getErrorTraceContext = function getErrorTraceContext(error) {
+  if (isMediaFilePreviewError(error) && !!error.secondaryError) {
+    if (isRequestError(error.secondaryError)) {
+      var _error$secondaryError;
+      return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+    } else if (isMediaFileStateError(error.secondaryError)) {
+      var _error$secondaryError2;
+      return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 || (_error$secondaryError2 = _error$secondaryError2.metadata) === null || _error$secondaryError2 === void 0 ? void 0 : _error$secondaryError2.traceContext;
+    }
+  }
+};
+export var getRenderErrorFailReason = function getRenderErrorFailReason(error) {
+  if (isMediaFilePreviewError(error)) {
+    return error.primaryReason;
+  } else {
+    return 'nativeError';
+  }
+};
+export var getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
+  if (isMediaFilePreviewError(error) && error.secondaryError) {
+    var mediaClientReason = isMediaFileStateError(error.secondaryError) ? getFileStateErrorReason(error.secondaryError) : getMediaClientErrorReason(error.secondaryError);
+    if (mediaClientReason !== 'unknown') {
+      return mediaClientReason;
+    }
+  }
+  return 'nativeError';
+};
+export var getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
+  if (isMediaFilePreviewError(error) && error.secondaryError) {
+    return error.secondaryError.message;
+  } else {
+    return error.message;
+  }
+};
+export var extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {
+  return {
+    failReason: getRenderErrorFailReason(error),
+    error: getRenderErrorErrorReason(error),
+    errorDetail: getRenderErrorErrorDetail(error),
+    metadataTraceContext: metadataTraceContext !== null && metadataTraceContext !== void 0 ? metadataTraceContext : getErrorTraceContext(error)
+  };
+};

package/dist/esm/card/v2/useFilePreview/errors.js

@@ -7,6 +7,8 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+import { MediaFileStateError } from '@atlaskit/media-client-react';
+
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
@@ -121,4 +123,11 @@ export var ensureMediaFilePreviewError = function ensureMediaFilePreviewError(pr
     return error;
   }
   return new MediaFilePreviewError(primaryReason, error);
-};
+};
+export function isMediaFileStateError(err) {
+  return err instanceof MediaFileStateError;
+}
+export function getFileStateErrorReason(err) {
+  var _err$details$reason, _err$details;
+  return (_err$details$reason = (_err$details = err.details) === null || _err$details === void 0 ? void 0 : _err$details.reason) !== null && _err$details$reason !== void 0 ? _err$details$reason : 'unknown';
+}

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

@@ -42,7 +42,7 @@ export var createRequestDimensions = function createRequestDimensions(dimensions
   return result;
 };
 
-/** Stores the provided value in a   */
+/** Stores the provided value in a ref object to avoid "component rerenders" when the value is used as a hook dependency */
 export function useCurrentValueRef(value) {
   var ref = useRef(value);
   ref.current = value;

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

@@ -9,7 +9,7 @@ import { MediaFileStateError, useFileState, useMediaClient } from '@atlaskit/med
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { ensureMediaFilePreviewError, ImageLoadError, isLocalPreviewError, isUnsupportedLocalPreviewError, MediaFilePreviewError } from './errors';
-import { extractErrorInfo } from '../../../utils/analytics';
+import { extractErrorInfo } from './analytics';
 import { isBigger, createRequestDimensions, useCurrentValueRef, usePrevious } from './helpers';
 import { generateScriptProps, getSSRData } from './globalScope';
 import { getAndCacheRemotePreview, getSSRCardPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, isPreviewableStatus, extractFilePreviewStatus, mediaFilePreviewCache, getAndCacheLocalPreview } from './getPreview';

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

package/dist/esm/inline/mediaInlineCard.js

@@ -124,13 +124,6 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
       isSelected: isSelected
     });
   }
-  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
-    !isFailedEventSent && fireFailedOperationalEvent(undefined, 'failed-processing');
-    return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
-      isSelected: isSelected
-    });
-  }
 
   // Empty file handling
   if (fileState && !fileState.name) {
@@ -153,6 +146,11 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
       isSelected: isSelected
     });
   }
+
+  // Failed to process should still display the loaded view and enable Media Client to download
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    !isFailedEventSent && fireFailedOperationalEvent(undefined, 'failed-processing');
+  }
   var mediaType = fileState.mediaType,
     name = fileState.name,
     mimeType = fileState.mimeType;

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

package/dist/types/card/v2/useFilePreview/analytics.d.ts

@@ -0,0 +1,28 @@
+import { MediaClientErrorReason } from '@atlaskit/media-client';
+import { SuccessAttributes, MediaTraceContext } from '@atlaskit/media-common';
+import { MediaFilePreviewError, MediaFilePreviewErrorPrimaryReason } from './errors';
+export type FailedErrorFailReason = MediaFilePreviewErrorPrimaryReason | 'nativeError';
+export type MediaFilePreviewErrorInfo = {
+    failReason: FailedErrorFailReason;
+    error: MediaClientErrorReason | 'nativeError';
+    errorDetail: string;
+    metadataTraceContext?: MediaTraceContext;
+};
+export type SSRStatusFail = MediaFilePreviewErrorInfo & {
+    status: 'fail';
+};
+type SSRStatusSuccess = SuccessAttributes;
+type SSRStatusUnknown = {
+    status: 'unknown';
+};
+type SSRStatusAttributes = SSRStatusSuccess | SSRStatusFail | SSRStatusUnknown;
+export type SSRStatus = {
+    server: SSRStatusAttributes;
+    client: SSRStatusAttributes;
+};
+export declare const getErrorTraceContext: (error: MediaFilePreviewError) => MediaTraceContext | undefined;
+export declare const getRenderErrorFailReason: (error: MediaFilePreviewError) => FailedErrorFailReason;
+export declare const getRenderErrorErrorReason: (error: MediaFilePreviewError) => MediaClientErrorReason | 'nativeError';
+export declare const getRenderErrorErrorDetail: (error: MediaFilePreviewError) => string;
+export declare const extractErrorInfo: (error: MediaFilePreviewError, metadataTraceContext?: MediaTraceContext) => MediaFilePreviewErrorInfo;
+export {};

package/dist/types/card/v2/useFilePreview/errors.d.ts

@@ -1,3 +1,5 @@
+import { MediaFileStateError } from '@atlaskit/media-client-react';
+import { MediaClientErrorReason } from '@atlaskit/media-client';
 import { MediaFilePreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
@@ -36,3 +38,5 @@ export declare const isLocalPreviewError: (err: Error) => err is LocalPreviewErr
 export declare const isRemotePreviewError: (err: Error) => err is RemotePreviewError;
 export declare const isUnsupportedLocalPreviewError: (err: Error) => boolean;
 export declare const ensureMediaFilePreviewError: (primaryReason: MediaFilePreviewErrorPrimaryReason, error: Error, updatePrimaryReason?: boolean) => MediaFilePreviewError;
+export declare function isMediaFileStateError(err: Error): err is MediaFileStateError;
+export declare function getFileStateErrorReason(err: MediaFileStateError): MediaClientErrorReason | 'unknown';

package/dist/types/card/v2/useFilePreview/helpers.d.ts

@@ -6,6 +6,6 @@ import { MutableRefObject } from 'react';
  */
 export declare const isBigger: (current?: MediaFilePreviewDimensions, next?: MediaFilePreviewDimensions) => boolean;
 export declare const createRequestDimensions: (dimensions: Partial<MediaFilePreviewDimensions>) => Partial<MediaFilePreviewDimensions> | undefined;
-/** Stores the provided value in a   */
+/** Stores the provided value in a ref object to avoid "component rerenders" when the value is used as a hook dependency */
 export declare function useCurrentValueRef<T>(value: T): MutableRefObject<T>;
 export declare function usePrevious<T>(value: T | undefined): T | undefined;

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

@@ -3,7 +3,7 @@ import { FileIdentifier, ImageResizeMode, MediaBlobUrlAttrs } from '@atlaskit/me
 import { MediaTraceContext, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
 import { MediaFilePreviewError } from './errors';
 import { MediaFilePreview } from './types';
-import { SSRStatus } from '../../../utils/analytics';
+import { SSRStatus } from './analytics';
 export interface UseFilePreviewParams {
     /** Instance of file identifier. */
     readonly identifier: FileIdentifier;

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

@@ -0,0 +1,28 @@
+import { MediaClientErrorReason } from '@atlaskit/media-client';
+import { SuccessAttributes, MediaTraceContext } from '@atlaskit/media-common';
+import { MediaFilePreviewError, MediaFilePreviewErrorPrimaryReason } from './errors';
+export type FailedErrorFailReason = MediaFilePreviewErrorPrimaryReason | 'nativeError';
+export type MediaFilePreviewErrorInfo = {
+    failReason: FailedErrorFailReason;
+    error: MediaClientErrorReason | 'nativeError';
+    errorDetail: string;
+    metadataTraceContext?: MediaTraceContext;
+};
+export type SSRStatusFail = MediaFilePreviewErrorInfo & {
+    status: 'fail';
+};
+type SSRStatusSuccess = SuccessAttributes;
+type SSRStatusUnknown = {
+    status: 'unknown';
+};
+type SSRStatusAttributes = SSRStatusSuccess | SSRStatusFail | SSRStatusUnknown;
+export type SSRStatus = {
+    server: SSRStatusAttributes;
+    client: SSRStatusAttributes;
+};
+export declare const getErrorTraceContext: (error: MediaFilePreviewError) => MediaTraceContext | undefined;
+export declare const getRenderErrorFailReason: (error: MediaFilePreviewError) => FailedErrorFailReason;
+export declare const getRenderErrorErrorReason: (error: MediaFilePreviewError) => MediaClientErrorReason | 'nativeError';
+export declare const getRenderErrorErrorDetail: (error: MediaFilePreviewError) => string;
+export declare const extractErrorInfo: (error: MediaFilePreviewError, metadataTraceContext?: MediaTraceContext) => MediaFilePreviewErrorInfo;
+export {};

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

@@ -1,3 +1,5 @@
+import { MediaFileStateError } from '@atlaskit/media-client-react';
+import { MediaClientErrorReason } from '@atlaskit/media-client';
 import { MediaFilePreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
@@ -36,3 +38,5 @@ export declare const isLocalPreviewError: (err: Error) => err is LocalPreviewErr
 export declare const isRemotePreviewError: (err: Error) => err is RemotePreviewError;
 export declare const isUnsupportedLocalPreviewError: (err: Error) => boolean;
 export declare const ensureMediaFilePreviewError: (primaryReason: MediaFilePreviewErrorPrimaryReason, error: Error, updatePrimaryReason?: boolean) => MediaFilePreviewError;
+export declare function isMediaFileStateError(err: Error): err is MediaFileStateError;
+export declare function getFileStateErrorReason(err: MediaFileStateError): MediaClientErrorReason | 'unknown';

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

@@ -6,6 +6,6 @@ import { MutableRefObject } from 'react';
  */
 export declare const isBigger: (current?: MediaFilePreviewDimensions, next?: MediaFilePreviewDimensions) => boolean;
 export declare const createRequestDimensions: (dimensions: Partial<MediaFilePreviewDimensions>) => Partial<MediaFilePreviewDimensions> | undefined;
-/** Stores the provided value in a   */
+/** Stores the provided value in a ref object to avoid "component rerenders" when the value is used as a hook dependency */
 export declare function useCurrentValueRef<T>(value: T): MutableRefObject<T>;
 export declare function usePrevious<T>(value: T | undefined): T | undefined;

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

@@ -3,7 +3,7 @@ import { FileIdentifier, ImageResizeMode, MediaBlobUrlAttrs } from '@atlaskit/me
 import { MediaTraceContext, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
 import { MediaFilePreviewError } from './errors';
 import { MediaFilePreview } from './types';
-import { SSRStatus } from '../../../utils/analytics';
+import { SSRStatus } from './analytics';
 export interface UseFilePreviewParams {
     /** Instance of file identifier. */
     readonly identifier: FileIdentifier;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.6.0",
+  "version": "77.6.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/media-client": "^26.0.0",
+    "@atlaskit/media-client": "^26.1.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
     "@atlaskit/media-ui": "^25.0.0",
@@ -48,7 +48,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.29.0",
+    "@atlaskit/tokens": "^1.30.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -71,7 +71,7 @@
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-picker": "^66.2.0",
     "@atlaskit/media-state": "^1.0.0",
-    "@atlaskit/media-test-data": "^1.0.0",
+    "@atlaskit/media-test-data": "^1.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",