@atlaskit/editor-plugin-mentions 2.10.8 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-mentions
 
+## 2.11.0
+
+### Minor Changes
+
+- [#99344](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99344)
+  [`fbeb84f180cd2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fbeb84f180cd2) -
+  Added optional `isEligibleXProductUserInvite` and `inviteXProductUser` props which will be used in
+  CCEDITIONS-4746 (x-product-user-invite experiment). Project poster link -
+  https://hello.atlassian.net/wiki/spaces/CV1/pages/3685626022/Project+poster+-+Cross+Product+User+Search+Invites
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.10.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.10.8
 
 ### Patch Changes

package/dist/cjs/mentionsPlugin.js

@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mentionsPlugin = 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 _uuid = _interopRequireDefault(require("uuid"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _key = require("./pm-plugins/key");
 var _main = require("./pm-plugins/main");
 var _SecondaryToolbarComponent = require("./ui/SecondaryToolbarComponent");
@@ -22,6 +25,7 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref) {
   var options = _ref.config,
     api = _ref.api;
   var sessionId = (0, _uuid.default)();
+  var previousMediaProvider;
   var fireEvent = function fireEvent(payload, channel) {
     var _api$analytics;
     var fireAnalyticsEvent = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent;
@@ -53,7 +57,12 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref) {
       return [{
         name: 'mention',
         plugin: function plugin(pmPluginFactoryParams) {
-          return (0, _main.createMentionPlugin)(pmPluginFactoryParams, fireEvent, options);
+          return (0, _main.createMentionPlugin)({
+            pmPluginFactoryParams: pmPluginFactoryParams,
+            fireEvent: fireEvent,
+            options: options,
+            api: api
+          });
         }
       }];
     },
@@ -79,7 +88,51 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref) {
         if (options !== null && options !== void 0 && options.handleMentionsChanged) {
           options.handleMentionsChanged(mentionChanges);
         }
-      }
+      },
+      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:
+                if ((0, _platformFeatureFlags.fg)('platform_editor_mention_provider_via_plugin_config')) {
+                  _context.next = 2;
+                  break;
+                }
+                return _context.abrupt("return", false);
+              case 2:
+                _context.next = 4;
+                return providerPromise;
+              case 4:
+                provider = _context.sent;
+                if (!(previousMediaProvider === provider)) {
+                  _context.next = 7;
+                  break;
+                }
+                return _context.abrupt("return", false);
+              case 7:
+                previousMediaProvider = provider;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref3) {
+                  var tr = _ref3.tr;
+                  return tr.setMeta(_key.mentionPluginKey, {
+                    action: _main.ACTIONS.SET_PROVIDER,
+                    params: {
+                      provider: provider
+                    }
+                  });
+                })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
+              case 9:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function setProvider(_x) {
+          return _setProvider.apply(this, arguments);
+        }
+        return setProvider;
+      }()
     },
     getSharedState: function getSharedState(editorState) {
       if (!editorState) {
@@ -91,8 +144,8 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref) {
       });
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
+      quickInsert: function quickInsert(_ref4) {
+        var formatMessage = _ref4.formatMessage;
         return [{
           id: 'mention',
           title: formatMessage(_messages.toolbarInsertBlockMessages.mention),

package/dist/cjs/nodeviews/mention.js

@@ -6,25 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MentionNodeView = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _Mention = require("../ui/Mention");
 var MentionNodeView = exports.MentionNodeView = function MentionNodeView(props) {
-  var providerFactory = props.providerFactory;
+  var providerFactory = props.providerFactory,
+    pluginInjectionApi = props.pluginInjectionApi;
   var _props$node$attrs = props.node.attrs,
     id = _props$node$attrs.id,
     text = _props$node$attrs.text,
     accessLevel = _props$node$attrs.accessLevel,
     localId = _props$node$attrs.localId;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['mention']),
+    mentionState = _useSharedPluginState.mentionState;
+  var mentionProvider = mentionState === null || mentionState === void 0 ? void 0 : mentionState.mentionProvider;
   var renderAssistiveTextWithProviders = function renderAssistiveTextWithProviders(providers) {
     var _props$options;
-    var _ref = providers,
-      mentionProvider = _ref.mentionProvider;
+    var mentionProviderPromise = mentionProvider ? Promise.resolve(mentionProvider) : providers.mentionProvider;
     var profilecardProvider = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.profilecardProvider;
     return /*#__PURE__*/_react.default.createElement(_Mention.Mention, {
       id: id,
       text: text,
       accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
+      mentionProvider: mentionProviderPromise,
       profilecardProvider: profilecardProvider,
       localId: localId
     });

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

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ACTIONS = void 0;
 exports.createMentionPlugin = createMentionPlugin;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -19,11 +20,11 @@ var _key = require("./key");
 var _utils2 = require("./utils");
 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 ACTIONS = {
+var ACTIONS = exports.ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "2.10.8";
+var PACKAGE_VERSION = "2.11.0";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {
@@ -37,9 +38,16 @@ var setProvider = function setProvider(provider) {
     return true;
   };
 };
-function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
+function createMentionPlugin(_ref) {
+  var pmPluginFactoryParams = _ref.pmPluginFactoryParams,
+    fireEvent = _ref.fireEvent,
+    options = _ref.options,
+    api = _ref.api;
   var mentionProvider;
-  var sendAnalytics = function sendAnalytics(event, actionSubject, action, attributes) {
+  var sendAnalytics = function sendAnalytics(event, actionSubject, action, attributes
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  ) {
     if (event === _resource.SLI_EVENT_TYPE || event === _resource.SMART_EVENT_TYPE) {
       fireEvent({
         action: action,
@@ -62,13 +70,15 @@ function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
           canInsertMention: canInsertMention
         };
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       apply: function apply(tr, pluginState, oldState, newState) {
-        var _ref = tr.getMeta(_key.mentionPluginKey) || {
+        var _ref2 = tr.getMeta(_key.mentionPluginKey) || {
             action: null,
             params: null
           },
-          action = _ref.action,
-          params = _ref.params;
+          action = _ref2.action,
+          params = _ref2.params;
         var hasNewPluginState = false;
         var newPluginState = pluginState;
         var hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
@@ -99,6 +109,7 @@ function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
           Component: _mention.MentionNodeView,
           extraComponentProps: {
             providerFactory: pmPluginFactoryParams.providerFactory,
+            pluginInjectionApi: api,
             options: options
           }
         })
@@ -143,7 +154,12 @@ function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
         }
         return;
       };
-      pmPluginFactoryParams.providerFactory.subscribe('mentionProvider', providerHandler);
+      var providerViaConfig = (0, _platformFeatureFlags.fg)('platform_editor_mention_provider_via_plugin_config');
+      if (providerViaConfig && options !== null && options !== void 0 && options.mentionProvider) {
+        providerHandler('mentionProvider', options === null || options === void 0 ? void 0 : options.mentionProvider);
+      } else {
+        pmPluginFactoryParams.providerFactory.subscribe('mentionProvider', providerHandler);
+      }
       return {
         destroy: function destroy() {
           if (pmPluginFactoryParams.providerFactory) {
@@ -158,16 +174,16 @@ function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
           if (options !== null && options !== void 0 && options.handleMentionsChanged && (0, _platformFeatureFlags.fg)('confluence_updated_mentions_livepages')) {
             var mentionSchema = newState.schema.nodes.mention;
             var mentionNodesBefore = (0, _utils.findChildrenByType)(prevState.doc, mentionSchema);
-            var mentionLocalIdsAfter = new Set((0, _utils.findChildrenByType)(newState.doc, mentionSchema).map(function (_ref2) {
-              var node = _ref2.node;
+            var mentionLocalIdsAfter = new Set((0, _utils.findChildrenByType)(newState.doc, mentionSchema).map(function (_ref3) {
+              var node = _ref3.node;
               return node.attrs.localId;
             }));
             if (mentionNodesBefore.length > mentionLocalIdsAfter.size) {
-              var deletedMentions = mentionNodesBefore.filter(function (_ref3) {
-                var node = _ref3.node;
-                return !mentionLocalIdsAfter.has(node.attrs.localId);
-              }).map(function (_ref4) {
+              var deletedMentions = mentionNodesBefore.filter(function (_ref4) {
                 var node = _ref4.node;
+                return !mentionLocalIdsAfter.has(node.attrs.localId);
+              }).map(function (_ref5) {
+                var node = _ref5.node;
                 return {
                   type: 'deleted',
                   id: node.attrs.id,

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

@@ -26,6 +26,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var INVITE_ITEM_DESCRIPTION = exports.INVITE_ITEM_DESCRIPTION = {
   id: 'invite-teammate'
 };
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var leftClick = function leftClick(event) {
   return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
 };
@@ -37,13 +40,19 @@ var InviteItem = function InviteItem(_ref) {
     selected = _ref.selected,
     userRole = _ref.userRole,
     intl = _ref.intl;
-  var onSelected = (0, _react.useCallback)(function (event) {
+  var onSelected = (0, _react.useCallback)(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  function (event) {
     if (leftClick(event) && onSelection) {
       event.preventDefault();
       onSelection(INVITE_ITEM_DESCRIPTION, event);
     }
   }, [onSelection]);
-  var onItemMouseEnter = (0, _react.useCallback)(function (event) {
+  var onItemMouseEnter = (0, _react.useCallback)(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  function (event) {
     if (onMouseEnter) {
       onMouseEnter(INVITE_ITEM_DESCRIPTION, event);
     }
@@ -71,7 +80,10 @@ var InviteItem = function InviteItem(_ref) {
     })), (0, _react2.jsx)("div", {
       css: _styles.nameSectionStyle,
       "data-testid": "name-section"
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.mentionMessages.inviteItemTitle, {
+    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, _messages.mentionMessages.inviteItemTitle, {
       values: {
         userRole: userRole || 'basic',
         productName:

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

@@ -97,6 +97,8 @@ var Mention = exports.Mention = function Mention(props) {
   }, []);
   var actionHandlers = {};
   ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     actionHandlers[handler] = eventHandlers && eventHandlers[handler] || function () {};
   });
   if (profilecardProvider) {
@@ -108,6 +110,8 @@ var Mention = exports.Mention = function Mention(props) {
       mentionProvider: mentionProvider,
       profilecardProvider: profilecardProvider,
       localId: localId
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, actionHandlers));
   } else {
     return /*#__PURE__*/_react.default.createElement(_element.ResourcedMention, (0, _extends2.default)({
@@ -116,6 +120,8 @@ var Mention = exports.Mention = function Mention(props) {
       accessLevel: accessLevel,
       mentionProvider: mentionProvider,
       localId: localId
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, actionHandlers));
   }
 };

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

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ToolbarMention = /*#__PURE__*/function (_PureComponent) {
   function ToolbarMention() {
     var _this;

package/dist/cjs/ui/type-ahead/analytics.js

@@ -21,7 +21,10 @@ var extractAttributesFromQuery = function extractAttributesFromQuery(query) {
   }
   return emptyQueryResponse;
 };
-var buildTypeAheadCancelPayload = exports.buildTypeAheadCancelPayload = function buildTypeAheadCancelPayload(duration, upKeyCount, downKeyCount, sessionId, query) {
+var buildTypeAheadCancelPayload = exports.buildTypeAheadCancelPayload = function buildTypeAheadCancelPayload(duration, upKeyCount, downKeyCount, sessionId, query
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   var _extractAttributesFro = extractAttributesFromQuery(query),
     queryLength = _extractAttributesFro.queryLength,
     spaceInQuery = _extractAttributesFro.spaceInQuery;
@@ -71,7 +74,10 @@ var buildTypeAheadInviteItemViewedPayload = exports.buildTypeAheadInviteItemView
     }
   };
 };
-var buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInviteItemClickedPayload = function buildTypeAheadInviteItemClickedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, query, contextIdentifierProvider, userRole) {
+var buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInviteItemClickedPayload = function buildTypeAheadInviteItemClickedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, query, contextIdentifierProvider, userRole
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   var _extractAttributesFro2 = extractAttributesFromQuery(query),
     queryLength = _extractAttributesFro2.queryLength,
     spaceInQuery = _extractAttributesFro2.spaceInQuery;
@@ -99,7 +105,10 @@ var buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInviteItemCli
     }
   };
 };
-var buildTypeAheadInsertedPayload = exports.buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionLocalId, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) {
+var buildTypeAheadInsertedPayload = exports.buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionLocalId, mentionList, query, contextIdentifierProvider, taskListId, taskItemId
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   var _extractAttributesFro3 = extractAttributesFromQuery(query),
     queryLength = _extractAttributesFro3.queryLength,
     spaceInQuery = _extractAttributesFro3.spaceInQuery;
@@ -140,7 +149,10 @@ var buildTypeAheadInsertedPayload = exports.buildTypeAheadInsertedPayload = func
     }
   };
 };
-var buildTypeAheadRenderedPayload = exports.buildTypeAheadRenderedPayload = function buildTypeAheadRenderedPayload(duration, userIds, query, teams) {
+var buildTypeAheadRenderedPayload = exports.buildTypeAheadRenderedPayload = function buildTypeAheadRenderedPayload(duration, userIds, query, teams
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   var _extractAttributesFro4 = extractAttributesFromQuery(query),
     queryLength = _extractAttributesFro4.queryLength,
     spaceInQuery = _extractAttributesFro4.spaceInQuery;

package/dist/cjs/ui/type-ahead/index.js

@@ -133,7 +133,11 @@ var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAh
       teams = mentions.map(function (mention) {
         return (0, _utils4.isTeamType)(mention.userType) ? {
           teamId: mention.id,
+          // Ignored via go/ees005
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           includesYou: mention.context.includesYou,
+          // Ignored via go/ees005
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           memberCount: mention.context.memberCount
         } : null;
       }).filter(function (m) {
@@ -149,7 +153,10 @@ var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAh
  * When a team mention is selected, we render a team link and list of member/user mentions
  * in editor content
  */
-var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selectedMention, mentionProvider, sanitizePrivateContent) {
+var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selectedMention, mentionProvider, sanitizePrivateContent
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   var nodes = schema.nodes,
     marks = schema.marks;
   var name = selectedMention.name,
@@ -162,7 +169,10 @@ var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selecte
   var teamLink = context && context.teamLink ? context.teamLink : defaultTeamLink;
   var teamLinkNode = (0, _platformFeatureFlags.fg)('team-mention-inline-smartlink') ? schema.nodes.inlineCard.create({
     url: teamLink
-  }) : schema.text(name, [marks.link.create({
+  }) :
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  schema.text(name, [marks.link.create({
     href: teamLink
   })]);
   var openBracketText = schema.text('(');
@@ -273,6 +283,8 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     onOpen: function onOpen() {
       firstQueryWithoutResults = null;
     },
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/max-params
     selectItem: function selectItem(state, item, insert, _ref9) {
       var _api$contextIdentifie3, _api$contextIdentifie4;
       var mode = _ref9.mode,
@@ -287,7 +299,8 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
         name = _item$mention.name,
         nickname = _item$mention.nickname,
         accessLevel = _item$mention.accessLevel,
-        userType = _item$mention.userType;
+        userType = _item$mention.userType,
+        isXProductUser = _item$mention.isXProductUser;
       var trimmedNickname = nickname && nickname.startsWith('@') ? nickname.slice(1) : nickname;
       var renderName = mentionInsertDisplayName || !trimmedNickname ? name : trimmedNickname;
       var _ref10 = (_api$contextIdentifie3 = api === null || api === void 0 || (_api$contextIdentifie4 = api.contextIdentifier) === null || _api$contextIdentifie4 === void 0 ? void 0 : _api$contextIdentifie4.sharedState.currentState()) !== null && _api$contextIdentifie3 !== void 0 ? _api$contextIdentifie3 : {},
@@ -344,6 +357,9 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
       if (mentionProvider && (0, _utils4.isTeamType)(userType)) {
         return insert(buildNodesForTeamMention(schema, item.mention, mentionProvider, sanitizePrivateContent));
       }
+      if (isXProductUser && mentionProvider && mentionProvider.inviteXProductUser) {
+        mentionProvider.inviteXProductUser(id);
+      }
 
       // Don't insert into document if document data is sanitized.
       var text = sanitizePrivateContent ? '' : "@".concat(renderName);

package/dist/cjs/ui/type-ahead/utils.js

@@ -5,9 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldKeepInviteItem = exports.isTeamType = exports.isTeamStats = exports.isInviteItem = void 0;
 var _InviteItem = require("../InviteItem");
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var isTeamType = exports.isTeamType = function isTeamType(userType) {
   return userType === 'TEAM';
 };
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var isTeamStats = exports.isTeamStats = function isTeamStats(stat) {
   return stat && !isNaN(stat.teamMentionDuration);
 };
@@ -27,6 +32,8 @@ var shouldKeepInviteItem = exports.shouldKeepInviteItem = function shouldKeepInv
   if (query[lastIndexWithResults - 1] === ' ') {
     suffix = ' ' + suffix;
   }
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
   var depletedExtraWords = /\s[^\s]+\s/.test(suffix);
   return !depletedExtraWords;
 };

package/dist/es2019/mentionsPlugin.js

@@ -4,15 +4,17 @@ import { mention } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconMention } from '@atlaskit/editor-common/quick-insert';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { mentionPluginKey } from './pm-plugins/key';
-import { createMentionPlugin } from './pm-plugins/main';
+import { ACTIONS, createMentionPlugin } from './pm-plugins/main';
 import { SecondaryToolbarComponent } from './ui/SecondaryToolbarComponent';
 import { createTypeAheadConfig } from './ui/type-ahead';
 const mentionsPlugin = ({
   config: options,
   api
 }) => {
-  let sessionId = uuid();
+  const sessionId = uuid();
+  let previousMediaProvider;
   const fireEvent = (payload, channel) => {
     var _api$analytics, _api$analytics$action;
     const fireAnalyticsEvent = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent;
@@ -43,7 +45,12 @@ const mentionsPlugin = ({
     pmPlugins() {
       return [{
         name: 'mention',
-        plugin: pmPluginFactoryParams => createMentionPlugin(pmPluginFactoryParams, fireEvent, options)
+        plugin: pmPluginFactoryParams => createMentionPlugin({
+          pmPluginFactoryParams,
+          fireEvent,
+          options,
+          api
+        })
       }];
     },
     secondaryToolbarComponent({
@@ -69,6 +76,26 @@ const mentionsPlugin = ({
         if (options !== null && options !== void 0 && options.handleMentionsChanged) {
           options.handleMentionsChanged(mentionChanges);
         }
+      },
+      setProvider: async providerPromise => {
+        var _api$core$actions$exe;
+        if (!fg('platform_editor_mention_provider_via_plugin_config')) {
+          return false;
+        }
+        const provider = await providerPromise;
+        // Prevent someone trying to set the exact same provider twice for performance reasons
+        if (previousMediaProvider === provider) {
+          return false;
+        }
+        previousMediaProvider = provider;
+        return (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          tr
+        }) => tr.setMeta(mentionPluginKey, {
+          action: ACTIONS.SET_PROVIDER,
+          params: {
+            provider
+          }
+        }))) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false;
       }
     },
     getSharedState(editorState) {

package/dist/es2019/nodeviews/mention.js

@@ -1,9 +1,11 @@
 import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { Mention } from '../ui/Mention';
 export const MentionNodeView = props => {
   const {
-    providerFactory
+    providerFactory,
+    pluginInjectionApi
   } = props;
   const {
     id,
@@ -11,17 +13,19 @@ export const MentionNodeView = props => {
     accessLevel,
     localId
   } = props.node.attrs;
+  const {
+    mentionState
+  } = useSharedPluginState(pluginInjectionApi, ['mention']);
+  const mentionProvider = mentionState === null || mentionState === void 0 ? void 0 : mentionState.mentionProvider;
   const renderAssistiveTextWithProviders = providers => {
     var _props$options;
-    const {
-      mentionProvider
-    } = providers;
+    const mentionProviderPromise = mentionProvider ? Promise.resolve(mentionProvider) : providers.mentionProvider;
     const profilecardProvider = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.profilecardProvider;
     return /*#__PURE__*/React.createElement(Mention, {
       id: id,
       text: text,
       accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
+      mentionProvider: mentionProviderPromise,
       profilecardProvider: profilecardProvider,
       localId: localId
     });

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

@@ -9,11 +9,11 @@ import { MentionNodeView } from '../nodeviews/mention';
 import { MENTION_PROVIDER_REJECTED, MENTION_PROVIDER_UNDEFINED } from '../types';
 import { mentionPluginKey } from './key';
 import { canMentionBeCreatedInRange } from './utils';
-const ACTIONS = {
+export const ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "2.10.8";
+const PACKAGE_VERSION = "2.11.0";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {
@@ -25,9 +25,17 @@ const setProvider = provider => (state, dispatch) => {
   }
   return true;
 };
-export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
+export function createMentionPlugin({
+  pmPluginFactoryParams,
+  fireEvent,
+  options,
+  api
+}) {
   let mentionProvider;
-  const sendAnalytics = (event, actionSubject, action, attributes) => {
+  const sendAnalytics = (event, actionSubject, action, attributes
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  ) => {
     if (event === SLI_EVENT_TYPE || event === SMART_EVENT_TYPE) {
       fireEvent({
         action: action,
@@ -51,6 +59,8 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
           canInsertMention
         };
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       apply(tr, pluginState, oldState, newState) {
         const {
           action,
@@ -91,6 +101,7 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
           Component: MentionNodeView,
           extraComponentProps: {
             providerFactory: pmPluginFactoryParams.providerFactory,
+            pluginInjectionApi: api,
             options
           }
         })
@@ -135,7 +146,12 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
         }
         return;
       };
-      pmPluginFactoryParams.providerFactory.subscribe('mentionProvider', providerHandler);
+      const providerViaConfig = fg('platform_editor_mention_provider_via_plugin_config');
+      if (providerViaConfig && options !== null && options !== void 0 && options.mentionProvider) {
+        providerHandler('mentionProvider', options === null || options === void 0 ? void 0 : options.mentionProvider);
+      } else {
+        pmPluginFactoryParams.providerFactory.subscribe('mentionProvider', providerHandler);
+      }
       return {
         destroy() {
           if (pmPluginFactoryParams.providerFactory) {