@atlaskit/editor-plugin-synced-block 6.0.49 → 6.1.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 6.1.0
+
+### Minor Changes
+
+- [`dd9c0778c3832`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd9c0778c3832) -
+  Add \_\_livePage option to syncedBlock plugin and store managers. Add isReferenceBlock/isSyncBlock
+  methods. Use predicate functions instead of hardcoded node type names. Fix isDirty logic for
+  remote transactions. Fix flush() view-mode return value.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.0.50
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.0.49
 
 ### Patch Changes

package/dist/cjs/nodeviews/bodiedSyncedBlock.js

@@ -209,7 +209,7 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
     // When fg is ON, cache is populated in state.init() and updated in appendTransaction
     if (!(0, _platformFeatureFlags.fg)('platform_synced_block_update_refactor')) {
       var _this$syncedBlockStor;
-      (_this$syncedBlockStor = this.syncedBlockStore) === null || _this$syncedBlockStor === void 0 || _this$syncedBlockStor.sourceManager.updateSyncBlockData(node);
+      (_this$syncedBlockStor = this.syncedBlockStore) === null || _this$syncedBlockStor === void 0 || _this$syncedBlockStor.sourceManager.updateSyncBlockData(node, false);
     }
   }
   return (0, _createClass2.default)(BodiedSyncBlock, [{
@@ -270,7 +270,7 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
         // filter out non-user changes (remote collab, table auto-scale, etc.)
         if (!(0, _platformFeatureFlags.fg)('platform_synced_block_update_refactor')) {
           var _this$syncedBlockStor2;
-          (_this$syncedBlockStor2 = this.syncedBlockStore) === null || _this$syncedBlockStor2 === void 0 || _this$syncedBlockStor2.sourceManager.updateSyncBlockData(node);
+          (_this$syncedBlockStor2 = this.syncedBlockStore) === null || _this$syncedBlockStor2 === void 0 || _this$syncedBlockStor2.sourceManager.updateSyncBlockData(node, false);
         }
       }
       this.node = node;

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

@@ -29,7 +29,7 @@ var _handleBodiedSyncBlockCreation = require("./utils/handle-bodied-sync-block-c
 var _handleBodiedSyncBlockRemoval = require("./utils/handle-bodied-sync-block-removal");
 var _ignoreDomEvent = require("./utils/ignore-dom-event");
 var _selectionDecorations = require("./utils/selection-decorations");
-var _trackSyncBlocks6 = require("./utils/track-sync-blocks");
+var _trackSyncBlocks7 = require("./utils/track-sync-blocks");
 var _utils2 = require("./utils/utils");
 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; }
@@ -121,9 +121,7 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
     bodiedSyncBlockRemoved = _ref3.bodiedSyncBlockRemoved,
     bodiedSyncBlockAdded = _ref3.bodiedSyncBlockAdded,
     extensionFlagShown = _ref3.extensionFlagShown;
-  var _trackSyncBlocks = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
-      return node.type.name === 'syncBlock';
-    }, tr, state),
+  var _trackSyncBlocks = (0, _trackSyncBlocks7.trackSyncBlocks)(syncBlockStore.referenceManager.isReferenceBlock, tr, state),
     syncBlockRemoved = _trackSyncBlocks.removed,
     syncBlockAdded = _trackSyncBlocks.added;
   syncBlockRemoved.forEach(function (syncBlock) {
@@ -173,13 +171,12 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
 var filterTransactionOffline = function filterTransactionOffline(_ref4) {
   var tr = _ref4.tr,
     state = _ref4.state,
+    syncBlockStore = _ref4.syncBlockStore,
     api = _ref4.api,
     isConfirmedSyncBlockDeletion = _ref4.isConfirmedSyncBlockDeletion,
     bodiedSyncBlockRemoved = _ref4.bodiedSyncBlockRemoved,
     bodiedSyncBlockAdded = _ref4.bodiedSyncBlockAdded;
-  var _trackSyncBlocks2 = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
-      return node.type.name === 'syncBlock';
-    }, tr, state),
+  var _trackSyncBlocks2 = (0, _trackSyncBlocks7.trackSyncBlocks)(syncBlockStore.referenceManager.isReferenceBlock, tr, state),
     syncBlockRemoved = _trackSyncBlocks2.removed,
     syncBlockAdded = _trackSyncBlocks2.added;
   var errorFlag = false;
@@ -187,7 +184,7 @@ var filterTransactionOffline = function filterTransactionOffline(_ref4) {
     errorFlag = _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE;
   } else if (bodiedSyncBlockAdded.length > 0 || syncBlockAdded.length > 0) {
     errorFlag = _types.FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE;
-  } else if ((0, _trackSyncBlocks6.hasEditInSyncBlock)(tr, state)) {
+  } else if ((0, _trackSyncBlocks7.hasEditInSyncBlock)(tr, state)) {
     errorFlag = _types.FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE;
   }
   if (errorFlag) {
@@ -282,9 +279,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
     key: syncedBlockPluginKey,
     state: {
       init: function init(_, instance) {
-        var syncBlockNodes = instance.doc.children.filter(function (node) {
-          return node.type.name === 'syncBlock';
-        });
+        var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
         syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
 
         // Populate source sync block cache from initial document
@@ -292,7 +287,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         if ((0, _platformFeatureFlags.fg)('platform_synced_block_update_refactor')) {
           instance.doc.forEach(function (node) {
             if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node);
+              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
             }
           });
         }
@@ -391,7 +386,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
               class: _syncBlock.SyncBlockStateCssClassName.disabledClassName
             }));
           }
