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

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

@@ -12,9 +12,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _react = require("react");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ari = require("../clients/block-service/ari");
 var _types = require("../common/types");
 var _errorHandling = require("../utils/errorHandling");
+var _experienceTracking = require("../utils/experienceTracking");
 var _referenceSyncBlockStoreManager = require("./referenceSyncBlockStoreManager");
 var _sourceSyncBlockStoreManager = require("./sourceSyncBlockStoreManager");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -38,7 +40,7 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
     value: function () {
       var _fetchReferencesSourceInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(resourceId, blockInstanceId, isSourceSyncBlock) {
         var _this = this;
-        var _response$references, response, sourceInfoPromises, sourceInfos, sourceSyncBlockData, _this$fireAnalyticsEv;
+        var _this$fetchReferences, _response$references, _this$fetchReferences5, response, _this$fetchReferences2, _this$fetchReferences3, _this$fetchReferences4, sourceInfoPromises, sourceInfos, sourceSyncBlockData, _this$fireAnalyticsEv;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -49,51 +51,69 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
               }
               throw new Error('Data provider not set');
             case 3:
-              _context2.next = 5;
+              (_this$fetchReferences = this.fetchReferencesExperience) === null || _this$fetchReferences === void 0 || _this$fetchReferences.start();
+              _context2.next = 6;
               return this.dataProvider.fetchReferences(resourceId, isSourceSyncBlock);
-            case 5:
+            case 6:
               response = _context2.sent;
               if (!response.error) {
-                _context2.next = 8;
+                _context2.next = 10;
                 break;
               }
+              (_this$fetchReferences2 = this.fetchReferencesExperience) === null || _this$fetchReferences2 === void 0 || _this$fetchReferences2.failure({
+                reason: response.error
+              });
               return _context2.abrupt("return", {
                 error: response.error
               });
-            case 8:
+            case 10:
               if (!(!response.references || ((_response$references = response.references) === null || _response$references === void 0 ? void 0 : _response$references.length) === 0)) {
-                _context2.next = 10;
+                _context2.next = 13;
                 break;
               }
+              // No reference found
+              if (isSourceSyncBlock) {
+                (_this$fetchReferences3 = this.fetchReferencesExperience) === null || _this$fetchReferences3 === void 0 || _this$fetchReferences3.success();
+              } else {
+                (_this$fetchReferences4 = this.fetchReferencesExperience) === null || _this$fetchReferences4 === void 0 || _this$fetchReferences4.failure({
+                  reason: 'No references found for reference synced block'
+                });
+              }
               return _context2.abrupt("return", isSourceSyncBlock ? {
                 references: []
               } : {
                 error: _types.SyncBlockError.Errored
               });
-            case 10:
+            case 13:
+              (_this$fetchReferences5 = this.fetchReferencesExperience) === null || _this$fetchReferences5 === void 0 || _this$fetchReferences5.success();
               sourceInfoPromises = response.references.map( /*#__PURE__*/function () {
                 var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(reference) {
-                  var _this$dataProvider;
-                  var sourceInfo;
+                  var _this$fetchSourceInfo, _this$dataProvider, _this$fetchSourceInfo3;
+                  var sourceInfo, _this$fetchSourceInfo2;
                   return _regenerator.default.wrap(function _callee$(_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
-                        _context.next = 2;
+                        (_this$fetchSourceInfo = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start();
+                        _context.next = 3;
                         return (_this$dataProvider = _this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.fetchSyncBlockSourceInfo(reference.blockInstanceId || '', reference.documentAri, (0, _ari.getProductFromSourceAri)(reference.documentAri), _this.fireAnalyticsEvent, reference.hasAccess, 'view');
-                      case 2:
+                      case 3:
                         sourceInfo = _context.sent;
                         if (sourceInfo) {
-                          _context.next = 5;
+                          _context.next = 7;
                           break;
                         }
+                        (_this$fetchSourceInfo2 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.failure({
+                          reason: "no source info returned for ari: ".concat(reference.documentAri)
+                        });
                         return _context.abrupt("return", undefined);
-                      case 5:
+                      case 7:
+                        (_this$fetchSourceInfo3 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 || _this$fetchSourceInfo3.success();
                         return _context.abrupt("return", _objectSpread(_objectSpread({}, sourceInfo), {}, {
                           onSameDocument: reference.onSameDocument,
                           hasAccess: reference.hasAccess,
                           productType: sourceInfo.productType
                         }));
-                      case 6:
+                      case 9:
                       case "end":
                         return _context.stop();
                     }
@@ -103,13 +123,13 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                   return _ref.apply(this, arguments);
                 };
               }());
-              _context2.next = 13;
+              _context2.next = 17;
               return Promise.all(sourceInfoPromises);
-            case 13:
+            case 17:
               sourceInfos = _context2.sent;
-              _context2.next = 16;
+              _context2.next = 20;
               return isSourceSyncBlock ? this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId) : this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
-            case 16:
+            case 20:
               sourceSyncBlockData = _context2.sent;
               if (sourceSyncBlockData) {
                 sourceInfos.push(_objectSpread(_objectSpread({}, sourceSyncBlockData), {}, {
@@ -122,8 +142,8 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
               return _context2.abrupt("return", {
                 references: sourceInfos
               });
-            case 21:
-              _context2.prev = 21;
+            case 25:
+              _context2.prev = 25;
               _context2.t0 = _context2["catch"](0);
               (0, _monitoring.logException)(_context2.t0, {
                 location: 'editor-synced-block-provider/syncBlockStoreManager'
@@ -132,11 +152,11 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
               return _context2.abrupt("return", {
                 error: _types.SyncBlockError.Errored
               });
-            case 26:
+            case 30:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[0, 21]]);
+        }, _callee2, this, [[0, 25]]);
       }));
       function fetchReferencesSourceInfo(_x, _x2, _x3) {
         return _fetchReferencesSourceInfo.apply(this, arguments);
@@ -149,6 +169,10 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
       this.fireAnalyticsEvent = fireAnalyticsEvent;
       this.referenceSyncBlockStoreManager.setFireAnalyticsEvent(fireAnalyticsEvent);
       this.sourceSyncBlockStoreManager.setFireAnalyticsEvent(fireAnalyticsEvent);
+      if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+        this.fetchReferencesExperience = (0, _experienceTracking.getFetchReferencesExperience)(fireAnalyticsEvent);
+        this.fetchSourceInfoExperience = (0, _experienceTracking.getFetchSourceInfoExperience)(fireAnalyticsEvent);
+      }
     }
   }, {
     key: "referenceManager",
@@ -163,8 +187,15 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
   }, {
     key: "destroy",
     value: function destroy() {
+      var _this$fetchReferences6, _this$fetchSourceInfo4;
       this.referenceSyncBlockStoreManager.destroy();
       this.sourceSyncBlockStoreManager.destroy();
+      (_this$fetchReferences6 = this.fetchReferencesExperience) === null || _this$fetchReferences6 === void 0 || _this$fetchReferences6.abort({
+        reason: 'editorDestroyed'
+      });
+      (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.abort({
+        reason: 'editorDestroyed'
+      });
     }
   }]);
 }();

