@atlaskit/smart-card 43.31.5 → 43.31.7

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 43.31.7
+
+### Patch Changes
+
+- [`cb48dc37bffa1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb48dc37bffa1) -
+  [ux] Remove auto generate AI summary for platform_sl_3p_auth_rovo_action experiment
+
+## 43.31.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.31.5
 
 ### Patch Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-rovo-chat-action--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9432898199d088d4dfad39d42c547dabb35a31c9e27669e0759c21e4d2d4d319
-size 33033
+oid sha256:e1e36e1aa7f05bb230d6a7c63bbe6e7538b66e2f912f9eb7068e1a5880ddde9a
+size 27485

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

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

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,6 +1,11 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -16,12 +16,14 @@ var _css = require("@atlaskit/css");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _utils = require("../../../utils");
 var _actionIcon = _interopRequireDefault(require("../action-icon"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
-  content: "_11c8wadc _syazi7uo"
+  content: "_11c8wadc _syazi7uo",
+  spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
 };
 var ActionButton = function ActionButton(_ref) {
   var content = _ref.content,
@@ -42,7 +44,12 @@ var ActionButton = function ActionButton(_ref) {
     }
   }, [isDisabled, isLoading, onClickCallback]);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(_actionIcon.default, {
-    icon: /*#__PURE__*/React.createElement(_spinner.default, {
+    icon: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+      xcss: styles.spinner
+    }, /*#__PURE__*/React.createElement(_spinner.default, {
+      size: 16,
+      testId: "".concat(testId, "-loading")
+    })) : /*#__PURE__*/React.createElement(_spinner.default, {
       testId: "".concat(testId, "-loading")
     })
   }) : iconOption;

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

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
 var _action = _interopRequireDefault(require("../action"));
@@ -44,11 +45,13 @@ function AISummariseAction(_ref) {
   }, [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(_atlassianIntelligence.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, (0, _extends2.default)({
       spacing: "spacious",
       color: "currentColor",
       label: "Summarise with AI"
-    }),
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),
     isLoading: status === 'loading',

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

@@ -9,6 +9,7 @@ exports.AISummaryActionComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../state/hooks/use-ai-summary-action"));
 var _aiSummariseAction = require("./ai-summarise-action");
 var _copySummaryAction = require("./copy-summary-action");
@@ -26,7 +27,10 @@ var AISummaryActionComponent = exports.AISummaryActionComponent = function AISum
   (0, _react.useEffect)(function () {
     onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
   }, [onLoadingChange, status]);
-  return status === 'done' ? /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryAction, (0, _extends2.default)({}, props, {
+  return status === 'done' ? (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryActionNew, (0, _extends2.default)({}, props, {
+    summary: content,
+    testId: testId
+  })) : /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryAction, (0, _extends2.default)({}, props, {
     testId: testId,
     content: content
   })) : /*#__PURE__*/_react.default.createElement(_aiSummariseAction.AISummariseAction, (0, _extends2.default)({}, props, {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CopySummaryAction = CopySummaryAction;
+exports.CopySummaryActionNew = CopySummaryActionNew;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -14,10 +15,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
-var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
+var _useAnalyticsEvents3 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
 var _action = _interopRequireDefault(require("../action"));
-var _excluded = ["url", "onClick", "testId", "content"];
+var _excluded = ["url", "onClick", "testId", "content"],
+  _excluded2 = ["url", "onClick", "summary", "testId"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function CopySummaryAction(_ref) {
   var url = _ref.url,
@@ -25,7 +27,7 @@ function CopySummaryAction(_ref) {
     testId = _ref.testId,
     content = _ref.content,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var _useState = (0, _react.useState)(_messages.messages.copy_summary_action_description),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -61,4 +63,49 @@ function CopySummaryAction(_ref) {
       return setTooltipMessage(_messages.messages.copy_summary_action_description);
     }
   }, props));
+}
+function CopySummaryActionNew(_ref3) {
+  var url = _ref3.url,
+    onClickCallback = _ref3.onClick,
+    _ref3$summary = _ref3.summary,
+    summary = _ref3$summary === void 0 ? '' : _ref3$summary,
+    testId = _ref3.testId,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+  var _useAnalyticsEvents2 = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents2.fireEvent;
+  var _useState3 = (0, _react.useState)(_messages.messages.copy_summary_action_description),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    tooltipMessage = _useState4[0],
+    setTooltipMessage = _useState4[1];
+  var handleCopySummaryClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          fireEvent('ui.button.clicked.copySummary', {});
+          _context2.next = 3;
+          return navigator.clipboard.writeText(summary);
+        case 3:
+          setTooltipMessage(_messages.messages.copied_summary_action_description);
+          onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })), [fireEvent, onClickCallback, summary]);
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_summary_action),
+    icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
+      color: "currentColor",
+      spacing: "spacious",
+      label: "Copy Summary",
+      size: props.iconSize
+    }),
+    onClick: handleCopySummaryClick,
+    testId: "".concat(testId, "-copy-summary-action"),
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage),
+    tooltipOnHide: function tooltipOnHide() {
+      return setTooltipMessage(_messages.messages.copy_summary_action_description);
+    }
+  }, props));
 }

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

@@ -11,19 +11,14 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _motion = require("@atlaskit/motion");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _useAiSummaryAction = _interopRequireDefault(require("../../../../../state/hooks/use-ai-summary-action"));
 var Actions = _interopRequireWildcard(require("../../actions"));
 var _actionFooter = require("./action-footer");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ignoreContainerPaddingStyles = null;
 var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
@@ -67,7 +62,6 @@ var ActionBlock = function ActionBlock(_ref) {
     is3PAuthRovoActionsExperimentOn = _ref.is3PAuthRovoActionsExperimentOn;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  var url = context === null || context === void 0 ? void 0 : context.url;
   var isRovoChatActionAvailable = is3PAuthRovoActionsExperimentOn && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.RovoChatAction]) !== undefined : undefined;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -96,14 +90,11 @@ var ActionBlock = function ActionBlock(_ref) {
       return name !== _constants.InternalActionName.RovoChatAction;
     }) : Object.keys(context.actions);
     arr.sort(sort);
-    var renderAction = function renderAction(name, motionStyle) {
+    var renderAction = function renderAction(name) {
       var Action = name in Actions ? Actions[name] : undefined;
       if (!Action) {
         return null;
       }
-      var style = padding || motionStyle ? _objectSpread(_objectSpread({}, motionStyle || {}), padding && {
-        paddingInline: padding
-      }) : undefined;
       return /*#__PURE__*/React.createElement(Action, {
         as: "stack-item",
         spaceInline: spaceInline,
@@ -114,41 +105,18 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/no-unsafe-design-token-usage
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
-        style: style,
+        style: padding && {
+          paddingInline: padding
+        },
         hideTooltip: isLoading
       });
     };
-    return isRovoChatActionAvailable ? /*#__PURE__*/React.createElement(_motion.StaggeredEntrance, {
-      columns: 1
-    }, arr.map(function (name, index) {
-      return /*#__PURE__*/React.createElement(_motion.FadeIn, {
-        duration: 'large',
-        key: index
-      }, function (motion) {
-        return renderAction(name, motion.style);
-      });
-    })) : arr.map(function (name) {
+    return arr.map(function (name) {
       return renderAction(name);
     });
   }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
-  var aiSummaryConfig = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _useAiSummaryAction.default)(url !== null && url !== void 0 ? url : '') : undefined;
-  if ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch')) {
-    var shouldShowActions = !isRovoChatActionAvailable || isRovoChatActionAvailable && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error');
-    return actions && shouldShowActions ? /*#__PURE__*/React.createElement("div", {
-      ref: blockRef,
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g", className])
-    }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
-      message: message,
-      testId: testId
-    })) : null;
-  }
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId

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

@@ -5,15 +5,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RovoSummaryBlock = void 0;
+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 _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _resolved = _interopRequireWildcard(require("./resolved"));
-var _excluded = ["testId"],
-  _excluded2 = ["testId", "url"];
+var _excluded = ["is3PAuthRovoActionsExperimentOn", "testId"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
@@ -23,8 +22,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @see Block
  */
 var AISummaryBlock = function AISummaryBlock(_ref) {
-  var _context$actions, _props$size, _cardContext$ui;
-  var _ref$testId = _ref.testId,
+  var _context$actions, _props$size2, _cardContext$ui2;
+  var is3PAuthRovoActionsExperimentOn = _ref.is3PAuthRovoActionsExperimentOn,
+    _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-ai-summary-block' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
@@ -36,37 +36,18 @@ var AISummaryBlock = function AISummaryBlock(_ref) {
   if (!(actionData !== null && actionData !== void 0 && actionData.url)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
-    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
-    testId: testId,
-    url: actionData.url
-  }));
-};
-
-/**
- * Represents an AISummaryBlock, designed to summarising link resource
- * content using AI.
- * @public
- * @param {RovoSummaryBlockProps} RovoSummaryBlock
- * @see Block
- */
-var RovoSummaryBlock = exports.RovoSummaryBlock = function RovoSummaryBlock(_ref2) {
-  var _props$size2, _cardContext$ui2;
-  var _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'smart-ai-summary-block' : _ref2$testId,
-    url = _ref2.url,
-    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
-  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved) {
-    return null;
+  if (is3PAuthRovoActionsExperimentOn) {
+    var _props$size, _cardContext$ui;
+    return /*#__PURE__*/_react.default.createElement(_resolved.RovoSummaryBlockResolvedView, (0, _extends2.default)({}, props, {
+      size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
+      testId: testId,
+      url: actionData.url
+    }));
   }
-  if (!url) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_resolved.RovoSummaryBlockResolvedView, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
     size: (_props$size2 = props.size) !== null && _props$size2 !== void 0 ? _props$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size,
     testId: testId,
-    url: url
+    url: actionData.url
   }));
 };
 var _default = exports.default = AISummaryBlock;

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

@@ -71,29 +71,51 @@ var RovoSummaryBlockResolvedView = exports.RovoSummaryBlockResolvedView = functi
   var testId = props.testId,
     _props$aiSummaryMinHe2 = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe2 === void 0 ? 0 : _props$aiSummaryMinHe2,
+    placeholder = props.placeholder,
     url = props.url;
   var _useAISummaryAction2 = (0, _useAiSummaryAction.default)(url),
     _useAISummaryAction2$ = _useAISummaryAction2.state,
     content = _useAISummaryAction2$.content,
-    status = _useAISummaryAction2$.status,
-    summariseUrl = _useAISummaryAction2.summariseUrl;
-  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;
+    status = _useAISummaryAction2$.status;
   var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
-  (0, _react.useEffect)(function () {
-    if (status !== 'ready' || isSummarisedOnMountRef.current) {
-      return;
-    }
-    isSummarisedOnMountRef.current = true;
-    summariseUrl();
-  }, [status, summariseUrl]);
   var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
   if (status === 'error') {
     return null;
   }
-  if (!showAISummary) {
-    return /*#__PURE__*/React.createElement(_compiled.Inline, {
+
+  // Show summary when there is content to display
+  if (content && content !== '') {
+    return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
+      direction: _constants.SmartLinkDirection.Vertical,
+      testId: "".concat(testId, "-resolved-view"),
+      className: (0, _runtime.ax)(["_1reoewfl _18m9ewfl"])
+    }), /*#__PURE__*/React.createElement(_compiled.Inline, {
+      xcss: newStyles.summaryWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
+      shouldUseHexLogo: true,
+      size: "xxsmall"
+    })), status === 'done' && /*#__PURE__*/React.createElement(_aiEventSummaryViewed.default, {
+      fromCache: isSummarisedOnMountRef.current
+    }), /*#__PURE__*/React.createElement(_motionWrapper.default, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: !isSummarisedOnMountRef.current
+    }, /*#__PURE__*/React.createElement(_aiSummary.default, {
+      testId: "".concat(testId, "-ai-summary"),
+      minHeight: minHeight,
+      content: content
+    }), status === 'done' && /*#__PURE__*/React.createElement(_aiFooter.default, null))));
+  }
+
+  // Show loading state on initial request where content hasn't returned yet.
+  if (status === 'loading') {
+    return /*#__PURE__*/React.createElement(_motionWrapper.default, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: true
+    }, /*#__PURE__*/React.createElement(_compiled.Inline, {
       testId: "".concat(testId, "-placeholder"),
       xcss: newStyles.placeholderWrapper
     }, /*#__PURE__*/React.createElement("div", {
@@ -108,29 +130,13 @@ var RovoSummaryBlockResolvedView = exports.RovoSummaryBlockResolvedView = functi
       xcss: newStyles.ellipsesContainer
     }, /*#__PURE__*/React.createElement(_ellipses.EllipsesAnimation, {
       isAnimated: true
-    })));
+    }))));
   }
-  return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
-    direction: _constants.SmartLinkDirection.Vertical,
-    testId: "".concat(testId, "-resolved-view"),
-    className: (0, _runtime.ax)(["_1reoewfl _18m9ewfl"])
-  }), /*#__PURE__*/React.createElement(_compiled.Inline, {
-    xcss: newStyles.summaryWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([newStyles.iconWrapper])
-  }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
-    shouldUseHexLogo: true,
-    size: 'xxsmall'
-  })), status === 'done' && /*#__PURE__*/React.createElement(_aiEventSummaryViewed.default, {
-    fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/React.createElement(_motionWrapper.default, {
-    minHeight: minHeight,
-    show: showAISummary,
-    showTransition: !isSummarisedOnMountRef.current
-  }, /*#__PURE__*/React.createElement(_aiSummary.default, {
-    testId: "".concat(testId, "-ai-summary"),
-    minHeight: minHeight,
-    content: content
-  }), status === 'done' && /*#__PURE__*/React.createElement(_aiFooter.default, null))));
+
+  // Otherwise, show placeholder if provided
+  if (placeholder) {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, placeholder);
+  }
+  return null;
 };
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * Allowed footer actions for HoverCard, in display order. Fetched from context.
  * @featureGate platform_sl_3p_auth_rovo_action_kill_switch
  */
-var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [_constants.InternalActionName.AISummaryAction, _constants.InternalActionName.RovoChatAction];
+var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [_constants.InternalActionName.RovoChatAction];
 var ignoreContainerMarginStyles = null;
 var elevatedFooterStyles = null;
 var providerStyles = null;

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

@@ -253,8 +253,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
           flexibleCardProps: flexibleCardProps,
           isAISummaryEnabled: isAISummaryEnabled,
           onActionClick: onActionClick,
-          titleBlockProps: titleBlockProps,
-          url: url
+          titleBlockProps: titleBlockProps
         }));
       }
       return null;
@@ -306,8 +305,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
           flexibleCardProps: flexibleCardProps,
           isAISummaryEnabled: isAISummaryEnabled,
           onActionClick: onActionClick,
-          titleBlockProps: titleBlockProps,
-          url: url
+          titleBlockProps: titleBlockProps
         }));
       }
       return null;

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -19,7 +19,6 @@ var _analytics = require("../../../../../state/analytics");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../state/hooks/use-ai-summary-action"));
 var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
 var _blocks = require("../../../../FlexibleCard/components/blocks");
-var _aiSummaryBlock = require("../../../../FlexibleCard/components/blocks/ai-summary-block");
 var _utils = require("../../../utils");
 var _ImagePreview = _interopRequireDefault(require("../../ImagePreview"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -36,8 +35,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     onActionClick = _ref.onActionClick,
     showRovoResolvedView = _ref.showRovoResolvedView,
     titleBlockProps = _ref.titleBlockProps,
-    id = _ref.id,
-    url = _ref.url;
+    id = _ref.id;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
 
@@ -88,12 +86,10 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     secondary: secondary,
     maxLines: 1,
     size: _constants.SmartLinkSize.Medium
-  }), is3PAuthRovoActionsExperimentOn ? /*#__PURE__*/_react.default.createElement(_aiSummaryBlock.RovoSummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
-    url: url
-  }) : isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
-    aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet
+    placeholder: snippet,
+    is3PAuthRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn
   }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
     testId: "hidden-snippet",
     onRender: onSnippetRender,

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

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

package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-rovo-chat-action--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9432898199d088d4dfad39d42c547dabb35a31c9e27669e0759c21e4d2d4d319
-size 33033
+oid sha256:e1e36e1aa7f05bb230d6a7c63bbe6e7538b66e2f912f9eb7068e1a5880ddde9a
+size 27485

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

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

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,6 +1,11 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -8,11 +8,13 @@ import { cx } from '@atlaskit/css';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 const styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
-  content: "_11c8wadc _syazi7uo"
+  content: "_11c8wadc _syazi7uo",
+  spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
 };
 const ActionButton = ({
   content,
@@ -34,7 +36,12 @@ const ActionButton = ({
     }
   }, [isDisabled, isLoading, onClickCallback]);
   const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: /*#__PURE__*/React.createElement(Spinner, {
+    icon: expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.spinner
+    }, /*#__PURE__*/React.createElement(Spinner, {
+      size: 16,
+      testId: `${testId}-loading`
+    })) : /*#__PURE__*/React.createElement(Spinner, {
       testId: `${testId}-loading`
     })
   }) : iconOption;