@atlaskit/editor-plugin-synced-block 24.0.4 → 24.0.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 24.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 24.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.0.4
 
 ### Patch Changes

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

@@ -8,18 +8,18 @@ exports.unsync = exports.removeSyncedBlockAtPos = exports.removeSyncedBlock = ex
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _copyButton = require("@atlaskit/editor-common/copy-button");
-var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/selection/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _utils2 = require("@atlaskit/editor-synced-block-provider/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _utils3 = require("@atlaskit/editor-synced-block-provider/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _main = require("../pm-plugins/main");
-var _utils3 = require("../pm-plugins/utils/utils");
+var _utils4 = require("../pm-plugins/utils/utils");
 var _types = require("../types");
-var _utils4 = require("./utils");
+var _utils5 = require("./utils");
 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; }
 /**
@@ -100,41 +100,41 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
     var newBodiedSyncBlockNode = bodiedSyncBlock.createAndFill(attrs, paragraphNode ? [paragraphNode] : []);
     if (!newBodiedSyncBlockNode) {
       fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-        action: _analytics.ACTION.ERROR,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        action: _enums.ACTION.ERROR,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
         attributes: {
           error: 'Create and fill for empty content failed'
         },
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
       });
       return false;
     }
     if (typeAheadInsert) {
       tr = typeAheadInsert(newBodiedSyncBlockNode);
     } else {
-      tr = (0, _utils.safeInsert)(newBodiedSyncBlockNode)(tr).scrollIntoView();
+      tr = (0, _utils2.safeInsert)(newBodiedSyncBlockNode)(tr).scrollIntoView();
       // safeInsert does not move the selection into the new block, so place the
       // caret inside the block's empty paragraph so typing continues inside the
       // synced block (EDITOR-7949).
       tr = placeCaretInsideBodiedSyncBlock(tr, newBodiedSyncBlockNode.attrs.localId);
     }
   } else {
-    var conversionInfo = (0, _utils3.canBeConvertedToSyncBlock)(tr.selection);
+    var conversionInfo = (0, _utils4.canBeConvertedToSyncBlock)(tr.selection);
     if (!conversionInfo) {
       fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-        action: _analytics.ACTION.ERROR,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        action: _enums.ACTION.ERROR,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
         attributes: {
           error: 'Content cannot be converted to sync block'
         },
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
       });
       return false;
     }
     if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_sync_block_node_types')) {
-      nodeTypes = (0, _toConsumableArray2.default)(new Set((0, _selection.getSourceNodesFromSelectionRange)(tr, tr.selection).map(function (node) {
+      nodeTypes = (0, _toConsumableArray2.default)(new Set((0, _utils.getSourceNodesFromSelectionRange)(tr, tr.selection).map(function (node) {
         return node.type.name;
       }))).sort();
     }
@@ -142,13 +142,13 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
     var _newBodiedSyncBlockNode = bodiedSyncBlock.createAndFill(_attrs, conversionInfo.contentToInclude, conversionInfo.breakoutMark ? [conversionInfo.breakoutMark] : undefined);
     if (!_newBodiedSyncBlockNode) {
       fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-        action: _analytics.ACTION.ERROR,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        action: _enums.ACTION.ERROR,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
         attributes: {
           error: 'Create and fill for content failed'
         },
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
       });
       return false;
     }
@@ -184,14 +184,14 @@ var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClip
 };
 var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore, inputMethod, api, isLivePage) {
   var _syncBlockStore$refer;
-  var syncBlockFindResult = (0, _utils3.findSyncBlockOrBodiedSyncBlock)(schema, selection);
+  var syncBlockFindResult = (0, _utils4.findSyncBlockOrBodiedSyncBlock)(schema, selection);
   if (!syncBlockFindResult) {
     var _api$analytics;
     api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-      action: _analytics.ACTION.ERROR,
-      actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+      eventType: _enums.EVENT_TYPE.OPERATIONAL,
+      action: _enums.ACTION.ERROR,
+      actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
       attributes: {
         error: 'No sync block found in selection',
         inputMethod: inputMethod
@@ -199,7 +199,7 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
     });
     return false;
   }
-  var isBodiedSyncBlock = (0, _utils3.isBodiedSyncBlockNode)(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
+  var isBodiedSyncBlock = (0, _utils4.isBodiedSyncBlockNode)(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
   var referenceSyncBlockNode = null;
   if (isBodiedSyncBlock) {
     var syncBlock = schema.nodes.syncBlock;
@@ -211,10 +211,10 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
     if (!referenceSyncBlockNode) {
       var _api$analytics2;
       api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        action: _analytics.ACTION.ERROR,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        action: _enums.ACTION.ERROR,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
         attributes: {
           error: 'Failed to create reference sync block node',
           resourceId: syncBlockFindResult.node.attrs.resourceId,
@@ -229,10 +229,10 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
   if (!referenceSyncBlockNode) {
     var _api$analytics3;
     api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.fireAnalyticsEvent({
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-      action: _analytics.ACTION.ERROR,
-      actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+      eventType: _enums.EVENT_TYPE.OPERATIONAL,
+      action: _enums.ACTION.ERROR,
+      actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
       attributes: {
         error: 'No reference sync block node available',
         inputMethod: inputMethod
@@ -246,15 +246,15 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
   // bodiedSyncBlock its `localId` is the source uuid (copy was page-form only).
   var sourceJoinKey = isBodiedSyncBlock ? syncBlockFindResult.node.attrs.localId : undefined;
   var isSourceContentUnpublished = isBodiedSyncBlock ? syncBlockStore.sourceManager.getStatus(syncBlockFindResult.node.attrs.resourceId) !== 'active' : ((_syncBlockStore$refer = syncBlockStore.referenceManager.getFromCache(referenceSyncBlockNode.attrs.resourceId)) === null || _syncBlockStore$refer === void 0 || (_syncBlockStore$refer = _syncBlockStore$refer.data) === null || _syncBlockStore$refer === void 0 ? void 0 : _syncBlockStore$refer.status) === 'unpublished';
-  var sourceProduct = (0, _utils2.getSourceProductFromResourceIdSafe)(referenceSyncBlockNode.attrs.resourceId);
+  var sourceProduct = (0, _utils3.getSourceProductFromResourceIdSafe)(referenceSyncBlockNode.attrs.resourceId);
   var copyResult = (0, _copyButton.copyDomNodeWithResult)(domNode, referenceSyncBlockNode.type, selection);
   if (copyResult === false) {
     var _api$analytics4;
     api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-      action: _analytics.ACTION.ERROR,
-      actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+      eventType: _enums.EVENT_TYPE.OPERATIONAL,
+      action: _enums.ACTION.ERROR,
+      actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
       attributes: {
         error: 'Failed to copy synced block to clipboard',
         resourceId: referenceSyncBlockNode.attrs.resourceId,
@@ -263,15 +263,15 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
     });
     return false;
   }
-  (0, _utils3.deferDispatch)(function () {
+  (0, _utils4.deferDispatch)(function () {
     api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
       var _api$analytics5;
       var tr = _ref3.tr;
       api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 || (_api$analytics5 = _api$analytics5.actions) === null || _api$analytics5 === void 0 || _api$analytics5.fireAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        action: _analytics.ACTION.COPIED,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        action: _enums.ACTION.COPIED,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
         attributes: _objectSpread({
           resourceId: referenceSyncBlockNode.attrs.resourceId,
           inputMethod: inputMethod
@@ -294,7 +294,7 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
 var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedBlockSource(syncBlockStore, api) {
   return function (state, dispatch, _view) {
     var _syncBlock$node, _syncBlockStore$refer2;
-    var syncBlock = (0, _utils3.findSyncBlock)(state.schema, state.selection);
+    var syncBlock = (0, _utils4.findSyncBlock)(state.schema, state.selection);
     var resourceId = syncBlock === null || syncBlock === void 0 || (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 || (_syncBlock$node = _syncBlock$node.attrs) === null || _syncBlock$node === void 0 ? void 0 : _syncBlock$node.resourceId;
     if (!resourceId) {
       return false;
@@ -302,14 +302,14 @@ var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedB
     var syncBlockURL = syncBlockStore.referenceManager.getSyncBlockURL(resourceId);
     var syncBlockData = (_syncBlockStore$refer2 = syncBlockStore.referenceManager.getFromCache(resourceId)) === null || _syncBlockStore$refer2 === void 0 ? void 0 : _syncBlockStore$refer2.data;
     var isOnSameDocument = (syncBlockData === null || syncBlockData === void 0 ? void 0 : syncBlockData.onSameDocument) === true;
-    var sourceBlock = isOnSameDocument && syncBlockData ? (0, _utils4.findBodiedSyncBlockByLocalId)(state, syncBlockData.blockInstanceId) : undefined;
+    var sourceBlock = isOnSameDocument && syncBlockData ? (0, _utils5.findBodiedSyncBlockByLocalId)(state, syncBlockData.blockInstanceId) : undefined;
     if (syncBlockURL) {
       var _api$analytics6;
       api === null || api === void 0 || (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 || _api$analytics6.actions.fireAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        action: _analytics.ACTION.SYNCED_BLOCK_EDIT_SOURCE,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        action: _enums.ACTION.SYNCED_BLOCK_EDIT_SOURCE,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
         attributes: {
           resourceId: resourceId,
           sameDocument: isOnSameDocument
@@ -325,10 +325,10 @@ var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedB
       var _api$analytics7;
       var _tr = state.tr;
       api === null || api === void 0 || (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 || (_api$analytics7 = _api$analytics7.actions) === null || _api$analytics7 === void 0 || _api$analytics7.attachAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        action: _analytics.ACTION.ERROR,
-        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        action: _enums.ACTION.ERROR,
+        actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
         attributes: {
           error: 'No URL resolved for synced block'
         }
@@ -346,10 +346,10 @@ var removeSyncedBlock = exports.removeSyncedBlock = function removeSyncedBlock(a
       return false;
     }
     var removeTr = tr;
-    if ((0, _utils.findSelectedNodeOfType)(nodes.syncBlock)(tr.selection) || (0, _utils.findSelectedNodeOfType)(nodes.bodiedSyncBlock)(tr.selection)) {
-      removeTr = (0, _utils.removeSelectedNode)(tr);
+    if ((0, _utils2.findSelectedNodeOfType)(nodes.syncBlock)(tr.selection) || (0, _utils2.findSelectedNodeOfType)(nodes.bodiedSyncBlock)(tr.selection)) {
+      removeTr = (0, _utils2.removeSelectedNode)(tr);
     } else {
-      removeTr = (0, _utils.removeParentNodeOfType)(nodes.bodiedSyncBlock)(tr);
+      removeTr = (0, _utils2.removeParentNodeOfType)(nodes.bodiedSyncBlock)(tr);
     }
     if (!removeTr) {
       return false;
@@ -385,7 +385,7 @@ var unsync = exports.unsync = function unsync(storeManager, isBodiedSyncBlock, v
     return false;
   }
   var state = view.state;
-  var syncBlock = (0, _utils3.findSyncBlockOrBodiedSyncBlock)(state.schema, state.selection);
+  var syncBlock = (0, _utils4.findSyncBlockOrBodiedSyncBlock)(state.schema, state.selection);
   if (!syncBlock) {
     return false;
   }
@@ -412,5 +412,5 @@ var unsync = exports.unsync = function unsync(storeManager, isBodiedSyncBlock, v
   // use defaultSchema for serialization so we can serialize any type of nodes and marks despite current editor's schema might not allow it
   var contentFragment = _model.Fragment.fromJSON(_schemaDefault.defaultSchema, syncBlockContent);
   var contentDOM = _model.DOMSerializer.fromSchema(_schemaDefault.defaultSchema).serializeFragment(contentFragment);
-  return (0, _utils4.pasteSyncBlockHTMLContent)(contentDOM, view);
+  return (0, _utils5.pasteSyncBlockHTMLContent)(contentDOM, view);
 };

package/dist/cjs/nodeviews/bodiedSyncedBlock.js

@@ -10,10 +10,10 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _getUnpublishedSourceType = require("../ui/getUnpublishedSourceType");
@@ -104,8 +104,8 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
     this.nodeViewPortalProviderAPI.render(function () {
       var _this$api;
       return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-        component: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        componentId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_LABEL,
+        component: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+        componentId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_LABEL,
         dispatchAnalyticsEvent: (_this$api = _this.api) === null || _this$api === void 0 || (_this$api = _this$api.analytics) === null || _this$api === void 0 ? void 0 : _this$api.actions.fireAnalyticsEvent,
         fallbackComponent: null
       }, /*#__PURE__*/_react.default.createElement(SourceSyncBlockLabel, {
@@ -130,7 +130,7 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
         nextViewMode = _ref2.nextViewMode;
       var connectivityMode = nextConnectivityMode !== null && nextConnectivityMode !== void 0 ? nextConnectivityMode : (_this$api2 = this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.connectivity) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.sharedState) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.currentState()) === null || _this$api2 === void 0 ? void 0 : _this$api2.mode;
       var viewMode = nextViewMode !== null && nextViewMode !== void 0 ? nextViewMode : (_this$api3 = this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.editorViewMode) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.sharedState) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.currentState()) === null || _this$api3 === void 0 ? void 0 : _this$api3.mode;
