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

package/dist/es2019/providers/syncBlockProvider.js

@@ -2,22 +2,56 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
-import { getLocalIdFromAri, getPageARIFromResourceId } from '../utils/ari';
 import { fetchSourceInfo } from '../utils/sourceInfo';
 export class SyncBlockProvider extends SyncBlockDataProvider {
-  constructor(fetchProvider, writeProvider, sourceId) {
+  // the source document ARI; that the source sync block is on.
+
+  /**
+   * Constructor for the SyncBlockProvider
+   *
+   * @param fetchProvider
+   * @param writeProvider
+   * @param sourceId
+   * @param nestedRendererDataProviders
+   */
+  constructor(fetchProvider, writeProvider, sourceId, providerOptions) {
     super();
     _defineProperty(this, "name", 'syncBlockProvider');
     this.fetchProvider = fetchProvider;
     this.writeProvider = writeProvider;
     this.sourceId = sourceId;
+    this.providerOptions = providerOptions;
   }
+
+  /**
+   * Check if the node is supported by the provider
+   *
+   * @param node
+   *
+   * @returns True if the node is supported, false otherwise
+   */
   isNodeSupported(node) {
-    return node.type === 'syncBlock';
+    return node.type === 'syncBlock' || node.type === 'bodiedSyncBlock';
   }
+
+  /**
+   * Get the data key for the node
+   *
+   * @param node
+   *
+   * @returns The data key
+   */
   nodeDataKey(node) {
     return node.attrs.localId;
   }
+
+  /**
+   * Fetch the data from the fetch provider
+   *
+   * @param nodes
+   *
+   * @returns Array of {resourceId?: string, error?: string}.
+   */
   fetchNodesData(nodes) {
     const resourceIdSet = new Set(nodes.map(node => node.attrs.resourceId));
     const resourceIds = [...resourceIdSet];
@@ -38,6 +72,7 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
   }
 
   /**
+   * Write the data to the write provider
    *
    * @param nodes
    * @param data
@@ -62,6 +97,14 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
       }
     });
   }
+
+  /**
+   * Delete the data from the write provider
+   *
+   * @param resourceIds
+   *
+   * @returns Array of {resourceId?: string, error?: string}.
+   */
   async deleteNodesData(resourceIds) {
     const results = await Promise.allSettled(resourceIds.map(resourceId => this.writeProvider.deleteData(resourceId)));
     return results.map((result, index) => {
@@ -76,10 +119,27 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
       }
     });
   }
+
+  /**
+   * Get the source id
+   *
+   * @returns The source id
+   */
   getSourceId() {
     return this.sourceId;
   }
+
+  /**
+   * Retrieve the source info from the source id
+   *
+   * @param node
+   *
+   * @returns The source info
+   */
   retrieveSyncBlockSourceInfo(node) {
+    // 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
     const {
       resourceId
     } = node.attrs;
@@ -87,24 +147,30 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
     let sourceLocalId;
     if (resourceId && typeof resourceId === 'string') {
       try {
-        pageARI = getPageARIFromResourceId(resourceId);
+        const fetchData = this.fetchProvider.retrieveSourceInfoFetchData(resourceId, this.sourceId);
+        pageARI = fetchData.pageARI;
+        sourceLocalId = fetchData.sourceLocalId;
       } catch (error) {
         return Promise.reject(error);
       }
-      try {
-        sourceLocalId = getLocalIdFromAri(resourceId);
-      } catch (error) {
-        // EDITOR-1921: log analytic here, safe to continue
-      }
     }
     return pageARI ? fetchSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
   }
   generateResourceId(sourceId, localId) {
     return this.writeProvider.generateResourceId(sourceId, localId);
   }
+
+  /**
+   * Get the synced block renderer provider options
+   *
+   * @returns The synced block renderer provider options
+   */
+  getSyncedBlockRendererProviderOptions() {
+    return this.providerOptions;
+  }
 }
-export const useMemoizedSyncedBlockProvider = (fetchProvider, writeProvider, sourceId) => {
+export const useMemoizedSyncedBlockProvider = (fetchProvider, writeProvider, sourceId, providerOptions) => {
   return useMemo(() => {
-    return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
-  }, [fetchProvider, writeProvider, sourceId]);
+    return new SyncBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions);
+  }, [fetchProvider, writeProvider, sourceId, providerOptions]);
 };

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

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SyncBlockError } from '../common/types';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { createSyncBlockNode } from '../utils/utils';
@@ -10,6 +11,7 @@ export class ReferenceSyncBlockStoreManager {
     this.titleSubscriptions = new Map();
     this.dataProvider = dataProvider;
     this.syncBlockURLRequests = new Map();
+    this.providerFactories = new Map();
   }
 
   /**
@@ -134,6 +136,7 @@ export class ReferenceSyncBlockStoreManager {
   }
   deleteFromCache(resourceId) {
     this.syncBlockCache.delete(resourceId);
+    this.providerFactories.delete(resourceId);
   }
   subscribeToSyncBlock(resourceId, localId, callback) {
     // add to subscriptions map
@@ -227,9 +230,31 @@ export class ReferenceSyncBlockStoreManager {
     }
     return (_syncBlock$data = syncBlock.data) === null || _syncBlock$data === void 0 ? void 0 : _syncBlock$data.sourceURL;
   }
+  getProviderFactory(resourceId) {
+    if (!this.dataProvider) {
+      return undefined;
+    }
+    const {
+      parentDataProviders
+    } = this.dataProvider.getSyncedBlockRendererProviderOptions();
+    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,
+        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
+      }));
+    }
+    return this.providerFactories.get(resourceId);
+  }
   destroy() {
     this.syncBlockCache.clear();
     this.subscriptions.clear();
     this.syncBlockURLRequests.clear();
+    this.providerFactories.clear();
   }
 }

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

@@ -122,6 +122,9 @@ export class SyncBlockStoreManager {
     // only applicable to source sync block, for now (will be refactored further)
     this.sourceSyncBlockStoreManager.rebaseTransaction(incomingTr, state);
   }
+  getReferenceSyncBlockProviderFactory(resourceId) {
+    return this.referenceSyncBlockStoreManager.getProviderFactory(resourceId);
+  }
   destroy() {
     this.referenceSyncBlockStoreManager.destroy();
   }

package/dist/es2019/utils/ari.js

@@ -1,6 +1,8 @@
 /* eslint-disable require-unicode-regexp  */
 
 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 => {
   const match = ari.match(/ari:cloud:confluence:[^:]+:(page|blogpost)\/(\d+)/);
   if (match !== null && match !== void 0 && match[2]) {
@@ -27,35 +29,4 @@ export const getPageARIFromResourceId = resourceId => {
 };
 export const resourceIdFromSourceAndLocalId = (sourceId, localId) => {
   return sourceId + '/' + localId;
-};
-
-/**
- * For the following functions, they are used for the block service API provider.
- * The resourceId/blockResourceId always refers to the block ARI.
- */
-
-/**
- * @param sourceId - the ARI of the document. E.G ari:cloud:confluence:cloudId:page/pageId
- * @param localId - the localId of the block node. A randomly generated UUID
- * @returns the block ARI. E.G ari:cloud:blocks:cloudId:synced-block/localId
- */
-export const blockResourceIdFromSourceAndLocalId = (sourceId, localId) => {
-  const match = sourceId.match(/ari:cloud:confluence:([^:]+):(page|blogpost)\/.*/);
-  if (!(match !== null && match !== void 0 && match[1])) {
-    throw new Error(`Invalid source ARI: ${sourceId}`);
-  }
-  const cloudId = match[1];
-  return `ari:cloud:blocks:${cloudId}:synced-block/${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 => {
-  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}`);
 };

package/dist/es2019/utils/sourceInfo.js

@@ -52,13 +52,13 @@ const getSourceInfo = async ari => {
   }
   return await response.json();
 };
-export const fetchSourceInfo = async (ari, localId) => {
+export const fetchSourceInfo = async (pageAri, localId) => {
   try {
     var _response$data, _response$data$conten, _response$data$conten2, _contentData$space;
     const {
       type: pageType
-    } = getPageIdAndTypeFromAri(ari);
-    const response = await getSourceInfo(ari);
+    } = getPageIdAndTypeFromAri(pageAri);
+    const response = await getSourceInfo(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/esm/hooks/useFetchSyncBlockData.js

@@ -65,8 +65,9 @@ export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resou
     };
   }, [localId, referenceSyncBlockStoreManager, resourceId]);
   return {
-    syncBlockInstance: syncBlockInstance,
     isLoading: isLoading,
-    reloadData: reloadData
+    providerFactory: referenceSyncBlockStoreManager.getProviderFactory(resourceId || ''),
+    reloadData: reloadData,
+    syncBlockInstance: syncBlockInstance
   };
 };

package/dist/esm/index.js

@@ -5,11 +5,12 @@ export { SyncBlockError } from './common/types';
 export { useFetchSyncBlockData } from './hooks/useFetchSyncBlockData';
 export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
+export { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './providers/block-service/ari';
 export { useMemoizedBlockServiceAPIProviders } from './providers/block-service/blockServiceAPI';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluence/confluenceContentAPI';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
-export { blockResourceIdFromSourceAndLocalId, getConfluencePageAri, getLocalIdFromAri, getLocalIdFromResourceId, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from './utils/ari';
+export { getConfluencePageAri, getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from './utils/ari';
 export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode } from './utils/utils';
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';

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

@@ -0,0 +1,28 @@
+/* eslint-disable require-unicode-regexp */
+/**
+ * Generates a unique block ARI from a source ARI and a local ID.
+ * @param sourceId - the ARI of the document. E.G ari:cloud:confluence:cloudId:page/pageId
+ * @param localId - the localId of the block node. A randomly generated UUID
+ * @returns the block ARI. E.G ari:cloud:blocks:cloudId:synced-block/localId
+ */
+export var blockResourceIdFromSourceAndLocalId = function blockResourceIdFromSourceAndLocalId(sourceId, localId) {
+  var match = sourceId.match(/ari:cloud:confluence:([^:]+):(page|blogpost)\/.*/);
+  if (!(match !== null && match !== void 0 && match[1])) {
+    throw new Error("Invalid source ARI: ".concat(sourceId));
+  }
+  var cloudId = match[1];
+  return "ari:cloud:blocks:".concat(cloudId, ":synced-block/").concat(localId);
+};
+
+/**
+ * Extracts the local ID from a block ARI.
+ * @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 var getLocalIdFromResourceId = function getLocalIdFromResourceId(ari) {
+  var match = ari.match(/ari:cloud:blocks:[^:]+:synced-block\/([a-zA-Z0-9-]+)/);
+  if (match !== null && match !== void 0 && match[1]) {
+    return match[1];
+  }
+  throw new Error("Invalid page ARI: ".concat(ari));
+};

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

@@ -4,9 +4,9 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
-import { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from '../../utils/ari';
 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:
@@ -89,6 +89,20 @@ var BlockServiceADFFetchProvider = /*#__PURE__*/function () {
       }
       return fetchData;
     }()
+  }, {
+    key: "retrieveSourceInfoFetchData",
+    value: function retrieveSourceInfoFetchData(resourceId, pageARI) {
+      var sourceLocalId;
+      try {
+        sourceLocalId = getLocalIdFromResourceId(resourceId);
+      } catch (error) {
+        // EDITOR-1921: log analytic here, safe to continue
+      }
+      return {
+        pageARI: pageARI,
+        sourceLocalId: sourceLocalId
+      };
+    }
   }]);
 }();
 /**

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

@@ -6,7 +6,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
-import { getLocalIdFromAri, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
+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';
@@ -128,6 +128,21 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
       }
       return fetchData;
     }()
+  }, {
+    key: "retrieveSourceInfoFetchData",
+    value: function retrieveSourceInfoFetchData(resourceId) {
+      var pageARI = getPageARIFromResourceId(resourceId);
+      var sourceLocalId;
+      try {
+        sourceLocalId = getLocalIdFromAri(resourceId);
+      } catch (error) {
+        // EDITOR-1921: log analytic here, safe to continue
+      }
+      return {
+        pageARI: pageARI,
+        sourceLocalId: sourceLocalId
+      };
+    }
   }]);
 }();
 /**

package/dist/esm/providers/syncBlockProvider.js

@@ -12,10 +12,19 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { useMemo } from 'react';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
-import { getLocalIdFromAri, getPageARIFromResourceId } from '../utils/ari';
 import { fetchSourceInfo } from '../utils/sourceInfo';
 export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
-  function SyncBlockProvider(fetchProvider, writeProvider, sourceId) {
+  // the source document ARI; that the source sync block is on.
+
+  /**
+   * Constructor for the SyncBlockProvider
+   *
+   * @param fetchProvider
+   * @param writeProvider
+   * @param sourceId
+   * @param nestedRendererDataProviders
+   */
+  function SyncBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions) {
     var _this;
     _classCallCheck(this, SyncBlockProvider);
     _this = _callSuper(this, SyncBlockProvider);
@@ -23,19 +32,44 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
     _this.fetchProvider = fetchProvider;
     _this.writeProvider = writeProvider;
     _this.sourceId = sourceId;
+    _this.providerOptions = providerOptions;
     return _this;
   }
+
+  /**
+   * Check if the node is supported by the provider
+   *
+   * @param node
+   *
+   * @returns True if the node is supported, false otherwise
+   */
   _inherits(SyncBlockProvider, _SyncBlockDataProvide);
   return _createClass(SyncBlockProvider, [{
     key: "isNodeSupported",
     value: function isNodeSupported(node) {
-      return node.type === 'syncBlock';
+      return node.type === 'syncBlock' || node.type === 'bodiedSyncBlock';
     }
+
+    /**
+     * Get the data key for the node
+     *
+     * @param node
+     *
+     * @returns The data key
+     */
   }, {
     key: "nodeDataKey",
     value: function nodeDataKey(node) {
       return node.attrs.localId;
     }
+
+    /**
+     * Fetch the data from the fetch provider
+     *
+     * @param nodes
+     *
+     * @returns Array of {resourceId?: string, error?: string}.
+     */
   }, {
     key: "fetchNodesData",
     value: function fetchNodesData(nodes) {
@@ -63,6 +97,7 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
     }
 
     /**
+     * Write the data to the write provider
      *
      * @param nodes
      * @param data
@@ -107,10 +142,18 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
         return _writeNodesData.apply(this, arguments);
       }
       return writeNodesData;
-    }())
+    }()
+    /**
+     * Delete the data from the write provider
+     *
+     * @param resourceIds
+     *
+     * @returns Array of {resourceId?: string, error?: string}.
+     */
+    )
   }, {
     key: "deleteNodesData",
-    value: function () {
+    value: (function () {
       var _deleteNodesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resourceIds) {
         var _this4 = this;
         var results;
@@ -145,28 +188,42 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
       }
       return deleteNodesData;
     }()
+    /**
+     * Get the source id
+     *
+     * @returns The source id
+     */
+    )
   }, {
     key: "getSourceId",
     value: function getSourceId() {
       return this.sourceId;
     }
+
+    /**
+     * Retrieve the source info from the source id
+     *
+     * @param node
+     *
+     * @returns The source info
+     */
   }, {
     key: "retrieveSyncBlockSourceInfo",
     value: function retrieveSyncBlockSourceInfo(node) {
+      // 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;
       var pageARI;
       var sourceLocalId;
       if (resourceId && typeof resourceId === 'string') {
         try {
-          pageARI = getPageARIFromResourceId(resourceId);
+          var fetchData = this.fetchProvider.retrieveSourceInfoFetchData(resourceId, this.sourceId);
+          pageARI = fetchData.pageARI;
+          sourceLocalId = fetchData.sourceLocalId;
         } catch (error) {
           return Promise.reject(error);
         }
-        try {
-          sourceLocalId = getLocalIdFromAri(resourceId);
-        } catch (error) {
-          // EDITOR-1921: log analytic here, safe to continue
-        }
       }
       return pageARI ? fetchSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
     }
@@ -175,10 +232,21 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
     value: function generateResourceId(sourceId, localId) {
       return this.writeProvider.generateResourceId(sourceId, localId);
     }
+
+    /**
+     * Get the synced block renderer provider options
+     *
+     * @returns The synced block renderer provider options
+     */
+  }, {
+    key: "getSyncedBlockRendererProviderOptions",
+    value: function getSyncedBlockRendererProviderOptions() {
+      return this.providerOptions;
+    }
   }]);
 }(SyncBlockDataProvider);
-export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvider(fetchProvider, writeProvider, sourceId) {
+export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions) {
   return useMemo(function () {
-    return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
-  }, [fetchProvider, writeProvider, sourceId]);
+    return new SyncBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions);
+  }, [fetchProvider, writeProvider, sourceId, providerOptions]);
 };

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

@@ -9,6 +9,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SyncBlockError } from '../common/types';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { createSyncBlockNode } from '../utils/utils';
@@ -21,6 +22,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     this.titleSubscriptions = new Map();
     this.dataProvider = dataProvider;
     this.syncBlockURLRequests = new Map();
+    this.providerFactories = new Map();
   }
 
   /**
@@ -236,6 +238,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "deleteFromCache",
     value: function deleteFromCache(resourceId) {
       this.syncBlockCache.delete(resourceId);
+      this.providerFactories.delete(resourceId);
     }
   }, {
     key: "subscribeToSyncBlock",
@@ -331,12 +334,35 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       }
       return (_syncBlock$data = syncBlock.data) === null || _syncBlock$data === void 0 ? void 0 : _syncBlock$data.sourceURL;
     }
+  }, {
+    key: "getProviderFactory",
+    value: function getProviderFactory(resourceId) {
+      if (!this.dataProvider) {
+        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,
+          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
+        }));
+      }
+      return this.providerFactories.get(resourceId);
+    }
   }, {
     key: "destroy",
     value: function destroy() {
       this.syncBlockCache.clear();
       this.subscriptions.clear();
       this.syncBlockURLRequests.clear();
+      this.providerFactories.clear();
     }
   }]);
 }();

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

@@ -165,6 +165,11 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
       // 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: "destroy",
     value: function destroy() {