@atlaskit/editor-plugin-synced-block 5.3.23 → 5.3.24

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 5.3.24
+
+### Patch Changes
+
+- [`3a0ebffbfb871`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a0ebffbfb871) -
+  [ux] Add flag message for when inline extensions added to synced block
+- Updated dependencies
+
 ## 5.3.23
 
 ### Patch Changes

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

@@ -78,6 +78,31 @@ var showCopiedFlag = function showCopiedFlag(api) {
     });
   }, 0);
 };
+var showInlineExtensionInSyncBlockWarningIfNeeded = function showInlineExtensionInSyncBlockWarningIfNeeded(tr, state, api, inlineExtensionFlagShown) {
+  var _api$connectivity;
+  if (!(0, _platformFeatureFlags.fg)('platform_synced_block_patch_3')) {
+    return;
+  }
+  if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(_utils.pmHistoryPluginKey)) || (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode)) {
+    return;
+  }
+  var resourceId = (0, _utils2.wasInlineExtensionInsertedInBodiedSyncBlock)(tr, state);
+  // Only show the flag on the first instance per sync block (same as UNPUBLISHED_SYNC_BLOCK_PASTED)
+  if (resourceId && !inlineExtensionFlagShown.has(resourceId)) {
+    inlineExtensionFlagShown.add(resourceId);
+    // Use setTimeout to dispatch in next tick and avoid re-entrant dispatch from filterTransaction
+    setTimeout(function () {
+      api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+        var tr = _ref2.tr;
+        return tr.setMeta(syncedBlockPluginKey, {
+          activeFlag: {
+            id: _types.FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK
+          }
+        });
+      });
+    }, 0);
+  }
+};
 var getDeleteReason = function getDeleteReason(tr) {
   var reason = tr.getMeta('deletionReason');
   if (!reason) {
@@ -86,9 +111,9 @@ var getDeleteReason = function getDeleteReason(tr) {
   return reason;
 };
 var createPlugin = exports.createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
-  var _ref2 = options || {},
-    _ref2$useLongPressSel = _ref2.useLongPressSelection,
-    useLongPressSelection = _ref2$useLongPressSel === void 0 ? false : _ref2$useLongPressSel;
+  var _ref3 = options || {},
+    _ref3$useLongPressSel = _ref3.useLongPressSelection,
+    useLongPressSelection = _ref3$useLongPressSel === void 0 ? false : _ref3$useLongPressSel;
   var confirmationTransactionRef = {
     current: undefined
   };
@@ -96,6 +121,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
   var isCopyEvent = false;
   // Track which sync blocks have already triggered the unpublished flag
   var unpublishedFlagShown = new Set();
+  // Track which sync blocks have already triggered the inline extension in sync block flag
+  var inlineExtensionFlagShown = new Set();
 
   // Set up callback to detect unpublished sync blocks when they're fetched
   syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
@@ -104,8 +131,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       unpublishedFlagShown.add(resourceId);
       // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
       setTimeout(function () {
-        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-          var tr = _ref3.tr;
+        api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
+          var tr = _ref4.tr;
           return tr.setMeta(syncedBlockPluginKey, {
             activeFlag: {
               id: _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
@@ -177,12 +204,12 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         })
       },
       decorations: function decorations(state) {
-        var _currentPluginState$s, _api$connectivity, _api$editorViewMode;
+        var _currentPluginState$s, _api$connectivity2, _api$editorViewMode;
         var currentPluginState = syncedBlockPluginKey.getState(state);
         var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : _view.DecorationSet.empty;
         var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
         var doc = state.doc;
-        var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode);
+        var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
         var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
         var offlineDecorations = [];
         var viewModeDecorations = [];
@@ -223,8 +250,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return false;
         }
       },
-      transformCopied: function transformCopied(slice, _ref4) {
-        var state = _ref4.state;
+      transformCopied: function transformCopied(slice, _ref5) {
+        var state = _ref5.state;
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
@@ -262,8 +289,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       }
     },
     filterTransaction: function filterTransaction(tr, state) {
-      var _api$connectivity2;
-      var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
+      var _api$connectivity3;
+      var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -351,6 +378,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           (0, _handleBodiedSyncBlockCreation.handleBodiedSyncBlockCreation)(bodiedSyncBlockAdded, state, api);
           return true;
         }
+        showInlineExtensionInSyncBlockWarningIfNeeded(tr, state, api, inlineExtensionFlagShown);
+        return true;
       } else {
         var _trackSyncBlocks4 = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
             return node.type.name === 'syncBlock';
@@ -370,8 +399,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         if (errorFlag) {
           // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
           setTimeout(function () {
-            api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
-              var tr = _ref5.tr;
+            api === null || api === void 0 || api.core.actions.execute(function (_ref6) {
+              var tr = _ref6.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: errorFlag

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sliceFullyContainsNode = exports.isBodiedSyncBlockNode = exports.findSyncBlockOrBodiedSyncBlock = exports.findSyncBlock = exports.findBodiedSyncBlock = exports.canBeConvertedToSyncBlock = void 0;
+exports.wasInlineExtensionInsertedInBodiedSyncBlock = exports.sliceFullyContainsNode = exports.isBodiedSyncBlockNode = exports.findSyncBlockOrBodiedSyncBlock = exports.findSyncBlock = exports.findBodiedSyncBlock = exports.canBeConvertedToSyncBlock = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var findSyncBlock = exports.findSyncBlock = function findSyncBlock(schema, selection) {
   var syncBlock = schema.nodes.syncBlock;
@@ -83,4 +84,87 @@ var sliceFullyContainsNode = exports.sliceFullyContainsNode = function sliceFull
     return false;
   }
   return true;
+};
+var _fragmentContainsInlineExtension = function fragmentContainsInlineExtension(fragment) {
+  var found = false;
+  fragment.forEach(function (node) {
+    if (found) {
+      return;
+    }
+    if (node.type.name === 'inlineExtension') {
+      found = true;
+    } else if (node.content.size) {
+      if (_fragmentContainsInlineExtension(node.content)) {
+        found = true;
+      }
+    }
+  });
+  return found;
+};
+var sliceContainsInlineExtension = function sliceContainsInlineExtension(slice) {
+  return _fragmentContainsInlineExtension(slice.content);
+};
+
+/**
+ * Returns the resourceId of the bodied sync block where an inline extension was inserted, or undefined.
+ * Used to show a warning flag only on the first instance per sync block.
+ */
+var wasInlineExtensionInsertedInBodiedSyncBlock = exports.wasInlineExtensionInsertedInBodiedSyncBlock = function wasInlineExtensionInsertedInBodiedSyncBlock(tr, state) {
+  if (!tr.docChanged || tr.getMeta('isRemote')) {
+    return undefined;
+  }
+  var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
+  if (!bodiedSyncBlock) {
+    return undefined;
+  }
+  var docs = tr.docs;
+
+  // When docs is available (e.g. from history plugin), check each replace step
+  if (docs && docs.length > 0) {
+    for (var i = 0; i < tr.steps.length; i++) {
+      var _docs;
+      var step = tr.steps[i];
+      var isReplaceStep = step instanceof _transform.ReplaceStep || step instanceof _transform.ReplaceAroundStep;
+      if (!isReplaceStep || !('slice' in step) || !('from' in step)) {
+        continue;
+      }
+      var replaceStep = step;
+      if (!sliceContainsInlineExtension(replaceStep.slice)) {
+        continue;
+      }
+      var docAfterStep = (_docs = docs[i + 1]) !== null && _docs !== void 0 ? _docs : tr.doc;
+      try {
+        var $pos = docAfterStep.resolve(replaceStep.from);
+        var parent = (0, _utils.findParentNodeOfTypeClosestToPos)($pos, bodiedSyncBlock);
+        if (parent !== null && parent !== void 0 && parent.node.attrs.resourceId) {
+          return parent.node.attrs.resourceId;
+        }
+      } catch (_unused) {
+        // resolve() can throw if position is invalid
+      }
+    }
+    return undefined;
+  }
+
+  // Fallback: scan final doc for inline extensions inside bodied sync block that were added
+  var resourceId;
+  tr.doc.descendants(function (node, pos) {
+    if (resourceId !== undefined) {
+      return false;
+    }
+    if (node.type.name === 'inlineExtension') {
+      var _$pos = tr.doc.resolve(pos);
+      var _parent = (0, _utils.findParentNodeOfTypeClosestToPos)(_$pos, bodiedSyncBlock);
+      if (_parent !== null && _parent !== void 0 && _parent.node.attrs.resourceId) {
+        var mappedPos = tr.mapping.invert().map(pos);
+        var nodeBefore = state.doc.nodeAt(mappedPos);
+        if (!nodeBefore || nodeBefore.type.name !== 'inlineExtension') {
+          resourceId = _parent.node.attrs.resourceId;
+          return false;
+        }
+      }
+    }
+    return true;
+  });
+  return resourceId;
 };

package/dist/cjs/types/index.js

@@ -12,6 +12,7 @@ var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
   FLAG_ID["CANNOT_CREATE_SYNC_BLOCK"] = "cannot-create-sync-block";
+  FLAG_ID["INLINE_EXTENSION_IN_SYNC_BLOCK"] = "inline-extension-in-sync-block";
   return FLAG_ID;
 }({});
 var SYNCED_BLOCK_BUTTON_TEST_ID = exports.SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/cjs/ui/Flag.js

@@ -20,7 +20,7 @@ var _types = require("../types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
   title: _messages.syncBlockMessages.failToDeleteTitle,
   description: _messages.syncBlockMessages.failToDeleteWhenOfflineDescription,
   type: 'error'
@@ -47,6 +47,10 @@ var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _d
   title: _messages.syncBlockMessages.cannotCreateSyncBlockTitle,
   description: _messages.syncBlockMessages.CannotCreateSyncBlockDescription,
   type: 'error'
+}), _types.FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK, {
+  title: _messages.syncBlockMessages.inlineExtensionInSyncBlockTitle,
+  description: _messages.syncBlockMessages.inlineExtensionInSyncBlockDescription,
+  type: 'error'
 });
 var Flag = exports.Flag = function Flag(_ref) {
   var api = _ref.api;

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

@@ -16,7 +16,7 @@ import { handleBodiedSyncBlockRemoval } from './utils/handle-bodied-sync-block-r
 import { shouldIgnoreDomEvent } from './utils/ignore-dom-event';
 import { calculateDecorations } from './utils/selection-decorations';
 import { hasEditInSyncBlock, trackSyncBlocks } from './utils/track-sync-blocks';
-import { sliceFullyContainsNode } from './utils/utils';
+import { wasInlineExtensionInsertedInBodiedSyncBlock, sliceFullyContainsNode } from './utils/utils';
 export const syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 const mapRetryCreationPosMap = (oldMap, newRetryCreationPos, mapPos) => {
   const resourceId = newRetryCreationPos === null || newRetryCreationPos === void 0 ? void 0 : newRetryCreationPos.resourceId;
@@ -54,6 +54,32 @@ const showCopiedFlag = api => {
     });
   }, 0);
 };
+const showInlineExtensionInSyncBlockWarningIfNeeded = (tr, state, api, inlineExtensionFlagShown) => {
+  var _api$connectivity, _api$connectivity$sha;
+  if (!fg('platform_synced_block_patch_3')) {
+    return;
+  }
+  if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(pmHistoryPluginKey)) || isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : (_api$connectivity$sha = _api$connectivity.sharedState.currentState()) === null || _api$connectivity$sha === void 0 ? void 0 : _api$connectivity$sha.mode)) {
+    return;
+  }
+  const resourceId = wasInlineExtensionInsertedInBodiedSyncBlock(tr, state);
+  // Only show the flag on the first instance per sync block (same as UNPUBLISHED_SYNC_BLOCK_PASTED)
+  if (resourceId && !inlineExtensionFlagShown.has(resourceId)) {
+    inlineExtensionFlagShown.add(resourceId);
+    // Use setTimeout to dispatch in next tick and avoid re-entrant dispatch from filterTransaction
+    setTimeout(() => {
+      api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+        tr
+      }) => {
+        return tr.setMeta(syncedBlockPluginKey, {
+          activeFlag: {
+            id: FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK
+          }
+        });
+      });
+    }, 0);
+  }
+};
 const getDeleteReason = tr => {
   const reason = tr.getMeta('deletionReason');
   if (!reason) {
@@ -72,6 +98,8 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
   let isCopyEvent = false;
   // Track which sync blocks have already triggered the unpublished flag
   const unpublishedFlagShown = new Set();
+  // Track which sync blocks have already triggered the inline extension in sync block flag
+  const inlineExtensionFlagShown = new Set();
 
   // Set up callback to detect unpublished sync blocks when they're fetched
   syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(resourceId => {
@@ -154,14 +182,14 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         })
       },
       decorations: state => {
-        var _currentPluginState$s, _api$connectivity, _api$connectivity$sha, _api$editorViewMode, _api$editorViewMode$s;
+        var _currentPluginState$s, _api$connectivity2, _api$connectivity2$sh, _api$editorViewMode, _api$editorViewMode$s;
         const currentPluginState = syncedBlockPluginKey.getState(state);
         const selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : DecorationSet.empty;
         const syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
         const {
           doc
         } = state;
-        const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : (_api$connectivity$sha = _api$connectivity.sharedState.currentState()) === null || _api$connectivity$sha === void 0 ? void 0 : _api$connectivity$sha.mode);
+        const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 ? void 0 : (_api$connectivity2$sh = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2$sh === void 0 ? void 0 : _api$connectivity2$sh.mode);
         const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
         const offlineDecorations = [];
         const viewModeDecorations = [];
@@ -243,8 +271,8 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       }
     },
     filterTransaction: (tr, state) => {
-      var _api$connectivity2, _api$connectivity2$sh;
-      const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 ? void 0 : (_api$connectivity2$sh = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2$sh === void 0 ? void 0 : _api$connectivity2$sh.mode);
+      var _api$connectivity3, _api$connectivity3$sh;
+      const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 ? void 0 : (_api$connectivity3$sh = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3$sh === void 0 ? void 0 : _api$connectivity3$sh.mode);
       const isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -331,6 +359,8 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           handleBodiedSyncBlockCreation(bodiedSyncBlockAdded, state, api);
           return true;
         }
