@atlaskit/smart-card 43.24.10 → 43.25.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/smart-card
 
+## 43.25.0
+
+### Minor Changes
+
+- [`af73e2d13f2ad`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af73e2d13f2ad) -
+  [ux] NAVX-3597 show Rovo AI Summary for Google hovercards
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.24.10
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -840,5 +840,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.linking.learn_more_about_connecting_account_experiment_short',
     defaultMessage: 'Turn your URLs into rich, interactive previews.',
     description: 'An anchor link to redirect user to a page about authorization with 3rd party accounts.'
+  },
+  rovo_summary_loading: {
+    id: 'fabric.linking.rovo_summary.loading.non-final',
+    defaultMessage: 'Rovo is thinking',
+    description: 'Shown when a Rovo summary is loading, indicating that the AI is generating a summary for the user.'
+  },
+  ai_disclaimer: {
+    id: 'fabric.linking.rovo_summary.ai_disclaimer.non-final',
+    defaultMessage: 'Uses AI. Verify Results.',
+    description: 'Shown on a Rovo summary to indicate that the summary was generated by AI and should be verified by the user for accuracy.'
   }
 });

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

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

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var Actions = _interopRequireWildcard(require("../../actions"));
@@ -56,7 +57,8 @@ var ActionBlock = function ActionBlock(_ref) {
     spaceInline = _ref.spaceInline,
     className = _ref.className,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId,
+    hideAISummaryAction = _ref.hideAISummaryAction;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var _useState = (0, _react.useState)(),
@@ -83,6 +85,11 @@ var ActionBlock = function ActionBlock(_ref) {
       return;
     }
     var arr = Object.keys(context.actions);
+    if (hideAISummaryAction && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch')) {
+      arr = arr.filter(function (name) {
+        return name !== 'AISummaryAction';
+      });
+    }
     arr.sort(sort);
     return arr.map(function (name) {
       var Action = name in Actions ? Actions[name] : undefined;
@@ -104,7 +111,7 @@ var ActionBlock = function ActionBlock(_ref) {
         hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick, hideAISummaryAction]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.compiled.css

@@ -0,0 +1,3 @@
+._y44v1bmh{animation:var(--_f6g77x)}
+._y44v1dzz{animation:var(--_8brvn1)}
+._y44v1uzy{animation:var(--_lmysux)}

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

@@ -0,0 +1,55 @@
+/* ellipses.tsx generated by @compiled/babel-plugin v0.38.1 */
+// Copied from platform/packages/ai-mate/rovo-platform-ui-components/src/ui/primitives/ellipses-animation/EllipsesAnimation.tsx
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EllipsesAnimation = void 0;
+require("./ellipses.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 animation = null;
+var animation1 = null;
+var animation2 = null;
+var dot1 = null;
+var dot2 = null;
+var dot3 = null;
+var animatedOpacity = null;
+var EllipsesAnimation = exports.EllipsesAnimation = function EllipsesAnimation(_ref) {
+  var _ref$isAnimated = _ref.isAnimated,
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "10",
+    height: "2",
+    viewBox: "0 0 10 2",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([isAnimated && "_y44v1dzz", isAnimated && animatedOpacity]),
+    d: "M0.0800781 2V0.414062H1.67969V2H0.0800781Z",
+    fill: "#1868DB",
+    style: {
+      "--_8brvn1": (0, _runtime.ix)("".concat(animation, " 1.5s forwards infinite"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([isAnimated && "_y44v1uzy", isAnimated && animatedOpacity]),
+    d: "M3.83984 2V0.414062H5.43945V2H3.83984Z",
+    fill: "#BF63F3",
+    style: {
+      "--_lmysux": (0, _runtime.ix)("".concat(animation1, " 1.5s forwards infinite"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([isAnimated && "_y44v1bmh", isAnimated && animatedOpacity]),
+    d: "M7.59961 2V0.414062H9.19922V2H7.59961Z",
+    fill: "#FCA700",
+    style: {
+      "--_f6g77x": (0, _runtime.ix)("".concat(animation2, " 1.5s forwards infinite"))
+    }
+  }));
+};

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

@@ -1,17 +1,20 @@
 "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;
+exports.default = exports.RovoSummaryBlock = 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 = _interopRequireDefault(require("./resolved"));
-var _excluded = ["testId"];
+var _resolved = _interopRequireWildcard(require("./resolved"));
+var _excluded = ["testId"],
+  _excluded2 = ["testId", "url"];
+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
  * content using AI.
@@ -39,4 +42,31 @@ var AISummaryBlock = function AISummaryBlock(_ref) {
     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 (!url) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_resolved.RovoSummaryBlockResolvedView, (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
+  }));
+};
 var _default = exports.default = AISummaryBlock;

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

@@ -1,2 +1,7 @@
 ._18m9ewfl{overflow-y:visible}
-._1reoewfl{overflow-x:visible}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1e0c1txw{display:flex}
+._1reoewfl{overflow-x:visible}
+._4cvr1h6o{align-items:center}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

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

@@ -6,21 +6,33 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.RovoSummaryBlockResolvedView = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactIntlNext = require("react-intl-next");
 var _reactMagneticDi = require("react-magnetic-di");
+var _logo = require("@atlaskit/logo");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
+var _messages = require("../../../../../../messages");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
+var _aiFooter = _interopRequireDefault(require("../../../../../common/ai-summary/ai-footer"));
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
 var _block = _interopRequireDefault(require("../../block"));
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
+var _ellipses = require("../assets/ellipses");
 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 = null;
+var newStyles = {
+  iconWrapper: "_19bv1b66 _u5f3utpp _1e0c1txw _4cvr1h6o",
+  placeholderWrapper: "_1e0c1txw _4cvr1h6o",
+  summaryWrapper: "_ca0q1b66 _1e0c1txw",
+  ellipsesContainer: "_19bv1b66"
+};
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
@@ -41,11 +53,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   }
   return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
     direction: _constants.SmartLinkDirection.Vertical,
-    testId: "".concat(testId, "-resolved-view")
-    /**
-     * Enabled for feature discovery to allow box shadow to overflow
-     * Cleanup: https://product-fabric.atlassian.net/browse/EDM-8681
-     */,
+    testId: "".concat(testId, "-resolved-view"),
     className: (0, _runtime.ax)(["_1reoewfl _18m9ewfl"])
   }), status === 'done' && /*#__PURE__*/React.createElement(_aiEventSummaryViewed.default, {
     fromCache: isSummarisedOnMountRef.current
@@ -59,4 +67,58 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     content: content
   })));
 };
