@atlaskit/editor-plugin-extension 10.1.5 → 10.1.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-extension
 
+## 10.1.7
+
+### Patch Changes
+
+- [`d2f1426fe5b85`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2f1426fe5b85) -
+  [ux] ENGHEALTH-46817 Add feature gated a11y eslint fixes across editor packages
+- Updated dependencies
+
+## 10.1.6
+
+### Patch Changes
+
+- [`abdf6c5320b01`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abdf6c5320b01) -
+  [EDITOR-5370] Support Unsupported Content: handle copy content from nodes like mention
+- Updated dependencies
+
 ## 10.1.5
 
 ### Patch Changes

package/dist/cjs/pm-plugins/toolbar.js

@@ -268,10 +268,12 @@ var calculateToolbarPosition = function calculateToolbarPosition(editorView, nex
  * if the current selected extension is an unsupported content extension.
  */
 var createOnClickCopyButton = exports.createOnClickCopyButton = function createOnClickCopyButton(_ref) {
-  var extensionApi = _ref.extensionApi,
+  var formatMessage = _ref.formatMessage,
+    extensionApi = _ref.extensionApi,
     extensionProvider = _ref.extensionProvider,
     getUnsupportedContent = _ref.getUnsupportedContent,
-    state = _ref.state;
+    state = _ref.state,
+    locale = _ref.locale;
   if (!extensionProvider) {
     return;
   }
@@ -298,18 +300,21 @@ var createOnClickCopyButton = exports.createOnClickCopyButton = function createO
 
   // this command copies the text content of the unsupported content extension to the clipboard
   return function (editorState) {
-    var error = (0, _utils3.copyUnsupportedContentToClipboard)({
+    (0, _utils3.copyUnsupportedContentToClipboard)({
+      locale: locale,
       unsupportedContent: adf,
-      schema: state.schema
-    });
-    if (error) {
+      schema: state.schema,
+      api: extensionApi
+    }).then(function () {
+      var _extensionApi$copyBut;
+      extensionApi === null || extensionApi === void 0 || (_extensionApi$copyBut = extensionApi.copyButton) === null || _extensionApi$copyBut === void 0 || _extensionApi$copyBut.actions.afterCopy(formatMessage(_messages.default.copiedToClipboard));
+    }).catch(function (error) {
       (0, _utils3.onCopyFailed)({
         error: error,
         extensionApi: extensionApi,
         state: editorState
       });
-      return false;
-    }
+    });
     return true;
   };
 };
@@ -320,7 +325,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
     getUnsupportedContent = _ref2.getUnsupportedContent;
   return function (state, intl) {
     var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect;
-    var formatMessage = intl.formatMessage;
+    var formatMessage = intl.formatMessage,
+      locale = intl.locale;
     var extensionState = (0, _pluginFactory.getPluginState)(state);
     var extensionProvider = extensionState.extensionProvider;
     var hoverDecoration = extensionApi === null || extensionApi === void 0 || (_extensionApi$decorat = extensionApi.decorations) === null || _extensionApi$decorat === void 0 ? void 0 : _extensionApi$decorat.actions.hoverDecoration;
@@ -391,10 +397,12 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
           formatMessage: intl.formatMessage,
           nodeType: nodeType,
           onClick: (0, _expValEquals.expValEquals)('platform_editor_ai_edit_unsupported_content', 'isEnabled', true) ? createOnClickCopyButton({
+            formatMessage: formatMessage,
             extensionApi: extensionApi,
             extensionProvider: extensionProvider,
             getUnsupportedContent: getUnsupportedContent,
-            state: state
+            state: state,
+            locale: locale
           }) : undefined
         }]
       }, shouldHideCopyButton && {

package/dist/cjs/pm-plugins/utils.js

@@ -1,14 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onCopyFailed = exports.getSelectedExtension = exports.getSelectedDomElement = exports.getNodeTypesReferenced = exports.getDataConsumerMark = exports.findNodePosWithLocalId = exports.findExtensionWithLocalId = exports.copyUnsupportedContentToClipboard = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _clipboard = require("@atlaskit/editor-common/clipboard");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _resource = require("@atlaskit/mention/resource");
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var getSelectedExtension = exports.getSelectedExtension = function getSelectedExtension(state) {
   var searchParent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var _state$schema$nodes = state.schema.nodes,
@@ -75,35 +82,189 @@ var findNodePosWithLocalId = exports.findNodePosWithLocalId = function findNodeP
   return nodes.length >= 1 ? nodes[0] : undefined;
 };
 /**
- * copying ADF from the unsupported content extension as text to clipboard
+ * Converts a ProseMirror node to its text representation.
+ * Handles text nodes with marks (links) and inline nodes (status, mention, emoji).
+ * Returns the content for this node, with a trailing separator for text blocks.
  */
-var copyUnsupportedContentToClipboard = exports.copyUnsupportedContentToClipboard = function copyUnsupportedContentToClipboard(_ref2) {
-  var schema = _ref2.schema,
-    unsupportedContent = _ref2.unsupportedContent;
-  try {
-    if (!unsupportedContent) {
-      return new Error('No nested content found');
+var convertNodeToText = function convertNodeToText(node, mentionSet, parent, locale) {
+  if (node.isInline) {
+    var schema = node.type.schema;
+    var finalText = '';
+    if (node.isText) {
+      finalText = node.text || '';
+      if (node.marks.length > 0) {
+        var _iterator = _createForOfIteratorHelper(node.marks),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var mark = _step.value;
+            // if it's link, include the href in the text
+            if (mark.type === schema.marks.link) {
+              var href = mark.attrs.href;
+              var text = node.text || '';
+              // If the text differs from the href, include both
+              if (text && text !== href) {
+                finalText = "".concat(text, " ").concat(href);
+              } else {
+                finalText = href;
+              }
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    } else {
+      switch (node.type) {
+        case schema.nodes.status:
+          finalText = node.attrs.text || '';
+          break;
+        case schema.nodes.mention:
+          mentionSet.add(node.attrs.id);
+          finalText = "@".concat(node.attrs.id);
+          break;
+        case schema.nodes.emoji:
+          finalText = node.attrs.shortName || '';
+          break;
+        case schema.nodes.date:
+          var timestamp = new Date(Number(node.attrs.timestamp));
+          finalText = !isNaN(timestamp.getTime()) ? timestamp.toLocaleDateString(locale !== null && locale !== void 0 ? locale : 'en-US') : String(node.attrs.timestamp);
+          break;
+        default:
+          finalText = node.textContent;
+          break;
+      }
     }
-    if (unsupportedContent.type !== 'doc') {
-      unsupportedContent = {
-        version: 1,
-        type: 'doc',
-        content: [unsupportedContent]
-      };
+    if (parent && parent.isTextblock && node === parent.lastChild && parent.childCount > 0) {
+      finalText += '\n\n';
     }
-    var transformer = new _editorJsonTransformer.JSONTransformer(schema);
-    var pmNode = transformer.parse(unsupportedContent);
-    var text = pmNode.textBetween(0, pmNode.content.size, '\n\n');
-    (0, _clipboard.copyToClipboard)(text);
-  } catch (error) {
-    return error instanceof Error ? error : new Error('Failed to copy content');
+    return finalText;
   }
+  return '';
 };
-var onCopyFailed = exports.onCopyFailed = function onCopyFailed(_ref3) {
+
+/**
+ * Resolves mention IDs to their display names and replaces them in the text.
+ * Returns the text with resolved mentions, or the original text if the provider is unavailable.
+ */
+var resolveMentionsInText = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(text, mentionSet, api) {
+    var _api$mention;
+    var mentionProvider, resolvedText, _iterator2, _step2, id, mention;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          mentionProvider = api === null || api === void 0 || (_api$mention = api.mention) === null || _api$mention === void 0 || (_api$mention = _api$mention.sharedState) === null || _api$mention === void 0 || (_api$mention = _api$mention.currentState()) === null || _api$mention === void 0 ? void 0 : _api$mention.mentionProvider;
+          if (!(!mentionProvider || !(0, _resource.isResolvingMentionProvider)(mentionProvider))) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return", text);
+        case 3:
+          resolvedText = text;
+          _iterator2 = _createForOfIteratorHelper(mentionSet);
+          _context.prev = 5;
+          _iterator2.s();
+        case 7:
+          if ((_step2 = _iterator2.n()).done) {
+            _context.next = 15;
+            break;
+          }
+          id = _step2.value;
+          _context.next = 11;
+          return mentionProvider.resolveMentionName(id);
+        case 11:
+          mention = _context.sent;
+          resolvedText = resolvedText.replace("@".concat(id), "@".concat(mention.name) || '@…');
+        case 13:
+          _context.next = 7;
+          break;
+        case 15:
+          _context.next = 20;
+          break;
+        case 17:
+          _context.prev = 17;
+          _context.t0 = _context["catch"](5);
+          _iterator2.e(_context.t0);
+        case 20:
+          _context.prev = 20;
+          _iterator2.f();
+          return _context.finish(20);
+        case 23:
+          return _context.abrupt("return", resolvedText);
+        case 24:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[5, 17, 20, 23]]);
+  }));
+  return function resolveMentionsInText(_x, _x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+/**
+ * copying ADF from the unsupported content extension as text to clipboard
+ */
+var copyUnsupportedContentToClipboard = exports.copyUnsupportedContentToClipboard = /*#__PURE__*/function () {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref3) {
+    var locale, schema, unsupportedContent, api, transformer, pmNode, text, mentionSet;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          locale = _ref3.locale, schema = _ref3.schema, unsupportedContent = _ref3.unsupportedContent, api = _ref3.api;
+          _context2.prev = 1;
+          if (unsupportedContent) {
+            _context2.next = 4;
+            break;
+          }
+          throw new Error('No nested content found');
+        case 4:
+          if (unsupportedContent.type !== 'doc') {
+            unsupportedContent = {
+              version: 1,
+              type: 'doc',
+              content: [unsupportedContent]
+            };
+          }
+          transformer = new _editorJsonTransformer.JSONTransformer(schema);
+          pmNode = transformer.parse(unsupportedContent);
+          text = '';
+          mentionSet = new Set();
+          pmNode.nodesBetween(0, pmNode.content.size, function (node, _pos, parent) {
+            text += convertNodeToText(node, mentionSet, parent, locale);
+          });
+
+          // Trim leading/trailing whitespace from the collected text
+          text = text.trim();
+          _context2.next = 13;
+          return resolveMentionsInText(text, mentionSet, api);
+        case 13:
+          text = _context2.sent;
+          (0, _clipboard.copyToClipboard)(text);
+          _context2.next = 20;
+          break;
+        case 17:
+          _context2.prev = 17;
+          _context2.t0 = _context2["catch"](1);
+          throw _context2.t0 instanceof Error ? _context2.t0 : new Error('Failed to copy content');
+        case 20:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 17]]);
+  }));
+  return function copyUnsupportedContentToClipboard(_x4) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var onCopyFailed = exports.onCopyFailed = function onCopyFailed(_ref5) {
   var _extensionApi$analyti;
-  var error = _ref3.error,
-    extensionApi = _ref3.extensionApi,
-    state = _ref3.state;
+  var error = _ref5.error,
+    extensionApi = _ref5.extensionApi,
+    state = _ref5.state;
   var nodeWithPos = getSelectedExtension(state, true);
   if (!nodeWithPos) {
     return;

package/dist/cjs/ui/ConfigPanel/ConfigPanel.js

@@ -16,11 +16,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _bindEventListener = require("bind-event-listener");
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _browserApis = require("@atlaskit/browser-apis");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -28,6 +30,7 @@ var _extensions = require("@atlaskit/editor-common/extensions");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _constants = require("./constants");
 var _DescriptionSummary = require("./DescriptionSummary");
@@ -354,6 +357,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       firstVisibleFieldName: props.fields ? _this.getFirstVisibleFieldName(props.fields) : undefined
     };
     _this.onFieldChange = null;
+    _this.unbindKeyDownHandler = null;
     return _this;
   }
   (0, _inherits2.default)(ConfigPanel, _React$Component);
