@atlaskit/smart-card 44.20.3 → 44.22.0

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

@@ -8,347 +8,25 @@ 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 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 { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { ActionName, CardDisplay } from '../../../../../constants';
-import { messages } from '../../../../../messages';
+import { ActionName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import { isBlockCardRovoActionExperimentEnabled } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
-import AiChapterIcon from '../../../assets/ai-chapter-icon';
-import AIEditIcon from '../../../assets/ai-edit-icon';
-import AISearchIcon from '../../../assets/ai-search-icon';
+import { getPromptAction, RovoChatPromptKey } from "../../../../common/rovo-chat-utils";
 import Action from '../action';
-import htmlToAdf from './html-to-adf';
-export var RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
-  RovoChatPromptKey["RECOMMEND_OTHER_SOURCES"] = "recommend-other-sources";
-  RovoChatPromptKey["SHOW_OTHER_MENTIONS"] = "show-other-mentions";
-  RovoChatPromptKey["SUGGEST_IMPROVEMENT"] = "suggest-improvement";
-  RovoChatPromptKey["SUMMARIZE_LINK"] = "summarize-link";
-  RovoChatPromptKey["KEY_HIGHLIGHTS"] = "key-highlights";
-  RovoChatPromptKey["ASK_ROVO_ANYTHING"] = "ask-rovo-anything";
-  RovoChatPromptKey["IDENTIFY_KEY_POINTS"] = "identify-key-points";
-  RovoChatPromptKey["IDENTIFY_KEY_TRENDS"] = "identify-key-trends";
-  RovoChatPromptKey["FIND_OPEN_QUESTIONS"] = "find-open-questions";
-  RovoChatPromptKey["HIGHLIGHT_RELEVANT_CONTENT"] = "highlight-relevant-content";
-  RovoChatPromptKey["SUMMARIZE_THIS_FOR_ME"] = "summarize-this-for-me";
-  RovoChatPromptKey["ASK_A_SPECIFIC_QUESTION"] = "ask-a-specific-question";
-  RovoChatPromptKey["SHOW_ME_WHATS_RELEVANT"] = "show-me-whats-relevant";
-  return RovoChatPromptKey;
-}({});
 var GOOGLE_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
 var GENERIC_3P_PROMPTS = [
 // For rovogrowth-640-inline-action-nudge-exp only
 RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT, RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME, RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION];
 var DEFAULT_PROMPTS = GOOGLE_PROMPTS;
-var getContext = function getContext(intl, product) {
-  switch (product) {
-    case 'CONFLUENCE':
-      return {
-        contextLong: intl.formatMessage(messages.rovo_prompt_context_confluence_page),
-        contextShort: intl.formatMessage(messages.rovo_prompt_context_confluence_page_short)
-      };
-    case 'JSW':
-    case 'JWM':
-    case 'JSM':
-    case 'JPD':
-      return {
-        contextLong: intl.formatMessage(messages.rovo_prompt_context_jira_work_item),
-        contextShort: intl.formatMessage(messages.rovo_prompt_context_jira_work_item_short)
-      };
-  }
-};
-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)
-    },
-    contextLong = _ref.contextLong,
-    contextShort = _ref.contextShort;
-  var isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
-  switch (promptKey) {
-    case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
-      var label_recommend = intl.formatMessage(messages.rovo_prompt_button_recommend_other_sources);
-      var html_recommend = intl.formatMessage(messages.rovo_prompt_message_recommend_other_sources, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AIEditIcon, null),
-        content: label_recommend,
-        tooltipMessage: label_recommend,
-        data: {
-          name: label_recommend,
-          dialogues: [],
-          prompt: htmlToAdf(html_recommend)
-        }
-      };
-    case RovoChatPromptKey.SHOW_OTHER_MENTIONS:
-      var label_other_mentions = intl.formatMessage(messages.rovo_prompt_button_show_other_mentions);
-      var html_other_mentions = intl.formatMessage(messages.rovo_prompt_message_show_other_mentions, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiChapterIcon, null),
-        content: label_other_mentions,
-        tooltipMessage: label_other_mentions,
-        data: {
-          name: label_other_mentions,
-          dialogues: [],
-          prompt: htmlToAdf(html_other_mentions)
-        }
-      };
-    case RovoChatPromptKey.SUGGEST_IMPROVEMENT:
-      var label_improvement = intl.formatMessage(messages.rovo_prompt_button_suggest_improvement, {
-        context: contextShort
-      });
-      var html_improvement = intl.formatMessage(messages.rovo_prompt_message_suggest_improvement, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AISearchIcon, null),
-        content: label_improvement,
-        tooltipMessage: label_improvement,
-        data: {
-          name: label_improvement,
-          dialogues: [],
-          prompt: htmlToAdf(html_improvement)
-        }
-      };
-    case RovoChatPromptKey.SUMMARIZE_LINK:
-      var label_summarize = intl.formatMessage(messages.ai_summarize);
-      var html_summarize = intl.formatMessage(messages.rovo_prompt_message_summarize, {
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: cardAppearance === CardDisplay.Block && isBlockCard3PExperimentEnabled ? /*#__PURE__*/React.createElement(AiChatIcon, {
-          label: label_summarize,
-          size: iconSize
-        }) : /*#__PURE__*/React.createElement(AIEditIcon, null),
-        content: label_summarize,
-        tooltipMessage: label_summarize,
-        data: {
-          name: label_summarize,
-          dialogues: [],
-          prompt: htmlToAdf(html_summarize),
-          mode: {
-            fastModeEnabled: true
-          }
-        }
-      };
-    case RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME:
-      var label_summarize_this_for_me = intl.formatMessage(messages.rovo_prompt_button_summarize_this);
-      var html_summarize_this_for_me = intl.formatMessage(messages.rovo_prompt_message_summarize, {
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiGenerativeTextSummaryIcon, {
-          label: label_summarize_this_for_me
-        }),
-        content: label_summarize_this_for_me,
-        tooltipMessage: label_summarize_this_for_me,
-        data: {
-          name: label_summarize_this_for_me,
-          dialogues: [],
-          prompt: htmlToAdf(html_summarize_this_for_me),
-          mode: {
-            fastModeEnabled: true
-          }
-        }
-      };
-    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
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiChapterIcon, null),
-        content: label_highlight_relevant_content,
-        tooltipMessage: label_highlight_relevant_content,
-        data: {
-          name: label_highlight_relevant_content,
-          dialogues: [],
-          prompt: htmlToAdf(html_highlight_relevant_content),
-          mode: {
-            fastModeEnabled: true
-          }
-        }
-      };
-    case RovoChatPromptKey.ASK_ROVO_ANYTHING:
-      var label_ask_rovo_anything = intl.formatMessage(messages.rovo_prompt_button_ask_rovo_anything);
-      var prompt_ask_rovo_anything = intl.formatMessage(messages.rovo_prompt_message_ask_rovo_anything, {
-        url: url
-      });
-      return {
-        icon: cardAppearance === CardDisplay.Block && isBlockCard3PExperimentEnabled ? /*#__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: {
-          name: label_ask_rovo_anything,
-          dialogues: [],
-          prompt: prompt_ask_rovo_anything,
-          isPromptPlaceholder: true,
-          placeholderType: 'generic'
-        }
-      };
-    case RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION:
-      var label_ask_a_specific_question = intl.formatMessage(messages.rovo_prompt_button_ask_a_specific_question);
-      var prompt_ask_a_specific_question = intl.formatMessage(messages.rovo_prompt_message_ask_rovo_anything, {
-        url: url
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
-          label: label_ask_a_specific_question
-        }),
-        content: label_ask_a_specific_question,
-        tooltipMessage: label_ask_a_specific_question,
-        data: {
-          name: label_ask_a_specific_question,
-          dialogues: [],
-          prompt: prompt_ask_a_specific_question,
-          isPromptPlaceholder: true,
-          placeholderType: 'generic'
-        }
-      };
-    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(AiChatIcon, {
-          label: label_key_highlights,
-          size: iconSize
-        }),
-        content: label_key_highlights,
-        tooltipMessage: label_key_highlights,
-        data: {
-          name: label_key_highlights,
-          dialogues: [],
-          prompt: htmlToAdf(html_key_highlights)
-        }
-      };
-    case RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT:
-      var label_show_me_whats_relevant = intl.formatMessage(messages.rovo_prompt_button_show_me_whats_relevant);
-      var html_show_me_whats_relevant = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiSearchIcon, {
-          label: label_show_me_whats_relevant
-        }),
-        content: label_show_me_whats_relevant,
-        tooltipMessage: label_show_me_whats_relevant,
-        data: {
-          name: label_show_me_whats_relevant,
-          dialogues: [],
-          prompt: htmlToAdf(html_show_me_whats_relevant)
-        }
-      };
-    case RovoChatPromptKey.IDENTIFY_KEY_TRENDS:
-      var label_identify_key_trends = intl.formatMessage(messages.rovo_prompt_button_identify_key_trends);
-      var html_identify_key_trends = intl.formatMessage(messages.rovo_prompt_message_identify_key_trends, {
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
-          label: label_identify_key_trends,
-          size: iconSize
-        }),
-        content: label_identify_key_trends,
-        tooltipMessage: label_identify_key_trends,
-        data: {
-          name: label_identify_key_trends,
-          dialogues: [],
-          prompt: htmlToAdf(html_identify_key_trends)
-        }
-      };
-    case RovoChatPromptKey.IDENTIFY_KEY_POINTS:
-      var label_identify_key_points = intl.formatMessage(messages.rovo_prompt_button_identify_key_points);
-      var html_identify_key_points = intl.formatMessage(messages.rovo_prompt_message_identify_key_points, {
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
-          label: label_identify_key_points,
-          size: iconSize
-        }),
-        content: label_identify_key_points,
-        tooltipMessage: label_identify_key_points,
-        data: {
-          name: label_identify_key_points,
-          dialogues: [],
-          prompt: htmlToAdf(html_identify_key_points)
-        }
-      };
-    case RovoChatPromptKey.FIND_OPEN_QUESTIONS:
-      var label_find_open_questions = intl.formatMessage(messages.rovo_prompt_button_find_open_questions);
-      var html_find_open_questions = intl.formatMessage(messages.rovo_prompt_message_find_open_questions, {
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/React.createElement(AiChatIcon, {
-          label: label_find_open_questions,
-          size: iconSize
-        }),
-        content: label_find_open_questions,
-        tooltipMessage: label_find_open_questions,
-        data: {
-          name: label_find_open_questions,
-          dialogues: [],
-          prompt: htmlToAdf(html_find_open_questions)
-        }
-      };
-  }
-};
-var RovoChatAction = function RovoChatAction(_ref2) {
+var RovoChatAction = function RovoChatAction(_ref) {
   var _context$actions;
-  var onClickCallback = _ref2.onClick,
-    prompts = _ref2.prompts,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref2$testId,
-    props = _objectWithoutProperties(_ref2, _excluded);
+  var onClickCallback = _ref.onClick,
+    prompts = _ref.prompts,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var intl = useIntl();
   var _useRovoChat = useRovoChat(),
     isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
@@ -392,11 +70,11 @@ 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, props.iconSize, props.cardAppearance) || {},
-        icon = _ref3.icon,
-        content = _ref3.content,
-        tooltipMessage = _ref3.tooltipMessage,
-        promptData = _ref3.data;
+      var _ref2 = 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 = _ref2.icon,
+        content = _ref2.content,
+        tooltipMessage = _ref2.tooltipMessage,
+        promptData = _ref2.data;
       return promptData ? /*#__PURE__*/React.createElement(Action, _extends({
         content: content,
         icon: icon,

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

@@ -22,7 +22,7 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import { isBlockCardRovoActionExperimentEnabled } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
-import { RovoChatPromptKey } from '../../actions/rovo-chat-action';
+import { RovoChatPromptKey } from '../../../../common/rovo-chat-utils';
 import { sizeToButtonSpacing } from '../../utils';
 import { filterActionItems } from '../utils';
 import ActionGroupItem from './action-group-item';

package/dist/esm/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -1,8 +1,10 @@
 import React from 'react';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
+import useInlineTailoredActionExperiment from '../../../state/hooks/use-inline-tailored-action-experiment';
 import { HoverCard } from '../../HoverCard';
-import { RovoActionsCta } from '../common/rovo-actions-cta';
+import { RovoActionsCta, InlineRovoActionButton } from '../common/rovo-actions-cta';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { renderLozenge } from './renderLozenge';
@@ -81,6 +83,8 @@ export function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     lozenge = _ref2.lozenge;
   var _useInlineActionNudge = useInlineActionNudgeExperiment(link, showHoverPreview, actionOptions),
     isEnabled = _useInlineActionNudge.isEnabled;
+  var _useInlineTailoredAct = useInlineTailoredActionExperiment(link, showHoverPreview, actionOptions),
+    isInlineTailoredRovoActionEnabled = _useInlineTailoredAct.isEnabled;
 
   // TODO https://hello.jira.atlassian.cloud/browse/NAVX-4436: fire analytics with cohort
   var frame = /*#__PURE__*/React.createElement(Frame, {
@@ -99,8 +103,11 @@ export function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     titleTextColor: titleTextColor,
     type: type,
     hideIconLoadingSkeleton: hideIconLoadingSkeleton
-  }), renderLozenge(lozenge), isEnabled && /*#__PURE__*/React.createElement(RovoActionsCta, {
+  }), renderLozenge(lozenge), isEnabled && !fg('platform_sl_3p_auth_inline_tailored_cta_killswitch') && /*#__PURE__*/React.createElement(RovoActionsCta, {
     testId: "".concat(testId, "-rovo-actions-cta")
+  }), isInlineTailoredRovoActionEnabled && /*#__PURE__*/React.createElement(InlineRovoActionButton, {
+    testId: "".concat(testId, "-rovo-actions-cta"),
+    url: link
   }));
   if (!showHoverPreview || !link) {
     return frame;
@@ -112,4 +119,6 @@ export function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     hoverPreviewOptions: hoverPreviewOptions
   }, frame);
 }
+
+// Todo: replace with platform_sl_3p_auth_inline_tailored_cta_killswitch after cleanup of rovogrowth-640-inline-action-nudge-fg
 export var InlineCardResolvedViewFunctional = componentWithFG('rovogrowth-640-inline-action-nudge-fg', InlineCardResolvedViewFunctionalWithRovoActions, InlineCardResolvedViewBase);

package/dist/esm/view/InlineCard/common/rovo-actions-cta/index.js

@@ -1,13 +1,19 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./index.compiled.css";
-import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback } from 'react';
+import { useIntl } from "react-intl";
 import { cx } from '@atlaskit/css';
