@atlaskit/media-card 79.5.16 → 79.6.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-card
 
+## 79.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 79.6.0
+
+### Minor Changes
+
+- [`e5f402044b1c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5f402044b1c6) -
+  Add media render error analytics
+
 ## 79.5.16
 
 ### Patch Changes

package/compass.yml

@@ -14,6 +14,9 @@ fields:
 labels:
   - atlassian-platform
 links:
+  - name: Root Repository
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
   - name: ''
     type: REPOSITORY
     url: 'https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/media/media-card/'

package/dist/cjs/card/card.js

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

package/dist/cjs/card/fileCard.js

@@ -44,6 +44,7 @@ var _usePressTracing = _interopRequireDefault(require("@atlaskit/react-ufo/use-p
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function 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 IMAGE_LOAD_ERROR = 'image-load-error';
 var traceContextRetriever = function traceContextRetriever() {
   var trace = (0, _experienceTraceIdContext.getActiveTrace)();
   if (trace && (0, _platformFeatureFlags.fg)('platform-filecard-ufo-trace')) {
@@ -90,7 +91,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     videoControlsWrapperRef = _ref.videoControlsWrapperRef,
     viewerOptions = _ref.viewerOptions,
-    includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles;
+    includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles,
+    onError = _ref.onError;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
@@ -109,6 +111,9 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     cardElement = _useState4[0],
     setCardElement = _useState4[1];
+
+  // use reference here to avoid excessive calls.
+  var onErrorRef = (0, _useCurrentValueRef.useCurrentValueRef)(onError);
   var cardDimensions = dimensions || (0, _cardDimensions.getDefaultCardDimensions)(appearance);
 
   // Calculate the preview dimensions if card dimensions are "percentage" based
@@ -197,6 +202,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     }) : undefined;
   }, [alt, previewDimensions, contextId, fileStateValue, identifier, originalDimensions]);
   var _useFilePreview = (0, _mediaFilePreview.useFilePreview)({
+      useSrcSet: true,
       mediaBlobUrlAttrs: mediaBlobUrlAttrs,
       resizeMode: (0, _mediaClient.imageResizeModeToFileImageMode)(resizeMode),
       identifier: identifier,
@@ -365,6 +371,17 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     }
   });
 
+  //----------------------------------------------------------------//
+  //--------------------- Handling Errors---------------------------//
+  //----------------------------------------------------------------//
+
+  (0, _react.useEffect)(function () {
+    if (onErrorRef.current && finalError) {
+      var errorReason = finalError.primaryReason;
+      onErrorRef.current(errorReason);
+    }
+  }, [finalError, onErrorRef]);
+
   //----------------------------------------------------------------//
   //--------------------- Focus on Close Viewer  -------------------//
   //----------------------------------------------------------------//
@@ -386,10 +403,16 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     setStatus('error');
   };
   var onImageError = function onImageError(newCardPreview) {
+    var _onErrorRef$current;
     if (metadata.mimeType === 'image/svg+xml') {
       return;
     }
     onImageErrorBase(newCardPreview);
+
+    // The image error is not reflected in the status,
+    // as the preview might fail to load if the file itself is broken.
+    // In that case we want call onError callback.
+    (_onErrorRef$current = onErrorRef.current) === null || _onErrorRef$current === void 0 || _onErrorRef$current.call(onErrorRef, IMAGE_LOAD_ERROR);
   };
   var onSvgLoad = function onSvgLoad() {
     setPreviewDidRender(true);

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

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

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,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 = "79.5.15";
+var packageVersion = "0.0.0-development";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/es2019/card/card.js

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

package/dist/es2019/card/fileCard.js

@@ -29,6 +29,7 @@ import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getActiveTrace } from '@atlaskit/react-ufo/experience-trace-id-context';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
+const IMAGE_LOAD_ERROR = 'image-load-error';
 const traceContextRetriever = () => {
   const trace = getActiveTrace();
   if (trace && fg('platform-filecard-ufo-trace')) {
@@ -71,7 +72,8 @@ export const FileCard = ({
   onMouseEnter,
   videoControlsWrapperRef,
   viewerOptions,
-  includeHashForDuplicateFiles
+  includeHashForDuplicateFiles,
+  onError
 }) => {
   const {
     formatMessage
@@ -87,6 +89,9 @@ export const FileCard = ({
   const pressTracing = usePressTracing('click-file-card');
   const mediaClient = useMediaClient();
   const [cardElement, setCardElement] = useState(null);
+
+  // use reference here to avoid excessive calls.
+  const onErrorRef = useCurrentValueRef(onError);
   const cardDimensions = dimensions || getDefaultCardDimensions(appearance);
 
   // Calculate the preview dimensions if card dimensions are "percentage" based
@@ -167,6 +172,7 @@ export const FileCard = ({
     getSsrScriptProps,
     copyNodeRef
   } = useFilePreview({
+    useSrcSet: true,
     mediaBlobUrlAttrs,
     resizeMode: imageResizeModeToFileImageMode(resizeMode),
     identifier,
@@ -288,6 +294,17 @@ export const FileCard = ({
     }
   });
 
+  //----------------------------------------------------------------//
+  //--------------------- Handling Errors---------------------------//
+  //----------------------------------------------------------------//
+
+  useEffect(() => {
+    if (onErrorRef.current && finalError) {
+      const errorReason = finalError.primaryReason;
+      onErrorRef.current(errorReason);
+    }
+  }, [finalError, onErrorRef]);
+
   //----------------------------------------------------------------//
   //--------------------- Focus on Close Viewer  -------------------//
   //----------------------------------------------------------------//
@@ -309,10 +326,16 @@ export const FileCard = ({
     setStatus('error');
   };
   const onImageError = newCardPreview => {
+    var _onErrorRef$current;
     if (metadata.mimeType === 'image/svg+xml') {
       return;
     }
     onImageErrorBase(newCardPreview);
+
+    // The image error is not reflected in the status,
+    // as the preview might fail to load if the file itself is broken.
+    // In that case we want call onError callback.
+    (_onErrorRef$current = onErrorRef.current) === null || _onErrorRef$current === void 0 ? void 0 : _onErrorRef$current.call(onErrorRef, IMAGE_LOAD_ERROR);
   };
   const onSvgLoad = () => {
     setPreviewDidRender(true);

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

package/dist/es2019/inline/loader.js

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

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.5.15";
+const packageVersion = "0.0.0-development";
 const SAMPLE_RATE = 0.05;
 let concurrentExperience;
 const getExperience = id => {

package/dist/esm/card/card.js

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

package/dist/esm/card/fileCard.js

@@ -36,6 +36,7 @@ import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getActiveTrace } from '@atlaskit/react-ufo/experience-trace-id-context';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
+var IMAGE_LOAD_ERROR = 'image-load-error';
 var traceContextRetriever = function traceContextRetriever() {
   var trace = getActiveTrace();
   if (trace && fg('platform-filecard-ufo-trace')) {
@@ -82,7 +83,8 @@ export var FileCard = function FileCard(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     videoControlsWrapperRef = _ref.videoControlsWrapperRef,
     viewerOptions = _ref.viewerOptions,
-    includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles;
+    includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles,
+    onError = _ref.onError;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState(false),
@@ -101,6 +103,9 @@ export var FileCard = function FileCard(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     cardElement = _useState4[0],
     setCardElement = _useState4[1];
+
+  // use reference here to avoid excessive calls.
+  var onErrorRef = useCurrentValueRef(onError);
   var cardDimensions = dimensions || getDefaultCardDimensions(appearance);
 
   // Calculate the preview dimensions if card dimensions are "percentage" based
@@ -189,6 +194,7 @@ export var FileCard = function FileCard(_ref) {
     }) : undefined;
   }, [alt, previewDimensions, contextId, fileStateValue, identifier, originalDimensions]);
   var _useFilePreview = useFilePreview({
+      useSrcSet: true,
       mediaBlobUrlAttrs: mediaBlobUrlAttrs,
       resizeMode: imageResizeModeToFileImageMode(resizeMode),
       identifier: identifier,
@@ -357,6 +363,17 @@ export var FileCard = function FileCard(_ref) {
     }
   });
 
+  //----------------------------------------------------------------//
+  //--------------------- Handling Errors---------------------------//
+  //----------------------------------------------------------------//
+
+  useEffect(function () {
+    if (onErrorRef.current && finalError) {
+      var errorReason = finalError.primaryReason;
+      onErrorRef.current(errorReason);
+    }
+  }, [finalError, onErrorRef]);
+
   //----------------------------------------------------------------//
   //--------------------- Focus on Close Viewer  -------------------//
   //----------------------------------------------------------------//
@@ -378,10 +395,16 @@ export var FileCard = function FileCard(_ref) {
     setStatus('error');
   };
   var onImageError = function onImageError(newCardPreview) {
+    var _onErrorRef$current;
     if (metadata.mimeType === 'image/svg+xml') {
       return;
     }
     onImageErrorBase(newCardPreview);
+
+    // The image error is not reflected in the status,
+    // as the preview might fail to load if the file itself is broken.
+    // In that case we want call onError callback.
+    (_onErrorRef$current = onErrorRef.current) === null || _onErrorRef$current === void 0 || _onErrorRef$current.call(onErrorRef, IMAGE_LOAD_ERROR);
   };
   var onSvgLoad = function onSvgLoad() {
     setPreviewDidRender(true);

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

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

package/dist/esm/inline/loader.js

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

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.5.15";
+var packageVersion = "0.0.0-development";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

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

@@ -2,8 +2,12 @@ import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atl
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
 import React from 'react';
+import { type MediaCardErrorPrimaryReason } from '../errors';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
+import { type MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
 import { type CardAction } from './actions';
+declare const IMAGE_LOAD_ERROR = "image-load-error";
+export type ImageLoadErrorType = typeof IMAGE_LOAD_ERROR;
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */
     readonly disableOverlay?: boolean;
@@ -52,5 +56,8 @@ export interface FileCardProps extends CardEventProps {
     readonly viewerOptions?: ViewerOptionsProps;
     /** Sets options for viewer **/
     readonly includeHashForDuplicateFiles?: boolean;
+    /** General Error handling include status errors and display errors*/
+    readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason | ImageLoadErrorType) => void;
 }
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => React.JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, onError, }: FileCardProps) => React.JSX.Element;
+export {};

package/dist/types/types.d.ts

@@ -8,8 +8,10 @@ import { type MediaSettings } from '@atlaskit/media-client-react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAction } from './card/actions';
-import { type MediaCardError } from './errors';
+import { type MediaCardError, type MediaCardErrorPrimaryReason } from './errors';
 import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
+import type { ImageLoadErrorType } from './card/fileCard';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
     hasFilesize: boolean;
@@ -109,6 +111,8 @@ export interface CardProps extends SharedCardProps, CardEventProps {
     readonly shouldHideTooltip?: boolean;
     /** General Media Settings */
     readonly mediaSettings?: MediaSettings;
+    /** General Error handling include status errors and display errors*/
+    readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason | ImageLoadErrorType) => void;
 }
 export interface CardState {
     status: CardStatus;

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

@@ -2,8 +2,12 @@ import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atl
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
 import React from 'react';
+import { type MediaCardErrorPrimaryReason } from '../errors';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
+import { type MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
 import { type CardAction } from './actions';
+declare const IMAGE_LOAD_ERROR = "image-load-error";
+export type ImageLoadErrorType = typeof IMAGE_LOAD_ERROR;
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */
     readonly disableOverlay?: boolean;
@@ -52,5 +56,8 @@ export interface FileCardProps extends CardEventProps {
     readonly viewerOptions?: ViewerOptionsProps;
     /** Sets options for viewer **/
     readonly includeHashForDuplicateFiles?: boolean;
+    /** General Error handling include status errors and display errors*/
+    readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason | ImageLoadErrorType) => void;
 }
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => React.JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, onError, }: FileCardProps) => React.JSX.Element;
+export {};

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

@@ -8,8 +8,10 @@ import { type MediaSettings } from '@atlaskit/media-client-react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAction } from './card/actions';
-import { type MediaCardError } from './errors';
+import { type MediaCardError, type MediaCardErrorPrimaryReason } from './errors';
 import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview';
+import type { ImageLoadErrorType } from './card/fileCard';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
     hasFilesize: boolean;
@@ -109,6 +111,8 @@ export interface CardProps extends SharedCardProps, CardEventProps {
     readonly shouldHideTooltip?: boolean;
     /** General Media Settings */
     readonly mediaSettings?: MediaSettings;
+    /** General Error handling include status errors and display errors*/
+    readonly onError?: (reason: MediaFilePreviewErrorPrimaryReason | MediaCardErrorPrimaryReason | ImageLoadErrorType) => void;
 }
 export interface CardState {
     status: CardStatus;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.5.16",
+	"version": "79.6.1",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/editor-shared-styles": "^3.7.0",
+		"@atlaskit/editor-shared-styles": "^3.8.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/media-client": "^35.5.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.0.0",
-		"@atlaskit/react-ufo": "^4.12.0",
+		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/react-ufo": "^4.14.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -72,7 +72,7 @@
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.1.0",
 		"@atlaskit/form": "^14.2.0",
-		"@atlaskit/inline-message": "^15.3.0",
+		"@atlaskit/inline-message": "^15.4.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-picker": "^70.0.0",
 		"@atlaskit/media-state": "^1.8.0",
@@ -82,7 +82,7 @@
 		"@atlaskit/range": "^9.2.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/toggle": "^15.1.0",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",