@atlaskit/editor-plugin-emoji 2.4.0 → 2.5.1

package/dist/es2019/plugin.js

@@ -12,6 +12,7 @@ import { EmojiTypeAheadItem, recordSelectionFailedSli, recordSelectionSucceededS
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createEmojiFragment, insertEmoji } from './commands/insert-emoji';
 import { EmojiNodeView } from './nodeviews/emoji';
+import { ACTIONS, openTypeAhead as openTypeAheadAction, setAsciiMap as setAsciiMapAction, setProvider as setProviderAction } from './pm-plugins/actions';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
   title: emoji.shortName || '',
@@ -65,6 +66,7 @@ export const emojiPlugin = ({
   api
 }) => {
   var _api$analytics5;
+  let previousEmojiProvider;
   const typeAhead = {
     id: TypeAheadAvailableNodes.EMOJI,
     trigger: TRIGGER,
@@ -178,7 +180,9 @@ export const emojiPlugin = ({
     pmPlugins() {
       return [{
         name: 'emoji',
-        plugin: pmPluginFactoryParams => createEmojiPlugin(pmPluginFactoryParams, options)
+        plugin: pmPluginFactoryParams => {
+          return createEmojiPlugin(pmPluginFactoryParams, options, api);
+        }
       }, {
         name: 'emojiAsciiInputRule',
         plugin: ({
@@ -187,7 +191,7 @@ export const emojiPlugin = ({
           featureFlags
         }) => {
           var _api$analytics4;
-          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions, api);
         }
       }];
     },
@@ -198,21 +202,29 @@ export const emojiPlugin = ({
       }
       const {
         emojiResourceConfig,
-        asciiMap
+        asciiMap,
+        emojiProvider
       } = (_emojiPluginKey$getSt = emojiPluginKey.getState(editorState)) !== null && _emojiPluginKey$getSt !== void 0 ? _emojiPluginKey$getSt : {};
       return {
         emojiResourceConfig,
         asciiMap,
-        typeAheadHandler: typeAhead
+        typeAheadHandler: typeAhead,
+        emojiProvider
       };
     },
     actions: {
-      openTypeAhead(inputMethod) {
-        var _api$typeAhead;
-        return Boolean(api === null || api === void 0 ? void 0 : (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.actions.open({
-          triggerHandler: typeAhead,
-          inputMethod
-        }));
+      openTypeAhead: openTypeAheadAction(typeAhead, api),
+      setProvider: async providerPromise => {
+        var _api$core$actions$exe;
+        const provider = await providerPromise;
+        // Prevent someone trying to set the exact same provider twice for performance reasons
+        if (previousEmojiProvider === provider || (options === null || options === void 0 ? void 0 : options.emojiProvider) === providerPromise) {
+          return false;
+        }
+        previousEmojiProvider = provider;
+        return (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          tr
+        }) => setProviderTr(provider)(tr))) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false;
       }
     },
     commands: {
@@ -229,9 +241,9 @@ export const emojiPlugin = ({
         keyshortcut: ':',
         icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
         action(insert, state) {
-          var _api$typeAhead2;
+          var _api$typeAhead;
           const tr = insert(undefined);
-          api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.actions.openAtTransaction({
+          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);
@@ -247,19 +259,10 @@ export const emojiPlugin = ({
  * Actions
  */
 
-export const ACTIONS = {
-  SET_PROVIDER: 'SET_PROVIDER',
-  SET_RESULTS: 'SET_RESULTS',
-  SET_ASCII_MAP: 'SET_ASCII_MAP'
-};
 const setAsciiMap = asciiMap => (state, dispatch) => {
   if (dispatch) {
-    dispatch(state.tr.setMeta(emojiPluginKey, {
-      action: ACTIONS.SET_ASCII_MAP,
-      params: {
-        asciiMap
-      }
-    }));
+    const tr = setAsciiMapAction(asciiMap)(state.tr);
+    dispatch(tr);
   }
   return true;
 };
@@ -300,26 +303,23 @@ const logRateWarning = () => {
     console.error('The emoji provider injected in the Editor is being reloaded frequently, this will cause a slow Editor experience.');
   }
 };
-export const setProvider = createRateLimitReachedFunction(provider => (state, dispatch) => {
-  if (dispatch) {
-    dispatch(state.tr.setMeta(emojiPluginKey, {
-      action: ACTIONS.SET_PROVIDER,
-      params: {
-        provider
-      }
-    }));
-  }
-  return true;
-},
+export const setProviderTr = createRateLimitReachedFunction(provider => tr => setProviderAction(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);
+export const setProvider = provider => (state, dispatch) => {
+  if (dispatch) {
+    const tr = setProviderTr(provider)(state.tr);
+    dispatch(tr);
+  }
+  return true;
+};
 export const emojiPluginKey = new PluginKey('emojiPlugin');
 export function getEmojiPluginState(state) {
   return emojiPluginKey.getState(state) || {};
 }
-export function createEmojiPlugin(pmPluginFactoryParams, options) {
+export function createEmojiPlugin(pmPluginFactoryParams, options, api) {
   return new SafePlugin({
     key: emojiPluginKey,
     state: {
@@ -341,14 +341,18 @@ export function createEmojiPlugin(pmPluginFactoryParams, options) {
               ...pluginState,
               emojiProvider: params.provider
             };
-            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            if (!fg('platform_editor_get_emoji_provider_from_config')) {
+              pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            }
             return newPluginState;
           case ACTIONS.SET_ASCII_MAP:
             newPluginState = {
               ...pluginState,
               asciiMap: params.asciiMap
             };
-            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            if (!fg('platform_editor_get_emoji_provider_from_config')) {
+              pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            }
             return newPluginState;
         }
         return newPluginState;
@@ -361,7 +365,8 @@ export function createEmojiPlugin(pmPluginFactoryParams, options) {
           Component: EmojiNodeView,
           extraComponentProps: {
             providerFactory: pmPluginFactoryParams.providerFactory,
-            options
+            options,
+            api
           }
         })
       }
@@ -388,11 +393,19 @@ export function createEmojiPlugin(pmPluginFactoryParams, options) {
         }
         return;
       };
-      pmPluginFactoryParams.providerFactory.subscribe('emojiProvider', providerHandler);
+      if (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() {
-          if (pmPluginFactoryParams.providerFactory) {
-            pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);
+          if (!fg('platform_editor_get_emoji_provider_from_config')) {
+            if (pmPluginFactoryParams.providerFactory) {
+              pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);
+            }
           }
         }
       };

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

@@ -0,0 +1,29 @@
+import { emojiPluginKey } from '../plugin';
+export const ACTIONS = {
+  SET_PROVIDER: 'SET_PROVIDER',
+  SET_RESULTS: 'SET_RESULTS',
+  SET_ASCII_MAP: 'SET_ASCII_MAP'
+};
+export const setAsciiMap = asciiMap => tr => {
+  return tr.setMeta(emojiPluginKey, {
+    action: ACTIONS.SET_ASCII_MAP,
+    params: {
+      asciiMap
+    }
+  });
+};
+export const openTypeAhead = (typeaheadHandler, api) => inputMethod => {
+  var _api$typeAhead;
+  return Boolean(api === null || api === void 0 ? void 0 : (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.actions.open({
+    triggerHandler: typeaheadHandler,
+    inputMethod
+  }));
+};
+export const setProvider = provider => tr => {
+  return tr.setMeta(emojiPluginKey, {
+    action: ACTIONS.SET_PROVIDER,
+    params: {
+      provider
+    }
+  });
+};

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

@@ -3,17 +3,18 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createRule } from '@atlaskit/editor-common/utils';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { createPlugin, leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
 let matcher;
-export function inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI) {
+export function inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI, pluginInjectionApi) {
   if (schema.nodes.emoji && providerFactory) {
-    initMatcher(providerFactory);
+    initMatcher(providerFactory, pluginInjectionApi);
     const asciiEmojiRule = createRule(AsciiEmojiMatcher.REGEX, inputRuleHandler(editorAnalyticsAPI));
     return new SafePlugin(createPlugin('emoji', [asciiEmojiRule]));
   }
   return;
 }
-function initMatcher(providerFactory) {
+function initMatcher(providerFactory, pluginInjectionApi) {
   const handleProvider = (_name, provider) => {
     if (!provider) {
       return;
@@ -24,7 +25,20 @@ function initMatcher(providerFactory) {
       });
     });
   };
-  providerFactory.subscribe('emojiProvider', handleProvider);
+  if (fg('platform_editor_get_emoji_provider_from_config')) {
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.emoji.sharedState.onChange(({
+      nextSharedState
+    }) => {
+      const emojiProvider = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.emojiProvider;
+      if (emojiProvider) {
+        emojiProvider.getAsciiMap().then(map => {
+          matcher = new RecordingAsciiEmojiMatcher(emojiProvider, map);
+        });
+      }
+    });
+  } else {
+    providerFactory.subscribe('emojiProvider', handleProvider);
+  }
 }
 const inputRuleHandler = editorAnalyticsAPI => (state, matchParts, start, end) => {
   if (!matcher) {
@@ -164,7 +178,7 @@ class AsciiEmojiTransactionCreator {
   }
 }
 export const stateKey = new PluginKey('asciiEmojiPlugin');
-const plugins = (schema, providerFactory, featureFlags, editorAnalyticsAPI) => {
-  return [inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI)].filter(plugin => !!plugin);
+const plugins = (schema, providerFactory, featureFlags, editorAnalyticsAPI, pluginInjectionApi) => {
+  return [inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI, pluginInjectionApi)].filter(plugin => !!plugin);
 };
 export default plugins;

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { ResourcedEmoji } from '@atlaskit/emoji/element';
+const useEmojiProvider = pluginInjectionApi => {
+  const {
+    emojiState
+  } = useSharedPluginState(pluginInjectionApi, ['emoji']);
+  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
+};
+const EmojiNode = props => {
+  var _resourceConfig$optim;
+  const {
+    allowTextFallback,
+    shortName,
+    id,
+    fallback,
+    fitToHeight,
+    showTooltip,
+    resourceConfig,
+    pluginInjectionApi
+  } = props;
+  const emojiProvider = useEmojiProvider(pluginInjectionApi);
+  if (allowTextFallback && !emojiProvider) {
+    return /*#__PURE__*/React.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.createElement(ResourcedEmoji, {
+    emojiId: {
+      id,
+      fallback,
+      shortName
+    },
+    emojiProvider: Promise.resolve(emojiProvider),
+    showTooltip: showTooltip,
+    fitToHeight: fitToHeight,
+    optimistic: true,
+    optimisticImageURL: resourceConfig === null || resourceConfig === void 0 ? void 0 : (_resourceConfig$optim = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim === void 0 ? void 0 : _resourceConfig$optim.getUrl({
+      id,
+      fallback,
+      shortName
+    }),
+    editorEmoji: true
+  });
+};
+export default EmojiNode;

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

@@ -5,6 +5,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Emoji } from '@atlaskit/editor-common/emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { default as EmojiNext } from './emoji-next';
 // eslint-disable-next-line
 const clickSelectWrapperStyle = css`
 	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -13,5 +15,5 @@ const clickSelectWrapperStyle = css`
 export default function EmojiNode(props) {
   return jsx("span", {
     css: clickSelectWrapperStyle
-  }, jsx(Emoji, props));
+  }, fg('platform_editor_get_emoji_provider_from_config') ? jsx(EmojiNext, props) : jsx(Emoji, props));
 }

package/dist/esm/nodeviews/emoji.js

@@ -31,6 +31,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,

package/dist/esm/plugin.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { emoji } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
@@ -15,6 +17,7 @@ import { EmojiTypeAheadItem, recordSelectionFailedSli, recordSelectionSucceededS
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createEmojiFragment, insertEmoji } from './commands/insert-emoji';
 import { EmojiNodeView } from './nodeviews/emoji';
+import { ACTIONS, openTypeAhead as openTypeAheadAction, setAsciiMap as setAsciiMapAction, setProvider as setProviderAction } from './pm-plugins/actions';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 export var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
   return {
@@ -70,6 +73,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
   var _api$analytics5;
   var options = _ref2.config,
     api = _ref2.api;
+  var previousEmojiProvider;
   var typeAhead = {
     id: TypeAheadAvailableNodes.EMOJI,
     trigger: TRIGGER,
@@ -184,7 +188,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
       return [{
         name: 'emoji',
         plugin: function plugin(pmPluginFactoryParams) {
-          return createEmojiPlugin(pmPluginFactoryParams, options);
+          return createEmojiPlugin(pmPluginFactoryParams, options, api);
         }
       }, {
         name: 'emojiAsciiInputRule',
@@ -193,7 +197,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           var schema = _ref7.schema,
             providerFactory = _ref7.providerFactory,
             featureFlags = _ref7.featureFlags;
-          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions, api);
         }
       }];
     },
@@ -204,28 +208,57 @@ export var 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: openTypeAheadAction(typeAhead, api),
+      setProvider: function () {
+        var _setProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(providerPromise) {
+          var _api$core$actions$exe;
+          var provider;
+          return _regeneratorRuntime.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: 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.emoji),
@@ -236,9 +269,9 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
             return /*#__PURE__*/React.createElement(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: INPUT_METHOD.QUICK_INSERT
             })(tr);
@@ -255,20 +288,11 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
  * Actions
  */
 
-export var 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 = setAsciiMapAction(asciiMap)(state.tr);
+      dispatch(_tr);
     }
     return true;
   };
@@ -310,28 +334,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.');
   }
 };
-export var setProvider = createRateLimitReachedFunction(function (provider) {
-  return function (state, dispatch) {
-    if (dispatch) {
-      dispatch(state.tr.setMeta(emojiPluginKey, {
-        action: ACTIONS.SET_PROVIDER,
-        params: {
-          provider: provider
-        }
-      }));
-    }
-    return true;
+export var setProviderTr = createRateLimitReachedFunction(function (provider) {
+  return function (tr) {
+    return setProviderAction(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);
+export var setProvider = function setProvider(provider) {
+  return function (state, dispatch) {
+    if (dispatch) {
+      var _tr2 = setProviderTr(provider)(state.tr);
+      dispatch(_tr2);
+    }
+    return true;
+  };
+};
 export var emojiPluginKey = new PluginKey('emojiPlugin');
 export function getEmojiPluginState(state) {
   return emojiPluginKey.getState(state) || {};
 }
-export function createEmojiPlugin(pmPluginFactoryParams, options) {
+export function createEmojiPlugin(pmPluginFactoryParams, options, api) {
   return new SafePlugin({
     key: emojiPluginKey,
     state: {
@@ -339,25 +364,29 @@ export 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:
             newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
               emojiProvider: params.provider
             });
-            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            if (!fg('platform_editor_get_emoji_provider_from_config')) {
+              pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            }
             return newPluginState;
           case ACTIONS.SET_ASCII_MAP:
             newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
               asciiMap: params.asciiMap
             });
-            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            if (!fg('platform_editor_get_emoji_provider_from_config')) {
+              pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
+            }
             return newPluginState;
         }
         return newPluginState;
@@ -370,7 +399,8 @@ export function createEmojiPlugin(pmPluginFactoryParams, options) {
           Component: EmojiNodeView,
           extraComponentProps: {
             providerFactory: pmPluginFactoryParams.providerFactory,
-            options: options
+            options: options,
+            api: api
           }
         })
       }
@@ -380,28 +410,36 @@ export 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 (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 (!fg('platform_editor_get_emoji_provider_from_config')) {
+            if (pmPluginFactoryParams.providerFactory) {
+              pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);
+            }
           }
         }
       };

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

@@ -0,0 +1,35 @@
+import { emojiPluginKey } from '../plugin';
+export var ACTIONS = {
+  SET_PROVIDER: 'SET_PROVIDER',
+  SET_RESULTS: 'SET_RESULTS',
+  SET_ASCII_MAP: 'SET_ASCII_MAP'
+};
+export var setAsciiMap = function setAsciiMap(asciiMap) {
+  return function (tr) {
+    return tr.setMeta(emojiPluginKey, {
+      action: ACTIONS.SET_ASCII_MAP,
+      params: {
+        asciiMap: asciiMap
+      }
+    });
+  };
+};
+export var 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
+    }));
+  };
+};
+export var setProvider = function setProvider(provider) {
+  return function (tr) {
+    return tr.setMeta(emojiPluginKey, {
+      action: ACTIONS.SET_PROVIDER,
+      params: {
+        provider: provider
+      }
+    });
+  };
+};