@atlaskit/media-card 73.1.0 → 73.3.0

package/dist/esm/utils/getMediaCardCursor.js

@@ -0,0 +1,19 @@
+import { MediaCardCursor } from '../types';
+export var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
+  // If error status or no action is requested = NoAction
+  if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
+    return MediaCardCursor.NoAction;
+  }
+
+  if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
+    return MediaCardCursor.NotReady;
+  } else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
+    return MediaCardCursor.Action;
+  }
+
+  if (useMediaViewer) {
+    return MediaCardCursor.Action;
+  }
+
+  return MediaCardCursor.NoAction;
+};

package/dist/esm/utils/globalScope/getSSRData.js

@@ -0,0 +1,10 @@
+import { getMediaCardSSR, getKey } from './globalScope';
+export var getSSRData = function getSSRData(identifier) {
+  var mediaCardSsr = getMediaCardSSR();
+
+  if (!mediaCardSsr) {
+    return;
+  }
+
+  return mediaCardSsr[getKey(identifier)];
+};

package/dist/esm/utils/globalScope/globalScope.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import { printFunctionCall, printScript } from '../printScript';
+// ----- WARNING -----
+// This is a very sensitive fraction of code.
+// Any changes to this file must be tested directly in product before merging.
+// The scripts printed here might differ from what we observe in our internal tests
+// due to minimification, for example.
+export var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
+export var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
+export function getMediaGlobalScope() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
+  var namespace = '__MEDIA_INTERNAL';
+
+  if (!globalScope[namespace]) {
+    globalScope[namespace] = {};
+  }
+
+  return globalScope[namespace];
+}
+export function getMediaCardSSR() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  var globalMedia = getMediaGlobalScope(globalScope); // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
+
+  var key = 'mediaCardSsr';
+
+  if (!globalMedia[key]) {
+    globalMedia[key] = {};
+  }
+
+  return globalMedia[key];
+}
+
+var dashed = function dashed(param) {
+  return param ? "-".concat(param) : '';
+};
+
+export var getKey = function getKey(_ref) {
+  var id = _ref.id,
+      collectionName = _ref.collectionName,
+      occurrenceKey = _ref.occurrenceKey;
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+};
+export var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
+  var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
+  var mediaCardSsr = getMediaCardSSR(globalScope);
+  mediaCardSsr[key] = {
+    dataURI: dataURI,
+    dimensions: dimensions,
+    error: error
+  };
+};
+
+var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
+  var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
+  return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
+};
+
+export var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
+  var dataURI = _ref2.dataURI,
+      identifier = _ref2.identifier,
+      dimensions = _ref2.dimensions,
+      error = _ref2.error;
+  return /*#__PURE__*/React.createElement("script", {
+    dangerouslySetInnerHTML: {
+      __html: generateScript(identifier, dataURI, dimensions, error)
+    }
+  });
+};

package/dist/esm/utils/globalScope/index.js

@@ -0,0 +1,2 @@
+export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey } from './globalScope';
+export { getSSRData } from './getSSRData';

package/dist/esm/utils/globalScope/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/printScript.js

@@ -0,0 +1,30 @@
+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/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.1.0",
+	"version": "73.3.0",
 	"sideEffects": false
 }

