@atlaskit/editor-plugin-synced-block 5.3.12 → 5.3.14

package/dist/cjs/pm-plugins/utils/handle-bodied-sync-block-creation.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleBodiedSyncBlockCreation = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _types = require("../../types");
+var _main = require("../main");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var onRetry = function onRetry(api, resourceId) {
+  return function () {
+    var _api$core, _api$core2;
+    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.focus();
+    api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref) {
+      var _api$syncedBlock, _api$syncedBlock2;
+      var tr = _ref.tr;
+      var pos = api === null || api === void 0 || (_api$syncedBlock = api.syncedBlock) === null || _api$syncedBlock === void 0 || (_api$syncedBlock = _api$syncedBlock.sharedState.currentState()) === null || _api$syncedBlock === void 0 || (_api$syncedBlock = _api$syncedBlock.retryCreationPosMap) === null || _api$syncedBlock === void 0 ? void 0 : _api$syncedBlock.get(resourceId);
+      var from = pos === null || pos === void 0 ? void 0 : pos.from;
+      var to = pos === null || pos === void 0 ? void 0 : pos.to;
+      if (from === undefined || to === undefined) {
+        return tr;
+      }
+      tr.setSelection(_state.TextSelection.create(tr.doc, from, to)).setMeta(_main.syncedBlockPluginKey, {
+        activeFlag: false
+      });
+      api === null || api === void 0 || (_api$syncedBlock2 = api.syncedBlock) === null || _api$syncedBlock2 === void 0 || _api$syncedBlock2.commands.insertSyncedBlock()({
+        tr: tr
+      });
+      return tr;
+    });
+  };
+};
+var getRevertCreationPos = function getRevertCreationPos(api, doc, resourceId) {
+  var _api$syncedBlock3;
+  var retryCreationPos = api === null || api === void 0 || (_api$syncedBlock3 = api.syncedBlock) === null || _api$syncedBlock3 === void 0 || (_api$syncedBlock3 = _api$syncedBlock3.sharedState.currentState()) === null || _api$syncedBlock3 === void 0 || (_api$syncedBlock3 = _api$syncedBlock3.retryCreationPosMap) === null || _api$syncedBlock3 === void 0 ? void 0 : _api$syncedBlock3.get(resourceId);
+  if (retryCreationPos) {
+    return retryCreationPos;
+  }
+
+  // Fallback to find the positions in case BE call returns before plugin state becomes available
+  // which is highly unlikely
+  var currentPos;
+  doc.descendants(function (node, pos) {
+    if (currentPos) {
+      return false;
+    }
+    if (node.type.name === 'bodiedSyncBlock' && resourceId === node.attrs.resourceId) {
+      currentPos = {
+        from: pos,
+        to: pos + node.nodeSize
+      };
+      return false;
+    }
+  });
+  return currentPos;
+};
+var buildRevertCreationTr = function buildRevertCreationTr(tr, pos) {
+  var _tr$doc$nodeAt;
+  var content = (_tr$doc$nodeAt = tr.doc.nodeAt(pos.from)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.content;
+  if (content) {
+    tr.replaceWith(pos.from, pos.to, content);
+    var contentFrom = tr.mapping.map(pos.from);
+    tr.setSelection(_state.TextSelection.create(tr.doc, contentFrom, contentFrom + content.size));
+  } else {
+    tr.delete(pos.from, pos.to);
+  }
+  return tr;
+};
+
+/**
+ *
+ * Save the new bodiedSyncBlock to backend with empty content and handles revert (if failed) and retry flow
+ */
+var handleBodiedSyncBlockCreation = exports.handleBodiedSyncBlockCreation = function handleBodiedSyncBlockCreation(bodiedSyncBlockAdded, editorState, api) {
+  var syncBlockStore = _main.syncedBlockPluginKey.getState(editorState).syncBlockStore;
+  bodiedSyncBlockAdded.forEach(function (node) {
+    if (node.from === undefined || node.to === undefined) {
+      return;
+    }
+    var retryCreationPos = {
+      from: node.from,
+      to: node.to
+    };
+    var resourceId = node.attrs.resourceId;
+    setTimeout(function () {
+      var _api$core3;
+      api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref2) {
+        var tr = _ref2.tr;
+        return tr.setMeta(_main.syncedBlockPluginKey, {
+          retryCreationPos: {
+            resourceId: resourceId,
+            pos: retryCreationPos
+          }
+        });
+      });
+    });
+    syncBlockStore.sourceManager.createBodiedSyncBlockNode(node.attrs, function (success) {
+      if (success) {
+        var _api$core4, _api$core5;
+        api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          return tr.setMeta(_main.syncedBlockPluginKey, {
+            retryCreationPos: {
+              resourceId: resourceId,
+              pos: undefined
+            }
+          });
+        });
+        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.focus();
+      } else {
+        var _api$core6;
+        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref4) {
+          var tr = _ref4.tr;
+          var revertCreationPos = getRevertCreationPos(api, tr.doc, resourceId);
+          if (!revertCreationPos) {
+            return tr;
+          }
+          var revertTr = buildRevertCreationTr(tr, revertCreationPos);
+          return revertTr.setMeta('isConfirmedSyncBlockDeletion', true).setMeta('addToHistory', false).setMeta(_main.syncedBlockPluginKey, {
+            activeFlag: {
+              id: _types.FLAG_ID.CANNOT_CREATE_SYNC_BLOCK,
+              onRetry: onRetry(api, resourceId),
+              onDismissed: function onDismissed(tr) {
+                return tr.setMeta(_main.syncedBlockPluginKey, _objectSpread(_objectSpread({}, tr.getMeta(_main.syncedBlockPluginKey)), {}, {
+                  retryCreationPos: {
+                    resourceId: resourceId,
+                    pos: undefined
+                  }
+                }));
+              }
+            }
+          });
+        });
+      }
+    }, node.node);
+  });
+};

