@atlaskit/editor-plugin-synced-block 5.3.12 → 5.3.14

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

@@ -1,9 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(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; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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) { _defineProperty(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; }
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
@@ -15,15 +16,48 @@ import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
-import { lazySyncBlockView } from '../nodeviews/lazySyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
 import { FLAG_ID } from '../types';
+import { handleBodiedSyncBlockCreation } from './utils/handle-bodied-sync-block-creation';
 import { handleBodiedSyncBlockRemoval } from './utils/handle-bodied-sync-block-removal';
 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';
 export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
+var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos) {
+  var resourceId = newRetryCreationPos === null || newRetryCreationPos === void 0 ? void 0 : newRetryCreationPos.resourceId;
+  var newMap = new Map(oldMap);
+  if (resourceId) {
+    var pos = newRetryCreationPos.pos;
+    if (!pos) {
+      newMap.delete(resourceId);
+    } else {
+      newMap.set(resourceId, pos);
+    }
+  }
+  if (newMap.size === 0) {
+    return newMap;
+  }
+  var _iterator = _createForOfIteratorHelper(newMap.entries()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _slicedToArray(_step.value, 2),
+        id = _step$value[0],
+        _pos = _step$value[1];
+      newMap.set(id, {
+        from: mapPos(_pos.from),
+        to: mapPos(_pos.to)
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return newMap;
+};
 var showCopiedFlag = function showCopiedFlag(api) {
   // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
   setTimeout(function () {
@@ -57,7 +91,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
   var unpublishedFlagShown = new Set();
 
   // Set up callback to detect unpublished sync blocks when they're fetched
-  fg('platform_synced_block_dogfooding') && syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
+  syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
     // Only show the flag once per sync block
     if (!unpublishedFlagShown.has(resourceId)) {
       unpublishedFlagShown.add(resourceId);
@@ -85,7 +119,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         return {
           selectionDecorationSet: calculateDecorations(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
-          syncBlockStore: syncBlockStore
+          syncBlockStore: syncBlockStore,
+          retryCreationPosMap: new Map()
         };
       },
       apply: function apply(tr, currentPluginState, oldEditorState) {
@@ -93,22 +128,29 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var meta = tr.getMeta(syncedBlockPluginKey);
         var activeFlag = currentPluginState.activeFlag,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
-          bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus;
+          bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
+          retryCreationPosMap = currentPluginState.retryCreationPosMap;
         var newDecorationSet = selectionDecorationSet.map(tr.mapping, tr.doc);
         if (!tr.selection.eq(oldEditorState.selection)) {
           newDecorationSet = calculateDecorations(tr.doc, tr.selection, tr.doc.type.schema);
         }
+        var newRetryCreationPosMap = retryCreationPosMap;
+        if (fg('platform_synced_block_patch_1')) {
+          var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
+          newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
+        }
         return {
           activeFlag: (_meta$activeFlag = meta === null || meta === void 0 ? void 0 : meta.activeFlag) !== null && _meta$activeFlag !== void 0 ? _meta$activeFlag : activeFlag,
           selectionDecorationSet: newDecorationSet,
           syncBlockStore: syncBlockStore,
+          retryCreationPosMap: newRetryCreationPosMap,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus
         };
       }
     },
     props: {
       nodeViews: {
-        syncBlock: fg('platform_synced_block_dogfooding') ? function (node, view, getPos, _decorations) {
+        syncBlock: function syncBlock(node, view, getPos, _decorations) {
           // To support SSR, pass `syncBlockStore` here
           // and do not use lazy loading.
           // We cannot start rendering and then load `syncBlockStore` asynchronously,
@@ -123,11 +165,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             eventDispatcher: pmPluginFactoryParams.eventDispatcher,
             syncBlockStore: syncBlockStore
           }).init();
-        } : lazySyncBlockView({
-          options: options,
-          pmPluginFactoryParams: pmPluginFactoryParams,
-          api: api
-        }),
+        },
         bodiedSyncBlock: lazyBodiedSyncBlockView({
           pluginOptions: options,
           pmPluginFactoryParams: pmPluginFactoryParams,
@@ -135,13 +173,16 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         })
       },
       decorations: function decorations(state) {
-        var _syncedBlockPluginKey, _syncedBlockPluginKey2, _api$connectivity, _api$editorViewMode;
-        var selectionDecorationSet = (_syncedBlockPluginKey = (_syncedBlockPluginKey2 = syncedBlockPluginKey.getState(state)) === null || _syncedBlockPluginKey2 === void 0 ? void 0 : _syncedBlockPluginKey2.selectionDecorationSet) !== null && _syncedBlockPluginKey !== void 0 ? _syncedBlockPluginKey : DecorationSet.empty;
+        var _currentPluginState$s, _api$connectivity, _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 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 = [];
+        var loadingDecorations = [];
         state.doc.descendants(function (node, pos) {
           if (node.type.name === 'bodiedSyncBlock' && isOffline) {
             offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
@@ -153,8 +194,13 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
               class: SyncBlockStateCssClassName.viewModeClassName
             }));
           }
+          if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId) && fg('platform_synced_block_patch_1')) {
+            loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+              class: SyncBlockStateCssClassName.creationLoadingClassName
+            }));
+          }
         });
