@atlaskit/smart-card 26.50.10 → 26.50.12

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

@@ -9,27 +9,27 @@ export function readStream(_x) {
 }
 function _readStream() {
   _readStream = _wrapAsyncGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.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 _awaitAsyncGenerator(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);
@@ -37,61 +37,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:
@@ -99,13 +105,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/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.50.10"
+  packageVersion: "26.50.12"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -32,6 +32,7 @@ var FlexibleErroredView = function FlexibleErroredView(_ref) {
     primaryColor: "var(--ds-icon-warning, ".concat(R300, ")"),
     testId: "".concat(testId, "-warning-icon")
   }), /*#__PURE__*/React.createElement(Text, {
+    maxLines: 3,
     message: {
       descriptor: messages.could_not_load_link
     }

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -82,7 +82,7 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/React.createElement(Text, {
-    maxLines: 2,
+    maxLines: 3,
     message: {
       descriptor: toMessage(messages.invalid_permissions_description, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.descriptiveMessageKey),
       values: messageContext

package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -50,7 +50,8 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/React.createElement(Text, {
     message: description,
-    testId: "".concat(testId, "-message")
+    testId: "".concat(testId, "-message"),
+    maxLines: 3
   }));
 };
 export default withFlexibleUIBlockCardStyle(FlexibleNotFoundView);

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -1,11 +1,36 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
 
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n      margin-right: 0.5rem;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
-export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: 0.5em;\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])));
-export var footerBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n\n  .actions-button-group {\n    button,\n    button:hover,\n    button:focus,\n    button:active {\n      font-size: 0.875rem;\n    }\n  }\n"])));
-export var flexibleBlockCardStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));
+export var metadataBlockCss = css({
+  'span[data-smart-element-avatar-group]': {
+    '> ul': {
+      paddingLeft: '0px',
+      marginRight: "var(--ds-space-100, 0.5rem)"
+    }
+  },
+  '[data-smart-element-group]': {
+    lineHeight: '1rem'
+  }
+});
+export var titleBlockCss = css({
+  gap: "var(--ds-space-100, 0.5em)",
+  "[data-smart-element='Title']": {
+    fontWeight: 600
+  }
+});
+export var footerBlockCss = css({
+  height: '1.5rem',
+  '.actions-button-group': {
+    'button, button:hover, button:focus, button:active': {
+      fontSize: '0.875rem'
+    }
+  }
+});
+export var flexibleBlockCardStyle = css({
+  '& > div': {
+    borderRadius: "var(--ds-border-radius-200, 8px)",
+    border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
+  }
+});

package/dist/esm/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -4,6 +4,10 @@ import React from 'react';
 import FlexibleCard from '../../../../FlexibleCard';
 import { InternalFooterBlock } from '../../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions, FooterBlockOptions } from '../utils';
+import { css } from '@emotion/react';
+var customBlockStyles = css({
+  alignItems: 'flex-start'
+});
 var UnresolvedView = function UnresolvedView(_ref) {
   var actions = _ref.actions,
     cardState = _ref.cardState,
@@ -28,7 +32,9 @@ var UnresolvedView = function UnresolvedView(_ref) {
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     hideIcon: !!title,
     text: title
-  })), /*#__PURE__*/React.createElement(CustomBlock, null, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, FooterBlockOptions, {
+  })), /*#__PURE__*/React.createElement(CustomBlock, {
+    overrideCss: customBlockStyles
+  }, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, FooterBlockOptions, {
     actions: actions,
     testId: "smart-block-card-footer"
   })));

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

@@ -1,11 +1,14 @@
 import { useEffect } from 'react';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
-var AIEventErrorViewed = function AIEventErrorViewed() {
+var AIEventErrorViewed = function AIEventErrorViewed(_ref) {
+  var reason = _ref.reason;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   useEffect(function () {
-    fireEvent('ui.error.viewed.aiSummary', {});
-  }, [fireEvent]);
+    fireEvent('ui.error.viewed.aiSummary', {
+      reason: reason
+    });
+  }, [fireEvent, reason]);
   return null;
 };
 export default AIEventErrorViewed;

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/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.10",
+  packageVersion: "26.50.12",
   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/FlexibleCard/components/elements/text/types.d.ts

@@ -11,7 +11,7 @@ export type TextProps = ElementProps & {
      */
     content?: string;
     /**
-     * The maximum number of lines the text should span over. Maximum is 2.
+     * The maximum number of lines the text should span over. Maximum is 2 unless its an error message.
      */
     maxLines?: number;
 };

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;