@atlaskit/editor-synced-block-provider 2.10.5 → 2.11.0

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

@@ -9,8 +9,10 @@ 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 { logException } from '@atlaskit/editor-common/monitoring';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SyncBlockError } from '../common/types';
+import { fetchErrorPayload, getSourceInfoErrorPayload } from '../utils/errorHandling';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { createSyncBlockNode } from '../utils/utils';
 
@@ -20,7 +22,7 @@ import { createSyncBlockNode } from '../utils/utils';
 // Handles fetching source URL and title for sync blocks.
 // Can be used in both editor and renderer contexts.
 export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
-  function ReferenceSyncBlockStoreManager(dataProvider) {
+  function ReferenceSyncBlockStoreManager(dataProvider, fireAnalyticsEvent) {
     _classCallCheck(this, ReferenceSyncBlockStoreManager);
     _defineProperty(this, "isRefreshingSubscriptions", false);
     this.syncBlockCache = new Map();
@@ -29,17 +31,23 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     this.dataProvider = dataProvider;
     this.syncBlockURLRequests = new Map();
     this.providerFactories = new Map();
+    this.fireAnalyticsEvent = fireAnalyticsEvent;
   }
-
-  /**
-   * Refreshes the subscriptions for all sync blocks.
-   * @returns {Promise<void>}
-   */
   return _createClass(ReferenceSyncBlockStoreManager, [{
+    key: "updateFireAnalyticsEvent",
+    value: function updateFireAnalyticsEvent(fireAnalyticsEvent) {
+      this.fireAnalyticsEvent = fireAnalyticsEvent;
+    }
+
+    /**
+     * Refreshes the subscriptions for all sync blocks.
+     * @returns {Promise<void>}
+     */
+  }, {
     key: "refreshSubscriptions",
     value: (function () {
       var _refreshSubscriptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var syncBlocks, _iterator, _step, _loop;
+        var syncBlocks, _iterator, _step, _loop, _this$fireAnalyticsEv;
         return _regeneratorRuntime.wrap(function _callee$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -94,20 +102,24 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               _context2.next = 23;
               return this.fetchSyncBlocksData(syncBlocks);
             case 23:
-              _context2.next = 27;
+              _context2.next = 29;
               break;
             case 25:
               _context2.prev = 25;
               _context2.t2 = _context2["catch"](20);
-            case 27:
-              _context2.prev = 27;
+              logException(_context2.t2, {
+                location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+              });
+              (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, fetchErrorPayload(_context2.t2.message));
+            case 29:
+              _context2.prev = 29;
               this.isRefreshingSubscriptions = false;
-              return _context2.finish(27);
-            case 30:
+              return _context2.finish(29);
+            case 32:
             case "end":
               return _context2.stop();
           }
-        }, _callee, this, [[5, 14, 17, 20], [20, 25, 27, 30]]);
+        }, _callee, this, [[5, 14, 17, 20], [20, 25, 29, 32]]);
       }));
       function refreshSubscriptions() {
         return _refreshSubscriptions.apply(this, arguments);
@@ -115,34 +127,54 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       return refreshSubscriptions;
     }())
   }, {
-    key: "retrieveSyncBlockSourceInfo",
-    value: function retrieveSyncBlockSourceInfo(resourceId) {
+    key: "fetchSyncBlockSourceInfo",
+    value: function fetchSyncBlockSourceInfo(resourceId) {
       var _this = this;
-      if (!resourceId || !this.dataProvider) {
-        return;
-      }
-
-      // TODO: EDITOR-3312 - retrieve the source info based on the source sync block product
-
-      // if the sync block is a reference block, we need to fetch the URL to the source
-      // we could optimise this further by checking if the sync block is on the same page as the source
-      if (!this.syncBlockURLRequests.get(resourceId)) {
+      try {
+        var _existingSyncBlock$da, _existingSyncBlock$da2;
+        if (!resourceId || !this.dataProvider) {
+          throw new Error('Data provider or resourceId not set');
+        }
+        if (this.syncBlockURLRequests.get(resourceId)) {
+          return;
+        }
         this.syncBlockURLRequests.set(resourceId, true);
-        this.dataProvider.retrieveSyncBlockSourceInfo(createSyncBlockNode('', resourceId)).then(function (sourceInfo) {
-          var existingSyncBlock = _this.getFromCache(resourceId);
-          if (existingSyncBlock && existingSyncBlock.data) {
-            existingSyncBlock.data = _objectSpread(_objectSpread({}, existingSyncBlock.data), {}, {
-              sourceURL: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.url,
-              sourceTitle: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.title
-            });
-            _this.updateCache(existingSyncBlock);
-            if (sourceInfo !== null && sourceInfo !== void 0 && sourceInfo.title) {
-              _this.updateSourceTitleSubscriptions(existingSyncBlock.resourceId, sourceInfo.title);
-            }
+        var existingSyncBlock = this.getFromCache(resourceId);
+        if (!existingSyncBlock) {
+          throw new Error('No existing sync block to fetch source info for');
+        }
+
+        // skip if source URL and title are already present
+        if ((_existingSyncBlock$da = existingSyncBlock.data) !== null && _existingSyncBlock$da !== void 0 && _existingSyncBlock$da.sourceURL && (_existingSyncBlock$da2 = existingSyncBlock.data) !== null && _existingSyncBlock$da2 !== void 0 && _existingSyncBlock$da2.sourceTitle) {
+          return;
+        }
+        var _ref = existingSyncBlock.data || {},
+          sourceAri = _ref.sourceAri,
+          product = _ref.product,
+          blockInstanceId = _ref.blockInstanceId;
+        if (!sourceAri || !product || !blockInstanceId) {
+          throw new Error('SourceAri, product or blockInstanceId missing');
+        }
+        this.dataProvider.fetchSyncBlockSourceInfo(blockInstanceId, sourceAri, product, this.fireAnalyticsEvent).then(function (sourceInfo) {
+          if (!sourceInfo) {
+            return;
+          }
+          _this.updateCacheWithSourceInfo(resourceId, sourceInfo);
+          if (sourceInfo.title) {
+            _this.updateSourceTitleSubscriptions(resourceId, sourceInfo.title);
           }
+        }).catch(function (error) {
+          var _this$fireAnalyticsEv2;
+          (_this$fireAnalyticsEv2 = _this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(_this, getSourceInfoErrorPayload(error.message));
         }).finally(function () {
-          _this.syncBlockURLRequests.set(resourceId, false);
+          _this.syncBlockURLRequests.delete(resourceId);
         });
+      } catch (error) {
+        var _this$fireAnalyticsEv3;
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+        });
+        (_this$fireAnalyticsEv3 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(this, getSourceInfoErrorPayload(error.message));
       }
     }
 
@@ -186,19 +218,16 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
               return this.dataProvider.fetchNodesData(nodesToFetch);
             case 8:
               data = _context3.sent;
-              if (data) {
-                _context3.next = 11;
-                break;
-              }
-              throw new Error('Failed to fetch sync block node data');
-            case 11:
               resolvedData = [];
               data.forEach(function (syncBlockInstance) {
-                var _resolvedSyncBlockIns, _resolvedSyncBlockIns2;
                 if (!syncBlockInstance.resourceId) {
+                  var _this2$fireAnalyticsE;
+                  (_this2$fireAnalyticsE = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE === void 0 || _this2$fireAnalyticsE.call(_this2, fetchErrorPayload(syncBlockInstance.error || 'Returned sync block instance does not have resource id'));
                   return;
                 }
                 if (syncBlockInstance.error) {
+                  var _this2$fireAnalyticsE2;
+                  (_this2$fireAnalyticsE2 = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE2 === void 0 || _this2$fireAnalyticsE2.call(_this2, fetchErrorPayload(syncBlockInstance.error));
                   _this2.updateCache(syncBlockInstance);
                   resolvedData.push(syncBlockInstance);
                   return;
@@ -207,14 +236,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 var resolvedSyncBlockInstance = existingSyncBlock ? resolveSyncBlockInstance(existingSyncBlock, syncBlockInstance) : syncBlockInstance;
                 _this2.updateCache(resolvedSyncBlockInstance);
                 resolvedData.push(resolvedSyncBlockInstance);
-
-                // fetch source URL and title if not already present
-                if ((!((_resolvedSyncBlockIns = resolvedSyncBlockInstance.data) !== null && _resolvedSyncBlockIns !== void 0 && _resolvedSyncBlockIns.sourceURL) || !((_resolvedSyncBlockIns2 = resolvedSyncBlockInstance.data) !== null && _resolvedSyncBlockIns2 !== void 0 && _resolvedSyncBlockIns2.sourceTitle)) && resolvedSyncBlockInstance.resourceId) {
-                  _this2.retrieveSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
-                }
+                _this2.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
               });
               return _context3.abrupt("return", [].concat(resolvedData, blocksWithNotFoundError));
-            case 14:
+            case 12:
             case "end":
               return _context3.stop();
           }
@@ -225,6 +250,19 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       }
       return fetchSyncBlocksData;
     }())
+  }, {
+    key: "updateCacheWithSourceInfo",
+    value: function updateCacheWithSourceInfo(resourceId, sourceInfo) {
+      var existingSyncBlock = this.getFromCache(resourceId);
+      if (existingSyncBlock && existingSyncBlock.data) {
+        existingSyncBlock.data.sourceURL = sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.url;
+        existingSyncBlock.data = _objectSpread(_objectSpread({}, existingSyncBlock.data), {}, {
+          sourceURL: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.url,
+          sourceTitle: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.title
+        });
+        this.updateCache(existingSyncBlock);
+      }
+    }
   }, {
     key: "updateCache",
     value: function updateCache(syncBlock) {
@@ -273,7 +311,13 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       if (cachedData) {
         callback(cachedData);
       } else {
-        this.fetchSyncBlocksData([createSyncBlockNode(localId, resourceId)]).catch(function () {});
+        this.fetchSyncBlocksData([createSyncBlockNode(localId, resourceId)]).catch(function (error) {
+          var _this3$fireAnalyticsE;
+          logException(error, {
+            location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+          });
+          (_this3$fireAnalyticsE = _this3.fireAnalyticsEvent) === null || _this3$fireAnalyticsE === void 0 || _this3$fireAnalyticsE.call(_this3, fetchErrorPayload(error.message));
+        });
       }
       return function () {
         var resourceSubscriptions = _this3.subscriptions.get(resourceId);
@@ -326,17 +370,26 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "subscribe",
     value: function subscribe(node, callback) {
-      // check node is a sync block, as we only support sync block subscriptions
-      if (node.type.name !== 'syncBlock') {
-        return function () {};
-      }
-      var _node$attrs2 = node.attrs,
-        resourceId = _node$attrs2.resourceId,
-        localId = _node$attrs2.localId;
-      if (!localId || !resourceId) {
+      try {
+        // check node is a sync block, as we only support sync block subscriptions
+        if (node.type.name !== 'syncBlock') {
+          throw new Error('Only sync block node subscriptions are supported');
+        }
+        var _node$attrs2 = node.attrs,
+          resourceId = _node$attrs2.resourceId,
+          localId = _node$attrs2.localId;
+        if (!localId || !resourceId) {
+          throw new Error('Missing local id or resource id');
+        }
+        return this.subscribeToSyncBlock(resourceId, localId, callback);
+      } catch (error) {
+        var _this$fireAnalyticsEv4;
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+        });
+        (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, fetchErrorPayload(error.message));
         return function () {};
       }
-      return this.subscribeToSyncBlock(resourceId, localId, callback);
     }
 
     /**
@@ -358,6 +411,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "getProviderFactory",
     value: function getProviderFactory(resourceId) {
       if (!this.dataProvider) {
+        var _this$fireAnalyticsEv5;
+        var error = new Error('Data provider not set');
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+        });
+        (_this$fireAnalyticsEv5 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv5 === void 0 || _this$fireAnalyticsEv5.call(this, fetchErrorPayload(error.message));
         return undefined;
       }
       var _this$dataProvider$ge = this.dataProvider.getSyncedBlockRendererProviderOptions(),
@@ -373,25 +432,40 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         this.providerFactories.set(resourceId, providerFactory);
       }
       if (providerCreator) {
-        this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
+        try {
+          this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
+        } catch (error) {
+          var _this$fireAnalyticsEv6;
+          logException(error, {
+            location: 'editor-synced-block-provider/referenceSyncBlockStoreManager'
+          });
+          (_this$fireAnalyticsEv6 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv6 === void 0 || _this$fireAnalyticsEv6.call(this, fetchErrorPayload(error.message));
+        }
       }
       return providerFactory;
     }
   }, {
     key: "retrieveDynamicProviders",
     value: function retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
+      var _syncBlock$data2, _syncBlock$data3, _syncBlock$data4, _syncBlock$data5;
       if (!this.dataProvider) {
-        return;
+        throw new Error('Data provider not set');
       }
       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) {
+      var syncBlock = this.getFromCache(resourceId);
+      if (!syncBlock || !((_syncBlock$data2 = syncBlock.data) !== null && _syncBlock$data2 !== void 0 && _syncBlock$data2.sourceAri) || !((_syncBlock$data3 = syncBlock.data) !== null && _syncBlock$data3 !== void 0 && _syncBlock$data3.product)) {
+        var _this$fireAnalyticsEv7;
+        (_this$fireAnalyticsEv7 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv7 === void 0 || _this$fireAnalyticsEv7.call(this, fetchErrorPayload('Sync block or source ari or product not found'));
         return;
       }
+      var parentInfo = this.dataProvider.retrieveSyncBlockParentInfo((_syncBlock$data4 = syncBlock.data) === null || _syncBlock$data4 === void 0 ? void 0 : _syncBlock$data4.sourceAri, (_syncBlock$data5 = syncBlock.data) === null || _syncBlock$data5 === void 0 ? void 0 : _syncBlock$data5.product);
+      if (!parentInfo) {
+        throw new Error('Unable to retrive sync block parent info');
+      }
       var contentId = parentInfo.contentId,
         contentProduct = parentInfo.contentProduct;
       if (!hasMediaProvider) {
@@ -431,6 +505,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         providerFactory.destroy();
       });
       this.providerFactories.clear();
+      this.fireAnalyticsEvent = undefined;
     }
   }]);
 }();

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

@@ -5,7 +5,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
+import { logException } from '@atlaskit/editor-common/monitoring';
 import { rebaseTransaction as _rebaseTransaction } from '../common/rebase-transaction';
+import { updateErrorPayload, createErrorPayload, deleteErrorPayload, updateCacheErrorPayload } from '../utils/errorHandling';
 import { convertSyncBlockPMNodeToSyncBlockData, createBodiedSyncBlockNode as _createBodiedSyncBlockNode } from '../utils/utils';
 // A store manager responsible for the lifecycle and state management of source sync blocks in an editor instance.
 // Designed to manage local in-memory state and synchronize with an external data provider.
@@ -13,7 +15,7 @@ import { convertSyncBlockPMNodeToSyncBlockData, createBodiedSyncBlockNode as _cr
 // Handles caching, debouncing updates, and publish/subscribe for local changes.
 // Ensures consistency between local and remote state, and can be used in both editor and renderer contexts.
 export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
-  function SourceSyncBlockStoreManager(dataProvider) {
+  function SourceSyncBlockStoreManager(dataProvider, fireAnalyticsEvent) {
     var _this = this;
     _classCallCheck(this, SourceSyncBlockStoreManager);
     _defineProperty(this, "setPendingDeletion", function (Ids, value) {
@@ -24,6 +26,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     });
     this.dataProvider = dataProvider;
     this.syncBlockCache = new Map();
+    this.fireAnalyticsEvent = fireAnalyticsEvent;
   }
   return _createClass(SourceSyncBlockStoreManager, [{
     key: "isSourceBlock",
@@ -38,18 +41,27 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "updateSyncBlockData",
     value: function updateSyncBlockData(syncBlockNode) {
-      if (!this.isSourceBlock(syncBlockNode)) {
-        throw new Error('Invalid sync block node type provided for updateSyncBlockData');
-      }
-      var _syncBlockNode$attrs = syncBlockNode.attrs,
-        localId = _syncBlockNode$attrs.localId,
-        resourceId = _syncBlockNode$attrs.resourceId;
-      if (!localId || !resourceId) {
-        throw new Error('Local ID or resource ID is not set');
+      try {
+        if (!this.isSourceBlock(syncBlockNode)) {
+          throw new Error('Invalid sync block node type provided for updateSyncBlockData');
+        }
+        var _syncBlockNode$attrs = syncBlockNode.attrs,
+          localId = _syncBlockNode$attrs.localId,
+          resourceId = _syncBlockNode$attrs.resourceId;
+        if (!localId || !resourceId) {
+          throw new Error('Local ID or resource ID is not set');
+        }
+        var syncBlockData = convertSyncBlockPMNodeToSyncBlockData(syncBlockNode);
+        this.syncBlockCache.set(resourceId, syncBlockData);
+        return true;
+      } catch (error) {
+        var _this$fireAnalyticsEv;
+        logException(error, {
+          location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
+        });
+        (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, updateCacheErrorPayload(error.message));
+        return false;
       }
-      var syncBlockData = convertSyncBlockPMNodeToSyncBlockData(syncBlockNode);
-      this.syncBlockCache.set(resourceId, syncBlockData);
-      return true;
     }
 
     /**
@@ -61,7 +73,8 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "flush",
     value: (function () {
       var _flush = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var bodiedSyncBlockNodes, bodiedSyncBlockData, writeResults;
+        var _this2 = this;
+        var bodiedSyncBlockNodes, bodiedSyncBlockData, writeResults, _this$fireAnalyticsEv2;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -97,18 +110,37 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               return this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
             case 10:
               writeResults = _context.sent;
-              return _context.abrupt("return", writeResults.every(function (result) {
+              if (!writeResults.every(function (result) {
                 return result.resourceId !== undefined;
-              }));
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](0);
+              })) {
+                _context.next = 15;
+                break;
+              }
+              return _context.abrupt("return", true);
+            case 15:
+              writeResults.filter(function (result) {
+                return result.resourceId === undefined;
+              }).forEach(function (result) {
+                var _this2$fireAnalyticsE;
+                (_this2$fireAnalyticsE = _this2.fireAnalyticsEvent) === null || _this2$fireAnalyticsE === void 0 || _this2$fireAnalyticsE.call(_this2, updateErrorPayload(result.error || 'Failed to write data'));
+              });
               return _context.abrupt("return", false);
             case 17:
+              _context.next = 24;
+              break;
+            case 19:
+              _context.prev = 19;
+              _context.t0 = _context["catch"](0);
+              logException(_context.t0, {
+                location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
+              });
+              (_this$fireAnalyticsEv2 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv2 === void 0 || _this$fireAnalyticsEv2.call(this, updateErrorPayload(_context.t0.message));
+              return _context.abrupt("return", false);
+            case 24:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 14]]);
+        }, _callee, this, [[0, 19]]);
       }));
       function flush() {
         return _flush.apply(this, arguments);
@@ -161,10 +193,10 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "registerConfirmationCallback",
     value: function registerConfirmationCallback(callback) {
-      var _this2 = this;
+      var _this3 = this;
       this.confirmationCallback = callback;
       return function () {
-        _this2.confirmationCallback = undefined;
+        _this3.confirmationCallback = undefined;
       };
     }
   }, {
@@ -184,7 +216,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
       var localId = uuid();
       var sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
       if (!this.dataProvider || !sourceId) {
-        throw new Error('Provider of sync block plugin is not set');
+        throw new Error('Data provider not set or source id not set');
       }
       var resourceId = this.dataProvider.generateResourceId(sourceId, localId);
       return {
@@ -200,7 +232,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "createBodiedSyncBlockNode",
     value: function createBodiedSyncBlockNode(attrs) {
-      var _this3 = this;
+      var _this4 = this;
       try {
         if (!this.dataProvider) {
           throw new Error('Data provider not set');
@@ -215,35 +247,44 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
           results.forEach(function (result) {
             var resourceId = result.resourceId;
             if (resourceId) {
-              _this3.commitPendingCreation(true);
+              _this4.commitPendingCreation(true);
             } else {
-              _this3.commitPendingCreation(false);
-              // TODO: EDITOR-1921 - add error analytics
+              var _this4$fireAnalyticsE;
+              _this4.commitPendingCreation(false);
+              (_this4$fireAnalyticsE = _this4.fireAnalyticsEvent) === null || _this4$fireAnalyticsE === void 0 || _this4$fireAnalyticsE.call(_this4, createErrorPayload(result.error || 'Failed to create bodied sync block'));
             }
           });
-        }).catch(function (_reason) {
-          _this3.commitPendingCreation(false);
-          // TODO: EDITOR-1921 - add error analytics
+        }).catch(function (error) {
+          var _this4$fireAnalyticsE2;
+          _this4.commitPendingCreation(false);
+          logException(error, {
+            location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
+          });
+          (_this4$fireAnalyticsE2 = _this4.fireAnalyticsEvent) === null || _this4$fireAnalyticsE2 === void 0 || _this4$fireAnalyticsE2.call(_this4, createErrorPayload(error.message));
         });
         this.registerPendingCreation(resourceId);
       } catch (error) {
+        var _this$fireAnalyticsEv3;
         if (this.hasPendingCreation()) {
           this.commitPendingCreation(false);
         }
-        // TODO: EDITOR-1921 - add error analytics
+        logException(error, {
+          location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
+        });
+        (_this$fireAnalyticsEv3 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv3 === void 0 || _this$fireAnalyticsEv3.call(this, createErrorPayload(error.message));
       }
     }
   }, {
     key: "deleteSyncBlocksWithConfirmation",
     value: function () {
       var _deleteSyncBlocksWithConfirmation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(tr, syncBlockIds) {
-        var _this4 = this;
-        var confirmed, _this$editorView, results, callback;
+        var _this5 = this;
+        var confirmed, _this$editorView, results, callback, _this$fireAnalyticsEv4;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!this.confirmationCallback) {
-                _context2.next = 22;
+                _context2.next = 24;
                 break;
               }
               this.confirmationTransaction = tr;
@@ -252,7 +293,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
             case 4:
               confirmed = _context2.sent;
               if (!confirmed) {
-                _context2.next = 21;
+                _context2.next = 23;
                 break;
               }
               (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
@@ -264,7 +305,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               throw new Error('Data provider not set');
             case 10:
               syncBlockIds.forEach(function (Ids) {
-                _this4.setPendingDeletion(Ids, true);
+                _this5.setPendingDeletion(Ids, true);
               });
               _context2.next = 13;
               return this.dataProvider.deleteNodesData(syncBlockIds.map(function (attrs) {
@@ -276,27 +317,35 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
                 return result.success;
               })) {
                 callback = function callback(Ids) {
-                  return _this4.syncBlockCache.delete(Ids.resourceId);
+                  return _this5.syncBlockCache.delete(Ids.resourceId);
                 };
               } else {
                 callback = function callback(Ids) {
-                  _this4.setPendingDeletion(Ids, false);
+                  _this5.setPendingDeletion(Ids, false);
                 };
-                // TODO: EDITOR-1921 - add error analytics
+                results.filter(function (result) {
+                  return result.resourceId === undefined;
+                }).forEach(function (result) {
+                  var _this5$fireAnalyticsE;
+                  (_this5$fireAnalyticsE = _this5.fireAnalyticsEvent) === null || _this5$fireAnalyticsE === void 0 || _this5$fireAnalyticsE.call(_this5, deleteErrorPayload(result.error || 'Failed to delete synced block'));
+                });
               }
               syncBlockIds.forEach(callback);
-              _context2.next = 21;
+              _context2.next = 23;
               break;
             case 18:
               _context2.prev = 18;
               _context2.t0 = _context2["catch"](7);
               syncBlockIds.forEach(function (Ids) {
-                _this4.setPendingDeletion(Ids, false);
+                _this5.setPendingDeletion(Ids, false);
+              });
+              logException(_context2.t0, {
+                location: 'editor-synced-block-provider/sourceSyncBlockStoreManager'
               });
-              // TODO: EDITOR-1921 - add error analytics
-            case 21:
+              (_this$fireAnalyticsEv4 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv4 === void 0 || _this$fireAnalyticsEv4.call(this, deleteErrorPayload(_context2.t0.message));
+            case 23:
               this.confirmationTransaction = undefined;
-            case 22:
+            case 24:
             case "end":
               return _context2.stop();
           }
@@ -325,6 +374,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
       this.creationCallback = undefined;
       this.dataProvider = undefined;
       this.editorView = undefined;
+      this.fireAnalyticsEvent = undefined;
     }
   }]);
 }();

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

@@ -9,12 +9,12 @@ import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';
 // SourceSyncBlockStoreManager is responsible for the lifecycle and state management of source sync blocks in an editor instance.
 // Can be used in both editor and renderer contexts.
 export var SyncBlockStoreManager = /*#__PURE__*/function () {
-  function SyncBlockStoreManager(dataProvider) {
+  function SyncBlockStoreManager(dataProvider, fireAnalyticsEvent) {
     _classCallCheck(this, SyncBlockStoreManager);
     // In future, if reference manager needs to reach to source manager and read it's current in memorey cache
     // we can pass the source manager as a parameter to the reference manager constructor
-    this.sourceSyncBlockStoreManager = new SourceSyncBlockStoreManager(dataProvider);
-    this.referenceSyncBlockStoreManager = new ReferenceSyncBlockStoreManager(dataProvider);
+    this.sourceSyncBlockStoreManager = new SourceSyncBlockStoreManager(dataProvider, fireAnalyticsEvent);
+    this.referenceSyncBlockStoreManager = new ReferenceSyncBlockStoreManager(dataProvider, fireAnalyticsEvent);
   }
   return _createClass(SyncBlockStoreManager, [{
     key: "referenceManager",