@atlaskit/smart-card 26.49.0 → 26.49.2

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock } from '../../../../FlexibleCard/components/blocks';
+import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkDirection } from '../../../../../constants';
+import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock, CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
 import { getSimulatedBetterMetadata } from '../../../utils';
@@ -12,6 +12,8 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
+import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
+import { SmartLinkStatus } from '../../../../../constants';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
     hideIcon: true,
@@ -46,19 +48,41 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
   });
   return [followAction].concat(_toConsumableArray(actions));
 };
-var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
+
+//This component encapsulates useAISummary hook under the AI Summary FF 'platform.linking-platform.smart-card.hover-card-ai-summaries'
+var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
+  var bottomPrimary = _ref.bottomPrimary,
+    url = _ref.url,
+    imagePreview = _ref.imagePreview;
+  var aiSummary = useAISummary({
+    url: url
+  });
+  var aiStatus = aiSummary.state.status;
+  var showData = aiStatus === 'ready' || aiStatus === 'error';
+  return showData ? /*#__PURE__*/React.createElement(CustomBlock, {
+    direction: SmartLinkDirection.Vertical
+  }, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
+    status: SmartLinkStatus.Resolved
+  }), /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: bottomPrimary,
+    size: SmartLinkSize.Large,
+    overrideCss: metadataBlockCss,
+    maxLines: 1,
+    status: SmartLinkStatus.Resolved
+  })) : null;
+};
+var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   var _cardState$details;
-  var flexibleCardProps = _ref.flexibleCardProps,
-    titleBlockProps = _ref.titleBlockProps,
-    analytics = _ref.analytics,
-    cardState = _ref.cardState,
-    _ref$cardActions = _ref.cardActions,
-    cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
-    isAISummaryEnabled = _ref.isAISummaryEnabled,
-    onActionClick = _ref.onActionClick,
-    onAIActionChange = _ref.onAIActionChange,
-    extensionKey = _ref.extensionKey,
-    url = _ref.url;
+  var flexibleCardProps = _ref2.flexibleCardProps,
+    titleBlockProps = _ref2.titleBlockProps,
+    analytics = _ref2.analytics,
+    cardState = _ref2.cardState,
+    _ref2$cardActions = _ref2.cardActions,
+    cardActions = _ref2$cardActions === void 0 ? [] : _ref2$cardActions,
+    isAISummaryEnabled = _ref2.isAISummaryEnabled,
+    onActionClick = _ref2.onActionClick,
+    extensionKey = _ref2.extensionKey,
+    url = _ref2.url;
   var canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
@@ -90,6 +114,15 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     var _snippetBlockRef$curr, _snippetBlockRef$curr2;
     snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
   }, []);
+
+  // We want to maintain the height of the HoverCard while summarizing and pass this height to the AISummaryBlock.
+  // This approach will prevent any abrupt changes in the height of the HoverCard.
+  var connectedAIBlockHeight = React.useRef(0);
+  var connectedAIBlockRef = useRef(null);
+  var onConnectedAIBlockRender = useCallback(function () {
+    var _connectedAIBlockRef$, _connectedAIBlockRef$2;
+    connectedAIBlockHeight.current = (_connectedAIBlockRef$ = (_connectedAIBlockRef$2 = connectedAIBlockRef.current) === null || _connectedAIBlockRef$2 === void 0 ? void 0 : _connectedAIBlockRef$2.getBoundingClientRect().height) !== null && _connectedAIBlockRef$ !== void 0 ? _connectedAIBlockRef$ : 0;
+  }, []);
   var imagePreview = ImagePreview({
     data: data,
     fallbackElementHeight: snippetHeight.current
@@ -102,16 +135,31 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     overrideCss: metadataBlockCss,
     maxLines: 1,
     size: SmartLinkSize.Medium
-  }), !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(SnippetBlock, {
+  }), isAISummaryEnabled &&
+  /*#__PURE__*/
+  // All custom elements should be contained within a CustomBlock.
+  // Flex Container components check whether the direct child is a flex blocks. It removes anything that isn't
+  React.createElement(CustomBlock, {
+    direction: SmartLinkDirection.Vertical,
+    onRender: onConnectedAIBlockRender,
+    blockRef: connectedAIBlockRef
+  }, /*#__PURE__*/React.createElement(ConnectedAIBlock, {
+    imagePreview: !!imagePreview,
+    url: url,
+    bottomPrimary: bottomPrimary
+  })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
+    status: SmartLinkStatus.Resolved
+  }), /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: 'hidden-snippet',
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: hiddenSnippetStyles
-  }), /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomPrimary,
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,
-    maxLines: 1
+    maxLines: 1,
+    status: SmartLinkStatus.Resolved
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
@@ -120,7 +168,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
       name: ElementName.Provider
     }],
     actions: footerActions,