package/dist/types/__tests_external__/page-objects/MediaCard.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="cypress" />
-/// <reference types="jquery" />
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 export declare class MediaCardPageObject extends InProductTestPageObject {
     expectCardReady(numOfCards: number): Cypress.Chainable<JQuery<HTMLElement>>;

package/dist/types/errors.d.ts

@@ -24,7 +24,7 @@ export declare class SsrPreviewError extends MediaCardError {
     readonly secondaryError?: Error | undefined;
     constructor(primaryReason: SsrPreviewPrimaryReason, secondaryError?: Error | undefined);
 }
-export declare const getImageLoadPrimaryReason: (source?: "local" | "remote" | "ssr-server" | "ssr-client" | "cache-local" | "cache-remote" | "cache-ssr-client" | "cache-ssr-server" | "external" | undefined) => ImageLoadPrimaryReason;
+export declare const getImageLoadPrimaryReason: (source?: "local" | "remote" | "ssr-server" | "ssr-client" | "ssr-data" | "cache-local" | "cache-remote" | "cache-ssr-client" | "cache-ssr-server" | "external" | undefined) => ImageLoadPrimaryReason;
 export declare class ImageLoadError extends MediaCardError {
     constructor(source?: CardPreview['source']);
 }

package/dist/types/files/cardImageView/index.d.ts

@@ -2,6 +2,7 @@ import { Component, ReactNode } from 'react';
 import { MediaItemType, MediaType, ImageResizeMode } from '@atlaskit/media-client';
 import { CardDimensions, CardStatus } from '../../index';
 import { CardAction } from '../../actions';
+import { CardPreview } from '../..';
 export interface FileCardImageViewProps {
     readonly mediaName?: string;
     readonly mediaType?: MediaType;
@@ -21,8 +22,9 @@ export interface FileCardImageViewProps {
     readonly actions?: CardAction[];
     readonly onDisplayImage?: () => void;
     readonly previewOrientation?: number;
-    readonly onImageError?: () => void;
-    readonly onImageLoad?: () => void;
+    readonly onImageError?: (cardPreview: CardPreview) => void;
+    readonly onImageLoad?: (cardPreview: CardPreview) => void;
+    readonly cardPreview: CardPreview;
 }
 export declare const fileCardImageViewSelector = "media-file-card-view";
 export declare const fileCardImageViewSelectedSelector = "media-file-card-view-selected";
@@ -36,6 +38,8 @@ export declare class FileCardImageView extends Component<FileCardImageViewProps>
     private renderFailedContents;
     private renderUploadingCardOverlay;
     private renderPlayButton;
+    onImageLoad: () => void;
+    onImageError: () => void;
     private renderMediaImage;
     private renderProgressBar;
     private renderSuccessCardContents;

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

@@ -1,9 +1,10 @@
 import { FileAttributes, MediaFeatureFlags, PerformanceAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { SSRStatus } from '../../utils/analytics';
 import { CardStatus } from '../..';
 import { MediaCardError } from './../../errors';
 export declare const relevantFeatureFlagNames: Array<keyof MediaFeatureFlags>;
-export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error?: MediaCardError | undefined) => void;
+export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error?: MediaCardError | undefined) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => void;
 export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;
 export declare const fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes) => void;

package/dist/types/root/card/getCardPreview/index.d.ts

@@ -47,4 +47,5 @@ export declare const isLocalPreview: (preview: CardPreview) => boolean;
 export declare const isSSRPreview: (preview: CardPreview) => boolean;
 export declare const isSSRServerPreview: (preview: CardPreview) => boolean;
 export declare const isSSRClientPreview: (preview: CardPreview) => boolean;
+export declare const isSSRDataPreview: (preview: CardPreview) => boolean;
 export declare const fetchAndCacheRemotePreview: (mediaClient: MediaClient, id: string, dimensions: CardDimensions, params: MediaStoreGetFileImageParams, mediaBlobUrlAttrs?: MediaBlobUrlAttrs | undefined) => Promise<CardPreview>;

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

