@atlaskit/smart-card 26.61.0 → 26.62.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 26.62.0
+
+### Minor Changes
+
+-   [#97986](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97986)
+    [`add59fc2532d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/add59fc2532d) -
+    [ux] AI summary button to change to copy summary button when summary generation is complete
+
+### Patch Changes
+
+-   [#98122](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98122)
+    [`97965a03cc96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/97965a03cc96) -
+    Hover preview redesign: Update action icon size
+
 ## 26.61.0
 
 ### Minor Changes

package/analytics.spec.yaml

@@ -91,6 +91,12 @@ events:
       attributes:
         <<: [*PackageMetaDataContext, *ResolvedAttributes]
 
+  - button clicked (copySummary):
+      type: ui
+      description: fired when the copy ai summary button is clicked
+      attributes:
+        <<: [*PackageMetaDataContext, *ResolvedAttributes]
+
   - summary viewed:
       type: ui
       description: fired when a summary is viewed

package/dist/cjs/messages.js

@@ -211,6 +211,21 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
     description: 'Description of what the summarize link with AI action does'
   },
+  copy_summary_action: {
+    id: 'fabric.linking.copy_summary_action.nonfinal',
+    defaultMessage: 'Copy summary',
+    description: 'Allow a user to copy a generated summary'
+  },
+  copy_summary_action_description: {
+    id: 'fabric.linking.copy_summary_action.nonfinal',
+    defaultMessage: 'Copy summary',
+    description: 'Description of what the copy summary AI action does'
+  },
+  copied_summary_action_description: {
+    id: 'fabric.linking.copied_summary_action_description.nonfinal',
+    defaultMessage: 'Copied summary to clipboard',
+    description: 'Confirmation to the user that the summry has been copied'
+  },
   edit: {
     id: 'fabric.linking.edit',
     defaultMessage: 'Edit',

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.61.0"
+  packageVersion: "26.62.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -27,7 +27,8 @@ var getIconStyles = function getIconStyles(isDisabled) {
     color: isDisabled ? "var(--ds-text-disabled, #6B778C)" : "var(--ds-icon, #44546F)"
   });
 };
-var backgroundStyles = (0, _react2.css)({
+var stackItemIconSizeStyles = (0, _utils.getIconSizeStyles)('20px');
+var stackItemIconStyles = (0, _react2.css)(stackItemIconSizeStyles, {
   display: 'inline-block',
   lineHeight: 0,
   padding: "var(--ds-space-025, 2px)",
@@ -40,9 +41,9 @@ var ActionIcon = function ActionIcon(_ref) {
     testId = _ref.testId,
     icon = _ref.icon,
     isDisabled = _ref.isDisabled,
-    showBackground = _ref.showBackground;
+    asStackItemIcon = _ref.asStackItemIcon;
   return (0, _react2.jsx)("span", {
-    css: [getIconStyles(isDisabled), (0, _utils.getIconSizeStyles)(getIconWidth(size)), showBackground && backgroundStyles],
+    css: [getIconStyles(isDisabled), asStackItemIcon ? stackItemIconStyles : (0, _utils.getIconSizeStyles)(getIconWidth(size))],
     "data-testid": "".concat(testId, "-icon")
   }, icon);
 };

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

@@ -66,10 +66,10 @@ var ActionStackItem = function ActionStackItem(_ref) {
     }
   }, [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")
     }),
-    showBackground: true,
     size: size
   }) : iconOption;
 

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