-    onAIActionChange: onAIActionChange
+    aiSummaryMinHeight: connectedAIBlockHeight.current
   }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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: "26.49.0",
+  packageVersion: "26.49.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -1,6 +1,5 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { AI_BORDER_PALETTE, INNER_BORDER_RADIUS } from './constants';
 import AIGlowingBorder from './ai-glowing-border';

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

@@ -23,14 +23,17 @@ var AISummaryCSS = css({
  */
 
 var AISummary = function AISummary(_ref) {
-  var content = _ref.content,
+  var _ref$content = _ref.content,
+    content = _ref$content === void 0 ? '' : _ref$content,
     _ref$showIcon = _ref.showIcon,
     showIcon = _ref$showIcon === void 0 ? false : _ref$showIcon,
     iconComponent = _ref.iconComponent,
     overrideCss = _ref.overrideCss,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'ai-summary' : _ref$testId;
-  if (!content) {
+    testId = _ref$testId === void 0 ? 'ai-summary' : _ref$testId,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? 0 : _ref$minHeight;
+  if (!content && minHeight === 0) {
     return null;
   }
   return jsx(Markdown, {
@@ -42,6 +45,9 @@ var AISummary = function AISummary(_ref) {
       overrides: {
         Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
       }
+    },
+    style: {
+      minHeight: minHeight
     }
   });
 };

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -34,7 +34,9 @@ export type StateSetter = (state: AISummaryState) => any;
 export type StreamMessage = StreamTrace | StreamAnswerPart | StreamResponse | StreamError;
 export type StreamResponse = {
     type: 'FINAL_RESPONSE';
-    message: Message;
+    message: {
+        message: Message;
+    };
     millisOffset?: number;
     metadata?: {
         request_id?: string;

package/dist/types/state/hooks/use-ai-summary/index.d.ts

@@ -1,6 +1,5 @@
 import type { AISummaryServiceProps, AISummaryStatus } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    isSummarisedOnMount: boolean;
     summariseUrl: () => Promise<void> | undefined;
     state: {
         status: AISummaryStatus;

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

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { UnresolvedViewProps } from './types';
-declare const UnresolvedView: FC<UnresolvedViewProps>;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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

@@ -1,7 +1,8 @@
+import { PropsWithChildren } from 'react';
 import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
 import type { FlexibleBlockCardProps } from '../types';
-export type UnresolvedViewProps = FlexibleBlockCardProps & {
+export type UnresolvedViewProps = PropsWithChildren<FlexibleBlockCardProps & {
     actions?: ActionItem[];
     showPreview?: boolean;
     title?: string;
-};
+}>;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const AIEventErrorViewed: React.FC;
+declare const AIEventErrorViewed: () => null;
 export default AIEventErrorViewed;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/types.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import type { XCSS } from '@atlaskit/primitives';
 import type { TooltipProps } from '@atlaskit/tooltip';
-import type { AIState } from '../types';
+import type { AISummaryStatus } from '../../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
 export type AIStateAppearance = 'default' | 'icon-only';
 export type AIStateIndicatorProps = {
     appearance?: AIStateAppearance;
-    state: AIState;
+    state: AISummaryStatus;
     testId?: string;
 };
 export type AIIndicatorContainerProps = {

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

@@ -1,6 +1,5 @@
 import { ActionItem, BlockProps, ElementItem } from '../types';
 import { OnActionMenuOpenChangeOptions } from '../types';
-export type AIState = 'ready' | 'loading' | 'error' | 'done';
 export type AISummaryBlockProps = {
     /**
      * An array of actions to be displayed on the right
@@ -18,7 +17,7 @@ export type AISummaryBlockProps = {
      */
     onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
     /**
-     * Function to be called when AI Summary state changed.
+     * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
      */
-    onAIActionChange?: (state: AIState) => void;
+    aiSummaryMinHeight?: number;
 } & BlockProps;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { BlockProps } from '../types';
 /**
  * A block represents a collection of elements and actions that are arranged
@@ -8,5 +7,5 @@ import { BlockProps } from '../types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const Block: React.FC<BlockProps>;
+declare const Block: ({ children, direction, size, testId, overrideCss, blockRef, onRender, onTransitionEnd, }: BlockProps) => jsx.JSX.Element;
 export default Block;

package/dist/types/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -1,6 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { ElementGroupProps } from './types';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 export declare const getElementGroupStyles: (direction: SmartLinkDirection, size: SmartLinkSize, align: SmartLinkAlignment, width: SmartLinkWidth, position: SmartLinkPosition) => SerializedStyles;
@@ -11,5 +10,5 @@ export declare const getElementGroupStyles: (direction: SmartLinkDirection, size
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ElementGroup: React.FC<ElementGroupProps>;
+declare const ElementGroup: ({ align, children, overrideCss, direction, size, testId, width, position, }: ElementGroupProps) => jsx.JSX.Element;
 export default ElementGroup;

package/dist/types/view/FlexibleCard/components/blocks/element-group/types.d.ts

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-export type ElementGroupProps = {
+export type ElementGroupProps = PropsWithChildren<{
     align?: SmartLinkAlignment;
     direction?: SmartLinkDirection;
     overrideCss?: SerializedStyles;
@@ -8,4 +9,4 @@ export type ElementGroupProps = {
     width?: SmartLinkWidth;
     testId?: string;
     position?: SmartLinkPosition;
-};
+}>;

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

@@ -1,8 +1,8 @@
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkStatus } from '../../../../constants';
 import { SerializedStyles } from '@emotion/react';
 import { ActionProps } from '../actions/action/types';
-import { Ref } from 'react';
-export type BlockProps = {
+import { PropsWithChildren, Ref } from 'react';
+export type BlockProps = PropsWithChildren<{
     /**
      * The direction that the block should arrange it's elements. Can be vertical
      * or horizontal. Default is horizontal.
@@ -44,7 +44,7 @@ export type BlockProps = {
      * @internal
      */
     onTransitionEnd?: () => void;
-};
+}>;
 /**
  * Used to represent a metadata element to be rendered.
  */

package/dist/types/view/FlexibleCard/components/container/hover-card-control/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import { HoverCardDelayProps } from './types';
-declare const HoverCardControl: FC<HoverCardDelayProps>;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,8 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { ContainerProps } from '../types';
-export type HoverCardDelayProps = Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;
     url: string;
     delay?: number;
-};
+}>;

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { SmartLinkSize } from '../../../../constants';
 import { ChildrenOptions, ContainerProps } from './types';
 export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
@@ -12,5 +10,5 @@ export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: b
  * @internal
  * @see Block
  */
-declare const Container: React.FC<ContainerProps>;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
 export default Container;

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

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SmartLinkStatus } from '../../../../constants';
 import { FlexibleCardProps, FlexibleUiOptions, RetryOptions } from '../../types';
-export type ContainerProps = Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */
@@ -16,7 +17,7 @@ export type ContainerProps = Pick<FlexibleCardProps, 'onClick' | 'showHoverPrevi
      * serving as a hook for automated tests
      */
     testId?: string;
-};
+}>;
 export type ChildrenOptions = {
     previewOnLeft?: boolean;
     previewOnRight?: boolean;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { ContentContainerProps } from '../types';
-declare const ContentContainer: React.FC<ContentContainerProps>;
+declare const ContentContainer: ({ children, isAIEnabled, testId, url, ...props }: ContentContainerProps) => jsx.JSX.Element;
 export default ContentContainer;

package/dist/types/view/HoverCard/components/views/resolved/types.d.ts

@@ -2,7 +2,6 @@ import { AnalyticsFacade } from '../../../../../state/analytics';
 import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { HoverCardLoadingViewProps } from '../resolving/types';
-import { AISummaryBlockProps } from '../../../../FlexibleCard/components/blocks/ai-summary-block/types';
 export type HoverCardResolvedProps = {
     extensionKey?: string;
     id?: string;
@@ -12,5 +11,4 @@ export type HoverCardResolvedProps = {
     cardState: CardState;
     isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string) => void;
-    onAIActionChange?: AISummaryBlockProps['onAIActionChange'];
 } & HoverCardLoadingViewProps;

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

@@ -101,8 +101,8 @@ export type HoverCardContentProps = {
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     isAIEnabled?: boolean;
-    showPrism?: boolean;
     testId?: string;
+    url: string;
 };
 export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;

package/dist/types/view/common/ai-prism/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { AIPrismProps } from './types';
-declare const AIPrism: React.FC<AIPrismProps>;
+declare const AIPrism: ({ children, isGlowing, isMoving, isVisible, testId, }: AIPrismProps) => jsx.JSX.Element;
 export default AIPrism;

package/dist/types/view/common/ai-prism/types.d.ts

@@ -1,7 +1,8 @@
+import { type PropsWithChildren } from 'react';
 import { AIGlowingBorderProps } from './ai-glowing-border/types';
-export type AIPrismProps = Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
+export type AIPrismProps = PropsWithChildren<Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
     isVisible?: boolean;
-};
+}>;
 export type AIBorderPalette = {
     blue: string;
     yellow: string;

package/dist/types/view/common/ai-summary/index.d.ts

@@ -12,6 +12,10 @@ type AISummaryProps = {
      * serving as a hook for automated tests
      */
     testId?: string;
+    /**
+     * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
+     */
+    minHeight?: number;
 };
 /**
  * A component to render a response from AI in markdown text.

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -34,7 +34,9 @@ export type StateSetter = (state: AISummaryState) => any;
 export type StreamMessage = StreamTrace | StreamAnswerPart | StreamResponse | StreamError;
 export type StreamResponse = {
     type: 'FINAL_RESPONSE';
-    message: Message;
+    message: {
+        message: Message;
+    };
     millisOffset?: number;
     metadata?: {
         request_id?: string;

package/dist/types-ts4.5/state/hooks/use-ai-summary/index.d.ts

@@ -1,6 +1,5 @@
 import type { AISummaryServiceProps, AISummaryStatus } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    isSummarisedOnMount: boolean;
     summariseUrl: () => Promise<void> | undefined;
     state: {
         status: AISummaryStatus;

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

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { UnresolvedViewProps } from './types';
-declare const UnresolvedView: FC<UnresolvedViewProps>;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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

@@ -1,7 +1,8 @@
+import { PropsWithChildren } from 'react';
 import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
 import type { FlexibleBlockCardProps } from '../types';
-export type UnresolvedViewProps = FlexibleBlockCardProps & {
+export type UnresolvedViewProps = PropsWithChildren<FlexibleBlockCardProps & {
     actions?: ActionItem[];
     showPreview?: boolean;
     title?: string;
-};
+}>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const AIEventErrorViewed: React.FC;
+declare const AIEventErrorViewed: () => null;
 export default AIEventErrorViewed;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/types.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import type { XCSS } from '@atlaskit/primitives';
 import type { TooltipProps } from '@atlaskit/tooltip';
-import type { AIState } from '../types';
+import type { AISummaryStatus } from '../../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
 export type AIStateAppearance = 'default' | 'icon-only';
 export type AIStateIndicatorProps = {
     appearance?: AIStateAppearance;
-    state: AIState;
+    state: AISummaryStatus;
     testId?: string;
 };
 export type AIIndicatorContainerProps = {

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/types.d.ts

@@ -1,6 +1,5 @@
 import { ActionItem, BlockProps, ElementItem } from '../types';
 import { OnActionMenuOpenChangeOptions } from '../types';
-export type AIState = 'ready' | 'loading' | 'error' | 'done';
 export type AISummaryBlockProps = {
     /**
      * An array of actions to be displayed on the right
@@ -18,7 +17,7 @@ export type AISummaryBlockProps = {
      */
     onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
     /**
-     * Function to be called when AI Summary state changed.
+     * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
      */
-    onAIActionChange?: (state: AIState) => void;
+    aiSummaryMinHeight?: number;
 } & BlockProps;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/block/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { BlockProps } from '../types';
 /**
  * A block represents a collection of elements and actions that are arranged
@@ -8,5 +7,5 @@ import { BlockProps } from '../types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const Block: React.FC<BlockProps>;
+declare const Block: ({ children, direction, size, testId, overrideCss, blockRef, onRender, onTransitionEnd, }: BlockProps) => jsx.JSX.Element;
 export default Block;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -1,6 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { ElementGroupProps } from './types';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 export declare const getElementGroupStyles: (direction: SmartLinkDirection, size: SmartLinkSize, align: SmartLinkAlignment, width: SmartLinkWidth, position: SmartLinkPosition) => SerializedStyles;
@@ -11,5 +10,5 @@ export declare const getElementGroupStyles: (direction: SmartLinkDirection, size
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ElementGroup: React.FC<ElementGroupProps>;
+declare const ElementGroup: ({ align, children, overrideCss, direction, size, testId, width, position, }: ElementGroupProps) => jsx.JSX.Element;
 export default ElementGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/element-group/types.d.ts

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-export type ElementGroupProps = {
+export type ElementGroupProps = PropsWithChildren<{
     align?: SmartLinkAlignment;
     direction?: SmartLinkDirection;
     overrideCss?: SerializedStyles;
@@ -8,4 +9,4 @@ export type ElementGroupProps = {
     width?: SmartLinkWidth;
     testId?: string;
     position?: SmartLinkPosition;
-};
+}>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,8 +1,8 @@
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkStatus } from '../../../../constants';
 import { SerializedStyles } from '@emotion/react';
 import { ActionProps } from '../actions/action/types';
-import { Ref } from 'react';
-export type BlockProps = {
+import { PropsWithChildren, Ref } from 'react';
+export type BlockProps = PropsWithChildren<{
     /**
      * The direction that the block should arrange it's elements. Can be vertical
      * or horizontal. Default is horizontal.
@@ -44,7 +44,7 @@ export type BlockProps = {
      * @internal
      */
     onTransitionEnd?: () => void;
-};
+}>;
 /**
  * Used to represent a metadata element to be rendered.
  */

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import { HoverCardDelayProps } from './types';
-declare const HoverCardControl: FC<HoverCardDelayProps>;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,8 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { ContainerProps } from '../types';
-export type HoverCardDelayProps = Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;
     url: string;
     delay?: number;
-};
+}>;