@atlaskit/smart-card 26.48.5 → 26.48.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.48.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 26.48.6
+
+### Patch Changes
+
+- [#77644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77644) [`781a14e5ab00`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/781a14e5ab00) - Add generic AI summary error message
+
 ## 26.48.5
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_AI = exports.CONTENT_URL_3P_ACCOUNT_AUTH = exports.ActionName = void 0;
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_AI_TROUBLESHOOTING = exports.CONTENT_URL_AI = exports.CONTENT_URL_3P_ACCOUNT_AUTH = exports.ActionName = void 0;
 var CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 var CONTENT_URL_3P_ACCOUNT_AUTH = exports.CONTENT_URL_3P_ACCOUNT_AUTH = 'https://support.atlassian.com/confluence-cloud/docs/what-data-is-sent-and-received-when-pasting-a-smart-link/';
 var CONTENT_URL_AI = exports.CONTENT_URL_AI = 'https://www.atlassian.com/trust/atlassian-intelligence';
+var CONTENT_URL_AI_TROUBLESHOOTING = exports.CONTENT_URL_AI_TROUBLESHOOTING = 'https://support.atlassian.com/organization-administration/docs/troubleshooting-for-atlassian-intelligence/';
+
 /**
  * The alignment of Flexible UI component.
  */

package/dist/cjs/messages.js

@@ -36,6 +36,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Atlassian Intelligence is working...',
     description: 'Shown when AI summary is summarising the link resource content.'
   },
+  ai_summary_error_generic: {
+    id: 'fabric.linking.ai_summary_error_generic',
+    defaultMessage: "Atlassian Intelligence can't provide a response right now. Read more <a>in our support documentation</a>.",
+    description: 'Shown when AI summary is summarising the link resource content.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.48.5"
+  packageVersion: "0.0.0-development"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-container.js

@@ -18,7 +18,7 @@ var AIIndicatorContainer = function AIIndicatorContainer(_ref) {
     content = _ref.content,
     testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    alignBlock: "center",
+    alignBlock: "start",
     alignInline: "start",
     space: "space.050",
     xcss: contentStyles,

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+var _primitives = require("@atlaskit/primitives");
+var _messages = require("../../../../../../messages");
+var _aiIndicatorContainer = _interopRequireDefault(require("./ai-indicator-container"));
+var _aiLearnMoreAnchor = _interopRequireDefault(require("./ai-learn-more-anchor"));
+var _constants = require("../../../../../../constants");
+var contentStyles = (0, _primitives.xcss)({
+  color: 'color.text.subtle',
+  fontSize: '11px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '14px'
+});
+var AIStateError = function AIStateError(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId;
+  switch (appearance) {
+    case 'icon-only':
+      return null;
+    default:
+      return /*#__PURE__*/_react.default.createElement(_aiIndicatorContainer.default, {
+        icon: /*#__PURE__*/_react.default.createElement(_error.default, {
+          primaryColor: "var(--ds-icon-danger, #C9372C)",
+          label: "AI",
+          size: "small",
+          testId: "".concat(testId, "-error-icon")
+        }),
+        content: /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+          testId: "".concat(testId, "-error-message"),
+          xcss: contentStyles
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.ai_summary_error_generic, {
+          values: {
+            a: function a(chunks) {
+              return /*#__PURE__*/_react.default.createElement(_aiLearnMoreAnchor.default, {
+                href: _constants.CONTENT_URL_AI_TROUBLESHOOTING
+              }, chunks);
+            }
+          }
+        }))),
+        testId: "".concat(testId, "-error")
+      });
+  }
+};
+var _default = exports.default = AIStateError;

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

@@ -14,17 +14,16 @@ var _aiIndicatorContainer = _interopRequireDefault(require("./ai-indicator-conta
 var AIStateLoading = function AIStateLoading(_ref) {
   var appearance = _ref.appearance,
     testId = _ref.testId;
-  var icon = /*#__PURE__*/_react.default.createElement(_aiIconLoading.default, {
-    label: "AI",
-    size: "small",
-    testId: "".concat(testId, "-loading-icon")
-  });
   switch (appearance) {
     case 'icon-only':
-      return icon;
+      return null;
     default:
       return /*#__PURE__*/_react.default.createElement(_aiIndicatorContainer.default, {
-        icon: icon,
+        icon: /*#__PURE__*/_react.default.createElement(_aiIconLoading.default, {
+          label: "AI",
+          size: "small",
+          testId: "".concat(testId, "-loading-icon")
+        }),
         content: /*#__PURE__*/_react.default.createElement(_primitives.Box, {
           testId: "".concat(testId, "-loading-message")
         }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarizing)),

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

@@ -9,6 +9,7 @@ var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _aiStateLoading = _interopRequireDefault(require("./ai-state-loading"));
 var _aiStateDone = _interopRequireDefault(require("./ai-state-done"));
+var _aiStateError = _interopRequireDefault(require("./ai-state-error"));
 /** @jsx jsx */
 
 var AIStateIndicator = function AIStateIndicator(_ref) {
@@ -18,6 +19,11 @@ var AIStateIndicator = function AIStateIndicator(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'ai-state-indicator' : _ref$testId;
   switch (state) {
+    case 'error':
+      return (0, _react.jsx)(_aiStateError.default, {
+        appearance: appearance,
+        testId: testId
+      });
     case 'loading':
       return (0, _react.jsx)(_aiStateLoading.default, {
         appearance: appearance,

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

@@ -44,7 +44,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var aiSummary = (0, _useAiSummary.useAISummary)({
     url: url
   });
-  var content = aiSummary.state.content,
+  var _aiSummary$state = aiSummary.state,
+    content = _aiSummary$state.content,
+    status = _aiSummary$state.status,
     isSummarisedOnMount = aiSummary.isSummarisedOnMount;
   var onAIActionClick = (0, _react.useCallback)(function () {
     setAIState('loading');
@@ -96,6 +98,11 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     items: combinedActions,
     appearance: "default",
     size: size
-  }))));
+  }))), status === 'error' && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+    state: status,
+    testId: testId
+  })));
 };
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.48.5",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/constants.js

