@atlaskit/editor-synced-block-provider 2.3.0 → 2.3.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-synced-block-provider
 
+## 2.3.1
+
+### Patch Changes
+
+- [`eb9f8e2ab6fb5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb9f8e2ab6fb5) -
+  [EDITOR-2543] Save bodiedSyncBlock deletion to BE instantly
+
 ## 2.3.0
 
 ### Minor Changes

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

@@ -280,6 +280,56 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
       }
       return writeData;
     }()
+  }, {
+    key: "deleteData",
+    value: function () {
+      var _deleteData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(resourceId) {
+        var _getPageIdAndTypeFrom3, pageId, pageType, localId, key, options, deletePayload, deleteResult;
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _getPageIdAndTypeFrom3 = (0, _ari.getPageIdAndTypeFromAri)(resourceId), pageId = _getPageIdAndTypeFrom3.id, pageType = _getPageIdAndTypeFrom3.type;
+              localId = (0, _ari.getLocalIdFromAri)(resourceId);
+              key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              options = {
+                pageId: pageId,
+                key: key,
+                cloudId: this.config.cloudId,
+                pageType: pageType
+              };
+              _context4.prev = 4;
+              _context4.next = 7;
+              return (0, _contentProperty4.deleteContentProperty)(options);
+            case 7:
+              deletePayload = _context4.sent;
+              deleteResult = (0, _utils.isBlogPageType)(pageType) ? deletePayload.data.confluence.deleteBlogPostProperty : deletePayload.data.confluence.deletePageProperty;
+              _context4.next = 14;
+              break;
+            case 11:
+              _context4.prev = 11;
+              _context4.t0 = _context4["catch"](4);
+              return _context4.abrupt("return", {
+                resourceId: resourceId,
+                success: false,
+                error: "Fail to delete ".concat(pageType, " content property")
+              });
+            case 14:
+              return _context4.abrupt("return", {
+                resourceId: resourceId,
+                success: deleteResult.success,
+                error: deleteResult.errors.join()
+              });
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[4, 11]]);
+      }));
+      function deleteData(_x7) {
+        return _deleteData.apply(this, arguments);
+      }
+      return deleteData;
+    }()
   }]);
 }();
 /**

package/dist/cjs/providers/in-memory/inMemory.js

@@ -27,5 +27,12 @@ var inMemoryWriteProvider = exports.inMemoryWriteProvider = {
       inMemStore.set(uuid, data);
       return Promise.resolve(uuid);
     }
+  },
+  deleteData: function deleteData(resourceId) {
+    var success = inMemStore.delete(resourceId);
+    return Promise.resolve({
+      resourceId: resourceId,
+      success: success
+    });
   }
 };

package/dist/cjs/providers/syncBlockProvider.js

@@ -90,6 +90,43 @@ var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_Sync
       });
       return Promise.all(resourceIds);
     }
+  }, {
+    key: "deleteNodesData",
+    value: function () {
+      var _deleteNodesData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resourceIds) {
+        var _this4 = this;
+        var results;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return Promise.allSettled(resourceIds.map(function (resourceId) {
+                return _this4.writeProvider.deleteData(resourceId);
+              }));
+            case 2:
+              results = _context.sent;
+              return _context.abrupt("return", results.map(function (result, index) {
+                if (result.status === 'fulfilled') {
+                  return result.value;
+                } else {
+                  return {
+                    resourceId: resourceIds[index],
+                    success: false,
+                    error: result.reason
+                  };
+                }
+              }));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function deleteNodesData(_x) {
+        return _deleteNodesData.apply(this, arguments);
+      }
+      return deleteNodesData;
+    }()
   }, {
     key: "getSourceId",
     value: function getSourceId() {
@@ -123,12 +160,12 @@ var useMemoizedSyncedBlockProvider = exports.useMemoizedSyncedBlockProvider = fu
   }, [fetchProvider, writeProvider, sourceId]);
 };
 var fetchURLfromARI = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(ari, sourceLocalId) {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(ari, sourceLocalId) {
     var response, _payload$data, payload, url;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context.next = 2;
+          _context2.next = 2;
           return fetch('/gateway/api/object-resolver/resolve/ari', {
             method: 'POST',
             headers: {
@@ -140,36 +177,36 @@ var fetchURLfromARI = /*#__PURE__*/function () {
             })
           });
         case 2:
-          response = _context.sent;
+          response = _context2.sent;
           if (!response.ok) {
-            _context.next = 12;
+            _context2.next = 12;
             break;
           }
-          _context.next = 6;
+          _context2.next = 6;
           return response.json();
         case 6:
-          payload = _context.sent;
+          payload = _context2.sent;
           url = payload === null || payload === void 0 || (_payload$data = payload.data) === null || _payload$data === void 0 ? void 0 : _payload$data.url;
           if (!(typeof url === 'string')) {
-            _context.next = 10;
+            _context2.next = 10;
             break;
           }
-          return _context.abrupt("return", sourceLocalId ? url + "?block=".concat(sourceLocalId) : url);
+          return _context2.abrupt("return", sourceLocalId ? url + "?block=".concat(sourceLocalId) : url);
         case 10:
-          _context.next = 13;
+          _context2.next = 13;
           break;
         case 12:
           //eslint-disable-next-line no-console
           console.error('Failed to fetch URL from ARI', response.statusText);
         case 13:
-          return _context.abrupt("return", undefined);
+          return _context2.abrupt("return", undefined);
         case 14:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee);
+    }, _callee2);
   }));
-  return function fetchURLfromARI(_x, _x2) {
+  return function fetchURLfromARI(_x2, _x3) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -143,12 +143,12 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
     value: function () {
       var _deleteSyncBlocksWithConfirmation = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(tr, syncBlockIds) {
         var _this2 = this;
-        var confirmed, _this$editorView;
+        var confirmed, _this$editorView, results;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!this.confirmationCallback) {
-                _context2.next = 7;
+                _context2.next = 19;
                 break;
               }
               this.confirmationTransaction = tr;
@@ -156,20 +156,44 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
               return this.confirmationCallback();
             case 4:
               confirmed = _context2.sent;
-              if (confirmed) {
-                (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
-                // Need to update the BE on deletion
-                syncBlockIds.forEach(function (_ref) {
-                  var localId = _ref.localId;
-                  return _this2.syncBlockCache.delete(localId);
-                });
+              if (!confirmed) {
+                _context2.next = 18;
+                break;
+              }
+              (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
+              _context2.prev = 7;
+              if (this.dataProvider) {
+                _context2.next = 10;
+                break;
               }
+              throw new Error('Data provider not set');
+            case 10:
+              _context2.next = 12;
+              return this.dataProvider.deleteNodesData(syncBlockIds.map(function (attrs) {
+                return attrs.resourceId;
+              }));
+            case 12:
+              results = _context2.sent;
+              results.forEach(function (result) {
+                if (result.success) {
+                  // Only delete when it's deleted successfully in backend
+                  _this2.syncBlockCache.delete(result.resourceId);
+                } else {
+                  // TODO: EDITOR-1921 - add error analytics with result.error
+                }
+              });
+              _context2.next = 18;
+              break;
+            case 16:
+              _context2.prev = 16;
+              _context2.t0 = _context2["catch"](7);
+            case 18:
               this.confirmationTransaction = undefined;
-            case 7:
+            case 19:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this);
+        }, _callee2, this, [[7, 16]]);
       }));
       function deleteSyncBlocksWithConfirmation(_x, _x2) {
         return _deleteSyncBlocksWithConfirmation.apply(this, arguments);

package/dist/cjs/utils/contentProperty.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateContentProperty = exports.getContentProperty = exports.createContentProperty = void 0;
+exports.updateContentProperty = exports.getContentProperty = exports.deleteContentProperty = exports.createContentProperty = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -23,6 +23,7 @@ var GRAPHQL_ENDPOINT = '/gateway/api/graphql';
 var GET_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_GET';
 var CREATE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_CREATE';
 var UPDATE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_UPDATE';
+var DELETE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_DELETE';
 /**
  * Query to get the page property by key
  * @param documentARI
@@ -74,6 +75,8 @@ var UPDATE_PAGE_QUERY = "mutation ".concat(UPDATE_OPERATION_NAME, " ($input: Con
  * @returns
  */
 var UPDATE_BLOG_QUERY = "mutation ".concat(UPDATE_OPERATION_NAME, " ($input: ConfluenceUpdateValueBlogPostPropertyInput!) {\n\tconfluence {\n\t\tupdateValueBlogPostProperty(input: $input) {\n\t\t\tblogPostProperty {\n\t\t\t\tkey,\n\t\t\t\tvalue\n\t\t\t}\n\t\t}\n\t}\n}");
+var DELETE_PAGE_QUERY = "mutation ".concat(DELETE_OPERATION_NAME, " ($input: ConfluenceDeletePagePropertyInput!) {\n\t\t\t\t\t\tconfluence {\n\t\t\t\t\t\t\tdeletePageProperty(input: $input) {\n\t\t\t\t\t\t\t\tsuccess, errors {\n\t\t\t\t\t\t\t\t  message\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}");
+var DELETE_BLOG_QUERY = "mutation ".concat(DELETE_OPERATION_NAME, " ($input: ConfluenceDeleteBlogPostPropertyInput!) {\n\t\t\t\t\t\tconfluence {\n\t\t\t\t\t\t\tdeleteBlogPostProperty(input: $input) {\n\t\t\t\t\t\t\t\tsuccess, errors {\n\t\t\t\t\t\t\t\t  message\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}");
 var getContentProperty = exports.getContentProperty = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
     var pageId, key, cloudId, pageType, documentARI, isBlog, bodyData, response;
@@ -231,4 +234,54 @@ var createContentProperty = exports.createContentProperty = /*#__PURE__*/functio
   return function createContentProperty(_x3) {
     return _ref6.apply(this, arguments);
   };
+}();
+var deleteContentProperty = exports.deleteContentProperty = /*#__PURE__*/function () {
+  var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(_ref7) {
+    var pageId, cloudId, pageType, key, documentARI, isBlog, bodyData, response;
+    return _regenerator.default.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          pageId = _ref7.pageId, cloudId = _ref7.cloudId, pageType = _ref7.pageType, key = _ref7.key;
+          documentARI = (0, _ari.getConfluencePageAri)(pageId, cloudId, pageType);
+          isBlog = (0, _utils.isBlogPageType)(pageType);
+          bodyData = {
+            query: isBlog ? DELETE_BLOG_QUERY : DELETE_PAGE_QUERY,
+            operationName: DELETE_OPERATION_NAME,
+            variables: {
+              input: _objectSpread(_objectSpread({}, isBlog ? {
+                blogPostId: documentARI
+              } : {
+                pageId: documentARI
+              }), {}, {
+                key: key
+              })
+            }
+          };
+          _context4.next = 6;
+          return fetch(GRAPHQL_ENDPOINT, {
+            method: 'POST',
+            headers: _objectSpread(_objectSpread({}, COMMON_HEADERS), AGG_HEADERS),
+            body: JSON.stringify(bodyData)
+          });
+        case 6:
+          response = _context4.sent;
+          if (response.ok) {
+            _context4.next = 9;
+            break;
+          }
+          throw new Error("Failed to delete content property: ".concat(response.statusText));
+        case 9:
+          _context4.next = 11;
+          return response.json();
+        case 11:
+          return _context4.abrupt("return", _context4.sent);
+        case 12:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function deleteContentProperty(_x4) {
+    return _ref8.apply(this, arguments);
+  };
 }();

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
 import { getLocalIdFromAri, getPageIdAndTypeFromAri } from '../../utils/ari';
-import { getContentProperty, createContentProperty, updateContentProperty } from '../../utils/contentProperty';
+import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
 import { isBlogPageType } from '../../utils/utils';
 
 /**
@@ -175,6 +175,36 @@ class ConfluenceADFWriteProvider {
       return this.createNewContentProperty(pageId, key, data, pageType);
     }
   }
+  async deleteData(resourceId) {
+    const {
+      id: pageId,
+      type: pageType
+    } = getPageIdAndTypeFromAri(resourceId);
+    const localId = getLocalIdFromAri(resourceId);
+    const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+    const options = {
+      pageId,
+      key,
+      cloudId: this.config.cloudId,
+      pageType
+    };
+    let deletePayload, deleteResult;
+    try {
+      deletePayload = await deleteContentProperty(options);
+      deleteResult = isBlogPageType(pageType) ? deletePayload.data.confluence.deleteBlogPostProperty : deletePayload.data.confluence.deletePageProperty;
+    } catch {
+      return {
+        resourceId,
+        success: false,
+        error: `Fail to delete ${pageType} content property`
+      };
+    }
+    return {
+      resourceId,
+      success: deleteResult.success,
+      error: deleteResult.errors.join()
+    };
+  }
 }
 
 /**

package/dist/es2019/providers/in-memory/inMemory.js

@@ -21,5 +21,12 @@ export const inMemoryWriteProvider = {
       inMemStore.set(uuid, data);
       return Promise.resolve(uuid);
     }
+  },
+  deleteData: resourceId => {
+    const success = inMemStore.delete(resourceId);
+    return Promise.resolve({
+      resourceId,
+      success
+    });
   }
 };

package/dist/es2019/providers/syncBlockProvider.js

@@ -55,6 +55,20 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
     });
     return Promise.all(resourceIds);
   }
+  async deleteNodesData(resourceIds) {
+    const results = await Promise.allSettled(resourceIds.map(resourceId => this.writeProvider.deleteData(resourceId)));
+    return results.map((result, index) => {
+      if (result.status === 'fulfilled') {
+        return result.value;
+      } else {
+        return {
+          resourceId: resourceIds[index],
+          success: false,
+          error: result.reason
+        };
+      }
+    });
+  }
   getSourceId() {
     return this.sourceId;
   }

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

@@ -95,10 +95,22 @@ export class SourceSyncBlockStoreManager {
       if (confirmed) {
         var _this$editorView;
         (_this$editorView = this.editorView) === null || _this$editorView === void 0 ? void 0 : _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
-        // Need to update the BE on deletion
-        syncBlockIds.forEach(({
-          localId
-        }) => this.syncBlockCache.delete(localId));
+        try {
+          if (!this.dataProvider) {
+            throw new Error('Data provider not set');
+          }
+          const results = await this.dataProvider.deleteNodesData(syncBlockIds.map(attrs => attrs.resourceId));
+          results.forEach(result => {
+            if (result.success) {
+              // Only delete when it's deleted successfully in backend
+              this.syncBlockCache.delete(result.resourceId);
+            } else {
+              // TODO: EDITOR-1921 - add error analytics with result.error
+            }
+          });
+        } catch (_error) {
+          // TODO: EDITOR-1921 - add error analytics
+        }
       }
       this.confirmationTransaction = undefined;
     }

package/dist/es2019/utils/contentProperty.js

@@ -11,6 +11,7 @@ const GRAPHQL_ENDPOINT = '/gateway/api/graphql';
 const GET_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_GET';
 const CREATE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_CREATE';
 const UPDATE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_UPDATE';
+const DELETE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_DELETE';
 /**
  * Query to get the page property by key
  * @param documentARI
@@ -116,6 +117,24 @@ const UPDATE_BLOG_QUERY = `mutation ${UPDATE_OPERATION_NAME} ($input: Confluence
 		}
 	}
 }`;
+const DELETE_PAGE_QUERY = `mutation ${DELETE_OPERATION_NAME} ($input: ConfluenceDeletePagePropertyInput!) {
+						confluence {
+							deletePageProperty(input: $input) {
+								success, errors {
+								  message
+								}
+							}
+						}
+					}`;
+const DELETE_BLOG_QUERY = `mutation ${DELETE_OPERATION_NAME} ($input: ConfluenceDeleteBlogPostPropertyInput!) {
+						confluence {
+							deleteBlogPostProperty(input: $input) {
+								success, errors {
+								  message
+								}
+							}
+						}
+					}`;
 export const getContentProperty = async ({
   pageId,
   key,
@@ -234,4 +253,39 @@ export const createContentProperty = async ({
     throw new Error(`Failed to create content property: ${response.statusText}`);
   }
   return await response.json();
+};
+export const deleteContentProperty = async ({
+  pageId,
+  cloudId,
+  pageType,
+  key
+}) => {
+  const documentARI = getConfluencePageAri(pageId, cloudId, pageType);
+  const isBlog = isBlogPageType(pageType);
+  const bodyData = {
+    query: isBlog ? DELETE_BLOG_QUERY : DELETE_PAGE_QUERY,
+    operationName: DELETE_OPERATION_NAME,
+    variables: {
+      input: {
+        ...(isBlog ? {
+          blogPostId: documentARI
+        } : {
+          pageId: documentARI
+        }),
+        key
+      }
+    }
+  };
+  const response = await fetch(GRAPHQL_ENDPOINT, {
+    method: 'POST',
+    headers: {
+      ...COMMON_HEADERS,
+      ...AGG_HEADERS
+    },
+    body: JSON.stringify(bodyData)
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to delete content property: ${response.statusText}`);
+  }
+  return await response.json();
 };

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

