@atlaskit/smart-card 26.46.2 → 26.46.4

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

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { css, jsx } from '@emotion/react';
+import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
+import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { messages } from '../../../../../../messages';
+import AIIcon from '../../../../../common/ai-icon';
+import AIIndicatorTooltip from './ai-indicator-tooltip';
+import AIIndicatorContainer from './ai-indicator-container';
+import AILearnMoreAnchor from './ai-learn-more-anchor';
+var tooltipMsgStyles = xcss({
+  color: 'color.text',
+  fontSize: '14px',
+  fontWeight: '400',
+  lineHeight: '20px'
+});
+var iconTooltipLinkStyles = css({
+  color: "var(--ds-text-subtlest, #626F86)",
+  '&:link, :visited': {
+    color: "var(--ds-text-subtlest, #626F86)"
+  },
+  '&:hover': {
+    color: "var(--ds-text-subtle, #44546F)"
+  },
+  '&:active': {
+    color: "var(--ds-text, #172B4D)"
+  },
+  textDecoration: 'underline'
+});
+var iconTooltipTitleStyles = xcss({
+  color: 'color.text',
+  fontSize: '12px',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+var iconTooltipDescStyles = xcss({
+  color: 'color.text.subtlest',
+  fontSize: '11px',
+  fontWeight: '400',
+  lineHeight: '14px'
+});
+var AIStateDone = function AIStateDone(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId;
+  var icon = jsx(AIIcon, {
+    label: "AI",
+    size: "small",
+    testId: "".concat(testId, "-done-icon")
+  });
+  switch (appearance) {
+    case 'icon-only':
+      return jsx(AIIndicatorTooltip, {
+        content: jsx(Inline, {
+          alignBlock: "center",
+          space: "space.100"
+        }, jsx(AIIcon, {
+          label: "AI",
+          size: "medium",
+          testId: "".concat(testId, "-done-tooltip-icon")
+        }), jsx(Stack, null, jsx(Box, {
+          xcss: iconTooltipTitleStyles,
+          testId: "".concat(testId, "-done-tooltip-title")
+        }, jsx(FormattedMessage, messages.ai_summarized)), jsx(Box, {
+          xcss: iconTooltipDescStyles
+        }, jsx(FormattedMessage, _extends({}, messages.ai_summarized_info, {
+          values: {
+            a: function a(chunks) {
+              return jsx(AILearnMoreAnchor, {
+                css: iconTooltipLinkStyles
+              }, chunks);
+            }
+          }
+        }))))),
+        trigger: icon
+      });
+    default:
+      return jsx(AIIndicatorContainer, {
+        icon: icon,
+        content: jsx(Inline, {
+          alignBlock: "center",
+          alignInline: "start",
+          space: "space.050"
+        }, jsx(Box, {
+          testId: "".concat(testId, "-done-message")
+        }, jsx(FormattedMessage, messages.ai_summarized)), jsx(AIIndicatorTooltip, {
+          content: jsx(Box, {
+            xcss: tooltipMsgStyles,
+            testId: "".concat(testId, "-done-tooltip")
+          }, jsx(FormattedMessage, _extends({}, messages.ai_summarized_info, {
+            values: {
+              a: function a(chunks) {
+                return jsx(AILearnMoreAnchor, null, chunks);
+              }
+            }
+          }))),
+          trigger: jsx(EditorPanelIcon, {
+            label: "Info",
+            size: "small",
+            testId: "".concat(testId, "-done-info")
+          })
+        })),
+        testId: "".concat(testId, "-done")
+      });
+  }
+};
+export default AIStateDone;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box } from '@atlaskit/primitives';
+import { messages } from '../../../../../../messages';
+import AIIconLoading from '../../../../../common/ai-icon-loading';
+import AIIndicatorContainer from './ai-indicator-container';
+var AIStateLoading = function AIStateLoading(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId;
+  var icon = /*#__PURE__*/React.createElement(AIIconLoading, {
+    label: "AI",
+    size: "small",
+    testId: "".concat(testId, "-loading-icon")
+  });
+  switch (appearance) {
+    case 'icon-only':
+      return icon;
+    default:
+      return /*#__PURE__*/React.createElement(AIIndicatorContainer, {
+        icon: icon,
+        content: /*#__PURE__*/React.createElement(Box, {
+          testId: "".concat(testId, "-loading-message")
+        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarizing)),
+        testId: "".concat(testId, "-loading")
+      });
+  }
+};
+export default AIStateLoading;

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

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import AIStateLoading from './ai-state-loading';
+import AIStateDone from './ai-state-done';
+var AIStateIndicator = function AIStateIndicator(_ref) {
+  var state = _ref.state,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'ai-state-indicator' : _ref$testId;
+  switch (state) {
+    case 'loading':
+      return jsx(AIStateLoading, {
+        appearance: appearance,
+        testId: testId
+      });
+    case 'done':
+      return jsx(AIStateDone, {
+        appearance: appearance,
+        testId: testId
+      });
+    default:
+      return null;
+  }
+};
+export default AIStateIndicator;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React, { useCallback, useMemo } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { ActionName, SmartLinkAlignment, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { Box, Inline } from '@atlaskit/primitives';
+import { ActionName, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
 import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import { filterActionItems, getActionGroupStyles, renderElementItems } from '../../utils';
+import AIStateIndicator from '../ai-state-indicator';
+import { renderElementItems } from '../../utils';
 import { messages } from '../../../../../../messages';
 import AiIcon from '../../../../../common/ai-icon';
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
@@ -19,29 +21,32 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     onAIActionChange = props.onAIActionChange,
     _props$size = props.size,
     size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size;
-  var context = useFlexibleUiContext();
+  var _useState = useState('ready'),
+    _useState2 = _slicedToArray(_useState, 2),
+    aiState = _useState2[0],
+    setAIState = _useState2[1];
   var metadataElements = renderElementItems(metadata);
   var onAIActionClick = useCallback(function () {
+    setAIState('loading');
     if (onAIActionChange) {
-      onAIActionChange();
+      onAIActionChange('loading');
     }
   }, [onAIActionChange]);
   var combinedActions = useMemo(function () {
-    var aiAction = {
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarize),
-      name: ActionName.CustomAction,
-      onClick: onAIActionClick,
-      testId: "".concat(testId, "-ai-summary-action"),
-      icon: /*#__PURE__*/React.createElement(AiIcon, {
-        label: "AiIcon"
-      })
-    };
-    return [aiAction].concat(_toConsumableArray(actions));
-  }, [actions, onAIActionClick, testId]);
-  var hasActions = useMemo(function () {
-    var _filterActionItems;
-    return ((_filterActionItems = filterActionItems(combinedActions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
-  }, [combinedActions, context]);
+    if (aiState === 'ready') {
+      var aiAction = {
+        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarize),
+        name: ActionName.CustomAction,
+        onClick: onAIActionClick,
+        testId: "".concat(testId, "-ai-summary-action"),
+        icon: /*#__PURE__*/React.createElement(AiIcon, {
+          label: "AiIcon"
+        })
+      };
+      return [aiAction].concat(_toConsumableArray(actions));
+    }
+    return actions;
+  }, [actions, aiState, onAIActionClick, testId]);
   var onDropdownOpenChange = useCallback(function (isOpen) {
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
@@ -51,17 +56,21 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   }, [onActionMenuOpenChange]);
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/React.createElement(ElementGroup, {
-    width: SmartLinkWidth.Flexible
-  }, metadataElements), hasActions && /*#__PURE__*/React.createElement(ElementGroup, {
-    testId: "smart-element-group-actions",
-    align: SmartLinkAlignment.Right,
-    overrideCss: getActionGroupStyles(size),
-    width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    alignInline: "end",
+    grow: "fill",
+    spread: "space-between"
+  }, /*#__PURE__*/React.createElement(Box, null, aiState === 'loading' || aiState === 'done' ? /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: aiState,
+    testId: testId
+  }) : /*#__PURE__*/React.createElement(ElementGroup, {
+    width: SmartLinkWidth.FitToContent
+  }, metadataElements)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: combinedActions,
-    appearance: "default"
-  })));
+    appearance: "default",
+    size: size
+  }))));
 };
 export default AISummaryBlockResolvedView;

