@atlaskit/editor-plugin-mentions 9.1.9 → 9.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-mentions
 
+## 9.2.0
+
+### Minor Changes
+
+- [`24eaee764c0df`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/24eaee764c0df) -
+  [ux] Inline invites for mentions in editor.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.1.9
 
 ### Patch Changes

package/dist/cjs/mentionsPlugin.js

@@ -23,6 +23,7 @@ var _editorCommands = require("./editor-commands");
 var _mentionNodeSpec = require("./nodeviews/mentionNodeSpec");
 var _key = require("./pm-plugins/key");
 var _main = require("./pm-plugins/main");
+var _InlineInviteRecaptchaContainer = require("./ui/InlineInviteRecaptchaContainer");
 var _SecondaryToolbarComponent = require("./ui/SecondaryToolbarComponent");
 var _typeAhead = require("./ui/type-ahead");
 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); }
@@ -137,10 +138,13 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref5) {
           var mentionProvider = _ref5.mentionProvider;
-          return /*#__PURE__*/_react.default.createElement(Component, {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, {
             mentionProvider: mentionProvider,
             api: api
-          });
+          }), (0, _platformFeatureFlags.fg)('jira_invites_auto_tag_new_user_in_mentions_fg') && /*#__PURE__*/_react.default.createElement(_InlineInviteRecaptchaContainer.InlineInviteRecaptchaContainer, {
+            mentionProvider: mentionProvider,
+            api: api
+          }));
         }
       });
     },

package/dist/cjs/ui/InlineInviteRecaptchaContainer.js

@@ -0,0 +1,82 @@
+/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineInviteRecaptchaContainer = void 0;
+var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _analytics = require("../ui/type-ahead/analytics");
+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); }
+/**
+ * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
+ * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
+ * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
+ * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
+ */
+var InlineInviteRecaptchaContainer = exports.InlineInviteRecaptchaContainer = function InlineInviteRecaptchaContainer(_ref) {
+  var _api$mention2, _api$core2;
+  var mentionProvider = _ref.mentionProvider,
+    api = _ref.api;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    provider = _useState2[0],
+    setProvider = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (!mentionProvider) {
+      return;
+    }
+    var isMounted = true;
+    mentionProvider.then(function (resolvedProvider) {
+      if (!isMounted) {
+        return;
+      }
+      setProvider(resolvedProvider);
+    }).catch(function () {
+      // Silently handle promise rejection
+    });
+    return function () {
+      isMounted = false;
+      setProvider(null);
+    };
+  }, [mentionProvider]);
+  var handleSuccess = (0, _react.useCallback)(function (userId, email) {
+    var _api$mention, _api$core;
+    if (!(api !== null && api !== void 0 && (_api$mention = api.mention) !== null && _api$mention !== void 0 && (_api$mention = _api$mention.commands) !== null && _api$mention !== void 0 && _api$mention.insertMention) || !(api !== null && api !== void 0 && (_api$core = api.core) !== null && _api$core !== void 0 && (_api$core = _api$core.actions) !== null && _api$core !== void 0 && _api$core.execute)) {
+      return;
+    }
+    var name = email.split('@')[0] || email;
+    api.core.actions.execute(api.mention.commands.insertMention({
+      id: userId,
+      name: name,
+      userType: 'DEFAULT',
+      accessLevel: 'CONTAINER'
+    }));
+  }, [api]);
+  var handleClose = (0, _react.useCallback)(function () {
+    // No-op: recaptcha state is managed by the hook-based component
+  }, []);
+  var handleReady = (0, _react.useCallback)(function (showRecaptcha) {
+    if (provider) {
+      if (showRecaptcha) {
+        provider.showInlineInviteRecaptcha = showRecaptcha;
+      } else {
+        delete provider.showInlineInviteRecaptcha;
+      }
+    }
+  }, [provider]);
+  if (!(provider !== null && provider !== void 0 && provider.InlineInviteRecaptcha) || !(api !== null && api !== void 0 && (_api$mention2 = api.mention) !== null && _api$mention2 !== void 0 && (_api$mention2 = _api$mention2.commands) !== null && _api$mention2 !== void 0 && _api$mention2.insertMention) || !(api !== null && api !== void 0 && (_api$core2 = api.core) !== null && _api$core2 !== void 0 && (_api$core2 = _api$core2.actions) !== null && _api$core2 !== void 0 && _api$core2.execute)) {
+    return null;
+  }
+  var RecaptchaComponent = provider.InlineInviteRecaptcha;
+  return /*#__PURE__*/_react.default.createElement(RecaptchaComponent, {
+    analyticsSource: _analytics.MENTION_SOURCE,
+    onSuccess: handleSuccess,
+    onClose: handleClose,
+    onReady: handleReady
+  });
+};

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

