@atlaskit/media-card 79.8.0 → 79.8.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-card
 
+## 79.8.2
+
+### Patch Changes
+
+- [`dee27fdf979fb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dee27fdf979fb) -
+  Added statusCode at the top level of analytics failure events, for SignalFX compatibility.
+- Updated dependencies
+
+## 79.8.1
+
+### Patch Changes
+
+- [`7cfa4a9ffdf8d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7cfa4a9ffdf8d) -
+  Suppress i18n eslint errors
+- Updated dependencies
+
 ## 79.8.0
 
 ### Minor Changes

package/dist/cjs/card/card.js

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

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.7.2";
+var packageVersion = "79.8.1";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/ui/unhandledErrorCard/contentLoadingErrorMessage.js

@@ -10,7 +10,7 @@ var ContentLoadingErrorMessage = exports.ContentLoadingErrorMessage = function C
   var isHidden = _ref.isHidden;
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, @atlassian/i18n/no-literal-string-in-jsx
     _react.default.createElement("p", {
       style: {
         display: isHidden ? 'none' : 'block'

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

package/dist/cjs/utils/analytics/analytics.js

@@ -129,6 +129,7 @@ var extractErrorInfo = exports.extractErrorInfo = function extractErrorInfo(erro
   };
 };
 var getRenderErrorEventPayload = exports.getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -139,13 +140,15 @@ var getRenderErrorEventPayload = exports.getRenderErrorEventPayload = function g
       performanceAttributes: performanceAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext
     })
   };
 };
 var getDownloadFailedEventPayload = exports.getDownloadFailedEventPayload = function getDownloadFailedEventPayload(fileAttributes, error, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -155,12 +158,14 @@ var getDownloadFailedEventPayload = exports.getDownloadFailedEventPayload = func
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       traceContext: traceContext
     })
   };
 };
 var getErrorEventPayload = exports.getErrorEventPayload = function getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'nonCriticalFail',
@@ -169,7 +174,8 @@ var getErrorEventPayload = exports.getErrorEventPayload = function getErrorEvent
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext,
       cardStatus: cardStatus

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.7.2";
+var packageVersion = "79.8.1";
 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.7.2";
