@atlaskit/smart-card 22.1.2 → 22.2.1

package/dist/types-ts4.0/view/BlockCard/views/ResolvedView.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { AvatarClickEventHandler } from '@atlaskit/avatar';
+import { Collaborator } from '../components/CollaboratorList';
+import { IconProps } from '../../common/Icon';
+import { ActionProps } from '../components/Action';
+import { MetadataProps } from '../../common/Metadata';
+import { ContextViewModel } from '../../types';
+import { LozengeProps } from '../../../types';
+export interface ResolvedViewProps {
+    context?: ContextViewModel;
+    link?: string;
+    icon: IconProps;
+    details?: Array<MetadataProps>;
+    byline?: React.ReactNode;
+    lozenge?: LozengeProps;
+    thumbnail?: string;
+    title?: string;
+    titleTextColor?: string;
+    users?: Collaborator[];
+    actions?: Array<ActionProps>;
+    handleAvatarClick?: AvatarClickEventHandler;
+    handleMoreAvatarsClick?: React.MouseEventHandler;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    showActions?: boolean;
+    titlePrefix?: React.ReactNode;
+    isTrusted?: boolean;
+}
+export declare const blockCardResolvedViewClassName = "block-card-resolved-view";
+export declare const blockCardResolvedViewByClassName = "block-card-resolved-view-by";
+export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, showActions, }: ResolvedViewProps) => JSX.Element;

package/dist/types-ts4.0/view/BlockCard/views/ResolvingView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ResolvingProps {
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const blockCardResolvingViewClassName = "block-card-resolving-view";
+export declare const ResolvingView: ({ isSelected, testId, inheritDimensions, }: ResolvingProps) => JSX.Element;

package/dist/types-ts4.0/view/BlockCard/views/UnauthorizedView.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../../common/Icon';
+export interface UnauthorizedViewProps {
+    actions: ActionProps[];
+    context?: {
+        icon?: React.ReactNode;
+        text: string;
+    };
+    isSelected?: boolean;
+    testId?: string;
+    showActions?: boolean;
+    icon: IconProps;
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+}
+export declare const UnauthorizedView: ({ context, isSelected, actions, testId, showActions, link, onClick, }: UnauthorizedViewProps) => JSX.Element;

package/dist/types-ts4.0/view/Card/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardAppearance, CardPlatform, CardProps } from './types';
+import { WrappedComponentProps } from 'react-intl-next';
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "id" | "placeholder" | "onError" | "onClick" | "analyticsContext" | "key" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export type { CardAppearance, CardProps, CardPlatform };

package/dist/types-ts4.0/view/Card/types.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { CardAppearance, CardPlatform } from '@atlaskit/linking-common';
+import { AnalyticsFacade } from '../../state/analytics';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+export type { CardAppearance, CardPlatform };
+export declare type CardInnerAppearance = CardAppearance | 'preview' | 'flexible';
+export declare type OnResolveCallback = (data: {
+    url?: string;
+    title?: string;
+    aspectRatio?: number;
+}) => void;
+export interface CardProps extends WithAnalyticsEventsProps {
+    appearance: CardAppearance;
+    id?: string;
+    platform?: CardPlatform;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    importer?: (target: any) => void;
+    container?: HTMLElement;
+    data?: any;
+    url?: string;
+    testId?: string;
+    showActions?: boolean;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    analyticsEvents?: AnalyticsFacade;
+    placeholder?: string;
+}

