@atlaskit/smart-card 26.50.9 → 26.50.11

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

@@ -6,7 +6,7 @@ import { Box, xcss } from '@atlaskit/primitives';
 import { messages } from '../../../../../../messages';
 import AIIndicatorContainer from './ai-indicator-container';
 import AILearnMoreAnchor from './ai-learn-more-anchor';
-import { CONTENT_URL_AI_TROUBLESHOOTING } from '../../../../../../constants';
+import { CONTENT_URL_ACCEPTABLE_USE_POLICY, CONTENT_URL_AI_TROUBLESHOOTING } from '../../../../../../constants';
 var contentStyles = xcss({
   color: 'color.text.subtle',
   fontSize: '11px',
@@ -14,9 +14,40 @@ var contentStyles = xcss({
   fontWeight: '400',
   lineHeight: '14px'
 });
-var AIStateError = function AIStateError(_ref) {
-  var appearance = _ref.appearance,
-    testId = _ref.testId;
+var MessageWithAnchor = function MessageWithAnchor(_ref) {
+  var message = _ref.message,
+    url = _ref.url;
+  return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+    values: {
+      a: function a(chunks) {
+        return /*#__PURE__*/React.createElement(AILearnMoreAnchor, {
+          href: url
+        }, chunks);
+      }
+    }
+  }));
+};
+var getErrorMesssageProps = function getErrorMesssageProps(error) {
+  switch (error) {
+    case 'ACCEPTABLE_USE_VIOLATIONS':
+      return {
+        message: messages.ai_summary_error_acceptable_use_violation,
+        url: CONTENT_URL_ACCEPTABLE_USE_POLICY
+      };
+    default:
+      return {
+        message: messages.ai_summary_error_generic,
+        url: CONTENT_URL_AI_TROUBLESHOOTING
+      };
+  }
+};
+var AIStateError = function AIStateError(_ref2) {
+  var appearance = _ref2.appearance,
+    testId = _ref2.testId,
+    error = _ref2.error;
+  var _getErrorMesssageProp = getErrorMesssageProps(error),
+    message = _getErrorMesssageProp.message,
+    url = _getErrorMesssageProp.url;
   switch (appearance) {
     case 'icon-only':
       return null;
@@ -31,15 +62,10 @@ var AIStateError = function AIStateError(_ref) {
         content: /*#__PURE__*/React.createElement(Box, {
           testId: "".concat(testId, "-error-message"),
           xcss: contentStyles
-        }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.ai_summary_error_generic, {
-          values: {
-            a: function a(chunks) {
-              return /*#__PURE__*/React.createElement(AILearnMoreAnchor, {
-                href: CONTENT_URL_AI_TROUBLESHOOTING
-              }, chunks);
-            }
-          }
-        }))),
+        }, /*#__PURE__*/React.createElement(MessageWithAnchor, {
+          message: message,
+          url: url
+        })),
         testId: "".concat(testId, "-error")
       });
   }

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

@@ -9,12 +9,14 @@ var AIStateIndicator = function AIStateIndicator(_ref) {
     _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;
+    testId = _ref$testId === void 0 ? 'ai-state-indicator' : _ref$testId,
+    error = _ref.error;
   switch (state) {
     case 'error':
       return jsx(AIStateError, {
         appearance: appearance,
-        testId: testId
+        testId: testId,
+        error: error
       });
     case 'loading':
       return jsx(AIStateLoading, {

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

@@ -38,7 +38,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     summariseUrl = _useAISummary.summariseUrl,
     _useAISummary$state = _useAISummary.state,
     content = _useAISummary$state.content,
-    status = _useAISummary$state.status;
+    status = _useAISummary$state.status,
+    error = _useAISummary$state.error;
   var showAISummary = status === 'done' ||
   // We want to display the AI Summary component only when there is content available during the loading process.
   status === 'loading' && !!content;
@@ -109,7 +110,10 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     size: size
   }))), showAISummaryErrorMessage && /*#__PURE__*/React.createElement(Inline, {
     grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, null), /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+    reason: error
+  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+    error: error,
     state: status,
     testId: testId
   })));

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -12,7 +12,7 @@ export var dropdownItemGroupStyles = css({
 });
 var sharedBlockStyles = css({
   display: 'flex',
-  gap: '0.5rem',
+  gap: "var(--ds-space-100, 0.5rem)",
   lineHeight: '1rem',
   minWidth: 0,
   overflow: 'hidden',

package/dist/esm/view/HoverCard/components/ContentContainer.js

@@ -36,7 +36,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var container = jsx("div", _extends({
     className: hoverCardClassName,
-    css: [HoverCardContainer, isAIEnabled && showPrism ? undefined : popupContainerStyles],
+    css: [HoverCardContainer, !isAIEnabled ? popupContainerStyles : undefined],
     "data-testid": testId
   }, props), children);
   return isAIEnabled ? jsx(AIPrism, {

package/dist/esm/view/HoverCard/styled.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
@@ -16,18 +16,33 @@ export var flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 export var CARD_WIDTH_REM = 24;
-export var NEW_CARD_WIDTH_REM = 28;
+export var NEW_CARD_WIDTH_REM = 25;
 // gap between mouse cursor and hover card
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
-export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
-export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
+export var separatorCss = css({
+  '[data-separator] + [data-separator]:before': {
+    marginRight: elementGap
+  }
+});
+export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
+export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
+  return css({
+    transition: 'height 300ms ease-in-out',
+    height: "".concat(snippetHeight, "px")
+  });
 };
-export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-surface-raised, white)", "var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))");
+export var popupContainerStyles = css({
+  borderRadius: "var(--ds-border-radius-200, 8px)",
+  backgroundColor: "var(--ds-surface-raised, white)",
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))"
+});
 export var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  margin-bottom: ", ";\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', "var(--ds-border-radius-200, 8px)", "var(--ds-border-radius-200, 8px)", blockGap);