@@ -50,10 +50,10 @@ var Action = function Action(_ref) {
   var isStackItem = as === 'stack-item';
   var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
   var actionIcon = icon && (0, _react.jsx)(_actionIcon.default, {
+    asStackItemIcon: isStackItem,
     isDisabled: isDisabled,
     icon: icon,
     size: size,
-    showBackground: isStackItem,
     testId: testId
   });
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AISummariseAction = AISummariseAction;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _action = _interopRequireDefault(require("../action"));
+var _aiIcon = _interopRequireDefault(require("../../../../common/ai-icon"));
+var _messages = require("../../../../../messages");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
+var _utils = require("./utils");
+var _excluded = ["url", "ari", "product", "onClick", "onError", "testId", "status", "summariseUrl"];
+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; }
+function AISummariseAction(_ref) {
+  var url = _ref.url,
+    ari = _ref.ari,
+    product = _ref.product,
+    onClickCallback = _ref.onClick,
+    onErrorCallback = _ref.onError,
+    testId = _ref.testId,
+    status = _ref.status,
+    summariseUrl = _ref.summariseUrl,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var onCompleted = (0, _react.useCallback)(function (state) {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback((0, _utils.getErrorMessage)(state.error));
+    }
+  }, [onErrorCallback]);
+  var handleActionClick = (0, _react.useCallback)(function () {
+    var _summariseUrl;
+    fireEvent('ui.button.clicked.aiSummary', {});
+    fireEvent('track.aiInteraction.initiated', {
+      aiFeatureName: 'Smart Links Summary',
+      proactiveAIGenerated: 0,
+      userGeneratedAI: 1
+    });
+    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
+    icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
+      label: "Summarise with AI"
+    }),
+    onClick: handleActionClick,
+    testId: "".concat(testId, "-summarise-action"),
+    isLoading: status === 'loading',
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action_description)
+  }, props));
+}

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

@@ -1,68 +1,37 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _messages = require("../../../../../messages");
-var _action = _interopRequireDefault(require("../action"));
-var _aiIcon = _interopRequireDefault(require("../../../../common/ai-icon"));
-var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _useAiSummary = require("../../../../../state/hooks/use-ai-summary");
-var _utils = require("./utils");
-var _excluded = ["onClick", "onError", "url", "ari", "product"];
-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(_ref) {
-  var onClickCallback = _ref.onClick,
-    onErrorCallback = _ref.onError,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? '' : _ref$url,
-    _ref$ari = _ref.ari,
-    ari = _ref$ari === void 0 ? '' : _ref$ari,
-    product = _ref.product,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
+var _copySummaryAction = require("./copy-summary-action");
+var _aiSummariseAction = require("./ai-summarise-action");
+var AISummaryActionComponent = exports.AISummaryActionComponent = function AISummaryActionComponent(props) {
+  var url = props.url,
+    ari = props.ari,
+    product = props.product,
+    _props$testId = props.testId,
+    testId = _props$testId === void 0 ? 'smart-action-ai-summary-action' : _props$testId;
   var _useAISummary = (0, _useAiSummary.useAISummary)({
       url: url,
       ari: ari,
       product: product
     }),
-    status = _useAISummary.state.status,
+    _useAISummary$state = _useAISummary.state,
+    status = _useAISummary$state.status,
+    content = _useAISummary$state.content,
     summariseUrl = _useAISummary.summariseUrl;
-  var onCompleted = (0, _react.useCallback)(function (state) {
-    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
-      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback((0, _utils.getErrorMessage)(state.error));
-    }
-  }, [onErrorCallback]);
-  var handleActionClick = (0, _react.useCallback)(function () {
-    var _summariseUrl;
-    fireEvent('ui.button.clicked.aiSummary', {});
-    fireEvent('track.aiInteraction.initiated', {
-      aiFeatureName: 'Smart Links Summary',
-      proactiveAIGenerated: 0,
-      userGeneratedAI: 1
-    });
-    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
-    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
-  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
-    icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
-      label: "Summarise with AI"
-    }),
-    isLoading: status === 'loading',
-    onClick: handleActionClick,
-    testId: "smart-action-ai-summary-action",
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action_description)
-  }, props));
-  return null;
+  return status === 'done' ? /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryAction, (0, _extends2.default)({}, props, {
+    testId: testId,
+    content: content
+  })) : /*#__PURE__*/_react.default.createElement(_aiSummariseAction.AISummariseAction, (0, _extends2.default)({}, props, {
+    testId: testId,
+    summariseUrl: summariseUrl,
+    status: status
+  }));
 };

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopySummaryAction = CopySummaryAction;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
+var _reactIntlNext = require("react-intl-next");
+var _action = _interopRequireDefault(require("../action"));
+var _messages = require("../../../../../messages");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
+var _excluded = ["url", "ari", "product", "onClick", "testId", "content"];
+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; }
+function CopySummaryAction(_ref) {
+  var url = _ref.url,
+    ari = _ref.ari,
+    product = _ref.product,
+    onClickCallback = _ref.onClick,
+    testId = _ref.testId,
+    content = _ref.content,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var _useState = (0, _react.useState)(_messages.messages.copy_summary_action),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tooltipMessage = _useState2[0],
+    setTooltipMessage = _useState2[1];
+  var handleCopySummaryClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          fireEvent('ui.button.clicked.copySummary', {});
+          _context.next = 3;
+          return navigator.clipboard.writeText(content !== null && content !== void 0 ? content : '');
+        case 3:
+          setTooltipMessage(_messages.messages.copied_summary_action_description);
+          onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [fireEvent, onClickCallback, content]);
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_summary_action),
+    icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
+      label: "Copy Summary"
+    }),
+    onClick: handleCopySummaryClick,
+    testId: "".concat(testId, "-copy-summary-action"),
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage)
+  }, props));
+}

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.61.0",
+  packageVersion: "26.62.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/messages.js