@@ -166,7 +166,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
     };
   }, [query, isEmailValid]);
   var displayName = query && emailDomain ? possibleEmail : undefined;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return displayName && /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     tabIndex: 0,
     onMouseDown: onSelected,
@@ -191,19 +191,8 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "name-section",
     className: (0, _runtime.ax)([style.nameSection])
-  }, displayName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, displayName), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, displayName), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([style.byline])
-  }, getByline())) : /*#__PURE__*/_react.default.createElement(_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: /*#__PURE__*/_react.default.createElement("span", {
-        "data-testid": "capitalized-message",
-        className: (0, _runtime.ax)([style.capitalize])
-      }, productName)
-    }
-  })))));
+  }, getByline())))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(InviteItemWithEmailDomain);

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buildTypeAheadRenderedPayload = exports.buildTypeAheadInviteItemViewedPayload = exports.buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInsertedPayload = exports.buildTypeAheadCancelPayload = void 0;
+exports.buildTypeAheadRenderedPayload = exports.buildTypeAheadInviteItemViewedPayload = exports.buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInsertedPayload = exports.buildTypeAheadCancelPayload = exports.MENTION_SOURCE = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _resource = require("@atlaskit/mention/resource");
 var _utils = require("./utils");
 var componentName = 'mention';
-var source = 'mentionInEditor';
+var MENTION_SOURCE = exports.MENTION_SOURCE = 'mentionInEditor';
 var emptyQueryResponse = {
   queryLength: 0,
   spaceInQuery: false
@@ -69,7 +69,7 @@ var buildTypeAheadInviteItemViewedPayload = exports.buildTypeAheadInviteItemView
       childObjectId: childObjectId,
       userRole: userRole,
       sessionId: sessionId,
-      source: source
+      source: MENTION_SOURCE
     }
   };
 };

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

