@atlaskit/editor-synced-block-provider 2.10.1 → 2.10.3

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

@@ -20,6 +20,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 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; }
+// A store manager responsible for the lifecycle and state management of reference sync blocks in an editor instance.
+// Designed to manage local in-memory state and synchronize with an external data provider.
+// Supports fetch, cache, and subscription for sync block data.
+// Handles fetching source URL and title for sync blocks.
+// Can be used in both editor and renderer contexts.
 var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   function ReferenceSyncBlockStoreManager(dataProvider) {
     (0, _classCallCheck2.default)(this, ReferenceSyncBlockStoreManager);
@@ -123,6 +128,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         return;
       }
 
+      // TODO: EDITOR-3312 - retrieve the source info based on the source sync block product
+
       // if the sync block is a reference block, we need to fetch the URL to the source
       // we could optimise this further by checking if the sync block is on the same page as the source
       if (!this.syncBlockURLRequests.get(resourceId)) {
@@ -144,21 +151,33 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         });
       }
     }
+
+    /**
+     * Fetch sync block data for a given array of sync block nodes.
+     * @param syncBlockNodes - The array of sync block nodes to fetch data for
+     * @returns The fetched sync block data results
+     */
   }, {
     key: "fetchSyncBlocksData",
-    value: function () {
+    value: (function () {
       var _fetchSyncBlocksData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(syncBlockNodes) {
         var _this2 = this;
         var nodesToFetch, blocksWithNotFoundError, data, resolvedData;
         return _regenerator.default.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              if (this.dataProvider) {
+              if (!(syncBlockNodes.length === 0)) {
                 _context3.next = 2;
                 break;
               }
-              throw new Error('Data provider not set');
+              return _context3.abrupt("return", Promise.resolve([]));
             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 = [], blocksWithNotFoundError = [];
               syncBlockNodes.forEach(function (node) {
@@ -169,16 +188,16 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                   nodesToFetch.push(node);
                 }
               });
-              _context3.next = 6;
+              _context3.next = 8;
               return this.dataProvider.fetchNodesData(nodesToFetch);
-            case 6:
+            case 8:
               data = _context3.sent;
               if (data) {
-                _context3.next = 9;
+                _context3.next = 11;
                 break;
               }
               throw new Error('Failed to fetch sync block node data');
-            case 9:
+            case 11:
               resolvedData = [];
               data.forEach(function (syncBlockInstance) {
                 var _resolvedSyncBlockIns, _resolvedSyncBlockIns2;
@@ -201,7 +220,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                 }
               });
               return _context3.abrupt("return", [].concat(resolvedData, blocksWithNotFoundError));
-            case 12:
+            case 14:
             case "end":
               return _context3.stop();
           }
@@ -211,7 +230,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         return _fetchSyncBlocksData.apply(this, arguments);
       }
       return fetchSyncBlocksData;
-    }()
+    }())
   }, {
     key: "updateCache",
     value: function updateCache(syncBlock) {
@@ -348,28 +367,76 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         return undefined;
       }
       var _this$dataProvider$ge = this.dataProvider.getSyncedBlockRendererProviderOptions(),
-        parentDataProviders = _this$dataProvider$ge.parentDataProviders;
-      if (!this.providerFactories.has(resourceId)) {
-        // TODO: EDITOR-2771 - In follow up PR, create media & emoji providers per ref sync block
-        // The media & emoji providers will be set later, once we get ref sync block data with page ID
-        // So we need to keep the reference to the Provider Factory so we can then set media & emoji providers later
-        this.providerFactories.set(resourceId, _providerFactory.ProviderFactory.create({
-          emojiProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.emojiProvider,
-          mediaProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.mediaProvider,
+        parentDataProviders = _this$dataProvider$ge.parentDataProviders,
+        providerCreator = _this$dataProvider$ge.providerCreator;
+      var providerFactory = this.providerFactories.get(resourceId);
+      if (!providerFactory) {
+        providerFactory = _providerFactory.ProviderFactory.create({
           mentionProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.mentionProvider,
           profilecardProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.profilecardProvider,
           taskDecisionProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.taskDecisionProvider
-        }));
+        });
+        this.providerFactories.set(resourceId, providerFactory);
+      }
+      if (providerCreator) {
+        this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
+      }
+      return providerFactory;
+    }
+  }, {
+    key: "retrieveDynamicProviders",
+    value: function retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
+      if (!this.dataProvider) {
+        return;
+      }
+      var hasMediaProvider = providerFactory.hasProvider('mediaProvider');
+      var hasEmojiProvider = providerFactory.hasProvider('emojiProvider');
+      if (hasMediaProvider && hasEmojiProvider) {
+        return;
+      }
+      var parentInfo = this.dataProvider.retrieveSyncBlockParentInfo(this.syncBlockCache.get(resourceId));
+      if (!parentInfo) {
+        return;
+      }
+      var contentId = parentInfo.contentId,
+        contentProduct = parentInfo.contentProduct;
+      if (!hasMediaProvider) {
+        if (providerCreator.createMediaProvider && contentId && contentProduct) {
+          var mediaProvider = providerCreator.createMediaProvider({
+            contentProduct: contentProduct,
+            contentId: contentId
+          });
+          if (mediaProvider) {
+            providerFactory.setProvider('mediaProvider', mediaProvider);
+          }
+        }
+      }
+      if (!hasEmojiProvider) {
+        if (providerCreator.createEmojiProvider && contentId && contentProduct) {
+          var emojiProvider = providerCreator.createEmojiProvider({
+            contentProduct: contentProduct,
+            contentId: contentId
+          });
+          if (emojiProvider) {
+            providerFactory.setProvider('emojiProvider', emojiProvider);
+          }
+        }
       }
-      return this.providerFactories.get(resourceId);
     }
   }, {
     key: "destroy",
     value: function destroy() {
+      this.dataProvider = undefined;
       this.syncBlockCache.clear();
       this.subscriptions.clear();
+      this.titleSubscriptions.clear();
       this.syncBlockURLRequests.clear();
       this.providerFactories.clear();
+      this.isRefreshingSubscriptions = false;
+      this.providerFactories.forEach(function (providerFactory) {
+        providerFactory.destroy();
+      });
+      this.providerFactories.clear();
     }
   }]);
 }();

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

