@atlaskit/editor-plugin-emoji 14.0.1 → 14.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-emoji
 
+## 14.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.0.2
+
+### Patch Changes
+
+- [`7087f393ec725`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7087f393ec725) -
+  Add the categorized registered Quick Insert browse experience with representative native elements
+- Updated dependencies
+
 ## 14.0.1
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -22,6 +22,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _emoji2 = require("@atlaskit/emoji");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _insertEmoji = require("./editor-commands/insert-emoji");
 var _emojiNodeSpec = require("./nodeviews/emojiNodeSpec");
@@ -29,6 +30,7 @@ var _EmojiNodeView = require("./nodeviews/EmojiNodeView");
 var _actions = require("./pm-plugins/actions");
 var _asciiInputRules = require("./pm-plugins/ascii-input-rules");
 var _InlineEmojiPopup = require("./ui/InlineEmojiPopup");
+var _getEmojiQuickInsertComponents = require("./ui/quick-insert/getEmojiQuickInsertComponents");
 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); }
 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; }
@@ -188,6 +190,11 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
       return tr;
     }
   };
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getEmojiQuickInsertComponents.getEmojiQuickInsertComponents)());
+  }
   api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref7) {
     var tr = _ref7.tr,
       node = _ref7.node,
@@ -306,7 +313,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
         popupsScrollableElement: popupsScrollableElement
       });
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread(_objectSpread({}, isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: function quickInsert(_ref10) {
         var formatMessage = _ref10.formatMessage;
         return [{
@@ -337,7 +344,8 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
             return tr;
           }
         }];
-      },
+      }
+    }), {}, {
       typeAhead: typeAhead,
       floatingToolbar: function floatingToolbar(state, intl) {
         var isViewMode = function isViewMode() {
@@ -398,7 +406,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           }
         };
       }
-    }
+    })
   };
 };
 

package/dist/cjs/ui/quick-insert/EmojiQuickInsertMenuItem.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmojiQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/editor-common/messages");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _actions = require("../../pm-plugins/actions");
+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 EmojiQuickInsertMenuItem = exports.EmojiQuickInsertMenuItem = function EmojiQuickInsertMenuItem() {
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var onSelect = (0, _react.useCallback)(function (_ref) {
+    var insert = _ref.insert;
+    return (0, _actions.setInlineEmojiPopupOpen)(true)(insert(''));
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_quickInsert.IconEmoji, null),
+    onSelect: onSelect,
+    shortcut: ":",
+    title: formatMessage(_messages.toolbarInsertBlockMessages.emoji)
+  });
+};

package/dist/cjs/ui/quick-insert/getEmojiQuickInsertComponents.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEmojiQuickInsertComponents = void 0;
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _EmojiQuickInsertMenuItem = require("./EmojiQuickInsertMenuItem");
+var getEmojiQuickInsertComponents = exports.getEmojiQuickInsertComponents = function getEmojiQuickInsertComponents() {
+  return [{
+    key: _keys.EMOJI_MENU_ITEM.key,
+    type: _keys.EMOJI_MENU_ITEM.type,
+    parents: [{
+      key: _keys.MEDIA_SECTION.key,
+      type: _keys.MEDIA_SECTION.type,
+      rank: _rank.MEDIA_SECTION_RANK[_keys.EMOJI_MENU_ITEM.key]
+    }],
+    component: _EmojiQuickInsertMenuItem.EmojiQuickInsertMenuItem
+  }];
+};

package/dist/es2019/emojiPlugin.js

