@atlaskit/editor-synced-block-provider 3.14.1 → 3.14.3

package/dist/esm/store-manager/referenceSyncBlockStoreManager.js

@@ -27,6 +27,10 @@ import { createSyncBlockNode } from '../utils/utils';
 export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   // Listeners for subscription changes (used by React components to know when to update)
 
+  // Track newly added sync blocks (resourceIds that were just subscribed to without cached data)
+
+  // Callback to notify when an unpublished sync block is detected
+
   function ReferenceSyncBlockStoreManager(dataProvider) {
     _classCallCheck(this, ReferenceSyncBlockStoreManager);
     // Keeps track of addition and deletion of reference synced blocks on the document
@@ -47,6 +51,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     this.pendingCacheDeletions = new Map();
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
+    this.newlyAddedSyncBlocks = new Set();
   }
 
   /**
@@ -151,6 +156,22 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       this.fetchSourceInfoExperience = getFetchSourceInfoExperience(fireAnalyticsEvent);
       this.saveExperience = getSaveReferenceExperience(fireAnalyticsEvent);
     }
+  }, {
+    key: "setOnUnpublishedSyncBlockDetected",
+    value: function setOnUnpublishedSyncBlockDetected(callback) {
+      this.onUnpublishedSyncBlockDetected = callback;
+    }
+
+    /**
+     * Mark a sync block as newly added to the document.
+     * This should be called when a sync block node is added via a transaction.
+     * @param resourceId - The resource ID of the newly added sync block
+     */
+  }, {
+    key: "markAsNewlyAdded",
+    value: function markAsNewlyAdded(resourceId) {
+      this.newlyAddedSyncBlocks.add(resourceId);
+    }
   }, {
     key: "generateResourceIdForReference",
     value: function generateResourceIdForReference(sourceId) {
@@ -306,13 +327,18 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "handleGraphQLSubscriptionUpdate",
     value: function handleGraphQLSubscriptionUpdate(syncBlockInstance) {
       if (!syncBlockInstance.resourceId) {
-        return;
+        throw new Error('Sync block instance provided to graphql subscription update missing resource id');
       }
       var existingSyncBlock = this.getFromCache(syncBlockInstance.resourceId);
       var resolvedSyncBlockInstance = existingSyncBlock ? resolveSyncBlockInstance(existingSyncBlock, syncBlockInstance) : syncBlockInstance;
       this.updateCache(resolvedSyncBlockInstance);
       if (!syncBlockInstance.error) {
+        var _this$fireAnalyticsEv2, _syncBlockInstance$da, _syncBlockInstance$da2;
+        (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, fetchSuccessPayload(syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId, syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.blockInstanceId, syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
         this.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
+      } else {
+        var _this$fireAnalyticsEv3, _syncBlockInstance$er;
+        (_this$fireAnalyticsEv3 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(this, fetchErrorPayload((_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type, syncBlockInstance.resourceId));
       }
     }
 
@@ -414,8 +440,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
           }
         }
         if (!sourceAri || !product || !blockInstanceId) {
-          var _this$fireAnalyticsEv2;
-          (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing', resourceId));
+          var _this$fireAnalyticsEv4;
+          (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing', resourceId));
           return Promise.resolve(undefined);
         }
         if (fg('platform_synced_block_dogfooding')) {
@@ -474,11 +500,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
           this.syncBlockSourceInfoRequestsOld.set(resourceId, true);
         }
       } catch (error) {
-        var _this$fireAnalyticsEv3;
+        var _this$fireAnalyticsEv5;
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv3 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(this, getSourceInfoErrorPayload(error.message, resourceId));
+        (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(this, getSourceInfoErrorPayload(error.message, resourceId));
       }
       return Promise.resolve(undefined);
     }
@@ -506,11 +532,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               // Don't fetch for not_found error since the source is already deleted
               nodesToFetch = [];
               syncBlockNodes.forEach(function (node) {
+                var _existingSyncBlock$er;
                 if (_this5.syncBlockFetchDataRequests.get(node.attrs.resourceId)) {
                   return;
                 }
                 var existingSyncBlock = _this5.getFromCache(node.attrs.resourceId);
-                if ((existingSyncBlock === null || existingSyncBlock === void 0 ? void 0 : existingSyncBlock.error) === SyncBlockError.NotFound) {
+                if ((existingSyncBlock === null || existingSyncBlock === void 0 || (_existingSyncBlock$er = existingSyncBlock.error) === null || _existingSyncBlock$er === void 0 ? void 0 : _existingSyncBlock$er.type) === SyncBlockError.NotFound) {
                   return;
                 }
                 nodesToFetch.push(node);
@@ -544,26 +571,38 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               hasUnexpectedError = false;
               hasExpectedError = false;
               data.forEach(function (syncBlockInstance) {
+                var _resolvedSyncBlockIns;
                 if (!syncBlockInstance.resourceId) {
-                  var _this5$fireAnalyticsE;
-                  (_this5$fireAnalyticsE = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE === void 0 || _this5$fireAnalyticsE.call(_this5, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
+                  var _this5$fireAnalyticsE, _syncBlockInstance$er2;
+                  (_this5$fireAnalyticsE = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE === void 0 || _this5$fireAnalyticsE.call(_this5, fetchErrorPayload(((_syncBlockInstance$er2 = syncBlockInstance.error) === null || _syncBlockInstance$er2 === void 0 ? void 0 : _syncBlockInstance$er2.type) || 'Returned sync block instance does not have resource id'));
                   return;
                 }
                 var existingSyncBlock = _this5.getFromCache(syncBlockInstance.resourceId);
                 var resolvedSyncBlockInstance = existingSyncBlock ? resolveSyncBlockInstance(existingSyncBlock, syncBlockInstance) : syncBlockInstance;
                 _this5.updateCache(resolvedSyncBlockInstance);
+
+                // Check if this is a newly added unpublished sync block and notify
+                // Only trigger for sync blocks that were just added (not refreshed or loaded on page init)
+                if (!syncBlockInstance.error && ((_resolvedSyncBlockIns = resolvedSyncBlockInstance.data) === null || _resolvedSyncBlockIns === void 0 ? void 0 : _resolvedSyncBlockIns.status) === 'unpublished' && _this5.newlyAddedSyncBlocks.has(syncBlockInstance.resourceId) && _this5.onUnpublishedSyncBlockDetected && fg('platform_synced_block_dogfooding')) {
+                  // Remove from newly added set after checking to prevent duplicate flags
+                  _this5.newlyAddedSyncBlocks.delete(syncBlockInstance.resourceId);
+                  _this5.onUnpublishedSyncBlockDetected(resolvedSyncBlockInstance.resourceId);
+                } else if (_this5.newlyAddedSyncBlocks.has(syncBlockInstance.resourceId)) {
+                  // Remove from newly added set even if not unpublished (to clean up)
+                  _this5.newlyAddedSyncBlocks.delete(syncBlockInstance.resourceId);
+                }
                 if (syncBlockInstance.error) {
                   var _this5$fireAnalyticsE2;
-                  (_this5$fireAnalyticsE2 = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE2 === void 0 || _this5$fireAnalyticsE2.call(_this5, fetchErrorPayload(syncBlockInstance.error, syncBlockInstance.resourceId));
-                  if (syncBlockInstance.error === SyncBlockError.NotFound || syncBlockInstance.error === SyncBlockError.Forbidden) {
+                  (_this5$fireAnalyticsE2 = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE2 === void 0 || _this5$fireAnalyticsE2.call(_this5, fetchErrorPayload(syncBlockInstance.error.type, syncBlockInstance.resourceId));
+                  if (syncBlockInstance.error.type === SyncBlockError.NotFound || syncBlockInstance.error.type === SyncBlockError.Forbidden) {
                     hasExpectedError = true;
                   } else if (syncBlockInstance.error) {
                     hasUnexpectedError = true;
                   }
                   return;
                 } else if (fg('platform_synced_block_dogfooding')) {
-                  var _this5$fireAnalyticsE3, _syncBlockInstance$da, _syncBlockInstance$da2;
-                  (_this5$fireAnalyticsE3 = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE3 === void 0 || _this5$fireAnalyticsE3.call(_this5, fetchSuccessPayload(syncBlockInstance.resourceId, (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.blockInstanceId, (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
+                  var _this5$fireAnalyticsE3, _syncBlockInstance$da3, _syncBlockInstance$da4;
+                  (_this5$fireAnalyticsE3 = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE3 === void 0 || _this5$fireAnalyticsE3.call(_this5, fetchSuccessPayload(syncBlockInstance.resourceId, (_syncBlockInstance$da3 = syncBlockInstance.data) === null || _syncBlockInstance$da3 === void 0 ? void 0 : _syncBlockInstance$da3.blockInstanceId, (_syncBlockInstance$da4 = syncBlockInstance.data) === null || _syncBlockInstance$da4 === void 0 ? void 0 : _syncBlockInstance$da4.product));
                 }
                 _this5.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
               });
@@ -774,11 +813,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         }
         return this.subscribeToSyncBlock(resourceId, localId, callback);
       } catch (error) {
-        var _this$fireAnalyticsEv4;
+        var _this$fireAnalyticsEv6;
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, fetchErrorPayload(error.message));
+        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, fetchErrorPayload(error.message));
         return function () {};
       }
     }
@@ -802,12 +841,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "getProviderFactory",
     value: function getProviderFactory(resourceId) {
       if (!this.dataProvider) {
-        var _this$fireAnalyticsEv5;
+        var _this$fireAnalyticsEv7;
         var error = new Error('Data provider not set');
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(this, fetchErrorPayload(error.message));
+        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, fetchErrorPayload(error.message));
         return undefined;
       }
       var _this$dataProvider$ge = this.dataProvider.getSyncedBlockRendererProviderOptions(),
@@ -836,11 +875,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         try {
           this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
         } catch (error) {
-          var _this$fireAnalyticsEv6;
+          var _this$fireAnalyticsEv8;
           logException(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, fetchErrorPayload(error.message, resourceId));
+          (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 || _this$fireAnalyticsEv8.call(this, fetchErrorPayload(error.message, resourceId));
         }
       }
       return providerFactory;
@@ -900,8 +939,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         return;
       }
       if (!syncBlock.data.sourceAri || !syncBlock.data.product) {
-        var _this$fireAnalyticsEv7;
-        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, fetchErrorPayload('Sync block source ari or product not found'));
+        var _this$fireAnalyticsEv9;
+        (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, fetchErrorPayload('Sync block source ari or product not found'));
         return;
       }
       var parentInfo = this.dataProvider.retrieveSyncBlockParentInfo((_syncBlock$data2 = syncBlock.data) === null || _syncBlock$data2 === void 0 ? void 0 : _syncBlock$data2.sourceAri, (_syncBlock$data3 = syncBlock.data) === null || _syncBlock$data3 === void 0 ? void 0 : _syncBlock$data3.product);
@@ -951,7 +990,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "flush",
     value: (function () {
       var _flush = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var success, blocks, _this$saveExperience, updateResult, _this$fireAnalyticsEv8, _this$saveExperience2, _this$fireAnalyticsEv9, _this$saveExperience3, _this$saveExperience4;
+        var success, blocks, _this$saveExperience, updateResult, _this$fireAnalyticsEv0, _this$saveExperience2, _this$fireAnalyticsEv1, _this$saveExperience3, _this$saveExperience4;
         return _regeneratorRuntime.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -1012,7 +1051,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                     reason: updateResult.error || 'Failed to update reference synced blocks on the document'
                   });
                 }
-                (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 || _this$fireAnalyticsEv8.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
+                (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 || _this$fireAnalyticsEv0.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
               }
               _context4.next = 26;
               break;
@@ -1028,7 +1067,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                   reason: _context4.t0.message
                 });
               }
-              (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, updateReferenceErrorPayload(_context4.t0.message));
+              (_this$fireAnalyticsEv1 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv1 === void 0 || _this$fireAnalyticsEv1.call(this, updateReferenceErrorPayload(_context4.t0.message));
             case 26:
               _context4.prev = 26;
               if (!success) {
@@ -1073,13 +1112,13 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       });
       this.providerFactories.clear();
       (_this$saveExperience5 = this.saveExperience) === null || _this$saveExperience5 === void 0 || _this$saveExperience5.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       (_this$fetchExperience5 = this.fetchExperience) === null || _this$fetchExperience5 === void 0 || _this$fetchExperience5.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       this.fireAnalyticsEvent = undefined;
     }

package/dist/esm/store-manager/sourceSyncBlockStoreManager.js

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncBlockError } from '../common/types';
-import { updateErrorPayload, createErrorPayload, deleteErrorPayload, updateCacheErrorPayload, getSourceInfoErrorPayload, updateSuccessPayload, createSuccessPayload, deleteSuccessPayload } from '../utils/errorHandling';
-import { getCreateSourceExperience, getDeleteSourceExperience, getSaveSourceExperience } from '../utils/experienceTracking';
+import { updateErrorPayload, createErrorPayload, deleteErrorPayload, updateCacheErrorPayload, getSourceInfoErrorPayload, updateSuccessPayload, createSuccessPayload, deleteSuccessPayload, fetchReferencesErrorPayload } from '../utils/errorHandling';
+import { getCreateSourceExperience, getDeleteSourceExperience, getSaveSourceExperience, getFetchSourceInfoExperience } from '../utils/experienceTracking';
 import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
 // A store manager responsible for the lifecycle and state management of source sync blocks in an editor instance.
 // Designed to manage local in-memory state and synchronize with an external data provider.
@@ -36,6 +36,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
       this.createExperience = getCreateSourceExperience(fireAnalyticsEvent);
       this.saveExperience = getSaveSourceExperience(fireAnalyticsEvent);
       this.deleteExperience = getDeleteSourceExperience(fireAnalyticsEvent);
+      this.fetchSourceInfoExperience = getFetchSourceInfoExperience(fireAnalyticsEvent);
     }
   }, {
     key: "isSourceBlock",
@@ -128,10 +129,9 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               if (fg('platform_synced_block_dogfooding')) {
                 (_this$saveExperience = this.saveExperience) === null || _this$saveExperience === void 0 || _this$saveExperience.start({});
               }
-              ;
-              _context.next = 12;
+              _context.next = 11;
               return this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
-            case 12:
+            case 11:
               writeResults = _context.sent;
               writeResults.forEach(function (result) {
                 // set isDirty to true for cases where it failed to save the sync block to the BE
@@ -145,7 +145,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               if (!writeResults.every(function (result) {
                 return result.resourceId && !result.error;
               })) {
-                _context.next = 20;
+                _context.next = 18;
                 break;
               }
               if (fg('platform_synced_block_dogfooding')) {
@@ -157,9 +157,8 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                   }
                 });
               }
-              ;
               return _context.abrupt("return", true);
-            case 20:
+            case 18:
               if (fg('platform_synced_block_dogfooding')) {
                 (_this$saveExperience3 = this.saveExperience) === null || _this$saveExperience3 === void 0 || _this$saveExperience3.failure();
               }
@@ -170,22 +169,22 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, updateErrorPayload(result.error || 'Failed to write data', result.resourceId));
               });
               return _context.abrupt("return", false);
-            case 23:
-              _context.next = 30;
+            case 21:
+              _context.next = 28;
               break;
-            case 25:
-              _context.prev = 25;
+            case 23:
+              _context.prev = 23;
               _context.t0 = _context["catch"](0);
               logException(_context.t0, {
                 location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
               });
               (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, updateErrorPayload(_context.t0.message));
               return _context.abrupt("return", false);
-            case 30:
+            case 28:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 25]]);
+        }, _callee, this, [[0, 23]]);
       }));
       function flush() {
         return _flush.apply(this, arguments);
@@ -338,7 +337,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "delete",
     value: function () {
-      var _delete2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(syncBlockIds, onDelete, onDeleteCompleted) {
+      var _delete2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(syncBlockIds, onDelete, onDeleteCompleted, reason) {
         var _this5 = this;
         var _this$deleteExperienc, results, callback, isDeleteSuccessful, _this$deleteExperienc2, _this$deleteExperienc3;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -360,7 +359,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               _context2.next = 7;
               return this.dataProvider.deleteNodesData(syncBlockIds.map(function (attrs) {
                 return attrs.resourceId;
-              }));
+              }), reason);
             case 7:
               results = _context2.sent;
               isDeleteSuccessful = results.every(function (result) {
@@ -425,7 +424,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
           }
         }, _callee2, this, [[0, 15]]);
       }));
-      function _delete(_x, _x2, _x3) {
+      function _delete(_x, _x2, _x3, _x4) {
         return _delete2.apply(this, arguments);
       }
       return _delete;
@@ -439,7 +438,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "retryDeletion",
     value: function () {
       var _retryDeletion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _this$deletionRetryIn, syncBlockIds, onDelete, onDeleteCompleted;
+        var _this$deletionRetryIn, syncBlockIds, onDelete, onDeleteCompleted, deletionReason;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -449,13 +448,13 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               }
               return _context3.abrupt("return", Promise.resolve());
             case 2:
-              _this$deletionRetryIn = this.deletionRetryInfo, syncBlockIds = _this$deletionRetryIn.syncBlockIds, onDelete = _this$deletionRetryIn.onDelete, onDeleteCompleted = _this$deletionRetryIn.onDeleteCompleted;
+              _this$deletionRetryIn = this.deletionRetryInfo, syncBlockIds = _this$deletionRetryIn.syncBlockIds, onDelete = _this$deletionRetryIn.onDelete, onDeleteCompleted = _this$deletionRetryIn.onDeleteCompleted, deletionReason = _this$deletionRetryIn.deletionReason;
               if (!this.confirmationCallback) {
                 _context3.next = 6;
                 break;
               }
               _context3.next = 6;
-              return this.delete(syncBlockIds, onDelete, onDeleteCompleted);
+              return this.delete(syncBlockIds, onDelete, onDeleteCompleted, deletionReason);
             case 6:
             case "end":
               return _context3.stop();
@@ -485,7 +484,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "deleteSyncBlocksWithConfirmation",
     value: (function () {
-      var _deleteSyncBlocksWithConfirmation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(syncBlockIds, onDelete, onDeleteCompleted, destroyCallback) {
+      var _deleteSyncBlocksWithConfirmation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(syncBlockIds, deletionReason, onDelete, onDeleteCompleted, destroyCallback) {
         var confirmed, isDeleteSuccessful;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -495,7 +494,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return this.confirmationCallback(syncBlockIds.length);
+              return this.confirmationCallback(syncBlockIds, deletionReason);
             case 3:
               confirmed = _context4.sent;
               if (!confirmed) {
@@ -503,7 +502,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 7;
-              return this.delete(syncBlockIds, onDelete, onDeleteCompleted);
+              return this.delete(syncBlockIds, onDelete, onDeleteCompleted, deletionReason);
             case 7:
               isDeleteSuccessful = _context4.sent;
               if (!isDeleteSuccessful) {
@@ -512,7 +511,8 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                   syncBlockIds: syncBlockIds,
                   onDelete: onDelete,
                   onDeleteCompleted: onDeleteCompleted,
-                  destroyCallback: destroyCallback
+                  destroyCallback: destroyCallback,
+                  deletionReason: deletionReason
                 };
               } else {
                 destroyCallback();
@@ -527,7 +527,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
           }
         }, _callee4, this);
       }));
