@atlaskit/editor-plugin-mentions 17.0.1 → 17.1.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-mentions
 
+## 17.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.1.0
+
+### Minor Changes
+
+- [`6997a74055219`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6997a74055219) -
+  Add profile card on hover in the mentions typeahead for agent mentions
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.0.1
 
 ### Patch Changes

package/dist/cjs/mentionsPlugin.js

@@ -111,6 +111,7 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
     handleMentionsChanged: options === null || options === void 0 ? void 0 : options.handleMentionsChanged,
     enableAgentSectioning: options === null || options === void 0 ? void 0 : options.enableAgentSectioning,
     showAgentMentionsLabsLozenge: options === null || options === void 0 ? void 0 : options.showAgentMentionsLabsLozenge,
+    profilecardProvider: options === null || options === void 0 ? void 0 : options.profilecardProvider,
     fireEvent: fireEvent,
     api: api
   });

package/dist/cjs/nodeviews/mentionNodeView.js

@@ -24,7 +24,7 @@ var _disabledTooltipRenderer = require("./disabledTooltipRenderer");
 var _mentionAvatarRenderer = require("./mentionAvatarRenderer");
 var _profileCardRenderer2 = require("./profileCardRenderer");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // oxlint-disable-next-line import/no-duplicates
 var primitiveClassName = 'editor-mention-primitive';
 var primitiveWithAvatarClassName = 'editor-mention-primitive-with-avatar';
 var avatarContainerClassName = 'editor-mention-avatar';

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 = "17.0.0";
+var PACKAGE_VERSION = "17.1.0";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/ui/PopperWrapper.js

