@atlaskit/smart-card 44.3.24 → 44.5.0

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

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import Tooltip from '@atlaskit/tooltip';
+import { ActionName } from '../../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import ActionButton from './action-button';
 const ActionStackItem = ({
   content,
@@ -9,14 +13,21 @@ const ActionStackItem = ({
   hideTooltipOnMouseDown,
   hideTooltip,
   ...props
-}) => hideTooltip ? /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
-  content: content
-})) : /*#__PURE__*/React.createElement(Tooltip, {
-  content: tooltipMessage || content,
-  onHide: tooltipOnHide,
-  hideTooltipOnMouseDown: hideTooltipOnMouseDown
-}, tooltipProps => /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
-  content: content,
-  tooltipProps: tooltipProps
-})));
+}) => {
+  var _flexibleUiContext$ac;
+  const flexibleUiContext = useFlexibleUiContext();
+  const isRovoAction = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[ActionName.RovoChatAction]);
+  const isRovoPillVariant = isRovoAction && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
+  return hideTooltip ? /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+    content: content
+  })) : /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltipMessage || content,
+    onHide: tooltipOnHide,
+    hideTooltipOnMouseDown: hideTooltipOnMouseDown,
+    position: isRovoPillVariant ? 'right' : undefined
+  }, tooltipProps => /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+    content: content,
+    tooltipProps: tooltipProps
+  })));
+};
 export default ActionStackItem;

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

@@ -40,7 +40,7 @@ export function AISummariseAction({
       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/es2019/view/FlexibleCard/components/actions/automation-action/index.js

@@ -76,7 +76,7 @@ const 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/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -36,7 +36,7 @@ const CopyLinkAction = ({
       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/es2019/view/FlexibleCard/components/actions/preview-action/index.js

@@ -34,7 +34,7 @@ const PreviewAction = ({
         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
       } : {}));
     }
@@ -42,7 +42,7 @@ const PreviewAction = ({
       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/es2019/view/FlexibleCard/components/actions/rovo-chat-action/index.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 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';
@@ -54,7 +56,7 @@ const getContext = (intl, product) => {
       };
   }
 };
-const getPromptAction = (promptKey, intl, url = '', product) => {
+const getPromptAction = (promptKey, intl, url = '', product, iconSize, cardAppearance) => {
   var _getContext;
   const {
     contextLong,
@@ -128,7 +130,10 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
         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: {
@@ -162,9 +167,9 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
           }
         }
       };
-    case RovoChatPromptKey.KEY_HIGHLIGHTS:
-      const label_key_highlights = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
-      const html_key_highlights = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
+    case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
+      const label_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
+      const html_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
         context: contextLong,
         url
       }, {
@@ -172,12 +177,12 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
       });
       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
           }
@@ -189,7 +194,11 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
         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: {
@@ -219,24 +228,25 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
           placeholderType: 'generic'
         }
       };