@@ -9,6 +9,7 @@ import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { EmojiTypeAheadItem, preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
 import CommentIcon from '@atlaskit/icon/core/comment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { createEmojiFragment, insertEmoji } from './editor-commands/insert-emoji';
 import { emojiNodeSpec } from './nodeviews/emojiNodeSpec';
@@ -16,6 +17,7 @@ import { EmojiNodeView } from './nodeviews/EmojiNodeView';
 import { ACTIONS, openTypeAhead as openTypeAheadAction, setAsciiMap as setAsciiMapAction, setInlineEmojiPopupOpen, setProvider as setProviderAction } from './pm-plugins/actions';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 import { InlineEmojiPopup } from './ui/InlineEmojiPopup';
+import { getEmojiQuickInsertComponents } from './ui/quick-insert/getEmojiQuickInsertComponents';
 export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
   title: emoji.shortName || '',
   key: emoji.id || emoji.shortName,
@@ -166,6 +168,11 @@ export const emojiPlugin = ({
       return tr;
     }
   };
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.register(getEmojiQuickInsertComponents());
+  }
   api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.actions.registerMarks(({
     tr,
     node,
@@ -274,34 +281,36 @@ export const emojiPlugin = ({
       });
     },
     pluginsOptions: {
-      quickInsert: ({
-        formatMessage
-      }) => [{
-        id: 'emoji',
-        title: formatMessage(messages.emoji),
-        description: formatMessage(messages.emojiDescription),
-        priority: 500,
-        keyshortcut: ':',
-        isDisabledOffline: false,
-        icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
-        action(insert) {
-          var _api$typeAhead;
-          if (editorExperiment('platform_editor_controls', 'variant1', {
-            exposure: true
-          })) {
-            // Clear slash
-            let tr = insert('');
-            tr = setInlineEmojiPopupOpen(true)(tr);
+      ...(isRegisteredSlashCommandEnabled ? {} : {
+        quickInsert: ({
+          formatMessage
+        }) => [{
+          id: 'emoji',
+          title: formatMessage(messages.emoji),
+          description: formatMessage(messages.emojiDescription),
+          priority: 500,
+          keyshortcut: ':',
+          isDisabledOffline: false,
+          icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
+          action(insert) {
+            var _api$typeAhead;
+            if (editorExperiment('platform_editor_controls', 'variant1', {
+              exposure: true
+            })) {
+              // Clear slash
+              let tr = insert('');
+              tr = setInlineEmojiPopupOpen(true)(tr);
+              return tr;
+            }
+            const tr = insert(undefined);
+            api === null || api === void 0 ? void 0 : (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.actions.openAtTransaction({
+              triggerHandler: typeAhead,
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            })(tr);
             return tr;
           }
-          const tr = insert(undefined);
-          api === null || api === void 0 ? void 0 : (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.actions.openAtTransaction({
-            triggerHandler: typeAhead,
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          })(tr);
-          return tr;
-        }
-      }],
+        }]
+      }),
       typeAhead,
       floatingToolbar: (state, intl) => {
         const isViewMode = () => {

package/dist/es2019/ui/quick-insert/EmojiQuickInsertMenuItem.js

@@ -0,0 +1,20 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconEmoji } from '@atlaskit/editor-common/quick-insert';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { setInlineEmojiPopupOpen } from '../../pm-plugins/actions';
+export const EmojiQuickInsertMenuItem = () => {
+  const {
+    formatMessage
+  } = useIntl();
+  const onSelect = useCallback(({
+    insert
+  }) => setInlineEmojiPopupOpen(true)(insert('')), []);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconEmoji, null),
+    onSelect: onSelect,
+    shortcut: ":",
+    title: formatMessage(messages.emoji)
+  });
+};

package/dist/es2019/ui/quick-insert/getEmojiQuickInsertComponents.js

@@ -0,0 +1,13 @@
+import { EMOJI_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { EmojiQuickInsertMenuItem } from './EmojiQuickInsertMenuItem';
+export const getEmojiQuickInsertComponents = () => [{
+  key: EMOJI_MENU_ITEM.key,
+  type: EMOJI_MENU_ITEM.type,
+  parents: [{
+    key: MEDIA_SECTION.key,
+    type: MEDIA_SECTION.type,
+    rank: MEDIA_SECTION_RANK[EMOJI_MENU_ITEM.key]
+  }],
+  component: EmojiQuickInsertMenuItem
+}];

package/dist/esm/emojiPlugin.js

@@ -14,6 +14,7 @@ import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { EmojiTypeAheadItem, preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
 import CommentIcon from '@atlaskit/icon/core/comment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { createEmojiFragment, insertEmoji } from './editor-commands/insert-emoji';
 import { emojiNodeSpec } from './nodeviews/emojiNodeSpec';
@@ -21,6 +22,7 @@ import { EmojiNodeView } from './nodeviews/EmojiNodeView';
 import { ACTIONS, openTypeAhead as openTypeAheadAction, setAsciiMap as setAsciiMapAction, setInlineEmojiPopupOpen, setProvider as setProviderAction } from './pm-plugins/actions';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 import { InlineEmojiPopup } from './ui/InlineEmojiPopup';
+import { getEmojiQuickInsertComponents } from './ui/quick-insert/getEmojiQuickInsertComponents';
 export var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
   return {
     title: emoji.shortName || '',
@@ -177,6 +179,11 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
       return tr;
     }
   };
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getEmojiQuickInsertComponents());
+  }
   api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 || _api$base.actions.registerMarks(function (_ref7) {
     var tr = _ref7.tr,
       node = _ref7.node,
@@ -295,7 +302,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
         popupsScrollableElement: popupsScrollableElement
       });
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread(_objectSpread({}, isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: function quickInsert(_ref10) {
         var formatMessage = _ref10.formatMessage;
         return [{
@@ -326,7 +333,8 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
             return tr;
           }
         }];
-      },
+      }
+    }), {}, {
       typeAhead: typeAhead,
       floatingToolbar: function floatingToolbar(state, intl) {
         var isViewMode = function isViewMode() {
@@ -387,7 +395,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           }
         };
       }
-    }
+    })
   };
 };
 

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

