@atlaskit/smart-card 26.59.1 → 26.60.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/smart-card
 
+## 26.60.0
+
+### Minor Changes
+
+-   [#96008](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96008)
+    [`a0eb959e967c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a0eb959e967c) -
+    [ux] Adds CollaboratorGroup to Trello Flex Block and Hover Previews
+
+### Patch Changes
+
+-   [#95271](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95271)
+    [`d22ff5392d9d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d22ff5392d9d) -
+    [ux] removing 'overflow: hidden' to fix blurry embed links
+-   [#94424](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94424)
+    [`236fe37d0c71`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/236fe37d0c71) -
+    ActionBlock: Add error message
+-   [#94724](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94724)
+    [`2c06423cc1aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2c06423cc1aa) -
+    Permanently fixes incorrect cleanup of ref for intersection observer, no longer requires ff
+    platform.linking-platform.smart-card.fix-intersection-observer
+-   Updated dependencies
+
 ## 26.59.1
 
 ### Patch Changes

package/dist/cjs/extractors/flexible/actions/extract-ai-summary-action.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractAISummaryAction = void 0;
 var _types = require("../../../view/Card/types");
 var _canShowAction = require("../../../utils/actions/can-show-action");
-var _getIsAiSummaryEnabled = require("../../../utils/get-is-ai-summary-enabled");
+var _aiSummary = require("../../../utils/ai-summary");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var extractAISummaryAction = exports.extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
-  if (!(0, _canShowAction.canShowAction)(_types.CardAction.AISummaryAction, actionOptions) || !(0, _getIsAiSummaryEnabled.getIsAISummaryEnabled)(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+  if (!(0, _canShowAction.canShowAction)(_types.CardAction.AISummaryAction, actionOptions) || !(0, _aiSummary.getIsAISummaryEnabled)(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
     return;
   }
   return {

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

@@ -215,7 +215,8 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
               } finally {
                 _iterator4.f();
               }
-            case 52:
+              return _context2.abrupt("return", this.state);
+            case 53:
             case "end":
               return _context2.stop();
           }

package/dist/cjs/utils/{get-is-ai-summary-enabled.js → ai-summary.js}

@@ -3,11 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIsAISummaryEnabled = void 0;
+exports.getIsAISummaryEnabled = exports.getAISummaryErrorMessage = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("../constants");
+var _messages = require("../messages");
 var getIsAISummaryEnabled = exports.getIsAISummaryEnabled = function getIsAISummaryEnabled() {
   var _response$meta;
   var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var response = arguments.length > 1 ? arguments[1] : undefined;
   return Boolean((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeature) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
+};
+var getAISummaryErrorMessage = exports.getAISummaryErrorMessage = function getAISummaryErrorMessage(error) {
+  switch (error) {
+    case 'ACCEPTABLE_USE_VIOLATIONS':
+      return {
+        message: _messages.messages.ai_summary_error_acceptable_use_violation,
+        url: _constants.CONTENT_URL_ACCEPTABLE_USE_POLICY
+      };
+    case 'HIPAA_CONTENT_DETECTED':
+      return {
+        message: _messages.messages.ai_summary_error_hipaa_content_detected
+      };
+    default:
+      return {
+        message: _messages.messages.ai_summary_error_generic,
+        url: _constants.CONTENT_URL_AI_TROUBLESHOOTING
+      };
+  }
 };

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

package/dist/cjs/view/BlockCard/views/flexible/utils/index.js

@@ -112,6 +112,14 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
           name: _constants.ElementName.CommentCount
         }]
       };
+    case 'trello-object-provider':
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: [{
+          name: _constants.ElementName.CollaboratorGroup
+        }].concat(baseTopMetadata),
+        bottomMetadata: defaultBottomMetadata
+      };
     default:
       return {
         titleMetadata: defaultTitleMetadata,

package/dist/cjs/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -5,10 +5,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LazyIntersectionObserverCard = void 0;
+exports.LazyIntersectionObserverCard = LazyIntersectionObserverCard;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _state = require("../../../state");
 var _component = require("../component");
 var _LoadingCardLink = require("./LoadingCardLink");
@@ -20,7 +19,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
-function LazyIntersectionObserverCardLegacy(props) {
+function LazyIntersectionObserverCard(props) {
+  var ref = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIntersecting = _useState2[0],
@@ -43,49 +43,6 @@ function LazyIntersectionObserverCardLegacy(props) {
       prefetch();
     }
   }, [prefetch, id]);
-  var onRef = (0, _react.useCallback)(function (element) {
-    if (!element) {
-      return;
-    }
-    var intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
-    });
-    intersectionObserver.observe(element);
-    return function () {
-      return intersectionObserver.disconnect();
-    };
-  }, [onIntersection]);
-  var content = isIntersecting ? /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, props) : /*#__PURE__*/_react.default.createElement(ComponentObserver, {
-    ref: onRef
-  }, /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, props));
-  return /*#__PURE__*/_react.default.createElement(Component, {
-    className: "loader-wrapper"
-  }, content);
-}
-function LazyIntersectionObserverCardNext(props) {
-  var ref = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isIntersecting = _useState4[0],
-    setIsIntersecting = _useState4[1];
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
-  var prefetch = (0, _state.usePrefetch)(url);
-  var Component = appearance === 'inline' ? 'span' : 'div';
-  var ComponentObserver = Component;
-  var onIntersection = (0, _react.useCallback)(function (entries, observer) {
-    var isVisible = entries.some(function (entry) {
-      return entry.isIntersecting;
-    });
-    if (isVisible) {
-      (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
-      setIsIntersecting(true);
-      observer.disconnect();
-    } else {
-      prefetch();
-    }
-  }, [prefetch, id]);
   (0, _react.useEffect)(function () {
     if (!ref.current) {
       return;
@@ -104,8 +61,4 @@ function LazyIntersectionObserverCardNext(props) {
   return /*#__PURE__*/_react.default.createElement(Component, {
     className: "loader-wrapper"
   }, content);
-}
-var LazyIntersectionObserverCard = exports.LazyIntersectionObserverCard = function LazyIntersectionObserverCard(props) {
-  var Component = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.fix-intersection-observer') ? LazyIntersectionObserverCardNext : LazyIntersectionObserverCardLegacy;
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
+}

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

@@ -36,6 +36,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
   var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
+  var isFixEmbedCardBlurEnabled = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return /*#__PURE__*/_react.default.createElement(_styled.Header, {
       className: "embed-header",
@@ -71,6 +72,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styled.Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
+      removeOverflow: isFixEmbedCardBlurEnabled,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
     }, children);

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

@@ -133,7 +133,11 @@ var TooltipWrapper = exports.TooltipWrapper = _styled.default.div({
 // manage scrolling behaviour.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
 var Content = exports.Content = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
-  var allowScrollBar = _ref11.allowScrollBar;
+  var allowScrollBar = _ref11.allowScrollBar,
+    removeOverflow = _ref11.removeOverflow;
+  if (removeOverflow) {
+    return '';
+  }
   return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
 }, function (_ref12) {
   var frameStyle = _ref12.frameStyle;

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -10,16 +10,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _reactMagneticDi = require("react-magnetic-di");
 var _messages = require("../../../../../messages");
 var _action = _interopRequireDefault(require("../action"));
 var _aiIcon = _interopRequireDefault(require("../../../../common/ai-icon"));
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _useAiSummary = require("../../../../../state/hooks/use-ai-summary");
-var _excluded = ["onClick", "url", "ari", "product"];
+var _utils = require("./utils");
+var _excluded = ["onClick", "onError", "url", "ari", "product"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var AISummaryActionComponent = exports.AISummaryActionComponent = function AISummaryActionComponent(_ref) {
   var onClickCallback = _ref.onClick,
+    onErrorCallback = _ref.onError,
     _ref$url = _ref.url,
     url = _ref$url === void 0 ? '' : _ref$url,
     _ref$ari = _ref.ari,
@@ -35,26 +38,31 @@ var AISummaryActionComponent = exports.AISummaryActionComponent = function AISum
     }),
     status = _useAISummary.state.status,
     summariseUrl = _useAISummary.summariseUrl;
+  var onCompleted = (0, _react.useCallback)(function (state) {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback((0, _utils.getErrorMessage)(state.error));
+    }
+  }, [onErrorCallback]);
   var handleActionClick = (0, _react.useCallback)(function () {
+    var _summariseUrl;
     fireEvent('ui.button.clicked.aiSummary', {});
     fireEvent('track.aiInteraction.initiated', {
       aiFeatureName: 'Smart Links Summary',
       proactiveAIGenerated: 0,
       userGeneratedAI: 1
     });
-    summariseUrl();
+    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [fireEvent, onClickCallback, summariseUrl]);
-  if (status === 'ready' || status === 'error') {
-    return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
-      icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
-        label: "Summarise with AI"
-      }),
-      onClick: handleActionClick,
-      testId: "smart-action-ai-summary-action",
-      tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action_description)
-    }, props));
-  }
+  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
+    icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
+      label: "Summarise with AI"
+    }),
+    isLoading: status === 'loading',
+    onClick: handleActionClick,
+    testId: "smart-action-ai-summary-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action_description)
+  }, props));
   return null;
 };

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/utils.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getErrorMessage = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _aiSummary = require("../../../../../utils/ai-summary");
+var _aiEventErrorViewed = _interopRequireDefault(require("../../common/ai-summary/ai-event-error-viewed"));
+var _aiLearnMoreAnchor = _interopRequireDefault(require("../../common/ai-summary/ai-learn-more-anchor"));
+var getErrorMessage = exports.getErrorMessage = function getErrorMessage(error) {
+  var _getAISummaryErrorMes = (0, _aiSummary.getAISummaryErrorMessage)(error),
+    message = _getAISummaryErrorMes.message,
+    url = _getAISummaryErrorMes.url;
+  return {
+    appearance: 'error',
+    title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, {
+      reason: error
+    }), /*#__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);
+        }
+      }
+    })))
+  };
+};

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionFooter = void 0;
+var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+var _primitives = require("@atlaskit/primitives");
+var _react = _interopRequireDefault(require("react"));
+var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
+var containerStyles = (0, _primitives.xcss)({
+  all: 'unset',
+  borderRadius: 'border.radius',
+  margin: 'space.100',
+  lineHeight: '20px',
+  padding: 'space.050',
+  paddingInline: 'space.100',
+  width: '100%',
+  ':empty': {
+    display: 'none'
+  }
+});
+var errorStyles = (0, _primitives.xcss)({
+  backgroundColor: 'color.background.danger'
+});
+var titleStyles = (0, _primitives.xcss)({
+  color: 'color.text.subtle',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+var getIcon = function getIcon(appearance) {
+  switch (appearance) {
+    case 'error':
+      return /*#__PURE__*/_react.default.createElement(_error.default, {
+        primaryColor: "var(--ds-icon-danger, #C9372C)",
+        label: "Error",
+        size: "small",
+        testId: "action-error-icon"
+      });
+    default:
+      return null;
+  }
+};
+var ActionFooter = exports.ActionFooter = function ActionFooter(_ref) {
+  var message = _ref.message,
+    testId = _ref.testId;
+  if (!message) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    testId: "".concat(testId, "-footer"),
+    xcss: [containerStyles, message.appearance === 'error' && errorStyles]
+  }, /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
+    isFadeIn: true,
+    show: true,
+    showTransition: true
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    alignBlock: "start",
+    grow: "fill",
+    space: "space.025"
+  }, message.icon || getIcon(message.appearance), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: titleStyles
+  }, message.title))));
+};

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

@@ -1,10 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
 var _react2 = require("react");
@@ -12,6 +14,8 @@ var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var Actions = _interopRequireWildcard(require("../../actions"));
 var _utils = require("../../utils");
+var _actionFooter = require("./action-footer");
+var _reactMagneticDi = require("react-magnetic-di");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
@@ -48,7 +52,18 @@ var ActionBlock = function ActionBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  var _useState = (0, _react2.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    message = _useState2[0],
+    setMessage = _useState2[1];
   var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? (0, _utils.getPrimitivesPaddingSpaceBySize)((ui === null || ui === void 0 ? void 0 : ui.size) || _constants.SmartLinkSize.Medium) : undefined;
+  var _onClick = (0, _react2.useCallback)(function (name) {
+    setMessage(undefined);
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback(name);
+  }, [onClickCallback]);
+  var onError = (0, _react2.useCallback)(function (error) {
+    setMessage(error);
+  }, []);
   var actions = (0, _react2.useMemo)(function () {
     if (!(context !== null && context !== void 0 && context.actions)) {
       return;
@@ -62,19 +77,24 @@ var ActionBlock = function ActionBlock(_ref) {
         spaceInline: spaceInline,
         key: name,
         onClick: function onClick() {
-          return onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name);
+          return _onClick(name);
         },
+        onError: onError,
         size: size,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding
         })
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onClickCallback, padding, size, spaceInline]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline]);
   return actions ? (0, _react.jsx)("div", {
     css: ignoreContainerPaddingStyles,
     ref: blockRef,
     "data-testid": testId
-  }, actions) : null;
+  }, actions, (0, _react.jsx)(_actionFooter.ActionFooter, {
+    message: message,
+    paddingInline: padding,
+    testId: testId
+  })) : null;
 };
 var _default = exports.default = ActionBlock;

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

@@ -17,7 +17,7 @@ var _messages = require("../../../../../../messages");
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _aiIndicatorTooltip = _interopRequireDefault(require("./ai-indicator-tooltip"));
 var _aiIndicatorContainer = _interopRequireDefault(require("./ai-indicator-container"));
-var _aiLearnMoreAnchor = _interopRequireDefault(require("./ai-learn-more-anchor"));
+var _aiLearnMoreAnchor = _interopRequireDefault(require("../../../common/ai-summary/ai-learn-more-anchor"));
 /** @jsx jsx */
 
 var tooltipMsgStyles = (0, _primitives.xcss)({

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

@@ -10,10 +10,9 @@ 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 _aiSummary = require("../../../../../../utils/ai-summary");
+var _aiLearnMoreAnchor = _interopRequireDefault(require("../../../common/ai-summary/ai-learn-more-anchor"));
 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',
@@ -34,31 +33,13 @@ var FormattedErrorMessage = function FormattedErrorMessage(_ref) {
     }
   }));
 };
-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
-      };
-    case 'HIPAA_CONTENT_DETECTED':
-      return {
-        message: _messages.messages.ai_summary_error_hipaa_content_detected
-      };
-    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;
+  var _getAISummaryErrorMes = (0, _aiSummary.getAISummaryErrorMessage)(error),
+    message = _getAISummaryErrorMes.message,
+    url = _getAISummaryErrorMes.url;
   switch (appearance) {
     case 'icon-only':
       return null;

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

@@ -15,7 +15,7 @@ var _constants = require("../../../../../../constants");
 var _actionGroup = _interopRequireDefault(require("../../action-group"));
 var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _aiMotionWrapper = _interopRequireDefault(require("../ai-motion-wrapper"));
+var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
 var _aiStateIndicator = _interopRequireDefault(require("../ai-state-indicator"));
 var _utils = require("../../utils");
 var _messages = require("../../../../../../messages");
@@ -24,7 +24,7 @@ var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
 var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
-var _aiEventErrorViewed = _interopRequireDefault(require("../ai-event-error-viewed"));
+var _aiEventErrorViewed = _interopRequireDefault(require("../../../common/ai-summary/ai-event-error-viewed"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _react2 = require("@emotion/react");
 var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
@@ -38,7 +38,7 @@ var AISummaryBlockErrorIndicator = exports.AISummaryBlockErrorIndicator = functi
     error = _ref.error,
     showTransition = _ref.showTransition,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_aiMotionWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
     isFadeIn: true,
     show: showErrorIndicator,
     showTransition: showTransition
@@ -150,7 +150,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     }, props.overrideCss)
   }), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
     fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/_react.default.createElement(_aiMotionWrapper.default, {
+  }), /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
     minHeight: aiSummaryMinHeight,
     show: showAISummary,
     showTransition: !isSummarisedOnMountRef.current

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var AIEventErrorViewed = function AIEventErrorViewed(_ref) {
   var reason = _ref.reason;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),

package/dist/cjs/view/FlexibleCard/components/{blocks/ai-summary-block/ai-state-indicator → common/ai-summary}/ai-learn-more-anchor.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../../../../../constants");
+var _constants = require("../../../../../constants");
 var _excluded = ["children"];
 var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
   var children = _ref.children,

package/dist/cjs/view/FlexibleCard/components/{blocks/ai-summary-block/ai-motion-wrapper → common/motion-wrapper}/index.js

@@ -5,13 +5,13 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AIMotionWrapper = void 0;
+exports.default = exports.MotionWrapper = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _primitives = require("@atlaskit/primitives");
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var AIMotionWrapper = exports.AIMotionWrapper = function AIMotionWrapper(_ref) {
+var MotionWrapper = exports.MotionWrapper = function MotionWrapper(_ref) {
   var children = _ref.children,
     _ref$isFadeIn = _ref.isFadeIn,
     isFadeIn = _ref$isFadeIn === void 0 ? false : _ref$isFadeIn,
@@ -52,4 +52,4 @@ var AIMotionWrapper = exports.AIMotionWrapper = function AIMotionWrapper(_ref) {
     ref: ref
   }, children) : null;
 };
-var _default = exports.default = AIMotionWrapper;
+var _default = exports.default = MotionWrapper;

package/dist/cjs/view/FlexibleCard/components/common/motion-wrapper/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -29,7 +29,7 @@ var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
 var _forbidden = _interopRequireDefault(require("./views/forbidden"));
 var _ContentContainer = _interopRequireDefault(require("./ContentContainer"));
-var _getIsAiSummaryEnabled = require("../../../utils/get-is-ai-summary-enabled");
+var _aiSummary = require("../../../utils/ai-summary");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
@@ -93,7 +93,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var isAISummaryEnabled = (0, _getIsAiSummaryEnabled.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
+  var isAISummaryEnabled = (0, _aiSummary.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
   var services = (0, _helpers.getServices)(linkState.details);
   var statusRef = (0, _react2.useRef)(linkStatus);
   var analyticsRef = (0, _react2.useRef)(analytics);