@@ -205,6 +205,21 @@ export const messages = defineMessages({
     defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
     description: 'Description of what the summarize link with AI action does'
   },
+  copy_summary_action: {
+    id: 'fabric.linking.copy_summary_action.nonfinal',
+    defaultMessage: 'Copy summary',
+    description: 'Allow a user to copy a generated summary'
+  },
+  copy_summary_action_description: {
+    id: 'fabric.linking.copy_summary_action.nonfinal',
+    defaultMessage: 'Copy summary',
+    description: 'Description of what the copy summary AI action does'
+  },
+  copied_summary_action_description: {
+    id: 'fabric.linking.copied_summary_action_description.nonfinal',
+    defaultMessage: 'Copied summary to clipboard',
+    description: 'Confirmation to the user that the summry has been copied'
+  },
   edit: {
     id: 'fabric.linking.edit',
     defaultMessage: 'Edit',

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.61.0"
+  packageVersion: "26.62.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -17,7 +17,8 @@ const getIconWidth = size => {
 const getIconStyles = isDisabled => css({
   color: isDisabled ? "var(--ds-text-disabled, #6B778C)" : "var(--ds-icon, #44546F)"
 });
-const backgroundStyles = css({
+const stackItemIconSizeStyles = getIconSizeStyles('20px');
+const stackItemIconStyles = css(stackItemIconSizeStyles, {
   display: 'inline-block',
   lineHeight: 0,
   padding: "var(--ds-space-025, 2px)",
@@ -30,9 +31,9 @@ const ActionIcon = ({
   testId,
   icon,
   isDisabled,
-  showBackground
+  asStackItemIcon
 }) => jsx("span", {
-  css: [getIconStyles(isDisabled), getIconSizeStyles(getIconWidth(size)), showBackground && backgroundStyles],
+  css: [getIconStyles(isDisabled), asStackItemIcon ? stackItemIconStyles : getIconSizeStyles(getIconWidth(size))],
   "data-testid": `${testId}-icon`
 }, icon);
 export default ActionIcon;

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

@@ -57,10 +57,10 @@ const ActionStackItem = ({
     }
   }, [isDisabled, isLoading, onClickCallback]);
   const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
+    asStackItemIcon: true,
     icon: /*#__PURE__*/React.createElement(Spinner, {
       testId: `${testId}-loading`
     }),
-    showBackground: true,
     size: size
   }) : iconOption;
 

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

@@ -40,10 +40,10 @@ const Action = ({
   const isStackItem = as === 'stack-item';
   const isDropdownItem = as === 'dropdown-item' || asDropDownItem;
   const actionIcon = icon && jsx(ActionIcon, {
+    asStackItemIcon: isStackItem,
     isDisabled: isDisabled,
     icon: icon,
     size: size,
-    showBackground: isStackItem,
     testId: testId
   });
   const iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;

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

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Action from '../action';
+import AiIcon from '../../../../common/ai-icon';
+import { messages } from '../../../../../messages';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
+import { getErrorMessage } from './utils';
+export function AISummariseAction({
+  url,
+  ari,
+  product,
+  onClick: onClickCallback,
+  onError: onErrorCallback,
+  testId,
+  status,
+  summariseUrl,
+  ...props
+}) {
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const onCompleted = useCallback(state => {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback(getErrorMessage(state.error));
+    }
+  }, [onErrorCallback]);
+  const handleActionClick = useCallback(() => {
+    var _summariseUrl;
+    fireEvent('ui.button.clicked.aiSummary', {});
+    fireEvent('track.aiInteraction.initiated', {
+      aiFeatureName: 'Smart Links Summary',
+      proactiveAIGenerated: 0,
+      userGeneratedAI: 1
+    });
+    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 ? void 0 : _summariseUrl.then(onCompleted, onCompleted);
+    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
+  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
+    icon: /*#__PURE__*/React.createElement(AiIcon, {
+      label: "Summarise with AI"
+    }),
+    onClick: handleActionClick,
+    testId: `${testId}-summarise-action`,
+    isLoading: status === 'loading',
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
+  }, props));
+}

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

@@ -1,27 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import React from 'react';
 import { di } from 'react-magnetic-di';
-import { messages } from '../../../../../messages';
-import Action from '../action';
-import AiIcon from '../../../../common/ai-icon';
-import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
-import { getErrorMessage } from './utils';
-export const AISummaryActionComponent = ({
-  onClick: onClickCallback,
-  onError: onErrorCallback,
-  url = '',
-  ari = '',
-  product,
-  ...props
-}) => {
+import { CopySummaryAction } from './copy-summary-action';
+import { AISummariseAction } from './ai-summarise-action';
+export const AISummaryActionComponent = props => {
   const {
-    fireEvent
-  } = useAnalyticsEvents();
+    url,
+    ari,
+    product,
+    testId = 'smart-action-ai-summary-action'
+  } = props;
   const {
     state: {
-      status
+      status,
+      content
     },
     summariseUrl
   } = useAISummary({
@@ -29,31 +22,12 @@ export const AISummaryActionComponent = ({
     ari,
     product
   });
-  const onCompleted = useCallback(state => {
-    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
-      onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback(getErrorMessage(state.error));
-    }
-  }, [onErrorCallback]);
-  const handleActionClick = useCallback(() => {
-    var _summariseUrl;
-    fireEvent('ui.button.clicked.aiSummary', {});
-    fireEvent('track.aiInteraction.initiated', {
-      aiFeatureName: 'Smart Links Summary',
-      proactiveAIGenerated: 0,
-      userGeneratedAI: 1
-    });
-    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 ? void 0 : _summariseUrl.then(onCompleted, onCompleted);
-    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
-  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
-  return /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-    icon: /*#__PURE__*/React.createElement(AiIcon, {
-      label: "Summarise with AI"
-    }),
-    isLoading: status === 'loading',
-    onClick: handleActionClick,
-    testId: "smart-action-ai-summary-action",
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
-  }, props));
-  return null;
+  return status === 'done' ? /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
+    testId: testId,
+    content: content
+  })) : /*#__PURE__*/React.createElement(AISummariseAction, _extends({}, props, {
+    testId: testId,
+    summariseUrl: summariseUrl,
+    status: status
+  }));
 };

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useState } from 'react';
+import CopyIcon from '@atlaskit/icon/glyph/copy';
+import { FormattedMessage } from 'react-intl-next';
+import Action from '../action';
+import { messages } from '../../../../../messages';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
+export function CopySummaryAction({
+  url,
+  ari,
+  product,
+  onClick: onClickCallback,
+  testId,
+  content,
+  ...props
+}) {
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const [tooltipMessage, setTooltipMessage] = useState(messages.copy_summary_action);
+  const handleCopySummaryClick = useCallback(async () => {
+    fireEvent('ui.button.clicked.copySummary', {});
+    await navigator.clipboard.writeText(content !== null && content !== void 0 ? content : '');
+    setTooltipMessage(messages.copied_summary_action_description);
+    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
+  }, [fireEvent, onClickCallback, content]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_summary_action),
+    icon: /*#__PURE__*/React.createElement(CopyIcon, {
+      label: "Copy Summary"
+    }),
+    onClick: handleCopySummaryClick,
+    testId: `${testId}-copy-summary-action`,
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
+  }, props));
+}

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.61.0",
+  packageVersion: "26.62.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/messages.js

