@atlaskit/smart-card 26.70.0 → 26.72.0

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/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -41,6 +41,7 @@ const TitleBlockErroredView = ({
   position,
   testId,
   title,
+  icon,
   hideIcon,
   ...blockProps
 }) => {
@@ -56,6 +57,7 @@ const TitleBlockErroredView = ({
   return jsx(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
   }), !hideIcon && jsx(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

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

@@ -61,6 +61,7 @@ const TitleBlock = ({
   showActionOnHover,
   testId = 'smart-block-title',
   text,
+  icon,
   theme,
   hideRetry,
   metadataPosition,
@@ -105,7 +106,8 @@ const TitleBlock = ({
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 export default TitleBlock;

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

@@ -19,6 +19,7 @@ const TitleBlockResolvedView = ({
   subtitle = [],
   testId,
   text,
+  icon,
   title,
   metadataPosition,
   hideIcon,
@@ -29,6 +30,7 @@ const TitleBlockResolvedView = ({
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolved-view`
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

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

@@ -64,6 +64,7 @@ const renderImageIcon = (defaultIcon, url, testId) => {
  */
 const Icon = ({
   icon,
+  overrideIcon,
   label = 'Link',
   name,
   position = SmartLinkPosition.Top,
@@ -75,8 +76,8 @@ const Icon = ({
 }) => {
   const element = useMemo(() => {
     const 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]);
   const width = getIconWidth(size);
   const styles = getIconStyles(position, width);
   const renderStyles = render ? getCustomRenderStyles(width) : undefined;

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.72.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.72.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/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -43,6 +43,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = retry || {},
@@ -55,6 +56,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && jsx(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
@@ -67,6 +67,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,
@@ -114,7 +115,8 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 export default TitleBlock;