-      var isOnline = !(0, _editorPluginConnectivity.isOfflineMode)(connectivityMode);
+      var isOnline = !(0, _isOfflineMode.isOfflineMode)(connectivityMode);
       var isEditMode = viewMode !== 'view';
       var shouldBeEditable = isOnline && isEditMode;
       this.contentDOM.setAttribute('contenteditable', shouldBeEditable ? 'true' : 'false');

package/dist/cjs/nodeviews/syncedBlock.js

@@ -13,10 +13,11 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
+var _SyncBlockActionsContext = require("@atlaskit/editor-common/sync-block/SyncBlockActionsContext");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorCommands = require("../editor-commands");
@@ -221,10 +222,10 @@ var SyncBlock = exports.SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
       return /*#__PURE__*/_react.default.createElement(_SyncBlockSSRReactContextsProvider.SyncBlockSSRReactContextsProvider, {
         intl: this.intl
       }, /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-        component: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+        component: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
         dispatchAnalyticsEvent: (_this$api3 = this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.analytics) === null || _this$api3 === void 0 ? void 0 : _this$api3.actions.fireAnalyticsEvent,
         fallbackComponent: null
-      }, /*#__PURE__*/_react.default.createElement(_syncBlock.SyncBlockActionsProvider, {
+      }, /*#__PURE__*/_react.default.createElement(_SyncBlockActionsContext.SyncBlockActionsProvider, {
         removeSyncBlock: this.removeSyncBlockStable,
         fetchSyncBlockSourceInfo: this.fetchSyncBlockSourceInfoStable
       }, /*#__PURE__*/_react.default.createElement(_SyncBlockRendererWrapper.SyncBlockRendererWrapper, {

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

@@ -11,18 +11,18 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _collab = require("@atlaskit/editor-common/collab");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _selection = require("@atlaskit/editor-common/selection");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
 var _utils = require("@atlaskit/editor-common/utils");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _slice = require("@atlaskit/editor-common/utils/slice");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _view3 = require("@atlaskit/editor-prosemirror/view");
-var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _utils2 = require("@atlaskit/editor-synced-block-provider/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _bodiedSyncedBlock = require("../nodeviews/bodiedSyncedBlock");
@@ -120,7 +120,7 @@ var showCopiedFlag = function showCopiedFlag(api, isLivePage, isSourceContentUnp
 };
 var showExtensionInSyncBlockWarningIfNeeded = function showExtensionInSyncBlockWarningIfNeeded(tr, state, api, extensionFlagShown) {
   var _api$connectivity;
-  if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(_utils.pmHistoryPluginKey)) || (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode)) {
+  if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(_utils.pmHistoryPluginKey)) || (0, _isOfflineMode.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode)) {
     return;
   }
   var resourceId = (0, _utils3.wasExtensionInsertedInBodiedSyncBlock)(tr, state);
@@ -264,14 +264,14 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
   syncBlockRemoved.forEach(function (syncBlock) {
     var _api$analytics;
     api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
-      action: _analytics.ACTION.DELETED,
-      actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
+      action: _enums.ACTION.DELETED,
+      actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
       attributes: {
         resourceId: syncBlock.attrs.resourceId,
         blockInstanceId: syncBlock.attrs.localId
       },
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      eventType: _enums.EVENT_TYPE.OPERATIONAL
     });
   });
 
@@ -298,16 +298,16 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
   syncBlockAdded.forEach(function (syncBlock) {
     var _api$analytics2;
     api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
-      action: _analytics.ACTION.INSERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK,
+      action: _enums.ACTION.INSERTED,
+      actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK,
       attributes: {
         resourceId: syncBlock.attrs.resourceId,
         blockInstanceId: syncBlock.attrs.localId,
         sourceProduct: (0, _utils2.getSourceProductFromResourceIdSafe)(syncBlock.attrs.resourceId),
         isPaste: isPaste
       },
-      eventType: _analytics.EVENT_TYPE.TRACK
+      eventType: _enums.EVENT_TYPE.TRACK
     });
   });
   if (bodiedSyncBlockRemoved.length > 0) {
@@ -693,7 +693,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         var docHasSyncedBlocks = (0, _hasSyncedBlocks.hasSyncedBlocks)(instance.doc);
         if (docHasSyncedBlocks) {
           var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
-          syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
+          syncBlockStore.referenceManager.fetchSyncBlocksData((0, _utils2.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
 
           // Populate source sync block cache from initial document.
           // This replaces the constructor call in the nodeview.
@@ -708,7 +708,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         }
 
         // Read initial shared-state signals for status decorations
-        var initIsOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
+        var initIsOffline = (0, _isOfflineMode.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
         var initIsViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
         var initIsDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
 
@@ -762,7 +762,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         // status decoration rebuilds (e.g. drag border). Without this check the
         // fast path would swallow drag-start transactions and the synced block
         // border would never appear (see VR test: synced-block-drag-selection).
-        if (!meta && !tr.docChanged && tr.selection.eq(oldEditorState.selection) && nextHasUnsavedBodiedSyncBlockChanges === currentPluginState.hasUnsavedBodiedSyncBlockChanges && (api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 || (_api$userIntent2 = _api$userIntent2.sharedState.currentState()) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.currentUserIntent) === 'dragging' === prevDragging && (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode) === prevOffline && (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) === 'view' === prevViewMode) {
+        if (!meta && !tr.docChanged && tr.selection.eq(oldEditorState.selection) && nextHasUnsavedBodiedSyncBlockChanges === currentPluginState.hasUnsavedBodiedSyncBlockChanges && (api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 || (_api$userIntent2 = _api$userIntent2.sharedState.currentState()) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.currentUserIntent) === 'dragging' === prevDragging && (0, _isOfflineMode.isOfflineMode)(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode) === prevOffline && (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) === 'view' === prevViewMode) {
           return currentPluginState;
         }
 
@@ -803,7 +803,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         } else {
           var _api$connectivity4, _api$editorViewMode3, _api$userIntent3;
           // Read current shared-state signals
-          nextIsOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity4 = api.connectivity) === null || _api$connectivity4 === void 0 || (_api$connectivity4 = _api$connectivity4.sharedState.currentState()) === null || _api$connectivity4 === void 0 ? void 0 : _api$connectivity4.mode);
+          nextIsOffline = (0, _isOfflineMode.isOfflineMode)(api === null || api === void 0 || (_api$connectivity4 = api.connectivity) === null || _api$connectivity4 === void 0 || (_api$connectivity4 = _api$connectivity4.sharedState.currentState()) === null || _api$connectivity4 === void 0 ? void 0 : _api$connectivity4.mode);
           nextIsViewMode = (api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode) === 'view';
           nextIsDragging = (api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || (_api$userIntent3 = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3 === void 0 ? void 0 : _api$userIntent3.currentUserIntent) === 'dragging';
 
@@ -943,7 +943,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         // Instead, strip the bodiedSyncBlock wrapper and keep only the
         // inner content to prevent createBlock being called with the
         // wrong parentId.
-        return (0, _utils.mapSlice)(slice, function (node) {
+        return (0, _slice.mapSlice)(slice, function (node) {
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
             // Return the inner content without the sync block wrapper.
             // This is the same behavior as when a partial selection of
@@ -966,7 +966,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return slice;
         }
         var containsCutSyncBlock = false;
-        var transformedSlice = (0, _utils.mapSlice)(slice, function (node) {
+        var transformedSlice = (0, _slice.mapSlice)(slice, function (node) {
           if (syncBlockStore.referenceManager.isReferenceBlock(node)) {
             var _syncBlockStore$refer;
             if (isCut) {
@@ -1029,7 +1029,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       if (viewMode === 'view') {
         return true;
       }
-      var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity5 = api.connectivity) === null || _api$connectivity5 === void 0 || (_api$connectivity5 = _api$connectivity5.sharedState.currentState()) === null || _api$connectivity5 === void 0 ? void 0 : _api$connectivity5.mode);
+      var isOffline = (0, _isOfflineMode.isOfflineMode)(api === null || api === void 0 || (_api$connectivity5 = api.connectivity) === null || _api$connectivity5 === void 0 || (_api$connectivity5 = _api$connectivity5.sharedState.currentState()) === null || _api$connectivity5 === void 0 ? void 0 : _api$connectivity5.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -1075,7 +1075,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         }).filter(function (node) {
           return node !== undefined;
         });
-        syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
+        syncBlockStore.referenceManager.fetchSyncBlocksData((0, _utils2.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
       }
       if (!tr.docChanged || Boolean(tr.getMeta('isRemote')) || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;