@@ -205,6 +205,21 @@ export var messages = defineMessages({
     defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
     description: 'Description of what the summarize link with AI action does'
   },
+  copy_summary_action: {
+    id: 'fabric.linking.copy_summary_action.nonfinal',
+    defaultMessage: 'Copy summary',
+    description: 'Allow a user to copy a generated summary'
+  },
+  copy_summary_action_description: {
+    id: 'fabric.linking.copy_summary_action.nonfinal',
+    defaultMessage: 'Copy summary',
+    description: 'Description of what the copy summary AI action does'
+  },
+  copied_summary_action_description: {
+    id: 'fabric.linking.copied_summary_action_description.nonfinal',
+    defaultMessage: 'Copied summary to clipboard',
+    description: 'Confirmation to the user that the summry has been copied'
+  },
   edit: {
     id: 'fabric.linking.edit',
     defaultMessage: 'Edit',

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.61.0"
+  packageVersion: "26.62.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -19,7 +19,8 @@ var getIconStyles = function getIconStyles(isDisabled) {
     color: isDisabled ? "var(--ds-text-disabled, #6B778C)" : "var(--ds-icon, #44546F)"
   });
 };
-var backgroundStyles = css({
+var stackItemIconSizeStyles = getIconSizeStyles('20px');
+var stackItemIconStyles = css(stackItemIconSizeStyles, {
   display: 'inline-block',
   lineHeight: 0,
   padding: "var(--ds-space-025, 2px)",
@@ -32,9 +33,9 @@ var ActionIcon = function ActionIcon(_ref) {
     testId = _ref.testId,
     icon = _ref.icon,
     isDisabled = _ref.isDisabled,
-    showBackground = _ref.showBackground;
+    asStackItemIcon = _ref.asStackItemIcon;
   return jsx("span", {
-    css: [getIconStyles(isDisabled), getIconSizeStyles(getIconWidth(size)), showBackground && backgroundStyles],
+    css: [getIconStyles(isDisabled), asStackItemIcon ? stackItemIconStyles : getIconSizeStyles(getIconWidth(size))],
     "data-testid": "".concat(testId, "-icon")
   }, icon);
 };

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

@@ -56,10 +56,10 @@ var ActionStackItem = function ActionStackItem(_ref) {
     }
   }, [isDisabled, isLoading, onClickCallback]);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
+    asStackItemIcon: true,
     icon: /*#__PURE__*/React.createElement(Spinner, {
       testId: "".concat(testId, "-loading")
     }),
-    showBackground: true,
     size: size
   }) : iconOption;
 

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

