@atlaskit/smart-card 44.3.23 → 44.4.0

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

@@ -18,13 +18,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';
 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] : SmartLinkSize.Medium;
@@ -59,7 +62,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 = useFlexibleUiContext();
   var ui = useFlexibleUiOptionContext();
   var _useState = useState(false),
@@ -70,7 +75,7 @@ var ActionGroup = function ActionGroup(_ref) {
     return 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[ActionName.RovoChatAction]);
+  var 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');
   var onOpenChange = useCallback(function (attrs) {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -85,21 +90,34 @@ var ActionGroup = function ActionGroup(_ref) {
     }
   }, [isOpen, onOpenChange]);
   var actionButtons = useMemo(function () {
-    if (isRovoActionsEnabled && fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
-      var rovoActions = [].concat(_toConsumableArray(renderableActionItems.slice(0, visibleButtonsNum - 1)), [{
-        name: ActionName.PreviewAction,
-        hideContent: true
+    if (isRovoActionsEnabled) {
+      var rovoActions = [].concat(_toConsumableArray(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);
     }
     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 = useMemo(function () {
-    var actionItems = isMoreThenTwoItems || isRovoActionsEnabled && 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 = sizeToButtonSpacing[size];
       var moreIcon = /*#__PURE__*/React.createElement(MoreIcon, {
@@ -119,7 +137,7 @@ var ActionGroup = function ActionGroup(_ref) {
             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
@@ -132,7 +150,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: ax(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),

package/dist/esm/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/esm/view/FlexibleCard/components/blocks/footer-block/resolved/index.js

@@ -1,11 +1,13 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 +17,8 @@ import ElementGroup from '../../element-group';
 import { filterActionItems } from '../../utils';
 var actionGroupStyles = null;
 var safariStyles = null;
+var providerStyles = null;
+var rovoActionStyles = null;
 var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
   var _context$actions;
   var actions = props.actions,
@@ -22,9 +26,11 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     onActionMenuOpenChange = props.onActionMenuOpenChange,
     _props$size = props.size,
     size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
-    hideProvider = props.hideProvider;
+    hideProvider = props.hideProvider,
+    isPreviewBlockErrored = props.isPreviewBlockErrored;
   var context = useFlexibleUiContext();
-  var isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]);
+  var 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');
+  var hasPreview = isRovoSupportedFeature && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   var hasActions = useMemo(function () {
     var _filterActionItems;
     return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -43,22 +49,34 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
       });
     }
   }, [onActionMenuOpenChange]);
+
+  // WidthObserver fires whenever the footer's available width changes.
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerWidth = _useState2[0],
+    setContainerWidth = _useState2[1];
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideProvider && /*#__PURE__*/React.createElement(Provider, {
     appearance: "subtle",
-    testId: "".concat(testId, "-provider")
+    testId: "".concat(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/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -1,7 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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';
@@ -63,14 +61,12 @@ var HoverCardControl = function HoverCardControl(_ref) {
     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": "".concat(testId, "-hover-card-wrapper"),
     role: 'presentation'
-  }), children));
+  }, children));
 };
 export default HoverCardControl;

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

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 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';
@@ -76,13 +77,16 @@ var BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
     url = _ref.url,
-    color = _ref.color;
+    color = _ref.color,
+    _ref$hideLabel = _ref.hideLabel,
+    hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel;
   var ui = useFlexibleUiOptionContext();
   var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId, ui === null || ui === void 0 ? void 0 : ui.hideLoadingSkeleton);
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
+  var 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,
@@ -95,7 +99,7 @@ var BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.icon
-  }, badgeIcon), /*#__PURE__*/React.createElement(Box, {
+  }, badgeIcon), !shouldHideLabel && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     testId: "".concat(testId, "-label"),
     xcss: styles.text