+  return css(previewHeight ? "height: ".concat(previewHeight, "px;") : '', {
+    borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
+    borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+    marginBottom: blockGap
+  });
 };

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

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

@@ -1,11 +1,17 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { useThemeObserver } from '@atlaskit/tokens';
-import { AI_BORDER_PALETTE, INNER_BORDER_RADIUS } from './constants';
+import { AI_BORDER_PALETTE } from './constants';
 import AIGlowingBorder from './ai-glowing-border';
+import { popupContainerStyles } from '../../HoverCard/styled';
 var contentStyles = css({
-  backgroundColor: "var(--ds-surface-raised, white)",
-  borderRadius: INNER_BORDER_RADIUS
+  transition: 'box-shadow 0.5s ease'
+});
+var contentStylesPrismVisible = css({
+  // intentionally set opacity to 0 to remove the shadow with fade out animation
+  boxShadow:
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  '0px 8px 12px rgba(9, 30, 66, 0),0px 0px 1px rgba(9, 30, 66, 0)'
 });
 var AIPrism = function AIPrism(_ref) {
   var _AI_BORDER_PALETTE$co;
@@ -22,7 +28,8 @@ var AIPrism = function AIPrism(_ref) {
   return jsx(AIGlowingBorder, {
     additionalCss: {
       animatedSvgContainer: css({
-        opacity: isVisible ? 1 : 0
+        opacity: isVisible ? 1 : 0,
+        transition: 'opacity 0.5s ease'
       })
     },
     palette: (_AI_BORDER_PALETTE$co = AI_BORDER_PALETTE[colorMode]) !== null && _AI_BORDER_PALETTE$co !== void 0 ? _AI_BORDER_PALETTE$co : AI_BORDER_PALETTE.light,
@@ -30,7 +37,7 @@ var AIPrism = function AIPrism(_ref) {
     isMoving: isMoving,
     testId: testId
   }, jsx("div", {
-    css: contentStyles
+    css: [popupContainerStyles, contentStyles, isVisible ? contentStylesPrismVisible : undefined]
   }, children));
 };
 export default AIPrism;

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -28,7 +28,9 @@ export type ButtonClickedAiSummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
     fromCache: boolean | null;
 };
-export type ErrorViewedAiSummaryAttributesType = {};
+export type ErrorViewedAiSummaryAttributesType = {
+    reason?: string;
+};
 export type SummarySuccessAttributesType = {};
 export type SummaryFailedAttributesType = {
     reason: string | null;

package/dist/types/constants.d.ts

@@ -2,6 +2,7 @@ export declare const CONTENT_URL_SECURITY_AND_PERMISSIONS = "https://support.atl
 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";
 export declare const CONTENT_URL_AI_TROUBLESHOOTING = "https://support.atlassian.com/organization-administration/docs/troubleshooting-for-atlassian-intelligence/";
+export declare const CONTENT_URL_ACCEPTABLE_USE_POLICY = "https://www.atlassian.com/legal/acceptable-use-policy";
 /**
  * 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_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_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'beta' | '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_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'beta' | '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/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -1,4 +1,4 @@
-import type { AISummaryServiceProps, AISummaryServiceInt, AISummaryState, StateSetter, SummaryStyle } from './types';
+import { type AISummaryServiceProps, type AISummaryServiceInt, type AISummaryState, type StateSetter, type SummaryStyle } from './types';
 export declare class AISummaryService implements AISummaryServiceInt {
     state: AISummaryState;
     private config;
@@ -10,5 +10,6 @@ export declare class AISummaryService implements AISummaryServiceInt {
     constructor(props: AISummaryServiceProps);
     private fetchStream;
     summariseUrl(summaryStyle?: SummaryStyle): Promise<void>;
+    private isExpectedError;
     subscribe(stateSetter: StateSetter): () => void;
 }

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

@@ -29,9 +29,12 @@ export type AgentInput = {
     summary_style?: SummaryStyle;
 };
 export type SummaryStyle = 'short' | 'medium' | 'long';
+export declare const errorMessages: readonly ["NETWORK_ERROR", "NO_ANSWER", "RATE_LIMIT", "NO_AGENT", "PLUGIN_ERRORED", "OPENAI_RATE_LIMIT_USER_ABUSE", "ACCEPTABLE_USE_VIOLATIONS", "AI_DISABLED", "UNEXPECTED"];
+export type ErrorMessage = (typeof errorMessages)[number];
 export type AISummaryState = {
     content: string;
     status: AISummaryStatus;
+    error?: ErrorMessage;
 };
 export type StateSetter = (state: AISummaryState) => any;
 export type StreamMessage = StreamTrace | StreamAnswerPart | StreamResponse | StreamError;
@@ -50,7 +53,7 @@ export type StreamError = {
     message: {
         content: string;
         status_code?: number;
-        message_template?: string;
+        message_template?: ErrorMessage;
     };
     millisOffset: number;
     metadata: null | {

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

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

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

@@ -1,2 +1,4 @@
-declare const AIEventErrorViewed: () => null;
+declare const AIEventErrorViewed: ({ reason }: {
+    reason?: string | undefined;
+}) => null;
 export default AIEventErrorViewed;

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

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

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

@@ -2,7 +2,7 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
-export declare const NEW_CARD_WIDTH_REM = 28;
+export declare const NEW_CARD_WIDTH_REM = 25;
 export declare const CARD_GAP_PX = 10;
 export declare const separatorCss: import("@emotion/react").SerializedStyles;
 export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -28,7 +28,9 @@ export type ButtonClickedAiSummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
     fromCache: boolean | null;
 };
-export type ErrorViewedAiSummaryAttributesType = {};
+export type ErrorViewedAiSummaryAttributesType = {
+    reason?: string;
+};
 export type SummarySuccessAttributesType = {};
 export type SummaryFailedAttributesType = {
     reason: string | null;

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

@@ -2,6 +2,7 @@ export declare const CONTENT_URL_SECURITY_AND_PERMISSIONS = "https://support.atl
 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";
 export declare const CONTENT_URL_AI_TROUBLESHOOTING = "https://support.atlassian.com/organization-administration/docs/troubleshooting-for-atlassian-intelligence/";
+export declare const CONTENT_URL_ACCEPTABLE_USE_POLICY = "https://www.atlassian.com/legal/acceptable-use-policy";
 /**
  * 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_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_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'beta' | '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_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'beta' | '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/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -1,4 +1,4 @@
-import type { AISummaryServiceProps, AISummaryServiceInt, AISummaryState, StateSetter, SummaryStyle } from './types';
+import { type AISummaryServiceProps, type AISummaryServiceInt, type AISummaryState, type StateSetter, type SummaryStyle } from './types';
 export declare class AISummaryService implements AISummaryServiceInt {
     state: AISummaryState;
     private config;
@@ -10,5 +10,6 @@ export declare class AISummaryService implements AISummaryServiceInt {
     constructor(props: AISummaryServiceProps);
     private fetchStream;
     summariseUrl(summaryStyle?: SummaryStyle): Promise<void>;
+    private isExpectedError;
     subscribe(stateSetter: StateSetter): () => void;
 }

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

@@ -29,9 +29,22 @@ export type AgentInput = {
     summary_style?: SummaryStyle;
 };
 export type SummaryStyle = 'short' | 'medium' | 'long';
+export declare const errorMessages: readonly [
+    "NETWORK_ERROR",
+    "NO_ANSWER",
+    "RATE_LIMIT",
+    "NO_AGENT",
+    "PLUGIN_ERRORED",
+    "OPENAI_RATE_LIMIT_USER_ABUSE",
+    "ACCEPTABLE_USE_VIOLATIONS",
+    "AI_DISABLED",
+    "UNEXPECTED"
+];
+export type ErrorMessage = (typeof errorMessages)[number];
 export type AISummaryState = {
     content: string;
     status: AISummaryStatus;
+    error?: ErrorMessage;
 };
 export type StateSetter = (state: AISummaryState) => any;
 export type StreamMessage = StreamTrace | StreamAnswerPart | StreamResponse | StreamError;
@@ -50,7 +63,7 @@ export type StreamError = {
     message: {
         content: string;
         status_code?: number;
-        message_template?: string;
+        message_template?: ErrorMessage;
     };
     millisOffset: number;
     metadata: null | {

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

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

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

@@ -1,2 +1,4 @@
-declare const AIEventErrorViewed: () => null;
+declare const AIEventErrorViewed: ({ reason }: {
+    reason?: string | undefined;
+}) => null;
 export default AIEventErrorViewed;

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

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

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

@@ -2,7 +2,7 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
-export declare const NEW_CARD_WIDTH_REM = 28;
+export declare const NEW_CARD_WIDTH_REM = 25;
 export declare const CARD_GAP_PX = 10;
 export declare const separatorCss: import("@emotion/react").SerializedStyles;
 export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.50.9",
+  "version": "26.50.11",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
     "@atlaskit/avatar": "^21.5.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/button": "^17.8.0",
     "@atlaskit/dropdown-menu": "^12.8.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -50,10 +50,10 @@
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/popup": "^1.13.0",
+    "@atlaskit/popup": "^1.14.0",
     "@atlaskit/primitives": "^5.1.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",