package/dist/esm/view/FlexibleCard/utils.js

@@ -72,7 +72,7 @@ export var getRetryOptions = function getRetryOptions(url, status, response, onA
       var access = extractRequestAccessContext({
         jsonLd: meta,
         url: url,
-        context: context
+        product: context
       });
       var messageKey = getForbiddenMessageKey(meta);
       var descriptor = messages[messageKey];

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

package/dist/esm/view/common/ai-icon-loading/index.js

@@ -0,0 +1,54 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+/** @jsx jsx */
+import { css, jsx, keyframes } from '@emotion/react';
+import SVG from '@atlaskit/icon/svg';
+import { aiThemeTokens } from '../ai-prism/constants';
+
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications
+ */
+
+var bounce = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    transform: translateY(0);\n  }\n\n  // 200ms of 1200ms = 16.67%\n  16.67% {\n    transform: translateY(-2px);\n  }\n\n  // 400ms of 1200ms = 33.33%\n  33.33% {\n    transform: translateY(0px);\n  }\n"])));
+var BASE_DELAY = 400;
+var QUEUE_DELAY = 200;
+var animationStyles = css({
+  animation: "".concat(bounce, " 1.2s linear infinite normal")
+});
+var firstDelayStyles = css({
+  animationDelay: "".concat(BASE_DELAY + QUEUE_DELAY, "ms")
+});
+var secondDelayStyles = css({
+  animationDelay: "".concat(BASE_DELAY + QUEUE_DELAY * 2, "ms")
+});
+var thirdDelayStyles = css({
+  animationDelay: "".concat(BASE_DELAY + QUEUE_DELAY * 3, "ms")
+});
+
+/**
+ * this icon is theme agnostic, no need for tokens
+ */
+var AIIconLoading = function AIIconLoading(props) {
+  return jsx(SVG, props, jsx("circle", {
+    css: [animationStyles, firstDelayStyles],
+    cx: "6",
+    cy: "12",
+    r: "1.5",
+    fill: aiThemeTokens.blue700
+  }), jsx("circle", {
+    css: [animationStyles, secondDelayStyles],
+    cx: "12",
+    cy: "12",
+    r: "1.5",
+    fill: aiThemeTokens.blue600
+  }), jsx("circle", {
+    css: [animationStyles, thirdDelayStyles],
+    cx: "17.5",
+    cy: "12",
+    r: "1.5",
+    fill: aiThemeTokens.blue500
+  }));
+};
+export default AIIconLoading;