+var RovoSummaryBlockResolvedView = exports.RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(props) {
+  var testId = props.testId,
+    _props$aiSummaryMinHe2 = props.aiSummaryMinHeight,
+    aiSummaryMinHeight = _props$aiSummaryMinHe2 === void 0 ? 0 : _props$aiSummaryMinHe2,
+    url = props.url;
+  var _useAISummaryAction2 = (0, _useAiSummaryAction.default)(url),
+    _useAISummaryAction2$ = _useAISummaryAction2.state,
+    content = _useAISummaryAction2$.content,
+    status = _useAISummaryAction2$.status;
+  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;
+  var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
+  var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (!showAISummary) {
+    return /*#__PURE__*/React.createElement(_compiled.Inline, {
+      xcss: newStyles.placeholderWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
+      shouldUseHexLogo: true,
+      size: 'xxsmall'
+    })), /*#__PURE__*/React.createElement(_compiled.Text, {
+      size: "small",
+      color: "color.text"
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.rovo_summary_loading)), /*#__PURE__*/React.createElement(_compiled.Box, {
+      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))));
+};
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -11,11 +11,15 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
 var _analytics = require("../../../../../state/analytics");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../../../state/hooks/use-ai-summary-action"));
+var _useRovoConfig = _interopRequireDefault(require("../../../../../state/hooks/use-rovo-config"));
 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); }
@@ -31,9 +35,11 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
     titleBlockProps = _ref.titleBlockProps,
-    id = _ref.id;
+    id = _ref.id,
+    url = _ref.url;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
+  var rovoConfig = (0, _useRovoConfig.default)();
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
@@ -70,6 +76,20 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     className: (0, _runtime.ax)(["_ca0q1b66"])
   });
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
+  var isRovoSummaryEnabled = (rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.isRovoEnabled) && extensionKey === 'google-object-provider' && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch');
+  var aiSummaryProps = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _useAiSummaryAction.default)(url) : undefined;
+  var hasSummarised = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    if ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch')) {
+      if ((aiSummaryProps === null || aiSummaryProps === void 0 ? void 0 : aiSummaryProps.state.status) !== 'ready' || hasSummarised.current) {
+        return;
+      }
+      hasSummarised.current = true;
+      aiSummaryProps === null || aiSummaryProps === void 0 || aiSummaryProps.summariseUrl();
+    }
+  }, [aiSummaryProps, isRovoSummaryEnabled]);
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top,
     className: (0, _runtime.ax)(["_zulpu2gc _quenze3t _oebj1txw _13mh1pd9"])