@@ -44,10 +44,10 @@ var Action = function Action(_ref) {
   var isStackItem = as === 'stack-item';
   var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
   var actionIcon = icon && jsx(ActionIcon, {
+    asStackItemIcon: isStackItem,
     isDisabled: isDisabled,
     icon: icon,
     size: size,
-    showBackground: isStackItem,
     testId: testId
   });
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;

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

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["url", "ari", "product", "onClick", "onError", "testId", "status", "summariseUrl"];
+import React, { useCallback } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Action from '../action';
+import AiIcon from '../../../../common/ai-icon';
+import { messages } from '../../../../../messages';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
+import { getErrorMessage } from './utils';
+export function AISummariseAction(_ref) {
+  var url = _ref.url,
+    ari = _ref.ari,
+    product = _ref.product,
+    onClickCallback = _ref.onClick,
+    onErrorCallback = _ref.onError,
+    testId = _ref.testId,
+    status = _ref.status,
+    summariseUrl = _ref.summariseUrl,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var onCompleted = useCallback(function (state) {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(getErrorMessage(state.error));
+    }
+  }, [onErrorCallback]);
+  var handleActionClick = useCallback(function () {
+    var _summariseUrl;
+    fireEvent('ui.button.clicked.aiSummary', {});
+    fireEvent('track.aiInteraction.initiated', {
+      aiFeatureName: 'Smart Links Summary',
+      proactiveAIGenerated: 0,
+      userGeneratedAI: 1
+    });
+    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
+    icon: /*#__PURE__*/React.createElement(AiIcon, {
+      label: "Summarise with AI"
+    }),
+    onClick: handleActionClick,
+    testId: "".concat(testId, "-summarise-action"),
+    isLoading: status === 'loading',
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
+  }, props));
+}

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

@@ -1,58 +1,30 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onClick", "onError", "url", "ari", "product"];
-import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import React from 'react';
 import { di } from 'react-magnetic-di';
