@atlaskit/smart-card 27.9.0 → 27.9.2

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.9.0"
+  packageVersion: "27.9.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -3,7 +3,7 @@ import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Tool
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
@@ -21,7 +21,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions,
     _ref$allowScrollBar = _ref.allowScrollBar,
-    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
+    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
+    _ref$setOverflow = _ref.setOverflow,
+    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -29,7 +31,6 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return handleClickCommon(event, onClick);
   };
   var handleMouseDown = useMouseDownEvent();
-  var isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return (
       /*#__PURE__*/
@@ -73,7 +74,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/React.createElement(Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
-      removeOverflow: isFixEmbedCardBlurEnabled,
+      removeOverflow: fg('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
@@ -99,7 +100,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/React.createElement(Wrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -115,6 +116,6 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -55,7 +55,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     icon: icon,
     text: text,
     onClick: onClick,
-    inheritDimensions: inheritDimensions
+    inheritDimensions: inheritDimensions,
+    setOverflow: false
   }, jsx(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

package/dist/esm/view/EmbedCard/views/unresolved-view/index.js

@@ -79,8 +79,11 @@ var UnresolvedView = function UnresolvedView(_ref) {
       "data-testid": imageTestId
     }, imageUrlOrElement);
   }, [imageUrlOrElement, testId]);
-  return jsx(ExpandedFrame, {
-    allowScrollBar: true
+  return jsx(ExpandedFrame
+  // Scroll bar must be shown for unresolved views to display the connect account button
+  , {
+    allowScrollBar: true,
+    setOverflow: true
     // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
     // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
     // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-
 import { di } from 'react-magnetic-di';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../../constants';

package/dist/esm/view/FlexibleCard/components/actions/action/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../constants';

package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js

@@ -8,7 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -18,8 +18,8 @@ import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
 var getIconFF = function getIconFF() {
-  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
+  if (fg('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
       return MediaServicesActualSizeIcon;
     }
   }

package/dist/esm/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import * as Actions from '../../../actions';
 var ActionGroupItem = function ActionGroupItem(_ref) {
   var item = _ref.item,

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
 import Lozenge from '@atlaskit/lozenge';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../../../messages';
 import AIIcon from '../../../../../common/ai-icon';
 import AIIndicatorTooltip from './ai-indicator-tooltip';
@@ -56,7 +56,7 @@ var AIStateDone = function AIStateDone(_ref) {
     size: "small",
     testId: "".concat(testId, "-done-icon")
   });
-  var title = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? jsx(Box, {
+  var title = fg('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? jsx(Box, {
     testId: "".concat(testId, "-done-message")
   }, jsx(FormattedMessage, messages.ai_summarized)) : jsx(React.Fragment, null, jsx(Box, {
     testId: "".concat(testId, "-done-message")

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/index.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React from 'react';
 import AIStateLoading from './ai-state-loading';
 import AIStateDone from './ai-state-done';
 import AIStateError from './ai-state-error';

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId", "overrideUrl"];
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -5,7 +5,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject;
 /** @jsx jsx */
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement } from '../../../../../../constants';

package/dist/esm/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -13,7 +13,7 @@ var MINIMUM_MAX_LINES = 1;
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
  * @public
- * @param {SnippetBlock} SnippetBlock
+ * @param {SnippetBlockProps} SnippetBlockProps
  * @see Block
  */
 var SnippetBlock = function SnippetBlock(_ref) {

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
-import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 /** @jsx jsx */
-import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';

package/dist/esm/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 import AKBadge from '@atlaskit/badge';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';

package/dist/esm/view/FlexibleCard/components/elements/media/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ImageIcon from '../../common/image-icon';

package/dist/esm/view/FlexibleCard/components/elements/preview/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["overrideUrl"];
 /** @jsx jsx */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';

package/dist/esm/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -4,7 +4,7 @@ var _excluded = ["content", "maxLines", "overrideCss"];
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Text from '../text';
 var SNIPPET_DEFAULT_MAX_LINES = 3;

package/dist/esm/view/FlexibleCard/components/elements/text/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';

package/dist/esm/view/HoverCard/components/views/resolving/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React from 'react';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';
 import { CARD_WIDTH_REM } from '../../../styled';
 import { getTitleStyles, loadingViewContainer, skeletonContainer, titleBlockStyles } from './styled';

package/dist/esm/view/LinkUrl/LinkWarningModal/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl-next';

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.9.0",
+  packageVersion: "27.9.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RelatedLinksModal/components/EmptyState.js

@@ -13,8 +13,8 @@ var emptyStateStyles = xcss({
   textAlign: 'center'
 });
 var descriptionStyles = xcss({
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-300, 24px)",
+  marginTop: 'space.0',
+  marginBottom: 'space.300',
   color: 'color.text'
 });
 export var EmptyState = function EmptyState(_ref) {

package/dist/esm/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { OUTER_BORDER_RADIUS } from '../constants';
 var namespaceUUID = 0;
 var svgStyles = css({

package/dist/esm/view/common/ai-prism/ai-glowing-border/index.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React from 'react';
 import AnimatedSvgContainer from './animated-svg-container';
 import { INNER_BORDER_RADIUS } from '../constants';
 var borderContainerStyles = css({

package/dist/esm/view/common/ai-summary/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 import Markdown from 'markdown-to-jsx';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/types/ssr.d.ts

@@ -1,6 +1,6 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import type { CardProps } from './types';
 export type CardSSRProps = CardProps & {
     url: string;
 };
-export declare const CardSSR: FC<CardSSRProps>;
+export declare const CardSSR: (props: CardSSRProps) => JSX.Element;

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { type FC } from 'react';
 import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
@@ -9,7 +7,8 @@ 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';
+import { jsx } from '@emotion/react';
 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>;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleErrorRetry, handleFrameClick, handleInvoke, renderers, isSelected, onResolve, onError, testId, platform, analytics, enableFlexibleBlockCard, actionOptions, }: BlockCardProps) => jsx.JSX.Element;

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

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

package/dist/types/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts

@@ -1,3 +1,3 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type CardWithUrlContentProps } from '../types';
-export declare const LoadingCardLink: FC<CardWithUrlContentProps>;
+export declare const LoadingCardLink: ({ isSelected, url, placeholder }: CardWithUrlContentProps) => JSX.Element;

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

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

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

@@ -1,4 +1,4 @@
-import React, { type FC } from 'react';
+import React from 'react';
 export interface ImageIconProps {
     alt?: string;
     size?: number;
@@ -6,4 +6,4 @@ export interface ImageIconProps {
     title?: string;
     default?: React.ReactElement;
 }
-export declare const ImageIcon: FC<ImageIconProps>;
+export declare const ImageIcon: ({ alt, src, size, title, default: defaultIcon, }: ImageIconProps) => JSX.Element | null;

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

@@ -45,7 +45,14 @@ export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
 }, 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;
 }

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

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type ForbiddenViewProps } from './types';
-declare const ForbiddenView: FC<ForbiddenViewProps>;
+declare const ForbiddenView: ({ context, onAuthorize, accessContext, testId, ...unresolvedViewProps }: ForbiddenViewProps) => JSX.Element;
 export default ForbiddenView;

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

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import type { NotFoundViewProps } from './types';
-declare const NotFoundView: FC<NotFoundViewProps>;
+declare const NotFoundView: ({ context, accessContext, testId, ...unresolvedViewProps }: NotFoundViewProps) => JSX.Element;
 export default NotFoundView;

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

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type UnauthorizedViewProps } from './types';
-declare const UnauthorizedView: FC<UnauthorizedViewProps>;
+declare const UnauthorizedView: ({ analytics, context, extensionKey, isProductIntegrationSupported, onAuthorize, testId, ...unresolvedViewProps }: UnauthorizedViewProps) => JSX.Element;
 export default UnauthorizedView;

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

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

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

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

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { type FC } from 'react';
+import { jsx } from '@emotion/react';
 import { type EmbedProps } from './types';
-declare const EmbedContent: FC<EmbedProps>;
+declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
 export default EmbedContent;

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

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

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

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { type LinkInfoProps } from './types';
-declare const LinkInfo: React.FC<LinkInfoProps>;
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
 export default LinkInfo;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type LinkInfoButtonProps } from './types';
-declare const LinkInfoButton: React.FC<LinkInfoButtonProps>;
+declare const LinkInfoButton: ({ content, href, icon, onClick, target, testId }: LinkInfoButtonProps) => JSX.Element;
 export default LinkInfoButton;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmbedModalSize } from './types';
-declare const _default: React.FC<{
+declare const _default: (props: {
     download?: string | undefined;
     icon?: import("../common/Icon").IconProps | undefined;
     iframeName: string;
@@ -17,5 +17,5 @@ declare const _default: React.FC<{
     testId?: string | undefined;
     title?: string | undefined;
     url?: string | undefined;
-} & import("./components/analytics/types").WithAnalytics>;
+} & import("./components/analytics/types").WithAnalytics) => JSX.Element;
 export default _default;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type ActionButtonProps } from './types';
-declare const ActionButton: React.FC<ActionButtonProps>;
+declare const ActionButton: ({ appearance, content, iconAfter, iconBefore, isLoading, onClick, overrideCss, size, testId, tooltipMessage, isDisabled, href, ariaLabel, }: ActionButtonProps) => jsx.JSX.Element;
 export default ActionButton;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type ActionDropdownItemProps } from './types';
-declare const ActionDropdownItem: React.FC<ActionDropdownItemProps>;
+declare const ActionDropdownItem: ({ content, iconAfter, iconBefore, isLoading, onClick, testId, }: ActionDropdownItemProps) => JSX.Element;
 export default ActionDropdownItem;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type ActionIconProps } from './types';
-declare const ActionIcon: React.FC<ActionIconProps>;
+declare const ActionIcon: ({ size, testId, icon, isDisabled, asStackItemIcon }: ActionIconProps) => jsx.JSX.Element;
 export default ActionIcon;