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

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

@@ -22,6 +22,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';
@@ -46,6 +47,7 @@ export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
  * `platform_editor_blocks_patch_4`.
  */
 export var deleteMechanismMetaKey = new PluginKey('syncedBlockDeleteMechanism');
+var syncedBlockPromptedFeedbackMetaKey = new PluginKey('syncedBlockPromptedFeedback');
 
 /**
  * Creation-type signals set by {@link createSyncedBlock} on the creating
@@ -142,7 +144,7 @@ var getDeleteReason = function getDeleteReason(tr) {
 
 /** Narrows the history plugin meta, matching the editor-plugin-card pattern. */
 var isHistoryMeta = function isHistoryMeta(meta) {
-  return _typeof(meta) === 'object' && meta !== null && 'redo' in meta;
+  return _typeof(meta) === 'object' && meta !== null && 'redo' in meta && typeof meta.redo === 'boolean';
 };
 
 /**
@@ -167,9 +169,16 @@ var isHistoryMeta = function isHistoryMeta(meta) {
  * selected when the edit was made.
  */
 export var getDeleteMechanism = function 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.
+  var isSyncBlockActivationEnabled = expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true);
   var historyMeta = tr.getMeta(pmHistoryPluginKey);
   if (historyMeta) {
+    if (isSyncBlockActivationEnabled && !isHistoryMeta(historyMeta)) {
+      return 'other';
+    }
     return isHistoryMeta(historyMeta) && historyMeta.redo ? 'redo' : 'undo';
   }
 
@@ -178,16 +187,28 @@ export var getDeleteMechanism = function getDeleteMechanism(tr, state) {
   if (tr.getMeta(deleteMechanismMetaKey) === 'deleteButton') {
     return 'deleteButton';
   }
+  var hasStructuralStep = isSyncBlockActivationEnabled && tr.steps.some(function (step) {
+    return step instanceof ReplaceAroundStep;
+  });
   var hasReplaceStep = tr.steps.some(function (step) {
     return step instanceof ReplaceStep;
   });
-  if (!hasReplaceStep) {
+  if (hasStructuralStep || !hasReplaceStep) {
     return 'other';
   }
   var selection = state.selection;
-  var isNodeSelected = selection instanceof NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type.name) === 'bodiedSyncBlock';
+  var 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 var getPromptedFeedbackEntryPoint = function 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).
@@ -232,6 +253,7 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
     syncBlockStore = _ref3.syncBlockStore,
     api = _ref3.api,
     confirmationTransactionRef = _ref3.confirmationTransactionRef,
+    ctx = _ref3.ctx,
     bodiedSyncBlockRemoved = _ref3.bodiedSyncBlockRemoved,
     bodiedSyncBlockAdded = _ref3.bodiedSyncBlockAdded,
     extensionFlagShown = _ref3.extensionFlagShown;
@@ -259,6 +281,19 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
   // dedicated `cross_product_paste` event subject.
   var isPaste = Boolean((_tr$getMeta = tr.getMeta('paste')) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : tr.getMeta('uiEvent') === 'paste');
   var isPasteOrDrop = isPaste || tr.getMeta('uiEvent') === 'drop';
