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

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-synced-block-provider
 
+## 3.14.4
+
+### Patch Changes
+
+- [`5ec143ea91476`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ec143ea91476) -
+  Do not re-convert already converted timestamps
+- [`aa5302b457078`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aa5302b457078) -
+  [ux] EDITOR-4763 Ensure initial source sync block data are always registered
+- Updated dependencies
+
+## 3.14.3
+
+### Patch Changes
+
+- [`7702ea47c5329`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7702ea47c5329) -
+  [ux] Show editor flag when unpublished sync block is pasted
+- [`2a9dfb4b326e6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a9dfb4b326e6) -
+  EDITOR-4698 add missing analytics for fetch references, graphql subsciption update, reference sync
+  block insert and delete success
+- Updated dependencies
+
 ## 3.14.2
 
 ### Patch Changes

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

@@ -292,11 +292,11 @@ var updateSyncedBlock = exports.updateSyncedBlock = /*#__PURE__*/function () {
 }();
 var createSyncedBlock = exports.createSyncedBlock = /*#__PURE__*/function () {
   var _ref1 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(_ref0) {
-    var blockAri, blockInstanceId, sourceAri, product, content, stepVersion, requestBody, response;
+    var blockAri, blockInstanceId, sourceAri, product, content, stepVersion, status, requestBody, response;
     return _regenerator.default.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,
@@ -307,25 +307,28 @@ var createSyncedBlock = exports.createSyncedBlock = /*#__PURE__*/function () {
           if (stepVersion !== undefined) {
             requestBody.stepVersion = stepVersion;
           }
-          _context6.next = 5;
+          if (status !== undefined && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+            requestBody.status = status;
+          }
+          _context6.next = 6;
           return (0, _retry.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/cjs/providers/block-service/blockServiceAPI.js

@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ari = require("../../clients/block-service/ari");
 var _blockService = require("../../clients/block-service/blockService");
 var _blockSubscription = require("../../clients/block-service/blockSubscription");
@@ -101,9 +102,7 @@ var convertToSyncBlockData = exports.convertToSyncBlockData = function convertTo
   var createdAt;
   if (data.createdAt !== undefined && data.createdAt !== null) {
     try {
-      // BE returns microseconds, convert to milliseconds
-      // BE should fix this in the future
-      createdAt = new Date(data.createdAt / 1000).toISOString();
+      createdAt = new Date(data.createdAt).toISOString();
     } catch (_unused) {
       // fallback to undefined
       // as we don't want to block the whole process due to invalid date
@@ -615,13 +614,15 @@ var BlockServiceADFWriteProvider = /*#__PURE__*/function () {
       parentAri = _ref4.parentAri,
       parentId = _ref4.parentId,
       product = _ref4.product,
-      getVersion = _ref4.getVersion;
+      getVersion = _ref4.getVersion,
+      isParentUnpublished = _ref4.isParentUnpublished;
     (0, _classCallCheck2.default)(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
@@ -691,7 +692,8 @@ var BlockServiceADFWriteProvider = /*#__PURE__*/function () {
     key: "createData",
     value: function () {
       var _createData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(data) {
-        var resourceId, blockAri, stepVersion;
+        var _this$isParentUnpubli;
+        var resourceId, blockAri, stepVersion, status;
         return _regenerator.default.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -711,41 +713,43 @@ var BlockServiceADFWriteProvider = /*#__PURE__*/function () {
                 resourceId: resourceId
               });
               stepVersion = this.getVersion ? this.getVersion() : undefined;
-              _context6.prev = 5;
-              _context6.next = 8;
+              status = (0, _platformFeatureFlags.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 (0, _blockService.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 _blockService.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: (0, _errorHandling.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);
@@ -906,7 +910,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,
@@ -917,7 +922,8 @@ var createBlockServiceAPIProviders = function createBlockServiceAPIProviders(_re
       parentAri: parentAri,
       parentId: parentId,
       product: product,
-      getVersion: getVersion
+      getVersion: getVersion,
+      isParentUnpublished: isParentUnpublished
     })
   };
 };
@@ -926,16 +932,18 @@ var useMemoizedBlockServiceAPIProviders = exports.useMemoizedBlockServiceAPIProv
     parentAri = _ref6.parentAri,
     parentId = _ref6.parentId,
     product = _ref6.product,
-    getVersion = _ref6.getVersion;
+    getVersion = _ref6.getVersion,
+    isParentUnpublished = _ref6.isParentUnpublished;
   return (0, _react.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/cjs/store-manager/referenceSyncBlockStoreManager.js

@@ -33,6 +33,10 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 var ReferenceSyncBlockStoreManager = exports.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) {
     (0, _classCallCheck2.default)(this, ReferenceSyncBlockStoreManager);
     // Keeps track of addition and deletion of reference synced blocks on the document
@@ -53,6 +57,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     this.pendingCacheDeletions = new Map();
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
+    this.newlyAddedSyncBlocks = new Set();
   }
 
   /**
@@ -157,6 +162,22 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       this.fetchSourceInfoExperience = (0, _experienceTracking.getFetchSourceInfoExperience)(fireAnalyticsEvent);
       this.saveExperience = (0, _experienceTracking.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) {
@@ -312,13 +333,18 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     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 ? (0, _resolveSyncBlockInstance.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, (0, _errorHandling.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, (0, _errorHandling.fetchErrorPayload)((_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type, syncBlockInstance.resourceId));
       }
     }
 
@@ -420,8 +446,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
           }
         }
         if (!sourceAri || !product || !blockInstanceId) {
-          var _this$fireAnalyticsEv2;
-          (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, (0, _errorHandling.getSourceInfoErrorPayload)('SourceAri, product or blockInstanceId missing', resourceId));
+          var _this$fireAnalyticsEv4;
+          (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, (0, _errorHandling.getSourceInfoErrorPayload)('SourceAri, product or blockInstanceId missing', resourceId));
           return Promise.resolve(undefined);
         }
         if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
@@ -480,11 +506,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
           this.syncBlockSourceInfoRequestsOld.set(resourceId, true);
         }
       } catch (error) {
-        var _this$fireAnalyticsEv3;
+        var _this$fireAnalyticsEv5;
         (0, _monitoring.logException)(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv3 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(this, (0, _errorHandling.getSourceInfoErrorPayload)(error.message, resourceId));
+        (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(this, (0, _errorHandling.getSourceInfoErrorPayload)(error.message, resourceId));
       }
       return Promise.resolve(undefined);
     }
@@ -551,14 +577,26 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
               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, (0, _errorHandling.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, (0, _errorHandling.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 ? (0, _resolveSyncBlockInstance.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 && (0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error.type, syncBlockInstance.resourceId));
@@ -569,8 +607,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                   }
                   return;
                 } else if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchSuccessPayload)(syncBlockInstance.resourceId, (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.blockInstanceId, (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
+                  var _this5$fireAnalyticsE3, _syncBlockInstance$da3, _syncBlockInstance$da4;
+                  (_this5$fireAnalyticsE3 = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE3 === void 0 || _this5$fireAnalyticsE3.call(_this5, (0, _errorHandling.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);
               });
@@ -781,11 +819,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         }
         return this.subscribeToSyncBlock(resourceId, localId, callback);
       } catch (error) {
-        var _this$fireAnalyticsEv4;
+        var _this$fireAnalyticsEv6;
         (0, _monitoring.logException)(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
+        (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
         return function () {};
       }
     }
@@ -809,12 +847,12 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "getProviderFactory",
     value: function getProviderFactory(resourceId) {
       if (!this.dataProvider) {
-        var _this$fireAnalyticsEv5;
+        var _this$fireAnalyticsEv7;
         var error = new Error('Data provider not set');
         (0, _monitoring.logException)(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
+        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, (0, _errorHandling.fetchErrorPayload)(error.message));
         return undefined;
       }
       var _this$dataProvider$ge = this.dataProvider.getSyncedBlockRendererProviderOptions(),
@@ -843,11 +881,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         try {
           this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
         } catch (error) {
-          var _this$fireAnalyticsEv6;
+          var _this$fireAnalyticsEv8;
           (0, _monitoring.logException)(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, (0, _errorHandling.fetchErrorPayload)(error.message, resourceId));
+          (_this$fireAnalyticsEv8 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv8 === void 0 || _this$fireAnalyticsEv8.call(this, (0, _errorHandling.fetchErrorPayload)(error.message, resourceId));
         }
       }
       return providerFactory;
@@ -907,8 +945,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         return;
       }
       if (!syncBlock.data.sourceAri || !syncBlock.data.product) {
-        var _this$fireAnalyticsEv7;
-        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, (0, _errorHandling.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, (0, _errorHandling.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);
@@ -958,7 +996,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "flush",
     value: (function () {
       var _flush = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var success, blocks, _this$saveExperience, updateResult, _this$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 _regenerator.default.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -1019,7 +1057,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                     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, (0, _errorHandling.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, (0, _errorHandling.updateReferenceErrorPayload)(updateResult.error || 'Failed to update reference synced blocks on the document'));
               }
               _context4.next = 26;
               break;
@@ -1035,7 +1073,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                   reason: _context4.t0.message
                 });
               }
-              (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, (0, _errorHandling.updateReferenceErrorPayload)(_context4.t0.message));
+              (_this$fireAnalyticsEv1 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv1 === void 0 || _this$fireAnalyticsEv1.call(this, (0, _errorHandling.updateReferenceErrorPayload)(_context4.t0.message));
             case 26:
               _context4.prev = 26;
               if (!success) {
@@ -1080,13 +1118,13 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       });
       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;
     }

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

@@ -43,6 +43,7 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
       this.createExperience = (0, _experienceTracking.getCreateSourceExperience)(fireAnalyticsEvent);
       this.saveExperience = (0, _experienceTracking.getSaveSourceExperience)(fireAnalyticsEvent);
       this.deleteExperience = (0, _experienceTracking.getDeleteSourceExperience)(fireAnalyticsEvent);
+      this.fetchSourceInfoExperience = (0, _experienceTracking.getFetchSourceInfoExperience)(fireAnalyticsEvent);
     }
   }, {
     key: "isSourceBlock",
@@ -281,7 +282,7 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
      */
   }, {
     key: "createBodiedSyncBlockNode",
-    value: function createBodiedSyncBlockNode(attrs) {
+    value: function createBodiedSyncBlockNode(attrs, nodeData) {
       var _this4 = this;
       try {
         var _this$createExperienc;
@@ -303,6 +304,12 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
               var _this4$createExperien;
               (_this4$createExperien = _this4.createExperience) === null || _this4$createExperien === void 0 || _this4$createExperien.success();
             }
+
+            // Update the sync block data with the node data if it is provided
+            // to avoid any race conditions where the data could be missed during a render operation
+            if (nodeData) {
+              _this4.updateSyncBlockData(nodeData);
+            }
           } else {
             var _this4$fireAnalyticsE;
             _this4.commitPendingCreation(false);
@@ -541,11 +548,29 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
   }, {
     key: "getSyncBlockSourceInfo",
     value: function getSyncBlockSourceInfo(localId) {
+      var _this6 = this;
       try {
         if (!this.dataProvider) {
           throw new Error('Data provider not set');
         }
-        return this.dataProvider.fetchSyncBlockSourceInfo(localId, undefined, undefined, this.fireAnalyticsEvent);
+        if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+          var _this$fetchSourceInfo;
+          (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start();
+        }
+        return this.dataProvider.fetchSyncBlockSourceInfo(localId, undefined, undefined, this.fireAnalyticsEvent).then(function (sourceInfo) {
+          if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+            if (!sourceInfo) {
+              var _this6$fetchSourceInf;
+              (_this6$fetchSourceInf = _this6.fetchSourceInfoExperience) === null || _this6$fetchSourceInf === void 0 || _this6$fetchSourceInf.failure({
+                reason: 'No source info returned'
+              });
+            } else {
+              var _this6$fetchSourceInf2;
+              (_this6$fetchSourceInf2 = _this6.fetchSourceInfoExperience) === null || _this6$fetchSourceInf2 === void 0 || _this6$fetchSourceInf2.success();
+            }
+          }
+          return sourceInfo;
+        });
       } catch (error) {
         var _this$fireAnalyticsEv6;
         (0, _monitoring.logException)(error, {
@@ -577,20 +602,23 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$saveExperience4, _this$createExperienc2, _this$deleteExperienc4;
+      var _this$saveExperience4, _this$createExperienc2, _this$deleteExperienc4, _this$fetchSourceInfo2;
       this.syncBlockCache.clear();
       this.confirmationCallback = undefined;
       this.pendingResourceId = undefined;
       this.creationCallback = undefined;
       this.dataProvider = undefined;
       (_this$saveExperience4 = this.saveExperience) === null || _this$saveExperience4 === void 0 || _this$saveExperience4.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       (_this$createExperienc2 = this.createExperience) === null || _this$createExperienc2 === void 0 || _this$createExperienc2.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
       });
       (_this$deleteExperienc4 = this.deleteExperience) === null || _this$deleteExperienc4 === void 0 || _this$deleteExperienc4.abort({
-        reason: 'editor-destroyed'
+        reason: 'editorDestroyed'
+      });
+      (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.abort({
+        reason: 'editorDestroyed'
       });
       this.clearPendingDeletion();
     }