@@ -1,6 +1,8 @@
 export const CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 export 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 const CONTENT_URL_AI = 'https://www.atlassian.com/trust/atlassian-intelligence';
+export const CONTENT_URL_AI_TROUBLESHOOTING = 'https://support.atlassian.com/organization-administration/docs/troubleshooting-for-atlassian-intelligence/';
+
 /**
  * The alignment of Flexible UI component.
  */

package/dist/es2019/messages.js

@@ -30,6 +30,11 @@ export const messages = defineMessages({
     defaultMessage: 'Atlassian Intelligence is working...',
     description: 'Shown when AI summary is summarising the link resource content.'
   },
+  ai_summary_error_generic: {
+    id: 'fabric.linking.ai_summary_error_generic',
+    defaultMessage: "Atlassian Intelligence can't provide a response right now. Read more <a>in our support documentation</a>.",
+    description: 'Shown when AI summary is summarising the link resource content.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.48.5"
+  packageVersion: "0.0.0-development"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-container.js

@@ -12,7 +12,7 @@ const AIIndicatorContainer = ({
   testId
 }) => {
   return /*#__PURE__*/React.createElement(Inline, {
-    alignBlock: "center",
+    alignBlock: "start",
     alignInline: "start",
     space: "space.050",
     xcss: contentStyles,

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

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+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';
+const contentStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '11px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '14px'
+});
+const AIStateError = ({
+  appearance,
+  testId
+}) => {
+  switch (appearance) {
+    case 'icon-only':
+      return null;
+    default:
+      return /*#__PURE__*/React.createElement(AIIndicatorContainer, {
+        icon: /*#__PURE__*/React.createElement(ErrorIcon, {
+          primaryColor: "var(--ds-icon-danger, #C9372C)",
+          label: "AI",
+          size: "small",
+          testId: `${testId}-error-icon`
+        }),
+        content: /*#__PURE__*/React.createElement(Box, {
+          testId: `${testId}-error-message`,
+          xcss: contentStyles
+        }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.ai_summary_error_generic, {
+          values: {
+            a: chunks => /*#__PURE__*/React.createElement(AILearnMoreAnchor, {
+              href: CONTENT_URL_AI_TROUBLESHOOTING
+            }, chunks)
+          }
+        }))),
+        testId: `${testId}-error`
+      });
+  }
+};
+export default AIStateError;

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

@@ -8,17 +8,16 @@ const AIStateLoading = ({
   appearance,
   testId
 }) => {
-  const icon = /*#__PURE__*/React.createElement(AIIconLoading, {
-    label: "AI",
-    size: "small",
-    testId: `${testId}-loading-icon`
-  });
   switch (appearance) {
     case 'icon-only':
-      return icon;
+      return null;
     default:
       return /*#__PURE__*/React.createElement(AIIndicatorContainer, {
-        icon: icon,
+        icon: /*#__PURE__*/React.createElement(AIIconLoading, {
+          label: "AI",
+          size: "small",
+          testId: `${testId}-loading-icon`
+        }),
         content: /*#__PURE__*/React.createElement(Box, {
           testId: `${testId}-loading-message`
         }, /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarizing)),

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

@@ -3,12 +3,18 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import AIStateLoading from './ai-state-loading';
 import AIStateDone from './ai-state-done';
+import AIStateError from './ai-state-error';
 const AIStateIndicator = ({
   state,
   appearance = 'default',
   testId = 'ai-state-indicator'
 }) => {
   switch (state) {
+    case 'error':
+      return jsx(AIStateError, {
+        appearance: appearance,
+        testId: testId
+      });
     case 'loading':
       return jsx(AIStateLoading, {
         appearance: appearance,

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

@@ -31,7 +31,8 @@ const AISummaryBlockResolvedView = props => {
   });
   const {
     state: {
-      content
+      content,
+      status
     },
     isSummarisedOnMount
   } = aiSummary;
@@ -85,6 +86,11 @@ const AISummaryBlockResolvedView = props => {
     items: combinedActions,
     appearance: "default",
     size: size
-  }))));
+  }))), status === 'error' && /*#__PURE__*/React.createElement(Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: status,
+    testId: testId
+  })));
 };
 export default AISummaryBlockResolvedView;

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

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