@@ -10,7 +10,7 @@ exports.RepositionOnUpdate = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper = require("@atlaskit/popper");
+var _main = require("@atlaskit/popper/main");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _constants = require("@atlaskit/theme/constants");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
@@ -84,22 +84,27 @@ function useResizeAwarePopper(_ref2) {
  */
 function Popup(_ref3) {
   var referenceElement = _ref3.referenceElement,
-    children = _ref3.children;
+    children = _ref3.children,
+    _ref3$placement = _ref3.placement,
+    placement = _ref3$placement === void 0 ? 'bottom-end' : _ref3$placement,
+    _ref3$offset = _ref3.offset,
+    offset = _ref3$offset === void 0 ? [0, 8] : _ref3$offset,
+    _ref3$disableFocusTra = _ref3.disableFocusTrap,
+    disableFocusTrap = _ref3$disableFocusTra === void 0 ? false : _ref3$disableFocusTra;
   var _React$useState = _react.default.useState(null),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     targetRef = _React$useState2[0],
     setPopupRef = _React$useState2[1];
   (0, _useFocusTrap.useFocusTrap)({
-    targetRef: targetRef
+    targetRef: targetRef,
+    enabled: !disableFocusTrap
   });
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_portal.default, {
     zIndex: _constants.layers.modal()
-  }, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
-    referenceElement: referenceElement
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    offset: [0, 8],
-    placement: "bottom-end",
+  }, /*#__PURE__*/_react.default.createElement(_main.Popper, {
+    referenceElement: referenceElement,
+    offset: offset,
+    placement: placement,
     strategy: "fixed"
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

package/dist/cjs/ui/ProfileCardComponent.js

@@ -154,7 +154,11 @@ function ProfileCardComponent(_ref5) {
     activeMention = _ref5.activeMention,
     dom = _ref5.dom,
     closeComponent = _ref5.closeComponent,
-    onAgentMentionChatClick = _ref5.onAgentMentionChatClick;
+    onAgentMentionChatClick = _ref5.onAgentMentionChatClick,
+    placement = _ref5.placement,
+    offset = _ref5.offset,
+    disableFocusTrap = _ref5.disableFocusTrap,
+    hideActions = _ref5.hideActions;
   var _useState11 = (0, _react.useState)(undefined),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     provider = _useState12[0],
@@ -181,20 +185,28 @@ function ProfileCardComponent(_ref5) {
   });
   if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)) {
     return /*#__PURE__*/React.createElement(_PopperWrapper.Popup, {
-      referenceElement: dom
+      referenceElement: dom,
+      placement: placement,
+      offset: offset,
+      disableFocusTrap: disableFocusTrap
     }, /*#__PURE__*/React.createElement(UserProfileCardContent, {
       accessLevel: accessLevel,
       id: id,
       provider: provider,
-      text: text
+      text: text,
+      hideActions: hideActions
     }));
   }
   var isAgentMention = isAgentMentionType(userType);
   return /*#__PURE__*/React.createElement(_PopperWrapper.Popup, {
-    referenceElement: dom
+    referenceElement: dom,
+    placement: placement,
+    offset: offset,
+    disableFocusTrap: disableFocusTrap
   }, isAgentMention && provider && id ? /*#__PURE__*/React.createElement(AgentProfileCardContent, {
     accountId: id,
     provider: provider,
+    hideActions: hideActions,
     text: (0, _expVal.expVal)('platform_editor_reduced_agent_profile_cards', 'isEnabled', false) ? text : undefined,
     onChatClick: onAgentMentionChatClick && (0, _platformFeatureFlags.fg)('platform_editor_agent_mentions_drop_one_fixes') ? function (event, agentStudioId) {
       return (
@@ -207,17 +219,19 @@ function ProfileCardComponent(_ref5) {
     accessLevel: accessLevel,
     id: id,
     provider: provider,
-    text: text
+    text: text,
+    hideActions: hideActions
   }));
 }
 var UserProfileCardContent = function UserProfileCardContent(_ref8) {
   var accessLevel = _ref8.accessLevel,
     id = _ref8.id,
     provider = _ref8.provider,
-    text = _ref8.text;
+    text = _ref8.text,
+    hideActions = _ref8.hideActions;
   var actions = (0, _react.useMemo)(function () {
-    return provider === null || provider === void 0 ? void 0 : provider.getActions(id, text !== null && text !== void 0 ? text : '', accessLevel);
-  }, [accessLevel, id, provider, text]);
+    return hideActions ? [] : provider === null || provider === void 0 ? void 0 : provider.getActions(id, text !== null && text !== void 0 ? text : '', accessLevel);
+  }, [hideActions, accessLevel, id, provider, text]);
   var _useProfileCardState = useProfileCardState({
       id: id,
       provider: provider
@@ -259,18 +273,29 @@ var AgentProfileCardContent = function AgentProfileCardContent(_ref9) {
   var accountId = _ref9.accountId,
     provider = _ref9.provider,
     text = _ref9.text,
-    onChatClick = _ref9.onChatClick;
+    onChatClick = _ref9.onChatClick,
+    hideActions = _ref9.hideActions;
   var agentName = (text !== null && text !== void 0 ? text : '').replace(LEADING_AT_SIGN_RE, '');
   return (0, _expVal.expVal)('platform_editor_reduced_agent_profile_cards', 'isEnabled', false) ? /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
     accountId: accountId,
     cloudId: provider.cloudId,
     resourceClient: provider.resourceClient,
     agentName: agentName,
-    onChatClick: onChatClick
+    onChatClick: onChatClick,
+    hideAgentActions: hideActions,
+    hideConversationStarters: hideActions,
+    hideStarButton: hideActions,
+    hideAiDisclaimer: hideActions,
+    showCreatorNameWithoutLink: hideActions
   }) : /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
     accountId: accountId,
     cloudId: provider.cloudId,
     resourceClient: provider.resourceClient,
-    onChatClick: onChatClick
+    onChatClick: onChatClick,
+    hideAgentActions: hideActions,
+    hideConversationStarters: hideActions,
+    hideStarButton: hideActions,
+    hideAiDisclaimer: hideActions,
+    showCreatorNameWithoutLink: hideActions
   });
 };

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

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MentionItemWithProfileCard = MentionItemWithProfileCard;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _item = require("@atlaskit/mention/item");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _ProfileCardComponent = require("../ProfileCardComponent");
+var _utils = require("./utils");
+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); }
+// Delay before mounting the card and fetching the profile data
+var SHOW_DELAY_MS = 600;
+var HIDE_DELAY_MS = 200;
+/**
+ * Renders a mentions typeahead row that shows a (reduced) profile card
+ * when hovered
+ */
+function MentionItemWithProfileCard(_ref) {
+  var mention = _ref.mention,
+    selected = _ref.selected,
+    onSelection = _ref.onSelection,
+    height = _ref.height,
+    profilecardProvider = _ref.profilecardProvider;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    referenceElement = _useState2[0],
+    setReferenceElement = _useState2[1];
+  var showTimerRef = (0, _react.useRef)();
+  var hideTimerRef = (0, _react.useRef)();
+  var clearTimers = (0, _react.useCallback)(function () {
+    clearTimeout(showTimerRef.current);
+    clearTimeout(hideTimerRef.current);
+  }, []);
+  (0, _react.useEffect)(function () {
+    return clearTimers;
+  }, [clearTimers]);
+  var isAgent = (0, _utils.isAgentMention)(mention);
+  var handleMouseEnter = (0, _react.useCallback)(function (_mention, event) {
+    // Currently showing profile cards for agents only
+    if (mention.isPlaceholder || !mention.id || !profilecardProvider || !isAgent) {
+      return;
+    }
+    var rowElement = event === null || event === void 0 ? void 0 : event.currentTarget;
+    if (!(rowElement instanceof HTMLElement)) {
+      return;
+    }
+    clearTimers();
+    showTimerRef.current = setTimeout(function () {
+      setReferenceElement(rowElement);
+    }, SHOW_DELAY_MS);
+  }, [mention.isPlaceholder, mention.id, isAgent, profilecardProvider, clearTimers]);
+  var scheduleHide = (0, _react.useCallback)(function () {
+    clearTimeout(hideTimerRef.current);
+    hideTimerRef.current = setTimeout(function () {
+      setReferenceElement(null);
+    }, HIDE_DELAY_MS);
+  }, []);
+  var cancelHide = (0, _react.useCallback)(function () {
+    clearTimeout(hideTimerRef.current);
+  }, []);
+  var handleMouseLeave = (0, _react.useCallback)(function () {
+    clearTimeout(showTimerRef.current);
+    scheduleHide();
+  }, [scheduleHide]);
+  var closeCard = (0, _react.useCallback)(function () {
+    clearTimers();
+    setReferenceElement(null);
+  }, [clearTimers]);
+  var userType = isAgent ? 'APP' : undefined;
+  var activeMention = (0, _react.useMemo)(function () {
+    return {
+      attrs: {
+        id: mention.id,
+        text: mention.name,
+        userType: userType,
+        accessLevel: mention.accessLevel
+      }
+    };
+  }, [mention.id, mention.name, mention.accessLevel, userType]);
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    testId: "mention-item-with-profile-card",
+    onMouseOver: cancelHide,
+    onMouseOut: scheduleHide,
+    onMouseLeave: handleMouseLeave,
+    onBlur: handleMouseLeave
+  }, /*#__PURE__*/_react.default.createElement(_item.MentionItem, {
+    mention: mention,
+    selected: selected,
+    onMouseEnter: handleMouseEnter,
+    onSelection: onSelection,
+    height: height
+  }), referenceElement && profilecardProvider && /*#__PURE__*/_react.default.createElement(_ProfileCardComponent.ProfileCardComponent, {
+    activeMention: activeMention,
+    profilecardProvider: profilecardProvider,
+    dom: referenceElement,
+    closeComponent: closeCard,
+    placement: "right",
+    disableFocusTrap: true,
+    hideActions: true
+  }));
+}

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

