@atlaskit/editor-plugin-synced-block 10.4.7 → 10.5.0

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

@@ -13,6 +13,7 @@ import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/edi
 import { getSourceProductFromResourceIdSafe } from '@atlaskit/editor-synced-block-provider/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { bodiedSyncBlockNodeView, bodiedSyncBlockNodeViewOld } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
@@ -37,6 +38,7 @@ export const syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
  * `platform_editor_blocks_patch_4`.
  */
 export const deleteMechanismMetaKey = new PluginKey('syncedBlockDeleteMechanism');
+const syncedBlockPromptedFeedbackMetaKey = new PluginKey('syncedBlockPromptedFeedback');
 
 /**
  * Creation-type signals set by {@link createSyncedBlock} on the creating
@@ -121,7 +123,7 @@ const getDeleteReason = tr => {
 };
 
 /** Narrows the history plugin meta, matching the editor-plugin-card pattern. */
-const isHistoryMeta = meta => typeof meta === 'object' && meta !== null && 'redo' in meta;
+const isHistoryMeta = meta => typeof meta === 'object' && meta !== null && 'redo' in meta && typeof meta.redo === 'boolean';
 
 /**
  * Derive how a source bodiedSyncBlock removal was performed, for the `mechanism`
@@ -145,9 +147,16 @@ const isHistoryMeta = meta => typeof meta === 'object' && meta !== null && 'redo
  * selected when the edit was made.
  */
 export const getDeleteMechanism = (tr, state) => {
-  var _selection$node;
+  var _selection$node, _selection$node2;
+  // Keep the legacy analytics classification unchanged while activation is off.
+  // The stricter history, structural-step, and reference-selection handling is
+  // only needed by the prompted feedback rollout.
+  const isSyncBlockActivationEnabled = expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true);
   const historyMeta = tr.getMeta(pmHistoryPluginKey);
   if (historyMeta) {
+    if (isSyncBlockActivationEnabled && !isHistoryMeta(historyMeta)) {
+      return 'other';
+    }
     return isHistoryMeta(historyMeta) && historyMeta.redo ? 'redo' : 'undo';
   }
 
