@atlaskit/editor-synced-block-provider 3.11.0 → 3.12.1

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

@@ -13,7 +13,8 @@ import { logException } from '@atlaskit/editor-common/monitoring';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncBlockError } from '../common/types';
-import { fetchErrorPayload, getSourceInfoErrorPayload, updateReferenceErrorPayload } from '../utils/errorHandling';
+import { fetchErrorPayload, fetchSuccessPayload, getSourceInfoErrorPayload, updateReferenceErrorPayload } from '../utils/errorHandling';
+import { getFetchExperience, getFetchSourceInfoExperience, getSaveReferenceExperience } from '../utils/experienceTracking';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { parseResourceId } from '../utils/resourceId';
 import { createSyncBlockNode } from '../utils/utils';
@@ -50,16 +51,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "setFireAnalyticsEvent",
     value: function setFireAnalyticsEvent(fireAnalyticsEvent) {
       this.fireAnalyticsEvent = fireAnalyticsEvent;
-    }
-  }, {
-    key: "setExperiences",
-    value: function setExperiences(fetchExperience, fetchSourceInfoExperience, saveExperience) {
-      // don't reset experiences after they have already been set
-      if (!this.fetchExperience || !this.fetchSourceInfoExperience || !this.saveExperience) {
-        this.fetchExperience = fetchExperience;
-        this.fetchSourceInfoExperience = fetchSourceInfoExperience;
-        this.saveExperience = saveExperience;
-      }
+      this.fetchExperience = getFetchExperience(fireAnalyticsEvent);
+      this.fetchSourceInfoExperience = getFetchSourceInfoExperience(fireAnalyticsEvent);
+      this.saveExperience = getSaveReferenceExperience(fireAnalyticsEvent);
     }
   }, {
     key: "generateResourceIdForReference",
@@ -90,7 +84,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "refreshSubscriptions",
     value: (function () {
       var _refreshSubscriptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var syncBlocks, _iterator, _step, _loop, _this$fetchExperience, _this$fireAnalyticsEv;
+        var syncBlocks, _iterator, _step, _loop, _this$fireAnalyticsEv;
         return _regeneratorRuntime.wrap(function _callee$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -153,13 +147,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               logException(_context2.t2, {
                 location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
               });
-              if (fg('platform_synced_block_dogfooding')) {
-                (_this$fetchExperience = this.fetchExperience) === null || _this$fetchExperience === void 0 || _this$fetchExperience.failure({
-                  reason: _context2.t2.message
-                });
-              } else {
-                (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, fetchErrorPayload(_context2.t2.message));
-              }
+              (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, fetchErrorPayload(_context2.t2.message));
             case 29:
               _context2.prev = 29;
               this.isRefreshingSubscriptions = false;
@@ -181,11 +169,6 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       var _this = this;
       try {
         if (!resourceId || !this.dataProvider) {
-          // make sure experience has been started before throwing error
-          if (fg('platform_synced_block_dogfooding')) {
-            var _this$fetchSourceInfo;
-            (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start({});
-          }
           throw new Error('Data provider or resourceId not set');
         }
         if (fg('platform_synced_block_dogfooding')) {
@@ -198,10 +181,6 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         }
         var existingSyncBlock = this.getFromCache(resourceId);
         if (!existingSyncBlock) {
-          if (fg('platform_synced_block_dogfooding')) {
-            var _this$fetchSourceInfo2;
-            (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.start({});
-          }
           throw new Error('No existing sync block to fetch source info for');
         }
         var _ref = existingSyncBlock.data || {},
@@ -227,31 +206,23 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             return Promise.resolve(undefined);
           }
         }
-
-        // only start experience if there is data to fetch
-        if (fg('platform_synced_block_dogfooding')) {
-          var _this$fetchSourceInfo3;
-          (_this$fetchSourceInfo3 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 || _this$fetchSourceInfo3.start({});
-        }
         if (!sourceAri || !product || !blockInstanceId) {
-          if (fg('platform_synced_block_dogfooding')) {
-            var _this$fetchSourceInfo4;
-            (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.failure({
-              reason: 'SourceAri, product or blockInstanceId missing'
-            });
-          } else {
-            var _this$fireAnalyticsEv2;
-            (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing'));
-          }
+          var _this$fireAnalyticsEv2;
+          (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing', resourceId));
           return Promise.resolve(undefined);
         }
+        if (fg('platform_synced_block_dogfooding')) {
+          var _this$fetchSourceInfo;
+          (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start({});
+        }
         var sourceInfoPromise = this.dataProvider.fetchSyncBlockSourceInfo(blockInstanceId, sourceAri, product, this.fireAnalyticsEvent).then(function (sourceInfo) {
           if (!sourceInfo) {
             if (fg('platform_synced_block_dogfooding')) {
-              var _this$fetchSourceInfo5;
-              (_this$fetchSourceInfo5 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo5 === void 0 || _this$fetchSourceInfo5.failure({
+              var _this$fetchSourceInfo2, _this$fireAnalyticsEv3;
+              (_this$fetchSourceInfo2 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.failure({
                 reason: 'No source info returned'
               });
+              (_this$fireAnalyticsEv3 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(_this, getSourceInfoErrorPayload('No source info returned', resourceId));
             }
             return undefined;
           }
@@ -261,26 +232,26 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
           }
           if (fg('platform_synced_block_dogfooding')) {
             if (sourceInfo.title && sourceInfo.url) {
-              var _this$fetchSourceInfo6;
-              (_this$fetchSourceInfo6 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo6 === void 0 || _this$fetchSourceInfo6.success();
+              var _this$fetchSourceInfo3;
+              (_this$fetchSourceInfo3 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 || _this$fetchSourceInfo3.success();
             } else {
-              var _this$fetchSourceInfo7;
-              (_this$fetchSourceInfo7 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo7 === void 0 || _this$fetchSourceInfo7.failure({
+              var _this$fetchSourceInfo4, _this$fireAnalyticsEv4;
+              (_this$fetchSourceInfo4 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.failure({
                 reason: 'Missing title or url'
               });
+              (_this$fireAnalyticsEv4 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(_this, getSourceInfoErrorPayload('Missing title or url', resourceId));
             }
             return sourceInfo;
           }
         }).catch(function (error) {
+          var _this$fireAnalyticsEv5;
           if (fg('platform_synced_block_dogfooding')) {
-            var _this$fetchSourceInfo8;
-            (_this$fetchSourceInfo8 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo8 === void 0 || _this$fetchSourceInfo8.failure({
+            var _this$fetchSourceInfo5;
+            (_this$fetchSourceInfo5 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo5 === void 0 || _this$fetchSourceInfo5.failure({
               reason: error.message
             });
-          } else {
-            var _this$fireAnalyticsEv3;
-            (_this$fireAnalyticsEv3 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(_this, getSourceInfoErrorPayload(error.message));
           }
+          (_this$fireAnalyticsEv5 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(_this, getSourceInfoErrorPayload(error.message, resourceId));
           return undefined;
         }).finally(function () {
           if (fg('platform_synced_block_dogfooding')) {
@@ -296,18 +267,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
           this.syncBlockSourceInfoRequestsOld.set(resourceId, true);
         }
       } catch (error) {
+        var _this$fireAnalyticsEv6;
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        if (fg('platform_synced_block_dogfooding')) {
-          var _this$fetchSourceInfo9;
-          (_this$fetchSourceInfo9 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo9 === void 0 || _this$fetchSourceInfo9.failure({
-            reason: error.message
-          });
-        } else {
-          var _this$fireAnalyticsEv4;
-          (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, getSourceInfoErrorPayload(error.message));
-        }
+        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, getSourceInfoErrorPayload(error.message, resourceId));
       }
       return Promise.resolve(undefined);
     }
@@ -322,7 +286,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: (function () {
       var _fetchSyncBlocksData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(syncBlockNodes) {
         var _this2 = this;
-        var nodesToFetch, _this$fetchExperience2, data, resolvedData, successfulFetched, failedFetch, _this$fetchExperience3, _this$fetchExperience4;
+        var nodesToFetch, _this$fetchExperience, data, resolvedData, hasUnexpectedError, hasExpectedError, _this$fetchExperience2, _this$fetchExperience3, _this$fetchExperience4;
         return _regeneratorRuntime.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -350,19 +314,18 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               }
               return _context3.abrupt("return");
             case 6:
-              // only start fetch experience if there is data to fetch
-              if (fg('platform_synced_block_dogfooding')) {
-                (_this$fetchExperience2 = this.fetchExperience) === null || _this$fetchExperience2 === void 0 || _this$fetchExperience2.start({});
-              }
               if (this.dataProvider) {
-                _context3.next = 9;
+                _context3.next = 8;
                 break;
               }
               throw new Error('Data provider not set');
-            case 9:
+            case 8:
               nodesToFetch.forEach(function (node) {
                 _this2.syncBlockFetchDataRequests.set(node.attrs.resourceId, true);
               });
+              if (fg('platform_synced_block_dogfooding')) {
+                (_this$fetchExperience = this.fetchExperience) === null || _this$fetchExperience === void 0 || _this$fetchExperience.start({});
+              }
               _context3.next = 12;
               return this.dataProvider.fetchNodesData(nodesToFetch).finally(function () {
                 nodesToFetch.forEach(function (node) {
@@ -372,18 +335,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             case 12:
               data = _context3.sent;
               resolvedData = [];
-              successfulFetched = [];
-              failedFetch = [];
+              hasUnexpectedError = false;
+              hasExpectedError = false;
               data.forEach(function (syncBlockInstance) {
                 if (!syncBlockInstance.resourceId) {
-                  if (fg('platform_synced_block_dogfooding')) {
-                    failedFetch.push({
-                      reason: syncBlockInstance.error || 'Returned sync block instance does not have resource id'
-                    });
-                  } else {
-                    var _this2$fireAnalyticsE;
-                    (_this2$fireAnalyticsE = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE === void 0 || _this2$fireAnalyticsE.call(_this2, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
-                  }
+                  var _this2$fireAnalyticsE;
+                  (_this2$fireAnalyticsE = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE === void 0 || _this2$fireAnalyticsE.call(_this2, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
                   return;
                 }
                 var existingSyncBlock = _this2.getFromCache(syncBlockInstance.resourceId);
@@ -391,36 +348,31 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 _this2.updateCache(resolvedSyncBlockInstance);
                 resolvedData.push(resolvedSyncBlockInstance);
                 if (syncBlockInstance.error) {
-                  if (fg('platform_synced_block_dogfooding')) {
-                    failedFetch.push({
-                      reason: syncBlockInstance.error,
-                      resourceId: syncBlockInstance.resourceId
-                    });
-                  } else {
-                    var _this2$fireAnalyticsE2;
-                    (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, fetchErrorPayload(syncBlockInstance.error));
+                  var _this2$fireAnalyticsE2;
+                  (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, fetchErrorPayload(syncBlockInstance.error, syncBlockInstance.resourceId));
+                  if (syncBlockInstance.error === SyncBlockError.NotFound || syncBlockInstance.error === SyncBlockError.Forbidden) {
+                    hasExpectedError = true;
+                  } else if (syncBlockInstance.error) {
+                    hasUnexpectedError = true;
                   }
                   return;
+                } else if (fg('platform_synced_block_dogfooding')) {
+                  var _this2$fireAnalyticsE3, _syncBlockInstance$da, _syncBlockInstance$da2;
+                  (_this2$fireAnalyticsE3 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE3 === void 0 || _this2$fireAnalyticsE3.call(_this2, 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));
                 }
-                successfulFetched.push(syncBlockInstance.resourceId);
                 _this2.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
               });
               if (fg('platform_synced_block_dogfooding')) {
-                if (data.every(function (syncBlockInstance) {
-                  return syncBlockInstance.resourceId && !syncBlockInstance.error;
-                })) {
-                  (_this$fetchExperience3 = this.fetchExperience) === null || _this$fetchExperience3 === void 0 || _this$fetchExperience3.success({
-                    metadata: {
-                      successfulFetched: successfulFetched
-                    }
+                if (hasUnexpectedError) {
+                  (_this$fetchExperience2 = this.fetchExperience) === null || _this$fetchExperience2 === void 0 || _this$fetchExperience2.failure({
+                    reason: 'Unexpected error during fetch'
                   });
-                } else {
-                  (_this$fetchExperience4 = this.fetchExperience) === null || _this$fetchExperience4 === void 0 || _this$fetchExperience4.failure({
-                    metadata: {
-                      successfulFetched: successfulFetched,
-                      failedFetch: failedFetch
-                    }
+                } else if (hasExpectedError) {
+                  (_this$fetchExperience3 = this.fetchExperience) === null || _this$fetchExperience3 === void 0 || _this$fetchExperience3.abort({
+                    reason: 'Expected error: NotFound or PermissionDenied'
                   });
+                } else {
+                  (_this$fetchExperience4 = this.fetchExperience) === null || _this$fetchExperience4 === void 0 || _this$fetchExperience4.success();
                 }
               }
             case 18:
@@ -514,18 +466,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         callback(cachedData);
       } else {
         this.fetchSyncBlocksData([syncBlockNode]).catch(function (error) {
+          var _this3$fireAnalyticsE;
           logException(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          if (fg('platform_synced_block_dogfooding')) {
-            var _this3$fetchExperienc;
-            (_this3$fetchExperienc = _this3.fetchExperience) === null || _this3$fetchExperienc === void 0 || _this3$fetchExperienc.failure({
-              reason: error.message
-            });
-          } else {
-            var _this3$fireAnalyticsE;
-            (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, fetchErrorPayload(error.message));
-          }
+          (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, fetchErrorPayload(error.message, resourceId));
         });
       }
       return function () {
@@ -606,11 +551,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         }
         return this.subscribeToSyncBlock(resourceId, localId, callback);
       } catch (error) {
-        var _this$fireAnalyticsEv5;
+        var _this$fireAnalyticsEv7;
         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 function () {};
       }
     }
@@ -634,12 +579,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "getProviderFactory",
     value: function getProviderFactory(resourceId) {
       if (!this.dataProvider) {
-        var _this$fireAnalyticsEv6;
+        var _this$fireAnalyticsEv8;
         var error = new Error('Data provider not set');
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, fetchErrorPayload(error.message));
+        (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 || _this$fireAnalyticsEv8.call(this, fetchErrorPayload(error.message));
         return undefined;
       }
       var _this$dataProvider$ge = this.dataProvider.getSyncedBlockRendererProviderOptions(),
@@ -668,11 +613,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         try {
           this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
         } catch (error) {
-          var _this$fireAnalyticsEv7;
+          var _this$fireAnalyticsEv9;
           logException(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, fetchErrorPayload(error.message));
+          (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, fetchErrorPayload(error.message, resourceId));
         }
       }
       return providerFactory;
@@ -728,9 +673,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         return;
       }
       var syncBlock = this.getFromCache(resourceId);
-      if (!syncBlock || !((_syncBlock$data2 = syncBlock.data) !== null && _syncBlock$data2 !== void 0 && _syncBlock$data2.sourceAri) || !((_syncBlock$data3 = syncBlock.data) !== null && _syncBlock$data3 !== void 0 && _syncBlock$data3.product)) {
-        var _this$fireAnalyticsEv8;
-        (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 || _this$fireAnalyticsEv8.call(this, fetchErrorPayload('Sync block or source ari or product not found'));
+      if (!syncBlock) {
+        return;
+      }
+      if (!((_syncBlock$data2 = syncBlock.data) !== null && _syncBlock$data2 !== void 0 && _syncBlock$data2.sourceAri) || !((_syncBlock$data3 = syncBlock.data) !== null && _syncBlock$data3 !== void 0 && _syncBlock$data3.product)) {
+        var _this$fireAnalyticsEv0;
+        (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 || _this$fireAnalyticsEv0.call(this, fetchErrorPayload('Sync block source ari or product not found'));
         return;
       }
       var parentInfo = this.dataProvider.retrieveSyncBlockParentInfo((_syncBlock$data4 = syncBlock.data) === null || _syncBlock$data4 === void 0 ? void 0 : _syncBlock$data4.sourceAri, (_syncBlock$data5 = syncBlock.data) === null || _syncBlock$data5 === void 0 ? void 0 : _syncBlock$data5.product);
@@ -780,7 +728,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$saveExperience2, _this$fireAnalyticsEv9, _this$saveExperience3, _this$fireAnalyticsEv0, _this$saveExperience4;
+        var success, blocks, _this$saveExperience, updateResult, _this$fireAnalyticsEv1, _this$saveExperience2, _this$fireAnalyticsEv10, _this$saveExperience3, _this$saveExperience4;
         return _regeneratorRuntime.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -811,21 +759,21 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               this.isCacheDirty = false;
               return _context4.abrupt("return", true);
             case 9:
-              if (fg('platform_synced_block_dogfooding')) {
-                (_this$saveExperience = this.saveExperience) === null || _this$saveExperience === void 0 || _this$saveExperience.start();
-              }
               if (this.dataProvider) {
-                _context4.next = 12;
+                _context4.next = 11;
                 break;
               }
               throw new Error('Data provider not set');
-            case 12:
+            case 11:
               // reset isCacheDirty early to prevent race condition
               // There is a race condition where if a user makes changes (create/delete) to a reference sync block
               // on a live page and the reference sync block is being saved while the user
               // is still making changes, the new changes might not be saved if they all happen
               // exactly at a time when the updateReferenceData is being executed asynchronously.
               this.isCacheDirty = false;
+              if (fg('platform_synced_block_dogfooding')) {
+                (_this$saveExperience = this.saveExperience) === null || _this$saveExperience === void 0 || _this$saveExperience.start();
+              }
               _context4.next = 15;
               return this.dataProvider.updateReferenceData(blocks);
             case 15:
@@ -836,11 +784,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                   (_this$saveExperience2 = this.saveExperience) === null || _this$saveExperience2 === void 0 || _this$saveExperience2.failure({
                     reason: updateResult.error || 'Failed to update reference synced blocks on the document'
                   });
-                } else {
-                  (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
                 }
+                (_this$fireAnalyticsEv1 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv1 === void 0 || _this$fireAnalyticsEv1.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
               }
-              _context4.next = 24;
+              _context4.next = 25;
               break;
             case 19:
               _context4.prev = 19;
@@ -853,25 +800,24 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 (_this$saveExperience3 = this.saveExperience) === null || _this$saveExperience3 === void 0 || _this$saveExperience3.failure({
                   reason: _context4.t0.message
                 });
-              } else {
-                (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 || _this$fireAnalyticsEv0.call(this, updateReferenceErrorPayload(_context4.t0.message));
               }
-            case 24:
-              _context4.prev = 24;
+              (_this$fireAnalyticsEv10 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv10 === void 0 || _this$fireAnalyticsEv10.call(this, updateReferenceErrorPayload(_context4.t0.message));
+            case 25:
+              _context4.prev = 25;
               if (!success) {
                 // set isCacheDirty back to true for cases where it failed to update the reference synced blocks on the BE
                 this.isCacheDirty = true;
               } else if (fg('platform_synced_block_dogfooding')) {
                 (_this$saveExperience4 = this.saveExperience) === null || _this$saveExperience4 === void 0 || _this$saveExperience4.success();
               }
-              return _context4.finish(24);
-            case 27:
-              return _context4.abrupt("return", success);
+              return _context4.finish(25);
             case 28:
+              return _context4.abrupt("return", success);
+            case 29:
             case "end":
               return _context4.stop();
           }
-        }, _callee3, this, [[3, 19, 24, 27]]);
+        }, _callee3, this, [[3, 19, 25, 28]]);
       }));
       function flush() {
         return _flush.apply(this, arguments);
@@ -881,6 +827,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
+      var _this$saveExperience5, _this$fetchExperience5, _this$fetchSourceInfo6;
       this.dataProvider = undefined;
       this.syncBlockCache.clear();
       this.subscriptions.clear();
@@ -894,6 +841,15 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         providerFactory.destroy();
       });
       this.providerFactories.clear();
+      (_this$saveExperience5 = this.saveExperience) === null || _this$saveExperience5 === void 0 || _this$saveExperience5.abort({
+        reason: 'editor-destroyed'
+      });
+      (_this$fetchExperience5 = this.fetchExperience) === null || _this$fetchExperience5 === void 0 || _this$fetchExperience5.abort({
+        reason: 'editor-destroyed'
+      });
+      (_this$fetchSourceInfo6 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo6 === void 0 || _this$fetchSourceInfo6.abort({
+        reason: 'editor-destroyed'
+      });
       this.fireAnalyticsEvent = undefined;
     }
   }]);