@atlaskit/editor-plugin-card 13.0.3 → 13.0.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-card
 
+## 13.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.3
 
 ### Patch Changes

package/dist/cjs/cardPlugin.js

@@ -39,6 +39,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
     api = _ref.api;
   var previousCardProvider;
   var cardPluginEvents = (0, _createEventsQueue.createEventsQueue)();
+  var instanceEmbedCardTransformers = options.embedCardTransformers;
   api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref2) {
     var tr = _ref2.tr,
       node = _ref2.node,
@@ -95,6 +96,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
           allowAlignment: allowAlignment,
           allowDatasource: allowDatasource,
           cardPluginEvents: cardPluginEvents,
+          embedCardTransformers: instanceEmbedCardTransformers,
           showUpgradeDiscoverability: showUpgradeDiscoverability
         }), api)
       }];
@@ -168,6 +170,9 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
       }(),
       hideLinkToolbar: _actions.hideLinkToolbar,
       queueCardsFromChangedTr: _doc.queueCardsFromChangedTr,
+      registerEmbedCardTransformer: function registerEmbedCardTransformer(transformers) {
+        instanceEmbedCardTransformers = transformers;
+      },
       getStartingToolbarItems: (0, _toolbar.getStartingToolbarItems)(options, api),
       getEndingToolbarItems: (0, _toolbar.getEndingToolbarItems)(options, api)
     },

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

@@ -60,7 +60,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   }
   return $pos.node($pos.depth - 1).type.name;
 }