-        return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations);
+        return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations);
       },
       handleClickOn: createSelectionClickHandler(['bodiedSyncBlock'], function (target) {
         return !!target.closest(".".concat(BodiedSyncBlockSharedCssClassName.prefix));
@@ -215,9 +261,15 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       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 isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
+      var hasNoPendingRequest = fg('platform_synced_block_patch_1') ? false :
+      // requireConfirmationBeforeDelete is always true, so this evaluates to false and hence redundant
+      !(syncBlockStore !== null && syncBlockStore !== void 0 && syncBlockStore.sourceManager.requireConfirmationBeforeDelete()) && !syncBlockStore.sourceManager.hasPendingCreation();
+      var isCommitsCreation = fg('platform_synced_block_patch_1') ? false :
+      // For patch 1, we don't intercept the insert transaction, hence it's redundant
+      Boolean(tr.getMeta('isCommitSyncBlockCreation'));
 
       // Track newly added reference sync blocks before processing the transaction
-      if (tr.docChanged && !tr.getMeta('isRemote') && fg('platform_synced_block_dogfooding')) {
+      if (tr.docChanged && !tr.getMeta('isRemote')) {
         var _trackSyncBlocks = trackSyncBlocks(function (node) {
             return node.type.name === 'syncBlock';
           }, tr, state),
@@ -235,50 +287,47 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       // or are from remote (collab) or already confirmed sync block deletion
       // We only care about local changes that change the document
       // and are not yet confirmed for sync block deletion
-      if (!tr.docChanged || !(syncBlockStore !== null && syncBlockStore !== void 0 && syncBlockStore.sourceManager.requireConfirmationBeforeDelete()) && !syncBlockStore.sourceManager.hasPendingCreation() || Boolean(tr.getMeta('isRemote')) || Boolean(tr.getMeta('isCommitSyncBlockCreation')) || !isOffline && isConfirmedSyncBlockDeletion) {
+      if (!tr.docChanged || hasNoPendingRequest || Boolean(tr.getMeta('isRemote')) || isCommitsCreation || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;
       }
       var _trackSyncBlocks2 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state),
         bodiedSyncBlockRemoved = _trackSyncBlocks2.removed,
         bodiedSyncBlockAdded = _trackSyncBlocks2.added;
       if (!isOffline) {
-        if (fg('platform_synced_block_dogfooding')) {
-          var _trackSyncBlocks3 = trackSyncBlocks(function (node) {
-              return node.type.name === 'syncBlock';
-            }, tr, state),
-            syncBlockRemoved = _trackSyncBlocks3.removed,
-            syncBlockAdded = _trackSyncBlocks3.added;
-          syncBlockRemoved.forEach(function (syncBlock) {
-            var _api$analytics;
-            api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
-              action: ACTION.DELETED,
-              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
-              attributes: {
-                resourceId: syncBlock.attrs.resourceId,
-                blockInstanceId: syncBlock.attrs.localId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
-            });
+        var _trackSyncBlocks3 = trackSyncBlocks(function (node) {
+            return node.type.name === 'syncBlock';
+          }, tr, state),
+          syncBlockRemoved = _trackSyncBlocks3.removed,
+          syncBlockAdded = _trackSyncBlocks3.added;
+        syncBlockRemoved.forEach(function (syncBlock) {
+          var _api$analytics;
+          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
+            action: ACTION.DELETED,
+            actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+            actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
+            attributes: {
+              resourceId: syncBlock.attrs.resourceId,
+              blockInstanceId: syncBlock.attrs.localId
+            },
+            eventType: EVENT_TYPE.OPERATIONAL
           });
-          syncBlockAdded.forEach(function (syncBlock) {
-            var _api$analytics2;
-            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
-              attributes: {
-                resourceId: syncBlock.attrs.resourceId,
-                blockInstanceId: syncBlock.attrs.localId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
-            });
+        });
+        syncBlockAdded.forEach(function (syncBlock) {
+          var _api$analytics2;
+          api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+            actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
+            attributes: {
+              resourceId: syncBlock.attrs.resourceId,
+              blockInstanceId: syncBlock.attrs.localId
+            },
+            eventType: EVENT_TYPE.OPERATIONAL
           });
-        }
-        ;
+        });
         if (bodiedSyncBlockRemoved.length > 0) {
           confirmationTransactionRef.current = tr;
-          return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, fg('platform_synced_block_dogfooding') ? getDeleteReason(tr) : undefined);
+          return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr));
         }
         if (bodiedSyncBlockAdded.length > 0) {
           if (Boolean(tr.getMeta(pmHistoryPluginKey))) {
@@ -287,18 +336,22 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             // After true is returned here and the node is created, we delete the node in the filterTransaction immediately, which cancels out the creation
             return true;
           }
-
-          // If there is bodiedSyncBlock node addition and it's waiting for the result of saving the node to backend (syncBlockStore.hasPendingCreation()),
-          // we need to intercept the transaction and save it in insert callback so that we only insert it to the document when backend call if backend call is successful
-          // The callback will be evoked by in SourceSyncBlockStoreManager.commitPendingCreation
-          syncBlockStore.sourceManager.registerCreationCallback(function () {
-            var _api$core;
-            api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function () {
-              return tr.setMeta('isCommitSyncBlockCreation', true);
+          if (fg('platform_synced_block_patch_1')) {
+            handleBodiedSyncBlockCreation(bodiedSyncBlockAdded, state, api);
+            return true;
+          } else {
+            // If there is bodiedSyncBlock node addition and it's waiting for the result of saving the node to backend (syncBlockStore.hasPendingCreation()),
+            // we need to intercept the transaction and save it in insert callback so that we only insert it to the document when backend call if backend call is successful
+            // The callback will be evoked by in SourceSyncBlockStoreManager.commitPendingCreation
+            syncBlockStore.sourceManager.registerCreationCallback(function () {
+              var _api$core;
+              api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function () {
+                return tr.setMeta('isCommitSyncBlockCreation', true);
+              });
+              api === null || api === void 0 || api.core.actions.focus();
             });
-            api === null || api === void 0 || api.core.actions.focus();
-          });
-          return false;
+            return false;
+          }
         }
       } else {
         var _trackSyncBlocks4 = trackSyncBlocks(function (node) {
@@ -341,11 +394,11 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           confirmationTransactionRef.current = rebaseTransaction(confirmationTransactionRef.current, tr, newState);
         }
       });
