@atlaskit/editor-plugin-synced-block 6.0.11 → 6.0.14

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

@@ -16,9 +16,7 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
 import { bodiedSyncBlockNodeView, bodiedSyncBlockNodeViewOld } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
 import { FLAG_ID } from '../types';
@@ -233,17 +231,13 @@ var SyncedBlockPluginContext = /*#__PURE__*/function () {
   }]);
 }();
 export var createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
-  var _ctx$confirmationTran, _ctx$unpublishedFlagS, _ctx$extensionFlagSho;
   var _ref6 = options || {},
     _ref6$useLongPressSel = _ref6.useLongPressSelection,
     useLongPressSelection = _ref6$useLongPressSel === void 0 ? false : _ref6$useLongPressSel;
-  var ctx = fg('platform_synced_block_patch_5') ? new SyncedBlockPluginContext() : undefined;
-  var confirmationTransactionRef = (_ctx$confirmationTran = ctx === null || ctx === void 0 ? void 0 : ctx.confirmationTransactionRef) !== null && _ctx$confirmationTran !== void 0 ? _ctx$confirmationTran : {
-    current: undefined
-  };
-  var isCopyEvent = false;
-  var unpublishedFlagShown = (_ctx$unpublishedFlagS = ctx === null || ctx === void 0 ? void 0 : ctx.unpublishedFlagShown) !== null && _ctx$unpublishedFlagS !== void 0 ? _ctx$unpublishedFlagS : new Set();
-  var extensionFlagShown = (_ctx$extensionFlagSho = ctx === null || ctx === void 0 ? void 0 : ctx.extensionFlagShown) !== null && _ctx$extensionFlagSho !== void 0 ? _ctx$extensionFlagSho : new Set();
+  var ctx = new SyncedBlockPluginContext();
+  var confirmationTransactionRef = ctx.confirmationTransactionRef;
+  var unpublishedFlagShown = ctx.unpublishedFlagShown;
+  var extensionFlagShown = ctx.extensionFlagShown;
 
   // Set up callback to detect unpublished sync blocks when they're fetched
   syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
@@ -275,7 +269,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
-          hasUnsavedBodiedSyncBlockChanges: fg('platform_synced_block_patch_5') ? syncBlockStore.sourceManager.hasUnsavedChanges() : undefined
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
       },
       apply: function apply(tr, currentPluginState, oldEditorState) {
@@ -285,11 +279,11 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
           retryCreationPosMap = currentPluginState.retryCreationPosMap;
-        var newDecorationSet = fg('platform_synced_block_patch_5') ? tr.docChanged ? selectionDecorationSet.map(tr.mapping, tr.doc) // only map if document changed
-        : selectionDecorationSet : selectionDecorationSet.map(tr.mapping, tr.doc);
+        var newDecorationSet = tr.docChanged ? selectionDecorationSet.map(tr.mapping, tr.doc) // only map if document changed
+        : selectionDecorationSet;
         if (!tr.selection.eq(oldEditorState.selection)) {
           newDecorationSet = calculateDecorations(tr.doc, tr.selection, tr.doc.type.schema);
-        } else if (tr.docChanged && fg('platform_synced_block_patch_5')) {
+        } else if (tr.docChanged) {
           var existingDecorationsLength = selectionDecorationSet.find().length;
           var newDecorationsLength = newDecorationSet.find().length;
 
@@ -308,7 +302,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: newRetryCreationPosMap,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
-          hasUnsavedBodiedSyncBlockChanges: fg('platform_synced_block_patch_5') ? syncBlockStore.sourceManager.hasUnsavedChanges() : undefined
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
         };
       }
     },
@@ -332,7 +326,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             }).init()
           );
         },