package/dist/cjs/utils/experienceTracking.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSaveSourceExperience = exports.getSaveReferenceExperience = exports.getFetchSourceInfoExperience = exports.getFetchExperience = exports.getDeleteSourceExperience = exports.getCreateSourceExperience = exports.createExperienceDispatcher = void 0;
+exports.getSaveSourceExperience = exports.getSaveReferenceExperience = exports.getFetchSourceInfoExperience = exports.getFetchReferencesExperience = exports.getFetchExperience = exports.getDeleteSourceExperience = exports.getCreateSourceExperience = exports.createExperienceDispatcher = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _experiences = require("@atlaskit/editor-common/experiences");
 var TIMEOUT_DURATION = 30000;
@@ -116,4 +116,21 @@ var getCreateSourceExperience = exports.getCreateSourceExperience = function get
       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
+ */
+var getFetchReferencesExperience = exports.getFetchReferencesExperience = function getFetchReferencesExperience(fireAnalyticsEvent) {
+  return new _experiences.Experience(_experiences.EXPERIENCE_ID.ASYNC_OPERATION, {
+    action: _analytics.ACTION.SYNCED_BLOCK_FETCH_REFERENCES,
+    dispatchAnalyticsEvent: createExperienceDispatcher(fireAnalyticsEvent),
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    })]
+  });
 };

package/dist/es2019/clients/block-service/blockService.js

@@ -183,7 +183,8 @@ export const createSyncedBlock = async ({
   sourceAri,
   product,
   content,
-  stepVersion
+  stepVersion,
+  status
 }) => {
   const requestBody = {
     blockAri,
@@ -195,6 +196,9 @@ export const createSyncedBlock = async ({
   if (stepVersion !== undefined) {
     requestBody.stepVersion = stepVersion;
   }
+  if (status !== undefined && fg('platform_synced_block_dogfooding')) {
+    requestBody.status = status;
+  }
   const response = await fetchWithRetry(`${BLOCK_SERVICE_API_URL}/block`, {
     method: 'POST',
     headers: COMMON_HEADERS,

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

@@ -1,5 +1,6 @@
 /* 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';
@@ -434,13 +435,15 @@ class BlockServiceADFWriteProvider {
     parentAri,
     parentId,
     product,
-    getVersion
+    getVersion,
+    isParentUnpublished
   }) {
     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
@@ -484,6 +487,7 @@ class BlockServiceADFWriteProvider {
     }
   }
   async createData(data) {
+    var _this$isParentUnpubli;
     if (!this.parentAri || !this.parentId) {
       return {
         error: SyncBlockError.Errored
@@ -499,6 +503,7 @@ class BlockServiceADFWriteProvider {
       resourceId
     });
     const stepVersion = this.getVersion ? this.getVersion() : undefined;
+    const status = fg('platform_synced_block_dogfooding') ? (_this$isParentUnpubli = this.isParentUnpublished) !== null && _this$isParentUnpubli !== void 0 && _this$isParentUnpubli.call(this) ? 'unpublished' : data.status || 'active' : undefined;
     try {
       await createSyncedBlock({
         blockAri,
@@ -506,7 +511,8 @@ class BlockServiceADFWriteProvider {
         sourceAri: this.parentAri,
         product: this.product,
         content: JSON.stringify(data.content),
-        stepVersion
+        stepVersion,
+        status
       });
       return {
         resourceId
@@ -622,7 +628,8 @@ const createBlockServiceAPIProviders = ({
   parentAri,
   parentId,
   product,
-  getVersion
+  getVersion,
+  isParentUnpublished
 }) => {
   return {
     fetchProvider: new BlockServiceADFFetchProvider({
@@ -634,7 +641,8 @@ const createBlockServiceAPIProviders = ({
       parentAri,
       parentId,
       product,
-      getVersion
+      getVersion,
+      isParentUnpublished
     })
   };
 };
@@ -643,7 +651,8 @@ export const useMemoizedBlockServiceAPIProviders = ({
   parentAri,
   parentId,
   product,
-  getVersion
+  getVersion,
+  isParentUnpublished
 }) => {
   return useMemo(() => {
     return createBlockServiceAPIProviders({
@@ -651,9 +660,10 @@ export const useMemoizedBlockServiceAPIProviders = ({
       parentAri,
       parentId,
       product,
-      getVersion
+      getVersion,
+      isParentUnpublished
     });
-  }, [cloudId, parentAri, parentId, product, getVersion]);
+  }, [cloudId, parentAri, parentId, product, getVersion, isParentUnpublished]);
 };
 const createBlockServiceFetchOnlyAPIProvider = ({
   cloudId,

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);
   }
@@ -403,17 +425,29 @@ export class ReferenceSyncBlockStoreManager {
     let hasUnexpectedError = false;
     let hasExpectedError = false;
     data.forEach(syncBlockInstance => {
+      var _resolvedSyncBlockIns;
       if (!syncBlockInstance.resourceId) {
-        var _this$fireAnalyticsEv9, _syncBlockInstance$er;
-        (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 ? void 0 : _this$fireAnalyticsEv9.call(this, 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 _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.type, syncBlockInstance.resourceId));
+        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) {
@@ -421,8 +455,8 @@ export class ReferenceSyncBlockStoreManager {
         }
         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);
     });
@@ -522,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));
       });
     }
 
@@ -619,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 () => {};
     }
   }
@@ -643,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 {
@@ -678,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;
@@ -741,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);
@@ -831,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;
@@ -839,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'
@@ -853,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
@@ -885,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;
   }