+const packageVersion = "79.8.1";
 export const CardBase = ({
   identifier,
   ...otherProps

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

package/dist/es2019/card/ui/unhandledErrorCard/contentLoadingErrorMessage.js

@@ -3,7 +3,7 @@ export const ContentLoadingErrorMessage = ({
   isHidden
 }) =>
 /*#__PURE__*/
-// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+// eslint-disable-next-line @atlaskit/design-system/use-primitives-text, @atlassian/i18n/no-literal-string-in-jsx
 React.createElement("p", {
   style: {
     display: isHidden ? 'none' : 'block'

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

package/dist/es2019/utils/analytics/analytics.js

@@ -112,48 +112,60 @@ export const extractErrorInfo = (error, metadataTraceContext) => {
     metadataTraceContext: metadataTraceContext !== null && metadataTraceContext !== void 0 ? metadataTraceContext : getErrorTraceContext(error)
   };
 };
-export const getRenderErrorEventPayload = (fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) => ({
-  eventType: 'operational',
-  action: 'failed',
-  actionSubject: 'mediaCardRender',
-  attributes: {
-    fileMimetype: fileAttributes.fileMimetype,
-    fileAttributes,
-    performanceAttributes,
-    status: 'fail',
-    ...extractErrorInfo(error, metadataTraceContext),
-    request: getRenderErrorRequestMetadata(error),
-    ssrReliability,
-    traceContext
-  }
-});
-export const getDownloadFailedEventPayload = (fileAttributes, error, traceContext, metadataTraceContext) => ({
-  eventType: 'operational',
-  action: 'failed',
-  actionSubject: 'mediaCardDownload',
-  attributes: {
-    fileMimetype: fileAttributes.fileMimetype,
-    fileAttributes,
-    status: 'fail',
-    ...extractErrorInfo(error, metadataTraceContext),
-    request: getRenderErrorRequestMetadata(error),
-    traceContext
-  }
-});
-export const getErrorEventPayload = (cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) => ({
-  eventType: 'operational',
-  action: 'nonCriticalFail',
-  actionSubject: 'mediaCardRender',
-  attributes: {
-    fileAttributes,
-    status: 'fail',
-    ...extractErrorInfo(error, metadataTraceContext),
-    request: getRenderErrorRequestMetadata(error),
-    ssrReliability,
-    traceContext,
-    cardStatus
-  }
-});
+export const getRenderErrorEventPayload = (fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) => {
+  const requestMetadata = getRenderErrorRequestMetadata(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaCardRender',
+    attributes: {
+      fileMimetype: fileAttributes.fileMimetype,
+      fileAttributes,
+      performanceAttributes,
+      status: 'fail',
+      ...extractErrorInfo(error, metadataTraceContext),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
+      ssrReliability,
+      traceContext
+    }
+  };
+};
+export const getDownloadFailedEventPayload = (fileAttributes, error, traceContext, metadataTraceContext) => {
+  const requestMetadata = getRenderErrorRequestMetadata(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaCardDownload',
+    attributes: {
+      fileMimetype: fileAttributes.fileMimetype,
+      fileAttributes,
+      status: 'fail',
+      ...extractErrorInfo(error, metadataTraceContext),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
+      traceContext
+    }
+  };
+};
+export const getErrorEventPayload = (cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) => {
+  const requestMetadata = getRenderErrorRequestMetadata(error);
+  return {
+    eventType: 'operational',
+    action: 'nonCriticalFail',
+    actionSubject: 'mediaCardRender',
+    attributes: {
+      fileAttributes,
+      status: 'fail',
+      ...extractErrorInfo(error, metadataTraceContext),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
+      ssrReliability,
+      traceContext,
+      cardStatus
+    }
+  };
+};
 export const getRenderFailedFileStatusPayload = (fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext) => ({
   eventType: 'operational',
   action: 'failed',

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.7.2";
+const packageVersion = "79.8.1";
 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.7.2";
+var packageVersion = "79.8.1";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

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

package/dist/esm/card/ui/unhandledErrorCard/contentLoadingErrorMessage.js

@@ -3,7 +3,7 @@ export var ContentLoadingErrorMessage = function ContentLoadingErrorMessage(_ref
   var isHidden = _ref.isHidden;
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives-text, @atlassian/i18n/no-literal-string-in-jsx
     React.createElement("p", {
       style: {
         display: isHidden ? 'none' : 'block'

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

package/dist/esm/utils/analytics/analytics.js

@@ -120,6 +120,7 @@ export var extractErrorInfo = function extractErrorInfo(error, metadataTraceCont
   };
 };
 export var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -130,13 +131,15 @@ export var getRenderErrorEventPayload = function getRenderErrorEventPayload(file
       performanceAttributes: performanceAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext
     })
   };
 };
 export var getDownloadFailedEventPayload = function getDownloadFailedEventPayload(fileAttributes, error, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'failed',
@@ -146,12 +149,14 @@ export var getDownloadFailedEventPayload = function getDownloadFailedEventPayloa
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       traceContext: traceContext
     })
   };
 };
 export var getErrorEventPayload = function getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext) {
+  var requestMetadata = getRenderErrorRequestMetadata(error);
   return {
     eventType: 'operational',
     action: 'nonCriticalFail',
@@ -160,7 +165,8 @@ export var getErrorEventPayload = function getErrorEventPayload(cardStatus, file
       fileAttributes: fileAttributes,
       status: 'fail'
     }, extractErrorInfo(error, metadataTraceContext)), {}, {
-      request: getRenderErrorRequestMetadata(error),
+      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
+      request: requestMetadata,
       ssrReliability: ssrReliability,
       traceContext: traceContext,
       cardStatus: cardStatus

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.7.2";
+var packageVersion = "79.8.1";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/types/card/ui/unhandledErrorCard/contentLoadingErrorMessage.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type ContentLoadingErrorMessageProps = {
     isHidden?: boolean;
 };
-export declare const ContentLoadingErrorMessage: ({ isHidden }: ContentLoadingErrorMessageProps) => React.JSX.Element;
+export declare const ContentLoadingErrorMessage: ({ isHidden, }: ContentLoadingErrorMessageProps) => React.JSX.Element;
 export {};

package/dist/types/utils/analytics/analytics.d.ts

@@ -1,5 +1,5 @@
 import { type ErrorInfo } from 'react';
-import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
 import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
@@ -63,17 +63,20 @@ export type WithSSRReliability = {
 export type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardRender'>;
 export type DownloadFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason;
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardDownload'>;
 export type ErrorEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     cardStatus: CardStatus;
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'nonCriticalFail', 'mediaCardRender'>;
 export type ErrorBoundaryErrorInfo = {
@@ -113,7 +116,7 @@ export declare const getRenderErrorFailReason: (error: MediaCardError) => Failed
 export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | "nativeError";
 export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
 export declare const getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
-export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
+export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestErrorMetadata | undefined;
 export declare const extractErrorInfo: (error: MediaCardError, metadataTraceContext?: MediaTraceContext) => MediaCardErrorInfo;
 export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
 export declare const getDownloadFailedEventPayload: (fileAttributes: FileAttributes, error: MediaCardError, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadFailedEventPayload;

package/dist/types/utils/viewportDetector.d.ts

@@ -3,4 +3,4 @@ export type ViewportDetectorProps = PropsWithChildren<{
     cardEl: HTMLElement | null;
     onVisible: () => void;
 }>;
-export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => React.JSX.Element;
+export declare const ViewportDetector: ({ cardEl, onVisible, children, }: ViewportDetectorProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/unhandledErrorCard/contentLoadingErrorMessage.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type ContentLoadingErrorMessageProps = {
     isHidden?: boolean;
 };
-export declare const ContentLoadingErrorMessage: ({ isHidden }: ContentLoadingErrorMessageProps) => React.JSX.Element;
+export declare const ContentLoadingErrorMessage: ({ isHidden, }: ContentLoadingErrorMessageProps) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { type ErrorInfo } from 'react';
-import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
 import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
@@ -63,17 +63,20 @@ export type WithSSRReliability = {
 export type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardRender'>;
 export type DownloadFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithTraceContext & FailureAttributes & {
     failReason: FailedErrorFailReason;
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'failed', 'mediaCardDownload'>;
 export type ErrorEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & WithTraceContext & FailureAttributes & {
     cardStatus: CardStatus;
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
+    statusCode?: number;
     request?: RequestMetadata;
 }, 'nonCriticalFail', 'mediaCardRender'>;
 export type ErrorBoundaryErrorInfo = {
@@ -113,7 +116,7 @@ export declare const getRenderErrorFailReason: (error: MediaCardError) => Failed
 export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | "nativeError";
 export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
 export declare const getErrorTraceContext: (error: MediaCardError) => MediaTraceContext | undefined;
-export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
+export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestErrorMetadata | undefined;
 export declare const extractErrorInfo: (error: MediaCardError, metadataTraceContext?: MediaTraceContext) => MediaCardErrorInfo;
 export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
 export declare const getDownloadFailedEventPayload: (fileAttributes: FileAttributes, error: MediaCardError, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadFailedEventPayload;

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

@@ -3,4 +3,4 @@ export type ViewportDetectorProps = PropsWithChildren<{
     cardEl: HTMLElement | null;
     onVisible: () => void;
 }>;
-export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => React.JSX.Element;
+export declare const ViewportDetector: ({ cardEl, onVisible, children, }: ViewportDetectorProps) => React.JSX.Element;

package/example-helpers/DelayedRender.tsx

@@ -21,7 +21,7 @@ export class DelayedRender extends Component<Props, State> {
 		}, this.props.timeout);
 	}
 
-	render() {
+	render(): React.JSX.Element | null {
 		if (this.state.hidden) {
 			return null;
 		}

package/example-helpers/cards.tsx

@@ -20,7 +20,10 @@ import { CardLoading, CardError, Card } from '../src';
 const mediaClientConfig = createStorybookMediaClientConfig();
 // standard
 const successIdentifier: FileIdentifier = imageFileId;
-export const standardCards = [
+export const standardCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Image',
 		content: (
@@ -33,7 +36,10 @@ export const standardCards = [
 	},
 ];
 
-export const cardWithContextId = [
+export const cardWithContextId: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Image with parameter',
 		content: (
@@ -48,7 +54,10 @@ export const cardWithContextId = [
 ];
 
 //error cards
-export const errorCardsDark = [
+export const errorCardsDark: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Image',
 		content: (
@@ -57,7 +66,10 @@ export const errorCardsDark = [
 	},
 ];
 
-export const errorCards = [
+export const errorCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Image',
 		content: (
@@ -77,7 +89,10 @@ export const errorCards = [
 	},
 ];
 
-export const menuCards = [
+export const menuCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Image',
 		content: (
@@ -92,10 +107,16 @@ export const menuCards = [
 ];
 
 // api cards
-export const apiCards = createApiCards('image', successIdentifier);
+export const apiCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = createApiCards('image', successIdentifier);
 
 // no thumbnail
-export const noThumbnailCards = [
+export const noThumbnailCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Image',
 		content: (
@@ -105,7 +126,10 @@ export const noThumbnailCards = [
 ];
 
 // lazy load
-export const lazyLoadCards = [
+export const lazyLoadCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Lazy',
 		content: (
@@ -131,7 +155,10 @@ export const lazyLoadCards = [
 ];
 
 // no hover state cards
-export const noHoverStateCards = [
+export const noHoverStateCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Overlay disabled',
 		content: (
@@ -164,7 +191,10 @@ export const fileWithNoCollection: FileIdentifier = {
 	id: 'e84c54a4-38b2-463f-ae27-5ba043c3e4c2',
 };
 
-export const collectionConfigCards = [
+export const collectionConfigCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Standalone file (NO collection)',
 		content: <Card identifier={fileWithNoCollection} mediaClientConfig={mediaClientConfig} />,
@@ -181,7 +211,10 @@ const divStyle = {
 };
 const dimensions = { height: 50, width: 50 };
 
-export const lightDefaultCards = [
+export const lightDefaultCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Medium Loading',
 		content: (
@@ -202,7 +235,10 @@ export const lightDefaultCards = [
 	},
 ];
 
-export const lightResizedCards = [
+export const lightResizedCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Medium Loading',
 		content: <CardLoading dimensions={dimensions} />,
@@ -214,25 +250,30 @@ export const lightResizedCards = [
 ];
 
 // file cards
-export const videoFileCard = (
+export const videoFileCard: React.JSX.Element = (
 	<Card mediaClientConfig={mediaClientConfig} identifier={videoFileId} />
 );
 
-export const imageFileCard = (
+export const imageFileCard: React.JSX.Element = (
 	<Card mediaClientConfig={mediaClientConfig} identifier={imageFileId} />
 );
 
-export const audioFileCard = (
+export const audioFileCard: React.JSX.Element = (
 	<Card mediaClientConfig={mediaClientConfig} identifier={audioFileId} />
 );
 
-export const docFileCard = <Card mediaClientConfig={mediaClientConfig} identifier={docFileId} />;
+export const docFileCard: React.JSX.Element = (
+	<Card mediaClientConfig={mediaClientConfig} identifier={docFileId} />
+);
 
-export const unknownFileCard = (
+export const unknownFileCard: React.JSX.Element = (
 	<Card mediaClientConfig={mediaClientConfig} identifier={unknownFileId} />
 );
 
-export const resizingDefaultCards = [
+export const resizingDefaultCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Small',
 		content: <Card identifier={smallImageFileId} mediaClientConfig={mediaClientConfig} />,
@@ -247,7 +288,10 @@ export const resizingDefaultCards = [
 	},
 ];
 
-export const croppedCards = [
+export const croppedCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Small',
 		content: (
@@ -268,7 +312,10 @@ export const croppedCards = [
 	},
 ];
 
-export const fitCards = [
+export const fitCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Small',
 		content: (
@@ -289,7 +336,10 @@ export const fitCards = [
 	},
 ];
 
-export const fullFitCards = [
+export const fullFitCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Small',
 		content: (
@@ -322,7 +372,10 @@ export const fullFitCards = [
 	},
 ];
 
-export const stretchyFitCards = [
+export const stretchyFitCards: {
+	title: string;
+	content: React.JSX.Element;
+}[] = [
 	{
 		title: 'Small',
 		content: (

package/example-helpers/index.tsx

@@ -33,7 +33,13 @@ export const mouseEnterHandler = (result: CardEvent) => {
 	console.log('mouseEnter', result.mediaItemDetails);
 };
 
-export const createApiCards = (appearance: CardAppearance, identifier: Identifier) => {
+export const createApiCards = (
+	appearance: CardAppearance,
+	identifier: Identifier,
+): {
+	title: string;
+	content: React.JSX.Element;
+}[] => {
 	// API methods
 	const apiCards = [
 		{
@@ -74,7 +80,11 @@ export const closeAction = {
 		console.log('close');
 	},
 };
-export const deleteAction = {
+export const deleteAction: {
+	label: string;
+	handler: () => void;
+	icon: React.JSX.Element;
+} = {
 	label: 'Delete',
 	handler: () => {
 		console.log('delete');
@@ -121,7 +131,7 @@ export const MainWrapper = ({
 	children,
 	developmentOnly,
 	disableFeatureFlagWrapper = false,
-}: MainWrapperProps) => {
+}: MainWrapperProps): React.JSX.Element => {
 	enableMediaUfoLogger(payloadPublisher);
 	return (
 		<>
@@ -148,7 +158,7 @@ export const mediaCardErrorState = (error?: string): MediaCardError | undefined
 	}
 };
 
-export const SSRAnalyticsWrapper = ({ children }: PropsWithChildren<{}>) => {
+export const SSRAnalyticsWrapper = ({ children }: PropsWithChildren<{}>): React.JSX.Element => {
 	const mockClient: AnalyticsWebClient = {
 		sendUIEvent: (e) => console.debug('UI event', e),
 		sendOperationalEvent: (e) => console.debug('Operational event', e),

package/example-helpers/selectableCard.tsx

@@ -15,7 +15,7 @@ export class SelectableCard extends Component<SelectableCardProps, { selected: b
 		this.state = { selected: false };
 	}
 
-	render() {
+	render(): React.JSX.Element | null {
 		const { mediaClientConfig, identifier } = this.props;
 		const { selected } = this.state;
 

package/example-helpers/ssrHelpers.tsx

@@ -12,7 +12,11 @@ export interface SimulateSsrParams
 const randomStr = () => Math.random().toString(36).substr(2, 9);
 const generateSsrPageId = () => `media-ssr-page-${randomStr()}-${randomStr()}`;
 
-export const SimulateSsr = ({ serverPage, hydratePage, ...divProps }: SimulateSsrParams) => {
+export const SimulateSsr = ({
+	serverPage,
+	hydratePage,
+	...divProps
+}: SimulateSsrParams): React.JSX.Element => {
 	const id = useMemo(generateSsrPageId, []);
 
 	useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.8.0",
+	"version": "79.8.2",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -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.1.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.9.0",
+		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -71,10 +71,10 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/inline-message": "^15.4.0",
 		"@atlaskit/media-core": "^37.0.0",
-		"@atlaskit/media-picker": "^70.0.0",
+		"@atlaskit/media-picker": "^70.1.0",
 		"@atlaskit/media-state": "^1.8.0",
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",