-      var _iterator = _createForOfIteratorHelper(trs),
-        _step;
+      var _iterator2 = _createForOfIteratorHelper(trs),
+        _step2;
       try {
         var _loop = function _loop() {
-            var tr = _step.value;
+            var tr = _step2.value;
             if (!tr.getMeta(pmHistoryPluginKey)) {
               return 0; // continue
             }
@@ -366,15 +419,15 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             }
           },
           _ret;
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           _ret = _loop();
           if (_ret === 0) continue;
           if (_ret) return _ret.v;
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
       return null;
     }

package/dist/esm/pm-plugins/utils/handle-bodied-sync-block-creation.js

@@ -0,0 +1,134 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { FLAG_ID } from '../../types';
+import { syncedBlockPluginKey } from '../main';
+var onRetry = function onRetry(api, resourceId) {
+  return function () {
+    var _api$core, _api$core2;
+    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.focus();
+    api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref) {
+      var _api$syncedBlock, _api$syncedBlock2;
+      var tr = _ref.tr;
+      var pos = api === null || api === void 0 || (_api$syncedBlock = api.syncedBlock) === null || _api$syncedBlock === void 0 || (_api$syncedBlock = _api$syncedBlock.sharedState.currentState()) === null || _api$syncedBlock === void 0 || (_api$syncedBlock = _api$syncedBlock.retryCreationPosMap) === null || _api$syncedBlock === void 0 ? void 0 : _api$syncedBlock.get(resourceId);
+      var from = pos === null || pos === void 0 ? void 0 : pos.from;
+      var to = pos === null || pos === void 0 ? void 0 : pos.to;
+      if (from === undefined || to === undefined) {
+        return tr;
+      }
+      tr.setSelection(TextSelection.create(tr.doc, from, to)).setMeta(syncedBlockPluginKey, {
+        activeFlag: false
+      });
+      api === null || api === void 0 || (_api$syncedBlock2 = api.syncedBlock) === null || _api$syncedBlock2 === void 0 || _api$syncedBlock2.commands.insertSyncedBlock()({
+        tr: tr
+      });
+      return tr;
+    });
+  };
+};
+var getRevertCreationPos = function getRevertCreationPos(api, doc, resourceId) {
+  var _api$syncedBlock3;
+  var retryCreationPos = api === null || api === void 0 || (_api$syncedBlock3 = api.syncedBlock) === null || _api$syncedBlock3 === void 0 || (_api$syncedBlock3 = _api$syncedBlock3.sharedState.currentState()) === null || _api$syncedBlock3 === void 0 || (_api$syncedBlock3 = _api$syncedBlock3.retryCreationPosMap) === null || _api$syncedBlock3 === void 0 ? void 0 : _api$syncedBlock3.get(resourceId);
+  if (retryCreationPos) {
+    return retryCreationPos;
+  }
+
+  // Fallback to find the positions in case BE call returns before plugin state becomes available
+  // which is highly unlikely
+  var currentPos;
+  doc.descendants(function (node, pos) {
+    if (currentPos) {
+      return false;
+    }
+    if (node.type.name === 'bodiedSyncBlock' && resourceId === node.attrs.resourceId) {
+      currentPos = {
+        from: pos,
+        to: pos + node.nodeSize
+      };
+      return false;
+    }
+  });
+  return currentPos;
+};
+var buildRevertCreationTr = function buildRevertCreationTr(tr, pos) {
+  var _tr$doc$nodeAt;
+  var content = (_tr$doc$nodeAt = tr.doc.nodeAt(pos.from)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.content;
+  if (content) {
+    tr.replaceWith(pos.from, pos.to, content);
+    var contentFrom = tr.mapping.map(pos.from);
+    tr.setSelection(TextSelection.create(tr.doc, contentFrom, contentFrom + content.size));
+  } else {
+    tr.delete(pos.from, pos.to);
+  }
+  return tr;
+};
+
+/**
+ *
+ * Save the new bodiedSyncBlock to backend with empty content and handles revert (if failed) and retry flow
+ */
+export var handleBodiedSyncBlockCreation = function handleBodiedSyncBlockCreation(bodiedSyncBlockAdded, editorState, api) {
+  var syncBlockStore = syncedBlockPluginKey.getState(editorState).syncBlockStore;
+  bodiedSyncBlockAdded.forEach(function (node) {
+    if (node.from === undefined || node.to === undefined) {
+      return;
+    }
+    var retryCreationPos = {
+      from: node.from,
+      to: node.to
+    };
+    var resourceId = node.attrs.resourceId;
+    setTimeout(function () {
+      var _api$core3;
+      api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref2) {
+        var tr = _ref2.tr;
+        return tr.setMeta(syncedBlockPluginKey, {
+          retryCreationPos: {
+            resourceId: resourceId,
+            pos: retryCreationPos
+          }
+        });
+      });
+    });
+    syncBlockStore.sourceManager.createBodiedSyncBlockNode(node.attrs, function (success) {
+      if (success) {
+        var _api$core4, _api$core5;
+        api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          return tr.setMeta(syncedBlockPluginKey, {
+            retryCreationPos: {
+              resourceId: resourceId,
+              pos: undefined
+            }
+          });
+        });
+        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.focus();
+      } else {
+        var _api$core6;
+        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref4) {
+          var tr = _ref4.tr;
+          var revertCreationPos = getRevertCreationPos(api, tr.doc, resourceId);
+          if (!revertCreationPos) {
+            return tr;
+          }
+          var revertTr = buildRevertCreationTr(tr, revertCreationPos);
+          return revertTr.setMeta('isConfirmedSyncBlockDeletion', true).setMeta('addToHistory', false).setMeta(syncedBlockPluginKey, {
+            activeFlag: {
+              id: FLAG_ID.CANNOT_CREATE_SYNC_BLOCK,
+              onRetry: onRetry(api, resourceId),
+              onDismissed: function onDismissed(tr) {
+                return tr.setMeta(syncedBlockPluginKey, _objectSpread(_objectSpread({}, tr.getMeta(syncedBlockPluginKey)), {}, {
+                  retryCreationPos: {
+                    resourceId: resourceId,
+                    pos: undefined
+                  }
+                }));
+              }
+            }
+          });
+        });
+      }
+    }, node.node);
+  });
+};

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

