@atlaskit/editor-plugin-extension 10.0.16 → 10.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-extension
 
+## 10.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.1.0
+
+### Minor Changes
+
+- [`71321772bd9a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71321772bd9a7) -
+  [ux] EDITOR-4932 - Copy extension text content when clicking copy button for unsupported content
+  extension.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.0.16
 
 ### Patch Changes

package/dist/cjs/extensionPlugin.js

@@ -182,7 +182,8 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
     pluginsOptions: {
       floatingToolbar: (0, _toolbar.getToolbarConfig)({
         breakoutEnabled: options.breakoutEnabled,
-        extensionApi: _api
+        extensionApi: _api,
+        getUnsupportedContent: options.getUnsupportedContent
       }),
       contextPanel:
       // if showContextPanel action is not available, or platform_editor_ai_object_sidebar_injection feature flag is off

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getToolbarConfig = void 0;
+exports.getToolbarConfig = exports.createOnClickCopyButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
@@ -262,14 +262,67 @@ var calculateToolbarPosition = function calculateToolbarPosition(editorView, nex
     left: nextPos.left
   };
 };
-var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref) {
-  var _ref$breakoutEnabled = _ref.breakoutEnabled,
-    breakoutEnabled = _ref$breakoutEnabled === void 0 ? true : _ref$breakoutEnabled,
-    extensionApi = _ref.extensionApi;
+
+/**
+ * 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.
+ */
+var createOnClickCopyButton = exports.createOnClickCopyButton = function createOnClickCopyButton(_ref) {
+  var extensionApi = _ref.extensionApi,
+    extensionProvider = _ref.extensionProvider,
+    getUnsupportedContent = _ref.getUnsupportedContent,
+    state = _ref.state;
+  if (!extensionProvider) {
+    return;
+  }
+  var nodeWithPos = (0, _utils3.getSelectedExtension)(state, true);
+  if (!nodeWithPos) {
+    return;
+  }
+  var node = nodeWithPos.node;
+  var _node$attrs = node.attrs,
+    extensionType = _node$attrs.extensionType,
+    extensionKey = _node$attrs.extensionKey;
+  var extensionParams = {
+    type: node.type.name,
+    extensionKey: extensionKey,
+    extensionType: extensionType,
+    parameters: node.attrs.parameters,
+    content: node.content,
+    localId: node.attrs.localId
+  };
+  var adf = getUnsupportedContent === null || getUnsupportedContent === void 0 ? void 0 : getUnsupportedContent(extensionParams);
+  if (!adf) {
+    return;
+  }
+
+  // this command copies the text content of the unsupported content extension to the clipboard
+  return function (editorState) {
+    var error = (0, _utils3.copyUnsupportedContentToClipboard)({
+      unsupportedContent: adf,
+      schema: state.schema
+    });
+    if (error) {
+      (0, _utils3.onCopyFailed)({
+        error: error,
+        extensionApi: extensionApi,
+        state: editorState
+      });
+      return false;
+    }
+    return true;
+  };
+};
+var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref2) {
+  var _ref2$breakoutEnabled = _ref2.breakoutEnabled,
+    breakoutEnabled = _ref2$breakoutEnabled === void 0 ? true : _ref2$breakoutEnabled,
+    extensionApi = _ref2.extensionApi,
+    getUnsupportedContent = _ref2.getUnsupportedContent;
   return function (state, intl) {
     var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect;
     var formatMessage = intl.formatMessage;
     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;
     var applyChangeToContextPanel = extensionApi === null || extensionApi === void 0 || (_extensionApi$context = extensionApi.contextPanel) === null || _extensionApi$context === void 0 ? void 0 : _extensionApi$context.actions.applyChange;
     var editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
@@ -330,7 +383,13 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
         items: [{
           state: state,
           formatMessage: intl.formatMessage,
-          nodeType: nodeType
+          nodeType: nodeType,
+          onClick: (0, _expValEquals.expValEquals)('platform_editor_ai_edit_unsupported_content', 'isEnabled', true) ? createOnClickCopyButton({
+            extensionApi: extensionApi,
+            extensionProvider: extensionProvider,
+            getUnsupportedContent: getUnsupportedContent,
+            state: state
+          }) : undefined
         }]
       }, shouldHideCopyButton && {
         hidden: shouldHideCopyButton

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

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSelectedExtension = exports.getSelectedDomElement = exports.getNodeTypesReferenced = exports.getDataConsumerMark = exports.findNodePosWithLocalId = exports.findExtensionWithLocalId = void 0;
+exports.onCopyFailed = exports.getSelectedExtension = exports.getSelectedDomElement = exports.getNodeTypesReferenced = exports.getDataConsumerMark = exports.findNodePosWithLocalId = exports.findExtensionWithLocalId = exports.copyUnsupportedContentToClipboard = void 0;
+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 getSelectedExtension = exports.getSelectedExtension = function getSelectedExtension(state) {
   var searchParent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -70,4 +73,55 @@ var getNodeTypesReferenced = exports.getNodeTypesReferenced = function getNodeTy
 var findNodePosWithLocalId = exports.findNodePosWithLocalId = function findNodePosWithLocalId(state, localId) {
   var nodes = (0, _utils.findNodePosByLocalIds)(state, [localId]);
   return nodes.length >= 1 ? nodes[0] : undefined;
+};
+/**
+ * copying ADF from the unsupported content extension as text to clipboard
+ */
+var copyUnsupportedContentToClipboard = exports.copyUnsupportedContentToClipboard = function copyUnsupportedContentToClipboard(_ref2) {
+  var schema = _ref2.schema,
+    unsupportedContent = _ref2.unsupportedContent;
+  try {
+    if (!unsupportedContent) {
+      return new Error('No nested content found');
+    }
+    if (unsupportedContent.type !== 'doc') {
+      unsupportedContent = {
+        version: 1,
+        type: 'doc',
+        content: [unsupportedContent]
+      };
+    }
+    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');
+  }
+};
+var onCopyFailed = exports.onCopyFailed = function onCopyFailed(_ref3) {
+  var _extensionApi$analyti;
+  var error = _ref3.error,
+    extensionApi = _ref3.extensionApi,
+    state = _ref3.state;
+  var nodeWithPos = getSelectedExtension(state, true);
+  if (!nodeWithPos) {
+    return;
+  }
+  var node = nodeWithPos.node;
+  var _node$attrs = node.attrs,
+    extensionType = _node$attrs.extensionType,
+    extensionKey = _node$attrs.extensionKey;
+  extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 || _extensionApi$analyti.actions.fireAnalyticsEvent({
+    eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+    action: _analytics.ACTION.COPY_FAILED,
+    actionSubject: _analytics.ACTION_SUBJECT.EXTENSION,
+    actionSubjectId: node.type.name,
+    attributes: {
+      extensionKey: extensionKey,
+      extensionType: extensionType,
+      errorMessage: error.message,
+      errorStack: error.stack
+    }
+  });
 };

package/dist/es2019/extensionPlugin.js

@@ -169,7 +169,8 @@ export const extensionPlugin = ({
     pluginsOptions: {
       floatingToolbar: getToolbarConfig({
         breakoutEnabled: options.breakoutEnabled,
-        extensionApi: api
+        extensionApi: api,
+        getUnsupportedContent: options.getUnsupportedContent
       }),
       contextPanel:
       // if showContextPanel action is not available, or platform_editor_ai_object_sidebar_injection feature flag is off

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

@@ -18,7 +18,7 @@ import { editExtension } from '../editor-actions/actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '../editor-commands/commands';
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
 import { getPluginState } from './plugin-factory';
-import { getSelectedExtension } from './utils';
+import { copyUnsupportedContentToClipboard, getSelectedExtension, onCopyFailed } from './utils';
 
 // non-bodied extensions nested inside panels, blockquotes and lists do not support layouts
 const isNestedNBM = (state, selectedExtNode) => {
@@ -260,15 +260,74 @@ const calculateToolbarPosition = (editorView, nextPos, state, extensionNode) =>
     left: nextPos.left
   };
 };
+
+/**
+ * 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 const createOnClickCopyButton = ({
+  extensionApi,
+  extensionProvider,
+  getUnsupportedContent,
+  state
+}) => {
+  if (!extensionProvider) {
+    return;
+  }
+  const nodeWithPos = getSelectedExtension(state, true);
+  if (!nodeWithPos) {
+    return;
+  }
+  const {
+    node
+  } = nodeWithPos;
+  const {
+    extensionType,
+    extensionKey
+  } = node.attrs;
+  const extensionParams = {
+    type: node.type.name,
+    extensionKey,
+    extensionType,
+    parameters: node.attrs.parameters,
+    content: node.content,
+    localId: node.attrs.localId
+  };
+  const adf = getUnsupportedContent === null || getUnsupportedContent === void 0 ? void 0 : getUnsupportedContent(extensionParams);
+  if (!adf) {
+    return;
+  }
+
+  // this command copies the text content of the unsupported content extension to the clipboard
+  return editorState => {
+    const error = copyUnsupportedContentToClipboard({
+      unsupportedContent: adf,
+      schema: state.schema
+    });
+    if (error) {
+      onCopyFailed({
+        error,
+        extensionApi,
+        state: editorState
+      });
+      return false;
+    }
+    return true;
+  };
+};
 export const getToolbarConfig = ({
   breakoutEnabled = true,
-  extensionApi
+  extensionApi,
+  getUnsupportedContent
 }) => (state, intl) => {
   var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect, _extensionApi$connect2, _extensionApi$connect3;
   const {
     formatMessage
   } = intl;
   const extensionState = getPluginState(state);
+  const {
+    extensionProvider
+  } = extensionState;
   const hoverDecoration = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$decorat = extensionApi.decorations) === null || _extensionApi$decorat === void 0 ? void 0 : _extensionApi$decorat.actions.hoverDecoration;
   const applyChangeToContextPanel = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$context = extensionApi.contextPanel) === null || _extensionApi$context === void 0 ? void 0 : _extensionApi$context.actions.applyChange;
   const editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
@@ -320,7 +379,13 @@ export const getToolbarConfig = ({
       items: [{
         state,
         formatMessage: intl.formatMessage,
-        nodeType
+        nodeType,
+        onClick: expValEquals('platform_editor_ai_edit_unsupported_content', 'isEnabled', true) ? createOnClickCopyButton({
+          extensionApi,
+          extensionProvider,
+          getUnsupportedContent,
+          state
+        }) : undefined
       }],
       ...(shouldHideCopyButton && {
         hidden: shouldHideCopyButton

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

@@ -1,4 +1,7 @@
+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';
 export const getSelectedExtension = (state, searchParent = false) => {
   const {
@@ -62,4 +65,60 @@ export const getNodeTypesReferenced = (ids, state) => {
 export const findNodePosWithLocalId = (state, localId) => {
   const nodes = findNodePosByLocalIds(state, [localId]);
   return nodes.length >= 1 ? nodes[0] : undefined;
+};
+/**
+ * copying ADF from the unsupported content extension as text to clipboard
+ */
+export const copyUnsupportedContentToClipboard = ({
+  schema,
+  unsupportedContent
+}) => {
+  try {
+    if (!unsupportedContent) {
+      return new Error('No nested content found');
+    }
+    if (unsupportedContent.type !== 'doc') {
+      unsupportedContent = {
+        version: 1,
+        type: 'doc',
+        content: [unsupportedContent]
+      };
+    }
+    const transformer = new JSONTransformer(schema);
+    const pmNode = transformer.parse(unsupportedContent);
+    const text = pmNode.textBetween(0, pmNode.content.size, '\n\n');
+    copyToClipboard(text);
+  } catch (error) {
+    return error instanceof Error ? error : new Error('Failed to copy content');
+  }
+};
+export const onCopyFailed = ({
+  error,
+  extensionApi,
+  state
+}) => {
+  var _extensionApi$analyti;
+  const nodeWithPos = getSelectedExtension(state, true);
+  if (!nodeWithPos) {
+    return;
+  }
+  const {
+    node
+  } = nodeWithPos;
+  const {
+    extensionType,
+    extensionKey
+  } = node.attrs;
+  extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions.fireAnalyticsEvent({
+    eventType: EVENT_TYPE.OPERATIONAL,
+    action: ACTION.COPY_FAILED,
+    actionSubject: ACTION_SUBJECT.EXTENSION,
+    actionSubjectId: node.type.name,
+    attributes: {
+      extensionKey,
+      extensionType,
+      errorMessage: error.message,
+      errorStack: error.stack
+    }
+  });
 };

package/dist/esm/extensionPlugin.js

@@ -173,7 +173,8 @@ export var extensionPlugin = function extensionPlugin(_ref) {
     pluginsOptions: {
       floatingToolbar: getToolbarConfig({
         breakoutEnabled: options.breakoutEnabled,
-        extensionApi: _api
+        extensionApi: _api,
+        getUnsupportedContent: options.getUnsupportedContent
       }),
       contextPanel:
       // if showContextPanel action is not available, or platform_editor_ai_object_sidebar_injection feature flag is off

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

@@ -22,7 +22,7 @@ import { editExtension } from '../editor-actions/actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '../editor-commands/commands';
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
 import { getPluginState } from './plugin-factory';
-import { getSelectedExtension } from './utils';
+import { copyUnsupportedContentToClipboard, getSelectedExtension, onCopyFailed } from './utils';
 
 // non-bodied extensions nested inside panels, blockquotes and lists do not support layouts
 var isNestedNBM = function isNestedNBM(state, selectedExtNode) {
@@ -256,14 +256,67 @@ var calculateToolbarPosition = function calculateToolbarPosition(editorView, nex
     left: nextPos.left
   };
 };
-export var getToolbarConfig = function getToolbarConfig(_ref) {
-  var _ref$breakoutEnabled = _ref.breakoutEnabled,
-    breakoutEnabled = _ref$breakoutEnabled === void 0 ? true : _ref$breakoutEnabled,
-    extensionApi = _ref.extensionApi;
+
+/**
+ * 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 var createOnClickCopyButton = function createOnClickCopyButton(_ref) {
+  var extensionApi = _ref.extensionApi,
+    extensionProvider = _ref.extensionProvider,
+    getUnsupportedContent = _ref.getUnsupportedContent,
+    state = _ref.state;
+  if (!extensionProvider) {
+    return;
+  }
+  var nodeWithPos = getSelectedExtension(state, true);
+  if (!nodeWithPos) {
+    return;
+  }
+  var node = nodeWithPos.node;
+  var _node$attrs = node.attrs,
+    extensionType = _node$attrs.extensionType,
+    extensionKey = _node$attrs.extensionKey;
+  var extensionParams = {
+    type: node.type.name,
+    extensionKey: extensionKey,
+    extensionType: extensionType,
+    parameters: node.attrs.parameters,
+    content: node.content,
+    localId: node.attrs.localId
+  };
+  var adf = getUnsupportedContent === null || getUnsupportedContent === void 0 ? void 0 : getUnsupportedContent(extensionParams);
+  if (!adf) {
+    return;
+  }
+
+  // this command copies the text content of the unsupported content extension to the clipboard
+  return function (editorState) {
+    var error = copyUnsupportedContentToClipboard({
+      unsupportedContent: adf,
+      schema: state.schema
+    });
+    if (error) {
+      onCopyFailed({
+        error: error,
+        extensionApi: extensionApi,
+        state: editorState
+      });
+      return false;
+    }
+    return true;
+  };
+};
+export var getToolbarConfig = function getToolbarConfig(_ref2) {
+  var _ref2$breakoutEnabled = _ref2.breakoutEnabled,
+    breakoutEnabled = _ref2$breakoutEnabled === void 0 ? true : _ref2$breakoutEnabled,
+    extensionApi = _ref2.extensionApi,
+    getUnsupportedContent = _ref2.getUnsupportedContent;
   return function (state, intl) {
     var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect;
     var formatMessage = intl.formatMessage;
     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;
     var applyChangeToContextPanel = extensionApi === null || extensionApi === void 0 || (_extensionApi$context = extensionApi.contextPanel) === null || _extensionApi$context === void 0 ? void 0 : _extensionApi$context.actions.applyChange;
     var editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
@@ -324,7 +377,13 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
         items: [{
           state: state,
           formatMessage: intl.formatMessage,
-          nodeType: nodeType
+          nodeType: nodeType,
+          onClick: expValEquals('platform_editor_ai_edit_unsupported_content', 'isEnabled', true) ? createOnClickCopyButton({
+            extensionApi: extensionApi,
+            extensionProvider: extensionProvider,
+            getUnsupportedContent: getUnsupportedContent,
+            state: state
+          }) : undefined
         }]
       }, shouldHideCopyButton && {
         hidden: shouldHideCopyButton

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

@@ -1,4 +1,7 @@
+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';
 export var getSelectedExtension = function getSelectedExtension(state) {
   var searchParent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -64,4 +67,55 @@ export var getNodeTypesReferenced = function getNodeTypesReferenced(ids, state)
 export var findNodePosWithLocalId = function findNodePosWithLocalId(state, localId) {
   var nodes = findNodePosByLocalIds(state, [localId]);
   return nodes.length >= 1 ? nodes[0] : undefined;
+};
+/**
+ * copying ADF from the unsupported content extension as text to clipboard
+ */
+export var copyUnsupportedContentToClipboard = function copyUnsupportedContentToClipboard(_ref2) {
+  var schema = _ref2.schema,
+    unsupportedContent = _ref2.unsupportedContent;
+  try {
+    if (!unsupportedContent) {
+      return new Error('No nested content found');
+    }
+    if (unsupportedContent.type !== 'doc') {
+      unsupportedContent = {
+        version: 1,
+        type: 'doc',
+        content: [unsupportedContent]
+      };
+    }
+    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');
+  }
+};
+export var onCopyFailed = function onCopyFailed(_ref3) {
+  var _extensionApi$analyti;
+  var error = _ref3.error,
+    extensionApi = _ref3.extensionApi,
+    state = _ref3.state;
+  var nodeWithPos = getSelectedExtension(state, true);
+  if (!nodeWithPos) {
+    return;
+  }
+  var node = nodeWithPos.node;
+  var _node$attrs = node.attrs,
+    extensionType = _node$attrs.extensionType,
+    extensionKey = _node$attrs.extensionKey;
+  extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 || _extensionApi$analyti.actions.fireAnalyticsEvent({
+    eventType: EVENT_TYPE.OPERATIONAL,
+    action: ACTION.COPY_FAILED,
+    actionSubject: ACTION_SUBJECT.EXTENSION,
+    actionSubjectId: node.type.name,
+    attributes: {
+      extensionKey: extensionKey,
+      extensionType: extensionType,
+      errorMessage: error.message,
+      errorStack: error.stack
+    }
+  });
 };

package/dist/types/extensionPluginType.d.ts

@@ -1,9 +1,10 @@
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
-import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
+import type { ExtensionAPI, ExtensionHandlers, ExtensionParams, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 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';
@@ -54,6 +55,11 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
      * Helps optimize layout shift while rendering by setting minimum heights before the extension content loads.
      */
     getExtensionHeight?: GetPMNodeHeight;
+    /**
+     * Returns the ADF content of the unsupported content extension.
+     * Which will be copied to the clipboard when the copy button is clicked.
+     */
+    getUnsupportedContent?: (node: ExtensionParams<Parameters>) => JSONDocNode | undefined;
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;

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

@@ -1,11 +1,25 @@
-import type { FloatingToolbarHandler, PublicPluginAPI } from '@atlaskit/editor-common/types';
+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 { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+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, }: {
+    extensionApi: GetToolbarConfigProps["extensionApi"];
+    extensionProvider?: ExtensionProvider;
+    getUnsupportedContent?: ExtensionPluginOptions["getUnsupportedContent"];
+    state: EditorState;
+}) => Command | undefined;
 interface GetToolbarConfigProps {
     breakoutEnabled: boolean | undefined;
     extensionApi?: PublicPluginAPI<[ContextPanelPlugin, AnalyticsPlugin, DecorationsPlugin, ConnectivityPlugin]> | undefined;
+    getUnsupportedContent?: ExtensionPluginOptions['getUnsupportedContent'];
 }
-export declare const getToolbarConfig: ({ breakoutEnabled, extensionApi }: GetToolbarConfigProps) => FloatingToolbarHandler;
+export declare const getToolbarConfig: ({ breakoutEnabled, extensionApi, getUnsupportedContent, }: GetToolbarConfigProps) => FloatingToolbarHandler;
 export {};

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

@@ -1,3 +1,6 @@
+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 { 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';
@@ -13,3 +16,15 @@ export interface Position {
     right?: number;
     top?: number;
 }
+/**
+ * copying ADF from the unsupported content extension as text to clipboard
+ */
+export declare const copyUnsupportedContentToClipboard: ({ schema, unsupportedContent, }: {
+    schema: Schema;
+    unsupportedContent?: JSONDocNode;
+}) => Error | undefined;
+export declare const onCopyFailed: ({ error, extensionApi, state, }: {
+    error: Error;
+    extensionApi?: PublicPluginAPI<[AnalyticsPlugin]>;
+    state: EditorState;
+}) => void;

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

@@ -1,9 +1,10 @@
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
-import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
+import type { ExtensionAPI, ExtensionHandlers, ExtensionParams, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 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';
@@ -54,6 +55,11 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
      * Helps optimize layout shift while rendering by setting minimum heights before the extension content loads.
      */
     getExtensionHeight?: GetPMNodeHeight;
+    /**
+     * Returns the ADF content of the unsupported content extension.
+     * Which will be copied to the clipboard when the copy button is clicked.
+     */
+    getUnsupportedContent?: (node: ExtensionParams<Parameters>) => JSONDocNode | undefined;
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;

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

@@ -1,8 +1,21 @@
-import type { FloatingToolbarHandler, PublicPluginAPI } from '@atlaskit/editor-common/types';
+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 { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+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, }: {
+    extensionApi: GetToolbarConfigProps["extensionApi"];
+    extensionProvider?: ExtensionProvider;
+    getUnsupportedContent?: ExtensionPluginOptions["getUnsupportedContent"];
+    state: EditorState;
+}) => Command | undefined;
 interface GetToolbarConfigProps {
     breakoutEnabled: boolean | undefined;
     extensionApi?: PublicPluginAPI<[
@@ -11,6 +24,7 @@ interface GetToolbarConfigProps {
         DecorationsPlugin,
         ConnectivityPlugin
     ]> | undefined;
+    getUnsupportedContent?: ExtensionPluginOptions['getUnsupportedContent'];
 }
-export declare const getToolbarConfig: ({ breakoutEnabled, extensionApi }: GetToolbarConfigProps) => FloatingToolbarHandler;
+export declare const getToolbarConfig: ({ breakoutEnabled, extensionApi, getUnsupportedContent, }: GetToolbarConfigProps) => FloatingToolbarHandler;
 export {};

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

@@ -1,3 +1,6 @@
+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 { 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';
@@ -13,3 +16,17 @@ export interface Position {
     right?: number;
     top?: number;
 }
+/**
+ * copying ADF from the unsupported content extension as text to clipboard
+ */
+export declare const copyUnsupportedContentToClipboard: ({ schema, unsupportedContent, }: {
+    schema: Schema;
+    unsupportedContent?: JSONDocNode;
+}) => Error | undefined;
+export declare const onCopyFailed: ({ error, extensionApi, state, }: {
+    error: Error;
+    extensionApi?: PublicPluginAPI<[
+        AnalyticsPlugin
+    ]>;
+    state: EditorState;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "10.0.16",
+	"version": "10.1.1",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -50,13 +50,13 @@
 		"@atlaskit/radio": "^8.4.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.7.0",
-		"@atlaskit/smart-user-picker": "^8.9.0",
+		"@atlaskit/smart-user-picker": "^9.0.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.3.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^25.1.0",
+		"@atlaskit/tmp-editor-statsig": "^25.3.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.12.0",
+		"@atlaskit/editor-common": "^111.14.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},