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

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

@@ -17,6 +17,10 @@ import { createSyncBlockNode } from '../utils/utils';
 export class ReferenceSyncBlockStoreManager {
   // 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
+
   constructor(dataProvider) {
     // Keeps track of addition and deletion of reference synced blocks on the document
     // This starts as true to always flush the cache when document is saved for the first time
@@ -36,6 +40,7 @@ export class ReferenceSyncBlockStoreManager {
     this.pendingCacheDeletions = new Map();
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
+    this.newlyAddedSyncBlocks = new Set();
   }
 
   /**
@@ -124,6 +129,18 @@ export class ReferenceSyncBlockStoreManager {
     this.fetchSourceInfoExperience = getFetchSourceInfoExperience(fireAnalyticsEvent);
     this.saveExperience = getSaveReferenceExperience(fireAnalyticsEvent);
   }
+  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
+   */
+  markAsNewlyAdded(resourceId) {
+    this.newlyAddedSyncBlocks.add(resourceId);
+  }
   generateResourceIdForReference(sourceId) {
     if (!this.dataProvider) {
       throw new Error('Data provider not set');
@@ -208,13 +225,18 @@ export class ReferenceSyncBlockStoreManager {
    */
   handleGraphQLSubscriptionUpdate(syncBlockInstance) {
     if (!syncBlockInstance.resourceId) {
-      return;
+      throw new Error('Sync block instance provided to graphql subscription update missing resource id');
     }
     const existingSyncBlock = this.getFromCache(syncBlockInstance.resourceId);
     const resolvedSyncBlockInstance = existingSyncBlock ? resolveSyncBlockInstance(existingSyncBlock, syncBlockInstance) : syncBlockInstance;
     this.updateCache(resolvedSyncBlockInstance);
     if (!syncBlockInstance.error) {
+      var _this$fireAnalyticsEv4, _syncBlockInstance$da, _syncBlockInstance$da2;
+      (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 ? void 0 : _this$fireAnalyticsEv4.call(this, fetchSuccessPayload(syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId, syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.blockInstanceId, syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
       this.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
+    } else {
+      var _this$fireAnalyticsEv5, _syncBlockInstance$er;
+      (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 ? void 0 : _this$fireAnalyticsEv5.call(this, fetchErrorPayload((_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type, syncBlockInstance.resourceId));
     }
   }
 
@@ -290,8 +312,8 @@ export class ReferenceSyncBlockStoreManager {
         }
       }
       if (!sourceAri || !product || !blockInstanceId) {
-        var _this$fireAnalyticsEv4;
-        (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 ? void 0 : _this$fireAnalyticsEv4.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing', resourceId));
+        var _this$fireAnalyticsEv6;
+        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 ? void 0 : _this$fireAnalyticsEv6.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing', resourceId));
         return Promise.resolve(undefined);
       }
       if (fg('platform_synced_block_dogfooding')) {
@@ -301,11 +323,11 @@ export class ReferenceSyncBlockStoreManager {
       const sourceInfoPromise = this.dataProvider.fetchSyncBlockSourceInfo(blockInstanceId, sourceAri, product, this.fireAnalyticsEvent).then(sourceInfo => {
         if (!sourceInfo) {
           if (fg('platform_synced_block_dogfooding')) {
-            var _this$fetchSourceInfo2, _this$fireAnalyticsEv5;
+            var _this$fetchSourceInfo2, _this$fireAnalyticsEv7;
             (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 ? void 0 : _this$fetchSourceInfo2.failure({
               reason: 'No source info returned'
             });
-            (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 ? void 0 : _this$fireAnalyticsEv5.call(this, getSourceInfoErrorPayload('No source info returned', resourceId));
+            (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 ? void 0 : _this$fireAnalyticsEv7.call(this, getSourceInfoErrorPayload('No source info returned', resourceId));
           }
           return undefined;
         }
@@ -318,23 +340,23 @@ export class ReferenceSyncBlockStoreManager {
             var _this$fetchSourceInfo3;
             (_this$fetchSourceInfo3 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 ? void 0 : _this$fetchSourceInfo3.success();
           } else {
-            var _this$fetchSourceInfo4, _this$fireAnalyticsEv6;
+            var _this$fetchSourceInfo4, _this$fireAnalyticsEv8;
             (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 ? void 0 : _this$fetchSourceInfo4.failure({
               reason: 'Missing title or url'
             });
-            (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 ? void 0 : _this$fireAnalyticsEv6.call(this, getSourceInfoErrorPayload('Missing title or url', resourceId));
+            (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 ? void 0 : _this$fireAnalyticsEv8.call(this, getSourceInfoErrorPayload('Missing title or url', resourceId));
           }
           return sourceInfo;
         }
       }).catch(error => {
-        var _this$fireAnalyticsEv7;
+        var _this$fireAnalyticsEv9;
         if (fg('platform_synced_block_dogfooding')) {
           var _this$fetchSourceInfo5;
           (_this$fetchSourceInfo5 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo5 === void 0 ? void 0 : _this$fetchSourceInfo5.failure({
             reason: error.message
           });
         }
-        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 ? void 0 : _this$fireAnalyticsEv7.call(this, getSourceInfoErrorPayload(error.message, resourceId));
+        (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 ? void 0 : _this$fireAnalyticsEv9.call(this, getSourceInfoErrorPayload(error.message, resourceId));
         return undefined;
       }).finally(() => {
         if (fg('platform_synced_block_dogfooding')) {
@@ -350,11 +372,11 @@ export class ReferenceSyncBlockStoreManager {
         this.syncBlockSourceInfoRequestsOld.set(resourceId, true);
       }
     } catch (error) {
-      var _this$fireAnalyticsEv8;
+      var _this$fireAnalyticsEv0;
       logException(error, {
         location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
       });
-      (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 ? void 0 : _this$fireAnalyticsEv8.call(this, getSourceInfoErrorPayload(error.message, resourceId));
+      (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 ? void 0 : _this$fireAnalyticsEv0.call(this, getSourceInfoErrorPayload(error.message, resourceId));
     }
     return Promise.resolve(undefined);
   }
@@ -372,11 +394,12 @@ export class ReferenceSyncBlockStoreManager {
     // Don't fetch for not_found error since the source is already deleted
     const nodesToFetch = [];
     syncBlockNodes.forEach(node => {
+      var _existingSyncBlock$er;
       if (this.syncBlockFetchDataRequests.get(node.attrs.resourceId)) {
         return;
       }
       const existingSyncBlock = this.getFromCache(node.attrs.resourceId);
-      if ((existingSyncBlock === null || existingSyncBlock === void 0 ? void 0 : existingSyncBlock.error) === SyncBlockError.NotFound) {
+      if ((existingSyncBlock === null || existingSyncBlock === void 0 ? void 0 : (_existingSyncBlock$er = existingSyncBlock.error) === null || _existingSyncBlock$er === void 0 ? void 0 : _existingSyncBlock$er.type) === SyncBlockError.NotFound) {
         return;
       }
       nodesToFetch.push(node);
@@ -402,26 +425,38 @@ export class ReferenceSyncBlockStoreManager {
     let hasUnexpectedError = false;
     let hasExpectedError = false;
     data.forEach(syncBlockInstance => {
+      var _resolvedSyncBlockIns;
       if (!syncBlockInstance.resourceId) {
-        var _this$fireAnalyticsEv9;
-        (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 ? void 0 : _this$fireAnalyticsEv9.call(this, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
+        var _this$fireAnalyticsEv1, _syncBlockInstance$er2;
+        (_this$fireAnalyticsEv1 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv1 === void 0 ? void 0 : _this$fireAnalyticsEv1.call(this, 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;
       }
       const existingSyncBlock = this.getFromCache(syncBlockInstance.resourceId);
       const resolvedSyncBlockInstance = existingSyncBlock ? resolveSyncBlockInstance(existingSyncBlock, syncBlockInstance) : syncBlockInstance;
       this.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' && this.newlyAddedSyncBlocks.has(syncBlockInstance.resourceId) && this.onUnpublishedSyncBlockDetected && fg('platform_synced_block_dogfooding')) {
+        // Remove from newly added set after checking to prevent duplicate flags
+        this.newlyAddedSyncBlocks.delete(syncBlockInstance.resourceId);
+        this.onUnpublishedSyncBlockDetected(resolvedSyncBlockInstance.resourceId);
+      } else if (this.newlyAddedSyncBlocks.has(syncBlockInstance.resourceId)) {
+        // Remove from newly added set even if not unpublished (to clean up)
+        this.newlyAddedSyncBlocks.delete(syncBlockInstance.resourceId);
+      }
       if (syncBlockInstance.error) {
-        var _this$fireAnalyticsEv0;
-        (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 ? void 0 : _this$fireAnalyticsEv0.call(this, fetchErrorPayload(syncBlockInstance.error, syncBlockInstance.resourceId));
-        if (syncBlockInstance.error === SyncBlockError.NotFound || syncBlockInstance.error === SyncBlockError.Forbidden) {
+        var _this$fireAnalyticsEv10;
+        (_this$fireAnalyticsEv10 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv10 === void 0 ? void 0 : _this$fireAnalyticsEv10.call(this, 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 _this$fireAnalyticsEv1, _syncBlockInstance$da, _syncBlockInstance$da2;
-        (_this$fireAnalyticsEv1 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv1 === void 0 ? void 0 : _this$fireAnalyticsEv1.call(this, 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 _this$fireAnalyticsEv11, _syncBlockInstance$da3, _syncBlockInstance$da4;
+        (_this$fireAnalyticsEv11 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv11 === void 0 ? void 0 : _this$fireAnalyticsEv11.call(this, 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));
       }
       this.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
     });
@@ -521,11 +556,11 @@ export class ReferenceSyncBlockStoreManager {
       callback(cachedData);
     } else {
       this.fetchSyncBlocksData([syncBlockNode]).catch(error => {
-        var _this$fireAnalyticsEv10;
+        var _this$fireAnalyticsEv12;
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv10 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv10 === void 0 ? void 0 : _this$fireAnalyticsEv10.call(this, fetchErrorPayload(error.message, resourceId));
+        (_this$fireAnalyticsEv12 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv12 === void 0 ? void 0 : _this$fireAnalyticsEv12.call(this, fetchErrorPayload(error.message, resourceId));
       });
     }
 
@@ -618,11 +653,11 @@ export class ReferenceSyncBlockStoreManager {
       }
       return this.subscribeToSyncBlock(resourceId, localId, callback);
     } catch (error) {
-      var _this$fireAnalyticsEv11;
+      var _this$fireAnalyticsEv13;
       logException(error, {
         location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
       });
-      (_this$fireAnalyticsEv11 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv11 === void 0 ? void 0 : _this$fireAnalyticsEv11.call(this, fetchErrorPayload(error.message));
+      (_this$fireAnalyticsEv13 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv13 === void 0 ? void 0 : _this$fireAnalyticsEv13.call(this, fetchErrorPayload(error.message));
       return () => {};
     }
   }
@@ -642,12 +677,12 @@ export class ReferenceSyncBlockStoreManager {
   }
   getProviderFactory(resourceId) {
     if (!this.dataProvider) {
-      var _this$fireAnalyticsEv12;
+      var _this$fireAnalyticsEv14;
       const error = new Error('Data provider not set');
       logException(error, {
         location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
       });
-      (_this$fireAnalyticsEv12 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv12 === void 0 ? void 0 : _this$fireAnalyticsEv12.call(this, fetchErrorPayload(error.message));
+      (_this$fireAnalyticsEv14 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv14 === void 0 ? void 0 : _this$fireAnalyticsEv14.call(this, fetchErrorPayload(error.message));
       return undefined;
     }
     const {
@@ -677,11 +712,11 @@ export class ReferenceSyncBlockStoreManager {
       try {
         this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
       } catch (error) {
-        var _this$fireAnalyticsEv13;
+        var _this$fireAnalyticsEv15;
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv13 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv13 === void 0 ? void 0 : _this$fireAnalyticsEv13.call(this, fetchErrorPayload(error.message, resourceId));
+        (_this$fireAnalyticsEv15 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv15 === void 0 ? void 0 : _this$fireAnalyticsEv15.call(this, fetchErrorPayload(error.message, resourceId));
       }
     }
     return providerFactory;
@@ -740,8 +775,8 @@ export class ReferenceSyncBlockStoreManager {
       return;
     }
     if (!syncBlock.data.sourceAri || !syncBlock.data.product) {
-      var _this$fireAnalyticsEv14;
-      (_this$fireAnalyticsEv14 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv14 === void 0 ? void 0 : _this$fireAnalyticsEv14.call(this, fetchErrorPayload('Sync block source ari or product not found'));
+      var _this$fireAnalyticsEv16;
+      (_this$fireAnalyticsEv16 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv16 === void 0 ? void 0 : _this$fireAnalyticsEv16.call(this, fetchErrorPayload('Sync block source ari or product not found'));
       return;
     }
     const 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);
@@ -830,7 +865,7 @@ export class ReferenceSyncBlockStoreManager {
       }
       const updateResult = await this.dataProvider.updateReferenceData(blocks);
       if (!updateResult.success) {
-        var _this$fireAnalyticsEv15;
+        var _this$fireAnalyticsEv17;
         success = false;
         if (fg('platform_synced_block_dogfooding')) {
           var _this$saveExperience2;
@@ -838,10 +873,10 @@ export class ReferenceSyncBlockStoreManager {
             reason: updateResult.error || 'Failed to update reference synced blocks on the document'
           });
         }
-        (_this$fireAnalyticsEv15 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv15 === void 0 ? void 0 : _this$fireAnalyticsEv15.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
+        (_this$fireAnalyticsEv17 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv17 === void 0 ? void 0 : _this$fireAnalyticsEv17.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
       }
     } catch (error) {
-      var _this$fireAnalyticsEv16;
+      var _this$fireAnalyticsEv18;
       success = false;
       logException(error, {
         location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
@@ -852,7 +887,7 @@ export class ReferenceSyncBlockStoreManager {
           reason: error.message
         });
       }
-      (_this$fireAnalyticsEv16 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv16 === void 0 ? void 0 : _this$fireAnalyticsEv16.call(this, updateReferenceErrorPayload(error.message));
+      (_this$fireAnalyticsEv18 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv18 === void 0 ? void 0 : _this$fireAnalyticsEv18.call(this, updateReferenceErrorPayload(error.message));
     } finally {
       if (!success) {
         // set isCacheDirty back to true for cases where it failed to update the reference synced blocks on the BE
@@ -884,13 +919,13 @@ export class ReferenceSyncBlockStoreManager {
     });
     this.providerFactories.clear();
     (_this$saveExperience5 = this.saveExperience) === null || _this$saveExperience5 === void 0 ? void 0 : _this$saveExperience5.abort({
-      reason: 'editor-destroyed'
+      reason: 'editorDestroyed'
     });
     (_this$fetchExperience5 = this.fetchExperience) === null || _this$fetchExperience5 === void 0 ? void 0 : _this$fetchExperience5.abort({
-      reason: 'editor-destroyed'
+      reason: 'editorDestroyed'
     });
     (_this$fetchSourceInfo6 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo6 === void 0 ? void 0 : _this$fetchSourceInfo6.abort({
-      reason: 'editor-destroyed'
+      reason: 'editorDestroyed'
     });
     this.fireAnalyticsEvent = undefined;
   }

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

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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.
@@ -26,6 +26,7 @@ export class SourceSyncBlockStoreManager {
     this.createExperience = getCreateSourceExperience(fireAnalyticsEvent);
     this.saveExperience = getSaveSourceExperience(fireAnalyticsEvent);
     this.deleteExperience = getDeleteSourceExperience(fireAnalyticsEvent);
+    this.fetchSourceInfoExperience = getFetchSourceInfoExperience(fireAnalyticsEvent);
   }
   isSourceBlock(node) {
     return node.type.name === 'bodiedSyncBlock';
@@ -103,7 +104,6 @@ export class SourceSyncBlockStoreManager {
         var _this$saveExperience;
         (_this$saveExperience = this.saveExperience) === null || _this$saveExperience === void 0 ? void 0 : _this$saveExperience.start({});
       }
-      ;
       const writeResults = await this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
       writeResults.forEach(result => {
         // set isDirty to true for cases where it failed to save the sync block to the BE
@@ -125,7 +125,6 @@ export class SourceSyncBlockStoreManager {
             }
           });
         }
-        ;
         return true;
       } else {
         if (fg('platform_synced_block_dogfooding')) {
@@ -275,7 +274,7 @@ export class SourceSyncBlockStoreManager {
       (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 ? void 0 : _this$fireAnalyticsEv9.call(this, createErrorPayload(error.message));
     }
   }
-  async delete(syncBlockIds, onDelete, onDeleteCompleted) {
+  async delete(syncBlockIds, onDelete, onDeleteCompleted, reason) {
     try {
       if (!this.dataProvider) {
         throw new Error('Data provider not set');
@@ -287,7 +286,7 @@ export class SourceSyncBlockStoreManager {
         var _this$deleteExperienc;
         (_this$deleteExperienc = this.deleteExperience) === null || _this$deleteExperienc === void 0 ? void 0 : _this$deleteExperienc.start({});
       }
-      const results = await this.dataProvider.deleteNodesData(syncBlockIds.map(attrs => attrs.resourceId));
+      const results = await this.dataProvider.deleteNodesData(syncBlockIds.map(attrs => attrs.resourceId), reason);
       let callback;
       const isDeleteSuccessful = results.every(result => result.success);
       onDeleteCompleted(isDeleteSuccessful);
@@ -351,10 +350,11 @@ export class SourceSyncBlockStoreManager {
     const {
       syncBlockIds,
       onDelete,
-      onDeleteCompleted
+      onDeleteCompleted,
+      deletionReason
     } = this.deletionRetryInfo;
     if (this.confirmationCallback) {
-      await this.delete(syncBlockIds, onDelete, onDeleteCompleted);
+      await this.delete(syncBlockIds, onDelete, onDeleteCompleted, deletionReason);
     }
   }
   clearPendingDeletion() {
@@ -370,18 +370,19 @@ export class SourceSyncBlockStoreManager {
    * @param onDeleteCompleted - The callback for after the deletion is saved to BE (whether successful or not)
    * @param destroyCallback - The callback to clear any reference stored for deletion (regardless if deletion is completed or abort)
    */
-  async deleteSyncBlocksWithConfirmation(syncBlockIds, onDelete, onDeleteCompleted, destroyCallback) {
+  async deleteSyncBlocksWithConfirmation(syncBlockIds, deletionReason, onDelete, onDeleteCompleted, destroyCallback) {
     if (this.confirmationCallback) {
-      const confirmed = await this.confirmationCallback(syncBlockIds.length);
+      const confirmed = await this.confirmationCallback(syncBlockIds, deletionReason);
       if (confirmed) {
-        const isDeleteSuccessful = await this.delete(syncBlockIds, onDelete, onDeleteCompleted);
+        const isDeleteSuccessful = await this.delete(syncBlockIds, onDelete, onDeleteCompleted, deletionReason);
         if (!isDeleteSuccessful) {
           // If deletion failed, save deletion info for potential retry
           this.deletionRetryInfo = {
             syncBlockIds,
             onDelete,
             onDeleteCompleted,
-            destroyCallback
+            destroyCallback,
+            deletionReason
           };
         } else {
           destroyCallback();
@@ -396,7 +397,24 @@ export class SourceSyncBlockStoreManager {
       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 ? void 0 : _this$fetchSourceInfo.start();
+      }
+      return this.dataProvider.fetchSyncBlockSourceInfo(localId, undefined, undefined, this.fireAnalyticsEvent).then(sourceInfo => {
+        if (fg('platform_synced_block_dogfooding')) {
+          if (!sourceInfo) {
+            var _this$fetchSourceInfo2;
+            (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 ? void 0 : _this$fetchSourceInfo2.failure({
+              reason: "No source info returned"
+            });
+          } else {
+            var _this$fetchSourceInfo3;
+            (_this$fetchSourceInfo3 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 ? void 0 : _this$fetchSourceInfo3.success();
+          }
+        }
+        return sourceInfo;
+      });
     } catch (error) {
       var _this$fireAnalyticsEv13;
       logException(error, {
@@ -406,21 +424,41 @@ export class SourceSyncBlockStoreManager {
       return Promise.resolve(undefined);
     }
   }
+  fetchReferences(resourceId) {
+    try {
+      if (!this.dataProvider) {
+        throw new Error('Data provider not set');
+      }
+      return this.dataProvider.fetchReferences(resourceId, true);
+    } catch (error) {
+      var _this$fireAnalyticsEv14;
+      logException(error, {
+        location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
+      });
+      (_this$fireAnalyticsEv14 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv14 === void 0 ? void 0 : _this$fireAnalyticsEv14.call(this, fetchReferencesErrorPayload(error.message));
+      return Promise.resolve({
+        error: SyncBlockError.Errored
+      });
+    }
+  }
   destroy() {
-    var _this$saveExperience4, _this$createExperienc5, _this$deleteExperienc4;
+    var _this$saveExperience4, _this$createExperienc5, _this$deleteExperienc4, _this$fetchSourceInfo4;
     this.syncBlockCache.clear();
     this.confirmationCallback = undefined;
     this.pendingResourceId = undefined;
     this.creationCallback = undefined;
     this.dataProvider = undefined;
     (_this$saveExperience4 = this.saveExperience) === null || _this$saveExperience4 === void 0 ? void 0 : _this$saveExperience4.abort({
-      reason: 'editor-destroyed'
+      reason: 'editorDestroyed'
     });
     (_this$createExperienc5 = this.createExperience) === null || _this$createExperienc5 === void 0 ? void 0 : _this$createExperienc5.abort({
-      reason: 'editor-destroyed'
+      reason: 'editorDestroyed'
     });
     (_this$deleteExperienc4 = this.deleteExperience) === null || _this$deleteExperienc4 === void 0 ? void 0 : _this$deleteExperienc4.abort({
-      reason: 'editor-destroyed'
+      reason: 'editorDestroyed'
+    });
+    (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 ? void 0 : _this$fetchSourceInfo4.abort({
+      reason: 'editorDestroyed'
     });
     this.clearPendingDeletion();
   }

package/dist/es2019/store-manager/syncBlockStoreManager.js

@@ -1,8 +1,10 @@
 import { useMemo } from 'react';
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getProductFromSourceAri } from '../clients/block-service/ari';
 import { SyncBlockError } from '../common/types';
 import { fetchReferencesErrorPayload } from '../utils/errorHandling';
+import { getFetchReferencesExperience, getFetchSourceInfoExperience } from '../utils/experienceTracking';
 import { ReferenceSyncBlockStoreManager } from './referenceSyncBlockStoreManager';
 import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';
 
@@ -21,30 +23,51 @@ export class SyncBlockStoreManager {
   }
   async fetchReferencesSourceInfo(resourceId, blockInstanceId, isSourceSyncBlock) {
     try {
-      var _response$references;
+      var _this$fetchReferences, _response$references, _this$fetchReferences5;
       if (!this.dataProvider) {
         throw new Error('Data provider not set');
       }
+      (_this$fetchReferences = this.fetchReferencesExperience) === null || _this$fetchReferences === void 0 ? void 0 : _this$fetchReferences.start();
       const response = await this.dataProvider.fetchReferences(resourceId, isSourceSyncBlock);
       if (response.error) {
+        var _this$fetchReferences2;
+        (_this$fetchReferences2 = this.fetchReferencesExperience) === null || _this$fetchReferences2 === void 0 ? void 0 : _this$fetchReferences2.failure({
+          reason: response.error
+        });
         return {
           error: response.error
         };
       }
       if (!response.references || ((_response$references = response.references) === null || _response$references === void 0 ? void 0 : _response$references.length) === 0) {
         // No reference found
+        if (isSourceSyncBlock) {
+          var _this$fetchReferences3;
+          (_this$fetchReferences3 = this.fetchReferencesExperience) === null || _this$fetchReferences3 === void 0 ? void 0 : _this$fetchReferences3.success();
+        } else {
+          var _this$fetchReferences4;
+          (_this$fetchReferences4 = this.fetchReferencesExperience) === null || _this$fetchReferences4 === void 0 ? void 0 : _this$fetchReferences4.failure({
+            reason: 'No references found for reference synced block'
+          });
+        }
         return isSourceSyncBlock ? {
           references: []
         } : {
           error: SyncBlockError.Errored
         };
       }
+      (_this$fetchReferences5 = this.fetchReferencesExperience) === null || _this$fetchReferences5 === void 0 ? void 0 : _this$fetchReferences5.success();
       const sourceInfoPromises = response.references.map(async reference => {
-        var _this$dataProvider;
-        const sourceInfo = await ((_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.fetchSyncBlockSourceInfo(blockInstanceId, reference.documentAri, getProductFromSourceAri(reference.documentAri), this.fireAnalyticsEvent, reference.hasAccess, 'view'));
+        var _this$fetchSourceInfo, _this$dataProvider, _this$fetchSourceInfo3;
+        (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 ? void 0 : _this$fetchSourceInfo.start();
+        const sourceInfo = await ((_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.fetchSyncBlockSourceInfo(reference.blockInstanceId || '', reference.documentAri, getProductFromSourceAri(reference.documentAri), this.fireAnalyticsEvent, reference.hasAccess, 'view'));
         if (!sourceInfo) {
+          var _this$fetchSourceInfo2;
+          (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 ? void 0 : _this$fetchSourceInfo2.failure({
+            reason: `no source info returned for ari: ${reference.documentAri}`
+          });
           return undefined;
         }
+        (_this$fetchSourceInfo3 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 ? void 0 : _this$fetchSourceInfo3.success();
         return {
           ...sourceInfo,
           onSameDocument: reference.onSameDocument,
@@ -81,6 +104,10 @@ export class SyncBlockStoreManager {
     this.fireAnalyticsEvent = fireAnalyticsEvent;
     this.referenceSyncBlockStoreManager.setFireAnalyticsEvent(fireAnalyticsEvent);
     this.sourceSyncBlockStoreManager.setFireAnalyticsEvent(fireAnalyticsEvent);
+    if (fg('platform_synced_block_dogfooding')) {
+      this.fetchReferencesExperience = getFetchReferencesExperience(fireAnalyticsEvent);
+      this.fetchSourceInfoExperience = getFetchSourceInfoExperience(fireAnalyticsEvent);
+    }
   }
   get referenceManager() {
     return this.referenceSyncBlockStoreManager;
@@ -89,8 +116,15 @@ export class SyncBlockStoreManager {
     return this.sourceSyncBlockStoreManager;
   }
   destroy() {
+    var _this$fetchReferences6, _this$fetchSourceInfo4;
     this.referenceSyncBlockStoreManager.destroy();
     this.sourceSyncBlockStoreManager.destroy();
+    (_this$fetchReferences6 = this.fetchReferencesExperience) === null || _this$fetchReferences6 === void 0 ? void 0 : _this$fetchReferences6.abort({
+      reason: 'editorDestroyed'
+    });
+    (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 ? void 0 : _this$fetchSourceInfo4.abort({
+      reason: 'editorDestroyed'
+    });
   }
 }
 const createSyncBlockStoreManager = dataProvider => {

package/dist/es2019/utils/experienceTracking.js

@@ -110,4 +110,21 @@ export const getCreateSourceExperience = fireAnalyticsEvent => {
       durationMs: TIMEOUT_DURATION
     })]
   });
+};
+
+/**
+ * This experience tracks when a source sync block is created and registered to the BE.
+ *
+ * Start: When the fetchSourceInfo function is called.
+ * Success: When the fetching the data is successful within the timeout duration of start.
+ * Failure: When the timeout duration passes without the data being successfully fetched, or the fetch fails
+ */
+export const getFetchReferencesExperience = fireAnalyticsEvent => {
+  return new Experience(EXPERIENCE_ID.ASYNC_OPERATION, {
+    action: ACTION.SYNCED_BLOCK_FETCH_REFERENCES,
+    dispatchAnalyticsEvent: createExperienceDispatcher(fireAnalyticsEvent),
+    checks: [new ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    })]
+  });
 };

package/dist/es2019/utils/resolveSyncBlockInstance.js

@@ -16,8 +16,9 @@ export const resolveSyncBlockInstance = (oldResult, newResult) => {
   if (!oldResult.data) {
     return newResult;
   } else if (!newResult.data) {
+    var _newResult$error, _newResult$error2;
     // return the old result if there was an error, e.g. network error, but not if not found or forbidden
-    if (newResult.error === SyncBlockError.NotFound || newResult.error === SyncBlockError.Forbidden) {
+    if (((_newResult$error = newResult.error) === null || _newResult$error === void 0 ? void 0 : _newResult$error.type) === SyncBlockError.NotFound || ((_newResult$error2 = newResult.error) === null || _newResult$error2 === void 0 ? void 0 : _newResult$error2.type) === SyncBlockError.Forbidden) {
       return newResult;
     } else {
       return oldResult;