@atlaskit/smart-card 26.1.0 → 26.1.2

package/dist/types-ts4.0/view/BlockCard/components/Name.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface NameProps {
+    name: React.ReactNode;
+    isLeftPadded?: boolean;
+    testId?: string;
+    children?: React.ReactNode;
+    textColor?: string;
+}
+export declare const blockCardContentHeaderNameClassName = "block-card-content-header-name";
+export declare const Name: ({ name, isLeftPadded, testId, textColor, }: NameProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/Provider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ProviderProps {
+    name: string;
+    icon?: React.ReactNode;
+}
+export declare const Provider: ({ name, icon }: ProviderProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/Thumbnail.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ImageProps {
+    src: string;
+    color?: string;
+    testId?: string;
+}
+export declare const Thumbnail: (props: ImageProps) => jsx.JSX.Element;
+export declare const ThumbnailDefault: ({ src, testId }: ImageProps) => jsx.JSX.Element;
+export declare const ThumbnailWithBackground: ({ src, color, testId }: ImageProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/UnresolvedText.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface UnresolvedTextProps {
+    icon: React.ReactNode;
+    text: React.ReactNode;
+}
+export declare const UnresolvedText: ({ icon, text }: UnresolvedTextProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/flexible/footer/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BlockCardFooterProps } from './types';
+/**
+ * This Component is a footer that is used in a Block Card with Flexible UI.
+ * It contains a provider icon if provider is present and an actions list if one is passed.
+ * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
+ *
+ * @see CustomBlock
+ * @param props are the data required for the block, such as actions to be displayed.
+ */
+declare const BlockCardFooter: React.FC<BlockCardFooterProps>;
+export default BlockCardFooter;

package/dist/types-ts4.0/view/BlockCard/components/flexible/footer/types.d.ts

@@ -0,0 +1,5 @@
+import { Appearance } from '@atlaskit/button';
+import { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
+export declare type BlockCardFooterProps = {
+    actionGroupAppearance?: Appearance;
+} & FooterBlockProps;

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

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import { BlockCardProps } from './types';
+import { AuthorizeAction } from './actions/AuthorizeAction';
+import { ForbiddenAction } from './actions/ForbiddenAction';
+import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
+import { NotFoundView as BlockCardNotFoundView } from './views/NotFoundView';
+import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
+import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
+import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
+import { ErroredView as BlockCardErroredView } from './views/ErroredView';
+export { default as PreviewAction } from './actions/PreviewAction';
+export type { ResolvedViewProps as BlockCardResolvedViewProps } from './views/ResolvedView';
+export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView, };
+export declare const BlockCard: FC<BlockCardProps>;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { CardAuthFlowOpts, CardProviderRenderers } from '@atlaskit/link-provider';
+import { CardState } from '../../state/types';
+import { InvokeHandler } from '../../model/invoke-handler';
+import { CardPlatform, OnResolveCallback } from '../Card/types';
+import { OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type BlockCardProps = {
+    id: string;
+    url: string;
+    cardState: CardState;
+    authFlow?: CardAuthFlowOpts['authFlow'];
+    handleAuthorize: (() => void) | undefined;
+    handleErrorRetry: () => void;
+    handleInvoke: InvokeHandler;
+    handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    testId?: string;
+    showActions?: boolean;
+    showServerActions?: boolean;
+    renderers?: CardProviderRenderers;
+    platform?: CardPlatform;
+    analytics: AnalyticsFacade;
+    enableFlexibleBlockCard?: boolean;
+};

package/dist/types-ts4.0/view/BlockCard/utils/handlers.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const handleClickCommon: (event: React.MouseEvent, onClick?: React.MouseEventHandler<Element> | undefined) => void;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ErroredViewProps {
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    onRetry?: () => void;
+    message?: string;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const blockCardErroredViewClassName = "block-card-errored-view";
+export declare const ErroredView: ({ isSelected, testId, link, onClick, onRetry, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../../common/Icon';
+import { RequestAccessContextProps } from '../../types';
+export interface PermissionDeniedProps {
+    actions?: Array<ActionProps>;
+    context?: {
+        icon?: React.ReactNode;
+        text: string;
+    };
+    icon: IconProps;
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    showActions?: boolean;
+    requestAccessContext?: RequestAccessContextProps;
+}
+export declare const blockCardForbiddenViewClassName = "block-card-forbidden-view";
+export declare const blockCardForbiddenViewLinkClassName = "block-card-forbidden-view-link";
+export declare const ForbiddenView: ({ context, isSelected, actions, testId, showActions, link, onClick, requestAccessContext, }: PermissionDeniedProps) => jsx.JSX.Element;

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

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { IconProps } from '../../common/Icon';
+export interface NotFoundProps {
+    context?: {
+        icon?: React.ReactNode;
+        text: string;
+    };
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    icon: IconProps;
+    testId?: string;
+}
+export declare const blockCardNotFoundViewClassName = "block-card-not-found-view";
+export declare const NotFoundView: ({ context, isSelected, testId, link, onClick, }: NotFoundProps) => jsx.JSX.Element;

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/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;
+    /** It determines whether a link source supports different design theme modes */
+    isSupportTheming?: 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, isSupportTheming, }: ResolvedViewProps) => jsx.JSX.Element;

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

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/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.JSX.Element;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/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.JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block Card with an 'Errored' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleErroredView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleErroredView;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represent a Block Card with the 'Forbidden' status.
+ * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleForbiddenView: ({ cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleForbiddenView;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block Card with a 'Not_Found' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleNotFoundView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleNotFoundView;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block card that has an 'Resolved' status.
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleResolvedView;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block card that has an 'Unauthorized' status .
+ * It should have a "Connect" button that will allow a user to connect their account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleUnauthorisedView: ({ analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleUnauthorisedView;

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

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import { CardState } from '@atlaskit/linking-common';
+import { OnErrorCallback } from '../../../types';
+import { FlexibleUiOptions } from '../../../FlexibleCard/types';
+import { OnResolveCallback } from '../../../Card/types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { AnalyticsFacade } from '../../../../state/analytics';
+export declare type FlexibleBlockCardProps = {
+    /**
+     * An AnalyticsFacade object used for calling analytics.
+     */
+    analytics: AnalyticsFacade;
+    /**
+     * Determines the status and data of the Smart Link.
+     * @internal
+     */
+    cardState: CardState;
+    /**
+     * Provides the extensionKey of a Smart Link resolver invoked.
+     */
+    extensionKey?: string;
+    /**
+     * A unique id for this Smart Link instance, used for analytics.
+     */
+    id?: string;
+    /**
+     * An additional action that can be performed when link is not resolved, e.g.
+     * connect account to gain access to 403 link.
+     * @internal
+     */
+    onAuthorize?: () => void;
+    /**
+     * Determines the onClick behaviour of Flexible UI. This will proxy to the
+     * TitleBlock if supplied.
+     */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /**
+     * function to be called after a flexible card has rendered its error states
+     */
+    onError?: OnErrorCallback;
+    /**
+     * function to be called after a flexible card has rendered its resolved state
+     */
+    onResolve?: OnResolveCallback;
+    /**
+     * Any additional renderers required by Flexible UI. Currently used by icon
+     * to render Emoji.
+     */
+    renderers?: CardProviderRenderers;
+    /**
+     * A name of the provider, needed to specify to user which account has to be connected
+     */
+    providerName?: string;
+    /**
+     * Determines whether to show available server actions.
+     */
+    showServerActions?: boolean;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * Determines the appearance of Flexible UI.
+     * @see FlexibleUiOptions
+     */
+    ui?: FlexibleUiOptions;
+    /**
+     * Determines the URL of the Smart Link.
+     */
+    url: string;
+};

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" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "showServerActions" | "onResolve" | "showAuthTooltip" | "platform" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "embedIframeUrlType" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export type { CardAppearance, CardProps, CardPlatform };

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

@@ -0,0 +1,63 @@
+/// <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';
+import { FrameStyle } from '../EmbedCard/types';
+export type { CardAppearance, CardPlatform };
+export declare type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export declare type EmbedIframeUrlType = 'href' | 'interactiveHref';
+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;
+    /**
+     * @deprecated please use 'frameStyle' prop instead. Current usages will be converted in the following manner:
+     * isFrameVisible: true => frameStyle: 'show', isFrameVisible: false => frameStyle: 'showOnHover'
+     */
+    isFrameVisible?: boolean;
+    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
+    frameStyle?: FrameStyle;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    importer?: (target: any) => void;
+    container?: HTMLElement;
+    data?: any;
+    url?: string;
+    testId?: string;
+    /**
+     * Show client actions, e.g. preview, download, etc.
+     * These actions do not change the link resource.
+     */
+    showActions?: boolean;
+    /**
+     * Show server actions that change the link resource, e.g. update status.
+     */
+    showServerActions?: boolean;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    /** This props determines if dimensions of an embed card are to be inherited from the parent.
+     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
+     */
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    embedIframeUrlType?: EmbedIframeUrlType;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+     * The use of `useSmartLinkAnalytics` external use in conjunction with `analyticsEvents` prop is deprecated and may be removed in future releases.
+     * Please avoid using this prop.
+     */
+    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, frameStyle, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, showServerActions: showServerActionsProp, inheritDimensions, embedIframeRef, embedIframeUrlType, inlinePreloaderStyle, ui, children, showHoverPreview, showAuthTooltip: showAuthTooltipProp, 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,38 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardAppearance, CardPlatform, EmbedIframeUrlType, OnResolveCallback } from '../Card/types';
+import { AnalyticsHandler } from '../../utils/types';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+import { FrameStyle } from '../EmbedCard/types';
+export declare type CardWithUrlContentProps = {
+    id: string;
+    url: string;
+    appearance: CardAppearance;
+    platform?: CardPlatform;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    frameStyle?: FrameStyle;
+    container?: HTMLElement;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+     * Avoid prop drilling analytics handlers
+     */
+    dispatchAnalytics?: AnalyticsHandler;
+    testId?: string;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    showActions?: boolean;
+    showServerActions?: boolean;
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    embedIframeUrlType?: EmbedIframeUrlType;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    showAuthTooltip?: 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,26 @@
+import React, { FC } from 'react';
+import { FrameStyle } from '../types';
+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;
+    /** @deprecated use frameStyle prop */
+    isFrameVisible?: boolean;
+    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
+    frameStyle?: FrameStyle;
+    /** 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;
+    /** To enable scrolling in use cases where the content will not have it's own scrollbar */
+    allowScrollBar?: boolean;
+}
+export declare const ExpandedFrame: FC<ExpandedFrameProps>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FrameProps {
+    url?: string;
+    isTrusted?: boolean;
+    testId?: string;
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    onIframeFocus?: () => void;
+}
+export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;

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

@@ -0,0 +1,8 @@
+export interface IframeDwellTrackerProps {
+    isIframeLoaded: boolean;
+    isMouseOver: boolean;
+    isWindowFocused: boolean;
+    iframePercentVisible: number;
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+}
+export declare const IframeDwellTracker: ({ isIframeLoaded, isMouseOver, isWindowFocused, iframePercentVisible, onIframeDwell, }: IframeDwellTrackerProps) => null;

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>;