@@ -7,7 +7,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
 import { getLocalIdFromAri, getPageIdAndTypeFromAri } from '../../utils/ari';
-import { getContentProperty, createContentProperty, updateContentProperty } from '../../utils/contentProperty';
+import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
 import { isBlogPageType } from '../../utils/utils';
 
 /**
@@ -274,6 +274,56 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
       }
       return writeData;
     }()
+  }, {
+    key: "deleteData",
+    value: function () {
+      var _deleteData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(resourceId) {
+        var _getPageIdAndTypeFrom3, pageId, pageType, localId, key, options, deletePayload, deleteResult;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _getPageIdAndTypeFrom3 = getPageIdAndTypeFromAri(resourceId), pageId = _getPageIdAndTypeFrom3.id, pageType = _getPageIdAndTypeFrom3.type;
+              localId = getLocalIdFromAri(resourceId);
+              key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              options = {
+                pageId: pageId,
+                key: key,
+                cloudId: this.config.cloudId,
+                pageType: pageType
+              };
+              _context4.prev = 4;
+              _context4.next = 7;
+              return deleteContentProperty(options);
+            case 7:
+              deletePayload = _context4.sent;
+              deleteResult = isBlogPageType(pageType) ? deletePayload.data.confluence.deleteBlogPostProperty : deletePayload.data.confluence.deletePageProperty;
+              _context4.next = 14;
+              break;
+            case 11:
+              _context4.prev = 11;
+              _context4.t0 = _context4["catch"](4);
+              return _context4.abrupt("return", {
+                resourceId: resourceId,
+                success: false,
+                error: "Fail to delete ".concat(pageType, " content property")
+              });
+            case 14:
+              return _context4.abrupt("return", {
+                resourceId: resourceId,
+                success: deleteResult.success,
+                error: deleteResult.errors.join()
+              });
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[4, 11]]);
+      }));
+      function deleteData(_x7) {
+        return _deleteData.apply(this, arguments);
+      }
+      return deleteData;
+    }()
   }]);
 }();
 /**

package/dist/esm/providers/in-memory/inMemory.js

@@ -21,5 +21,12 @@ export var inMemoryWriteProvider = {
       inMemStore.set(uuid, data);
       return Promise.resolve(uuid);
     }
+  },
+  deleteData: function deleteData(resourceId) {
+    var success = inMemStore.delete(resourceId);
+    return Promise.resolve({
+      resourceId: resourceId,
+      success: success
+    });
   }
 };

package/dist/esm/providers/syncBlockProvider.js

@@ -83,6 +83,43 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
       });
       return Promise.all(resourceIds);
     }
+  }, {
+    key: "deleteNodesData",
+    value: function () {
+      var _deleteNodesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resourceIds) {
+        var _this4 = this;
+        var results;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return Promise.allSettled(resourceIds.map(function (resourceId) {
+                return _this4.writeProvider.deleteData(resourceId);
+              }));
+            case 2:
+              results = _context.sent;
+              return _context.abrupt("return", results.map(function (result, index) {
+                if (result.status === 'fulfilled') {
+                  return result.value;
+                } else {
+                  return {
+                    resourceId: resourceIds[index],
+                    success: false,
+                    error: result.reason
+                  };
+                }
+              }));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function deleteNodesData(_x) {
+        return _deleteNodesData.apply(this, arguments);
+      }
+      return deleteNodesData;
+    }()
   }, {
     key: "getSourceId",
     value: function getSourceId() {
@@ -116,12 +153,12 @@ export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvi
   }, [fetchProvider, writeProvider, sourceId]);
 };
 var fetchURLfromARI = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ari, sourceLocalId) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ari, sourceLocalId) {
     var response, _payload$data, payload, url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context.next = 2;
+          _context2.next = 2;
           return fetch('/gateway/api/object-resolver/resolve/ari', {
             method: 'POST',
             headers: {
@@ -133,36 +170,36 @@ var fetchURLfromARI = /*#__PURE__*/function () {
             })
           });
         case 2:
-          response = _context.sent;
+          response = _context2.sent;
           if (!response.ok) {
-            _context.next = 12;
+            _context2.next = 12;
             break;
           }
-          _context.next = 6;
+          _context2.next = 6;
           return response.json();
         case 6:
-          payload = _context.sent;
+          payload = _context2.sent;
           url = payload === null || payload === void 0 || (_payload$data = payload.data) === null || _payload$data === void 0 ? void 0 : _payload$data.url;
           if (!(typeof url === 'string')) {
-            _context.next = 10;
+            _context2.next = 10;
             break;
           }
-          return _context.abrupt("return", sourceLocalId ? url + "?block=".concat(sourceLocalId) : url);
+          return _context2.abrupt("return", sourceLocalId ? url + "?block=".concat(sourceLocalId) : url);
         case 10:
-          _context.next = 13;
+          _context2.next = 13;
           break;
         case 12:
           //eslint-disable-next-line no-console
           console.error('Failed to fetch URL from ARI', response.statusText);
         case 13:
-          return _context.abrupt("return", undefined);
+          return _context2.abrupt("return", undefined);
         case 14:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee);
+    }, _callee2);
   }));
-  return function fetchURLfromARI(_x, _x2) {
+  return function fetchURLfromARI(_x2, _x3) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -136,12 +136,12 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: function () {
       var _deleteSyncBlocksWithConfirmation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(tr, syncBlockIds) {
         var _this2 = this;
-        var confirmed, _this$editorView;
+        var confirmed, _this$editorView, results;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!this.confirmationCallback) {
-                _context2.next = 7;
+                _context2.next = 19;
                 break;
               }
               this.confirmationTransaction = tr;
@@ -149,20 +149,44 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               return this.confirmationCallback();
             case 4:
               confirmed = _context2.sent;
-              if (confirmed) {
-                (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
-                // Need to update the BE on deletion
-                syncBlockIds.forEach(function (_ref) {
-                  var localId = _ref.localId;
-                  return _this2.syncBlockCache.delete(localId);
-                });
+              if (!confirmed) {
+                _context2.next = 18;
+                break;
+              }
+              (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
+              _context2.prev = 7;
+              if (this.dataProvider) {
+                _context2.next = 10;
+                break;
               }
+              throw new Error('Data provider not set');
+            case 10:
+              _context2.next = 12;
+              return this.dataProvider.deleteNodesData(syncBlockIds.map(function (attrs) {
+                return attrs.resourceId;
+              }));
+            case 12:
+              results = _context2.sent;
+              results.forEach(function (result) {
+                if (result.success) {
+                  // Only delete when it's deleted successfully in backend
+                  _this2.syncBlockCache.delete(result.resourceId);
+                } else {
+                  // TODO: EDITOR-1921 - add error analytics with result.error
+                }
+              });
+              _context2.next = 18;
+              break;
+            case 16:
+              _context2.prev = 16;
+              _context2.t0 = _context2["catch"](7);
+            case 18:
               this.confirmationTransaction = undefined;
-            case 7:
+            case 19:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this);
+        }, _callee2, this, [[7, 16]]);
       }));
       function deleteSyncBlocksWithConfirmation(_x, _x2) {
         return _deleteSyncBlocksWithConfirmation.apply(this, arguments);

package/dist/esm/utils/contentProperty.js

@@ -16,6 +16,7 @@ var GRAPHQL_ENDPOINT = '/gateway/api/graphql';
 var GET_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_GET';
 var CREATE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_CREATE';
 var UPDATE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_UPDATE';
+var DELETE_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_DELETE';
 /**
  * Query to get the page property by key
  * @param documentARI
@@ -67,6 +68,8 @@ var UPDATE_PAGE_QUERY = "mutation ".concat(UPDATE_OPERATION_NAME, " ($input: Con
  * @returns
  */
 var UPDATE_BLOG_QUERY = "mutation ".concat(UPDATE_OPERATION_NAME, " ($input: ConfluenceUpdateValueBlogPostPropertyInput!) {\n\tconfluence {\n\t\tupdateValueBlogPostProperty(input: $input) {\n\t\t\tblogPostProperty {\n\t\t\t\tkey,\n\t\t\t\tvalue\n\t\t\t}\n\t\t}\n\t}\n}");
+var DELETE_PAGE_QUERY = "mutation ".concat(DELETE_OPERATION_NAME, " ($input: ConfluenceDeletePagePropertyInput!) {\n\t\t\t\t\t\tconfluence {\n\t\t\t\t\t\t\tdeletePageProperty(input: $input) {\n\t\t\t\t\t\t\t\tsuccess, errors {\n\t\t\t\t\t\t\t\t  message\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}");
+var DELETE_BLOG_QUERY = "mutation ".concat(DELETE_OPERATION_NAME, " ($input: ConfluenceDeleteBlogPostPropertyInput!) {\n\t\t\t\t\t\tconfluence {\n\t\t\t\t\t\t\tdeleteBlogPostProperty(input: $input) {\n\t\t\t\t\t\t\t\tsuccess, errors {\n\t\t\t\t\t\t\t\t  message\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}");
 export var getContentProperty = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var pageId, key, cloudId, pageType, documentARI, isBlog, bodyData, response;
@@ -224,4 +227,54 @@ export var createContentProperty = /*#__PURE__*/function () {
   return function createContentProperty(_x3) {
     return _ref6.apply(this, arguments);
   };
+}();
+export var deleteContentProperty = /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref7) {
+    var pageId, cloudId, pageType, key, documentARI, isBlog, bodyData, response;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          pageId = _ref7.pageId, cloudId = _ref7.cloudId, pageType = _ref7.pageType, key = _ref7.key;
+          documentARI = getConfluencePageAri(pageId, cloudId, pageType);
+          isBlog = isBlogPageType(pageType);
+          bodyData = {
+            query: isBlog ? DELETE_BLOG_QUERY : DELETE_PAGE_QUERY,
+            operationName: DELETE_OPERATION_NAME,
+            variables: {
+              input: _objectSpread(_objectSpread({}, isBlog ? {
+                blogPostId: documentARI
+              } : {
+                pageId: documentARI
+              }), {}, {
+                key: key
+              })
+            }
+          };
+          _context4.next = 6;
+          return fetch(GRAPHQL_ENDPOINT, {
+            method: 'POST',
+            headers: _objectSpread(_objectSpread({}, COMMON_HEADERS), AGG_HEADERS),
+            body: JSON.stringify(bodyData)
+          });
+        case 6:
+          response = _context4.sent;
+          if (response.ok) {
+            _context4.next = 9;
+            break;
+          }
+          throw new Error("Failed to delete content property: ".concat(response.statusText));
+        case 9:
+          _context4.next = 11;
+          return response.json();
+        case 11:
+          return _context4.abrupt("return", _context4.sent);
+        case 12:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function deleteContentProperty(_x4) {
+    return _ref8.apply(this, arguments);
+  };
 }();

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

