@atlaskit/media-card 70.11.0 → 73.0.0

package/dist/types/errors.d.ts

@@ -1,6 +1,9 @@
-export declare type MediaCardErrorPrimaryReason = 'upload' | 'metadata-fetch' | 'error-file-state' | RemotePreviewPrimaryReason | LocalPreviewPrimaryReason | 'preview-fetch';
+import { CardPreview } from '.';
+export declare type MediaCardErrorPrimaryReason = 'upload' | 'metadata-fetch' | 'error-file-state' | RemotePreviewPrimaryReason | LocalPreviewPrimaryReason | ImageLoadPrimaryReason | SsrPreviewPrimaryReason | 'preview-fetch';
+export declare type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'local-uri' | 'remote-uri' | 'external-uri' | 'unknown-uri';
 export declare type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready';
 export declare type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
+export declare type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
 export declare class MediaCardError extends Error {
     readonly primaryReason: MediaCardErrorPrimaryReason;
     readonly secondaryError?: Error | undefined;
@@ -16,8 +19,19 @@ export declare class RemotePreviewError extends MediaCardError {
     readonly secondaryError?: Error | undefined;
     constructor(primaryReason: RemotePreviewPrimaryReason, secondaryError?: Error | undefined);
 }
+export declare class SsrPreviewError extends MediaCardError {
+    readonly primaryReason: SsrPreviewPrimaryReason;
+    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 class ImageLoadError extends MediaCardError {
+    constructor(source?: CardPreview['source']);
+}
 export declare function isMediaCardError(err: Error): err is MediaCardError;
 export declare const isLocalPreviewError: (err: Error) => err is LocalPreviewError;
 export declare const isRemotePreviewError: (err: Error) => err is LocalPreviewError;
 export declare const isUnsupportedLocalPreviewError: (err: Error) => boolean;
+export declare function isImageLoadError(err: Error): err is ImageLoadError;
 export declare const ensureMediaCardError: (primaryReason: MediaCardErrorPrimaryReason, error: Error) => MediaCardError;
+export declare const isUploadError: (error?: MediaCardError | undefined) => boolean | undefined;

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

@@ -1,11 +1,7 @@
-import React from 'react';
 import { Component, ReactNode } from 'react';
 import { MediaItemType, MediaType, ImageResizeMode } from '@atlaskit/media-client';
 import { CardDimensions, CardStatus } from '../../index';
 import { CardAction } from '../../actions';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { RenderEventAction } from '../../utils/analytics';
-import { WithFileAttributesProps } from '../../utils/fileAttributesContext';
 export interface FileCardImageViewProps {
     readonly mediaName?: string;
     readonly mediaType?: MediaType;
@@ -25,15 +21,14 @@ export interface FileCardImageViewProps {
     readonly actions?: CardAction[];
     readonly onDisplayImage?: () => void;
     readonly previewOrientation?: number;
-    readonly timeElapsedTillCommenced?: number;
+    readonly onImageError?: () => void;
+    readonly onImageLoad?: () => void;
 }
 export declare const fileCardImageViewSelector = "media-file-card-view";
 export declare const fileCardImageViewSelectedSelector = "media-file-card-view-selected";
-export declare type FileCardImageViewBaseProps = FileCardImageViewProps & WithAnalyticsEventsProps & WithFileAttributesProps;
-export declare class FileCardImageViewBase extends Component<FileCardImageViewBaseProps> {
+export declare class FileCardImageView extends Component<FileCardImageViewProps> {
     private wasThumbnailDisplayed;
-    private lastAnalyticsAction;
-    static defaultProps: Partial<FileCardImageViewBaseProps>;
+    static defaultProps: Partial<FileCardImageViewProps>;
     render(): JSX.Element;
     private renderCardContents;
     private renderLoadingContents;
@@ -41,10 +36,7 @@ export declare class FileCardImageViewBase extends Component<FileCardImageViewBa
     private renderFailedContents;
     private renderUploadingCardOverlay;
     private renderPlayButton;
-    onImageLoad: () => void;
-    onImageError: () => void;
     private renderMediaImage;
-    shouldFireEvent: (action: RenderEventAction) => boolean;
     private renderProgressBar;
     private renderSuccessCardContents;
     private renderSuccessCardOverlay;
@@ -52,4 +44,3 @@ export declare class FileCardImageViewBase extends Component<FileCardImageViewBa
     private get isCropped();
     private get isStretched();
 }
-export declare const FileCardImageView: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<FileCardImageViewProps & WithAnalyticsEventsProps>, "progress" | "error" | "alt" | "dimensions" | "resizeMode" | "mediaType" | "mimeType" | "children" | "actions" | "mediaName" | "selectable" | "selected" | "disableOverlay" | "fileSize" | "dataURI" | "status" | "mediaItemType" | "onDisplayImage" | "previewOrientation" | "timeElapsedTillCommenced"> & React.RefAttributes<any>>;

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

@@ -6,7 +6,7 @@ export interface WrapperProps {
     hasOnClick?: boolean;
     mediaType?: string;
 }
-export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").HTMLAttributes<{}> & WrapperProps, any, Pick<import("react").HTMLAttributes<{}>, "dir" | "slot" | "style" | "title" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & {
+export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").HTMLAttributes<{}> & WrapperProps, any, Pick<import("react").HTMLAttributes<{}>, "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & {
     theme?: any;
 } & WrapperProps>;
 export declare const PlayIconWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-export { FileCardImageView, FileCardImageViewBase } from './cardImageView';
+export { FileCardImageView } from './cardImageView';
 export type { FileCardImageViewProps } from './cardImageView';

package/dist/types/index.d.ts

@@ -1,18 +1,17 @@
 import { MouseEvent } from 'react';
 import { FileDetails, MediaClient, Identifier, ImageResizeMode, FileState } from '@atlaskit/media-client';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaFeatureFlags, NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
 import { CardAction } from './actions';
 import { MediaViewerDataSource } from '@atlaskit/media-viewer';
-import { CardPreview } from './root/card/getCardPreview';
-import { CardStatus, CardAppearance } from './types';
+import { CardPreview, CardStatus, CardAppearance } from './types';
 import { MediaCardError } from './errors';
 import { CardDimensions } from './utils';
 export type { CardDimensions } from './utils';
 export type { NumericalCardDimensions } from '@atlaskit/media-common';
-export { Card } from './root';
+export { Card, MediaInlineCard } from './root';
 export type { CardAction, CardEventHandler } from './actions';
-export type { CardStatus, CardAppearance, CardDimensionValue } from './types';
+export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, } from './types';
 export declare type TitleBoxIcon = 'LockFilledIcon';
 export interface CardEvent {
     event: MouseEvent<HTMLElement>;
@@ -49,6 +48,7 @@ export interface CardProps extends SharedCardProps, CardEventProps {
     readonly mediaViewerDataSource?: MediaViewerDataSource;
     readonly contextId?: string;
     readonly shouldEnableDownloadButton?: boolean;
+    readonly ssr?: SSR;
 }
 export interface CardState {
     status: CardStatus;
@@ -60,6 +60,8 @@ export interface CardState {
     cardPreview?: CardPreview;
     error?: MediaCardError;
     cardRef: HTMLDivElement | null;
+    isBannedLocalPreview: boolean;
+    previewDidRender: boolean;
 }
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';

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

@@ -1,13 +1,9 @@
 import { FileAttributes, MediaFeatureFlags, PerformanceAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { CardStatus } from '../..';
-import { CardPreview } from './getCardPreview';
 import { MediaCardError } from './../../errors';
 export declare const relevantFeatureFlagNames: Array<keyof MediaFeatureFlags>;
-export declare type FireOperationalEventParams = {
-    cardPreview?: CardPreview;
-    error?: MediaCardError;
-};
-export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, { cardPreview, error }?: FireOperationalEventParams) => void;
+export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, 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/cardLoader.d.ts

@@ -1,20 +1,6 @@
 import React from 'react';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client';
-import { MediaCardAnalyticsErrorBoundaryProps } from '../media-card-analytics-error-boundary';
-import { CardWithAnalyticsEventsProps } from '.';
-export declare type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardWithAnalyticsEventsProps>;
-declare type CardWithMediaClientConfigComponent = React.ComponentType<CardWithMediaClientConfigProps>;
-declare type MediaCardErrorBoundaryComponent = React.ComponentType<MediaCardAnalyticsErrorBoundaryProps>;
-export interface AsyncCardState {
-    Card?: CardWithMediaClientConfigComponent;
-    MediaCardErrorBoundary?: MediaCardErrorBoundaryComponent;
-}
-export default class CardLoader extends React.PureComponent<CardWithMediaClientConfigProps & AsyncCardState, AsyncCardState> {
-    static displayName: string;
-    static Card?: CardWithMediaClientConfigComponent;
-    static MediaCardErrorBoundary?: MediaCardErrorBoundaryComponent;
-    state: AsyncCardState;
-    componentDidMount(): Promise<void>;
-    render(): JSX.Element;
-}
-export {};
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import type { CardBaseProps } from '.';
+export declare type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
+declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
+export default CardLoader;

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

@@ -0,0 +1,5 @@
+import { FileState } from '@atlaskit/media-client';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { CardState } from '../..';
+export declare const createStateUpdater: (newState: Partial<CardState>) => (prevState: CardState) => Pick<CardState, keyof CardState>;
+export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => Partial<CardState>;

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

@@ -1,16 +1,18 @@
 import { ObjectURLCache } from '../../../utils/objectURLCache';
 import { CardDimensions } from '../../../utils/cardDimensions';
-import { CardPreview } from './types';
+import { CardPreview } from '../../../types';
 export declare const getCacheKey: (id: string, dimensions: CardDimensions) => string;
 export interface CardPreviewCache {
     get(id: string, dimensions: CardDimensions): CardPreview | undefined;
     set(id: string, dimensions: CardDimensions, cardPreview: CardPreview): void;
+    remove(id: string, dimensions: CardDimensions): void;
 }
 export declare class CardPreviewCacheImpl implements CardPreviewCache {
     private previewCache;
     constructor(previewCache: ObjectURLCache);
     get: (id: string, dimensions: CardDimensions) => CardPreview | undefined;
     set: (id: string, dimensions: CardDimensions, cardPreview: CardPreview) => void;
+    remove: (id: string, dimensions: CardDimensions) => void;
 }
 declare const _default: CardPreviewCacheImpl;
 export default _default;

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

@@ -0,0 +1,5 @@
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { CardStatus, FilePreviewStatus } from '../../../types';
+import { FileState } from '@atlaskit/media-client';
+export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => FilePreviewStatus;
+export declare const isPreviewableStatus: (cardStatus: CardStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;

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

@@ -1,10 +1,9 @@
-import { MediaClient, FilePreview } from '@atlaskit/media-client';
-import { NumericalCardDimensions } from '../../..';
-import { CardPreview } from './types';
+import { MediaClient, FilePreview, MediaStoreGetFileImageParams } from '@atlaskit/media-client';
+import { CardPreview } from '../../../types';
 /**
  * This method tells the support for the media
  * types covered in getCardPreviewFromFilePreview
  */
 export declare const isSupportedLocalPreview: (mediaType?: "audio" | "video" | "image" | "doc" | "archive" | "unknown" | undefined) => boolean;
 export declare const getCardPreviewFromFilePreview: (filePreview: FilePreview | Promise<FilePreview>) => Promise<CardPreview>;
-export declare const getCardPreviewFromBackend: (mediaClient: MediaClient, id: string, { width, height }: NumericalCardDimensions, collectionName?: string | undefined, resizeMode?: "crop" | "fit" | "full-fit" | "stretchy-fit" | undefined) => Promise<CardPreview>;
+export declare const getCardPreviewFromBackend: (mediaClient: MediaClient, id: string, params: MediaStoreGetFileImageParams) => Promise<CardPreview>;

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

@@ -1,15 +1,12 @@
-import { MediaClient, FilePreview, ImageResizeMode, FileState } from '@atlaskit/media-client';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { NumericalCardDimensions } from '../../..';
+import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, MediaBlobUrlAttrs } from '@atlaskit/media-client';
+import { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
 import { CardDimensions } from '../../../utils/cardDimensions';
-import { CardPreview } from './types';
 import { MediaCardError } from '../../../errors';
-import { CardStatus, FilePreviewStatus } from '../../../types';
-export type { CardPreview } from './types';
+import { CardStatus, CardPreview } from '../../../types';
 export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview, } from './helpers';
-export declare const extractFilePreviewStatus: (fileState: FileState, featureFlags?: MediaFeatureFlags | undefined) => FilePreviewStatus;
-export declare const shouldGetCardPreview: (cardStatus: CardStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;
+export { extractFilePreviewStatus } from './filePreviewStatus';
 export declare const getCardPreviewFromCache: (id: string, dimensions: CardDimensions) => CardPreview | undefined;
+export declare const removeCardPreviewFromCache: (id: string, dimensions: CardDimensions) => void;
 /**
  * Will return the preview if available and supported by the browser
  * See extractFilePreviewStatus "hasLocalPreview" logic
@@ -18,14 +15,12 @@ export declare const getFilePreviewFromFileState: (fileState: FileState) => File
 export declare type CardPreviewParams = {
     mediaClient: MediaClient;
     id: string;
-    collectionName?: string;
     dimensions?: CardDimensions;
-    requestedDimensions: NumericalCardDimensions;
-    resizeMode?: ImageResizeMode;
-    isRemotePreviewReady: boolean;
     filePreview?: FilePreview | Promise<FilePreview>;
-    addContextToDataURI: (dataURI: string) => string;
     onLocalPreviewError?: (error: MediaCardError) => void;
+    isRemotePreviewReady: boolean;
+    imageUrlParams: MediaStoreGetFileImageParams;
+    mediaBlobUrlAttrs?: MediaBlobUrlAttrs;
 };
 /**
  * This function will try to return a Card preview, either from cache, local preview or remote preview.
@@ -37,4 +32,19 @@ export declare type CardPreviewParams = {
  * In that case, we still want to report the local preview error to the caller, for feature realiability track.
  * hence the use of the optional callback onLocalPreviewError
  */
-export declare const getCardPreview: ({ mediaClient, id, collectionName, requestedDimensions, isRemotePreviewReady, addContextToDataURI, filePreview, dimensions, resizeMode, onLocalPreviewError, }: CardPreviewParams) => Promise<CardPreview>;
+export declare const getCardPreview: ({ mediaClient, id, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, }: CardPreviewParams) => Promise<CardPreview>;
+export declare const shouldResolvePreview: ({ status, fileState, dimensions, prevDimensions, hasCardPreview, isBannedLocalPreview, featureFlags, }: {
+    status: CardStatus;
+    fileState: FileState;
+    dimensions?: CardDimensions | undefined;
+    prevDimensions?: CardDimensions | undefined;
+    hasCardPreview: boolean;
+    isBannedLocalPreview: boolean;
+    featureFlags?: MediaFeatureFlags | undefined;
+}) => boolean;
+export declare const getSSRCardPreview: (ssr: SSR, mediaClient: MediaClient, id: string, params: MediaStoreGetFileImageParams, mediaBlobUrlAttrs?: MediaBlobUrlAttrs | undefined) => CardPreview;
+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 fetchAndCacheRemotePreview: (mediaClient: MediaClient, id: string, dimensions: CardDimensions, params: MediaStoreGetFileImageParams, mediaBlobUrlAttrs?: MediaBlobUrlAttrs | undefined) => Promise<CardPreview>;

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

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

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

@@ -1,37 +1,38 @@
-/// <reference types="react-intl" />
 import React, { Component } from 'react';
 import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileIdentifier, FileState } from '@atlaskit/media-client';
+import { FileIdentifier } from '@atlaskit/media-client';
 import { Subscription } from 'rxjs/Subscription';
-import { CardAction, CardDimensions, CardProps, CardState } from '../..';
-import { CardPreviewParams } from './getCardPreview';
-export declare type CardWithAnalyticsEventsProps = CardProps & WithAnalyticsEventsProps;
-export declare class CardBase extends Component<CardWithAnalyticsEventsProps, CardState> {
+import { WrappedComponentProps } from 'react-intl-next';
+import { CardAction, CardProps, CardState } from '../..';
+export declare type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export declare class CardBase extends Component<CardBaseProps, CardState> {
     private hasBeenMounted;
-    private lastFileState?;
-    private lastCardStatusUpdateTimestamp?;
     private timeElapsedTillCommenced;
     subscription?: Subscription;
     static defaultProps: Partial<CardProps>;
-    static contextTypes: {
-        intl: ReactIntl.IntlShape;
-    };
-    constructor(props: CardWithAnalyticsEventsProps);
+    constructor(props: CardBaseProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
-    shouldRefetchImage: (current?: CardDimensions | undefined, next?: CardDimensions | undefined) => boolean;
     componentWillUnmount(): void;
     updateStateForIdentifier(identifier: FileIdentifier): void;
-    private isLatestCardStatusUpdate;
-    private onLocalPreviewError;
-    private createAddContextToDataURI;
-    getCardPreviewParams: (id: string, collectionName: string | undefined, fileState: FileState) => CardPreviewParams;
+    private getImageURLParams;
+    private getMediaBlobUrlAttrs;
+    private getCardPreviewParams;
+    private setCacheSSRPreview;
+    private resolveSSRPreview;
+    private resolvePreview;
     subscribeInternalFile(identifier: FileIdentifier): void;
+    private get requestedDimensions();
     private get metadata();
     private get fileAttributes();
+    private getPerformanceAttributes;
+    private onImageError;
+    private onImageLoad;
     private fireOperationalEvent;
     private fireCommencedEvent;
     private fireCopiedEvent;
+    private fireScreenEvent;
+    private fireLocalPreviewErrorEvent;
     private safeSetState;
     unsubscribe: () => void;
     get actions(): CardAction[];
@@ -48,4 +49,4 @@ export declare class CardBase extends Component<CardWithAnalyticsEventsProps, Ca
     onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
     onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
 }
-export declare const Card: React.ComponentType<CardWithAnalyticsEventsProps>;
+export declare const Card: React.ComponentType<CardBaseProps>;

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

@@ -1,13 +1,14 @@
-import React from 'react';
-import { MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import { MediaItemType, FileDetails } from '@atlaskit/media-client';
 import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SharedCardProps, CardStatus } from '../index';
+import { MediaCardError } from '../errors';
+import { MessageDescriptor } from 'react-intl-next';
 export interface CardViewOwnProps extends SharedCardProps {
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
     readonly metadata?: FileDetails;
-    readonly error?: Error;
+    readonly error?: MediaCardError;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
     readonly onDisplayImage?: () => void;
@@ -15,12 +16,15 @@ export interface CardViewOwnProps extends SharedCardProps {
     readonly progress?: number;
     readonly previewOrientation?: number;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
+    readonly onImageLoad: () => void;
+    readonly onImageError: () => void;
+    readonly nativeLazyLoad?: boolean;
+    readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
-    timeElapsedTillCommenced?: number;
 }
 export interface CardViewState {
     elementWidth?: number;
-    isImageFailedToLoad: boolean;
+    didImageRender: boolean;
 }
 export declare type CardViewProps = CardViewOwnProps & WithAnalyticsEventsProps;
 export interface RenderConfigByStatus {
@@ -34,8 +38,8 @@ export interface RenderConfigByStatus {
     renderProgressBar?: boolean;
     renderSpinner?: boolean;
     renderFailedTitleBox?: boolean;
-    renderLoadingRateLimited?: boolean;
     renderTickBox?: boolean;
+    customTitleMessage?: MessageDescriptor;
 }
 /**
  * This is classic vanilla CardView class. To create an instance of class one would need to supply
@@ -47,7 +51,8 @@ export declare class CardViewBase extends React.Component<CardViewProps, CardVie
     static defaultProps: Partial<CardViewOwnProps>;
     componentDidMount(): void;
     componentDidUpdate({ dataURI: prevDataURI }: CardViewProps): void;
-    private onImageLoadError;
+    private onImageLoad;
+    private onImageError;
     private get width();
     private get breakpoint();
     saveElementWidth: () => void;
@@ -68,4 +73,4 @@ export declare class CardViewBase extends React.Component<CardViewProps, CardVie
     private getRenderConfigByStatus;
     private renderNewExperienceCard;
 }
-export declare const CardView: React.ForwardRefExoticComponent<Pick<Pick<CardViewProps, "progress" | "error" | "alt" | "dimensions" | "resizeMode" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "appearance" | "actions" | "testId" | "selectable" | "selected" | "disableOverlay" | "featureFlags" | "dataURI" | "status" | "mediaItemType" | "onDisplayImage" | "previewOrientation" | "timeElapsedTillCommenced" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">, never> & Partial<Pick<Pick<CardViewProps, "progress" | "error" | "alt" | "dimensions" | "resizeMode" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "appearance" | "actions" | "testId" | "selectable" | "selected" | "disableOverlay" | "featureFlags" | "dataURI" | "status" | "mediaItemType" | "onDisplayImage" | "previewOrientation" | "timeElapsedTillCommenced" | "titleBoxBgColor" | "titleBoxIcon" | "disableAnimation" | "originalDimensions">, "progress" | "error" | "alt" | "dimensions" | "resizeMode" | "metadata" | "onClick" | "onMouseEnter" | "innerRef" | "appearance" | "actions" | "testId" | "selectable" | "selected" | "disableOverlay" | "featureFlags" | "dataURI" | "status" | "mediaItemType" | "onDisplayImage" | "previewOrientation" | "timeElapsedTillCommenced" | "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" | "appearance" | "error" | "actions" | "testId" | "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" | "appearance" | "error" | "actions" | "testId" | "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" | "appearance" | "error" | "actions" | "testId" | "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>>;

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

@@ -1 +1,2 @@
 export { default as Card } from './card/cardLoader';
+export { default as MediaInlineCard } from './inline/loader';

package/dist/types/root/inline/loader.d.ts

@@ -1,22 +1,22 @@
 import React from 'react';
 import { WithMediaClientConfigProps } from '@atlaskit/media-client';
-import { InlineMediaCardProps } from './inlineMediaCard';
-export declare type InlineMediaCardWithMediaClientConfigProps = WithMediaClientConfigProps<InlineMediaCardProps>;
-declare type InlineMediaCardWithMediaClientConfigComponent = React.ComponentType<InlineMediaCardWithMediaClientConfigProps>;
+import { MediaInlineCardProps } from './mediaInlineCard';
+export declare type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
+declare type MediaInlineCardWithMediaClientConfigComponent = React.ComponentType<MediaInlineCardWithMediaClientConfigProps>;
 declare type ErrorBoundaryComponent = React.ComponentType<{
     data?: {
         [k: string]: any;
     };
 }>;
-export interface InlineMediaCardLoaderState {
-    InlineMediaCard?: InlineMediaCardWithMediaClientConfigComponent;
+export interface MediaInlineCardLoaderState {
+    MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
     ErrorBoundary?: ErrorBoundaryComponent;
 }
-export default class InlineMediaCardLoader extends React.PureComponent<InlineMediaCardWithMediaClientConfigProps & InlineMediaCardLoaderState, InlineMediaCardLoaderState> {
+export default class MediaInlineCardLoader extends React.PureComponent<MediaInlineCardWithMediaClientConfigProps & MediaInlineCardLoaderState, MediaInlineCardLoaderState> {
     static displayName: string;
-    static InlineMediaCard?: InlineMediaCardWithMediaClientConfigComponent;
+    static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
     static ErrorBoundary?: ErrorBoundaryComponent;
-    state: InlineMediaCardLoaderState;
+    state: MediaInlineCardLoaderState;
     componentDidMount(): Promise<void>;
     render(): JSX.Element;
 }

package/dist/types/root/inline/{inlineMediaCard.d.ts → mediaInlineCard.d.ts}

@@ -1,8 +1,8 @@
 import React, { FC } from 'react';
 import { FileIdentifier, MediaClient } from '@atlaskit/media-client';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { MediaViewerDataSource } from '@atlaskit/media-viewer';
-export interface InlineMediaCardProps {
+export interface MediaInlineCardProps {
     identifier: FileIdentifier;
     mediaClient: MediaClient;
     shouldOpenMediaViewer?: boolean;
@@ -10,7 +10,5 @@ export interface InlineMediaCardProps {
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     mediaViewerDataSource?: MediaViewerDataSource;
 }
-export declare const InlineMediaCardInternal: FC<InlineMediaCardProps & InjectedIntlProps>;
-export declare const InlineMediaCard: React.ComponentClass<InlineMediaCardProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<InlineMediaCardProps & InjectedIntlProps>;
-};
+export declare const MediaInlineCardInternal: FC<MediaInlineCardProps & WrappedComponentProps>;
+export declare const MediaInlineCard: React.FC<MediaInlineCardProps>;

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

@@ -40,4 +40,4 @@ export declare class InlinePlayerBase extends Component<InlinePlayerProps, Inlin
     onFirstPlay: () => void;
     render(): JSX.Element;
 }
-export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "mediaClient" | "dimensions" | "onError" | "onClick" | "createAnalyticsEvent" | "testId" | "selected" | "originalDimensions" | "identifier" | "forwardRef"> & React.RefAttributes<HTMLDivElement>>;
+export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "onError" | "onClick" | "createAnalyticsEvent" | "testId" | "selected" | "dimensions" | "originalDimensions" | "mediaClient" | "identifier" | "forwardRef"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -12,4 +12,5 @@ declare type InlinePlayerWrapper = {
     selected?: boolean;
 };
 export declare const InlinePlayerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & InlinePlayerWrapper, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & InlinePlayerWrapper>;
+export declare const FormattedMessageWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
 export {};

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

@@ -1,4 +1,7 @@
-import { Breakpoint } from './Breakpoint';
+export declare enum Breakpoint {
+    SMALL = "small",
+    LARGE = "large"
+}
 export declare const responsiveSettings: {
     small: {
         fontSize: number;

package/dist/types/root/ui/iconMessage/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { MessageDescriptor } from 'react-intl-next';
 export declare type InternalIconMessageProps = {
-    messageDescriptor: FormattedMessage.MessageDescriptor;
+    messageDescriptor: MessageDescriptor;
     animated?: boolean;
     reducedFont?: boolean;
 };
@@ -11,6 +11,7 @@ declare type CreatingPreviewProps = {
 export declare const IconMessage: React.FC<InternalIconMessageProps>;
 export declare const CreatingPreview: React.FC<CreatingPreviewProps>;
 export declare const PreviewUnavailable: React.FC;
-export declare const RateLimited: React.FC;
+export declare const FailedToLoad: React.FC;
+export declare const FailedToUpload: React.FC;
 export declare const PreviewCurrentlyUnavailable: React.FC;
 export {};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Breakpoint } from '../Breakpoint';
+import { Breakpoint } from '../common';
 export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
 export declare type IconWrapperProps = {
     hasTitleBox: boolean;

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

@@ -1,25 +1,15 @@
 import React from 'react';
-import { MediaType, ImageResizeMode, MediaItemType } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { RenderEventAction } from '../../../utils/analytics';
-import { WithFileAttributesProps } from '../../../utils/fileAttributesContext';
+import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
 export declare type ImageRendererProps = {
     readonly dataURI: string;
     readonly mediaType: MediaType;
-    readonly mediaItemType: MediaItemType;
     readonly previewOrientation?: number;
     readonly alt?: string;
     readonly resizeMode?: ImageResizeMode;
     readonly onDisplayImage?: () => void;
     readonly onImageError?: () => void;
-    readonly timeElapsedTillCommenced?: number;
+    readonly onImageLoad?: () => void;
+    readonly nativeLazyLoad?: boolean;
+    readonly forceSyncDisplay?: boolean;
 };
-export declare class ImageRendererBase extends React.Component<ImageRendererProps & WithAnalyticsEventsProps & WithFileAttributesProps> {
-    private lastAnalyticsAction?;
-    componentDidMount(): void;
-    onImageLoad: () => void;
-    onImageError: () => void;
-    shouldFireEvent: (action: RenderEventAction) => boolean;
-    render(): JSX.Element;
-}
-export declare const ImageRenderer: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<ImageRendererProps & WithAnalyticsEventsProps>, "alt" | "resizeMode" | "mediaType" | "children" | "dataURI" | "mediaItemType" | "onDisplayImage" | "previewOrientation" | "timeElapsedTillCommenced" | "onImageError"> & React.RefAttributes<any>>;
+export declare const ImageRenderer: React.FC<ImageRendererProps>;

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

@@ -1,4 +1,5 @@
-import { Breakpoint } from '../Breakpoint';
+/// <reference types="react" />
+import { Breakpoint } from '../common';
 export declare const LoadingRateLimited: ({ breakpoint, positionBottom, }: {
     breakpoint?: Breakpoint | undefined;
     positionBottom?: boolean | undefined;