@atlaskit/smart-card 44.3.23 → 44.4.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/smart-card
 
+## 44.4.0
+
+### Minor Changes
+
+- [`5039083517ce8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5039083517ce8) -
+  [ux] NAVX-4533 Updating icons and styling for Block Card 3P Post Auth experiment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 44.3.24
+
+### Patch Changes
+
+- [`0e8d752e6dbb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0e8d752e6dbb2) -
+  fix the conditional for fg check for mini modal logic
+- [`5f2a9a94761d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f2a9a94761d1) -
+  FG Cleanup platform_sl_a11y_enghealth_46829
+
 ## 44.3.23
 
 ### Patch Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/block-card/vrblock-card-resolved-rovo-actions--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f54ddd4636708cd0a4059a713a6a6bf3d0402d68a5aa2a69b7c430aa659fe8ef
+size 25593

package/dist/cjs/messages.js

@@ -1007,6 +1007,16 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: '<p>Look at this <a>{url}</a> and list any open questions, unresolved decisions, or asks that still need follow‑up. Group them by owner if possible and keep it concise.</p>',
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
+  rovo_prompt_button_key_highlights: {
+    id: 'fabric.linking.rovo_prompt_button_find_open_questions.non-final',
+    defaultMessage: "Key highlights",
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_message_key_highlights: {
+    id: 'fabric.linking.rovo_prompt_message_find_open_questions.non-final',
+    defaultMessage: '<p>Based on this <a>{url}</a> and the page or ticket I’m currently viewing, highlight the parts of the linked content that are most relevant to this work. Explain briefly why each part is relevant.</p>',
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
+  },
   rovo_chat_action_section_header: {
     id: 'fabric.linking.rovo_chat_action_section_header.non-final',
     defaultMessage: 'Ask Rovo',

package/dist/cjs/state/hooks/use-rovo-chat/index.js

@@ -35,7 +35,7 @@ var useRovoChat = function useRovoChat() {
           agentId: undefined
         }),
         openChat: true,
-        openChatMode: product && jiraProducts.includes(product) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_jira_kill_switch') || (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') ? 'mini-modal' : 'sidebar'
+        openChatMode: product && jiraProducts.includes(product) && ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_jira_kill_switch') || (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg')) ? 'mini-modal' : 'sidebar'
       },
       onAcknowledgeTimeout: function onAcknowledgeTimeout() {
         // NAVX-3599: Add analytics event

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

package/dist/cjs/view/BlockCard/views/ResolvedView.js

@@ -80,7 +80,7 @@ var ResolvedView = function ResolvedView(_ref) {
   var prompts = (0, _react.useMemo)(function () {
     if ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
       var _cardState$details;
-      var defaultPrompts = [_rovoChatAction.RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT, _rovoChatAction.RovoChatPromptKey.ASK_ROVO_ANYTHING];
+      var defaultPrompts = [_rovoChatAction.RovoChatPromptKey.KEY_HIGHLIGHTS];
       var linkType = (_cardState$details = cardState.details) === null || _cardState$details === void 0 || (_cardState$details = _cardState$details.data) === null || _cardState$details === void 0 ? void 0 : _cardState$details['@type'];
       if (extensionKey === 'slack-object-provider') {
         return [_rovoChatAction.RovoChatPromptKey.FIND_OPEN_QUESTIONS].concat(defaultPrompts);
@@ -96,16 +96,21 @@ var ResolvedView = function ResolvedView(_ref) {
     return [];
   }, [cardState === null || cardState === void 0 || (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data, extensionKey]);
   var footerActions = (0, _react.useMemo)(function () {
-    return showRovoResolvedView && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? [{
-      name: _constants.ActionName.RovoChatAction,
-      prompts: prompts
-    }, {
-      name: _constants.ActionName.FollowAction,
-      hideIcon: true
-    }, {
-      name: _constants.ActionName.DownloadAction,
-      hideIcon: true
-    }] : [{
+    if (showRovoResolvedView && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+      return [{
+        name: _constants.ActionName.RovoChatAction,
+        prompts: prompts,
+        iconSize: 'small',
+        cardAppearance: _constants.CardDisplay.Block
+      }, {
+        name: _constants.ActionName.FollowAction,
+        iconSize: 'small'
+      }, {
+        name: _constants.ActionName.DownloadAction,
+        iconSize: 'small'
+      }];
+    }
+    return [{
       name: _constants.ActionName.FollowAction,
       hideIcon: true
     }, {
@@ -152,6 +157,7 @@ var ResolvedView = function ResolvedView(_ref) {
     }
   })) : null, /*#__PURE__*/React.createElement(_blocks.FooterBlock, {
     actions: footerActions,
+    isPreviewBlockErrored: isPreviewBlockErrored,
     className: (0, _runtime.ax)(["_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb", safari && "_4t3i1osq"])
   }));
 };

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

@@ -1,4 +1,5 @@
 ._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)}
+._13bowadc button{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)}
 ._11lv1b66 button{padding-left:var(--ds-space-050,4px)}
 ._11lvidpf button{padding-left:0}
 ._11lvv77o button{padding-left:var(--ds-space-025,2px)}
@@ -12,10 +13,13 @@
 ._1gqnv77o button{padding-bottom:var(--ds-space-025,2px)}
 ._1i3bidpf button:active>span{margin-top:0}
 ._1l0qidpf button:hover>span{margin-right:0}
+._1q9t1wq8 button{font-weight:var(--ds-font-weight-medium,500)}
+._1rlg1g80 button{flex-wrap:wrap}
 ._1vtwidpf button:active>span{margin-left:0}
 ._3kh9idpf button:active>span{margin-bottom:0}
 ._4wlcidpf button:hover>span{margin-top:0}
 ._8pvjidpf button:hover>span{margin-bottom:0}
+._bdn61h6o button{align-content:center}
 ._i2vxidpf button:focus>span{margin-bottom:0}
 ._ijvwidpf button:focus>span{margin-left:0}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}

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

@@ -10,8 +10,10 @@ exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@compiled/react");
 var _button = require("@atlaskit/button");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
@@ -21,6 +23,9 @@ var _utils = require("../../../utils");
 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 IconOnlyLarge = null;
 var SizeSmall = null;
+var styles = {
+  textSmall: "_13bowadc _1q9t1wq8 _1rlg1g80 _bdn61h6o"
+};
 var SizeSmallIconOnly = null;
 var SizeSmallNotIconOnly = null;
 var IconButtonAppearanceMap = {
@@ -45,6 +50,7 @@ var tooltipOptions = {
   hideTooltipOnClick: true
 };
 var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _context$actions;
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     content = _ref.content,
@@ -59,6 +65,8 @@ var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     href = _ref.href,
     ariaLabel = _ref.ariaLabel;
   var iconOnly = !content;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch');
   var onButtonClick = (0, _react.useCallback)(function (handler) {
     return function (e) {
       e.preventDefault();
@@ -141,7 +149,8 @@ var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
   }, [appearance, ariaLabel, content, href, iconAfter, iconBefore, iconOnly, isDisabled, isLoading, onButtonClick, onClick, size, testId, tooltipMessage]);
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: "".concat(testId, "-button-wrapper"),
-    ref: ref
+    ref: ref,
+    xcss: (0, _react2.cx)(isRovoSupported && size === _constants.SmartLinkSize.Small && styles.textSmall)
   }, button);
 });
 var ActionButtonRefreshWithOverrideCss = (0, _withOverrideCss.withOverrideCss)(ActionButtonRefresh);

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

@@ -49,7 +49,7 @@ function AISummariseAction(_ref) {
       spacing: "spacious",
       color: "currentColor",
       label: "Summarise with AI"
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
       size: props.iconSize
     } : {})),
     onClick: handleActionClick,

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

@@ -86,7 +86,7 @@ var AutomationAction = function AutomationAction(props) {
       spacing: "spacious",
       color: "currentColor",
       label: automationActionIconLabel
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
       size: props.iconSize
     } : {})),
     testId: "smart-action-automation-action",

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

@@ -70,7 +70,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
       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') ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
       size: props.iconSize
     } : {})),
     onClick: onClick,

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

@@ -44,7 +44,7 @@ var PreviewAction = function PreviewAction(_ref) {
         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') ? {
+      }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
         size: props.iconSize
       } : {}));
     }
@@ -52,7 +52,7 @@ var PreviewAction = function PreviewAction(_ref) {
       color: "currentColor",
       spacing: "spacious",
       label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
       size: props.iconSize
     } : {}));
   }, [hasPreviewPanel, props.iconSize]);

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

@@ -13,10 +13,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _aiGenerativeText = _interopRequireDefault(require("@atlaskit/icon-lab/core/ai-generative-text"));
 var _aiSearch = _interopRequireDefault(require("@atlaskit/icon-lab/core/ai-search"));
+var _aiChat = _interopRequireDefault(require("@atlaskit/icon/core/ai-chat"));
 var _aiGenerativeTextSummary = _interopRequireDefault(require("@atlaskit/icon/core/ai-generative-text-summary"));
 var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
+var _logo = require("@atlaskit/logo");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
@@ -74,6 +76,8 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
   var _getContext;
   var url = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var product = arguments.length > 3 ? arguments[3] : undefined;
+  var iconSize = arguments.length > 4 ? arguments[4] : undefined;
+  var cardAppearance = arguments.length > 5 ? arguments[5] : undefined;
   var _ref = (_getContext = getContext(intl, product)) !== null && _getContext !== void 0 ? _getContext : {
       contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_generic),
       contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_generic)
@@ -145,7 +149,10 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiEditIcon.default, null),
+        icon: cardAppearance === _constants.CardDisplay.Block && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/_react.default.createElement(_aiChat.default, {
+          label: label_summarize,
+          size: iconSize
+        }) : /*#__PURE__*/_react.default.createElement(_aiEditIcon.default, null),
         content: label_summarize,
         tooltipMessage: label_summarize,
         data: {
@@ -179,9 +186,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           }
         }
       };
-    case RovoChatPromptKey.KEY_HIGHLIGHTS:
-      var label_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
-      var html_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
+    case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
+      var label_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
+      var html_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
         context: contextLong,
         url: url
       }, {
@@ -189,12 +196,12 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
       });
       return {
         icon: /*#__PURE__*/_react.default.createElement(_aiChapterIcon.default, null),
-        content: label_key_highlights,
-        tooltipMessage: label_key_highlights,
+        content: label_highlight_relevant_content,
+        tooltipMessage: label_highlight_relevant_content,
         data: {
-          name: label_key_highlights,
+          name: label_highlight_relevant_content,
           dialogues: [],
-          prompt: (0, _htmlToAdf.default)(html_key_highlights),
+          prompt: (0, _htmlToAdf.default)(html_highlight_relevant_content),
           mode: {
             fastModeEnabled: true
           }
@@ -206,7 +213,11 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         url: url
       });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiSearchIcon.default, null),
+        icon: cardAppearance === _constants.CardDisplay.Block && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/_react.default.createElement(_logo.RovoIcon, {
+          label: label_ask_rovo_anything,
+          size: 'xxsmall',
+          shouldUseHexLogo: true
+        }) : /*#__PURE__*/_react.default.createElement(_aiSearchIcon.default, null),
         content: label_ask_rovo_anything,
         tooltipMessage: label_ask_rovo_anything,
         data: {
@@ -236,24 +247,25 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           placeholderType: 'generic'
         }
       };
-    case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
-      var label_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
-      var html_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
+    case RovoChatPromptKey.KEY_HIGHLIGHTS:
+      var label_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_button_key_highlights);
+      var html_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_message_key_highlights, {
         context: contextLong,
         url: url
       }, {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiGenerativeText.default, {
-          label: label_highlight_relevant_content
+        icon: /*#__PURE__*/_react.default.createElement(_aiChat.default, {
+          label: label_key_highlights,
+          size: iconSize
         }),
-        content: label_highlight_relevant_content,
-        tooltipMessage: label_highlight_relevant_content,
+        content: label_key_highlights,
+        tooltipMessage: label_key_highlights,
         data: {
-          name: label_highlight_relevant_content,
+          name: label_key_highlights,
           dialogues: [],
-          prompt: (0, _htmlToAdf.default)(html_highlight_relevant_content)
+          prompt: (0, _htmlToAdf.default)(html_key_highlights)
         }
       };
     case RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT:
@@ -284,8 +296,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiGenerativeText.default, {
-          label: label_identify_key_trends
+        icon: /*#__PURE__*/_react.default.createElement(_aiChat.default, {
+          label: label_identify_key_trends,
+          size: iconSize
         }),
         content: label_identify_key_trends,
         tooltipMessage: label_identify_key_trends,
@@ -303,8 +316,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiGenerativeText.default, {
-          label: label_identify_key_points
+        icon: /*#__PURE__*/_react.default.createElement(_aiChat.default, {
+          label: label_identify_key_points,
+          size: iconSize
         }),
         content: label_identify_key_points,
         tooltipMessage: label_identify_key_points,
@@ -322,8 +336,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiGenerativeText.default, {
-          label: label_find_open_questions
+        icon: /*#__PURE__*/_react.default.createElement(_aiChat.default, {
+          label: label_find_open_questions,
+          size: iconSize
         }),
         content: label_find_open_questions,
         tooltipMessage: label_find_open_questions,
@@ -385,7 +400,7 @@ var RovoChatAction = function RovoChatAction(_ref2) {
   }, [data === null || data === void 0 ? void 0 : data.invokeAction, invoke, onClickCallback, sendPromptMessage]);
   var promptActions = (0, _react.useMemo)(function () {
     return resolvedPrompts.map(function (promptKey, idx) {
-      var _ref3 = getPromptAction(promptKey, intl, data === null || data === void 0 ? void 0 : data.url, data === null || data === void 0 ? void 0 : data.product) || {},
+      var _ref3 = getPromptAction(promptKey, intl, data === null || data === void 0 ? void 0 : data.url, data === null || data === void 0 ? void 0 : data.product, props.iconSize, props.cardAppearance) || {},
         icon = _ref3.icon,
         content = _ref3.content,
         tooltipMessage = _ref3.tooltipMessage,

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

@@ -26,6 +26,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _rovoChatAction = require("../../actions/rovo-chat-action");
 var _utils = require("../../utils");
 var _utils2 = require("../utils");
 var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
@@ -33,6 +34,8 @@ var _excluded = ["triggerRef"];
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 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 FULL_ACTIONS_SIZE = 450;
+var REDUCED_ACTIONS_SIZE = 360;
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.SmartLinkSize.Medium;
@@ -67,7 +70,9 @@ var ActionGroup = function ActionGroup(_ref) {
     appearance = _ref.appearance,
     _ref$visibleButtonsNu = _ref.visibleButtonsNum,
     visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-    onDropdownOpenChange = _ref.onDropdownOpenChange;
+    onDropdownOpenChange = _ref.onDropdownOpenChange,
+    _ref$containerWidth = _ref.containerWidth,
+    containerWidth = _ref$containerWidth === void 0 ? Infinity : _ref$containerWidth;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var _useState = (0, _react.useState)(false),
@@ -78,7 +83,7 @@ var ActionGroup = function ActionGroup(_ref) {
     return (0, _utils2.filterActionItems)(items, context);
   }, [context, items]);
   var isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  var isRovoActionsEnabled = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]);
+  var isRovoActionsEnabled = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch');
   var onOpenChange = (0, _react.useCallback)(function (attrs) {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -93,21 +98,34 @@ var ActionGroup = function ActionGroup(_ref) {
     }
   }, [isOpen, onOpenChange]);
   var actionButtons = (0, _react.useMemo)(function () {
-    if (isRovoActionsEnabled && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
-      var rovoActions = [].concat((0, _toConsumableArray2.default)(renderableActionItems.slice(0, visibleButtonsNum - 1)), [{
-        name: _constants.ActionName.PreviewAction,
-        hideContent: true
+    if (isRovoActionsEnabled) {
+      var rovoActions = [].concat((0, _toConsumableArray2.default)(containerWidth >= REDUCED_ACTIONS_SIZE ? renderableActionItems.slice(0, visibleButtonsNum - 1) : []), [{
+        name: _constants.ActionName.RovoChatAction,
+        prompts: [_rovoChatAction.RovoChatPromptKey.ASK_ROVO_ANYTHING],
+        iconSize: 'small',
+        cardAppearance: _constants.CardDisplay.Block,
+        hideContent: containerWidth < FULL_ACTIONS_SIZE && containerWidth >= REDUCED_ACTIONS_SIZE
       }, {
         name: _constants.ActionName.CopyLinkAction,
-        hideContent: true
+        hideContent: true,
+        iconSize: 'small'
+      }, {
+        name: _constants.ActionName.PreviewAction,
+        hideContent: true,
+        iconSize: 'small'
       }]);
       return renderActionItems(rovoActions, size, appearance, false, onActionItemClick);
     }
     var actionItems = isMoreThenTwoItems ? renderableActionItems.slice(0, visibleButtonsNum - 1) : renderableActionItems;
     return renderActionItems(actionItems, size, appearance, false, onActionItemClick);
-  }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum, isRovoActionsEnabled]);
+  }, [appearance, isMoreThenTwoItems, isRovoActionsEnabled, onActionItemClick, renderableActionItems, size, visibleButtonsNum, containerWidth]);
   var moreActionDropdown = (0, _react.useMemo)(function () {
-    var actionItems = isMoreThenTwoItems || isRovoActionsEnabled && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
+    var actionItems;
+    if (isRovoActionsEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
+      actionItems = renderableActionItems;
+    } else {
+      actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
+    }
     if (actionItems.length > 0) {
       var spacing = _utils.sizeToButtonSpacing[size];
       var moreIcon = /*#__PURE__*/React.createElement(_showMoreHorizontal.default, {
@@ -127,7 +145,7 @@ var ActionGroup = function ActionGroup(_ref) {
             testId: "action-group-more-button-tooltip",
             tag: "span"
           }, /*#__PURE__*/React.createElement(_standardButton.default, (0, _extends2.default)({}, props, {
-            spacing: spacing,
+            spacing: isRovoActionsEnabled && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? size === _constants.SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
             testId: "action-group-more-button",
             iconBefore: moreIcon,
             ref: triggerRef
@@ -140,7 +158,7 @@ var ActionGroup = function ActionGroup(_ref) {
       }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
     }
     return null;
-  }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum, isRovoActionsEnabled]);
+  }, [appearance, isMoreThenTwoItems, isOpen, isRovoActionsEnabled, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum, containerWidth]);
   return renderableActionItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),

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

@@ -1,2 +1,4 @@
+._1wpz1h6o{align-self:center}
 ._4t3i1osq{height:100%}
-._c71lxy5q{max-height:var(--ds-space-400,2pc)}
+._c71lxy5q{max-height:var(--ds-space-400,2pc)}
+._kqswh2mm{position:relative}

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

@@ -12,8 +12,10 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _userAgent = require("@atlaskit/linking-common/user-agent");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _widthDetector = require("@atlaskit/width-detector");
 var _constants = require("../../../../../../constants");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _elements = require("../../../elements");
@@ -24,6 +26,8 @@ var _utils = require("../../utils");
 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 actionGroupStyles = null;
 var safariStyles = null;
+var providerStyles = null;
+var rovoActionStyles = null;
 var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
   var _context$actions;
   var actions = props.actions,
@@ -31,9 +35,11 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     onActionMenuOpenChange = props.onActionMenuOpenChange,
     _props$size = props.size,
     size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
-    hideProvider = props.hideProvider;
+    hideProvider = props.hideProvider,
+    isPreviewBlockErrored = props.isPreviewBlockErrored;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]);
+  var isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  var hasPreview = isRovoSupportedFeature && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   var hasActions = (0, _react.useMemo)(function () {
     var _filterActionItems;
     return ((_filterActionItems = (0, _utils.filterActionItems)(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -52,22 +58,34 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
       });
     }
   }, [onActionMenuOpenChange]);
+
+  // WidthObserver fires whenever the footer's available width changes.
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    containerWidth = _useState2[0],
+    setContainerWidth = _useState2[1];
   return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideProvider && /*#__PURE__*/React.createElement(_elements.Provider, {
     appearance: "subtle",
-    testId: "".concat(testId, "-provider")
+    testId: "".concat(testId, "-provider"),
+    hideLabel: hasPreview,
+    className: (0, _runtime.ax)([isRovoSupportedFeature && "_1wpz1h6o"])
   }), actions && hasActions ? /*#__PURE__*/React.createElement(_elementGroup.default, {
     testId: "smart-element-group-actions",
     align: _constants.SmartLinkAlignment.Right,
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
-    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq"])
-  }, /*#__PURE__*/React.createElement(_actionGroup.default, {
+    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", isRovoSupportedFeature && "_kqswh2mm"])
+  }, isRovoSupportedFeature && /*#__PURE__*/React.createElement(_widthDetector.WidthObserver, {
+    setWidth: setContainerWidth,
+    offscreen: true
+  }), /*#__PURE__*/React.createElement(_actionGroup.default, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,
-    appearance: isRovoSupportedFeature && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? 'subtle' : 'default',
-    size: size
+    appearance: isRovoSupportedFeature ? 'subtle' : 'default',
+    size: isRovoSupportedFeature ? _constants.SmartLinkSize.Small : size,
+    containerWidth: isRovoSupportedFeature ? containerWidth : undefined
   })) : null);
 };
 var _default = exports.default = FooterBlockResolvedView;

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _utils = require("../../../../../utils");
 var _HoverCard = require("../../../../HoverCard");
@@ -72,14 +70,12 @@ var HoverCardControl = function HoverCardControl(_ref) {
     actionOptions: actionOptions,
     url: url,
     hoverPreviewOptions: hoverPreviewOptions
-  }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_a11y_enghealth_46829') ? {
-    onBlur: _utils.noop
-  } : undefined, {
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onBlur: _utils.noop,
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
     "data-testid": "".concat(testId, "-hover-card-wrapper"),
     role: 'presentation'
-  }), children));
+  }, children));
 };
 var _default = exports.default = HoverCardControl;