+import AiGenerativeTextSummaryIcon from '@atlaskit/icon/core/ai-generative-text-summary';
 import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box, Text } from '@atlaskit/primitives/compiled';
+import useRovoChat from "../../../../state/hooks/use-rovo-chat";
+import { getPromptAction, RovoChatPromptKey } from "../../../common/rovo-chat-utils";
+import { ActionButton } from "../action-button";
 var styles = {
   innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _19bv12x7 _u5f312x7",
-  rovoIcon: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _ca0qv77o _n3tdv77o"
+  rovoIcon: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _ca0qv77o _n3tdv77o",
+  text: "_1e0c1nu9 _19bv12x7"
 };
 export var RovoActionsCta = function RovoActionsCta(_ref) {
   var testId = _ref.testId;
@@ -19,4 +25,36 @@ export var RovoActionsCta = function RovoActionsCta(_ref) {
     color: "var(--ds-icon-inverse, #FFFFFF)",
     size: "small"
   }));
+};
+export var InlineRovoActionButton = function InlineRovoActionButton(_ref2) {
+  var testId = _ref2.testId,
+    url = _ref2.url;
+  var _useRovoChat = useRovoChat(),
+    sendPromptMessage = _useRovoChat.sendPromptMessage,
+    isRovoChatEnabled = _useRovoChat.isRovoChatEnabled;
+  var intl = useIntl();
+
+  // TODO: NAVX-5109 implement tailored rovo chat actions here
+  var _ref3 = getPromptAction(RovoChatPromptKey.SUMMARIZE_LINK, intl, url) || {},
+    promptData = _ref3.data,
+    content = _ref3.content;
+  var handleClick = useCallback(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (isRovoChatEnabled && promptData) {
+      sendPromptMessage(promptData);
+    }
+  }, [sendPromptMessage, isRovoChatEnabled, promptData]);
+  return promptData && content ? /*#__PURE__*/React.createElement(ActionButton, {
+    onClick: handleClick,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(AiGenerativeTextSummaryIcon, {
+    label: "Rovo",
+    color: "var(--ds-icon, #292A2E)",
+    size: "small"
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.text
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "small"
+  }, content))) : null;
 };

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.20.2",
+  packageVersion: "44.21.0",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {