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

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

@@ -5,8 +5,8 @@ export var getConfluencePageAri = function getConfluencePageAri(pageId, cloudId)
   return "ari:cloud:confluence:".concat(cloudId, ":").concat(pageType, "/").concat(pageId);
 };
 
-// For extracting from Page ARI and also the content property's version of resourceId 
-export var getPageIdAndTypeFromAri = function getPageIdAndTypeFromAri(ari) {
+// For extracting from Page ARI and also the content property's version of resourceId
+export var getPageIdAndTypeFromConfluencePageAri = function getPageIdAndTypeFromConfluencePageAri(ari) {
   var match = ari.match(/ari:cloud:confluence:[^:]+:(page|blogpost)\/(\d+)/);
   if (match !== null && match !== void 0 && match[2]) {
     return {
@@ -16,20 +16,20 @@ export var getPageIdAndTypeFromAri = function getPageIdAndTypeFromAri(ari) {
   }
   throw new Error("Invalid page ARI: ".concat(ari));
 };
-export var getLocalIdFromAri = function getLocalIdFromAri(ari) {
+export var getLocalIdFromConfluencePageAri = function getLocalIdFromConfluencePageAri(ari) {
   var 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: ".concat(ari));
 };
-export var getPageARIFromResourceId = function getPageARIFromResourceId(resourceId) {
+export var getPageARIFromContentPropertyResourceId = function getPageARIFromContentPropertyResourceId(resourceId) {
   var 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: ".concat(resourceId));
 };
-export var resourceIdFromSourceAndLocalId = function resourceIdFromSourceAndLocalId(sourceId, localId) {
+export var resourceIdFromConfluencePageSourceIdAndLocalId = function resourceIdFromConfluencePageSourceIdAndLocalId(sourceId, localId) {
   return sourceId + '/' + localId;
 };

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

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* eslint-disable require-unicode-regexp  */
 
-import { getPageIdAndTypeFromAri } from './ari';
+import { getPageIdAndTypeFromConfluencePageAri } from './ari';
 import { isBlogPageType } from './utils';
 var COMMON_HEADERS = {
   'Content-Type': 'application/json',
@@ -22,7 +22,7 @@ var GET_SOURCE_INFO_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_GET_SOURCE_INFO';
  * @returns subType live if livePage, subType null if classic page
  */
 var GET_SOURCE_INFO_QUERY = "query ".concat(GET_SOURCE_INFO_OPERATION_NAME, " ($id: ID!) {\n\tcontent (id: $id) {\n\t\tnodes {\n\t\t\tid\n\t\t\tlinks {\n\t\t\t\tbase\n\t\t\t}\n\t\t\tspace {\n\t\t\t\tkey\n\t\t\t}\n\t\t\tsubType\n\t\t\ttitle\n\t\t}\n\t}\n}");
-var getSourceInfo = /*#__PURE__*/function () {
+var getConfluenceSourceInfo = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ari) {
     var bodyData, response;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -59,20 +59,20 @@ var getSourceInfo = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function getSourceInfo(_x) {
+  return function getConfluenceSourceInfo(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-export var fetchSourceInfo = /*#__PURE__*/function () {
+export var fetchConfluenceSourceInfo = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(pageAri, localId) {
     var _response$data, _contentData$space, _getPageIdAndTypeFrom, pageType, response, contentData, title, url, _ref3, base;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.prev = 0;
-          _getPageIdAndTypeFrom = getPageIdAndTypeFromAri(pageAri), pageType = _getPageIdAndTypeFrom.type;
+          _getPageIdAndTypeFrom = getPageIdAndTypeFromConfluencePageAri(pageAri), pageType = _getPageIdAndTypeFrom.type;
           _context2.next = 4;
-          return getSourceInfo(pageAri);
+          return getConfluenceSourceInfo(pageAri);
         case 4:
           response = _context2.sent;
           contentData = (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.content) === null || _response$data === void 0 || (_response$data = _response$data.nodes) === null || _response$data === void 0 ? void 0 : _response$data[0];
@@ -108,7 +108,7 @@ export var fetchSourceInfo = /*#__PURE__*/function () {
       }
     }, _callee2, null, [[0, 15]]);
   }));
-  return function fetchSourceInfo(_x2, _x3) {
+  return function fetchConfluenceSourceInfo(_x2, _x3) {
     return _ref2.apply(this, arguments);
   };
 }();

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

@@ -0,0 +1,3 @@
+export var isBlogPageType = function isBlogPageType(pageType) {
+  return pageType === 'blogpost';
+};

package/dist/esm/hooks/useFetchSyncBlockData.js

@@ -13,7 +13,6 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
     _useState4 = _slicedToArray(_useState3, 2),
     isLoading = _useState4[0],
     setIsLoading = _useState4[1];
-  var referenceSyncBlockStoreManager = manager.getReferenceSyncBlockStoreManager();
   var reloadData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var syncBlockNode;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -35,7 +34,7 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
           setIsLoading(true);
           _context.prev = 6;
           _context.next = 9;
-          return referenceSyncBlockStoreManager.fetchSyncBlocksData([syncBlockNode]);
+          return manager.referenceManager.fetchSyncBlocksData([syncBlockNode]);
         case 9:
           _context.next = 14;
           break;
@@ -54,19 +53,19 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
           return _context.stop();
       }
     }, _callee, null, [[6, 11]]);
-  })), [isLoading, localId, referenceSyncBlockStoreManager, resourceId]);
+  })), [isLoading, localId, manager.referenceManager, resourceId]);
   useEffect(function () {
-    var unsubscribe = referenceSyncBlockStoreManager.subscribeToSyncBlock(resourceId || '', localId || '', function (data) {
+    var unsubscribe = manager.referenceManager.subscribeToSyncBlock(resourceId || '', localId || '', function (data) {
       setSyncBlockInstance(data);
       setIsLoading(false);
     });
     return function () {
       unsubscribe();
     };
-  }, [localId, referenceSyncBlockStoreManager, resourceId]);
+  }, [localId, manager.referenceManager, resourceId]);
   return {
     isLoading: isLoading,
-    providerFactory: referenceSyncBlockStoreManager.getProviderFactory(resourceId || ''),
+    providerFactory: manager.referenceManager.getProviderFactory(resourceId || ''),
     reloadData: reloadData,
     syncBlockInstance: syncBlockInstance
   };

package/dist/esm/hooks/useFetchSyncBlockTitle.js

@@ -6,7 +6,7 @@ export var useFetchSyncBlockTitle = function useFetchSyncBlockTitle(manager, syn
     sourceTitle = _useState2[0],
     setSourceTitle = _useState2[1];
   useEffect(function () {
-    var unsubscribe = manager.subscribeToSyncBlockSourceTitle(syncBlockNode, function (title) {
+    var unsubscribe = manager.referenceManager.subscribeToSourceTitle(syncBlockNode, function (title) {
       setSourceTitle(title);
     });
     return function () {

package/dist/esm/hooks/useHandleContentChanges.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 export var useHandleContentChanges = function useHandleContentChanges(manager, syncBlockNode) {
   useEffect(function () {
     try {
-      manager.updateSyncBlockData(syncBlockNode);
+      manager.sourceManager.updateSyncBlockData(syncBlockNode);
     } catch (_unused) {
       //TODO: EDITOR-1921 - add error analytics
     }

package/dist/esm/index.js

@@ -1,16 +1,26 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
+// common
 export { rebaseTransaction } from './common/rebase-transaction';
 export { SyncBlockError } from './common/types';
+// hooks
 export { useFetchSyncBlockData } from './hooks/useFetchSyncBlockData';
 export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './providers/block-service/ari';
+
+// clients
+export { blockResourceIdFromSourceAndLocalId, getLocalIdFromBlockResourceId } from './clients/block-service/ari';
+export { getConfluencePageAri, getLocalIdFromConfluencePageAri, getPageARIFromContentPropertyResourceId, getPageIdAndTypeFromConfluencePageAri, resourceIdFromConfluencePageSourceIdAndLocalId } from './clients/confluence/ari';
+
+// providers
 export { useMemoizedBlockServiceAPIProviders } from './providers/block-service/blockServiceAPI';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluence/confluenceContentAPI';
+export { fetchConfluenceSourceInfo } from './clients/confluence/sourceInfo';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
+// store managers
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
-export { getConfluencePageAri, getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from './utils/ari';
-export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode } from './utils/utils';
-export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+
+// utils
+export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode, convertPMNodesToSyncBlockNodes } from './utils/utils';

package/dist/esm/providers/block-service/blockServiceAPI.js

@@ -3,10 +3,10 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo } from 'react';
+import { blockResourceIdFromSourceAndLocalId, getLocalIdFromBlockResourceId } from '../../clients/block-service/ari';
+import { BlockError, createSyncedBlock, deleteSyncedBlock, getSyncedBlockContent, updateSyncedBlock } from '../../clients/block-service/blockService';
 import { SyncBlockError } from '../../common/types';
-import { BlockError, createSyncedBlock, deleteSyncedBlock, getSyncedBlockContent, updateSyncedBlock } from '../../utils/blockService';
 import { stringifyError } from '../../utils/errorHandling';
-import { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './ari';
 var mapBlockError = function mapBlockError(error) {
   switch (error.status) {
     case 403:
@@ -34,7 +34,7 @@ var BlockServiceADFFetchProvider = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              localId = getLocalIdFromResourceId(resourceId);
+              localId = getLocalIdFromBlockResourceId(resourceId);
               _context.prev = 1;
               _context.next = 4;
               return getSyncedBlockContent({
@@ -94,7 +94,7 @@ var BlockServiceADFFetchProvider = /*#__PURE__*/function () {
     value: function retrieveSourceInfoFetchData(resourceId, pageARI) {
       var sourceLocalId;
       try {
-        sourceLocalId = getLocalIdFromResourceId(resourceId);
+        sourceLocalId = getLocalIdFromBlockResourceId(resourceId);
       } catch (error) {
         // EDITOR-1921: log analytic here, safe to continue
       }

package/dist/esm/providers/confluence/confluenceContentAPI.js

@@ -3,13 +3,15 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _typeof from "@babel/runtime/helpers/typeof";
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo } from 'react';
+import { getConfluencePageAri, getPageARIFromContentPropertyResourceId, getLocalIdFromConfluencePageAri, getPageIdAndTypeFromConfluencePageAri, resourceIdFromConfluencePageSourceIdAndLocalId } from '../../clients/confluence/ari';
+import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../clients/confluence/contentProperty';
+import { isBlogPageType } from '../../clients/confluence/utils';
 import { SyncBlockError } from '../../common/types';
-import { getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
-import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
 import { stringifyError } from '../../utils/errorHandling';
-import { isBlogPageType } from '../../utils/utils';
 
 /**
  * Configuration for Content API providers
@@ -61,8 +63,8 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _getPageIdAndTypeFrom = getPageIdAndTypeFromAri(resourceId), pageId = _getPageIdAndTypeFrom.id, pageType = _getPageIdAndTypeFrom.type;
-              localId = getLocalIdFromAri(resourceId);
+              _getPageIdAndTypeFrom = getPageIdAndTypeFromConfluencePageAri(resourceId), pageId = _getPageIdAndTypeFrom.id, pageType = _getPageIdAndTypeFrom.type;
+              localId = getLocalIdFromConfluencePageAri(resourceId);
               _context.prev = 2;
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
               options = {
@@ -131,10 +133,10 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
   }, {
     key: "retrieveSourceInfoFetchData",
     value: function retrieveSourceInfoFetchData(resourceId) {
-      var pageARI = getPageARIFromResourceId(resourceId);
+      var pageARI = getPageARIFromContentPropertyResourceId(resourceId);
       var sourceLocalId;
       try {
-        sourceLocalId = getLocalIdFromAri(resourceId);
+        sourceLocalId = getLocalIdFromConfluencePageAri(resourceId);
       } catch (error) {
         // EDITOR-1921: log analytic here, safe to continue
       }
@@ -211,13 +213,13 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
     key: "writeData",
     value: function () {
       var _writeData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data) {
-        var match, resourceId, _match, pageId, pageType, localId, key, options, updatePayload, updateResult;
+        var match, resourceId, _match, pageId, pageType, localId, key, sourceAri, syncBlockDataWithSourceDocumentAri, options, updatePayload, updateResult;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               resourceId = data.resourceId;
               _context3.prev = 1;
-              match = getPageIdAndTypeFromAri(data.resourceId);
+              match = getPageIdAndTypeFromConfluencePageAri(data.resourceId);
               _context3.next = 8;
               break;
             case 5:
@@ -230,30 +232,35 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
               _match = match, pageId = _match.id, pageType = _match.type;
               _context3.prev = 9;
               // Update existing content property
-              localId = getLocalIdFromAri(resourceId);
+              localId = getLocalIdFromConfluencePageAri(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              sourceAri = getConfluencePageAri(pageId, this.config.cloudId, pageType);
+              syncBlockDataWithSourceDocumentAri = _objectSpread(_objectSpread({}, data), {}, {
+                product: 'confluence-page',
+                sourceAri: sourceAri
+              });
               options = {
                 pageId: pageId,
                 key: key,
-                value: data,
+                value: syncBlockDataWithSourceDocumentAri,
                 cloudId: this.config.cloudId,
                 pageType: pageType
               };
-              _context3.next = 15;
+              _context3.next = 17;
               return updateContentProperty(options);
-            case 15:
+            case 17:
               updatePayload = _context3.sent;
               updateResult = isBlogPageType(pageType) ? updatePayload.data.confluence.updateValueBlogPostProperty.blogPostProperty : updatePayload.data.confluence.updateValuePageProperty.pageProperty;
               if (!((updateResult === null || updateResult === void 0 ? void 0 : updateResult.key) === key)) {
-                _context3.next = 21;
+                _context3.next = 23;
                 break;
               }
               return _context3.abrupt("return", {
                 resourceId: resourceId
               });
-            case 21:
+            case 23:
               if (updateResult) {
-                _context3.next = 25;
+                _context3.next = 27;
                 break;
               }
               return _context3.abrupt("return", this.createNewContentProperty(pageId, key, data, pageType).then(function () {
@@ -265,24 +272,24 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
                   error: error
                 };
               }));
-            case 25:
+            case 27:
               return _context3.abrupt("return", {
                 error: "Failed to update ".concat(pageType, " content property")
               });
-            case 26:
-              _context3.next = 31;
-              break;
             case 28:
-              _context3.prev = 28;
+              _context3.next = 33;
+              break;
+            case 30:
+              _context3.prev = 30;
               _context3.t1 = _context3["catch"](9);
               return _context3.abrupt("return", {
                 error: "Failed to write ".concat(pageType)
               });
-            case 31:
+            case 33:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[1, 5], [9, 28]]);
+        }, _callee3, this, [[1, 5], [9, 30]]);
       }));
       function writeData(_x6) {
         return _writeData.apply(this, arguments);
@@ -298,7 +305,7 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
               _context4.prev = 0;
-              match = getPageIdAndTypeFromAri(resourceId);
+              match = getPageIdAndTypeFromConfluencePageAri(resourceId);
               _context4.next = 7;
               break;
             case 4:
@@ -312,7 +319,7 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
             case 7:
               _match2 = match, pageId = _match2.id, pageType = _match2.type;
               _context4.prev = 8;
-              localId = getLocalIdFromAri(resourceId);
+              localId = getLocalIdFromConfluencePageAri(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
               options = {
                 pageId: pageId,
@@ -355,7 +362,7 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
   }, {
     key: "generateResourceId",
     value: function generateResourceId(sourceId, localId) {
-      return resourceIdFromSourceAndLocalId(sourceId, localId);
+      return resourceIdFromConfluencePageSourceIdAndLocalId(sourceId, localId);
     }
   }]);
 }();

package/dist/esm/providers/syncBlockProvider.js

@@ -10,9 +10,10 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { useMemo } from 'react';
+import { getPageIdAndTypeFromConfluencePageAri } from '../clients/confluence/ari';
+import { fetchConfluenceSourceInfo } from '../clients/confluence/sourceInfo';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
-import { fetchSourceInfo } from '../utils/sourceInfo';
 export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
   // the source document ARI; that the source sync block is on.
 
@@ -210,7 +211,7 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
   }, {
     key: "retrieveSyncBlockSourceInfo",
     value: function retrieveSyncBlockSourceInfo(node) {
-      // with content API, this is the concatenation of the page ARI and the block's localId. 
+      // with content API, this is the concatenation of the page ARI and the block's localId.
       // with block service, this is the ARI of the block.
       // this can be cleaned up from the specific providers and placed here after platform_synced_blocks_block_service_provider
       var resourceId = node.attrs.resourceId;
@@ -225,7 +226,10 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
           return Promise.reject(error);
         }
       }
-      return pageARI ? fetchSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
+
+      // TODO: EDITOR-3312 - based on the source sync block product,
+      // execute fetchConfluenceSourceInfo or fetchJiraItemSourceInfo or similar...
+      return pageARI ? fetchConfluenceSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
     }
   }, {
     key: "generateResourceId",
@@ -243,6 +247,37 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
     value: function getSyncedBlockRendererProviderOptions() {
       return this.providerOptions;
     }
+
+    /**
+     * Retrieve the parent info for the sync block
+     *
+     * @param resourceId
+     * @param syncBlockInstance
+     *
+     * @returns The parent info for the sync block
+     */
+  }, {
+    key: "retrieveSyncBlockParentInfo",
+    value: function retrieveSyncBlockParentInfo(syncBlockInstance) {
+      if (!syncBlockInstance || !syncBlockInstance.data) {
+        return undefined;
+      }
+      var _syncBlockInstance$da = syncBlockInstance.data,
+        sourceAri = _syncBlockInstance$da.sourceAri,
+        product = _syncBlockInstance$da.product;
+      if (!sourceAri || !product) {
+        return undefined;
+      }
+
+      // TODO: EDITOR-3312 - based on the source sync block product,
+      // execute getPageIdAndTypeFromConfluencePageAri or getJiraItemIdAndTypeFromJiraItemAri or similar...
+      var _getPageIdAndTypeFrom = getPageIdAndTypeFromConfluencePageAri(sourceAri),
+        contentId = _getPageIdAndTypeFrom.id;
+      return {
+        contentId: contentId,
+        contentProduct: product
+      };
+    }
   }]);
 }(SyncBlockDataProvider);
 export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions) {

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

@@ -13,6 +13,12 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SyncBlockError } from '../common/types';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { createSyncBlockNode } from '../utils/utils';
+
+// 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.
 export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   function ReferenceSyncBlockStoreManager(dataProvider) {
     _classCallCheck(this, ReferenceSyncBlockStoreManager);
@@ -116,6 +122,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         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)) {
@@ -137,21 +145,33 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         });
       }
     }
+
+    /**
+     * 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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(syncBlockNodes) {
         var _this2 = this;
         var nodesToFetch, blocksWithNotFoundError, data, resolvedData;
         return _regeneratorRuntime.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) {
@@ -162,16 +182,16 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                   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;
@@ -194,7 +214,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 }
               });
               return _context3.abrupt("return", [].concat(resolvedData, blocksWithNotFoundError));
-            case 12:
+            case 14:
             case "end":
               return _context3.stop();
           }
@@ -204,7 +224,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         return _fetchSyncBlocksData.apply(this, arguments);
       }
       return fetchSyncBlocksData;
-    }()
+    }())
   }, {
     key: "updateCache",
     value: function updateCache(syncBlock) {
@@ -341,28 +361,76 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         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.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.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();
     }
   }]);
 }();