@atlaskit/editor-synced-block-provider 3.5.5 → 3.6.0

package/dist/esm/hooks/useFetchSyncBlockData.js

@@ -6,6 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useEffect, useState } from 'react';
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncBlockError } from '../common/types';
 import { fetchErrorPayload } from '../utils/errorHandling';
 import { createSyncBlockNode } from '../utils/utils';
@@ -34,7 +35,7 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
     isLoading = _useState2$.isLoading,
     setFetchState = _useState2[1];
   var reloadData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var syncBlockNode;
+    var syncBlockNode, _manager$referenceMan2;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -70,7 +71,13 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
           logException(_context.t0, {
             location: 'editor-synced-block-provider/useFetchSyncBlockData'
           });
-          fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent(fetchErrorPayload(_context.t0.message));
+          if (fg('platform_synced_block_dogfooding')) {
+            manager === null || manager === void 0 || (_manager$referenceMan2 = manager.referenceManager) === null || _manager$referenceMan2 === void 0 || (_manager$referenceMan2 = _manager$referenceMan2.fetchExperience) === null || _manager$referenceMan2 === void 0 || _manager$referenceMan2.failure({
+              reason: _context.t0.message
+            });
+          } else {
+            fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent(fetchErrorPayload(_context.t0.message));
+          }
 
           // Set error state if fetching fails
           setFetchState({
@@ -106,6 +113,7 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
   }, [localId, manager.referenceManager, resourceId]);
   return {
     isLoading: isLoading,
+    ssrProviders: resourceId ? manager.referenceManager.getSSRProviders(resourceId) : null,
     providerFactory: manager.referenceManager.getProviderFactory(resourceId || ''),
     reloadData: reloadData,
     syncBlockInstance: syncBlockInstance

package/dist/esm/index.js

@@ -25,6 +25,7 @@ export { SyncBlockStoreManager, useMemoizedSyncBlockStoreManager } from './store
 
 // utils
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+export { parseResourceId } from './utils/parseResourceId';
 export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode, convertPMNodesToSyncBlockNodes, getContentIdAndProductFromResourceId } from './utils/utils';
 export { fetchErrorPayload } from './utils/errorHandling';
 export { fetchReferences } from './providers/block-service/blockServiceAPI';

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

@@ -11,8 +11,10 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncBlockError } from '../common/types';
 import { fetchErrorPayload, getSourceInfoErrorPayload, updateReferenceErrorPayload } from '../utils/errorHandling';
+import { parseResourceId } from '../utils/parseResourceId';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { createSyncBlockNode } from '../utils/utils';
 
@@ -48,6 +50,16 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: function setFireAnalyticsEvent(fireAnalyticsEvent) {
       this.fireAnalyticsEvent = fireAnalyticsEvent;
     }