@@ -1,5 +1,5 @@
 import { type SyncBlockData } from '../../common/types';
-import type { ADFFetchProvider, ADFWriteProvider, FetchSyncBlockDataResult } from '../types';
+import type { ADFFetchProvider, ADFWriteProvider, DeleteSyncBlockResult, FetchSyncBlockDataResult } from '../types';
 /**
  * Configuration for Content API providers
  */
@@ -23,6 +23,7 @@ declare class ConfluenceADFWriteProvider implements ADFWriteProvider {
     constructor(config: ContentAPIConfig);
     private createNewContentProperty;
     writeData(data: SyncBlockData): Promise<string>;
+    deleteData(resourceId: string): Promise<DeleteSyncBlockResult>;
 }
 /**
  * Convenience function to create providers with default content property key

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 FetchSyncBlockDataResult } from '../providers/types';
+import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type FetchSyncBlockDataResult } from '../providers/types';
 export declare class SyncBlockProvider extends SyncBlockDataProvider {
     name: string;
     private fetchProvider;
@@ -18,6 +18,7 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
      * @returns the resource ids of the nodes that were written
      */
     writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    deleteNodesData(resourceIds: string[]): Promise<Array<DeleteSyncBlockResult>>;
     getSourceId(): string;
     retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }

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