@@ -364,15 +368,26 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         fields = _this$props3.fields,
         parameters = _this$props3.parameters;
       this.parseParameters(fields, parameters);
+      if ((0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+        var doc = (0, _browserApis.getDocument)();
+        if (doc) {
+          this.unbindKeyDownHandler = (0, _bindEventListener.bind)(doc, {
+            type: 'keydown',
+            listener: this.handleKeyDown
+          });
+        }
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$unbindKeyDownHa;
       var _this$props4 = this.props,
         createAnalyticsEvent = _this$props4.createAnalyticsEvent,
         extensionManifest = _this$props4.extensionManifest,
         fields = _this$props4.fields;
       var currentParameters = this.state.currentParameters;
+      (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 || _this$unbindKeyDownHa.call(this);
       (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
         payload: {
           action: _analytics.ACTION.CLOSED,
@@ -456,32 +471,28 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
           handleSubmit: handleSubmit
         }, function (onFieldChange) {
           _this2.onFieldChange = onFieldChange;
-          return (
-            /*#__PURE__*/
-            // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-            _react.default.createElement("form", (0, _extends2.default)({}, formProps, {
-              noValidate: true,
-              onKeyDown: handleKeyDown,
-              "data-testid": "extension-config-panel"
-            }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
-              extensionManifest: extensionManifest
-            }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
-              api: api,
-              canSave: false,
-              errorMessage: errorMessage,
-              extensionManifest: extensionManifest,
-              fields: fields !== null && fields !== void 0 ? fields : [],
-              firstVisibleFieldName: firstVisibleFieldName,
-              hasParsedParameters: hasParsedParameters,
-              isLoading: isLoading || false,
-              onCancel: onCancel,
-              onFieldChange: onFieldChange,
-              parameters: currentParameters,
-              submitting: submitting,
-              featureFlags: featureFlags,
-              disableFields: _this2.props.disableFields
-            }))
-          );
+          return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, {
+            noValidate: true,
+            onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+            "data-testid": "extension-config-panel"
+          }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
+            extensionManifest: extensionManifest
+          }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
+            api: api,
+            canSave: false,
+            errorMessage: errorMessage,
+            extensionManifest: extensionManifest,
+            fields: fields !== null && fields !== void 0 ? fields : [],
+            firstVisibleFieldName: firstVisibleFieldName,
+            hasParsedParameters: hasParsedParameters,
+            isLoading: isLoading || false,
+            onCancel: onCancel,
+            onFieldChange: onFieldChange,
+            parameters: currentParameters,
+            submitting: submitting,
+            featureFlags: featureFlags,
+            disableFields: _this2.props.disableFields
+          }));
         });
       });
     }

