@atlaskit/editor-plugin-annotation 2.7.4 → 2.7.6

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-annotation
 
+## 2.7.6
+
+### Patch Changes
+
+- [#142925](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142925)
+  [`e013698350bef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e013698350bef) -
+  This updates the renderer to use the new annotation manager create comment APIs and disables the
+  use of the old create hooks. This should be backward compatible and can be controled by a FG
+- [#151999](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/151999)
+  [`daf7c638efb95`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/daf7c638efb95) -
+  Refactor to use sharedPluginStateHookMigratorFactory
+- Updated dependencies
+
+## 2.7.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.7.4
 
 ### Patch Changes

package/dist/cjs/annotationPlugin.js

@@ -99,14 +99,17 @@ var annotationPlugin = exports.annotationPlugin = function annotationPlugin(_ref
         var pluginState = (0, _utils.getPluginState)(state);
         if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
           var _api$analytics4;
-          var isToolbarAbove = annotationProviders.inlineComment.isToolbarAbove;
+          var _annotationProviders$ = annotationProviders.inlineComment,
+            isToolbarAbove = _annotationProviders$.isToolbarAbove,
+            onCommentButtonMount = _annotationProviders$.onCommentButtonMount;
           var toolbarConfig = (0, _toolbar.buildToolbar)(api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)({
             state: state,
             intl: intl,
             isToolbarAbove: isToolbarAbove,
             api: api,
             createCommentExperience: annotationProviders.createCommentExperience,
-            annotationManager: annotationProviders.annotationManager
+            annotationManager: annotationProviders.annotationManager,
+            onCommentButtonMount: onCommentButtonMount
           });
           if (!toolbarConfig) {
             return undefined;
@@ -133,20 +136,29 @@ var annotationPlugin = exports.annotationPlugin = function annotationPlugin(_ref
     }
   };
 };
+var useAnnotationContentComponentPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+  var isVisible = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.isVisible');
+  return {
+    isVisible: isVisible,
+    annotationState: undefined
+  };
+}, function (api) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['annotation']),
+    annotationState = _useSharedPluginState.annotationState;
+  return {
+    isVisible: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isVisible,
+    annotationState: annotationState
+  };
+});
 function AnnotationContentComponent(_ref4) {
   var _api$analytics5;
   var api = _ref4.api,
     editorView = _ref4.editorView,
     annotationProviders = _ref4.annotationProviders,
     dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['annotation'], {
-      disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true)
-    }),
-    annotationState = _useSharedPluginState.annotationState;
-  var isVisibleSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.isVisible', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  var isVisible = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? isVisibleSelector : annotationState === null || annotationState === void 0 ? void 0 : annotationState.isVisible;
+  var _useAnnotationContent = useAnnotationContentComponentPluginState(api),
+    isVisible = _useAnnotationContent.isVisible,
+    annotationState = _useAnnotationContent.annotationState;
   if (annotationState && !isVisible && (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)) {
     return null;
   }

package/dist/cjs/pm-plugins/annotation-manager-hooks.js

@@ -147,7 +147,9 @@ var applyDraft = exports.applyDraft = function applyDraft(editorView, options) {
     return {
       success: true,
       // Get the dom element from the newly created annotation and return it here.
-      targetElement: targetElement
+      targetElement: targetElement,
+      // In Editor this is undefined, because the editor will update the document.
+      actionResult: undefined
     };
   };
 };

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

@@ -63,7 +63,8 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(editorAnalyticsA
       _supportedNodes = _ref2$_supportedNodes === void 0 ? [] : _ref2$_supportedNodes,
       api = _ref2.api,
       createCommentExperience = _ref2.createCommentExperience,
-      annotationManager = _ref2.annotationManager;
+      annotationManager = _ref2.annotationManager,
+      onCommentButtonMount = _ref2.onCommentButtonMount;
     var schema = state.schema;
     var selectionValid = (0, _utils2.isSelectionValid)(state);
     var isMediaSelected = (0, _mediaSingle.currentMediaNodeWithPos)(state);
@@ -89,6 +90,10 @@ var buildToolbar = exports.buildToolbar = function buildToolbar(editorAnalyticsA
       title: createCommentMessage,
       onMount: function onMount() {
         var _getRangeInlineNodeNa;
+        if ((0, _platformFeatureFlags.fg)('confluence_frontend_preload_inline_comment_editor')) {
+          onCommentButtonMount && onCommentButtonMount();
+        }
+
         // Check if the selection includes an non-text inline node
         var inlineCommentPluginState = (0, _utils2.getPluginState)(state);
         var inlineNodeNames = (_getRangeInlineNodeNa = (0, _utils.getRangeInlineNodeNames)({

package/dist/cjs/ui/InlineCommentView.js

@@ -9,11 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _editorCommands = require("../editor-commands");
 var _utils3 = require("../pm-plugins/utils");
 var _types = require("../types");
@@ -34,53 +34,66 @@ var findPosForDOM = function findPosForDOM(sel) {
   }
   return from;
 };
-function InlineCommentView(_ref) {
-  var providers = _ref.providers,
-    editorView = _ref.editorView,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
-    editorAPI = _ref.editorAPI,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+var useInlineCommentViewPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (_ref) {
+  var api = _ref.api;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var bookmark = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.bookmark');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var selectedAnnotations = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.selectedAnnotations');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var annotations = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.annotations');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isInlineCommentViewClosed = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.isInlineCommentViewClosed');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isOpeningMediaCommentFromToolbar = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.isOpeningMediaCommentFromToolbar');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var selectAnnotationMethod = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'annotation.selectAnnotationMethod');
+  return {
+    bookmark: bookmark,
+    selectedAnnotations: selectedAnnotations,
+    annotations: annotations,
+    isInlineCommentViewClosed: isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar: isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod: selectAnnotationMethod
+  };
+}, function (_ref2) {
+  var state = _ref2.state;
+  var inlineCommentState = (0, _utils3.getPluginState)(state);
+  return {
+    bookmark: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.bookmark,
+    selectedAnnotations: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectedAnnotations,
+    annotations: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.annotations,
+    isInlineCommentViewClosed: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectAnnotationMethod
+  };
+});
+function InlineCommentView(_ref3) {
+  var providers = _ref3.providers,
+    editorView = _ref3.editorView,
+    editorAnalyticsAPI = _ref3.editorAnalyticsAPI,
+    editorAPI = _ref3.editorAPI,
+    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
   // As inlineComment is the only annotation present, this function is not generic
   var inlineCommentProvider = providers.inlineComment;
   var state = editorView.state,
     dispatch = editorView.dispatch;
   var CreateComponent = inlineCommentProvider.createComponent,
     ViewComponent = inlineCommentProvider.viewComponent;
-  var inlineCommentState = (0, _utils3.getPluginState)(state);
-
-  // bookmark
-  var bookmarkSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'annotation.bookmark', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  var bookmark = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? bookmarkSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.bookmark;
-
-  // selectedAnnotations
-  var selectedAnnotationsSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'annotation.selectedAnnotations', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  var selectedAnnotations = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? selectedAnnotationsSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectedAnnotations;
-
-  // annotations
-  var annotationsSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'annotation.annotations', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  var annotations = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? annotationsSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.annotations;
-
-  // isInlineCommentViewClosed
-  var isInlineCommentViewClosedSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'annotation.isInlineCommentViewClosed', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  var isInlineCommentViewClosed = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? isInlineCommentViewClosedSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isInlineCommentViewClosed;
-
-  // isOpeningMediaCommentFromToolbar
-  var isOpeningMediaCommentFromToolbarSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'annotation.isOpeningMediaCommentFromToolbar', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
-  var isOpeningMediaCommentFromToolbar = (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? isOpeningMediaCommentFromToolbarSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isOpeningMediaCommentFromToolbar;
+  var _useInlineCommentView = useInlineCommentViewPluginState({
+      api: editorAPI,
+      state: state
+    }),
+    annotations = _useInlineCommentView.annotations,
+    bookmark = _useInlineCommentView.bookmark,
+    isInlineCommentViewClosed = _useInlineCommentView.isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar = _useInlineCommentView.isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod = _useInlineCommentView.selectAnnotationMethod,
+    selectedAnnotations = _useInlineCommentView.selectedAnnotations;
   var annotationsList = (0, _utils3.getAllAnnotations)(editorView.state.doc);
-  var selection = (0, _utils3.getSelectionPositions)(state, (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true) ? {
+  var selection = (0, _utils3.getSelectionPositions)(state, {
     bookmark: bookmark
-  } : inlineCommentState);
+  });
   var position = findPosForDOM(selection);
   var dom;
   try {
@@ -106,11 +119,6 @@ function InlineCommentView(_ref) {
       dispatchAnalyticsEvent(payload);
     }
   }
-
-  // selectAnnotationMethod
-  var selectAnnotationMethodSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(editorAPI, 'annotation.selectAnnotationMethod', {
-    disabled: (0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', false)
-  });
   if (!dom) {
     return null;
   }
@@ -175,7 +183,7 @@ function InlineCommentView(_ref) {
       attributes: {
         overlap: activeAnnotations.length ? activeAnnotations.length - 1 : 0,
         targetNodeType: (_editorView$state$doc = editorView.state.doc.nodeAt(position)) === null || _editorView$state$doc === void 0 ? void 0 : _editorView$state$doc.type.name,
-        method: (0, _experiments.editorExperiment)('platform_editor_tables_table_selector', true) ? selectAnnotationMethodSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectAnnotationMethod
+        method: selectAnnotationMethod
       }
     };
     dispatchAnalyticsEvent(payload);

package/dist/es2019/annotationPlugin.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -90,7 +90,8 @@ export const annotationPlugin = ({
         if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
           var _api$analytics4;
           const {
-            isToolbarAbove
+            isToolbarAbove,
+            onCommentButtonMount
           } = annotationProviders.inlineComment;
           const toolbarConfig = buildToolbar(api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)({
             state,
@@ -98,7 +99,8 @@ export const annotationPlugin = ({
             isToolbarAbove,
             api,
             createCommentExperience: annotationProviders.createCommentExperience,
-            annotationManager: annotationProviders.annotationManager
+            annotationManager: annotationProviders.annotationManager,
+            onCommentButtonMount
           });
           if (!toolbarConfig) {
             return undefined;
@@ -127,6 +129,21 @@ export const annotationPlugin = ({
     }
   };
 };
+const useAnnotationContentComponentPluginState = sharedPluginStateHookMigratorFactory(api => {
+  const isVisible = useSharedPluginStateSelector(api, 'annotation.isVisible');
+  return {
+    isVisible,
+    annotationState: undefined
+  };
+}, api => {
+  const {
+    annotationState
+  } = useSharedPluginState(api, ['annotation']);
+  return {
+    isVisible: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isVisible,
+    annotationState
+  };
+});
 function AnnotationContentComponent({
   api,
   editorView,
@@ -135,14 +152,9 @@ function AnnotationContentComponent({
 }) {
   var _api$analytics5;
   const {
+    isVisible,
     annotationState
-  } = useSharedPluginState(api, ['annotation'], {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
-  });
-  const isVisibleSelector = useSharedPluginStateSelector(api, 'annotation.isVisible', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  const isVisible = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isVisibleSelector : annotationState === null || annotationState === void 0 ? void 0 : annotationState.isVisible;
+  } = useAnnotationContentComponentPluginState(api);
   if (annotationState && !isVisible && editorExperiment('platform_editor_usesharedpluginstateselector', false)) {
     return null;
   }

package/dist/es2019/pm-plugins/annotation-manager-hooks.js

@@ -139,7 +139,9 @@ export const applyDraft = (editorView, options) => id => {
   return {
     success: true,
     // Get the dom element from the newly created annotation and return it here.
-    targetElement
+    targetElement,
+    // In Editor this is undefined, because the editor will update the document.
+    actionResult: undefined
   };
 };
 export const getDraft = (editorView, options) => () => {

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

@@ -59,7 +59,8 @@ export const buildToolbar = editorAnalyticsAPI => ({
   _supportedNodes = [],
   api,
   createCommentExperience,
-  annotationManager
+  annotationManager,
+  onCommentButtonMount
 }) => {
   var _api$connectivity, _api$connectivity$sha, _api$connectivity$sha2;
   const {
@@ -89,6 +90,10 @@ export const buildToolbar = editorAnalyticsAPI => ({
     title: createCommentMessage,
     onMount: () => {
       var _getRangeInlineNodeNa;
+      if (fg('confluence_frontend_preload_inline_comment_editor')) {
+        onCommentButtonMount && onCommentButtonMount();
+      }
+
       // Check if the selection includes an non-text inline node
       const inlineCommentPluginState = getPluginState(state);
       const inlineNodeNames = (_getRangeInlineNodeNa = getRangeInlineNodeNames({

package/dist/es2019/ui/InlineCommentView.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, EVENT_TYPE, RESOLVE_METHOD } from '@atlaskit/editor-common/analytics';
+import { sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { getAnnotationInlineNodeTypes, getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { closeComponent, createAnnotation, removeInlineCommentNearSelection, setInlineCommentDraftState, updateInlineCommentResolvedState } from '../editor-commands';
 import { getAllAnnotations, getAnnotationViewKey, getPluginState, getSelectionPositions } from '../pm-plugins/utils';
 import { AnnotationTestIds } from '../types';
@@ -26,6 +26,42 @@ const findPosForDOM = sel => {
   }
   return from;
 };
+const useInlineCommentViewPluginState = sharedPluginStateHookMigratorFactory(({
+  api
+}) => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const bookmark = useSharedPluginStateSelector(api, 'annotation.bookmark');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const selectedAnnotations = useSharedPluginStateSelector(api, 'annotation.selectedAnnotations');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const annotations = useSharedPluginStateSelector(api, 'annotation.annotations');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const isInlineCommentViewClosed = useSharedPluginStateSelector(api, 'annotation.isInlineCommentViewClosed');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const isOpeningMediaCommentFromToolbar = useSharedPluginStateSelector(api, 'annotation.isOpeningMediaCommentFromToolbar');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const selectAnnotationMethod = useSharedPluginStateSelector(api, 'annotation.selectAnnotationMethod');
+  return {
+    bookmark,
+    selectedAnnotations,
+    annotations,
+    isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod
+  };
+}, ({
+  state
+}) => {
+  const inlineCommentState = getPluginState(state);
+  return {
+    bookmark: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.bookmark,
+    selectedAnnotations: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectedAnnotations,
+    annotations: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.annotations,
+    isInlineCommentViewClosed: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectAnnotationMethod
+  };
+});
 export function InlineCommentView({
   providers,
   editorView,
@@ -45,41 +81,21 @@ export function InlineCommentView({
     createComponent: CreateComponent,
     viewComponent: ViewComponent
   } = inlineCommentProvider;
-  const inlineCommentState = getPluginState(state);
-
-  // bookmark
-  const bookmarkSelector = useSharedPluginStateSelector(editorAPI, 'annotation.bookmark', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  const bookmark = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? bookmarkSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.bookmark;
-
-  // selectedAnnotations
-  const selectedAnnotationsSelector = useSharedPluginStateSelector(editorAPI, 'annotation.selectedAnnotations', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  const selectedAnnotations = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? selectedAnnotationsSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectedAnnotations;
-
-  // annotations
-  const annotationsSelector = useSharedPluginStateSelector(editorAPI, 'annotation.annotations', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  const annotations = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? annotationsSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.annotations;
-
-  // isInlineCommentViewClosed
-  const isInlineCommentViewClosedSelector = useSharedPluginStateSelector(editorAPI, 'annotation.isInlineCommentViewClosed', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  const isInlineCommentViewClosed = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isInlineCommentViewClosedSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isInlineCommentViewClosed;
-
-  // isOpeningMediaCommentFromToolbar
-  const isOpeningMediaCommentFromToolbarSelector = useSharedPluginStateSelector(editorAPI, 'annotation.isOpeningMediaCommentFromToolbar', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
+  const {
+    annotations,
+    bookmark,
+    isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod,
+    selectedAnnotations
+  } = useInlineCommentViewPluginState({
+    api: editorAPI,
+    state
   });
-  const isOpeningMediaCommentFromToolbar = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isOpeningMediaCommentFromToolbarSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isOpeningMediaCommentFromToolbar;
   const annotationsList = getAllAnnotations(editorView.state.doc);
-  const selection = getSelectionPositions(state, editorExperiment('platform_editor_usesharedpluginstateselector', true) ? {
+  const selection = getSelectionPositions(state, {
     bookmark
-  } : inlineCommentState);
+  });
   const position = findPosForDOM(selection);
   let dom;
   try {
@@ -105,11 +121,6 @@ export function InlineCommentView({
       dispatchAnalyticsEvent(payload);
     }
   }
-
-  // selectAnnotationMethod
-  const selectAnnotationMethodSelector = useSharedPluginStateSelector(editorAPI, 'annotation.selectAnnotationMethod', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
   if (!dom) {
     return null;
   }
@@ -172,7 +183,7 @@ export function InlineCommentView({
       attributes: {
         overlap: activeAnnotations.length ? activeAnnotations.length - 1 : 0,
         targetNodeType: (_editorView$state$doc = editorView.state.doc.nodeAt(position)) === null || _editorView$state$doc === void 0 ? void 0 : _editorView$state$doc.type.name,
-        method: editorExperiment('platform_editor_tables_table_selector', true) ? selectAnnotationMethodSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectAnnotationMethod
+        method: selectAnnotationMethod
       }
     };
     dispatchAnalyticsEvent(payload);

package/dist/esm/annotationPlugin.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import React from 'react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -92,14 +92,17 @@ export var annotationPlugin = function annotationPlugin(_ref) {
         var pluginState = getPluginState(state);
         if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
           var _api$analytics4;
-          var isToolbarAbove = annotationProviders.inlineComment.isToolbarAbove;
+          var _annotationProviders$ = annotationProviders.inlineComment,
+            isToolbarAbove = _annotationProviders$.isToolbarAbove,
+            onCommentButtonMount = _annotationProviders$.onCommentButtonMount;
           var toolbarConfig = buildToolbar(api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)({
             state: state,
             intl: intl,
             isToolbarAbove: isToolbarAbove,
             api: api,
             createCommentExperience: annotationProviders.createCommentExperience,
-            annotationManager: annotationProviders.annotationManager
+            annotationManager: annotationProviders.annotationManager,
+            onCommentButtonMount: onCommentButtonMount
           });
           if (!toolbarConfig) {
             return undefined;
@@ -126,20 +129,29 @@ export var annotationPlugin = function annotationPlugin(_ref) {
     }
   };
 };
+var useAnnotationContentComponentPluginState = sharedPluginStateHookMigratorFactory(function (api) {
+  var isVisible = useSharedPluginStateSelector(api, 'annotation.isVisible');
+  return {
+    isVisible: isVisible,
+    annotationState: undefined
+  };
+}, function (api) {
+  var _useSharedPluginState = useSharedPluginState(api, ['annotation']),
+    annotationState = _useSharedPluginState.annotationState;
+  return {
+    isVisible: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isVisible,
+    annotationState: annotationState
+  };
+});
 function AnnotationContentComponent(_ref4) {
   var _api$analytics5;
   var api = _ref4.api,
     editorView = _ref4.editorView,
     annotationProviders = _ref4.annotationProviders,
     dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
-  var _useSharedPluginState = useSharedPluginState(api, ['annotation'], {
-      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
-    }),
-    annotationState = _useSharedPluginState.annotationState;
-  var isVisibleSelector = useSharedPluginStateSelector(api, 'annotation.isVisible', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var isVisible = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isVisibleSelector : annotationState === null || annotationState === void 0 ? void 0 : annotationState.isVisible;
+  var _useAnnotationContent = useAnnotationContentComponentPluginState(api),
+    isVisible = _useAnnotationContent.isVisible,
+    annotationState = _useAnnotationContent.annotationState;
   if (annotationState && !isVisible && editorExperiment('platform_editor_usesharedpluginstateselector', false)) {
     return null;
   }

package/dist/esm/pm-plugins/annotation-manager-hooks.js

@@ -141,7 +141,9 @@ export var applyDraft = function applyDraft(editorView, options) {
     return {
       success: true,
       // Get the dom element from the newly created annotation and return it here.
-      targetElement: targetElement
+      targetElement: targetElement,
+      // In Editor this is undefined, because the editor will update the document.
+      actionResult: undefined
     };
   };
 };

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

@@ -56,7 +56,8 @@ export var buildToolbar = function buildToolbar(editorAnalyticsAPI) {
       _supportedNodes = _ref2$_supportedNodes === void 0 ? [] : _ref2$_supportedNodes,
       api = _ref2.api,
       createCommentExperience = _ref2.createCommentExperience,
-      annotationManager = _ref2.annotationManager;
+      annotationManager = _ref2.annotationManager,
+      onCommentButtonMount = _ref2.onCommentButtonMount;
     var schema = state.schema;
     var selectionValid = isSelectionValid(state);
     var isMediaSelected = currentMediaNodeWithPos(state);
@@ -82,6 +83,10 @@ export var buildToolbar = function buildToolbar(editorAnalyticsAPI) {
       title: createCommentMessage,
       onMount: function onMount() {
         var _getRangeInlineNodeNa;
+        if (fg('confluence_frontend_preload_inline_comment_editor')) {
+          onCommentButtonMount && onCommentButtonMount();
+        }
+
         // Check if the selection includes an non-text inline node
         var inlineCommentPluginState = getPluginState(state);
         var inlineNodeNames = (_getRangeInlineNodeNa = getRangeInlineNodeNames({

package/dist/esm/ui/InlineCommentView.js

@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, EVENT_TYPE, RESOLVE_METHOD } from '@atlaskit/editor-common/analytics';
+import { sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { getAnnotationInlineNodeTypes, getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { closeComponent, createAnnotation, removeInlineCommentNearSelection, setInlineCommentDraftState, updateInlineCommentResolvedState } from '../editor-commands';
 import { getAllAnnotations, getAnnotationViewKey, getPluginState, getSelectionPositions } from '../pm-plugins/utils';
 import { AnnotationTestIds } from '../types';
@@ -27,53 +27,66 @@ var findPosForDOM = function findPosForDOM(sel) {
   }
   return from;
 };
-export function InlineCommentView(_ref) {
-  var providers = _ref.providers,
-    editorView = _ref.editorView,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
-    editorAPI = _ref.editorAPI,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+var useInlineCommentViewPluginState = sharedPluginStateHookMigratorFactory(function (_ref) {
+  var api = _ref.api;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var bookmark = useSharedPluginStateSelector(api, 'annotation.bookmark');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var selectedAnnotations = useSharedPluginStateSelector(api, 'annotation.selectedAnnotations');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var annotations = useSharedPluginStateSelector(api, 'annotation.annotations');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isInlineCommentViewClosed = useSharedPluginStateSelector(api, 'annotation.isInlineCommentViewClosed');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isOpeningMediaCommentFromToolbar = useSharedPluginStateSelector(api, 'annotation.isOpeningMediaCommentFromToolbar');
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var selectAnnotationMethod = useSharedPluginStateSelector(api, 'annotation.selectAnnotationMethod');
+  return {
+    bookmark: bookmark,
+    selectedAnnotations: selectedAnnotations,
+    annotations: annotations,
+    isInlineCommentViewClosed: isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar: isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod: selectAnnotationMethod
+  };
+}, function (_ref2) {
+  var state = _ref2.state;
+  var inlineCommentState = getPluginState(state);
+  return {
+    bookmark: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.bookmark,
+    selectedAnnotations: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectedAnnotations,
+    annotations: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.annotations,
+    isInlineCommentViewClosed: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod: inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectAnnotationMethod
+  };
+});
+export function InlineCommentView(_ref3) {
+  var providers = _ref3.providers,
+    editorView = _ref3.editorView,
+    editorAnalyticsAPI = _ref3.editorAnalyticsAPI,
+    editorAPI = _ref3.editorAPI,
+    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
   // As inlineComment is the only annotation present, this function is not generic
   var inlineCommentProvider = providers.inlineComment;
   var state = editorView.state,
     dispatch = editorView.dispatch;
   var CreateComponent = inlineCommentProvider.createComponent,
     ViewComponent = inlineCommentProvider.viewComponent;
-  var inlineCommentState = getPluginState(state);
-
-  // bookmark
-  var bookmarkSelector = useSharedPluginStateSelector(editorAPI, 'annotation.bookmark', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var bookmark = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? bookmarkSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.bookmark;
-
-  // selectedAnnotations
-  var selectedAnnotationsSelector = useSharedPluginStateSelector(editorAPI, 'annotation.selectedAnnotations', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var selectedAnnotations = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? selectedAnnotationsSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectedAnnotations;
-
-  // annotations
-  var annotationsSelector = useSharedPluginStateSelector(editorAPI, 'annotation.annotations', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var annotations = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? annotationsSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.annotations;
-
-  // isInlineCommentViewClosed
-  var isInlineCommentViewClosedSelector = useSharedPluginStateSelector(editorAPI, 'annotation.isInlineCommentViewClosed', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var isInlineCommentViewClosed = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isInlineCommentViewClosedSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isInlineCommentViewClosed;
-
-  // isOpeningMediaCommentFromToolbar
-  var isOpeningMediaCommentFromToolbarSelector = useSharedPluginStateSelector(editorAPI, 'annotation.isOpeningMediaCommentFromToolbar', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var isOpeningMediaCommentFromToolbar = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? isOpeningMediaCommentFromToolbarSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.isOpeningMediaCommentFromToolbar;
+  var _useInlineCommentView = useInlineCommentViewPluginState({
+      api: editorAPI,
+      state: state
+    }),
+    annotations = _useInlineCommentView.annotations,
+    bookmark = _useInlineCommentView.bookmark,
+    isInlineCommentViewClosed = _useInlineCommentView.isInlineCommentViewClosed,
+    isOpeningMediaCommentFromToolbar = _useInlineCommentView.isOpeningMediaCommentFromToolbar,
+    selectAnnotationMethod = _useInlineCommentView.selectAnnotationMethod,
+    selectedAnnotations = _useInlineCommentView.selectedAnnotations;
   var annotationsList = getAllAnnotations(editorView.state.doc);
-  var selection = getSelectionPositions(state, editorExperiment('platform_editor_usesharedpluginstateselector', true) ? {
+  var selection = getSelectionPositions(state, {
     bookmark: bookmark
-  } : inlineCommentState);
+  });
   var position = findPosForDOM(selection);
   var dom;
   try {
@@ -99,11 +112,6 @@ export function InlineCommentView(_ref) {
       dispatchAnalyticsEvent(payload);
     }
   }
-
-  // selectAnnotationMethod
-  var selectAnnotationMethodSelector = useSharedPluginStateSelector(editorAPI, 'annotation.selectAnnotationMethod', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
   if (!dom) {
     return null;
   }
@@ -168,7 +176,7 @@ export function InlineCommentView(_ref) {
       attributes: {
         overlap: activeAnnotations.length ? activeAnnotations.length - 1 : 0,
         targetNodeType: (_editorView$state$doc = editorView.state.doc.nodeAt(position)) === null || _editorView$state$doc === void 0 ? void 0 : _editorView$state$doc.type.name,
-        method: editorExperiment('platform_editor_tables_table_selector', true) ? selectAnnotationMethodSelector : inlineCommentState === null || inlineCommentState === void 0 ? void 0 : inlineCommentState.selectAnnotationMethod
+        method: selectAnnotationMethod
       }
     };
     dispatchAnalyticsEvent(payload);

package/dist/types/pm-plugins/toolbar.d.ts

@@ -16,6 +16,7 @@ interface BuildToolbarOptions {
     api?: ExtractInjectionAPI<AnnotationPlugin>;
     createCommentExperience?: AnnotationProviders['createCommentExperience'];
     annotationManager?: AnnotationProviders['annotationManager'];
+    onCommentButtonMount?: () => void;
 }
 export declare const getValidNodes: (state: EditorState) => NodeType[];
 type ShouldSuppressFloatingToolbarOptions = {
@@ -35,7 +36,7 @@ export declare const buildSuppressedToolbar: (state: EditorState) => {
     title: string;
     __suppressAllToolbars: boolean;
 };
-export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, createCommentExperience, annotationManager, }: BuildToolbarOptions) => {
+export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, createCommentExperience, annotationManager, onCommentButtonMount, }: BuildToolbarOptions) => {
     title: string;
     nodeType: NodeType[];
     items: FloatingToolbarButton<Command>[];

package/dist/types/types/index.d.ts

@@ -102,6 +102,7 @@ export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationT
      * Note 2: text is supported by default.
      */
     supportedBlockNodes?: string[];
+    onCommentButtonMount?: () => void;
 };
 export interface AnnotationProviders {
     inlineComment: InlineCommentAnnotationProvider;
@@ -199,6 +200,7 @@ export type InlineCommentCompoundExperience = {
         }) => void;
         complete: () => void;
         debug: ExperienceDebugFunction;
+        debugPoint: (message: string, attributes?: ExperienceAttributes) => void;
     };
     draftToPublishExperience: {
         start: () => void;

package/dist/types-ts4.5/pm-plugins/toolbar.d.ts

@@ -16,6 +16,7 @@ interface BuildToolbarOptions {
     api?: ExtractInjectionAPI<AnnotationPlugin>;
     createCommentExperience?: AnnotationProviders['createCommentExperience'];
     annotationManager?: AnnotationProviders['annotationManager'];
+    onCommentButtonMount?: () => void;
 }
 export declare const getValidNodes: (state: EditorState) => NodeType[];
 type ShouldSuppressFloatingToolbarOptions = {
@@ -35,7 +36,7 @@ export declare const buildSuppressedToolbar: (state: EditorState) => {
     title: string;
     __suppressAllToolbars: boolean;
 };
-export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, createCommentExperience, annotationManager, }: BuildToolbarOptions) => {
+export declare const buildToolbar: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ state, intl, isToolbarAbove, _supportedNodes, api, createCommentExperience, annotationManager, onCommentButtonMount, }: BuildToolbarOptions) => {
     title: string;
     nodeType: NodeType[];
     items: FloatingToolbarButton<Command>[];

package/dist/types-ts4.5/types/index.d.ts

@@ -102,6 +102,7 @@ export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationT
      * Note 2: text is supported by default.
      */
     supportedBlockNodes?: string[];
+    onCommentButtonMount?: () => void;
 };
 export interface AnnotationProviders {
     inlineComment: InlineCommentAnnotationProvider;
@@ -199,6 +200,7 @@ export type InlineCommentCompoundExperience = {
         }) => void;
         complete: () => void;
         debug: ExperienceDebugFunction;
+        debugPoint: (message: string, attributes?: ExperienceAttributes) => void;
     };
     draftToPublishExperience: {
         start: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-annotation",
-	"version": "2.7.4",
+	"version": "2.7.6",
 	"description": "Annotation plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,16 +33,16 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/analytics-next": "^11.0.0",
-		"@atlaskit/editor-common": "^104.0.0",
+		"@atlaskit/editor-common": "^104.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode-effects": "^2.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.4.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^25.6.0",
+		"@atlaskit/icon": "^26.0.0",
 		"@atlaskit/onboarding": "^14.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.16.0",
+		"@atlaskit/tmp-editor-statsig": "^4.19.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -120,6 +120,9 @@
 		},
 		"confluence_frontend_handle_annotation_error": {
 			"type": "boolean"
+		},
+		"confluence_frontend_preload_inline_comment_editor": {
+			"type": "boolean"
 		}
 	}
 }