@atlaskit/editor-plugin-extension 10.1.4 → 10.1.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-extension
 
+## 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
+
+- Updated dependencies
+
 ## 10.1.4
 
 ### 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/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 = ({

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

@@ -262,10 +262,12 @@ var calculateToolbarPosition = function calculateToolbarPosition(editorView, nex
  * if the current selected extension is an unsupported content extension.
  */
 export var 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;
   }
@@ -292,18 +294,21 @@ export var createOnClickCopyButton = function createOnClickCopyButton(_ref) {
 
   // this command copies the text content of the unsupported content extension to the clipboard
   return function (editorState) {
-    var error = copyUnsupportedContentToClipboard({
+    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(commonMessages.copiedToClipboard));
+    }).catch(function (error) {
       onCopyFailed({
         error: error,
         extensionApi: extensionApi,
         state: editorState
       });
-      return false;
-    }
+    });
     return true;
   };
 };
@@ -314,7 +319,8 @@ export var getToolbarConfig = function getToolbarConfig(_ref2) {
     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 = 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;
@@ -385,10 +391,12 @@ export var getToolbarConfig = function getToolbarConfig(_ref2) {
           formatMessage: intl.formatMessage,
           nodeType: nodeType,
           onClick: 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/esm/pm-plugins/utils.js

@@ -1,8 +1,14 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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; }
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 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 var getSelectedExtension = function getSelectedExtension(state) {
   var searchParent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var _state$schema$nodes = state.schema.nodes,
@@ -69,35 +75,189 @@ export var findNodePosWithLocalId = function findNodePosWithLocalId(state, local
   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.
  */
-export var 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 JSONTransformer(schema);
-    var pmNode = transformer.parse(unsupportedContent);
-    var text = pmNode.textBetween(0, pmNode.content.size, '\n\n');
-    copyToClipboard(text);
-  } catch (error) {
-    return error instanceof Error ? error : new Error('Failed to copy content');
+    return finalText;
   }
+  return '';
 };
-export var 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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(text, mentionSet, api) {
+    var _api$mention;
+    var mentionProvider, resolvedText, _iterator2, _step2, id, mention;
+    return _regeneratorRuntime.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 || !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
+ */
+export var copyUnsupportedContentToClipboard = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+    var locale, schema, unsupportedContent, api, transformer, pmNode, text, mentionSet;
+    return _regeneratorRuntime.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 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;
+          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);
+  };
+}();
+export var 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/types/extensionPluginType.d.ts

