@atlaskit/smart-card 26.50.9 → 26.50.11

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.50.11
+
+### Patch Changes
+
+- [#84238](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84238) [`76b053da8795`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/76b053da8795) - [ux] Add fade in/out transition to AI prism border
+- [#85227](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85227) [`ceaf5b7ee00b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ceaf5b7ee00b) - [ux] Add new error message to hover card ai summary based on response from api
+
+## 26.50.10
+
+### Patch Changes
+
+- [#83297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83297) [`6b1707c169e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b1707c169e0) - The internal composition of this component has changed. There is no expected change in behaviour.
+
 ## 26.50.9
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,11 +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_TROUBLESHOOTING = 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_ACCEPTABLE_USE_POLICY = 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/';
+var CONTENT_URL_ACCEPTABLE_USE_POLICY = exports.CONTENT_URL_ACCEPTABLE_USE_POLICY = 'https://www.atlassian.com/legal/acceptable-use-policy';
 
 /**
  * The alignment of Flexible UI component.

package/dist/cjs/messages.js

@@ -46,6 +46,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     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.'
   },
+  ai_summary_error_acceptable_use_violation: {
+    id: 'fabric.linking.ai_summary_error_acceptable_use_violation',
+    defaultMessage: "We cannot show the results of this summary as it goes against <a>Atlassian's Acceptable Use Policy</a>.",
+    description: 'Shown when AI summary is summarising the link resource content and the content violates atlassians acceptable use policy.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -11,6 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _uuid = _interopRequireDefault(require("uuid"));
+var _types = require("./types");
 var _utils = require("./utils");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -111,6 +112,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
           subscriber,
           _chunk$message,
           _this$onError,
+          message,
           _iterator4,
           _step4,
           _subscriber2,
@@ -219,17 +221,19 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
                 status: 'done',
                 content: bufferContent
               };
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             case 46:
               _context2.prev = 46;
               _context2.t1 = _context2["catch"](5);
-              (_this$onError = this.onError) === null || _this$onError === void 0 || _this$onError.call(this, id, 'generic');
+              message = _context2.t1 instanceof Error && this.isExpectedError(_context2.t1.message) ? _context2.t1.message : 'UNEXPECTED';
+              (_this$onError = this.onError) === null || _this$onError === void 0 || _this$onError.call(this, id, message);
               this.state = {
                 status: 'error',
-                content: ''
+                content: '',
+                error: message
               };
-            case 50:
+            case 51:
               _iterator4 = _createForOfIteratorHelper(this.subscribedStateSetters);
               try {
                 for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -241,7 +245,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
               } finally {
                 _iterator4.f();
               }
-            case 52:
+            case 53:
             case "end":
               return _context2.stop();
           }
@@ -252,6 +256,13 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
       }
       return summariseUrl;
     }()
+  }, {
+    key: "isExpectedError",
+    value: function isExpectedError(value) {
+      return typeof value === 'string' && _types.errorMessages.some(function (a) {
+        return a === value;
+      });
+    }
   }, {
     key: "subscribe",
     value: function subscribe(stateSetter) {

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -1 +1,7 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorMessages = void 0;
+var errorMessages = exports.errorMessages = ['NETWORK_ERROR', 'NO_ANSWER', 'RATE_LIMIT', 'NO_AGENT', 'PLUGIN_ERRORED', 'OPENAI_RATE_LIMIT_USER_ABUSE', 'ACCEPTABLE_USE_VIOLATIONS', 'AI_DISABLED', 'UNEXPECTED'];

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/utils.js

@@ -17,27 +17,27 @@ function readStream(_x) {
 }
 function _readStream() {
   _readStream = (0, _wrapAsyncGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(response) {
-    var reader, doneStreaming, chunkBuffer, _yield$_awaitAsyncGen, value, done, processedChunks, _iterator, _step, chunk, error, _error;
+    var reader, doneStreaming, chunkBuffer, chunkTypeErrorMessage, _yield$_awaitAsyncGen, value, done, processedChunks, _iterator, _step, chunk, jsonChunk, error;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           reader = getBufferReader(response);
           doneStreaming = false;
           chunkBuffer = '';
-        case 3:
-          _context.prev = 3;
-          _context.next = 6;
+          chunkTypeErrorMessage = 'jsonChunkType error';
+        case 4:
+          _context.prev = 4;
+          _context.next = 7;
           return (0, _awaitAsyncGenerator2.default)(reader.read());
-        case 6:
+        case 7:
           _yield$_awaitAsyncGen = _context.sent;
           value = _yield$_awaitAsyncGen.value;
           done = _yield$_awaitAsyncGen.done;
           doneStreaming = done;
           if (!value) {
-            _context.next = 43;
+            _context.next = 42;
             break;
           }
-          _context.prev = 11;
           processedChunks = "".concat(chunkBuffer).concat(value).split('\n'); // assumes that all JSON chunks are separated by a new-line;
           chunkBuffer = '';
           _iterator = _createForOfIteratorHelper(processedChunks);
@@ -45,61 +45,67 @@ function _readStream() {
           _iterator.s();
         case 17:
           if ((_step = _iterator.n()).done) {
-            _context.next = 29;
+            _context.next = 34;
             break;
           }
           chunk = _step.value;
           _context.prev = 19;
-          _context.next = 22;
-          return JSON.parse(chunk);
-        case 22:
-          _context.next = 27;
+          jsonChunk = JSON.parse(chunk);
+          if (!(jsonChunk.type === 'ERROR')) {
+            _context.next = 23;
+            break;
+          }
+          throw new Error(chunkTypeErrorMessage);
+        case 23:
+          _context.next = 25;
+          return jsonChunk;
+        case 25:
+          _context.next = 32;
           break;
-        case 24:
-          _context.prev = 24;
+        case 27:
+          _context.prev = 27;
           _context.t0 = _context["catch"](19);
+          if (!(_context.t0 instanceof Error && _context.t0.message === chunkTypeErrorMessage)) {
+            _context.next = 31;
+            break;
+          }
+          throw _context.t0;
+        case 31:
           // the chunk may be incomplete, so we'll save it for the next iteration.
           chunkBuffer = chunk;
-        case 27:
+        case 32:
           _context.next = 17;
           break;
-        case 29:
-          _context.next = 34;
+        case 34:
+          _context.next = 39;
           break;
-        case 31:
-          _context.prev = 31;
+        case 36:
+          _context.prev = 36;
           _context.t1 = _context["catch"](15);
           _iterator.e(_context.t1);
-        case 34:
-          _context.prev = 34;
-          _iterator.f();
-          return _context.finish(34);
-        case 37:
-          _context.next = 43;
-          break;
         case 39:
           _context.prev = 39;
-          _context.t2 = _context["catch"](11);
-          error = new Error("Error Processing Stream Data: ".concat(value));
-          throw error;
-        case 43:
+          _iterator.f();
+          return _context.finish(39);
+        case 42:
           _context.next = 52;
           break;
-        case 45:
-          _context.prev = 45;
-          _context.t3 = _context["catch"](3);
-          if (!(_context.t3 instanceof DOMException && _context.t3.name === 'AbortError')) {
-            _context.next = 51;
+        case 44:
+          _context.prev = 44;
+          _context.t2 = _context["catch"](4);
+          if (!(_context.t2 instanceof DOMException && _context.t2.name === 'AbortError')) {
+            _context.next = 50;
             break;
           }
           doneStreaming = true;
           _context.next = 52;
           break;
-        case 51:
-          throw _context.t3;
+        case 50:
+          reader.cancel();
+          throw _context.t2;
         case 52:
           if (!doneStreaming) {
-            _context.next = 3;
+            _context.next = 4;
             break;
           }
         case 53:
@@ -107,13 +113,13 @@ function _readStream() {
             _context.next = 56;
             break;
           }
-          _error = new Error("Not all the data was processed: ".concat(chunkBuffer));
-          throw _error;
+          error = new Error("Not all the data was processed: ".concat(chunkBuffer));
+          throw error;
         case 56:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 45], [11, 39], [15, 31, 34, 37], [19, 24]]);
+    }, _callee, null, [[4, 44], [15, 36, 39, 42], [19, 27]]);
   }));
   return _readStream.apply(this, arguments);
 }

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.50.9"
+  packageVersion: "26.50.11"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -86,7 +86,7 @@ var Wrapper = exports.Wrapper = _styled.default.div(function (props) {
 }, {
   // We are keeping this margin as a hardcoded variable as it is not a standard token size and needs
   // to be thoroughly checked with a designer so that we do not miss an unintended visual change
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginTop: '10px'
 });
 var embedHeaderHeight = exports.embedHeaderHeight = 32;

package/dist/cjs/view/FlexibleCard/components/blocks/action-group/index.js

@@ -31,7 +31,7 @@ var styles = (0, _react2.css)({
   '> div': {
     alignItems: 'center',
     'button:focus-visible': {
-      outlineOffset: '-2px'
+      outlineOffset: "var(--ds-space-negative-025, -2px)"
     }
   }
 });

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.js

@@ -6,12 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
-var AIEventErrorViewed = function AIEventErrorViewed() {
+var AIEventErrorViewed = function AIEventErrorViewed(_ref) {
+  var reason = _ref.reason;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   (0, _react.useEffect)(function () {
-    fireEvent('ui.error.viewed.aiSummary', {});
-  }, [fireEvent]);
+    fireEvent('ui.error.viewed.aiSummary', {
+      reason: reason
+    });
+  }, [fireEvent, reason]);
   return null;
 };
 var _default = exports.default = AIEventErrorViewed;

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

@@ -21,9 +21,40 @@ var contentStyles = (0, _primitives.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.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
+    values: {
+      a: function a(chunks) {
+        return /*#__PURE__*/_react.default.createElement(_aiLearnMoreAnchor.default, {
+          href: url
+        }, chunks);
+      }
+    }
+  }));
+};
+var getErrorMesssageProps = function getErrorMesssageProps(error) {
+  switch (error) {
+    case 'ACCEPTABLE_USE_VIOLATIONS':
+      return {
+        message: _messages.messages.ai_summary_error_acceptable_use_violation,
+        url: _constants.CONTENT_URL_ACCEPTABLE_USE_POLICY
+      };
+    default:
+      return {
+        message: _messages.messages.ai_summary_error_generic,
+        url: _constants.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;
@@ -38,15 +69,10 @@ var AIStateError = function AIStateError(_ref) {
         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);
-            }
-          }
-        }))),
+        }, /*#__PURE__*/_react.default.createElement(MessageWithAnchor, {
+          message: message,
+          url: url
+        })),
         testId: "".concat(testId, "-error")
       });
   }

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