@@ -78,7 +98,11 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     secondary: secondary,
     maxLines: 1,
     size: _constants.SmartLinkSize.Medium
-  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
+  }), isRovoSummaryEnabled ? /*#__PURE__*/_react.default.createElement(_aiSummaryBlock.RovoSummaryBlock, {
+    aiSummaryMinHeight: aiSummaryMinHeight,
+    placeholder: snippet,
+    url: url
+  }) : isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
     placeholder: snippet
   }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
@@ -90,6 +114,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.100",
+    hideAISummaryAction: isRovoSummaryEnabled,
     className: (0, _runtime.ax)(["_n3td1b66"])
   }), /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
 };

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

package/dist/cjs/view/common/ai-summary/ai-footer/index.compiled.css

@@ -0,0 +1 @@
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}

package/dist/cjs/view/common/ai-summary/ai-footer/index.js

@@ -0,0 +1,39 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+"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;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactIntlNext = require("react-intl-next");
+var _informationCircle = _interopRequireDefault(require("@atlaskit/icon/core/information-circle"));
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _messages = require("../../../../messages");
+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 = {
+  aiFooterWrapper: "_ca0q1b66"
+};
+var AIFooter = function AIFooter() {
+  return /*#__PURE__*/React.createElement(_compiled.Inline, {
+    alignBlock: "center",
+    space: "space.050",
+    xcss: styles.aiFooterWrapper
+  }, /*#__PURE__*/React.createElement(_informationCircle.default, {
+    label: "",
+    color: "var(--ds-text-subtle, #505258)",
+    size: "small"
+  }), /*#__PURE__*/React.createElement(_compiled.Text, {
+    size: "small"
+  }, /*#__PURE__*/React.createElement(_link.default, {
+    href: "https://www.atlassian.com/trust/atlassian-intelligence",
+    appearance: "subtle",
+    target: "_blank"
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_disclaimer))));
+};
+var _default = exports.default = AIFooter;

package/dist/cjs/view/common/ai-summary/index.compiled.css

@@ -5,5 +5,6 @@
 ._o5724jg8{white-space:normal}
 ._slp31hna{word-wrap:break-word}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._te171kdv{-ms-user-select:text}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

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

@@ -11,9 +11,12 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ulist = _interopRequireDefault(require("./ulist"));
 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 baseStyle = null;
