@atlaskit/editor-plugin-synced-block 4.5.0 → 4.5.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 4.5.2
+
+### Patch Changes
+
+- [`f14e76661c943`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f14e76661c943) -
+  [EDITOR-2844] Save reference synced block on document to BE when a page is saved
+- Updated dependencies
+
+## 4.5.1
+
+### Patch Changes
+
+- [`ccab9e988fb9e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ccab9e988fb9e) -
+  EDITOR-3852 show a flag on synced block reference copy
+- [`f2ec7c28a69da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2ec7c28a69da) -
+  Remove Synced Block button from selection toolbar and update position in pinned toolbar
+- Updated dependencies
+
 ## 4.5.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -23,6 +23,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/button/afm-cc/tsconfig.json"
 		},
@@ -47,6 +50,9 @@
 		{
 			"path": "../../editor-plugin-selection/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-cc/tsconfig.json"
 		},
@@ -80,6 +86,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -23,6 +23,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/button/afm-jira/tsconfig.json"
 		},
@@ -47,6 +50,9 @@
 		{
 			"path": "../../editor-plugin-selection/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-jira/tsconfig.json"
 		},
@@ -80,6 +86,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -23,6 +23,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/button/afm-products/tsconfig.json"
 		},
@@ -47,6 +50,9 @@
 		{
 			"path": "../../editor-plugin-selection/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-products/tsconfig.json"
 		},
@@ -80,6 +86,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../tmp-editor-statsig/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/tokens/afm-products/tsconfig.json"
 		},

package/dist/cjs/editor-actions/index.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.flushBodiedSyncBlocks = void 0;
+exports.flushSyncBlocks = exports.flushBodiedSyncBlocks = void 0;
 var flushBodiedSyncBlocks = exports.flushBodiedSyncBlocks = function flushBodiedSyncBlocks(syncBlockStore) {
   return syncBlockStore.sourceManager.flush();
+};
+var flushSyncBlocks = exports.flushSyncBlocks = function flushSyncBlocks(syncBlockStore) {
+  return syncBlockStore.referenceManager.flush();
 };

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

@@ -8,7 +8,9 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _copyButton = require("@atlaskit/editor-common/copy-button");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _main = require("../pm-plugins/main");
 var _utils2 = require("../pm-plugins/utils/utils");
+var _types = require("../types");
 var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_ref) {
   var tr = _ref.tr,
     syncBlockStore = _ref.syncBlockStore,
@@ -59,21 +61,21 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
   // see filterTransaction for more details
   return tr;
 };
-var copySyncedBlockReferenceToClipboardEditorCommand = exports.copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore) {
+var copySyncedBlockReferenceToClipboardEditorCommand = exports.copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api) {
   return function (_ref2) {
     var tr = _ref2.tr;
-    if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore)) {
+    if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, api)) {
       return tr;
     }
     return null;
   };
 };
-var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(syncBlockStore) {
+var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(syncBlockStore, api) {
   return function (state, _dispatch, _view) {
-    return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore);
+    return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, api);
   };
 };
-var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore) {
+var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore, api) {
   var syncBlockFindResult = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(schema, selection);
   if (!syncBlockFindResult) {
     return false;
@@ -98,6 +100,18 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
   }
   var domNode = (0, _copyButton.toDOM)(referenceSyncBlockNode, schema);
   (0, _copyButton.copyDomNode)(domNode, referenceSyncBlockNode.type, selection);
+
+  // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+  setTimeout(function () {
+    api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+      var tr = _ref3.tr;
+      return tr.setMeta(_main.syncedBlockPluginKey, {
+        activeFlag: {
+          id: _types.FLAG_ID.SYNC_BLOCK_COPIED
+        }
+      });
+    });
+  }, 0);
   return true;
 };
 var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedBlockSource(syncBlockStore, api) {

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

@@ -118,27 +118,33 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
+        // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+        setTimeout(function () {
+          api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+            var tr = _ref3.tr;
+            return tr.setMeta(syncedBlockPluginKey, {
+              activeFlag: {
+                id: _types.FLAG_ID.SYNC_BLOCK_COPIED
+              }
+            });
+          });
+        }, 0);
         if (!syncBlockStore) {
           return slice;
         }
         return (0, _utils.mapSlice)(slice, function (node) {
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
-            try {
-              var newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
-              // Convert bodiedSyncBlock to syncBlock
-              // The paste transformation will regenrate the localId
-              var newAttrs = _objectSpread(_objectSpread({}, node.attrs), {}, {
-                resourceId: newResourceId
-              });
-              var newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(function (mark) {
-                var _schema$nodes$syncBlo;
-                return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
-              }) : node.marks;
-              return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
-            } catch (error) {
-              // If generateResourceIdForReference died, return the original node
-              return node;
-            }
+            var newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
+            // Convert bodiedSyncBlock to syncBlock
+            // The paste transformation will regenrate the localId
+            var newAttrs = _objectSpread(_objectSpread({}, node.attrs), {}, {
+              resourceId: newResourceId
+            });
+            var newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(function (mark) {
+              var _schema$nodes$syncBlo;
+              return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
+            }) : node.marks;
+            return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
           }
           return node;
         });
