@atlaskit/smart-card 44.3.23 → 44.4.0

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

@@ -3,9 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { WidthObserver } from '@atlaskit/width-detector';
 import { ActionName, SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { Provider } from '../../../elements';
@@ -15,6 +16,8 @@ import ElementGroup from '../../element-group';
 import { filterActionItems } from '../../utils';
 const actionGroupStyles = null;
 const safariStyles = null;
+const providerStyles = null;
+const rovoActionStyles = null;
 const FooterBlockResolvedView = props => {
   var _context$actions;
   const {
@@ -22,10 +25,12 @@ const FooterBlockResolvedView = props => {
     testId,
     onActionMenuOpenChange,
     size = SmartLinkSize.Medium,
-    hideProvider
+    hideProvider,
+    isPreviewBlockErrored
   } = props;
   const context = useFlexibleUiContext();
-  const isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]);
+  const isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  const hasPreview = isRovoSupportedFeature && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   const hasActions = useMemo(() => {
     var _filterActionItems;
     return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -42,22 +47,31 @@ const FooterBlockResolvedView = props => {
       });
     }
   }, [onActionMenuOpenChange]);
+
+  // WidthObserver fires whenever the footer's available width changes.
+  const [containerWidth, setContainerWidth] = useState(undefined);
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: `${testId}-resolved-view`
   }), !hideProvider && /*#__PURE__*/React.createElement(Provider, {
     appearance: "subtle",
-    testId: `${testId}-provider`
+    testId: `${testId}-provider`,
+    hideLabel: hasPreview,
+    className: ax([isRovoSupportedFeature && "_1wpz1h6o"])
   }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
     testId: "smart-element-group-actions",
     align: SmartLinkAlignment.Right,
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
-    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq"])
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
+    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", isRovoSupportedFeature && "_kqswh2mm"])
+  }, isRovoSupportedFeature && /*#__PURE__*/React.createElement(WidthObserver, {
+    setWidth: setContainerWidth,
+    offscreen: true
+  }), /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,
-    appearance: isRovoSupportedFeature && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? 'subtle' : 'default',
-    size: size
+    appearance: isRovoSupportedFeature ? 'subtle' : 'default',
+    size: isRovoSupportedFeature ? SmartLinkSize.Small : size,
+    containerWidth: isRovoSupportedFeature ? containerWidth : undefined
   })) : null);
 };
 export default FooterBlockResolvedView;

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

@@ -1,6 +1,4 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { noop } from '../../../../../utils';
 import { HoverCard } from '../../../../HoverCard';
@@ -59,14 +57,12 @@ const HoverCardControl = ({
     actionOptions: actionOptions,
     url: url,
     hoverPreviewOptions: hoverPreviewOptions
-  }, /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
-    onBlur: noop
-  } : undefined, {
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+  }, /*#__PURE__*/React.createElement("span", {
+    onBlur: noop,
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
     "data-testid": `${testId}-hover-card-wrapper`,
     role: 'presentation'
-  }), children));
+  }, children));
 };
 export default HoverCardControl;

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

@@ -3,6 +3,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { IconType } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
@@ -82,7 +83,8 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   name,
   testId = 'smart-element-badge',
   url,
-  color
+  color,
+  hideLabel = false
 }, ref) => {
   const ui = useFlexibleUiOptionContext();
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
@@ -90,6 +92,7 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
+  const shouldHideLabel = hideLabel && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,
@@ -102,7 +105,7 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.icon
-  }, badgeIcon), /*#__PURE__*/React.createElement(Box, {
+  }, badgeIcon), !shouldHideLabel && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     testId: `${testId}-label`,
     xcss: styles.text

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js

