@atlaskit/editor-plugin-synced-block 11.0.0 → 11.0.1

package/dist/es2019/syncedBlockPlugin.js

@@ -4,7 +4,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { flushBodiedSyncBlocks, flushSyncBlocks, discardUnpublishedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin, syncedBlockPluginKey } from './pm-plugins/main';
@@ -36,11 +35,7 @@ const LazySyncedBlockUI = ({
     var _states$syncedBlockSt;
     return (_states$syncedBlockSt = states.syncedBlockState) === null || _states$syncedBlockSt === void 0 ? void 0 : _states$syncedBlockSt.hasSyncedBlocks;
   });
-
-  // Use expValEqualsNoExposure here because the exposure is already fired
-  // once at plugin creation time (see syncedBlockPlugin below).
-  // This component re-renders on every transaction — avoid redundant SDK evaluations.
-  if (!hasSyncBlocks && expValEqualsNoExposure('editor_synced_block_perf', 'isEnabled', true)) {
+  if (!hasSyncBlocks) {
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SyncBlockRefresher, {
@@ -63,7 +58,6 @@ export const syncedBlockPlugin = ({
   const refs = {};
   const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode;
   const syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode, config === null || config === void 0 ? void 0 : config.__livePage);
-  const isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
   syncBlockStore.setFireAnalyticsEvent(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent);
 
   // --- Memoized getSharedState (EDITOR-6929 / PR-F) ---
@@ -135,10 +129,7 @@ export const syncedBlockPlugin = ({
         // When the experiment is ON and the document has no synced blocks,
         // skip the toolbar config entirely to avoid the per-selection-change
         // cost of findSyncBlockOrBodiedSyncBlock (EDITOR-6931).
-        // Save the expValEquals('editor_synced_block_perf', 'isEnabled', true) in a const
-        // because floatingToolbar is called on every selection change.
-        // computing it once at plugin initialisation is more efficient.
-        if (!((_syncedBlockPluginKey = syncedBlockPluginKey.getState(state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks) && isPerfExperimentOn) {
+        if (!((_syncedBlockPluginKey = syncedBlockPluginKey.getState(state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks)) {
           return undefined;
         }
         return getToolbarConfig(state, intl, api, syncBlockStore, config === null || config === void 0 ? void 0 : config.__livePage, config === null || config === void 0 ? void 0 : config.onGiveFeedback);
@@ -175,7 +166,7 @@ export const syncedBlockPlugin = ({
 
       // --- EDITOR-6929 / PR-F: return a stable reference when all
       // fields are unchanged to prevent unnecessary React re-renders. ---
-      if (cachedSharedState !== undefined && cachedSharedState.activeFlag === activeFlag && cachedSharedState.syncBlockStore === currentSyncBlockStore && cachedSharedState.bodiedSyncBlockDeletionStatus === bodiedSyncBlockDeletionStatus && cachedSharedState.retryCreationPosMap === retryCreationPosMap && cachedSharedState.hasSyncedBlocks === hasSyncedBlocks && cachedSharedState.hasUnsavedBodiedSyncBlockChanges === hasUnsavedBodiedSyncBlockChanges && isPerfExperimentOn) {
+      if (cachedSharedState !== undefined && cachedSharedState.activeFlag === activeFlag && cachedSharedState.syncBlockStore === currentSyncBlockStore && cachedSharedState.bodiedSyncBlockDeletionStatus === bodiedSyncBlockDeletionStatus && cachedSharedState.retryCreationPosMap === retryCreationPosMap && cachedSharedState.hasSyncedBlocks === hasSyncedBlocks && cachedSharedState.hasUnsavedBodiedSyncBlockChanges === hasUnsavedBodiedSyncBlockChanges) {
         return cachedSharedState;
       }
       const nextSharedState = {

package/dist/esm/nodeviews/bodiedSyncedBlock.js

@@ -1,183 +1,15 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _get from "@babel/runtime/helpers/get";
-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; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import React from 'react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { isSSR, isSSRStreaming } from '@atlaskit/editor-common/core-utils';
 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';
 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';
 import { SyncBlockLabel } from '../ui/SyncBlockLabel';
 import { isEmptySourceSyncBlock } from './isEmptySourceSyncBlock';
-var toDOMOld = function toDOMOld() {
-  return ['div', {
-    class: BodiedSyncBlockSharedCssClassName.content,
-    contenteditable: true
-  }, 0];
-};
-var BodiedSyncBlockOld = /*#__PURE__*/function (_ReactNodeView) {
-  function BodiedSyncBlockOld(props) {
-    var _this;
-    _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(BodiedSyncBlockOld, _ReactNodeView);
-  return _createClass(BodiedSyncBlockOld, [{
-    key: "updateContentEditable",
-    value: function updateContentEditable(_ref) {
-      var _this$api, _this$api2;
-      var contentDOM = _ref.contentDOM,
-        nextConnectivityMode = _ref.nextConnectivityMode,
-        nextViewMode = _ref.nextViewMode;
-      var connectivityMode = nextConnectivityMode !== null && nextConnectivityMode !== void 0 ? nextConnectivityMode : (_this$api = this.api) === null || _this$api === void 0 || (_this$api = _this$api.connectivity) === null || _this$api === void 0 || (_this$api = _this$api.sharedState) === null || _this$api === void 0 || (_this$api = _this$api.currentState()) === null || _this$api === void 0 ? void 0 : _this$api.mode;
-      var viewMode = nextViewMode !== null && nextViewMode !== void 0 ? nextViewMode : (_this$api2 = this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.editorViewMode) === 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 isOnline = !isOfflineMode(connectivityMode);
-      var isEditMode = viewMode !== 'view';
-      var shouldBeEditable = isOnline && isEditMode;
-      contentDOM === null || contentDOM === void 0 || contentDOM.setAttribute('contenteditable', shouldBeEditable ? 'true' : 'false');
-    }
-  }, {
-    key: "handleConnectivityModeChange",
-    value: function handleConnectivityModeChange() {
-      var _this$api3,
-        _this2 = this;
-      if ((_this$api3 = this.api) !== null && _this$api3 !== void 0 && _this$api3.connectivity) {
-        this.cleanupConnectivityModeListener = this.api.connectivity.sharedState.onChange(function (_ref2) {
-          var nextSharedState = _ref2.nextSharedState;
-          _this2.updateContentEditable({
-            contentDOM: _this2.contentDOM,
-            nextConnectivityMode: nextSharedState.mode
-          });
-        });
-      }
-    }
-  }, {
-    key: "handleViewModeChange",
-    value: function handleViewModeChange() {
-      var _this$api4,
-        _this3 = this;
-      if ((_this$api4 = this.api) !== null && _this$api4 !== void 0 && _this$api4.editorViewMode) {
-        this.cleanupViewModeListener = this.api.editorViewMode.sharedState.onChange(function (_ref3) {
-          var nextSharedState = _ref3.nextSharedState;
-          _this3.updateContentEditable({
-            contentDOM: _this3.contentDOM,
-            nextViewMode: nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.mode
-          });
-        });
-      }
-    }
-  }, {
-    key: "createDomRef",
-    value: function createDomRef() {
-      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
-      var domRef = document.createElement('div');
-      domRef.classList.add(BodiedSyncBlockSharedCssClassName.prefix);
-      domRef.classList.toggle(BodiedSyncBlockSharedCssClassName.empty, isEmptySourceSyncBlock(this.node));
-      return domRef;
-    }
-
-    /**
-     * Keeps the empty marker class in sync so the source placeholder can be shown purely from
-     * document state. See `isEmptySourceSyncBlock` for why the DOM is not used to decide this.
-     */
-  }, {
-    key: "update",
-    value: function update(node, decorations) {
-      var updated = _superPropGet(BodiedSyncBlockOld, "update", this, 3)([node, decorations]);
-      if (updated) {
-        // `ReactNodeView`'s `dom` getter throws rather than returning nullish once the view is
-        // destroyed, so optional chaining here would be misleading. `super.update()` only
-        // returns true while the view is still mounted, so the ref is guaranteed.
-        this.dom.classList.toggle(BodiedSyncBlockSharedCssClassName.empty, isEmptySourceSyncBlock(this.node));
-      }
-      return updated;
-    }
-  }, {
-    key: "render",
-    value: function render(_props, forwardRef) {
-      var _this$api$syncedBlock, _this$api5, _this$api6;
-      // Use passed syncBlockStore for SSR where sharedState.currentState() is delayed
-      var syncBlockStore = (_this$api$syncedBlock = (_this$api5 = this.api) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.syncedBlock.sharedState) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.currentState()) === null || _this$api5 === void 0 ? void 0 : _this$api5.syncBlockStore) !== null && _this$api$syncedBlock !== void 0 ? _this$api$syncedBlock : this.syncBlockStore;
-      if (!syncBlockStore) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(ErrorBoundary, {
-        component: ACTION_SUBJECT.SYNCED_BLOCK,
-        dispatchAnalyticsEvent: (_this$api6 = this.api) === null || _this$api6 === void 0 || (_this$api6 = _this$api6.analytics) === null || _this$api6 === void 0 ? void 0 : _this$api6.actions.fireAnalyticsEvent,
-        fallbackComponent: null
-      }, /*#__PURE__*/React.createElement(BodiedSyncBlockWrapper, {
-        ref: forwardRef,
-        syncBlockStore: syncBlockStore,
-        node: this.node
-      }));
-    }
-  }, {
-    key: "getContentDOM",
-    value: function getContentDOM() {
-      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView serialization must target active runtime document
-      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
-      if (dom instanceof HTMLElement || dom.nodeType === 1) {
-        this.updateContentEditable({
-          contentDOM: contentDOM
-        });
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        return {
-          dom: dom,
-          contentDOM: contentDOM
-        };
-      }
-      return undefined;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (this.cleanupConnectivityModeListener) {
-        this.cleanupConnectivityModeListener();
-      }
-      if (this.cleanupViewModeListener) {
-        this.cleanupViewModeListener();
-      }
-    }
-  }]);
-}(ReactNodeView);
-export var bodiedSyncBlockNodeViewOld = function bodiedSyncBlockNodeViewOld(_ref4) {
-  var pluginOptions = _ref4.pluginOptions,
-    pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
-    api = _ref4.api,
-    syncBlockStore = _ref4.syncBlockStore;
-  return function (node, view, getPos) {
-    var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
-      eventDispatcher = pmPluginFactoryParams.eventDispatcher;
-    return new BodiedSyncBlockOld({
-      api: api,
-      pluginOptions: pluginOptions,
-      node: node,
-      view: view,
-      getPos: getPos,
-      portalProviderAPI: portalProviderAPI,
-      eventDispatcher: eventDispatcher,
-      syncBlockStore: syncBlockStore
-    }).init();
-  };
-};
 var toDOM = function toDOM(node) {
   return ['div', {
     class: "".concat(BodiedSyncBlockSharedCssClassName.prefix, " bodiedSyncBlockView-content-wrap"),
@@ -190,7 +22,7 @@ var toDOM = function toDOM(node) {
 };
 export var BodiedSyncBlock = /*#__PURE__*/function () {
   function BodiedSyncBlock(node, view, getPos, api, nodeViewPortalProviderAPI) {
-    var _this4 = this;
+    var _this = this;
     _classCallCheck(this, BodiedSyncBlock);
     this.node = node;
     this.view = view;
@@ -198,9 +30,9 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
     this.api = api;
     this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
     // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView serialization must target active runtime document
-    var _DOMSerializer$render2 = DOMSerializer.renderSpec(document, toDOM(this.node)),
-      dom = _DOMSerializer$render2.dom,
-      contentDOM = _DOMSerializer$render2.contentDOM;
+    var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM(this.node)),
+      dom = _DOMSerializer$render.dom,
+      contentDOM = _DOMSerializer$render.contentDOM;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     this.dom = dom;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -224,11 +56,11 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
     }
     this.labelKey = crypto.randomUUID();
     this.nodeViewPortalProviderAPI.render(function () {
-      var _this4$api;
+      var _this$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,
+        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.createElement(SyncBlockLabel, {
         isSource: true,
@@ -245,12 +77,12 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
   }
   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;
+    value: function updateContentEditable(_ref) {
+      var _this$api2, _this$api3;
+      var nextConnectivityMode = _ref.nextConnectivityMode,
+        nextViewMode = _ref.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 = !isOfflineMode(connectivityMode);
       var isEditMode = viewMode !== 'view';
       var shouldBeEditable = isOnline && isEditMode;
@@ -259,12 +91,12 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
   }, {
     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({
+      var _this$api4,
+        _this2 = this;
+      if ((_this$api4 = this.api) !== null && _this$api4 !== void 0 && _this$api4.connectivity) {
+        this.cleanupConnectivityModeListener = this.api.connectivity.sharedState.onChange(function (_ref2) {
+          var nextSharedState = _ref2.nextSharedState;
+          _this2.updateContentEditable({
             nextConnectivityMode: nextSharedState.mode
           });
         });
@@ -273,12 +105,12 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
   }, {
     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({
+      var _this$api5,
+        _this3 = this;
+      if ((_this$api5 = this.api) !== null && _this$api5 !== void 0 && _this$api5.editorViewMode) {
+        this.cleanupViewModeListener = this.api.editorViewMode.sharedState.onChange(function (_ref3) {
+          var nextSharedState = _ref3.nextSharedState;
+          _this3.updateContentEditable({
             nextViewMode: nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.mode
           });
         });

package/dist/esm/nodeviews/syncedBlock.js

@@ -15,7 +15,6 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { removeSyncedBlockAtPos } from '../editor-commands';
 import { SyncBlockRendererWrapper } from '../ui/SyncBlockRendererWrapper';
 import { SyncBlockSSRReactContextsProvider } from '../ui/SyncBlockSSRReactContextsProvider';
@@ -188,12 +187,7 @@ export var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(_ref) {
-      var _this$options,
-        _this$api$syncedBlock2,
-        _this$api2,
-        _this$api3,
-        _this2 = this,
-        _this$options2;
+      var _this$options, _this$api$syncedBlock2, _this$api2, _this$api3, _this$options2;
       var getPos = _ref.getPos;
       if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.syncedBlockRenderer)) {
         return null;
@@ -209,10 +203,6 @@ export var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
         return null;
       }
 
-      // Use expValEqualsNoExposure — the exposure is already fired once at plugin
-      // creation time in syncedBlockPlugin.tsx and main.ts createPlugin().
-      var isPerfEnabled = expValEqualsNoExposure('editor_synced_block_perf', 'isEnabled', true);
-
       // get document node from data provider
       return /*#__PURE__*/React.createElement(SyncBlockSSRReactContextsProvider, {
         intl: this.intl
@@ -220,20 +210,9 @@ export var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
         component: 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.createElement(SyncBlockActionsProvider
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-      , {
-        removeSyncBlock: isPerfEnabled ? this.removeSyncBlockStable : function () {
-          var pos = getPos();
-          if (pos !== undefined) {
-            removeSyncedBlockAtPos(_this2.api, pos);
-          }
-        }
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        fetchSyncBlockSourceInfo: isPerfEnabled ? this.fetchSyncBlockSourceInfoStable : function (sourceAri) {
-          return syncBlockStore.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri);
-        }
+      }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider, {
+        removeSyncBlock: this.removeSyncBlockStable,
+        fetchSyncBlockSourceInfo: this.fetchSyncBlockSourceInfoStable
       }, /*#__PURE__*/React.createElement(SyncBlockRendererWrapper, {
         localId: localId,
         resourceId: resourceId,