@@ -343,8 +343,22 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
       if (mentionProvider && mentionProvider.shouldEnableInvite && (0, _utils3.isInviteItem)(item.mention)) {
         // Don't fire event and the callback with selection by space press
         if (mode !== 'space') {
+          var _mentionProvider$getS2;
           fireEvent((0, _analytics.buildTypeAheadInviteItemClickedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole));
-          if (mentionProvider.onInviteItemClick) {
+          if ((_mentionProvider$getS2 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS2 !== void 0 && _mentionProvider$getS2.call(mentionProvider) && (0, _platformFeatureFlags.fg)('jira_invites_auto_tag_new_user_in_mentions_fg')) {
+            // Get the email from query, using the same logic as InviteItemWithEmailDomain
+            var emailDomain = mentionProvider.userEmailDomain;
+            var email = query || '';
+            // If query doesn't include @ and we have an email domain, append it
+            if (email && !email.includes('@') && emailDomain) {
+              email = "".concat(email.toLowerCase(), "@").concat(emailDomain);
+            }
+            // If query already includes @, use it as is
+            if (email && mentionProvider.showInlineInviteRecaptcha) {
+              mentionProvider.showInlineInviteRecaptcha(email);
+            }
+          } else if (mentionProvider.onInviteItemClick) {
+            // Fallback to old behavior for backward compatibility
             mentionProvider.onInviteItemClick('mention');
           }
         }

package/dist/es2019/mentionsPlugin.js

@@ -13,6 +13,7 @@ import { insertMention } from './editor-commands';
 import { mentionNodeSpec } from './nodeviews/mentionNodeSpec';
 import { mentionPluginKey } from './pm-plugins/key';
 import { ACTIONS, createMentionPlugin } from './pm-plugins/main';
+import { InlineInviteRecaptchaContainer } from './ui/InlineInviteRecaptchaContainer';
 import { SecondaryToolbarComponent } from './ui/SecondaryToolbarComponent';
 import { createTypeAheadConfig } from './ui/type-ahead';
 const processName = (name, intl) => {
@@ -135,10 +136,13 @@ const mentionsPlugin = ({
         renderNode: ({
           mentionProvider
         }) => {
-          return /*#__PURE__*/React.createElement(Component, {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, {
             mentionProvider: mentionProvider,
             api: api
-          });
+          }), fg('jira_invites_auto_tag_new_user_in_mentions_fg') && /*#__PURE__*/React.createElement(InlineInviteRecaptchaContainer, {
+            mentionProvider: mentionProvider,
+            api: api
+          }));
         }
       });
     },

package/dist/es2019/ui/InlineInviteRecaptchaContainer.js

@@ -0,0 +1,70 @@
+/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { MENTION_SOURCE } from '../ui/type-ahead/analytics';
+/**
+ * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
+ * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
+ * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
+ * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
+ */
+export const InlineInviteRecaptchaContainer = ({
+  mentionProvider,
+  api
+}) => {
+  var _api$mention2, _api$mention2$command, _api$core2, _api$core2$actions;
+  const [provider, setProvider] = useState(null);
+  useEffect(() => {
+    if (!mentionProvider) {
+      return;
+    }
+    let isMounted = true;
+    mentionProvider.then(resolvedProvider => {
+      if (!isMounted) {
+        return;
+      }
+      setProvider(resolvedProvider);
+    }).catch(() => {
+      // Silently handle promise rejection
+    });
+    return () => {
+      isMounted = false;
+      setProvider(null);
+    };
+  }, [mentionProvider]);
+  const handleSuccess = useCallback((userId, email) => {
+    var _api$mention, _api$mention$commands, _api$core, _api$core$actions;
+    if (!(api !== null && api !== void 0 && (_api$mention = api.mention) !== null && _api$mention !== void 0 && (_api$mention$commands = _api$mention.commands) !== null && _api$mention$commands !== void 0 && _api$mention$commands.insertMention) || !(api !== null && api !== void 0 && (_api$core = api.core) !== null && _api$core !== void 0 && (_api$core$actions = _api$core.actions) !== null && _api$core$actions !== void 0 && _api$core$actions.execute)) {
+      return;
+    }
+    const name = email.split('@')[0] || email;
+    api.core.actions.execute(api.mention.commands.insertMention({
+      id: userId,
+      name,
+      userType: 'DEFAULT',
+      accessLevel: 'CONTAINER'
+    }));
+  }, [api]);
+  const handleClose = useCallback(() => {
+    // No-op: recaptcha state is managed by the hook-based component
+  }, []);
+  const handleReady = useCallback(showRecaptcha => {
+    if (provider) {
+      if (showRecaptcha) {
+        provider.showInlineInviteRecaptcha = showRecaptcha;
+      } else {
+        delete provider.showInlineInviteRecaptcha;
+      }
+    }
+  }, [provider]);
+  if (!(provider !== null && provider !== void 0 && provider.InlineInviteRecaptcha) || !(api !== null && api !== void 0 && (_api$mention2 = api.mention) !== null && _api$mention2 !== void 0 && (_api$mention2$command = _api$mention2.commands) !== null && _api$mention2$command !== void 0 && _api$mention2$command.insertMention) || !(api !== null && api !== void 0 && (_api$core2 = api.core) !== null && _api$core2 !== void 0 && (_api$core2$actions = _api$core2.actions) !== null && _api$core2$actions !== void 0 && _api$core2$actions.execute)) {
+    return null;
+  }
+  const RecaptchaComponent = provider.InlineInviteRecaptcha;
+  return /*#__PURE__*/React.createElement(RecaptchaComponent, {
+    analyticsSource: MENTION_SOURCE,
+    onSuccess: handleSuccess,
+    onClose: handleClose,
+    onReady: handleReady
+  });
+};

package/dist/es2019/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -153,7 +153,7 @@ const InviteItemWithEmailDomain = ({
     };
   }, [query, isEmailValid]);
   const displayName = query && emailDomain ? possibleEmail : undefined;
-  return /*#__PURE__*/React.createElement("div", {
+  return displayName && /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: 0,
     onMouseDown: onSelected,
@@ -175,19 +175,8 @@ const InviteItemWithEmailDomain = ({
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "name-section",
     className: ax([style.nameSection])
-  }, displayName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, displayName), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, displayName), /*#__PURE__*/React.createElement("div", {
     className: ax([style.byline])
-  }, getByline())) : /*#__PURE__*/React.createElement(FormattedMessage
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, messages.inviteItemTitle, {
-    values: {
-      userRole: userRole || 'basic',
-      productName: /*#__PURE__*/React.createElement("span", {
-        "data-testid": "capitalized-message",
-        className: ax([style.capitalize])
-      }, productName)
-    }
-  })))));
+  }, getByline())))));
 };
 export default injectIntl(InviteItemWithEmailDomain);

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

@@ -2,7 +2,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { isSpecialMention } from '@atlaskit/mention/resource';
 import { isTeamType } from './utils';
 const componentName = 'mention';
-const source = 'mentionInEditor';
+export const MENTION_SOURCE = 'mentionInEditor';
 const emptyQueryResponse = {
   queryLength: 0,
   spaceInQuery: false
@@ -61,7 +61,7 @@ export const buildTypeAheadInviteItemViewedPayload = (sessionId, contextIdentifi
       childObjectId,
       userRole,
       sessionId,
-      source
+      source: MENTION_SOURCE
     }
   };
 };

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

@@ -332,8 +332,22 @@ export const createTypeAheadConfig = ({
       if (mentionProvider && mentionProvider.shouldEnableInvite && isInviteItem(item.mention)) {
         // Don't fire event and the callback with selection by space press
         if (mode !== 'space') {
+          var _mentionProvider$getS2;
           fireEvent(buildTypeAheadInviteItemClickedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole));
-          if (mentionProvider.onInviteItemClick) {
+          if ((_mentionProvider$getS2 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS2 !== void 0 && _mentionProvider$getS2.call(mentionProvider) && fg('jira_invites_auto_tag_new_user_in_mentions_fg')) {
+            // Get the email from query, using the same logic as InviteItemWithEmailDomain
+            const emailDomain = mentionProvider.userEmailDomain;
+            let email = query || '';
+            // If query doesn't include @ and we have an email domain, append it
+            if (email && !email.includes('@') && emailDomain) {
+              email = `${email.toLowerCase()}@${emailDomain}`;
+            }
+            // If query already includes @, use it as is
+            if (email && mentionProvider.showInlineInviteRecaptcha) {
+              mentionProvider.showInlineInviteRecaptcha(email);
+            }
+          } else if (mentionProvider.onInviteItemClick) {
+            // Fallback to old behavior for backward compatibility
             mentionProvider.onInviteItemClick('mention');
           }
         }

package/dist/esm/mentionsPlugin.js

@@ -18,6 +18,7 @@ import { insertMention } from './editor-commands';
 import { mentionNodeSpec } from './nodeviews/mentionNodeSpec';
 import { mentionPluginKey } from './pm-plugins/key';
 import { ACTIONS, createMentionPlugin } from './pm-plugins/main';
+import { InlineInviteRecaptchaContainer } from './ui/InlineInviteRecaptchaContainer';
 import { SecondaryToolbarComponent } from './ui/SecondaryToolbarComponent';
 import { createTypeAheadConfig } from './ui/type-ahead';
 var processName = function processName(name, intl) {
@@ -129,10 +130,13 @@ var mentionsPlugin = function mentionsPlugin(_ref3) {
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref5) {
           var mentionProvider = _ref5.mentionProvider;
-          return /*#__PURE__*/React.createElement(Component, {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, {
             mentionProvider: mentionProvider,
             api: api
-          });
+          }), fg('jira_invites_auto_tag_new_user_in_mentions_fg') && /*#__PURE__*/React.createElement(InlineInviteRecaptchaContainer, {
+            mentionProvider: mentionProvider,
+            api: api
+          }));
         }
       });
     },

package/dist/esm/ui/InlineInviteRecaptchaContainer.js

@@ -0,0 +1,73 @@
+/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { MENTION_SOURCE } from '../ui/type-ahead/analytics';
+/**
+ * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
+ * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
+ * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
+ * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
+ */
+export var InlineInviteRecaptchaContainer = function InlineInviteRecaptchaContainer(_ref) {
+  var _api$mention2, _api$core2;
+  var mentionProvider = _ref.mentionProvider,
+    api = _ref.api;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    provider = _useState2[0],
+    setProvider = _useState2[1];
+  useEffect(function () {
+    if (!mentionProvider) {
+      return;
+    }
+    var isMounted = true;
+    mentionProvider.then(function (resolvedProvider) {
+      if (!isMounted) {
+        return;
+      }
+      setProvider(resolvedProvider);
+    }).catch(function () {
+      // Silently handle promise rejection
+    });
+    return function () {
+      isMounted = false;
+      setProvider(null);
+    };
+  }, [mentionProvider]);
+  var handleSuccess = useCallback(function (userId, email) {
+    var _api$mention, _api$core;
+    if (!(api !== null && api !== void 0 && (_api$mention = api.mention) !== null && _api$mention !== void 0 && (_api$mention = _api$mention.commands) !== null && _api$mention !== void 0 && _api$mention.insertMention) || !(api !== null && api !== void 0 && (_api$core = api.core) !== null && _api$core !== void 0 && (_api$core = _api$core.actions) !== null && _api$core !== void 0 && _api$core.execute)) {
+      return;
+    }
+    var name = email.split('@')[0] || email;
+    api.core.actions.execute(api.mention.commands.insertMention({
+      id: userId,
+      name: name,
+      userType: 'DEFAULT',
+      accessLevel: 'CONTAINER'
+    }));
+  }, [api]);
+  var handleClose = useCallback(function () {
+    // No-op: recaptcha state is managed by the hook-based component
+  }, []);
+  var handleReady = useCallback(function (showRecaptcha) {
+    if (provider) {
+      if (showRecaptcha) {
+        provider.showInlineInviteRecaptcha = showRecaptcha;
+      } else {
+        delete provider.showInlineInviteRecaptcha;
+      }
+    }
+  }, [provider]);
+  if (!(provider !== null && provider !== void 0 && provider.InlineInviteRecaptcha) || !(api !== null && api !== void 0 && (_api$mention2 = api.mention) !== null && _api$mention2 !== void 0 && (_api$mention2 = _api$mention2.commands) !== null && _api$mention2 !== void 0 && _api$mention2.insertMention) || !(api !== null && api !== void 0 && (_api$core2 = api.core) !== null && _api$core2 !== void 0 && (_api$core2 = _api$core2.actions) !== null && _api$core2 !== void 0 && _api$core2.execute)) {
+    return null;
+  }
+  var RecaptchaComponent = provider.InlineInviteRecaptcha;
+  return /*#__PURE__*/React.createElement(RecaptchaComponent, {
+    analyticsSource: MENTION_SOURCE,
+    onSuccess: handleSuccess,
+    onClose: handleClose,
+    onReady: handleReady
+  });
+};

package/dist/esm/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -157,7 +157,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
     };
   }, [query, isEmailValid]);
   var displayName = query && emailDomain ? possibleEmail : undefined;
-  return /*#__PURE__*/React.createElement("div", {
+  return displayName && /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: 0,
     onMouseDown: onSelected,
@@ -182,19 +182,8 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "name-section",
     className: ax([style.nameSection])
-  }, displayName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, displayName), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, displayName), /*#__PURE__*/React.createElement("div", {
     className: ax([style.byline])
-  }, getByline())) : /*#__PURE__*/React.createElement(FormattedMessage
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, messages.inviteItemTitle, {
-    values: {
-      userRole: userRole || 'basic',
-      productName: /*#__PURE__*/React.createElement("span", {
-        "data-testid": "capitalized-message",
-        className: ax([style.capitalize])
-      }, productName)
-    }
-  })))));
+  }, getByline())))));
 };
 export default injectIntl(InviteItemWithEmailDomain);

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

@@ -2,7 +2,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { isSpecialMention } from '@atlaskit/mention/resource';
 import { isTeamType } from './utils';
 var componentName = 'mention';
-var source = 'mentionInEditor';
+export var MENTION_SOURCE = 'mentionInEditor';
 var emptyQueryResponse = {
   queryLength: 0,
   spaceInQuery: false
@@ -63,7 +63,7 @@ export var buildTypeAheadInviteItemViewedPayload = function buildTypeAheadInvite
       childObjectId: childObjectId,
       userRole: userRole,
       sessionId: sessionId,
-      source: source
+      source: MENTION_SOURCE
     }
   };
 };

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

