@atlaskit/editor-plugin-synced-block 5.4.4 → 5.4.6

package/dist/es2019/ui/SyncBlockLabel.js

@@ -4,6 +4,7 @@ import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages'
 import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
 import { Text } from '@atlaskit/primitives/compiled';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { formatElapsedTime } from './utils/time';
@@ -69,7 +70,9 @@ const SyncBlockLabelComponent = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: SyncBlockLabelSharedCssClassName.labelClassName,
-    "aria-describedby": ariaDescribedById
+    "aria-describedby": (isSource || isUnsyncedBlock) && editorExperiment('platform_synced_block_patch_6', true, {
+      exposure: true
+    }) ? undefined : ariaDescribedById
   }, /*#__PURE__*/React.createElement(BlockSyncedIcon, {
     color: "var(--ds-icon-subtle, #505258)",
     size: "small",

package/dist/es2019/ui/SyncedLocationDropdown.js

@@ -1,4 +1,4 @@
-/* SyncedLocationDropdown.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* SyncedLocationDropdown.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./SyncedLocationDropdown.compiled.css";
 import * as React from 'react';
@@ -19,7 +19,6 @@ import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
 import { ConfluenceIcon, JiraIcon, AtlassianIcon } from '@atlaskit/logo';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, Inline, Anchor, Stack } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import Tooltip from '@atlaskit/tooltip';
@@ -73,32 +72,24 @@ const productIconMap = {
   'jira-work-item': JiraIcon
 };
 const subTypeIconMap = {
-  live: PageLiveDocIcon,
-  page: PageIcon,
-  blogpost: QuotationMarkIcon
-};
-const subTypeIconMapNew = {
   live: PageLiveDocIcon,
   page: PageIcon
 };
 const getConfluenceSubTypeIcon = (sourceAri, subType) => {
-  if (fg('platform_synced_block_patch_3')) {
-    try {
-      const {
-        type: pageType
-      } = getPageIdAndTypeFromConfluencePageAri({
-        ari: sourceAri
-      });
-      if (pageType === 'blogpost') {
-        return QuotationMarkIcon;
-      } else {
-        return subType && subType in subTypeIconMapNew ? subTypeIconMapNew[subType] : PageIcon;
-      }
-    } catch {
-      return PageIcon;
+  try {
+    const {
+      type: pageType
+    } = getPageIdAndTypeFromConfluencePageAri({
+      ari: sourceAri
+    });
+    if (pageType === 'blogpost') {
+      return QuotationMarkIcon;
+    } else {
+      return subType && subType in subTypeIconMap ? subTypeIconMap[subType] : PageIcon;
     }
+  } catch {
+    return PageIcon;
   }
-  return subType && subType in subTypeIconMap ? subTypeIconMap[subType] : PageIcon;
 };
 const ProductIcon = ({
   product

package/dist/es2019/ui/quick-insert.js

@@ -1,4 +1,4 @@
-/* quick-insert.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* quick-insert.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./quick-insert.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/nodeviews/bodiedLazySyncedBlock.js

@@ -1,4 +1,5 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+// Delete this file when cleaning up platform_synced_block_patch_5
 export var lazyBodiedSyncBlockView = function lazyBodiedSyncBlockView(props) {
   return withLazyLoading({
     nodeName: 'bodiedSyncBlock',

package/dist/esm/nodeviews/bodiedSyncedBlock.js

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
@@ -14,25 +14,26 @@ 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';
-var toDOM = function toDOM() {
+import { SyncBlockLabel } from '../ui/SyncBlockLabel';
+var toDOMOld = function toDOMOld() {
   return ['div', {
     class: BodiedSyncBlockSharedCssClassName.content,
     contenteditable: true
   }, 0];
 };
-export var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
-  function BodiedSyncBlock(props) {
+var BodiedSyncBlockOld = /*#__PURE__*/function (_ReactNodeView) {
+  function BodiedSyncBlockOld(props) {
     var _this;
-    _classCallCheck(this, BodiedSyncBlock);
-    _this = _callSuper(this, BodiedSyncBlock, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
+    _classCallCheck(this, BodiedSyncBlockOld);
+    _this = _callSuper(this, BodiedSyncBlockOld, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
     _this.api = props.api;
     _this.syncBlockStore = props.syncBlockStore;
     _this.handleConnectivityModeChange();
     _this.handleViewModeChange();
     return _this;
   }
-  _inherits(BodiedSyncBlock, _ReactNodeView);
-  return _createClass(BodiedSyncBlock, [{
+  _inherits(BodiedSyncBlockOld, _ReactNodeView);
+  return _createClass(BodiedSyncBlockOld, [{
     key: "updateContentEditable",
     value: function updateContentEditable(_ref) {
       var _this$api, _this$api2;
@@ -105,7 +106,7 @@ export var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {
-      var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM()),
+      var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOMOld()),
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
       // In SSR, the first check won't work, so fallback to nodeType check
@@ -133,7 +134,7 @@ export var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(ReactNodeView);
-export var bodiedSyncBlockNodeView = function bodiedSyncBlockNodeView(_ref4) {
+export var bodiedSyncBlockNodeViewOld = function bodiedSyncBlockNodeViewOld(_ref4) {
   var pluginOptions = _ref4.pluginOptions,
     pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
     api = _ref4.api,
@@ -141,7 +142,7 @@ export var bodiedSyncBlockNodeView = function bodiedSyncBlockNodeView(_ref4) {
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
-    return new BodiedSyncBlock({
+    return new BodiedSyncBlockOld({
       api: api,
       pluginOptions: pluginOptions,
       node: node,
@@ -152,4 +153,129 @@ export var bodiedSyncBlockNodeView = function bodiedSyncBlockNodeView(_ref4) {
       syncBlockStore: syncBlockStore
     }).init();
   };
+};
+var toDOM = function toDOM(node) {
+  return ['div', {
+    class: "".concat(BodiedSyncBlockSharedCssClassName.prefix, " bodiedSyncBlockView-content-wrap"),
+    localid: node.attrs.localId,
+    resourceid: node.attrs.resourceId
+  }, ['div', {
+    class: BodiedSyncBlockSharedCssClassName.content,
+    contenteditable: 'true'
+  }, 0]];
+};
+export var BodiedSyncBlock = /*#__PURE__*/function () {
+  function BodiedSyncBlock(node, view, getPos, api, nodeViewPortalProviderAPI, syncBlockStore) {
+    var _this4 = this;
+    _classCallCheck(this, BodiedSyncBlock);
+    this.node = node;
+    this.view = view;
+    this.getPos = getPos;
+    this.api = api;
+    this.syncBlockStore = syncBlockStore;
+    this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
+    var _DOMSerializer$render2 = DOMSerializer.renderSpec(document, toDOM(this.node)),
+      dom = _DOMSerializer$render2.dom,
+      contentDOM = _DOMSerializer$render2.contentDOM;
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    this.dom = dom;
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    this.contentDOM = contentDOM;
+    this.labelKey = crypto.randomUUID();
+    this.nodeViewPortalProviderAPI.render(function () {
+      var _this4$api;
+      return /*#__PURE__*/React.createElement(ErrorBoundary, {
+        component: ACTION_SUBJECT.SYNCED_BLOCK,
+        componentId: ACTION_SUBJECT_ID.SYNCED_BLOCK_LABEL,
+        dispatchAnalyticsEvent: (_this4$api = _this4.api) === null || _this4$api === void 0 || (_this4$api = _this4$api.analytics) === null || _this4$api === void 0 ? void 0 : _this4$api.actions.fireAnalyticsEvent,
+        fallbackComponent: null
+      }, /*#__PURE__*/React.createElement(SyncBlockLabel, {
+        isSource: true,
+        localId: node.attrs.localId
+      }));
+    }, this.dom, this.labelKey);
+    this.updateContentEditable({});
+    this.handleConnectivityModeChange();
+    this.handleViewModeChange();
+  }
+  return _createClass(BodiedSyncBlock, [{
+    key: "updateContentEditable",
+    value: function updateContentEditable(_ref5) {
+      var _this$api7, _this$api8;
+      var nextConnectivityMode = _ref5.nextConnectivityMode,
+        nextViewMode = _ref5.nextViewMode;
+      var connectivityMode = nextConnectivityMode !== null && nextConnectivityMode !== void 0 ? nextConnectivityMode : (_this$api7 = this.api) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.connectivity) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.sharedState) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.currentState()) === null || _this$api7 === void 0 ? void 0 : _this$api7.mode;
+      var viewMode = nextViewMode !== null && nextViewMode !== void 0 ? nextViewMode : (_this$api8 = this.api) === null || _this$api8 === void 0 || (_this$api8 = _this$api8.editorViewMode) === null || _this$api8 === void 0 || (_this$api8 = _this$api8.sharedState) === null || _this$api8 === void 0 || (_this$api8 = _this$api8.currentState()) === null || _this$api8 === void 0 ? void 0 : _this$api8.mode;
+      var isOnline = !isOfflineMode(connectivityMode);
+      var isEditMode = viewMode !== 'view';
+      var shouldBeEditable = isOnline && isEditMode;
+      this.contentDOM.setAttribute('contenteditable', shouldBeEditable ? 'true' : 'false');
+    }
+  }, {
+    key: "handleConnectivityModeChange",
+    value: function handleConnectivityModeChange() {
+      var _this$api9,
+        _this5 = this;
+      if ((_this$api9 = this.api) !== null && _this$api9 !== void 0 && _this$api9.connectivity) {
+        this.cleanupConnectivityModeListener = this.api.connectivity.sharedState.onChange(function (_ref6) {
+          var nextSharedState = _ref6.nextSharedState;
+          _this5.updateContentEditable({
+            nextConnectivityMode: nextSharedState.mode
+          });
+        });
+      }
+    }
+  }, {
+    key: "handleViewModeChange",
+    value: function handleViewModeChange() {
+      var _this$api0,
+        _this6 = this;
+      if ((_this$api0 = this.api) !== null && _this$api0 !== void 0 && _this$api0.editorViewMode) {
+        this.cleanupViewModeListener = this.api.editorViewMode.sharedState.onChange(function (_ref7) {
+          var nextSharedState = _ref7.nextSharedState;
+          _this6.updateContentEditable({
+            nextViewMode: nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.mode
+          });
+        });
+      }
+    }
+  }, {
+    key: "update",
+    value: function update(node) {
+      if (this.node.type !== node.type) {
+        return false;
+      }
+      if (node !== this.node) {
+        var _this$api$syncedBlock2, _this$api1;
+        var syncBlockStore = (_this$api$syncedBlock2 = (_this$api1 = this.api) === null || _this$api1 === void 0 || (_this$api1 = _this$api1.syncedBlock.sharedState) === null || _this$api1 === void 0 || (_this$api1 = _this$api1.currentState()) === null || _this$api1 === void 0 ? void 0 : _this$api1.syncBlockStore) !== null && _this$api$syncedBlock2 !== void 0 ? _this$api$syncedBlock2 : this.syncBlockStore;
+        syncBlockStore === null || syncBlockStore === void 0 || syncBlockStore.sourceManager.updateSyncBlockData(node);
+      }
+      this.node = node;
+      return true;
+    }
+  }, {
+    key: "ignoreMutation",
+    value: function ignoreMutation(mutation) {
+      if (mutation.type === 'selection') {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _this$cleanupConnecti, _this$cleanupViewMode;
+      (_this$cleanupConnecti = this.cleanupConnectivityModeListener) === null || _this$cleanupConnecti === void 0 || _this$cleanupConnecti.call(this);
+      (_this$cleanupViewMode = this.cleanupViewModeListener) === null || _this$cleanupViewMode === void 0 || _this$cleanupViewMode.call(this);
+      this.nodeViewPortalProviderAPI.remove(this.labelKey);
+    }
+  }]);
+}();
+export var bodiedSyncBlockNodeView = function bodiedSyncBlockNodeView(props) {
+  var api = props.api,
+    syncBlockStore = props.syncBlockStore,
+    nodeViewPortalProviderAPI = props.pmPluginFactoryParams.nodeViewPortalProviderAPI;
+  return function (node, view, getPos) {
+    return new BodiedSyncBlock(node, view, getPos, api, nodeViewPortalProviderAPI, syncBlockStore);
+  };
 };

package/dist/esm/nodeviews/syncedBlock.js

@@ -13,6 +13,7 @@ import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { SyncBlockSharedCssClassName, SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block';
 import { useFetchSyncBlockData as _useFetchSyncBlockData, useFetchSyncBlockTitle as _useFetchSyncBlockTitle } from '@atlaskit/editor-synced-block-provider';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { removeSyncedBlockAtPos } from '../editor-commands';
 import { SyncBlockRendererWrapper } from '../ui/SyncBlockRendererWrapper';
 export var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
@@ -33,6 +34,20 @@ export var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
       domRef.classList.add(SyncBlockSharedCssClassName.prefix);
       return domRef;
     }
+  }, {
+    key: "validUpdate",
+    value: function validUpdate(currentNode, newNode) {
+      // Only consider as the valid update if the localId and resourceId are the same
+      // This prevents PM reusing the same node view for different sync block node in live page transition
+      return currentNode.attrs.localId === newNode.attrs.localId && currentNode.attrs.resourceId === newNode.attrs.resourceId;
+    }
+  }, {
+    key: "update",
+    value: function update(node, decorations, innerDecorations) {
+      return _superPropGet(SyncBlock, "update", this, 3)([node, decorations, innerDecorations, editorExperiment('platform_synced_block_patch_6', true, {
+        exposure: true
+      }) ? this.validUpdate : undefined]);
+    }
   }, {
     key: "render",
     value: function render(_ref) {

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

@@ -17,8 +17,9 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
-import { bodiedSyncBlockNodeView } from '../nodeviews/bodiedSyncedBlock';
+import { bodiedSyncBlockNodeView, bodiedSyncBlockNodeViewOld } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
 import { FLAG_ID } from '../types';
 import { handleBodiedSyncBlockCreation } from './utils/handle-bodied-sync-block-creation';
@@ -75,9 +76,6 @@ var showCopiedFlag = function showCopiedFlag(api) {
 };
 var showInlineExtensionInSyncBlockWarningIfNeeded = function showInlineExtensionInSyncBlockWarningIfNeeded(tr, state, api, inlineExtensionFlagShown) {
   var _api$connectivity;
-  if (!fg('platform_synced_block_patch_3')) {
-    return;
-  }
   if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(pmHistoryPluginKey)) || 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;
   }
@@ -132,31 +130,17 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
     });
   });
   syncBlockAdded.forEach(function (syncBlock) {
-    if (fg('platform_synced_block_patch_3')) {
-      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: ACTION.INSERTED,
-        actionSubject: ACTION_SUBJECT.DOCUMENT,
-        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
-        attributes: {
-          resourceId: syncBlock.attrs.resourceId,
-          blockInstanceId: syncBlock.attrs.localId
-        },
-        eventType: EVENT_TYPE.TRACK
-      });
-    } else {
-      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({
-        action: ACTION.INSERTED,
-        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-        actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
-        attributes: {
-          resourceId: syncBlock.attrs.resourceId,
-          blockInstanceId: syncBlock.attrs.localId
-        },
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
+    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: ACTION.INSERTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
+      attributes: {
+        resourceId: syncBlock.attrs.resourceId,
+        blockInstanceId: syncBlock.attrs.localId
+      },
+      eventType: EVENT_TYPE.TRACK
+    });
   });
   if (bodiedSyncBlockRemoved.length > 0) {
     // eslint-disable-next-line no-param-reassign
@@ -346,7 +330,14 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             }).init()
           );
         },
-        bodiedSyncBlock: fg('platform_synced_block_patch_5') ? bodiedSyncBlockNodeView({
+        bodiedSyncBlock: fg('platform_synced_block_patch_5') ? editorExperiment('platform_synced_block_use_new_source_nodeview', true, {
+          exposure: true
+        }) ? bodiedSyncBlockNodeView({
+          pluginOptions: options,
+          pmPluginFactoryParams: pmPluginFactoryParams,
+          api: api,
+          syncBlockStore: syncBlockStore
+        }) : bodiedSyncBlockNodeViewOld({
           pluginOptions: options,
           pmPluginFactoryParams: pmPluginFactoryParams,
           api: api,
@@ -358,7 +349,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         })
       },
       decorations: function decorations(state) {
-        var _currentPluginState$s, _api$connectivity2, _api$editorViewMode, _api$userIntent;
+        var _currentPluginState$s, _api$connectivity2, _api$editorViewMode, _api$userIntent, _api$focus;
         var currentPluginState = syncedBlockPluginKey.getState(state);
         var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : DecorationSet.empty;
         var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
@@ -394,7 +385,14 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             }));
           }
         });
-        return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+        if (api !== null && api !== void 0 && (_api$focus = api.focus) !== null && _api$focus !== void 0 && (_api$focus = _api$focus.sharedState) !== null && _api$focus !== void 0 && (_api$focus = _api$focus.currentState()) !== null && _api$focus !== void 0 && _api$focus.hasFocus || !editorExperiment('platform_synced_block_patch_6', true, {
+          exposure: true
+        })) {
+          // Don't show decorations if the editor is not focused
+          return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+        } else {
+          return DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+        }
       },
       handleClickOn: createSelectionClickHandler(['bodiedSyncBlock'], function (target) {
         return !!target.closest(".".concat(BodiedSyncBlockSharedCssClassName.prefix));
@@ -507,8 +505,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           _syncBlockRemoved = _trackSyncBlocks5.removed,
           _syncBlockAdded = _trackSyncBlocks5.added;
         _syncBlockRemoved.forEach(function (syncBlock) {
-          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({
+          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({
             action: ACTION.DELETED,
             actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
             actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
@@ -520,31 +518,17 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           });
         });
         _syncBlockAdded.forEach(function (syncBlock) {
-          if (fg('platform_synced_block_patch_3')) {
-            var _api$analytics5;
-            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({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
-              attributes: {
-                resourceId: syncBlock.attrs.resourceId,
-                blockInstanceId: syncBlock.attrs.localId
-              },
-              eventType: EVENT_TYPE.TRACK
-            });
-          } else {
-            var _api$analytics6;
-            api === null || api === void 0 || (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 || (_api$analytics6 = _api$analytics6.actions) === null || _api$analytics6 === void 0 || _api$analytics6.fireAnalyticsEvent({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
-              attributes: {
-                resourceId: syncBlock.attrs.resourceId,
-                blockInstanceId: syncBlock.attrs.localId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
-            });
-          }
+          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({
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.DOCUMENT,
+            actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
+            attributes: {
+              resourceId: syncBlock.attrs.resourceId,
+              blockInstanceId: syncBlock.attrs.localId
+            },
+            eventType: EVENT_TYPE.TRACK
+          });
         });
         if (bodiedSyncBlockRemoved.length > 0) {
           confirmationTransactionRef.current = tr;

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

@@ -1,9 +1,5 @@
-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; }
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   var removed = {};
   var added = {};
@@ -20,10 +16,10 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   });
 
   // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step, idx) {
+  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step) {
     var from = step.from,
       to = step.to;
-    var docAtStep = fg('platform_synced_block_patch_3') ? tr.docs[tr.steps.indexOf(step)] : tr.docs[idx];
+    var docAtStep = tr.docs[tr.steps.indexOf(step)];
     var hasChange = false;
     if (from !== to) {
       step.getMap().forEach(function (oldStart, oldEnd) {
@@ -103,70 +99,32 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
  */
 export var hasEditInSyncBlock = function hasEditInSyncBlock(tr, state) {
   var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
-  if (fg('platform_synced_block_patch_3')) {
-    for (var i = 0; i < tr.steps.length; i++) {
-      var _tr$docs;
-      var step = tr.steps[i];
-      var map = step.getMap();
-      var docAfterStep = (_tr$docs = tr.docs[i + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc;
-      var positions = [];
+  for (var i = 0; i < tr.steps.length; i++) {
+    var _tr$docs;
+    var step = tr.steps[i];
+    var map = step.getMap();
+    var docAfterStep = (_tr$docs = tr.docs[i + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc;
+    var positions = [];
 
-      // Extract positions from steps dynamically based on applicable properties
-      if ('from' in step && typeof step.from === 'number' && 'to' in step && typeof step.to === 'number') {
-        var _ref = step,
-          from = _ref.from,
-          to = _ref.to;
-        positions.push(from, to);
-      } else if ('pos' in step && typeof step.pos === 'number') {
-        var _ref2 = step,
-          pos = _ref2.pos;
-        positions.push(pos);
-      }
-      for (var _i = 0, _positions = positions; _i < _positions.length; _i++) {
-        var _pos = _positions[_i];
-        var newPos = map.map(_pos);
-        if (newPos >= 0 && newPos <= docAfterStep.content.size) {
-          if (findParentNodeOfTypeClosestToPos(docAfterStep.resolve(newPos), bodiedSyncBlock)) {
-            return true;
-          }
-        }
-      }
+    // Extract positions from steps dynamically based on applicable properties
+    if ('from' in step && typeof step.from === 'number' && 'to' in step && typeof step.to === 'number') {
+      var _ref = step,
+        from = _ref.from,
+        to = _ref.to;
+      positions.push(from, to);
+    } else if ('pos' in step && typeof step.pos === 'number') {
+      var _ref2 = step,
+        pos = _ref2.pos;
+      positions.push(pos);
     }
-  } else {
-    var _iterator = _createForOfIteratorHelper(tr.steps),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step2 = _step.value;
-        var _map = _step2.getMap();
-        var doc = tr.doc;
-        var _positions2 = [];
-
-        // Extract positions from steps dynamically based on applicable properties
-        if ('from' in _step2 && typeof _step2.from === 'number' && 'to' in _step2 && typeof _step2.to === 'number') {
-          var _ref3 = _step2,
-            _from = _ref3.from,
-            _to = _ref3.to;
-          _positions2.push(_from, _to);
-        } else if ('pos' in _step2 && typeof _step2.pos === 'number') {
-          var _ref4 = _step2,
-            _pos2 = _ref4.pos;
-          _positions2.push(_pos2);
-        }
-        for (var _i2 = 0, _positions3 = _positions2; _i2 < _positions3.length; _i2++) {
-          var _pos3 = _positions3[_i2];
-          var _newPos = _map.map(_pos3);
-          if (_newPos >= 0 && _newPos <= doc.content.size) {
-            if (findParentNodeOfTypeClosestToPos(doc.resolve(_newPos), bodiedSyncBlock)) {
-              return true;
-            }
-          }
+    for (var _i = 0, _positions = positions; _i < _positions.length; _i++) {
+      var _pos = _positions[_i];
+      var newPos = map.map(_pos);
+      if (newPos >= 0 && newPos <= docAfterStep.content.size) {
+        if (findParentNodeOfTypeClosestToPos(docAfterStep.resolve(newPos), bodiedSyncBlock)) {
+          return true;
         }
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
   }
   return false;

package/dist/esm/syncedBlockPlugin.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { bodiedSyncBlock, syncBlock } from '@atlaskit/adf-schema';
+import { syncBlock, bodiedSyncBlock } from '@atlaskit/adf-schema';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks, flushSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { bodiedSyncBlockNodeWithToDOMFixed } from './nodeviews/bodiedSyncBlockNodeWithToDOMFixed';
@@ -31,7 +32,11 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
         node: syncBlock
       }, {
         name: 'bodiedSyncBlock',
-        node: fg('platform_synced_block_patch_3') ? bodiedSyncBlockNodeWithToDOMFixed() : bodiedSyncBlock
+        node: !editorExperiment('platform_synced_block_patch_6', true, {
+          exposure: true
+        }) ?
+        // delete bodiedSyncBlockNodeWithToDOMFixed when cleaning up platform_synced_block_patch_6
+        bodiedSyncBlockNodeWithToDOMFixed() : bodiedSyncBlock
       }];
     },
     pmPlugins: function pmPlugins() {

package/dist/esm/ui/BodiedSyncBlockWrapper.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useHandleContentChanges } from '@atlaskit/editor-synced-block-provider';
 import { SyncBlockLabel } from './SyncBlockLabel';
+// Delete this file when cleaning up platform_synced_block_use_new_source_nodeview
 export var BodiedSyncBlockWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var node = _ref.node,
     syncBlockStore = _ref.syncBlockStore;

package/dist/esm/ui/DeleteConfirmationModal.js

@@ -1,4 +1,4 @@
-/* DeleteConfirmationModal.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* DeleteConfirmationModal.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./DeleteConfirmationModal.compiled.css";