@@ -9,8 +9,10 @@ export declare class CardBase extends Component<CardBaseProps, CardState> {
     private hasBeenMounted;
     private viewportPreAnchorRef;
     private viewportPostAnchorRef;
+    private ssrReliability;
     private timeElapsedTillCommenced;
     subscription?: Subscription;
+    private ssrData?;
     static defaultProps: Partial<CardProps>;
     constructor(props: CardBaseProps);
     componentDidMount(): void;
@@ -21,13 +23,14 @@ export declare class CardBase extends Component<CardBaseProps, CardState> {
     private getMediaBlobUrlAttrs;
     private getCardPreviewParams;
     private setCacheSSRPreview;
-    private resolveSSRPreview;
+    private refetchSSRPreview;
     private resolvePreview;
     subscribeInternalFile(identifier: FileIdentifier): void;
     private get requestedDimensions();
     private get metadata();
     private get fileAttributes();
     private getPerformanceAttributes;
+    private logSSRImageError;
     private onImageError;
     private onImageLoad;
     private fireOperationalEvent;
@@ -46,6 +49,7 @@ export declare class CardBase extends Component<CardBaseProps, CardState> {
     private onDisplayImage;
     renderMediaViewer: () => React.ReactPortal | undefined;
     renderCard: () => JSX.Element;
+    private storeSSRData;
     render(): JSX.Element;
     private onCardInViewport;
     onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;

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

@@ -3,21 +3,23 @@ import { MediaItemType, FileDetails } from '@atlaskit/media-client';
 import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SharedCardProps, CardStatus } from '../index';
 import { MediaCardError } from '../errors';
+import { CardPreview } from '..';
 import { MessageDescriptor } from 'react-intl-next';
+import { MediaCardCursor } from '../types';
 export interface CardViewOwnProps extends SharedCardProps {
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
+    readonly mediaCardCursor: MediaCardCursor;
     readonly metadata?: FileDetails;
     readonly error?: MediaCardError;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
     readonly onDisplayImage?: () => void;
-    readonly dataURI?: string;
+    readonly cardPreview?: CardPreview;
     readonly progress?: number;
-    readonly previewOrientation?: number;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
-    readonly onImageLoad: () => void;
-    readonly onImageError: () => void;
+    readonly onImageLoad: (cardPreview: CardPreview) => void;
+    readonly onImageError: (cardPreview: CardPreview) => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
@@ -50,7 +52,7 @@ export declare class CardViewBase extends React.Component<CardViewProps, CardVie
     divRef: React.RefObject<HTMLDivElement>;
     static defaultProps: Partial<CardViewOwnProps>;
     componentDidMount(): void;
-    componentDidUpdate({ dataURI: prevDataURI }: CardViewProps): void;
+    componentDidUpdate({ cardPreview: prevCardPreview }: CardViewProps): void;
     private onImageLoad;
     private onImageError;
     private get width();
@@ -73,4 +75,4 @@ export declare class CardViewBase extends React.Component<CardViewProps, CardVie
     private getRenderConfigByStatus;
     private renderNewExperienceCard;
 }
-export declare const CardView: React.ForwardRefExoticComponent<Pick<Pick<CardViewProps, "progress" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "testId" | "appearance" | "error" | "actions" | "selectable" | "selected" | "alt" | "disableOverlay" | "dimensions" | "featureFlags" | "dataURI" | "status" | "mediaItemType" | "resizeMode" | "onDisplayImage" | "previewOrientation" | "onImageError" | "onImageLoad" | "forceSyncDisplay" | "nativeLazyLoad" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">, never> & Partial<Pick<Pick<CardViewProps, "progress" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "testId" | "appearance" | "error" | "actions" | "selectable" | "selected" | "alt" | "disableOverlay" | "dimensions" | "featureFlags" | "dataURI" | "status" | "mediaItemType" | "resizeMode" | "onDisplayImage" | "previewOrientation" | "onImageError" | "onImageLoad" | "forceSyncDisplay" | "nativeLazyLoad" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">, "progress" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "testId" | "appearance" | "error" | "actions" | "selectable" | "selected" | "alt" | "disableOverlay" | "dimensions" | "featureFlags" | "dataURI" | "status" | "mediaItemType" | "resizeMode" | "onDisplayImage" | "previewOrientation" | "onImageError" | "onImageLoad" | "forceSyncDisplay" | "nativeLazyLoad" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">> & Partial<Pick<Partial<CardViewOwnProps>, never>> & React.RefAttributes<any>>;
+export declare const CardView: React.ForwardRefExoticComponent<Pick<Pick<CardViewProps, "progress" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "testId" | "appearance" | "error" | "actions" | "selectable" | "selected" | "alt" | "disableOverlay" | "dimensions" | "featureFlags" | "status" | "mediaItemType" | "resizeMode" | "onDisplayImage" | "onImageError" | "onImageLoad" | "cardPreview" | "forceSyncDisplay" | "mediaCardCursor" | "nativeLazyLoad" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">, never> & Partial<Pick<Pick<CardViewProps, "progress" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "testId" | "appearance" | "error" | "actions" | "selectable" | "selected" | "alt" | "disableOverlay" | "dimensions" | "featureFlags" | "status" | "mediaItemType" | "resizeMode" | "onDisplayImage" | "onImageError" | "onImageLoad" | "cardPreview" | "forceSyncDisplay" | "mediaCardCursor" | "nativeLazyLoad" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">, "progress" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "testId" | "appearance" | "error" | "actions" | "selectable" | "selected" | "alt" | "disableOverlay" | "dimensions" | "featureFlags" | "status" | "mediaItemType" | "resizeMode" | "onDisplayImage" | "onImageError" | "onImageLoad" | "cardPreview" | "forceSyncDisplay" | "mediaCardCursor" | "nativeLazyLoad" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">> & Partial<Pick<Partial<CardViewOwnProps>, never>> & React.RefAttributes<any>>;

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

@@ -4,6 +4,7 @@ import { MediaClient, FileIdentifier, FileState, MediaFileArtifacts } from '@atl
 import { Subscription } from 'rxjs/Subscription';
 import { CardDimensions, NumericalCardDimensions } from '..';
 import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { CardPreview } from '..';
 export declare const inlinePlayerClassName = "media-card-inline-player";
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;
@@ -15,6 +16,7 @@ export interface InlinePlayerOwnProps {
     onError?: (error: Error) => void;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     testId?: string;
+    readonly cardPreview?: CardPreview;
     readonly forwardRef?: React.Ref<HTMLDivElement>;
 }
 export declare type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
@@ -47,4 +49,4 @@ export declare class InlinePlayerBase extends Component<InlinePlayerProps, Inlin
     saveElementWidth: () => void;
     render(): JSX.Element;
 }
-export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "onError" | "onClick" | "testId" | "createAnalyticsEvent" | "selected" | "dimensions" | "originalDimensions" | "mediaClient" | "identifier" | "autoplay" | "forwardRef"> & React.RefAttributes<HTMLDivElement>>;
+export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "onError" | "onClick" | "testId" | "createAnalyticsEvent" | "selected" | "dimensions" | "cardPreview" | "originalDimensions" | "mediaClient" | "identifier" | "autoplay" | "forwardRef"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/root/ui/imageRenderer/imageRenderer.d.ts

@@ -1,24 +1,15 @@
 import React from 'react';
 import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
+import { CardPreview } from '../../..';
 export declare type ImageRendererProps = {
-    readonly dataURI: string;
+    readonly cardPreview: CardPreview;
     readonly mediaType: MediaType;
-    readonly previewOrientation?: number;
     readonly alt?: string;
     readonly resizeMode?: ImageResizeMode;
     readonly onDisplayImage?: () => void;
-    readonly onImageError?: () => void;
-    readonly onImageLoad?: () => void;
+    readonly onImageError?: (cardPreview: CardPreview) => void;
+    readonly onImageLoad?: (cardPreview: CardPreview) => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
-    readonly isImageVisible?: boolean;
-    readonly className?: string;
 };
-export declare const ImageRendererBase: React.FC<ImageRendererProps>;
-export declare const ImageRenderer: import("styled-components").StyledComponentClass<ImageRendererProps & {
-    isImageVisible?: boolean | undefined;
-}, any, Pick<ImageRendererProps, "className" | "mediaType" | "alt" | "dataURI" | "resizeMode" | "onDisplayImage" | "previewOrientation" | "onImageError" | "onImageLoad" | "forceSyncDisplay" | "nativeLazyLoad" | "isImageVisible"> & {
-    theme?: any;
-} & {
-    isImageVisible?: boolean | undefined;
-}>;
+export declare const ImageRenderer: React.FC<ImageRendererProps>;

package/dist/types/root/ui/styled.d.ts

@@ -1,19 +1,20 @@
 /// <reference types="react" />
 import { CardDimensions, CardAppearance } from '../..';
 import { Breakpoint } from './common';
+import { MediaCardCursor } from '../../types';
 export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
 export interface NewFileExperienceWrapperProps {
     breakpoint: Breakpoint;
     dimensions?: CardDimensions;
     appearance?: CardAppearance;
     mediaType?: string;
-    shouldUsePointerCursor: boolean;
     disableOverlay: boolean;
     displayBackground: boolean;
     selected: boolean;
     isPlayButtonClickable: boolean;
     isTickBoxSelectable: boolean;
     shouldDisplayTooltip: boolean;
+    mediaCardCursor: MediaCardCursor;
 }
 export declare const NewFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps>;
 export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

package/dist/types/types.d.ts

@@ -7,9 +7,14 @@ export declare type FilePreviewStatus = {
 };
 export declare type CardAppearance = 'auto' | 'image' | 'square' | 'horizontal';
 export declare type CardDimensionValue = number | string;
-export declare type CardPreviewSource = 'local' | 'remote' | 'ssr-server' | 'ssr-client' | 'cache-local' | 'cache-remote' | 'cache-ssr-client' | 'cache-ssr-server' | 'external';
+export declare type CardPreviewSource = 'local' | 'remote' | 'ssr-server' | 'ssr-client' | 'ssr-data' | 'cache-local' | 'cache-remote' | 'cache-ssr-client' | 'cache-ssr-server' | 'external';
 export interface CardPreview {
     dataURI: string;
     orientation?: number;
     source: CardPreviewSource;
 }
+export declare enum MediaCardCursor {
+    Action = "pointer",
+    NoAction = "default",
+    NotReady = "wait"
+}

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

@@ -4,12 +4,32 @@ import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaCardError, MediaCardErrorPrimaryReason } from '../errors';
 export declare type FileUriFailReason = 'local-uri' | 'remote-uri' | `unknown-uri`;
 export declare type FailedErrorFailReason = MediaCardErrorPrimaryReason | 'nativeError';