@@ -202,8 +208,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         if (errorFlag) {
           // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
           setTimeout(function () {
-            api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-              var tr = _ref3.tr;
+            api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
+              var tr = _ref4.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: errorFlag

package/dist/cjs/syncedBlockPlugin.js

@@ -48,7 +48,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
     },
     commands: {
       copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
-        return (0, _editorCommands.copySyncedBlockReferenceToClipboardEditorCommand)(syncBlockStore);
+        return (0, _editorCommands.copySyncedBlockReferenceToClipboardEditorCommand)(syncBlockStore, api);
       },
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {
@@ -63,6 +63,9 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
     actions: {
       flushBodiedSyncBlocks: function flushBodiedSyncBlocks() {
         return (0, _editorActions.flushBodiedSyncBlocks)(syncBlockStore);
+      },
+      flushSyncedBlocks: function flushSyncedBlocks() {
+        return (0, _editorActions.flushSyncBlocks)(syncBlockStore);
       }
     },
     pluginsOptions: {

package/dist/cjs/types/index.js

@@ -9,5 +9,6 @@ var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_EDIT_WHEN_OFFLINE"] = "cannot-edit-when-offline";
   FLAG_ID["CANNOT_CREATE_WHEN_OFFLINE"] = "cannot-create-when-offline";
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
+  FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   return FLAG_ID;
 }({});

package/dist/cjs/ui/Flag.js

@@ -12,24 +12,34 @@ var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _flag = _interopRequireWildcard(require("@atlaskit/flag"));
+var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _main = require("../pm-plugins/main");
 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)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = (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
+  description: _messages.syncBlockMessages.failToDeleteWhenOfflineDescription,
+  type: 'error'
 }), _types.FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE, {
   title: _messages.syncBlockMessages.failToEditTitle,
-  description: _messages.syncBlockMessages.failToEditWhenOfflineDescription
+  description: _messages.syncBlockMessages.failToEditWhenOfflineDescription,
+  type: 'error'
 }), _types.FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE, {
   title: _messages.syncBlockMessages.failToCreateTitle,
-  description: _messages.syncBlockMessages.failToCreateWhenOfflineDescription
+  description: _messages.syncBlockMessages.failToCreateWhenOfflineDescription,
+  type: 'error'
 }), _types.FLAG_ID.FAIL_TO_DELETE, {
   title: _messages.syncBlockMessages.cannotDeleteTitle,
-  description: _messages.syncBlockMessages.cannotDeleteDescription
+  description: _messages.syncBlockMessages.cannotDeleteDescription,
+  type: 'error'
+}), _types.FLAG_ID.SYNC_BLOCK_COPIED, {
+  title: _messages.syncBlockMessages.syncBlockCopiedTitle,
+  description: _messages.syncBlockMessages.syncBlockCopiedDescription,
+  action: _messages.syncBlockMessages.syncBlockCopiedAction,
+  type: 'info'
 });
 var Flag = exports.Flag = function Flag(_ref) {
   var api = _ref.api;
@@ -49,7 +59,9 @@ var Flag = exports.Flag = function Flag(_ref) {
   }
   var _flagMap$activeFlag$i = flagMap[activeFlag.id],
     title = _flagMap$activeFlag$i.title,
-    description = _flagMap$activeFlag$i.description;
+    description = _flagMap$activeFlag$i.description,
+    action = _flagMap$activeFlag$i.action,
+    type = _flagMap$activeFlag$i.type;
   var onRetry = activeFlag.onRetry,
     onDismissedCallback = activeFlag.onDismissed;
 
@@ -76,19 +88,42 @@ var Flag = exports.Flag = function Flag(_ref) {
     });
     api === null || api === void 0 || api.core.actions.focus();
   };