@@ -5,14 +5,21 @@ export type FetchSyncBlockDataResult = {
     error?: SyncBlockError;
     resourceId?: string;
 };
+export type DeleteSyncBlockResult = {
+    error?: string;
+    resourceId: string;
+    success: boolean;
+};
 export interface ADFFetchProvider {
     fetchData: (resourceId: ResourceId) => Promise<FetchSyncBlockDataResult>;
 }
 export interface ADFWriteProvider {
+    deleteData: (resourceId: string) => Promise<DeleteSyncBlockResult>;
     writeData: (data: SyncBlockData) => Promise<string>;
 }
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, FetchSyncBlockDataResult> {
     abstract writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<ResourceId | undefined>>;
+    abstract deleteNodesData(resourceIds: string[]): Promise<Array<DeleteSyncBlockResult>>;
     abstract getSourceId(): ResourceId;
     abstract retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }

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

@@ -1,4 +1,4 @@
-import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockAttrs, SyncBlockNode } from '../common/types';

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

@@ -22,6 +22,12 @@ type UpdateContentPropertyOptions = {
     signal?: AbortSignal;
     value: SyncBlockData;
 };
+type DeleteContentPropertyOptions = {
+    cloudId: string;
+    key: string;
+    pageId: string;
+    pageType: PAGE_TYPE;
+};
 export type GetContentPropertyResult = {
     data: {
         confluence: {
@@ -98,7 +104,36 @@ export type CreateBlogPostContentPropertyResult = {
         };
     };
 };
+export type DeletePageContentPropertyResult = {
+    data: {
+        confluence: {
+            deletePageProperty: {
+                errors: [
+                    {
+                        message: string;
+                    }
+                ];
+                success: boolean;
+            };
+        };
+    };
+};
+export type DeleteBlogPostPropertyResult = {
+    data: {
+        confluence: {
+            deleteBlogPostProperty: {
+                errors: [
+                    {
+                        message: string;
+                    }
+                ];
+                success: boolean;
+            };
+        };
+    };
+};
 export declare const getContentProperty: <T extends GetContentPropertyResult | GetBlogPostContentPropertyResult>({ pageId, key, cloudId, pageType, }: GetContentPropertyOptions) => Promise<T>;
 export declare const updateContentProperty: <T extends UpdateContentPropertyResult | UpdateBlogPostContentPropertyResult>({ pageId, key, value, cloudId, pageType, }: UpdateContentPropertyOptions) => Promise<T>;
 export declare const createContentProperty: <T extends CreateContentPropertyResult | CreateBlogPostContentPropertyResult>({ pageId, key, value, cloudId, pageType, }: CreateContentPropertyOptions) => Promise<T>;
+export declare const deleteContentProperty: <T extends DeletePageContentPropertyResult | DeleteBlogPostPropertyResult>({ pageId, cloudId, pageType, key, }: DeleteContentPropertyOptions) => Promise<T>;
 export {};

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

@@ -1,5 +1,5 @@
 import { type SyncBlockData } from '../../common/types';
-import type { ADFFetchProvider, ADFWriteProvider, FetchSyncBlockDataResult } from '../types';
+import type { ADFFetchProvider, ADFWriteProvider, DeleteSyncBlockResult, FetchSyncBlockDataResult } from '../types';
 /**
  * Configuration for Content API providers
  */
@@ -23,6 +23,7 @@ declare class ConfluenceADFWriteProvider implements ADFWriteProvider {
     constructor(config: ContentAPIConfig);
     private createNewContentProperty;
     writeData(data: SyncBlockData): Promise<string>;
+    deleteData(resourceId: string): Promise<DeleteSyncBlockResult>;
 }
 /**
  * Convenience function to create providers with default content property key

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 FetchSyncBlockDataResult } from '../providers/types';
+import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type FetchSyncBlockDataResult } from '../providers/types';
 export declare class SyncBlockProvider extends SyncBlockDataProvider {
     name: string;
     private fetchProvider;
@@ -18,6 +18,7 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
      * @returns the resource ids of the nodes that were written
      */
     writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    deleteNodesData(resourceIds: string[]): Promise<Array<DeleteSyncBlockResult>>;
     getSourceId(): string;
     retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }

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

