@atlaskit/smart-card 26.70.0 → 26.72.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/smart-card
 
+## 26.72.0
+
+### Minor Changes
+
+-   [#103201](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103201)
+    [`7cb62c61f30e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cb62c61f30e) -
+    [ux] Added a new `icon` prop to override the icon rendered in the smart card TitleBlock
+    component.
+
+## 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.72.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/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -15,7 +15,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 var actionStyles = (0, _react2.css)({
   cursor: 'pointer',
@@ -50,6 +50,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = retry || {},
@@ -62,6 +63,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,

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

@@ -18,7 +18,7 @@ var _errored = _interopRequireDefault(require("./errored"));
 var _resolving = _interopRequireDefault(require("./resolving"));
 var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _elements = require("../../elements");
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 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 getActionStyles = function getActionStyles(showOnHover, isOpen) {
@@ -77,6 +77,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
+    icon = _ref.icon,
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
@@ -124,7 +125,8 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 var _default = exports.default = TitleBlock;

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

@@ -14,7 +14,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../utils");
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
@@ -29,6 +29,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
     testId = _ref.testId,
     text = _ref.text,
+    icon = _ref.icon,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
@@ -38,6 +39,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Vertical,

package/dist/cjs/view/FlexibleCard/components/elements/icon/index.js

@@ -81,6 +81,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
  */
 var Icon = function Icon(_ref) {
   var icon = _ref.icon,
+    overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Link' : _ref$label,
     name = _ref.name,
@@ -95,8 +96,8 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   var width = (0, _utils.getIconWidth)(size);
   var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;

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.72.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.72.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;