+        showInlineExtensionInSyncBlockWarningIfNeeded(tr, state, api, inlineExtensionFlagShown);
+        return true;
       } else {
         const {
           removed: syncBlockRemoved,

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

@@ -1,6 +1,7 @@
 import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { findParentNodeOfType, findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export const findSyncBlock = (schema, selection) => {
   const {
     syncBlock
@@ -76,4 +77,87 @@ export const sliceFullyContainsNode = (slice, node) => {
     return false;
   }
   return true;
+};
+const fragmentContainsInlineExtension = fragment => {
+  let found = false;
+  fragment.forEach(node => {
+    if (found) {
+      return;
+    }
+    if (node.type.name === 'inlineExtension') {
+      found = true;
+    } else if (node.content.size) {
+      if (fragmentContainsInlineExtension(node.content)) {
+        found = true;
+      }
+    }
+  });
+  return found;
+};
+const sliceContainsInlineExtension = slice => fragmentContainsInlineExtension(slice.content);
+
+/**
+ * Returns the resourceId of the bodied sync block where an inline extension was inserted, or undefined.
+ * Used to show a warning flag only on the first instance per sync block.
+ */
+export const wasInlineExtensionInsertedInBodiedSyncBlock = (tr, state) => {
+  if (!tr.docChanged || tr.getMeta('isRemote')) {
+    return undefined;
+  }
+  const {
+    bodiedSyncBlock
+  } = state.schema.nodes;
+  if (!bodiedSyncBlock) {
+    return undefined;
+  }
+  const docs = tr.docs;
+
+  // When docs is available (e.g. from history plugin), check each replace step
+  if (docs && docs.length > 0) {
+    for (let i = 0; i < tr.steps.length; i++) {
+      var _docs;
+      const step = tr.steps[i];
+      const isReplaceStep = step instanceof ReplaceStep || step instanceof ReplaceAroundStep;
+      if (!isReplaceStep || !('slice' in step) || !('from' in step)) {
+        continue;
+      }
+      const replaceStep = step;
+      if (!sliceContainsInlineExtension(replaceStep.slice)) {
+        continue;
+      }
+      const docAfterStep = (_docs = docs[i + 1]) !== null && _docs !== void 0 ? _docs : tr.doc;
+      try {
+        const $pos = docAfterStep.resolve(replaceStep.from);
+        const parent = findParentNodeOfTypeClosestToPos($pos, bodiedSyncBlock);
+        if (parent !== null && parent !== void 0 && parent.node.attrs.resourceId) {
+          return parent.node.attrs.resourceId;
+        }
+      } catch {
+        // resolve() can throw if position is invalid
+      }
+    }
+    return undefined;
+  }
+
+  // Fallback: scan final doc for inline extensions inside bodied sync block that were added
+  let resourceId;
+  tr.doc.descendants((node, pos) => {
+    if (resourceId !== undefined) {
+      return false;
+    }
+    if (node.type.name === 'inlineExtension') {
+      const $pos = tr.doc.resolve(pos);
+      const parent = findParentNodeOfTypeClosestToPos($pos, bodiedSyncBlock);
+      if (parent !== null && parent !== void 0 && parent.node.attrs.resourceId) {
+        const mappedPos = tr.mapping.invert().map(pos);
+        const nodeBefore = state.doc.nodeAt(mappedPos);
+        if (!nodeBefore || nodeBefore.type.name !== 'inlineExtension') {
+          resourceId = parent.node.attrs.resourceId;
+          return false;
+        }
+      }
+    }
+    return true;
+  });
+  return resourceId;
 };

package/dist/es2019/types/index.js

@@ -6,6 +6,7 @@ export let FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
   FLAG_ID["CANNOT_CREATE_SYNC_BLOCK"] = "cannot-create-sync-block";
+  FLAG_ID["INLINE_EXTENSION_IN_SYNC_BLOCK"] = "inline-extension-in-sync-block";
   return FLAG_ID;
 }({});
 export const SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/es2019/ui/Flag.js

@@ -42,6 +42,11 @@ const flagMap = {
     title: messages.cannotCreateSyncBlockTitle,
     description: messages.CannotCreateSyncBlockDescription,
     type: 'error'
+  },
+  [FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK]: {
+    title: messages.inlineExtensionInSyncBlockTitle,
+    description: messages.inlineExtensionInSyncBlockDescription,
+    type: 'error'
   }
 };
 export const Flag = ({

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

@@ -23,7 +23,7 @@ import { handleBodiedSyncBlockRemoval } from './utils/handle-bodied-sync-block-r
 import { shouldIgnoreDomEvent } from './utils/ignore-dom-event';
 import { calculateDecorations } from './utils/selection-decorations';
 import { hasEditInSyncBlock, trackSyncBlocks } from './utils/track-sync-blocks';
-import { sliceFullyContainsNode } from './utils/utils';
+import { wasInlineExtensionInsertedInBodiedSyncBlock, sliceFullyContainsNode } from './utils/utils';
 export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos) {
   var resourceId = newRetryCreationPos === null || newRetryCreationPos === void 0 ? void 0 : newRetryCreationPos.resourceId;
@@ -71,6 +71,31 @@ var showCopiedFlag = function showCopiedFlag(api) {
     });
   }, 0);
 };