@@ -334,8 +334,22 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
       if (mentionProvider && mentionProvider.shouldEnableInvite && isInviteItem(item.mention)) {
         // Don't fire event and the callback with selection by space press
         if (mode !== 'space') {
+          var _mentionProvider$getS2;
           fireEvent(buildTypeAheadInviteItemClickedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole));
-          if (mentionProvider.onInviteItemClick) {
+          if ((_mentionProvider$getS2 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS2 !== void 0 && _mentionProvider$getS2.call(mentionProvider) && fg('jira_invites_auto_tag_new_user_in_mentions_fg')) {
+            // Get the email from query, using the same logic as InviteItemWithEmailDomain
+            var emailDomain = mentionProvider.userEmailDomain;
+            var email = query || '';
+            // If query doesn't include @ and we have an email domain, append it
+            if (email && !email.includes('@') && emailDomain) {
+              email = "".concat(email.toLowerCase(), "@").concat(emailDomain);
+            }
+            // If query already includes @, use it as is
+            if (email && mentionProvider.showInlineInviteRecaptcha) {
+              mentionProvider.showInlineInviteRecaptcha(email);
+            }
+          } else if (mentionProvider.onInviteItemClick) {
+            // Fallback to old behavior for backward compatibility
             mentionProvider.onInviteItemClick('mention');
           }
         }

package/dist/types/ui/InlineInviteRecaptchaContainer.d.ts

@@ -0,0 +1,15 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MentionProvider } from '@atlaskit/mention/resource';
+import type { MentionsPlugin } from '../mentionsPluginType';
+interface Props {
+    api: ExtractInjectionAPI<MentionsPlugin> | undefined;
+    mentionProvider: Promise<MentionProvider> | undefined;
+}
+/**
+ * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
+ * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
+ * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
+ * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
+ */
+export declare const InlineInviteRecaptchaContainer: ({ mentionProvider, api, }: Props) => JSX.Element | null;
+export {};

package/dist/types/ui/type-ahead/analytics.d.ts

@@ -4,6 +4,7 @@ import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { UserRole } from '@atlaskit/mention';
 import type { MentionDescription } from '@atlaskit/mention/resource';
 import type { TeamInfoAttrAnalytics } from '../../types';
+export declare const MENTION_SOURCE = "mentionInEditor";
 export declare const buildTypeAheadCancelPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, query?: string) => AnalyticsEventPayload;
 export declare const buildTypeAheadInviteItemViewedPayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => AnalyticsEventPayload;
 export declare const buildTypeAheadInviteItemClickedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, query?: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => AnalyticsEventPayload;

package/dist/types-ts4.5/ui/InlineInviteRecaptchaContainer.d.ts

@@ -0,0 +1,15 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MentionProvider } from '@atlaskit/mention/resource';
+import type { MentionsPlugin } from '../mentionsPluginType';
+interface Props {
+    api: ExtractInjectionAPI<MentionsPlugin> | undefined;
+    mentionProvider: Promise<MentionProvider> | undefined;
+}
+/**
+ * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
+ * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
+ * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
+ * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
+ */
+export declare const InlineInviteRecaptchaContainer: ({ mentionProvider, api, }: Props) => JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/type-ahead/analytics.d.ts

@@ -4,6 +4,7 @@ import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { UserRole } from '@atlaskit/mention';
 import type { MentionDescription } from '@atlaskit/mention/resource';
 import type { TeamInfoAttrAnalytics } from '../../types';
+export declare const MENTION_SOURCE = "mentionInEditor";
 export declare const buildTypeAheadCancelPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, query?: string) => AnalyticsEventPayload;
 export declare const buildTypeAheadInviteItemViewedPayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => AnalyticsEventPayload;
 export declare const buildTypeAheadInviteItemClickedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, query?: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => AnalyticsEventPayload;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "9.1.9",
+	"version": "9.2.0",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -45,9 +45,9 @@
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/portal": "^5.2.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/profilecard": "^24.34.0",
+		"@atlaskit/profilecard": "^24.35.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^22.0.0",
+		"@atlaskit/tmp-editor-statsig": "^22.3.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/user-picker": "^11.21.0",
 		"@babel/runtime": "^7.0.0",