@@ -0,0 +1,20 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconEmoji } from '@atlaskit/editor-common/quick-insert';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { setInlineEmojiPopupOpen } from '../../pm-plugins/actions';
+export var EmojiQuickInsertMenuItem = function EmojiQuickInsertMenuItem() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var onSelect = useCallback(function (_ref) {
+    var insert = _ref.insert;
+    return setInlineEmojiPopupOpen(true)(insert(''));
+  }, []);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconEmoji, null),
+    onSelect: onSelect,
+    shortcut: ":",
+    title: formatMessage(messages.emoji)
+  });
+};

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

@@ -0,0 +1,15 @@
+import { EMOJI_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { EmojiQuickInsertMenuItem } from './EmojiQuickInsertMenuItem';
+export var getEmojiQuickInsertComponents = function getEmojiQuickInsertComponents() {
+  return [{
+    key: EMOJI_MENU_ITEM.key,
+    type: EMOJI_MENU_ITEM.type,
+    parents: [{
+      key: MEDIA_SECTION.key,
+      type: MEDIA_SECTION.type,
+      rank: MEDIA_SECTION_RANK[EMOJI_MENU_ITEM.key]
+    }],
+    component: EmojiQuickInsertMenuItem
+  }];
+};

package/dist/types/emojiPluginType.d.ts

@@ -3,10 +3,11 @@ import type { Command, EditorCommand, NextEditorPlugin, OptionalPlugin, TypeAhea
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { InlineCommentInputMethod, InlineCommentMap } from '@atlaskit/editor-plugin-annotation';
 import type { BasePlugin } from '@atlaskit/editor-plugin-base';
-import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
 import type { EditorViewModePluginState } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { MetricsPlugin } from '@atlaskit/editor-plugin-metrics';
 import type { TypeAheadInputMethod, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
 import type { SelectionBookmark } from '@atlaskit/editor-prosemirror/state';
 import type { EmojiDescription, EmojiId, EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji';
 import type { EmojiNodeDataProvider } from './pm-plugins/providers/EmojiNodeDataProvider';
@@ -62,7 +63,8 @@ export type EmojiPluginDependencies = [
     OptionalPlugin<EditorViewModePluginType>,
     OptionalPlugin<BasePlugin>,
     OptionalPlugin<MetricsPlugin>,
-    OptionalPlugin<ConnectivityPlugin>
+    OptionalPlugin<ConnectivityPlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type EmojiPlugin = NextEditorPlugin<'emoji', {
     actions: EmojiPluginActions;

package/dist/types/ui/quick-insert/EmojiQuickInsertMenuItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmojiQuickInsertMenuItem: () => React.JSX.Element;

package/dist/types/ui/quick-insert/getEmojiQuickInsertComponents.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+export declare const getEmojiQuickInsertComponents: () => RegisterMenuItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "14.0.1",
+	"version": "14.0.3",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,14 +30,17 @@
 		"@atlaskit/editor-plugin-editor-viewmode": "^15.0.0",
 		"@atlaskit/editor-plugin-metrics": "^14.0.0",
 		"@atlaskit/editor-plugin-type-ahead": "^14.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
+		"@atlaskit/editor-ui-control-model": "^2.4.0",
 		"@atlaskit/emoji": "^71.15.0",
-		"@atlaskit/icon": "^37.2.0",
+		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/node-data-provider": "^14.0.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/prosemirror-input-rules": "^4.0.0",
-		"@atlaskit/tmp-editor-statsig": "^139.0.0",
+		"@atlaskit/tmp-editor-statsig": "^140.0.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -46,7 +49,7 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.0.0",
+		"@atlaskit/editor-common": "^117.2.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"