-export declare type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & FailureAttributes & {
+export declare type MediaCardErrorInfo = {
+    failReason: FailedErrorFailReason;
+    error: MediaClientErrorReason | 'nativeError';
+    errorDetail: string;
+};
+export declare type SSRStatusFail = MediaCardErrorInfo & {
+    status: 'fail';
+};
+declare type SSRStatusSuccess = SuccessAttributes;
+declare type SSRStatusUnknown = {
+    status: 'unknown';
+};
+declare type SSRStatusAttributes = SSRStatusSuccess | SSRStatusFail | SSRStatusUnknown;
+export declare type SSRStatus = {
+    server: SSRStatusAttributes;
+    client: SSRStatusAttributes;
+};
+export declare type WithSSRReliability = {
+    ssrReliability?: SSRStatus;
+};
+export declare type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & FailureAttributes & {
     failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
     request?: RequestMetadata;
 }, 'failed', 'mediaCardRender'>;
-export declare type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & SuccessAttributes, 'succeeded', 'mediaCardRender'>;
+export declare type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & WithSSRReliability & SuccessAttributes, 'succeeded', 'mediaCardRender'>;
 export declare type RenderCommencedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes, 'commenced', 'mediaCardRender'>;
 export declare type CopiedFileEventPayload = UIEventPayload<{}, 'copied', string>;
 export declare type ClickedEventPayload = UIEventPayload<{
@@ -25,14 +45,16 @@ export declare type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload
 export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: "failed-processing" | "uploading" | "processing" | "processed" | "error" | undefined) => FileAttributes;
 export declare const getRenderPreviewableCardPayload: (fileAttributes: FileAttributes) => RenderScreenEventPayload;
 export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderCommencedEventPayload;
-export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes?: PerformanceAttributes | undefined) => RenderSucceededEventPayload;
+export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus) => RenderSucceededEventPayload;
 export declare const getRenderFailedExternalUriPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
 export declare const getRenderErrorFailReason: (error: MediaCardError) => FailedErrorFailReason;
 export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | 'nativeError';
 export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
 export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
