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

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-synced-block-provider
 
+## 3.6.0
+
+### Minor Changes
+
+- [`8100ae00326b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8100ae00326b4) -
+  EDITOR-2850-add media ssr support for sync blocks
+
+### Patch Changes
+
+- [`fff45a651440a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fff45a651440a) -
+  EDITOR-1665 add experience tracking analytics for sync block save, fetch and delete
+- Updated dependencies
+
 ## 3.5.5
 
 ### Patch Changes

package/dist/cjs/clients/confluence/sourceInfo.js

@@ -4,11 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fetchConfluencePageInfo = void 0;
+exports.fetchConfluencePageInfoOld = exports.fetchConfluencePageInfoNew = exports.fetchConfluencePageInfo = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _errorHandling = require("../../utils/errorHandling");
 var _retry = require("../../utils/retry");
 var _ari = require("./ari");
@@ -71,7 +72,7 @@ var getConfluenceSourceInfo = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-var fetchConfluencePageInfo = exports.fetchConfluencePageInfo = /*#__PURE__*/function () {
+var fetchConfluencePageInfoOld = exports.fetchConfluencePageInfoOld = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(pageAri, localId, fireAnalyticsEvent) {
     var _response$data, _contentData$space, _getPageIdAndTypeFrom, pageType, response, contentData, title, url, _ref3, base;
     return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -119,7 +120,80 @@ var fetchConfluencePageInfo = exports.fetchConfluencePageInfo = /*#__PURE__*/fun
       }
     }, _callee2, null, [[0, 14]]);
   }));