@@ -1,8 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 const LozengeActionItem = ({
   appearance,
   id,
@@ -22,13 +20,11 @@ const LozengeActionItem = ({
     var _e$currentTarget, _e$currentTarget$firs;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
   }, []);
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
-    onFocus: handleMouseEnter
-  } : undefined, {
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+  return /*#__PURE__*/React.createElement("span", {
+    onFocus: handleMouseEnter,
     onMouseEnter: handleMouseEnter,
     role: "presentation"
-  }), /*#__PURE__*/React.createElement(DropdownItem, {
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: handleClick,
     testId: testId
   }, /*#__PURE__*/React.createElement(Lozenge, {

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

@@ -222,10 +222,7 @@ export const HoverCardComponent = ({
   }) => /*#__PURE__*/React.createElement("span", {
     ref: parentSpan
   }, /*#__PURE__*/React.createElement("span", _extends({}, triggerProps, {
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    onMouseOver: initShowCard
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
+    onMouseOver: initShowCard,
     onMouseLeave: initHideCard,
     onMouseMove: setMousePosition,
     onKeyDown: fg('fix_hover_card_on_focus_a11y') ? handleKeyDown : undefined,
@@ -234,11 +231,11 @@ export const HoverCardComponent = ({
     "data-testid": HOVER_CARD_TRIGGER_WRAPPER
   }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
     className: HOVER_CARD_TRIGGER_WRAPPER
-  } : {}, fg('platform_sl_a11y_enghealth_46829') ? {
+  } : {}, {
     onFocus: noop,
     onBlur: noop,
-    role: 'none'
-  } : undefined), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
+    role: "none"
+  }), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
   const popupComponent = useMemo(
   // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
   // as it is assumed that the custom popup container has the desired styles

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: "44.3.22",
+  packageVersion: "44.3.24",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/__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/esm/messages.js

@@ -1001,6 +1001,16 @@ export var messages = 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/esm/state/hooks/use-rovo-chat/index.js

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

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

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

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { ActionName, ElementName, SmartLinkPosition } from '../../../constants';
+import { ActionName, CardDisplay, ElementName, SmartLinkPosition } from '../../../constants';
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getExtensionKey } from '../../../state/helpers';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';
@@ -71,7 +71,7 @@ var ResolvedView = function ResolvedView(_ref) {
   var prompts = useMemo(function () {
     if (fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
       var _cardState$details;
-      var defaultPrompts = [RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT, RovoChatPromptKey.ASK_ROVO_ANYTHING];
+      var defaultPrompts = [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 [RovoChatPromptKey.FIND_OPEN_QUESTIONS].concat(defaultPrompts);
@@ -87,16 +87,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 = useMemo(function () {
-    return showRovoResolvedView && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? [{
-      name: ActionName.RovoChatAction,
-      prompts: prompts
-    }, {
-      name: ActionName.FollowAction,
-      hideIcon: true
-    }, {
-      name: ActionName.DownloadAction,
-      hideIcon: true
-    }] : [{
+    if (showRovoResolvedView && fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+      return [{
+        name: ActionName.RovoChatAction,
+        prompts: prompts,
+        iconSize: 'small',
+        cardAppearance: CardDisplay.Block
+      }, {
+        name: ActionName.FollowAction,
+        iconSize: 'small'
+      }, {
+        name: ActionName.DownloadAction,
+        iconSize: 'small'
+      }];
+    }
+    return [{
       name: ActionName.FollowAction,
       hideIcon: true
     }, {
@@ -143,6 +148,7 @@ var ResolvedView = function ResolvedView(_ref) {
     }
   })) : null, /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
+    isPreviewBlockErrored: isPreviewBlockErrored,
     className: ax(["_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb", safari && "_4t3i1osq"])
   }));
 };

package/dist/esm/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/esm/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -2,16 +2,21 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useCallback, useMemo } from 'react';
+import { cx } from '@compiled/react';
 import { LoadingButton } from '@atlaskit/button';
 import Button, { IconButton, LinkButton, LinkIconButton } from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
-import { SmartLinkSize } from '../../../../../../constants';
-import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { ActionName, SmartLinkSize } from '../../../../../../constants';
+import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
 var IconOnlyLarge = null;
 var SizeSmall = null;
+var styles = {
+  textSmall: "_13bowadc _1q9t1wq8 _1rlg1g80 _bdn61h6o"
+};
 var SizeSmallIconOnly = null;
 var SizeSmallNotIconOnly = null;
 var IconButtonAppearanceMap = {
@@ -36,6 +41,7 @@ var tooltipOptions = {
   hideTooltipOnClick: true
 };
 var ActionButtonRefresh = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _context$actions;
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     content = _ref.content,
@@ -50,6 +56,8 @@ var ActionButtonRefresh = /*#__PURE__*/forwardRef(function (_ref, ref) {
     href = _ref.href,
     ariaLabel = _ref.ariaLabel;
   var iconOnly = !content;
+  var context = useFlexibleUiContext();
+  var isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
   var onButtonClick = useCallback(function (handler) {
     return function (e) {
       e.preventDefault();
@@ -132,7 +140,8 @@ var ActionButtonRefresh = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [appearance, ariaLabel, content, href, iconAfter, iconBefore, iconOnly, isDisabled, isLoading, onButtonClick, onClick, size, testId, tooltipMessage]);
   return /*#__PURE__*/React.createElement(Box, {
     testId: "".concat(testId, "-button-wrapper"),
-    ref: ref
+    ref: ref,
+    xcss: cx(isRovoSupported && size === SmartLinkSize.Small && styles.textSmall)
   }, button);
 });
 var ActionButtonRefreshWithOverrideCss = withOverrideCss(ActionButtonRefresh);

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

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

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

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

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

@@ -61,7 +61,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
       color: "currentColor",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
       spacing: "spacious"
-    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
       size: props.iconSize
     } : {})),
     onClick: onClick,

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

@@ -35,7 +35,7 @@ var PreviewAction = function PreviewAction(_ref) {
         color: "currentColor",
         spacing: "spacious",
         label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
-      }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
         size: props.iconSize
       } : {}));
     }
@@ -43,7 +43,7 @@ var PreviewAction = function PreviewAction(_ref) {
       color: "currentColor",
       spacing: "spacious",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
       size: props.iconSize
     } : {}));
   }, [hasPreviewPanel, props.iconSize]);

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

@@ -8,12 +8,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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, useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import AiGenerativeTextIcon from '@atlaskit/icon-lab/core/ai-generative-text';
 import AiSearchIcon from '@atlaskit/icon-lab/core/ai-search';
+import AiChatIcon from '@atlaskit/icon/core/ai-chat';
 import AiGenerativeTextSummaryIcon from '@atlaskit/icon/core/ai-generative-text-summary';
 import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
+import { RovoIcon } from '@atlaskit/logo';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { ActionName } from '../../../../../constants';
+import { ActionName, CardDisplay } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
@@ -65,6 +67,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.rovo_prompt_context_generic),
       contextShort: intl.formatMessage(messages.rovo_prompt_context_generic)
