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

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-synced-block-provider
 
+## 3.12.1
+
+### Patch Changes
+
+- [`7f41011a1b0ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f41011a1b0ff) -
+  EDITOR-1665 update sync block experience events to use general experience ids, keep existing error
+  events and add success events
+- Updated dependencies
+
 ## 3.12.0
 
 ### Minor Changes

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

@@ -16,6 +16,7 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../common/types");
 var _errorHandling = require("../utils/errorHandling");
+var _experienceTracking = require("../utils/experienceTracking");
 var _resolveSyncBlockInstance = require("../utils/resolveSyncBlockInstance");
 var _resourceId = require("../utils/resourceId");
 var _utils = require("../utils/utils");
@@ -56,16 +57,9 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     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 = (0, _experienceTracking.getFetchExperience)(fireAnalyticsEvent);
+      this.fetchSourceInfoExperience = (0, _experienceTracking.getFetchSourceInfoExperience)(fireAnalyticsEvent);
+      this.saveExperience = (0, _experienceTracking.getSaveReferenceExperience)(fireAnalyticsEvent);
     }
   }, {
     key: "generateResourceIdForReference",
@@ -96,7 +90,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "refreshSubscriptions",
     value: (function () {
       var _refreshSubscriptions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var syncBlocks, _iterator, _step, _loop, _this$fetchExperience, _this$fireAnalyticsEv;
+        var syncBlocks, _iterator, _step, _loop, _this$fireAnalyticsEv;
         return _regenerator.default.wrap(function _callee$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -159,13 +153,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
               (0, _monitoring.logException)(_context2.t2, {
                 location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
               });
-              if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(_context2.t2.message));
-              }
+              (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, (0, _errorHandling.fetchErrorPayload)(_context2.t2.message));
             case 29:
               _context2.prev = 29;
               this.isRefreshingSubscriptions = false;
@@ -187,11 +175,6 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       var _this = this;
       try {
         if (!resourceId || !this.dataProvider) {
-          // make sure experience has been started before throwing error
-          if ((0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
@@ -204,10 +187,6 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         }
         var existingSyncBlock = this.getFromCache(resourceId);
         if (!existingSyncBlock) {
-          if ((0, _platformFeatureFlags.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 || {},
@@ -233,31 +212,23 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
             return Promise.resolve(undefined);
           }
         }
-
-        // only start experience if there is data to fetch
-        if ((0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)('SourceAri, product or blockInstanceId missing'));
-          }
+          var _this$fireAnalyticsEv2;
+          (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, (0, _errorHandling.getSourceInfoErrorPayload)('SourceAri, product or blockInstanceId missing', resourceId));
           return Promise.resolve(undefined);
         }
+        if ((0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)('No source info returned', resourceId));
             }
             return undefined;
           }
@@ -267,26 +238,26 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
           }
           if ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)('Missing title or url', resourceId));
             }
             return sourceInfo;
           }
         }).catch(function (error) {
+          var _this$fireAnalyticsEv5;
           if ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)(error.message));
           }
+          (_this$fireAnalyticsEv5 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(_this, (0, _errorHandling.getSourceInfoErrorPayload)(error.message, resourceId));
           return undefined;
         }).finally(function () {
           if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
@@ -302,18 +273,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
           this.syncBlockSourceInfoRequestsOld.set(resourceId, true);
         }
       } catch (error) {
+        var _this$fireAnalyticsEv6;
         (0, _monitoring.logException)(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        if ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)(error.message));
-        }
+        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, (0, _errorHandling.getSourceInfoErrorPayload)(error.message, resourceId));
       }
       return Promise.resolve(undefined);
     }
@@ -328,7 +292,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     value: (function () {
       var _fetchSyncBlocksData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -356,19 +320,18 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
               }
               return _context3.abrupt("return");
             case 6:
-              // only start fetch experience if there is data to fetch
-              if ((0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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) {
@@ -378,18 +341,12 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
             case 12:
               data = _context3.sent;
               resolvedData = [];
-              successfulFetched = [];
-              failedFetch = [];
+              hasUnexpectedError = false;
+              hasExpectedError = false;
               data.forEach(function (syncBlockInstance) {
                 if (!syncBlockInstance.resourceId) {
-                  if ((0, _platformFeatureFlags.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, (0, _errorHandling.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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
                   return;
                 }
                 var existingSyncBlock = _this2.getFromCache(syncBlockInstance.resourceId);
@@ -397,36 +354,31 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                 _this2.updateCache(resolvedSyncBlockInstance);
                 resolvedData.push(resolvedSyncBlockInstance);
                 if (syncBlockInstance.error) {
-                  if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error));
+                  var _this2$fireAnalyticsE2;
+                  (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error, syncBlockInstance.resourceId));
+                  if (syncBlockInstance.error === _types.SyncBlockError.NotFound || syncBlockInstance.error === _types.SyncBlockError.Forbidden) {
+                    hasExpectedError = true;
+                  } else if (syncBlockInstance.error) {
+                    hasUnexpectedError = true;
                   }
                   return;
+                } else if ((0, _platformFeatureFlags.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, (0, _errorHandling.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 ((0, _platformFeatureFlags.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:
@@ -520,18 +472,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         callback(cachedData);
       } else {
         this.fetchSyncBlocksData([syncBlockNode]).catch(function (error) {
+          var _this3$fireAnalyticsE;
           (0, _monitoring.logException)(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(error.message));
-          }
+          (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, (0, _errorHandling.fetchErrorPayload)(error.message, resourceId));
         });
       }
       return function () {
@@ -612,11 +557,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         }
         return this.subscribeToSyncBlock(resourceId, localId, callback);
       } catch (error) {
-        var _this$fireAnalyticsEv5;
+        var _this$fireAnalyticsEv7;
         (0, _monitoring.logException)(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
+        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
         return function () {};
       }
     }
@@ -640,12 +585,12 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "getProviderFactory",
     value: function getProviderFactory(resourceId) {
       if (!this.dataProvider) {
-        var _this$fireAnalyticsEv6;
+        var _this$fireAnalyticsEv8;
         var error = new Error('Data provider not set');
         (0, _monitoring.logException)(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
+        (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 || _this$fireAnalyticsEv8.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
         return undefined;
       }
       var _this$dataProvider$ge = this.dataProvider.getSyncedBlockRendererProviderOptions(),
@@ -674,11 +619,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         try {
           this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
         } catch (error) {
-          var _this$fireAnalyticsEv7;
+          var _this$fireAnalyticsEv9;
           (0, _monitoring.logException)(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
+          (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, (0, _errorHandling.fetchErrorPayload)(error.message, resourceId));
         }
       }
       return providerFactory;
@@ -734,9 +679,12 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         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, (0, _errorHandling.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, (0, _errorHandling.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);
@@ -786,7 +734,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "flush",
     value: (function () {
       var _flush = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -817,21 +765,21 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
               this.isCacheDirty = false;
               return _context4.abrupt("return", true);
             case 9:
-              if ((0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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:
@@ -842,11 +790,10 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                   (_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, (0, _errorHandling.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, (0, _errorHandling.updateReferenceErrorPayload)(updateResult.error || 'Failed to update reference synced blocks on the document'));
               }
-              _context4.next = 24;
+              _context4.next = 25;
               break;
             case 19:
               _context4.prev = 19;
@@ -859,25 +806,24 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                 (_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, (0, _errorHandling.updateReferenceErrorPayload)(_context4.t0.message));
               }
-            case 24:
-              _context4.prev = 24;
+              (_this$fireAnalyticsEv10 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv10 === void 0 || _this$fireAnalyticsEv10.call(this, (0, _errorHandling.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 ((0, _platformFeatureFlags.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);
@@ -887,6 +833,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "destroy",
     value: function destroy() {
+      var _this$saveExperience5, _this$fetchExperience5, _this$fetchSourceInfo6;
       this.dataProvider = undefined;
       this.syncBlockCache.clear();
       this.subscriptions.clear();
@@ -900,6 +847,15 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         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;
     }
   }]);