@atlaskit/editor-synced-block-provider 4.3.1 → 4.3.2

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

@@ -19,17 +19,21 @@ import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
 // Handles caching, debouncing updates, and publish/subscribe for local changes.
 // Ensures consistency between local and remote state, and can be used in both editor and renderer contexts.
 export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
-  function SourceSyncBlockStoreManager(dataProvider) {
+  function SourceSyncBlockStoreManager(dataProvider, viewMode) {
     var _this = this;
     _classCallCheck(this, SourceSyncBlockStoreManager);
     _defineProperty(this, "hasReceivedContentChange", false);
     _defineProperty(this, "setPendingDeletion", function (Ids, value) {
+      if (_this.viewMode === 'view' && fg('platform_synced_block_patch_8')) {
+        return;
+      }
       var syncBlock = _this.syncBlockCache.get(Ids.resourceId);
       if (syncBlock) {
         syncBlock.pendingDeletion = value;
       }
     });
     this.dataProvider = dataProvider;
+    this.viewMode = viewMode;
     this.syncBlockCache = new Map();
     this.creationCompletionCallbacks = new Map();
   }
@@ -67,6 +71,9 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "updateSyncBlockData",
     value: function updateSyncBlockData(syncBlockNode) {
       try {
+        if (this.viewMode === 'view' && fg('platform_synced_block_patch_8')) {
+          return false;
+        }
         if (!this.isSourceBlock(syncBlockNode)) {
           throw new Error('Invalid sync block node type provided for updateSyncBlockData');
         }
@@ -127,6 +134,12 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
+              if (!(this.viewMode === 'view' && fg('platform_synced_block_patch_8'))) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return", false);
+            case 3:
               bodiedSyncBlockNodes = [];
               bodiedSyncBlockData = [];
               Array.from(this.syncBlockCache.values()).forEach(function (syncBlockData) {
@@ -156,21 +169,21 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 }
               });
               if (!(bodiedSyncBlockNodes.length === 0)) {
-                _context.next = 6;
+                _context.next = 8;
                 break;
               }
               return _context.abrupt("return", Promise.resolve(true));
-            case 6:
+            case 8:
               if (this.dataProvider) {
-                _context.next = 8;
+                _context.next = 10;
                 break;
               }
               throw new Error('Data provider not set');
-            case 8:
+            case 10:
               (_this$saveExperience = this.saveExperience) === null || _this$saveExperience === void 0 || _this$saveExperience.start({});
-              _context.next = 11;
+              _context.next = 13;
               return this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
-            case 11:
+            case 13:
               writeResults = _context.sent;
               writeResults.forEach(function (result) {
                 // set isDirty to true for cases where it failed to save the sync block to the BE
@@ -184,7 +197,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               if (!writeResults.every(function (result) {
                 return result.resourceId && !result.error;
               })) {
-                _context.next = 19;
+                _context.next = 21;
                 break;
               }
               (_this$saveExperience2 = this.saveExperience) === null || _this$saveExperience2 === void 0 || _this$saveExperience2.success();
@@ -195,7 +208,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 }
               });
               return _context.abrupt("return", true);
-            case 19:
+            case 21:
               (_this$saveExperience3 = this.saveExperience) === null || _this$saveExperience3 === void 0 || _this$saveExperience3.failure();
               writeResults.filter(function (result) {
                 return !result.resourceId || result.error;
@@ -204,28 +217,28 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, updateErrorPayload(result.error || 'Failed to write data', result.resourceId));
               });
               return _context.abrupt("return", false);
-            case 22:
-              _context.next = 29;
-              break;
             case 24:
-              _context.prev = 24;
+              _context.next = 31;
+              break;
+            case 26:
+              _context.prev = 26;
               _context.t0 = _context["catch"](0);
               logException(_context.t0, {
                 location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
               });
               (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, updateErrorPayload(_context.t0.message));
               return _context.abrupt("return", false);
-            case 29:
-              _context.prev = 29;
+            case 31:
+              _context.prev = 31;
               if (fg('platform_synced_block_patch_7')) {
                 (_this$flushCompletion = this.flushCompletionCallback) === null || _this$flushCompletion === void 0 || _this$flushCompletion.call(this);
               }