@@ -9,8 +9,10 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { Fragment, Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -81,7 +83,9 @@ export type ExtensionPluginDependencies = [
     OptionalPlugin<ContextPanelPlugin>,
     OptionalPlugin<ContextIdentifierPlugin>,
     OptionalPlugin<ConnectivityPlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<MentionsPlugin>,
+    OptionalPlugin<CopyButtonPlugin>
 ];
 export type ExtensionPluginActions = {
     api: () => ExtensionAPI;

package/dist/types/pm-plugins/toolbar.d.ts

@@ -1,24 +1,36 @@
+import type { IntlShape } from 'react-intl-next';
 import { type ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import type { Command, FloatingToolbarHandler, PublicPluginAPI } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { ExtensionPluginOptions } from '../extensionPluginType';
 /**
  * Creates a function that copies the text content of the unsupported content extension to the clipboard
  * if the current selected extension is an unsupported content extension.
  */
-export declare const createOnClickCopyButton: ({ extensionApi, extensionProvider, getUnsupportedContent, state, }: {
+export declare const createOnClickCopyButton: ({ formatMessage, extensionApi, extensionProvider, getUnsupportedContent, state, locale, }: {
     extensionApi: GetToolbarConfigProps["extensionApi"];
     extensionProvider?: ExtensionProvider;
+    formatMessage: IntlShape["formatMessage"];
     getUnsupportedContent?: ExtensionPluginOptions["getUnsupportedContent"];
+    locale: string;
     state: EditorState;
 }) => Command | undefined;
 interface GetToolbarConfigProps {
     breakoutEnabled: boolean | undefined;
-    extensionApi?: PublicPluginAPI<[ContextPanelPlugin, AnalyticsPlugin, DecorationsPlugin, ConnectivityPlugin]> | undefined;
+    extensionApi?: PublicPluginAPI<[
+        ContextPanelPlugin,
+        AnalyticsPlugin,
+        DecorationsPlugin,
+        ConnectivityPlugin,
+        MentionsPlugin,
+        CopyButtonPlugin
+    ]> | undefined;
     getUnsupportedContent?: ExtensionPluginOptions['getUnsupportedContent'];
 }
 export declare const getToolbarConfig: ({ breakoutEnabled, extensionApi, getUnsupportedContent, }: GetToolbarConfigProps) => FloatingToolbarHandler;

package/dist/types/pm-plugins/utils.d.ts

@@ -1,6 +1,7 @@
 import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
 import { type JSONDocNode } from '@atlaskit/editor-json-transformer';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import type { Mark, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { DomAtPos, NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
@@ -19,10 +20,12 @@ export interface Position {
 /**
  * copying ADF from the unsupported content extension as text to clipboard
  */
-export declare const copyUnsupportedContentToClipboard: ({ schema, unsupportedContent, }: {
+export declare const copyUnsupportedContentToClipboard: ({ locale, schema, unsupportedContent, api, }: {
+    api?: PublicPluginAPI<[MentionsPlugin]>;
+    locale?: string;
     schema: Schema;
     unsupportedContent?: JSONDocNode;
-}) => Error | undefined;
+}) => Promise<void>;
 export declare const onCopyFailed: ({ error, extensionApi, state, }: {
     error: Error;
     extensionApi?: PublicPluginAPI<[AnalyticsPlugin]>;

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

@@ -9,8 +9,10 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { Fragment, Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -81,7 +83,9 @@ export type ExtensionPluginDependencies = [
     OptionalPlugin<ContextPanelPlugin>,
     OptionalPlugin<ContextIdentifierPlugin>,
     OptionalPlugin<ConnectivityPlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<MentionsPlugin>,
+    OptionalPlugin<CopyButtonPlugin>
 ];
 export type ExtensionPluginActions = {
     api: () => ExtensionAPI;

package/dist/types-ts4.5/pm-plugins/toolbar.d.ts

@@ -1,19 +1,24 @@
+import type { IntlShape } from 'react-intl-next';
 import { type ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import type { Command, FloatingToolbarHandler, PublicPluginAPI } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { ExtensionPluginOptions } from '../extensionPluginType';
 /**
  * Creates a function that copies the text content of the unsupported content extension to the clipboard
  * if the current selected extension is an unsupported content extension.
  */
-export declare const createOnClickCopyButton: ({ extensionApi, extensionProvider, getUnsupportedContent, state, }: {
+export declare const createOnClickCopyButton: ({ formatMessage, extensionApi, extensionProvider, getUnsupportedContent, state, locale, }: {
     extensionApi: GetToolbarConfigProps["extensionApi"];
     extensionProvider?: ExtensionProvider;
+    formatMessage: IntlShape["formatMessage"];
     getUnsupportedContent?: ExtensionPluginOptions["getUnsupportedContent"];
+    locale: string;
     state: EditorState;
 }) => Command | undefined;
 interface GetToolbarConfigProps {
@@ -22,7 +27,9 @@ interface GetToolbarConfigProps {
         ContextPanelPlugin,
         AnalyticsPlugin,
         DecorationsPlugin,
-        ConnectivityPlugin
+        ConnectivityPlugin,
+        MentionsPlugin,
+        CopyButtonPlugin
     ]> | undefined;
     getUnsupportedContent?: ExtensionPluginOptions['getUnsupportedContent'];
 }

package/dist/types-ts4.5/pm-plugins/utils.d.ts

@@ -1,6 +1,7 @@
 import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
 import { type JSONDocNode } from '@atlaskit/editor-json-transformer';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import type { Mark, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { DomAtPos, NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
@@ -19,10 +20,14 @@ export interface Position {
 /**
  * copying ADF from the unsupported content extension as text to clipboard
  */
-export declare const copyUnsupportedContentToClipboard: ({ schema, unsupportedContent, }: {
+export declare const copyUnsupportedContentToClipboard: ({ locale, schema, unsupportedContent, api, }: {
+    api?: PublicPluginAPI<[
+        MentionsPlugin
+    ]>;
+    locale?: string;
     schema: Schema;
     unsupportedContent?: JSONDocNode;
-}) => Error | undefined;
+}) => Promise<void>;
 export declare const onCopyFailed: ({ error, extensionApi, state, }: {
     error: Error;
     extensionApi?: PublicPluginAPI<[

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "10.1.4",
+	"version": "10.1.6",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -45,6 +45,7 @@
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/radio": "^8.4.0",
@@ -56,7 +57,7 @@
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^28.0.0",
+		"@atlaskit/tmp-editor-statsig": "^29.1.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
@@ -70,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.16.0",
+		"@atlaskit/editor-common": "^111.17.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},