+  var hasRemovedSyncBlock = syncBlockRemoved.length > 0 || bodiedSyncBlockRemoved.length > 0;
+  var isCutRemoval = hasRemovedSyncBlock && ctx.consumeCutRemoval();
+  var canPromptForRemoval = Boolean(ctx.onGiveFeedback) && hasRemovedSyncBlock && !isDirtyTransaction(tr) && !isCutRemoval && !isPasteOrDrop;
+  var promptedFeedbackEntryPoint = canPromptForRemoval ? getPromptedFeedbackEntryPoint(getDeleteMechanism(tr, state)) : undefined;
+  var 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: entryPoint
+      }
+    });
+  }
   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({
@@ -286,7 +321,28 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
     }
     // Only derive the mechanism behind the gate — discarded gate-off.
     var mechanism = fg('platform_editor_blocks_patch_4') ? getDeleteMechanism(tr, state) : undefined;
-    return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr), mechanism);
+    var feedbackContext = entryPoint && getDeleteReason(tr) !== 'source-block-unsynced' ? {
+      blockType: 'source',
+      entryPoint: entryPoint
+    } : undefined;
+    if (feedbackContext) {
+      var sourceAttempt = ctx.queueSourceFeedback(feedbackContext);
+      return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr), mechanism, {
+        onDeleteCompleted: function onDeleteCompleted(success) {
+          return ctx.completeSourceDeletion(sourceAttempt, success);
+        },
+        onDeleteTransaction: function onDeleteTransaction(deleteTr) {
+          return deleteTr.setMeta(syncedBlockPromptedFeedbackMetaKey, {
+            context: feedbackContext,
+            sourceAttempt: sourceAttempt
+          });
+        },
+        onDestroy: function onDestroy() {
+          return ctx.clearSourceFeedback(sourceAttempt);
+        }
+      });
+    }
+    return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr), mechanism, undefined);
   }
   if (bodiedSyncBlockAdded.length > 0) {
     if (tr.getMeta(pmHistoryPluginKey)) {
@@ -408,15 +464,18 @@ var buildStatusDecorations = function buildStatusDecorations(doc, syncBlockStore
  * is explicitly scoped to a single plugin instance.
  */
 var SyncedBlockPluginContext = /*#__PURE__*/function () {
-  function SyncedBlockPluginContext() {
+  function SyncedBlockPluginContext(onGiveFeedback) {
     _classCallCheck(this, SyncedBlockPluginContext);
     _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;
   }
   return _createClass(SyncedBlockPluginContext, [{
     key: "isCopyEvent",
@@ -447,19 +506,114 @@ var SyncedBlockPluginContext = /*#__PURE__*/function () {
       this._isCutEvent = false;
       return was;
     }
+  }, {
+    key: "markCutRemovalPending",
+    value: function markCutRemovalPending() {
+      var _this = this;
+      this._cutRemovalPending = true;
+      var generation = ++this.cutRemovalGeneration;
+      queueMicrotask(function () {
+        if (_this.cutRemovalGeneration === generation) {
+          _this._cutRemovalPending = false;
+        }
+      });
+    }
+  }, {
+    key: "consumeCutRemoval",
+    value: function consumeCutRemoval() {
+      var wasPending = this._cutRemovalPending;
+      this._cutRemovalPending = false;
+      this.cutRemovalGeneration += 1;
+      return wasPending;
+    }
+  }, {
+    key: "queueSourceFeedback",
+    value: function queueSourceFeedback(context) {
+      var sourceAttempt = Symbol('syncedBlockSourceFeedbackAttempt');
+      this.pendingSourceFeedback = {
+        context: context,
+        deletionSucceeded: false,
+        sourceAttempt: sourceAttempt,
+        transactionApplied: false
+      };
+      return sourceAttempt;
+    }
+  }, {
+    key: "completeSourceDeletion",
+    value: function 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);
+    }
+  }, {
+    key: "clearSourceFeedback",
+    value: function clearSourceFeedback(sourceAttempt) {
+      var _this$pendingSourceFe2;
+      if (((_this$pendingSourceFe2 = this.pendingSourceFeedback) === null || _this$pendingSourceFe2 === void 0 ? void 0 : _this$pendingSourceFe2.sourceAttempt) === sourceAttempt) {
+        this.pendingSourceFeedback = undefined;
+      }
+    }
+  }, {
+    key: "handleAppliedFeedback",
+    value: function handleAppliedFeedback(_ref6) {
+      var _this$pendingSourceFe3;
+      var context = _ref6.context,
+        sourceAttempt = _ref6.sourceAttempt;
+      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);
+      }
+    }
+  }, {
+    key: "flushSourceFeedback",
+    value: function 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) {
+        var context = this.pendingSourceFeedback.context;
+        this.pendingSourceFeedback = undefined;
+        this.invokeFeedback(context);
+      }
+    }
+  }, {
+    key: "invokeFeedback",
+    value: function invokeFeedback(context) {
+      var _this2 = this;
+      deferDispatch(function () {
+        try {
+          var _this2$onGiveFeedback;
+          var feedbackResult = (_this2$onGiveFeedback = _this2.onGiveFeedback) === null || _this2$onGiveFeedback === void 0 ? void 0 : _this2$onGiveFeedback.call(_this2, context);
+          void Promise.resolve(feedbackResult).catch(function () {});
+        } catch (_unused) {
+          // Product feedback collectors are optional UI. Their failures must
+          // never affect the already-applied editor transaction.
+        }
+      });
+    }
   }]);
 }();
 export var createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
