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

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

@@ -3,7 +3,7 @@ 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, fetchReferencesErrorPayload } from '../utils/errorHandling';
-import { getCreateSourceExperience, getDeleteSourceExperience, getSaveSourceExperience } from '../utils/experienceTracking';
+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';
@@ -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, {
@@ -424,20 +442,23 @@ export class SourceSyncBlockStoreManager {
     }
   }
   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;
+        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/esm/clients/block-service/blockService.js

@@ -285,11 +285,11 @@ export var updateSyncedBlock = /*#__PURE__*/function () {
 }();
 export var createSyncedBlock = /*#__PURE__*/function () {
   var _ref1 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref0) {
-    var blockAri, blockInstanceId, sourceAri, product, content, stepVersion, requestBody, response;
+    var blockAri, blockInstanceId, sourceAri, product, content, stepVersion, status, requestBody, response;
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
-          blockAri = _ref0.blockAri, blockInstanceId = _ref0.blockInstanceId, sourceAri = _ref0.sourceAri, product = _ref0.product, content = _ref0.content, stepVersion = _ref0.stepVersion;
+          blockAri = _ref0.blockAri, blockInstanceId = _ref0.blockInstanceId, sourceAri = _ref0.sourceAri, product = _ref0.product, content = _ref0.content, stepVersion = _ref0.stepVersion, status = _ref0.status;
           requestBody = {
             blockAri: blockAri,
             blockInstanceId: blockInstanceId,
@@ -300,25 +300,28 @@ export var createSyncedBlock = /*#__PURE__*/function () {
           if (stepVersion !== undefined) {
             requestBody.stepVersion = stepVersion;
           }
-          _context6.next = 5;
+          if (status !== undefined && fg('platform_synced_block_dogfooding')) {
+            requestBody.status = status;
+          }
+          _context6.next = 6;
           return fetchWithRetry("".concat(BLOCK_SERVICE_API_URL, "/block"), {
             method: 'POST',
             headers: COMMON_HEADERS,
             body: JSON.stringify(requestBody)
           });
-        case 5:
+        case 6:
           response = _context6.sent;
           if (response.ok) {
-            _context6.next = 8;
+            _context6.next = 9;
             break;
           }
           throw new BlockError(response.status);
-        case 8:
-          _context6.next = 10;
+        case 9:
+          _context6.next = 11;
           return response.json();
-        case 10:
-          return _context6.abrupt("return", _context6.sent);
         case 11:
+          return _context6.abrupt("return", _context6.sent);
+        case 12:
         case "end":
           return _context6.stop();
       }

package/dist/esm/providers/block-service/blockServiceAPI.js

@@ -11,6 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /* eslint-disable require-unicode-regexp  */
 import { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { generateBlockAri, generateBlockAriFromReference } from '../../clients/block-service/ari';
 import { batchRetrieveSyncedBlocks, BlockError, createSyncedBlock, deleteSyncedBlock, getReferenceSyncedBlocks, getReferenceSyncedBlocksByBlockAri, getSyncedBlockContent, updateReferenceSyncedBlockOnDocument, updateSyncedBlock } from '../../clients/block-service/blockService';
 import { subscribeToBlockUpdates as subscribeToBlockUpdatesWS } from '../../clients/block-service/blockSubscription';
@@ -609,13 +610,15 @@ var BlockServiceADFWriteProvider = /*#__PURE__*/function () {
       parentAri = _ref4.parentAri,
       parentId = _ref4.parentId,
       product = _ref4.product,
-      getVersion = _ref4.getVersion;
+      getVersion = _ref4.getVersion,
+      isParentUnpublished = _ref4.isParentUnpublished;
     _classCallCheck(this, BlockServiceADFWriteProvider);
     this.cloudId = cloudId;
     this.parentAri = parentAri;
     this.parentId = parentId;
     this.product = product;
     this.getVersion = getVersion;
+    this.isParentUnpublished = isParentUnpublished;
   }
 
   // it will first try to update and if it can't (404) then it will try to create
@@ -685,7 +688,8 @@ var BlockServiceADFWriteProvider = /*#__PURE__*/function () {
     key: "createData",
     value: function () {
       var _createData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(data) {
-        var resourceId, blockAri, stepVersion;
+        var _this$isParentUnpubli;
+        var resourceId, blockAri, stepVersion, status;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -705,41 +709,43 @@ var BlockServiceADFWriteProvider = /*#__PURE__*/function () {
                 resourceId: resourceId
               });
               stepVersion = this.getVersion ? this.getVersion() : undefined;
-              _context6.prev = 5;
-              _context6.next = 8;
+              status = fg('platform_synced_block_dogfooding') ? (_this$isParentUnpubli = this.isParentUnpublished) !== null && _this$isParentUnpubli !== void 0 && _this$isParentUnpubli.call(this) ? 'unpublished' : data.status || 'active' : undefined;
+              _context6.prev = 6;
+              _context6.next = 9;
               return createSyncedBlock({
                 blockAri: blockAri,
                 blockInstanceId: data.blockInstanceId,
                 sourceAri: this.parentAri,
                 product: this.product,
                 content: JSON.stringify(data.content),
-                stepVersion: stepVersion
+                stepVersion: stepVersion,
+                status: status
               });
-            case 8:
+            case 9:
               return _context6.abrupt("return", {
                 resourceId: resourceId
               });
-            case 11:
-              _context6.prev = 11;
-              _context6.t0 = _context6["catch"](5);
+            case 12:
+              _context6.prev = 12;
+              _context6.t0 = _context6["catch"](6);
               if (!(_context6.t0 instanceof BlockError)) {
-                _context6.next = 15;
+                _context6.next = 16;
                 break;
               }
               return _context6.abrupt("return", {
                 error: mapBlockError(_context6.t0),
                 resourceId: resourceId
               });
-            case 15:
+            case 16:
               return _context6.abrupt("return", {
                 error: stringifyError(_context6.t0),
                 resourceId: resourceId
               });
-            case 16:
+            case 17:
             case "end":
               return _context6.stop();
           }
-        }, _callee6, this, [[5, 11]]);
+        }, _callee6, this, [[6, 12]]);
       }));
       function createData(_x6) {
         return _createData.apply(this, arguments);
@@ -900,7 +906,8 @@ var createBlockServiceAPIProviders = function createBlockServiceAPIProviders(_re
     parentAri = _ref5.parentAri,
     parentId = _ref5.parentId,
     product = _ref5.product,
-    getVersion = _ref5.getVersion;
+    getVersion = _ref5.getVersion,
+    isParentUnpublished = _ref5.isParentUnpublished;
   return {
     fetchProvider: new BlockServiceADFFetchProvider({
       cloudId: cloudId,
@@ -911,7 +918,8 @@ var createBlockServiceAPIProviders = function createBlockServiceAPIProviders(_re
       parentAri: parentAri,
       parentId: parentId,
       product: product,
-      getVersion: getVersion
+      getVersion: getVersion,
+      isParentUnpublished: isParentUnpublished
     })
   };
 };
@@ -920,16 +928,18 @@ export var useMemoizedBlockServiceAPIProviders = function useMemoizedBlockServic
     parentAri = _ref6.parentAri,
     parentId = _ref6.parentId,
     product = _ref6.product,
-    getVersion = _ref6.getVersion;
+    getVersion = _ref6.getVersion,
+    isParentUnpublished = _ref6.isParentUnpublished;
   return useMemo(function () {
     return createBlockServiceAPIProviders({
       cloudId: cloudId,
       parentAri: parentAri,
       parentId: parentId,
       product: product,
-      getVersion: getVersion
+      getVersion: getVersion,
+      isParentUnpublished: isParentUnpublished
     });
-  }, [cloudId, parentAri, parentId, product, getVersion]);
+  }, [cloudId, parentAri, parentId, product, getVersion, isParentUnpublished]);
 };
 var createBlockServiceFetchOnlyAPIProvider = function createBlockServiceFetchOnlyAPIProvider(_ref7) {
   var cloudId = _ref7.cloudId,

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

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