@atlaskit/smart-card 44.3.21 → 44.3.22

package/dist/cjs/messages.js

@@ -1006,5 +1006,25 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     id: 'fabric.linking.rovo_prompt_message_find_open_questions.non-final',
     defaultMessage: '<p>Look at this <a>{url}</a> and list any open questions, unresolved decisions, or asks that still need follow‑up. Group them by owner if possible and keep it concise.</p>',
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
+  },
+  rovo_chat_action_section_header: {
+    id: 'fabric.linking.rovo_chat_action_section_header.non-final',
+    defaultMessage: 'Ask Rovo',
+    description: 'Heading shown above the Rovo prompt action buttons in the smart link hover card, alongside the Rovo logo, to introduce the AI prompt suggestions.'
+  },
+  rovo_prompt_button_summarize_this: {
+    id: 'fabric.linking.rovo_prompt_button_summarize_this.non-final',
+    defaultMessage: 'Summarize this for me',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_ask_a_specific_question: {
+    id: 'fabric.linking.rovo_prompt_button_ask_a_specific_question.non-final',
+    defaultMessage: 'Ask a specific question',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_show_me_whats_relevant: {
+    id: 'fabric.linking.rovo_prompt_button_show_me_whats_relevant.non-final',
+    defaultMessage: "Show me what's relevant",
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
   }
 });

package/dist/cjs/state/hooks/use-rovo-chat/index.js

@@ -35,7 +35,7 @@ var useRovoChat = function useRovoChat() {
           agentId: undefined
         }),
         openChat: true,
-        openChatMode: product && jiraProducts.includes(product) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_jira_kill_switch') ? 'mini-modal' : 'sidebar'
+        openChatMode: product && jiraProducts.includes(product) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_jira_kill_switch') || (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') ? 'mini-modal' : 'sidebar'
       },
       onAcknowledgeTimeout: function onAcknowledgeTimeout() {
         // NAVX-3599: Add analytics event

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.3.20" || ''
+  packageVersion: "0.0.0-development" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/assets/rovo-hex-logo.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["width", "height"];
+var RovoHexLogo = function RovoHexLogo(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 16 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 16 : _ref$height,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.32082 0.180234C7.74137 -0.0600783 8.25764 -0.0600779 8.67819 0.180234L14.4919 3.50235C14.9181 3.7459 15.1811 4.19916 15.1811 4.69005V11.31C15.1811 11.8008 14.9181 12.2541 14.4919 12.4976L8.67819 15.8198C8.25764 16.0601 7.74137 16.0601 7.32082 15.8198L1.50712 12.4976C1.08091 12.2541 0.817871 11.8008 0.817871 11.31V4.69005C0.817871 4.19916 1.08091 3.7459 1.50712 3.50235L7.32082 0.180234Z",
+    fill: "#BF63F3"
+  }), /*#__PURE__*/_react.default.createElement("mask", {
+    id: "rovo-hex-logo-mask"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.32131 0.180234C7.74186 -0.0600783 8.25813 -0.0600779 8.67868 0.180234L14.4924 3.50235C14.9186 3.7459 15.1816 4.19916 15.1816 4.69005V11.31C15.1816 11.8008 14.9186 12.2541 14.4924 12.4976L8.67868 15.8198C8.25813 16.0601 7.74186 16.0601 7.32131 15.8198L1.50761 12.4976C1.08139 12.2541 0.818359 11.8008 0.818359 11.31V4.69005C0.818359 4.19916 1.08139 3.7459 1.50761 3.50235L7.32131 0.180234Z",
+    fill: "#BF63F3"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    mask: "url(#rovo-hex-logo-mask)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M1.55034 23.7263C2.51722 21.8759 3.92904 20.4254 5.78825 19.4378C7.64746 18.4502 9.80649 18.0272 11.9924 18.2787L0.232859 -3.40716C-1.71715 -3.05431 -3.61315 -2.40324 -5.43793 -1.43392C-7.26271 -0.464597 -8.83182 0.695804 -10.1944 2.06176L1.55525 23.7295L1.55034 23.7263Z",
+    fill: "#82B536"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.32996 10.6048C5.08544 11.9472 2.60753 14.1646 2.50661 17.2335C2.50661 17.2335 2.50834 17.2492 2.5067 17.2569C2.50006 17.4849 2.50431 17.7155 2.52528 17.9508C2.52613 17.9528 2.52697 17.9548 2.52782 17.9568C2.54755 18.195 2.58193 18.4389 2.63013 18.6865C2.64247 18.7448 2.66068 18.8053 2.67303 18.8635C2.71727 19.0611 2.76151 19.2587 2.82541 19.4622C2.91006 19.7323 3.0085 20.006 3.12662 20.2856C3.34515 20.803 3.60149 21.2648 3.87811 21.6759C4.24638 22.2229 4.65025 22.6799 5.05256 23.0579C5.15366 23.1522 5.25307 23.2424 5.35496 23.327C5.82852 23.6473 6.52024 24.0721 7.67929 24.611C8.43636 24.9641 9.39801 25.3664 10.6295 25.8214C11.6142 24.3227 13.4162 23.1571 15.1026 21.8515C16.434 20.8196 17.6899 19.7016 18.4057 18.2626C19.0622 16.9444 19.0793 15.3018 18.3596 13.5979C16.5583 9.33325 12.571 8.84764 8.33329 10.6011L8.32996 10.6048Z",
+    fill: "#FCA700"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15.5504 -10.1487L-3.75363 -6.70421C-3.75363 -6.70421 -1.76588 2.02941 -6.08056 9.9801C-5.48977 10.025 -4.8921 10.052 -4.28777 10.0436C6.82615 9.88862 15.707 0.847682 15.5504 -10.1523L15.5504 -10.1487Z",
+    fill: "#1868DB"
+  })), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.56286 3.61843C7.87582 3.44569 8.2578 3.44886 8.56822 3.62795L11.5883 5.37155C11.9043 5.5539 12.1 5.89221 12.1 6.25667V9.74392C12.1 10.1098 11.9055 10.4466 11.5885 10.6289L9.31833 11.9396C9.3233 11.9256 9.32804 11.9115 9.33255 11.8974C9.37469 11.7667 9.39702 11.6287 9.39702 11.4875V8.00029C9.39702 7.52122 9.14221 7.07944 8.7266 6.84045L7.03432 5.86386V4.51304C7.03432 4.4066 7.05078 4.30262 7.08192 4.20419C7.15847 3.96597 7.3213 3.75973 7.54405 3.63099L7.54473 3.6306C7.55112 3.62692 7.55719 3.62283 7.56286 3.61843Z",
+    fill: "white"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6.79433 4.06439L4.52416 5.37506C4.20715 5.55732 4.0127 5.89413 4.0127 6.26003V9.74729C4.0127 10.1117 4.20829 10.45 4.52436 10.6324L7.54444 12.376C7.85486 12.5551 8.23686 12.5583 8.5498 12.3855C8.55547 12.3811 8.5615 12.3771 8.56789 12.3734C8.79089 12.2447 8.95396 12.0384 9.03064 11.8001C9.06185 11.7016 9.07834 11.5975 9.07834 11.4909V10.1401L7.38617 9.16356C6.97063 8.92455 6.71564 8.48268 6.71564 8.00366V4.5164C6.71564 4.37548 6.73791 4.2376 6.77994 4.1071C6.7845 4.09277 6.7893 4.07853 6.79433 4.06439Z",
+    fill: "white"
+  }));
+};
+RovoHexLogo.displayName = 'RovoHexLogo';
+var _default = exports.default = RovoHexLogo;

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,16 +1,27 @@
 ._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)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._1dqonqa1{border-style:solid}