-              return _context.finish(29);
-            case 32:
+              return _context.finish(31);
+            case 34:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 24, 29, 32]]);
+        }, _callee, this, [[0, 26, 31, 34]]);
       }));
       function flush() {
         return _flush.apply(this, arguments);
@@ -235,6 +248,9 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "hasUnsavedChanges",
     value: function hasUnsavedChanges() {
+      if (this.viewMode === 'view' && fg('platform_synced_block_patch_8')) {
+        return false;
+      }
       return this.hasReceivedContentChange && Array.from(this.syncBlockCache.values()).some(function (syncBlockData) {
         return syncBlockData.isDirty;
       });
@@ -252,6 +268,9 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "commitPendingCreation",
     value: function commitPendingCreation(success, resourceId) {
+      if (this.viewMode === 'view' && fg('platform_synced_block_patch_8')) {
+        return;
+      }
       var onCompletion = this.creationCompletionCallbacks.get(resourceId);
       if (onCompletion) {
         this.creationCompletionCallbacks.delete(resourceId);
@@ -318,6 +337,9 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "createBodiedSyncBlockNode",
     value: function createBodiedSyncBlockNode(attrs, onCompletion) {
       var _this4 = this;
+      if (this.viewMode === 'view' && fg('platform_synced_block_patch_8')) {
+        return;
+      }
       var resourceId = attrs.resourceId,
         blockInstanceId = attrs.localId;
       try {
@@ -377,21 +399,27 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _context2.prev = 0;
-              if (this.dataProvider) {
+              if (!(this.viewMode === 'view' && fg('platform_synced_block_patch_8'))) {
                 _context2.next = 3;
                 break;
               }
-              throw new Error('Data provider not set');
+              return _context2.abrupt("return", false);
             case 3:
+              if (this.dataProvider) {
+                _context2.next = 5;
+                break;
+              }
+              throw new Error('Data provider not set');
+            case 5:
               syncBlockIds.forEach(function (Ids) {
                 _this5.setPendingDeletion(Ids, true);
               });
               (_this$deleteExperienc = this.deleteExperience) === null || _this$deleteExperienc === void 0 || _this$deleteExperienc.start({});
-              _context2.next = 7;
+              _context2.next = 9;
               return this.dataProvider.deleteNodesData(syncBlockIds.map(function (attrs) {
                 return attrs.resourceId;
               }), reason);
-            case 7:
+            case 9:
               results = _context2.sent;
               isDeleteSuccessful = results.every(function (result) {
                 return result.success;
@@ -425,8 +453,8 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               }
               syncBlockIds.forEach(callback);
               return _context2.abrupt("return", isDeleteSuccessful);
-            case 15:
-              _context2.prev = 15;
+            case 17:
+              _context2.prev = 17;
               _context2.t0 = _context2["catch"](0);
               syncBlockIds.forEach(function (Ids) {
                 var _this5$fireAnalyticsE4;
@@ -438,11 +466,11 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               });
               onDeleteCompleted(false);
               return _context2.abrupt("return", false);
-            case 21:
+            case 23:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[0, 15]]);
+        }, _callee2, this, [[0, 17]]);
       }));
       function _delete(_x, _x2, _x3, _x4) {
         return _delete2.apply(this, arguments);
@@ -462,20 +490,26 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              if (this.deletionRetryInfo) {
+              if (!(this.viewMode === 'view' && fg('platform_synced_block_patch_8'))) {
                 _context3.next = 2;
                 break;
               }
               return _context3.abrupt("return", Promise.resolve());
             case 2:
+              if (this.deletionRetryInfo) {
+                _context3.next = 4;
+                break;
+              }
+              return _context3.abrupt("return", Promise.resolve());
+            case 4:
               _this$deletionRetryIn = this.deletionRetryInfo, syncBlockIds = _this$deletionRetryIn.syncBlockIds, onDelete = _this$deletionRetryIn.onDelete, onDeleteCompleted = _this$deletionRetryIn.onDeleteCompleted, deletionReason = _this$deletionRetryIn.deletionReason;
               if (!this.confirmationCallback) {
-                _context3.next = 6;
+                _context3.next = 8;
                 break;
               }
-              _context3.next = 6;
+              _context3.next = 8;
               return this.delete(syncBlockIds, onDelete, onDeleteCompleted, deletionReason);
-            case 6:
+            case 8:
             case "end":
               return _context3.stop();
           }
@@ -509,21 +543,27 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
+              if (!(this.viewMode === 'view' && fg('platform_synced_block_patch_8'))) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return", Promise.resolve());
+            case 2:
               if (!this.confirmationCallback) {
-                _context4.next = 12;
+                _context4.next = 14;
                 break;
               }
-              _context4.next = 3;
+              _context4.next = 5;
               return this.confirmationCallback(syncBlockIds, deletionReason);
-            case 3:
+            case 5:
               confirmed = _context4.sent;
               if (!confirmed) {
-                _context4.next = 11;
+                _context4.next = 13;
                 break;
               }
-              _context4.next = 7;
+              _context4.next = 9;
               return this.delete(syncBlockIds, onDelete, onDeleteCompleted, deletionReason);
-            case 7:
+            case 9:
               isDeleteSuccessful = _context4.sent;
               if (!isDeleteSuccessful) {
                 // If deletion failed, save deletion info for potential retry
@@ -537,11 +577,11 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               } else {
                 destroyCallback();
               }
-              _context4.next = 12;
+              _context4.next = 14;
               break;
-            case 11:
+            case 13:
               destroyCallback();
-            case 12:
+            case 14:
             case "end":
               return _context4.stop();
           }

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

@@ -21,12 +21,12 @@ import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';
 // SourceSyncBlockStoreManager is responsible for the lifecycle and state management of source sync blocks in an editor instance.
 // Can be used in both editor and renderer contexts.
 export var SyncBlockStoreManager = /*#__PURE__*/function () {
-  function SyncBlockStoreManager(dataProvider) {
+  function SyncBlockStoreManager(dataProvider, viewMode) {
     _classCallCheck(this, SyncBlockStoreManager);
     // In future, if reference manager needs to reach to source manager and read its current in memory cache
     // we can pass the source manager as a parameter to the reference manager constructor
-    this.sourceSyncBlockStoreManager = new SourceSyncBlockStoreManager(dataProvider);
-    this.referenceSyncBlockStoreManager = new ReferenceSyncBlockStoreManager(dataProvider);
+    this.sourceSyncBlockStoreManager = new SourceSyncBlockStoreManager(dataProvider, viewMode);
+    this.referenceSyncBlockStoreManager = new ReferenceSyncBlockStoreManager(dataProvider, viewMode);
     this.dataProvider = dataProvider;
     this.referenceSyncBlockStoreManager.setRealTimeSubscriptionsEnabled(true);
   }
@@ -35,7 +35,7 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
     value: function () {
       var _fetchReferencesSourceInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resourceId, blockInstanceId, isSourceSyncBlock) {
         var _this = this;
-        var _this$fetchReferences, _response$references, _this$fetchReferences9, _response$references2, response, _this$fetchReferences2, _this$fetchReferences4, referenceResourceId, hasUnregisteredReferenceOnPage, _this$fetchReferences3, _sourceSyncBlockData, references, unregisteredReferenceData, _this$fetchReferences6, _references, _sourceSyncBlockData2, currentPageData, _this$fetchReferences5, _this$fetchReferences7, _this$fetchReferences8, sourceInfoPromises, sourceInfos, sourceSyncBlockData, _this$fireAnalyticsEv;
+        var _this$fetchReferences, _response$references, _this$fetchReferences5, _response$references2, response, _this$fetchReferences2, _this$fetchReferences3, _this$fetchReferences4, sourceInfoPromises, sourceInfos, sourceSyncBlockData, _this$fireAnalyticsEv;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -63,114 +63,20 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
               });
             case 10:
               if (!(!response.references || ((_response$references = response.references) === null || _response$references === void 0 ? void 0 : _response$references.length) === 0)) {
-                _context2.next = 48;
+                _context2.next = 17;
                 break;
               }
               if (!fg('platform_synced_block_patch_8')) {
-                _context2.next = 46;
+                _context2.next = 15;
                 break;
               }
-              if (!isSourceSyncBlock) {
-                _context2.next = 29;
-                break;
-              }
-              // Verify that a reference sync block for this specific source actually
-              // exists on the current page by checking if the reference manager has
-              // an active subscription for the derived reference resourceId.
-              referenceResourceId = this.referenceSyncBlockStoreManager.generateResourceIdForReference(resourceId);
-              hasUnregisteredReferenceOnPage = this.referenceSyncBlockStoreManager.getSubscribedResourceIds().includes(referenceResourceId);
-              if (!hasUnregisteredReferenceOnPage) {
-                _context2.next = 27;
-                break;
-              }
-              _context2.next = 18;
-              return this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId);
-            case 18:
-              _sourceSyncBlockData = _context2.sent;
-              references = [];
-              if (_sourceSyncBlockData) {
-                references.push(_objectSpread(_objectSpread({}, _sourceSyncBlockData), {}, {
-                  onSameDocument: Boolean(_sourceSyncBlockData === null || _sourceSyncBlockData === void 0 ? void 0 : _sourceSyncBlockData.onSameDocument),
-                  hasAccess: true,
-                  isSource: true
-                }));
-              }
-              _context2.next = 23;
-              return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(referenceResourceId);
-            case 23:
-              unregisteredReferenceData = _context2.sent;
-              if (unregisteredReferenceData) {
-                references.push(_objectSpread(_objectSpread({}, unregisteredReferenceData), {}, {
-                  onSameDocument: true,
-                  hasAccess: true,
-                  isSource: false
-                }));
-              }
-              (_this$fetchReferences3 = this.fetchReferencesExperience) === null || _this$fetchReferences3 === void 0 || _this$fetchReferences3.success();
-              return _context2.abrupt("return", {
-                references: references
-              });
-            case 27:
-              // No remote or local reference exists — show info text with link to doco on how to use Synced Blocks
-              (_this$fetchReferences4 = this.fetchReferencesExperience) === null || _this$fetchReferences4 === void 0 || _this$fetchReferences4.success();
-              return _context2.abrupt("return", {
-                references: []
-              });
-            case 29:
-              if (isSourceSyncBlock) {
-                _context2.next = 44;
-                break;
-              }
-              // Though no references registered yet for this reference sync block,
-              // still show the source and the current page itself since they are known
-              // but not saved yet.
-              _references = [];
-              _context2.next = 33;
-              return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
-            case 33:
-              _sourceSyncBlockData2 = _context2.sent;
-              if (_sourceSyncBlockData2) {
-                _references.push(_objectSpread(_objectSpread({}, _sourceSyncBlockData2), {}, {
-                  onSameDocument: Boolean(_sourceSyncBlockData2 === null || _sourceSyncBlockData2 === void 0 ? void 0 : _sourceSyncBlockData2.onSameDocument),
-                  hasAccess: true,
-                  isSource: true
-                }));
-              }
-              _context2.next = 37;
-              return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfoByLocalId(blockInstanceId);
-            case 37:
-              currentPageData = _context2.sent;
-              if (currentPageData) {
-                _references.push(_objectSpread(_objectSpread({}, currentPageData), {}, {
-                  onSameDocument: true,
-                  hasAccess: true,
-                  isSource: false
-                }));
-              }
-              if (!(_references.length === 0)) {
-                _context2.next = 42;
-                break;
-              }
-              (_this$fetchReferences5 = this.fetchReferencesExperience) === null || _this$fetchReferences5 === void 0 || _this$fetchReferences5.failure({
-                reason: 'No references found for reference synced block'
-              });
-              return _context2.abrupt("return", {
-                error: SyncBlockError.Errored
-              });
-            case 42:
-              (_this$fetchReferences6 = this.fetchReferencesExperience) === null || _this$fetchReferences6 === void 0 || _this$fetchReferences6.success();
-              return _context2.abrupt("return", {
-                references: _references
-              });
-            case 44:
-              _context2.next = 48;
-              break;
-            case 46:
+              return _context2.abrupt("return", this.getUnregisteredReferences(resourceId, blockInstanceId, isSourceSyncBlock));
+            case 15:
               // No reference found
               if (isSourceSyncBlock) {
-                (_this$fetchReferences7 = this.fetchReferencesExperience) === null || _this$fetchReferences7 === void 0 || _this$fetchReferences7.success();
+                (_this$fetchReferences3 = this.fetchReferencesExperience) === null || _this$fetchReferences3 === void 0 || _this$fetchReferences3.success();
               } else {
-                (_this$fetchReferences8 = this.fetchReferencesExperience) === null || _this$fetchReferences8 === void 0 || _this$fetchReferences8.failure({
+                (_this$fetchReferences4 = this.fetchReferencesExperience) === null || _this$fetchReferences4 === void 0 || _this$fetchReferences4.failure({
                   reason: 'No references found for reference synced block'
                 });
               }
@@ -179,8 +85,8 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
               } : {
                 error: SyncBlockError.Errored
               });
-            case 48:
-              (_this$fetchReferences9 = this.fetchReferencesExperience) === null || _this$fetchReferences9 === void 0 || _this$fetchReferences9.success();
+            case 17:
+              (_this$fetchReferences5 = this.fetchReferencesExperience) === null || _this$fetchReferences5 === void 0 || _this$fetchReferences5.success();
               sourceInfoPromises = ((_response$references2 = response.references) !== null && _response$references2 !== void 0 ? _response$references2 : []).map( /*#__PURE__*/function () {
                 var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(reference) {
                   var _this$fetchSourceInfo, _this$dataProvider, _this$fetchSourceInfo3;
@@ -218,13 +124,13 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
                   return _ref.apply(this, arguments);
                 };
               }());
-              _context2.next = 52;
+              _context2.next = 21;
               return Promise.all(sourceInfoPromises);
-            case 52:
+            case 21:
               sourceInfos = _context2.sent;
-              _context2.next = 55;
+              _context2.next = 24;
               return isSourceSyncBlock ? this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId) : this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
