@atlaskit/editor-plugin-mentions 15.1.1 → 15.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-mentions
 
+## 15.2.0
+
+### Minor Changes
+
+- [`0adaa36b0a6bc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0adaa36b0a6bc) -
+  Add InlineInvitePopup provider hook, replacing InlineInviteRecaptcha slot
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.1.1
 
 ### Patch Changes

package/dist/cjs/mentionsPlugin.js

@@ -27,8 +27,7 @@ var _mentionNodeSpec = require("./nodeviews/mentionNodeSpec");
 var _agent = require("./pm-plugins/agent");
 var _key = require("./pm-plugins/key");
 var _main = require("./pm-plugins/main");
-var _mentionPlaceholder = require("./pm-plugins/mentionPlaceholder");
-var _InlineInviteRecaptchaContainer = require("./ui/InlineInviteRecaptchaContainer");
+var _InlineInvitePopupContainer = require("./ui/InlineInvitePopupContainer");
 var _SecondaryToolbarComponent = require("./ui/SecondaryToolbarComponent");
 var _typeAhead = require("./ui/type-ahead");
 var _excluded2 = ["pendingPastedAgentMention"]; // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -145,14 +144,6 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
           }
         });
       }
-      if ((0, _platformFeatureFlags.fg)('jira_invites_auto_tag_new_user_in_mentions_fg')) {
-        plugins.push({
-          name: 'mentionPlaceholder',
-          plugin: function plugin() {
-            return (0, _mentionPlaceholder.createMentionPlaceholderPlugin)();
-          }
-        });
-      }
       return plugins;
     },
     contentComponent: function contentComponent(_ref4) {
@@ -173,9 +164,10 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
           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, {
+          }), (0, _platformFeatureFlags.fg)('inline_invite_from_mentions_kill_switch') && /*#__PURE__*/_react.default.createElement(_InlineInvitePopupContainer.InlineInvitePopupContainer, {
             mentionProvider: mentionProvider,
-            api: api
+            api: api,
+            editorView: editorView
           }));
         }
       });

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

@@ -67,7 +67,7 @@ var AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 var AGENT_MENTION_INACTIVITY_MS = 3000;
 var MAX_PENDING_TYPED_AGENT_MENTION_FOCUS_DEFERS = 20;
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "15.1.0";
+var PACKAGE_VERSION = "15.1.1";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/ui/InlineInvitePopupContainer.js

@@ -0,0 +1,148 @@
+/* InlineInvitePopupContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineInvitePopupContainer = void 0;
+var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var findMentionRange = function findMentionRange(doc, localId) {
+  var range = null;
+  doc.descendants(function (node, pos) {
+    if (range) {
+      return false;
+    }
+    if (node.type.name === 'mention' && node.attrs.localId === localId) {
+      range = {
+        from: pos,
+        to: pos + node.nodeSize
+      };
+      return false;
+    }
+    return true;
+  });
+  return range;
+};
+var InlineInvitePopupContainer = exports.InlineInvitePopupContainer = function InlineInvitePopupContainer(_ref) {
+  var _api$mention2, _api$core3;
+  var mentionProvider = _ref.mentionProvider,
+    api = _ref.api,
+    editorView = _ref.editorView;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    provider = _useState2[0],
+    setProvider = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    anchorElement = _useState4[0],
+    setAnchorElement = _useState4[1];
+  var pendingMentionRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!mentionProvider) {
+      return;
+    }
+    var isMounted = true;
+    mentionProvider.then(function (resolvedProvider) {
+      var _providerWithPopup$ge;
+      if (!isMounted) {
+        return;
+      }
+      var providerWithPopup = resolvedProvider;
+      var originalGetMentionDisabledState = (_providerWithPopup$ge = providerWithPopup.getMentionDisabledState) === null || _providerWithPopup$ge === void 0 ? void 0 : _providerWithPopup$ge.bind(providerWithPopup);
+      providerWithPopup.getMentionDisabledState = function (mention) {
+        var _pendingMentionRef$cu;
+        if (((_pendingMentionRef$cu = pendingMentionRef.current) === null || _pendingMentionRef$cu === void 0 ? void 0 : _pendingMentionRef$cu.localId) === mention.id) {
+          return {
+            disabled: true
+          };
+        }
+        return originalGetMentionDisabledState === null || originalGetMentionDisabledState === void 0 ? void 0 : originalGetMentionDisabledState(mention);
+      };
+      setProvider(providerWithPopup);
+    }).catch(function () {});
+    return function () {
+      isMounted = false;
+      setProvider(null);
+    };
+  }, [mentionProvider]);
+  var removePendingMention = (0, _react.useCallback)(function () {
+    var _api$core;
+    var pending = pendingMentionRef.current;
+    if (pending && 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) {
+      api.core.actions.execute(function (_ref2) {
+        var tr = _ref2.tr;
+        var range = findMentionRange(tr.doc, pending.localId);
+        return range ? tr.delete(range.from, range.to) : null;
+      });
+    }
+    pendingMentionRef.current = null;
+    setAnchorElement(null);
+  }, [api]);
+  var handleDismiss = (0, _react.useCallback)(function () {
+    removePendingMention();
+  }, [removePendingMention]);
+  var handleInviteComplete = (0, _react.useCallback)(function (result) {
+    var _result$invited$, _api$core2, _api$mention;
+    var pending = pendingMentionRef.current;
+    if (!pending) {
+      return;
+    }
+    var invitedUser = (_result$invited$ = result.invited[0]) !== null && _result$invited$ !== void 0 ? _result$invited$ : result.requested[0];
+    if (!invitedUser || !(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) || !(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)) {
+      removePendingMention();
+      return;
+    }
+    var userId = invitedUser.id,
+      email = invitedUser.email;
+    var name = email.split('@')[0] || email;
+    api.core.actions.execute(function (_ref3) {
+      var tr = _ref3.tr;
+      var range = findMentionRange(tr.doc, pending.localId);
+      return range ? tr.delete(range.from, range.to) : null;
+    });
+    api.core.actions.execute(api.mention.commands.insertMention({
+      id: userId,
+      name: name,
+      userType: 'DEFAULT',
+      accessLevel: 'CONTAINER'
+    }));
+    pendingMentionRef.current = null;
+    setAnchorElement(null);
+  }, [api, removePendingMention]);
+  var handleReady = (0, _react.useCallback)(function (show) {
+    if (!provider) {
+      return;
+    }
+    if (show) {
+      provider.showInlineInvitePopup = function (email, localId) {
+        pendingMentionRef.current = {
+          email: email,
+          localId: localId
+        };
+        setTimeout(function () {
+          var range = findMentionRange(editorView.state.doc, localId);
+          var dom = range ? editorView.nodeDOM(range.from) : null;
+          setAnchorElement(dom instanceof HTMLElement ? dom : null);
+          show(email);
+        }, 0);
+      };
+    } else {
+      delete provider.showInlineInvitePopup;
+    }
+  }, [provider, editorView]);
+  if (!(provider !== null && provider !== void 0 && provider.InlineInvitePopup) || !(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$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3 = _api$core3.actions) !== null && _api$core3 !== void 0 && _api$core3.execute)) {
+    return null;
+  }
+  var PopupComponent = provider.InlineInvitePopup;
+  return /*#__PURE__*/_react.default.createElement(PopupComponent, {
+    anchorElement: anchorElement,
+    onInviteComplete: handleInviteComplete,
+    onDismiss: handleDismiss,
+    onReady: handleReady
+  });
+};

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

@@ -26,7 +26,6 @@ var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _editorCommands = require("../../editor-commands");
 var _key = require("../../pm-plugins/key");
 var _main = require("../../pm-plugins/main");
-var _mentionPlaceholder = require("../../pm-plugins/mentionPlaceholder");
 var _utils2 = require("../../pm-plugins/utils");
 var _InviteItem = _interopRequireWildcard(require("../InviteItem"));
 var _InviteItemWithEmailDomain = _interopRequireDefault(require("../InviteItem/InviteItemWithEmailDomain"));
@@ -67,7 +66,7 @@ var createInviteItem = function createInviteItem(_ref) {
       var isSelected = _ref2.isSelected,
         onClick = _ref2.onClick,
         onHover = _ref2.onHover;
-      return emailDomain && (_mentionProvider$getS = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS !== void 0 && _mentionProvider$getS.call(mentionProvider) && (0, _platformFeatureFlags.fg)('jira_invites_auto_tag_new_user_in_mentions_fg') ? /*#__PURE__*/_react.default.createElement(_InviteItemWithEmailDomain.default, {
+      return emailDomain && (_mentionProvider$getS = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS !== void 0 && _mentionProvider$getS.call(mentionProvider) && (0, _platformFeatureFlags.fg)('inline_invite_from_mentions_kill_switch') ? /*#__PURE__*/_react.default.createElement(_InviteItemWithEmailDomain.default, {
         productName: mentionProvider ? mentionProvider.productName : undefined,
         selected: isSelected,
         onMount: onInviteItemMount,
@@ -490,10 +489,10 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
         // Don't fire event and the callback with selection by space press
         if (mode !== 'space') {
           var _mentionProvider$getS3, _mentionProvider$getS4;
-          fireEvent((0, _analytics.buildTypeAheadInviteItemClickedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole, (0, _platformFeatureFlags.fg)('jira_invites_auto_tag_new_user_in_mentions_fg') ? {
+          fireEvent((0, _analytics.buildTypeAheadInviteItemClickedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole, (0, _platformFeatureFlags.fg)('inline_invite_from_mentions_kill_switch') ? {
             isInlineInviteMentionsEnabled: (_mentionProvider$getS3 = mentionProvider.getShouldEnableInlineInvite) === null || _mentionProvider$getS3 === void 0 ? void 0 : _mentionProvider$getS3.call(mentionProvider)
           } : {}));
-          if ((_mentionProvider$getS4 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS4 !== void 0 && _mentionProvider$getS4.call(mentionProvider) && (0, _platformFeatureFlags.fg)('jira_invites_auto_tag_new_user_in_mentions_fg')) {
+          if ((_mentionProvider$getS4 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS4 !== void 0 && _mentionProvider$getS4.call(mentionProvider) && (0, _platformFeatureFlags.fg)('inline_invite_from_mentions_kill_switch')) {
             // Get the email from query, using the same logic as InviteItemWithEmailDomain
             var emailDomain = mentionProvider.userEmailDomain;
             var email = query || '';
@@ -502,13 +501,23 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
               email = "".concat(email.toLowerCase(), "@").concat(emailDomain);
             }
             // If query already includes @, use it as is
-            if (email && mentionProvider.showInlineInviteRecaptcha) {
-              mentionProvider.showInlineInviteRecaptcha(email);
-              var _tr = state.tr;
-              _tr.setMeta(_mentionPlaceholder.mentionPlaceholderPluginKey, {
-                action: _mentionPlaceholder.MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER,
-                placeholder: "@".concat(query)
-              });
+            if (email && mentionProvider.showInlineInvitePopup) {
+              // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+              var pendingLocalId = (0, _uuid.default)();
+              var pendingName = email.split('@')[0] || email;
+              var _tr = insert((0, _editorCommands.createSingleMentionFragment)({
+                mentionProvider: mentionProvider,
+                mentionInsertDisplayName: mentionInsertDisplayName,
+                tr: state.tr,
+                sanitizePrivateContent: sanitizePrivateContent
+              })({
+                name: pendingName,
+                id: pendingLocalId,
+                userType: 'DEFAULT',
+                localId: pendingLocalId,
+                accessLevel: 'CONTAINER'
+              }));
+              mentionProvider.showInlineInvitePopup(email, pendingLocalId);
               return _tr;
             }
           } else if (mentionProvider.onInviteItemClick) {

package/dist/es2019/mentionsPlugin.js

@@ -16,8 +16,7 @@ import { mentionNodeSpec } from './nodeviews/mentionNodeSpec';
 import { agentMentionPluginKey, createAgentMentionPlugin } from './pm-plugins/agent';
 import { mentionPluginKey } from './pm-plugins/key';
 import { ACTIONS, createMentionPlugin } from './pm-plugins/main';
-import { createMentionPlaceholderPlugin } from './pm-plugins/mentionPlaceholder';
-import { InlineInviteRecaptchaContainer } from './ui/InlineInviteRecaptchaContainer';
+import { InlineInvitePopupContainer } from './ui/InlineInvitePopupContainer';
 import { SecondaryToolbarComponent } from './ui/SecondaryToolbarComponent';
 import { createTypeAheadConfig } from './ui/type-ahead';
 const processName = (name, intl) => {
@@ -137,12 +136,6 @@ const mentionsPlugin = ({
           })
         });
       }
-      if (fg('jira_invites_auto_tag_new_user_in_mentions_fg')) {
-        plugins.push({
-          name: 'mentionPlaceholder',
-          plugin: () => createMentionPlaceholderPlugin()
-        });
-      }
       return plugins;
     },
     contentComponent({
@@ -165,9 +158,10 @@ const mentionsPlugin = ({
           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, {
+          }), fg('inline_invite_from_mentions_kill_switch') && /*#__PURE__*/React.createElement(InlineInvitePopupContainer, {
             mentionProvider: mentionProvider,
-            api: api
+            api: api,
+            editorView: editorView
           }));
         }
       });

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

@@ -51,7 +51,7 @@ const AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 const AGENT_MENTION_INACTIVITY_MS = 3000;
 const MAX_PENDING_TYPED_AGENT_MENTION_FOCUS_DEFERS = 20;
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "15.1.0";
+const PACKAGE_VERSION = "15.1.1";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/es2019/ui/InlineInvitePopupContainer.js

@@ -0,0 +1,137 @@
+/* InlineInvitePopupContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+const findMentionRange = (doc, localId) => {
+  let range = null;
+  doc.descendants((node, pos) => {
+    if (range) {
+      return false;
+    }
+    if (node.type.name === 'mention' && node.attrs.localId === localId) {
+      range = {
+        from: pos,
+        to: pos + node.nodeSize
+      };
+      return false;
+    }
+    return true;
+  });
+  return range;
+};
+export const InlineInvitePopupContainer = ({
+  mentionProvider,
+  api,
+  editorView
+}) => {
+  var _api$mention2, _api$mention2$command, _api$core3, _api$core3$actions;
+  const [provider, setProvider] = useState(null);
+  const [anchorElement, setAnchorElement] = useState(null);
+  const pendingMentionRef = useRef(null);
+  useEffect(() => {
+    if (!mentionProvider) {
+      return;
+    }
+    let isMounted = true;
+    mentionProvider.then(resolvedProvider => {
+      var _providerWithPopup$ge;
+      if (!isMounted) {
+        return;
+      }
+      const providerWithPopup = resolvedProvider;
+      const originalGetMentionDisabledState = (_providerWithPopup$ge = providerWithPopup.getMentionDisabledState) === null || _providerWithPopup$ge === void 0 ? void 0 : _providerWithPopup$ge.bind(providerWithPopup);
+      providerWithPopup.getMentionDisabledState = mention => {
+        var _pendingMentionRef$cu;
+        if (((_pendingMentionRef$cu = pendingMentionRef.current) === null || _pendingMentionRef$cu === void 0 ? void 0 : _pendingMentionRef$cu.localId) === mention.id) {
+          return {
+            disabled: true
+          };
+        }
+        return originalGetMentionDisabledState === null || originalGetMentionDisabledState === void 0 ? void 0 : originalGetMentionDisabledState(mention);
+      };
+      setProvider(providerWithPopup);
+    }).catch(() => {});
+    return () => {
+      isMounted = false;
+      setProvider(null);
+    };
+  }, [mentionProvider]);
+  const removePendingMention = useCallback(() => {
+    var _api$core, _api$core$actions;
+    const pending = pendingMentionRef.current;
+    if (pending && 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) {
+      api.core.actions.execute(({
+        tr
+      }) => {
+        const range = findMentionRange(tr.doc, pending.localId);
+        return range ? tr.delete(range.from, range.to) : null;
+      });
+    }
+    pendingMentionRef.current = null;
+    setAnchorElement(null);
+  }, [api]);
+  const handleDismiss = useCallback(() => {
+    removePendingMention();
+  }, [removePendingMention]);
+  const handleInviteComplete = useCallback(result => {
+    var _result$invited$, _api$core2, _api$core2$actions, _api$mention, _api$mention$commands;
+    const pending = pendingMentionRef.current;
+    if (!pending) {
+      return;
+    }
+    const invitedUser = (_result$invited$ = result.invited[0]) !== null && _result$invited$ !== void 0 ? _result$invited$ : result.requested[0];
+    if (!invitedUser || !(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) || !(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)) {
+      removePendingMention();
+      return;
+    }
+    const {
+      id: userId,
+      email
+    } = invitedUser;
+    const name = email.split('@')[0] || email;
+    api.core.actions.execute(({
+      tr
+    }) => {
+      const range = findMentionRange(tr.doc, pending.localId);
+      return range ? tr.delete(range.from, range.to) : null;
+    });
+    api.core.actions.execute(api.mention.commands.insertMention({
+      id: userId,
+      name,
+      userType: 'DEFAULT',
+      accessLevel: 'CONTAINER'
+    }));
+    pendingMentionRef.current = null;
+    setAnchorElement(null);
+  }, [api, removePendingMention]);
+  const handleReady = useCallback(show => {
+    if (!provider) {
+      return;
+    }
+    if (show) {
+      provider.showInlineInvitePopup = (email, localId) => {
+        pendingMentionRef.current = {
+          email,
+          localId
+        };
+        setTimeout(() => {
+          const range = findMentionRange(editorView.state.doc, localId);
+          const dom = range ? editorView.nodeDOM(range.from) : null;
+          setAnchorElement(dom instanceof HTMLElement ? dom : null);
+          show(email);
+        }, 0);
+      };
+    } else {
+      delete provider.showInlineInvitePopup;
+    }
+  }, [provider, editorView]);
+  if (!(provider !== null && provider !== void 0 && provider.InlineInvitePopup) || !(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$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3$actions = _api$core3.actions) !== null && _api$core3$actions !== void 0 && _api$core3$actions.execute)) {
+    return null;
+  }
+  const PopupComponent = provider.InlineInvitePopup;
+  return /*#__PURE__*/React.createElement(PopupComponent, {
+    anchorElement: anchorElement,
+    onInviteComplete: handleInviteComplete,
+    onDismiss: handleDismiss,
+    onReady: handleReady
+  });
+};

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

@@ -16,7 +16,6 @@ import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { createSingleMentionFragment } from '../../editor-commands';
 import { mentionPluginKey } from '../../pm-plugins/key';
 import { ACTIONS } from '../../pm-plugins/main';
-import { mentionPlaceholderPluginKey, MENTION_PLACEHOLDER_ACTIONS } from '../../pm-plugins/mentionPlaceholder';
 import { getMentionPluginState } from '../../pm-plugins/utils';
 import InviteItem, { INVITE_ITEM_DESCRIPTION } from '../InviteItem';
 import InviteItemWithEmailDomain from '../InviteItem/InviteItemWithEmailDomain';
@@ -44,7 +43,7 @@ const createInviteItem = ({
     onHover
   }) => {
     var _mentionProvider$getS;
-    return emailDomain && (_mentionProvider$getS = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS !== void 0 && _mentionProvider$getS.call(mentionProvider) && fg('jira_invites_auto_tag_new_user_in_mentions_fg') ? /*#__PURE__*/React.createElement(InviteItemWithEmailDomain, {
+    return emailDomain && (_mentionProvider$getS = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS !== void 0 && _mentionProvider$getS.call(mentionProvider) && fg('inline_invite_from_mentions_kill_switch') ? /*#__PURE__*/React.createElement(InviteItemWithEmailDomain, {
       productName: mentionProvider ? mentionProvider.productName : undefined,
       selected: isSelected,
       onMount: onInviteItemMount,
@@ -460,10 +459,10 @@ export const createTypeAheadConfig = ({
         // Don't fire event and the callback with selection by space press
         if (mode !== 'space') {
           var _mentionProvider$getS3, _mentionProvider$getS4;
-          fireEvent(buildTypeAheadInviteItemClickedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole, fg('jira_invites_auto_tag_new_user_in_mentions_fg') ? {
+          fireEvent(buildTypeAheadInviteItemClickedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole, fg('inline_invite_from_mentions_kill_switch') ? {
             isInlineInviteMentionsEnabled: (_mentionProvider$getS3 = mentionProvider.getShouldEnableInlineInvite) === null || _mentionProvider$getS3 === void 0 ? void 0 : _mentionProvider$getS3.call(mentionProvider)
           } : {}));
-          if ((_mentionProvider$getS4 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS4 !== void 0 && _mentionProvider$getS4.call(mentionProvider) && fg('jira_invites_auto_tag_new_user_in_mentions_fg')) {
+          if ((_mentionProvider$getS4 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS4 !== void 0 && _mentionProvider$getS4.call(mentionProvider) && fg('inline_invite_from_mentions_kill_switch')) {
             // Get the email from query, using the same logic as InviteItemWithEmailDomain
             const emailDomain = mentionProvider.userEmailDomain;
             let email = query || '';
@@ -472,15 +471,23 @@ export const createTypeAheadConfig = ({
               email = `${email.toLowerCase()}@${emailDomain}`;
             }
             // If query already includes @, use it as is
-            if (email && mentionProvider.showInlineInviteRecaptcha) {
-              mentionProvider.showInlineInviteRecaptcha(email);
-              const {
-                tr
-              } = state;
-              tr.setMeta(mentionPlaceholderPluginKey, {
-                action: MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER,
-                placeholder: `@${query}`
-              });
+            if (email && mentionProvider.showInlineInvitePopup) {
+              // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+              const pendingLocalId = uuid();
+              const pendingName = email.split('@')[0] || email;
+              const tr = insert(createSingleMentionFragment({
+                mentionProvider,
+                mentionInsertDisplayName,
+                tr: state.tr,
+                sanitizePrivateContent
+              })({
+                name: pendingName,
+                id: pendingLocalId,
+                userType: 'DEFAULT',
+                localId: pendingLocalId,
+                accessLevel: 'CONTAINER'
+              }));
+              mentionProvider.showInlineInvitePopup(email, pendingLocalId);
               return tr;
             }
           } else if (mentionProvider.onInviteItemClick) {

package/dist/esm/mentionsPlugin.js

@@ -23,8 +23,7 @@ import { mentionNodeSpec } from './nodeviews/mentionNodeSpec';
 import { agentMentionPluginKey, createAgentMentionPlugin } from './pm-plugins/agent';
 import { mentionPluginKey } from './pm-plugins/key';
 import { ACTIONS, createMentionPlugin } from './pm-plugins/main';
-import { createMentionPlaceholderPlugin } from './pm-plugins/mentionPlaceholder';
-import { InlineInviteRecaptchaContainer } from './ui/InlineInviteRecaptchaContainer';
+import { InlineInvitePopupContainer } from './ui/InlineInvitePopupContainer';
 import { SecondaryToolbarComponent } from './ui/SecondaryToolbarComponent';
 import { createTypeAheadConfig } from './ui/type-ahead';
 var processName = function processName(name, intl) {
@@ -137,14 +136,6 @@ var mentionsPlugin = function mentionsPlugin(_ref3) {
           }
         });
       }
-      if (fg('jira_invites_auto_tag_new_user_in_mentions_fg')) {
-        plugins.push({
-          name: 'mentionPlaceholder',
-          plugin: function plugin() {
-            return createMentionPlaceholderPlugin();
-          }
-        });
-      }
       return plugins;
     },
     contentComponent: function contentComponent(_ref4) {
@@ -165,9 +156,10 @@ var mentionsPlugin = function mentionsPlugin(_ref3) {
           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, {
+          }), fg('inline_invite_from_mentions_kill_switch') && /*#__PURE__*/React.createElement(InlineInvitePopupContainer, {
             mentionProvider: mentionProvider,
-            api: api
+            api: api,
+            editorView: editorView
           }));
         }
       });

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

@@ -58,7 +58,7 @@ var AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 var AGENT_MENTION_INACTIVITY_MS = 3000;
 var MAX_PENDING_TYPED_AGENT_MENTION_FOCUS_DEFERS = 20;
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "15.1.0";
+var PACKAGE_VERSION = "15.1.1";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/esm/ui/InlineInvitePopupContainer.js

@@ -0,0 +1,139 @@
+/* InlineInvitePopupContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+var findMentionRange = function findMentionRange(doc, localId) {
+  var range = null;
+  doc.descendants(function (node, pos) {
+    if (range) {
+      return false;
+    }
+    if (node.type.name === 'mention' && node.attrs.localId === localId) {
+      range = {
+        from: pos,
+        to: pos + node.nodeSize
+      };
+      return false;
+    }
+    return true;
+  });
+  return range;
+};
+export var InlineInvitePopupContainer = function InlineInvitePopupContainer(_ref) {
+  var _api$mention2, _api$core3;
+  var mentionProvider = _ref.mentionProvider,
+    api = _ref.api,
+    editorView = _ref.editorView;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    provider = _useState2[0],
+    setProvider = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorElement = _useState4[0],
+    setAnchorElement = _useState4[1];
+  var pendingMentionRef = useRef(null);
+  useEffect(function () {
+    if (!mentionProvider) {
+      return;
+    }
+    var isMounted = true;
+    mentionProvider.then(function (resolvedProvider) {
+      var _providerWithPopup$ge;
+      if (!isMounted) {
+        return;
+      }
+      var providerWithPopup = resolvedProvider;
+      var originalGetMentionDisabledState = (_providerWithPopup$ge = providerWithPopup.getMentionDisabledState) === null || _providerWithPopup$ge === void 0 ? void 0 : _providerWithPopup$ge.bind(providerWithPopup);
+      providerWithPopup.getMentionDisabledState = function (mention) {
+        var _pendingMentionRef$cu;
+        if (((_pendingMentionRef$cu = pendingMentionRef.current) === null || _pendingMentionRef$cu === void 0 ? void 0 : _pendingMentionRef$cu.localId) === mention.id) {
+          return {
+            disabled: true
+          };
+        }
+        return originalGetMentionDisabledState === null || originalGetMentionDisabledState === void 0 ? void 0 : originalGetMentionDisabledState(mention);
+      };
+      setProvider(providerWithPopup);
+    }).catch(function () {});
+    return function () {
+      isMounted = false;
+      setProvider(null);
+    };
+  }, [mentionProvider]);
+  var removePendingMention = useCallback(function () {
+    var _api$core;
+    var pending = pendingMentionRef.current;
+    if (pending && 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) {
+      api.core.actions.execute(function (_ref2) {
+        var tr = _ref2.tr;
+        var range = findMentionRange(tr.doc, pending.localId);
+        return range ? tr.delete(range.from, range.to) : null;
+      });
+    }
+    pendingMentionRef.current = null;
+    setAnchorElement(null);
+  }, [api]);
+  var handleDismiss = useCallback(function () {
+    removePendingMention();
+  }, [removePendingMention]);
+  var handleInviteComplete = useCallback(function (result) {
+    var _result$invited$, _api$core2, _api$mention;
+    var pending = pendingMentionRef.current;
+    if (!pending) {
+      return;
+    }
+    var invitedUser = (_result$invited$ = result.invited[0]) !== null && _result$invited$ !== void 0 ? _result$invited$ : result.requested[0];
+    if (!invitedUser || !(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) || !(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)) {
+      removePendingMention();
+      return;
+    }
+    var userId = invitedUser.id,
+      email = invitedUser.email;
+    var name = email.split('@')[0] || email;
+    api.core.actions.execute(function (_ref3) {
+      var tr = _ref3.tr;
+      var range = findMentionRange(tr.doc, pending.localId);
+      return range ? tr.delete(range.from, range.to) : null;
+    });
+    api.core.actions.execute(api.mention.commands.insertMention({
+      id: userId,
+      name: name,
+      userType: 'DEFAULT',
+      accessLevel: 'CONTAINER'
+    }));
+    pendingMentionRef.current = null;
+    setAnchorElement(null);
+  }, [api, removePendingMention]);
+  var handleReady = useCallback(function (show) {
+    if (!provider) {
+      return;
+    }
+    if (show) {
+      provider.showInlineInvitePopup = function (email, localId) {
+        pendingMentionRef.current = {
+          email: email,
+          localId: localId
+        };
+        setTimeout(function () {
+          var range = findMentionRange(editorView.state.doc, localId);
+          var dom = range ? editorView.nodeDOM(range.from) : null;
+          setAnchorElement(dom instanceof HTMLElement ? dom : null);
+          show(email);
+        }, 0);
+      };
+    } else {
+      delete provider.showInlineInvitePopup;
+    }
+  }, [provider, editorView]);
+  if (!(provider !== null && provider !== void 0 && provider.InlineInvitePopup) || !(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$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3 = _api$core3.actions) !== null && _api$core3 !== void 0 && _api$core3.execute)) {
+    return null;
+  }
+  var PopupComponent = provider.InlineInvitePopup;
+  return /*#__PURE__*/React.createElement(PopupComponent, {
+    anchorElement: anchorElement,
+    onInviteComplete: handleInviteComplete,
+    onDismiss: handleDismiss,
+    onReady: handleReady
+  });
+};

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

@@ -23,7 +23,6 @@ import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { createSingleMentionFragment } from '../../editor-commands';
 import { mentionPluginKey } from '../../pm-plugins/key';
 import { ACTIONS } from '../../pm-plugins/main';
-import { mentionPlaceholderPluginKey, MENTION_PLACEHOLDER_ACTIONS } from '../../pm-plugins/mentionPlaceholder';
 import { getMentionPluginState } from '../../pm-plugins/utils';
 import InviteItem, { INVITE_ITEM_DESCRIPTION } from '../InviteItem';
 import InviteItemWithEmailDomain from '../InviteItem/InviteItemWithEmailDomain';
@@ -58,7 +57,7 @@ var createInviteItem = function createInviteItem(_ref) {
       var isSelected = _ref2.isSelected,
         onClick = _ref2.onClick,
         onHover = _ref2.onHover;
-      return emailDomain && (_mentionProvider$getS = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS !== void 0 && _mentionProvider$getS.call(mentionProvider) && fg('jira_invites_auto_tag_new_user_in_mentions_fg') ? /*#__PURE__*/React.createElement(InviteItemWithEmailDomain, {
+      return emailDomain && (_mentionProvider$getS = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS !== void 0 && _mentionProvider$getS.call(mentionProvider) && fg('inline_invite_from_mentions_kill_switch') ? /*#__PURE__*/React.createElement(InviteItemWithEmailDomain, {
         productName: mentionProvider ? mentionProvider.productName : undefined,
         selected: isSelected,
         onMount: onInviteItemMount,
@@ -481,10 +480,10 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref8) {
         // Don't fire event and the callback with selection by space press
         if (mode !== 'space') {
           var _mentionProvider$getS3, _mentionProvider$getS4;
-          fireEvent(buildTypeAheadInviteItemClickedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole, fg('jira_invites_auto_tag_new_user_in_mentions_fg') ? {
+          fireEvent(buildTypeAheadInviteItemClickedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, contextIdentifierProvider, mentionProvider.userRole, fg('inline_invite_from_mentions_kill_switch') ? {
             isInlineInviteMentionsEnabled: (_mentionProvider$getS3 = mentionProvider.getShouldEnableInlineInvite) === null || _mentionProvider$getS3 === void 0 ? void 0 : _mentionProvider$getS3.call(mentionProvider)
           } : {}));
-          if ((_mentionProvider$getS4 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS4 !== void 0 && _mentionProvider$getS4.call(mentionProvider) && fg('jira_invites_auto_tag_new_user_in_mentions_fg')) {
+          if ((_mentionProvider$getS4 = mentionProvider.getShouldEnableInlineInvite) !== null && _mentionProvider$getS4 !== void 0 && _mentionProvider$getS4.call(mentionProvider) && fg('inline_invite_from_mentions_kill_switch')) {
             // Get the email from query, using the same logic as InviteItemWithEmailDomain
             var emailDomain = mentionProvider.userEmailDomain;
             var email = query || '';
@@ -493,13 +492,23 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref8) {
               email = "".concat(email.toLowerCase(), "@").concat(emailDomain);
             }
             // If query already includes @, use it as is
-            if (email && mentionProvider.showInlineInviteRecaptcha) {
-              mentionProvider.showInlineInviteRecaptcha(email);
-              var _tr = state.tr;
-              _tr.setMeta(mentionPlaceholderPluginKey, {
-                action: MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER,
-                placeholder: "@".concat(query)
-              });
+            if (email && mentionProvider.showInlineInvitePopup) {
+              // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+              var pendingLocalId = uuid();
+              var pendingName = email.split('@')[0] || email;
+              var _tr = insert(createSingleMentionFragment({
+                mentionProvider: mentionProvider,
+                mentionInsertDisplayName: mentionInsertDisplayName,
+                tr: state.tr,
+                sanitizePrivateContent: sanitizePrivateContent
+              })({
+                name: pendingName,
+                id: pendingLocalId,
+                userType: 'DEFAULT',
+                localId: pendingLocalId,
+                accessLevel: 'CONTAINER'
+              }));
+              mentionProvider.showInlineInvitePopup(email, pendingLocalId);
               return _tr;
             }
           } else if (mentionProvider.onInviteItemClick) {

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

@@ -0,0 +1,11 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { MentionProvider } from '@atlaskit/mention/resource';
+import type { MentionsPlugin } from '../mentionsPluginType';
+interface Props {
+    api: ExtractInjectionAPI<MentionsPlugin> | undefined;
+    editorView: EditorView;
+    mentionProvider: Promise<MentionProvider> | undefined;
+}
+export declare const InlineInvitePopupContainer: ({ mentionProvider, api, editorView, }: Props) => JSX.Element | null;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "15.1.1",
+	"version": "15.2.0",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/insm": "^1.2.0",
 		"@atlaskit/link": "^5.0.0",
 		"@atlaskit/lozenge": "^15.0.0",
-		"@atlaskit/mention": "^27.12.0",
+		"@atlaskit/mention": "^27.13.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/popper": "^9.0.0",
@@ -55,12 +55,15 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.4.0",
+		"@atlaskit/editor-common": "^117.5.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
+		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/editor-core": "^222.1.0",
+		"@atlaskit/popup": "^6.0.0",
 		"@testing-library/react": "^16.3.0",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
@@ -117,6 +120,9 @@
 		"jira_invites_auto_tag_new_user_in_mentions_fg": {
 			"type": "boolean"
 		},
+		"inline_invite_from_mentions_kill_switch": {
+			"type": "boolean"
+		},
 		"people-teams_migrate-user-profile-card": {
 			"type": "boolean"
 		},

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

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MENTION_PLACEHOLDER_ACTIONS = void 0;
-exports.createMentionPlaceholderPlugin = createMentionPlaceholderPlugin;
-exports.mentionPlaceholderPluginKey = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _view = require("@atlaskit/editor-prosemirror/view");
-var mentionPlaceholderPluginKey = exports.mentionPlaceholderPluginKey = new _state.PluginKey('mentionPlaceholderPlugin');
-var MENTION_PLACEHOLDER_ACTIONS = exports.MENTION_PLACEHOLDER_ACTIONS = {
-  SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
-  HIDE_PLACEHOLDER: 'HIDE_PLACEHOLDER'
-};
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-function createMentionPlaceholderPlugin() {
-  return new _safePlugin.SafePlugin({
-    key: mentionPlaceholderPluginKey,
-    state: {
-      init: function init() {
-        return {};
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(mentionPlaceholderPluginKey);
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER) {
-          return {
-            placeholder: meta.placeholder
-          };
-        }
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER) {
-          return {};
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: function decorations(state) {
-        var pluginState = mentionPlaceholderPluginKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.placeholder) {
-          var selection = state.selection;
-          var span = document.createElement('span');
-          span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
-          return _view.DecorationSet.create(state.doc, [_view.Decoration.widget(selection.from, span)]);
-        }
-        return null;
-      }
-    }
-  });
-}

package/dist/cjs/ui/InlineInviteRecaptchaContainer.js

@@ -1,100 +0,0 @@
-/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
-"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 _mentionPlaceholder = require("../pm-plugins/mentionPlaceholder");
-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$core3;
-  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.core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      tr.setMeta(_mentionPlaceholder.mentionPlaceholderPluginKey, {
-        action: _mentionPlaceholder.MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  var handleClose = (0, _react.useCallback)(function () {
-    var _api$core2;
-    if (!(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;
-    }
-    api.core.actions.execute(function (_ref3) {
-      var tr = _ref3.tr;
-      tr.setMeta(_mentionPlaceholder.mentionPlaceholderPluginKey, {
-        action: _mentionPlaceholder.MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  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$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3 = _api$core3.actions) !== null && _api$core3 !== void 0 && _api$core3.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/es2019/pm-plugins/mentionPlaceholder.js

@@ -1,44 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export const mentionPlaceholderPluginKey = new PluginKey('mentionPlaceholderPlugin');
-export const MENTION_PLACEHOLDER_ACTIONS = {
-  SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
-  HIDE_PLACEHOLDER: 'HIDE_PLACEHOLDER'
-};
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export function createMentionPlaceholderPlugin() {
-  return new SafePlugin({
-    key: mentionPlaceholderPluginKey,
-    state: {
-      init: () => ({}),
-      apply(tr, pluginState) {
-        const meta = tr.getMeta(mentionPlaceholderPluginKey);
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER) {
-          return {
-            placeholder: meta.placeholder
-          };
-        }
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER) {
-          return {};
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: state => {
-        const pluginState = mentionPlaceholderPluginKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.placeholder) {
-          const {
-            selection
-          } = state;
-          const span = document.createElement('span');
-          span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
-          return DecorationSet.create(state.doc, [Decoration.widget(selection.from, span)]);
-        }
-        return null;
-      }
-    }
-  });
-}

package/dist/es2019/ui/InlineInviteRecaptchaContainer.js

@@ -1,90 +0,0 @@
-/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useEffect, useState } from 'react';
-import { mentionPlaceholderPluginKey, MENTION_PLACEHOLDER_ACTIONS } from '../pm-plugins/mentionPlaceholder';
-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$core3, _api$core3$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.core.actions.execute(({
-      tr
-    }) => {
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  const handleClose = useCallback(() => {
-    var _api$core2, _api$core2$actions;
-    if (!(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;
-    }
-    api.core.actions.execute(({
-      tr
-    }) => {
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  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$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3$actions = _api$core3.actions) !== null && _api$core3$actions !== void 0 && _api$core3$actions.execute)) {
-    return null;
-  }
-  const RecaptchaComponent = provider.InlineInviteRecaptcha;
-  return /*#__PURE__*/React.createElement(RecaptchaComponent, {
-    analyticsSource: MENTION_SOURCE,
-    onSuccess: handleSuccess,
-    onClose: handleClose,
-    onReady: handleReady
-  });
-};

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

@@ -1,44 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export var mentionPlaceholderPluginKey = new PluginKey('mentionPlaceholderPlugin');
-export var MENTION_PLACEHOLDER_ACTIONS = {
-  SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
-  HIDE_PLACEHOLDER: 'HIDE_PLACEHOLDER'
-};
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export function createMentionPlaceholderPlugin() {
-  return new SafePlugin({
-    key: mentionPlaceholderPluginKey,
-    state: {
-      init: function init() {
-        return {};
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(mentionPlaceholderPluginKey);
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER) {
-          return {
-            placeholder: meta.placeholder
-          };
-        }
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER) {
-          return {};
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: function decorations(state) {
-        var pluginState = mentionPlaceholderPluginKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.placeholder) {
-          var selection = state.selection;
-          var span = document.createElement('span');
-          span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
-          return DecorationSet.create(state.doc, [Decoration.widget(selection.from, span)]);
-        }
-        return null;
-      }
-    }
-  });
-}

package/dist/esm/ui/InlineInviteRecaptchaContainer.js

@@ -1,91 +0,0 @@
-/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useEffect, useState } from 'react';
-import { mentionPlaceholderPluginKey, MENTION_PLACEHOLDER_ACTIONS } from '../pm-plugins/mentionPlaceholder';
-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$core3;
-  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.core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  var handleClose = useCallback(function () {
-    var _api$core2;
-    if (!(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;
-    }
-    api.core.actions.execute(function (_ref3) {
-      var tr = _ref3.tr;
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  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$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3 = _api$core3.actions) !== null && _api$core3 !== void 0 && _api$core3.execute)) {
-    return null;
-  }
-  var RecaptchaComponent = provider.InlineInviteRecaptcha;
-  return /*#__PURE__*/React.createElement(RecaptchaComponent, {
-    analyticsSource: MENTION_SOURCE,
-    onSuccess: handleSuccess,
-    onClose: handleClose,
-    onReady: handleReady
-  });
-};

package/dist/types/pm-plugins/mentionPlaceholder.d.ts

@@ -1,11 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const mentionPlaceholderPluginKey: PluginKey;
-export declare const MENTION_PLACEHOLDER_ACTIONS: {
-    SHOW_PLACEHOLDER: string;
-    HIDE_PLACEHOLDER: string;
-};
-export type MentionPlaceholderPluginState = {
-    placeholder?: string;
-};
-export declare function createMentionPlaceholderPlugin(): SafePlugin<{}>;

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

@@ -1,15 +0,0 @@
-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 {};