@atlaskit/smart-card 43.27.2 → 43.27.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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.1"
+  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

@@ -55,7 +55,7 @@ var ActionButton = function ActionButton(_ref) {
     ,
     style: style
   }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-    "aria-label": ariaLabel
+    'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
     grow: "fill",

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

@@ -60,7 +60,6 @@ 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);
         },
@@ -68,7 +67,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
         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"),

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

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

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

@@ -47,7 +47,7 @@ const ActionButton = ({
     ,
     style: style
   }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-    "aria-label": ariaLabel
+    'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     grow: "fill",

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

@@ -48,13 +48,12 @@ const ResolvedHoverCardFooterBlock = ({
         key: name,
         as: "stack-item",
         content: "",
-        testId: `${testId}-${name}`,
         onClick: () => onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(name),
         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, _extends({}, props, {
     size: size,
     testId: `${testId}-resolved-view`,

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

@@ -1,11 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
+import { AnalyticsContext, useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
+import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
+import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
@@ -28,7 +32,8 @@ const HoverCardContent = ({
   onMouseEnter,
   onMouseLeave,
   actionOptions,
-  hoverPreviewOptions
+  hoverPreviewOptions,
+  showRovoResolvedView
 }) => {
   var _linkState$status, _cardState$details;
   const {
@@ -160,7 +165,8 @@ const HoverCardContent = ({
     }
     if (cardState.status === 'resolved') {
       return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-        actionOptions
+        actionOptions,
+        showRovoResolvedView
       } : undefined, {
         cardState: cardState,
         extensionKey: extensionKey,
@@ -182,4 +188,29 @@ const HoverCardContent = ({
     url: url
   }, cardView) : null;
 };
-export default HoverCardContent;
+const HoverCardContentWithViewVariant = props => {
+  var _props$cardState2, _props$cardState3;
+  const rovoConfig = useRovoConfig();
+  const showRovoResolvedView = useMemo(() => {
+    var _props$cardState;
+    return (props === null || props === void 0 ? 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) && extractRovoChatAction({
+      response: props === null || props === void 0 ? void 0 : props.cardState.details,
+      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 ? void 0 : (_props$cardState2 = props.cardState) === null || _props$cardState2 === void 0 ? void 0 : _props$cardState2.details, props === null || props === void 0 ? void 0 : (_props$cardState3 = props.cardState) === null || _props$cardState3 === void 0 ? void 0 : _props$cardState3.status, rovoConfig]);
+  const data = useMemo(() => {
+    const viewVariant = showRovoResolvedView && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ? 'rovo-resolved-view' : 'default';
+    return {
+      attributes: {
+        viewVariant
+      }
+    };
+  }, [showRovoResolvedView]);
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: data
+  }, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {
+    showRovoResolvedView: showRovoResolvedView
+  })));
+};
+export default componentWithFG('platform_sl_3p_auth_rovo_action_kill_switch', HoverCardContentWithViewVariant, HoverCardContent);

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

@@ -4,14 +4,11 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import extractRovoChatAction from '../../../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { succeedUfoExperience } from '../../../../../state/analytics';
 import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
-import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import FlexibleCard from '../../../../FlexibleCard';
 import { ActionBlock, AIFooterBlock, AISummaryBlock, ResolvedHoverCardFooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { RovoSummaryBlock } from '../../../../FlexibleCard/components/blocks/ai-summary-block';
@@ -22,12 +19,12 @@ const titleBlockStyles = null;
 const snippetBlockCss = null;
 const actionBlockCss = null;
 const HoverCardResolvedView = ({
-  actionOptions,
   cardState,
   extensionKey,
   flexibleCardProps,
   isAISummaryEnabled,
   onActionClick,
+  showRovoResolvedView,
   titleBlockProps,
   id,
   url
@@ -36,20 +33,10 @@ const HoverCardResolvedView = ({
   const {
     fireEvent
   } = useAnalyticsEvents();
-  const rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useRovoConfig() : undefined;
-  const isRovoSummaryEnabled = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(() => (cardState === null || cardState === void 0 ? void 0 : cardState.details) && extractRovoChatAction({
-    response: cardState.details,
-    rovoConfig,
-    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.
-  const is3PAuthRovoActionsExperimentOn = isRovoSummaryEnabled && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
+  const is3PAuthRovoActionsExperimentOn = showRovoResolvedView && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.27.1",
+  packageVersion: "43.27.2",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.27.1"
+  packageVersion: "43.27.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -46,7 +46,7 @@ var ActionButton = function ActionButton(_ref) {
     ,
     style: style
   }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-    "aria-label": ariaLabel
+    'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     grow: "fill",

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

@@ -52,7 +52,6 @@ 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);
         },
@@ -60,7 +59,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
         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, _extends({}, props, {
     size: size,
     testId: "".concat(testId, "-resolved-view"),

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

@@ -3,12 +3,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
+import { AnalyticsContext, useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
+import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
+import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
@@ -33,7 +37,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 = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -164,7 +169,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     }
     if (cardState.status === 'resolved') {
       return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        showRovoResolvedView: showRovoResolvedView
       } : undefined, {
         cardState: cardState,
         extensionKey: extensionKey,
@@ -186,4 +192,29 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url: url
   }, cardView) : null;
 };
-export default HoverCardContent;
+var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(props) {
+  var _props$cardState2, _props$cardState3;
+  var rovoConfig = useRovoConfig();
+  var showRovoResolvedView = 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) && extractRovoChatAction({
+      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 = useMemo(function () {
+    var viewVariant = showRovoResolvedView && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ? 'rovo-resolved-view' : 'default';
+    return {
+      attributes: {
+        viewVariant: viewVariant
+      }
+    };
+  }, [showRovoResolvedView]);
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: data
+  }, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {
+    showRovoResolvedView: showRovoResolvedView
+  })));
+};
+export default componentWithFG('platform_sl_3p_auth_rovo_action_kill_switch', HoverCardContentWithViewVariant, HoverCardContent);

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

@@ -4,14 +4,11 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import extractRovoChatAction from '../../../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { succeedUfoExperience } from '../../../../../state/analytics';
 import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
-import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import FlexibleCard from '../../../../FlexibleCard';
 import { ActionBlock, AIFooterBlock, AISummaryBlock, ResolvedHoverCardFooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { RovoSummaryBlock } from '../../../../FlexibleCard/components/blocks/ai-summary-block';
@@ -23,33 +20,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 = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useRovoConfig() : undefined;
-  var isRovoSummaryEnabled = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(function () {
-    return (cardState === null || cardState === void 0 ? void 0 : cardState.details) && extractRovoChatAction({
-      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 && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
+  var is3PAuthRovoActionsExperimentOn = showRovoResolvedView && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.27.1",
+  packageVersion: "43.27.2",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -1,6 +1,6 @@
 import type { TriggerProps } from '@atlaskit/tooltip';
 import type { ActionStackItemProps } from './types';
-declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel }: ActionStackItemProps & {
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel, }: ActionStackItemProps & {
     tooltipProps?: TriggerProps;
 }) => JSX.Element;
 export default ActionButton;

package/dist/types/view/HoverCard/components/HoverCardContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, hoverPreviewOptions, }: HoverCardContentProps) => React.JSX.Element | null;
-export default HoverCardContent;
+declare const _default: React.FC<HoverCardContentProps>;
+export default _default;

package/dist/types/view/HoverCard/components/views/resolved/index.d.ts

@@ -1,3 +1,3 @@
 import { type HoverCardResolvedProps } from './types';
-declare const HoverCardResolvedView: ({ actionOptions, cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
+declare const HoverCardResolvedView: ({ cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, showRovoResolvedView, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
 export default HoverCardResolvedView;

package/dist/types/view/HoverCard/components/views/resolved/types.d.ts

@@ -11,5 +11,6 @@ export type HoverCardResolvedProps = {
     id?: string;
     isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string | ActionName) => void;
+    showRovoResolvedView?: boolean;
     url: string;
 } & HoverCardLoadingViewProps;

package/dist/types/view/HoverCard/types.d.ts

@@ -99,6 +99,7 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     onResolve: () => void;
     renderers?: CardProviderRenderers;
+    showRovoResolvedView?: boolean;
     url: string;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -1,6 +1,6 @@
 import type { TriggerProps } from '@atlaskit/tooltip';
 import type { ActionStackItemProps } from './types';
-declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel }: ActionStackItemProps & {
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel, }: ActionStackItemProps & {
     tooltipProps?: TriggerProps;
 }) => JSX.Element;
 export default ActionButton;

package/dist/types-ts4.5/view/HoverCard/components/HoverCardContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, hoverPreviewOptions, }: HoverCardContentProps) => React.JSX.Element | null;
-export default HoverCardContent;
+declare const _default: React.FC<HoverCardContentProps>;
+export default _default;

package/dist/types-ts4.5/view/HoverCard/components/views/resolved/index.d.ts

@@ -1,3 +1,3 @@
 import { type HoverCardResolvedProps } from './types';
-declare const HoverCardResolvedView: ({ actionOptions, cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
+declare const HoverCardResolvedView: ({ cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, showRovoResolvedView, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
 export default HoverCardResolvedView;

package/dist/types-ts4.5/view/HoverCard/components/views/resolved/types.d.ts

@@ -11,5 +11,6 @@ export type HoverCardResolvedProps = {
     id?: string;
     isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string | ActionName) => void;
+    showRovoResolvedView?: boolean;
     url: string;
 } & HoverCardLoadingViewProps;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -99,6 +99,7 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     onResolve: () => void;
     renderers?: CardProviderRenderers;
+    showRovoResolvedView?: boolean;
     url: string;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.27.2",
+	"version": "43.27.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -67,7 +67,7 @@
 		"@atlaskit/popup": "^4.14.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/react-ufo": "^5.4.0",
-		"@atlaskit/rovo-triggers": "^5.30.0",
+		"@atlaskit/rovo-triggers": "^5.31.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/spinner": "^19.0.0",
@@ -75,7 +75,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^44.1.0",
+		"@atlaskit/tmp-editor-statsig": "^44.2.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",