-          if ((node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock') && isViewMode) {
+          if (syncBlockStore.isSyncBlock(node) && isViewMode) {
             viewModeDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
               class: _syncBlock.SyncBlockStateCssClassName.viewModeClassName
             }));
@@ -403,7 +398,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           }
 
           // Show sync block border while the user is dragging
-          if (isDragging && (node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock')) {
+          if (isDragging && syncBlockStore.isSyncBlock(node)) {
             dragDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
               class: _syncBlock.SyncBlockStateCssClassName.draggingClassName
             }));
@@ -445,7 +440,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return slice;
         }
         return (0, _utils.mapSlice)(slice, function (node) {
-          if (node.type.name === 'syncBlock') {
+          if (syncBlockStore.referenceManager.isReferenceBlock(node)) {
             showCopiedFlag(api);
             return node;
           }
@@ -483,9 +478,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
 
       // Track newly added reference sync blocks before processing the transaction
       if (tr.docChanged && !tr.getMeta('isRemote')) {
-        var _trackSyncBlocks3 = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
-            return node.type.name === 'syncBlock';
-          }, tr, state),
+        var _trackSyncBlocks3 = (0, _trackSyncBlocks7.trackSyncBlocks)(syncBlockStore.referenceManager.isReferenceBlock, tr, state),
           added = _trackSyncBlocks3.added;
         added.forEach(function (nodeInfo) {
           var _nodeInfo$attrs;
@@ -494,15 +487,45 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           }
         });
       }
+      if ((0, _platformFeatureFlags.fg)('platform_synced_block_update_refactor')) {
+        // if doc changed and it's a remote transaction, check if any synced block were added,
+        // and if so, for source synced blocks, ensure we update the cache with them
+        // and for reference synced blocks, ensure we fetch the data from the server
+        if (tr.docChanged && tr.getMeta('isRemote')) {
+          var _trackSyncBlocks4 = (0, _trackSyncBlocks7.trackSyncBlocks)(function (node) {
+              return syncBlockStore.isSyncBlock(node);
+            }, tr, state),
+            _added = _trackSyncBlocks4.added;
+          var sourceSyncBlockNodes = _added.filter(function (nodeInfo) {
+            return nodeInfo.node && syncBlockStore.sourceManager.isSourceBlock(nodeInfo.node);
+          });
+          var referenceSyncBlockNodes = _added.filter(function (nodeInfo) {
+            return nodeInfo.node && syncBlockStore.referenceManager.isReferenceBlock(nodeInfo.node);
+          });
+          sourceSyncBlockNodes.forEach(function (nodeInfo) {
+            var _nodeInfo$attrs2;
+            if ((_nodeInfo$attrs2 = nodeInfo.attrs) !== null && _nodeInfo$attrs2 !== void 0 && _nodeInfo$attrs2.resourceId && nodeInfo.node) {
+              syncBlockStore.sourceManager.updateSyncBlockData(nodeInfo.node, tr.getMeta('isRemote'));
+            }
+          });
+          var syncBlockNodes = referenceSyncBlockNodes.map(function (nodeInfo) {
+            return nodeInfo.node;
+          }).filter(function (node) {
+            return node !== undefined;
+          });
+          syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
+        }
+      }
       if (!tr.docChanged || Boolean(tr.getMeta('isRemote')) || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;
       }
