@atlaskit/smart-card 44.20.3 → 44.22.0

package/dist/es2019/view/common/rovo-chat-utils/index.js

@@ -0,0 +1,322 @@
+import React from "react";
+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 { CardDisplay } from "../../../constants";
+import { messages } from "../../../messages";
+import { isBlockCardRovoActionExperimentEnabled } from "../../../state/hooks/use-block-card-rovo-action-experiment";
+import AiChapterIcon from "../../FlexibleCard/assets/ai-chapter-icon";
+import AIEditIcon from "../../FlexibleCard/assets/ai-edit-icon";
+import AISearchIcon from "../../FlexibleCard/assets/ai-search-icon";
+import htmlToAdf from "../../FlexibleCard/components/actions/rovo-chat-action/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 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)
+      };
+  }
+};
+export 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)
+        }
+      };
+  }
+};

package/dist/esm/state/actions/index.js

@@ -20,7 +20,26 @@ import useInvokeClientAction from '../hooks/use-invoke-client-action';
 import useResolve from '../hooks/use-resolve';
 var POST_AUTH_CHAT_EXTENSION_KEY = 'google-object-provider';
 var SMART_LINK_TO_ROVO_SOURCE = 'smart-link';
+var getPostAuthChatPayloadId = function getPostAuthChatPayloadId() {
+  if (typeof crypto !== 'undefined') {
+    if (typeof crypto.randomUUID === 'function') {
+      return crypto.randomUUID();
+    }
+    if (typeof crypto.getRandomValues === 'function') {
+      var values = new Uint32Array(4);
+      crypto.getRandomValues(values);
+      return "smart-link-post-auth-chat-".concat(Array.from(values, function (value) {
+        return value.toString(16);
+      }).join('-'));
+    }
+  }
+  return "smart-link-post-auth-chat-".concat(Date.now());
+};
 var sendPostAuthChatOpenMessage = function sendPostAuthChatOpenMessage(url) {
+  var _window$parent;
+  if (typeof window === 'undefined' || typeof ((_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : _window$parent.postMessage) !== 'function') {
+    return;
+  }
   var payload = {
     type: 'chat-new',
     source: SMART_LINK_TO_ROVO_SOURCE,
@@ -45,7 +64,7 @@ var sendPostAuthChatOpenMessage = function sendPostAuthChatOpenMessage(url) {
   window.parent.postMessage({
     eventType: ROVO_POST_MESSAGE_EVENT_TYPE,
     payload: payload,
-    payloadId: crypto.randomUUID()
+    payloadId: getPostAuthChatPayloadId()
   }, '*');
 };
 export var useSmartCardActions = function useSmartCardActions(id, url) {
@@ -167,28 +186,29 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
         fireEvent('operational.smartLink.connectSucceeded', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });
-        if (status === 'unauthorized' && fg('platform_sl_connect_account_flag')) {
-          var provider = extractSmartLinkProvider(details);
-          flags === null || flags === void 0 || flags.showConnectFlag({
-            id: "smart-link-connect-success-".concat(extensionKey),
-            provider: provider
-          });
-        }
-        reload();
 
         // Post-auth Chat onboarding: auto-open Rovo Chat mini-modal with the
         // authed 3P link as context, for supported providers (e.g. Google Drive).
         // Provider eligibility is derived from the pre-auth SmartLink state.
         var isEligibleForPostAuthChat = status === 'unauthorized' && isSupportedPostAuthChatExtensionKey && fg('platform_sl_3p_post_auth_chat_open_fg') && getIsRovoChatEnabled(rovoOptionsRef.current);
-        if (isEligibleForPostAuthChat) {
-          // Experiment check: fires exposure for both control and treatment.
-          // Only reached after eligibility preconditions + kill switch pass, so
-          // exposure is counted for the triggered eligible pool.
-          var isEnabled = expValEquals('platform_sl_3p_post_auth_chat_open_exp', 'isEnabled', true);
-          if (isEnabled) {
-            sendPostAuthChatOpenMessage(url);
+
+        // Experiment check: fires exposure for both control and treatment.
+        // Only reached after eligibility preconditions + kill switch pass, so
+        // exposure is counted for the triggered eligible pool.
+        var isPostAuthChatTreatment = isEligibleForPostAuthChat && expValEquals('platform_sl_3p_post_auth_chat_open_exp', 'isEnabled', true);
+        if (status === 'unauthorized' && !isPostAuthChatTreatment) {
+          if (fg('platform_sl_connect_account_flag')) {
+            var provider = extractSmartLinkProvider(details);
+            flags === null || flags === void 0 || flags.showConnectFlag({
+              id: "smart-link-connect-success-".concat(extensionKey),
+              provider: provider
+            });
           }
         }
+        reload();
+        if (isPostAuthChatTreatment) {
+          sendPostAuthChatOpenMessage(url);
+        }
       }, function (err) {
         var _err$type;
         startUfoExperience('smart-link-authenticated', id, {

package/dist/esm/state/hooks/use-inline-tailored-action-experiment/index.js

@@ -0,0 +1,48 @@
+import { useMemo } from 'react';
+import { fg } from "@atlaskit/platform-feature-flags";
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
+import { getExtensionKey } from '../../helpers';
+import { useSmartCardState } from '../../store';
+import useRovoConfig from '../use-rovo-config';
+var ELIGIBLE_EXTENSION_KEYS = new Set(['slack-object-provider', 'google-object-provider', 'onedrive-object-provider', 'github-object-provider', 'ms-teams-object-provider', 'gitlab-object-provider', 'salesforce-object-provider']);
+var NOT_ENABLED_RESULT = {
+  isEnabled: false
+};
+
+/**
+ * Returns whether the platform_sl_3p_auth_inline_tailored_cta experiment
+ * is enabled for the current user and link context.
+ *
+ * All eligibility criteria are consolidated here:
+ * 1. Rovo chat must be enabled for the tenant.
+ * 2. The consumer must have opted in via actionOptions.rovoChatAction.optIn.
+ * 3. The link must support the RovoActions feature.
+ * 4. The extension key must be one of the supported options.
+ * 5. The experiment value must be true (via tmp-editor-statsig).
+ *
+ * The extension key is derived from the card store via the resolved URL,
+ * so callers don't need to thread it as a prop.
+ */
+var useInlineTailoredActionExperiment = function useInlineTailoredActionExperiment(url, showHoverPreview, actionOptions) {
+  var _actionOptions$rovoCh, _actionOptions$rovoCh2;
+  var _useRovoConfig = useRovoConfig(),
+    rovoConfig = _useRovoConfig.rovoOptions;
+  var isRovoChatEnabled = getIsRovoChatEnabled(rovoConfig);
+  var cardState = useSmartCardState(url !== null && url !== void 0 ? url : '');
+  var extensionKey = getExtensionKey(cardState.details);
+  var isRovoChatActionOptedIn = (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false;
+  return useMemo(function () {
+    if (!isRovoChatEnabled || !showHoverPreview || !url || !isRovoChatActionOptedIn) {
+      return NOT_ENABLED_RESULT;
+    }
+    if (!extensionKey || !ELIGIBLE_EXTENSION_KEYS.has(extensionKey)) {
+      return NOT_ENABLED_RESULT;
+    }
+    var isEnabled = fg('platform_sl_3p_auth_inline_tailored_cta_killswitch') && expValEquals('platform_sl_3p_auth_inline_tailored_cta', 'isEnabled', true);
+    return {
+      isEnabled: isEnabled
+    };
+  }, [isRovoChatEnabled, extensionKey, showHoverPreview, url, isRovoChatActionOptedIn]);
+};
+export default useInlineTailoredActionExperiment;

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.20.2" || ''
+  packageVersion: "44.21.0" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -12,8 +12,8 @@ import extractRovoChatAction from '../../../extractors/flexible/actions/extract-
 import { getExtensionKey } from '../../../state/helpers';
 import useBlockCardRovoActionExperiment from '../../../state/hooks/use-block-card-rovo-action-experiment';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';
+import { RovoChatPromptKey } from '../../common/rovo-chat-utils';
 import FlexibleCard from '../../FlexibleCard';
-import { RovoChatPromptKey } from '../../FlexibleCard/components/actions/rovo-chat-action';
 import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';