-  var _ref6 = options || {},
-    _ref6$useLongPressSel = _ref6.useLongPressSelection,
-    useLongPressSelection = _ref6$useLongPressSel === void 0 ? false : _ref6$useLongPressSel;
+  var _ref7 = options || {},
+    _ref7$useLongPressSel = _ref7.useLongPressSelection,
+    useLongPressSelection = _ref7$useLongPressSel === void 0 ? false : _ref7$useLongPressSel;
 
   // Cache the experiment value once at plugin creation time.
   // This fires the exposure event exactly once (correct per Exposure Events 101)
   // and avoids ~10 redundant Statsig SDK evaluations per keystroke in hot paths
   // (apply, filterTransaction, appendTransaction, decorations).
   var isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
-  var ctx = new SyncedBlockPluginContext();
+  var ctx = new SyncedBlockPluginContext(options === null || options === void 0 ? void 0 : options.onGiveFeedback);
   var confirmationTransactionRef = ctx.confirmationTransactionRef;
   var unpublishedFlagShown = ctx.unpublishedFlagShown;
   var extensionFlagShown = ctx.extensionFlagShown;
@@ -469,8 +623,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
   // Classic pages with sync blocks.
   syncBlockStore.sourceManager.registerFlushCompletionCallback(function () {
     deferDispatch(function () {
-      api === null || api === void 0 || api.core.actions.execute(function (_ref7) {
-        var tr = _ref7.tr;
+      api === null || api === void 0 || api.core.actions.execute(function (_ref8) {
+        var tr = _ref8.tr;
         return tr;
       });
     });
@@ -498,8 +652,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       // case the Confluence default is used.
       var sourceProduct = getSourceProductFromResourceIdSafe(resourceId);
       deferDispatch(function () {
-        api === null || api === void 0 || api.core.actions.execute(function (_ref8) {
-          var tr = _ref8.tr;
+        api === null || api === void 0 || api.core.actions.execute(function (_ref9) {
+          var tr = _ref9.tr;
           return tr.setMeta(syncedBlockPluginKey, {
             activeFlag: {
               id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED,
@@ -811,7 +965,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return false;
         },
         cut: function 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();
           }
@@ -842,27 +996,47 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return node;
         });
       },
-      transformCopied: function transformCopied(slice, _ref9) {
-        var state = _ref9.state;
+      transformCopied: function transformCopied(slice, _ref0) {
+        var state = _ref0.state;
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
         var isCopy = ctx.consumeCopyEvent();
         var isSyncedBlockPatch13Enabled = fg('platform_synced_block_patch_13');
-        var isCut = isSyncedBlockPatch13Enabled && ctx.consumeCutEvent();
-        if (!syncBlockStore || !isCopy && !isCut) {
+        var wasCut = ctx.consumeCutEvent();
+        var isCut = isSyncedBlockPatch13Enabled && wasCut;
+        var 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, function (node) {
+        if (isPromptedFeedbackCut && !isCut) {
+          var _containsCutSyncBlock = false;
+          mapSlice(slice, function (node) {
+            if (syncBlockStore.referenceManager.isReferenceBlock(node) || node.type.name === 'bodiedSyncBlock' && sliceFullyContainsNode(slice, node)) {
+              _containsCutSyncBlock = true;
+            }
+            return node;
+          });
+          if (_containsCutSyncBlock) {
+            ctx.markCutRemovalPending();
+          }
+          return slice;
+        }
+        var containsCutSyncBlock = false;
+        var transformedSlice = mapSlice(slice, function (node) {
           if (syncBlockStore.referenceManager.isReferenceBlock(node)) {
             var _syncBlockStore$refer;
             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 || (_syncBlockStore$refer = _syncBlockStore$refer.data) === null || _syncBlockStore$refer === void 0 ? void 0 : _syncBlockStore$refer.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)) {
@@ -886,6 +1060,10 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           }
           return node;
         });
+        if (containsCutSyncBlock) {
+          ctx.markCutRemovalPending();
+        }
+        return transformedSlice;
       }
     },
     filterTransaction: function filterTransaction(tr, state) {
@@ -972,6 +1150,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         syncBlockStore: syncBlockStore,
         api: api,
         confirmationTransactionRef: confirmationTransactionRef,
+        ctx: ctx,
         bodiedSyncBlockRemoved: bodiedSyncBlockRemoved,
         bodiedSyncBlockAdded: bodiedSyncBlockAdded,
         extensionFlagShown: extensionFlagShown
@@ -995,6 +1174,17 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       if (viewMode === 'view') {
         return null;
       }
+      if (options !== null && options !== void 0 && options.onGiveFeedback) {
+        var feedbackContexts = trs.flatMap(function (tr) {
+          var feedbackContext = tr.getMeta(syncedBlockPromptedFeedbackMetaKey);
+          return feedbackContext ? [feedbackContext] : [];
+        });
+        if (feedbackContexts.length > 0 && expValEqualsNoExposure('platform_editor_sync_block_activation', 'isEnabled', true)) {
+          feedbackContexts.forEach(function (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
@@ -1079,8 +1269,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep) || !('slice' in step)) {
               return false;
             }
-            var _ref0 = step,
-              slice = _ref0.slice;
+            var _ref1 = step,
+              slice = _ref1.slice;
             var found = false;
             slice.content.descendants(function (node) {
               if (syncBlockStore.sourceManager.isSourceBlock(node) && node.attrs.resourceId) {
@@ -1120,8 +1310,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           tr.setMeta('addToHistory', false);
           deferDispatch(function () {
             var _api$core;
-            api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref1) {
-              var tr = _ref1.tr;
+            api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref10) {
+              var tr = _ref10.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: FLAG_ID.DUPLICATE_SOURCE_SYNC_BLOCK

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

@@ -5,7 +5,7 @@ import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { FLAG_ID } from '../../types';
 import { syncedBlockPluginKey } from '../main';
-import { recomputeDeleteTransaction } from './recompute-delete-transaction';
+import { recomputeDeleteTransaction, recomputeUnsyncTransaction } from './recompute-delete-transaction';
 var onRetry = function onRetry(api, syncBlockStore) {
   return function () {
     var _api$core;
@@ -27,7 +27,7 @@ var onDismissed = function onDismissed(syncBlockStore) {
     });
   };
 };
-export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, deletionReason, mechanism) {
+export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, deletionReason, mechanism, feedbackCallbacks) {
   // Clear potential old pending deletion to retreat the deletion as first attempt
   syncBlockStore.sourceManager.clearPendingDeletion();
 
@@ -49,7 +49,15 @@ export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(
       // "Invalid content for node bodiedSyncBlock: <>". See EDITOR-7889.
       api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref2) {
         var tr = _ref2.tr;
-        var recomputedTr = recomputeDeleteTransaction(tr, syncBlockStore.sourceManager.isSourceBlock, bodiedSyncBlockRemoved.map(function (node) {
+        // EDITOR-8230: unsync must remove only the sync wrapper and keep the block's
+        // content inline, whereas delete removes the whole block. Before this branch,
+        // the confirm path always recomputed a full delete, so unsyncing a source block
+        // silently deleted its content. When the deletion was actually triggered by
+        // unsync, recompute an unwrap (replaceWith content) instead of a delete.
+        var isUnsync = fg('platform_editor_blocks_patch_6') && deletionReason === 'source-block-unsynced';
+        var recomputedTr = isUnsync ? recomputeUnsyncTransaction(tr, syncBlockStore.sourceManager.isSourceBlock, bodiedSyncBlockRemoved.map(function (node) {
+          return node.attrs;
+        })) : recomputeDeleteTransaction(tr, syncBlockStore.sourceManager.isSourceBlock, bodiedSyncBlockRemoved.map(function (node) {
           return node.attrs;
         }));
 
@@ -63,6 +71,7 @@ export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(
           return null;
         }
         recomputedTr.setMeta('isConfirmedSyncBlockDeletion', true);
+        feedbackCallbacks === null || feedbackCallbacks === 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
@@ -78,6 +87,7 @@ export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(
     }
     api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function () {
       var trToDispatch = confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true);
+      feedbackCallbacks === null || feedbackCallbacks === 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
@@ -87,6 +97,7 @@ export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(
     });
   }, function (success) {
     var _api$core4;
+    feedbackCallbacks === null || feedbackCallbacks === void 0 || feedbackCallbacks.onDeleteCompleted(success);
     api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref3) {
       var tr = _ref3.tr;
       var newState;
@@ -114,6 +125,7 @@ export var handleBodiedSyncBlockRemoval = function handleBodiedSyncBlockRemoval(
     });
   }, function () {
     confirmationTransactionRef.current = undefined;
+    feedbackCallbacks === null || feedbackCallbacks === void 0 || feedbackCallbacks.onDestroy();
   }, mechanism);
   return false;
 };

package/dist/esm/pm-plugins/utils/recompute-delete-transaction.js

@@ -1,3 +1,7 @@
+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; }
+import { Slice } from '@atlaskit/editor-prosemirror/model';
 /**
  * Whether `node` is the source block requested by `wanted`.
  *
@@ -89,4 +93,65 @@ export var recomputeDeleteTransaction = function recomputeDeleteTransaction(tr,
     tr.delete(pos, pos + node.nodeSize);
   });
   return tr;
+};
+
+/**
+ * Recompute a source `bodiedSyncBlock` *unsync* from the live document.
+ *
+ * Unsync differs from delete: the sync wrapper must be removed while its content
+ * is preserved inline in the document. Instead of `tr.delete(pos, pos +
+ * nodeSize)` (which drops the content too — EDITOR-8230), this replaces each
+ * matched source block with its own content.
+ *
+ * The replacement uses a raw `tr.replace(pos, pos + nodeSize, new Slice(content,
+ * 0, 0))` — an explicit zero-open slice inserted verbatim — rather than
+ * `tr.replaceWith(...)`. `replaceWith` routes through ProseMirror's
+ * `replaceRange`, whose range-fitting heuristics can collapse or drop a trailing
+ * block (e.g. the block's final panel/empty paragraph) when the unwrapped
+ * content meets a document boundary, silently losing content (EDITOR-8230). A
+ * zero-open `replace` drops the wrapper's own open ends while keeping every child
+ * of the fragment as its own top-level node.
+ *
+ * Like `recomputeDeleteTransaction`, targets are located in the *current*
+ * document (`tr.doc`) so the operation is robust to intervening local edits and
+ * remote collab changes while the confirmation modal is open, and it handles
+ * partial matches gracefully (missing blocks are skipped).
+ *
+ * Replacements are applied in reverse document order so earlier replacements do
+ * not invalidate the positions of later ones.
+ *
+ * @returns the mutated transaction when at least one target node was found and
+ * unwrapped, otherwise `undefined` when none of the targets exist any more.
+ */
+export var recomputeUnsyncTransaction = function recomputeUnsyncTransaction(tr, isSourceBlock, syncBlockIds) {
+  var matches = findSourceBlocks(tr, isSourceBlock, syncBlockIds);
+  if (matches.length === 0) {
+    return undefined;
+  }
+
+  // Unwrap in reverse document order so positions remain valid across edits.
+  // Use a raw zero-open Slice replace (not `replaceWith`) so the block's content
+  // is inserted verbatim as top-level nodes without ProseMirror's replaceRange
+  // heuristics collapsing a trailing block (EDITOR-8230).
+  var orderedMatches = matches.sort(function (a, b) {
+    return b.pos - a.pos;
+  });
+  var _iterator = _createForOfIteratorHelper(orderedMatches),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _step.value,
+        node = _step$value.node,
+        pos = _step$value.pos;
+      // This is ProseMirror's Transaction.replace (a document edit), not String.replace — the
+      // perf rule misfires on the method name, and there is nothing to hoist.
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace
+      tr.replace(pos, pos + node.nodeSize, new Slice(node.content, 0, 0));
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return tr;
 };

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

@@ -30,6 +30,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
   if (syncBlockStore.sourceManager.isPendingCreation(syncBlockObject.node.attrs.resourceId)) {
     return;
   }
+  var isSyncBlockActivationEnabled = expValEquals('platform_editor_sync_block_activation', 'isEnabled', true);
   var syncBlockInstance = syncBlockStore.referenceManager.getFromCache(syncBlockObject.node.attrs.resourceId);
   var isUnsyncedBlock = (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type) === SyncBlockError.NotFound;
   var isErroredBlock = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error;
@@ -50,7 +51,6 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
     };
   };
   var items = [];
-  var isSyncBlockActivationEnabled = expValEquals('platform_editor_sync_block_activation', 'isEnabled', true);
   if (isUnsyncedBlock) {
     var deleteButton = _objectSpread({
       type: 'button',
@@ -188,7 +188,8 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
               return 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/types/pm-plugins/main.d.ts

@@ -6,7 +6,7 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { DeletionMechanism } from '@atlaskit/editor-synced-block-provider/common/types';
-import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+import type { SyncedBlockFeedbackContext, SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 import type { ActiveFlag, BodiedSyncBlockDeletionStatus, RetryCreationPosMap } from '../types';
 export declare const syncedBlockPluginKey: PluginKey;
 /**
@@ -89,5 +89,6 @@ type SyncedBlockPluginState = {
  * selected when the edit was made.
  */
 export declare const getDeleteMechanism: (tr: Transaction, state: EditorState) => DeletionMechanism;
+export declare const getPromptedFeedbackEntryPoint: (mechanism: DeletionMechanism) => SyncedBlockFeedbackContext['entryPoint'] | undefined;
 export declare const createPlugin: (options: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => SafePlugin<SyncedBlockPluginState>;
 export {};

package/dist/types/pm-plugins/utils/handle-bodied-sync-block-removal.d.ts

@@ -7,4 +7,10 @@ import type { SyncBlockInfo } from '../../types';
 export type TransactionRef = {
     current: Transaction | undefined;
 };
-export declare const handleBodiedSyncBlockRemoval: (bodiedSyncBlockRemoved: SyncBlockInfo[], syncBlockStore: SyncBlockStoreManager, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, confirmationTransactionRef: TransactionRef, deletionReason: DeletionReason, mechanism?: DeletionMechanism) => boolean;
+type SourceFeedbackCallbacks = {
+    onDeleteCompleted: (success: boolean) => void;
+    onDeleteTransaction: (tr: Transaction) => void;
+    onDestroy: () => void;
+};
+export declare const handleBodiedSyncBlockRemoval: (bodiedSyncBlockRemoved: SyncBlockInfo[], syncBlockStore: SyncBlockStoreManager, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, confirmationTransactionRef: TransactionRef, deletionReason: DeletionReason, mechanism?: DeletionMechanism, feedbackCallbacks?: SourceFeedbackCallbacks) => boolean;
+export {};

package/dist/types/pm-plugins/utils/recompute-delete-transaction.d.ts

@@ -27,3 +27,32 @@ import type { SyncBlockAttrs } from '../../types';
  * collaborator already removed them all — so there is nothing to delete.
  */
 export declare const recomputeDeleteTransaction: (tr: Transaction, isSourceBlock: (node: PMNode) => boolean, syncBlockIds: SyncBlockAttrs[]) => Transaction | undefined;
+/**
+ * Recompute a source `bodiedSyncBlock` *unsync* from the live document.
+ *
+ * Unsync differs from delete: the sync wrapper must be removed while its content
+ * is preserved inline in the document. Instead of `tr.delete(pos, pos +
+ * nodeSize)` (which drops the content too — EDITOR-8230), this replaces each
+ * matched source block with its own content.
+ *
+ * The replacement uses a raw `tr.replace(pos, pos + nodeSize, new Slice(content,
+ * 0, 0))` — an explicit zero-open slice inserted verbatim — rather than
+ * `tr.replaceWith(...)`. `replaceWith` routes through ProseMirror's
+ * `replaceRange`, whose range-fitting heuristics can collapse or drop a trailing
+ * block (e.g. the block's final panel/empty paragraph) when the unwrapped
+ * content meets a document boundary, silently losing content (EDITOR-8230). A
+ * zero-open `replace` drops the wrapper's own open ends while keeping every child
+ * of the fragment as its own top-level node.
+ *
+ * Like `recomputeDeleteTransaction`, targets are located in the *current*
+ * document (`tr.doc`) so the operation is robust to intervening local edits and
+ * remote collab changes while the confirmation modal is open, and it handles
+ * partial matches gracefully (missing blocks are skipped).
+ *
+ * Replacements are applied in reverse document order so earlier replacements do
+ * not invalidate the positions of later ones.
+ *
+ * @returns the mutated transaction when at least one target node was found and
+ * unwrapped, otherwise `undefined` when none of the targets exist any more.
+ */
+export declare const recomputeUnsyncTransaction: (tr: Transaction, isSourceBlock: (node: PMNode) => boolean, syncBlockIds: SyncBlockAttrs[]) => Transaction | undefined;

package/dist/types/syncedBlockPluginType.d.ts

@@ -45,7 +45,7 @@ export type SyncedBlockRendererProps = {
 };
 export type SyncedBlockFeedbackContext = {
     blockType: 'source' | 'reference';
-    entryPoint?: string;
+    entryPoint: 'overflow-menu' | 'prompted-delete' | 'prompted-undo';
 };
 export interface SyncedBlockPluginOptions extends LongPressSelectionPluginOptions {
     /**
@@ -62,7 +62,7 @@ export interface SyncedBlockPluginOptions extends LongPressSelectionPluginOption
      * The editor plugin owns the menu affordance; the product owns the collector
      * configuration and lifecycle.
      */
-    onGiveFeedback?: (context: SyncedBlockFeedbackContext) => void;
+    onGiveFeedback?: (context: SyncedBlockFeedbackContext) => Promise<void> | void;
     syncBlockDataProvider: SyncBlockDataProviderInterface;
     syncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
 }