-  return /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, null, /*#__PURE__*/_react.default.createElement(_flag.default, {
+  var typeToActions = function typeToActions() {
+    if (type === 'error') {
+      if (onRetry) {
+        return [{
+          content: formatMessage(_messages.syncBlockMessages.deleteRetryButton),
+          onClick: onRetry
+        }];
+      }
+    } else if (type === 'info' && action) {
+      return [{
+        content: formatMessage(action),
+        href: 'https://atlaskit.atlassian.com/',
+        target: '_blank'
+      }];
+    }
+    return undefined;
+  };
+  var FlagComponent = type === 'info' ? _flag.AutoDismissFlag : _flag.default;
+  return /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, null, /*#__PURE__*/_react.default.createElement(FlagComponent, {
     onDismissed: onDismissed,
     title: formatMessage(title),
     description: formatMessage(description),
     id: activeFlag.id,
     testId: activeFlag.id,
-    icon: /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
+    icon: typeToIcon(type),
+    actions: typeToActions()
+  }));
+};
+var typeToIcon = function typeToIcon(type) {
+  if (type === 'error') {
+    return /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
       label: "",
       color: "var(--ds-icon-warning, #E06C00)"
-    }),
-    actions: onRetry ? [{
-      content: formatMessage(_messages.syncBlockMessages.deleteRetryButton),
-      onClick: onRetry
-    }] : undefined
-  }));
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_image.default, {
+    label: ""
+  });
 };

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

@@ -47,7 +47,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
     title: formatMessage(_messages.syncBlockMessages.copySyncBlockLabel),
     showTitle: false,
     tooltipContent: formatMessage(_messages.syncBlockMessages.copySyncBlockTooltip),
-    onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(syncBlockStore)
+    onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(syncBlockStore, api)
   }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
   items.push(copyButton);
   var disabled = !syncBlockStore.referenceManager.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);

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

@@ -7,25 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _CreateSyncedBlockButton = require("./CreateSyncedBlockButton");
-var _CreateSyncedBlockItem = require("./CreateSyncedBlockItem");
-var _OverflowMenuSection = require("./OverflowMenuSection");
-var SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
-  type: _toolbar.SYNCED_BLOCK_SECTION.type,
-  key: _toolbar.SYNCED_BLOCK_SECTION.key,
-  parents: [{
-    type: _toolbar.OVERFLOW_MENU.type,
-    key: _toolbar.OVERFLOW_MENU.key,
-    rank: _toolbar.OVERFLOW_MENU_RANK[_toolbar.SYNCED_BLOCK_SECTION.key]
-  }],
-  component: function component(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/_react.default.createElement(_OverflowMenuSection.OverflowMenuSection, null, children);
-  }
-};
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: _toolbar.SYNCED_BLOCK_GROUP.type,
   key: _toolbar.SYNCED_BLOCK_GROUP.key,
+  component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+      above: "md"
+    }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+  } : undefined,
   parents: [{
     type: _toolbar.INSERT_BLOCK_SECTION.type,
     key: _toolbar.INSERT_BLOCK_SECTION.key,
@@ -33,7 +26,7 @@ var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   }]
 };
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
-  return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, SYNCED_BLOCK_OVERFLOW_MENU_SECTION, {
+  return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
     type: _toolbar.SYNCED_BLOCK_BUTTON.type,
     key: _toolbar.SYNCED_BLOCK_BUTTON.key,
     component: function component() {
@@ -46,18 +39,5 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       key: _toolbar.SYNCED_BLOCK_GROUP.key,
       rank: _toolbar.SYNCED_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_BUTTON.key]
     }]
-  }, {
-    type: _toolbar.SYNCED_BLOCK_ITEM.type,
-    key: _toolbar.SYNCED_BLOCK_ITEM.key,
-    parents: [{
-      type: _toolbar.SYNCED_BLOCK_SECTION.type,
-      key: _toolbar.SYNCED_BLOCK_SECTION.key,
-      rank: _toolbar.SYNCED_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_ITEM.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockItem.CreateSyncedBlockItem, {
-        api: api
-      });
-    }
   }];
 };

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

@@ -1,3 +1,6 @@
 export const flushBodiedSyncBlocks = syncBlockStore => {
   return syncBlockStore.sourceManager.flush();
+};
+export const flushSyncBlocks = syncBlockStore => {
+  return syncBlockStore.referenceManager.flush();
 };

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