+var showInlineExtensionInSyncBlockWarningIfNeeded = function showInlineExtensionInSyncBlockWarningIfNeeded(tr, state, api, inlineExtensionFlagShown) {
+  var _api$connectivity;
+  if (!fg('platform_synced_block_patch_3')) {
+    return;
+  }
+  if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(pmHistoryPluginKey)) || isOfflineMode(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode)) {
+    return;
+  }
+  var resourceId = wasInlineExtensionInsertedInBodiedSyncBlock(tr, state);
+  // Only show the flag on the first instance per sync block (same as UNPUBLISHED_SYNC_BLOCK_PASTED)
+  if (resourceId && !inlineExtensionFlagShown.has(resourceId)) {
+    inlineExtensionFlagShown.add(resourceId);
+    // Use setTimeout to dispatch in next tick and avoid re-entrant dispatch from filterTransaction
+    setTimeout(function () {
+      api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+        var tr = _ref2.tr;
+        return tr.setMeta(syncedBlockPluginKey, {
+          activeFlag: {
+            id: FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK
+          }
+        });
+      });
+    }, 0);
+  }
+};
 var getDeleteReason = function getDeleteReason(tr) {
   var reason = tr.getMeta('deletionReason');
   if (!reason) {
@@ -79,9 +104,9 @@ var getDeleteReason = function getDeleteReason(tr) {
   return reason;
 };
 export var createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
-  var _ref2 = options || {},
-    _ref2$useLongPressSel = _ref2.useLongPressSelection,
-    useLongPressSelection = _ref2$useLongPressSel === void 0 ? false : _ref2$useLongPressSel;
+  var _ref3 = options || {},
+    _ref3$useLongPressSel = _ref3.useLongPressSelection,
+    useLongPressSelection = _ref3$useLongPressSel === void 0 ? false : _ref3$useLongPressSel;
   var confirmationTransactionRef = {
     current: undefined
   };
@@ -89,6 +114,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
   var isCopyEvent = false;
   // Track which sync blocks have already triggered the unpublished flag
   var unpublishedFlagShown = new Set();
+  // Track which sync blocks have already triggered the inline extension in sync block flag
+  var inlineExtensionFlagShown = new Set();
 
   // Set up callback to detect unpublished sync blocks when they're fetched
   syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
@@ -97,8 +124,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       unpublishedFlagShown.add(resourceId);
       // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
       setTimeout(function () {
-        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-          var tr = _ref3.tr;
+        api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
+          var tr = _ref4.tr;
           return tr.setMeta(syncedBlockPluginKey, {
             activeFlag: {
               id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
@@ -170,12 +197,12 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         })
       },
       decorations: function decorations(state) {
-        var _currentPluginState$s, _api$connectivity, _api$editorViewMode;
+        var _currentPluginState$s, _api$connectivity2, _api$editorViewMode;
         var currentPluginState = syncedBlockPluginKey.getState(state);
         var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : DecorationSet.empty;
         var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
         var doc = state.doc;
-        var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode);
+        var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
         var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
         var offlineDecorations = [];
         var viewModeDecorations = [];
@@ -216,8 +243,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return false;
         }
       },
-      transformCopied: function transformCopied(slice, _ref4) {
-        var state = _ref4.state;
+      transformCopied: function transformCopied(slice, _ref5) {
+        var state = _ref5.state;
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
@@ -255,8 +282,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       }
     },
     filterTransaction: function filterTransaction(tr, state) {
-      var _api$connectivity2;
-      var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
+      var _api$connectivity3;
+      var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -344,6 +371,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           handleBodiedSyncBlockCreation(bodiedSyncBlockAdded, state, api);
           return true;
         }
+        showInlineExtensionInSyncBlockWarningIfNeeded(tr, state, api, inlineExtensionFlagShown);
+        return true;
       } else {
         var _trackSyncBlocks4 = trackSyncBlocks(function (node) {
             return node.type.name === 'syncBlock';
@@ -363,8 +392,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         if (errorFlag) {
           // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
           setTimeout(function () {
-            api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
-              var tr = _ref5.tr;
+            api === null || api === void 0 || api.core.actions.execute(function (_ref6) {
+              var tr = _ref6.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: errorFlag

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

@@ -1,6 +1,7 @@
 import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { findParentNodeOfType, findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export var findSyncBlock = function findSyncBlock(schema, selection) {
   var syncBlock = schema.nodes.syncBlock;
   return findSelectedNodeOfType(syncBlock)(selection);
@@ -77,4 +78,87 @@ export var sliceFullyContainsNode = function sliceFullyContainsNode(slice, node)
     return false;
   }
   return true;
+};
+var _fragmentContainsInlineExtension = function fragmentContainsInlineExtension(fragment) {
+  var found = false;
+  fragment.forEach(function (node) {
+    if (found) {
+      return;
+    }
+    if (node.type.name === 'inlineExtension') {
+      found = true;
+    } else if (node.content.size) {
+      if (_fragmentContainsInlineExtension(node.content)) {
+        found = true;
+      }
+    }
+  });
+  return found;
+};
+var sliceContainsInlineExtension = function sliceContainsInlineExtension(slice) {
+  return _fragmentContainsInlineExtension(slice.content);
+};
+
+/**
+ * Returns the resourceId of the bodied sync block where an inline extension was inserted, or undefined.
+ * Used to show a warning flag only on the first instance per sync block.
+ */
+export var wasInlineExtensionInsertedInBodiedSyncBlock = function wasInlineExtensionInsertedInBodiedSyncBlock(tr, state) {
+  if (!tr.docChanged || tr.getMeta('isRemote')) {
+    return undefined;
+  }
+  var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
+  if (!bodiedSyncBlock) {
+    return undefined;
+  }
+  var docs = tr.docs;
+
+  // When docs is available (e.g. from history plugin), check each replace step
+  if (docs && docs.length > 0) {
+    for (var i = 0; i < tr.steps.length; i++) {
+      var _docs;
+      var step = tr.steps[i];
+      var isReplaceStep = step instanceof ReplaceStep || step instanceof ReplaceAroundStep;
+      if (!isReplaceStep || !('slice' in step) || !('from' in step)) {
+        continue;
+      }
+      var replaceStep = step;
+      if (!sliceContainsInlineExtension(replaceStep.slice)) {
+        continue;
+      }
+      var docAfterStep = (_docs = docs[i + 1]) !== null && _docs !== void 0 ? _docs : tr.doc;
+      try {
+        var $pos = docAfterStep.resolve(replaceStep.from);
+        var parent = findParentNodeOfTypeClosestToPos($pos, bodiedSyncBlock);
+        if (parent !== null && parent !== void 0 && parent.node.attrs.resourceId) {
+          return parent.node.attrs.resourceId;
+        }
+      } catch (_unused) {
+        // resolve() can throw if position is invalid
+      }
+    }
+    return undefined;
+  }
+
+  // Fallback: scan final doc for inline extensions inside bodied sync block that were added
+  var resourceId;
+  tr.doc.descendants(function (node, pos) {
+    if (resourceId !== undefined) {
+      return false;
+    }
+    if (node.type.name === 'inlineExtension') {
+      var _$pos = tr.doc.resolve(pos);
+      var _parent = findParentNodeOfTypeClosestToPos(_$pos, bodiedSyncBlock);
+      if (_parent !== null && _parent !== void 0 && _parent.node.attrs.resourceId) {
+        var mappedPos = tr.mapping.invert().map(pos);
+        var nodeBefore = state.doc.nodeAt(mappedPos);
+        if (!nodeBefore || nodeBefore.type.name !== 'inlineExtension') {
+          resourceId = _parent.node.attrs.resourceId;
+          return false;
+        }
+      }
+    }
+    return true;
+  });
+  return resourceId;
 };

package/dist/esm/types/index.js

@@ -6,6 +6,7 @@ export var FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
   FLAG_ID["CANNOT_CREATE_SYNC_BLOCK"] = "cannot-create-sync-block";
+  FLAG_ID["INLINE_EXTENSION_IN_SYNC_BLOCK"] = "inline-extension-in-sync-block";
   return FLAG_ID;
 }({});
 export var SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/esm/ui/Flag.js

@@ -11,7 +11,7 @@ import StatusSuccessIcon from '@atlaskit/icon/core/status-success';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
 import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { FLAG_ID } from '../types';
-var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
   title: messages.failToDeleteTitle,
   description: messages.failToDeleteWhenOfflineDescription,
   type: 'error'
@@ -38,6 +38,10 @@ var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_d
   title: messages.cannotCreateSyncBlockTitle,
   description: messages.CannotCreateSyncBlockDescription,
   type: 'error'
+}), FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK, {
+  title: messages.inlineExtensionInSyncBlockTitle,
+  description: messages.inlineExtensionInSyncBlockDescription,
+  type: 'error'
 });
 export var Flag = function Flag(_ref) {
   var api = _ref.api;

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

@@ -1,6 +1,6 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import type { NodeType, Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export declare const findSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
 export declare const findBodiedSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
@@ -21,3 +21,8 @@ export interface SyncBlockConversionInfo {
  */
 export declare const canBeConvertedToSyncBlock: (selection: Selection) => SyncBlockConversionInfo | false;
 export declare const sliceFullyContainsNode: (slice: Slice, node: PMNode) => boolean;
+/**
+ * Returns the resourceId of the bodied sync block where an inline extension was inserted, or undefined.
+ * Used to show a warning flag only on the first instance per sync block.
+ */
+export declare const wasInlineExtensionInsertedInBodiedSyncBlock: (tr: Transaction, state: EditorState) => string | undefined;

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

@@ -8,7 +8,8 @@ export declare enum FLAG_ID {
     FAIL_TO_DELETE = "fail-to-delete",
     SYNC_BLOCK_COPIED = "sync-block-copied",
     UNPUBLISHED_SYNC_BLOCK_PASTED = "unpublished-sync-block-pasted",
-    CANNOT_CREATE_SYNC_BLOCK = "cannot-create-sync-block"
+    CANNOT_CREATE_SYNC_BLOCK = "cannot-create-sync-block",
+    INLINE_EXTENSION_IN_SYNC_BLOCK = "inline-extension-in-sync-block"
 }
 type FlagConfig = {
     id: FLAG_ID;

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

@@ -1,6 +1,6 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import type { NodeType, Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export declare const findSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
 export declare const findBodiedSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
@@ -21,3 +21,8 @@ export interface SyncBlockConversionInfo {
  */
 export declare const canBeConvertedToSyncBlock: (selection: Selection) => SyncBlockConversionInfo | false;
 export declare const sliceFullyContainsNode: (slice: Slice, node: PMNode) => boolean;
+/**
+ * Returns the resourceId of the bodied sync block where an inline extension was inserted, or undefined.
+ * Used to show a warning flag only on the first instance per sync block.
+ */
+export declare const wasInlineExtensionInsertedInBodiedSyncBlock: (tr: Transaction, state: EditorState) => string | undefined;

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

@@ -8,7 +8,8 @@ export declare enum FLAG_ID {
     FAIL_TO_DELETE = "fail-to-delete",
     SYNC_BLOCK_COPIED = "sync-block-copied",
     UNPUBLISHED_SYNC_BLOCK_PASTED = "unpublished-sync-block-pasted",
-    CANNOT_CREATE_SYNC_BLOCK = "cannot-create-sync-block"
+    CANNOT_CREATE_SYNC_BLOCK = "cannot-create-sync-block",
+    INLINE_EXTENSION_IN_SYNC_BLOCK = "inline-extension-in-sync-block"
 }
 type FlagConfig = {
     id: FLAG_ID;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "5.3.23",
+	"version": "5.3.24",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/editor-plugin-selection": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-synced-block-provider": "^3.29.0",
+		"@atlaskit/editor-synced-block-provider": "^3.30.0",
 		"@atlaskit/editor-toolbar": "^0.19.0",
 		"@atlaskit/flag": "^17.8.0",
 		"@atlaskit/icon": "31.0.0",
@@ -61,7 +61,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.15.0",
+		"@atlaskit/editor-common": "^111.16.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {