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

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @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
+
+- [`a05464ea42678`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a05464ea42678) -
+  EDITOR-2791 bump adf-schema
+- Updated dependencies
+
+## 2.10.0
+
+### Minor Changes
+
+- [`00d86f82d23fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00d86f82d23fa) -
+  Move ARI checks to providers
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.9.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -60,13 +60,13 @@ Object.defineProperty(exports, "createSyncBlockNode", {
 Object.defineProperty(exports, "getConfluencePageAri", {
   enumerable: true,
   get: function get() {
-    return _ari.getConfluencePageAri;
+    return _ari2.getConfluencePageAri;
   }
 });
 Object.defineProperty(exports, "getLocalIdFromAri", {
   enumerable: true,
   get: function get() {
-    return _ari.getLocalIdFromAri;
+    return _ari2.getLocalIdFromAri;
   }
 });
 Object.defineProperty(exports, "getLocalIdFromResourceId", {
@@ -78,13 +78,13 @@ Object.defineProperty(exports, "getLocalIdFromResourceId", {
 Object.defineProperty(exports, "getPageARIFromResourceId", {
   enumerable: true,
   get: function get() {
-    return _ari.getPageARIFromResourceId;
+    return _ari2.getPageARIFromResourceId;
   }
 });
 Object.defineProperty(exports, "getPageIdAndTypeFromAri", {
   enumerable: true,
   get: function get() {
-    return _ari.getPageIdAndTypeFromAri;
+    return _ari2.getPageIdAndTypeFromAri;
   }
 });
 Object.defineProperty(exports, "rebaseTransaction", {
@@ -102,7 +102,7 @@ Object.defineProperty(exports, "resolveSyncBlockInstance", {
 Object.defineProperty(exports, "resourceIdFromSourceAndLocalId", {
   enumerable: true,
   get: function get() {
-    return _ari.resourceIdFromSourceAndLocalId;
+    return _ari2.resourceIdFromSourceAndLocalId;
   }
 });
 Object.defineProperty(exports, "useFetchSyncBlockData", {
@@ -146,11 +146,12 @@ var _types = require("./common/types");
 var _useFetchSyncBlockData = require("./hooks/useFetchSyncBlockData");
 var _useFetchSyncBlockTitle = require("./hooks/useFetchSyncBlockTitle");
 var _useHandleContentChanges = require("./hooks/useHandleContentChanges");
+var _ari = require("./providers/block-service/ari");
 var _blockServiceAPI = require("./providers/block-service/blockServiceAPI");
 var _confluenceContentAPI = require("./providers/confluence/confluenceContentAPI");
 var _syncBlockProvider = require("./providers/syncBlockProvider");
 var _referenceSyncBlockStoreManager = require("./store-manager/referenceSyncBlockStoreManager");
 var _syncBlockStoreManager = require("./store-manager/syncBlockStoreManager");
-var _ari = require("./utils/ari");
+var _ari2 = require("./utils/ari");
 var _utils = require("./utils/utils");
 var _resolveSyncBlockInstance = require("./utils/resolveSyncBlockInstance");

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLocalIdFromResourceId = exports.blockResourceIdFromSourceAndLocalId = void 0;
+/* 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
+ */
+var blockResourceIdFromSourceAndLocalId = exports.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
+ */
+var getLocalIdFromResourceId = exports.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/cjs/providers/block-service/blockServiceAPI.js

@@ -11,9 +11,9 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _react = require("react");
 var _types = require("../../common/types");
-var _ari = require("../../utils/ari");
 var _blockService = require("../../utils/blockService");
 var _errorHandling = require("../../utils/errorHandling");
+var _ari = require("./ari");
 var mapBlockError = function mapBlockError(error) {
   switch (error.status) {
     case 403:
@@ -96,6 +96,20 @@ var BlockServiceADFFetchProvider = /*#__PURE__*/function () {
       }
       return fetchData;
     }()
+  }, {
+    key: "retrieveSourceInfoFetchData",
+    value: function retrieveSourceInfoFetchData(resourceId, pageARI) {
+      var sourceLocalId;
+      try {
+        sourceLocalId = (0, _ari.getLocalIdFromResourceId)(resourceId);
+      } catch (error) {
+        // EDITOR-1921: log analytic here, safe to continue
+      }
+      return {
+        pageARI: pageARI,
+        sourceLocalId: sourceLocalId
+      };
+    }
   }]);
 }();
 /**

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
  */
@@ -134,6 +136,21 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
       }
       return fetchData;
     }()
+  }, {
+    key: "retrieveSourceInfoFetchData",
+    value: function retrieveSourceInfoFetchData(resourceId) {
+      var pageARI = (0, _ari.getPageARIFromResourceId)(resourceId);
+      var sourceLocalId;
+      try {
+        sourceLocalId = (0, _ari.getLocalIdFromAri)(resourceId);
+      } catch (error) {
+        // EDITOR-1921: log analytic here, safe to continue
+      }
+      return {
+        pageARI: pageARI,
+        sourceLocalId: sourceLocalId
+      };
+    }
   }]);
 }();
 /**
@@ -202,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:
@@ -223,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 () {
@@ -256,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

@@ -22,6 +22,8 @@ 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; })(); }
 var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
+  // the source document ARI; that the source sync block is on.
+
   /**
    * Constructor for the SyncBlockProvider
    *
@@ -216,20 +218,20 @@ 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 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 = (0, _ari.getPageARIFromResourceId)(resourceId);
+          var fetchData = this.fetchProvider.retrieveSourceInfoFetchData(resourceId, this.sourceId);
+          pageARI = fetchData.pageARI;
+          sourceLocalId = fetchData.sourceLocalId;
         } catch (error) {
           return Promise.reject(error);
         }
-        try {
-          sourceLocalId = (0, _ari.getLocalIdFromAri)(resourceId);
-        } catch (error) {
-          // EDITOR-1921: log analytic here, safe to continue
-        }
       }
       return pageARI ? (0, _sourceInfo.fetchSourceInfo)(pageARI, sourceLocalId) : Promise.resolve(undefined);
     }
@@ -249,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

@@ -3,13 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resourceIdFromSourceAndLocalId = exports.getPageIdAndTypeFromAri = exports.getPageARIFromResourceId = exports.getLocalIdFromResourceId = exports.getLocalIdFromAri = exports.getConfluencePageAri = exports.blockResourceIdFromSourceAndLocalId = void 0;
+exports.resourceIdFromSourceAndLocalId = exports.getPageIdAndTypeFromAri = exports.getPageARIFromResourceId = exports.getLocalIdFromAri = exports.getConfluencePageAri = void 0;
 /* eslint-disable require-unicode-regexp  */
 
 var getConfluencePageAri = exports.getConfluencePageAri = function getConfluencePageAri(pageId, cloudId) {
   var pageType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'page';
   return "ari:cloud:confluence:".concat(cloudId, ":").concat(pageType, "/").concat(pageId);
 };
+
+// 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]) {
@@ -36,35 +38,4 @@ var getPageARIFromResourceId = exports.getPageARIFromResourceId = function getPa
 };
 var resourceIdFromSourceAndLocalId = exports.resourceIdFromSourceAndLocalId = function 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
- */
-var blockResourceIdFromSourceAndLocalId = exports.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);
-};
-
-/**
- * @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
- */
-var getLocalIdFromResourceId = exports.getLocalIdFromResourceId = function getLocalIdFromResourceId(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));
 };

package/dist/cjs/utils/sourceInfo.js

@@ -69,15 +69,15 @@ var getSourceInfo = /*#__PURE__*/function () {
   };
 }();
 var fetchSourceInfo = exports.fetchSourceInfo = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(ari, localId) {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(pageAri, localId) {
     var _response$data, _contentData$space, _getPageIdAndTypeFrom, pageType, response, contentData, title, url, _ref3, base;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.prev = 0;
-          _getPageIdAndTypeFrom = (0, _ari.getPageIdAndTypeFromAri)(ari), pageType = _getPageIdAndTypeFrom.type;
+          _getPageIdAndTypeFrom = (0, _ari.getPageIdAndTypeFromAri)(pageAri), pageType = _getPageIdAndTypeFrom.type;
           _context2.next = 4;
-          return getSourceInfo(ari);
+          return getSourceInfo(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];

package/dist/es2019/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/es2019/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 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}`;
+};
+
+/**
+ * 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 const getLocalIdFromResourceId = ari => {
+  const match = ari.match(/ari:cloud:blocks:[^:]+:synced-block\/([a-zA-Z0-9-]+)/);
+  if (match !== null && match !== void 0 && match[1]) {
+    return match[1];
+  }
+  throw new Error(`Invalid page ARI: ${ari}`);
+};

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

@@ -1,8 +1,8 @@
 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';
 const mapBlockError = error => {
   switch (error.status) {
     case 403:
@@ -56,6 +56,18 @@ class BlockServiceADFFetchProvider {
       };
     }
   }
+  retrieveSourceInfoFetchData(resourceId, pageARI) {
+    let sourceLocalId;
+    try {
+      sourceLocalId = getLocalIdFromResourceId(resourceId);
+    } catch (error) {
+      // EDITOR-1921: log analytic here, safe to continue
+    }
+    return {
+      pageARI,
+      sourceLocalId
+    };
+  }
 }
 
 /**

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, 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';
@@ -98,6 +98,19 @@ class ConfluenceADFFetchProvider {
       };
     }
   }
+  retrieveSourceInfoFetchData(resourceId) {
+    const pageARI = getPageARIFromResourceId(resourceId);
+    let sourceLocalId;
+    try {
+      sourceLocalId = getLocalIdFromAri(resourceId);
+    } catch (error) {
+      // EDITOR-1921: log analytic here, safe to continue
+    }
+    return {
+      pageARI,
+      sourceLocalId
+    };
+  }
 }
 
 /**
@@ -153,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
       };