@@ -3,7 +3,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   var removed = {};
   var added = {};
@@ -23,7 +22,7 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   var hasBodiedSyncBlockChanges = replaceSteps.some(function (step, idx) {
     var from = step.from,
       to = step.to;
-    var docAtStep = fg('platform_synced_block_dogfooding') ? tr.docs[idx] : state.doc;
+    var docAtStep = tr.docs[idx];
     var hasChange = false;
     if (from !== to) {
       step.getMap().forEach(function (oldStart, oldEnd) {
@@ -70,6 +69,7 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
         var syncBlockAttr = node.attrs;
         syncBlockMapNew[syncBlockAttr.localId] = {
           attrs: syncBlockAttr,
+          node: node,
           from: offset,
           to: offset + node.nodeSize
         };

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

@@ -1,9 +1,6 @@
 import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { CellSelection, findTable } from '@atlaskit/editor-tables';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var findSyncBlock = function findSyncBlock(schema, selection) {
   var syncBlock = schema.nodes.syncBlock;
   return findSelectedNodeOfType(syncBlock)(selection);
@@ -28,48 +25,6 @@ var UNSUPPORTED_NODE_TYPES = new Set(['inlineExtension', 'extension', 'bodiedExt
  * or false if conversion is not possible
  */
 export var canBeConvertedToSyncBlock = function canBeConvertedToSyncBlock(selection) {
-  return fg('platform_synced_block_dogfooding') ? canBeConvertedToSyncBlockNew(selection) : canBeConvertedToSyncBlockOld(selection);
-};
-export var canBeConvertedToSyncBlockOld = function canBeConvertedToSyncBlockOld(selection) {
-  var schema = selection.$from.doc.type.schema;
-  var nodes = schema.nodes;
-  var from = selection.from;
-  var to = selection.to;
-  var contentToInclude = selection.content().content;
-  if (selection instanceof CellSelection) {
-    var table = findTable(selection);
-    if (!table) {
-      return false;
-    }
-    contentToInclude = Fragment.from([table.node]);
-    from = table.pos;
-    to = table.pos + table.node.nodeSize;
-  } else if (selection instanceof TextSelection) {
-    var trueParent = findParentNodeOfType([nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.blockquote])(selection);
-    if (trueParent) {
-      contentToInclude = Fragment.from([trueParent.node]);
-      from = trueParent.pos;
-      to = trueParent.pos + trueParent.node.nodeSize;
-    }
-  }
-  var canBeConverted = true;
-  selection.$from.doc.nodesBetween(from, to, function (node) {
-    if (UNSUPPORTED_NODE_TYPES.has(node.type.name)) {
-      canBeConverted = false;
-      return false;
-    }
-  });
-  if (!canBeConverted) {
-    return false;
-  }
-  contentToInclude = removeBreakoutMarks(contentToInclude);
-  return {
-    contentToInclude: contentToInclude,
-    from: from,
-    to: to
-  };
-};
-export var canBeConvertedToSyncBlockNew = function canBeConvertedToSyncBlockNew(selection) {
   var _expandSelectionToBlo = expandSelectionToBlockRange(selection),
     $from = _expandSelectionToBlo.$from,
     range = _expandSelectionToBlo.range;

package/dist/esm/syncedBlockPlugin.js

@@ -1,11 +1,9 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { bodiedSyncBlock, syncBlock } from '@atlaskit/adf-schema';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks, flushSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin, syncedBlockPluginKey } from './pm-plugins/main';
@@ -43,7 +41,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
         plugin: function plugin(params) {
           return createPlugin(config, params, syncBlockStore, api);
         }
-      }].concat(_toConsumableArray(fg('platform_synced_block_dogfooding') ? [{
+      }, {
         name: 'menuAndToolbarExperiencesPlugin',
         plugin: function plugin() {
           return getMenuAndToolbarExperiencesPlugin({
@@ -54,7 +52,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
             }
           });
         }
-      }] : []));
+      }];
     },
     commands: {
       copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard(inputMethod) {
@@ -114,7 +112,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
               fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.fireAnalyticsEvent
             });
           },
-          testId: fg('platform_synced_block_dogfooding') ? SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate : undefined
+          testId: SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate
         }];
       },
       floatingToolbar: function floatingToolbar(state, intl) {
@@ -145,11 +143,13 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
       var _syncedBlockPluginKey = syncedBlockPluginKey.getState(editorState),
         activeFlag = _syncedBlockPluginKey.activeFlag,
         currentSyncBlockStore = _syncedBlockPluginKey.syncBlockStore,
-        bodiedSyncBlockDeletionStatus = _syncedBlockPluginKey.bodiedSyncBlockDeletionStatus;
+        bodiedSyncBlockDeletionStatus = _syncedBlockPluginKey.bodiedSyncBlockDeletionStatus,
+        retryCreationPosMap = _syncedBlockPluginKey.retryCreationPosMap;
       return {
         activeFlag: activeFlag,
         syncBlockStore: currentSyncBlockStore,
-        bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus
+        bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus,
+        retryCreationPosMap: retryCreationPosMap
       };
     }
   };

package/dist/esm/types/index.js

@@ -5,6 +5,7 @@ export var FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
   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";
   return FLAG_ID;
 }({});
 export var SYNCED_BLOCK_BUTTON_TEST_ID = {