package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -11,6 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _colors = require("@atlaskit/theme/colors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /**
  * @jsxRuntime classic
@@ -53,12 +54,14 @@ var RemovableField = function RemovableField(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  (0, _react2.jsx)("div", {
+  }, children, canRemoveField && (0, _react2.jsx)("div", {
+    role: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": "remove-field-".concat(name),
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, (0, _react2.jsx)(_tooltip.default, {
     content: intl.formatMessage(_extensions.configPanelMessages.removeField),
     position: "left"

package/dist/es2019/pm-plugins/toolbar.js

@@ -266,10 +266,12 @@ const calculateToolbarPosition = (editorView, nextPos, state, extensionNode) =>
  * if the current selected extension is an unsupported content extension.
  */
 export const createOnClickCopyButton = ({
+  formatMessage,
   extensionApi,
   extensionProvider,
   getUnsupportedContent,
-  state
+  state,
+  locale
 }) => {
   if (!extensionProvider) {
     return;
@@ -300,18 +302,21 @@ export const createOnClickCopyButton = ({
 
   // this command copies the text content of the unsupported content extension to the clipboard
   return editorState => {
-    const error = copyUnsupportedContentToClipboard({
+    copyUnsupportedContentToClipboard({
+      locale,
       unsupportedContent: adf,
-      schema: state.schema
-    });
-    if (error) {
+      schema: state.schema,
+      api: extensionApi
+    }).then(() => {
+      var _extensionApi$copyBut;
+      extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$copyBut = extensionApi.copyButton) === null || _extensionApi$copyBut === void 0 ? void 0 : _extensionApi$copyBut.actions.afterCopy(formatMessage(commonMessages.copiedToClipboard));
+    }).catch(error => {
       onCopyFailed({
         error,
         extensionApi,
         state: editorState
       });
-      return false;
-    }
+    });
     return true;
   };
 };
@@ -322,7 +327,8 @@ export const getToolbarConfig = ({
 }) => (state, intl) => {
   var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect, _extensionApi$connect2, _extensionApi$connect3;
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = intl;
   const extensionState = getPluginState(state);
   const {
@@ -387,10 +393,12 @@ export const getToolbarConfig = ({
         formatMessage: intl.formatMessage,
         nodeType,
         onClick: expValEquals('platform_editor_ai_edit_unsupported_content', 'isEnabled', true) ? createOnClickCopyButton({
+          formatMessage,
           extensionApi,
           extensionProvider,
           getUnsupportedContent,
-          state
+          state,
+          locale
         }) : undefined
       }],
       ...(shouldHideCopyButton && {

package/dist/es2019/pm-plugins/utils.js

@@ -3,6 +3,7 @@ import { copyToClipboard } from '@atlaskit/editor-common/clipboard';
 import { closestElement, findNodePosByLocalIds } from '@atlaskit/editor-common/utils';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { findDomRefAtPos, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
 export const getSelectedExtension = (state, searchParent = false) => {
   const {
     inlineExtension,
@@ -66,16 +67,91 @@ export const findNodePosWithLocalId = (state, localId) => {
   const nodes = findNodePosByLocalIds(state, [localId]);
   return nodes.length >= 1 ? nodes[0] : undefined;
 };
+/**
+ * Converts a ProseMirror node to its text representation.
+ * Handles text nodes with marks (links) and inline nodes (status, mention, emoji).
+ * Returns the content for this node, with a trailing separator for text blocks.
+ */
+const convertNodeToText = (node, mentionSet, parent, locale) => {
+  if (node.isInline) {
+    const schema = node.type.schema;
+    let finalText = '';
+    if (node.isText) {
+      finalText = node.text || '';
+      if (node.marks.length > 0) {
+        for (const mark of node.marks) {
+          // if it's link, include the href in the text
+          if (mark.type === schema.marks.link) {
+            const href = mark.attrs.href;
+            const text = node.text || '';
+            // If the text differs from the href, include both
+            if (text && text !== href) {
+              finalText = `${text} ${href}`;
+            } else {
+              finalText = href;
+            }
+          }
+        }
+      }
+    } else {
+      switch (node.type) {
+        case schema.nodes.status:
+          finalText = node.attrs.text || '';
+          break;
+        case schema.nodes.mention:
+          mentionSet.add(node.attrs.id);
+          finalText = `@${node.attrs.id}`;
+          break;
+        case schema.nodes.emoji:
+          finalText = node.attrs.shortName || '';
+          break;
+        case schema.nodes.date:
+          const timestamp = new Date(Number(node.attrs.timestamp));
+          finalText = !isNaN(timestamp.getTime()) ? timestamp.toLocaleDateString(locale !== null && locale !== void 0 ? locale : 'en-US') : String(node.attrs.timestamp);
+          break;
+        default:
+          finalText = node.textContent;
+          break;
+      }
+    }
+    if (parent && parent.isTextblock && node === parent.lastChild && parent.childCount > 0) {
+      finalText += '\n\n';
+    }
+    return finalText;
+  }
+  return '';
+};
+
+/**
+ * Resolves mention IDs to their display names and replaces them in the text.
+ * Returns the text with resolved mentions, or the original text if the provider is unavailable.
+ */
+const resolveMentionsInText = async (text, mentionSet, api) => {
+  var _api$mention, _api$mention$sharedSt, _api$mention$sharedSt2;
+  const mentionProvider = api === null || api === void 0 ? void 0 : (_api$mention = api.mention) === null || _api$mention === void 0 ? void 0 : (_api$mention$sharedSt = _api$mention.sharedState) === null || _api$mention$sharedSt === void 0 ? void 0 : (_api$mention$sharedSt2 = _api$mention$sharedSt.currentState()) === null || _api$mention$sharedSt2 === void 0 ? void 0 : _api$mention$sharedSt2.mentionProvider;
+  if (!mentionProvider || !isResolvingMentionProvider(mentionProvider)) {
+    return text;
+  }
+  let resolvedText = text;
+  for (const id of mentionSet) {
+    const mention = await mentionProvider.resolveMentionName(id);
+    resolvedText = resolvedText.replace(`@${id}`, `@${mention.name}` || '@…');
+  }
+  return resolvedText;
+};
+
 /**
  * copying ADF from the unsupported content extension as text to clipboard
  */
-export const copyUnsupportedContentToClipboard = ({
+export const copyUnsupportedContentToClipboard = async ({
+  locale,
   schema,
-  unsupportedContent
+  unsupportedContent,
+  api
 }) => {
   try {
     if (!unsupportedContent) {
-      return new Error('No nested content found');
+      throw new Error('No nested content found');
     }
     if (unsupportedContent.type !== 'doc') {
       unsupportedContent = {
@@ -86,10 +162,18 @@ export const copyUnsupportedContentToClipboard = ({
     }
     const transformer = new JSONTransformer(schema);
     const pmNode = transformer.parse(unsupportedContent);
-    const text = pmNode.textBetween(0, pmNode.content.size, '\n\n');
+    let text = '';
+    const mentionSet = new Set();
+    pmNode.nodesBetween(0, pmNode.content.size, (node, _pos, parent) => {
+      text += convertNodeToText(node, mentionSet, parent, locale);
+    });
+
+    // Trim leading/trailing whitespace from the collected text
+    text = text.trim();
+    text = await resolveMentionsInText(text, mentionSet, api);
     copyToClipboard(text);
   } catch (error) {
-    return error instanceof Error ? error : new Error('Failed to copy content');
+    throw error instanceof Error ? error : new Error('Failed to copy content');
   }
 };
 export const onCopyFailed = ({