@atlaskit/media-card 77.12.3 → 78.0.0

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

@@ -2,39 +2,45 @@
 import { jsx } from '@emotion/react';
 import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
-import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
+import { type MediaItemType, type FileDetails, type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type SharedCardProps, type CardStatus } from '../types';
+import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+import { type CardAction } from './actions';
 import { type MediaCardError } from '../errors';
-import { type CardPreview } from '../types';
-import { type MediaCardCursor } from '../types';
-export interface CardViewOwnProps extends SharedCardProps {
+export interface CardViewProps {
+    readonly disableOverlay?: boolean;
+    readonly resizeMode?: ImageResizeMode;
+    readonly dimensions: CardDimensions;
+    readonly actions?: Array<CardAction>;
+    readonly selectable?: boolean;
+    readonly selected?: boolean;
+    readonly alt?: string;
+    readonly testId?: string;
+    readonly titleBoxBgColor?: string;
+    readonly titleBoxIcon?: TitleBoxIcon;
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
     readonly mediaCardCursor?: MediaCardCursor;
     readonly metadata?: FileDetails;
     readonly error?: MediaCardError;
-    readonly shouldOpenMediaViewer: boolean;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
+    readonly shouldOpenMediaViewer?: boolean;
     readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
     readonly onDisplayImage?: () => void;
-    readonly cardPreview?: CardPreview;
+    readonly cardPreview?: MediaFilePreview;
     readonly progress?: number;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
-    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
-    readonly onImageLoad: (cardPreview: CardPreview) => void;
-    readonly onImageError: (cardPreview: CardPreview) => void;
+    readonly onImageLoad?: (cardPreview: MediaFilePreview) => void;
+    readonly onImageError?: (cardPreview: MediaFilePreview) => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
     overriddenCreationDate?: number;
 }
-export interface CardViewState {
-    elementWidth?: number;
-    didImageRender: boolean;
-}
-export type CardViewProps = CardViewOwnProps & WithAnalyticsEventsProps;
+export type CardViewBaseProps = CardViewProps & WithAnalyticsEventsProps;
 export interface RenderConfigByStatus {
     renderTypeIcon?: boolean;
     iconMessage?: JSX.Element;
@@ -49,33 +55,5 @@ export interface RenderConfigByStatus {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-/**
- * This is classic vanilla CardView class. To create an instance of class one would need to supply
- * `createAnalyticsEvent` prop to satisfy it's Analytics Events needs.
- */
-export declare class CardViewBase extends React.Component<CardViewProps, CardViewState> {
-    state: CardViewState;
-    divRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: Partial<CardViewOwnProps>;
-    componentDidMount(): void;
-    componentDidUpdate({ cardPreview: prevCardPreview }: CardViewProps): void;
-    private onImageLoad;
-    private onImageError;
-    private get breakpoint();
-    private saveElementWidth;
-    private renderSpinner;
-    private shouldRenderPlayButton;
-    private renderPlayButton;
-    private renderBlanket;
-    private renderTitleBox;
-    private renderFailedTitleBox;
-    private renderProgressBar;
-    private renderImageRenderer;
-    private renderTickBox;
-    private renderMediaTypeIcon;
-    private renderActionsBar;
-    render(): jsx.JSX.Element;
-    private getRenderConfigByStatus;
-    private renderContents;
-}
-export declare const CardView: React.ForwardRefExoticComponent<Pick<Omit<CardViewProps, keyof WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<CardViewProps, keyof WithAnalyticsEventsProps>, keyof CardViewOwnProps>> & Partial<Pick<Partial<CardViewOwnProps>, never>> & React.RefAttributes<any>>;
+export declare const CardViewBase: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, overriddenCreationDate, }: CardViewBaseProps) => jsx.JSX.Element;
+export declare const CardView: React.ForwardRefExoticComponent<Omit<CardViewProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

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

package/dist/types/card/{v2/cardviews → cardviews}/cardViewWrapper.d.ts

@@ -1,9 +1,9 @@
 import React, { type MouseEvent, type ReactNode } from 'react';
 import { type FileDetails } from '@atlaskit/media-client';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../../types';
-import { type CardAction } from '../../actions';
-import { type Breakpoint } from '../../ui/common';
+import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../types';
+import { type CardAction } from '../actions';
+import { type Breakpoint } from '../ui/common';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export type SharedCardViewProps = {
     readonly cardPreview?: MediaFilePreview;

package/dist/types/card/{v2/cardviews → cardviews}/errorCardView.d.ts

@@ -2,7 +2,7 @@
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
 import { type SharedCardViewProps } from './cardViewWrapper';
-import { type MediaCardError } from '../../../errors';
+import { type MediaCardError } from '../../errors';
 export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     metadata?: FileDetails;
     disableAnimation?: boolean;

package/dist/{types-ts4.5/card/v2 → types/card}/cardviews/iconCardView.d.ts

@@ -2,7 +2,7 @@
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
 import { type SharedCardViewProps } from './cardViewWrapper';
-import type { CardStatus } from '../../../types';
+import type { CardStatus } from '../../types';
 export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;
     metadata?: FileDetails;

package/dist/{types-ts4.5/card/v2 → types/card}/cardviews/imageCardView.d.ts

@@ -2,7 +2,7 @@
 import { type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
-import type { CardPreview, CardStatus } from '../../../types';
+import type { CardPreview, CardStatus } from '../../types';
 import { type SharedCardViewProps } from './cardViewWrapper';
 export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;

package/dist/{types-ts4.5/card/v2 → types/card}/cardviews/index.d.ts

@@ -4,8 +4,8 @@ import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../../types';
-import { type MediaCardError } from '../../../errors';
+import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../types';
+import { type MediaCardError } from '../../errors';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export interface CardViewsOwnProps extends SharedCardProps {
     readonly status: CardStatus;
@@ -29,8 +29,8 @@ export interface CardViewsOwnProps extends SharedCardProps {
     readonly shouldOpenMediaViewer?: boolean;
     overriddenCreationDate?: number;
 }
-export type CardViewV2Props = CardViewsOwnProps & WithAnalyticsEventsProps;
-export interface RenderConfigByStatusV2 {
+export type CardViewProps = CardViewsOwnProps & WithAnalyticsEventsProps;
+export interface RenderConfigByStatus {
     renderTypeIcon?: boolean;
     iconMessage?: JSX.Element;
     renderImageRenderer?: boolean;
@@ -44,5 +44,5 @@ export interface RenderConfigByStatusV2 {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewV2Props) => jsx.JSX.Element;
+export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewProps) => jsx.JSX.Element;
 export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/{v2/cardviews → cardviews}/videoCardView.d.ts

@@ -2,7 +2,7 @@
 import { type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
-import type { CardPreview, CardStatus } from '../../../types';
+import type { CardPreview, CardStatus } from '../../types';
 import { type SharedCardViewProps } from './cardViewWrapper';
 export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;

package/dist/types/card/{v2/externalImageCard.d.ts → externalImageCard.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
-import { type CardEventProps, type SharedCardProps } from '../../types';
+import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
     readonly identifier: ExternalImageIdentifier;

package/dist/types/card/{v2/fileCard.d.ts → fileCard.d.ts}

@@ -2,8 +2,8 @@
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
-import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../../types';
-import { type CardAction } from '../actions';
+import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
+import { type CardAction } from './actions';
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */
     readonly disableOverlay?: boolean;

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

@@ -1 +1 @@
-export { default as Card } from './cardSwitcher';
+export { default as Card } from './cardLoader';

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

@@ -1,13 +1,11 @@
 import React from 'react';
-import { Component } from 'react';
-import { type MediaClient, type FileIdentifier, type FileState, type MediaFileArtifacts, type MediaSubscription } from '@atlaskit/media-client';
+import { type FileIdentifier, type FileState, type MediaFileArtifacts } from '@atlaskit/media-client';
 import { type NumericalCardDimensions } from '@atlaskit/media-common';
 import { type CardDimensions } from '../types';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { CardPreview } from '../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;
-    mediaClient: MediaClient;
     dimensions?: CardDimensions;
     originalDimensions?: NumericalCardDimensions;
     autoplay: boolean;
@@ -21,33 +19,6 @@ export interface InlinePlayerOwnProps {
     readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
-export interface InlinePlayerState {
-    fileSrc?: string;
-    isUploading?: boolean;
-    progress?: number;
-    elementWidth?: number;
-}
 export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare class InlinePlayerBase extends Component<InlinePlayerProps, InlinePlayerState> {
-    subscription?: MediaSubscription;
-    state: InlinePlayerState;
-    divRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: {
-        dimensions: {
-            width: number;
-            height: number;
-        };
-    };
-    componentDidMount(): void;
-    setFileSrc: (fileSrc: string) => void;
-    setBinaryURL: () => Promise<void>;
-    unsubscribe: () => void;
-    revoke: () => void;
-    componentWillUnmount(): void;
-    onDownloadClick: () => void;
-    onFirstPlay: () => void;
-    private get breakpoint();
-    saveElementWidth: () => void;
-    render(): JSX.Element;
-}
+export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
 export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "createAnalyticsEvent" | keyof InlinePlayerOwnProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/card/{v2/svgView → svgView}/errors.d.ts

@@ -1,3 +1,3 @@
 import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-import { type SvgPrimaryReason } from '../../../errors';
+import { type SvgPrimaryReason } from '../../errors';
 export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;

package/dist/{types-ts4.5/card/v2 → types/card}/svgView/svgView.d.ts

@@ -3,9 +3,9 @@ import { jsx } from '@emotion/react';
 import React, { type MouseEvent } from 'react';
 import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type CardStatus, type MediaCardCursor, type CardDimensions } from '../../../types';
+import { type CardStatus, type MediaCardCursor, type CardDimensions } from '../../types';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
-import { MediaCardError } from '../../../errors';
+import { MediaCardError } from '../../errors';
 export declare const convertResizeMode: (resizeMode?: ImageResizeMode) => React.CSSProperties['objectFit'];
 export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
 export interface SvgViewBaseOwnProps {

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

@@ -1,68 +1,7 @@
-import React, { Component } from 'react';
-import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type FileIdentifier, type FileState, type MediaSubscription } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-import { type CardAction } from './actions';
-import { type CardProps, type CardState, type CardStatus } from '../types';
-export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps> & {
-    dateOverride?: number;
-};
-export declare class CardBase extends Component<CardBaseProps, CardState> {
-    private internalOccurrenceKey;
-    private hasBeenMounted;
-    private mediaViewerButtonRef;
-    private fileStateFlags;
-    private ssrReliability;
-    private timeElapsedTillCommenced;
-    subscription?: MediaSubscription;
-    private ssrData?;
-    private traceContext;
-    static defaultProps: Partial<CardProps>;
-    constructor(props: CardBaseProps);
-    private getSSRPreview;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
-    componentWillUnmount(): void;
-    updateStateForIdentifier(identifier: FileIdentifier): void;
-    private getImageURLParams;
-    private getMediaBlobUrlAttrs;
-    private getCardPreviewParams;
-    private setCacheSSRPreview;
-    private refetchSSRPreview;
-    private resolveUpfrontPreview;
-    private fetchAndCacheRemotePreview;
-    private resolvePreview;
-    updateFileStateFlag(fileState?: FileState): void;
-    subscribeInternalFile(identifier: FileIdentifier): void;
-    private get requestedDimensions();
-    private get metadata();
-    private get fileAttributes();
-    private getPerformanceAttributes;
-    private logSSRImageError;
-    private onImageError;
-    private onImageLoad;
-    private fireOperationalEvent;
-    private fireAbortedEvent;
-    private fireCommencedEvent;
-    private fireCopiedEvent;
-    private fireScreenEvent;
-    private fireNonCriticalErrorEvent;
-    private safeSetState;
-    unsubscribe: () => void;
-    get actions(): CardAction[];
-    onCardViewClick: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onInlinePlayerError: (e: Error) => void;
-    setRef: (cardRef: HTMLDivElement | null) => void;
-    setMediaViewerButtonRef: (buttonRef: HTMLButtonElement | null) => void;
-    renderInlinePlayer: () => JSX.Element;
-    onMediaViewerClose: () => void;
-    private onDisplayImage;
-    renderMediaViewer: () => React.ReactPortal | undefined;
-    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
-    private storeSSRData;
-    render(): JSX.Element;
-    private onCardInViewport;
-    onClick: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
-}
+import { type CardProps } from '../types';
+export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
 export declare const Card: React.ComponentType<CardBaseProps>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { CardWithMediaClientConfigProps } from './types';
+import { type CardWithMediaClientConfigProps } from './types';
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
 export default CardLoader;

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

@@ -2,39 +2,45 @@
 import { jsx } from '@emotion/react';
 import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
-import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
+import { type MediaItemType, type FileDetails, type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type SharedCardProps, type CardStatus } from '../types';
+import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+import { type CardAction } from './actions';
 import { type MediaCardError } from '../errors';
-import { type CardPreview } from '../types';
-import { type MediaCardCursor } from '../types';
-export interface CardViewOwnProps extends SharedCardProps {
+export interface CardViewProps {
+    readonly disableOverlay?: boolean;
+    readonly resizeMode?: ImageResizeMode;
+    readonly dimensions: CardDimensions;
+    readonly actions?: Array<CardAction>;
+    readonly selectable?: boolean;
+    readonly selected?: boolean;
+    readonly alt?: string;
+    readonly testId?: string;
+    readonly titleBoxBgColor?: string;
+    readonly titleBoxIcon?: TitleBoxIcon;
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
     readonly mediaCardCursor?: MediaCardCursor;
     readonly metadata?: FileDetails;
     readonly error?: MediaCardError;
-    readonly shouldOpenMediaViewer: boolean;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
+    readonly shouldOpenMediaViewer?: boolean;
     readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
     readonly onDisplayImage?: () => void;
-    readonly cardPreview?: CardPreview;
+    readonly cardPreview?: MediaFilePreview;
     readonly progress?: number;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
-    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
-    readonly onImageLoad: (cardPreview: CardPreview) => void;
-    readonly onImageError: (cardPreview: CardPreview) => void;
+    readonly onImageLoad?: (cardPreview: MediaFilePreview) => void;
+    readonly onImageError?: (cardPreview: MediaFilePreview) => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
     overriddenCreationDate?: number;
 }
-export interface CardViewState {
-    elementWidth?: number;
-    didImageRender: boolean;
-}
-export type CardViewProps = CardViewOwnProps & WithAnalyticsEventsProps;
+export type CardViewBaseProps = CardViewProps & WithAnalyticsEventsProps;
 export interface RenderConfigByStatus {
     renderTypeIcon?: boolean;
     iconMessage?: JSX.Element;
@@ -49,33 +55,5 @@ export interface RenderConfigByStatus {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-/**
- * This is classic vanilla CardView class. To create an instance of class one would need to supply
- * `createAnalyticsEvent` prop to satisfy it's Analytics Events needs.
- */
-export declare class CardViewBase extends React.Component<CardViewProps, CardViewState> {
-    state: CardViewState;
-    divRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: Partial<CardViewOwnProps>;
-    componentDidMount(): void;
-    componentDidUpdate({ cardPreview: prevCardPreview }: CardViewProps): void;
-    private onImageLoad;
-    private onImageError;
-    private get breakpoint();
-    private saveElementWidth;
-    private renderSpinner;
-    private shouldRenderPlayButton;
-    private renderPlayButton;
-    private renderBlanket;
-    private renderTitleBox;
-    private renderFailedTitleBox;
-    private renderProgressBar;
-    private renderImageRenderer;
-    private renderTickBox;
-    private renderMediaTypeIcon;
-    private renderActionsBar;
-    render(): jsx.JSX.Element;
-    private getRenderConfigByStatus;
-    private renderContents;
-}
-export declare const CardView: React.ForwardRefExoticComponent<Pick<Omit<CardViewProps, keyof WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<CardViewProps, keyof WithAnalyticsEventsProps>, keyof CardViewOwnProps>> & Partial<Pick<Partial<CardViewOwnProps>, never>> & React.RefAttributes<any>>;
+export declare const CardViewBase: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, overriddenCreationDate, }: CardViewBaseProps) => jsx.JSX.Element;
+export declare const CardView: React.ForwardRefExoticComponent<Omit<CardViewProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

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

package/dist/types-ts4.5/card/{v2/cardviews → cardviews}/cardViewWrapper.d.ts

@@ -1,9 +1,9 @@
 import React, { type MouseEvent, type ReactNode } from 'react';
 import { type FileDetails } from '@atlaskit/media-client';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../../types';
-import { type CardAction } from '../../actions';
-import { type Breakpoint } from '../../ui/common';
+import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../types';
+import { type CardAction } from '../actions';
+import { type Breakpoint } from '../ui/common';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export type SharedCardViewProps = {
     readonly cardPreview?: MediaFilePreview;

package/dist/types-ts4.5/card/{v2/cardviews → cardviews}/errorCardView.d.ts

@@ -2,7 +2,7 @@
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
 import { type SharedCardViewProps } from './cardViewWrapper';
-import { type MediaCardError } from '../../../errors';
+import { type MediaCardError } from '../../errors';
 export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     metadata?: FileDetails;
     disableAnimation?: boolean;

package/dist/{types/card/v2 → types-ts4.5/card}/cardviews/iconCardView.d.ts

@@ -2,7 +2,7 @@
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
 import { type SharedCardViewProps } from './cardViewWrapper';
-import type { CardStatus } from '../../../types';
+import type { CardStatus } from '../../types';
 export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;
     metadata?: FileDetails;

package/dist/{types/card/v2 → types-ts4.5/card}/cardviews/imageCardView.d.ts

@@ -2,7 +2,7 @@
 import { type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
-import type { CardPreview, CardStatus } from '../../../types';
+import type { CardPreview, CardStatus } from '../../types';
 import { type SharedCardViewProps } from './cardViewWrapper';
 export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;

package/dist/{types/card/v2 → types-ts4.5/card}/cardviews/index.d.ts

@@ -4,8 +4,8 @@ import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../../types';
-import { type MediaCardError } from '../../../errors';
+import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../types';
+import { type MediaCardError } from '../../errors';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export interface CardViewsOwnProps extends SharedCardProps {
     readonly status: CardStatus;
@@ -29,8 +29,8 @@ export interface CardViewsOwnProps extends SharedCardProps {
     readonly shouldOpenMediaViewer?: boolean;
     overriddenCreationDate?: number;
 }
-export type CardViewV2Props = CardViewsOwnProps & WithAnalyticsEventsProps;
-export interface RenderConfigByStatusV2 {
+export type CardViewProps = CardViewsOwnProps & WithAnalyticsEventsProps;
+export interface RenderConfigByStatus {
     renderTypeIcon?: boolean;
     iconMessage?: JSX.Element;
     renderImageRenderer?: boolean;
@@ -44,5 +44,5 @@ export interface RenderConfigByStatusV2 {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewV2Props) => jsx.JSX.Element;
+export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewProps) => jsx.JSX.Element;
 export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/card/{v2/cardviews → cardviews}/videoCardView.d.ts

@@ -2,7 +2,7 @@
 import { type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileDetails } from '@atlaskit/media-client';
-import type { CardPreview, CardStatus } from '../../../types';
+import type { CardPreview, CardStatus } from '../../types';
 import { type SharedCardViewProps } from './cardViewWrapper';
 export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;

package/dist/types-ts4.5/card/{v2/externalImageCard.d.ts → externalImageCard.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
-import { type CardEventProps, type SharedCardProps } from '../../types';
+import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
     readonly identifier: ExternalImageIdentifier;

package/dist/types-ts4.5/card/{v2/fileCard.d.ts → fileCard.d.ts}

@@ -2,8 +2,8 @@
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
-import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../../types';
-import { type CardAction } from '../actions';
+import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
+import { type CardAction } from './actions';
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */
     readonly disableOverlay?: boolean;

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

@@ -1 +1 @@
-export { default as Card } from './cardSwitcher';
+export { default as Card } from './cardLoader';