@@ -14,6 +14,11 @@ var _uuid = _interopRequireDefault(require("uuid"));
 var _rebaseTransaction2 = require("../common/rebase-transaction");
 var _utils = require("../utils/utils");
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+// A store manager responsible for the lifecycle and state management of source sync blocks in an editor instance.
+// Designed to manage local in-memory state and synchronize with an external data provider.
+// Supports create, flush, and delete operations for source sync blocks.
+// 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.
 var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   function SourceSyncBlockStoreManager(dataProvider) {
     var _this = this;
@@ -27,14 +32,22 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
     this.dataProvider = dataProvider;
     this.syncBlockCache = new Map();
   }
-
-  /**
-   * Add/update a sync block node to/from the local cache
-   * @param syncBlockNode - The sync block node to update
-   */
   return (0, _createClass2.default)(SourceSyncBlockStoreManager, [{
+    key: "isSourceBlock",
+    value: function isSourceBlock(node) {
+      return node.type.name === 'bodiedSyncBlock';
+    }
+
+    /**
+     * Add/update a sync block node to/from the local cache
+     * @param syncBlockNode - The sync block node to update
+     */
+  }, {
     key: "updateSyncBlockData",
     value: function updateSyncBlockData(syncBlockNode) {
+      if (!this.isSourceBlock(syncBlockNode)) {
+        throw new Error('Invalid sync block node type provided for updateSyncBlockData');
+      }
       var _syncBlockNode$attrs = syncBlockNode.attrs,
         localId = _syncBlockNode$attrs.localId,
         resourceId = _syncBlockNode$attrs.resourceId;
@@ -52,9 +65,9 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
      * @returns true if saving all nodes successfully, false if fail to save some/all nodes
      */
   }, {
-    key: "flushBodiedSyncBlocks",
+    key: "flush",
     value: (function () {
-      var _flushBodiedSyncBlocks = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _flush = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var bodiedSyncBlockNodes, bodiedSyncBlockData, writeResults;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -104,10 +117,10 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
           }
         }, _callee, this, [[0, 14]]);
       }));