@@ -5,14 +5,21 @@ export type FetchSyncBlockDataResult = {
     error?: SyncBlockError;
     resourceId?: string;
 };
+export type DeleteSyncBlockResult = {
+    error?: string;
+    resourceId: string;
+    success: boolean;
+};
 export interface ADFFetchProvider {
     fetchData: (resourceId: ResourceId) => Promise<FetchSyncBlockDataResult>;
 }
 export interface ADFWriteProvider {
+    deleteData: (resourceId: string) => Promise<DeleteSyncBlockResult>;
     writeData: (data: SyncBlockData) => Promise<string>;
 }
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, FetchSyncBlockDataResult> {
     abstract writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<ResourceId | undefined>>;
+    abstract deleteNodesData(resourceIds: string[]): Promise<Array<DeleteSyncBlockResult>>;
     abstract getSourceId(): ResourceId;
     abstract retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }

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

@@ -1,4 +1,4 @@
-import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockAttrs, SyncBlockNode } from '../common/types';

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

@@ -22,6 +22,12 @@ type UpdateContentPropertyOptions = {
     signal?: AbortSignal;
     value: SyncBlockData;
 };
+type DeleteContentPropertyOptions = {
+    cloudId: string;
+    key: string;
+    pageId: string;
+    pageType: PAGE_TYPE;
+};
 export type GetContentPropertyResult = {
     data: {
         confluence: {
@@ -98,7 +104,36 @@ export type CreateBlogPostContentPropertyResult = {
         };
     };
 };
+export type DeletePageContentPropertyResult = {
+    data: {
+        confluence: {
+            deletePageProperty: {
+                errors: [
+                    {
+                        message: string;
+                    }
+                ];
+                success: boolean;
+            };
+        };
+    };
+};
+export type DeleteBlogPostPropertyResult = {
+    data: {
+        confluence: {
+            deleteBlogPostProperty: {
+                errors: [
+                    {
+                        message: string;
+                    }
+                ];
+                success: boolean;
+            };
+        };
+    };
+};
 export declare const getContentProperty: <T extends GetContentPropertyResult | GetBlogPostContentPropertyResult>({ pageId, key, cloudId, pageType, }: GetContentPropertyOptions) => Promise<T>;
 export declare const updateContentProperty: <T extends UpdateContentPropertyResult | UpdateBlogPostContentPropertyResult>({ pageId, key, value, cloudId, pageType, }: UpdateContentPropertyOptions) => Promise<T>;
 export declare const createContentProperty: <T extends CreateContentPropertyResult | CreateBlogPostContentPropertyResult>({ pageId, key, value, cloudId, pageType, }: CreateContentPropertyOptions) => Promise<T>;
+export declare const deleteContentProperty: <T extends DeletePageContentPropertyResult | DeleteBlogPostPropertyResult>({ pageId, cloudId, pageType, key, }: DeleteContentPropertyOptions) => Promise<T>;
 export {};

package/package.json

@@ -82,7 +82,7 @@
 		}
 	},
 	"name": "@atlaskit/editor-synced-block-provider",
-	"version": "2.3.0",
+	"version": "2.3.1",
 	"description": "Synced Block Provider for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",