@atlaskit/editor-synced-block-provider 2.5.2 → 2.7.0

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createSyncBlockNode } from '../utils/createSyncBlock';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
+import { createSyncBlockNode } from '../utils/utils';
 export class ReferenceSyncBlockStoreManager {
   constructor(dataProvider) {
     _defineProperty(this, "isRefreshingSubscriptions", false);
@@ -117,19 +117,7 @@ export class ReferenceSyncBlockStoreManager {
   deleteFromCache(resourceId) {
     this.syncBlockCache.delete(resourceId);
   }
-  subscribe(node, callback) {
-    // check node is a sync block, as we only support sync block subscriptions
-    if (node.type.name !== 'syncBlock') {
-      return () => {};
-    }
-    const {
-      resourceId,
-      localId
-    } = node.attrs;
-    if (!localId || !resourceId) {
-      return () => {};
-    }
-
+  subscribeToSyncBlock(resourceId, localId, callback) {
     // add to subscriptions map
     const resourceSubscriptions = this.subscriptions.get(resourceId) || {};
     this.subscriptions.set(resourceId, {
@@ -193,6 +181,20 @@ export class ReferenceSyncBlockStoreManager {
       }
     };
   }
+  subscribe(node, callback) {
+    // check node is a sync block, as we only support sync block subscriptions
+    if (node.type.name !== 'syncBlock') {
+      return () => {};
+    }
+    const {
+      resourceId,
+      localId
+    } = node.attrs;
+    if (!localId || !resourceId) {
+      return () => {};
+    }
+    return this.subscribeToSyncBlock(resourceId, localId, callback);
+  }
 
   /**
    * Get the URL for a sync block.

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

@@ -1,7 +1,7 @@
 import uuid from 'uuid';
 import { rebaseTransaction } from '../common/rebase-transaction';
 import { resourceIdFromSourceAndLocalId } from '../utils/ari';
-import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
+import { convertSyncBlockPMNodeToSyncBlockData, createBodiedSyncBlockNode } from '../utils/utils';
 export class SourceSyncBlockStoreManager {
   constructor(dataProvider) {
     this.dataProvider = dataProvider;
@@ -50,8 +50,8 @@ export class SourceSyncBlockStoreManager {
       if (bodiedSyncBlockNodes.length === 0) {
         return Promise.resolve(true);
       }
-      const resourceIds = await this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
-      return resourceIds.every(resourceId => resourceId !== undefined);
+      const writeResults = await this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
+      return writeResults.every(result => result.resourceId !== undefined);
     } catch {
       //TODO: EDITOR-1921 - add error analytics
       return false;
@@ -60,6 +60,27 @@ export class SourceSyncBlockStoreManager {
   setEditorView(editorView) {
     this.editorView = editorView;
   }
+  registerPendingCreation(resourceId) {
+    this.pendingResourceId = resourceId;
+  }
+  registerCreationCallback(callback) {
+    this.creationCallback = callback;
+  }
+
+  /**
+   *  Fires callback to insert node (if creation is successful) and clears pending creation data
+   * @param success
+   */
+  commitPendingCreation(success) {
+    if (success && this.creationCallback) {
+      this.creationCallback();
+    }
+    this.pendingResourceId = undefined;
+    this.creationCallback = undefined;
+  }
+  hasPendingCreation() {
+    return !!this.pendingResourceId;
+  }
   registerConfirmationCallback(callback) {
     this.confirmationCallback = callback;
     return () => {
@@ -69,24 +90,55 @@ export class SourceSyncBlockStoreManager {
   requireConfirmationBeforeDelete() {
     return !!this.confirmationCallback;
   }
-  createSyncBlockNode() {
+  generateBodiedSyncBlockAttrs() {
     var _this$dataProvider;
-    const blockInstanceId = uuid();
+    const localId = uuid();
     const sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
     if (!sourceId) {
       throw new Error('Provider of sync block plugin is not set');
     }
 
     // This should be generated by the data provider implementation as it differs between data providers
-    const resourceId = resourceIdFromSourceAndLocalId(sourceId, blockInstanceId);
-    const syncBlockNode = {
-      attrs: {
+    const resourceId = resourceIdFromSourceAndLocalId(sourceId, localId);
+    return {
+      resourceId,
+      localId
+    };
+  }
+  createBodiedSyncBlockNode(attrs) {
+    try {
+      if (!this.dataProvider) {
+        throw new Error('Data provider not set');
+      }
+      const {
         resourceId,
         localId: blockInstanceId
-      },
-      type: 'bodiedSyncBlock'
-    };
-    return syncBlockNode;
+      } = attrs;
+      this.dataProvider.writeNodesData([createBodiedSyncBlockNode(blockInstanceId, resourceId)], [{
+        content: [],
+        blockInstanceId,
+        resourceId: resourceId
+      }]).then(results => {
+        results.forEach(result => {
+          const resourceId = result.resourceId;
+          if (resourceId) {
+            this.commitPendingCreation(true);
+          } else {
+            this.commitPendingCreation(false);
+            // TODO: EDITOR-1921 - add error analytics
+          }
+        });
+      }).catch(_reason => {
+        this.commitPendingCreation(false);
+        // TODO: EDITOR-1921 - add error analytics
+      });
+      this.registerPendingCreation(resourceId);
+    } catch (error) {
+      if (this.hasPendingCreation()) {
+        this.commitPendingCreation(false);
+      }
+      // TODO: EDITOR-1921 - add error analytics
+    }
   }
   async deleteSyncBlocksWithConfirmation(tr, syncBlockIds) {
     if (this.confirmationCallback) {

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

@@ -1,4 +1,4 @@
-import { createSyncBlockNode } from '../utils/createSyncBlock';
+import { convertPMNodeToSyncBlockNode } from '../utils/utils';
 import { ReferenceSyncBlockStoreManager } from './referenceSyncBlockStoreManager';
 import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';
 
@@ -19,16 +19,15 @@ export class SyncBlockStoreManager {
    * @returns The fetched sync block data results
    */
   fetchSyncBlocksData(nodes) {
-    const syncBlockNodes = nodes.filter(node => {
-      return node.type.name === 'syncBlock' && node.attrs.resourceId && node.attrs.localId;
-    }).map(node => {
-      return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
-    }) || [];
+    const syncBlockNodes = nodes.map(node => convertPMNodeToSyncBlockNode(node)).filter(node => node !== undefined) || [];
     if (syncBlockNodes.length === 0) {
       return Promise.resolve([]);
     }
     return this.referenceSyncBlockStoreManager.fetchSyncBlocksData(syncBlockNodes);
   }
+  getReferenceSyncBlockStoreManager() {
+    return this.referenceSyncBlockStoreManager;
+  }
 
   /**
    * Add/update a sync block node to/from the local cache
@@ -75,9 +74,36 @@ export class SyncBlockStoreManager {
     // only applicable to source sync block, for now (will be refactored further)
     return this.sourceSyncBlockStoreManager.requireConfirmationBeforeDelete();
   }
-  createSyncBlockNode() {
+
+  /**
+   * Register callback function (which inserts node, handles focus etc) to be used later when creation to backend succeed
+   */
+  registerCreationCallback(callback) {
+    this.sourceSyncBlockStoreManager.registerCreationCallback(callback);
+  }
+
+  /**
+   *
+   * @returns true if waiting for the result of saving new bodiedSyncBlock to backend
+   */
+  hasPendingCreation() {
+    return this.sourceSyncBlockStoreManager.hasPendingCreation();
+  }
+
+  /**
+   * @returns attributes for a new bodiedSyncBlock node
+   */
+  generateBodiedSyncBlockAttrs() {
+    return this.sourceSyncBlockStoreManager.generateBodiedSyncBlockAttrs();
+  }
+
+  /**
+   * Save bodiedSyncBlock with empty content to backend
+   * @param attrs attributes Ids of the node
+   */
+  createBodiedSyncBlockNode(attrs) {
     // only applicable to source sync block, for now (will be refactored further)
-    return this.sourceSyncBlockStoreManager.createSyncBlockNode();
+    return this.sourceSyncBlockStoreManager.createBodiedSyncBlockNode(attrs);
   }
   subscribeToSyncBlockData(node, callback) {
     return this.referenceSyncBlockStoreManager.subscribe(node, callback);

package/dist/es2019/utils/errorHandling.js

@@ -0,0 +1,7 @@
+export const stringifyError = error => {
+  try {
+    return JSON.stringify(error);
+  } catch {
+    return undefined;
+  }
+};

package/dist/es2019/utils/utils.js

@@ -7,4 +7,35 @@ export const convertSyncBlockPMNodeToSyncBlockData = node => {
 };
 export const isBlogPageType = pageType => {
   return pageType === 'blogpost';
+};
+export const createSyncBlockNode = (localId, resourceId) => {
+  return {
+    type: 'syncBlock',
+    attrs: {
+      localId,
+      resourceId
+    }
+  };
+};
+export const createBodiedSyncBlockNode = (localId, resourceId) => {
+  return {
+    type: 'bodiedSyncBlock',
+    attrs: {
+      localId,
+      resourceId
+    }
+  };
+};
+export const convertSyncBlockJSONNodeToSyncBlockNode = node => {
+  if (node.type !== 'syncBlock' || !node.attrs || !('localId' in node.attrs) || !('resourceId' in node.attrs) || typeof node.attrs.localId !== 'string' || typeof node.attrs.resourceId !== 'string') {
+    return undefined;
+  }
+  return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
+};
+export const convertPMNodeToSyncBlockNode = node => {
+  var _node$attrs, _node$attrs2;
+  if (node.type.name !== 'syncBlock' || !((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.localId) || !((_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.resourceId) || typeof node.attrs.localId !== 'string' || typeof node.attrs.resourceId !== 'string') {
+    return undefined;
+  }
+  return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
 };

package/dist/esm/hooks/useFetchSyncBlockData.js

@@ -1,18 +1,72 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useState } from 'react';
-export var SYNC_BLOCK_FETCH_INTERVAL = 3000;
-export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, syncBlockNode) {
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useEffect, useState } from 'react';
+import { SyncBlockError } from '../common/types';
+import { createSyncBlockNode } from '../utils/utils';
+export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resourceId, localId) {
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     syncBlockInstance = _useState2[0],
     setSyncBlockInstance = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var referenceSyncBlockStoreManager = manager.getReferenceSyncBlockStoreManager();
+  var reloadData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var syncBlockNode;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isLoading) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          syncBlockNode = resourceId && localId ? createSyncBlockNode(localId, resourceId) : null;
+          if (syncBlockNode) {
+            _context.next = 5;
+            break;
+          }
+          return _context.abrupt("return");
+        case 5:
+          setIsLoading(true);
+          _context.prev = 6;
+          _context.next = 9;
+          return referenceSyncBlockStoreManager.fetchSyncBlocksData([syncBlockNode]);
+        case 9:
+          _context.next = 14;
+          break;
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](6);
+          // Set error state if fetching fails
+          setSyncBlockInstance({
+            resourceId: resourceId || '',
+            error: SyncBlockError.Errored
+          });
+        case 14:
+          setIsLoading(false);
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[6, 11]]);
+  })), [isLoading, localId, referenceSyncBlockStoreManager, resourceId]);
   useEffect(function () {
-    var unsubscribe = manager.subscribeToSyncBlockData(syncBlockNode, function (data) {
+    var unsubscribe = referenceSyncBlockStoreManager.subscribeToSyncBlock(resourceId || '', localId || '', function (data) {
       setSyncBlockInstance(data);
+      setIsLoading(false);
     });
     return function () {
       unsubscribe();
     };
-  }, [manager, syncBlockNode]);
-  return syncBlockInstance;
+  }, [localId, referenceSyncBlockStoreManager, resourceId]);
+  return {
+    syncBlockInstance: syncBlockInstance,
+    isLoading: isLoading,
+    reloadData: reloadData
+  };
 };

package/dist/esm/index.js

@@ -1,14 +1,15 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
-export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
+export { rebaseTransaction } from './common/rebase-transaction';
+export { getDefaultSyncBlockSchema } from './common/schema';
+export { SyncBlockError } from './common/types';
 export { useFetchSyncBlockData } from './hooks/useFetchSyncBlockData';
 export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export { SyncBlockError } from './common/types';
-export { getDefaultSyncBlockSchema } from './common/schema';
 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 { getConfluencePageAri, getPageIdAndTypeFromAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
-export { rebaseTransaction } from './common/rebase-transaction';
+export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode } from './utils/utils';
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';

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

@@ -8,6 +8,7 @@ import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
 import { getLocalIdFromAri, getPageIdAndTypeFromAri } from '../../utils/ari';
 import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
+import { stringifyError } from '../../utils/errorHandling';
 import { isBlogPageType } from '../../utils/utils';
 
 /**
@@ -163,7 +164,7 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
               }
               return _context2.abrupt("return", key);
             case 9:
-              throw new Error('Failed to create blog post content property');
+              return _context2.abrupt("return", Promise.reject('Failed to create blog post content property'));
             case 10:
               _context2.next = 20;
               break;
@@ -178,7 +179,7 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
               }
               return _context2.abrupt("return", key);
             case 19:
-              throw new Error('Failed to create page content property');
+              return _context2.abrupt("return", Promise.reject('Failed to create page content property'));
             case 20:
             case "end":
               return _context2.stop();
@@ -195,17 +196,26 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
     key: "writeData",
     value: function () {
       var _writeData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data) {
-        var _getPageIdAndTypeFrom2, pageId, pageType, localId, key, options, _contentProperty$data4, contentProperty, _contentProperty3$dat, _contentProperty3, _key;
+        var match, resourceId, _match, pageId, pageType, localId, key, options, updatePayload, updateResult;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _getPageIdAndTypeFrom2 = getPageIdAndTypeFromAri(data.resourceId), pageId = _getPageIdAndTypeFrom2.id, pageType = _getPageIdAndTypeFrom2.type;
-              if (!data.resourceId) {
-                _context3.next = 34;
-                break;
-              }
+              resourceId = data.resourceId;
+              _context3.prev = 1;
+              match = getPageIdAndTypeFromAri(data.resourceId);
+              _context3.next = 8;
+              break;
+            case 5:
+              _context3.prev = 5;
+              _context3.t0 = _context3["catch"](1);
+              return _context3.abrupt("return", {
+                error: stringifyError(_context3.t0)
+              });
+            case 8:
+              _match = match, pageId = _match.id, pageType = _match.type;
+              _context3.prev = 9;
               // Update existing content property
-              localId = getLocalIdFromAri(data.resourceId);
+              localId = getLocalIdFromAri(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
               options = {
                 pageId: pageId,
@@ -214,60 +224,50 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
                 cloudId: this.config.cloudId,
                 pageType: pageType
               };
-              if (!isBlogPageType(pageType)) {
-                _context3.next = 20;
-                break;
-              }
-              _context3.next = 8;
+              _context3.next = 15;
               return updateContentProperty(options);
-            case 8:
-              contentProperty = _context3.sent;
-              if (!(((_contentProperty$data4 = contentProperty.data.confluence.updateValueBlogPostProperty.blogPostProperty) === null || _contentProperty$data4 === void 0 ? void 0 : _contentProperty$data4.key) === key)) {
-                _context3.next = 13;
+            case 15:
+              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;
                 break;
               }
-              return _context3.abrupt("return", key);
-            case 13:
-              if (!(contentProperty.data.confluence.updateValueBlogPostProperty.blogPostProperty === null)) {
-                _context3.next = 17;
+              return _context3.abrupt("return", {
+                resourceId: resourceId
+              });
+            case 21:
+              if (updateResult) {
+                _context3.next = 25;
                 break;
               }
-              return _context3.abrupt("return", this.createNewContentProperty(pageId, key, data, pageType));
-            case 17:
-              throw new Error('Failed to update blog post content property');
-            case 18:
-              _context3.next = 32;
+              return _context3.abrupt("return", this.createNewContentProperty(pageId, key, data, pageType).then(function () {
+                return {
+                  resourceId: resourceId
+                };
+              }, function (error) {
+                return {
+                  error: error
+                };
+              }));
+            case 25:
+              return _context3.abrupt("return", {
+                error: "Failed to update ".concat(pageType, " content property")
+              });
+            case 26:
+              _context3.next = 31;
               break;
-            case 20:
-              _context3.next = 22;
-              return updateContentProperty(options);
-            case 22:
-              _contentProperty3 = _context3.sent;
-              if (!(((_contentProperty3$dat = _contentProperty3.data.confluence.updateValuePageProperty.pageProperty) === null || _contentProperty3$dat === void 0 ? void 0 : _contentProperty3$dat.key) === key)) {
-                _context3.next = 27;
-                break;
-              }
-              return _context3.abrupt("return", key);
-            case 27:
-              if (!(_contentProperty3.data.confluence.updateValuePageProperty.pageProperty === null)) {
-                _context3.next = 31;
-                break;
-              }
-              return _context3.abrupt("return", this.createNewContentProperty(pageId, key, data, pageType));
+            case 28:
+              _context3.prev = 28;
+              _context3.t1 = _context3["catch"](9);
+              return _context3.abrupt("return", {
+                error: "Failed to write ".concat(pageType)
+              });
             case 31:
-              throw new Error('Failed to update content property');
-            case 32:
-              _context3.next = 36;
-              break;
-            case 34:
-              // Create new content property
-              _key = getContentPropertyKey(this.config.contentPropertyKey, data.blockInstanceId);
-              return _context3.abrupt("return", this.createNewContentProperty(pageId, _key, data, pageType));
-            case 36:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this);
+        }, _callee3, this, [[1, 5], [9, 28]]);
       }));
       function writeData(_x6) {
         return _writeData.apply(this, arguments);
@@ -278,11 +278,25 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
     key: "deleteData",
     value: function () {
       var _deleteData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(resourceId) {
-        var _getPageIdAndTypeFrom3, pageId, pageType, localId, key, options, deletePayload, deleteResult;
+        var deletePayload, deleteResult, match, _match2, pageId, pageType, localId, key, options, _stringifyError;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _getPageIdAndTypeFrom3 = getPageIdAndTypeFromAri(resourceId), pageId = _getPageIdAndTypeFrom3.id, pageType = _getPageIdAndTypeFrom3.type;
+              _context4.prev = 0;
+              match = getPageIdAndTypeFromAri(resourceId);
+              _context4.next = 7;
+              break;
+            case 4:
+              _context4.prev = 4;
+              _context4.t0 = _context4["catch"](0);
+              return _context4.abrupt("return", {
+                resourceId: resourceId,
+                success: false,
+                error: stringifyError(_context4.t0)
+              });
+            case 7:
+              _match2 = match, pageId = _match2.id, pageType = _match2.type;
+              _context4.prev = 8;
               localId = getLocalIdFromAri(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
               options = {
@@ -291,33 +305,32 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
                 cloudId: this.config.cloudId,
                 pageType: pageType
               };
-              _context4.prev = 4;
-              _context4.next = 7;
+              _context4.next = 14;
               return deleteContentProperty(options);
-            case 7:
+            case 14:
               deletePayload = _context4.sent;
               deleteResult = isBlogPageType(pageType) ? deletePayload.data.confluence.deleteBlogPostProperty : deletePayload.data.confluence.deletePageProperty;
-              _context4.next = 14;
+              _context4.next = 21;
               break;
-            case 11:
-              _context4.prev = 11;
-              _context4.t0 = _context4["catch"](4);
+            case 18:
+              _context4.prev = 18;
+              _context4.t1 = _context4["catch"](8);
               return _context4.abrupt("return", {
                 resourceId: resourceId,
                 success: false,
-                error: "Fail to delete ".concat(pageType, " content property")
+                error: (_stringifyError = stringifyError(_context4.t1)) !== null && _stringifyError !== void 0 ? _stringifyError : "Fail to delete ".concat(pageType, " content property")
               });
-            case 14:
+            case 21:
               return _context4.abrupt("return", {
                 resourceId: resourceId,
                 success: deleteResult.success,
                 error: deleteResult.errors.join()
               });
-            case 15:
+            case 22:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, this, [[4, 11]]);
+        }, _callee4, this, [[0, 4], [8, 18]]);
       }));
       function deleteData(_x7) {
         return _deleteData.apply(this, arguments);