package/dist/types-ts4.0/view/CardWithData/component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardWithDataContentProps as Props } from './types';
+export declare class CardWithDataContent extends React.Component<Props> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/view/CardWithData/loader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CardProps } from '../Card/types';
+import { CardWithDataContent as CardWithDataContentType } from './component';
+export declare class CardWithDataRenderer extends React.PureComponent<CardProps> {
+    static CardContent: typeof CardWithDataContentType | null;
+    static moduleImporter(target: CardWithDataRenderer): void;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/view/CardWithData/types.d.ts

@@ -0,0 +1,15 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardAppearance, OnResolveCallback } from '../Card/types';
+import { JsonLd } from 'json-ld-types';
+import { InlinePreloaderStyle } from '../types';
+export interface CardWithDataContentProps {
+    id?: string;
+    appearance: CardAppearance;
+    data: JsonLd.Data.BaseData;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    onResolve?: OnResolveCallback;
+    showActions?: boolean;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+}

package/dist/types-ts4.0/view/CardWithUrl/component-lazy/LazyFallback.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CardWithUrlContentProps } from '../types';
+export declare const loadingPlaceholderClassName = "smart-link-loading-placeholder";
+export declare const LoadingCardLink: FC<CardWithUrlContentProps>;

package/dist/types-ts4.0/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from '../types';
+export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.0/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from '../types';
+export declare function LazyLazilyRenderCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.0/view/CardWithUrl/component-lazy/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from '../types';
+export default function LazyCardWithUrlContent(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.0/view/CardWithUrl/component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from './types';
+export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, ui, children, showHoverPreview, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.0/view/CardWithUrl/loader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardProps } from '../Card/types';
+export declare function CardWithURLRenderer(props: CardProps): JSX.Element;

package/dist/types-ts4.0/view/CardWithUrl/types.d.ts

@@ -0,0 +1,29 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardAppearance, CardPlatform, OnResolveCallback } from '../Card/types';
+import { AnalyticsHandler } from '../../utils/types';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type CardWithUrlContentProps = {
+    id: string;
+    url: string;
+    appearance: CardAppearance;
+    platform?: CardPlatform;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    container?: HTMLElement;
+    dispatchAnalytics: AnalyticsHandler;
+    testId?: string;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    showActions?: boolean;
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    analyticsEvents?: AnalyticsFacade;
+    placeholder?: string;
+};

package/dist/types-ts4.0/view/EmbedCard/EmbedResizeMessageListener.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    embedIframeRef: React.RefObject<HTMLIFrameElement>;
+    onHeightUpdate: (height: number) => void;
+}
+interface State {
+}
+export declare class EmbedResizeMessageListener extends React.Component<Props, State> {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private messageCallback;
+    private onEmbedHeightChange;
+    render(): React.ReactNode;
+}
+export {};

package/dist/types-ts4.0/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+export interface ExpandedFrameProps {
+    isPlaceholder?: boolean;
+    href?: string;
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+    minWidth?: number;
+    maxWidth?: number;
+    children?: React.ReactNode;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** will show the frame regardless of user interaction */
+    isFrameVisible?: boolean;
+    /** A flag that determines whether the frame is visible. */
+    isVisible?: boolean;
+    /** The optional click handler */
+    onClick?: (evt: React.MouseEvent) => void;
+    /** For testing purposes only */
+    testId?: string;
+    /** If dimensions of the card are to be inherited from the parent */
+    inheritDimensions?: boolean;
+}
+export declare const ExpandedFrame: FC<ExpandedFrameProps>;

package/dist/types-ts4.0/view/EmbedCard/components/Frame.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FrameProps {
+    url?: string;
+    isTrusted?: boolean;
+    testId?: string;
+}
+export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.0/view/EmbedCard/components/ImageIcon.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+export interface ImageIconProps {
+    alt?: string;
+    size?: number;
+    src?: string;
+    title?: string;
+    default?: React.ReactElement;
+}
+export declare const ImageIcon: FC<ImageIconProps>;

