@atlaskit/editor-plugin-synced-block 8.3.2 → 8.3.4

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

@@ -4,7 +4,6 @@ import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
 import { syncedBlockPluginKey } from './main';
@@ -12,7 +11,6 @@ var TIMEOUT_DURATION = 30000;
 var pluginKey = new PluginKey('syncedBlockMenuAndToolbarExperience');
 var SYNCED_BLOCK_BUTTON_TEST_IDS = Object.values(SYNCED_BLOCK_BUTTON_TEST_ID);
 var syncedBlockButtonIds = new Set(SYNCED_BLOCK_BUTTON_TEST_IDS);
-var targetEl;
 export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperiencesPlugin(_ref) {
   var refs = _ref.refs,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
@@ -139,7 +137,7 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
           if (!typeaheadPopup || !(typeaheadPopup instanceof HTMLElement)) {
             return;
           }
-          var targetElement = fg('platform_synced_block_fix_experience_tracking') ? typeaheadPopup.querySelector('[role="option"][aria-selected="true"]') : typeaheadPopup.querySelector('[role="option"]');
+          var targetElement = typeaheadPopup.querySelector('[role="option"][aria-selected="true"]');
           if (!targetElement || !(targetElement instanceof HTMLElement)) {
             return;
           }
@@ -296,16 +294,6 @@ var handleButtonClick = function handleButtonClick(_ref2) {
 var isEnterKey = function isEnterKey(key) {
   return key === 'Enter';
 };
-var getTarget = function getTarget(containerElement) {
-  if (!targetEl) {
-    var element = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelector('.ProseMirror');
-    if (!element || !(element instanceof HTMLElement)) {
-      return null;
-    }
-    targetEl = element;
-  }
-  return targetEl;
-};
 var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs, editorViewRef) {
   return new ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref3) {
@@ -320,17 +308,20 @@ var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs, edito
     observeConfig: function observeConfig() {
       var _editorViewRef$curren2;
       return [{
-        target: fg('platform_synced_block_fix_experience_tracking') ? editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren2 = editorViewRef.current) === null || _editorViewRef$curren2 === void 0 ? void 0 : _editorViewRef$curren2.dom : getTarget(refs.containerElement),
+        target: editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren2 = editorViewRef.current) === null || _editorViewRef$curren2 === void 0 ? void 0 : _editorViewRef$curren2.dom,
         options: {
           childList: true
         }
-      }].concat(_toConsumableArray(fg('platform_synced_block_fix_experience_tracking') ? [{
+      },
+      // When wrapping a node with breakout mark with sync block, breakout dom is reused
+      // hence we need to observe subtree to catch sync block mutation
+      {
         target: getSelectionAncestorDOM(editorViewRef === null || editorViewRef === void 0 ? void 0 : editorViewRef.current),
         options: {
           childList: true,
           subtree: true
         }
-      }] : []));
+      }];
     }
   });
 };
@@ -356,17 +347,17 @@ var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFr
     observeConfig: function observeConfig() {
       var _editorViewRef$curren3;
       return [{
-        target: fg('platform_synced_block_fix_experience_tracking') ? editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren3 = editorViewRef.current) === null || _editorViewRef$curren3 === void 0 ? void 0 : _editorViewRef$curren3.dom : getTarget(refs.containerElement),
+        target: editorViewRef === null || editorViewRef === void 0 || (_editorViewRef$curren3 = editorViewRef.current) === null || _editorViewRef$curren3 === void 0 ? void 0 : _editorViewRef$curren3.dom,
         options: {
           childList: true
         }
-      }].concat(_toConsumableArray(fg('platform_synced_block_fix_experience_tracking') ? [{
+      }, {
         target: getSelectionAncestorDOM(editorViewRef === null || editorViewRef === void 0 ? void 0 : editorViewRef.current),
         options: {
           childList: true,
           subtree: true
         }
-      }] : []));
+      }];
     }
   });
 };

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

