@atlaskit/smart-card 44.3.21 → 44.3.22

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

@@ -14,6 +14,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _aiGenerativeText = _interopRequireDefault(require("@atlaskit/icon-lab/core/ai-generative-text"));
+var _aiSearch = _interopRequireDefault(require("@atlaskit/icon-lab/core/ai-search"));
+var _aiGenerativeTextSummary = _interopRequireDefault(require("@atlaskit/icon/core/ai-generative-text-summary"));
+var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
@@ -40,12 +43,15 @@ var RovoChatPromptKey = exports.RovoChatPromptKey = /*#__PURE__*/function (RovoC
   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. Applies to all RovoActions eligible providers, except Google
-RovoChatPromptKey.SUMMARIZE_LINK, RovoChatPromptKey.KEY_HIGHLIGHTS, RovoChatPromptKey.ASK_ROVO_ANYTHING];
+// 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) {
@@ -151,6 +157,28 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           }
         }
       };
+    case RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME:
+      var label_summarize_this_for_me = intl.formatMessage(_messages.messages.rovo_prompt_button_summarize_this);
+      var html_summarize_this_for_me = intl.formatMessage(_messages.messages.rovo_prompt_message_summarize, {
+        url: url
+      }, {
+        ignoreTag: true
+      });
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_aiGenerativeTextSummary.default, {
+          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: (0, _htmlToAdf.default)(html_summarize_this_for_me),
+          mode: {
+            fastModeEnabled: true
+          }
+        }
+      };
     case RovoChatPromptKey.KEY_HIGHLIGHTS:
       var label_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
       var html_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
@@ -189,6 +217,25 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           placeholderType: 'generic'
         }
       };
+    case RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION:
+      var label_ask_a_specific_question = intl.formatMessage(_messages.messages.rovo_prompt_button_ask_a_specific_question);
+      var prompt_ask_a_specific_question = intl.formatMessage(_messages.messages.rovo_prompt_message_ask_rovo_anything, {
+        url: url
+      });
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
+          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.HIGHLIGHT_RELEVANT_CONTENT:
       var label_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
       var html_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
@@ -209,6 +256,26 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           prompt: (0, _htmlToAdf.default)(html_highlight_relevant_content)
         }
       };
+    case RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT:
+      var label_show_me_whats_relevant = intl.formatMessage(_messages.messages.rovo_prompt_button_show_me_whats_relevant);
+      var html_show_me_whats_relevant = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
+        context: contextLong,
+        url: url
+      }, {
+        ignoreTag: true
+      });
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_aiSearch.default, {
+          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: (0, _htmlToAdf.default)(html_show_me_whats_relevant)
+        }
+      };
     case RovoChatPromptKey.IDENTIFY_KEY_TRENDS:
       var label_identify_key_trends = intl.formatMessage(_messages.messages.rovo_prompt_button_identify_key_trends);
       var html_identify_key_trends = intl.formatMessage(_messages.messages.rovo_prompt_message_identify_key_trends, {

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.compiled.css

@@ -0,0 +1,15 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._zulputpp{gap:var(--ds-space-150,9pt)}
+._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1wpz1fhb{align-self:stretch}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3it94y{height:1px}
+._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js

@@ -0,0 +1,44 @@
+/* ask-rovo-section-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./ask-rovo-section-header.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactIntl = require("react-intl");
+var _messages = require("../../../../../messages");
+var _rovoHexLogo = _interopRequireDefault(require("../../../assets/rovo-hex-logo"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var sectionHeaderStyles = null;
+var sectionHeaderDividerStyles = null;
+var sectionHeaderRowStyles = null;
+var sectionHeaderLabelStyles = null;
+/**
+ * "Ask Rovo" section header rendered above the prompt action pill buttons in
+ * the rovogrowth-640-inline-action-nudge-exp pill variant.
+ *
+ * Renders a full-width 1px divider followed by a row containing the colourful
+ * Rovo hex logo and the "Ask Rovo" label.
+ */
+var AskRovoSectionHeader = function AskRovoSectionHeader(_ref) {
+  var testId = _ref.testId;
+  var intl = (0, _reactIntl.useIntl)();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: (0, _runtime.ax)(["_zulputpp _1e0c1txw _2lx21bp4 _otyru2gc _18u0v77o _1bsb1osq _1wpz1fhb"])
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "separator",
+    "aria-orientation": "horizontal",
+    className: (0, _runtime.ax)(["_4t3it94y _1bsb1osq _bfhk1l7x"])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _4cvr1h6o _19bv1b66"])
+  }, /*#__PURE__*/React.createElement(_rovoHexLogo.default, null), /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_11c8wadc _syazazsu _k48p1wq8"])
+  }, intl.formatMessage(_messages.messages.rovo_chat_action_section_header))));
+};
+var _default = exports.default = AskRovoSectionHeader;

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.compiled.css

@@ -1,7 +1,10 @@
-._16jlkb7n{flex-grow:1}
+
+._zulp12x7{gap:var(--ds-space-075,6px)}._16jlkb7n{flex-grow:1}
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
 ._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
+._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
 ._2lx21bp4{flex-direction:column}
+._4cvr1y6m{align-items:flex-start}
 ._vchhusvi{box-sizing:border-box}

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.js

@@ -14,12 +14,16 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var Actions = _interopRequireWildcard(require("../../actions"));
 var _actionFooter = require("./action-footer");
+var _askRovoSectionHeader = _interopRequireDefault(require("./ask-rovo-section-header"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ignoreContainerPaddingStyles = null;
+var inlineActionNudgePillWrapperStyles = null;
+var inlineActionNudgeColumnStyles = null;
 var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
   var idxA = DEFAULT_SORT_ORDER.indexOf(a);
@@ -63,6 +67,9 @@ var ActionBlock = function ActionBlock(_ref) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var isRovoChatActionAvailable = ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg')) && isAny3pRovoActionsExperimentOn ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.RovoChatAction]) !== undefined : undefined;
+
+  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+  var isInlineActionNudgeExperiment = (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     message = _useState2[0],
@@ -107,17 +114,35 @@ var ActionBlock = function ActionBlock(_ref) {
         size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
-        style: padding && {
+        style: !(isInlineActionNudgeExperiment && isRovoChatActionAvailable) && padding ? {
           paddingInline: padding
-        },
+        } : undefined,
         hideTooltip: isLoading
       });
     };
     return arr.map(function (name) {
       return renderAction(name);
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
-  return actions ? /*#__PURE__*/React.createElement("div", {
+  }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick, isInlineActionNudgeExperiment]);
+  var showRovoSectionHeader = isInlineActionNudgeExperiment && isRovoChatActionAvailable;
+  if (!actions) {
+    return null;
+  }
+  if (isInlineActionNudgeExperiment && isRovoChatActionAvailable) {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: blockRef,
+      "data-testid": testId,
+      className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _1bsb1osq"])
+    }, showRovoSectionHeader && /*#__PURE__*/React.createElement(_askRovoSectionHeader.default, {
+      testId: testId ? "".concat(testId, "-rovo-section-header") : undefined
+    }), /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _4cvr1y6m"])
+    }, actions), /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
+      message: message,
+      testId: testId
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -126,6 +151,6 @@ var ActionBlock = function ActionBlock(_ref) {
   }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
     message: message,
     testId: testId
-  })) : null;
+  }));
 };
 var _default = exports.default = ActionBlock;

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

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.20",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');