@atlaskit/smart-card 26.70.0 → 26.71.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/smart-card
 
+## 26.71.0
+
+### Minor Changes
+
+-   [#102381](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102381)
+    [`52f7f4ff7d29`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52f7f4ff7d29) -
+    Convert ProductType to expected x-product header for AI Mate
+-   [#102337](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102337)
+    [`cf716582b7d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cf716582b7d5) -
+    Hide action block action tooltips while action block is in a loading state
+
 ## 26.70.0
 
 ### Minor Changes

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -26,7 +26,7 @@ function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r
 var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
   function AISummaryService(props) {
     var _this = this,
-      _props$product;
+      _getXProductHeaderVal;
     (0, _classCallCheck2.default)(this, AISummaryService);
     (0, _defineProperty2.default)(this, "state", {
       content: '',
@@ -85,7 +85,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
       headers: _objectSpread({
         'Content-Type': 'application/json;charset=UTF-8',
         'x-experience-id': 'smart-link',
-        'x-product': ((_props$product = props.product) === null || _props$product === void 0 ? void 0 : _props$product.toLowerCase()) || 'confluence'
+        'x-product': ((_getXProductHeaderVal = (0, _utils.getXProductHeaderValue)(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence'
       }, props.headers)
     };
     this.url = props.url;

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBufferReader = exports.addPath = void 0;
+exports.getXProductHeaderValue = exports.getBufferReader = exports.addPath = void 0;
 var getBufferReader = exports.getBufferReader = function getBufferReader(response) {
   if (!response.body) {
     throw new Error('Response body is empty');
@@ -15,4 +15,34 @@ var addPath = exports.addPath = function addPath(baseUrl, path) {
   var pathWithoutLeadingSlash = !path.startsWith('/') ? path : path.substring(1, path.length);
   var url = [urlWithTrailingSlash, pathWithoutLeadingSlash].join('');
   return url;
+};
+
+/**
+ * Subset of a map of Jira `ProductTypes` to AI Mate expected values
+ * See for more info: https://atlassian.slack.com/archives/C066UP0G0G3/p1716341647677829?thread_ts=1716338063.255939&cid=C066UP0G0G3
+ */
+var AiMateJiraXProduct = {
+  JSM: 'JSM',
+  JSW: 'JIRA-SOFTWARE',
+  JWM: 'JIRA-CORE',
+  JPD: 'JPD'
+};
+/**
+ * Checks if `product` is a Jira related product.
+ */
+var isJiraProduct = function isJiraProduct(product) {
+  var JIRA_PRODUCTS = ['JPD', 'JSM', 'JSW', 'JWM'];
+  return product !== undefined && JIRA_PRODUCTS.includes(product);
+};
+
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+var getXProductHeaderValue = exports.getXProductHeaderValue = function getXProductHeaderValue(product) {
+  if (isJiraProduct(product)) {
+    return AiMateJiraXProduct[product];
+  }
+  return product;
 };

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

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

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

@@ -0,0 +1,87 @@
+"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;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _primitives = require("@atlaskit/primitives");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../utils");
+var _actionIcon = _interopRequireDefault(require("../action-icon"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var buttonStyles = (0, _primitives.xcss)({
+  all: 'unset',
+  cursor: 'pointer',
+  padding: 'space.050',
+  width: '100%',
+  ':focus:not(:focus-visible)': {
+    outline: 'none'
+  },
+  ':focus': {
+    outlineColor: 'color.border.focused',
+    // xcss outlineOffset does not support space.negative.025
+    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
+    outlineOffset: "var(--ds-space-negative-025, -2px)",
+    outlineStyle: 'solid',
+    outlineWidth: 'border.width.outline'
+  },
+  ':hover': {
+    backgroundColor: 'color.background.neutral.subtle.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.subtle.pressed'
+  }
+});
+var contentStyles = (0, _primitives.xcss)({
+  color: 'color.text',
+  // Replace with font token once it becomes stable (currently alpha)
+  // font: 'font.body.small',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '20px'
+});
+var ActionButton = function ActionButton(_ref) {
+  var content = _ref.content,
+    iconOption = _ref.icon,
+    isDisabled = _ref.isDisabled,
+    isLoading = _ref.isLoading,
+    onClickCallback = _ref.onClick,
+    size = _ref.size,
+    spaceOption = _ref.space,
+    testId = _ref.testId,
+    tooltipProps = _ref.tooltipProps,
+    xcss = _ref.xcss;
+  var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : (0, _utils.getPrimitivesInlineSpaceBySize)(size);
+  var onClick = (0, _react.useCallback)(function () {
+    if (!isDisabled && !isLoading && onClickCallback) {
+      onClickCallback();
+    }
+  }, [isDisabled, isLoading, onClickCallback]);
+  var icon = iconOption && isLoading ? /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
+    asStackItemIcon: true,
+    icon: /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      testId: "".concat(testId, "-loading")
+    }),
+    size: size
+  }) : iconOption;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
+    as: "button",
+    xcss: [buttonStyles, xcss]
+  }, tooltipProps, {
+    onClick: onClick,
+    testId: testId
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    alignBlock: "center",
+    grow: "fill",
+    space: space
+  }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: contentStyles
+  }, content)));
+};
+var _default = exports.default = ActionButton;

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

@@ -1,98 +1,34 @@
 "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;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _primitives = require("@atlaskit/primitives");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../../utils");
-var _actionIcon = _interopRequireDefault(require("../action-icon"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var buttonStyles = (0, _primitives.xcss)({
-  all: 'unset',
-  cursor: 'pointer',
-  padding: 'space.050',
-  width: '100%',
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-var contentStyles = (0, _primitives.xcss)({
-  color: 'color.text',
-  // Replace with font token once it becomes stable (currently alpha)
-  // font: 'font.body.small',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '20px'
-});
+var _react = _interopRequireDefault(require("react"));
+var _actionButton = _interopRequireDefault(require("./action-button"));
+var _excluded = ["content", "tooltipMessage", "tooltipOnHide", "hideTooltipOnMouseDown", "hideTooltip"];
 var ActionStackItem = function ActionStackItem(_ref) {
   var content = _ref.content,
-    iconOption = _ref.icon,
-    isDisabled = _ref.isDisabled,
-    isLoading = _ref.isLoading,
-    onClickCallback = _ref.onClick,
-    size = _ref.size,
-    spaceOption = _ref.space,
-    testId = _ref.testId,
     tooltipMessage = _ref.tooltipMessage,
-    xcss = _ref.xcss,
     tooltipOnHide = _ref.tooltipOnHide,
-    hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown;
-  var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : (0, _utils.getPrimitivesInlineSpaceBySize)(size);
-  var onClick = (0, _react.useCallback)(function () {
-    if (!isDisabled && !isLoading && onClickCallback) {
-      onClickCallback();
-    }
-  }, [isDisabled, isLoading, onClickCallback]);
-  var icon = iconOption && isLoading ? /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
-    asStackItemIcon: true,
-    icon: /*#__PURE__*/_react.default.createElement(_spinner.default, {
-      testId: "".concat(testId, "-loading")
-    }),
-    size: size
-  }) : iconOption;
-
-  // Replace Box with Pressable once it becomes stable (currently beta)
-  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown,
+    hideTooltip = _ref.hideTooltip,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return hideTooltip ? /*#__PURE__*/_react.default.createElement(_actionButton.default, (0, _extends2.default)({}, props, {
+    content: content
+  })) : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: tooltipMessage || content,
     onHide: tooltipOnHide,
     hideTooltipOnMouseDown: hideTooltipOnMouseDown
   }, function (tooltipProps) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
-      as: "button",
-      xcss: [buttonStyles, xcss]
-    }, tooltipProps, {
-      onClick: onClick,
-      testId: testId
-    }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-      alignBlock: "center",
-      grow: "fill",
-      space: space
-    }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      xcss: contentStyles
-    }, content)));
+    return /*#__PURE__*/_react.default.createElement(_actionButton.default, (0, _extends2.default)({}, props, {
+      content: content,
+      tooltipProps: tooltipProps
+    }));
   });
 };
 var _default = exports.default = ActionStackItem;

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

@@ -36,6 +36,7 @@ var Action = function Action(_ref) {
     spaceInline = _ref.spaceInline,
     tooltipMessage = _ref.tooltipMessage,
     tooltipOnHide = _ref.tooltipOnHide,
+    hideTooltip = _ref.hideTooltip,
     hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown,
     xcss = _ref.xcss,
     asDropDownItem = _ref.asDropDownItem,
@@ -71,7 +72,8 @@ var Action = function Action(_ref) {
       tooltipMessage: tooltipMessage || content,
       xcss: xcss,
       tooltipOnHide: tooltipOnHide,
-      hideTooltipOnMouseDown: hideTooltipOnMouseDown
+      hideTooltipOnMouseDown: hideTooltipOnMouseDown,
+      hideTooltip: hideTooltip
     });
   }
   if (isDropdownItem) {

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,20 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AISummaryActionComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _useAiSummary = require("../../../../../state/hooks/use-ai-summary");
 var _copySummaryAction = require("./copy-summary-action");
 var _aiSummariseAction = require("./ai-summarise-action");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var AISummaryActionComponent = exports.AISummaryActionComponent = function AISummaryActionComponent(props) {
   var url = props.url,
     ari = props.ari,
     product = props.product,
+    onLoadingChange = props.onLoadingChange,
     _props$testId = props.testId,
     testId = _props$testId === void 0 ? 'smart-action-ai-summary-action' : _props$testId;
   var _useAISummary = (0, _useAiSummary.useAISummary)({
@@ -26,6 +30,9 @@ var AISummaryActionComponent = exports.AISummaryActionComponent = function AISum
     status = _useAISummary$state.status,
     content = _useAISummary$state.content,
     summariseUrl = _useAISummary.summariseUrl;
+  (0, _react.useEffect)(function () {
+    onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
+  }, [onLoadingChange, status]);
   return status === 'done' ? /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryAction, (0, _extends2.default)({}, props, {
     testId: testId,
     content: content

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

@@ -56,6 +56,13 @@ var ActionBlock = function ActionBlock(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     message = _useState2[0],
     setMessage = _useState2[1];
+  var _useState3 = (0, _react2.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var onLoadingChange = (0, _react2.useCallback)(function (isLoading) {
+    setIsLoading(isLoading);
+  }, [setIsLoading]);
   var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? (0, _utils.getPrimitivesPaddingSpaceBySize)((ui === null || ui === void 0 ? void 0 : ui.size) || _constants.SmartLinkSize.Medium) : undefined;
   var _onClick = (0, _react2.useCallback)(function (name) {
     setMessage(undefined);
@@ -80,13 +87,15 @@ var ActionBlock = function ActionBlock(_ref) {
           return _onClick(name);
         },
         onError: onError,
+        onLoadingChange: onLoadingChange,
         size: size,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding
-        })
+        }),
+        hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
   return actions ? (0, _react.jsx)("div", {
     css: ignoreContainerPaddingStyles,
     ref: blockRef,

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

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

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -1,13 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import uuid from 'uuid';
 import { errorMessages } from './types';
-import { addPath } from './utils';
+import { addPath, getXProductHeaderValue } from './utils';
 import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export class AISummaryService {
   constructor(props) {
-    var _props$product;
+    var _getXProductHeaderVal;
     _defineProperty(this, "state", {
       content: '',
       status: 'ready'
@@ -52,7 +52,7 @@ export class AISummaryService {
       headers: {
         'Content-Type': 'application/json;charset=UTF-8',
         'x-experience-id': 'smart-link',
-        'x-product': ((_props$product = props.product) === null || _props$product === void 0 ? void 0 : _props$product.toLowerCase()) || 'confluence',
+        'x-product': ((_getXProductHeaderVal = getXProductHeaderValue(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence',
         ...props.headers
       }
     };

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/utils.js

@@ -9,4 +9,34 @@ export const addPath = (baseUrl, path) => {
   const pathWithoutLeadingSlash = !path.startsWith('/') ? path : path.substring(1, path.length);
   const url = [urlWithTrailingSlash, pathWithoutLeadingSlash].join('');
   return url;
+};
+
+/**
+ * Subset of a map of Jira `ProductTypes` to AI Mate expected values
+ * See for more info: https://atlassian.slack.com/archives/C066UP0G0G3/p1716341647677829?thread_ts=1716338063.255939&cid=C066UP0G0G3
+ */
+const AiMateJiraXProduct = {
+  JSM: 'JSM',
+  JSW: 'JIRA-SOFTWARE',
+  JWM: 'JIRA-CORE',
+  JPD: 'JPD'
+};
+/**
+ * Checks if `product` is a Jira related product.
+ */
+const isJiraProduct = product => {
+  const JIRA_PRODUCTS = ['JPD', 'JSM', 'JSW', 'JWM'];
+  return product !== undefined && JIRA_PRODUCTS.includes(product);
+};
+
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+export const getXProductHeaderValue = product => {
+  if (isJiraProduct(product)) {
+    return AiMateJiraXProduct[product];
+  }
+  return product;
 };

package/dist/es2019/utils/analytics/analytics.js

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

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

@@ -0,0 +1,79 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { xcss } from '@atlaskit/primitives';
+import { Box, Inline } from '@atlaskit/primitives';
+import Spinner from '@atlaskit/spinner';
+import React, { useCallback } from 'react';
+import { getPrimitivesInlineSpaceBySize } from '../../../utils';
+import ActionIcon from '../action-icon';
+const buttonStyles = xcss({
+  all: 'unset',
+  cursor: 'pointer',
+  padding: 'space.050',
+  width: '100%',
+  ':focus:not(:focus-visible)': {
+    outline: 'none'
+  },
+  ':focus': {
+    outlineColor: 'color.border.focused',
+    // xcss outlineOffset does not support space.negative.025
+    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
+    outlineOffset: "var(--ds-space-negative-025, -2px)",
+    outlineStyle: 'solid',
+    outlineWidth: 'border.width.outline'
+  },
+  ':hover': {
+    backgroundColor: 'color.background.neutral.subtle.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.subtle.pressed'
+  }
+});
+const contentStyles = xcss({
+  color: 'color.text',
+  // Replace with font token once it becomes stable (currently alpha)
+  // font: 'font.body.small',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '20px'
+});
+const ActionButton = ({
+  content,
+  icon: iconOption,
+  isDisabled,
+  isLoading,
+  onClick: onClickCallback,
+  size,
+  space: spaceOption,
+  testId,
+  tooltipProps,
+  xcss
+}) => {
+  const space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
+  const onClick = useCallback(() => {
+    if (!isDisabled && !isLoading && onClickCallback) {
+      onClickCallback();
+    }
+  }, [isDisabled, isLoading, onClickCallback]);
+  const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
+    asStackItemIcon: true,
+    icon: /*#__PURE__*/React.createElement(Spinner, {
+      testId: `${testId}-loading`
+    }),
+    size: size
+  }) : iconOption;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: "button",
+    xcss: [buttonStyles, xcss]
+  }, tooltipProps, {
+    onClick: onClick,
+    testId: testId
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    grow: "fill",
+    space: space
+  }, icon, /*#__PURE__*/React.createElement(Box, {
+    xcss: contentStyles
+  }, content)));
+};
+export default ActionButton;

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -1,87 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
 import Tooltip from '@atlaskit/tooltip';
-import React, { useCallback } from 'react';
-import { getPrimitivesInlineSpaceBySize } from '../../../utils';
-import ActionIcon from '../action-icon';
-const buttonStyles = xcss({
-  all: 'unset',
-  cursor: 'pointer',
-  padding: 'space.050',
-  width: '100%',
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-const contentStyles = xcss({
-  color: 'color.text',
-  // Replace with font token once it becomes stable (currently alpha)
-  // font: 'font.body.small',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '20px'
-});
+import React from 'react';
+import ActionButton from './action-button';
 const ActionStackItem = ({
   content,
-  icon: iconOption,
-  isDisabled,
-  isLoading,
-  onClick: onClickCallback,
-  size,
-  space: spaceOption,
-  testId,
   tooltipMessage,
-  xcss,
   tooltipOnHide,
-  hideTooltipOnMouseDown
-}) => {
-  const space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
-  const onClick = useCallback(() => {
-    if (!isDisabled && !isLoading && onClickCallback) {
-      onClickCallback();
-    }
-  }, [isDisabled, isLoading, onClickCallback]);
-  const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
-    asStackItemIcon: true,
-    icon: /*#__PURE__*/React.createElement(Spinner, {
-      testId: `${testId}-loading`
-    }),
-    size: size
-  }) : iconOption;
-
-  // Replace Box with Pressable once it becomes stable (currently beta)
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipMessage || content,
-    onHide: tooltipOnHide,
-    hideTooltipOnMouseDown: hideTooltipOnMouseDown
-  }, tooltipProps => /*#__PURE__*/React.createElement(Box, _extends({
-    as: "button",
-    xcss: [buttonStyles, xcss]
-  }, tooltipProps, {
-    onClick: onClick,
-    testId: testId
-  }), /*#__PURE__*/React.createElement(Inline, {
-    alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/React.createElement(Box, {
-    xcss: contentStyles
-  }, content))));
-};
+  hideTooltipOnMouseDown,
+  hideTooltip,
+  ...props
+}) => hideTooltip ? /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+  content: content
+})) : /*#__PURE__*/React.createElement(Tooltip, {
+  content: tooltipMessage || content,
+  onHide: tooltipOnHide,
+  hideTooltipOnMouseDown: hideTooltipOnMouseDown
+}, tooltipProps => /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+  content: content,
+  tooltipProps: tooltipProps
+})));
 export default ActionStackItem;

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

@@ -25,6 +25,7 @@ const Action = ({
   spaceInline,
   tooltipMessage,
   tooltipOnHide,
+  hideTooltip,
   hideTooltipOnMouseDown,
   xcss,
   asDropDownItem,
@@ -61,7 +62,8 @@ const Action = ({
       tooltipMessage: tooltipMessage || content,
       xcss: xcss,
       tooltipOnHide: tooltipOnHide,
-      hideTooltipOnMouseDown: hideTooltipOnMouseDown
+      hideTooltipOnMouseDown: hideTooltipOnMouseDown,
+      hideTooltip: hideTooltip
     });
   }
   if (isDropdownItem) {

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
 import { di } from 'react-magnetic-di';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
 import { CopySummaryAction } from './copy-summary-action';
@@ -9,6 +9,7 @@ export const AISummaryActionComponent = props => {
     url,
     ari,
     product,
+    onLoadingChange,
     testId = 'smart-action-ai-summary-action'
   } = props;
   const {
@@ -22,6 +23,9 @@ export const AISummaryActionComponent = props => {
     ari,
     product
   });
+  useEffect(() => {
+    onLoadingChange === null || onLoadingChange === void 0 ? void 0 : onLoadingChange(status === 'loading');
+  }, [onLoadingChange, status]);
   return status === 'done' ? /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
     testId: testId,
     content: content

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

@@ -41,6 +41,10 @@ const ActionBlock = ({
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
   const [message, setMessage] = useState();
+  const [isLoading, setIsLoading] = useState(false);
+  const onLoadingChange = useCallback(isLoading => {
+    setIsLoading(isLoading);
+  }, [setIsLoading]);
   const padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
   const onClick = useCallback(name => {
     setMessage(undefined);
@@ -63,13 +67,15 @@ const ActionBlock = ({
         key: name,
         onClick: () => onClick(name),
         onError: onError,
+        onLoadingChange: onLoadingChange,
         size: size,
         xcss: xcss({
           paddingInline: padding
-        })
+        }),
+        hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onClick, onError, padding, size, spaceInline]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
   return actions ? jsx("div", {
     css: ignoreContainerPaddingStyles,
     ref: blockRef,

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.70.0",
+  packageVersion: "26.71.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -12,14 +12,14 @@ function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symb
 function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(r) { var n = this.s.return; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, throw: function _throw(r) { var n = this.s.return; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
 import uuid from 'uuid';
 import { errorMessages } from './types';
-import { addPath } from './utils';
+import { addPath, getXProductHeaderValue } from './utils';
 import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var AISummaryService = /*#__PURE__*/function () {
   function AISummaryService(props) {
     var _this = this,
-      _props$product;
+      _getXProductHeaderVal;
     _classCallCheck(this, AISummaryService);
     _defineProperty(this, "state", {
       content: '',
@@ -78,7 +78,7 @@ export var AISummaryService = /*#__PURE__*/function () {
       headers: _objectSpread({
         'Content-Type': 'application/json;charset=UTF-8',
         'x-experience-id': 'smart-link',
-        'x-product': ((_props$product = props.product) === null || _props$product === void 0 ? void 0 : _props$product.toLowerCase()) || 'confluence'
+        'x-product': ((_getXProductHeaderVal = getXProductHeaderValue(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence'
       }, props.headers)
     };
     this.url = props.url;

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/utils.js

@@ -9,4 +9,34 @@ export var addPath = function addPath(baseUrl, path) {
   var pathWithoutLeadingSlash = !path.startsWith('/') ? path : path.substring(1, path.length);
   var url = [urlWithTrailingSlash, pathWithoutLeadingSlash].join('');
   return url;
+};
+
+/**
+ * Subset of a map of Jira `ProductTypes` to AI Mate expected values
+ * See for more info: https://atlassian.slack.com/archives/C066UP0G0G3/p1716341647677829?thread_ts=1716338063.255939&cid=C066UP0G0G3
+ */
+var AiMateJiraXProduct = {
+  JSM: 'JSM',
+  JSW: 'JIRA-SOFTWARE',
+  JWM: 'JIRA-CORE',
+  JPD: 'JPD'
+};
+/**
+ * Checks if `product` is a Jira related product.
+ */
+var isJiraProduct = function isJiraProduct(product) {
+  var JIRA_PRODUCTS = ['JPD', 'JSM', 'JSW', 'JWM'];
+  return product !== undefined && JIRA_PRODUCTS.includes(product);
+};
+
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+export var getXProductHeaderValue = function getXProductHeaderValue(product) {
+  if (isJiraProduct(product)) {
+    return AiMateJiraXProduct[product];
+  }
+  return product;
 };

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

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

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

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { xcss } from '@atlaskit/primitives';
+import { Box, Inline } from '@atlaskit/primitives';
+import Spinner from '@atlaskit/spinner';
+import React, { useCallback } from 'react';
+import { getPrimitivesInlineSpaceBySize } from '../../../utils';
+import ActionIcon from '../action-icon';
+var buttonStyles = xcss({
+  all: 'unset',
+  cursor: 'pointer',
+  padding: 'space.050',
+  width: '100%',
+  ':focus:not(:focus-visible)': {
+    outline: 'none'
+  },
+  ':focus': {
+    outlineColor: 'color.border.focused',
+    // xcss outlineOffset does not support space.negative.025
+    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
+    outlineOffset: "var(--ds-space-negative-025, -2px)",
+    outlineStyle: 'solid',
+    outlineWidth: 'border.width.outline'
+  },
+  ':hover': {
+    backgroundColor: 'color.background.neutral.subtle.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.subtle.pressed'
+  }
+});
+var contentStyles = xcss({
+  color: 'color.text',
+  // Replace with font token once it becomes stable (currently alpha)
+  // font: 'font.body.small',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '20px'
+});
+var ActionButton = function ActionButton(_ref) {
+  var content = _ref.content,
+    iconOption = _ref.icon,
+    isDisabled = _ref.isDisabled,
+    isLoading = _ref.isLoading,
+    onClickCallback = _ref.onClick,
+    size = _ref.size,
+    spaceOption = _ref.space,
+    testId = _ref.testId,
+    tooltipProps = _ref.tooltipProps,
+    xcss = _ref.xcss;
+  var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
+  var onClick = useCallback(function () {
+    if (!isDisabled && !isLoading && onClickCallback) {
+      onClickCallback();
+    }
+  }, [isDisabled, isLoading, onClickCallback]);
+  var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
+    asStackItemIcon: true,
+    icon: /*#__PURE__*/React.createElement(Spinner, {
+      testId: "".concat(testId, "-loading")
+    }),
+    size: size
+  }) : iconOption;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: "button",
+    xcss: [buttonStyles, xcss]
+  }, tooltipProps, {
+    onClick: onClick,
+    testId: testId
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    grow: "fill",
+    space: space
+  }, icon, /*#__PURE__*/React.createElement(Box, {
+    xcss: contentStyles
+  }, content)));
+};
+export default ActionButton;

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -1,88 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["content", "tooltipMessage", "tooltipOnHide", "hideTooltipOnMouseDown", "hideTooltip"];
 import Tooltip from '@atlaskit/tooltip';
-import React, { useCallback } from 'react';
-import { getPrimitivesInlineSpaceBySize } from '../../../utils';
-import ActionIcon from '../action-icon';
-var buttonStyles = xcss({
-  all: 'unset',
-  cursor: 'pointer',
-  padding: 'space.050',
-  width: '100%',
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-var contentStyles = xcss({
-  color: 'color.text',
-  // Replace with font token once it becomes stable (currently alpha)
-  // font: 'font.body.small',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '20px'
-});
+import React from 'react';
+import ActionButton from './action-button';
 var ActionStackItem = function ActionStackItem(_ref) {
   var content = _ref.content,
-    iconOption = _ref.icon,
-    isDisabled = _ref.isDisabled,
-    isLoading = _ref.isLoading,
-    onClickCallback = _ref.onClick,
-    size = _ref.size,
-    spaceOption = _ref.space,
-    testId = _ref.testId,
     tooltipMessage = _ref.tooltipMessage,
-    xcss = _ref.xcss,
     tooltipOnHide = _ref.tooltipOnHide,
-    hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown;
-  var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
-  var onClick = useCallback(function () {
-    if (!isDisabled && !isLoading && onClickCallback) {
-      onClickCallback();
-    }
-  }, [isDisabled, isLoading, onClickCallback]);
-  var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
-    asStackItemIcon: true,
-    icon: /*#__PURE__*/React.createElement(Spinner, {
-      testId: "".concat(testId, "-loading")
-    }),
-    size: size
-  }) : iconOption;
-
-  // Replace Box with Pressable once it becomes stable (currently beta)
-  return /*#__PURE__*/React.createElement(Tooltip, {
+    hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown,
+    hideTooltip = _ref.hideTooltip,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return hideTooltip ? /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+    content: content
+  })) : /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipMessage || content,
     onHide: tooltipOnHide,
     hideTooltipOnMouseDown: hideTooltipOnMouseDown
   }, function (tooltipProps) {
-    return /*#__PURE__*/React.createElement(Box, _extends({
-      as: "button",
-      xcss: [buttonStyles, xcss]
-    }, tooltipProps, {
-      onClick: onClick,
-      testId: testId
-    }), /*#__PURE__*/React.createElement(Inline, {
-      alignBlock: "center",
-      grow: "fill",
-      space: space
-    }, icon, /*#__PURE__*/React.createElement(Box, {
-      xcss: contentStyles
-    }, content)));
+    return /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+      content: content,
+      tooltipProps: tooltipProps
+    }));
   });
 };
 export default ActionStackItem;

package/dist/esm/view/FlexibleCard/components/actions/action/index.js

@@ -30,6 +30,7 @@ var Action = function Action(_ref) {
     spaceInline = _ref.spaceInline,
     tooltipMessage = _ref.tooltipMessage,
     tooltipOnHide = _ref.tooltipOnHide,
+    hideTooltip = _ref.hideTooltip,
     hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown,
     xcss = _ref.xcss,
     asDropDownItem = _ref.asDropDownItem,
@@ -65,7 +66,8 @@ var Action = function Action(_ref) {
       tooltipMessage: tooltipMessage || content,
       xcss: xcss,
       tooltipOnHide: tooltipOnHide,
-      hideTooltipOnMouseDown: hideTooltipOnMouseDown
+      hideTooltipOnMouseDown: hideTooltipOnMouseDown,
+      hideTooltip: hideTooltip
     });
   }
   if (isDropdownItem) {

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
 import { di } from 'react-magnetic-di';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
 import { CopySummaryAction } from './copy-summary-action';
@@ -8,6 +8,7 @@ export var AISummaryActionComponent = function AISummaryActionComponent(props) {
   var url = props.url,
     ari = props.ari,
     product = props.product,
+    onLoadingChange = props.onLoadingChange,
     _props$testId = props.testId,
     testId = _props$testId === void 0 ? 'smart-action-ai-summary-action' : _props$testId;
   var _useAISummary = useAISummary({
@@ -19,6 +20,9 @@ export var AISummaryActionComponent = function AISummaryActionComponent(props) {
     status = _useAISummary$state.status,
     content = _useAISummary$state.content,
     summariseUrl = _useAISummary.summariseUrl;
+  useEffect(function () {
+    onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
+  }, [onLoadingChange, status]);
   return status === 'done' ? /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
     testId: testId,
     content: content

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

@@ -45,6 +45,13 @@ var ActionBlock = function ActionBlock(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     message = _useState2[0],
     setMessage = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var onLoadingChange = useCallback(function (isLoading) {
+    setIsLoading(isLoading);
+  }, [setIsLoading]);
   var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
   var _onClick = useCallback(function (name) {
     setMessage(undefined);
@@ -69,13 +76,15 @@ var ActionBlock = function ActionBlock(_ref) {
           return _onClick(name);
         },
         onError: onError,
+        onLoadingChange: onLoadingChange,
         size: size,
         xcss: xcss({
           paddingInline: padding
-        })
+        }),
+        hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
   return actions ? jsx("div", {
     css: ignoreContainerPaddingStyles,
     ref: blockRef,

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.70.0",
+  packageVersion: "26.71.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/utils.d.ts

@@ -1,2 +1,9 @@
+import { type ProductType } from '@atlaskit/linking-common';
 export declare const getBufferReader: (response: Response) => ReadableStreamDefaultReader<string>;
 export declare const addPath: (baseUrl: string, path: string) => string;
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+export declare const getXProductHeaderValue: (product: ProductType | undefined) => "CONFLUENCE" | "ATLAS" | "BITBUCKET" | "TRELLO" | "JSM" | "JPD" | "ELEVATE" | "JIRA-SOFTWARE" | "JIRA-CORE" | undefined;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+import type { TriggerProps } from '@atlaskit/tooltip';
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, xcss, }: import("../types").ActionProps & {
+    size: import("../../../../../..").SmartLinkSize;
+    space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
+    tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
+    hideTooltipOnMouseDown?: boolean | undefined;
+} & {
+    tooltipProps?: TriggerProps | undefined;
+}) => JSX.Element;
+export default ActionButton;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
-import { type ActionStackItemProps } from './types';
-declare const ActionStackItem: FC<ActionStackItemProps>;
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+declare const ActionStackItem: ({ content, tooltipMessage, tooltipOnHide, hideTooltipOnMouseDown, hideTooltip, ...props }: ActionStackItemProps) => JSX.Element;
 export default ActionStackItem;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/types.d.ts

@@ -1,13 +1,10 @@
-import type { Space, XCSS } from '@atlaskit/primitives';
+import type { Space } from '@atlaskit/primitives';
 import type { SmartLinkSize } from '../../../../../../constants';
 import type { ActionProps } from '../types';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type ActionStackItemProps = ActionProps & {
-    isLoading?: boolean;
     size: SmartLinkSize;
-    isDisabled?: boolean;
     space?: Space;
-    xcss?: XCSS;
     tooltipOnHide?: (analyticsEvent: UIAnalyticsEvent) => any;
     hideTooltipOnMouseDown?: boolean;
 };

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -60,6 +60,10 @@ export type ActionProps = {
      * Determines the hideTooltipOnMouseDown behaviour of the Tooltip
      */
     hideTooltipOnMouseDown?: boolean;
+    /**
+     * Determines if the tooltip should be hidden
+     */
+    hideTooltip?: boolean;
     /**
      * @deprecated Use 'as' instead
      * Used to determine whether the Action is in a Dropdown.
@@ -102,4 +106,5 @@ export type ActionProps = {
      * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
      */
     wrapper?: React.ElementType;
+    onLoadingChange?: (isLoading: boolean) => void;
 };

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/utils.d.ts

@@ -1,2 +1,9 @@
+import { type ProductType } from '@atlaskit/linking-common';
 export declare const getBufferReader: (response: Response) => ReadableStreamDefaultReader<string>;
 export declare const addPath: (baseUrl: string, path: string) => string;
+/**
+ * Converts a `ProductType` to the expected `x-product` header value for AI Mate.
+ *
+ * @see https://developer.atlassian.com/platform/assistance-service/security/entitlements/#approach
+ */
+export declare const getXProductHeaderValue: (product: ProductType | undefined) => "CONFLUENCE" | "ATLAS" | "BITBUCKET" | "TRELLO" | "JSM" | "JPD" | "ELEVATE" | "JIRA-SOFTWARE" | "JIRA-CORE" | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+import type { TriggerProps } from '@atlaskit/tooltip';
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, xcss, }: import("../types").ActionProps & {
+    size: import("../../../../../..").SmartLinkSize;
+    space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
+    tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
+    hideTooltipOnMouseDown?: boolean | undefined;
+} & {
+    tooltipProps?: TriggerProps | undefined;
+}) => JSX.Element;
+export default ActionButton;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
-import { type ActionStackItemProps } from './types';
-declare const ActionStackItem: FC<ActionStackItemProps>;
+/// <reference types="react" />
+import type { ActionStackItemProps } from './types';
+declare const ActionStackItem: ({ content, tooltipMessage, tooltipOnHide, hideTooltipOnMouseDown, hideTooltip, ...props }: ActionStackItemProps) => JSX.Element;
 export default ActionStackItem;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/types.d.ts

@@ -1,13 +1,10 @@
-import type { Space, XCSS } from '@atlaskit/primitives';
+import type { Space } from '@atlaskit/primitives';
 import type { SmartLinkSize } from '../../../../../../constants';
 import type { ActionProps } from '../types';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type ActionStackItemProps = ActionProps & {
-    isLoading?: boolean;
     size: SmartLinkSize;
-    isDisabled?: boolean;
     space?: Space;
-    xcss?: XCSS;
     tooltipOnHide?: (analyticsEvent: UIAnalyticsEvent) => any;
     hideTooltipOnMouseDown?: boolean;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/types.d.ts

@@ -60,6 +60,10 @@ export type ActionProps = {
      * Determines the hideTooltipOnMouseDown behaviour of the Tooltip
      */
     hideTooltipOnMouseDown?: boolean;
+    /**
+     * Determines if the tooltip should be hidden
+     */
+    hideTooltip?: boolean;
     /**
      * @deprecated Use 'as' instead
      * Used to determine whether the Action is in a Dropdown.
@@ -102,4 +106,5 @@ export type ActionProps = {
      * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
      */
     wrapper?: React.ElementType;
+    onLoadingChange?: (isLoading: boolean) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.70.0",
+  "version": "26.71.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"