-import { messages } from '../../../../../messages';
-import Action from '../action';
-import AiIcon from '../../../../common/ai-icon';
-import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
-import { getErrorMessage } from './utils';
-export var AISummaryActionComponent = function AISummaryActionComponent(_ref) {
-  var onClickCallback = _ref.onClick,
-    onErrorCallback = _ref.onError,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? '' : _ref$url,
-    _ref$ari = _ref.ari,
-    ari = _ref$ari === void 0 ? '' : _ref$ari,
-    product = _ref.product,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
+import { CopySummaryAction } from './copy-summary-action';
+import { AISummariseAction } from './ai-summarise-action';
+export var AISummaryActionComponent = function AISummaryActionComponent(props) {
+  var url = props.url,
+    ari = props.ari,
+    product = props.product,
+    _props$testId = props.testId,
+    testId = _props$testId === void 0 ? 'smart-action-ai-summary-action' : _props$testId;
   var _useAISummary = useAISummary({
       url: url,
       ari: ari,
       product: product
     }),
-    status = _useAISummary.state.status,
+    _useAISummary$state = _useAISummary.state,
+    status = _useAISummary$state.status,
+    content = _useAISummary$state.content,
     summariseUrl = _useAISummary.summariseUrl;
-  var onCompleted = useCallback(function (state) {
-    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
-      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(getErrorMessage(state.error));
-    }
-  }, [onErrorCallback]);
-  var handleActionClick = useCallback(function () {
-    var _summariseUrl;
-    fireEvent('ui.button.clicked.aiSummary', {});
-    fireEvent('track.aiInteraction.initiated', {
-      aiFeatureName: 'Smart Links Summary',
-      proactiveAIGenerated: 0,
-      userGeneratedAI: 1
-    });
-    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
-    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
-  return /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-    icon: /*#__PURE__*/React.createElement(AiIcon, {
-      label: "Summarise with AI"
-    }),
-    isLoading: status === 'loading',
-    onClick: handleActionClick,
-    testId: "smart-action-ai-summary-action",
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
-  }, props));
-  return null;
+  return status === 'done' ? /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
+    testId: testId,
+    content: content
+  })) : /*#__PURE__*/React.createElement(AISummariseAction, _extends({}, props, {
+    testId: testId,
+    summariseUrl: summariseUrl,
+    status: status
+  }));
 };

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

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["url", "ari", "product", "onClick", "testId", "content"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback, useState } from 'react';
+import CopyIcon from '@atlaskit/icon/glyph/copy';
+import { FormattedMessage } from 'react-intl-next';
+import Action from '../action';
+import { messages } from '../../../../../messages';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
+export function CopySummaryAction(_ref) {
+  var url = _ref.url,
+    ari = _ref.ari,
+    product = _ref.product,
+    onClickCallback = _ref.onClick,
+    testId = _ref.testId,
+    content = _ref.content,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var _useState = useState(messages.copy_summary_action),
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltipMessage = _useState2[0],
+    setTooltipMessage = _useState2[1];
+  var handleCopySummaryClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          fireEvent('ui.button.clicked.copySummary', {});
+          _context.next = 3;
+          return navigator.clipboard.writeText(content !== null && content !== void 0 ? content : '');
+        case 3:
+          setTooltipMessage(messages.copied_summary_action_description);
+          onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [fireEvent, onClickCallback, content]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_summary_action),
+    icon: /*#__PURE__*/React.createElement(CopyIcon, {
+      label: "Copy Summary"
+    }),
+    onClick: handleCopySummaryClick,
+    testId: "".concat(testId, "-copy-summary-action"),
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
+  }, props));
+}

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.61.0",
+  packageVersion: "26.62.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::c4023f0dc3ef442249a36d387b17308e>>
+ * @codegen <<SignedSource::334c6c6965226785c649b8d6b292227c>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataType = {
@@ -25,6 +25,7 @@ export type ResolvedAttributesType = {
     canBeDatasource: boolean | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
+export type ButtonClickedCopySummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
     fromCache: boolean | null;
 };
@@ -42,6 +43,9 @@ export type AnalyticsEventAttributes = {
     /**
      * fired when an ai summary is clicked */
     'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
+    /**
+     * fired when the copy ai summary button is clicked */
+    'ui.button.clicked.copySummary': ButtonClickedCopySummaryAttributesType;
     /**
      * fired when a summary is viewed */
     'ui.summary.viewed': SummaryViewedAttributesType;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
-import { MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_action' | 'ai_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_action' | 'ai_summary_action_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -1,9 +1,9 @@
 import type { ReactChild } from 'react';
 import type { SmartLinkSize } from '../../../../../../constants';
 export type ActionIconProps = {
+    asStackItemIcon?: boolean;
     size?: SmartLinkSize;
     icon?: ReactChild;
     isDisabled?: boolean;
-    showBackground?: boolean;
     testId?: string;
 };

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

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
-import { ActionStackItemProps } from './types';
+import { type ActionStackItemProps } from './types';
 declare const ActionStackItem: FC<ActionStackItemProps>;
 export default ActionStackItem;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { type FC } from 'react';
-import { ActionProps } from './types';
+import { type ActionProps } from './types';
 /**
  * A base action that can be triggered with an on click.
  * @internal

package/dist/types/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { AISummaryState, AISummaryStatus } from '../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
+import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import type { AISummaryActionProps } from './types';
+export declare function AISummariseAction({ url, ari, product, onClick: onClickCallback, onError: onErrorCallback, testId, status, summariseUrl, ...props }: AISummaryActionProps & AISummaryActionData & {
+    status: AISummaryStatus;
+    summariseUrl: () => Promise<AISummaryState> | undefined;
+}): JSX.Element;

package/dist/types/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
-import { type AISummaryActionProps } from './types';
-export declare const AISummaryActionComponent: ({ onClick: onClickCallback, onError: onErrorCallback, url, ari, product, ...props }: AISummaryActionProps & AISummaryActionData) => JSX.Element | null;
+import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import type { AISummaryActionProps } from './types';
+export declare const AISummaryActionComponent: (props: AISummaryActionProps & AISummaryActionData) => JSX.Element;

package/dist/types/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import type { AISummaryActionProps } from './types';
+export declare function CopySummaryAction({ url, ari, product, onClick: onClickCallback, testId, content, ...props }: AISummaryActionProps & AISummaryActionData & {
+    content: string;
+}): JSX.Element;

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::c4023f0dc3ef442249a36d387b17308e>>
+ * @codegen <<SignedSource::334c6c6965226785c649b8d6b292227c>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataType = {
@@ -25,6 +25,7 @@ export type ResolvedAttributesType = {
     canBeDatasource: boolean | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
+export type ButtonClickedCopySummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
     fromCache: boolean | null;
 };
@@ -42,6 +43,9 @@ export type AnalyticsEventAttributes = {
     /**
      * fired when an ai summary is clicked */
     'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
+    /**
+     * fired when the copy ai summary button is clicked */
+    'ui.button.clicked.copySummary': ButtonClickedCopySummaryAttributesType;
     /**
      * fired when a summary is viewed */
     'ui.summary.viewed': SummaryViewedAttributesType;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
-import { MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_action' | 'ai_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_action' | 'ai_summary_action_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -1,9 +1,9 @@
 import type { ReactChild } from 'react';
 import type { SmartLinkSize } from '../../../../../../constants';
 export type ActionIconProps = {
+    asStackItemIcon?: boolean;
     size?: SmartLinkSize;
     icon?: ReactChild;
     isDisabled?: boolean;
-    showBackground?: boolean;
     testId?: string;
 };

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 { ActionStackItemProps } from './types';
+import { type ActionStackItemProps } from './types';
 declare const ActionStackItem: FC<ActionStackItemProps>;
 export default ActionStackItem;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { type FC } from 'react';
-import { ActionProps } from './types';
+import { type ActionProps } from './types';
 /**
  * A base action that can be triggered with an on click.
  * @internal

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { AISummaryState, AISummaryStatus } from '../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
+import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import type { AISummaryActionProps } from './types';
+export declare function AISummariseAction({ url, ari, product, onClick: onClickCallback, onError: onErrorCallback, testId, status, summariseUrl, ...props }: AISummaryActionProps & AISummaryActionData & {
+    status: AISummaryStatus;
+    summariseUrl: () => Promise<AISummaryState> | undefined;
+}): JSX.Element;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
-import { type AISummaryActionProps } from './types';
-export declare const AISummaryActionComponent: ({ onClick: onClickCallback, onError: onErrorCallback, url, ari, product, ...props }: AISummaryActionProps & AISummaryActionData) => JSX.Element | null;
+import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import type { AISummaryActionProps } from './types';
+export declare const AISummaryActionComponent: (props: AISummaryActionProps & AISummaryActionData) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import type { AISummaryActionProps } from './types';
+export declare function CopySummaryAction({ url, ari, product, onClick: onClickCallback, testId, content, ...props }: AISummaryActionProps & AISummaryActionData & {
+    content: string;
+}): JSX.Element;

package/package.json

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