package/dist/types-ts4.0/view/EmbedCard/components/styled.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export declare const className = "media-card-frame";
+export declare const cardShadow = "";
+export interface WrapperProps {
+    minWidth?: number;
+    maxWidth?: number;
+    isInteractive?: boolean;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    isVisible?: boolean;
+    inheritDimensions?: boolean;
+}
+export declare const borderRadius: string;
+export declare const ellipsis: (maxWidth?: string | number) => string;
+export declare const csssize: (value?: string | number) => string;
+export declare const LinkWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps, object>;
+export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps, object>;
+export declare const embedHeaderHeight = 32;
+export declare const Header: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export interface PlaceholderProps {
+    isPlaceholder: boolean;
+}
+export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderProps, object>;
+export declare const TextWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderProps, object>;
+export interface ContentProps {
+    isInteractive: boolean;
+}
+export declare const Content: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps, object>;
+export interface ImageProps {
+    size: number;
+}
+export declare const Image: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageProps, object>;
+export declare const maxAvatarCount = 6;
+export declare const ContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Byline: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Description: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ResolvedViewIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export interface ThumbnailProps {
+    src: string;
+}
+export declare const Thumbnail: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThumbnailProps, object>;
+export declare const UsersWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ActionsWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const AlertWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types-ts4.0/view/EmbedCard/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { EmbedCardProps } from './types';
+export declare const EmbedCard: React.ForwardRefExoticComponent<EmbedCardProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.0/view/EmbedCard/types.d.ts