-        bodiedSyncBlock: fg('platform_synced_block_patch_5') ? editorExperiment('platform_synced_block_use_new_source_nodeview', true, {
+        bodiedSyncBlock: editorExperiment('platform_synced_block_use_new_source_nodeview', true, {
           exposure: true
         }) ? bodiedSyncBlockNodeView({
           pluginOptions: options,
@@ -344,10 +338,6 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           pmPluginFactoryParams: pmPluginFactoryParams,
           api: api,
           syncBlockStore: syncBlockStore
-        }) : lazyBodiedSyncBlockView({
-          pluginOptions: options,
-          pmPluginFactoryParams: pmPluginFactoryParams,
-          api: api
         })
       },
       decorations: function decorations(state) {
@@ -358,7 +348,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var doc = state.doc;
         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 isDragging = fg('platform_synced_block_patch_5') ? (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging' : undefined;
+        var isDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
         var offlineDecorations = [];
         var viewModeDecorations = [];
         var loadingDecorations = [];
@@ -381,7 +371,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') && fg('platform_synced_block_patch_5')) {
+          if (isDragging && (node.type.name === 'bodiedSyncBlock' || node.type.name === 'syncBlock')) {
             dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
               class: SyncBlockStateCssClassName.draggingClassName
             }));
@@ -409,11 +399,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return shouldIgnoreDomEvent(view, event, api);
         },
         copy: function copy() {
-          if (ctx) {
-            ctx.markCopyEvent();
-          } else {
-            isCopyEvent = true;
-          }
+          ctx.markCopyEvent();
           return false;
         }
       },
@@ -422,10 +408,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
-        var isCopy = ctx ? ctx.consumeCopyEvent() : isCopyEvent;
-        if (!ctx) {
-          isCopyEvent = false;
-        }
+        var isCopy = ctx.consumeCopyEvent();
         if (!syncBlockStore || !isCopy) {
           return slice;
         }
@@ -481,103 +464,23 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       var _trackSyncBlocks4 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state),
         bodiedSyncBlockRemoved = _trackSyncBlocks4.removed,
         bodiedSyncBlockAdded = _trackSyncBlocks4.added;
