@atlaskit/media-card 81.10.12 → 81.10.13

package/dist/esm/utils/mediaPerformanceObserver/startResourceObserver.js

@@ -0,0 +1,83 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/analytics';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
+import { createMediaDurationMetrics } from './createMediaDurationMetrics';
+import { createUfoDurationMetrics } from './createUfoDurationMetrics';
+import { MEDIA_CARD_PERF_STATE_KEY } from './mediaPerformanceObserver';
+import { sendUfoDurationMetrics } from './ufo';
+
+// this should fire around 10% of the time
+var shouldSamplePerfObserver = function shouldSamplePerfObserver() {
+  return Math.random() < 0.1;
+};
+var urlRegex = /(?:https:\/\/(?:media\.(?:dev|staging|prod)\.atl-paas\.net|api\.media\.atlassian\.com|media-cdn(?:\.stg\.|\.)atlassian\.com)\/|media-api\/)file\/([^/]+)\/image.*[?&]source=mediaCard/;
+var clientIdParamRegex = /[?&]clientId=([^&]+)/;
+var ssrParamRegex = /[?&]token=([^&]+)/;
+var createAndGetResourceObserver = function createAndGetResourceObserver() {
+  return new PerformanceObserver(function (list) {
+    list.getEntries().forEach(function (baseEntry) {
+      var entry = baseEntry;
+      var matchFileId = entry.name.match(urlRegex);
+      var matchClientId = entry.name.match(clientIdParamRegex);
+      var matchSSR = entry.name.match(ssrParamRegex);
+      var state = window[MEDIA_CARD_PERF_STATE_KEY];
+      if (matchFileId && state !== null && state !== void 0 && state.mediaCardCreateAnalyticsEvent) {
+        var _interaction$start;
+        var fileId = matchFileId[1];
+        var clientId = matchClientId === null || matchClientId === void 0 ? void 0 : matchClientId[1];
+        var ssr = matchSSR ? 'server' : undefined;
+
+        // Get UFO interaction start time for proper timing in SPAs
+        // For page_load: start = 0 (relative to page navigation)
+        // For transitions: start = performance.now() when transition started
+        var interaction = getActiveInteraction();
+        var interactionStartTime = (_interaction$start = interaction === null || interaction === void 0 ? void 0 : interaction.start) !== null && _interaction$start !== void 0 ? _interaction$start : 0;
+        var mediaDurationMetrics = createMediaDurationMetrics(entry, interactionStartTime);
+        var event = state.mediaCardCreateAnalyticsEvent({
+          eventType: 'operational',
+          action: 'succeeded',
+          actionSubject: 'mediaCardPerfObserver',
+          attributes: _objectSpread({
+            ssr: ssr,
+            fileId: fileId,
+            mediaClientId: clientId,
+            featureFlags: {
+              'media-perf-lazy-loading-optimisation': fg('media-perf-lazy-loading-optimisation')
+            }
+          }, mediaDurationMetrics)
+        });
+        if (shouldSamplePerfObserver()) {
+          event.fire(ANALYTICS_MEDIA_CHANNEL);
+        }
+        if (fg('platform_media_card_ufo_network_metrics')) {
+          var ufoDurationMetrics = createUfoDurationMetrics(entry, interactionStartTime);
+          var endpointName = 'image';
+          sendUfoDurationMetrics(ufoDurationMetrics, endpointName);
+        }
+      }
+    });
+  });
+};
+var isDefinedPerformanceObserver = function isDefinedPerformanceObserver() {
+  return typeof window['PerformanceObserver'] !== 'undefined';
+};
+export var startResourceObserver = function startResourceObserver() {
+  var _window$MEDIA_CARD_PE;
+  if (!isDefinedPerformanceObserver()) {
+    return;
+  }
+  if ((_window$MEDIA_CARD_PE = window[MEDIA_CARD_PERF_STATE_KEY]) !== null && _window$MEDIA_CARD_PE !== void 0 && _window$MEDIA_CARD_PE.mediaCardPerfObserver) {
+    return;
+  }
+  if (!window[MEDIA_CARD_PERF_STATE_KEY]) {
+    window[MEDIA_CARD_PERF_STATE_KEY] = {};
+  }
+  window[MEDIA_CARD_PERF_STATE_KEY].mediaCardPerfObserver = createAndGetResourceObserver();
+  window[MEDIA_CARD_PERF_STATE_KEY].mediaCardPerfObserver.observe({
+    type: 'resource',
+    buffered: true
+  });
+};

