@atlaskit/smart-card 34.6.6 → 34.7.0

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 import { type ContextViewModel, type FrameStyle } from '../types';
 export interface EmbedCardResolvedViewProps {

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

@@ -0,0 +1,36 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type ContextViewModel, type FrameStyle } 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;
+    /** 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 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;
+    isSupportTheming?: boolean;
+    inheritDimensions?: boolean;
+    /** Optional callback for when user dwells cursor over iframe - for analytics **/
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    /** Optional callback for when user navigates into an iframe - for analytics **/
+    onIframeFocus?: () => void;
+}
+export declare const EmbedCardResolvedViewOld: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types/view/EmbedCard/views/unresolved-view/UnresolvedViewOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import type { UnresolvedViewProps } from './types';
+declare const UnresolvedViewOld: ({ button, description, frameStyle, icon: iconUrlOrElement, image: imageUrlOrElement, inheritDimensions, isSelected, onClick, testId, text, title, url, }: UnresolvedViewProps) => jsx.JSX.Element;
+export default UnresolvedViewOld;

package/dist/types/view/EmbedCard/views/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ button, description, frameStyle, icon: iconUrlOrElement, image: imageUrlOrElement, inheritDimensions, isSelected, onClick, testId, text, title, url, }: UnresolvedViewProps) => jsx.JSX.Element;
-export default UnresolvedView;
+export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedViewExported;

