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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-synced-block-provider
 
+## 2.10.2
+
+### Patch Changes
+
+- [`27e34de207285`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27e34de207285) -
+  EDITOR-2771 Create media & emoji provider per each reference sync block
+- Updated dependencies
+
 ## 2.10.1
 
 ### Patch Changes

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

@@ -17,6 +17,8 @@ var _ari = require("../../utils/ari");
 var _contentProperty3 = require("../../utils/contentProperty");
 var _errorHandling = require("../../utils/errorHandling");
 var _utils = require("../../utils/utils");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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) { (0, _defineProperty2.default)(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; }
 /**
  * Configuration for Content API providers
  */
@@ -217,7 +219,7 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
     key: "writeData",
     value: function () {
       var _writeData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -238,28 +240,33 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
               // Update existing content property
               localId = (0, _ari.getLocalIdFromAri)(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              sourceAri = (0, _ari.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 (0, _contentProperty3.updateContentProperty)(options);
-            case 15:
+            case 17:
               updatePayload = _context3.sent;
               updateResult = (0, _utils.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 () {
@@ -271,24 +278,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);

package/dist/cjs/providers/syncBlockProvider.js

@@ -17,6 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _types = require("../common/types");
 var _types2 = require("../providers/types");
+var _ari = require("../utils/ari");
 var _sourceInfo = require("../utils/sourceInfo");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
@@ -217,7 +218,7 @@ var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_Sync
   }, {
     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;
@@ -250,6 +251,35 @@ var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_Sync
     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,
+        resourceId = _syncBlockInstance$da.resourceId,
+        contentProduct = _syncBlockInstance$da.product;
+
+      // Temp solution to get the pageId from resource since the sourceDocumentAri is not available for older sync blocks
+      var pageARI = sourceAri || resourceId;
+      var _getPageIdAndTypeFrom = (0, _ari.getPageIdAndTypeFromAri)(pageARI),
+        contentId = _getPageIdAndTypeFrom.id;
+      return {
+        contentId: contentId,
+        contentProduct: contentProduct || 'confluence-page'
+      };
+    }
   }]);
 }(_types2.SyncBlockDataProvider);
 var useMemoizedSyncedBlockProvider = exports.useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions) {

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

@@ -348,20 +348,61 @@ 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",

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

@@ -10,6 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _utils = require("../utils/utils");
 var _referenceSyncBlockStoreManager = require("./referenceSyncBlockStoreManager");
 var _sourceSyncBlockStoreManager = require("./sourceSyncBlockStoreManager");
+// eslint-disable-next-line no-restricted-imports
 // 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.

package/dist/cjs/utils/ari.js

@@ -11,7 +11,7 @@ var getConfluencePageAri = exports.getConfluencePageAri = function getConfluence
   return "ari:cloud:confluence:".concat(cloudId, ":").concat(pageType, "/").concat(pageId);
 };
 
