@atlaskit/smart-card 43.27.1 → 43.27.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 43.27.3
+
+### Patch Changes
+
+- [`972c9cf1a64ee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/972c9cf1a64ee) -
+  Add viewVarient to HoverCard content analytics events
+- Updated dependencies
+
+## 43.27.2
+
+### Patch Changes
+
+- [`9b9ffb59d1419`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b9ffb59d1419) -
+  [ux] NAVX-3600 aligning new hovercard for rovo experiment with figma designs
+- Updated dependencies
+
 ## 43.27.1
 
 ### 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:5c49849bc1c023980074b7130bd00742db96dfd1c90593c0025b035ab12b65dc
-size 33364
+oid sha256:9432898199d088d4dfad39d42c547dabb35a31c9e27669e0759c21e4d2d4d319
+size 33033

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

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

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _utils = require("../../../utils");
@@ -32,7 +33,8 @@ var ActionButton = function ActionButton(_ref) {
     spaceOption = _ref.space,
     testId = _ref.testId,
     tooltipProps = _ref.tooltipProps,
-    style = _ref.style;
+    style = _ref.style,
+    ariaLabel = _ref.ariaLabel;
   var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : (0, _utils.getPrimitivesInlineSpaceBySize)(size);
   var onClick = (0, _react.useCallback)(function () {
     if (!isDisabled && !isLoading && onClickCallback) {
@@ -52,7 +54,9 @@ var ActionButton = function ActionButton(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style
-  }), /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    'aria-label': ariaLabel
+  } : {}), /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
     grow: "fill",
     space: space

package/dist/cjs/view/FlexibleCard/components/actions/action/index.js

@@ -70,7 +70,8 @@ var Action = function Action(_ref) {
       style: style,
       tooltipOnHide: tooltipOnHide,
       hideTooltipOnMouseDown: hideTooltipOnMouseDown,
-      hideTooltip: hideTooltip
+      hideTooltip: hideTooltip,
+      ariaLabel: ariaLabel
     });
   }
   if (isDropdownItem) {

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/index.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _automation = _interopRequireDefault(require("@atlaskit/icon/core/automation"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
@@ -81,11 +82,13 @@ var AutomationAction = function AutomationAction(props) {
   var automationActionIconLabel = formatMessage(_messages.messages.automation_action_icon_label);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: automationActionTitle,
-    icon: /*#__PURE__*/_react.default.createElement(_automation.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_automation.default, (0, _extends2.default)({
       spacing: "spacious",
       color: "currentColor",
       label: automationActionIconLabel
-    }),
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     testId: "smart-action-automation-action",
     tooltipMessage: automationActionTooltip
   }, props, {

package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -66,11 +66,13 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
   }, [data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
-    icon: /*#__PURE__*/_react.default.createElement(_link.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_link.default, (0, _extends2.default)({
       color: "currentColor",
       label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
       spacing: "spacious"
-    }),
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     onClick: onClick,
     testId: "smart-action-copy-link-action",
     tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage),

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/index.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -51,6 +52,7 @@ var getIcon = function getIcon(stackIconType) {
 var FollowAction = function FollowAction(props) {
   var _context$actions;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var intl = (0, _reactIntlNext.useIntl)();
   var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.FollowAction];
   if (!context || !actionData) {
     return null;
@@ -83,7 +85,10 @@ var FollowAction = function FollowAction(props) {
     });
   };
   return /*#__PURE__*/_react.default.createElement(_serverAction.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label),
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label)
+  }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    ariaLabel: intl.formatMessage(label)
+  } : {}, {
     icon: followIcon,
     testId: "smart-action-follow-action",
     tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage)

package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js

@@ -40,18 +40,22 @@ var PreviewAction = function PreviewAction(_ref) {
   var actionIcon = (0, _react.useCallback)(function () {
     // Only use panel icon if experiment is enabled and hasPreviewPanel is true
     if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {
-      return /*#__PURE__*/_react.default.createElement(_panelRight.default, {
+      return /*#__PURE__*/_react.default.createElement(_panelRight.default, (0, _extends2.default)({
         color: "currentColor",
         spacing: "spacious",
         label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
-      });
+      }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+        size: props.iconSize
+      } : {}));
     }
-    return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, {
+    return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, (0, _extends2.default)({
       color: "currentColor",
       spacing: "spacious",
       label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    });
-  }, [hasPreviewPanel]);
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {}));
+  }, [hasPreviewPanel, props.iconSize]);
   var actionLabel = (0, _react.useCallback)(function () {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/index.js

@@ -10,6 +10,7 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -47,8 +48,13 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
   }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
   return actionData ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_links),
-    icon: /*#__PURE__*/_react.default.createElement(_relatedLinksActionIcon.default, null),
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_links)
+  }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_links)
+  } : {}, {
+    icon: /*#__PURE__*/_react.default.createElement(_relatedLinksActionIcon.default, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      iconSize: props.iconSize
+    } : {}),
     onClick: onClick,
     testId: "smart-action-view-related-links-action",
     ariaLabel: "View most recent pages or content types coming from or found on this link"

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -8,11 +8,13 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _clock = _interopRequireDefault(require("@atlaskit/icon/core/clock"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
+var RelatedLinksActionIcon = function RelatedLinksActionIcon(_ref) {
+  var iconSize = _ref.iconSize;
   return /*#__PURE__*/_react.default.createElement(_clock.default, {
     color: "currentColor",
     spacing: "spacious",
-    label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...'
+    label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...',
+    size: iconSize
   });
 };
 var _default = exports.default = RelatedLinksActionIcon;

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

@@ -11,14 +11,19 @@ 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) {
@@ -62,6 +67,7 @@ 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),
@@ -90,9 +96,15 @@ var ActionBlock = function ActionBlock(_ref) {
       return name !== _constants.InternalActionName.RovoChatAction;
     }) : Object.keys(context.actions);
     arr.sort(sort);
-    return arr.map(function (name) {
+    var renderAction = function renderAction(name, motionStyle) {
       var Action = name in Actions ? Actions[name] : undefined;
-      return Action ? /*#__PURE__*/React.createElement(Action, {
+      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,
         key: name,
@@ -104,14 +116,39 @@ var ActionBlock = function ActionBlock(_ref) {
         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
         ,
-        style: padding && {
-          paddingInline: padding
-        },
+        style: style,
         hideTooltip: isLoading
-      }) : null;
+      });
+    };
+    return isRovoChatActionAvailable && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__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 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, is3PAuthRovoActionsExperimentOn]);
-  return actions ? /*#__PURE__*/React.createElement("div", {
+  }, [context === null || context === void 0 ? void 0 : context.actions, is3PAuthRovoActionsExperimentOn, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
+  if (!(0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || !isRovoChatActionAvailable && actions || !url) {
+    return actions ? /*#__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;
+  }
+  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) : undefined;
+  return actions && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error') ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

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

@@ -89,6 +89,9 @@ var RovoSummaryBlockResolvedView = exports.RovoSummaryBlockResolvedView = functi
     summariseUrl();
   }, [status, summariseUrl]);
   var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (status === 'error') {
+    return null;
+  }
   if (!showAISummary) {
     return /*#__PURE__*/React.createElement(_compiled.Inline, {
       testId: "".concat(testId, "-placeholder"),

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

@@ -21,7 +21,6 @@
 ._4t3ioahv{height:var(--ds-space-600,3pc)}
 ._6syfze3t *{row-gap:var(--ds-space-0,0)}
 ._6zimze3t *{padding-top:var(--ds-space-0,0)}
-._7hiu1ejb *{max-height:var(--ds-space-300,24px)}
 ._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
 ._f9lhze3t *{padding-bottom:var(--ds-space-0,0)}
 ._mrkb1mok{border-bottom-left-radius:var(--ds-radius-large,8px)}
@@ -29,4 +28,5 @@
 ._rvy9ze3t *{margin-top:var(--ds-space-0,0)}
 ._ue4dze3t *{margin-bottom:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._zgrbze3t *{margin-left:var(--ds-space-0,0)}
+._zgrbze3t *{margin-left:var(--ds-space-0,0)}
+._1xdd12b0 :hover{border-radius:var(--ds-radius-small,4px)}

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 ALLOWED_HOVER_CARD_FOOTER_ACTIONS = [_constants.ActionName.CopyLinkAction, _constants.ActionName.PreviewAction, _constants.ActionName.AutomationAction];
+var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [_constants.InternalActionName.AISummaryAction, _constants.InternalActionName.RovoChatAction];
 var ignoreContainerMarginStyles = null;
 var elevatedFooterStyles = null;
 var providerStyles = null;
@@ -52,7 +52,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
     }
     var arr = Object.keys(context.actions);
     arr = arr.filter(function (name) {
-      return ALLOWED_HOVER_CARD_FOOTER_ACTIONS.includes(name);
+      return !HIDDEN_HOVER_CARD_FOOTER_ACTIONS.includes(name);
     });
     return arr.map(function (name) {
       var Action = name in Actions ? Actions[name] : undefined;
@@ -60,14 +60,14 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
         key: name,
         as: "stack-item",
         content: "",
-        testId: "".concat(testId, "-").concat(name),
         onClick: function onClick() {
           return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(name);
         },
-        size: size
+        size: size,
+        iconSize: 'small'
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onActionClick, testId, size]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, onActionClick, size]);
   return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
     size: size,
     testId: "".concat(testId, "-resolved-view"),
@@ -76,11 +76,10 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
     className: (0, _runtime.ax)(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
   }, /*#__PURE__*/React.createElement(_elements.Provider, {
     appearance: "subtle",
-    testId: "".concat(testId, "-provider"),
-    iconSize: "large"
+    testId: "".concat(testId, "-provider")
   })), actions.length > 0 ? /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testId, "-actions"),
-    className: (0, _runtime.ax)(["_zulpidpf _1e0c1txw _18u01wug _4cvr1h6o _vchhusvi _7386ze3t _7hiu1ejb _17zize3t _19p4ze3t _6zimze3t _f9lhze3t _rvy9ze3t _ue4dze3t _zgrbze3t _10cuze3t _6syfze3t _3hv7ze3t"])
+    className: (0, _runtime.ax)(["_zulpidpf _1e0c1txw _18u01wug _4cvr1h6o _vchhusvi _7386ze3t _1xdd12b0 _17zize3t _19p4ze3t _6zimze3t _f9lhze3t _rvy9ze3t _ue4dze3t _zgrbze3t _10cuze3t _6syfze3t _3hv7ze3t"])
   }, actions) : null);
 };
 var _default = exports.default = ResolvedHoverCardFooterBlock;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.compiled.css

@@ -1,38 +1,30 @@
 ._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)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._14bqze3t img{padding-top:var(--ds-space-0,0)}
-._17521tcg svg{height:24px}
 ._17527vkz svg{height:1pc}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1b94116y span{display:inline-flex}
-._1bsb1tcg{width:24px}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}
 ._1ii7116y svg{display:inline-flex}
 ._1m2uze3t span{padding-bottom:var(--ds-space-0,0)}
 ._1oh2ze3t span{padding-top:var(--ds-space-0,0)}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._1xjx1tcg span{height:24px}
 ._1xjx7vkz span{height:1pc}
 ._1xr1ze3t img{padding-left:var(--ds-space-0,0)}
 ._1ym6ze3t img{padding-bottom:var(--ds-space-0,0)}
 ._3tceze3t img{padding-right:var(--ds-space-0,0)}
 ._4cvr1h6o{align-items:center}
-._4t3i1tcg{height:24px}
 ._4t3i7vkz{height:1pc}
 ._5jw9ze3t svg{padding-bottom:var(--ds-space-0,0)}
 ._7wy9ze3t svg{padding-left:var(--ds-space-0,0)}
 ._99ztze3t span{padding-right:var(--ds-space-0,0)}
 ._9n9oze3t span{padding-left:var(--ds-space-0,0)}
-._bna71tcg img{height:24px}
 ._bna77vkz img{height:1pc}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
-._e2oo1tcg span{width:24px}
 ._e2oo7vkz span{width:1pc}
 ._e4kmnkob span{vertical-align:middle}
 ._i2i3ze3t svg{padding-top:var(--ds-space-0,0)}
-._mezj1tcg img{width:24px}
 ._mezj7vkz img{width:1pc}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._rtqbnkob img{vertical-align:middle}
@@ -42,6 +34,5 @@
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._uhasze3t svg{padding-right:var(--ds-space-0,0)}
 ._v4pn116y img{display:inline-flex}
-._w8l51tcg svg{width:24px}
 ._w8l57vkz svg{width:1pc}
 ._z239nkob svg{vertical-align:middle}

package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -11,7 +11,6 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _messages = require("../../../../../../messages");
@@ -25,9 +24,7 @@ var _messageMapper;
 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 = {
   container: "_zulp1b66 _1e0c116y _4cvr1h6o _1ul91ns9",
-  containerLarge: "_zulpu2gc _1e0c116y _4cvr1h6o _1ul91ns9",
   icon: "_1e0c116y _v4pn116y _1b94116y _1ii7116y _4t3i7vkz _bna77vkz _1xjx7vkz _17527vkz _ca0qze3t _14bqze3t _1oh2ze3t _i2i3ze3t _u5f3ze3t _3tceze3t _99ztze3t _uhasze3t _n3tdze3t _1ym6ze3t _1m2uze3t _5jw9ze3t _19bvze3t _1xr1ze3t _9n9oze3t _7wy9ze3t _1bsb7vkz _mezj7vkz _e2oo7vkz _w8l57vkz _s7n4nkob _rtqbnkob _e4kmnkob _z239nkob",
-  iconLarge: "_4t3i1tcg _bna71tcg _1xjx1tcg _17521tcg _1bsb1tcg _mezj1tcg _e2oo1tcg _w8l51tcg",
   text: "_11c8wadc"
 };
 var colorMap = {
@@ -87,40 +84,13 @@ var BaseBadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
     url = _ref.url,
-    color = _ref.color,
-    _ref$iconSize = _ref.iconSize,
-    iconSize = _ref$iconSize === void 0 ? 'default' : _ref$iconSize;
+    color = _ref.color;
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId, ui === null || ui === void 0 ? void 0 : ui.hideLoadingSkeleton);
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  if (iconSize === 'large' && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch')) {
-    var _context$actions;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-    if (context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.InternalActionName.RovoChatAction]) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        "data-smart-element": name,
-        "data-smart-element-badge": true,
-        "data-testid": testId,
-        ref: ref,
-        style: {
-          color: color
-        },
-        className: (0, _runtime.ax)([styles.containerLarge, colorMap[appearance]])
-      }, !hideIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-        as: "span",
-        testId: "".concat(testId, "-large-icon-wrapper"),
-        xcss: styles.icon && styles.iconLarge
-      }, badgeIcon), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-        as: "span",
-        testId: "".concat(testId, "-label"),
-        xcss: styles.text
-      }, formattedMessageOrLabel));
-    }
-  }
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

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

@@ -12,9 +12,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../constants");
+var _extractRovoChatAction = _interopRequireDefault(require("../../../extractors/flexible/actions/extract-rovo-chat-action"));
 var _helpers = require("../../../state/helpers");
+var _useRovoConfig = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
 var _store = require("../../../state/store");
 var _utils = require("../../../utils");
 var _aiSummary = require("../../../utils/ai-summary");
@@ -42,7 +46,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     actionOptions = _ref.actionOptions,
-    hoverPreviewOptions = _ref.hoverPreviewOptions;
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    showRovoResolvedView = _ref.showRovoResolvedView;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -173,7 +178,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     }
     if (cardState.status === 'resolved') {
       return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        showRovoResolvedView: showRovoResolvedView
       } : undefined, {
         cardState: cardState,
         extensionKey: extensionKey,
@@ -195,4 +201,29 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url: url
   }, cardView) : null;
 };
-var _default = exports.default = HoverCardContent;
+var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(props) {
+  var _props$cardState2, _props$cardState3;
+  var rovoConfig = (0, _useRovoConfig.default)();
+  var showRovoResolvedView = (0, _react.useMemo)(function () {
+    var _props$cardState;
+    return (props === null || props === void 0 || (_props$cardState = props.cardState) === null || _props$cardState === void 0 ? void 0 : _props$cardState.status) === 'resolved' && (props === null || props === void 0 ? void 0 : props.cardState.details) && (0, _extractRovoChatAction.default)({
+      response: props === null || props === void 0 ? void 0 : props.cardState.details,
+      rovoConfig: rovoConfig,
+      actionOptions: props === null || props === void 0 ? void 0 : props.actionOptions
+    }) !== undefined;
+  }, [props === null || props === void 0 ? void 0 : props.actionOptions, props === null || props === void 0 || (_props$cardState2 = props.cardState) === null || _props$cardState2 === void 0 ? void 0 : _props$cardState2.details, props === null || props === void 0 || (_props$cardState3 = props.cardState) === null || _props$cardState3 === void 0 ? void 0 : _props$cardState3.status, rovoConfig]);
+  var data = (0, _react.useMemo)(function () {
+    var viewVariant = showRovoResolvedView && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ? 'rovo-resolved-view' : 'default';
+    return {
+      attributes: {
+        viewVariant: viewVariant
+      }
+    };
+  }, [showRovoResolvedView]);
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: data
+  }, /*#__PURE__*/_react.default.createElement(HoverCardContent, (0, _extends2.default)({}, props, {
+    showRovoResolvedView: showRovoResolvedView
+  })));
+};
+var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('platform_sl_3p_auth_rovo_action_kill_switch', HoverCardContentWithViewVariant, HoverCardContent);

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

@@ -12,14 +12,11 @@ var _runtime = require("@compiled/react/runtime");
 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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
-var _extractRovoChatAction = _interopRequireDefault(require("../../../../../extractors/flexible/actions/extract-rovo-chat-action"));
 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");
@@ -32,33 +29,21 @@ var snippetBlockCss = null;
 var actionBlockCss = null;
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var _cardState$details;
-  var actionOptions = _ref.actionOptions,
-    cardState = _ref.cardState,
+  var cardState = _ref.cardState,
     extensionKey = _ref.extensionKey,
     flexibleCardProps = _ref.flexibleCardProps,
     isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
+    showRovoResolvedView = _ref.showRovoResolvedView,
     titleBlockProps = _ref.titleBlockProps,
     id = _ref.id,
     url = _ref.url;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var rovoConfig = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _useRovoConfig.default)() : undefined;
-  var isRovoSummaryEnabled = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _react.useMemo)(function () {
-    return (cardState === null || cardState === void 0 ? void 0 : cardState.details) && (0, _extractRovoChatAction.default)({
-      response: cardState.details,
-      rovoConfig: rovoConfig,
-      actionOptions: actionOptions
-    }) !== undefined;
-  }, [actionOptions, cardState === null || cardState === void 0 ? void 0 : cardState.details, rovoConfig]) : false;
 
   // We want to fire exposure event only for those cases when user otherwise can see the experiment which would be controlled
   // by all the other condition defined above as a result of what was defined in actionOptions as well as in CardContext.
-  var is3PAuthRovoActionsExperimentOn = isRovoSummaryEnabled && (0, _expValEquals.expValEquals)('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
+  var is3PAuthRovoActionsExperimentOn = showRovoResolvedView && (0, _expValEquals.expValEquals)('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

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