@@ -30,6 +30,7 @@ var _utils2 = require("../../pm-plugins/utils");
 var _InviteItem = _interopRequireWildcard(require("../InviteItem"));
 var _InviteItemWithEmailDomain = _interopRequireDefault(require("../InviteItem/InviteItemWithEmailDomain"));
 var _analytics = require("./analytics");
+var _MentionItemWithProfileCard = require("./MentionItemWithProfileCard");
 var _utils3 = require("./utils");
 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); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -37,14 +38,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-var isAgentUserType = function isAgentUserType(userType) {
-  return userType === 'APP' || userType === 'AGENT';
-};
-var isAgentMention = function isAgentMention(mention) {
-  return isAgentUserType(mention.userType) || mention.appType === 'agent';
-};
 var isAgentTypeAheadItem = function isAgentTypeAheadItem(item) {
-  return item.mention ? isAgentMention(item.mention) : false;
+  return item.mention ? (0, _utils3.isAgentMention)(item.mention) : false;
 };
 
 // A non-selectable loading placeholder injected by the provider (e.g.
@@ -109,16 +104,24 @@ var withInviteItem = function withInviteItem(_ref3) {
     inviteItem]);
   };
 };
-var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(useRefreshedItemHeight) {
+var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
+  var useRefreshedItemHeight = _ref4.useRefreshedItemHeight,
+    profilecardProvider = _ref4.profilecardProvider;
   return function (mention) {
     var itemHeight = useRefreshedItemHeight ? _item.MENTION_ITEM_HEIGHT_REFRESHED : _item.MENTION_ITEM_HEIGHT;
     return {
       title: mention.id,
-      render: function render(_ref4) {
-        var isSelected = _ref4.isSelected,
-          onClick = _ref4.onClick,
-          onHover = _ref4.onHover;
-        return /*#__PURE__*/_react.default.createElement(_item.MentionItem, {
+      render: function render(_ref5) {
+        var isSelected = _ref5.isSelected,
+          onClick = _ref5.onClick,
+          onHover = _ref5.onHover;
+        return (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) && (0, _platformFeatureFlags.fg)('platform_editor_mention_typeahead_profilecard') ? /*#__PURE__*/_react.default.createElement(_MentionItemWithProfileCard.MentionItemWithProfileCard, {
+          mention: mention,
+          selected: isSelected,
+          onSelection: onClick,
+          height: itemHeight,
+          profilecardProvider: profilecardProvider
+        }) : /*#__PURE__*/_react.default.createElement(_item.MentionItem, {
           mention: mention,
           selected: isSelected,
           onMouseEnter: onHover,
@@ -134,7 +137,9 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(useRefreshe
   };
 };
 var mentionToTypeaheadItem = exports.mentionToTypeaheadItem = function mentionToTypeaheadItem(mention) {
-  return makeMentionToTypeaheadItem((0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false))(mention);
+  return makeMentionToTypeaheadItem({
+    useRefreshedItemHeight: (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)
+  })(mention);
 };
 
 /**
@@ -163,12 +168,12 @@ function memoize(fn
   };
 }
 var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAheadAnalytics(fireEvent) {
-  return function (_ref5) {
-    var query = _ref5.query,
-      mentions = _ref5.mentions,
-      stats = _ref5.stats,
-      mentionTypeaheadSessionId = _ref5.mentionTypeaheadSessionId,
-      agentAnalytics = _ref5.agentAnalytics;
+  return function (_ref6) {
+    var query = _ref6.query,
+      mentions = _ref6.mentions,
+      stats = _ref6.stats,
+      mentionTypeaheadSessionId = _ref6.mentionTypeaheadSessionId,
+      agentAnalytics = _ref6.agentAnalytics;
     var duration = 0;
     var userOrTeamIds = null;
     var teams = null;
@@ -270,19 +275,19 @@ var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selecte
  * `createTypeAheadConfig` and intentionally mutated here as a
  * side-effect — preserves the existing single-shot semantics.
  */
-var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToTypeAheadItems(_ref6) {
-  var fireEvent = _ref6.fireEvent,
-    getFirstQueryWithoutResults = _ref6.getFirstQueryWithoutResults,
-    setFirstQueryWithoutResults = _ref6.setFirstQueryWithoutResults,
-    toItem = _ref6.toItem,
-    enableAgentSectioning = _ref6.enableAgentSectioning;
-  return function (_ref7) {
-    var mentions = _ref7.mentions,
-      query = _ref7.query,
-      stats = _ref7.stats,
-      mentionProvider = _ref7.mentionProvider,
-      contextIdentifierProvider = _ref7.contextIdentifierProvider,
-      sessionId = _ref7.sessionId;
+var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToTypeAheadItems(_ref7) {
+  var fireEvent = _ref7.fireEvent,
+    getFirstQueryWithoutResults = _ref7.getFirstQueryWithoutResults,
+    setFirstQueryWithoutResults = _ref7.setFirstQueryWithoutResults,
+    toItem = _ref7.toItem,
+    enableAgentSectioning = _ref7.enableAgentSectioning;
+  return function (_ref8) {
+    var mentions = _ref8.mentions,
+      query = _ref8.query,
+      stats = _ref8.stats,
+      mentionProvider = _ref8.mentionProvider,
+      contextIdentifierProvider = _ref8.contextIdentifierProvider,
+      sessionId = _ref8.sessionId;
     var mentionItems = mentions.map(function (mention) {
       return toItem(mention);
     });
@@ -292,7 +297,7 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
     var realMentions = mentions.filter(function (mention) {
       return !isLoadingPlaceholder(mention);
     });
-    var agentCount = realMentions.filter(isAgentMention).length;
+    var agentCount = realMentions.filter(_utils3.isAgentMention).length;
     var agentAnalytics = {
       agentCount: agentCount,
       agentSectioningEnabled: enableAgentSectioning
@@ -329,17 +334,18 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
     })(mentionItems);
   };
 };
-var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeAheadConfig(_ref8) {
-  var sanitizePrivateContent = _ref8.sanitizePrivateContent,
-    mentionInsertDisplayName = _ref8.mentionInsertDisplayName,
-    fireEvent = _ref8.fireEvent,
-    HighlightComponent = _ref8.HighlightComponent,
-    api = _ref8.api,
-    handleMentionsChanged = _ref8.handleMentionsChanged,
-    _ref8$enableAgentSect = _ref8.enableAgentSectioning,
-    enableAgentSectioning = _ref8$enableAgentSect === void 0 ? false : _ref8$enableAgentSect,
-    _ref8$showAgentMentio = _ref8.showAgentMentionsLabsLozenge,
-    showAgentMentionsLabsLozenge = _ref8$showAgentMentio === void 0 ? false : _ref8$showAgentMentio;
+var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeAheadConfig(_ref9) {
+  var sanitizePrivateContent = _ref9.sanitizePrivateContent,
+    mentionInsertDisplayName = _ref9.mentionInsertDisplayName,
+    fireEvent = _ref9.fireEvent,
+    HighlightComponent = _ref9.HighlightComponent,
+    api = _ref9.api,
+    handleMentionsChanged = _ref9.handleMentionsChanged,
+    _ref9$enableAgentSect = _ref9.enableAgentSectioning,
+    enableAgentSectioning = _ref9$enableAgentSect === void 0 ? false : _ref9$enableAgentSect,
+    _ref9$showAgentMentio = _ref9.showAgentMentionsLabsLozenge,
+    showAgentMentionsLabsLozenge = _ref9$showAgentMentio === void 0 ? false : _ref9$showAgentMentio,
+    profilecardProvider = _ref9.profilecardProvider;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var sessionId = (0, _uuid.default)();
   var firstQueryWithoutResults = null;
@@ -353,7 +359,10 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     setFirstQueryWithoutResults: function setFirstQueryWithoutResults(query) {
       firstQueryWithoutResults = query;
     },
-    toItem: memoize(makeMentionToTypeaheadItem(enableAgentSectioning)).call
+    toItem: memoize(makeMentionToTypeaheadItem({
+      useRefreshedItemHeight: enableAgentSectioning,
+      profilecardProvider: profilecardProvider
+    })).call
   });
   var typeAhead = {
     id: _typeAhead.TypeAheadAvailableNodes.MENTION,
@@ -368,17 +377,17 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
       }
       return null;
     },
-    getItems: function getItems(_ref9) {
+    getItems: function getItems(_ref0) {
       var _api$contextIdentifie, _api$contextIdentifie2;
-      var query = _ref9.query,
-        editorState = _ref9.editorState;
+      var query = _ref0.query,
+        editorState = _ref0.editorState;
       var pluginState = (0, _utils2.getMentionPluginState)(editorState);
       if (!(pluginState !== null && pluginState !== void 0 && pluginState.mentionProvider)) {
         return Promise.resolve([]);
       }
       var mentionProvider = pluginState.mentionProvider;
-      var _ref0 = (_api$contextIdentifie = api === null || api === void 0 || (_api$contextIdentifie2 = api.contextIdentifier) === null || _api$contextIdentifie2 === void 0 ? void 0 : _api$contextIdentifie2.sharedState.currentState()) !== null && _api$contextIdentifie !== void 0 ? _api$contextIdentifie : {},
-        contextIdentifierProvider = _ref0.contextIdentifierProvider;
+      var _ref1 = (_api$contextIdentifie = api === null || api === void 0 || (_api$contextIdentifie2 = api.contextIdentifier) === null || _api$contextIdentifie2 === void 0 ? void 0 : _api$contextIdentifie2.sharedState.currentState()) !== null && _api$contextIdentifie !== void 0 ? _api$contextIdentifie : {},
+        contextIdentifierProvider = _ref1.contextIdentifierProvider;
       return new Promise(function (resolve, reject) {
         // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         var key = "loadingMentionsForTypeAhead_".concat((0, _uuid.default)());
@@ -413,8 +422,8 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
         }));
       });
     },
-    getSections: function getSections(_ref1) {
-      var intl = _ref1.intl;
+    getSections: function getSections(_ref10) {
+      var intl = _ref10.intl;
       if (!enableAgentSectioning) {
         return [];
       }
@@ -448,12 +457,12 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     onOpen: function onOpen() {
       firstQueryWithoutResults = null;
     },
-    selectItem: function selectItem(state, item, insert, _ref10) {
+    selectItem: function selectItem(state, item, insert, _ref11) {
       var _api$contextIdentifie3, _api$contextIdentifie4;
-      var mode = _ref10.mode,
-        stats = _ref10.stats,
-        query = _ref10.query,
-        sourceListItem = _ref10.sourceListItem;
+      var mode = _ref11.mode,
+        stats = _ref11.stats,
+        query = _ref11.query,
+        sourceListItem = _ref11.sourceListItem;
       var schema = state.schema;
 
       // Placeholder isn't selectable. Return `false` (not a transaction) so
@@ -470,12 +479,12 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
         accessLevel = _item$mention.accessLevel,
         userType = _item$mention.userType,
         isXProductUser = _item$mention.isXProductUser;
-      var _ref11 = (_api$contextIdentifie3 = api === null || api === void 0 || (_api$contextIdentifie4 = api.contextIdentifier) === null || _api$contextIdentifie4 === void 0 ? void 0 : _api$contextIdentifie4.sharedState.currentState()) !== null && _api$contextIdentifie3 !== void 0 ? _api$contextIdentifie3 : {},
-        contextIdentifierProvider = _ref11.contextIdentifierProvider;
+      var _ref12 = (_api$contextIdentifie3 = api === null || api === void 0 || (_api$contextIdentifie4 = api.contextIdentifier) === null || _api$contextIdentifie4 === void 0 ? void 0 : _api$contextIdentifie4.sharedState.currentState()) !== null && _api$contextIdentifie3 !== void 0 ? _api$contextIdentifie3 : {},
+        contextIdentifierProvider = _ref12.contextIdentifierProvider;
       var mentionContext = _objectSpread(_objectSpread({}, contextIdentifierProvider), {}, {
         sessionId: sessionId
       });
-      var isAgentMentionSelection = isAgentMention(item.mention);
+      var isAgentMentionSelection = (0, _utils3.isAgentMention)(item.mention);
       var isAgentMentionInsertion = isAgentMentionSelection && (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false);
       // userType can be missing for provider-only agent mentions. Copy/paste cannot
       // see appType, so persist APP only when there is no explicit userType.
@@ -598,11 +607,11 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
       }
       return tr;
     },
-    dismiss: function dismiss(_ref12) {
-      var editorState = _ref12.editorState,
-        query = _ref12.query,
-        stats = _ref12.stats,
-        wasItemInserted = _ref12.wasItemInserted;
+    dismiss: function dismiss(_ref13) {
+      var editorState = _ref13.editorState,
+        query = _ref13.query,
+        stats = _ref13.stats,
+        wasItemInserted = _ref13.wasItemInserted;
       firstQueryWithoutResults = null;
       var pickerElapsedTime = stats.startedAt ? performance.now() - stats.startedAt : 0;
       if (!wasItemInserted) {
@@ -646,10 +655,10 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
    * so we only attach it when the gate is on — otherwise the proven
    * single-shot `getItems` path continues to drive every consumer.
    */
-  var subscribeToItemsUpdates = function subscribeToItemsUpdates(_ref13) {
+  var subscribeToItemsUpdates = function subscribeToItemsUpdates(_ref14) {
     var _api$contextIdentifie5, _api$contextIdentifie6;
-    var query = _ref13.query,
-      editorState = _ref13.editorState;
+    var query = _ref14.query,
+      editorState = _ref14.editorState;
     var pluginState = (0, _utils2.getMentionPluginState)(editorState);
     if (!(pluginState !== null && pluginState !== void 0 && pluginState.mentionProvider)) {
       return {
@@ -660,8 +669,8 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
       };
     }
     var mentionProvider = pluginState.mentionProvider;
-    var _ref14 = (_api$contextIdentifie5 = api === null || api === void 0 || (_api$contextIdentifie6 = api.contextIdentifier) === null || _api$contextIdentifie6 === void 0 ? void 0 : _api$contextIdentifie6.sharedState.currentState()) !== null && _api$contextIdentifie5 !== void 0 ? _api$contextIdentifie5 : {},
-      contextIdentifierProvider = _ref14.contextIdentifierProvider;
+    var _ref15 = (_api$contextIdentifie5 = api === null || api === void 0 || (_api$contextIdentifie6 = api.contextIdentifier) === null || _api$contextIdentifie6 === void 0 ? void 0 : _api$contextIdentifie6.sharedState.currentState()) !== null && _api$contextIdentifie5 !== void 0 ? _api$contextIdentifie5 : {},
+      contextIdentifierProvider = _ref15.contextIdentifierProvider;
 
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var key = "loadingMentionsForTypeAhead_".concat((0, _uuid.default)());

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldKeepInviteItem = exports.isTeamType = exports.isTeamStats = exports.isInviteItem = void 0;
+exports.shouldKeepInviteItem = exports.isTeamType = exports.isTeamStats = exports.isInviteItem = exports.isAgentUserType = exports.isAgentMention = void 0;
 var _InviteItem = require("../InviteItem");
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
@@ -23,6 +23,12 @@ var isTeamStats = exports.isTeamStats = function isTeamStats(stat) {
 var isInviteItem = exports.isInviteItem = function isInviteItem(mention) {
   return mention && mention.id === _InviteItem.INVITE_ITEM_DESCRIPTION.id;
 };
+var isAgentUserType = exports.isAgentUserType = function isAgentUserType(userType) {
+  return userType === 'APP' || userType === 'AGENT';
+};
+var isAgentMention = exports.isAgentMention = function isAgentMention(mention) {
+  return isAgentUserType(mention.userType) || mention.appType === 'agent';
+};
 
 /**
  * Actions

package/dist/cjs/ui/useFocusTrap.js

@@ -14,9 +14,11 @@ var _focusTrap = _interopRequireDefault(require("focus-trap"));
  */
 
 var useFocusTrap = exports.useFocusTrap = function useFocusTrap(_ref) {
-  var targetRef = _ref.targetRef;
+  var targetRef = _ref.targetRef,
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled;
   (0, _react.useEffect)(function () {
-    if (!targetRef) {
+    if (!targetRef || !enabled) {
       return;
     }
     var trapConfig = {
@@ -40,5 +42,5 @@ var useFocusTrap = exports.useFocusTrap = function useFocusTrap(_ref) {
       }
       focusTrap.deactivate();
     };
-  }, [targetRef]);
+  }, [targetRef, enabled]);
 };

package/dist/es2019/mentionsPlugin.js

@@ -107,6 +107,7 @@ const mentionsPlugin = ({
     handleMentionsChanged: options === null || options === void 0 ? void 0 : options.handleMentionsChanged,
     enableAgentSectioning: options === null || options === void 0 ? void 0 : options.enableAgentSectioning,
     showAgentMentionsLabsLozenge: options === null || options === void 0 ? void 0 : options.showAgentMentionsLabsLozenge,
+    profilecardProvider: options === null || options === void 0 ? void 0 : options.profilecardProvider,
     fireEvent,
     api
   });

package/dist/es2019/nodeviews/mentionNodeView.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+// oxlint-disable-next-line import/no-duplicates
+
 import { UNKNOWN_USER_ID } from '@atlaskit/mention/constants';
 import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention/resource';
 import { isRestricted } from '@atlaskit/mention/types';