@@ -0,0 +1,46 @@
+import { CardState } from '../../state/types';
+import { InvokeHandler } from '../../model/invoke-handler';
+import { CardPlatform, OnResolveCallback } from '../Card/types';
+import { ReactNode } from 'react';
+import { ActionProps } from '../BlockCard/components/Action';
+import { RequestAccessMessageKey } from '../../messages';
+import { OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type EmbedCardProps = {
+    url: string;
+    cardState: CardState;
+    handleAuthorize: (() => void) | undefined;
+    handleErrorRetry: () => void;
+    handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    analytics: AnalyticsFacade;
+    handleInvoke: InvokeHandler;
+    id?: string;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    platform?: CardPlatform;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    testId?: string;
+    inheritDimensions?: boolean;
+    showActions?: boolean;
+};
+export interface WithShowControlMethodProp {
+    showControls?: () => void;
+}
+export interface ContextViewModel {
+    icon?: ReactNode;
+    text: string;
+}
+export declare type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
+export interface AccessContext {
+    accessType?: AccessTypes;
+    cloudId?: string;
+    url?: string;
+    smartLinksAccessMetadataExperimentCohort?: 'experiment' | 'control' | 'not-enrolled';
+}
+export interface RequestAccessContextProps extends AccessContext {
+    action?: ActionProps;
+    callToActionMessageKey?: RequestAccessMessageKey;
+    descriptiveMessageKey?: RequestAccessMessageKey;
+}
+export declare type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';

package/dist/types-ts4.0/view/EmbedCard/views/ErroredView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ErroredViewProps {
+    onRetry?: (val: any) => void;
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => JSX.Element;

package/dist/types-ts4.0/view/EmbedCard/views/ForbiddenView.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { ContextViewModel, RequestAccessContextProps } from '../types';
+export interface EmbedCardForbiddenViewProps {
+    context?: ContextViewModel;
+    link: string;
+    isSelected?: boolean;
+    testId?: string;
+    onAuthorise?: () => void;
+    inheritDimensions?: boolean;
+    onClick?: (evt: React.MouseEvent) => void;
+    requestAccessContext?: RequestAccessContextProps;
+}
+export declare const EmbedCardForbiddenView: FC<EmbedCardForbiddenViewProps>;

package/dist/types-ts4.0/view/EmbedCard/views/NotFoundView.d.ts

@@ -0,0 +1,11 @@
+import React, { FC } from 'react';
+import { ContextViewModel } from '../types';
+export interface EmbedCardNotFoundViewProps {
+    context?: ContextViewModel;
+    link: string;
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+    onClick?: (evt: React.MouseEvent) => void;
+}
+export declare const EmbedCardNotFoundView: FC<EmbedCardNotFoundViewProps>;

package/dist/types-ts4.0/view/EmbedCard/views/ResolvedView.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ContextViewModel } from '../types';
+export interface EmbedCardResolvedViewProps {
+    /** The title of the link */
+    title?: string;
+    /** The context view model */
+    context?: ContextViewModel;
+    /** The link to display */
+    link: string;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** will show the frame regardless of user interaction */
+    isFrameVisible?: boolean;
+    /** The src to be used for the `iframe` */
+    preview?: {
+        src: string;
+        aspectRatio?: number;
+    };
+    /** A flag that determines whether link source can be trusted in iframe **/
+    isTrusted?: boolean;
+    /** The optional click handler */
+    onClick?: (evt: React.MouseEvent) => void;
+    /** For testing purposes only. */
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.0/view/EmbedCard/views/UnauthorisedView.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import { ContextViewModel } from '../types';
+export interface EmbedCardUnauthorisedViewProps {
+    context?: ContextViewModel;
+    link: string;
+    isSelected?: boolean;
+    testId?: string;
+    onAuthorise?: () => void;
+    inheritDimensions?: boolean;
+    onClick?: (evt: React.MouseEvent) => void;
+}
+export declare const EmbedCardUnauthorisedView: FC<EmbedCardUnauthorisedViewProps>;

package/dist/types-ts4.0/view/EmbedCard/views/UnresolvedView.d.ts

@@ -0,0 +1,18 @@
+import { Appearance } from '@atlaskit/button/types';
+import { FC } from 'react';
+import { MessageKey } from '../../../messages';
+export interface ButtonProps {
+    appearance: Appearance;
+    text: MessageKey;
+    testId?: string;
+}
+export interface EmbedCardUnresolvedViewProps {
+    image: string;
+    context?: string;
+    title: MessageKey;
+    description: MessageKey;
+    button?: ButtonProps;
+    onClick?: () => void;
+    testId?: string;
+}
+export declare const EmbedCardUnresolvedView: FC<EmbedCardUnresolvedViewProps>;

package/dist/types-ts4.0/view/EmbedModal/components/analytics/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EmbedModalProps } from '../../types';
+import { WithAnalytics } from './types';
+declare const withAnalytics: (Component: React.ComponentType<EmbedModalProps>) => React.FC<EmbedModalProps & WithAnalytics>;
+export default withAnalytics;

package/dist/types-ts4.0/view/EmbedModal/components/analytics/types.d.ts

@@ -0,0 +1,6 @@
+import { AnalyticsFacade } from '../../../../state/analytics';
+import { AnalyticsOrigin } from '../../../../utils/types';
+export declare type WithAnalytics = {
+    analytics: AnalyticsFacade;
+    origin?: AnalyticsOrigin;
+};

package/dist/types-ts4.0/view/EmbedModal/components/embed-content/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import { EmbedProps } from './types';
+declare const EmbedContent: FC<EmbedProps>;
+export default EmbedContent;

package/dist/types-ts4.0/view/EmbedModal/components/embed-content/types.d.ts

@@ -0,0 +1,6 @@
+export declare type EmbedProps = {
+    isTrusted: boolean;
+    name: string;
+    src?: string;
+    testId?: string;
+};

package/dist/types-ts4.0/view/EmbedModal/components/error-boundary/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EmbedModalProps } from '../../types';
+declare const withErrorBoundary: (Component: React.ComponentType<EmbedModalProps>) => React.FC<EmbedModalProps>;
+export default withErrorBoundary;

package/dist/types-ts4.0/view/EmbedModal/components/link-info/index.d.ts

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

package/dist/types-ts4.0/view/EmbedModal/components/link-info/link-info-button/index.d.ts

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

package/dist/types-ts4.0/view/EmbedModal/components/link-info/link-info-button/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type LinkInfoButtonProps = {
+    content: React.ReactNode;
+    icon: React.ReactChild;
+    onClick?: () => void;
+    href?: string;
+    target?: string;
+    testId?: string;
+};