-var replaceQueuedUrlWithCard = exports.replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) {
+var replaceQueuedUrlWithCard = exports.replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer) {
   return function (editorState, dispatch) {
     var state = _pluginKey.pluginKey.getState(editorState);
     if (!state) {
@@ -74,7 +74,18 @@ var replaceQueuedUrlWithCard = exports.replaceQueuedUrlWithCard = function repla
 
     // try to transform response to ADF
     var schema = editorState.schema;
-    var cardAdf = (0, _utils.processRawValue)(schema, cardData);
+    var cardAdf = null;
+
+    // If an embed card transformer is provided and the resolved card is an embedCard,
+    // attempt to transform it into an alternative node representation first.
+    if (cardData.type === 'embedCard' && embedCardNodeTransformer) {
+      var _embedCardNodeTransfo;
+      cardAdf = (_embedCardNodeTransfo = embedCardNodeTransformer(schema, cardData.attrs)) !== null && _embedCardNodeTransfo !== void 0 ? _embedCardNodeTransfo : null;
+    }
+    if (!cardAdf) {
+      var _processRawValue;
+      cardAdf = (_processRawValue = (0, _utils.processRawValue)(schema, cardData)) !== null && _processRawValue !== void 0 ? _processRawValue : null;
+    }
     var tr = editorState.tr;
     if (cardAdf) {
       // Should prevent any other node than cards? [inlineCard, blockCard].includes(cardAdf.type)
@@ -380,7 +391,7 @@ var changeSelectedCardToText = exports.changeSelectedCardToText = function chang
 };
 var setSelectedCardAppearance = exports.setSelectedCardAppearance = function setSelectedCardAppearance(appearance, editorAnalyticsApi) {
   return function (state, dispatch) {
-    var _previousNode$type;
+    var _selectedNode$attrs$d, _previousNode$type;
     var selectedNode = state.selection instanceof _state.NodeSelection ? state.selection.node : undefined;
     if (!selectedNode) {
       // When there is no selected node, we insert a new one
@@ -403,6 +414,36 @@ var setSelectedCardAppearance = exports.setSelectedCardAppearance = function set
       to = _state$selection.to;
     var nodeType = getLinkNodeType(appearance, state.schema.nodes);
     var tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+
+    // If switching to embed appearance, attempt to use a registered transform command
+    // to create an alternative node representation (e.g. a native embed).
+    if (appearance === 'embed' && (selectedNode.attrs.url || (_selectedNode$attrs$d = selectedNode.attrs.data) !== null && _selectedNode$attrs$d !== void 0 && _selectedNode$attrs$d.url)) {
+      var _cardState$embedCardT;
+      var cardState = _pluginKey.pluginKey.getState(state);
+      var createEmbedCardTransformCommand = cardState === null || cardState === void 0 || (_cardState$embedCardT = cardState.embedCardTransformers) === null || _cardState$embedCardT === void 0 ? void 0 : _cardState$embedCardT.createEmbedCardTransformCommand;
+      if (createEmbedCardTransformCommand) {
+        var transformCommand = createEmbedCardTransformCommand({
+          augmentTransaction: function augmentTransaction(augmentTr) {
+            updateDatasourceStash(augmentTr, selectedNode);
+            editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
+              action: _analytics.ACTION.CHANGED_TYPE,
+              actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
+              eventType: _analytics.EVENT_TYPE.TRACK,
+              attributes: {
+                newType: appearance,
+                previousType: (0, _utils2.appearanceForNodeType)(selectedNode.type)
+              }
+            })(augmentTr);
+            (0, _card.addLinkMetadata)(state.selection, augmentTr, {
+              action: _analytics.ACTION.CHANGED_TYPE
+            });
+          }
+        });
+        if (transformCommand(state, dispatch)) {
+          return true;
+        }
+      }
+    }
     updateDatasourceStash(tr, selectedNode);
 
     // When the selected card is the last element in the doc we add a new paragraph after it for consistent replacement

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

@@ -55,7 +55,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       onClickCallback = options.onClickCallback,
       isPageSSRed = options.isPageSSRed,
       provider = options.provider,
-      CompetitorPrompt = options.CompetitorPrompt;
+      CompetitorPrompt = options.CompetitorPrompt,
+      embedCardTransformers = options.embedCardTransformers;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)({
       pmPluginFactoryParams: pmPluginFactoryParams,
@@ -84,6 +85,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
             editorAppearance: editorAppearance,
+            embedCardTransformers: embedCardTransformers,
             showDatasourceModal: false,
             datasourceModalType: undefined,
             datasourceTableRef: undefined,
@@ -210,8 +212,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
                  * other tasks as per common implementations of the JavaScript event loop in browsers.
                  */
                 var invoke = (0, _rafSchd.default)(function () {
-                  var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3;
-                  return (0, _resolve.resolveWithProvider)(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
+                  var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3, _currentState$embedCa;
+                  return (0, _resolve.resolveWithProvider)(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined, currentState === null || currentState === void 0 || (_currentState$embedCa = currentState.embedCardTransformers) === null || _currentState$embedCa === void 0 ? void 0 : _currentState$embedCa.embedCardNodeTransformer);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();

package/dist/cjs/pm-plugins/util/resolve.js

@@ -33,7 +33,7 @@ var isFreshlyPastedOnNewLine = function isFreshlyPastedOnNewLine(view) {
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-var resolveWithProvider = exports.resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
+var resolveWithProvider = exports.resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer) {
   var isEmbedFriendlyLocation = isFreshlyPastedOnNewLine(view);
 
   // When user manually changes appearance from blue link to smart link, we should respect that,
@@ -42,7 +42,7 @@ var resolveWithProvider = exports.resolveWithProvider = function resolveWithProv
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options, embedCardNodeTransformer), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 var updateCardType = function updateCardType(resolvedCard, options) {
@@ -63,10 +63,10 @@ var updateCardType = function updateCardType(resolvedCard, options) {
     resolvedCard.type = 'inlineCard';
   }
 };
-var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options) {
+var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options, embedCardNodeTransformer) {
   return function (resolvedCard) {
     updateCardType(resolvedCard, options);
-    (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);
+    (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer)(view.state, view.dispatch);
     return resolvedCard;
   };
 };

package/dist/es2019/cardPlugin.js

@@ -28,6 +28,7 @@ export const cardPlugin = ({
   var _api$base, _options$lpLinkPicker;
   let previousCardProvider;
   const cardPluginEvents = createEventsQueue();
+  let instanceEmbedCardTransformers = options.embedCardTransformers;
   api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.actions.registerMarks(({
     tr,
     node,
@@ -92,6 +93,7 @@ export const cardPlugin = ({
           allowAlignment,
           allowDatasource,
           cardPluginEvents,
+          embedCardTransformers: instanceEmbedCardTransformers,
           showUpgradeDiscoverability
         }, api)
       }];
@@ -146,6 +148,9 @@ export const cardPlugin = ({
       },
       hideLinkToolbar,
       queueCardsFromChangedTr,
+      registerEmbedCardTransformer: transformers => {
+        instanceEmbedCardTransformers = transformers;
+      },
       getStartingToolbarItems: getStartingToolbarItems(options, api),
       getEndingToolbarItems: getEndingToolbarItems(options, api)
     },

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

@@ -54,7 +54,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   }
   return $pos.node($pos.depth - 1).type.name;
 }
-export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) => (editorState, dispatch) => {
+export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer) => (editorState, dispatch) => {
   const state = pluginKey.getState(editorState);
   if (!state) {
     return false;
@@ -65,7 +65,18 @@ export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorA
 
   // try to transform response to ADF
   const schema = editorState.schema;
-  const cardAdf = processRawValue(schema, cardData);
+  let cardAdf = null;
+
+  // If an embed card transformer is provided and the resolved card is an embedCard,
+  // attempt to transform it into an alternative node representation first.
+  if (cardData.type === 'embedCard' && embedCardNodeTransformer) {
+    var _embedCardNodeTransfo;
+    cardAdf = (_embedCardNodeTransfo = embedCardNodeTransformer(schema, cardData.attrs)) !== null && _embedCardNodeTransfo !== void 0 ? _embedCardNodeTransfo : null;
+  }
+  if (!cardAdf) {
+    var _processRawValue;
+    cardAdf = (_processRawValue = processRawValue(schema, cardData)) !== null && _processRawValue !== void 0 ? _processRawValue : null;
+  }
   const tr = editorState.tr;
   if (cardAdf) {
     // Should prevent any other node than cards? [inlineCard, blockCard].includes(cardAdf.type)
@@ -350,7 +361,7 @@ export const changeSelectedCardToText = (text, editorAnalyticsApi) => (state, di
   return true;
 };
 export const setSelectedCardAppearance = (appearance, editorAnalyticsApi) => (state, dispatch) => {
-  var _previousNode$type;
+  var _selectedNode$attrs$d, _previousNode$type;
   const selectedNode = state.selection instanceof NodeSelection ? state.selection.node : undefined;
   if (!selectedNode) {
     // When there is no selected node, we insert a new one
@@ -374,6 +385,36 @@ export const setSelectedCardAppearance = (appearance, editorAnalyticsApi) => (st
   } = state.selection;
   const nodeType = getLinkNodeType(appearance, state.schema.nodes);
   const tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+
+  // If switching to embed appearance, attempt to use a registered transform command
+  // to create an alternative node representation (e.g. a native embed).
+  if (appearance === 'embed' && (selectedNode.attrs.url || (_selectedNode$attrs$d = selectedNode.attrs.data) !== null && _selectedNode$attrs$d !== void 0 && _selectedNode$attrs$d.url)) {
+    var _cardState$embedCardT;
+    const cardState = pluginKey.getState(state);
+    const createEmbedCardTransformCommand = cardState === null || cardState === void 0 ? void 0 : (_cardState$embedCardT = cardState.embedCardTransformers) === null || _cardState$embedCardT === void 0 ? void 0 : _cardState$embedCardT.createEmbedCardTransformCommand;
+    if (createEmbedCardTransformCommand) {
+      const transformCommand = createEmbedCardTransformCommand({
+        augmentTransaction: augmentTr => {
+          updateDatasourceStash(augmentTr, selectedNode);
+          editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+            action: ACTION.CHANGED_TYPE,
+            actionSubject: ACTION_SUBJECT.SMART_LINK,
+            eventType: EVENT_TYPE.TRACK,
+            attributes: {
+              newType: appearance,
+              previousType: appearanceForNodeType(selectedNode.type)
+            }
+          })(augmentTr);
+          addLinkMetadata(state.selection, augmentTr, {
+            action: ACTION.CHANGED_TYPE
+          });
+        }
+      });
+      if (transformCommand(state, dispatch)) {
+        return true;
+      }
+    }
+  }
   updateDatasourceStash(tr, selectedNode);
 
   // When the selected card is the last element in the doc we add a new paragraph after it for consistent replacement

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

@@ -44,7 +44,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     onClickCallback,
     isPageSSRed,
     provider,
-    CompetitorPrompt
+    CompetitorPrompt,
+    embedCardTransformers
   } = options;
   const enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
   const inlineCardViewProducer = getInlineNodeViewProducer({
@@ -74,6 +75,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           showLinkingToolbar: false,
           smartLinkEvents: undefined,
           editorAppearance,
+          embedCardTransformers,
           showDatasourceModal: false,
           datasourceModalType: undefined,
           datasourceTableRef: undefined,
@@ -209,8 +211,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
                * other tasks as per common implementations of the JavaScript event loop in browsers.
                */
               const invoke = rafSchedule(() => {
-                var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3, _pluginInjectionApi$a4;
-                return resolveWithProvider(view, provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : (_pluginInjectionApi$a4 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
+                var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3, _pluginInjectionApi$a4, _currentState$embedCa;
+                return resolveWithProvider(view, provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : (_pluginInjectionApi$a4 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined, currentState === null || currentState === void 0 ? void 0 : (_currentState$embedCa = currentState.embedCardTransformers) === null || _currentState$embedCa === void 0 ? void 0 : _currentState$embedCa.embedCardNodeTransformer);
               });
               rafCancellationCallbacks.push(invoke.cancel);
               invoke();

package/dist/es2019/pm-plugins/util/resolve.js

@@ -30,7 +30,7 @@ const isFreshlyPastedOnNewLine = view => {
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-export const resolveWithProvider = (view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) => {
+export const resolveWithProvider = (view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer) => {
   const isEmbedFriendlyLocation = isFreshlyPastedOnNewLine(view);
 
   // When user manually changes appearance from blue link to smart link, we should respect that,
@@ -39,7 +39,7 @@ export const resolveWithProvider = (view, provider, request, options, editorAnal
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  const handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  const handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options, embedCardNodeTransformer), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 const updateCardType = (resolvedCard, options) => {
@@ -60,9 +60,9 @@ const updateCardType = (resolvedCard, options) => {
     resolvedCard.type = 'inlineCard';
   }
 };
-const handleResolved = (view, request, editorAnalyticsApi, createAnalyticsEvent, options) => resolvedCard => {
+const handleResolved = (view, request, editorAnalyticsApi, createAnalyticsEvent, options, embedCardNodeTransformer) => resolvedCard => {
   updateCardType(resolvedCard, options);
-  replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);
+  replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer)(view.state, view.dispatch);
   return resolvedCard;
 };
 const handleRejected = (view, request, editorAnalyticsApi) => () => {

package/dist/esm/cardPlugin.js

@@ -33,6 +33,7 @@ export var cardPlugin = function cardPlugin(_ref) {
     api = _ref.api;
   var previousCardProvider;
   var cardPluginEvents = createEventsQueue();
+  var instanceEmbedCardTransformers = options.embedCardTransformers;
   api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref2) {
     var tr = _ref2.tr,
       node = _ref2.node,
@@ -89,6 +90,7 @@ export var cardPlugin = function cardPlugin(_ref) {
           allowAlignment: allowAlignment,
           allowDatasource: allowDatasource,
           cardPluginEvents: cardPluginEvents,
+          embedCardTransformers: instanceEmbedCardTransformers,
           showUpgradeDiscoverability: showUpgradeDiscoverability
         }), api)
       }];
@@ -162,6 +164,9 @@ export var cardPlugin = function cardPlugin(_ref) {
       }(),
       hideLinkToolbar: hideLinkToolbar,
       queueCardsFromChangedTr: queueCardsFromChangedTr,
+      registerEmbedCardTransformer: function registerEmbedCardTransformer(transformers) {
+        instanceEmbedCardTransformers = transformers;
+      },
       getStartingToolbarItems: getStartingToolbarItems(options, api),
       getEndingToolbarItems: getEndingToolbarItems(options, api)
     },

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

@@ -54,7 +54,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   }
   return $pos.node($pos.depth - 1).type.name;
 }
-export var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) {
+export var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer) {
   return function (editorState, dispatch) {
     var state = pluginKey.getState(editorState);
     if (!state) {
@@ -68,7 +68,18 @@ export var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, car
 
     // try to transform response to ADF
     var schema = editorState.schema;
-    var cardAdf = processRawValue(schema, cardData);
+    var cardAdf = null;
+
+    // If an embed card transformer is provided and the resolved card is an embedCard,
+    // attempt to transform it into an alternative node representation first.
+    if (cardData.type === 'embedCard' && embedCardNodeTransformer) {
+      var _embedCardNodeTransfo;
+      cardAdf = (_embedCardNodeTransfo = embedCardNodeTransformer(schema, cardData.attrs)) !== null && _embedCardNodeTransfo !== void 0 ? _embedCardNodeTransfo : null;
+    }
+    if (!cardAdf) {
+      var _processRawValue;
+      cardAdf = (_processRawValue = processRawValue(schema, cardData)) !== null && _processRawValue !== void 0 ? _processRawValue : null;
+    }
     var tr = editorState.tr;
     if (cardAdf) {
       // Should prevent any other node than cards? [inlineCard, blockCard].includes(cardAdf.type)
@@ -374,7 +385,7 @@ export var changeSelectedCardToText = function changeSelectedCardToText(text, ed
 };
 export var setSelectedCardAppearance = function setSelectedCardAppearance(appearance, editorAnalyticsApi) {
   return function (state, dispatch) {
-    var _previousNode$type;
+    var _selectedNode$attrs$d, _previousNode$type;
     var selectedNode = state.selection instanceof NodeSelection ? state.selection.node : undefined;
     if (!selectedNode) {
       // When there is no selected node, we insert a new one
@@ -397,6 +408,36 @@ export var setSelectedCardAppearance = function setSelectedCardAppearance(appear
       to = _state$selection.to;
     var nodeType = getLinkNodeType(appearance, state.schema.nodes);
     var tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+
+    // If switching to embed appearance, attempt to use a registered transform command
+    // to create an alternative node representation (e.g. a native embed).
+    if (appearance === 'embed' && (selectedNode.attrs.url || (_selectedNode$attrs$d = selectedNode.attrs.data) !== null && _selectedNode$attrs$d !== void 0 && _selectedNode$attrs$d.url)) {
+      var _cardState$embedCardT;
+      var cardState = pluginKey.getState(state);
+      var createEmbedCardTransformCommand = cardState === null || cardState === void 0 || (_cardState$embedCardT = cardState.embedCardTransformers) === null || _cardState$embedCardT === void 0 ? void 0 : _cardState$embedCardT.createEmbedCardTransformCommand;
+      if (createEmbedCardTransformCommand) {
+        var transformCommand = createEmbedCardTransformCommand({
+          augmentTransaction: function augmentTransaction(augmentTr) {
+            updateDatasourceStash(augmentTr, selectedNode);
+            editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
+              action: ACTION.CHANGED_TYPE,
+              actionSubject: ACTION_SUBJECT.SMART_LINK,
+              eventType: EVENT_TYPE.TRACK,
+              attributes: {
+                newType: appearance,
+                previousType: appearanceForNodeType(selectedNode.type)
+              }
+            })(augmentTr);
+            addLinkMetadata(state.selection, augmentTr, {
+              action: ACTION.CHANGED_TYPE
+            });
+          }
+        });
+        if (transformCommand(state, dispatch)) {
+          return true;
+        }
+      }
+    }
     updateDatasourceStash(tr, selectedNode);
 
     // When the selected card is the last element in the doc we add a new paragraph after it for consistent replacement

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

@@ -48,7 +48,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       onClickCallback = options.onClickCallback,
       isPageSSRed = options.isPageSSRed,
       provider = options.provider,
-      CompetitorPrompt = options.CompetitorPrompt;
+      CompetitorPrompt = options.CompetitorPrompt,
+      embedCardTransformers = options.embedCardTransformers;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = getInlineNodeViewProducer({
       pmPluginFactoryParams: pmPluginFactoryParams,
@@ -77,6 +78,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
             editorAppearance: editorAppearance,
+            embedCardTransformers: embedCardTransformers,
             showDatasourceModal: false,
             datasourceModalType: undefined,
             datasourceTableRef: undefined,
@@ -203,8 +205,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
                  * other tasks as per common implementations of the JavaScript event loop in browsers.
                  */
                 var invoke = rafSchedule(function () {
-                  var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3;
-                  return resolveWithProvider(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
+                  var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3, _currentState$embedCa;
+                  return resolveWithProvider(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined, currentState === null || currentState === void 0 || (_currentState$embedCa = currentState.embedCardTransformers) === null || _currentState$embedCa === void 0 ? void 0 : _currentState$embedCa.embedCardNodeTransformer);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();

package/dist/esm/pm-plugins/util/resolve.js

@@ -27,7 +27,7 @@ var isFreshlyPastedOnNewLine = function isFreshlyPastedOnNewLine(view) {
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-export var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
+export var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer) {
   var isEmbedFriendlyLocation = isFreshlyPastedOnNewLine(view);
 
   // When user manually changes appearance from blue link to smart link, we should respect that,
@@ -36,7 +36,7 @@ export var resolveWithProvider = function resolveWithProvider(view, provider, re
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options), handleRejected(view, request, editorAnalyticsApi));
+  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance, isEmbedFriendlyLocation).then(handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options, embedCardNodeTransformer), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 var updateCardType = function updateCardType(resolvedCard, options) {
@@ -57,10 +57,10 @@ var updateCardType = function updateCardType(resolvedCard, options) {
     resolvedCard.type = 'inlineCard';
   }
 };
-var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options) {
+var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options, embedCardNodeTransformer) {
   return function (resolvedCard) {
     updateCardType(resolvedCard, options);
-    replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);
+    replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent, embedCardNodeTransformer)(view.state, view.dispatch);
     return resolvedCard;
   };
 };

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

@@ -1,7 +1,7 @@
 import type { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { ACTION } from '@atlaskit/editor-common/analytics';
-import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { CardReplacementInputMethod, EmbedCardNodeTransformer } from '@atlaskit/editor-common/card';
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Attrs, Node, NodeType } from '@atlaskit/editor-prosemirror/model';
@@ -9,7 +9,7 @@ import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/stat
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardAdf, DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common';
 import type { Request } from '../types';
-export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent) => Command;
+export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
 export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | "url") => Transaction;

package/dist/types/pm-plugins/util/resolve.d.ts

@@ -1,9 +1,9 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { CardOptions } from '@atlaskit/editor-common/card';
+import type { CardOptions, EmbedCardNodeTransformer } from '@atlaskit/editor-common/card';
 import type { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockCardAdf, DatasourceAdf, EmbedCardAdf, InlineCardAdf } from '@atlaskit/linking-common';
 import type { Request } from '../../types';
-export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined) => Promise<void | DatasourceAdf<Record<string, unknown>> | InlineCardAdf | BlockCardAdf | EmbedCardAdf>;
+export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Promise<void | DatasourceAdf<Record<string, unknown>> | InlineCardAdf | BlockCardAdf | EmbedCardAdf>;
 export declare const handleProvider: (_: "cardProvider", provider: Promise<CardProvider> | undefined, view: EditorView) => void;

package/dist/types/types/index.d.ts

@@ -1,7 +1,7 @@
 import type { RichMediaAttributes } from '@atlaskit/adf-schema';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';
-import type { CardOptions, CardReplacementInputMethod, OnClickCallback } from '@atlaskit/editor-common/card';
+import type { CardOptions, CardReplacementInputMethod, EmbedCardTransformers, OnClickCallback } from '@atlaskit/editor-common/card';
 import type { CardAppearance, CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType, EditorAppearance, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
@@ -88,6 +88,7 @@ export type CardPluginState = {
     datasourceStash: DatasourceStash;
     datasourceTableRef?: HTMLElement;
     editorAppearance?: EditorAppearance;
+    embedCardTransformers?: EmbedCardTransformers;
     inlineCardAwarenessCandidatePosition?: number;
     layout?: DatasourceTableLayout;
     overlayCandidatePosition?: number;
@@ -107,6 +108,7 @@ export type CardPluginOptions = CardOptions & {
     }>;
     disableFloatingToolbar?: boolean;
     editorAppearance?: EditorAppearance;
+    embedCardTransformers?: EmbedCardTransformers;
     fullWidthMode?: boolean;
     isPageSSRed?: boolean;
     linkPicker?: LinkPickerOptions;

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

@@ -1,7 +1,7 @@
 import type { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { ACTION } from '@atlaskit/editor-common/analytics';
-import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { CardReplacementInputMethod, EmbedCardNodeTransformer } from '@atlaskit/editor-common/card';
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Attrs, Node, NodeType } from '@atlaskit/editor-prosemirror/model';
@@ -9,7 +9,7 @@ import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/stat
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardAdf, DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common';
 import type { Request } from '../types';
-export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent) => Command;
+export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
 export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | "url") => Transaction;

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

@@ -1,9 +1,9 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { CardOptions } from '@atlaskit/editor-common/card';
+import type { CardOptions, EmbedCardNodeTransformer } from '@atlaskit/editor-common/card';
 import type { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockCardAdf, DatasourceAdf, EmbedCardAdf, InlineCardAdf } from '@atlaskit/linking-common';
 import type { Request } from '../../types';
-export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined) => Promise<void | DatasourceAdf<Record<string, unknown>> | InlineCardAdf | BlockCardAdf | EmbedCardAdf>;
+export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Promise<void | DatasourceAdf<Record<string, unknown>> | InlineCardAdf | BlockCardAdf | EmbedCardAdf>;
 export declare const handleProvider: (_: "cardProvider", provider: Promise<CardProvider> | undefined, view: EditorView) => void;

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

@@ -1,7 +1,7 @@
 import type { RichMediaAttributes } from '@atlaskit/adf-schema';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';
-import type { CardOptions, CardReplacementInputMethod, OnClickCallback } from '@atlaskit/editor-common/card';
+import type { CardOptions, CardReplacementInputMethod, EmbedCardTransformers, OnClickCallback } from '@atlaskit/editor-common/card';
 import type { CardAppearance, CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType, EditorAppearance, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
@@ -88,6 +88,7 @@ export type CardPluginState = {
     datasourceStash: DatasourceStash;
     datasourceTableRef?: HTMLElement;
     editorAppearance?: EditorAppearance;
+    embedCardTransformers?: EmbedCardTransformers;
     inlineCardAwarenessCandidatePosition?: number;
     layout?: DatasourceTableLayout;
     overlayCandidatePosition?: number;
@@ -107,6 +108,7 @@ export type CardPluginOptions = CardOptions & {
     }>;
     disableFloatingToolbar?: boolean;
     editorAppearance?: EditorAppearance;
+    embedCardTransformers?: EmbedCardTransformers;
     fullWidthMode?: boolean;
     isPageSSRed?: boolean;
     linkPicker?: LinkPickerOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "13.0.3",
+	"version": "13.0.5",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.2.0",
+		"@atlaskit/adf-schema": "^52.3.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/custom-steps": "^0.16.0",
 		"@atlaskit/editor-plugin-analytics": "^8.0.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-smart-link-draggable": "^0.1.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^32.1.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/smart-card": "^43.26.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^37.0.0",
+		"@atlaskit/tmp-editor-statsig": "^39.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.2.0",
+		"@atlaskit/editor-common": "^112.3.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"