@@ -17,12 +17,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 (0, _react.jsx)(_aiStateError.default, {
         appearance: appearance,
-        testId: testId
+        testId: testId,
+        error: error
       });
     case 'loading':
       return (0, _react.jsx)(_aiStateLoading.default, {

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

@@ -48,7 +48,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;
@@ -119,7 +120,10 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     size: size
   }))), showAISummaryErrorMessage && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     grow: "fill"
-  }, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, null), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+  }, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, {
+    reason: error
+  }), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+    error: error,
     state: status,
     testId: testId
   })));

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

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

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

@@ -43,7 +43,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var container = (0, _react.jsx)("div", (0, _extends2.default)({
     className: _HoverCardContent.hoverCardClassName,
-    css: [_styled.HoverCardContainer, isAIEnabled && showPrism ? undefined : _styled.popupContainerStyles],
+    css: [_styled.HoverCardContainer, !isAIEnabled ? _styled.popupContainerStyles : undefined],
     "data-testid": testId
   }, props), children);
   return isAIEnabled ? (0, _react.jsx)(_aiPrism.default, {

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

@@ -11,7 +11,7 @@ var _index = require("../../index");
 var _constants = require("../../constants");
 var _constants2 = require("@atlaskit/theme/constants");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2;
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 var HOVER_CARD_Z_INDEX = exports.HOVER_CARD_Z_INDEX = _constants2.layers.modal();
 var flexibleUiOptions = exports.flexibleUiOptions = {
@@ -22,18 +22,33 @@ var flexibleUiOptions = exports.flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 var CARD_WIDTH_REM = exports.CARD_WIDTH_REM = 24;
-var NEW_CARD_WIDTH_REM = exports.NEW_CARD_WIDTH_REM = 28;
+var NEW_CARD_WIDTH_REM = exports.NEW_CARD_WIDTH_REM = 25;
 // gap between mouse cursor and hover card
 var CARD_GAP_PX = exports.CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
-var separatorCss = exports.separatorCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
-var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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);
+var separatorCss = exports.separatorCss = (0, _react.css)({
+  '[data-separator] + [data-separator]:before': {
+    marginRight: elementGap
+  }
+});
+var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
+var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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);
 var getTransitionStyles = exports.getTransitionStyles = function getTransitionStyles(snippetHeight) {
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
+  return (0, _react.css)({
+    transition: 'height 300ms ease-in-out',
+    height: "".concat(snippetHeight, "px")
+  });
 };
-var popupContainerStyles = exports.popupContainerStyles = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\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))");
+var popupContainerStyles = exports.popupContainerStyles = (0, _react.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))"
+});
 var getPreviewBlockStyles = exports.getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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 (0, _react.css)(previewHeight ? "height: ".concat(previewHeight, "px;") : '', {
+    borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
+    borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+    marginBottom: blockGap
+  });
 };

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

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

