@atlaskit/editor-plugin-limited-mode 4.0.1 → 4.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-limited-mode
 
+## 4.0.2
+
+### Patch Changes
+
+- [`2c3c92548bb9c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c3c92548bb9c) -
+  EDITOR-4639 cleanup cc_editor_limited_mode, cc_editor_limited_mode_include_lcm and unshipped code.
+- Updated dependencies
+
 ## 4.0.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -24,9 +24,6 @@
 		{
 			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"target": "es5",
 		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-plugin-limited-mode/app",
@@ -24,9 +24,6 @@
 		{
 			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -24,9 +24,6 @@
 		{
 			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../tmp-editor-statsig/afm-products/tsconfig.json"
 		},

package/dist/cjs/limitedModePlugin.js

@@ -1,26 +1,16 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.limitedModePlugin = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _bindEventListener = require("bind-event-listener");
-var _reactIntlNext = require("react-intl-next");
-var _messages = require("@atlaskit/editor-common/messages");
 var _nodeAnchor = require("@atlaskit/editor-common/node-anchor");
 var _usePluginStateEffect = require("@atlaskit/editor-common/use-plugin-state-effect");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _main = require("./pm-plugins/main");
-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 limitedModePlugin = exports.limitedModePlugin = function limitedModePlugin(_ref) {
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
+  var api = _ref.api;
   return {
     name: 'limitedMode',
     pmPlugins: function pmPlugins() {
@@ -46,76 +36,17 @@ var limitedModePlugin = exports.limitedModePlugin = function limitedModePlugin(_
     },
     usePluginHook: function usePluginHook(_ref2) {
       var editorView = _ref2.editorView;
-      var hasEditorBeenFocusedRef = (0, _react.useRef)(false);
-      var hasShownFlagRef = (0, _react.useRef)(false);
-      var _useIntl = (0, _reactIntlNext.useIntl)(),
-        formatMessage = _useIntl.formatMessage;
-
-      // Reset hasEditorBeenFocusedRef so live-to-live page navigation refreshes the flag. We rely on the page's contentId for this.
-      (0, _react.useEffect)(function () {
-        hasShownFlagRef.current = false;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-      }, [options.contentId]);
-      var checkAndShowFlag = (0, _react.useCallback)(function (isLimitedModeEnabled) {
-        // @ts-expect-error - true is not allowed as a default value
-        if (!((0, _expVal.expVal)('cc_editor_limited_mode', 'flagEnabled', true) === true)) {
-          // Disable the flag behavior entirely if the flag is off
-          return;
-        }
-        var _learnMoreLink = (0, _expVal.expVal)('cc_editor_limited_mode', 'learnMoreLink', '');
-        if (isLimitedModeEnabled && hasEditorBeenFocusedRef.current && !hasShownFlagRef.current) {
-          var _options$showFlag;
-          void ((_options$showFlag = options.showFlag) === null || _options$showFlag === void 0 ? void 0 : _options$showFlag.call(options, {
-            title: formatMessage(_messages.limitedModeMessages.limitedModeTitle),
-            description: _learnMoreLink ? formatMessage(_messages.limitedModeMessages.limitedModeDescriptionWithLink, {
-              learnMoreLink: function learnMoreLink(chunks) {
-                return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
-                  target: "_blank",
-                  href: _learnMoreLink
-                }, chunks);
-              }
-            }) : formatMessage(_messages.limitedModeMessages.limitedModeDescriptionWithoutLink),
-            close: 'auto'
-          }));
-          hasShownFlagRef.current = true;
-        }
-      }, [formatMessage]);
-
-      // Track if the editor has been focused. On focus, check if the flag should be shown.
-      (0, _react.useEffect)(function () {
-        var handleFocus = function handleFocus() {
-          var _api$limitedMode$shar, _api$limitedMode;
-          hasEditorBeenFocusedRef.current = true;
-          // Get current state when focus happens
-          var isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
-          checkAndShowFlag(isLimitedModeEnabled);
-        };
-        var unbind = (0, _bindEventListener.bind)(editorView.dom, {
-          type: 'focus',
-          listener: handleFocus
-        });
-        return function () {
-          unbind();
-        };
-      }, [editorView, checkAndShowFlag]);
-
-      // On change of the limited mode enabled state, check if the flag should be shown.
       (0, _usePluginStateEffect.usePluginStateEffect)(api, ['limitedMode'], function (_ref3) {
-        var _limitedModeState$ena;
         var limitedModeState = _ref3.limitedModeState;
-        var isLimitedModeEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
-        checkAndShowFlag(isLimitedModeEnabled);
-      });
-      (0, _usePluginStateEffect.usePluginStateEffect)(api, ['limitedMode'], function (_ref4) {
-        var limitedModeState = _ref4.limitedModeState;
         if ((0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
           if ((0, _platformFeatureFlags.fg)('platform_editor_native_anchor_patch_2')) {
-            var _limitedModeState$ena2;
-            var isEnabled = (_limitedModeState$ena2 = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena2 !== void 0 ? _limitedModeState$ena2 : false;
+            var _limitedModeState$ena;
+            var isEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
             var nodeIdProvider = (0, _nodeAnchor.getNodeIdProvider)(editorView);
             // When limited mode is enabled first time,
             // We need to remove all existing data-node-anchor attributes
             // And nodeIdProvider to limited mode to prevent adding data-node-anchor on new nodes
+
             if (isEnabled && nodeIdProvider && !nodeIdProvider.isLimitedMode()) {
               nodeIdProvider.setLimitedMode();
             }

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

@@ -1,17 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.limitedModePluginKey = exports.createPlugin = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
-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; }
 var limitedModePluginKey = exports.limitedModePluginKey = new _state.PluginKey('limitedModePlugin');
+var LIMITED_MODE_NODE_SIZE_THRESHOLD = 40000;
 var createPlugin = exports.createPlugin = function createPlugin() {
   return new _safePlugin.SafePlugin({
     key: limitedModePluginKey,
@@ -20,32 +16,20 @@ var createPlugin = exports.createPlugin = function createPlugin() {
     },
     state: {
       init: function init(config, editorState) {
-        // @ts-expect-error - true is not allowed as a default value
-        if ((0, _expVal.expVal)('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
-          // calculates the size of the doc, where when there are legacy content macros, the content
-          // is stored in the attrs.
-          // This is essentiall doc.nod
-          var customDocSize = editorState.doc.nodeSize;
-          editorState.doc.descendants(function (node) {
-            var _node$attrs;
-            if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
-              var _node$attrs$parameter, _node$attrs2;
-              customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.adf) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
-            }
-          });
-          return {
-            documentSizeBreachesThreshold: customDocSize > (0, _expVal.expVal)('cc_editor_limited_mode', 'nodeSize', 100)
-          };
-        } else {
-          if (editorState.doc.nodeSize > (0, _expVal.expVal)('cc_editor_limited_mode', 'nodeSize', 100)) {
-            return {
-              documentSizeBreachesThreshold: true
-            };
+        // calculates the size of the doc, where when there are legacy content macros, the content
+        // is stored in the attrs.
+        // This is essentiall doc.nod
+        var customDocSize = editorState.doc.nodeSize;
+        editorState.doc.descendants(function (node) {
+          var _node$attrs;
+          if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
+            var _node$attrs$parameter, _node$attrs2;
+            customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.adf) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
           }
-          return {
-            documentSizeBreachesThreshold: false
-          };
-        }
+        });
+        return {
+          documentSizeBreachesThreshold: customDocSize > LIMITED_MODE_NODE_SIZE_THRESHOLD
+        };
       },
       apply: function apply(tr, currentPluginState) {
         // Don't check the document size if we're already in limited mode.
@@ -54,32 +38,20 @@ var createPlugin = exports.createPlugin = function createPlugin() {
           return currentPluginState;
         }
 
-        // @ts-expect-error - true is not allowed as a default value
-        if ((0, _expVal.expVal)('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
-          // calculates the size of the doc, where when there are legacy content macros, the content
-          // is stored in the attrs.
-          // This is essentiall doc.nod
-          var customDocSize = tr.doc.nodeSize;
-          tr.doc.descendants(function (node) {
-            var _node$attrs3;
-            if (((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey) === 'legacy-content') {
-              var _node$attrs$parameter2, _node$attrs4;
-              customDocSize += (_node$attrs$parameter2 = (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.parameters) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.adf) === null || _node$attrs4 === void 0 ? void 0 : _node$attrs4.length) !== null && _node$attrs$parameter2 !== void 0 ? _node$attrs$parameter2 : 0;
-            }
-          });
-          return {
-            documentSizeBreachesThreshold: customDocSize > (0, _expVal.expVal)('cc_editor_limited_mode', 'nodeSize', 100)
-          };
-        } else {
-          if (tr.doc.nodeSize > (0, _expVal.expVal)('cc_editor_limited_mode', 'nodeSize', 100)) {
-            return _objectSpread(_objectSpread({}, currentPluginState), {}, {
-              documentSizeBreachesThreshold: true
-            });
+        // calculates the size of the doc, where when there are legacy content macros, the content
+        // is stored in the attrs.
+        // This is essentiall doc.nod
+        var customDocSize = tr.doc.nodeSize;
+        tr.doc.descendants(function (node) {
+          var _node$attrs3;
+          if (((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey) === 'legacy-content') {
+            var _node$attrs$parameter2, _node$attrs4;
+            customDocSize += (_node$attrs$parameter2 = (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.parameters) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.adf) === null || _node$attrs4 === void 0 ? void 0 : _node$attrs4.length) !== null && _node$attrs$parameter2 !== void 0 ? _node$attrs$parameter2 : 0;
           }
-          return _objectSpread(_objectSpread({}, currentPluginState), {}, {
-            documentSizeBreachesThreshold: false
-          });
-        }
+        });
+        return {
+          documentSizeBreachesThreshold: customDocSize > LIMITED_MODE_NODE_SIZE_THRESHOLD
+        };
       }
     }
   });

package/dist/es2019/limitedModePlugin.js

@@ -1,16 +1,9 @@
-import React, { useCallback, useEffect, useRef } from 'react';
-import { bind } from 'bind-event-listener';
-import { useIntl } from 'react-intl-next';
-import { limitedModeMessages } from '@atlaskit/editor-common/messages';
 import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { createPlugin, limitedModePluginKey } from './pm-plugins/main';
 export const limitedModePlugin = ({
-  config: options = {},
   api
 }) => {
   return {
@@ -39,77 +32,18 @@ export const limitedModePlugin = ({
     usePluginHook: ({
       editorView
     }) => {
-      const hasEditorBeenFocusedRef = useRef(false);
-      const hasShownFlagRef = useRef(false);
-      const {
-        formatMessage
-      } = useIntl();
-
-      // Reset hasEditorBeenFocusedRef so live-to-live page navigation refreshes the flag. We rely on the page's contentId for this.
-      useEffect(() => {
-        hasShownFlagRef.current = false;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-      }, [options.contentId]);
-      const checkAndShowFlag = useCallback(isLimitedModeEnabled => {
-        // @ts-expect-error - true is not allowed as a default value
-        if (!(expVal('cc_editor_limited_mode', 'flagEnabled', true) === true)) {
-          // Disable the flag behavior entirely if the flag is off
-          return;
-        }
-        const learnMoreLink = expVal('cc_editor_limited_mode', 'learnMoreLink', '');
-        if (isLimitedModeEnabled && hasEditorBeenFocusedRef.current && !hasShownFlagRef.current) {
-          var _options$showFlag;
-          void ((_options$showFlag = options.showFlag) === null || _options$showFlag === void 0 ? void 0 : _options$showFlag.call(options, {
-            title: formatMessage(limitedModeMessages.limitedModeTitle),
-            description: learnMoreLink ? formatMessage(limitedModeMessages.limitedModeDescriptionWithLink, {
-              learnMoreLink: chunks => /*#__PURE__*/React.createElement(Anchor, {
-                target: "_blank",
-                href: learnMoreLink
-              }, chunks)
-            }) : formatMessage(limitedModeMessages.limitedModeDescriptionWithoutLink),
-            close: 'auto'
-          }));
-          hasShownFlagRef.current = true;
-        }
-      }, [formatMessage]);
-
-      // Track if the editor has been focused. On focus, check if the flag should be shown.
-      useEffect(() => {
-        const handleFocus = () => {
-          var _api$limitedMode$shar, _api$limitedMode, _api$limitedMode$shar2;
-          hasEditorBeenFocusedRef.current = true;
-          // Get current state when focus happens
-          const isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 ? void 0 : (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 ? void 0 : (_api$limitedMode$shar2 = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode$shar2 === void 0 ? void 0 : _api$limitedMode$shar2.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
-          checkAndShowFlag(isLimitedModeEnabled);
-        };
-        const unbind = bind(editorView.dom, {
-          type: 'focus',
-          listener: handleFocus
-        });
-        return () => {
-          unbind();
-        };
-      }, [editorView, checkAndShowFlag]);
-
-      // On change of the limited mode enabled state, check if the flag should be shown.
-      usePluginStateEffect(api, ['limitedMode'], ({
-        limitedModeState
-      }) => {
-        var _limitedModeState$ena;
-        const isLimitedModeEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
-        checkAndShowFlag(isLimitedModeEnabled);
-      });
       usePluginStateEffect(api, ['limitedMode'], ({
         limitedModeState
       }) => {
         if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
           if (fg('platform_editor_native_anchor_patch_2')) {
-            var _limitedModeState$ena2;
-            const isEnabled = (_limitedModeState$ena2 = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena2 !== void 0 ? _limitedModeState$ena2 : false;
+            var _limitedModeState$ena;
+            const isEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
             const nodeIdProvider = getNodeIdProvider(editorView);
             // When limited mode is enabled first time,
             // We need to remove all existing data-node-anchor attributes
             // And nodeIdProvider to limited mode to prevent adding data-node-anchor on new nodes
+
             if (isEnabled && nodeIdProvider && !nodeIdProvider.isLimitedMode()) {
               nodeIdProvider.setLimitedMode();
             }

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

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export const limitedModePluginKey = new PluginKey('limitedModePlugin');
+const LIMITED_MODE_NODE_SIZE_THRESHOLD = 40000;
 export const createPlugin = () => {
   return new SafePlugin({
     key: limitedModePluginKey,
@@ -10,32 +10,20 @@ export const createPlugin = () => {
     },
     state: {
       init(config, editorState) {
-        // @ts-expect-error - true is not allowed as a default value
-        if (expVal('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
-          // calculates the size of the doc, where when there are legacy content macros, the content
-          // is stored in the attrs.
-          // This is essentiall doc.nod
-          let customDocSize = editorState.doc.nodeSize;
-          editorState.doc.descendants(node => {
-            var _node$attrs;
-            if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
-              var _node$attrs$parameter, _node$attrs2, _node$attrs2$paramete, _node$attrs2$paramete2;
-              customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$paramete = _node$attrs2.parameters) === null || _node$attrs2$paramete === void 0 ? void 0 : (_node$attrs2$paramete2 = _node$attrs2$paramete.adf) === null || _node$attrs2$paramete2 === void 0 ? void 0 : _node$attrs2$paramete2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
-            }
-          });
-          return {
-            documentSizeBreachesThreshold: customDocSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)
-          };
-        } else {
-          if (editorState.doc.nodeSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)) {
-            return {
-              documentSizeBreachesThreshold: true
-            };
+        // calculates the size of the doc, where when there are legacy content macros, the content
+        // is stored in the attrs.
+        // This is essentiall doc.nod
+        let customDocSize = editorState.doc.nodeSize;
+        editorState.doc.descendants(node => {
+          var _node$attrs;
+          if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
+            var _node$attrs$parameter, _node$attrs2, _node$attrs2$paramete, _node$attrs2$paramete2;
+            customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$paramete = _node$attrs2.parameters) === null || _node$attrs2$paramete === void 0 ? void 0 : (_node$attrs2$paramete2 = _node$attrs2$paramete.adf) === null || _node$attrs2$paramete2 === void 0 ? void 0 : _node$attrs2$paramete2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
           }
-          return {
-            documentSizeBreachesThreshold: false
-          };
-        }
+        });
+        return {
+          documentSizeBreachesThreshold: customDocSize > LIMITED_MODE_NODE_SIZE_THRESHOLD
+        };
       },
       apply: (tr, currentPluginState) => {
         // Don't check the document size if we're already in limited mode.
@@ -44,34 +32,20 @@ export const createPlugin = () => {
           return currentPluginState;
         }
 
-        // @ts-expect-error - true is not allowed as a default value
-        if (expVal('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
-          // calculates the size of the doc, where when there are legacy content macros, the content
-          // is stored in the attrs.
-          // This is essentiall doc.nod
-          let customDocSize = tr.doc.nodeSize;
-          tr.doc.descendants(node => {
-            var _node$attrs3;
-            if (((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey) === 'legacy-content') {
-              var _node$attrs$parameter2, _node$attrs4, _node$attrs4$paramete, _node$attrs4$paramete2;
-              customDocSize += (_node$attrs$parameter2 = (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 ? void 0 : (_node$attrs4$paramete = _node$attrs4.parameters) === null || _node$attrs4$paramete === void 0 ? void 0 : (_node$attrs4$paramete2 = _node$attrs4$paramete.adf) === null || _node$attrs4$paramete2 === void 0 ? void 0 : _node$attrs4$paramete2.length) !== null && _node$attrs$parameter2 !== void 0 ? _node$attrs$parameter2 : 0;
-            }
-          });
-          return {
-            documentSizeBreachesThreshold: customDocSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)
-          };
-        } else {
-          if (tr.doc.nodeSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)) {
-            return {
-              ...currentPluginState,
-              documentSizeBreachesThreshold: true
-            };
+        // calculates the size of the doc, where when there are legacy content macros, the content
+        // is stored in the attrs.
+        // This is essentiall doc.nod
+        let customDocSize = tr.doc.nodeSize;
+        tr.doc.descendants(node => {
+          var _node$attrs3;
+          if (((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey) === 'legacy-content') {
+            var _node$attrs$parameter2, _node$attrs4, _node$attrs4$paramete, _node$attrs4$paramete2;
+            customDocSize += (_node$attrs$parameter2 = (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 ? void 0 : (_node$attrs4$paramete = _node$attrs4.parameters) === null || _node$attrs4$paramete === void 0 ? void 0 : (_node$attrs4$paramete2 = _node$attrs4$paramete.adf) === null || _node$attrs4$paramete2 === void 0 ? void 0 : _node$attrs4$paramete2.length) !== null && _node$attrs$parameter2 !== void 0 ? _node$attrs$parameter2 : 0;
           }
-          return {
-            ...currentPluginState,
-            documentSizeBreachesThreshold: false
-          };
-        }
+        });
+        return {
+          documentSizeBreachesThreshold: customDocSize > LIMITED_MODE_NODE_SIZE_THRESHOLD
+        };
       }
     }
   });

package/dist/esm/limitedModePlugin.js

@@ -1,18 +1,10 @@
-import React, { useCallback, useEffect, useRef } from 'react';
-import { bind } from 'bind-event-listener';
-import { useIntl } from 'react-intl-next';
-import { limitedModeMessages } from '@atlaskit/editor-common/messages';
 import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { createPlugin, limitedModePluginKey } from './pm-plugins/main';
 export var limitedModePlugin = function limitedModePlugin(_ref) {
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
+  var api = _ref.api;
   return {
     name: 'limitedMode',
     pmPlugins: function pmPlugins() {
@@ -38,76 +30,17 @@ export var limitedModePlugin = function limitedModePlugin(_ref) {
     },
     usePluginHook: function usePluginHook(_ref2) {
       var editorView = _ref2.editorView;
-      var hasEditorBeenFocusedRef = useRef(false);
-      var hasShownFlagRef = useRef(false);
-      var _useIntl = useIntl(),
-        formatMessage = _useIntl.formatMessage;
-
-      // Reset hasEditorBeenFocusedRef so live-to-live page navigation refreshes the flag. We rely on the page's contentId for this.
-      useEffect(function () {
-        hasShownFlagRef.current = false;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-      }, [options.contentId]);
-      var checkAndShowFlag = useCallback(function (isLimitedModeEnabled) {
-        // @ts-expect-error - true is not allowed as a default value
-        if (!(expVal('cc_editor_limited_mode', 'flagEnabled', true) === true)) {
-          // Disable the flag behavior entirely if the flag is off
-          return;
-        }
-        var _learnMoreLink = expVal('cc_editor_limited_mode', 'learnMoreLink', '');
-        if (isLimitedModeEnabled && hasEditorBeenFocusedRef.current && !hasShownFlagRef.current) {
-          var _options$showFlag;
-          void ((_options$showFlag = options.showFlag) === null || _options$showFlag === void 0 ? void 0 : _options$showFlag.call(options, {
-            title: formatMessage(limitedModeMessages.limitedModeTitle),
-            description: _learnMoreLink ? formatMessage(limitedModeMessages.limitedModeDescriptionWithLink, {
-              learnMoreLink: function learnMoreLink(chunks) {
-                return /*#__PURE__*/React.createElement(Anchor, {
-                  target: "_blank",
-                  href: _learnMoreLink
-                }, chunks);
-              }
-            }) : formatMessage(limitedModeMessages.limitedModeDescriptionWithoutLink),
-            close: 'auto'
-          }));
-          hasShownFlagRef.current = true;
-        }
-      }, [formatMessage]);
-
-      // Track if the editor has been focused. On focus, check if the flag should be shown.
-      useEffect(function () {
-        var handleFocus = function handleFocus() {
-          var _api$limitedMode$shar, _api$limitedMode;
-          hasEditorBeenFocusedRef.current = true;
-          // Get current state when focus happens
-          var isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
-          checkAndShowFlag(isLimitedModeEnabled);
-        };
-        var unbind = bind(editorView.dom, {
-          type: 'focus',
-          listener: handleFocus
-        });
-        return function () {
-          unbind();
-        };
-      }, [editorView, checkAndShowFlag]);
-
-      // On change of the limited mode enabled state, check if the flag should be shown.
       usePluginStateEffect(api, ['limitedMode'], function (_ref3) {
-        var _limitedModeState$ena;
         var limitedModeState = _ref3.limitedModeState;
-        var isLimitedModeEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
-        checkAndShowFlag(isLimitedModeEnabled);
-      });
-      usePluginStateEffect(api, ['limitedMode'], function (_ref4) {
-        var limitedModeState = _ref4.limitedModeState;
         if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
           if (fg('platform_editor_native_anchor_patch_2')) {
-            var _limitedModeState$ena2;
-            var isEnabled = (_limitedModeState$ena2 = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena2 !== void 0 ? _limitedModeState$ena2 : false;
+            var _limitedModeState$ena;
+            var isEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
             var nodeIdProvider = getNodeIdProvider(editorView);
             // When limited mode is enabled first time,
             // We need to remove all existing data-node-anchor attributes
             // And nodeIdProvider to limited mode to prevent adding data-node-anchor on new nodes
+
             if (isEnabled && nodeIdProvider && !nodeIdProvider.isLimitedMode()) {
               nodeIdProvider.setLimitedMode();
             }

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

@@ -1,10 +1,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 { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export var limitedModePluginKey = new PluginKey('limitedModePlugin');
+var LIMITED_MODE_NODE_SIZE_THRESHOLD = 40000;
 export var createPlugin = function createPlugin() {
   return new SafePlugin({
     key: limitedModePluginKey,
@@ -13,32 +10,20 @@ export var createPlugin = function createPlugin() {
     },
     state: {
       init: function init(config, editorState) {
-        // @ts-expect-error - true is not allowed as a default value
-        if (expVal('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
-          // calculates the size of the doc, where when there are legacy content macros, the content
-          // is stored in the attrs.
-          // This is essentiall doc.nod
-          var customDocSize = editorState.doc.nodeSize;
-          editorState.doc.descendants(function (node) {
-            var _node$attrs;
-            if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
-              var _node$attrs$parameter, _node$attrs2;
-              customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.adf) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
-            }
-          });
-          return {
-            documentSizeBreachesThreshold: customDocSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)
-          };
-        } else {
-          if (editorState.doc.nodeSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)) {
-            return {
-              documentSizeBreachesThreshold: true
-            };
+        // calculates the size of the doc, where when there are legacy content macros, the content
+        // is stored in the attrs.
+        // This is essentiall doc.nod
+        var customDocSize = editorState.doc.nodeSize;
+        editorState.doc.descendants(function (node) {
+          var _node$attrs;
+          if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
+            var _node$attrs$parameter, _node$attrs2;
+            customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.adf) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
           }
-          return {
-            documentSizeBreachesThreshold: false
-          };
-        }
+        });
+        return {
+          documentSizeBreachesThreshold: customDocSize > LIMITED_MODE_NODE_SIZE_THRESHOLD
+        };
       },
       apply: function apply(tr, currentPluginState) {
         // Don't check the document size if we're already in limited mode.
@@ -47,32 +32,20 @@ export var createPlugin = function createPlugin() {
           return currentPluginState;
         }
 
-        // @ts-expect-error - true is not allowed as a default value
-        if (expVal('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
-          // calculates the size of the doc, where when there are legacy content macros, the content
-          // is stored in the attrs.
-          // This is essentiall doc.nod
-          var customDocSize = tr.doc.nodeSize;
-          tr.doc.descendants(function (node) {
-            var _node$attrs3;
-            if (((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey) === 'legacy-content') {
-              var _node$attrs$parameter2, _node$attrs4;
-              customDocSize += (_node$attrs$parameter2 = (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.parameters) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.adf) === null || _node$attrs4 === void 0 ? void 0 : _node$attrs4.length) !== null && _node$attrs$parameter2 !== void 0 ? _node$attrs$parameter2 : 0;
-            }
-          });
-          return {
-            documentSizeBreachesThreshold: customDocSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)
-          };
-        } else {
-          if (tr.doc.nodeSize > expVal('cc_editor_limited_mode', 'nodeSize', 100)) {
-            return _objectSpread(_objectSpread({}, currentPluginState), {}, {
-              documentSizeBreachesThreshold: true
-            });
+        // calculates the size of the doc, where when there are legacy content macros, the content
+        // is stored in the attrs.
+        // This is essentiall doc.nod
+        var customDocSize = tr.doc.nodeSize;
+        tr.doc.descendants(function (node) {
+          var _node$attrs3;
+          if (((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey) === 'legacy-content') {
+            var _node$attrs$parameter2, _node$attrs4;
+            customDocSize += (_node$attrs$parameter2 = (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.parameters) === null || _node$attrs4 === void 0 || (_node$attrs4 = _node$attrs4.adf) === null || _node$attrs4 === void 0 ? void 0 : _node$attrs4.length) !== null && _node$attrs$parameter2 !== void 0 ? _node$attrs$parameter2 : 0;
           }
-          return _objectSpread(_objectSpread({}, currentPluginState), {}, {
-            documentSizeBreachesThreshold: false
-          });
-        }
+        });
+        return {
+          documentSizeBreachesThreshold: customDocSize > LIMITED_MODE_NODE_SIZE_THRESHOLD
+        };
       }
     }
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-limited-mode",
-	"version": "4.0.1",
+	"version": "4.0.2",
 	"description": "LimitedMode plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,8 +30,7 @@
 	"dependencies": {
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^17.1.0",
-		"@atlaskit/tmp-editor-statsig": "^16.26.0",
+		"@atlaskit/tmp-editor-statsig": "^16.29.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"