package/dist/esm/utils/printFunctionCall.js

@@ -0,0 +1,22 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+var printParam = function printParam(param) {
+  if (typeof param === 'string') {
+    return "'".concat(param, "'");
+  } else if (_typeof(param) === 'object') {
+    return JSON.stringify(param);
+  } else if (param === undefined) {
+    return 'undefined';
+  }
+  return param;
+};
+var printParams = function printParams(args) {
+  return args.map(function (arg) {
+    return printParam(arg);
+  }).join(',');
+};
+export var printFunctionCall = function printFunctionCall(fn) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return "(".concat(fn.toString(), ")(").concat(printParams(args), ");");
+};

package/dist/esm/utils/printScript.js

@@ -1,25 +1,3 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-var printParam = function printParam(param) {
-  if (typeof param === 'string') {
-    return "'".concat(param, "'");
-  } else if (_typeof(param) === 'object') {
-    return JSON.stringify(param);
-  } else if (param === undefined) {
-    return 'undefined';
-  }
-  return param;
-};
-var printParams = function printParams(args) {
-  return args.map(function (arg) {
-    return printParam(arg);
-  }).join(',');
-};
-export var printFunctionCall = function printFunctionCall(fn) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  return "(".concat(fn.toString(), ")(").concat(printParams(args), ");");
-};
 export var printScript = function printScript(statements) {
   return "(function(){\n  ".concat(statements.join(';'), "\n})();\n");
 };

package/dist/esm/utils/resolveCardPreviewDimension.js

@@ -0,0 +1,21 @@
+import { defaultImageCardDimensions } from './cardDimensions';
+import { containsPixelUnit } from './containsPixelUnit';
+import { getElementDimension } from './getElementDimension';
+import { isValidPercentageUnit } from './isValidPercentageUnit';
+
+// Same as getDataURIDimension but without Retina factor
+export var resolveCardPreviewDimension = function resolveCardPreviewDimension(dimensionName, _ref) {
+  var dimensions = _ref.dimensions,
+    element = _ref.element;
+  var dimensionValue = (dimensions === null || dimensions === void 0 ? void 0 : dimensions[dimensionName]) || '';
+  if (isValidPercentageUnit(dimensionValue) && element) {
+    return getElementDimension(element, dimensionName);
+  }
+  if (typeof dimensionValue === 'number') {
+    return dimensionValue;
+  }
+  if (containsPixelUnit("".concat(dimensionValue))) {
+    return parseInt("".concat(dimensionValue), 10);
+  }
+  return defaultImageCardDimensions[dimensionName];
+};

package/dist/esm/utils/resolveCardPreviewDimensions.js

@@ -0,0 +1,9 @@
+import { resolveCardPreviewDimension } from './resolveCardPreviewDimension';
+export var resolveCardPreviewDimensions = function resolveCardPreviewDimensions(options) {
+  var width = resolveCardPreviewDimension('width', options);
+  var height = resolveCardPreviewDimension('height', options);
+  return {
+    width: width,
+    height: height
+  };
+};

package/dist/esm/utils/ufoExperiences.js