@@ -136,7 +140,10 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/React.createElement(AIEditIcon, null),
+        icon: cardAppearance === CardDisplay.Block && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/React.createElement(AiChatIcon, {
+          label: label_summarize,
+          size: iconSize
+        }) : /*#__PURE__*/React.createElement(AIEditIcon, null),
         content: label_summarize,
         tooltipMessage: label_summarize,
         data: {
@@ -170,9 +177,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           }
         }
       };
-    case RovoChatPromptKey.KEY_HIGHLIGHTS:
-      var label_key_highlights = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
-      var html_key_highlights = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
+    case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
+      var label_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
+      var html_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
         context: contextLong,
         url: url
       }, {
@@ -180,12 +187,12 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
       });
       return {
         icon: /*#__PURE__*/React.createElement(AiChapterIcon, 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: htmlToAdf(html_key_highlights),
+          prompt: htmlToAdf(html_highlight_relevant_content),
           mode: {
             fastModeEnabled: true
           }
@@ -197,7 +204,11 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         url: url
       });
       return {
-        icon: /*#__PURE__*/React.createElement(AISearchIcon, null),
+        icon: cardAppearance === CardDisplay.Block && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/React.createElement(RovoIcon, {
+          label: label_ask_rovo_anything,
+          size: 'xxsmall',
+          shouldUseHexLogo: true
+        }) : /*#__PURE__*/React.createElement(AISearchIcon, null),
         content: label_ask_rovo_anything,
         tooltipMessage: label_ask_rovo_anything,
         data: {
@@ -227,24 +238,25 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           placeholderType: 'generic'
         }
       };
-    case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
-      var label_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
-      var html_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
+    case RovoChatPromptKey.KEY_HIGHLIGHTS:
+      var label_key_highlights = intl.formatMessage(messages.rovo_prompt_button_key_highlights);
+      var html_key_highlights = intl.formatMessage(messages.rovo_prompt_message_key_highlights, {
         context: contextLong,
         url: url
       }, {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
-          label: label_highlight_relevant_content
+        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
+          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: htmlToAdf(html_highlight_relevant_content)
+          prompt: htmlToAdf(html_key_highlights)
         }
       };
     case RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT:
@@ -275,8 +287,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
-          label: label_identify_key_trends
+        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
+          label: label_identify_key_trends,
+          size: iconSize
         }),
         content: label_identify_key_trends,
         tooltipMessage: label_identify_key_trends,
@@ -294,8 +307,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
-          label: label_identify_key_points
+        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
+          label: label_identify_key_points,
+          size: iconSize
         }),
         content: label_identify_key_points,
         tooltipMessage: label_identify_key_points,
@@ -313,8 +327,9 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
-          label: label_find_open_questions
+        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
+          label: label_find_open_questions,
+          size: iconSize
         }),
         content: label_find_open_questions,
         tooltipMessage: label_find_open_questions,
@@ -376,7 +391,7 @@ var RovoChatAction = function RovoChatAction(_ref2) {
   }, [data === null || data === void 0 ? void 0 : data.invokeAction, invoke, onClickCallback, sendPromptMessage]);
   var promptActions = 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,