@atlaskit/editor-plugin-synced-block 8.3.1 → 8.3.3

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 8.3.3
+
+### Patch Changes
+
+- [`434b508cc2368`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/434b508cc2368) -
+  EDITOR-7104: Add `featured-section` placement to block menu selection extension API
+  - Add `featured-section` to `BlockMenuPlacement` type which registers a top-level section with a
+    separator
+  - Add `BLOCK_ACTIONS_TEMPLATE_SECTION` and `BLOCK_ACTIONS_FEATURED_EXTENSION_SECTION_KEYS`
+    constants to `editor-common`
+  - Render lozenge inline next to label text (not pushed to far right) for dropdown and nested
+    dropdown items
+  - Move "New" lozenge next to label for synced block dropdown items
+  - Block template/menu behaviour gated behind `platform_editor_block_menu_v2_patch_2`; synced-block
+    lozenge placement behaviour gated behind `platform_synced_block_patch_12`
+
+- Updated dependencies
+
+## 8.3.2
+
+### Patch Changes
+
+- [`13169b42740a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/13169b42740a8) -
+  Cache experiment value at plugin creation to avoid redundant Statsig SDK evaluations on every
+  editor transaction
+- Updated dependencies
+
 ## 8.3.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/syncedBlock.js

@@ -17,7 +17,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _editorCommands = require("../editor-commands");
 var _SyncBlockRendererWrapper = require("../ui/SyncBlockRendererWrapper");
@@ -95,7 +95,10 @@ var SyncBlock = exports.SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
       if (!syncBlockStore) {
         return null;
       }
-      var isPerfEnabled = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true);
+
+      // Use expValEqualsNoExposure — the exposure is already fired once at plugin
+      // creation time in syncedBlockPlugin.tsx and main.ts createPlugin().
+      var isPerfEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_synced_block_perf', 'isEnabled', true);
 
       // get document node from data provider
       return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {

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

@@ -41,13 +41,13 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 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; }
 var syncedBlockPluginKey = exports.syncedBlockPluginKey = new _state.PluginKey('syncedBlockPlugin');
-var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos) {
+var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos, isPerfExperimentOn) {
   var resourceId = newRetryCreationPos === null || newRetryCreationPos === void 0 ? void 0 : newRetryCreationPos.resourceId;
 
   // Fast path: no new entry and nothing to remap — return the same reference.
   // This is critical for PR-E (EDITOR-6929) which relies on reference equality
   // to short-circuit SharedStateAPI deep-equality checks.
-  if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true) && !resourceId && oldMap.size === 0) {
+  if (isPerfExperimentOn && !resourceId && oldMap.size === 0) {
     return oldMap;
   }
   var newMap = new Map(oldMap);
@@ -306,6 +306,12 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
   var _ref6 = options || {},
     _ref6$useLongPressSel = _ref6.useLongPressSelection,
     useLongPressSelection = _ref6$useLongPressSel === void 0 ? false : _ref6$useLongPressSel;
+
+  // Cache the experiment value once at plugin creation time.
+  // This fires the exposure event exactly once (correct per Exposure Events 101)
+  // and avoids ~10 redundant Statsig SDK evaluations per keystroke in hot paths
+  // (apply, filterTransaction, appendTransaction, decorations).
+  var isPerfExperimentOn = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true);
   var ctx = new SyncedBlockPluginContext();
   var confirmationTransactionRef = ctx.confirmationTransactionRef;
   var unpublishedFlagShown = ctx.unpublishedFlagShown;
@@ -356,7 +362,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         // synced blocks, we skip the eager fetch + cache walks. They will be
         // re-run lazily by `apply` the first time a synced block enters the
         // document (paste, collab insert, or programmatic insert).
-        var docHasSyncedBlocks = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true) ? (0, _hasSyncedBlocks.hasSyncedBlocks)(instance.doc) : true;
+        var docHasSyncedBlocks = isPerfExperimentOn ? (0, _hasSyncedBlocks.hasSyncedBlocks)(instance.doc) : true;
         if (docHasSyncedBlocks) {
           var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
           syncBlockStore.referenceManager.fetchSyncBlocksData((0, _editorSyncedBlockProvider.convertPMNodesToSyncBlockNodes)(syncBlockNodes));
@@ -386,7 +392,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         // When the perf gate is ON and the doc has synced blocks we do a
         // single traversal here; afterwards `apply()` will map or rebuild
         // only when a status signal changes.
-        var initStatusDecorationSet = docHasSyncedBlocks && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true) ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : _view.DecorationSet.empty;
+        var initStatusDecorationSet = docHasSyncedBlocks && isPerfExperimentOn ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : _view.DecorationSet.empty;
         return {
           selectionDecorationSet: (0, _selectionDecorations.calculateDecorations)(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
@@ -403,7 +409,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       apply: function apply(tr, currentPluginState, oldEditorState) {
         var _meta$activeFlag, _meta$bodiedSyncBlock;
         var meta = tr.getMeta(syncedBlockPluginKey);
-        var isPerfExperimentOn = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true);
+        // isPerfExperimentOn is cached at createPlugin() level — see above
+
         var activeFlag = currentPluginState.activeFlag,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
@@ -481,7 +488,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           }
         }
         var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
-        var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
+        var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping), isPerfExperimentOn);
         var nextActiveFlag = (_meta$activeFlag = meta === null || meta === void 0 ? void 0 : meta.activeFlag) !== null && _meta$activeFlag !== void 0 ? _meta$activeFlag : activeFlag;
         var nextBodiedSyncBlockDeletionStatus = (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus;
         var nextHasUnsavedBodiedSyncBlockChanges = syncBlockStore.sourceManager.hasUnsavedChanges();
@@ -555,7 +562,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         // `apply()`. The `decorations` prop is now an O(1) merge of
         // the two cached sets — no `doc.descendants()` walk, no
         // shared-state reads.
-        if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+        if (isPerfExperimentOn) {
           var _api$focus$sharedStat, _api$focus;
           if (!docHasSyncedBlocks) {
             return selectionDecorationSet;
@@ -679,7 +686,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       // transaction does not insert one, all downstream filter logic is a
       // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
       // walks for the ~99.97% of pages that have no synced blocks.
-      if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+      if (isPerfExperimentOn) {
         var pluginState = syncedBlockPluginKey.getState(state);
         if (pluginState && !pluginState.hasSyncedBlocks && !(0, _transactionInsertsSyncedBlock.transactionInsertsSyncedBlock)(tr)) {
           return true;
@@ -769,7 +776,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       // synced block (and none of the dispatched transactions inserts one),
       // skip all downstream work. This is the hot path on the ~99.97% of
       // pages that don't use synced blocks (see EDITOR-6586).
-      if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+      if (isPerfExperimentOn) {
         var oldPluginState = syncedBlockPluginKey.getState(oldState);
         var newPluginState = syncedBlockPluginKey.getState(newState);
         var hadOrHasSyncedBlocks = !!(oldPluginState !== null && oldPluginState !== void 0 && oldPluginState.hasSyncedBlocks) || !!(newPluginState !== null && newPluginState !== void 0 && newPluginState.hasSyncedBlocks);

package/dist/cjs/pm-plugins/menu-and-toolbar-experiences.js

@@ -23,6 +23,10 @@ var targetEl;
 var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperiencesPlugin(_ref) {
   var refs = _ref.refs,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+  // Cache the experiment value once at plugin creation time.
+  // This fires the exposure event exactly once (correct per Exposure Events 101)
+  // and avoids redundant Statsig SDK evaluations in the view() and update() hooks.
+  var isPerfExperimentOn = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true);
   var popupsTargetEl;
   var editorViewRef = {
     current: undefined
@@ -185,13 +189,13 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
         unbindClickListener = unbinders.unbindClickListener;
         unbindKeydownListener = unbinders.unbindKeydownListener;
       };
-      if ((_syncedBlockPluginKey = _main.syncedBlockPluginKey.getState(_view.state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks || !(0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+      if ((_syncedBlockPluginKey = _main.syncedBlockPluginKey.getState(_view.state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks || !isPerfExperimentOn) {
         ensureListenersBound();
       }
       return {
         update: function update(view, prevState) {
           var _syncedBlockPluginKey2;
-          if (!listenersBound && view.state.doc !== prevState.doc && (_syncedBlockPluginKey2 = _main.syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey2 !== void 0 && _syncedBlockPluginKey2.hasSyncedBlocks && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+          if (!listenersBound && view.state.doc !== prevState.doc && (_syncedBlockPluginKey2 = _main.syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey2 !== void 0 && _syncedBlockPluginKey2.hasSyncedBlocks && isPerfExperimentOn) {
             // Bind listeners now that synced blocks are present.
             ensureListenersBound();
           }

package/dist/cjs/syncedBlockPlugin.js

@@ -10,6 +10,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _editorActions = require("./editor-actions");
 var _editorCommands = require("./editor-commands");
@@ -38,7 +39,11 @@ var LazySyncedBlockUI = function LazySyncedBlockUI(_ref) {
     var _states$syncedBlockSt;
     return (_states$syncedBlockSt = states.syncedBlockState) === null || _states$syncedBlockSt === void 0 ? void 0 : _states$syncedBlockSt.hasSyncedBlocks;
   });
-  if (!hasSyncBlocks && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+
+  // 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 && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_synced_block_perf', 'isEnabled', true)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SyncBlockRefresher.SyncBlockRefresher, {
@@ -175,7 +180,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function 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 && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+      if (cachedSharedState !== undefined && cachedSharedState.activeFlag === activeFlag && cachedSharedState.syncBlockStore === currentSyncBlockStore && cachedSharedState.bodiedSyncBlockDeletionStatus === bodiedSyncBlockDeletionStatus && cachedSharedState.retryCreationPosMap === retryCreationPosMap && cachedSharedState.hasSyncedBlocks === hasSyncedBlocks && cachedSharedState.hasUnsavedBodiedSyncBlockChanges === hasUnsavedBodiedSyncBlockChanges && isPerfExperimentOn) {
         return cachedSharedState;
       }
       var nextSharedState = {

package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js

@@ -18,8 +18,14 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../pm-plugins/utils/utils");
 var _types = require("../types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
-  var api = _ref.api;
+var SyncedBlockNewLozenge = function SyncedBlockNewLozenge(_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    appearance: (0, _platformFeatureFlags.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
+  }, label);
+};
+var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2) {
+  var api = _ref2.api;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection', 'blockControls', 'connectivity'], function (states) {
@@ -48,6 +54,9 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
     }));
   };
   var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(mode);
+  var lozenge = /*#__PURE__*/_react.default.createElement(SyncedBlockNewLozenge, {
+    label: formatMessage(_messages.blockMenuMessages.newLozenge)
+  });
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
       label: "",
@@ -56,13 +65,12 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
     onClick: onClick,
     isDisabled: isOffline,
     testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
-    elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-      appearance: (0, _platformFeatureFlags.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-    }, formatMessage(_messages.blockMenuMessages.newLozenge))
+    elemAfter: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? undefined : lozenge,
+    elemAfterText: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? lozenge : undefined
   }, formatMessage(_messages.blockMenuMessages.syncBlock));
 };
-var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
-  var api = _ref2.api;
+var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref3) {
+  var api = _ref3.api;
   var _useIntl2 = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
@@ -79,6 +87,9 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
       closeMenu: true
     }));
   };
+  var lozenge = /*#__PURE__*/_react.default.createElement(SyncedBlockNewLozenge, {
+    label: formatMessage(_messages.blockMenuMessages.newLozenge)
+  });
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
       label: "",
@@ -86,14 +97,13 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
     }),
     onClick: onClick,
     isDisabled: (0, _editorPluginConnectivity.isOfflineMode)(mode),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-      appearance: (0, _platformFeatureFlags.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-    }, formatMessage(_messages.blockMenuMessages.newLozenge))
+    elemAfter: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? undefined : lozenge,
+    elemAfterText: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_12') ? lozenge : undefined
   }, formatMessage(_messages.blockMenuMessages.copySyncedBlock));
 };
-var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
-  var api = _ref3.api,
-    enableSourceSyncedBlockCreation = _ref3.enableSourceSyncedBlockCreation;
+var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref4) {
+  var api = _ref4.api,
+    enableSourceSyncedBlockCreation = _ref4.enableSourceSyncedBlockCreation;
   var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
       var _states$blockControls3, _states$blockControls4;
       return {

package/dist/es2019/nodeviews/syncedBlock.js

@@ -4,7 +4,7 @@ import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 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 { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { removeSyncedBlockAtPos } from '../editor-commands';
 import { SyncBlockRendererWrapper } from '../ui/SyncBlockRendererWrapper';
@@ -64,7 +64,10 @@ export class SyncBlock extends ReactNodeView {
     if (!syncBlockStore) {
       return null;
     }
-    const isPerfEnabled = expValEquals('editor_synced_block_perf', 'isEnabled', true);
+
+    // Use expValEqualsNoExposure — the exposure is already fired once at plugin
+    // creation time in syncedBlockPlugin.tsx and main.ts createPlugin().
+    const isPerfEnabled = expValEqualsNoExposure('editor_synced_block_perf', 'isEnabled', true);
 
     // get document node from data provider
     return /*#__PURE__*/React.createElement(ErrorBoundary, {

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

@@ -26,13 +26,13 @@ import { hasEditInSyncBlock, trackSyncBlocks } from './utils/track-sync-blocks';
 import { transactionInsertsSyncedBlock } from './utils/transaction-inserts-synced-block';
 import { deferDispatch, wasExtensionInsertedInBodiedSyncBlock, sliceFullyContainsNode } from './utils/utils';
 export const syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
-const mapRetryCreationPosMap = (oldMap, newRetryCreationPos, mapPos) => {
+const mapRetryCreationPosMap = (oldMap, newRetryCreationPos, mapPos, isPerfExperimentOn) => {
   const resourceId = newRetryCreationPos === null || newRetryCreationPos === void 0 ? void 0 : newRetryCreationPos.resourceId;
 
   // Fast path: no new entry and nothing to remap — return the same reference.
   // This is critical for PR-E (EDITOR-6929) which relies on reference equality
   // to short-circuit SharedStateAPI deep-equality checks.
-  if (expValEquals('editor_synced_block_perf', 'isEnabled', true) && !resourceId && oldMap.size === 0) {
+  if (isPerfExperimentOn && !resourceId && oldMap.size === 0) {
     return oldMap;
   }
   const newMap = new Map(oldMap);
@@ -276,6 +276,12 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
   const {
     useLongPressSelection = false
   } = options || {};
+
+  // Cache the experiment value once at plugin creation time.
+  // This fires the exposure event exactly once (correct per Exposure Events 101)
+  // and avoids ~10 redundant Statsig SDK evaluations per keystroke in hot paths
+  // (apply, filterTransaction, appendTransaction, decorations).
+  const isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
   const ctx = new SyncedBlockPluginContext();
   const confirmationTransactionRef = ctx.confirmationTransactionRef;
   const unpublishedFlagShown = ctx.unpublishedFlagShown;
@@ -324,7 +330,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         // synced blocks, we skip the eager fetch + cache walks. They will be
         // re-run lazily by `apply` the first time a synced block enters the
         // document (paste, collab insert, or programmatic insert).
-        const docHasSyncedBlocks = expValEquals('editor_synced_block_perf', 'isEnabled', true) ? hasSyncedBlocks(instance.doc) : true;
+        const docHasSyncedBlocks = isPerfExperimentOn ? hasSyncedBlocks(instance.doc) : true;
         if (docHasSyncedBlocks) {
           const syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
           syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
@@ -354,7 +360,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         // When the perf gate is ON and the doc has synced blocks we do a
         // single traversal here; afterwards `apply()` will map or rebuild
         // only when a status signal changes.
-        const initStatusDecorationSet = docHasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true) ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : DecorationSet.empty;
+        const initStatusDecorationSet = docHasSyncedBlocks && isPerfExperimentOn ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : DecorationSet.empty;
         return {
           selectionDecorationSet: calculateDecorations(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
@@ -371,7 +377,8 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       apply: (tr, currentPluginState, oldEditorState) => {
         var _meta$activeFlag, _meta$bodiedSyncBlock;
         const meta = tr.getMeta(syncedBlockPluginKey);
-        const isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
+        // isPerfExperimentOn is cached at createPlugin() level — see above
+
         const {
           activeFlag,
           selectionDecorationSet,
@@ -451,7 +458,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           }
         }
         const newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
-        const newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
+        const newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping), isPerfExperimentOn);
         const nextActiveFlag = (_meta$activeFlag = meta === null || meta === void 0 ? void 0 : meta.activeFlag) !== null && _meta$activeFlag !== void 0 ? _meta$activeFlag : activeFlag;
         const nextBodiedSyncBlockDeletionStatus = (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus;
         const nextHasUnsavedBodiedSyncBlockChanges = syncBlockStore.sourceManager.hasUnsavedChanges();
@@ -524,7 +531,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         // `apply()`. The `decorations` prop is now an O(1) merge of
         // the two cached sets — no `doc.descendants()` walk, no
         // shared-state reads.
-        if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+        if (isPerfExperimentOn) {
           var _api$focus$sharedStat, _api$focus, _api$focus$sharedStat2, _api$focus$sharedStat3;
           if (!docHasSyncedBlocks) {
             return selectionDecorationSet;
@@ -652,7 +659,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       // transaction does not insert one, all downstream filter logic is a
       // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
       // walks for the ~99.97% of pages that have no synced blocks.
-      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if (isPerfExperimentOn) {
         const pluginState = syncedBlockPluginKey.getState(state);
         if (pluginState && !pluginState.hasSyncedBlocks && !transactionInsertsSyncedBlock(tr)) {
           return true;
@@ -735,7 +742,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       // synced block (and none of the dispatched transactions inserts one),
       // skip all downstream work. This is the hot path on the ~99.97% of
       // pages that don't use synced blocks (see EDITOR-6586).
-      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if (isPerfExperimentOn) {
         const oldPluginState = syncedBlockPluginKey.getState(oldState);
         const newPluginState = syncedBlockPluginKey.getState(newState);
         const hadOrHasSyncedBlocks = !!(oldPluginState !== null && oldPluginState !== void 0 && oldPluginState.hasSyncedBlocks) || !!(newPluginState !== null && newPluginState !== void 0 && newPluginState.hasSyncedBlocks);

package/dist/es2019/pm-plugins/menu-and-toolbar-experiences.js

@@ -16,6 +16,10 @@ export const getMenuAndToolbarExperiencesPlugin = ({
   refs,
   dispatchAnalyticsEvent
 }) => {
+  // Cache the experiment value once at plugin creation time.
+  // This fires the exposure event exactly once (correct per Exposure Events 101)
+  // and avoids redundant Statsig SDK evaluations in the view() and update() hooks.
+  const isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
   let popupsTargetEl;
   const editorViewRef = {
     current: undefined
@@ -178,13 +182,13 @@ export const getMenuAndToolbarExperiencesPlugin = ({
         unbindClickListener = unbinders.unbindClickListener;
         unbindKeydownListener = unbinders.unbindKeydownListener;
       };
-      if ((_syncedBlockPluginKey = syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks || !expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if ((_syncedBlockPluginKey = syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks || !isPerfExperimentOn) {
         ensureListenersBound();
       }
       return {
         update: (view, prevState) => {
           var _syncedBlockPluginKey2;
-          if (!listenersBound && view.state.doc !== prevState.doc && (_syncedBlockPluginKey2 = syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey2 !== void 0 && _syncedBlockPluginKey2.hasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          if (!listenersBound && view.state.doc !== prevState.doc && (_syncedBlockPluginKey2 = syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey2 !== void 0 && _syncedBlockPluginKey2.hasSyncedBlocks && isPerfExperimentOn) {
             // Bind listeners now that synced blocks are present.
             ensureListenersBound();
           }

package/dist/es2019/syncedBlockPlugin.js

@@ -3,6 +3,7 @@ import { syncBlock, bodiedSyncBlock } from '@atlaskit/adf-schema';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { flushBodiedSyncBlocks, flushSyncBlocks, discardUnpublishedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
@@ -33,7 +34,11 @@ const LazySyncedBlockUI = ({
     var _states$syncedBlockSt;
     return (_states$syncedBlockSt = states.syncedBlockState) === null || _states$syncedBlockSt === void 0 ? void 0 : _states$syncedBlockSt.hasSyncedBlocks;
   });
-  if (!hasSyncBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+
+  // 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)) {
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SyncBlockRefresher, {
@@ -167,7 +172,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 && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if (cachedSharedState !== undefined && cachedSharedState.activeFlag === activeFlag && cachedSharedState.syncBlockStore === currentSyncBlockStore && cachedSharedState.bodiedSyncBlockDeletionStatus === bodiedSyncBlockDeletionStatus && cachedSharedState.retryCreationPosMap === retryCreationPosMap && cachedSharedState.hasSyncedBlocks === hasSyncedBlocks && cachedSharedState.hasUnsavedBodiedSyncBlockChanges === hasUnsavedBodiedSyncBlockChanges && isPerfExperimentOn) {
         return cachedSharedState;
       }
       const nextSharedState = {

package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js

@@ -9,6 +9,11 @@ import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
+const SyncedBlockNewLozenge = ({
+  label
+}) => /*#__PURE__*/React.createElement(Lozenge, {
+  appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
+}, label);
 const CreateSyncedBlockDropdownItem = ({
   api
 }) => {
@@ -40,6 +45,9 @@ const CreateSyncedBlockDropdownItem = ({
     }));
   };
   const isOffline = isOfflineMode(mode);
+  const lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
+    label: formatMessage(blockMenuMessages.newLozenge)
+  });
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
       label: "",
@@ -48,9 +56,8 @@ const CreateSyncedBlockDropdownItem = ({
     onClick: onClick,
     isDisabled: isOffline,
     testId: SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-    }, formatMessage(blockMenuMessages.newLozenge))
+    elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
+    elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
   }, formatMessage(blockMenuMessages.syncBlock));
 };
 const CopySyncedBlockDropdownItem = ({
@@ -74,6 +81,9 @@ const CopySyncedBlockDropdownItem = ({
       closeMenu: true
     }));
   };
+  const lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
+    label: formatMessage(blockMenuMessages.newLozenge)
+  });
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
       label: "",
@@ -81,9 +91,8 @@ const CopySyncedBlockDropdownItem = ({
     }),
     onClick: onClick,
     isDisabled: isOfflineMode(mode),
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-    }, formatMessage(blockMenuMessages.newLozenge))
+    elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
+    elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
   }, formatMessage(blockMenuMessages.copySyncedBlock));
 };
 export const CreateOrCopySyncedBlockDropdownItem = ({

package/dist/esm/nodeviews/syncedBlock.js

@@ -13,7 +13,7 @@ import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 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 { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { removeSyncedBlockAtPos } from '../editor-commands';
 import { SyncBlockRendererWrapper } from '../ui/SyncBlockRendererWrapper';
@@ -88,7 +88,10 @@ export var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
       if (!syncBlockStore) {
         return null;
       }
-      var isPerfEnabled = expValEquals('editor_synced_block_perf', 'isEnabled', true);
+
+      // 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(ErrorBoundary, {

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

@@ -34,13 +34,13 @@ import { hasEditInSyncBlock, trackSyncBlocks } from './utils/track-sync-blocks';
 import { transactionInsertsSyncedBlock } from './utils/transaction-inserts-synced-block';
 import { deferDispatch, wasExtensionInsertedInBodiedSyncBlock, sliceFullyContainsNode } from './utils/utils';
 export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
-var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos) {
+var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCreationPos, mapPos, isPerfExperimentOn) {
   var resourceId = newRetryCreationPos === null || newRetryCreationPos === void 0 ? void 0 : newRetryCreationPos.resourceId;
 
   // Fast path: no new entry and nothing to remap — return the same reference.
   // This is critical for PR-E (EDITOR-6929) which relies on reference equality
   // to short-circuit SharedStateAPI deep-equality checks.
-  if (expValEquals('editor_synced_block_perf', 'isEnabled', true) && !resourceId && oldMap.size === 0) {
+  if (isPerfExperimentOn && !resourceId && oldMap.size === 0) {
     return oldMap;
   }
   var newMap = new Map(oldMap);
@@ -299,6 +299,12 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
   var _ref6 = options || {},
     _ref6$useLongPressSel = _ref6.useLongPressSelection,
     useLongPressSelection = _ref6$useLongPressSel === void 0 ? false : _ref6$useLongPressSel;
+
+  // Cache the experiment value once at plugin creation time.
+  // This fires the exposure event exactly once (correct per Exposure Events 101)
+  // and avoids ~10 redundant Statsig SDK evaluations per keystroke in hot paths
+  // (apply, filterTransaction, appendTransaction, decorations).
+  var isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
   var ctx = new SyncedBlockPluginContext();
   var confirmationTransactionRef = ctx.confirmationTransactionRef;
   var unpublishedFlagShown = ctx.unpublishedFlagShown;
@@ -349,7 +355,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         // synced blocks, we skip the eager fetch + cache walks. They will be
         // re-run lazily by `apply` the first time a synced block enters the
         // document (paste, collab insert, or programmatic insert).
-        var docHasSyncedBlocks = expValEquals('editor_synced_block_perf', 'isEnabled', true) ? hasSyncedBlocks(instance.doc) : true;
+        var docHasSyncedBlocks = isPerfExperimentOn ? hasSyncedBlocks(instance.doc) : true;
         if (docHasSyncedBlocks) {
           var syncBlockNodes = instance.doc.children.filter(syncBlockStore.referenceManager.isReferenceBlock);
           syncBlockStore.referenceManager.fetchSyncBlocksData(convertPMNodesToSyncBlockNodes(syncBlockNodes));
@@ -379,7 +385,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         // When the perf gate is ON and the doc has synced blocks we do a
         // single traversal here; afterwards `apply()` will map or rebuild
         // only when a status signal changes.
-        var initStatusDecorationSet = docHasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true) ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : DecorationSet.empty;
+        var initStatusDecorationSet = docHasSyncedBlocks && isPerfExperimentOn ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : DecorationSet.empty;
         return {
           selectionDecorationSet: calculateDecorations(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
@@ -396,7 +402,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       apply: function apply(tr, currentPluginState, oldEditorState) {
         var _meta$activeFlag, _meta$bodiedSyncBlock;
         var meta = tr.getMeta(syncedBlockPluginKey);
-        var isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
+        // isPerfExperimentOn is cached at createPlugin() level — see above
+
         var activeFlag = currentPluginState.activeFlag,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
@@ -474,7 +481,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           }
         }
         var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
-        var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
+        var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping), isPerfExperimentOn);
         var nextActiveFlag = (_meta$activeFlag = meta === null || meta === void 0 ? void 0 : meta.activeFlag) !== null && _meta$activeFlag !== void 0 ? _meta$activeFlag : activeFlag;
         var nextBodiedSyncBlockDeletionStatus = (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus;
         var nextHasUnsavedBodiedSyncBlockChanges = syncBlockStore.sourceManager.hasUnsavedChanges();
@@ -548,7 +555,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         // `apply()`. The `decorations` prop is now an O(1) merge of
         // the two cached sets — no `doc.descendants()` walk, no
         // shared-state reads.
-        if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+        if (isPerfExperimentOn) {
           var _api$focus$sharedStat, _api$focus;
           if (!docHasSyncedBlocks) {
             return selectionDecorationSet;
@@ -672,7 +679,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       // transaction does not insert one, all downstream filter logic is a
       // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
       // walks for the ~99.97% of pages that have no synced blocks.
-      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if (isPerfExperimentOn) {
         var pluginState = syncedBlockPluginKey.getState(state);
         if (pluginState && !pluginState.hasSyncedBlocks && !transactionInsertsSyncedBlock(tr)) {
           return true;
@@ -762,7 +769,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       // synced block (and none of the dispatched transactions inserts one),
       // skip all downstream work. This is the hot path on the ~99.97% of
       // pages that don't use synced blocks (see EDITOR-6586).
-      if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if (isPerfExperimentOn) {
         var oldPluginState = syncedBlockPluginKey.getState(oldState);
         var newPluginState = syncedBlockPluginKey.getState(newState);
         var hadOrHasSyncedBlocks = !!(oldPluginState !== null && oldPluginState !== void 0 && oldPluginState.hasSyncedBlocks) || !!(newPluginState !== null && newPluginState !== void 0 && newPluginState.hasSyncedBlocks);

package/dist/esm/pm-plugins/menu-and-toolbar-experiences.js

@@ -16,6 +16,10 @@ var targetEl;
 export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperiencesPlugin(_ref) {
   var refs = _ref.refs,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+  // Cache the experiment value once at plugin creation time.
+  // This fires the exposure event exactly once (correct per Exposure Events 101)
+  // and avoids redundant Statsig SDK evaluations in the view() and update() hooks.
+  var isPerfExperimentOn = expValEquals('editor_synced_block_perf', 'isEnabled', true);
   var popupsTargetEl;
   var editorViewRef = {
     current: undefined
@@ -178,13 +182,13 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
         unbindClickListener = unbinders.unbindClickListener;
         unbindKeydownListener = unbinders.unbindKeydownListener;
       };
-      if ((_syncedBlockPluginKey = syncedBlockPluginKey.getState(_view.state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks || !expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if ((_syncedBlockPluginKey = syncedBlockPluginKey.getState(_view.state)) !== null && _syncedBlockPluginKey !== void 0 && _syncedBlockPluginKey.hasSyncedBlocks || !isPerfExperimentOn) {
         ensureListenersBound();
       }
       return {
         update: function update(view, prevState) {
           var _syncedBlockPluginKey2;
-          if (!listenersBound && view.state.doc !== prevState.doc && (_syncedBlockPluginKey2 = syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey2 !== void 0 && _syncedBlockPluginKey2.hasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          if (!listenersBound && view.state.doc !== prevState.doc && (_syncedBlockPluginKey2 = syncedBlockPluginKey.getState(view.state)) !== null && _syncedBlockPluginKey2 !== void 0 && _syncedBlockPluginKey2.hasSyncedBlocks && isPerfExperimentOn) {
             // Bind listeners now that synced blocks are present.
             ensureListenersBound();
           }

package/dist/esm/syncedBlockPlugin.js

@@ -3,6 +3,7 @@ import { syncBlock, bodiedSyncBlock } from '@atlaskit/adf-schema';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks, flushSyncBlocks, discardUnpublishedSyncBlocks as _discardUnpublishedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
@@ -32,7 +33,11 @@ var LazySyncedBlockUI = function LazySyncedBlockUI(_ref) {
     var _states$syncedBlockSt;
     return (_states$syncedBlockSt = states.syncedBlockState) === null || _states$syncedBlockSt === void 0 ? void 0 : _states$syncedBlockSt.hasSyncedBlocks;
   });
-  if (!hasSyncBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+
+  // 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)) {
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SyncBlockRefresher, {
@@ -169,7 +174,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref2) {
 
       // --- 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 && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+      if (cachedSharedState !== undefined && cachedSharedState.activeFlag === activeFlag && cachedSharedState.syncBlockStore === currentSyncBlockStore && cachedSharedState.bodiedSyncBlockDeletionStatus === bodiedSyncBlockDeletionStatus && cachedSharedState.retryCreationPosMap === retryCreationPosMap && cachedSharedState.hasSyncedBlocks === hasSyncedBlocks && cachedSharedState.hasUnsavedBodiedSyncBlockChanges === hasUnsavedBodiedSyncBlockChanges && isPerfExperimentOn) {
         return cachedSharedState;
       }
       var nextSharedState = {

package/dist/esm/ui/CreateSyncedBlockDropdownItem.js

@@ -9,8 +9,14 @@ import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
-var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
-  var api = _ref.api;
+var SyncedBlockNewLozenge = function SyncedBlockNewLozenge(_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
+  }, label);
+};
+var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2) {
+  var api = _ref2.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection', 'blockControls', 'connectivity'], function (states) {
@@ -39,6 +45,9 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
     }));
   };
   var isOffline = isOfflineMode(mode);
+  var lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
+    label: formatMessage(blockMenuMessages.newLozenge)
+  });
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
       label: "",
@@ -47,13 +56,12 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
     onClick: onClick,
     isDisabled: isOffline,
     testId: SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-    }, formatMessage(blockMenuMessages.newLozenge))
+    elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
+    elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
   }, formatMessage(blockMenuMessages.syncBlock));
 };
-var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
-  var api = _ref2.api;
+var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref3) {
+  var api = _ref3.api;
   var _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
   var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['connectivity'], function (states) {
@@ -70,6 +78,9 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
       closeMenu: true
     }));
   };
+  var lozenge = /*#__PURE__*/React.createElement(SyncedBlockNewLozenge, {
+    label: formatMessage(blockMenuMessages.newLozenge)
+  });
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
       label: "",
@@ -77,14 +88,13 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
     }),
     onClick: onClick,
     isDisabled: isOfflineMode(mode),
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: fg('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-    }, formatMessage(blockMenuMessages.newLozenge))
+    elemAfter: fg('platform_synced_block_patch_12') ? undefined : lozenge,
+    elemAfterText: fg('platform_synced_block_patch_12') ? lozenge : undefined
   }, formatMessage(blockMenuMessages.copySyncedBlock));
 };
-export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
-  var api = _ref3.api,
-    enableSourceSyncedBlockCreation = _ref3.enableSourceSyncedBlockCreation;
+export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref4) {
+  var api = _ref4.api,
+    enableSourceSyncedBlockCreation = _ref4.enableSourceSyncedBlockCreation;
   var _useSharedPluginState3 = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
       var _states$blockControls3, _states$blockControls4;
       return {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "8.3.1",
+	"version": "8.3.3",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,18 +33,18 @@
 		"@atlaskit/dropdown-menu": "16.8.11",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-plugin-analytics": "^10.0.0",
-		"@atlaskit/editor-plugin-block-menu": "^9.1.0",
-		"@atlaskit/editor-plugin-connectivity": "10.0.1",
-		"@atlaskit/editor-plugin-content-format": "^4.0.0",
+		"@atlaskit/editor-plugin-block-menu": "^9.2.0",
+		"@atlaskit/editor-plugin-connectivity": "10.1.0",
+		"@atlaskit/editor-plugin-content-format": "^4.1.0",
 		"@atlaskit/editor-plugin-decorations": "^10.1.0",
 		"@atlaskit/editor-plugin-floating-toolbar": "^12.1.0",
 		"@atlaskit/editor-plugin-focus": "^9.1.0",
 		"@atlaskit/editor-plugin-selection": "^10.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^8.2.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-synced-block-provider": "^6.5.0",
-		"@atlaskit/editor-toolbar": "^1.3.0",
+		"@atlaskit/editor-shared-styles": "^3.11.0",
+		"@atlaskit/editor-synced-block-provider": "^6.6.0",
+		"@atlaskit/editor-toolbar": "^1.4.0",
 		"@atlaskit/flag": "^17.11.0",
 		"@atlaskit/icon": "34.5.0",
 		"@atlaskit/icon-lab": "^6.9.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "19.1.2",
-		"@atlaskit/tmp-editor-statsig": "^80.1.0",
+		"@atlaskit/tmp-editor-statsig": "^80.3.0",
 		"@atlaskit/tokens": "13.0.4",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -129,6 +129,9 @@
 		},
 		"platform_synced_block_patch_11": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_12": {
+			"type": "boolean"
 		}
 	}
 }