package/dist/esm/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';
 var LozengeActionItem = function LozengeActionItem(_ref) {
   var appearance = _ref.appearance,
     id = _ref.id,
@@ -21,13 +19,11 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     var _e$currentTarget;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.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/esm/view/HoverCard/components/HoverCardComponent.js

@@ -239,10 +239,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     return /*#__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,
@@ -251,11 +248,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       "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));
+      role: "none"
+    }), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
   var popupComponent = useMemo(
   // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored

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

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

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type RovoChatActionMessageKey = 'rovo_prompt_context_generic' | 'rovo_prompt_context_generic_plural' | 'rovo_prompt_context_confluence_page' | 'rovo_prompt_context_confluence_page_short' | 'rovo_prompt_context_jira_work_item' | 'rovo_prompt_context_jira_work_item_short' | 'rovo_prompt_button_recommend_other_sources' | 'rovo_prompt_message_recommend_other_sources' | 'rovo_prompt_button_show_other_mentions' | 'rovo_prompt_message_show_other_mentions' | 'rovo_prompt_button_suggest_improvement' | 'rovo_prompt_message_suggest_improvement' | 'rovo_prompt_message_summarize' | 'rovo_prompt_button_ask_rovo_anything' | 'rovo_prompt_message_ask_rovo_anything' | 'rovo_prompt_button_highlight_relevant_content' | 'rovo_prompt_message_highlight_relevant_content' | 'rovo_prompt_button_identify_key_trends' | 'rovo_prompt_message_identify_key_trends' | 'rovo_prompt_button_identify_key_points' | 'rovo_prompt_message_identify_key_points' | 'rovo_prompt_button_find_open_questions' | 'rovo_prompt_message_find_open_questions';
+export type RovoChatActionMessageKey = 'rovo_prompt_context_generic' | 'rovo_prompt_context_generic_plural' | 'rovo_prompt_context_confluence_page' | 'rovo_prompt_context_confluence_page_short' | 'rovo_prompt_context_jira_work_item' | 'rovo_prompt_context_jira_work_item_short' | 'rovo_prompt_button_recommend_other_sources' | 'rovo_prompt_message_recommend_other_sources' | 'rovo_prompt_button_show_other_mentions' | 'rovo_prompt_message_show_other_mentions' | 'rovo_prompt_button_suggest_improvement' | 'rovo_prompt_message_suggest_improvement' | 'rovo_prompt_message_summarize' | 'rovo_prompt_button_ask_rovo_anything' | 'rovo_prompt_message_ask_rovo_anything' | 'rovo_prompt_button_highlight_relevant_content' | 'rovo_prompt_message_highlight_relevant_content' | 'rovo_prompt_button_identify_key_trends' | 'rovo_prompt_message_identify_key_trends' | 'rovo_prompt_button_identify_key_points' | 'rovo_prompt_message_identify_key_points' | 'rovo_prompt_button_find_open_questions' | 'rovo_prompt_message_find_open_questions' | 'rovo_prompt_button_key_highlights' | 'rovo_prompt_message_key_highlights';
 export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'rovo_actions_explore' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify' | 'rovo_summary_loading' | 'ai_disclaimer' | 'rovo_unauthorised_title' | 'rovo_unauthorised_title_no_provider' | 'rovo_unauthorised_feature_clear_link_names' | 'rovo_unauthorised_feature_understand_linked_docs' | 'rovo_unauthorised_feature_go_deeper_smart_suggestions' | 'rovo_unauthorised_connect_account' | 'rovo_unauthorised_not_now' | 'rovo_chat_action_section_header' | 'rovo_prompt_button_summarize_this' | 'rovo_prompt_button_ask_a_specific_question' | 'rovo_prompt_button_show_me_whats_relevant' | RovoChatActionMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -2,7 +2,7 @@ import type { ReactChild, ReactNode } from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Appearance } from '@atlaskit/button/types';
 import type { Space } from '@atlaskit/primitives/compiled';
-import type { SmartLinkSize } from '../../../../../constants';
+import type { CardDisplay, SmartLinkSize } from '../../../../../constants';
 export type ActionMessageAppearance = 'error';
 export type ActionMessage = {
     appearance?: ActionMessageAppearance;
@@ -27,6 +27,11 @@ export type ActionProps = {
      * Used to determine whether the Action is in a Dropdown.
      */
     asDropDownItem?: boolean;
+    /**
+     * Used in block card 3P post-auth experiment to show different icons for Rovo actions
+     * Should be removed on clean up of platform_sl_3p_auth_rovo_block_card_kill_switch after finalizing which icons to use long term
+     */
+    cardAppearance?: CardDisplay;
     /**
      * For compiled css
      */

package/dist/types/view/FlexibleCard/components/blocks/action-group/index.d.ts

@@ -6,5 +6,5 @@ import { type ActionGroupProps } from './types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, }: ActionGroupProps) => JSX.Element | null;
+declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, containerWidth, }: ActionGroupProps) => JSX.Element | null;
 export default ActionGroup;