-      function flushBodiedSyncBlocks() {
-        return _flushBodiedSyncBlocks.apply(this, arguments);
+      function flush() {
+        return _flush.apply(this, arguments);
       }
-      return flushBodiedSyncBlocks;
+      return flush;
     }())
   }, {
     key: "setEditorView",
@@ -119,6 +132,10 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
     value: function registerPendingCreation(resourceId) {
       this.pendingResourceId = resourceId;
     }
+
+    /**
+     * Register callback function (which inserts node, handles focus etc) to be used later when creation to backend succeed
+     */
   }, {
     key: "registerCreationCallback",
     value: function registerCreationCallback(callback) {
@@ -138,6 +155,11 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
       this.pendingResourceId = undefined;
       this.creationCallback = undefined;
     }
+
+    /**
+     *
+     * @returns true if waiting for the result of saving new bodiedSyncBlock to backend
+     */
   }, {
     key: "hasPendingCreation",
     value: function hasPendingCreation() {
@@ -157,6 +179,10 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
     value: function requireConfirmationBeforeDelete() {
       return !!this.confirmationCallback;
     }
+
+    /**
+     * @returns attributes for a new bodiedSyncBlock node
+     */
   }, {
     key: "generateBodiedSyncBlockAttrs",
     value: function generateBodiedSyncBlockAttrs() {
@@ -173,6 +199,11 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
         localId: localId
       };
     }
+
+    /**
+     * Create a bodiedSyncBlock node with empty content to backend
+     * @param attrs attributes Ids of the node
+     */
   }, {
     key: "createBodiedSyncBlockNode",
     value: function createBodiedSyncBlockNode(attrs) {
@@ -291,5 +322,16 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
       }
       this.confirmationTransaction = (0, _rebaseTransaction2.rebaseTransaction)(this.confirmationTransaction, incomingTr, state);
     }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.syncBlockCache.clear();
+      this.confirmationCallback = undefined;
+      this.confirmationTransaction = undefined;
+      this.pendingResourceId = undefined;
+      this.creationCallback = undefined;
+      this.dataProvider = undefined;
+      this.editorView = undefined;
+    }
   }]);
 }();

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