-  return function fetchConfluencePageInfo(_x2, _x3, _x4) {
+  return function fetchConfluencePageInfoOld(_x2, _x3, _x4) {
     return _ref2.apply(this, arguments);
   };
+}();
+var fetchConfluencePageInfoNew = exports.fetchConfluencePageInfoNew = /*#__PURE__*/function () {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(pageAri, localId) {
+    var _response$data2, _contentData$space2;
+    var _getPageIdAndTypeFrom2, pageType, response, contentData, title, url, _ref5, base;
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _getPageIdAndTypeFrom2 = (0, _ari.getPageIdAndTypeFromConfluencePageAri)({
+            ari: pageAri
+          }), pageType = _getPageIdAndTypeFrom2.type;
+          _context3.next = 3;
+          return getConfluenceSourceInfo(pageAri);
+        case 3:
+          response = _context3.sent;
+          contentData = (_response$data2 = response.data) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.content) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.nodes) === null || _response$data2 === void 0 ? void 0 : _response$data2[0];
+          title = contentData === null || contentData === void 0 ? void 0 : contentData.title;
+          _ref5 = (contentData === null || contentData === void 0 ? void 0 : contentData.links) || {}, base = _ref5.base;
+          if (base && contentData !== null && contentData !== void 0 && (_contentData$space2 = contentData.space) !== null && _contentData$space2 !== void 0 && _contentData$space2.key && contentData !== null && contentData !== void 0 && contentData.id) {
+            if ((0, _utils.isBlogPageType)(pageType)) {
+              url = "".concat(base, "/spaces/").concat(contentData.space.key, "/blog/edit-v2/").concat(contentData.id);
+            } else if (contentData.subType === 'live') {
+              url = "".concat(base, "/spaces/").concat(contentData.space.key, "/pages/").concat(contentData.id);
+            } else {
+              url = "".concat(base, "/spaces/").concat(contentData.space.key, "/pages/edit-v2/").concat(contentData.id);
+            }
+          }
+          url = url && localId ? "".concat(url, "#block-").concat(localId) : url;
+          return _context3.abrupt("return", Promise.resolve({
+            title: title,
+            url: url
+          }));
+        case 10:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function fetchConfluencePageInfoNew(_x5, _x6) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var fetchConfluencePageInfo = exports.fetchConfluencePageInfo = /*#__PURE__*/function () {
+  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(pageAri, localId, fireAnalyticsEvent) {
+    return _regenerator.default.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (!(0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+            _context4.next = 6;
+            break;
+          }
+          _context4.next = 3;
+          return fetchConfluencePageInfoNew(pageAri, localId);
+        case 3:
+          _context4.t0 = _context4.sent;
+          _context4.next = 9;
+          break;
+        case 6:
+          _context4.next = 8;
+          return fetchConfluencePageInfoOld(pageAri, localId, fireAnalyticsEvent);
+        case 8:
+          _context4.t0 = _context4.sent;
+        case 9:
+          return _context4.abrupt("return", _context4.t0);
+        case 10:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function fetchConfluencePageInfo(_x7, _x8, _x9) {
+    return _ref6.apply(this, arguments);
+  };
 }();

package/dist/cjs/common/consts.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SYNC_BLOCK_PRODUCTS = void 0;
+var SYNC_BLOCK_PRODUCTS = exports.SYNC_BLOCK_PRODUCTS = ['confluence-page', 'jira-work-item'];

package/dist/cjs/hooks/useFetchSyncBlockData.js

@@ -11,6 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../common/types");
 var _errorHandling = require("../utils/errorHandling");
 var _utils = require("../utils/utils");
@@ -41,7 +42,7 @@ var useFetchSyncBlockData = exports.useFetchSyncBlockData = function useFetchSyn
     isLoading = _useState2$.isLoading,
     setFetchState = _useState2[1];
   var reloadData = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var syncBlockNode;
+    var syncBlockNode, _manager$referenceMan2;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -77,7 +78,13 @@ var useFetchSyncBlockData = exports.useFetchSyncBlockData = function useFetchSyn
           (0, _monitoring.logException)(_context.t0, {
             location: 'editor-synced-block-provider/useFetchSyncBlockData'
           });
-          fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent((0, _errorHandling.fetchErrorPayload)(_context.t0.message));
+          if ((0, _platformFeatureFlags.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((0, _errorHandling.fetchErrorPayload)(_context.t0.message));
+          }
 
           // Set error state if fetching fails
           setFetchState({
@@ -113,6 +120,7 @@ var useFetchSyncBlockData = exports.useFetchSyncBlockData = function useFetchSyn
   }, [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/cjs/index.js

@@ -117,6 +117,12 @@ Object.defineProperty(exports, "getPageIdAndTypeFromConfluencePageAri", {
     return _ari2.getPageIdAndTypeFromConfluencePageAri;
   }
 });
+Object.defineProperty(exports, "parseResourceId", {
+  enumerable: true,
+  get: function get() {
+    return _parseResourceId.parseResourceId;
+  }
+});
 Object.defineProperty(exports, "rebaseTransaction", {
   enumerable: true,
   get: function get() {
@@ -185,5 +191,6 @@ var _sourceInfo = require("./clients/confluence/sourceInfo");
 var _syncBlockProvider = require("./providers/syncBlockProvider");
 var _syncBlockStoreManager = require("./store-manager/syncBlockStoreManager");
 var _resolveSyncBlockInstance = require("./utils/resolveSyncBlockInstance");
+var _parseResourceId = require("./utils/parseResourceId");
 var _utils = require("./utils/utils");
 var _errorHandling = require("./utils/errorHandling");

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

@@ -13,8 +13,10 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../common/types");
 var _errorHandling = require("../utils/errorHandling");
+var _parseResourceId = require("../utils/parseResourceId");
 var _resolveSyncBlockInstance = require("../utils/resolveSyncBlockInstance");
 var _utils = require("../utils/utils");
 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; }
@@ -54,6 +56,16 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     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) {
@@ -83,7 +95,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "refreshSubscriptions",
     value: (function () {
       var _refreshSubscriptions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var syncBlocks, _iterator, _step, _loop, _this$fireAnalyticsEv;
+        var syncBlocks, _iterator, _step, _loop, _this$fetchExperience, _this$fireAnalyticsEv;
         return _regenerator.default.wrap(function _callee$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -146,7 +158,13 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
               (0, _monitoring.logException)(_context2.t2, {
                 location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
               });
-              (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, (0, _errorHandling.fetchErrorPayload)(_context2.t2.message));
+              if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(_context2.t2.message));
+              }
             case 29:
               _context2.prev = 29;
               this.isRefreshingSubscriptions = false;
@@ -169,6 +187,11 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       try {
         var _existingSyncBlock$da, _existingSyncBlock$da2;
         if (!resourceId || !this.dataProvider) {
+          // make sure experience has been started before throwing error
+          if ((0, _platformFeatureFlags.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)) {
@@ -176,6 +199,10 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         }
         var existingSyncBlock = this.getFromCache(resourceId);
         if (!existingSyncBlock) {
+          if ((0, _platformFeatureFlags.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');
         }
 
@@ -183,36 +210,80 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         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 ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)('SourceAri, product or blockInstanceId missing'));
+          if ((0, _platformFeatureFlags.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, (0, _errorHandling.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 ((0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)(error.message));
+          if ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)(error.message));
+          }
         }).finally(function () {
           _this.syncBlockSourceInfoRequests.delete(resourceId);
         });
       } catch (error) {
-        var _this$fireAnalyticsEv4;
         (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.getSourceInfoErrorPayload)(error.message));
+        if ((0, _platformFeatureFlags.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, (0, _errorHandling.getSourceInfoErrorPayload)(error.message));
+        }
       }
     }
 
@@ -226,7 +297,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     value: (function () {
       var _fetchSyncBlocksData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(syncBlockNodes) {
         var _this2 = this;
-        var nodesToFetch, data, resolvedData;
+        var nodesToFetch, _this$fetchExperience2, data, resolvedData, successfulFetched, failedFetch, _this$fetchExperience3, _this$fetchExperience4;
         return _regenerator.default.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -236,12 +307,6 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
               }
               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) {
@@ -255,27 +320,45 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                 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 ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
+                  if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
+                  }
                   return;
                 }
                 var existingSyncBlock = _this2.getFromCache(syncBlockInstance.resourceId);
@@ -283,13 +366,39 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                 _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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error));
+                  if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(syncBlockInstance.error));
+                  }
                   return;
                 }