@@ -2,8 +2,6 @@ import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfType, findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-
 /**
  * Defers a callback to the next microtask (when gated) or next macrotask via setTimeout(0).
  * Used to avoid re-entrant ProseMirror dispatch cycles.
@@ -97,9 +95,7 @@ var _fragmentContainsExtension = function fragmentContainsExtension(fragment) {
     if (found) {
       return;
     }
-    if (editorExperiment('platform_synced_block_patch_6', true, {
-      exposure: true
-    }) ? EXTENSION_NODES.has(node.type.name) : node.type.name === 'inlineExtension') {
+    if (EXTENSION_NODES.has(node.type.name)) {
       found = true;
     } else if (node.content.size) {
       if (_fragmentContainsExtension(node.content)) {
@@ -160,17 +156,13 @@ export var wasExtensionInsertedInBodiedSyncBlock = function wasExtensionInserted
     if (resourceId !== undefined) {
       return false;
     }
-    if (editorExperiment('platform_synced_block_patch_6', true, {
-      exposure: true
-    }) ? EXTENSION_NODES.has(node.type.name) : node.type.name === 'inlineExtension') {
+    if (EXTENSION_NODES.has(node.type.name)) {
       var _$pos = tr.doc.resolve(pos);
       var _parent = findParentNodeOfTypeClosestToPos(_$pos, bodiedSyncBlock);
       if (_parent !== null && _parent !== void 0 && _parent.node.attrs.resourceId) {
         var mappedPos = tr.mapping.invert().map(pos);
         var nodeBefore = state.doc.nodeAt(mappedPos);
-        if (!nodeBefore || (editorExperiment('platform_synced_block_patch_6', true, {
-          exposure: true
-        }) ? EXTENSION_NODES.has(nodeBefore.type.name) : nodeBefore.type.name !== 'inlineExtension')) {
+        if (!nodeBefore || EXTENSION_NODES.has(nodeBefore.type.name)) {
           resourceId = _parent.node.attrs.resourceId;
           return false;
         }

package/dist/esm/syncedBlockPlugin.js

@@ -4,10 +4,8 @@ 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';
-import { bodiedSyncBlockNodeWithToDOMFixed } from './nodeviews/bodiedSyncBlockNodeWithToDOMFixed';
 import { createPlugin, syncedBlockPluginKey } from './pm-plugins/main';
 import { getMenuAndToolbarExperiencesPlugin } from './pm-plugins/menu-and-toolbar-experiences';
 import { getBlockMenuComponents } from './ui/block-menu-components';
@@ -76,11 +74,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref2) {
         node: syncBlock
       }, {
         name: 'bodiedSyncBlock',
-        node: !editorExperiment('platform_synced_block_patch_6', true, {
-          exposure: true
-        }) ?
-        // delete bodiedSyncBlockNodeWithToDOMFixed when cleaning up platform_synced_block_patch_6
-        bodiedSyncBlockNodeWithToDOMFixed() : bodiedSyncBlock
+        node: bodiedSyncBlock
       }];
     },
     pmPlugins: function pmPlugins() {

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/dist/esm/ui/DeleteConfirmationModal.js

@@ -14,33 +14,9 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Text, Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { syncedBlockPluginKey } from '../pm-plugins/main';
-var modalContentMapOld = {
-  'source-block-deleted': {
-    titleMultiple: messages.deleteConfirmationModalTitleMultiple,
-    titleSingle: messages.deletionConfirmationModalTitleSingle,
-    descriptionSingle: messages.deletionConfirmationModalDescriptionNoRef,
-    descriptionMultiple: messages.deletionConfirmationModalDescription,
-    confirmButtonLabel: messages.deleteConfirmationModalDeleteButton
-  },
-  'source-block-unpublished': {
-    titleMultiple: messages.deleteConfirmationModalTitleMultiple,
-    titleSingle: messages.deletionConfirmationModalTitleSingle,
-    descriptionSingle: messages.deletionConfirmationModalDescriptionNoRef,
-    descriptionMultiple: messages.deletionConfirmationModalDescription,
-    confirmButtonLabel: messages.deleteConfirmationModalDeleteButton
-  },
-  'source-block-unsynced': {
-    titleMultiple: messages.unsyncConfirmationModalTitle,
-    titleSingle: messages.unsyncConfirmationModalTitle,
-    descriptionSingle: messages.unsyncConfirmModalDescriptionSingle,
-    descriptionMultiple: messages.unsyncConfirmModalDescriptionMultiple,
-    confirmButtonLabel: messages.deleteConfirmationModalUnsyncButton
-  }
-};
 var modalContentMap = {
   'source-block-deleted': {
     titleMultiple: messages.deleteConfirmationModalTitleMultiple,
@@ -102,10 +78,9 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
     formatMessage = _useIntl.formatMessage;
   var resolverRef = React.useRef(undefined);
 
-  // When platform_synced_block_patch_9 is on and a source block with no references is deleted,
-  // the modal is never shown but onDeleteCompleted still sets bodiedSyncBlockDeletionStatus to
-  // 'completed'. This ref signals the useEffect to silently reset the status without trying to
-  // close the modal (which was never open).
+  // When a source block with no references is deleted, the modal is never shown but
+  // onDeleteCompleted still sets bodiedSyncBlockDeletionStatus to 'completed'. This ref signals
+  // the useEffect to silently reset the status without trying to close the modal (which was never open).
   var skipModalOnCompletedRef = React.useRef(false);
   var handleClick = useCallback(function (confirm) {
     return function () {
@@ -197,24 +172,20 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            if (!fg('platform_synced_block_patch_9')) {
-              _context3.next = 15;
-              break;
-            }
-            _context3.prev = 1;
-            _context3.next = 4;
+            _context3.prev = 0;
+            _context3.next = 3;
             return fetchReferenceCountRef.current(syncBlockIds);
-          case 4:
+          case 3:
             count = _context3.sent;
-            _context3.next = 10;
+            _context3.next = 9;
             break;
-          case 7:
-            _context3.prev = 7;
-            _context3.t0 = _context3["catch"](1);
+          case 6:
+            _context3.prev = 6;
+            _context3.t0 = _context3["catch"](0);
             count = 1;
-          case 10:
+          case 9:
             if (!(count === 0)) {
-              _context3.next = 14;
+              _context3.next = 13;
               break;
             }
             // No references — auto-confirm without showing the modal.
@@ -231,9 +202,8 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
               } : {}));
             });
             return _context3.abrupt("return", true);
-          case 14:
+          case 13:
             setReferenceCount(count);
-          case 15:
             setIsOpen(true);
             setSyncBlockIds(syncBlockIds);
             if (deleteReason) {
@@ -252,11 +222,11 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
               });
             }
             return _context3.abrupt("return", confirmedPromise);
-          case 21:
+          case 20:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[1, 7]]);
+      }, _callee3, null, [[0, 6]]);
     }));
     return function (_x3, _x4) {
       return _ref5.apply(this, arguments);
@@ -273,7 +243,7 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
     };
   }, [syncBlockStoreManager, confirmationCallback]);
   useEffect(function () {
-    if (skipModalOnCompletedRef.current && fg('platform_synced_block_patch_9')) {
+    if (skipModalOnCompletedRef.current) {
       if (bodiedSyncBlockDeletionStatus === 'completed') {
         var _api$core6;
         // Deletion was auto-confirmed without showing the modal (no references).
@@ -308,44 +278,10 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
       });
     }
   }, [api === null || api === void 0 || (_api$core8 = api.core) === null || _api$core8 === void 0 ? void 0 : _api$core8.actions, bodiedSyncBlockDeletionStatus, isOpen]);
-  useEffect(function () {
-    // When the flag is off, fetch references after the modal opens (original behaviour).
-    // When the flag is on, references are fetched and set before the modal opens in
-    // confirmationCallback, so this useEffect is skipped to avoid a duplicate fetch.
-    if (isOpen && syncBlockIds !== undefined && !fg('platform_synced_block_patch_9')) {
-      var fetchReferences = /*#__PURE__*/function () {
-        var _ref0 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-          var totalCount;
-          return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-            while (1) switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.prev = 0;
-                _context4.next = 3;
-                return fetchReferenceCountRef.current(syncBlockIds);
-              case 3:
-                totalCount = _context4.sent;
-                setReferenceCount(totalCount);
-                _context4.next = 10;
-                break;
-              case 7:
-                _context4.prev = 7;
-                _context4.t0 = _context4["catch"](0);
-                setReferenceCount(0);
-              case 10:
-              case "end":
-                return _context4.stop();
-            }
-          }, _callee4, null, [[0, 7]]);
-        }));
-        return function fetchReferences() {
-          return _ref0.apply(this, arguments);
-        };
-      }();
 
