@atlaskit/editor-plugin-emoji 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-emoji
 
+## 2.5.0
+
+### Minor Changes
+
+- [#136891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136891)
+  [`388780c6348e9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/388780c6348e9) -
+  Pass emoji provider via preset
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/emoji.js

@@ -38,6 +38,7 @@ function EmojiNodeView(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(EmojiAssistiveTextComponent, {
     emojiShortName: shortName
   }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Emoji.default, {
+    pluginInjectionApi: props.api,
     providers: props.providerFactory,
     id: id,
     shortName: shortName,

package/dist/cjs/plugin.js

@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ACTIONS = void 0;
 exports.createEmojiPlugin = createEmojiPlugin;
 exports.createRateLimitReachedFunction = createRateLimitReachedFunction;
 exports.emojiToTypeaheadItem = exports.emojiPluginKey = exports.emojiPlugin = exports.defaultListLimit = void 0;
 exports.getEmojiPluginState = getEmojiPluginState;
 exports.memoize = memoize;
-exports.setProvider = void 0;
+exports.setProviderTr = exports.setProvider = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -26,6 +27,7 @@ var _emoji2 = require("@atlaskit/emoji");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _insertEmoji = require("./commands/insert-emoji");
 var _emoji3 = require("./nodeviews/emoji");
+var _actions = require("./pm-plugins/actions");
 var _asciiInputRules = require("./pm-plugins/ascii-input-rules");
 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; }
@@ -83,6 +85,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
   var _api$analytics5;
   var options = _ref2.config,
     api = _ref2.api;
+  var previousEmojiProvider;
   var typeAhead = {
     id: _typeAhead.TypeAheadAvailableNodes.EMOJI,
     trigger: TRIGGER,
@@ -197,7 +200,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
       return [{
         name: 'emoji',
         plugin: function plugin(pmPluginFactoryParams) {
-          return createEmojiPlugin(pmPluginFactoryParams, options);
+          return createEmojiPlugin(pmPluginFactoryParams, options, api);
         }
       }, {
         name: 'emojiAsciiInputRule',
@@ -206,7 +209,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           var schema = _ref7.schema,
             providerFactory = _ref7.providerFactory,
             featureFlags = _ref7.featureFlags;
-          return (0, _asciiInputRules.inputRulePlugin)(schema, providerFactory, featureFlags, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+          return (0, _asciiInputRules.inputRulePlugin)(schema, providerFactory, featureFlags, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions, api);
         }
       }];
     },
@@ -217,28 +220,57 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
       }
       var _ref8 = (_emojiPluginKey$getSt = emojiPluginKey.getState(editorState)) !== null && _emojiPluginKey$getSt !== void 0 ? _emojiPluginKey$getSt : {},
         emojiResourceConfig = _ref8.emojiResourceConfig,
-        asciiMap = _ref8.asciiMap;
+        asciiMap = _ref8.asciiMap,
+        emojiProvider = _ref8.emojiProvider;
       return {
         emojiResourceConfig: emojiResourceConfig,
         asciiMap: asciiMap,
-        typeAheadHandler: typeAhead
+        typeAheadHandler: typeAhead,
+        emojiProvider: emojiProvider
       };
     },
     actions: {
-      openTypeAhead: function openTypeAhead(inputMethod) {
-        var _api$typeAhead;
-        return Boolean(api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.actions.open({
-          triggerHandler: typeAhead,
-          inputMethod: inputMethod
+      openTypeAhead: (0, _actions.openTypeAhead)(typeAhead, api),
+      setProvider: function () {
+        var _setProvider = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(providerPromise) {
+          var _api$core$actions$exe;
+          var provider;
+          return _regenerator.default.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return providerPromise;
+              case 2:
+                provider = _context.sent;
+                if (!(previousEmojiProvider === provider || (options === null || options === void 0 ? void 0 : options.emojiProvider) === providerPromise)) {
+                  _context.next = 5;
+                  break;
+                }
+                return _context.abrupt("return", false);
+              case 5:
+                previousEmojiProvider = provider;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref9) {
+                  var tr = _ref9.tr;
+                  return setProviderTr(provider)(tr);
+                })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
         }));
-      }
+        function setProvider(_x) {
+          return _setProvider.apply(this, arguments);
+        }
+        return setProvider;
+      }()
     },
     commands: {
       insertEmoji: (0, _insertEmoji.insertEmoji)(api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions)
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref9) {
-        var formatMessage = _ref9.formatMessage;
+      quickInsert: function quickInsert(_ref10) {
+        var formatMessage = _ref10.formatMessage;
         return [{
           id: 'emoji',
           title: formatMessage(_messages.toolbarInsertBlockMessages.emoji),
@@ -249,9 +281,9 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconEmoji, null);
           },
           action: function action(insert, state) {
-            var _api$typeAhead2;
+            var _api$typeAhead;
             var tr = insert(undefined);
-            api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || _api$typeAhead2.actions.openAtTransaction({
+            api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || _api$typeAhead.actions.openAtTransaction({
               triggerHandler: typeAhead,
               inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
             })(tr);
@@ -268,20 +300,11 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
  * Actions
  */
 
-var ACTIONS = exports.ACTIONS = {
-  SET_PROVIDER: 'SET_PROVIDER',
-  SET_RESULTS: 'SET_RESULTS',
-  SET_ASCII_MAP: 'SET_ASCII_MAP'
-};
 var setAsciiMap = function setAsciiMap(asciiMap) {
   return function (state, dispatch) {
     if (dispatch) {
-      dispatch(state.tr.setMeta(emojiPluginKey, {
-        action: ACTIONS.SET_ASCII_MAP,
-        params: {
-          asciiMap: asciiMap
-        }
-      }));
+      var _tr = (0, _actions.setAsciiMap)(asciiMap)(state.tr);
+      dispatch(_tr);
     }
     return true;
   };
@@ -323,28 +346,29 @@ var logRateWarning = function logRateWarning() {
     console.error('The emoji provider injected in the Editor is being reloaded frequently, this will cause a slow Editor experience.');
   }
 };
-var setProvider = exports.setProvider = createRateLimitReachedFunction(function (provider) {
-  return function (state, dispatch) {
-    if (dispatch) {
-      dispatch(state.tr.setMeta(emojiPluginKey, {
-        action: ACTIONS.SET_PROVIDER,
-        params: {
-          provider: provider
-        }
-      }));
-    }
-    return true;
+var setProviderTr = exports.setProviderTr = createRateLimitReachedFunction(function (provider) {
+  return function (tr) {
+    return (0, _actions.setProvider)(provider)(tr);
   };
 },
 // If we change the emoji provider more than three times every 5 seconds we should warn.
 // This seems like a really long time but the performance can be that laggy that we don't
 // even get 3 events in 3 seconds and miss this indicator.
 5000, 3, logRateWarning);
+var setProvider = exports.setProvider = function setProvider(provider) {
+  return function (state, dispatch) {
+    if (dispatch) {
+      var _tr2 = setProviderTr(provider)(state.tr);
+      dispatch(_tr2);
+    }
+    return true;
+  };
+};
 var emojiPluginKey = exports.emojiPluginKey = new _state.PluginKey('emojiPlugin');
 function getEmojiPluginState(state) {
   return emojiPluginKey.getState(state) || {};
 }
-function createEmojiPlugin(pmPluginFactoryParams, options) {
+function createEmojiPlugin(pmPluginFactoryParams, options, api) {
   return new _safePlugin.SafePlugin({
     key: emojiPluginKey,
     state: {
@@ -352,25 +376,29 @@ function createEmojiPlugin(pmPluginFactoryParams, options) {
         return {};
       },
       apply: function apply(tr, pluginState) {
-        var _ref10 = tr.getMeta(emojiPluginKey) || {
+        var _ref11 = tr.getMeta(emojiPluginKey) || {
             action: null,
             params: null
           },
-          action = _ref10.action,
-          params = _ref10.params;
+          action = _ref11.action,
+          params = _ref11.params;
         var newPluginState = pluginState;
         switch (action) {
-          case ACTIONS.SET_PROVIDER:
+          case _actions.ACTIONS.SET_PROVIDER:
             newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
               emojiProvider: params.provider
             });
-            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            if (!(0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
+              pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            }
             return newPluginState;
-          case ACTIONS.SET_ASCII_MAP:
+          case _actions.ACTIONS.SET_ASCII_MAP:
             newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
               asciiMap: params.asciiMap
             });
-            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            if (!(0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
+              pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            }
             return newPluginState;
         }
         return newPluginState;
@@ -383,7 +411,8 @@ function createEmojiPlugin(pmPluginFactoryParams, options) {
           Component: _emoji3.EmojiNodeView,
           extraComponentProps: {
             providerFactory: pmPluginFactoryParams.providerFactory,
-            options: options
+            options: options,
+            api: api
           }
         })
       }
@@ -393,28 +422,36 @@ function createEmojiPlugin(pmPluginFactoryParams, options) {
         switch (name) {
           case 'emojiProvider':
             if (!providerPromise) {
-              var _setProvider;
-              return setProvider === null || setProvider === void 0 || (_setProvider = setProvider(undefined)) === null || _setProvider === void 0 ? void 0 : _setProvider(editorView.state, editorView.dispatch);
+              var _setProvider2;
+              return setProvider === null || setProvider === void 0 || (_setProvider2 = setProvider(undefined)) === null || _setProvider2 === void 0 ? void 0 : _setProvider2(editorView.state, editorView.dispatch);
             }
             providerPromise.then(function (provider) {
-              var _setProvider2;
-              setProvider === null || setProvider === void 0 || (_setProvider2 = setProvider(provider)) === null || _setProvider2 === void 0 || _setProvider2(editorView.state, editorView.dispatch);
+              var _setProvider3;
+              setProvider === null || setProvider === void 0 || (_setProvider3 = setProvider(provider)) === null || _setProvider3 === void 0 || _setProvider3(editorView.state, editorView.dispatch);
               provider.getAsciiMap().then(function (asciiMap) {
                 setAsciiMap(asciiMap)(editorView.state, editorView.dispatch);
               });
             }).catch(function () {
-              var _setProvider3;
-              return setProvider === null || setProvider === void 0 || (_setProvider3 = setProvider(undefined)) === null || _setProvider3 === void 0 ? void 0 : _setProvider3(editorView.state, editorView.dispatch);
+              var _setProvider4;
+              return setProvider === null || setProvider === void 0 || (_setProvider4 = setProvider(undefined)) === null || _setProvider4 === void 0 ? void 0 : _setProvider4(editorView.state, editorView.dispatch);
             });
             break;
         }
         return;
       };
-      pmPluginFactoryParams.providerFactory.subscribe('emojiProvider', providerHandler);
+      if ((0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
+        if (options !== null && options !== void 0 && options.emojiProvider) {
+          providerHandler('emojiProvider', options.emojiProvider);
+        }
+      } else {
+        pmPluginFactoryParams.providerFactory.subscribe('emojiProvider', providerHandler);
+      }
       return {
         destroy: function destroy() {
-          if (pmPluginFactoryParams.providerFactory) {
-            pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);
+          if (!(0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
+            if (pmPluginFactoryParams.providerFactory) {
+              pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);
+            }
           }
         }
       };

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setProvider = exports.setAsciiMap = exports.openTypeAhead = exports.ACTIONS = void 0;
+var _plugin = require("../plugin");
+var ACTIONS = exports.ACTIONS = {
+  SET_PROVIDER: 'SET_PROVIDER',
+  SET_RESULTS: 'SET_RESULTS',
+  SET_ASCII_MAP: 'SET_ASCII_MAP'
+};
+var setAsciiMap = exports.setAsciiMap = function setAsciiMap(asciiMap) {
+  return function (tr) {
+    return tr.setMeta(_plugin.emojiPluginKey, {
+      action: ACTIONS.SET_ASCII_MAP,
+      params: {
+        asciiMap: asciiMap
+      }
+    });
+  };
+};
+var openTypeAhead = exports.openTypeAhead = function openTypeAhead(typeaheadHandler, api) {
+  return function (inputMethod) {
+    var _api$typeAhead;
+    return Boolean(api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.actions.open({
+      triggerHandler: typeaheadHandler,
+      inputMethod: inputMethod
+    }));
+  };
+};
+var setProvider = exports.setProvider = function setProvider(provider) {
+  return function (tr) {
+    return tr.setMeta(_plugin.emojiPluginKey, {
+      action: ACTIONS.SET_PROVIDER,
+      params: {
+        provider: provider
+      }
+    });
+  };
+};

package/dist/cjs/pm-plugins/ascii-input-rules.js

@@ -18,19 +18,20 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var matcher;
-function inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI) {
+function inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI, pluginInjectionApi) {
   if (schema.nodes.emoji && providerFactory) {
-    initMatcher(providerFactory);
+    initMatcher(providerFactory, pluginInjectionApi);
     var asciiEmojiRule = (0, _utils.createRule)(AsciiEmojiMatcher.REGEX, inputRuleHandler(editorAnalyticsAPI));
     return new _safePlugin.SafePlugin((0, _prosemirrorInputRules.createPlugin)('emoji', [asciiEmojiRule]));
   }
   return;
 }
-function initMatcher(providerFactory) {
+function initMatcher(providerFactory, pluginInjectionApi) {
   var handleProvider = function handleProvider(_name, provider) {
     if (!provider) {
       return;
@@ -41,7 +42,19 @@ function initMatcher(providerFactory) {
       });
     });
   };
-  providerFactory.subscribe('emojiProvider', handleProvider);
+  if ((0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.emoji.sharedState.onChange(function (_ref) {
+      var nextSharedState = _ref.nextSharedState;
+      var emojiProvider = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.emojiProvider;
+      if (emojiProvider) {
+        emojiProvider.getAsciiMap().then(function (map) {
+          matcher = new RecordingAsciiEmojiMatcher(emojiProvider, map);
+        });
+      }
+    });
+  } else {
+    providerFactory.subscribe('emojiProvider', handleProvider);
+  }
 }
 var inputRuleHandler = function inputRuleHandler(editorAnalyticsAPI) {
   return function (state, matchParts, start, end) {
@@ -227,8 +240,8 @@ var AsciiEmojiTransactionCreator = /*#__PURE__*/function () {
   return AsciiEmojiTransactionCreator;
 }();
 var stateKey = exports.stateKey = new _state.PluginKey('asciiEmojiPlugin');
-var plugins = function plugins(schema, providerFactory, featureFlags, editorAnalyticsAPI) {
-  return [inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI)].filter(function (plugin) {
+var plugins = function plugins(schema, providerFactory, featureFlags, editorAnalyticsAPI, pluginInjectionApi) {
+  return [inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI, pluginInjectionApi)].filter(function (plugin) {
     return !!plugin;
   });
 };

package/dist/cjs/ui/Emoji/emoji-next.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _element = require("@atlaskit/emoji/element");
+var useEmojiProvider = function useEmojiProvider(pluginInjectionApi) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['emoji']),
+    emojiState = _useSharedPluginState.emojiState;
+  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
+};
+var EmojiNode = function EmojiNode(props) {
+  var _resourceConfig$optim;
+  var allowTextFallback = props.allowTextFallback,
+    shortName = props.shortName,
+    id = props.id,
+    fallback = props.fallback,
+    fitToHeight = props.fitToHeight,
+    showTooltip = props.showTooltip,
+    resourceConfig = props.resourceConfig,
+    pluginInjectionApi = props.pluginInjectionApi;
+  var emojiProvider = useEmojiProvider(pluginInjectionApi);
+  if (allowTextFallback && !emojiProvider) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "data-emoji-id": id,
+      "data-emoji-short-name": shortName,
+      "data-emoji-text": fallback || shortName
+    }, fallback || shortName);
+  }
+  if (!emojiProvider) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_element.ResourcedEmoji, {
+    emojiId: {
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    },
+    emojiProvider: Promise.resolve(emojiProvider),
+    showTooltip: showTooltip,
+    fitToHeight: fitToHeight,
+    optimistic: true,
+    optimisticImageURL: resourceConfig === null || resourceConfig === void 0 || (_resourceConfig$optim = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim === void 0 ? void 0 : _resourceConfig$optim.getUrl({
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    }),
+    editorEmoji: true
+  });
+};
+var _default = exports.default = EmojiNode;

package/dist/cjs/ui/Emoji/index.js

@@ -8,6 +8,8 @@ exports.default = EmojiNode;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _emoji = require("@atlaskit/editor-common/emoji");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _emojiNext = _interopRequireDefault(require("./emoji-next"));
 var _templateObject;
 /**
  * @jsxRuntime classic
@@ -19,5 +21,5 @@ var clickSelectWrapperStyle = (0, _react.css)(_templateObject || (_templateObjec
 function EmojiNode(props) {
   return (0, _react.jsx)("span", {
     css: clickSelectWrapperStyle
-  }, (0, _react.jsx)(_emoji.Emoji, props));
+  }, (0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config') ? (0, _react.jsx)(_emojiNext.default, props) : (0, _react.jsx)(_emoji.Emoji, props));
 }

package/dist/es2019/nodeviews/emoji.js

@@ -33,6 +33,7 @@ export function EmojiNodeView(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EmojiAssistiveTextComponent, {
     emojiShortName: shortName
   }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Emoji, {
+    pluginInjectionApi: props.api,
     providers: props.providerFactory,
     id: id,
     shortName: shortName,