@atlaskit/smart-card 21.2.0 → 22.1.0

package/dist/types/utils/analytics/types.d.ts

@@ -1,2 +1,93 @@
+import { APIError, CardType } from '@atlaskit/linking-common';
+import { PreviewDisplay, PreviewInvokeMethod } from '../../view/HoverCard/types';
+import { ErrorInfo } from 'react';
+import { CardInnerAppearance } from '../../view/Card/types';
+import { InvokeType } from '../../model/invoke-opts';
 export declare type DestinationProduct = 'jira' | 'confluence' | 'bitbucket' | 'trello';
 export declare type DestinationSubproduct = 'core' | 'software' | 'servicedesk';
+export interface CommonEventProps {
+    id?: string;
+    definitionId?: string;
+    extensionKey?: string;
+    resourceType?: string;
+    destinationSubproduct?: DestinationSubproduct | string;
+    destinationProduct?: DestinationProduct | string;
+    location?: string;
+}
+export declare type ResolvedEventProps = CommonEventProps & {
+    id: string;
+};
+export declare type UnresolvedEventProps = CommonEventProps & {
+    id: string;
+    status: string;
+    error?: APIError;
+};
+export declare type InvokeSucceededEventProps = CommonEventProps & {
+    id: string;
+    actionType: string;
+    display: CardInnerAppearance;
+};
+export declare type InvokeFailedEventProps = CommonEventProps & {
+    id: string;
+    actionType: string;
+    display: CardInnerAppearance;
+    reason: string;
+};
+export declare type ConnectSucceededEventProps = CommonEventProps & {
+    id?: string;
+};
+export declare type ConnectFailedEventProps = CommonEventProps & {
+    id?: string;
+    reason?: string;
+};
+export declare type TrackAppAccountConnectedProps = CommonEventProps;
+export declare type UiAuthEventProps = CommonEventProps & {
+    display: CardInnerAppearance;
+};
+export declare type UiAuthAlternateAccountEventProps = CommonEventProps & {
+    display: CardInnerAppearance;
+};
+export declare type UiCardClickedEventProps = CommonEventProps & {
+    id: string;
+    display: CardInnerAppearance;
+    status: CardType;
+    isModifierKeyPressed?: boolean;
+    actionSubjectId?: string;
+};
+export declare type UiActionClickedEventProps = CommonEventProps & {
+    id: string;
+    display: CardInnerAppearance;
+    actionType: string;
+    invokeType?: InvokeType;
+};
+export declare type ScreenAuthPopupEventProps = CommonEventProps;
+export declare type UiClosedAuthEventProps = CommonEventProps & {
+    display: CardInnerAppearance;
+};
+export declare type UiRenderSuccessEventProps = CommonEventProps & {
+    display: CardInnerAppearance;
+    status: CardType;
+};
+export declare type UiRenderFailedEventProps = CommonEventProps & {
+    display: CardInnerAppearance;
+    error: Error;
+    errorInfo: ErrorInfo;
+};
+export declare type UiHoverCardViewedEventProps = CommonEventProps & {
+    previewDisplay: PreviewDisplay;
+    previewInvokeMethod?: PreviewInvokeMethod;
+};
+export declare type UiHoverCardDismissedEventProps = CommonEventProps & {
+    previewDisplay: PreviewDisplay;
+    hoverTime: number;
+    previewInvokeMethod?: PreviewInvokeMethod;
+};
+export declare type UiHoverCardOpenLinkClickedEventProps = CommonEventProps & {
+    previewDisplay: PreviewDisplay;
+    previewInvokeMethod?: PreviewInvokeMethod;
+};
+export declare type InstrumentEventProps = CommonEventProps & {
+    error?: APIError;
+    status: CardType;
+    id: string;
+};

package/dist/types/utils/mocks.d.ts

@@ -20,7 +20,55 @@ export declare const mocks: {
             status: string;
         };
     };