package/dist/cjs/pm-plugins/utils/track-sync-blocks.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.trackSyncBlocks = exports.hasEditInSyncBlock = void 0;
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -29,7 +28,7 @@ var trackSyncBlocks = exports.trackSyncBlocks = function trackSyncBlocks(predica
   var hasBodiedSyncBlockChanges = replaceSteps.some(function (step, idx) {
     var from = step.from,
       to = step.to;
-    var docAtStep = (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? tr.docs[idx] : state.doc;
+    var docAtStep = tr.docs[idx];
     var hasChange = false;
     if (from !== to) {
       step.getMap().forEach(function (oldStart, oldEnd) {
@@ -76,6 +75,7 @@ var trackSyncBlocks = exports.trackSyncBlocks = function trackSyncBlocks(predica
         var syncBlockAttr = node.attrs;
         syncBlockMapNew[syncBlockAttr.localId] = {
           attrs: syncBlockAttr,
+          node: node,
           from: offset,
           to: offset + node.nodeSize
         };

package/dist/cjs/pm-plugins/utils/utils.js

@@ -3,13 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sliceFullyContainsNode = exports.isBodiedSyncBlockNode = exports.findSyncBlockOrBodiedSyncBlock = exports.findSyncBlock = exports.findBodiedSyncBlock = exports.canBeConvertedToSyncBlockOld = exports.canBeConvertedToSyncBlockNew = exports.canBeConvertedToSyncBlock = void 0;
+exports.sliceFullyContainsNode = exports.isBodiedSyncBlockNode = exports.findSyncBlockOrBodiedSyncBlock = exports.findSyncBlock = exports.findBodiedSyncBlock = exports.canBeConvertedToSyncBlock = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _editorTables = require("@atlaskit/editor-tables");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var findSyncBlock = exports.findSyncBlock = function findSyncBlock(schema, selection) {
   var syncBlock = schema.nodes.syncBlock;
   return (0, _utils.findSelectedNodeOfType)(syncBlock)(selection);
@@ -34,48 +31,6 @@ var UNSUPPORTED_NODE_TYPES = new Set(['inlineExtension', 'extension', 'bodiedExt
  * or false if conversion is not possible
  */
 var canBeConvertedToSyncBlock = exports.canBeConvertedToSyncBlock = function canBeConvertedToSyncBlock(selection) {
-  return (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? canBeConvertedToSyncBlockNew(selection) : canBeConvertedToSyncBlockOld(selection);
-};
-var canBeConvertedToSyncBlockOld = exports.canBeConvertedToSyncBlockOld = function canBeConvertedToSyncBlockOld(selection) {
-  var schema = selection.$from.doc.type.schema;
-  var nodes = schema.nodes;
-  var from = selection.from;
-  var to = selection.to;
-  var contentToInclude = selection.content().content;
-  if (selection instanceof _editorTables.CellSelection) {
-    var table = (0, _editorTables.findTable)(selection);
-    if (!table) {
-      return false;
-    }
-    contentToInclude = _model.Fragment.from([table.node]);
-    from = table.pos;
-    to = table.pos + table.node.nodeSize;
-  } else if (selection instanceof _state.TextSelection) {
-    var trueParent = (0, _utils.findParentNodeOfType)([nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.blockquote])(selection);
-    if (trueParent) {
-      contentToInclude = _model.Fragment.from([trueParent.node]);
-      from = trueParent.pos;
-      to = trueParent.pos + trueParent.node.nodeSize;
-    }
-  }
-  var canBeConverted = true;
-  selection.$from.doc.nodesBetween(from, to, function (node) {
-    if (UNSUPPORTED_NODE_TYPES.has(node.type.name)) {
-      canBeConverted = false;
-      return false;
-    }
-  });
-  if (!canBeConverted) {
-    return false;
-  }
-  contentToInclude = removeBreakoutMarks(contentToInclude);
-  return {
-    contentToInclude: contentToInclude,
-    from: from,
-    to: to
-  };
-};
-var canBeConvertedToSyncBlockNew = exports.canBeConvertedToSyncBlockNew = function canBeConvertedToSyncBlockNew(selection) {
   var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(selection),
     $from = _expandSelectionToBlo.$from,
     range = _expandSelectionToBlo.range;

package/dist/cjs/syncedBlockPlugin.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.syncedBlockPlugin = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorActions = require("./editor-actions");
 var _editorCommands = require("./editor-commands");
 var _main = require("./pm-plugins/main");
@@ -50,7 +48,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
         plugin: function plugin(params) {
           return (0, _main.createPlugin)(config, params, syncBlockStore, api);
         }
-      }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? [{
+      }, {
         name: 'menuAndToolbarExperiencesPlugin',
         plugin: function plugin() {
           return (0, _menuAndToolbarExperiences.getMenuAndToolbarExperiencesPlugin)({
@@ -61,7 +59,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
             }
           });
         }
-      }] : []));
+      }];
     },
     commands: {
       copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard(inputMethod) {
@@ -121,7 +119,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
               fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.fireAnalyticsEvent
             });
           },
-          testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate : undefined
+          testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate
         }];
       },
       floatingToolbar: function floatingToolbar(state, intl) {
@@ -152,11 +150,13 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
       var _syncedBlockPluginKey = _main.syncedBlockPluginKey.getState(editorState),
         activeFlag = _syncedBlockPluginKey.activeFlag,
         currentSyncBlockStore = _syncedBlockPluginKey.syncBlockStore,
-        bodiedSyncBlockDeletionStatus = _syncedBlockPluginKey.bodiedSyncBlockDeletionStatus;
+        bodiedSyncBlockDeletionStatus = _syncedBlockPluginKey.bodiedSyncBlockDeletionStatus,
+        retryCreationPosMap = _syncedBlockPluginKey.retryCreationPosMap;
       return {
         activeFlag: activeFlag,
         syncBlockStore: currentSyncBlockStore,
-        bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus
+        bodiedSyncBlockDeletionStatus: bodiedSyncBlockDeletionStatus,
+        retryCreationPosMap: retryCreationPosMap
       };
     }
   };

package/dist/cjs/types/index.js

@@ -11,6 +11,7 @@ var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
+  FLAG_ID["CANNOT_CREATE_SYNC_BLOCK"] = "cannot-create-sync-block";
   return FLAG_ID;
 }({});
 var SYNCED_BLOCK_BUTTON_TEST_ID = exports.SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/cjs/ui/DeleteConfirmationModal.js