-            case 55:
+            case 24:
               sourceSyncBlockData = _context2.sent;
               if (sourceSyncBlockData) {
                 sourceInfos.push(_objectSpread(_objectSpread({}, sourceSyncBlockData), {}, {
@@ -237,8 +143,8 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
               return _context2.abrupt("return", {
                 references: sourceInfos
               });
-            case 60:
-              _context2.prev = 60;
+            case 29:
+              _context2.prev = 29;
               _context2.t0 = _context2["catch"](0);
               logException(_context2.t0, {
                 location: 'editor-synced-block-provider/syncBlockStoreManager'
@@ -247,11 +153,11 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
               return _context2.abrupt("return", {
                 error: SyncBlockError.Errored
               });
-            case 65:
+            case 34:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[0, 60]]);
+        }, _callee2, this, [[0, 29]]);
       }));
       function fetchReferencesSourceInfo(_x, _x2, _x3) {
         return _fetchReferencesSourceInfo.apply(this, arguments);
@@ -280,16 +186,119 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$fetchReferences0, _this$fetchSourceInfo4;
+      var _this$fetchReferences6, _this$fetchSourceInfo4;
       this.referenceSyncBlockStoreManager.destroy();
       this.sourceSyncBlockStoreManager.destroy();
-      (_this$fetchReferences0 = this.fetchReferencesExperience) === null || _this$fetchReferences0 === void 0 || _this$fetchReferences0.abort({
+      (_this$fetchReferences6 = this.fetchReferencesExperience) === null || _this$fetchReferences6 === void 0 || _this$fetchReferences6.abort({
         reason: 'editorDestroyed'
       });
       (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.abort({
         reason: 'editorDestroyed'
       });
     }
+  }, {
+    key: "getUnregisteredReferences",
+    value: function () {
+      var _getUnregisteredReferences = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(resourceId, blockInstanceId, isSourceSyncBlock) {
+        var _this$fetchReferences0;
+        var _this$fetchReferences8, referenceResourceId, hasUnregisteredReferenceOnPage, _this$fetchReferences7, _sourceSyncBlockData, _references, sourceSyncBlockReference, referenceSyncBlockReference, references, sourceSyncBlockData, currentPageData, _this$fetchReferences9;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!isSourceSyncBlock) {
+                _context3.next = 13;
+                break;
+              }
+              // Verify that a reference sync block for this specific source actually
+              // exists on the current page by checking if the reference manager has
+              // an active subscription for the derived reference resourceId.
+              referenceResourceId = this.referenceSyncBlockStoreManager.generateResourceIdForReference(resourceId);
+              hasUnregisteredReferenceOnPage = this.referenceSyncBlockStoreManager.getSubscribedResourceIds().includes(referenceResourceId);
+              if (!hasUnregisteredReferenceOnPage) {
+                _context3.next = 11;
+                break;
+              }
+              _context3.next = 6;
+              return this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId);
+            case 6:
+              _sourceSyncBlockData = _context3.sent;
+              _references = [];
+              if (_sourceSyncBlockData) {
+                sourceSyncBlockReference = _objectSpread(_objectSpread({}, _sourceSyncBlockData), {}, {
+                  onSameDocument: true,
+                  hasAccess: true,
+                  isSource: true
+                });
+                referenceSyncBlockReference = _objectSpread(_objectSpread({}, _sourceSyncBlockData), {}, {
+                  onSameDocument: true,
+                  hasAccess: true,
+                  isSource: false
+                });
+                _references.push(sourceSyncBlockReference, referenceSyncBlockReference);
+              }
+              (_this$fetchReferences7 = this.fetchReferencesExperience) === null || _this$fetchReferences7 === void 0 || _this$fetchReferences7.success();
+              return _context3.abrupt("return", {
+                references: _references
+              });
+            case 11:
+              // No remote or local reference exists — show info text with link to doco on how to use Synced Blocks
+              (_this$fetchReferences8 = this.fetchReferencesExperience) === null || _this$fetchReferences8 === void 0 || _this$fetchReferences8.success();
+              return _context3.abrupt("return", {
+                references: []
+              });
+            case 13:
+              // Though no references registered yet for this reference sync block,
+              // still show the source and the current page itself since they are known
+              // but not saved yet.
+              references = [];
+              _context3.next = 16;
+              return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
+            case 16:
+              sourceSyncBlockData = _context3.sent;
+              if (sourceSyncBlockData) {
+                references.push(_objectSpread(_objectSpread({}, sourceSyncBlockData), {}, {
+                  onSameDocument: Boolean(sourceSyncBlockData === null || sourceSyncBlockData === void 0 ? void 0 : sourceSyncBlockData.onSameDocument),
+                  hasAccess: true,
+                  isSource: true
+                }));
+              }
+              _context3.next = 20;
+              return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfoByLocalId(blockInstanceId);
+            case 20:
+              currentPageData = _context3.sent;
+              if (currentPageData) {
+                references.push(_objectSpread(_objectSpread({}, currentPageData), {}, {
+                  onSameDocument: true,
+                  hasAccess: true,
+                  isSource: false
+                }));
+              }
+              if (!(references.length === 0)) {
+                _context3.next = 25;
+                break;
+              }
+              (_this$fetchReferences9 = this.fetchReferencesExperience) === null || _this$fetchReferences9 === void 0 || _this$fetchReferences9.failure({
+                reason: 'No references found for reference synced block'
+              });
+              return _context3.abrupt("return", {
+                error: SyncBlockError.Errored
+              });
+            case 25:
+              (_this$fetchReferences0 = this.fetchReferencesExperience) === null || _this$fetchReferences0 === void 0 || _this$fetchReferences0.success();
+              return _context3.abrupt("return", {
+                references: references
+              });
+            case 27:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function getUnregisteredReferences(_x5, _x6, _x7) {
+        return _getUnregisteredReferences.apply(this, arguments);
+      }
+      return getUnregisteredReferences;
+    }()
   }]);
 }();
 var createSyncBlockStoreManager = function createSyncBlockStoreManager(dataProvider) {

package/dist/types/store-manager/referenceSyncBlockStoreManager.d.ts

@@ -1,10 +1,12 @@
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
 import type { Experience } from '@atlaskit/editor-common/experiences';
 import type { ProviderFactory, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { ViewMode } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { BlockInstanceId, ResourceId, SyncBlockNode, SyncBlockPrefetchData } from '../common/types';
 import type { SyncBlockInstance, SubscriptionCallback, SyncBlockDataProviderInterface, TitleSubscriptionCallback, SyncBlockSourceInfo } from '../providers/types';
 export declare class ReferenceSyncBlockStoreManager {
+    private viewMode?;
     private dataProvider?;
     private isCacheDirty;
     private fireAnalyticsEvent?;
@@ -22,7 +24,7 @@ export declare class ReferenceSyncBlockStoreManager {
     private _subscriptionManager;
     private _providerFactoryManager;
     private _batchFetcher;
-    constructor(dataProvider?: SyncBlockDataProviderInterface);
+    constructor(dataProvider?: SyncBlockDataProviderInterface, viewMode?: ViewMode);
     /**
      * Enables or disables real-time GraphQL subscriptions for block updates.
      * When enabled, the store manager will subscribe to real-time updates

package/dist/types/store-manager/sourceSyncBlockStoreManager.d.ts

@@ -1,4 +1,5 @@
 import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
+import type { ViewMode } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { ResourceId, SyncBlockAttrs, BlockInstanceId, DeletionReason, ReferenceSyncBlockData } from '../common/types';
 import type { SyncBlockDataProviderInterface, SyncBlockSourceInfo } from '../providers/types';
@@ -7,6 +8,7 @@ type OnDelete = () => void;
 type OnCompletion = (success: boolean) => void;
 type DestroyCallback = () => void;
 export declare class SourceSyncBlockStoreManager {
+    private viewMode?;
     private dataProvider?;
     private fireAnalyticsEvent?;
     private syncBlockCache;
@@ -19,7 +21,7 @@ export declare class SourceSyncBlockStoreManager {
     private saveExperience;
     private deleteExperience;
     private fetchSourceInfoExperience;
-    constructor(dataProvider?: SyncBlockDataProviderInterface);
+    constructor(dataProvider?: SyncBlockDataProviderInterface, viewMode?: ViewMode);
     /**
      * Register a callback to be invoked after flush() completes.
      * Used by the pm-plugin to dispatch a transaction so that