package/dist/types-ts4.0/view/EmbedModal/components/link-info/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const containerStyles: import("@emotion/utils").SerializedStyles;
+export declare const iconCss: import("@emotion/utils").SerializedStyles;
+export declare const titleCss: import("@emotion/utils").SerializedStyles;
+export declare const actionCss: import("@emotion/utils").SerializedStyles;

package/dist/types-ts4.0/view/EmbedModal/components/link-info/types.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from '../../../common/Icon';
+export declare type LinkInfoProps = {
+    downloadUrl?: string;
+    icon?: IconProps;
+    providerName?: string;
+    onDownloadButtonClick?: () => void;
+    onResizeButtonClick?: () => void;
+    onViewButtonClick?: () => void;
+    size?: string;
+    testId?: string;
+    title?: string;
+    url?: string;
+};

package/dist/types-ts4.0/view/EmbedModal/components/size-experiment/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import Modal from '../../../common/Modal';
+import { WithSizeExperimentProps } from './types';
+declare const withSizeExperiment: <Props, Component>(Component: React.ComponentType<Props>) => React.FC<Props & import("../../types").EmbedModalProps & import("../analytics/types").WithAnalytics & {
+    children?: React.ReactNode;
+} & WithSizeExperimentProps>;
+export default withSizeExperiment;

package/dist/types-ts4.0/view/EmbedModal/components/size-experiment/types.d.ts

@@ -0,0 +1,4 @@
+import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
+export declare type WithSizeExperimentProps = {
+    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
+};

package/dist/types-ts4.0/view/EmbedModal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_MODAL_SIZE = "100%";
+export declare const MIN_MODAL_SIZE = "large";

package/dist/types-ts4.0/view/EmbedModal/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { EmbedModalProps } from './types';
+declare const _default: React.FC<EmbedModalProps & import("./components/analytics/types").WithAnalytics & {
+    children?: React.ReactNode;
+} & import("./components/size-experiment/types").WithSizeExperimentProps>;
+export default _default;

package/dist/types-ts4.0/view/EmbedModal/types.d.ts

@@ -0,0 +1,34 @@
+import { ErrorInfo } from 'react';
+import { IconProps } from '../common/Icon';
+import { WithSizeExperimentProps } from './components/size-experiment/types';
+import { ModalProps } from '../common/Modal';
+import { WithAnalytics } from './components/analytics/types';
+export declare enum EmbedModalSize {
+    Large = "large",
+    Small = "small"
+}
+export declare type EmbedModalContext = {
+    duration?: number;
+    size: EmbedModalSize;
+};
+export declare type EmbedModalProps = {
+    closeLabel?: string;
+    download?: string;
+    icon?: IconProps;
+    iframeName: string;
+    isTrusted?: boolean;
+    onClose: (context: EmbedModalContext) => void;
+    onDownloadActionClick?: () => void;
+    onOpen?: (context: EmbedModalContext) => void;
+    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
+    onResize?: (context: EmbedModalContext) => void;
+    onViewActionClick?: () => void;
+    providerName?: string;
+    showModal?: boolean;
+    size?: EmbedModalSize;
+    src?: string;
+    testId?: string;
+    title?: string;
+    url?: string;
+};
+export declare type EmbedModalWithExperimentProps = EmbedModalProps & ModalProps & WithSizeExperimentProps & WithAnalytics;

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-button/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { ActionButtonProps } from './types';
+declare const ActionButton: React.FC<ActionButtonProps>;
+export default ActionButton;

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-button/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SmartLinkSize } from '../../../../../../constants';
+import { ActionProps } from '../types';
+export declare type ActionButtonProps = ActionProps & {
+    iconAfter?: React.ReactChild;
+    iconBefore?: React.ReactChild;
+    size: SmartLinkSize;
+};

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-dropdown-item/index.d.ts

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