@@ -19,7 +19,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _main = require("../pm-plugins/main");
@@ -44,7 +43,7 @@ var styles = {
   spinner: "_1mou1wug _195g1wug"
 };
 var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
-  var _api$core2, _api$core4, _api$core6, _syncBlockIds$length;
+  var _api$core2, _api$core4, _api$core6;
   var syncBlockStoreManager = _ref.syncBlockStoreManager,
     api = _ref.api;
   var _useState = (0, _react.useState)(false),
@@ -139,7 +138,7 @@ var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteC
     }
   }, [api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions, bodiedSyncBlockDeletionStatus, isOpen]);
   (0, _react.useEffect)(function () {
-    if (isOpen && syncBlockIds !== undefined && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    if (isOpen && syncBlockIds !== undefined) {
       var fetchReferences = /*#__PURE__*/function () {
         var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
           var references, totalCount;
@@ -205,7 +204,7 @@ var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteC
     onClose: handleClick(false),
     testId: "sync-block-delete-confirmation",
     height: 184
-  }, (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, referenceCount === undefined ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, referenceCount === undefined ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.spinner
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     size: "large"
@@ -218,22 +217,7 @@ var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteC
     isDisabled: (0, _editorPluginConnectivity.isOfflineMode)(mode),
     deleteReason: deleteReason,
     sourceCount: (syncBlockIds === null || syncBlockIds === void 0 ? void 0 : syncBlockIds.length) || 0
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
-    hasCloseButton: true
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
-    appearance: "warning"
-  }, formatMessage(_messages.syncBlockMessages.deleteConfirmationModalTitleSingle))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, formatMessage(_messages.syncBlockMessages.deleteConfirmationModalDescription, {
-    syncBlockCount: (_syncBlockIds$length = syncBlockIds === null || syncBlockIds === void 0 ? void 0 : syncBlockIds.length) !== null && _syncBlockIds$length !== void 0 ? _syncBlockIds$length : 1
-  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
-    appearance: "subtle",
-    onClick: handleClick(false)
-  }, formatMessage(_messages.syncBlockMessages.deleteConfirmationModalCancelButton)), /*#__PURE__*/_react.default.createElement(_new.default, {
-    appearance: "warning",
-    onClick: handleClick(true),
-    autoFocus: true,
-    isDisabled: (0, _editorPluginConnectivity.isOfflineMode)(mode),
-    isLoading: bodiedSyncBlockDeletionStatus === 'processing'
-  }, formatMessage(_messages.syncBlockMessages.deleteConfirmationModalDeleteButton))))));
+  }))));
 };
 var ModalContent = function ModalContent(_ref7) {
   var content = _ref7.content,

package/dist/cjs/ui/Flag.js

@@ -20,7 +20,7 @@ var _types = require("../types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
   title: _messages.syncBlockMessages.failToDeleteTitle,
   description: _messages.syncBlockMessages.failToDeleteWhenOfflineDescription,
   type: 'error'
@@ -43,6 +43,10 @@ var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _d
   title: _messages.syncBlockMessages.unpublishedSyncBlockPastedTitle,
   description: _messages.syncBlockMessages.unpublishedSyncBlockPastedDescription,
   type: 'info'
+}), _types.FLAG_ID.CANNOT_CREATE_SYNC_BLOCK, {
+  title: _messages.syncBlockMessages.cannotCreateSyncBlockTitle,
+  description: _messages.syncBlockMessages.CannotCreateSyncBlockDescription,
+  type: 'error'
 });
 var Flag = exports.Flag = function Flag(_ref) {
   var api = _ref.api;

package/dist/cjs/ui/SyncBlockLabel.js

@@ -12,7 +12,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -32,17 +31,12 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     tooltipContent = _useState2[0],
     setTooltipContent = _useState2[1];
   var tooltipMessage = formatMessage(_messages.syncBlockMessages.defaultSyncBlockTooltip);
-  if (isSource && !(0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
-    tooltipMessage = formatMessage(_messages.syncBlockMessages.sourceSyncBlockTooltip);
-  } else if (title) {
+  if (title) {
     tooltipMessage = formatMessage(_messages.syncBlockMessages.referenceSyncBlockTooltip, {
       title: title
     });
   }
   var updateTooltipContent = (0, _react.useCallback)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
-      return;
-    }
     var tooltipContent = tooltipMessage;
     if (contentUpdatedAt) {
       var elapsedTime = (0, _time.formatElapsedTime)(contentUpdatedAt, intl);
@@ -62,7 +56,7 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
   }, [contentUpdatedAt, formatMessage, intl, tooltipMessage]);
   var ariaDescribedById = "sync-block-label-description-".concat(localId);
   var getLabelContent = (0, _react.useMemo)(function () {
-    if (isUnsyncedBlock && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    if (isUnsyncedBlock) {
       return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         size: "small",
         color: "color.text.subtle"
@@ -91,12 +85,12 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     size: "small",
     label: ""
   }), getLabelContent);
-  if ((isSource || isUnsyncedBlock) && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+  if (isSource || isUnsyncedBlock) {
     return label;
   }
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     position: "top",
-    content: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
+    content: tooltipContent
     // workaround because tooltip adds aria-describedby with a new id every time the tooltip is opened
     // this causes an infinite rerender loop because of the forwardRef from the node view we are inside in bodiedSyncBlock
     // tooltip content is available for screen readers in visually hidden content after the label

package/dist/cjs/ui/SyncBlockRefresher.js

@@ -7,13 +7,12 @@ exports.SyncBlockRefresher = exports.SYNC_BLOCK_FETCH_INTERVAL = void 0;
 var _react = require("react");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var SYNC_BLOCK_FETCH_INTERVAL = exports.SYNC_BLOCK_FETCH_INTERVAL = 3000;
 
 // Component that manages synced block data synchronization.
-// When the feature flag 'platform_synced_block_dogfooding' is enabled,
-// it uses provider-based GraphQL subscriptions for updates.
-// When disabled, it falls back to polling at regular intervals.
+// Component that manages synced block data synchronization.
+// Uses provider-based GraphQL subscriptions for updates when online.
+// Falls back to polling at regular intervals when offline.
 var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefresher(_ref) {
   var syncBlockStoreManager = _ref.syncBlockStoreManager,
     api = _ref.api;
@@ -24,14 +23,13 @@ var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefreshe
       };
     }),
     mode = _useSharedPluginState.mode;
-  var featureFlagEnabled = (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding');
   var isOnline = !(0, _editorPluginConnectivity.isOfflineMode)(mode);
   (0, _react.useEffect)(function () {
-    var useRealTimeSubscriptions = featureFlagEnabled && isOnline;
+    var useRealTimeSubscriptions = isOnline;
     syncBlockStoreManager.referenceManager.setRealTimeSubscriptionsEnabled(useRealTimeSubscriptions);
-  }, [syncBlockStoreManager, featureFlagEnabled, isOnline]);
+  }, [syncBlockStoreManager, isOnline]);
   (0, _react.useEffect)(function () {
-    var useRealTimeSubscriptions = featureFlagEnabled && isOnline;
+    var useRealTimeSubscriptions = isOnline;
     if (useRealTimeSubscriptions) {
       return;
     }
@@ -50,6 +48,6 @@ var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefreshe
     return function () {
       window.clearInterval(interval);
     };
-  }, [syncBlockStoreManager, isOnline, featureFlagEnabled]);
+  }, [syncBlockStoreManager, isOnline]);
   return null;
 };