@@ -156,16 +165,26 @@ export const getDeleteMechanism = (tr, state) => {
   if (tr.getMeta(deleteMechanismMetaKey) === 'deleteButton') {
     return 'deleteButton';
   }
+  const hasStructuralStep = isSyncBlockActivationEnabled && tr.steps.some(step => step instanceof ReplaceAroundStep);
   const hasReplaceStep = tr.steps.some(step => step instanceof ReplaceStep);
-  if (!hasReplaceStep) {
+  if (hasStructuralStep || !hasReplaceStep) {
     return 'other';
   }
   const {
     selection
   } = state;
-  const isNodeSelected = selection instanceof NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type.name) === 'bodiedSyncBlock';
+  const isNodeSelected = selection instanceof NodeSelection && (((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type.name) === 'bodiedSyncBlock' || isSyncBlockActivationEnabled && ((_selection$node2 = selection.node) === null || _selection$node2 === void 0 ? void 0 : _selection$node2.type.name) === 'syncBlock');
   return isNodeSelected ? 'selectionReplaced' : 'keyboardDelete';
 };
+export const getPromptedFeedbackEntryPoint = mechanism => {
+  if (mechanism === 'undo') {
+    return 'prompted-undo';
+  }
+  if (mechanism === 'deleteButton' || mechanism === 'keyboardDelete' || mechanism === 'selectionReplaced') {
+    return 'prompted-delete';
+  }
+  return undefined;
+};
 /**
  * True when a source `bodiedSyncBlock` holds user content — i.e. not just the
  * single empty paragraph it is created with (used to detect empty→content).
@@ -211,6 +230,7 @@ const filterTransactionOnline = ({
   syncBlockStore,
   api,
   confirmationTransactionRef,
+  ctx,
   bodiedSyncBlockRemoved,
   bodiedSyncBlockAdded,
   extensionFlagShown
@@ -241,6 +261,19 @@ const filterTransactionOnline = ({
   // dedicated `cross_product_paste` event subject.
   const isPaste = Boolean((_tr$getMeta = tr.getMeta('paste')) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : tr.getMeta('uiEvent') === 'paste');
   const isPasteOrDrop = isPaste || tr.getMeta('uiEvent') === 'drop';
+  const hasRemovedSyncBlock = syncBlockRemoved.length > 0 || bodiedSyncBlockRemoved.length > 0;
+  const isCutRemoval = hasRemovedSyncBlock && ctx.consumeCutRemoval();
+  const canPromptForRemoval = Boolean(ctx.onGiveFeedback) && hasRemovedSyncBlock && !isDirtyTransaction(tr) && !isCutRemoval && !isPasteOrDrop;
+  const promptedFeedbackEntryPoint = canPromptForRemoval ? getPromptedFeedbackEntryPoint(getDeleteMechanism(tr, state)) : undefined;
+  const entryPoint = promptedFeedbackEntryPoint && expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true) ? promptedFeedbackEntryPoint : undefined;
+  if (entryPoint && syncBlockRemoved.length > 0 && bodiedSyncBlockRemoved.length === 0) {
+    tr.setMeta(syncedBlockPromptedFeedbackMetaKey, {
+      context: {
+        blockType: 'reference',
+        entryPoint
+      }
+    });
+  }
   syncBlockAdded.forEach(syncBlock => {
     var _api$analytics2, _api$analytics2$actio;
     api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
@@ -268,7 +301,22 @@ const filterTransactionOnline = ({
     }
     // Only derive the mechanism behind the gate — discarded gate-off.
     const mechanism = fg('platform_editor_blocks_patch_4') ? getDeleteMechanism(tr, state) : undefined;
-    return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr), mechanism);
+    const feedbackContext = entryPoint && getDeleteReason(tr) !== 'source-block-unsynced' ? {
+      blockType: 'source',
+      entryPoint
+    } : undefined;
+    if (feedbackContext) {
+      const sourceAttempt = ctx.queueSourceFeedback(feedbackContext);
+      return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr), mechanism, {
+        onDeleteCompleted: success => ctx.completeSourceDeletion(sourceAttempt, success),
+        onDeleteTransaction: deleteTr => deleteTr.setMeta(syncedBlockPromptedFeedbackMetaKey, {
+          context: feedbackContext,
+          sourceAttempt
+        }),
+        onDestroy: () => ctx.clearSourceFeedback(sourceAttempt)
+      });
+    }
+    return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr), mechanism, undefined);
   }
   if (bodiedSyncBlockAdded.length > 0) {
     if (tr.getMeta(pmHistoryPluginKey)) {
@@ -391,14 +439,17 @@ const buildStatusDecorations = (doc, syncBlockStore, isOffline, isViewMode, isDr
  * is explicitly scoped to a single plugin instance.
  */
 class SyncedBlockPluginContext {
-  constructor() {
+  constructor(onGiveFeedback) {
     _defineProperty(this, "confirmationTransactionRef", {
       current: undefined
     });
+    _defineProperty(this, "_cutRemovalPending", false);
+    _defineProperty(this, "cutRemovalGeneration", 0);
     _defineProperty(this, "_isCopyEvent", false);
     _defineProperty(this, "_isCutEvent", false);
     _defineProperty(this, "unpublishedFlagShown", new Set());
     _defineProperty(this, "extensionFlagShown", new Set());
+    this.onGiveFeedback = onGiveFeedback;
   }
   get isCopyEvent() {
     return this._isCopyEvent;
@@ -419,6 +470,86 @@ class SyncedBlockPluginContext {
     this._isCutEvent = false;
     return was;
   }
+  markCutRemovalPending() {
+    this._cutRemovalPending = true;
+    const generation = ++this.cutRemovalGeneration;
+    queueMicrotask(() => {
+      if (this.cutRemovalGeneration === generation) {
+        this._cutRemovalPending = false;
+      }
+    });
+  }
+  consumeCutRemoval() {
+    const wasPending = this._cutRemovalPending;
+    this._cutRemovalPending = false;
+    this.cutRemovalGeneration += 1;
+    return wasPending;
+  }
+  queueSourceFeedback(context) {
+    const sourceAttempt = Symbol('syncedBlockSourceFeedbackAttempt');
+    this.pendingSourceFeedback = {
+      context,
+      deletionSucceeded: false,
+      sourceAttempt,
+      transactionApplied: false
+    };
+    return sourceAttempt;
+  }
+  completeSourceDeletion(sourceAttempt, success) {
+    var _this$pendingSourceFe;
+    if (((_this$pendingSourceFe = this.pendingSourceFeedback) === null || _this$pendingSourceFe === void 0 ? void 0 : _this$pendingSourceFe.sourceAttempt) !== sourceAttempt) {
+      return;
+    }
+    if (!success) {
+      // Keep the attempt pending because retryDeletion reuses these callbacks.
+      // Dismissal or cancellation clears it through the destroy callback.
+      return;
+    }
+    this.pendingSourceFeedback.deletionSucceeded = true;
+    this.flushSourceFeedback(sourceAttempt);
+  }
+  clearSourceFeedback(sourceAttempt) {
+    var _this$pendingSourceFe2;
+    if (((_this$pendingSourceFe2 = this.pendingSourceFeedback) === null || _this$pendingSourceFe2 === void 0 ? void 0 : _this$pendingSourceFe2.sourceAttempt) === sourceAttempt) {
+      this.pendingSourceFeedback = undefined;
+    }
+  }
+  handleAppliedFeedback({
+    context,
+    sourceAttempt
+  }) {
+    var _this$pendingSourceFe3;
+    if (context.blockType === 'source' && sourceAttempt && ((_this$pendingSourceFe3 = this.pendingSourceFeedback) === null || _this$pendingSourceFe3 === void 0 ? void 0 : _this$pendingSourceFe3.sourceAttempt) === sourceAttempt) {
+      this.pendingSourceFeedback.transactionApplied = true;
+      this.flushSourceFeedback(sourceAttempt);
+      return;
+    }
+    if (context.blockType === 'reference') {
+      this.invokeFeedback(context);
+    }
+  }
+  flushSourceFeedback(sourceAttempt) {
+    var _this$pendingSourceFe4, _this$pendingSourceFe5;
+    if (((_this$pendingSourceFe4 = this.pendingSourceFeedback) === null || _this$pendingSourceFe4 === void 0 ? void 0 : _this$pendingSourceFe4.sourceAttempt) === sourceAttempt && (_this$pendingSourceFe5 = this.pendingSourceFeedback) !== null && _this$pendingSourceFe5 !== void 0 && _this$pendingSourceFe5.deletionSucceeded && this.pendingSourceFeedback.transactionApplied) {
+      const {
+        context
+      } = this.pendingSourceFeedback;
+      this.pendingSourceFeedback = undefined;
+      this.invokeFeedback(context);
+    }
+  }
+  invokeFeedback(context) {
+    deferDispatch(() => {
+      try {
+        var _this$onGiveFeedback;
+        const feedbackResult = (_this$onGiveFeedback = this.onGiveFeedback) === null || _this$onGiveFeedback === void 0 ? void 0 : _this$onGiveFeedback.call(this, context);
+        void Promise.resolve(feedbackResult).catch(() => {});
+      } catch {
+        // Product feedback collectors are optional UI. Their failures must
+        // never affect the already-applied editor transaction.
+      }
+    });
+  }
 }
 export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api) => {
   const {
@@ -430,7 +561,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
   // and avoids ~10 redundant Statsig SDK evaluations per keystroke in hot paths
   // (apply, filterTransaction, appendTransaction, decorations).
   const isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
-  const ctx = new SyncedBlockPluginContext();
+  const ctx = new SyncedBlockPluginContext(options === null || options === void 0 ? void 0 : options.onGiveFeedback);
   const confirmationTransactionRef = ctx.confirmationTransactionRef;
   const unpublishedFlagShown = ctx.unpublishedFlagShown;
   const extensionFlagShown = ctx.extensionFlagShown;
@@ -781,7 +912,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           return false;
         },
         cut: () => {
-          if (fg('platform_synced_block_patch_13')) {
+          if (fg('platform_synced_block_patch_13') || Boolean(options === null || options === void 0 ? void 0 : options.onGiveFeedback) && expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true)) {
             ctx.consumeCutEvent();
             ctx.markCutEvent();
           }
@@ -822,20 +953,40 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         } = state;
         const isCopy = ctx.consumeCopyEvent();
         const isSyncedBlockPatch13Enabled = fg('platform_synced_block_patch_13');
-        const isCut = isSyncedBlockPatch13Enabled && ctx.consumeCutEvent();
-        if (!syncBlockStore || !isCopy && !isCut) {
+        const wasCut = ctx.consumeCutEvent();
+        const isCut = isSyncedBlockPatch13Enabled && wasCut;
+        const isPromptedFeedbackCut = Boolean(syncBlockStore && (options === null || options === void 0 ? void 0 : options.onGiveFeedback) && wasCut) && expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true);
+        if (!syncBlockStore || !isCopy && !isCut && !isPromptedFeedbackCut) {
           return slice;
         }
-        return mapSlice(slice, node => {
+        if (isPromptedFeedbackCut && !isCut) {
+          let containsCutSyncBlock = false;
+          mapSlice(slice, node => {
+            if (syncBlockStore.referenceManager.isReferenceBlock(node) || node.type.name === 'bodiedSyncBlock' && sliceFullyContainsNode(slice, node)) {
+              containsCutSyncBlock = true;
+            }
+            return node;
+          });
+          if (containsCutSyncBlock) {
+            ctx.markCutRemovalPending();
+          }
+          return slice;
+        }
+        let containsCutSyncBlock = false;
+        const transformedSlice = mapSlice(slice, node => {
           if (syncBlockStore.referenceManager.isReferenceBlock(node)) {
             var _syncBlockStore$refer, _syncBlockStore$refer2;
             if (isCut) {
+              containsCutSyncBlock = isPromptedFeedbackCut;
               return node;
             }
             showCopiedFlag(api, options === null || options === void 0 ? void 0 : options.__livePage, ((_syncBlockStore$refer = syncBlockStore.referenceManager.getFromCache(node.attrs.resourceId)) === null || _syncBlockStore$refer === void 0 ? void 0 : (_syncBlockStore$refer2 = _syncBlockStore$refer.data) === null || _syncBlockStore$refer2 === void 0 ? void 0 : _syncBlockStore$refer2.status) === 'unpublished', getSourceProductFromResourceIdSafe(node.attrs.resourceId));
             return node;
           }
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
+            if (isPromptedFeedbackCut && isCut && sliceFullyContainsNode(slice, node)) {
+              containsCutSyncBlock = true;
+            }
             // if we only selected part of the bodied sync block content,
             // remove the sync block node and only keep the content
             if (!sliceFullyContainsNode(slice, node)) {
@@ -860,6 +1011,10 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           }
           return node;
         });
+        if (containsCutSyncBlock) {
+          ctx.markCutRemovalPending();
+        }
+        return transformedSlice;
       }
     },
     filterTransaction: (tr, state) => {
@@ -939,6 +1094,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         syncBlockStore,
         api,
         confirmationTransactionRef,
+        ctx,
         bodiedSyncBlockRemoved,
         bodiedSyncBlockAdded,
         extensionFlagShown
@@ -962,6 +1118,17 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       if (viewMode === 'view') {
         return null;
       }
+      if (options !== null && options !== void 0 && options.onGiveFeedback) {
+        const feedbackContexts = trs.flatMap(tr => {
+          const feedbackContext = tr.getMeta(syncedBlockPromptedFeedbackMetaKey);
+          return feedbackContext ? [feedbackContext] : [];
+        });
+        if (feedbackContexts.length > 0 && expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true)) {
+          feedbackContexts.forEach(feedbackContext => {
+            ctx.handleAppliedFeedback(feedbackContext);
+          });
+        }
+      }
 
       // Update source sync block cache for user-initiated changes only.
       // Cache updates are handled here instead of in the nodeview update() so we

package/dist/es2019/pm-plugins/utils/handle-bodied-sync-block-removal.js

@@ -21,7 +21,7 @@ const onDismissed = syncBlockStore => tr => {
     bodiedSyncBlockDeletionStatus: 'none'
   });
 };
-export const handleBodiedSyncBlockRemoval = (bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, deletionReason, mechanism) => {
+export const handleBodiedSyncBlockRemoval = (bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, deletionReason, mechanism, feedbackCallbacks) => {
   // Clear potential old pending deletion to retreat the deletion as first attempt
   syncBlockStore.sourceManager.clearPendingDeletion();
 
@@ -54,6 +54,7 @@ export const handleBodiedSyncBlockRemoval = (bodiedSyncBlockRemoved, syncBlockSt
           return null;
         }
         recomputedTr.setMeta('isConfirmedSyncBlockDeletion', true);
+        feedbackCallbacks === null || feedbackCallbacks === void 0 ? void 0 : feedbackCallbacks.onDeleteTransaction(recomputedTr);
         if (!recomputedTr.getMeta(pmHistoryPluginKey)) {
           // bodiedSyncBlock deletion is expected to be permanent (cannot undo)
           // For a normal deletion (not triggered by undo), remove it from history so that it cannot be undone
@@ -69,6 +70,7 @@ export const handleBodiedSyncBlockRemoval = (bodiedSyncBlockRemoved, syncBlockSt
     }
     api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(() => {
       const trToDispatch = confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true);
+      feedbackCallbacks === null || feedbackCallbacks === void 0 ? void 0 : feedbackCallbacks.onDeleteTransaction(trToDispatch);
       if (!trToDispatch.getMeta(pmHistoryPluginKey)) {
         // bodiedSyncBlock deletion is expected to be permanent (cannot undo)
         // For a normal deletion (not triggered by undo), remove it from history so that it cannot be undone
@@ -78,6 +80,7 @@ export const handleBodiedSyncBlockRemoval = (bodiedSyncBlockRemoved, syncBlockSt
     });
   }, success => {
     var _api$core4;
+    feedbackCallbacks === null || feedbackCallbacks === void 0 ? void 0 : feedbackCallbacks.onDeleteCompleted(success);
     api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(({
       tr
     }) => {
@@ -107,6 +110,7 @@ export const handleBodiedSyncBlockRemoval = (bodiedSyncBlockRemoved, syncBlockSt
     });
   }, () => {
     confirmationTransactionRef.current = undefined;
+    feedbackCallbacks === null || feedbackCallbacks === void 0 ? void 0 : feedbackCallbacks.onDestroy();
   }, mechanism);
   return false;
 };

package/dist/es2019/ui/floating-toolbar.js

@@ -26,6 +26,7 @@ export const getToolbarConfig = (state, intl, api, syncBlockStore, isLivePage, o
   if (syncBlockStore.sourceManager.isPendingCreation(syncBlockObject.node.attrs.resourceId)) {
     return;
   }
+  const isSyncBlockActivationEnabled = expValEquals('platform_editor_sync_block_activation', 'isEnabled', true);
   const syncBlockInstance = syncBlockStore.referenceManager.getFromCache(syncBlockObject.node.attrs.resourceId);
   const isUnsyncedBlock = (syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type) === SyncBlockError.NotFound;
   const isErroredBlock = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error;
@@ -53,7 +54,6 @@ export const getToolbarConfig = (state, intl, api, syncBlockStore, isLivePage, o
     onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false, className)
   });
   const items = [];
-  const isSyncBlockActivationEnabled = expValEquals('platform_editor_sync_block_activation', 'isEnabled', true);
   if (isUnsyncedBlock) {
     const deleteButton = {
       type: 'button',
@@ -192,7 +192,8 @@ export const getToolbarConfig = (state, intl, api, syncBlockStore, isLivePage, o
               tr
             }) => tr.setSelection(new GapCursorSelection(tr.doc.resolve(syncBlockObject.pos + syncBlockObject.node.nodeSize), Side.RIGHT)));
             onGiveFeedback({
-              blockType: isBodiedSyncBlock ? 'source' : 'reference'
+              blockType: isBodiedSyncBlock ? 'source' : 'reference',
+              entryPoint: 'overflow-menu'
             });
             return true;
           }

package/dist/esm/editor-commands/index.js

@@ -9,6 +9,7 @@ import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosem
 import { findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { getSourceProductFromResourceIdSafe } from '@atlaskit/editor-synced-block-provider/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { creationMetaKey, deleteMechanismMetaKey, syncedBlockPluginKey } from '../pm-plugins/main';
 import { canBeConvertedToSyncBlock, deferDispatch, findSyncBlock, findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
 import { FLAG_ID } from '../types';
@@ -348,7 +349,11 @@ export var removeSyncedBlockAtPos = function removeSyncedBlockAtPos(api, pos) {
     var node = tr.doc.nodeAt(pos);
     if ((node === null || node === void 0 ? void 0 : node.type.name) === 'syncBlock') {
       var _node$nodeSize;
-      return tr.replace(pos, pos + ((_node$nodeSize = node === null || node === void 0 ? void 0 : node.nodeSize) !== null && _node$nodeSize !== void 0 ? _node$nodeSize : 0));
+      var removeTr = tr.replace(pos, pos + ((_node$nodeSize = node === null || node === void 0 ? void 0 : node.nodeSize) !== null && _node$nodeSize !== void 0 ? _node$nodeSize : 0));
+      if (expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true)) {
+        removeTr.setMeta(deleteMechanismMetaKey, 'deleteButton');
+      }
+      return removeTr;
     }
     return tr;
   });