-      if (fg('platform_synced_block_patch_5')) {
-        return isOffline ? filterTransactionOffline({
-          tr: tr,
-          state: state,
-          api: api,
-          isConfirmedSyncBlockDeletion: isConfirmedSyncBlockDeletion,
-          bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
-          bodiedSyncBlockAdded: bodiedSyncBlockAdded
-        }) : filterTransactionOnline({
-          tr: tr,
-          state: state,
-          syncBlockStore: syncBlockStore,
-          api: api,
-          confirmationTransactionRef: confirmationTransactionRef,
-          bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
-          bodiedSyncBlockAdded: bodiedSyncBlockAdded,
-          extensionFlagShown: extensionFlagShown
-        });
-      }
-      if (!isOffline) {
-        var _trackSyncBlocks5 = trackSyncBlocks(function (node) {
-            return node.type.name === 'syncBlock';
-          }, tr, state),
-          _syncBlockRemoved = _trackSyncBlocks5.removed,
-          _syncBlockAdded = _trackSyncBlocks5.added;
-        _syncBlockRemoved.forEach(function (syncBlock) {
-          var _api$analytics3;
-          api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.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$analytics4;
-          api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
-            attributes: {
-              resourceId: syncBlock.attrs.resourceId,
-              blockInstanceId: syncBlock.attrs.localId
-            },
-            eventType: EVENT_TYPE.TRACK
-          });
-        });
-        if (bodiedSyncBlockRemoved.length > 0) {
-          confirmationTransactionRef.current = tr;
-          return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr));
-        }
-        if (bodiedSyncBlockAdded.length > 0) {
-          if (tr.getMeta(pmHistoryPluginKey)) {
-            // We don't allow bodiedSyncBlock creation via redo, however, we need to return true here to let transaction through so history can be updated properly.
-            // If we simply returns false, creation from redo is blocked as desired, but this results in editor showing redo as possible even though it's not.
-            // 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;
-          }
-          handleBodiedSyncBlockCreation(bodiedSyncBlockAdded, state, api);
-          return true;
-        }
-        showExtensionInSyncBlockWarningIfNeeded(tr, state, api, extensionFlagShown);
-        return true;
-      }
-      var _trackSyncBlocks6 = trackSyncBlocks(function (node) {
-          return node.type.name === 'syncBlock';
-        }, tr, state),
-        syncBlockRemoved = _trackSyncBlocks6.removed,
-        syncBlockAdded = _trackSyncBlocks6.added;
-      var errorFlag = false;
-
-      // Disable (bodied)syncBlock node deletion/creation/edition in offline mode and trigger an error flag instead
-      if (isConfirmedSyncBlockDeletion || bodiedSyncBlockRemoved.length > 0 || syncBlockRemoved.length > 0) {
-        errorFlag = FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE;
-      } else if (bodiedSyncBlockAdded.length > 0 || syncBlockAdded.length > 0) {
-        errorFlag = FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE;
-      } else if (hasEditInSyncBlock(tr, state)) {
-        errorFlag = FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE;
-      }
-      if (errorFlag) {
-        deferDispatch(function () {
-          api === null || api === void 0 || api.core.actions.execute(function (_ref9) {
-            var tr = _ref9.tr;
-            return tr.setMeta(syncedBlockPluginKey, {
-              activeFlag: {
-                id: errorFlag
-              }
-            });
-          });
-        });
-        return false;
-      }
-      return true;
+      return isOffline ? filterTransactionOffline({
+        tr: tr,
+        state: state,
+        api: api,
+        isConfirmedSyncBlockDeletion: isConfirmedSyncBlockDeletion,
+        bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
+        bodiedSyncBlockAdded: bodiedSyncBlockAdded
+      }) : filterTransactionOnline({
+        tr: tr,
+        state: state,
+        syncBlockStore: syncBlockStore,
+        api: api,
+        confirmationTransactionRef: confirmationTransactionRef,
+        bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
+        bodiedSyncBlockAdded: bodiedSyncBlockAdded,
+        extensionFlagShown: extensionFlagShown
+      });
     },
     appendTransaction: function appendTransaction(trs, oldState, newState) {
       trs.filter(function (tr) {
@@ -593,8 +496,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var _loop = function _loop() {
             var tr = _step2.value;
             if (tr.getMeta(pmHistoryPluginKey)) {
-              var _trackSyncBlocks7 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
-                added = _trackSyncBlocks7.added;
+              var _trackSyncBlocks5 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
+                added = _trackSyncBlocks5.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/menu-and-toolbar-experiences.js

@@ -1,9 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement } from '@atlaskit/editor-common/experiences';
+import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
 var TIMEOUT_DURATION = 30000;
 var pluginKey = new PluginKey('syncedBlockMenuAndToolbarExperience');
@@ -14,10 +15,13 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
   var refs = _ref.refs,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
   var popupsTargetEl;
-  var editorViewEl;
+  var editorViewRef = {
+    current: undefined
+  };
   var getPopupsTarget = function getPopupsTarget() {
     if (!popupsTargetEl) {
-      popupsTargetEl = refs.popupsMountPoint || refs.wrapperElement || getPopupContainerFromEditorView(editorViewEl);
+      var _editorViewRef$curren;
+      popupsTargetEl = refs.popupsMountPoint || refs.wrapperElement || getPopupContainerFromEditorView(editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren = editorViewRef.current) === null || _editorViewRef$curren === void 0 ? void 0 : _editorViewRef$curren.dom);
     }
     return popupsTargetEl;
   };
@@ -27,7 +31,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), syncedBlockAddedToDomCheck(refs)]
+    }), syncedBlockAddedToDomCheck(refs, editorViewRef)]
   });
   var createSourceBlockMenuExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
     action: ACTION.SYNCED_BLOCK_CREATE,
@@ -35,7 +39,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), syncedBlockAddedToDomCheck(refs)]
+    }), syncedBlockAddedToDomCheck(refs, editorViewRef)]
   });
   var createSourceQuickInsertMenuExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
     action: ACTION.SYNCED_BLOCK_CREATE,
@@ -43,7 +47,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), syncedBlockAddedToDomCheck(refs)]
+    }), syncedBlockAddedToDomCheck(refs, editorViewRef)]
   });
   var deleteReferenceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
     action: ACTION.REFERENCE_SYNCED_BLOCK_DELETE,
