@atlaskit/smart-card 26.46.1 → 26.46.3

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,14 +1,17 @@
 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) {
   var _props$actions = props.actions,
     actions = _props$actions === void 0 ? [] : _props$actions,
@@ -18,26 +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")
-    };
-    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({
@@ -47,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/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, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
+import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
 import { getSimulatedBetterMetadata } from '../../../utils';
@@ -12,6 +12,7 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
+import { useSmartLinkContext } from '../../../../../state';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
     hideIcon: true,
@@ -47,7 +48,7 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
   return [followAction].concat(_toConsumableArray(actions));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
-  var _cardState$details;
+  var _cardState$details, _cardState$details2;
   var flexibleCardProps = _ref.flexibleCardProps,
     titleBlockProps = _ref.titleBlockProps,
     analytics = _ref.analytics,
@@ -92,6 +93,9 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
+  var _useSmartLinkContext = useSmartLinkContext(),
+    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
+  var showAiView = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && ((_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 || (_cardState$details2 = _cardState$details2.meta) === null || _cardState$details2 === void 0 || (_cardState$details2 = _cardState$details2.supportedFeatures) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.includes('AISummary'));
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -113,7 +117,12 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), /*#__PURE__*/React.createElement(FooterBlock, {
+  }), showAiView ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+    metadata: [{
+      name: ElementName.Provider
+    }],
+    actions: footerActions
+  }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss

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.1",
+  packageVersion: "26.46.3",
   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/__fixtures__/atlas-project-with-ai-summary.d.ts

@@ -0,0 +1,2 @@
+declare const mockAtlasProjectWithAISummary: any;
+export default mockAtlasProjectWithAISummary;

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/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 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/__fixtures__/atlas-project-with-ai-summary.d.ts

@@ -0,0 +1,2 @@
+declare const mockAtlasProjectWithAISummary: any;
+export default mockAtlasProjectWithAISummary;

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/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 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.1",
+  "version": "26.46.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,12 +26,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.2.0",
-    "@atlaskit/dropdown-menu": "^12.2.0",
+    "@atlaskit/button": "^17.3.0",
+    "@atlaskit/dropdown-menu": "^12.4.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -47,7 +47,7 @@
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/popup": "^1.11.0",
+    "@atlaskit/popup": "^1.12.0",
     "@atlaskit/primitives": "^2.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
@@ -82,7 +82,7 @@
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/feature-flags-test-utils": "^0.1.1",
+    "@atlassian/feature-flags-test-utils": "^0.2.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
@@ -154,6 +154,9 @@
     },
     "platform.linking-platform.smart-card.disable-jira-status-action": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.hover-card-ai-summaries": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"