@@ -9,11 +9,17 @@ var _react = require("@emotion/react");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("./constants");
 var _aiGlowingBorder = _interopRequireDefault(require("./ai-glowing-border"));
+var _styled = require("../../HoverCard/styled");
 /** @jsx jsx */
 
 var contentStyles = (0, _react.css)({
-  backgroundColor: "var(--ds-surface-raised, white)",
-  borderRadius: _constants.INNER_BORDER_RADIUS
+  transition: 'box-shadow 0.5s ease'
+});
+var contentStylesPrismVisible = (0, _react.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;
@@ -30,7 +36,8 @@ var AIPrism = function AIPrism(_ref) {
   return (0, _react.jsx)(_aiGlowingBorder.default, {
     additionalCss: {
       animatedSvgContainer: (0, _react.css)({
-        opacity: isVisible ? 1 : 0
+        opacity: isVisible ? 1 : 0,
+        transition: 'opacity 0.5s ease'
       })
     },
     palette: (_AI_BORDER_PALETTE$co = _constants.AI_BORDER_PALETTE[colorMode]) !== null && _AI_BORDER_PALETTE$co !== void 0 ? _AI_BORDER_PALETTE$co : _constants.AI_BORDER_PALETTE.light,
@@ -38,7 +45,7 @@ var AIPrism = function AIPrism(_ref) {
     isMoving: isMoving,
     testId: testId
   }, (0, _react.jsx)("div", {
-    css: contentStyles
+    css: [_styled.popupContainerStyles, contentStyles, isVisible ? contentStylesPrismVisible : undefined]
   }, children));
 };
 var _default = exports.default = AIPrism;

package/dist/es2019/constants.js

@@ -2,6 +2,7 @@ export const CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.c
 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/';
+export const CONTENT_URL_ACCEPTABLE_USE_POLICY = 'https://www.atlassian.com/legal/acceptable-use-policy';
 
 /**
  * The alignment of Flexible UI component.

package/dist/es2019/messages.js

@@ -40,6 +40,11 @@ export const messages = defineMessages({
     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.'
   },
+  ai_summary_error_acceptable_use_violation: {
+    id: 'fabric.linking.ai_summary_error_acceptable_use_violation',
+    defaultMessage: "We cannot show the results of this summary as it goes against <a>Atlassian's Acceptable Use Policy</a>.",
+    description: 'Shown when AI summary is summarising the link resource content and the content violates atlassians acceptable use policy.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import uuid from 'uuid';
+import { errorMessages } from './types';
 import { readStream, addPath } from './utils';
 export class AISummaryService {
   constructor(props) {
@@ -91,16 +92,21 @@ export class AISummaryService {
       };
     } catch (err) {
       var _this$onError;
-      (_this$onError = this.onError) === null || _this$onError === void 0 ? void 0 : _this$onError.call(this, id, 'generic');
+      let message = err instanceof Error && this.isExpectedError(err.message) ? err.message : 'UNEXPECTED';
+      (_this$onError = this.onError) === null || _this$onError === void 0 ? void 0 : _this$onError.call(this, id, message);
       this.state = {
         status: 'error',
-        content: ''
+        content: '',
+        error: message
       };
     }
     for (const subscriber of this.subscribedStateSetters) {
       subscriber(this.state);
     }
   }
+  isExpectedError(value) {
+    return typeof value === 'string' && errorMessages.some(a => a === value);
+  }
   subscribe(stateSetter) {
     this.subscribedStateSetters.add(stateSetter);
     return () => {

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -0,0 +1 @@
+export const errorMessages = ['NETWORK_ERROR', 'NO_ANSWER', 'RATE_LIMIT', 'NO_AGENT', 'PLUGIN_ERRORED', 'OPENAI_RATE_LIMIT_USER_ABUSE', 'ACCEPTABLE_USE_VIOLATIONS', 'AI_DISABLED', 'UNEXPECTED'];