@@ -3,19 +3,20 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { UFOExperience } from '@atlaskit/ufo/experience';
-import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
-import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
+import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { isValidUuid } from '@atlaskit/media-common/isValidUuid';
-import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
-import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
-import { MediaCardError } from '../errors';
-import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
-import { getMediaGlobalScope } from './globalScope/globalScope';
+import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
+import { UFOExperience } from '@atlaskit/ufo/experience';
+import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
+import { MediaCardError } from '../MediaCardError';
+import { extractErrorInfo } from './analytics/extractErrorInfo';
+import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
+import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.10.11";
+var packageVersion = "81.10.12";
 var SAMPLE_RATE = 0.05;
 
 /**
@@ -226,6 +227,7 @@ var createExperience = function createExperience(instanceId) {
  * ufoExperience.complete(status, fileAttributes, fileStateFlags, ssrReliability, error, ssrPreviewInfo);
  * ```
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Keep the UFO experience lifecycle API co-located with its shared module state.
 export var useMediaCardUfoExperience = function useMediaCardUfoExperience(_ref4) {
   var instanceId = _ref4.instanceId,
     enabled = _ref4.enabled;
@@ -412,9 +414,13 @@ var getExperience = function getExperience(id) {
   }
   return concurrentExperience.getInstance(id);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Start, complete, and abort must share the same concurrentExperience singleton.
 export var startUfoExperience = function startUfoExperience(id, startTime) {
   getExperience(id).start(startTime);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Start, complete, and abort must share the same concurrentExperience singleton.
 export var completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability) {
   var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new MediaCardError('missing-error-data');
   var ssrPreviewInfo = arguments.length > 6 ? arguments[6] : undefined;
@@ -484,6 +490,8 @@ export var completeUfoExperience = function completeUfoExperience(id, status, fi
       break;
   }
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Start, complete, and abort must share the same concurrentExperience singleton.
 export var abortUfoExperience = function abortUfoExperience(id, properties) {
   var metadata = _objectSpread({}, getBasePayloadAttributes());
   if (properties !== null && properties !== void 0 && properties.fileAttributes) {

package/dist/types/ImageLoadError.d.ts

@@ -0,0 +1,5 @@
+import { MediaCardError } from './MediaCardError';
+import { type CardPreview } from './types';
+export declare class ImageLoadError extends MediaCardError {
+    constructor(source?: CardPreview['source']);
+}

package/dist/types/LocalPreviewError.d.ts

@@ -0,0 +1,7 @@
+import type { LocalPreviewPrimaryReason } from './errors';
+import { MediaCardError } from './MediaCardError';
+export declare class LocalPreviewError extends MediaCardError {
+    readonly primaryReason: LocalPreviewPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: LocalPreviewPrimaryReason, secondaryError?: Error | undefined);
+}

package/dist/types/MediaCardError.d.ts

@@ -0,0 +1,11 @@
+import type { ImageLoadPrimaryReason, LocalPreviewPrimaryReason, RemotePreviewPrimaryReason, SsrPreviewPrimaryReason, SvgPrimaryReason } from './errors';
+export declare class MediaCardError extends Error {
+    readonly primaryReason: MediaCardErrorPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: MediaCardErrorPrimaryReason, secondaryError?: Error | undefined);
+}
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */
+export type MediaCardErrorPrimaryReason = 'upload' | 'metadata-fetch' | 'error-file-state' | 'failed-processing' | RemotePreviewPrimaryReason | LocalPreviewPrimaryReason | ImageLoadPrimaryReason | SsrPreviewPrimaryReason | SvgPrimaryReason | 'missing-error-data' | 'preview-fetch' | 'download';

package/dist/types/RemotePreviewError.d.ts

@@ -0,0 +1,7 @@
+import type { RemotePreviewPrimaryReason } from './errors';
+import { MediaCardError } from './MediaCardError';
+export declare class RemotePreviewError extends MediaCardError {
+    readonly primaryReason: RemotePreviewPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: RemotePreviewPrimaryReason, secondaryError?: Error | undefined);
+}

package/dist/types/SsrPreviewError.d.ts