-export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError) => RenderFailedEventPayload;
-export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
+export declare const extractErrorInfo: (error: MediaCardError) => MediaCardErrorInfo;
+export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError, ssrReliability: SSRStatus) => RenderFailedEventPayload;
+export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus) => RenderFailedEventPayload;
 export declare const getCopiedFilePayload: (fileId: string) => CopiedFileEventPayload;
 export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
 export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export {};

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

@@ -0,0 +1,2 @@
+import { MediaCardCursor } from '../types';
+export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: "audio" | "video" | "image" | "doc" | "archive" | "unknown" | undefined) => MediaCardCursor;

package/dist/types/utils/globalScope/getSSRData.d.ts

@@ -0,0 +1,3 @@
+import type { MediaCardSsrData } from './types';
+import { FileIdentifier } from '@atlaskit/media-client';
+export declare const getSSRData: (identifier: FileIdentifier) => MediaCardSsrData | undefined;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FileIdentifier } from '@atlaskit/media-client';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaCardErrorInfo } from '../../utils/analytics';
+import { MediaCardSsr } from './types';
+export declare const GLOBAL_MEDIA_CARD_SSR = "mediaCardSsr";
+export declare const GLOBAL_MEDIA_NAMESPACE = "__MEDIA_INTERNAL";
+export declare type MediaGlobalScope = {
+    [GLOBAL_MEDIA_CARD_SSR]?: MediaCardSsr;
+};
+export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope;
+export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
+export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
+export declare const storeDataURI: (key: string, dataURI?: string | undefined, dimensions?: NumericalCardDimensions | undefined, error?: MediaCardErrorInfo | undefined, globalScope?: any) => void;
+export declare type StoreSSRDataScriptProps = {
+    identifier: FileIdentifier;
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare const StoreSSRDataScript: React.FC<StoreSSRDataScriptProps>;

package/dist/types/utils/globalScope/index.d.ts

@@ -0,0 +1,4 @@
+export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey, } from './globalScope';
+export { getSSRData } from './getSSRData';
+export type { MediaCardSsrData, MediaCardSsr } from './types';
+export type { MediaGlobalScope } from './globalScope';

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

