@atlaskit/smart-card 26.34.4 → 26.35.1

package/dist/types-ts4.5/view/BlockCard/components/ContentFooter.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ContentFooterProps {
+    children: React.ReactNode;
+    hasSpaceBetween?: boolean;
+}
+export declare const contentFooterClassName = "smart-link-content-footer";
+export declare const ContentFooter: ({ children, hasSpaceBetween, }: ContentFooterProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/components/ContentHeader.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ContentHeaderProps {
+    onClick: React.MouseEventHandler;
+    link: string;
+    children: React.ReactNode;
+}
+export declare const blockCardContentHeaderClassName = "block-card-content-header";
+export declare const ContentHeader: ({ onClick, link, children, }: ContentHeaderProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/components/Emoji.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+export interface EmojiProps {
+    emoji?: React.ReactNode;
+}
+export declare const Emoji: ({ emoji }: EmojiProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/components/Frame.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+export interface FrameProps {
+    children?: React.ReactNode;
+    compact?: boolean;
+    isSelected?: boolean;
+    isHoverable?: boolean;
+    isFluidHeight?: boolean;
+    testId?: string;
+    className?: string;
+    inheritDimensions?: boolean;
+}
+export declare const Frame: (props?: FrameProps) => jsx.JSX.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => jsx.JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/components/Link.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface LinkProps {
+    url: string;
+    testId?: string;
+    className?: string;
+}
+export declare const Link: ({ url, testId, className }: LinkProps) => jsx.JSX.Element;

package/dist/types-ts4.5/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.5/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.5/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.5/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.5/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.5/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 type BlockCardFooterProps = {
+    actionGroupAppearance?: Appearance;
+} & FooterBlockProps;

package/dist/types-ts4.5/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.5/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 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.5/view/BlockCard/utils/handlers.d.ts

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

package/dist/types-ts4.5/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.5/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.5/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.5/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, }: ResolvedViewProps) => jsx.JSX.Element;

package/dist/types-ts4.5/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.5/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.5/view/BlockCard/views/flexible/FlexibleErroredView.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { FlexibleBlockCardProps } from './types';
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -0,0 +1,5 @@
+export declare const metadataBlockCss: import("@emotion/react").SerializedStyles;
+export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
+export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
+export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
+export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,83 @@
+/// <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';
+import { AnchorTarget } from '../../../FlexibleCard/components/types';
+import { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
+export type FlexibleBlockCardProps = {
+    /**
+     * An AnalyticsFacade object used for calling analytics.
+     */
+    analytics: AnalyticsFacade;
+    /**
+     * Determines the anchor target to be passed to the title block.
+     */
+    anchorTarget?: AnchorTarget;
+    /**
+     * 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;
+    /**
+     * A name of the provider, needed to specify to user which account has to be connected
+     */
+    providerName?: string;
+    /**
+     * Any additional renderers required by Flexible UI. Currently used by icon
+     * to render Emoji.
+     */
+    renderers?: CardProviderRenderers;
+    /**
+     * 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;
+    /**
+     * Determines a style of the Title Block.
+     */
+    titleBlockProps?: TitleBlockProps;
+};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/index.d.ts

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
+export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
+export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
+type SimulatedMetadata = {
+    titleMetadata: ElementItem[];
+    topMetadata: ElementItem[];
+    bottomMetadata?: ElementItem[];
+};
+export {};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { FlexibleBlockCardProps } from '../types';
+export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.FC<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;

package/dist/types-ts4.5/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" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "showServerActions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export type { CardAppearance, CardProps, CardPlatform };

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

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { CardAppearance } from '@atlaskit/linking-common';
+import { CardPlatform } from '@atlaskit/link-extractors';
+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 type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type EmbedIframeUrlType = 'href' | 'interactiveHref';
+export 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;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
+     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
+     * https://product-fabric.atlassian.net/browse/EDM-6813
+     */
+    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;
+    /**
+     * A callback function currently invoked in two cases
+     * 1. When the {@link CardState.status} is one of {@link ErrorCardType}. "err" property in argument will be undefined in this case
+     *    This does not mean that smart card failed to render.
+     * 2. When there is any unhandled error inside smart card while rendering, resulting in failure to render smart card succesfully.
+     *    "err" property in argument will be provided in this case.
+     *    Presence of an err property indicates that the client should either render their own fallback
+     *    or provide a fallbackComponent prop which will be rendered instead smart card component.
+     *    If fallbackComponent is not provided, smart card will render null
+     */
+    onError?: OnErrorCallback;
+    /**
+     * A component that will be rendered when smart card fails to render
+     * because of uncaught errors
+     */
+    fallbackComponent?: React.ComponentType;
+    /** 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.5/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.5/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.5/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.5/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.5/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.5/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.5/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.5/view/CardWithUrl/component.d.ts

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

package/dist/types-ts4.5/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;