@@ -0,0 +1,7 @@
+import type { SsrPreviewPrimaryReason } from './errors';
+import { MediaCardError } from './MediaCardError';
+export declare class SsrPreviewError extends MediaCardError {
+    readonly primaryReason: SsrPreviewPrimaryReason;
+    readonly secondaryError?: Error | undefined;
+    constructor(primaryReason: SsrPreviewPrimaryReason, secondaryError?: Error | undefined);
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl';
+import { type CardProps } from '../types';
+export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
+export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl';
+import type { CardBaseProps } from './CardBase';
+export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { InlinePlayerProps } from './inlinePlayer';
+export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => React.JSX.Element;

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

@@ -1,6 +1,5 @@
-import { type FileItem, type FileDetails } from '@atlaskit/media-client';
 import { type ReactNode } from 'react';
-import { type MessageDescriptor } from 'react-intl';
+import { type FileItem } from '@atlaskit/media-client';
 export interface CardAction {
     label?: string;
     handler: CardEventHandler;
@@ -9,7 +8,11 @@ export interface CardAction {
     tooltip?: string;
 }
 export type CardEventHandler = (item?: FileItem, event?: Event) => void;
-export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;
-type FormatMessageFn = (descriptor: MessageDescriptor) => string;
-export declare const createDownloadAction: (baseAction: CardAction, formatMessage: FormatMessageFn) => CardAction;
-export {};
+/**
+ * @deprecated Use `import { attachDetailsToActions } from '@atlaskit/media-card/attach-details-to-actions'` instead.
+ */
+export { attachDetailsToActions } from './attachDetailsToActions';
+/**
+ * @deprecated Use `import { createDownloadAction } from '@atlaskit/media-card/create-download-action'` instead.
+ */
+export { createDownloadAction } from './createDownloadAction';

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

@@ -0,0 +1,3 @@
+import { type FileDetails } from '@atlaskit/media-client';
+import type { CardAction } from './actions';
+export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;

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

@@ -1,7 +1,3 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl';
-import { type CardProps } from '../types';
-export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
-export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
-export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
+import type { CardBaseProps } from './CardBase';
 export declare const Card: React.ComponentType<CardBaseProps>;

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

@@ -1,12 +1,12 @@
 import React, { type FocusEvent, type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl';
-import { type MediaItemType, type FileDetails, type ImageResizeMode, type Identifier } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
-import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { type MediaItemType, type FileDetails, type ImageResizeMode, type Identifier } from '@atlaskit/media-client';
 import type { MediaFilePreview } from '@atlaskit/media-file-preview/types';
+import type { MediaCardError } from '../MediaCardError';
+import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
 import { type CardAction } from './actions';
-import { type MediaCardError } from '../errors';
 export interface CardViewProps {
     readonly identifier: Identifier;
     readonly disableOverlay?: boolean;

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

@@ -0,0 +1,5 @@
+import { type MessageDescriptor } from 'react-intl';
+import type { CardAction } from './actions';
+type FormatMessageFn = (descriptor: MessageDescriptor) => string;
+export declare const createDownloadAction: (baseAction: CardAction, formatMessage: FormatMessageFn) => CardAction;
+export {};

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

@@ -1,5 +1,5 @@
-import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
 import React from 'react';
+import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
 import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;

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

@@ -1,12 +1,12 @@
+import React from 'react';
 import { type FileIdentifier, type FileState, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type SsrMediaItem } from '@atlaskit/media-client/ssr-media-item';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
-import { type ViewerOptionsProps, type MediaViewerExtensions } 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/media-file-preview-error';
-import { type CardAction } from './actions';
+import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
+import { type MediaCardErrorPrimaryReason } from '../MediaCardError';
+import type { CardAppearance, CardDimensions, CardEventProps, TitleBoxIcon } from '../types';
+import type { CardAction } from './actions';
 import type { SsrItemDetails } from './types';
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */

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

@@ -0,0 +1,4 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import { type FileAttributes, type MediaTraceContext } from '@atlaskit/media-common';
+import { MediaCardError } from '../MediaCardError';
+export declare const fireDownloadFailedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;

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

@@ -0,0 +1,3 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import { type FileAttributes, type MediaTraceContext } from '@atlaskit/media-common';
+export declare const fireDownloadSucceededEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;

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

@@ -0,0 +1,6 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import { type FileAttributes, type MediaTraceContext } from '@atlaskit/media-common';
+import { MediaCardError } from '../MediaCardError';
+import { type CardStatus } from '../types';
+import type { SSRStatus } from '../utils/analytics/analytics';
+export declare const fireNonCriticalErrorEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, cardStatus: CardStatus, fileAttributes: FileAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;

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

@@ -0,0 +1,7 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import { type FileAttributes, type MediaTraceContext, type PerformanceAttributes } from '@atlaskit/media-common';
+import type { ProcessingFailReason } from '@atlaskit/media-state/file-state';
+import { MediaCardError } from '../MediaCardError';
+import { type CardStatus } from '../types';
+import type { SSRStatus } from '../utils/analytics/analytics';
+export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext, processingFailReason?: ProcessingFailReason) => void;

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

@@ -1,4 +1,3 @@
 import { type FileStatus } from '@atlaskit/media-client';
 import { type CardStatus, type FilePreviewStatus } from '../types';
-export declare const isFinalCardStatus: (status: CardStatus) => boolean;
 export declare const getCardStatus: (fileStatus: FileStatus, { isPreviewable, hasPreview }: FilePreviewStatus) => CardStatus;

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

@@ -0,0 +1,2 @@
+import { type FileState, type MediaFileArtifacts } from '@atlaskit/media-client';
+export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { type FileIdentifier, type FileState, type MediaFileArtifacts } from '@atlaskit/media-client';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { type FileIdentifier } from '@atlaskit/media-client';
 import { type NumericalCardDimensions } from '@atlaskit/media-common';
 import { type CardDimensions } from '../types';
-import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
-import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import type { CardPreview } from '../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;
@@ -20,6 +20,4 @@ export interface InlinePlayerOwnProps {
     readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
-export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => React.JSX.Element;
 export declare const InlinePlayer: React.ForwardRefExoticComponent<Omit<InlinePlayerProps, 'ref'> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+import { type CardStatus } from '../types';
+export declare const isFinalCardStatus: (status: CardStatus) => boolean;

package/dist/types/card/svgView/svgImage-compiled.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { SvgViewProps } from './types';
 export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, backgroundColor, }: SvgViewProps) => JSX.Element | null;

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

@@ -1,5 +1,5 @@
 import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type MediaCardError } from '../../errors';
+import type { MediaCardError } from '../../MediaCardError';
 export type ContentSource = 'remote' | 'local';
 export type SvgViewProps = {
     readonly identifier: FileIdentifier;

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

@@ -2,8 +2,8 @@ import { type ReactElement, type RefObject } from 'react';
 import type React from 'react';
 import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react/with-media-client';
-import type { CardBaseProps } from './card';
 import { type CardDimensions } from '../types';
+import type { CardBaseProps } from './CardBase';
 export type InlinePlayerWrapperProps = {
     testId?: string;
     dimensions?: CardDimensions;

package/dist/types/card/ui/calcBreakpointSize.d.ts

@@ -0,0 +1,2 @@
+import { Breakpoint } from './common';
+export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;

package/dist/types/card/ui/generateResponsiveStyles.d.ts

@@ -0,0 +1,2 @@
+import { Breakpoint } from './common';
+export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => string;

package/dist/types/card/ui/getClickablePlayButtonStyles.d.ts

@@ -0,0 +1 @@
+export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => '' | '\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ';

package/dist/types/card/ui/getCursorStyle.d.ts

@@ -0,0 +1,2 @@
+import { type MediaCardCursor } from '../../types';
+export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;

package/dist/types/card/ui/getSelectableTickBoxStyles.d.ts

@@ -0,0 +1 @@
+export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;

package/dist/types/card/ui/getWrapperDimensions.d.ts

@@ -0,0 +1,2 @@
+import { type CardDimensions, type CardAppearance } from '../../types';
+export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;

package/dist/types/card/ui/getWrapperShadow.d.ts

@@ -0,0 +1 @@
+export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;

package/dist/types/card/ui/iconMessage/CheckInternetConnection.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CheckInternetConnection: React.FC;

package/dist/types/card/ui/iconMessage/CreatingPreview.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type CreatingPreviewProps } from './types';
+export declare const CreatingPreview: React.FC<CreatingPreviewProps>;

package/dist/types/card/ui/iconMessage/FailedToLoad.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FailedToLoad: React.FC;

package/dist/types/card/ui/iconMessage/FailedToUpload.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FailedToUpload: React.FC;

package/dist/types/card/ui/iconMessage/IconMessage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type InternalIconMessageProps } from './types';
+export declare const IconMessage: React.FC<InternalIconMessageProps>;

package/dist/types/card/ui/iconMessage/PreviewUnavailable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PreviewUnavailable: React.FC;

package/dist/types/card/ui/iconWrapper/IconWrapper-2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type IconWrapperProps } from './types';
+export declare const IconWrapper: {
+    (props: IconWrapperProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/card/ui/iconWrapper/iconWrapper-compiled.d.ts

@@ -1,7 +1,5 @@
-import { type IconWrapperProps } from './types';
-import { type Breakpoint } from '../common';
-export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
-export declare const IconWrapper: {
-    (props: IconWrapperProps): JSX.Element;
-    displayName: string;
-};
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+export {};

package/dist/types/card/ui/iconWrapper/{styles.d.ts → iconWrapperStyles.d.ts}

@@ -1,7 +1,5 @@
 import { type SerializedStyles } from '@emotion/react';
-import { type Breakpoint } from '../common';
 import { type IconWrapperProps } from './types';
-export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
 export declare const iconWrapperStyles: {
     ({ hasTitleBox, breakpoint }: IconWrapperProps): SerializedStyles;
     displayName: string;

package/dist/types/card/ui/iconWrapper/titleBoxHeight.d.ts

@@ -0,0 +1,2 @@
+import { type Breakpoint } from '../common';
+export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;

package/dist/types/card/ui/imageRenderer/{helpers.d.ts → calculateDimensions.d.ts}

@@ -1,3 +1,2 @@
 import { type ImageResizeMode } from '@atlaskit/media-client';
 export declare const calculateDimensions: (imgElement: HTMLImageElement, parentElement: HTMLElement, resizeMode: ImageResizeMode) => React.CSSProperties;
-export declare const calculateInitialDimensions: (resizeMode: ImageResizeMode) => React.CSSProperties;

package/dist/types/card/ui/imageRenderer/calculateInitialDimensions.d.ts

@@ -0,0 +1,2 @@
+import { type ImageResizeMode } from '@atlaskit/media-client';
+export declare const calculateInitialDimensions: (resizeMode: ImageResizeMode) => React.CSSProperties;

package/dist/types/card/ui/imageRenderer/default-crop-dimensions.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_CROP_DIMENSIONS: {
+    maxWidth: string;
+};

package/dist/types/card/ui/imageRenderer/default-stretchy-fit-dimensions.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_STRETCHY_FIT_DIMENSIONS: {
+    width: string;
+    maxHeight: string;
+};

package/dist/types/card/ui/imageRenderer/imageRendererV2.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { ImageRendererProps } from './types';
 export declare const ImageRenderer: ({ cardPreview, alt, resizeMode, onImageLoad, onImageError, onDisplayImage, mediaType, nativeLazyLoad, forceSyncDisplay, identifier, wrapperRef, useWhiteBackground, backgroundColor, testId, }: ImageRendererProps) => JSX.Element | null;

package/dist/types/card/ui/progressBar/StyledBar-2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type StyledBarProps } from './types';
+export declare const StyledBar: {
+    (props: StyledBarProps): JSX.Element;
+    displayName: string;
+};