@atlaskit/smart-card 44.21.0 → 44.23.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/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/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 { useCallback } from 'react';
 import { useCrossProductUrlWrapper } from '@atlaskit/analytics-cross-product/useCrossProductUrlWrapper';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
@@ -15,17 +18,24 @@ var useSmartLinkCrossProductUrlWrapperFallback = function useSmartLinkCrossProdu
   return identityUrlWrapper;
 };
 var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWrapper(_ref) {
-  var _product$toLowerCase;
+  var _effectiveProduct$toL;
   var details = _ref.details;
   var _useSmartLinkContext = useSmartLinkContext(),
     product = _useSmartLinkContext.product,
-    bridgeProduct = _useSmartLinkContext.bridgeProduct;
-  var wrapUrl = useCrossProductUrlWrapper({
+    bridgeProduct = _useSmartLinkContext.bridgeProduct,
+    xpcProduct = _useSmartLinkContext.xpcProduct,
+    xpcSubProduct = _useSmartLinkContext.xpcSubProduct;
+  // xpcProduct takes precedence over product — it identifies the host product for XPC analytics
+  // without affecting link resolution (which uses the `product` prop separately).
+  var effectiveProduct = xpcProduct !== null && xpcProduct !== void 0 ? xpcProduct : product;
+  var wrapUrl = useCrossProductUrlWrapper(_objectSpread({
     bridge: bridgeProduct !== null && bridgeProduct !== void 0 ? bridgeProduct : SMART_LINKS_XPC_BRIDGE,
-    product: (_product$toLowerCase = product === null || product === void 0 ? void 0 : product.toLowerCase()) !== null && _product$toLowerCase !== void 0 ? _product$toLowerCase : 'unknown'
-  });
+    product: (_effectiveProduct$toL = effectiveProduct === null || effectiveProduct === void 0 ? void 0 : effectiveProduct.toLowerCase()) !== null && _effectiveProduct$toL !== void 0 ? _effectiveProduct$toL : 'unknown'
+  }, xpcSubProduct ? {
+    subProduct: xpcSubProduct
+  } : {}));
   return useCallback(function (url) {
-    if (!getIsFirstPartyLink(details) || !product) {
+    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     var parsedUrl;
@@ -38,6 +48,6 @@ var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWra
       return url;
     }
     return wrapUrl(url);
-  }, [details, product, wrapUrl]);
+  }, [details, effectiveProduct, wrapUrl]);
 };
 export var useSmartLinkCrossProductUrlWrapperGated = functionWithFG('platform_smartlink_xpc_url_wrapping', useSmartLinkCrossProductUrlWrapper, useSmartLinkCrossProductUrlWrapperFallback);

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.3" || ''
+  packageVersion: "44.22.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';