@@ -2,7 +2,9 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit
 import { copyDomNode, toDOM } from '@atlaskit/editor-common/copy-button';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { canBeConvertedToSyncBlock, findSyncBlock, findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
+import { FLAG_ID } from '../types';
 export const createSyncedBlock = ({
   tr,
   syncBlockStore,
@@ -59,18 +61,18 @@ export const createSyncedBlock = ({
   // see filterTransaction for more details
   return tr;
 };
-export const copySyncedBlockReferenceToClipboardEditorCommand = syncBlockStore => ({
+export const copySyncedBlockReferenceToClipboardEditorCommand = (syncBlockStore, api) => ({
   tr
 }) => {
-  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore)) {
+  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, api)) {
     return tr;
   }
   return null;
 };
-export const copySyncedBlockReferenceToClipboard = syncBlockStore => (state, _dispatch, _view) => {
-  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore);
+export const copySyncedBlockReferenceToClipboard = (syncBlockStore, api) => (state, _dispatch, _view) => {
+  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, api);
 };
-const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBlockStore) => {
+const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBlockStore, api) => {
   const syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(schema, selection);
   if (!syncBlockFindResult) {
     return false;
@@ -99,6 +101,19 @@ const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBloc
   }
   const domNode = toDOM(referenceSyncBlockNode, schema);
   copyDomNode(domNode, referenceSyncBlockNode.type, selection);
+
+  // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+  setTimeout(() => {
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      return tr.setMeta(syncedBlockPluginKey, {
+        activeFlag: {
+          id: FLAG_ID.SYNC_BLOCK_COPIED
+        }
+      });
+    });
+  }, 0);
   return true;
 };
 export const editSyncedBlockSource = (syncBlockStore, api) => (state, dispatch, _view) => {

package/dist/es2019/pm-plugins/main.js

@@ -108,28 +108,35 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         const {
           schema
         } = state;
+        // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+        setTimeout(() => {
+          api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+            tr
+          }) => {
+            return tr.setMeta(syncedBlockPluginKey, {
+              activeFlag: {
+                id: FLAG_ID.SYNC_BLOCK_COPIED
+              }
+            });
+          });
+        }, 0);
         if (!syncBlockStore) {
           return slice;
         }
         return mapSlice(slice, node => {
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
-            try {
-              const newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
-              // Convert bodiedSyncBlock to syncBlock
-              // The paste transformation will regenrate the localId
-              const newAttrs = {
-                ...node.attrs,
-                resourceId: newResourceId
-              };
-              const newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(mark => {
-                var _schema$nodes$syncBlo;
-                return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
-              }) : node.marks;
-              return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
-            } catch (error) {
-              // If generateResourceIdForReference died, return the original node
-              return node;
-            }
+            const newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
+            // Convert bodiedSyncBlock to syncBlock
+            // The paste transformation will regenrate the localId
+            const newAttrs = {
+              ...node.attrs,
+              resourceId: newResourceId
+            };
+            const newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(mark => {
+              var _schema$nodes$syncBlo;
+              return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
+            }) : node.marks;
+            return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
           }
           return node;
         });

package/dist/es2019/syncedBlockPlugin.js

@@ -4,7 +4,7 @@ import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import Lozenge from '@atlaskit/lozenge';
-import { flushBodiedSyncBlocks } from './editor-actions';
+import { flushBodiedSyncBlocks, flushSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin, syncedBlockPluginKey } from './pm-plugins/main';
 import { getBlockMenuComponents } from './ui/block-menu-components';
@@ -39,7 +39,7 @@ export const syncedBlockPlugin = ({
       }];
     },
     commands: {
-      copySyncedBlockReferenceToClipboard: () => copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore),
+      copySyncedBlockReferenceToClipboard: () => copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api),
       insertSyncedBlock: () => ({
         tr
       }) => createSyncedBlock({
@@ -50,6 +50,9 @@ export const syncedBlockPlugin = ({
     actions: {
       flushBodiedSyncBlocks: () => {
         return flushBodiedSyncBlocks(syncBlockStore);
+      },
+      flushSyncedBlocks: () => {
+        return flushSyncBlocks(syncBlockStore);
       }
     },
     pluginsOptions: {

package/dist/es2019/types/index.js

@@ -3,5 +3,6 @@ export let FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_EDIT_WHEN_OFFLINE"] = "cannot-edit-when-offline";
   FLAG_ID["CANNOT_CREATE_WHEN_OFFLINE"] = "cannot-create-when-offline";
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
+  FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   return FLAG_ID;
 }({});