package/dist/types/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const CONTENT_URL_SECURITY_AND_PERMISSIONS = "https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links";
 export declare const CONTENT_URL_3P_ACCOUNT_AUTH = "https://support.atlassian.com/confluence-cloud/docs/what-data-is-sent-and-received-when-pasting-a-smart-link/";
+export declare const CONTENT_URL_AI = "https://www.atlassian.com/trust/atlassian-intelligence";
 /**
  * The alignment of Flexible UI component.
  */

package/dist/types/extractors/common/context/extractAccessContext.d.ts

@@ -1,10 +1,10 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
+export declare const extractRequestAccessContext: ({ jsonLd, url, product, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
-    context?: string | undefined;
+    product?: string | undefined;
 }) => RequestAccessContextProps;
 export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
-export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_info' | 'ai_summarizing' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AILearnMoreAnchor: React.FC<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+export default AILearnMoreAnchor;

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

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import type { AIStateIndicatorProps } from './types';
+declare const AIStateDone: React.FC<Partial<AIStateIndicatorProps>>;
+export default AIStateDone;

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { TooltipProps } from '@atlaskit/tooltip';
+import type { AIState } from '../types';
+export type AIStateAppearance = 'default' | 'icon-only';
+export type AIStateIndicatorProps = {
+    appearance?: AIStateAppearance;
+    state: AIState;
+    testId?: string;
+};
+export type AIIndicatorContainerProps = {
+    icon?: React.ReactNode;
+    content?: React.ReactNode;
+    testId?: string;
+};
+export type AIIndicatorTooltipProps = {
+    content: TooltipProps['content'];
+    trigger: React.ReactNode;
+};

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

@@ -1,5 +1,6 @@
 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
@@ -19,5 +20,5 @@ export type AISummaryBlockProps = {
     /**
      * Function to be called when AI Summary state changed.
      */
-    onAIActionChange?: () => void;
+    onAIActionChange?: (state: AIState) => void;
 } & BlockProps;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { SVGProps } from '@atlaskit/icon/types';
+/**
+ * this icon is theme agnostic, no need for tokens
+ */
+declare const AIIconLoading: FunctionComponent<SVGProps>;
+export default AIIconLoading;

package/dist/types-ts4.5/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const CONTENT_URL_SECURITY_AND_PERMISSIONS = "https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links";
 export declare const CONTENT_URL_3P_ACCOUNT_AUTH = "https://support.atlassian.com/confluence-cloud/docs/what-data-is-sent-and-received-when-pasting-a-smart-link/";
+export declare const CONTENT_URL_AI = "https://www.atlassian.com/trust/atlassian-intelligence";
 /**
  * The alignment of Flexible UI component.
  */

package/dist/types-ts4.5/extractors/common/context/extractAccessContext.d.ts

@@ -1,10 +1,10 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
+export declare const extractRequestAccessContext: ({ jsonLd, url, product, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
-    context?: string | undefined;
+    product?: string | undefined;
 }) => RequestAccessContextProps;
 export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
-export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_info' | 'ai_summarizing' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AILearnMoreAnchor: React.FC<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+export default AILearnMoreAnchor;

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

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import type { AIStateIndicatorProps } from './types';
+declare const AIStateDone: React.FC<Partial<AIStateIndicatorProps>>;
+export default AIStateDone;

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { TooltipProps } from '@atlaskit/tooltip';
+import type { AIState } from '../types';
+export type AIStateAppearance = 'default' | 'icon-only';
+export type AIStateIndicatorProps = {
+    appearance?: AIStateAppearance;
+    state: AIState;
+    testId?: string;
+};
+export type AIIndicatorContainerProps = {
+    icon?: React.ReactNode;
+    content?: React.ReactNode;
+    testId?: string;
+};
+export type AIIndicatorTooltipProps = {
+    content: TooltipProps['content'];
+    trigger: React.ReactNode;
+};

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

@@ -1,5 +1,6 @@
 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
@@ -19,5 +20,5 @@ export type AISummaryBlockProps = {
     /**
      * Function to be called when AI Summary state changed.
      */
-    onAIActionChange?: () => void;
+    onAIActionChange?: (state: AIState) => void;
 } & BlockProps;

package/dist/types-ts4.5/view/common/ai-icon-loading/index.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { SVGProps } from '@atlaskit/icon/types';
+/**
+ * this icon is theme agnostic, no need for tokens
+ */
+declare const AIIconLoading: FunctionComponent<SVGProps>;
+export default AIIconLoading;

package/package.json

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