@@ -51,7 +55,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), referenceSyncBlockRemovedFromDomCheck(refs)]
+    }), referenceSyncBlockRemovedFromDomCheck(refs, editorViewRef)]
   });
   var unsyncReferenceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
     action: ACTION.REFERENCE_SYNCED_BLOCK_UNSYNC,
@@ -59,7 +63,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), referenceSyncBlockRemovedFromDomCheck(refs)]
+    }), referenceSyncBlockRemovedFromDomCheck(refs, editorViewRef)]
   });
   var unsyncSourceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
     action: ACTION.SYNCED_BLOCK_UNSYNC,
@@ -67,7 +71,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), syncBlockDeleteConfirmationModalAddedCheck(refs)]
+    }), syncBlockDeleteConfirmationModalAddedCheck()]
   });
   var deleteSourceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
     action: ACTION.SYNCED_BLOCK_DELETE,
@@ -75,7 +79,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), syncBlockDeleteConfirmationModalAddedCheck(refs)]
+    }), syncBlockDeleteConfirmationModalAddedCheck()]
   });
   var syncedLocationsExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
     action: ACTION.SYNCED_BLOCK_VIEW_SYNCED_LOCATIONS,
@@ -83,7 +87,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), syncedLocationsDropdownOpenedCheck(refs)]
+    }), syncedLocationsDropdownOpenedCheck()]
   });
   var unbindClickListener = bind(document, {
     type: 'click',
@@ -128,11 +132,11 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
         if (!typeaheadPopup || !(typeaheadPopup instanceof HTMLElement)) {
           return;
         }
-        var firstItem = typeaheadPopup.querySelector('[role="option"]');
-        if (!firstItem || !(firstItem instanceof HTMLElement)) {
+        var targetElement = fg('platform_synced_block_fix_experience_tracking') ? typeaheadPopup.querySelector('[role="option"][aria-selected="true"]') : typeaheadPopup.querySelector('[role="option"]');
+        if (!targetElement || !(targetElement instanceof HTMLElement)) {
           return;
         }
-        var testId = firstItem.dataset.testid;
+        var testId = targetElement.dataset.testid;
         if (testId === SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate) {
           createSourceQuickInsertMenuExperience.start();
         }
@@ -144,8 +148,8 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
   });
   return new SafePlugin({
     key: pluginKey,
-    view: function view(editorView) {
-      editorViewEl = editorView.dom;
+    view: function view(_view) {
+      editorViewRef.current = _view;
       return {
         destroy: function destroy() {
           createSourcePrimaryToolbarExperience.abort({
@@ -259,7 +263,7 @@ var getTarget = function getTarget(containerElement) {
   }
   return targetEl;
 };
-var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs) {
+var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs, editorViewRef) {
   return new ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref3) {
       var mutations = _ref3.mutations;
@@ -271,12 +275,19 @@ var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs) {
       return undefined;
     },
     observeConfig: function observeConfig() {
-      return {
-        target: getTarget(refs.containerElement),
+      var _editorViewRef$curren2;
+      return [{
+        target: fg('platform_synced_block_fix_experience_tracking') ? editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren2 = editorViewRef.current) === null || _editorViewRef$curren2 === void 0 ? void 0 : _editorViewRef$curren2.dom : getTarget(refs.containerElement),
         options: {
           childList: true
         }
-      };
+      }].concat(_toConsumableArray(fg('platform_synced_block_fix_experience_tracking') ? [{
+        target: getSelectionAncestorDOM(editorViewRef === null || editorViewRef === void 0 ? void 0 : editorViewRef.current),
+        options: {
+          childList: true,
+          subtree: true
+        }
+      }] : []));
     }
   });
 };
@@ -288,7 +299,7 @@ var isBodiedSyncBlockAddedInMutation = function isBodiedSyncBlockAddedInMutation
 var isBodiedSyncBlockWithinNode = function isBodiedSyncBlockWithinNode(node) {
   return getNodeQuery('[data-prosemirror-node-name="bodiedSyncBlock"]')(node);
 };
-var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFromDomCheck(refs) {
+var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFromDomCheck(refs, editorViewRef) {
   return new ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref5) {
       var mutations = _ref5.mutations;
@@ -300,12 +311,19 @@ var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFr
       return undefined;
     },
     observeConfig: function observeConfig() {
-      return {
-        target: getTarget(refs.containerElement),
+      var _editorViewRef$curren3;
+      return [{
+        target: fg('platform_synced_block_fix_experience_tracking') ? editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren3 = editorViewRef.current) === null || _editorViewRef$curren3 === void 0 ? void 0 : _editorViewRef$curren3.dom : getTarget(refs.containerElement),
         options: {
           childList: true
         }
-      };
+      }].concat(_toConsumableArray(fg('platform_synced_block_fix_experience_tracking') ? [{
+        target: getSelectionAncestorDOM(editorViewRef === null || editorViewRef === void 0 ? void 0 : editorViewRef.current),
+        options: {
+          childList: true,
+          subtree: true
+        }
+      }] : []));
     }
   });
 };