@@ -7,179 +7,36 @@ Object.defineProperty(exports, "__esModule", {
 exports.SyncBlockStoreManager = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _utils = require("../utils/utils");
 var _referenceSyncBlockStoreManager = require("./referenceSyncBlockStoreManager");
 var _sourceSyncBlockStoreManager = require("./sourceSyncBlockStoreManager");
-// A store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
-// Supports create, read, update, and delete operations for sync blocks.
-// Designed to manage local in-memory state and synchronize with an external data provider.
-// 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.
+// A parent store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
+// Contains two child store managers: ReferenceSyncBlockStoreManager and SourceSyncBlockStoreManager.
+// ReferenceSyncBlockStoreManager is responsible for the lifecycle and state management of reference sync blocks in an editor instance.
+// 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.
 var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/function () {
   function SyncBlockStoreManager(dataProvider) {
     (0, _classCallCheck2.default)(this, SyncBlockStoreManager);
-    this.referenceSyncBlockStoreManager = new _referenceSyncBlockStoreManager.ReferenceSyncBlockStoreManager(dataProvider);
+    // In future, if reference manager needs to reach to source manager and read it's current in memorey cache
+    // we can pass the source manager as a parameter to the reference manager constructor
     this.sourceSyncBlockStoreManager = new _sourceSyncBlockStoreManager.SourceSyncBlockStoreManager(dataProvider);
+    this.referenceSyncBlockStoreManager = new _referenceSyncBlockStoreManager.ReferenceSyncBlockStoreManager(dataProvider);
   }
-
-  /**
-   * Fetch sync block data for a given array of sync block nodes.
-   * @param nodes - The array of sync block nodes to fetch data for
-   * @returns The fetched sync block data results
-   */
   return (0, _createClass2.default)(SyncBlockStoreManager, [{
-    key: "fetchSyncBlocksData",
-    value: function fetchSyncBlocksData(nodes) {
-      var syncBlockNodes = nodes.map(function (node) {
-        return (0, _utils.convertPMNodeToSyncBlockNode)(node);
-      }).filter(function (node) {
-        return node !== undefined;
-      }) || [];
-      if (syncBlockNodes.length === 0) {
-        return Promise.resolve([]);
-      }
-      return this.referenceSyncBlockStoreManager.fetchSyncBlocksData(syncBlockNodes);
-    }
-  }, {
-    key: "getReferenceSyncBlockStoreManager",
-    value: function getReferenceSyncBlockStoreManager() {
+    key: "referenceManager",
+    get: function get() {
       return this.referenceSyncBlockStoreManager;
     }
-
-    /**
-     * Add/update a sync block node to/from the local cache
-     * @param syncBlockNode - The sync block node to update
-     */
-  }, {
-    key: "updateSyncBlockData",
-    value: function updateSyncBlockData(syncBlockNode) {
-      if (this.isSourceBlock(syncBlockNode)) {
-        return this.sourceSyncBlockStoreManager.updateSyncBlockData(syncBlockNode);
-      } else {
-        throw new Error('Invalid sync block node type provided for updateSyncBlockData');
-      }
-    }
-
-    /**
-     * Save content of bodiedSyncBlock nodes in local cache to backend
-     *
-     * @returns true if saving all nodes successfully, false if fail to save some/all nodes
-     */
-  }, {
-    key: "flushBodiedSyncBlocks",
-    value: function flushBodiedSyncBlocks() {
-      // only applicable to source sync block, for now (will be refactored further)
-      return this.sourceSyncBlockStoreManager.flushBodiedSyncBlocks();
-    }
-
-    /**
-     * Get the URL for a sync block.
-     * @param resourceId - The resource ID of the sync block to get the URL for
-     * @returns
-     */
-  }, {
-    key: "getSyncBlockURL",
-    value: function getSyncBlockURL(resourceId) {
-      // only applicable to reference sync block, for now (will be refactored further)
-      return this.referenceSyncBlockStoreManager.getSyncBlockURL(resourceId);
-    }
-  }, {
-    key: "setEditorView",
-    value: function setEditorView(editorView) {
-      this.sourceSyncBlockStoreManager.setEditorView(editorView);
-    }
-  }, {
-    key: "isSourceBlock",
-    value: function isSourceBlock(node) {
-      return node.type.name === 'bodiedSyncBlock';
-    }
-  }, {
-    key: "registerConfirmationCallback",
-    value: function registerConfirmationCallback(callback) {
-      // only applicable to source sync block, for now (will be refactored further)
-      return this.sourceSyncBlockStoreManager.registerConfirmationCallback(callback);
-    }
-  }, {
-    key: "requireConfirmationBeforeDelete",
-    value: function requireConfirmationBeforeDelete() {
-      // only applicable to source sync block, for now (will be refactored further)
-      return this.sourceSyncBlockStoreManager.requireConfirmationBeforeDelete();
-    }
-
-    /**
-     * Register callback function (which inserts node, handles focus etc) to be used later when creation to backend succeed
-     */
-  }, {
-    key: "registerCreationCallback",
-    value: function registerCreationCallback(callback) {
-      this.sourceSyncBlockStoreManager.registerCreationCallback(callback);
-    }
-
-    /**
-     *
-     * @returns true if waiting for the result of saving new bodiedSyncBlock to backend
-     */
-  }, {
-    key: "hasPendingCreation",
-    value: function hasPendingCreation() {
-      return this.sourceSyncBlockStoreManager.hasPendingCreation();
-    }
-
-    /**
-     * @returns attributes for a new bodiedSyncBlock node
-     */
-  }, {
-    key: "generateBodiedSyncBlockAttrs",
-    value: function generateBodiedSyncBlockAttrs() {
-      return this.sourceSyncBlockStoreManager.generateBodiedSyncBlockAttrs();
-    }
-
-    /**
-     * Save bodiedSyncBlock with empty content to backend
-     * @param attrs attributes Ids of the node
-     */
-  }, {
-    key: "createBodiedSyncBlockNode",
-    value: function createBodiedSyncBlockNode(attrs) {
-      // only applicable to source sync block, for now (will be refactored further)
-      return this.sourceSyncBlockStoreManager.createBodiedSyncBlockNode(attrs);
-    }
-  }, {
-    key: "subscribeToSyncBlockData",
-    value: function subscribeToSyncBlockData(node, callback) {
-      return this.referenceSyncBlockStoreManager.subscribe(node, callback);
-    }
-  }, {
-    key: "subscribeToSyncBlockSourceTitle",
-    value: function subscribeToSyncBlockSourceTitle(node, callback) {
-      return this.referenceSyncBlockStoreManager.subscribeToSourceTitle(node, callback);
-    }
-  }, {
-    key: "refreshSubscriptions",
-    value: function refreshSubscriptions() {
-      this.referenceSyncBlockStoreManager.refreshSubscriptions();
-    }
-  }, {
-    key: "deleteSyncBlocksWithConfirmation",
-    value: function deleteSyncBlocksWithConfirmation(tr, syncBlockIds) {
-      // only applicable to source sync block, for now (will be refactored further)
-      return this.sourceSyncBlockStoreManager.deleteSyncBlocksWithConfirmation(tr, syncBlockIds);
-    }
-  }, {
-    key: "rebaseTransaction",
-    value: function rebaseTransaction(incomingTr, state) {
-      // only applicable to source sync block, for now (will be refactored further)
-      this.sourceSyncBlockStoreManager.rebaseTransaction(incomingTr, state);
-    }
   }, {
-    key: "getReferenceSyncBlockProviderFactory",
-    value: function getReferenceSyncBlockProviderFactory(resourceId) {
-      return this.referenceSyncBlockStoreManager.getProviderFactory(resourceId);
+    key: "sourceManager",
+    get: function get() {
+      return this.sourceSyncBlockStoreManager;
     }
   }, {
     key: "destroy",
     value: function destroy() {
       this.referenceSyncBlockStoreManager.destroy();
+      this.sourceSyncBlockStoreManager.destroy();
     }
   }]);
 }();

package/dist/cjs/utils/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isBlogPageType = exports.createSyncBlockNode = exports.createBodiedSyncBlockNode = exports.convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockJSONNodeToSyncBlockNode = exports.convertPMNodeToSyncBlockNode = void 0;
+exports.createSyncBlockNode = exports.createBodiedSyncBlockNode = exports.convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockJSONNodeToSyncBlockNode = exports.convertPMNodesToSyncBlockNodes = exports.convertPMNodeToSyncBlockNode = void 0;
 var convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockPMNodeToSyncBlockData = function convertSyncBlockPMNodeToSyncBlockData(node) {
   return {
     blockInstanceId: node.attrs.localId,
@@ -11,9 +11,6 @@ var convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockPMNodeToSync
     resourceId: node.attrs.resourceId
   };
 };
-var isBlogPageType = exports.isBlogPageType = function isBlogPageType(pageType) {
-  return pageType === 'blogpost';
-};
 var createSyncBlockNode = exports.createSyncBlockNode = function createSyncBlockNode(localId, resourceId) {
   return {
     type: 'syncBlock',
@@ -44,4 +41,11 @@ var convertPMNodeToSyncBlockNode = exports.convertPMNodeToSyncBlockNode = functi
     return undefined;
   }
   return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
+};
+var convertPMNodesToSyncBlockNodes = exports.convertPMNodesToSyncBlockNodes = function convertPMNodesToSyncBlockNodes(nodes) {
+  return nodes.map(function (node) {
+    return convertPMNodeToSyncBlockNode(node);
+  }).filter(function (node) {
+    return node !== undefined;
+  }) || [];
 };

package/dist/es2019/{providers → clients}/block-service/ari.js

@@ -19,7 +19,7 @@ export const blockResourceIdFromSourceAndLocalId = (sourceId, localId) => {
  * @param ari - the block ARI. E.G ari:cloud:blocks:cloudId:synced-block/localId
  * @returns the localId of the block node. A randomly generated UUID
  */
-export const getLocalIdFromResourceId = ari => {
+export const getLocalIdFromBlockResourceId = ari => {
   const match = ari.match(/ari:cloud:blocks:[^:]+:synced-block\/([a-zA-Z0-9-]+)/);
   if (match !== null && match !== void 0 && match[1]) {
     return match[1];

package/dist/es2019/{utils → clients/confluence}/ari.js

@@ -2,8 +2,8 @@
 
 export const getConfluencePageAri = (pageId, cloudId, pageType = 'page') => `ari:cloud:confluence:${cloudId}:${pageType}/${pageId}`;
 
-// For extracting from Page ARI and also the content property's version of resourceId 
-export const getPageIdAndTypeFromAri = ari => {
+// For extracting from Page ARI and also the content property's version of resourceId
+export const getPageIdAndTypeFromConfluencePageAri = ari => {
   const match = ari.match(/ari:cloud:confluence:[^:]+:(page|blogpost)\/(\d+)/);
   if (match !== null && match !== void 0 && match[2]) {
     return {
@@ -13,20 +13,20 @@ export const getPageIdAndTypeFromAri = ari => {
   }
   throw new Error(`Invalid page ARI: ${ari}`);
 };
-export const getLocalIdFromAri = ari => {
+export const getLocalIdFromConfluencePageAri = ari => {
   const match = ari.match(/ari:cloud:confluence:[^:]+:(page|blogpost)\/\d+\/([a-zA-Z0-9-]+)/);
   if (match !== null && match !== void 0 && match[2]) {
     return match[2];
   }
   throw new Error(`Invalid page ARI: ${ari}`);
 };
-export const getPageARIFromResourceId = resourceId => {
+export const getPageARIFromContentPropertyResourceId = resourceId => {
   const match = resourceId.match(/(ari:cloud:confluence:[^:]+:(page|blogpost)\/\d+)\/([a-zA-Z0-9-]+)$/);
   if (match !== null && match !== void 0 && match[1]) {
     return match[1];
   }
   throw new Error(`Invalid resourceId: ${resourceId}`);
 };
-export const resourceIdFromSourceAndLocalId = (sourceId, localId) => {
+export const resourceIdFromConfluencePageSourceIdAndLocalId = (sourceId, localId) => {
   return sourceId + '/' + localId;
 };

package/dist/es2019/{utils → clients/confluence}/sourceInfo.js

@@ -1,6 +1,6 @@
 /* eslint-disable require-unicode-regexp  */
 
-import { getPageIdAndTypeFromAri } from './ari';
+import { getPageIdAndTypeFromConfluencePageAri } from './ari';
 import { isBlogPageType } from './utils';
 const COMMON_HEADERS = {
   'Content-Type': 'application/json',
@@ -31,7 +31,7 @@ const GET_SOURCE_INFO_QUERY = `query ${GET_SOURCE_INFO_OPERATION_NAME} ($id: ID!
 		}
 	}
 }`;
-const getSourceInfo = async ari => {
+const getConfluenceSourceInfo = async ari => {
   const bodyData = {
     query: GET_SOURCE_INFO_QUERY,
     operationName: GET_SOURCE_INFO_OPERATION_NAME,
@@ -52,13 +52,13 @@ const getSourceInfo = async ari => {
   }
   return await response.json();
 };
-export const fetchSourceInfo = async (pageAri, localId) => {
+export const fetchConfluenceSourceInfo = async (pageAri, localId) => {
   try {
     var _response$data, _response$data$conten, _response$data$conten2, _contentData$space;
     const {
       type: pageType
-    } = getPageIdAndTypeFromAri(pageAri);
-    const response = await getSourceInfo(pageAri);
+    } = getPageIdAndTypeFromConfluencePageAri(pageAri);
+    const response = await getConfluenceSourceInfo(pageAri);
     const contentData = (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$conten = _response$data.content) === null || _response$data$conten === void 0 ? void 0 : (_response$data$conten2 = _response$data$conten.nodes) === null || _response$data$conten2 === void 0 ? void 0 : _response$data$conten2[0];
     if (!contentData) {
       throw new Error(`Failed to get content data`);

package/dist/es2019/clients/confluence/utils.js

@@ -0,0 +1,3 @@
+export const isBlogPageType = pageType => {
+  return pageType === 'blogpost';
+};

package/dist/es2019/hooks/useFetchSyncBlockData.js

@@ -4,7 +4,6 @@ import { createSyncBlockNode } from '../utils/utils';
 export const useFetchSyncBlockData = (manager, resourceId, localId) => {
   const [syncBlockInstance, setSyncBlockInstance] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const referenceSyncBlockStoreManager = manager.getReferenceSyncBlockStoreManager();
   const reloadData = useCallback(async () => {
     if (isLoading) {
       return;
@@ -16,7 +15,7 @@ export const useFetchSyncBlockData = (manager, resourceId, localId) => {
     setIsLoading(true);
     try {
       // Fetch sync block data, the `subscribeToSyncBlock` will update the state once data is fetched
-      await referenceSyncBlockStoreManager.fetchSyncBlocksData([syncBlockNode]);
+      await manager.referenceManager.fetchSyncBlocksData([syncBlockNode]);
     } catch (error) {
       // Set error state if fetching fails
       setSyncBlockInstance({
@@ -25,19 +24,19 @@ export const useFetchSyncBlockData = (manager, resourceId, localId) => {
       });
     }
     setIsLoading(false);
-  }, [isLoading, localId, referenceSyncBlockStoreManager, resourceId]);
+  }, [isLoading, localId, manager.referenceManager, resourceId]);
   useEffect(() => {
-    const unsubscribe = referenceSyncBlockStoreManager.subscribeToSyncBlock(resourceId || '', localId || '', data => {
+    const unsubscribe = manager.referenceManager.subscribeToSyncBlock(resourceId || '', localId || '', data => {
       setSyncBlockInstance(data);
       setIsLoading(false);
     });
     return () => {
       unsubscribe();
     };
-  }, [localId, referenceSyncBlockStoreManager, resourceId]);
+  }, [localId, manager.referenceManager, resourceId]);
   return {
     isLoading,
-    providerFactory: referenceSyncBlockStoreManager.getProviderFactory(resourceId || ''),
+    providerFactory: manager.referenceManager.getProviderFactory(resourceId || ''),
     reloadData,
     syncBlockInstance
   };