package/dist/types/view/FlexibleCard/components/blocks/action-group/types.d.ts

@@ -6,6 +6,10 @@ export type ActionGroupProps = {
      * Determines the default appearance of the Action Group.
      */
     appearance?: Appearance;
+    /**
+     * The measured width of the stable footer container (from FooterBlockResolvedView).
+     */
+    containerWidth?: number;
     /**
      * Determines the direction that the actions are rendered. Can be vertical
      * or horizontal.

package/dist/types/view/FlexibleCard/components/blocks/footer-block/types.d.ts

@@ -15,6 +15,10 @@ export type FooterBlockProps = {
      * Allows hiding of the resources provider
      */
     hideProvider?: boolean;
+    /**
+     * Used with RovoActions to determine if the preview block is visible or not
+     */
+    isPreviewBlockErrored?: boolean;
     /**
      * Function to be called when footer action dropdown open state is changed.
      */

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode, type Ref } from 'react';
 import { type LozengeProps as AtlaskitLozengeProps } from '@atlaskit/lozenge';
-import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
+import { type ActionName, type CardDisplay, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
 import type { AssignedToGroupElementProps } from '../elements/assigned-to-group-element';
 import type { BaseAvatarGroupElementProps } from '../elements/common/base-avatar-group-element';
@@ -125,6 +125,11 @@ export type BaseActionItem = {
  * Used to represent an Action which self-hydrates with data when passing props into Flexible UI.
  */
 export type BaseDataActionItem = {
+    /**
+     * Used in block card 3P post-auth experiment to show different icons for Rovo actions
+     * Should be removed on clean up of platform_sl_3p_auth_rovo_block_card_kill_switch after finalizing which icons to use long term
+     */
+    cardAppearance?: CardDisplay;
     /**
      * Determines whether the action should hide the text content of the button.
      */
@@ -167,7 +172,7 @@ export type BaseDataActionItem = {
  */
 export type NamedDataActionItem = BaseDataActionItem & {
     name: ActionName.FollowAction | ActionName.PreviewAction | ActionName.DownloadAction | ActionName.AutomationAction | ActionName.CopyLinkAction | ActionName.RovoChatAction;
-};
+} & Pick<ActionProps, 'iconSize'>;
 /**
  * This represents an action that does not fetch data where Icon and Content are provided implicitly.
  * @example DeleteAction - by default will contain a cross icon with the

package/dist/types/view/FlexibleCard/components/elements/common/base-badge-element/index.d.ts

@@ -24,6 +24,11 @@ export type BaseBadgeElementProps = ElementProps & {
      * the image will be rendered directly.
      */
     hideIconLoadingSkeleton?: boolean;
+    /**
+     * Determines whether the badge label should be hidden. When set to true,
+     * the badge will be displayed without the label, showing only the icon.
+     */
+    hideLabel?: boolean;
     /**
      * The Atlaskit Icon to display next to the label. If this is not supplied,
      * then the badge icon will fallback to the URL provided.

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type RovoChatActionMessageKey = 'rovo_prompt_context_generic' | 'rovo_prompt_context_generic_plural' | 'rovo_prompt_context_confluence_page' | 'rovo_prompt_context_confluence_page_short' | 'rovo_prompt_context_jira_work_item' | 'rovo_prompt_context_jira_work_item_short' | 'rovo_prompt_button_recommend_other_sources' | 'rovo_prompt_message_recommend_other_sources' | 'rovo_prompt_button_show_other_mentions' | 'rovo_prompt_message_show_other_mentions' | 'rovo_prompt_button_suggest_improvement' | 'rovo_prompt_message_suggest_improvement' | 'rovo_prompt_message_summarize' | 'rovo_prompt_button_ask_rovo_anything' | 'rovo_prompt_message_ask_rovo_anything' | 'rovo_prompt_button_highlight_relevant_content' | 'rovo_prompt_message_highlight_relevant_content' | 'rovo_prompt_button_identify_key_trends' | 'rovo_prompt_message_identify_key_trends' | 'rovo_prompt_button_identify_key_points' | 'rovo_prompt_message_identify_key_points' | 'rovo_prompt_button_find_open_questions' | 'rovo_prompt_message_find_open_questions';
+export type RovoChatActionMessageKey = 'rovo_prompt_context_generic' | 'rovo_prompt_context_generic_plural' | 'rovo_prompt_context_confluence_page' | 'rovo_prompt_context_confluence_page_short' | 'rovo_prompt_context_jira_work_item' | 'rovo_prompt_context_jira_work_item_short' | 'rovo_prompt_button_recommend_other_sources' | 'rovo_prompt_message_recommend_other_sources' | 'rovo_prompt_button_show_other_mentions' | 'rovo_prompt_message_show_other_mentions' | 'rovo_prompt_button_suggest_improvement' | 'rovo_prompt_message_suggest_improvement' | 'rovo_prompt_message_summarize' | 'rovo_prompt_button_ask_rovo_anything' | 'rovo_prompt_message_ask_rovo_anything' | 'rovo_prompt_button_highlight_relevant_content' | 'rovo_prompt_message_highlight_relevant_content' | 'rovo_prompt_button_identify_key_trends' | 'rovo_prompt_message_identify_key_trends' | 'rovo_prompt_button_identify_key_points' | 'rovo_prompt_message_identify_key_points' | 'rovo_prompt_button_find_open_questions' | 'rovo_prompt_message_find_open_questions' | 'rovo_prompt_button_key_highlights' | 'rovo_prompt_message_key_highlights';
 export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'rovo_actions_explore' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify' | 'rovo_summary_loading' | 'ai_disclaimer' | 'rovo_unauthorised_title' | 'rovo_unauthorised_title_no_provider' | 'rovo_unauthorised_feature_clear_link_names' | 'rovo_unauthorised_feature_understand_linked_docs' | 'rovo_unauthorised_feature_go_deeper_smart_suggestions' | 'rovo_unauthorised_connect_account' | 'rovo_unauthorised_not_now' | 'rovo_chat_action_section_header' | 'rovo_prompt_button_summarize_this' | 'rovo_prompt_button_ask_a_specific_question' | 'rovo_prompt_button_show_me_whats_relevant' | RovoChatActionMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;

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

@@ -2,7 +2,7 @@ import type { ReactChild, ReactNode } from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Appearance } from '@atlaskit/button/types';
 import type { Space } from '@atlaskit/primitives/compiled';
-import type { SmartLinkSize } from '../../../../../constants';
+import type { CardDisplay, SmartLinkSize } from '../../../../../constants';
 export type ActionMessageAppearance = 'error';
 export type ActionMessage = {
     appearance?: ActionMessageAppearance;
@@ -27,6 +27,11 @@ export type ActionProps = {
      * Used to determine whether the Action is in a Dropdown.
      */
     asDropDownItem?: boolean;
+    /**
+     * Used in block card 3P post-auth experiment to show different icons for Rovo actions
+     * Should be removed on clean up of platform_sl_3p_auth_rovo_block_card_kill_switch after finalizing which icons to use long term
+     */
+    cardAppearance?: CardDisplay;
     /**
      * For compiled css
      */

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-group/index.d.ts

@@ -6,5 +6,5 @@ import { type ActionGroupProps } from './types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, }: ActionGroupProps) => JSX.Element | null;
+declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, containerWidth, }: ActionGroupProps) => JSX.Element | null;
 export default ActionGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-group/types.d.ts

@@ -6,6 +6,10 @@ export type ActionGroupProps = {
      * Determines the default appearance of the Action Group.
      */
     appearance?: Appearance;
+    /**
+     * The measured width of the stable footer container (from FooterBlockResolvedView).
+     */
+    containerWidth?: number;
     /**
      * Determines the direction that the actions are rendered. Can be vertical
      * or horizontal.

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/footer-block/types.d.ts

@@ -15,6 +15,10 @@ export type FooterBlockProps = {
      * Allows hiding of the resources provider
      */
     hideProvider?: boolean;
+    /**
+     * Used with RovoActions to determine if the preview block is visible or not
+     */
+    isPreviewBlockErrored?: boolean;
     /**
      * Function to be called when footer action dropdown open state is changed.
      */

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode, type Ref } from 'react';
 import { type LozengeProps as AtlaskitLozengeProps } from '@atlaskit/lozenge';
-import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
+import { type ActionName, type CardDisplay, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
 import type { AssignedToGroupElementProps } from '../elements/assigned-to-group-element';
 import type { BaseAvatarGroupElementProps } from '../elements/common/base-avatar-group-element';
@@ -125,6 +125,11 @@ export type BaseActionItem = {
  * Used to represent an Action which self-hydrates with data when passing props into Flexible UI.
  */
 export type BaseDataActionItem = {
+    /**
+     * Used in block card 3P post-auth experiment to show different icons for Rovo actions
+     * Should be removed on clean up of platform_sl_3p_auth_rovo_block_card_kill_switch after finalizing which icons to use long term
+     */
+    cardAppearance?: CardDisplay;
     /**
      * Determines whether the action should hide the text content of the button.
      */
@@ -167,7 +172,7 @@ export type BaseDataActionItem = {
  */
 export type NamedDataActionItem = BaseDataActionItem & {
     name: ActionName.FollowAction | ActionName.PreviewAction | ActionName.DownloadAction | ActionName.AutomationAction | ActionName.CopyLinkAction | ActionName.RovoChatAction;
-};
+} & Pick<ActionProps, 'iconSize'>;
 /**
  * This represents an action that does not fetch data where Icon and Content are provided implicitly.
  * @example DeleteAction - by default will contain a cross icon with the

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-badge-element/index.d.ts

@@ -24,6 +24,11 @@ export type BaseBadgeElementProps = ElementProps & {
      * the image will be rendered directly.
      */
     hideIconLoadingSkeleton?: boolean;
+    /**
+     * Determines whether the badge label should be hidden. When set to true,
+     * the badge will be displayed without the label, showing only the icon.
+     */
+    hideLabel?: boolean;
     /**
      * The Atlaskit Icon to display next to the label. If this is not supplied,
      * then the badge icon will fallback to the URL provided.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.3.23",
+	"version": "44.4.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -68,7 +68,7 @@
 		"@atlaskit/lozenge": "^13.8.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/modal-dialog": "^14.18.0",
-		"@atlaskit/motion": "^6.1.0",
+		"@atlaskit/motion": "^6.2.0",
 		"@atlaskit/object": "^1.0.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -80,15 +80,16 @@
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tag": "^14.12.0",
+		"@atlaskit/tag": "^14.13.0",
 		"@atlaskit/textarea": "^8.3.0",
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^74.0.0",
+		"@atlaskit/tmp-editor-statsig": "^74.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/ufo": "^0.4.0",
+		"@atlaskit/width-detector": "^5.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@formatjs/intl-utils": "^3.8.4",
@@ -226,9 +227,6 @@
 		"fix_hover_card_on_focus_a11y": {
 			"type": "boolean"
 		},
-		"platform_sl_a11y_enghealth_46829": {
-			"type": "boolean"
-		},
 		"platform_sl_3p_preauth_better_hovercard_killswitch": {
 			"type": "boolean"
 		},