package/dist/types-ts4.5/view/EmbedCard/components/ErrorFrame.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 export interface FrameProps {
     children?: React.ReactNode;
     compact?: boolean;
@@ -14,6 +13,6 @@ export interface FrameProps {
     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;
+export declare const ExpandedFrame: (props: FrameProps) => JSX.Element;
+export declare const CompactFrame: (props: FrameProps) => JSX.Element;
+export declare const Frame: (props: FrameProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ErrorFrameOld.d.ts

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type FrameStyle } from '../types';
 export interface ExpandedFrameProps {
     isPlaceholder?: boolean;
@@ -37,4 +37,4 @@ export interface ExpandedFrameProps {
      */
     setOverflow?: boolean;
 }
-export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;
+export declare const ExpandedFrame: (props: ExpandedFrameProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrameOld.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { type 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;
+    /** 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.
+     *
+     * Requires `setOverflow` to be set to true.
+     *
+     * Always enable this when when the card is not resolved so the connect account button is not hiddden.
+     */
+    allowScrollBar?: boolean;
+    /**
+     * Should the CSS `overflow` property be set to hidden or auto (clipping or
+     * supporting a scroll bar), or left out altogether.
+     *
+     * Set to true when embed is unresolved to prevent account connection button being unreachable.
+     *
+     * Set to false when the card is resolved to mitigate blurry embed card issue (EDM-7188).
+     * @default true
+     */
+    setOverflow?: boolean;
+}
+export declare const ExpandedFrameOld: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/FrameOld.d.ts

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

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { type FrameStyle } from '../types';
+import type { FrameStyle } from '../types';
 export declare const className = "media-card-frame";
+export declare const embedHeaderHeight = 32;
 export interface WrapperProps {
     minWidth?: number;
     maxWidth?: number;
@@ -8,41 +9,11 @@ export interface WrapperProps {
     isSelected?: boolean;
     frameStyle?: FrameStyle;
     inheritDimensions?: boolean;
+    className?: string;
 }
-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").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface HeaderProps {
     frameStyle?: FrameStyle;
 }
-export declare const embedHeaderHeight = 32;
-export declare const Header: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & HeaderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export interface PlaceholderProps {
-    isPlaceholder: boolean;
-}
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ContentProps {
     isInteractive: boolean;
     /**
@@ -56,54 +27,21 @@ export interface ContentProps {
     removeOverflow?: boolean;
     frameStyle?: FrameStyle;
 }
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ImageProps {
     size: number;
 }
-export declare const Image: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const maxAvatarCount = 6;
-export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Byline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Description: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ResolvedViewIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ThumbnailProps {
     src: string;
 }
-export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AlertWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface PlaceholderProps {
+    isPlaceholder: boolean;
+}
+export declare const LinkWrapper: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const Wrapper: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const Header: import("react").ComponentType<HeaderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const IconWrapper: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const TextWrapper: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const TooltipWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const Content: import("react").ComponentType<ContentProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const Image: import("react").ComponentType<ImageProps & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & import("@compiled/react").StyledProps>;
+export declare const Thumbnail: import("react").ComponentType<ThumbnailProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;

package/dist/types-ts4.5/view/EmbedCard/components/styledOld.d.ts

@@ -0,0 +1,109 @@
+/// <reference types="react" />
+import { type FrameStyle } from '../types';
+export declare const className = "media-card-frame";
+export interface WrapperProps {
+    minWidth?: number;
+    maxWidth?: number;
+    isInteractive?: boolean;
+    isSelected?: boolean;
+    frameStyle?: FrameStyle;
+    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").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface HeaderProps {
+    frameStyle?: FrameStyle;
+}
+export declare const embedHeaderHeight = 32;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & HeaderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface PlaceholderProps {
+    isPlaceholder: boolean;
+}
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface ContentProps {
+    isInteractive: boolean;
+    /**
+     * Whether to show a scroll bar (use overflow: auto) or hide overflow (overflow:hidden).
+     * Always set to true for unresolved embeds, otherwise the connect account button may be hidden and unreachable.
+     */
+    allowScrollBar: boolean;
+    /**
+     * Remove the overflow: ... CSS property altogether.
+     */
+    removeOverflow?: boolean;
+    frameStyle?: FrameStyle;
+}
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface ImageProps {
+    size: number;
+}
+export declare const Image: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const maxAvatarCount = 6;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Byline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ResolvedViewIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface ThumbnailProps {
+    src: string;
+}
+export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AlertWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,12 +1,12 @@
+/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
 export interface ErroredViewProps {
     onRetry?: (val: any) => void;
     isSelected?: boolean;
     testId?: string;
     inheritDimensions?: boolean;
 }
-export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;
+export declare const EmbedCardErroredView: (props: ErroredViewProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/views/ErroredViewOld.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+export interface ErroredViewProps {
+    onRetry?: (val: any) => void;
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const EmbedCardErroredViewOld: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 import { type ContextViewModel, type FrameStyle } from '../types';
 export interface EmbedCardResolvedViewProps {

package/dist/types-ts4.5/view/EmbedCard/views/ResolvedViewOld.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type ContextViewModel, type FrameStyle } 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;
+    /** 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 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;
+    isSupportTheming?: boolean;
+    inheritDimensions?: boolean;
+    /** Optional callback for when user dwells cursor over iframe - for analytics **/
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    /** Optional callback for when user navigates into an iframe - for analytics **/
+    onIframeFocus?: () => void;
+}
+export declare const EmbedCardResolvedViewOld: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.5/view/EmbedCard/views/unresolved-view/UnresolvedViewOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import type { UnresolvedViewProps } from './types';
+declare const UnresolvedViewOld: ({ button, description, frameStyle, icon: iconUrlOrElement, image: imageUrlOrElement, inheritDimensions, isSelected, onClick, testId, text, title, url, }: UnresolvedViewProps) => jsx.JSX.Element;
+export default UnresolvedViewOld;

package/dist/types-ts4.5/view/EmbedCard/views/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ button, description, frameStyle, icon: iconUrlOrElement, image: imageUrlOrElement, inheritDimensions, isSelected, onClick, testId, text, title, url, }: UnresolvedViewProps) => jsx.JSX.Element;
-export default UnresolvedView;
+export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedViewExported;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.6.6",
+	"version": "34.7.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -97,7 +97,7 @@
 		"@atlaskit/css-reset": "^6.11.0",
 		"@atlaskit/link-test-helpers": "^7.5.0",
 		"@atlaskit/media-test-helpers": "^34.7.0",
-		"@atlaskit/react-ufo": "^2.12.0",
+		"@atlaskit/react-ufo": "^2.13.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/analytics-tooling": "*",