+._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bah1h6o{justify-content:center}
+._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1osq{width:100%}
 ._1bsb1tcg{width:24px}
 ._1e0c116y{display:inline-flex}
+._1o9zidpf{flex-shrink:0}
 ._4cvr1h6o{align-items:center}
 ._4t3i1tcg{height:24px}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._kqswh2mm{position:relative}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._o5721q9c{white-space:nowrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
+._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -17,15 +17,21 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _constants = require("../../../../../../constants");
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _utils = require("../../../utils");
 var _actionIcon = _interopRequireDefault(require("../action-icon"));
 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 styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
+  pillButton: "_2rko1qi0 _189ee4h9 _1dqonqa1 _1h6d1l7x _kqswh2mm _bfhksm61 _u5f3u2gc _19bvv77o _1bsb1ns9 _1ah31i6y _4cvx1v1w _irr31dpa _1di6fcek",
   content: "_11c8wadc _syazi7uo",
+  pillContent: "_11c8wadc _syazi7uo _o5721q9c",
   spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
 };
+var pillIconWrapperStyles = null;
 var ActionButton = function ActionButton(_ref) {
+  var _flexibleUiContext$ac;
   var content = _ref.content,
     iconOption = _ref.icon,
     isDisabled = _ref.isDisabled,
@@ -48,6 +54,17 @@ var ActionButton = function ActionButton(_ref) {
   (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ||
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
   (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
+
+  /**
+   * NOTE: We only apply the pill variant when there's text label
+   * (textual `content`). Icon-only stack-item buttons (e.g. the link/expand
+   * icons in the hover card footer) are also rendered with `as="stack-item"`
+   * but pass `content=""` and should keep their original borderless styling.
+   */
+  var hasTextualContent = typeof content === 'string' ? content.trim().length > 0 : Boolean(content);
+  var flexibleUiContext = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var isInRovoActionStack = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[_constants.ActionName.RovoChatAction]);
+  var isInlineActionNudgeExperiment = hasTextualContent && isInRovoActionStack && (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(_actionIcon.default, {
     icon: is3pExperimentEnabled ? /*#__PURE__*/React.createElement(_compiled.Box, {
       xcss: styles.spinner
@@ -59,7 +76,7 @@ var ActionButton = function ActionButton(_ref) {
     })
   }) : iconOption;
   return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
-    xcss: (0, _css.cx)(styles.button)
+    xcss: (0, _css.cx)(isInlineActionNudgeExperiment ? styles.pillButton : styles.button)
   }, tooltipProps, {
     onClick: onClick,
     testId: testId
@@ -70,10 +87,12 @@ var ActionButton = function ActionButton(_ref) {
     'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.content)
+    grow: isInlineActionNudgeExperiment ? 'hug' : 'fill',
+    space: isInlineActionNudgeExperiment ? 'space.050' : space
+  }, isInlineActionNudgeExperiment ? /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c116y _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _1o9zidpf"])
+  }, icon) : icon, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(isInlineActionNudgeExperiment ? styles.pillContent : styles.content)
   }, content)));
 };
 var _default = exports.default = ActionButton;