+    analytics: {
+        status: string;
+        details: {
+            meta: {
+                definitionId: string;
+                key: string;
+                resourceType: string;
+                subproduct: string;
+                product: string;
+            };
+        };
+    };
 };
 export declare const fakeResponse: () => Promise<JsonLd.Response<JsonLd.Data.BaseData>>;
 export declare const fakeFactory: any;
 export declare const waitFor: (time?: number) => Promise<unknown>;
+export declare const mockAnalytics: {
+    ui: {
+        authEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiAuthEventProps) => void;
+        authAlternateAccountEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiAuthAlternateAccountEventProps) => void;
+        buttonClickedEvent: (data: Partial<import("./types").AnalyticsPayload> & {
+            actionSubjectId: string;
+        }) => void;
+        cardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: import("./analytics/types").UiCardClickedEventProps) => void;
+        actionClickedEvent: ({ id, actionType, display, invokeType, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiActionClickedEventProps) => void;
+        hoverCardOpenLinkClickedEvent: ({ previewDisplay, definitionId, extensionKey, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: import("./analytics/types").UiHoverCardOpenLinkClickedEventProps) => void;
+        closedAuthEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiClosedAuthEventProps) => void;
+        modalClosedEvent: (data: Partial<import("./types").AnalyticsPayload> & {
+            actionSubjectId: string;
+        }) => void;
+        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderSuccessEventProps) => void;
+        renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderFailedEventProps) => void;
+        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiHoverCardViewedEventProps) => void;
+        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiHoverCardDismissedEventProps) => void;
+    };
+    operational: {
+        invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").InvokeSucceededEventProps) => void;
+        invokeFailedEvent: ({ id, actionType, display, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").InvokeFailedEventProps) => void;
+        connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").ConnectSucceededEventProps) => void;
+        connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").ConnectFailedEventProps) => void;
+        instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: import("./analytics/types").InstrumentEventProps) => void;
+    };
+    track: {
+        appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;
+    };
+    screen: {
+        authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;
+        modalViewedEvent: (data: Partial<import("./types").AnalyticsPayload> & {
+            name: "embedPreviewModal";
+        }) => void;
+    };
+};

package/dist/types/utils/types.d.ts

@@ -1,7 +1,9 @@
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { CardInnerAppearance } from '../view/Card/types';
 export declare type AnalyticsAction = 'resolved' | 'unresolved' | 'connectSucceeded' | 'connectFailed' | 'connected' | 'clicked' | 'closed' | 'renderFailed' | 'renderWithStatus' | 'renderSuccess' | 'inserted' | 'viewed' | 'dismissed' | 'created';