-      function deleteSyncBlocksWithConfirmation(_x4, _x5, _x6, _x7) {
+      function deleteSyncBlocksWithConfirmation(_x5, _x6, _x7, _x8, _x9) {
         return _deleteSyncBlocksWithConfirmation.apply(this, arguments);
       }
       return deleteSyncBlocksWithConfirmation;
@@ -535,11 +535,29 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getSyncBlockSourceInfo",
     value: function getSyncBlockSourceInfo(localId) {
+      var _this6 = this;
       try {
         if (!this.dataProvider) {
           throw new Error('Data provider not set');
         }
-        return this.dataProvider.fetchSyncBlockSourceInfo(localId, undefined, undefined, this.fireAnalyticsEvent);
+        if (fg('platform_synced_block_dogfooding')) {
+          var _this$fetchSourceInfo;
+          (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start();
+        }
+        return this.dataProvider.fetchSyncBlockSourceInfo(localId, undefined, undefined, this.fireAnalyticsEvent).then(function (sourceInfo) {
+          if (fg('platform_synced_block_dogfooding')) {
+            if (!sourceInfo) {
+              var _this6$fetchSourceInf;
+              (_this6$fetchSourceInf = _this6.fetchSourceInfoExperience) === null || _this6$fetchSourceInf === void 0 || _this6$fetchSourceInf.failure({
+                reason: "No source info returned"
+              });
+            } else {
+              var _this6$fetchSourceInf2;
+              (_this6$fetchSourceInf2 = _this6.fetchSourceInfoExperience) === null || _this6$fetchSourceInf2 === void 0 || _this6$fetchSourceInf2.success();
+            }
+          }
+          return sourceInfo;
+        });
       } catch (error) {
         var _this$fireAnalyticsEv6;
         logException(error, {
@@ -549,23 +567,45 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
         return Promise.resolve(undefined);
       }
     }
+  }, {
+    key: "fetchReferences",
+    value: function fetchReferences(resourceId) {
+      try {
+        if (!this.dataProvider) {
+          throw new Error('Data provider not set');
+        }
+        return this.dataProvider.fetchReferences(resourceId, true);
+      } catch (error) {
+        var _this$fireAnalyticsEv7;
+        logException(error, {
+          location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
+        });
+        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, fetchReferencesErrorPayload(error.message));
+        return Promise.resolve({
+          error: SyncBlockError.Errored
+        });
+      }
+    }
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$saveExperience4, _this$createExperienc2, _this$deleteExperienc4;
+      var _this$saveExperience4, _this$createExperienc2, _this$deleteExperienc4, _this$fetchSourceInfo2;
       this.syncBlockCache.clear();
       this.confirmationCallback = undefined;
       this.pendingResourceId = undefined;
       this.creationCallback = undefined;
       this.dataProvider = undefined;
       (_this$saveExperience4 = this.saveExperience) === null || _this$saveExperience4 === void 0 || _this$saveExperience4.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       (_this$createExperienc2 = this.createExperience) === null || _this$createExperienc2 === void 0 || _this$createExperienc2.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       (_this$deleteExperienc4 = this.deleteExperience) === null || _this$deleteExperienc4 === void 0 || _this$deleteExperienc4.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
+      });
+      (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.abort({
+        reason: 'editorDestroyed'
       });
       this.clearPendingDeletion();
     }