-      var _trackSyncBlocks4 = (0, _trackSyncBlocks6.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, state),
-        bodiedSyncBlockRemoved = _trackSyncBlocks4.removed,
-        bodiedSyncBlockAdded = _trackSyncBlocks4.added;
+      var _trackSyncBlocks5 = (0, _trackSyncBlocks7.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, state),
+        bodiedSyncBlockRemoved = _trackSyncBlocks5.removed,
+        bodiedSyncBlockAdded = _trackSyncBlocks5.added;
       return isOffline ? filterTransactionOffline({
         tr: tr,
         state: state,
+        syncBlockStore: syncBlockStore,
         api: api,
         isConfirmedSyncBlockDeletion: isConfirmedSyncBlockDeletion,
         bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
@@ -532,12 +555,12 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return tr.docChanged && !(0, _collab.isDirtyTransaction)(tr) && !tr.getMeta('isRemote');
         };
         var hasSourceBlockEdit = trs.some(function (tr) {
-          return isUserChange(tr) && (0, _trackSyncBlocks6.hasEditInSyncBlock)(tr, oldState);
+          return isUserChange(tr) && (0, _trackSyncBlocks7.hasEditInSyncBlock)(tr, oldState);
         });
         if (hasSourceBlockEdit) {
           newState.doc.forEach(function (node) {
             if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node);
+              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
             }
           });
         }