-    case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
-      const label_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
-      const html_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
+    case RovoChatPromptKey.KEY_HIGHLIGHTS:
+      const label_key_highlights = intl.formatMessage(messages.rovo_prompt_button_key_highlights);
+      const html_key_highlights = intl.formatMessage(messages.rovo_prompt_message_key_highlights, {
         context: contextLong,
         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:
@@ -267,8 +277,9 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
         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,
@@ -286,8 +297,9 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
         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,
@@ -305,8 +317,9 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
         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,
@@ -359,7 +372,7 @@ const RovoChatAction = ({
         content,
         tooltipMessage,
         data: promptData
-      } = getPromptAction(promptKey, intl, data === null || data === void 0 ? void 0 : data.url, data === null || data === void 0 ? void 0 : data.product) || {};
+      } = 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) || {};
       return promptData ? /*#__PURE__*/React.createElement(Action, _extends({
         content: content,
         icon: icon,

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.compiled.css

@@ -11,5 +11,5 @@
 ._4t3it94y{height:1px}
 ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
-._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js

@@ -22,7 +22,7 @@ const AskRovoSectionHeader = ({
   const intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": testId,
-    className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _otyru2gc _18u0v77o _1bsb1osq _1wpz1fhb"])
+    className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _otyrutpp _18u0v77o _1bsb1osq _1wpz1fhb"])
   }, /*#__PURE__*/React.createElement("div", {
     role: "separator",
     "aria-orientation": "horizontal",

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

@@ -1,10 +1,11 @@
 
-._zulp12x7{gap:var(--ds-space-075,6px)}._16jlkb7n{flex-grow:1}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._16jlkb7n{flex-grow:1}
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
 ._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
 ._1bsb1osq{width:100%}
+._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
 ._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
 ._2lx21bp4{flex-direction:column}
-._4cvr1y6m{align-items:flex-start}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._yv0e1ris{grid-template-columns:max-content}

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

@@ -114,7 +114,7 @@ const ActionBlock = ({
     }, showRovoSectionHeader && /*#__PURE__*/React.createElement(AskRovoSectionHeader, {
       testId: testId ? `${testId}-rovo-section-header` : undefined
     }), /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _4cvr1y6m"])
+      className: ax(["_zulpu2gc _1e0c11p5 _yv0e1ris"])
     }, actions), /*#__PURE__*/React.createElement(ActionFooter, {
       message: message,
       testId: testId

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

@@ -14,13 +14,16 @@ import DropdownMenu from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
-import { ActionName, SmartLinkSize } from '../../../../../constants';
+import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import { RovoChatPromptKey } from '../../actions/rovo-chat-action';
 import { sizeToButtonSpacing } from '../../utils';
 import { filterActionItems } from '../utils';
 import ActionGroupItem from './action-group-item';
 const styles = null;
+const FULL_ACTIONS_SIZE = 450;
+const REDUCED_ACTIONS_SIZE = 360;
 const renderActionItems = (items = [], size = SmartLinkSize.Medium, appearance, asDropDownItems, onActionItemClick) => items.map((item, idx) => /*#__PURE__*/React.createElement(ActionGroupItem, {
   item: item,
   key: idx,
@@ -42,7 +45,8 @@ const ActionGroup = ({
   size = SmartLinkSize.Medium,
   appearance,
   visibleButtonsNum = 2,
-  onDropdownOpenChange
+  onDropdownOpenChange,
+  containerWidth = Infinity
 }) => {
   var _context$actions;
   const context = useFlexibleUiContext();
@@ -50,7 +54,7 @@ const ActionGroup = ({
   const [isOpen, setIsOpen] = useState(false);
   const renderableActionItems = useMemo(() => filterActionItems(items, context), [context, items]);
   const isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  const isRovoActionsEnabled = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]);
+  const isRovoActionsEnabled = !!(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 onOpenChange = useCallback(attrs => {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -65,21 +69,34 @@ const ActionGroup = ({
     }
   }, [isOpen, onOpenChange]);
   const actionButtons = useMemo(() => {
-    if (isRovoActionsEnabled && fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
-      const rovoActions = [...renderableActionItems.slice(0, visibleButtonsNum - 1), {
-        name: ActionName.PreviewAction,
-        hideContent: true
+    if (isRovoActionsEnabled) {
+      const rovoActions = [...(containerWidth >= REDUCED_ACTIONS_SIZE ? renderableActionItems.slice(0, visibleButtonsNum - 1) : []), {
+        name: ActionName.RovoChatAction,
+        prompts: [RovoChatPromptKey.ASK_ROVO_ANYTHING],
+        iconSize: 'small',
+        cardAppearance: CardDisplay.Block,
+        hideContent: containerWidth < FULL_ACTIONS_SIZE && containerWidth >= REDUCED_ACTIONS_SIZE
       }, {
         name: ActionName.CopyLinkAction,
-        hideContent: true
+        hideContent: true,
+        iconSize: 'small'
+      }, {
+        name: ActionName.PreviewAction,
+        hideContent: true,
+        iconSize: 'small'
       }];
       return renderActionItems(rovoActions, size, appearance, false, onActionItemClick);
     }
     const 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]);
   const moreActionDropdown = useMemo(() => {
-    const actionItems = isMoreThenTwoItems || isRovoActionsEnabled && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
+    let actionItems;
+    if (isRovoActionsEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
+      actionItems = renderableActionItems;
+    } else {
+      actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
+    }
     if (actionItems.length > 0) {
       const spacing = sizeToButtonSpacing[size];
       const moreIcon = /*#__PURE__*/React.createElement(MoreIcon, {
@@ -99,7 +116,7 @@ const ActionGroup = ({
           testId: "action-group-more-button-tooltip",
           tag: "span"
         }, /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-          spacing: spacing,
+          spacing: isRovoActionsEnabled && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? size === SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
           testId: "action-group-more-button",
           iconBefore: moreIcon,
           ref: triggerRef
@@ -111,7 +128,7 @@ const ActionGroup = ({
       }, 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: ax(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),

package/dist/es2019/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/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/blocks/hover-card-footer-block/index.compiled.css

@@ -10,6 +10,7 @@
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
 ._18u01wug{margin-left:auto}
 ._19p4ze3t *{padding-right:var(--ds-space-0,0)}
+._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._1bah1y6m{justify-content:flex-start}
 ._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
 ._1e0c1txw{display:flex}

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

@@ -4,6 +4,8 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -16,6 +18,7 @@ import Block from '../block';
  */
 const HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [ActionName.RovoChatAction];
 const ignoreContainerMarginStyles = null;
+const inlineActionNudgeFooterMarginStyles = null;
 const elevatedFooterStyles = null;
 const providerStyles = null;
 const actionsStyles = null;
@@ -57,7 +60,7 @@ const ResolvedHoverCardFooterBlock = ({
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     size: size,
     testId: `${testId}-resolved-view`,
-    className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"])
+    className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok", fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) && "_19pkutpp"])
   }), !hideProvider && /*#__PURE__*/React.createElement("div", {
     className: ax(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
   }, /*#__PURE__*/React.createElement(Provider, {

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -14,7 +14,7 @@ const messages = defineMessages({
   imageAltText: {
     id: 'smart-link.image-icon.altText',
     defaultMessage: 'Link Icon',
-    description: 'Alt text for a link icon.'
+    description: 'Alternative text for the link icon image displayed on a flexible smart link card, used by screen readers and when the image cannot be rendered.'
   }
 });
 const ImageIcon = ({

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/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.23",
+  packageVersion: "44.4.0",
   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/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-generic-3p-rovo-chat-action--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:64a45081f856f48de6a315f9b12747d543b2b83106d1faa7b36089de8c7f04c1
-size 36891
+oid sha256:58befa1fbc873aa0672a8e0a3cebe1903406324b6b86d9e1e331adf2237ca1c1
+size 36884

package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f16d2f260c508d20c49ca84a31b73ef9232cf7ae4b4ac0a8b5e3abaf946888eb
-size 29353
+oid sha256:3653660b252b46503f72959451e6cc6b9b34c5e6fb2aef765e8c59f1f7ff14e3
+size 29363

package/dist/esm/common/analytics/generated/create-event-payload.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::f914fb83fac56e7154ef460866628f7d>>
+ * @codegen <<SignedSource::268e746266cde1271e40a794eb774cf3>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 
@@ -13,12 +13,12 @@ var createEventPayload = function createEventPayload(eventKey) {
     _ref[_key - 1] = arguments[_key];
   }
   var attributes = _ref[0];
-  var _eventKey$split = eventKey.split('.'),
-    _eventKey$split2 = _slicedToArray(_eventKey$split, 4),
-    eventType = _eventKey$split2[0],
-    actionSubject = _eventKey$split2[1],
-    action = _eventKey$split2[2],
-    actionSubjectId = _eventKey$split2[3];
+  var _ref2 = eventKey.split('.'),
+    _ref3 = _slicedToArray(_ref2, 4),
+    eventType = _ref3[0],
+    actionSubject = _ref3[1],
+    action = _ref3[2],
+    actionSubjectId = _ref3[3];
   if (eventType === 'screen') {
     return {
       eventType: eventType,

package/dist/esm/common/analytics/generated/use-analytics-events.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::676f76a2e45920437adc8c35a9af8b37>>
+ * @codegen <<SignedSource::ac0d75fa9e8d43c947e88f47ba1267aa>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 import { useCallback } from 'react';