@atlaskit/smart-card 44.21.0 → 44.22.0

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

@@ -1,337 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 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 let 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;
-}({});
 const GOOGLE_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
 const 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];
 const DEFAULT_PROMPTS = GOOGLE_PROMPTS;
-const 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)
-      };
-  }
-};
-const getPromptAction = (promptKey, intl, url = '', product, iconSize, cardAppearance) => {
-  var _getContext;
-  const {
-    contextLong,
-    contextShort
-  } = (_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)
-  };
-  const isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
-  switch (promptKey) {
-    case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
-      const label_recommend = intl.formatMessage(messages.rovo_prompt_button_recommend_other_sources);
-      const html_recommend = intl.formatMessage(messages.rovo_prompt_message_recommend_other_sources, {
-        context: contextLong,
-        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:
-      const label_other_mentions = intl.formatMessage(messages.rovo_prompt_button_show_other_mentions);
-      const html_other_mentions = intl.formatMessage(messages.rovo_prompt_message_show_other_mentions, {
-        context: contextLong,
-        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:
-      const label_improvement = intl.formatMessage(messages.rovo_prompt_button_suggest_improvement, {
-        context: contextShort
-      });
-      const html_improvement = intl.formatMessage(messages.rovo_prompt_message_suggest_improvement, {
-        context: contextLong,
-        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:
-      const label_summarize = intl.formatMessage(messages.ai_summarize);
-      const html_summarize = intl.formatMessage(messages.rovo_prompt_message_summarize, {
-        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:
-      const label_summarize_this_for_me = intl.formatMessage(messages.rovo_prompt_button_summarize_this);
-      const html_summarize_this_for_me = intl.formatMessage(messages.rovo_prompt_message_summarize, {
-        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:
-      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
-      }, {
-        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:
-      const label_ask_rovo_anything = intl.formatMessage(messages.rovo_prompt_button_ask_rovo_anything);
-      const prompt_ask_rovo_anything = intl.formatMessage(messages.rovo_prompt_message_ask_rovo_anything, {
-        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:
-      const label_ask_a_specific_question = intl.formatMessage(messages.rovo_prompt_button_ask_a_specific_question);
-      const prompt_ask_a_specific_question = intl.formatMessage(messages.rovo_prompt_message_ask_rovo_anything, {
-        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:
-      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(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:
-      const label_show_me_whats_relevant = intl.formatMessage(messages.rovo_prompt_button_show_me_whats_relevant);
-      const html_show_me_whats_relevant = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
-        context: contextLong,
-        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:
-      const label_identify_key_trends = intl.formatMessage(messages.rovo_prompt_button_identify_key_trends);
-      const html_identify_key_trends = intl.formatMessage(messages.rovo_prompt_message_identify_key_trends, {
-        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:
-      const label_identify_key_points = intl.formatMessage(messages.rovo_prompt_button_identify_key_points);
-      const html_identify_key_points = intl.formatMessage(messages.rovo_prompt_message_identify_key_points, {
-        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:
-      const label_find_open_questions = intl.formatMessage(messages.rovo_prompt_button_find_open_questions);
-      const html_find_open_questions = intl.formatMessage(messages.rovo_prompt_message_find_open_questions, {
-        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)
-        }
-      };
-  }
-};
 const RovoChatAction = ({
   onClick: onClickCallback,
   prompts,

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

@@ -18,7 +18,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/es2019/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';
@@ -78,6 +80,9 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
   const {
     isEnabled
   } = useInlineActionNudgeExperiment(link, showHoverPreview, actionOptions);
+  const {
+    isEnabled: isInlineTailoredRovoActionEnabled
+  } = useInlineTailoredActionExperiment(link, showHoverPreview, actionOptions);
 
   // TODO https://hello.jira.atlassian.cloud/browse/NAVX-4436: fire analytics with cohort
   const frame = /*#__PURE__*/React.createElement(Frame, {
@@ -96,8 +101,11 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
     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: `${testId}-rovo-actions-cta`
+  }), isInlineTailoredRovoActionEnabled && /*#__PURE__*/React.createElement(InlineRovoActionButton, {
+    testId: `${testId}-rovo-actions-cta`,
+    url: link
   }));
   if (!showHoverPreview || !link) {
     return frame;
@@ -109,4 +117,6 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
     hoverPreviewOptions: hoverPreviewOptions
   }, frame);
 }
+
+// Todo: replace with platform_sl_3p_auth_inline_tailored_cta_killswitch after cleanup of rovogrowth-640-inline-action-nudge-fg
 export const InlineCardResolvedViewFunctional = componentWithFG('rovogrowth-640-inline-action-nudge-fg', InlineCardResolvedViewFunctionalWithRovoActions, InlineCardResolvedViewBase);

package/dist/es2019/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";
 const 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 const RovoActionsCta = ({
   testId
@@ -20,4 +26,39 @@ export const RovoActionsCta = ({
     color: "var(--ds-icon-inverse, #FFFFFF)",
     size: "small"
   }));
+};
+export const InlineRovoActionButton = ({
+  testId,
+  url
+}) => {
+  const {
+    sendPromptMessage,
+    isRovoChatEnabled
+  } = useRovoChat();
+  const intl = useIntl();
+
+  // TODO: NAVX-5109 implement tailored rovo chat actions here
+  const {
+    data: promptData,
+    content
+  } = getPromptAction(RovoChatPromptKey.SUMMARIZE_LINK, intl, url) || {};
+  const handleClick = useCallback(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/es2019/view/LinkUrl/index.js

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.20.3",
+  packageVersion: "44.21.0",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({