-      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
-      fetchReferences();
-    }
-  }, [isOpen, syncBlockIds]);
+  // References are fetched and set before the modal opens in
+  // confirmationCallback, so no additional fetch is needed here.
+
   return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
     onClose: handleClick(false),
     testId: "sync-block-delete-confirmation",
@@ -355,7 +291,7 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
   }, /*#__PURE__*/React.createElement(Spinner, {
     size: "large"
   })) : /*#__PURE__*/React.createElement(ModalContent, {
-    content: fg('platform_synced_block_patch_8') ? modalContentMap[deleteReason] : modalContentMapOld[deleteReason],
+    content: modalContentMap[deleteReason],
     referenceCount: referenceCount,
     handleClick: handleClick,
     formatMessage: formatMessage,
@@ -365,15 +301,15 @@ export var DeleteConfirmationModal = function DeleteConfirmationModal(_ref) {
     sourceCount: (syncBlockIds === null || syncBlockIds === void 0 ? void 0 : syncBlockIds.length) || 0
   }))));
 };
-var ModalContent = function ModalContent(_ref1) {
-  var content = _ref1.content,
-    referenceCount = _ref1.referenceCount,
-    handleClick = _ref1.handleClick,
-    formatMessage = _ref1.formatMessage,
-    isDeleting = _ref1.isDeleting,
-    isDisabled = _ref1.isDisabled,
-    deleteReason = _ref1.deleteReason,
-    sourceCount = _ref1.sourceCount;
+var ModalContent = function ModalContent(_ref0) {
+  var content = _ref0.content,
+    referenceCount = _ref0.referenceCount,
+    handleClick = _ref0.handleClick,
+    formatMessage = _ref0.formatMessage,
+    isDeleting = _ref0.isDeleting,
+    isDisabled = _ref0.isDisabled,
+    deleteReason = _ref0.deleteReason,
+    sourceCount = _ref0.sourceCount;
   var titleMultiple = content.titleMultiple,
     titleSingle = content.titleSingle,
     descriptionSingle = content.descriptionSingle,

package/dist/esm/ui/SyncBlockLabel.js

@@ -5,7 +5,6 @@ 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';
@@ -71,9 +70,7 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: SyncBlockLabelSharedCssClassName.labelClassName,
-    "aria-describedby": (isSource || isUnsyncedBlock) && editorExperiment('platform_synced_block_patch_6', true, {
-      exposure: true
-    }) ? undefined : ariaDescribedById
+    "aria-describedby": isSource || isUnsyncedBlock ? undefined : ariaDescribedById
   }, /*#__PURE__*/React.createElement(BlockSyncedIcon, {
     color: "var(--ds-icon-subtle, #505258)",
     size: "small",

package/dist/esm/ui/SyncedLocationDropdown.js

@@ -269,7 +269,7 @@ export var processReferenceData = function processReferenceData(referenceData, i
       var references = _step.value;
       if (references.length > 1) {
         references.forEach(function (reference, index) {
-          return reference.title = "".concat(reference.title === '' && reference.hasAccess && fg('platform_synced_block_patch_8') ? formatMessage(messages.syncedLocationDropdownUntitledPage) : reference.title, ": ").concat(formatMessage(messages.syncedLocationDropdownTitleBlockIndex, {
+          return reference.title = "".concat(reference.title === '' && reference.hasAccess ? formatMessage(messages.syncedLocationDropdownUntitledPage) : reference.title, ": ").concat(formatMessage(messages.syncedLocationDropdownTitleBlockIndex, {
             index: index + 1
           }));
         });
@@ -419,7 +419,7 @@ var DropdownContent = function DropdownContent(_ref7) {
               count: "".concat(referenceData.length > 99 ? '99+' : referenceData.length)
             })
           }, referenceData.map(function (reference) {
-            var title = reference.title === '' && reference.hasAccess && fg('platform_synced_block_patch_8') ? formatMessage(messages.syncedLocationDropdownUntitledPage) : reference.title || reference.url || '';
+            var title = reference.title === '' && reference.hasAccess ? formatMessage(messages.syncedLocationDropdownUntitledPage) : reference.title || reference.url || '';
             return /*#__PURE__*/React.createElement("div", {
               key: reference.title,
               className: ax(["_2ll012x7"])

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

@@ -12,7 +12,6 @@ import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { copySyncedBlockReferenceToClipboard, editSyncedBlockSource, removeSyncedBlock, unsync } from '../editor-commands';
 import { findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
@@ -78,7 +77,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
           var _syncBlockInstance$da;
           return /*#__PURE__*/React.createElement(Button, {
             areAnyNewToolbarFlagsEnabled: true,
-            disabled: fg('platform_synced_block_patch_8') ? (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'unpublished' : false,
+            disabled: (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'unpublished',
             icon: /*#__PURE__*/React.createElement(LinkBrokenIcon, {
               label: ""
             }),

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

@@ -1,5 +1,4 @@
 /* quick-insert.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./quick-insert.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -20,8 +19,8 @@ export var getQuickInsertConfig = function getQuickInsertConfig(config, api, syn
       id: 'syncBlock',
       title: formatMessage(blockTypeMessages.syncedBlock),
       description: formatMessage(blockTypeMessages.syncedBlockDescription),
-      priority: fg('platform_synced_block_patch_10') ? 400 : 800,
-      keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect'].concat(_toConsumableArray(fg('platform_synced_block_patch_10') ? ['create'] : [])),
+      priority: 400,
+      keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect', 'create'],
       isDisabledOffline: true,
       keyshortcut: '',
       lozenge: /*#__PURE__*/React.createElement("span", {

package/dist/types/nodeviews/bodiedSyncedBlock.d.ts

@@ -31,15 +31,13 @@ export declare class BodiedSyncBlock implements NodeView {
     getPos: getPosHandlerNode;
     nodeViewPortalProviderAPI: PortalProviderAPI;
     private api?;
-    private syncBlockStore?;
     private cleanupConnectivityModeListener?;
     private cleanupViewModeListener?;
     private labelKey;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI, syncBlockStore?: SyncBlockStoreManager);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI);
     private updateContentEditable;
     private handleConnectivityModeChange;
     private handleViewModeChange;
-    private get syncedBlockStore();
     update(node: PMNode): boolean;
     ignoreMutation(mutation: MutationRecord | {
         target: Node;

package/dist/types-ts4.5/nodeviews/bodiedSyncedBlock.d.ts

@@ -31,15 +31,13 @@ export declare class BodiedSyncBlock implements NodeView {
     getPos: getPosHandlerNode;
     nodeViewPortalProviderAPI: PortalProviderAPI;
     private api?;
-    private syncBlockStore?;
     private cleanupConnectivityModeListener?;
     private cleanupViewModeListener?;
     private labelKey;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI, syncBlockStore?: SyncBlockStoreManager);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI);
     private updateContentEditable;
     private handleConnectivityModeChange;
     private handleViewModeChange;
-    private get syncedBlockStore();
     update(node: PMNode): boolean;
     ignoreMutation(mutation: MutationRecord | {
         target: Node;

package/docs/0-intro.tsx

@@ -20,7 +20,7 @@ ${createEditorUseOnlyNotice('Editor Plugin Synced Block', [
 				<AtlassianInternalWarning />
 			</div>
 		</>
-  )}
+	)}
 
   This package includes the synced block plugin used by \`@atlaskit/editor-core\`.
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "8.3.2",
+	"version": "8.3.4",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,9 +33,9 @@
 		"@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",
@@ -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.2.0",
+		"@atlaskit/tmp-editor-statsig": "^80.3.0",
 		"@atlaskit/tokens": "13.0.4",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -64,7 +64,7 @@
 		"date-fns": "^2.17.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.30.0",
+		"@atlaskit/editor-common": "^114.32.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
@@ -112,22 +112,10 @@
 		"confluence_fronend_labels_categorization_migration": {
 			"type": "boolean"
 		},
-		"platform_synced_block_fix_experience_tracking": {
-			"type": "boolean"
-		},
-		"platform_synced_block_update_refactor": {
-			"type": "boolean"
-		},
-		"platform_synced_block_patch_8": {
-			"type": "boolean"
-		},
-		"platform_synced_block_patch_9": {
-			"type": "boolean"
-		},
-		"platform_synced_block_patch_10": {
+		"platform_synced_block_patch_11": {
 			"type": "boolean"
 		},
-		"platform_synced_block_patch_11": {
+		"platform_synced_block_patch_12": {
 			"type": "boolean"
 		}
 	}

package/dist/cjs/nodeviews/bodiedSyncBlockNodeWithToDOMFixed.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.bodiedSyncBlockNodeWithToDOMFixed = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Based on packages/editor/editor-plugin-synced-block/src/nodeviews/bodiedSyncedBlock.tsx
- * Adding correct classnames and structure to the toDOM, necessary for SSR rendering
- */
-var bodiedSyncBlockNodeWithToDOMFixed = exports.bodiedSyncBlockNodeWithToDOMFixed = function bodiedSyncBlockNodeWithToDOMFixed() {
-  return _objectSpread(_objectSpread({}, _adfSchema.bodiedSyncBlock), {}, {
-    toDOM: function toDOM(node) {
-      var _node$attrs = node.attrs,
-        localId = _node$attrs.localId,
-        resourceId = _node$attrs.resourceId;
-      var outerAttrs = {
-        class: _syncBlock.BodiedSyncBlockSharedCssClassName.prefix,
-        'data-bodied-sync-block': '',
-        'data-local-id': localId,
-        'data-resource-id': resourceId
-      };
-      var innerAttrs = {
-        class: _syncBlock.BodiedSyncBlockSharedCssClassName.content
-      };
-      return ['div', outerAttrs, ['div', innerAttrs, 0]];
-    }
-  });
-};