@@ -317,7 +335,7 @@ var isSyncBlockRemovedInMutation = function isSyncBlockRemovedInMutation(_ref6)
 var isSyncBlockWithinNode = function isSyncBlockWithinNode(node) {
   return getNodeQuery('[data-prosemirror-node-name="syncBlock"]')(node);
 };
-var syncBlockDeleteConfirmationModalAddedCheck = function syncBlockDeleteConfirmationModalAddedCheck(refs) {
+var syncBlockDeleteConfirmationModalAddedCheck = function syncBlockDeleteConfirmationModalAddedCheck() {
   return new ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref7) {
       var mutations = _ref7.mutations;
@@ -347,7 +365,7 @@ var isDeleteConfirmationModalAddedInMutation = function isDeleteConfirmationModa
 var isDeleteConfirmationModalWithinNode = function isDeleteConfirmationModalWithinNode(node) {
   return getNodeQuery('[data-testid="sync-block-delete-confirmation"]')(node);
 };
-var syncedLocationsDropdownOpenedCheck = function syncedLocationsDropdownOpenedCheck(refs) {
+var syncedLocationsDropdownOpenedCheck = function syncedLocationsDropdownOpenedCheck() {
   return new ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref9) {
       var mutations = _ref9.mutations;

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

@@ -2,7 +2,6 @@ import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfType, findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 /**
@@ -10,11 +9,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
  * Used to avoid re-entrant ProseMirror dispatch cycles.
  */
 export var deferDispatch = function deferDispatch(fn) {
-  if (fg('platform_synced_block_patch_5')) {
-    queueMicrotask(fn);
-  } else {
-    setTimeout(fn, 0);
-  }
+  queueMicrotask(fn);
 };
 export var findSyncBlock = function findSyncBlock(schema, selection) {
   var syncBlock = schema.nodes.syncBlock;

package/dist/esm/syncedBlockPlugin.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { syncBlock, bodiedSyncBlock } from '@atlaskit/adf-schema';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks, flushSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
@@ -123,7 +122,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
         syncBlockStore: currentSyncBlockStore,
         bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus,
         retryCreationPosMap: retryCreationPosMap,
-        hasUnsavedBodiedSyncBlockChanges: fg('platform_synced_block_patch_5') ? hasUnsavedBodiedSyncBlockChanges : undefined
+        hasUnsavedBodiedSyncBlockChanges: hasUnsavedBodiedSyncBlockChanges
       };
     }
   };

package/dist/esm/ui/SyncBlockRefresher.js

@@ -1,8 +1,6 @@
 import { useEffect } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
-export var SYNC_BLOCK_FETCH_INTERVAL = 3000;
-
 // Component that manages synced block data synchronization.
 // Uses provider-based GraphQL subscriptions for updates when online.
 // Falls back to polling at regular intervals when offline.
@@ -21,19 +19,5 @@ export var SyncBlockRefresher = function SyncBlockRefresher(_ref) {
     var useRealTimeSubscriptions = isOnline;
     syncBlockStoreManager.referenceManager.setRealTimeSubscriptionsEnabled(useRealTimeSubscriptions);
   }, [syncBlockStoreManager, isOnline]);
-  useEffect(function () {
-    if (isOnline) {
-      return;
-    }
-    var interval = window.setInterval(function () {
-      var _document;
-      if (((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) === 'visible') {
-        syncBlockStoreManager.referenceManager.refreshSubscriptions();
-      }
-    }, SYNC_BLOCK_FETCH_INTERVAL);
-    return function () {
-      window.clearInterval(interval);
-    };
-  }, [syncBlockStoreManager, isOnline]);
   return null;
 };

package/dist/types/ui/SyncBlockRefresher.d.ts

@@ -1,7 +1,6 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const SYNC_BLOCK_FETCH_INTERVAL = 3000;
 export declare const SyncBlockRefresher: ({ syncBlockStoreManager, api, }: {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
     syncBlockStoreManager: SyncBlockStoreManager;

package/dist/types-ts4.5/ui/SyncBlockRefresher.d.ts

@@ -1,7 +1,6 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const SYNC_BLOCK_FETCH_INTERVAL = 3000;
 export declare const SyncBlockRefresher: ({ syncBlockStoreManager, api, }: {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
     syncBlockStoreManager: SyncBlockStoreManager;

package/docs/0-intro.tsx

@@ -5,21 +5,20 @@ import { AtlassianInternalWarning, code, md } from '@atlaskit/docs';
 import { createEditorUseOnlyNotice } from '@atlaskit/editor-common/doc-utils';
 import { token } from '@atlaskit/tokens';
 
-export default md`
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- md template from @atlaskit/docs
+const _default_1: any = md`
 
 ${createEditorUseOnlyNotice('Editor Plugin Synced Block', [
-	{ name: 'Editor Core', link: '/packages/editor/editor-core' },
+    { name: 'Editor Core', link: '/packages/editor/editor-core' },
 ])}
 
 
-  ${
-		(
-			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-			<div style={{ marginTop: token('space.100', '8px') }}>
-				<AtlassianInternalWarning />
-			</div>
-		)
-	}
+  ${(
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        <div style={{ marginTop: token('space.100', '8px') }}>
+            <AtlassianInternalWarning />
+        </div>
+    )}
 
   This package includes the synced block plugin used by \`@atlaskit/editor-core\`.
 
@@ -41,3 +40,4 @@ For internal Atlassian, visit the slack channel [#help-editor](https://atlassian
 ---
  Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.
 `;
+export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "6.0.11",
+	"version": "6.0.14",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,8 +28,8 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.3.0",
-		"@atlaskit/button": "23.10.3",
+		"@atlaskit/adf-schema": "^52.4.0",
+		"@atlaskit/button": "23.10.4",
 		"@atlaskit/dropdown-menu": "16.7.1",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-plugin-analytics": "^8.0.0",
@@ -43,10 +43,10 @@
 		"@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.0.0",
+		"@atlaskit/editor-synced-block-provider": "^4.1.0",
 		"@atlaskit/editor-toolbar": "^0.20.0",
 		"@atlaskit/flag": "^17.8.0",
-		"@atlaskit/icon": "33.0.0",
+		"@atlaskit/icon": "33.0.1",
 		"@atlaskit/icon-lab": "^6.0.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.5.0",
@@ -54,9 +54,9 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/spinner": "19.0.11",
-		"@atlaskit/tmp-editor-statsig": "^40.3.0",
+		"@atlaskit/tmp-editor-statsig": "^40.6.0",
 		"@atlaskit/tokens": "11.1.1",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -65,7 +65,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.4.0",
+		"@atlaskit/editor-common": "^112.6.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -108,14 +108,14 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_synced_block_patch_5": {
-			"type": "boolean"
-		},
 		"platform_editor_block_menu_v2_patch_3": {
 			"type": "boolean"
 		},
 		"confluence_fronend_labels_categorization_migration": {
 			"type": "boolean"
+		},
+		"platform_synced_block_fix_experience_tracking": {
+			"type": "boolean"
 		}
 	}
 }