package/dist/esm/constants.js

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

package/dist/esm/messages.js

@@ -30,6 +30,11 @@ export var messages = defineMessages({
     defaultMessage: 'Atlassian Intelligence is working...',
     description: 'Shown when AI summary is summarising the link resource content.'
   },
+  ai_summary_error_generic: {
+    id: 'fabric.linking.ai_summary_error_generic',
+    defaultMessage: "Atlassian Intelligence can't provide a response right now. Read more <a>in our support documentation</a>.",
+    description: 'Shown when AI summary is summarising the link resource content.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',

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

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

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

@@ -11,7 +11,7 @@ var AIIndicatorContainer = function AIIndicatorContainer(_ref) {
     content = _ref.content,
     testId = _ref.testId;
   return /*#__PURE__*/React.createElement(Inline, {
-    alignBlock: "center",
+    alignBlock: "start",
     alignInline: "start",
     space: "space.050",
     xcss: contentStyles,

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

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+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';
+var contentStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '11px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '14px'
+});
+var AIStateError = function AIStateError(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId;
+  switch (appearance) {
+    case 'icon-only':
+      return null;
+    default:
+      return /*#__PURE__*/React.createElement(AIIndicatorContainer, {
+        icon: /*#__PURE__*/React.createElement(ErrorIcon, {
+          primaryColor: "var(--ds-icon-danger, #C9372C)",
+          label: "AI",
+          size: "small",
+          testId: "".concat(testId, "-error-icon")
+        }),
+        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);
+            }
+          }
+        }))),
+        testId: "".concat(testId, "-error")
+      });
+  }
+};
+export default AIStateError;

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

@@ -7,17 +7,16 @@ 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;
+      return null;
     default:
       return /*#__PURE__*/React.createElement(AIIndicatorContainer, {
-        icon: icon,
+        icon: /*#__PURE__*/React.createElement(AIIconLoading, {
+          label: "AI",
+          size: "small",
+          testId: "".concat(testId, "-loading-icon")
+        }),
         content: /*#__PURE__*/React.createElement(Box, {
           testId: "".concat(testId, "-loading-message")
         }, /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarizing)),

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

@@ -3,6 +3,7 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import AIStateLoading from './ai-state-loading';
 import AIStateDone from './ai-state-done';
+import AIStateError from './ai-state-error';
 var AIStateIndicator = function AIStateIndicator(_ref) {
   var state = _ref.state,
     _ref$appearance = _ref.appearance,
@@ -10,6 +11,11 @@ var AIStateIndicator = function AIStateIndicator(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'ai-state-indicator' : _ref$testId;
   switch (state) {
+    case 'error':
+      return jsx(AIStateError, {
+        appearance: appearance,
+        testId: testId
+      });
     case 'loading':
       return jsx(AIStateLoading, {
         appearance: appearance,

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

@@ -34,7 +34,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var aiSummary = useAISummary({
     url: url
   });
-  var content = aiSummary.state.content,
+  var _aiSummary$state = aiSummary.state,
+    content = _aiSummary$state.content,
+    status = _aiSummary$state.status,
     isSummarisedOnMount = aiSummary.isSummarisedOnMount;
   var onAIActionClick = useCallback(function () {
     setAIState('loading');
@@ -86,6 +88,11 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     items: combinedActions,
     appearance: "default",
     size: size
-  }))));
+  }))), status === 'error' && /*#__PURE__*/React.createElement(Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: status,
+    testId: testId
+  })));
 };
 export default AISummaryBlockResolvedView;

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

package/dist/types/constants.d.ts

@@ -1,6 +1,7 @@
 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";
+export declare const CONTENT_URL_AI_TROUBLESHOOTING = "https://support.atlassian.com/organization-administration/docs/troubleshooting-for-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_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';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | '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-state-error.d.ts

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

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

@@ -1,6 +1,7 @@
 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";
+export declare const CONTENT_URL_AI_TROUBLESHOOTING = "https://support.atlassian.com/organization-administration/docs/troubleshooting-for-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_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';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | '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-state-error.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.48.5",
+  "version": "26.48.7",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,10 +48,10 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.13.0",
-    "@atlaskit/primitives": "^3.1.0",
+    "@atlaskit/primitives": "^4.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.38.0",
+    "@atlaskit/tokens": "^1.39.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",