package/dist/cjs/ui/floating-toolbar.js

@@ -32,6 +32,9 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
   if (!syncBlockObject) {
     return;
   }
+  if (syncBlockStore.sourceManager.isPendingCreation(syncBlockObject.node.attrs.resourceId) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+    return;
+  }
   var syncBlockInstance = syncBlockStore.referenceManager.getFromCache(syncBlockObject.node.attrs.resourceId);
   var isUnsyncedBlock = (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type) === _editorSyncedBlockProvider.SyncBlockError.NotFound;
   var isErroredBlock = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error;
@@ -58,11 +61,11 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       title: formatMessage(_messages.default.delete),
       onClick: (0, _editorCommands.removeSyncedBlock)(api),
       icon: _delete.default,
-      testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete : undefined
-    }, hoverDecorationProps(nodeType, (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? undefined : _consts.akEditorSelectedNodeClassName));
+      testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
+    }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
     items.push(deleteButton);
   } else {
-    if (!isErroredBlock && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    if (!isErroredBlock) {
       var syncedLocation = {
         type: 'custom',
         fallback: [],

package/dist/es2019/editor-commands/index.js

@@ -30,23 +30,23 @@ export const createSyncedBlock = ({
     const paragraphNode = paragraph.createAndFill({});
     const newBodiedSyncBlockNode = bodiedSyncBlock.createAndFill(attrs, paragraphNode ? [paragraphNode] : []);
     if (!newBodiedSyncBlockNode) {
-      if (fg('platform_synced_block_dogfooding')) {
-        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-          action: ACTION.ERROR,
-          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-          attributes: {
-            error: 'Create and fill for empty content failed'
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        attributes: {
+          error: 'Create and fill for empty content failed'
+        },
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
       return false;
     }
 
     // Save the new node with empty content to backend
     // This is so that the node can be copied and referenced without the source being saved/published
-    syncBlockStore.sourceManager.createBodiedSyncBlockNode(attrs);
+    if (!fg('platform_synced_block_patch_1')) {
+      syncBlockStore.sourceManager.createBodiedSyncBlockNode(attrs, () => {});
+    }
     if (typeAheadInsert) {
       tr = typeAheadInsert(newBodiedSyncBlockNode);
     } else {
@@ -55,47 +55,43 @@ export const createSyncedBlock = ({
   } else {
     const conversionInfo = canBeConvertedToSyncBlock(tr.selection);
     if (!conversionInfo) {
-      if (fg('platform_synced_block_dogfooding')) {
-        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-          action: ACTION.ERROR,
-          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-          attributes: {
-            error: 'Content cannot be converted to sync block'
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        attributes: {
+          error: 'Content cannot be converted to sync block'
+        },
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
       return false;
     }
     const attrs = syncBlockStore.sourceManager.generateBodiedSyncBlockAttrs();
     const newBodiedSyncBlockNode = bodiedSyncBlock.createAndFill(attrs, conversionInfo.contentToInclude);
     if (!newBodiedSyncBlockNode) {
-      if (fg('platform_synced_block_dogfooding')) {
-        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-          action: ACTION.ERROR,
-          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-          attributes: {
-            error: 'Create and fill for content failed'
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        attributes: {
+          error: 'Create and fill for content failed'
+        },
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
       return false;
     }
 
     // Save the new node with empty content to backend
     // This is so that the node can be copied and referenced without the source being saved/published
-    syncBlockStore.sourceManager.createBodiedSyncBlockNode(attrs, newBodiedSyncBlockNode);
+    if (!fg('platform_synced_block_patch_1')) {
+      // Moved to appendTransaction
+      syncBlockStore.sourceManager.createBodiedSyncBlockNode(attrs, () => {}, newBodiedSyncBlockNode);
+    }
     tr.replaceWith(conversionInfo.from, conversionInfo.to, newBodiedSyncBlockNode).scrollIntoView();
 
     // set selection to the start of the previous selection for the position taken up by the start of the new synced block
     tr.setSelection(TextSelection.create(tr.doc, conversionInfo.from));
   }
-
-  // This transaction will be intercepted in filterTransaction and dispatched when saving to backend succeeds
-  // see filterTransaction for more details
   return tr;
 };
 export const copySyncedBlockReferenceToClipboardEditorCommand = (syncBlockStore, inputMethod, api) => ({

package/dist/es2019/nodeviews/bodiedSyncedBlock.js

@@ -5,7 +5,6 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { BodiedSyncBlockWrapper } from '../ui/BodiedSyncBlockWrapper';
 const toDOM = () => ['div', {
   class: BodiedSyncBlockSharedCssClassName.content,
@@ -68,7 +67,7 @@ class BodiedSyncBlock extends ReactNodeView {
     if (!syncBlockStore) {
       return null;
     }
-    return fg('platform_synced_block_dogfooding') ? /*#__PURE__*/React.createElement(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.SYNCED_BLOCK,
       dispatchAnalyticsEvent: (_this$api6 = this.api) === null || _this$api6 === void 0 ? void 0 : (_this$api6$analytics = _this$api6.analytics) === null || _this$api6$analytics === void 0 ? void 0 : _this$api6$analytics.actions.fireAnalyticsEvent,
       fallbackComponent: null
@@ -76,11 +75,7 @@ class BodiedSyncBlock extends ReactNodeView {
       ref: forwardRef,
       syncBlockStore: syncBlockStore,
       node: this.node
-    })) : /*#__PURE__*/React.createElement(BodiedSyncBlockWrapper, {
-      ref: forwardRef,
-      syncBlockStore: syncBlockStore,
-      node: this.node
-    });
+    }));
   }
   getContentDOM() {
     const {