+  }, {
+    key: "setExperiences",
+    value: function setExperiences(fetchExperience, fetchSourceInfoExperience, saveExperience) {
+      // don't reset experiences after they have already been set
+      if (!this.fetchExperience || !this.fetchSourceInfoExperience || !this.saveExperience) {
+        this.fetchExperience = fetchExperience;
+        this.fetchSourceInfoExperience = fetchSourceInfoExperience;
+        this.saveExperience = saveExperience;
+      }
+    }
   }, {
     key: "generateResourceIdForReference",
     value: function generateResourceIdForReference(sourceId) {
@@ -77,7 +89,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "refreshSubscriptions",
     value: (function () {
       var _refreshSubscriptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var syncBlocks, _iterator, _step, _loop, _this$fireAnalyticsEv;
+        var syncBlocks, _iterator, _step, _loop, _this$fetchExperience, _this$fireAnalyticsEv;
         return _regeneratorRuntime.wrap(function _callee$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -140,7 +152,13 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               logException(_context2.t2, {
                 location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
               });
-              (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, fetchErrorPayload(_context2.t2.message));
+              if (fg('platform_synced_block_dogfooding')) {
+                (_this$fetchExperience = this.fetchExperience) === null || _this$fetchExperience === void 0 || _this$fetchExperience.failure({
+                  reason: _context2.t2.message
+                });
+              } else {
+                (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, fetchErrorPayload(_context2.t2.message));
+              }
             case 29:
               _context2.prev = 29;
               this.isRefreshingSubscriptions = false;
@@ -163,6 +181,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       try {
         var _existingSyncBlock$da, _existingSyncBlock$da2;
         if (!resourceId || !this.dataProvider) {
+          // make sure experience has been started before throwing error
+          if (fg('platform_synced_block_dogfooding')) {
+            var _this$fetchSourceInfo;
+            (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start({});
+          }
           throw new Error('Data provider or resourceId not set');
         }
         if (this.syncBlockSourceInfoRequests.get(resourceId)) {
@@ -170,6 +193,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         }
         var existingSyncBlock = this.getFromCache(resourceId);
         if (!existingSyncBlock) {
+          if (fg('platform_synced_block_dogfooding')) {
+            var _this$fetchSourceInfo2;
+            (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.start({});
+          }
           throw new Error('No existing sync block to fetch source info for');
         }
 
@@ -177,36 +204,80 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         if ((_existingSyncBlock$da = existingSyncBlock.data) !== null && _existingSyncBlock$da !== void 0 && _existingSyncBlock$da.sourceURL && (_existingSyncBlock$da2 = existingSyncBlock.data) !== null && _existingSyncBlock$da2 !== void 0 && _existingSyncBlock$da2.sourceTitle) {
           return;
         }
+
+        // only start experience if there is data to fetch
+        if (fg('platform_synced_block_dogfooding')) {
+          var _this$fetchSourceInfo3;
+          (_this$fetchSourceInfo3 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 || _this$fetchSourceInfo3.start({});
+        }
         var _ref = existingSyncBlock.data || {},
           sourceAri = _ref.sourceAri,
           product = _ref.product,
           blockInstanceId = _ref.blockInstanceId;
         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'));
+          if (fg('platform_synced_block_dogfooding')) {
+            var _this$fetchSourceInfo4;
+            (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.failure({
+              reason: 'SourceAri, product or blockInstanceId missing'
+            });
+          } else {
+            var _this$fireAnalyticsEv2;
+            (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, getSourceInfoErrorPayload('SourceAri, product or blockInstanceId missing'));
+          }
           return;
         }
         this.syncBlockSourceInfoRequests.set(resourceId, true);
         this.dataProvider.fetchSyncBlockSourceInfo(blockInstanceId, sourceAri, product, this.fireAnalyticsEvent).then(function (sourceInfo) {
           if (!sourceInfo) {
+            if (fg('platform_synced_block_dogfooding')) {
+              var _this$fetchSourceInfo5;
+              (_this$fetchSourceInfo5 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo5 === void 0 || _this$fetchSourceInfo5.failure({
+                reason: 'No source info returned'
+              });
+            }
             return;
           }
           _this.updateCacheWithSourceInfo(resourceId, sourceInfo);
           if (sourceInfo.title) {
             _this.updateSourceTitleSubscriptions(resourceId, sourceInfo.title);
           }
+          if (fg('platform_synced_block_dogfooding')) {
+            if (sourceInfo.title && sourceInfo.url) {
+              var _this$fetchSourceInfo6;
+              (_this$fetchSourceInfo6 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo6 === void 0 || _this$fetchSourceInfo6.success();
+            } else {
+              var _this$fetchSourceInfo7;
+              (_this$fetchSourceInfo7 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo7 === void 0 || _this$fetchSourceInfo7.failure({
+                reason: 'Missing title or url'
+              });
+            }
+          }
         }).catch(function (error) {
-          var _this$fireAnalyticsEv3;
-          (_this$fireAnalyticsEv3 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(_this, getSourceInfoErrorPayload(error.message));
+          if (fg('platform_synced_block_dogfooding')) {
+            var _this$fetchSourceInfo8;
+            (_this$fetchSourceInfo8 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo8 === void 0 || _this$fetchSourceInfo8.failure({
+              reason: error.message
+            });
+          } else {
+            var _this$fireAnalyticsEv3;
+            (_this$fireAnalyticsEv3 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(_this, getSourceInfoErrorPayload(error.message));
+          }
         }).finally(function () {
           _this.syncBlockSourceInfoRequests.delete(resourceId);
         });
       } catch (error) {
-        var _this$fireAnalyticsEv4;
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
         });
-        (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, getSourceInfoErrorPayload(error.message));
+        if (fg('platform_synced_block_dogfooding')) {
+          var _this$fetchSourceInfo9;
+          (_this$fetchSourceInfo9 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo9 === void 0 || _this$fetchSourceInfo9.failure({
+            reason: error.message
+          });
+        } else {
+          var _this$fireAnalyticsEv4;
+          (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, getSourceInfoErrorPayload(error.message));
+        }
       }
     }
 
@@ -220,7 +291,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: (function () {
       var _fetchSyncBlocksData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(syncBlockNodes) {
         var _this2 = this;
-        var nodesToFetch, data, resolvedData;
+        var nodesToFetch, _this$fetchExperience2, data, resolvedData, successfulFetched, failedFetch, _this$fetchExperience3, _this$fetchExperience4;
         return _regeneratorRuntime.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -230,12 +301,6 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               }
               return _context3.abrupt("return");
             case 2:
-              if (this.dataProvider) {
-                _context3.next = 4;
-                break;
-              }
-              throw new Error('Data provider not set');
-            case 4:
               // Don't fetch for not_found error since the source is already deleted
               nodesToFetch = [];
               syncBlockNodes.forEach(function (node) {
@@ -249,27 +314,45 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 nodesToFetch.push(node);
               });
               if (!(nodesToFetch.length === 0)) {
-                _context3.next = 8;
+                _context3.next = 6;
                 break;
               }
               return _context3.abrupt("return");
-            case 8:
+            case 6:
+              // only start fetch experience if there is data to fetch
+              if (fg('platform_synced_block_dogfooding')) {
+                (_this$fetchExperience2 = this.fetchExperience) === null || _this$fetchExperience2 === void 0 || _this$fetchExperience2.start({});
+              }
+              if (this.dataProvider) {
+                _context3.next = 9;
+                break;
+              }
+              throw new Error('Data provider not set');
+            case 9:
               nodesToFetch.forEach(function (node) {
                 _this2.syncBlockFetchDataRequests.set(node.attrs.resourceId, true);
               });
-              _context3.next = 11;
+              _context3.next = 12;
               return this.dataProvider.fetchNodesData(nodesToFetch).finally(function () {
                 nodesToFetch.forEach(function (node) {
                   _this2.syncBlockFetchDataRequests.delete(node.attrs.resourceId);
                 });
               });
-            case 11:
+            case 12:
               data = _context3.sent;
               resolvedData = [];
+              successfulFetched = [];
+              failedFetch = [];
               data.forEach(function (syncBlockInstance) {
                 if (!syncBlockInstance.resourceId) {
-                  var _this2$fireAnalyticsE;
-                  (_this2$fireAnalyticsE = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE === void 0 || _this2$fireAnalyticsE.call(_this2, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
+                  if (fg('platform_synced_block_dogfooding')) {
+                    failedFetch.push({
+                      reason: syncBlockInstance.error || 'Returned sync block instance does not have resource id'
+                    });
+                  } else {
+                    var _this2$fireAnalyticsE;
+                    (_this2$fireAnalyticsE = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE === void 0 || _this2$fireAnalyticsE.call(_this2, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
+                  }
                   return;
                 }
                 var existingSyncBlock = _this2.getFromCache(syncBlockInstance.resourceId);
@@ -277,13 +360,39 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 _this2.updateCache(resolvedSyncBlockInstance);
                 resolvedData.push(resolvedSyncBlockInstance);
                 if (syncBlockInstance.error) {
-                  var _this2$fireAnalyticsE2;
-                  (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, fetchErrorPayload(syncBlockInstance.error));
+                  if (fg('platform_synced_block_dogfooding')) {
+                    failedFetch.push({
+                      reason: syncBlockInstance.error,
+                      resourceId: syncBlockInstance.resourceId
+                    });
+                  } else {
+                    var _this2$fireAnalyticsE2;
+                    (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, fetchErrorPayload(syncBlockInstance.error));
+                  }
                   return;
                 }
+                successfulFetched.push(syncBlockInstance.resourceId);
                 _this2.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
               });
-            case 14:
+              if (fg('platform_synced_block_dogfooding')) {
+                if (data.every(function (syncBlockInstance) {
+                  return syncBlockInstance.resourceId && !syncBlockInstance.error;
+                })) {
+                  (_this$fetchExperience3 = this.fetchExperience) === null || _this$fetchExperience3 === void 0 || _this$fetchExperience3.success({
+                    metadata: {
+                      successfulFetched: successfulFetched
+                    }
+                  });
+                } else {
+                  (_this$fetchExperience4 = this.fetchExperience) === null || _this$fetchExperience4 === void 0 || _this$fetchExperience4.failure({
+                    metadata: {
+                      successfulFetched: successfulFetched,
+                      failedFetch: failedFetch
+                    }
+                  });
+                }
+              }
+            case 18:
             case "end":
               return _context3.stop();
           }
@@ -372,11 +481,18 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         callback(cachedData);
       } else {
         this.fetchSyncBlocksData([syncBlockNode]).catch(function (error) {
-          var _this3$fireAnalyticsE;
           logException(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, fetchErrorPayload(error.message));
+          if (fg('platform_synced_block_dogfooding')) {
+            var _this3$fetchExperienc;
+            (_this3$fetchExperienc = _this3.fetchExperience) === null || _this3$fetchExperienc === void 0 || _this3$fetchExperienc.failure({
+              reason: error.message
+            });
+          } else {
+            var _this3$fireAnalyticsE;
+            (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, fetchErrorPayload(error.message));
+          }
         });
       }
       return function () {
@@ -528,6 +644,43 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       }
       return providerFactory;
     }
+  }, {
+    key: "getSSRProviders",
+    value: function getSSRProviders(resourceId) {
+      if (!fg('platform_synced_block_dogfooding')) {
+        return null;
+      }
+      if (!this.dataProvider) {
+        return null;
+      }
+      var _this$dataProvider$ge2 = this.dataProvider.getSyncedBlockRendererProviderOptions(),
+        providerCreator = _this$dataProvider$ge2.providerCreator;
+      if (!(providerCreator !== null && providerCreator !== void 0 && providerCreator.createSSRMediaProvider)) {
+        return null;
+      }
+      var parsedResourceId = parseResourceId(resourceId);
+      if (!parsedResourceId) {
+        return null;
+      }
+      var contentId = parsedResourceId.contentId,
+        contentProduct = parsedResourceId.product;
+      try {
+        var mediaProvider = providerCreator.createSSRMediaProvider({
+          contentId: contentId,
+          contentProduct: contentProduct
+        });
+        if (mediaProvider) {
+          return {
+            media: mediaProvider
+          };
+        }
+      } catch (error) {
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+        });
+      }
+      return null;
+    }
   }, {
     key: "retrieveDynamicProviders",
     value: function retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
@@ -585,7 +738,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "flush",
     value: (function () {
       var _flush = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var success, blocks, updateResult, _this$fireAnalyticsEv9, _this$fireAnalyticsEv0;
+        var success, blocks, _this$saveExperience, updateResult, _this$saveExperience2, _this$fireAnalyticsEv9, _this$saveExperience3, _this$fireAnalyticsEv0, _this$saveExperience4;
         return _regeneratorRuntime.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -597,12 +750,6 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             case 2:
               success = true;
               _context4.prev = 3;
-              if (this.dataProvider) {
-                _context4.next = 6;
-                break;
-              }
-              throw new Error('Data provider not set');
-            case 6:
               blocks = []; // Collect all reference synced blocks on the current document
               Array.from(this.subscriptions.entries()).forEach(function (_ref2) {
                 var _ref3 = _slicedToArray(_ref2, 2),
@@ -616,50 +763,73 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 });
               });
               if (!(blocks.length === 0)) {
-                _context4.next = 11;
+                _context4.next = 9;
                 break;
               }
               this.isCacheDirty = false;
               return _context4.abrupt("return", true);
-            case 11:
+            case 9:
+              if (fg('platform_synced_block_dogfooding')) {
+                (_this$saveExperience = this.saveExperience) === null || _this$saveExperience === void 0 || _this$saveExperience.start();
+              }
+              if (this.dataProvider) {
+                _context4.next = 12;
+                break;
+              }
+              throw new Error('Data provider not set');
+            case 12:
               // reset isCacheDirty early to prevent race condition
               // There is a race condition where if a user makes changes (create/delete) to a reference sync block
               // on a live page and the reference sync block is being saved while the user
               // is still making changes, the new changes might not be saved if they all happen
               // exactly at a time when the updateReferenceData is being executed asynchronously.
               this.isCacheDirty = false;
-              _context4.next = 14;
+              _context4.next = 15;
               return this.dataProvider.updateReferenceData(blocks);
-            case 14:
+            case 15:
               updateResult = _context4.sent;
               if (!updateResult.success) {
                 success = false;
-                (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
+                if (fg('platform_synced_block_dogfooding')) {
+                  (_this$saveExperience2 = this.saveExperience) === null || _this$saveExperience2 === void 0 || _this$saveExperience2.failure({
+                    reason: updateResult.error || 'Failed to update reference synced blocks on the document'
+                  });
+                } else {
+                  (_this$fireAnalyticsEv9 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv9 === void 0 || _this$fireAnalyticsEv9.call(this, updateReferenceErrorPayload(updateResult.error || 'Failed to update reference synced blocks on the document'));
+                }
               }
-              _context4.next = 23;
+              _context4.next = 24;
               break;
-            case 18:
-              _context4.prev = 18;
+            case 19:
+              _context4.prev = 19;
               _context4.t0 = _context4["catch"](3);
               success = false;
               logException(_context4.t0, {
                 location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
               });
-              (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 || _this$fireAnalyticsEv0.call(this, updateReferenceErrorPayload(_context4.t0.message));
-            case 23:
-              _context4.prev = 23;
+              if (fg('platform_synced_block_dogfooding')) {
+                (_this$saveExperience3 = this.saveExperience) === null || _this$saveExperience3 === void 0 || _this$saveExperience3.failure({
+                  reason: _context4.t0.message
+                });
+              } else {
+                (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 || _this$fireAnalyticsEv0.call(this, updateReferenceErrorPayload(_context4.t0.message));
+              }
+            case 24:
+              _context4.prev = 24;
               if (!success) {
                 // set isCacheDirty back to true for cases where it failed to update the reference synced blocks on the BE
                 this.isCacheDirty = true;
+              } else if (fg('platform_synced_block_dogfooding')) {
+                (_this$saveExperience4 = this.saveExperience) === null || _this$saveExperience4 === void 0 || _this$saveExperience4.success();
               }
-              return _context4.finish(23);
-            case 26:
-              return _context4.abrupt("return", success);
+              return _context4.finish(24);
             case 27:
+              return _context4.abrupt("return", success);
+            case 28:
             case "end":
               return _context4.stop();
           }
-        }, _callee3, this, [[3, 18, 23, 26]]);
+        }, _callee3, this, [[3, 19, 24, 27]]);
       }));
       function flush() {
         return _flush.apply(this, arguments);