-export declare type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard';
+export declare type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal';
+export declare type AnalyticsName = 'embedPreviewModal';
+export declare type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';
 export declare type AnalyticsPayload = GasPayload & {
     action?: AnalyticsAction;
     actionSubject: AnalyticsActionSubject;

package/dist/types/view/BlockCard/actions/PreviewAction.d.ts

@@ -1,9 +1,11 @@
 import React, { ErrorInfo } from 'react';
 import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
+import { AnalyticsFacade } from '../../../state/analytics';
 import { EmbedModalWithExperimentProps } from '../../EmbedModal/types';
 import { ActionProps } from '../components/Action';
 import { IconProps } from '../../common/Icon';
 import { MetadataProps } from '../../common/Metadata';
+import { AnalyticsOrigin } from '../../../utils/types';
 export interface PreviewFunctionArg extends EmbedModalWithExperimentProps {
     popupMountPointId: string;
 }
@@ -23,6 +25,8 @@ declare type PreviewInfo = {
     onOpen?: () => void;
     onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
     featureFlags?: Partial<LinkingPlatformFeatureFlags>;
+    analytics: AnalyticsFacade;
+    origin?: AnalyticsOrigin;
 };
 declare const _default: ({ details, ...rest }: PreviewInfo) => ActionProps;
 export default _default;

package/dist/types/view/BlockCard/index.d.ts

@@ -1,14 +1,14 @@
 import { FC } from 'react';
 import { BlockCardProps } from './types';
-export { default as PreviewAction } from './actions/PreviewAction';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
-export type { ResolvedViewProps as BlockCardResolvedViewProps } 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/view/BlockCard/types.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { CardProviderRenderers, CardAuthFlowOpts } from '@atlaskit/link-provider';
+import { CardAuthFlowOpts, CardProviderRenderers } from '@atlaskit/link-provider';
 import { CardState } from '../../state/types';
 import { InvokeHandler } from '../../model/invoke-handler';
-import { AnalyticsHandler } from '../../utils/types';
-import { OnResolveCallback, CardPlatform } from '../Card/types';
+import { CardPlatform, OnResolveCallback } from '../Card/types';
 import { OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
 export declare type BlockCardProps = {
     id: string;
     url: string;
@@ -12,7 +12,6 @@ export declare type BlockCardProps = {
     authFlow?: CardAuthFlowOpts['authFlow'];
     handleAuthorize: (() => void) | undefined;
     handleErrorRetry: () => void;
-    handleAnalytics: AnalyticsHandler;
     handleInvoke: InvokeHandler;
     handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     isSelected?: boolean;
@@ -22,4 +21,5 @@ export declare type BlockCardProps = {
     showActions?: boolean;
     renderers?: CardProviderRenderers;
     platform?: CardPlatform;
+    analytics: AnalyticsFacade;
 };

package/dist/types/view/Card/index.d.ts

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

package/dist/types/view/EmbedCard/types.d.ts

@@ -1,18 +1,18 @@
 import { CardState } from '../../state/types';
 import { InvokeHandler } from '../../model/invoke-handler';
-import { AnalyticsHandler } from '../../utils/types';
 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>;
-    handleAnalytics: AnalyticsHandler;
+    analytics: AnalyticsFacade;
     handleInvoke: InvokeHandler;
     id?: string;
     isSelected?: boolean;

package/dist/types/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/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/view/EmbedModal/components/size-experiment/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { ModalProps } from '../../../common/Modal';
-import { EmbedModalProps } from '../../types';
+import Modal from '../../../common/Modal';
 import { WithSizeExperimentProps } from './types';
-declare const withSizeExperiment: (Component: React.ComponentType<EmbedModalProps>) => React.FC<(EmbedModalProps | ModalProps) & WithSizeExperimentProps>;
+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/view/EmbedModal/index.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import { EmbedModalProps } from './types';
-declare const _default: React.FC<(import("../common/Modal").ModalProps | EmbedModalProps) & import("./components/size-experiment/types").WithSizeExperimentProps>;
+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/view/EmbedModal/types.d.ts

@@ -2,23 +2,33 @@ 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: () => any;
+    onClose: (context: EmbedModalContext) => void;
     onDownloadActionClick?: () => void;
-    onOpen?: () => void;
+    onOpen?: (context: EmbedModalContext) => void;
     onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
+    onResize?: (context: EmbedModalContext) => void;
     onViewActionClick?: () => void;
     providerName?: string;
     showModal?: boolean;
-    size?: string;
+    size?: EmbedModalSize;
     src?: string;
     testId?: string;
     title?: string;
     url?: string;
 };
-export declare type EmbedModalWithExperimentProps = EmbedModalProps & ModalProps & WithSizeExperimentProps;
+export declare type EmbedModalWithExperimentProps = EmbedModalProps & ModalProps & WithSizeExperimentProps & WithAnalytics;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/types.d.ts

@@ -1,2 +1,8 @@
 import { BlockProps } from '../types';
-export declare type PreviewBlockProps = BlockProps;
+export declare type PreviewBlockProps = {
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+} & BlockProps;

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,6 +1,7 @@
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkStatus } from '../../../../constants';
 import { SerializedStyles } from '@emotion/core';
 import { ActionProps } from '../actions/action/types';
+import { Ref } from 'react';
 export declare type BlockProps = {
     /**
      * The direction that the block should arrange it's elements. Can be vertical
@@ -29,6 +30,20 @@ export declare type BlockProps = {
      * serving as a hook for automated tests
      */
     testId?: string;
+    /**
+     * Ref to block wrapper div.
+     */
+    blockRef?: Ref<HTMLDivElement>;
+    /**
+     * Function to be called on render of block.
+     * @internal
+     */
+    onRender?: () => void;
+    /**
+     * Function to be called on transition end of block.
+     * @internal
+     */
+    onTransitionEnd?: () => void;
 };
 /**
  * Used to represent a metadata element to be rendered.

package/dist/types/view/FlexibleCard/components/common/image-icon/types.d.ts

@@ -3,4 +3,5 @@ export declare type ImageIconProps = {
     defaultIcon?: React.ReactNode;
     testId?: string;
     url: string;
+    onError?: () => void;
 };

package/dist/types/view/FlexibleCard/components/elements/media/types.d.ts

@@ -9,4 +9,9 @@ export declare type MediaProps = ElementProps & {
      * The URL of the associated media to display.
      */
     url?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
 };

package/dist/types/view/HoverCard/components/SnippetOrPreview.d.ts

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

package/dist/types/view/HoverCard/styled.d.ts

@@ -8,3 +8,5 @@ export declare const metadataBlockCss: import("@emotion/utils").SerializedStyles
 export declare const footerBlockCss: import("@emotion/utils").SerializedStyles;
 export declare const loadingViewContainer: import("@emotion/utils").SerializedStyles;
 export declare const skeletonContainer: import("@emotion/utils").SerializedStyles;
+export declare const hiddenSnippetStyles: import("@emotion/utils").SerializedStyles;
+export declare const getTransitionStyles: (snippetHeight: number) => import("@emotion/utils").SerializedStyles;

package/dist/types/view/HoverCard/types.d.ts

@@ -8,6 +8,7 @@ import { AnalyticsHandler } from '../../utils/types';
 import { ReactElement } from 'react';
 import { TitleBlockProps } from '../FlexibleCard/components/blocks/title-block/types';
 import { FlexibleCardProps } from '../FlexibleCard/types';
+import { JsonLd } from 'json-ld-types';
 export interface HoverCardProps extends WithAnalyticsEventsProps {
     id?: string;
     url: string;
@@ -38,3 +39,7 @@ export declare type HoverCardLoadingViewProps = {
     flexibleCardProps: FlexibleCardProps;
     titleBlockProps: TitleBlockProps;
 };
+export declare type SnippetOrPreviewProps = {
+    data: JsonLd.Data.BaseData;
+    snippetHeight: number;
+};

package/dist/types/view/common/Modal.d.ts

@@ -1,15 +1,16 @@
 import React, { ErrorInfo } from 'react';
 import { IconProps } from './Icon';
 import { MetadataListProps } from './MetadataList';
+import { EmbedModalContext } from '../EmbedModal/types';
 export interface ModalProps {
-    onClose: () => any;
-    onOpen?: () => void;
+    onClose: (context: EmbedModalContext) => void;
+    onOpen?: (context: EmbedModalContext) => void;
     onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
     src?: string;
     showModal?: boolean;
     iframeName: string;
     providerName?: string;
-    closeLabel: string;
+    closeLabel?: string;
     url?: string;
     title?: string;
     metadata?: MetadataListProps;
@@ -21,8 +22,5 @@ export interface ModalProps {
     onDownloadActionClick?: () => void;
     testId?: string;
 }
-declare class ModalWithErrorBoundary extends React.Component<ModalProps> {
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): JSX.Element;
-}
-export default ModalWithErrorBoundary;
+declare const _default: React.FC<import("../EmbedModal/types").EmbedModalProps & import("../EmbedModal/components/analytics/types").WithAnalytics>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "21.2.0",
+  "version": "22.1.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"