-// For extracting from Page ARI and also the content property's version of resourceId 
+// For extracting from Page ARI and also the content property's version of resourceId
 var getPageIdAndTypeFromAri = exports.getPageIdAndTypeFromAri = function getPageIdAndTypeFromAri(ari) {
   var match = ari.match(/ari:cloud:confluence:[^:]+:(page|blogpost)\/(\d+)/);
   if (match !== null && match !== void 0 && match[2]) {

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
-import { getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
+import { getConfluencePageAri, getPageARIFromResourceId, getLocalIdFromAri, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
 import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
 import { stringifyError } from '../../utils/errorHandling';
 import { isBlogPageType } from '../../utils/utils';
@@ -166,10 +166,16 @@ class ConfluenceADFWriteProvider {
       // Update existing content property
       const localId = getLocalIdFromAri(resourceId);
       const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+      const sourceAri = getConfluencePageAri(pageId, this.config.cloudId, pageType);
+      const syncBlockDataWithSourceDocumentAri = {
+        ...data,
+        product: 'confluence-page',
+        sourceAri
+      };
       const options = {
         pageId,
         key,
-        value: data,
+        value: syncBlockDataWithSourceDocumentAri,
         cloudId: this.config.cloudId,
         pageType
       };

package/dist/es2019/providers/syncBlockProvider.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
+import { getPageIdAndTypeFromAri } from '../utils/ari';
 import { fetchSourceInfo } from '../utils/sourceInfo';
 export class SyncBlockProvider extends SyncBlockDataProvider {
   // the source document ARI; that the source sync block is on.
@@ -137,7 +138,7 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
    * @returns The source info
    */
   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
     const {
@@ -168,6 +169,35 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
   getSyncedBlockRendererProviderOptions() {
     return this.providerOptions;
   }
+
+  /**
+   * Retrieve the parent info for the sync block
+   *
+   * @param resourceId
+   * @param syncBlockInstance
+   *
+   * @returns The parent info for the sync block
+   */
+  retrieveSyncBlockParentInfo(syncBlockInstance) {
+    if (!syncBlockInstance || !syncBlockInstance.data) {
+      return undefined;
+    }
+    const {
+      sourceAri,
+      resourceId,
+      product: contentProduct
+    } = syncBlockInstance.data;
+
+    // Temp solution to get the pageId from resource since the sourceDocumentAri is not available for older sync blocks
+    const pageARI = sourceAri || resourceId;
+    const {
+      id: contentId
+    } = getPageIdAndTypeFromAri(pageARI);
+    return {
+      contentId,
+      contentProduct: contentProduct || 'confluence-page'
+    };
+  }
 }
 export const useMemoizedSyncedBlockProvider = (fetchProvider, writeProvider, sourceId, providerOptions) => {
   return useMemo(() => {

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

@@ -235,21 +235,62 @@ export class ReferenceSyncBlockStoreManager {
       return undefined;
     }
     const {
-      parentDataProviders
+      parentDataProviders,
+      providerCreator
     } = 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,
+    let 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;
+  }
+  retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
+    if (!this.dataProvider) {
+      return;
+    }
+    const hasMediaProvider = providerFactory.hasProvider('mediaProvider');
+    const hasEmojiProvider = providerFactory.hasProvider('emojiProvider');
+    if (hasMediaProvider && hasEmojiProvider) {
+      return;
+    }
+    const parentInfo = this.dataProvider.retrieveSyncBlockParentInfo(this.syncBlockCache.get(resourceId));
+    if (!parentInfo) {
+      return;
+    }
+    const {
+      contentId,
+      contentProduct
+    } = parentInfo;
+    if (!hasMediaProvider) {
+      if (providerCreator.createMediaProvider && contentId && contentProduct) {
+        const mediaProvider = providerCreator.createMediaProvider({
+          contentProduct,
+          contentId
+        });
+        if (mediaProvider) {
+          providerFactory.setProvider('mediaProvider', mediaProvider);
+        }
+      }
+    }
+    if (!hasEmojiProvider) {
+      if (providerCreator.createEmojiProvider && contentId && contentProduct) {
+        const emojiProvider = providerCreator.createEmojiProvider({
+          contentProduct,
+          contentId
+        });
+        if (emojiProvider) {
+          providerFactory.setProvider('emojiProvider', emojiProvider);
+        }
+      }
     }
-    return this.providerFactories.get(resourceId);
   }
   destroy() {
     this.syncBlockCache.clear();

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

@@ -1,3 +1,5 @@
+// eslint-disable-next-line no-restricted-imports
+
 import { convertPMNodeToSyncBlockNode } from '../utils/utils';
 import { ReferenceSyncBlockStoreManager } from './referenceSyncBlockStoreManager';
 import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';

package/dist/es2019/utils/ari.js

@@ -2,7 +2,7 @@
 
 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 
+// 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]) {

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

@@ -3,10 +3,12 @@ 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 { SyncBlockError } from '../../common/types';
-import { getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
+import { getConfluencePageAri, getPageARIFromResourceId, getLocalIdFromAri, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
 import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
 import { stringifyError } from '../../utils/errorHandling';
 import { isBlogPageType } from '../../utils/utils';
@@ -211,7 +213,7 @@ 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:
@@ -232,28 +234,33 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
               // Update existing content property
               localId = getLocalIdFromAri(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);

package/dist/esm/providers/syncBlockProvider.js

@@ -12,6 +12,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { useMemo } from 'react';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
+import { getPageIdAndTypeFromAri } from '../utils/ari';
 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;
@@ -243,6 +244,35 @@ 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,
+        resourceId = _syncBlockInstance$da.resourceId,
+        contentProduct = _syncBlockInstance$da.product;
+
+      // Temp solution to get the pageId from resource since the sourceDocumentAri is not available for older sync blocks
+      var pageARI = sourceAri || resourceId;
+      var _getPageIdAndTypeFrom = getPageIdAndTypeFromAri(pageARI),
+        contentId = _getPageIdAndTypeFrom.id;
+      return {
+        contentId: contentId,
+        contentProduct: contentProduct || 'confluence-page'
+      };
+    }
   }]);
 }(SyncBlockDataProvider);
 export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvider(fetchProvider, writeProvider, sourceId, providerOptions) {

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

@@ -341,20 +341,61 @@ 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",

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

@@ -1,5 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+// eslint-disable-next-line no-restricted-imports
+
 import { convertPMNodeToSyncBlockNode } from '../utils/utils';
 import { ReferenceSyncBlockStoreManager } from './referenceSyncBlockStoreManager';
 import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';

package/dist/esm/utils/ari.js

@@ -5,7 +5,7 @@ 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 
+// For extracting from Page ARI and also the content property's version of resourceId
 export var getPageIdAndTypeFromAri = function getPageIdAndTypeFromAri(ari) {
   var match = ari.match(/ari:cloud:confluence:[^:]+:(page|blogpost)\/(\d+)/);
   if (match !== null && match !== void 0 && match[2]) {

package/dist/types/common/types.d.ts

@@ -2,6 +2,7 @@ import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
 export type BlockInstanceId = string;
 export type ResourceId = string;
+export type SyncBlockProduct = 'confluence-page' | 'jira-work-item';
 export type SyncBlockAttrs = {
     localId: BlockInstanceId;
     resourceId: ResourceId;
@@ -22,8 +23,9 @@ export interface SyncBlockData {
     createdAt?: string;
     createdBy?: string;
     isSynced?: boolean;
+    product?: SyncBlockProduct;
     resourceId: ResourceId;
-    sourceDocumentAri?: string;
+    sourceAri?: string;
     sourceTitle?: string;
     sourceURL?: string;
     updatedAt?: string;

package/dist/types/index.d.ts

@@ -4,11 +4,11 @@ export type { SyncBlockData, SyncBlockNode } from './common/types';
 export { useFetchSyncBlockData, type UseFetchSyncBlockDataResult, } from './hooks/useFetchSyncBlockData';
 export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './providers/block-service/ari';
+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 type { ADFFetchProvider, ADFWriteProvider, SyncBlockDataProvider, SyncBlockInstance, } from './providers/types';
+export type { ADFFetchProvider, ADFWriteProvider, SyncBlockDataProvider, SyncBlockInstance, MediaEmojiProviderOptions, SyncedBlockRendererProviderOptions, SyncBlockRendererProviderCreator, } from './providers/types';
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 export { getConfluencePageAri, getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId, } from './utils/ari';

package/dist/types/providers/syncBlockProvider.d.ts

@@ -1,6 +1,6 @@
 import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
 import { type SyncBlockData, type SyncBlockNode } from '../common/types';
-import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type SyncBlockInstance, type SyncBlockSourceInfo, type SyncedBlockRendererProviderOptions, type WriteSyncBlockResult } from '../providers/types';
+import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type SyncBlockInstance, type SyncBlockParentInfo, type SyncBlockSourceInfo, type SyncedBlockRendererProviderOptions, type WriteSyncBlockResult } from '../providers/types';
 export declare class SyncBlockProvider extends SyncBlockDataProvider {
     name: string;
     private fetchProvider;
@@ -79,5 +79,14 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
      * @returns The synced block renderer provider options
      */
     getSyncedBlockRendererProviderOptions(): SyncedBlockRendererProviderOptions;
+    /**
+     * Retrieve the parent info for the sync block
+     *
+     * @param resourceId
+     * @param syncBlockInstance
+     *
+     * @returns The parent info for the sync block
+     */
+    retrieveSyncBlockParentInfo(syncBlockInstance: SyncBlockInstance | undefined): SyncBlockParentInfo | undefined;
 }
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string, providerOptions: SyncedBlockRendererProviderOptions) => SyncBlockProvider;

package/dist/types/providers/types.d.ts

@@ -1,7 +1,9 @@
-import type { SyncedBlockRendererDataProviders, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { MediaProvider, ProfilecardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EmojiProvider } from '@atlaskit/emoji';
+import type { MentionProvider } from '@atlaskit/mention/types';
 import { NodeDataProvider } from '@atlaskit/node-data-provider';
-import type { SyncBlockData, ResourceId, SyncBlockError, SyncBlockNode } from '../common/types';
+import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
+import type { SyncBlockData, ResourceId, SyncBlockError, SyncBlockNode, SyncBlockProduct } from '../common/types';
 /**
  * The instance of a sync block, containing its data and metadata.
  * Mainly used for representing the state of a sync block after fetching from a data provider.
@@ -21,6 +23,10 @@ export type SyncBlockSourceInfo = {
     title?: string;
     url?: string;
 };
+export type SyncBlockParentInfo = {
+    contentId: string;
+    contentProduct: SyncBlockProduct;
+};
 export type WriteSyncBlockResult = {
     error?: string;
     resourceId?: string;
@@ -40,15 +46,20 @@ export interface ADFWriteProvider {
 }
 export type MediaEmojiProviderOptions = {
     contentId: string;
-    contentType: string;
-    spaceKey?: string | null;
+    contentProduct: SyncBlockProduct;
+};
+export type SyncedBlockRendererDataProviders = {
+    mentionProvider?: Promise<MentionProvider>;
+    profilecardProvider?: Promise<ProfilecardProvider>;
+    taskDecisionProvider?: Promise<TaskDecisionProvider>;
+};
+export type SyncBlockRendererProviderCreator = {
+    createEmojiProvider: ((options: MediaEmojiProviderOptions) => Promise<EmojiProvider>) | undefined;
+    createMediaProvider: ((options: MediaEmojiProviderOptions) => Promise<MediaProvider>) | undefined;
 };
 export type SyncedBlockRendererProviderOptions = {
     parentDataProviders?: SyncedBlockRendererDataProviders;
-    providerCreator?: {
-        createEmojiProvider: ((options: MediaEmojiProviderOptions) => Promise<EmojiProvider>) | undefined;
-        createMediaProvider: ((options: MediaEmojiProviderOptions) => Promise<MediaProvider>) | undefined;
-    };
+    providerCreator?: SyncBlockRendererProviderCreator;
 };
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, SyncBlockInstance> {
     abstract writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<WriteSyncBlockResult>>;
@@ -56,6 +67,7 @@ export declare abstract class SyncBlockDataProvider extends NodeDataProvider<Syn
     abstract getSourceId(): ResourceId;
     abstract retrieveSyncBlockSourceInfo(node: SyncBlockNode): Promise<SyncBlockSourceInfo | undefined>;
     abstract getSyncedBlockRendererProviderOptions(): SyncedBlockRendererProviderOptions;
+    abstract retrieveSyncBlockParentInfo(syncBlockInstance: SyncBlockInstance | undefined): SyncBlockParentInfo | undefined;
     /**
      * Generates a resource ID from a source ID and local ID.
      * @param sourceId - The source document ID (e.g., page ARI)

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

@@ -32,5 +32,6 @@ export declare class ReferenceSyncBlockStoreManager {
      */
     getSyncBlockURL(resourceId: ResourceId): string | undefined;
     getProviderFactory(resourceId: ResourceId): ProviderFactory | undefined;
+    private retrieveDynamicProviders;
     destroy(): void;
 }

package/dist/types/utils/blockService.d.ts

@@ -1,4 +1,4 @@
-export type BlockProduct = 'confluence-page' | 'jira-work-item';
+import type { SyncBlockProduct } from '../common/types';
 export type BlockContentResponse = {
     blockAri: string;
     blockInstanceId: string;
@@ -7,7 +7,7 @@ export type BlockContentResponse = {
     createdAt: number;
     createdBy: string;
     isSynced: boolean;
-    product: BlockProduct;
+    product: SyncBlockProduct;
     sourceAri: string;
     status: 'active' | 'deleted';
     version: number;
@@ -26,7 +26,7 @@ export type CreateSyncedBlockRequest = {
     blockAri: string;
     blockInstanceId: string;
     content: string;
-    product: string;
+    product: SyncBlockProduct;
     sourceAri: string;
 };
 export declare class BlockError extends Error {

package/dist/types-ts4.5/common/types.d.ts

@@ -2,6 +2,7 @@ import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
 export type BlockInstanceId = string;
 export type ResourceId = string;
+export type SyncBlockProduct = 'confluence-page' | 'jira-work-item';
 export type SyncBlockAttrs = {
     localId: BlockInstanceId;
     resourceId: ResourceId;
@@ -22,8 +23,9 @@ export interface SyncBlockData {
     createdAt?: string;
     createdBy?: string;
     isSynced?: boolean;
+    product?: SyncBlockProduct;
     resourceId: ResourceId;
-    sourceDocumentAri?: string;
+    sourceAri?: string;
     sourceTitle?: string;
     sourceURL?: string;
     updatedAt?: string;

package/dist/types-ts4.5/index.d.ts

@@ -4,11 +4,11 @@ export type { SyncBlockData, SyncBlockNode } from './common/types';
 export { useFetchSyncBlockData, type UseFetchSyncBlockDataResult, } from './hooks/useFetchSyncBlockData';
 export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './providers/block-service/ari';
+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 type { ADFFetchProvider, ADFWriteProvider, SyncBlockDataProvider, SyncBlockInstance, } from './providers/types';
+export type { ADFFetchProvider, ADFWriteProvider, SyncBlockDataProvider, SyncBlockInstance, MediaEmojiProviderOptions, SyncedBlockRendererProviderOptions, SyncBlockRendererProviderCreator, } from './providers/types';
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 export { getConfluencePageAri, getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId, } from './utils/ari';

package/dist/types-ts4.5/providers/syncBlockProvider.d.ts

@@ -1,6 +1,6 @@
 import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
 import { type SyncBlockData, type SyncBlockNode } from '../common/types';
-import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type SyncBlockInstance, type SyncBlockSourceInfo, type SyncedBlockRendererProviderOptions, type WriteSyncBlockResult } from '../providers/types';
+import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type SyncBlockInstance, type SyncBlockParentInfo, type SyncBlockSourceInfo, type SyncedBlockRendererProviderOptions, type WriteSyncBlockResult } from '../providers/types';
 export declare class SyncBlockProvider extends SyncBlockDataProvider {
     name: string;
     private fetchProvider;
@@ -79,5 +79,14 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
      * @returns The synced block renderer provider options
      */
     getSyncedBlockRendererProviderOptions(): SyncedBlockRendererProviderOptions;
+    /**
+     * Retrieve the parent info for the sync block
+     *
+     * @param resourceId
+     * @param syncBlockInstance
+     *
+     * @returns The parent info for the sync block
+     */
+    retrieveSyncBlockParentInfo(syncBlockInstance: SyncBlockInstance | undefined): SyncBlockParentInfo | undefined;
 }
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string, providerOptions: SyncedBlockRendererProviderOptions) => SyncBlockProvider;

package/dist/types-ts4.5/providers/types.d.ts

@@ -1,7 +1,9 @@
-import type { SyncedBlockRendererDataProviders, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { MediaProvider, ProfilecardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EmojiProvider } from '@atlaskit/emoji';
+import type { MentionProvider } from '@atlaskit/mention/types';
 import { NodeDataProvider } from '@atlaskit/node-data-provider';
-import type { SyncBlockData, ResourceId, SyncBlockError, SyncBlockNode } from '../common/types';
+import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
+import type { SyncBlockData, ResourceId, SyncBlockError, SyncBlockNode, SyncBlockProduct } from '../common/types';
 /**
  * The instance of a sync block, containing its data and metadata.
  * Mainly used for representing the state of a sync block after fetching from a data provider.
@@ -21,6 +23,10 @@ export type SyncBlockSourceInfo = {
     title?: string;
     url?: string;
 };
+export type SyncBlockParentInfo = {
+    contentId: string;
+    contentProduct: SyncBlockProduct;
+};
 export type WriteSyncBlockResult = {
     error?: string;
     resourceId?: string;
@@ -40,15 +46,20 @@ export interface ADFWriteProvider {
 }
 export type MediaEmojiProviderOptions = {
     contentId: string;
-    contentType: string;
-    spaceKey?: string | null;
+    contentProduct: SyncBlockProduct;
+};
+export type SyncedBlockRendererDataProviders = {
+    mentionProvider?: Promise<MentionProvider>;
+    profilecardProvider?: Promise<ProfilecardProvider>;
+    taskDecisionProvider?: Promise<TaskDecisionProvider>;
+};
+export type SyncBlockRendererProviderCreator = {
+    createEmojiProvider: ((options: MediaEmojiProviderOptions) => Promise<EmojiProvider>) | undefined;
+    createMediaProvider: ((options: MediaEmojiProviderOptions) => Promise<MediaProvider>) | undefined;
 };
 export type SyncedBlockRendererProviderOptions = {
     parentDataProviders?: SyncedBlockRendererDataProviders;
-    providerCreator?: {
-        createEmojiProvider: ((options: MediaEmojiProviderOptions) => Promise<EmojiProvider>) | undefined;
-        createMediaProvider: ((options: MediaEmojiProviderOptions) => Promise<MediaProvider>) | undefined;
-    };
+    providerCreator?: SyncBlockRendererProviderCreator;
 };
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, SyncBlockInstance> {
     abstract writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<WriteSyncBlockResult>>;
@@ -56,6 +67,7 @@ export declare abstract class SyncBlockDataProvider extends NodeDataProvider<Syn
     abstract getSourceId(): ResourceId;
     abstract retrieveSyncBlockSourceInfo(node: SyncBlockNode): Promise<SyncBlockSourceInfo | undefined>;
     abstract getSyncedBlockRendererProviderOptions(): SyncedBlockRendererProviderOptions;
+    abstract retrieveSyncBlockParentInfo(syncBlockInstance: SyncBlockInstance | undefined): SyncBlockParentInfo | undefined;
     /**
      * Generates a resource ID from a source ID and local ID.
      * @param sourceId - The source document ID (e.g., page ARI)

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

@@ -32,5 +32,6 @@ export declare class ReferenceSyncBlockStoreManager {
      */
     getSyncBlockURL(resourceId: ResourceId): string | undefined;
     getProviderFactory(resourceId: ResourceId): ProviderFactory | undefined;
+    private retrieveDynamicProviders;
     destroy(): void;
 }

package/dist/types-ts4.5/utils/blockService.d.ts

@@ -1,4 +1,4 @@
-export type BlockProduct = 'confluence-page' | 'jira-work-item';
+import type { SyncBlockProduct } from '../common/types';
 export type BlockContentResponse = {
     blockAri: string;
     blockInstanceId: string;
@@ -7,7 +7,7 @@ export type BlockContentResponse = {
     createdAt: number;
     createdBy: string;
     isSynced: boolean;
-    product: BlockProduct;
+    product: SyncBlockProduct;
     sourceAri: string;
     status: 'active' | 'deleted';
     version: number;
@@ -26,7 +26,7 @@ export type CreateSyncedBlockRequest = {
     blockAri: string;
     blockInstanceId: string;
     content: string;
-    product: string;
+    product: SyncBlockProduct;
     sourceAri: string;
 };
 export declare class BlockError extends Error {

package/package.json

@@ -26,12 +26,12 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.4.0",
 		"@atlaskit/adf-utils": "^19.26.0",
-		"@atlaskit/css": "^0.15.0",
+		"@atlaskit/css": "^0.16.0",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/node-data-provider": "^7.5.0",
-		"@atlaskit/primitives": "^16.1.0",
-		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/primitives": "^16.2.0",
+		"@atlaskit/tokens": "^8.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"uuid": "^3.1.0"
@@ -83,7 +83,7 @@
 		}
 	},
 	"name": "@atlaskit/editor-synced-block-provider",
-	"version": "2.10.1",
+	"version": "2.10.2",
 	"description": "Synced Block Provider for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",