@@ -555,8 +578,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         var _loop = function _loop() {
             var tr = _step2.value;
             if (tr.getMeta(_utils.pmHistoryPluginKey)) {
-              var _trackSyncBlocks5 = (0, _trackSyncBlocks6.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
-                added = _trackSyncBlocks5.added;
+              var _trackSyncBlocks6 = (0, _trackSyncBlocks7.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
+                added = _trackSyncBlocks6.added;
               if (added.length > 0) {
                 // Delete bodiedSyncBlock if it's originated from history, i.e. redo creation
                 // See filterTransaction above for more details

package/dist/cjs/pm-plugins/utils/track-sync-blocks.js

@@ -6,6 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.trackSyncBlocks = exports.hasEditInSyncBlock = void 0;
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+/**
+ * Tracks changes to sync blocks in a transaction.
+ * @param predicate - A function that returns true if a node is a sync block (source or reference or both).
+ * @param tr - The transaction to track changes in.
+ * @param state - The editor state.
+ * @returns An object containing the removed and added sync blocks.
+ */
 var trackSyncBlocks = exports.trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   var removed = {};
   var added = {};
@@ -21,8 +28,8 @@ var trackSyncBlocks = exports.trackSyncBlocks = function trackSyncBlocks(predica
     return step instanceof _transform.ReplaceStep || step instanceof _transform.ReplaceAroundStep;
   });
 
-  // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step) {
+  // this is a quick check to see if any insertion/deletion of sync block happened
+  var hasSyncBlockChanges = replaceSteps.some(function (step) {
     var from = step.from,
       to = step.to;
     var docAtStep = tr.docs[tr.steps.indexOf(step)];
@@ -54,7 +61,7 @@ var trackSyncBlocks = exports.trackSyncBlocks = function trackSyncBlocks(predica
     }
     return hasChange;
   });
-  if (hasBodiedSyncBlockChanges) {
+  if (hasSyncBlockChanges) {
     var oldDoc = state.doc;
     var newDoc = tr.doc;
     var syncBlockMapOld = {};

package/dist/cjs/syncedBlockPlugin.js

@@ -27,7 +27,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
     api = _ref.api;
   var refs = {};
   var viewMode = 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;
-  var syncBlockStore = new _editorSyncedBlockProvider.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode);
+  var syncBlockStore = new _editorSyncedBlockProvider.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode, config === null || config === void 0 ? void 0 : config.__livePage);
   syncBlockStore.setFireAnalyticsEvent(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
   api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents((0, _blockMenuComponents.getBlockMenuComponents)(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
   api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api, (_config$enableSourceC2 = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC2 !== void 0 ? _config$enableSourceC2 : false));

package/dist/es2019/nodeviews/bodiedSyncedBlock.js

@@ -174,7 +174,7 @@ export class BodiedSyncBlock {
     // When fg is ON, cache is populated in state.init() and updated in appendTransaction
     if (!fg('platform_synced_block_update_refactor')) {
       var _this$syncedBlockStor;
-      (_this$syncedBlockStor = this.syncedBlockStore) === null || _this$syncedBlockStor === void 0 ? void 0 : _this$syncedBlockStor.sourceManager.updateSyncBlockData(node);
+      (_this$syncedBlockStor = this.syncedBlockStore) === null || _this$syncedBlockStor === void 0 ? void 0 : _this$syncedBlockStor.sourceManager.updateSyncBlockData(node, false);
     }
   }
   updateContentEditable({
@@ -226,7 +226,7 @@ export class BodiedSyncBlock {
       // filter out non-user changes (remote collab, table auto-scale, etc.)
       if (!fg('platform_synced_block_update_refactor')) {
         var _this$syncedBlockStor2;
-        (_this$syncedBlockStor2 = this.syncedBlockStore) === null || _this$syncedBlockStor2 === void 0 ? void 0 : _this$syncedBlockStor2.sourceManager.updateSyncBlockData(node);
+        (_this$syncedBlockStor2 = this.syncedBlockStore) === null || _this$syncedBlockStor2 === void 0 ? void 0 : _this$syncedBlockStor2.sourceManager.updateSyncBlockData(node, false);
       }
     }
     this.node = node;

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

@@ -99,7 +99,7 @@ const filterTransactionOnline = ({
   const {
     removed: syncBlockRemoved,
     added: syncBlockAdded
-  } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
+  } = trackSyncBlocks(syncBlockStore.referenceManager.isReferenceBlock, tr, state);
   syncBlockRemoved.forEach(syncBlock => {
     var _api$analytics, _api$analytics$action;
     api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent({
@@ -147,6 +147,7 @@ const filterTransactionOnline = ({
 const filterTransactionOffline = ({
   tr,
   state,
+  syncBlockStore,
   api,
   isConfirmedSyncBlockDeletion,
   bodiedSyncBlockRemoved,
@@ -155,7 +156,7 @@ const filterTransactionOffline = ({
   const {
     removed: syncBlockRemoved,
     added: syncBlockAdded
-  } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
+  } = trackSyncBlocks(syncBlockStore.referenceManager.isReferenceBlock, tr, state);
   let errorFlag = false;
   if (isConfirmedSyncBlockDeletion || bodiedSyncBlockRemoved.length > 0 || syncBlockRemoved.length > 0) {
     errorFlag = FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE;
@@ -245,7 +246,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     key: syncedBlockPluginKey,
     state: {
       init(_, instance) {
-        const syncBlockNodes = instance.doc.children.filter(node => node.type.name === 'syncBlock');
+        const syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
         syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
 
         // Populate source sync block cache from initial document
@@ -253,7 +254,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         if (fg('platform_synced_block_update_refactor')) {
           instance.doc.forEach(node => {
             if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node);
+              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
             }
           });
         }
@@ -353,7 +354,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
               class: SyncBlockStateCssClassName.disabledClassName
             }));
           }
-          if ((node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock') && isViewMode) {
+          if (syncBlockStore.isSyncBlock(node) && isViewMode) {
             viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
               class: SyncBlockStateCssClassName.viewModeClassName
             }));
@@ -365,7 +366,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           }
 
           // Show sync block border while the user is dragging
-          if (isDragging && (node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock')) {
+          if (isDragging && syncBlockStore.isSyncBlock(node)) {
             dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
               class: SyncBlockStateCssClassName.draggingClassName
             }));
@@ -408,7 +409,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           return slice;
         }
         return mapSlice(slice, node => {
-          if (node.type.name === 'syncBlock') {
+          if (syncBlockStore.referenceManager.isReferenceBlock(node)) {
             showCopiedFlag(api);
             return node;
           }
@@ -449,7 +450,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       if (tr.docChanged && !tr.getMeta('isRemote')) {
         const {
           added
-        } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
+        } = trackSyncBlocks(syncBlockStore.referenceManager.isReferenceBlock, tr, state);
         added.forEach(nodeInfo => {
           var _nodeInfo$attrs;
           if ((_nodeInfo$attrs = nodeInfo.attrs) !== null && _nodeInfo$attrs !== void 0 && _nodeInfo$attrs.resourceId) {
@@ -457,6 +458,26 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           }
         });
       }
+      if (fg('platform_synced_block_update_refactor')) {
+        // if doc changed and it's a remote transaction, check if any synced block were added,
+        // and if so, for source synced blocks, ensure we update the cache with them
+        // and for reference synced blocks, ensure we fetch the data from the server
+        if (tr.docChanged && tr.getMeta('isRemote')) {
+          const {
+            added
+          } = trackSyncBlocks(node => syncBlockStore.isSyncBlock(node), tr, state);
+          const sourceSyncBlockNodes = added.filter(nodeInfo => nodeInfo.node && syncBlockStore.sourceManager.isSourceBlock(nodeInfo.node));
+          const referenceSyncBlockNodes = added.filter(nodeInfo => nodeInfo.node && syncBlockStore.referenceManager.isReferenceBlock(nodeInfo.node));
+          sourceSyncBlockNodes.forEach(nodeInfo => {
+            var _nodeInfo$attrs2;
+            if ((_nodeInfo$attrs2 = nodeInfo.attrs) !== null && _nodeInfo$attrs2 !== void 0 && _nodeInfo$attrs2.resourceId && nodeInfo.node) {
+              syncBlockStore.sourceManager.updateSyncBlockData(nodeInfo.node, tr.getMeta('isRemote'));
+            }
+          });
+          const syncBlockNodes = referenceSyncBlockNodes.map(nodeInfo => nodeInfo.node).filter(node => node !== undefined);
+          syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
+        }
+      }
       if (!tr.docChanged || Boolean(tr.getMeta('isRemote')) || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;
       }
@@ -467,6 +488,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       return isOffline ? filterTransactionOffline({
         tr,
         state,
+        syncBlockStore,
         api,
         isConfirmedSyncBlockDeletion,
         bodiedSyncBlockRemoved,
@@ -497,7 +519,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         if (hasSourceBlockEdit) {
           newState.doc.forEach(node => {
             if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node);
+              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
             }
           });
         }

package/dist/es2019/pm-plugins/utils/track-sync-blocks.js

@@ -1,5 +1,12 @@
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
+/**
+ * Tracks changes to sync blocks in a transaction.
+ * @param predicate - A function that returns true if a node is a sync block (source or reference or both).
+ * @param tr - The transaction to track changes in.
+ * @param state - The editor state.
+ * @returns An object containing the removed and added sync blocks.
+ */
 export const trackSyncBlocks = (predicate, tr, state) => {
   const removed = {};
   const added = {};
@@ -13,8 +20,8 @@ export const trackSyncBlocks = (predicate, tr, state) => {
   // and cast to specific step types
   const replaceSteps = tr.steps.filter(step => step instanceof ReplaceStep || step instanceof ReplaceAroundStep);
 
-  // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  const hasBodiedSyncBlockChanges = replaceSteps.some(step => {
+  // this is a quick check to see if any insertion/deletion of sync block happened
+  const hasSyncBlockChanges = replaceSteps.some(step => {
     const {
       from,
       to
@@ -48,7 +55,7 @@ export const trackSyncBlocks = (predicate, tr, state) => {
     }
     return hasChange;
   });
-  if (hasBodiedSyncBlockChanges) {
+  if (hasSyncBlockChanges) {
     const oldDoc = state.doc;
     const newDoc = tr.doc;
     const syncBlockMapOld = {};

package/dist/es2019/syncedBlockPlugin.js

@@ -21,7 +21,7 @@ export const syncedBlockPlugin = ({
   var _api$editorViewMode, _api$editorViewMode$s, _api$analytics, _api$analytics$action, _api$blockMenu, _config$enableSourceC, _api$toolbar, _config$enableSourceC2;
   const refs = {};
   const viewMode = 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;
-  const syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode);
+  const syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode, config === null || config === void 0 ? void 0 : config.__livePage);
   syncBlockStore.setFireAnalyticsEvent(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent);
   api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
   api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api, (_config$enableSourceC2 = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC2 !== void 0 ? _config$enableSourceC2 : false));

package/dist/esm/nodeviews/bodiedSyncedBlock.js

@@ -202,7 +202,7 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
     // When fg is ON, cache is populated in state.init() and updated in appendTransaction
     if (!fg('platform_synced_block_update_refactor')) {
       var _this$syncedBlockStor;
-      (_this$syncedBlockStor = this.syncedBlockStore) === null || _this$syncedBlockStor === void 0 || _this$syncedBlockStor.sourceManager.updateSyncBlockData(node);
+      (_this$syncedBlockStor = this.syncedBlockStore) === null || _this$syncedBlockStor === void 0 || _this$syncedBlockStor.sourceManager.updateSyncBlockData(node, false);
     }
   }
   return _createClass(BodiedSyncBlock, [{
@@ -263,7 +263,7 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
         // filter out non-user changes (remote collab, table auto-scale, etc.)
         if (!fg('platform_synced_block_update_refactor')) {
           var _this$syncedBlockStor2;
-          (_this$syncedBlockStor2 = this.syncedBlockStore) === null || _this$syncedBlockStor2 === void 0 || _this$syncedBlockStor2.sourceManager.updateSyncBlockData(node);
+          (_this$syncedBlockStor2 = this.syncedBlockStore) === null || _this$syncedBlockStor2 === void 0 || _this$syncedBlockStor2.sourceManager.updateSyncBlockData(node, false);
         }
       }
       this.node = node;

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

@@ -114,9 +114,7 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
     bodiedSyncBlockRemoved = _ref3.bodiedSyncBlockRemoved,
     bodiedSyncBlockAdded = _ref3.bodiedSyncBlockAdded,
     extensionFlagShown = _ref3.extensionFlagShown;
-  var _trackSyncBlocks = trackSyncBlocks(function (node) {
-      return node.type.name === 'syncBlock';
-    }, tr, state),
+  var _trackSyncBlocks = trackSyncBlocks(syncBlockStore.referenceManager.isReferenceBlock, tr, state),
     syncBlockRemoved = _trackSyncBlocks.removed,
     syncBlockAdded = _trackSyncBlocks.added;
   syncBlockRemoved.forEach(function (syncBlock) {
@@ -166,13 +164,12 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
 var filterTransactionOffline = function filterTransactionOffline(_ref4) {
   var tr = _ref4.tr,
     state = _ref4.state,
+    syncBlockStore = _ref4.syncBlockStore,
     api = _ref4.api,
     isConfirmedSyncBlockDeletion = _ref4.isConfirmedSyncBlockDeletion,
     bodiedSyncBlockRemoved = _ref4.bodiedSyncBlockRemoved,
     bodiedSyncBlockAdded = _ref4.bodiedSyncBlockAdded;
-  var _trackSyncBlocks2 = trackSyncBlocks(function (node) {
-      return node.type.name === 'syncBlock';
-    }, tr, state),
+  var _trackSyncBlocks2 = trackSyncBlocks(syncBlockStore.referenceManager.isReferenceBlock, tr, state),
     syncBlockRemoved = _trackSyncBlocks2.removed,
     syncBlockAdded = _trackSyncBlocks2.added;
   var errorFlag = false;
@@ -275,9 +272,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     key: syncedBlockPluginKey,
     state: {
       init: function init(_, instance) {
-        var syncBlockNodes = instance.doc.children.filter(function (node) {
-          return node.type.name === 'syncBlock';
-        });
+        var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
         syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
 
         // Populate source sync block cache from initial document
@@ -285,7 +280,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         if (fg('platform_synced_block_update_refactor')) {
           instance.doc.forEach(function (node) {
             if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node);
+              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
             }
           });
         }
@@ -384,7 +379,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
               class: SyncBlockStateCssClassName.disabledClassName
             }));
           }
-          if ((node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock') && isViewMode) {
+          if (syncBlockStore.isSyncBlock(node) && isViewMode) {
             viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
               class: SyncBlockStateCssClassName.viewModeClassName
             }));
@@ -396,7 +391,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           }
 
           // Show sync block border while the user is dragging
-          if (isDragging && (node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock')) {
+          if (isDragging && syncBlockStore.isSyncBlock(node)) {
             dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
               class: SyncBlockStateCssClassName.draggingClassName
             }));
@@ -438,7 +433,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return slice;
         }
         return mapSlice(slice, function (node) {
-          if (node.type.name === 'syncBlock') {
+          if (syncBlockStore.referenceManager.isReferenceBlock(node)) {
             showCopiedFlag(api);
             return node;
           }
@@ -476,9 +471,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
 
       // Track newly added reference sync blocks before processing the transaction
       if (tr.docChanged && !tr.getMeta('isRemote')) {
-        var _trackSyncBlocks3 = trackSyncBlocks(function (node) {
-            return node.type.name === 'syncBlock';
-          }, tr, state),
+        var _trackSyncBlocks3 = trackSyncBlocks(syncBlockStore.referenceManager.isReferenceBlock, tr, state),
           added = _trackSyncBlocks3.added;
         added.forEach(function (nodeInfo) {
           var _nodeInfo$attrs;
@@ -487,15 +480,45 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           }
         });
       }
+      if (fg('platform_synced_block_update_refactor')) {
+        // if doc changed and it's a remote transaction, check if any synced block were added,
+        // and if so, for source synced blocks, ensure we update the cache with them
+        // and for reference synced blocks, ensure we fetch the data from the server
+        if (tr.docChanged && tr.getMeta('isRemote')) {
+          var _trackSyncBlocks4 = trackSyncBlocks(function (node) {
+              return syncBlockStore.isSyncBlock(node);
+            }, tr, state),
+            _added = _trackSyncBlocks4.added;
+          var sourceSyncBlockNodes = _added.filter(function (nodeInfo) {
+            return nodeInfo.node && syncBlockStore.sourceManager.isSourceBlock(nodeInfo.node);
+          });
+          var referenceSyncBlockNodes = _added.filter(function (nodeInfo) {
+            return nodeInfo.node && syncBlockStore.referenceManager.isReferenceBlock(nodeInfo.node);
+          });
+          sourceSyncBlockNodes.forEach(function (nodeInfo) {
+            var _nodeInfo$attrs2;
+            if ((_nodeInfo$attrs2 = nodeInfo.attrs) !== null && _nodeInfo$attrs2 !== void 0 && _nodeInfo$attrs2.resourceId && nodeInfo.node) {
+              syncBlockStore.sourceManager.updateSyncBlockData(nodeInfo.node, tr.getMeta('isRemote'));
+            }
+          });
+          var syncBlockNodes = referenceSyncBlockNodes.map(function (nodeInfo) {
+            return nodeInfo.node;
+          }).filter(function (node) {
+            return node !== undefined;
+          });
+          syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
+        }
+      }
       if (!tr.docChanged || Boolean(tr.getMeta('isRemote')) || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;
       }
-      var _trackSyncBlocks4 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state),
-        bodiedSyncBlockRemoved = _trackSyncBlocks4.removed,
-        bodiedSyncBlockAdded = _trackSyncBlocks4.added;
+      var _trackSyncBlocks5 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state),
+        bodiedSyncBlockRemoved = _trackSyncBlocks5.removed,
+        bodiedSyncBlockAdded = _trackSyncBlocks5.added;
       return isOffline ? filterTransactionOffline({
         tr: tr,
         state: state,
+        syncBlockStore: syncBlockStore,
         api: api,
         isConfirmedSyncBlockDeletion: isConfirmedSyncBlockDeletion,
         bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
@@ -530,7 +553,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         if (hasSourceBlockEdit) {
           newState.doc.forEach(function (node) {
             if (syncBlockStore.sourceManager.isSourceBlock(node)) {
-              syncBlockStore.sourceManager.updateSyncBlockData(node);
+              syncBlockStore.sourceManager.updateSyncBlockData(node, false);
             }
           });
         }
@@ -548,8 +571,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var _loop = function _loop() {
             var tr = _step2.value;
             if (tr.getMeta(pmHistoryPluginKey)) {
-              var _trackSyncBlocks5 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
-                added = _trackSyncBlocks5.added;
+              var _trackSyncBlocks6 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
+                added = _trackSyncBlocks6.added;
               if (added.length > 0) {
                 // Delete bodiedSyncBlock if it's originated from history, i.e. redo creation
                 // See filterTransaction above for more details

package/dist/esm/pm-plugins/utils/track-sync-blocks.js

@@ -1,5 +1,12 @@
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
+/**
+ * Tracks changes to sync blocks in a transaction.
+ * @param predicate - A function that returns true if a node is a sync block (source or reference or both).
+ * @param tr - The transaction to track changes in.
+ * @param state - The editor state.
+ * @returns An object containing the removed and added sync blocks.
+ */
 export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   var removed = {};
   var added = {};
@@ -15,8 +22,8 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
     return step instanceof ReplaceStep || step instanceof ReplaceAroundStep;
   });
 
-  // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step) {
+  // this is a quick check to see if any insertion/deletion of sync block happened
+  var hasSyncBlockChanges = replaceSteps.some(function (step) {
     var from = step.from,
       to = step.to;
     var docAtStep = tr.docs[tr.steps.indexOf(step)];
@@ -48,7 +55,7 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
     }
     return hasChange;
   });
-  if (hasBodiedSyncBlockChanges) {
+  if (hasSyncBlockChanges) {
     var oldDoc = state.doc;
     var newDoc = tr.doc;
     var syncBlockMapOld = {};

package/dist/esm/syncedBlockPlugin.js

@@ -20,7 +20,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
     api = _ref.api;
   var refs = {};
   var viewMode = 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;
-  var syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode);
+  var syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode, config === null || config === void 0 ? void 0 : config.__livePage);
   syncBlockStore.setFireAnalyticsEvent(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
   api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
   api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api, (_config$enableSourceC2 = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC2 !== void 0 ? _config$enableSourceC2 : false));

package/dist/types/pm-plugins/utils/track-sync-blocks.d.ts

@@ -1,9 +1,16 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { SyncBlockInfo } from '../../types';
+/**
+ * Tracks changes to sync blocks in a transaction.
+ * @param predicate - A function that returns true if a node is a sync block (source or reference or both).
+ * @param tr - The transaction to track changes in.
+ * @param state - The editor state.
+ * @returns An object containing the removed and added sync blocks.
+ */
 export declare const trackSyncBlocks: (predicate: (node: PMNode) => boolean, tr: Transaction, state: EditorState) => {
-    removed: SyncBlockInfo[];
     added: SyncBlockInfo[];
+    removed: SyncBlockInfo[];
 };
 /**
  *

package/dist/types/syncedBlockPluginType.d.ts

@@ -44,6 +44,14 @@ export type SyncedBlockRendererProps = {
     syncBlockFetchResult: UseFetchSyncBlockDataResult;
 };
 export interface SyncedBlockPluginOptions extends LongPressSelectionPluginOptions {
+    /**
+     * Enables Live Page specific behaviour for the synced block plugin.
+     *
+     * It is only supported for use by Confluence.
+     *
+     * @default false
+     */
+    __livePage?: boolean;
     enableSourceCreation?: boolean;
     syncBlockDataProvider: SyncBlockDataProviderInterface;
     syncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;

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

@@ -1,9 +1,16 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { SyncBlockInfo } from '../../types';
+/**
+ * Tracks changes to sync blocks in a transaction.
+ * @param predicate - A function that returns true if a node is a sync block (source or reference or both).
+ * @param tr - The transaction to track changes in.
+ * @param state - The editor state.
+ * @returns An object containing the removed and added sync blocks.
+ */
 export declare const trackSyncBlocks: (predicate: (node: PMNode) => boolean, tr: Transaction, state: EditorState) => {
-    removed: SyncBlockInfo[];
     added: SyncBlockInfo[];
+    removed: SyncBlockInfo[];
 };
 /**
  *

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

@@ -44,6 +44,14 @@ export type SyncedBlockRendererProps = {
     syncBlockFetchResult: UseFetchSyncBlockDataResult;
 };
 export interface SyncedBlockPluginOptions extends LongPressSelectionPluginOptions {
+    /**
+     * Enables Live Page specific behaviour for the synced block plugin.
+     *
+     * It is only supported for use by Confluence.
+     *
+     * @default false
+     */
+    __livePage?: boolean;
     enableSourceCreation?: boolean;
     syncBlockDataProvider: SyncBlockDataProviderInterface;
     syncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "6.0.49",
+	"version": "6.1.0",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-plugin-analytics": "^8.0.0",
 		"@atlaskit/editor-plugin-block-menu": "^7.0.0",
-		"@atlaskit/editor-plugin-connectivity": "8.0.1",
+		"@atlaskit/editor-plugin-connectivity": "8.0.2",
 		"@atlaskit/editor-plugin-content-format": "^2.0.0",
 		"@atlaskit/editor-plugin-decorations": "^8.0.0",
 		"@atlaskit/editor-plugin-floating-toolbar": "^10.0.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/editor-plugin-user-intent": "^6.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-synced-block-provider": "^4.3.0",
+		"@atlaskit/editor-synced-block-provider": "^4.4.0",
 		"@atlaskit/editor-toolbar": "^0.20.0",
 		"@atlaskit/flag": "^17.9.0",
 		"@atlaskit/icon": "34.0.2",