+var textStyleNew = null;
+var textStyleOld = null;
 
 /**
  * A component to render a response from AI in markdown text.
@@ -35,7 +38,7 @@ var AISummary = function AISummary(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_11c8wadc _syazazsu _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
+    className: (0, _runtime.ax)(["_11c8wadc _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? "_syazi7uo" : "_syazazsu", className]),
     children: content,
     options: {
       forceWrapper: true,

package/dist/es2019/messages.js

@@ -834,5 +834,15 @@ export const messages = defineMessages({
     id: 'fabric.linking.learn_more_about_connecting_account_experiment_short',
     defaultMessage: 'Turn your URLs into rich, interactive previews.',
     description: 'An anchor link to redirect user to a page about authorization with 3rd party accounts.'
+  },
+  rovo_summary_loading: {
+    id: 'fabric.linking.rovo_summary.loading.non-final',
+    defaultMessage: 'Rovo is thinking',
+    description: 'Shown when a Rovo summary is loading, indicating that the AI is generating a summary for the user.'
+  },
+  ai_disclaimer: {
+    id: 'fabric.linking.rovo_summary.ai_disclaimer.non-final',
+    defaultMessage: 'Uses AI. Verify Results.',
+    description: 'Shown on a Rovo summary to indicate that the summary was generated by AI and should be verified by the user for accuracy.'
   }
 });

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.24.9"
+  packageVersion: "43.25.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
@@ -45,7 +46,8 @@ const ActionBlock = ({
   size,
   spaceInline,
   className,
-  testId = 'smart-block-action'
+  testId = 'smart-block-action',
+  hideAISummaryAction
 }) => {
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
@@ -66,7 +68,10 @@ const ActionBlock = ({
     if (!(context !== null && context !== void 0 && context.actions)) {
       return;
     }
-    const arr = Object.keys(context.actions);
+    let arr = Object.keys(context.actions);
+    if (hideAISummaryAction && fg('platform_sl_3p_auth_rovo_action_kill_switch')) {
+      arr = arr.filter(name => name !== 'AISummaryAction');
+    }
     arr.sort(sort);
     return arr.map(name => {
       const Action = name in Actions ? Actions[name] : undefined;
@@ -86,7 +91,7 @@ const ActionBlock = ({
         hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, onClick]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, onClick, hideAISummaryAction]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.compiled.css

@@ -0,0 +1,6 @@
+._y44v18gg{animation:k1iz2f8l 1.5s infinite forwards}
+._y44v1gpk{animation:k1w4xhaz 1.5s infinite forwards}
+._y44voqx9{animation:kzhlxv2 1.5s infinite forwards}
+@keyframes k1iz2f8l{0%{opacity:0}49%{opacity:0}50%{opacity:1}99%{opacity:1}to{opacity:0}}
+@keyframes k1w4xhaz{0%{opacity:0}24%{opacity:0}25%{opacity:1}99%{opacity:1}to{opacity:0}}
+@keyframes kzhlxv2{0%{opacity:0}74%{opacity:0}75%{opacity:1}99%{opacity:1}to{opacity:0}}

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.js

@@ -0,0 +1,38 @@
+/* ellipses.tsx generated by @compiled/babel-plugin v0.38.1 */
+// Copied from platform/packages/ai-mate/rovo-platform-ui-components/src/ui/primitives/ellipses-animation/EllipsesAnimation.tsx
+import "./ellipses.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const animation = null;
+const animation1 = null;
+const animation2 = null;
+const dot1 = null;
+const dot2 = null;
+const dot3 = null;
+const animatedOpacity = null;
+export const EllipsesAnimation = ({
+  isAnimated = true
+}) => {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "10",
+    height: "2",
+    viewBox: "0 0 10 2",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax([isAnimated && "", isAnimated && "_y44v1gpk", isAnimated && animatedOpacity]),
+    d: "M0.0800781 2V0.414062H1.67969V2H0.0800781Z",
+    fill: "#1868DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax([isAnimated && "", isAnimated && "_y44v18gg", isAnimated && animatedOpacity]),
+    d: "M3.83984 2V0.414062H5.43945V2H3.83984Z",
+    fill: "#BF63F3"
+  }), /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax([isAnimated && "", isAnimated && "_y44voqx9", isAnimated && animatedOpacity]),
+    d: "M7.59961 2V0.414062H9.19922V2H7.59961Z",
+    fill: "#FCA700"
+  }));
+};

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
 import { useFlexibleCardContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import AISummaryBlockResolvedView from './resolved';
+import AISummaryBlockResolvedView, { RovoSummaryBlockResolvedView } from './resolved';
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
  * content using AI.
@@ -30,4 +30,31 @@ const AISummaryBlock = ({
     url: actionData.url
   }));
 };
+
+/**
+ * Represents an AISummaryBlock, designed to summarising link resource
+ * content using AI.
+ * @public
+ * @param {RovoSummaryBlockProps} RovoSummaryBlock
+ * @see Block
+ */
+export const RovoSummaryBlock = ({
+  testId = 'smart-ai-summary-block',
+  url,
+  ...props
+}) => {
+  var _props$size2, _cardContext$ui2;
+  const cardContext = useFlexibleCardContext();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved) {
+    return null;
+  }
+  if (!url) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(RovoSummaryBlockResolvedView, _extends({}, props, {
+    size: (_props$size2 = props.size) !== null && _props$size2 !== void 0 ? _props$size2 : cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size,
+    testId: testId,
+    url: url
+  }));
+};
 export default AISummaryBlock;

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

@@ -1,2 +1,7 @@
 ._18m9ewfl{overflow-y:visible}
-._1reoewfl{overflow-x:visible}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1e0c1txw{display:flex}
+._1reoewfl{overflow-x:visible}
+._4cvr1h6o{align-items:center}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}