@@ -0,0 +1,8 @@
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaCardErrorInfo } from '../../utils/analytics';
+export declare type MediaCardSsrData = {
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare type MediaCardSsr = Record<string, MediaCardSsrData>;

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

@@ -0,0 +1,2 @@
+export declare const printFunctionCall: <T extends any[]>(fn: (...args: T) => void, ...args: T) => string;
+export declare const printScript: (statements: string[]) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "73.1.0",
+  "version": "73.3.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,14 +29,14 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/dropdown-menu": "^11.0.0",
-    "@atlaskit/editor-shared-styles": "^1.6.0",
+    "@atlaskit/dropdown-menu": "^11.1.0",
+    "@atlaskit/editor-shared-styles": "^2.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-client": "^14.3.0",
-    "@atlaskit/media-common": "^2.10.0",
-    "@atlaskit/media-ui": "^18.1.0",
-    "@atlaskit/media-viewer": "^46.0.0",
+    "@atlaskit/media-client": "^14.4.0",
+    "@atlaskit/media-common": "^2.11.0",
+    "@atlaskit/media-ui": "^20.0.0",
+    "@atlaskit/media-viewer": "^46.1.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
@@ -55,17 +55,17 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/analytics-listeners": "^8.0.0",
-    "@atlaskit/analytics-namespaced-context": "^6.3.0",
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/analytics-listeners": "^8.2.0",
+    "@atlaskit/analytics-namespaced-context": "^6.4.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/inline-message": "^11.2.0",
     "@atlaskit/item": "^12.0.0",
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-test-helpers": "^29.0.0",
+    "@atlaskit/media-test-helpers": "^29.2.0",
     "@atlaskit/radio": "^5.3.2",
-    "@atlaskit/range": "^5.1.0",
+    "@atlaskit/range": "^6.0.0",
     "@atlaskit/select": "^15.2.1",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.1.0",