+                successfulFetched.push(syncBlockInstance.resourceId);
                 _this2.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
               });
-            case 14:
+              if ((0, _platformFeatureFlags.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();
           }
@@ -378,11 +487,18 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         callback(cachedData);
       } else {
         this.fetchSyncBlocksData([syncBlockNode]).catch(function (error) {
-          var _this3$fireAnalyticsE;
           (0, _monitoring.logException)(error, {
             location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
           });
-          (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, (0, _errorHandling.fetchErrorPayload)(error.message));
+          if ((0, _platformFeatureFlags.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, (0, _errorHandling.fetchErrorPayload)(error.message));
+          }
         });
       }
       return function () {
@@ -534,6 +650,43 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       }
       return providerFactory;
     }
+  }, {
+    key: "getSSRProviders",
+    value: function getSSRProviders(resourceId) {
+      if (!(0, _platformFeatureFlags.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 = (0, _parseResourceId.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) {
+        (0, _monitoring.logException)(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+        });
+      }
+      return null;
+    }
   }, {
     key: "retrieveDynamicProviders",
     value: function retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
@@ -591,7 +744,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "flush",
     value: (function () {
       var _flush = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -603,12 +756,6 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
             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 = (0, _slicedToArray2.default)(_ref2, 2),
@@ -622,50 +769,73 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                 });
               });
               if (!(blocks.length === 0)) {
-                _context4.next = 11;
+                _context4.next = 9;
                 break;
               }
               this.isCacheDirty = false;
               return _context4.abrupt("return", true);
-            case 11:
+            case 9:
+              if ((0, _platformFeatureFlags.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, (0, _errorHandling.updateReferenceErrorPayload)(updateResult.error || 'Failed to update reference synced blocks on the document'));
+                if ((0, _platformFeatureFlags.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, (0, _errorHandling.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;
               (0, _monitoring.logException)(_context4.t0, {
                 location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
               });
-              (_this$fireAnalyticsEv0 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv0 === void 0 || _this$fireAnalyticsEv0.call(this, (0, _errorHandling.updateReferenceErrorPayload)(_context4.t0.message));
-            case 23:
-              _context4.prev = 23;
+              if ((0, _platformFeatureFlags.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, (0, _errorHandling.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 ((0, _platformFeatureFlags.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);