@atlaskit/editor-plugin-mentions 14.5.6 → 14.5.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-mentions
 
+## 14.5.8
+
+### Patch Changes
+
+- [`14023b8bbf880`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14023b8bbf880) -
+  [ux] Shows reduced profile card when user lacks permission to read/access agent mention on page
+- Updated dependencies
+
+## 14.5.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.5.6
 
 ### Patch Changes

package/dist/cjs/nodeviews/mentionNodeView.js

@@ -143,7 +143,8 @@ var MentionNodeView = exports.MentionNodeView = /*#__PURE__*/function () {
         api: api
       }),
       destroyProfileCard = _profileCardRenderer.destroyProfileCard,
-      removeProfileCard = _profileCardRenderer.removeProfileCard;
+      removeProfileCard = _profileCardRenderer.removeProfileCard,
+      updateNode = _profileCardRenderer.updateNode;
     // Accessibility attributes - based on `packages/people-and-teams/profilecard/src/components/User/ProfileCardTrigger.tsx`
     if (this.domElement && options !== null && options !== void 0 && options.profilecardProvider) {
       if (node.attrs.text) {
@@ -156,6 +157,7 @@ var MentionNodeView = exports.MentionNodeView = /*#__PURE__*/function () {
     }
     this.destroyProfileCard = destroyProfileCard;
     this.removeProfileCard = removeProfileCard;
+    this.updateProfileCardNode = updateNode;
   }
   return (0, _createClass2.default)(MentionNodeView, [{
     key: "setClassList",
@@ -333,10 +335,14 @@ var MentionNodeView = exports.MentionNodeView = /*#__PURE__*/function () {
   }, {
     key: "update",
     value: function update(node) {
+      var _this$updateProfileCa;
       if (!this.nodeIsEqual(node)) {
         return false;
       }
       this.node = node;
+      // Keep the profile card renderer's node reference in sync so that the
+      // click handler always reads up-to-date attrs.
+      (_this$updateProfileCa = this.updateProfileCardNode) === null || _this$updateProfileCa === void 0 || _this$updateProfileCa.call(this, node);
       return true;
     }
   }, {

package/dist/cjs/nodeviews/profileCardRenderer.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.profileCardRenderer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _v = _interopRequireDefault(require("uuid/v4"));
@@ -13,14 +14,17 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _navigation = require("@atlaskit/teams-app-config/navigation");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _ProfileCardComponent = require("../ui/ProfileCardComponent");
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-
+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 profileCardRenderer = exports.profileCardRenderer = function profileCardRenderer(_ref) {
   var dom = _ref.dom,
     options = _ref.options,
     portalProviderAPI = _ref.portalProviderAPI,
     node = _ref.node,
     api = _ref.api;
+  // Keep a mutable reference to the latest node so the click handler always
+  // reads up-to-date attrs
+  var currentNode = node;
   var renderingProfileCard = false;
   var navigatingToProfile = false;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -49,16 +53,28 @@ var profileCardRenderer = exports.profileCardRenderer = function profileCardRend
     cleanupSelection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(function (_ref2) {
       var nextSharedState = _ref2.nextSharedState;
       var selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
-      if (selection instanceof _state.NodeSelection ? selection.node === node : false) {
+      if (selection instanceof _state.NodeSelection ? (0, _platformFeatureFlags.fg)('platform_editor_reduced_agent_profile_card') ? selection.node.sameMarkup(currentNode) : selection.node === node : false) {
         return;
       }
       removeProfileCard === null || removeProfileCard === void 0 || removeProfileCard();
     });
   };
   var renderEditorProfileCard = function renderEditorProfileCard() {
+    var activeMention = (0, _platformFeatureFlags.fg)('platform_editor_reduced_agent_profile_card') ? function (_dom$querySelector, _currentNode, _currentNode2) {
+      // Read the display name from the DOM element at click time — this is
+      // always up-to-date even when node.attrs.text is absent
+      var primitiveText = dom instanceof HTMLElement ? (_dom$querySelector = dom.querySelector('.editor-mention-primitive')) === null || _dom$querySelector === void 0 || (_dom$querySelector = _dom$querySelector.textContent) === null || _dom$querySelector === void 0 ? void 0 : _dom$querySelector.trim() : undefined;
+      return {
+        attrs: _objectSpread(_objectSpread({}, (_currentNode = currentNode) === null || _currentNode === void 0 ? void 0 : _currentNode.attrs), {}, {
+          text: ((_currentNode2 = currentNode) === null || _currentNode2 === void 0 || (_currentNode2 = _currentNode2.attrs) === null || _currentNode2 === void 0 ? void 0 : _currentNode2.text) || primitiveText || undefined
+        })
+      };
+    }() : {
+      attrs: node.attrs
+    };
     renderProfileCardPopup(function (referenceElement) {
       return /*#__PURE__*/_react.default.createElement(_ProfileCardComponent.ProfileCardComponent, {
-        activeMention: node,
+        activeMention: activeMention,
         profilecardProvider: options === null || options === void 0 ? void 0 : options.profilecardProvider,
         dom: referenceElement,
         closeComponent: removeProfileCard
@@ -112,19 +128,19 @@ var profileCardRenderer = exports.profileCardRenderer = function profileCardRend
     type: 'click',
     listener: function listener() {
       if ((0, _platformFeatureFlags.fg)('people-teams_migrate-user-profile-card')) {
-        var _node$attrs, _options$profilecardP;
-        var userId = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
+        var _currentNode$attrs, _node$attrs, _options$profilecardP;
+        var userId = (0, _platformFeatureFlags.fg)('platform_editor_reduced_agent_profile_card') ? (_currentNode$attrs = currentNode.attrs) === null || _currentNode$attrs === void 0 ? void 0 : _currentNode$attrs.id : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
         if (!userId) {
           return;
         }
         navigatingToProfile = false;
         options === null || options === void 0 || (_options$profilecardP = options.profilecardProvider) === null || _options$profilecardP === void 0 || _options$profilecardP.then(function (provider) {
-          var _node$attrs2;
+          var _currentNode$attrs2, _node$attrs2;
           if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)) {
             renderDefaultProfileCard(userId, provider);
             return;
           }
-          if ((0, _ProfileCardComponent.isAgentMentionType)((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.userType)) {
+          if ((0, _ProfileCardComponent.isAgentMentionType)((0, _platformFeatureFlags.fg)('platform_editor_reduced_agent_profile_card') ? (_currentNode$attrs2 = currentNode.attrs) === null || _currentNode$attrs2 === void 0 ? void 0 : _currentNode$attrs2.userType : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.userType)) {
             renderEditorProfileCard();
           } else {
             renderDefaultProfileCard(userId, provider);
@@ -142,6 +158,9 @@ var profileCardRenderer = exports.profileCardRenderer = function profileCardRend
       listenerCleanup();
       removeProfileCard === null || removeProfileCard === void 0 || removeProfileCard();
     },
-    removeProfileCard: removeProfileCard
+    removeProfileCard: removeProfileCard,
+    updateNode: function updateNode(nextNode) {
+      currentNode = nextNode;
+    }
   };
 };

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

@@ -50,7 +50,7 @@ var getAgentMentionName = function getAgentMentionName(text, fallbackName) {
 var AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 var AGENT_MENTION_INACTIVITY_MS = 3000;
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "14.5.5";
+var PACKAGE_VERSION = "14.5.7";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/ui/ProfileCardComponent.js

@@ -17,6 +17,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _bindEventListener = require("bind-event-listener");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _user = require("@atlaskit/profilecard/user");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
@@ -190,7 +191,8 @@ function ProfileCardComponent(_ref5) {
     referenceElement: dom
   }, isAgentMention && provider && id ? /*#__PURE__*/React.createElement(AgentProfileCardContent, {
     accountId: id,
-    provider: provider
+    provider: provider,
+    text: (0, _platformFeatureFlags.fg)('platform_editor_reduced_agent_profile_card') ? text : undefined
   }) : /*#__PURE__*/React.createElement(UserProfileCardContent, {
     accessLevel: accessLevel,
     id: id,
@@ -198,20 +200,11 @@ function ProfileCardComponent(_ref5) {
     text: text
   }));
 }
-var AgentProfileCardContent = function AgentProfileCardContent(_ref8) {
-  var accountId = _ref8.accountId,
-    provider = _ref8.provider;
-  return /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
-    accountId: accountId,
-    cloudId: provider.cloudId,
-    resourceClient: provider.resourceClient
-  });
-};
-var UserProfileCardContent = function UserProfileCardContent(_ref9) {
-  var accessLevel = _ref9.accessLevel,
-    id = _ref9.id,
-    provider = _ref9.provider,
-    text = _ref9.text;
+var UserProfileCardContent = function UserProfileCardContent(_ref8) {
+  var accessLevel = _ref8.accessLevel,
+    id = _ref8.id,
+    provider = _ref8.provider,
+    text = _ref8.text;
   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]);
@@ -251,4 +244,21 @@ var UserProfileCardContent = function UserProfileCardContent(_ref9) {
     teamCentralBaseUrl: teamCentralBaseUrl,
     isRenderedInPortal: (0, _expValEquals.expValEquals)('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
   }));
+};
+var AgentProfileCardContent = function AgentProfileCardContent(_ref9) {
+  var accountId = _ref9.accountId,
+    provider = _ref9.provider,
+    text = _ref9.text;
+  // eslint-disable-next-line require-unicode-regexp
+  var agentName = (text !== null && text !== void 0 ? text : '').replace(/^@/, '');
+  return (0, _platformFeatureFlags.fg)('platform_editor_reduced_agent_profile_card') ? /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
+    accountId: accountId,
+    cloudId: provider.cloudId,
+    resourceClient: provider.resourceClient,
+    agentName: agentName
+  }) : /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
+    accountId: accountId,
+    cloudId: provider.cloudId,
+    resourceClient: provider.resourceClient
+  });
 };

package/dist/es2019/nodeviews/mentionNodeView.js

@@ -106,7 +106,8 @@ export class MentionNodeView {
     });
     const {
       destroyProfileCard,
-      removeProfileCard
+      removeProfileCard,
+      updateNode
     } = profileCardRenderer({
       dom,
       options,
@@ -126,6 +127,7 @@ export class MentionNodeView {
     }
     this.destroyProfileCard = destroyProfileCard;
     this.removeProfileCard = removeProfileCard;
+    this.updateProfileCardNode = updateNode;
   }
   setClassList(state, disabledTooltip) {
     var _this$mentionPrimitiv, _this$mentionPrimitiv2, _this$mentionPrimitiv3;
@@ -271,10 +273,14 @@ export class MentionNodeView {
     return this.node.sameMarkup(nextNode);
   }
   update(node) {
+    var _this$updateProfileCa;
     if (!this.nodeIsEqual(node)) {
       return false;
     }
     this.node = node;
+    // Keep the profile card renderer's node reference in sync so that the
+    // click handler always reads up-to-date attrs.
+    (_this$updateProfileCa = this.updateProfileCardNode) === null || _this$updateProfileCa === void 0 ? void 0 : _this$updateProfileCa.call(this, node);
     return true;
   }
   destroy() {

package/dist/es2019/nodeviews/profileCardRenderer.js

@@ -14,6 +14,9 @@ export const profileCardRenderer = ({
   node,
   api
 }) => {
+  // Keep a mutable reference to the latest node so the click handler always
+  // reads up-to-date attrs
+  let currentNode = node;
   let renderingProfileCard = false;
   let navigatingToProfile = false;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -41,15 +44,28 @@ export const profileCardRenderer = ({
       nextSharedState
     }) => {
       const selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
-      if (selection instanceof NodeSelection ? selection.node === node : false) {
+      if (selection instanceof NodeSelection ? fg('platform_editor_reduced_agent_profile_card') ? selection.node.sameMarkup(currentNode) : selection.node === node : false) {
         return;
       }
       removeProfileCard === null || removeProfileCard === void 0 ? void 0 : removeProfileCard();
     });
   };
   const renderEditorProfileCard = () => {
+    const activeMention = fg('platform_editor_reduced_agent_profile_card') ? ((_dom$querySelector, _dom$querySelector$te, _currentNode, _currentNode2, _currentNode2$attrs) => {
+      // Read the display name from the DOM element at click time — this is
+      // always up-to-date even when node.attrs.text is absent
+      const primitiveText = dom instanceof HTMLElement ? (_dom$querySelector = dom.querySelector('.editor-mention-primitive')) === null || _dom$querySelector === void 0 ? void 0 : (_dom$querySelector$te = _dom$querySelector.textContent) === null || _dom$querySelector$te === void 0 ? void 0 : _dom$querySelector$te.trim() : undefined;
+      return {
+        attrs: {
+          ...((_currentNode = currentNode) === null || _currentNode === void 0 ? void 0 : _currentNode.attrs),
+          text: ((_currentNode2 = currentNode) === null || _currentNode2 === void 0 ? void 0 : (_currentNode2$attrs = _currentNode2.attrs) === null || _currentNode2$attrs === void 0 ? void 0 : _currentNode2$attrs.text) || primitiveText || undefined
+        }
+      };
+    })() : {
+      attrs: node.attrs
+    };
     renderProfileCardPopup(referenceElement => /*#__PURE__*/React.createElement(ProfileCardComponent, {
-      activeMention: node,
+      activeMention: activeMention,
       profilecardProvider: options === null || options === void 0 ? void 0 : options.profilecardProvider,
       dom: referenceElement,
       closeComponent: removeProfileCard
@@ -102,19 +118,19 @@ export const profileCardRenderer = ({
     type: 'click',
     listener: () => {
       if (fg('people-teams_migrate-user-profile-card')) {
-        var _node$attrs, _options$profilecardP;
-        const userId = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
+        var _currentNode$attrs, _node$attrs, _options$profilecardP;
+        const userId = fg('platform_editor_reduced_agent_profile_card') ? (_currentNode$attrs = currentNode.attrs) === null || _currentNode$attrs === void 0 ? void 0 : _currentNode$attrs.id : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
         if (!userId) {
           return;
         }
         navigatingToProfile = false;
         options === null || options === void 0 ? void 0 : (_options$profilecardP = options.profilecardProvider) === null || _options$profilecardP === void 0 ? void 0 : _options$profilecardP.then(provider => {
-          var _node$attrs2;
+          var _currentNode$attrs2, _node$attrs2;
           if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
             renderDefaultProfileCard(userId, provider);
             return;
           }
-          if (isAgentMentionType((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.userType)) {
+          if (isAgentMentionType(fg('platform_editor_reduced_agent_profile_card') ? (_currentNode$attrs2 = currentNode.attrs) === null || _currentNode$attrs2 === void 0 ? void 0 : _currentNode$attrs2.userType : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.userType)) {
             renderEditorProfileCard();
           } else {
             renderDefaultProfileCard(userId, provider);
@@ -132,6 +148,9 @@ export const profileCardRenderer = ({
       listenerCleanup();
       removeProfileCard === null || removeProfileCard === void 0 ? void 0 : removeProfileCard();
     },
-    removeProfileCard
+    removeProfileCard,
+    updateNode: nextNode => {
+      currentNode = nextNode;
+    }
   };
 };

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

@@ -35,7 +35,7 @@ const getAgentMentionName = (text, fallbackName) => {
 const AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 const AGENT_MENTION_INACTIVITY_MS = 3000;
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "14.5.5";
+const PACKAGE_VERSION = "14.5.7";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/es2019/ui/ProfileCardComponent.js

@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProfileCardLazy } from '@atlaskit/profilecard/user';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
@@ -119,7 +120,8 @@ export function ProfileCardComponent({
     referenceElement: dom
   }, isAgentMention && provider && id ? /*#__PURE__*/React.createElement(AgentProfileCardContent, {
     accountId: id,
-    provider: provider
+    provider: provider,
+    text: fg('platform_editor_reduced_agent_profile_card') ? text : undefined
   }) : /*#__PURE__*/React.createElement(UserProfileCardContent, {
     accessLevel: accessLevel,
     id: id,
@@ -127,14 +129,6 @@ export function ProfileCardComponent({
     text: text
   }));
 }
-const AgentProfileCardContent = ({
-  accountId,
-  provider
-}) => /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
-  accountId: accountId,
-  cloudId: provider.cloudId,
-  resourceClient: provider.resourceClient
-});
 const UserProfileCardContent = ({
   accessLevel,
   id,
@@ -179,4 +173,22 @@ const UserProfileCardContent = ({
     teamCentralBaseUrl: teamCentralBaseUrl,
     isRenderedInPortal: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
   }));
+};
+const AgentProfileCardContent = ({
+  accountId,
+  provider,
+  text
+}) => {
+  // eslint-disable-next-line require-unicode-regexp
+  const agentName = (text !== null && text !== void 0 ? text : '').replace(/^@/, '');
+  return fg('platform_editor_reduced_agent_profile_card') ? /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
+    accountId: accountId,
+    cloudId: provider.cloudId,
+    resourceClient: provider.resourceClient,
+    agentName: agentName
+  }) : /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
+    accountId: accountId,
+    cloudId: provider.cloudId,
+    resourceClient: provider.resourceClient
+  });
 };

package/dist/esm/nodeviews/mentionNodeView.js

@@ -136,7 +136,8 @@ export var MentionNodeView = /*#__PURE__*/function () {
         api: api
       }),
       destroyProfileCard = _profileCardRenderer.destroyProfileCard,
-      removeProfileCard = _profileCardRenderer.removeProfileCard;
+      removeProfileCard = _profileCardRenderer.removeProfileCard,
+      updateNode = _profileCardRenderer.updateNode;
     // Accessibility attributes - based on `packages/people-and-teams/profilecard/src/components/User/ProfileCardTrigger.tsx`
     if (this.domElement && options !== null && options !== void 0 && options.profilecardProvider) {
       if (node.attrs.text) {
@@ -149,6 +150,7 @@ export var MentionNodeView = /*#__PURE__*/function () {
     }
     this.destroyProfileCard = destroyProfileCard;
     this.removeProfileCard = removeProfileCard;
+    this.updateProfileCardNode = updateNode;
   }
   return _createClass(MentionNodeView, [{
     key: "setClassList",
@@ -326,10 +328,14 @@ export var MentionNodeView = /*#__PURE__*/function () {
   }, {
     key: "update",
     value: function update(node) {
+      var _this$updateProfileCa;
       if (!this.nodeIsEqual(node)) {
         return false;
       }
       this.node = node;
+      // Keep the profile card renderer's node reference in sync so that the
+      // click handler always reads up-to-date attrs.
+      (_this$updateProfileCa = this.updateProfileCardNode) === null || _this$updateProfileCa === void 0 || _this$updateProfileCa.call(this, node);
       return true;
     }
   }, {

package/dist/esm/nodeviews/profileCardRenderer.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { bind } from 'bind-event-listener';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -13,6 +16,9 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
     portalProviderAPI = _ref.portalProviderAPI,
     node = _ref.node,
     api = _ref.api;
+  // Keep a mutable reference to the latest node so the click handler always
+  // reads up-to-date attrs
+  var currentNode = node;
   var renderingProfileCard = false;
   var navigatingToProfile = false;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -41,16 +47,28 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
     cleanupSelection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(function (_ref2) {
       var nextSharedState = _ref2.nextSharedState;
       var selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
-      if (selection instanceof NodeSelection ? selection.node === node : false) {
+      if (selection instanceof NodeSelection ? fg('platform_editor_reduced_agent_profile_card') ? selection.node.sameMarkup(currentNode) : selection.node === node : false) {
         return;
       }
       removeProfileCard === null || removeProfileCard === void 0 || removeProfileCard();
     });
   };
   var renderEditorProfileCard = function renderEditorProfileCard() {
+    var activeMention = fg('platform_editor_reduced_agent_profile_card') ? function (_dom$querySelector, _currentNode, _currentNode2) {
+      // Read the display name from the DOM element at click time — this is
+      // always up-to-date even when node.attrs.text is absent
+      var primitiveText = dom instanceof HTMLElement ? (_dom$querySelector = dom.querySelector('.editor-mention-primitive')) === null || _dom$querySelector === void 0 || (_dom$querySelector = _dom$querySelector.textContent) === null || _dom$querySelector === void 0 ? void 0 : _dom$querySelector.trim() : undefined;
+      return {
+        attrs: _objectSpread(_objectSpread({}, (_currentNode = currentNode) === null || _currentNode === void 0 ? void 0 : _currentNode.attrs), {}, {
+          text: ((_currentNode2 = currentNode) === null || _currentNode2 === void 0 || (_currentNode2 = _currentNode2.attrs) === null || _currentNode2 === void 0 ? void 0 : _currentNode2.text) || primitiveText || undefined
+        })
+      };
+    }() : {
+      attrs: node.attrs
+    };
     renderProfileCardPopup(function (referenceElement) {
       return /*#__PURE__*/React.createElement(ProfileCardComponent, {
-        activeMention: node,
+        activeMention: activeMention,
         profilecardProvider: options === null || options === void 0 ? void 0 : options.profilecardProvider,
         dom: referenceElement,
         closeComponent: removeProfileCard
@@ -104,19 +122,19 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
     type: 'click',
     listener: function listener() {
       if (fg('people-teams_migrate-user-profile-card')) {
-        var _node$attrs, _options$profilecardP;
-        var userId = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
+        var _currentNode$attrs, _node$attrs, _options$profilecardP;
+        var userId = fg('platform_editor_reduced_agent_profile_card') ? (_currentNode$attrs = currentNode.attrs) === null || _currentNode$attrs === void 0 ? void 0 : _currentNode$attrs.id : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
         if (!userId) {
           return;
         }
         navigatingToProfile = false;
         options === null || options === void 0 || (_options$profilecardP = options.profilecardProvider) === null || _options$profilecardP === void 0 || _options$profilecardP.then(function (provider) {
-          var _node$attrs2;
+          var _currentNode$attrs2, _node$attrs2;
           if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
             renderDefaultProfileCard(userId, provider);
             return;
           }
-          if (isAgentMentionType((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.userType)) {
+          if (isAgentMentionType(fg('platform_editor_reduced_agent_profile_card') ? (_currentNode$attrs2 = currentNode.attrs) === null || _currentNode$attrs2 === void 0 ? void 0 : _currentNode$attrs2.userType : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.userType)) {
             renderEditorProfileCard();
           } else {
             renderDefaultProfileCard(userId, provider);
@@ -134,6 +152,9 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
       listenerCleanup();
       removeProfileCard === null || removeProfileCard === void 0 || removeProfileCard();
     },
-    removeProfileCard: removeProfileCard
+    removeProfileCard: removeProfileCard,
+    updateNode: function updateNode(nextNode) {
+      currentNode = nextNode;
+    }
   };
 };

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

@@ -42,7 +42,7 @@ var getAgentMentionName = function getAgentMentionName(text, fallbackName) {
 var AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 var AGENT_MENTION_INACTIVITY_MS = 3000;
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "14.5.5";
+var PACKAGE_VERSION = "14.5.7";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/esm/ui/ProfileCardComponent.js

@@ -8,6 +8,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect, useMemo, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProfileCardLazy } from '@atlaskit/profilecard/user';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
@@ -178,7 +179,8 @@ export function ProfileCardComponent(_ref5) {
     referenceElement: dom
   }, isAgentMention && provider && id ? /*#__PURE__*/React.createElement(AgentProfileCardContent, {
     accountId: id,
-    provider: provider
+    provider: provider,
+    text: fg('platform_editor_reduced_agent_profile_card') ? text : undefined
   }) : /*#__PURE__*/React.createElement(UserProfileCardContent, {
     accessLevel: accessLevel,
     id: id,
@@ -186,20 +188,11 @@ export function ProfileCardComponent(_ref5) {
     text: text
   }));
 }
-var AgentProfileCardContent = function AgentProfileCardContent(_ref8) {
-  var accountId = _ref8.accountId,
-    provider = _ref8.provider;
-  return /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
-    accountId: accountId,
-    cloudId: provider.cloudId,
-    resourceClient: provider.resourceClient
-  });
-};
-var UserProfileCardContent = function UserProfileCardContent(_ref9) {
-  var accessLevel = _ref9.accessLevel,
-    id = _ref9.id,
-    provider = _ref9.provider,
-    text = _ref9.text;
+var UserProfileCardContent = function UserProfileCardContent(_ref8) {
+  var accessLevel = _ref8.accessLevel,
+    id = _ref8.id,
+    provider = _ref8.provider,
+    text = _ref8.text;
   var actions = useMemo(function () {
     return provider === null || provider === void 0 ? void 0 : provider.getActions(id, text !== null && text !== void 0 ? text : '', accessLevel);
   }, [accessLevel, id, provider, text]);
@@ -239,4 +232,21 @@ var UserProfileCardContent = function UserProfileCardContent(_ref9) {
     teamCentralBaseUrl: teamCentralBaseUrl,
     isRenderedInPortal: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
   }));
+};
+var AgentProfileCardContent = function AgentProfileCardContent(_ref9) {
+  var accountId = _ref9.accountId,
+    provider = _ref9.provider,
+    text = _ref9.text;
+  // eslint-disable-next-line require-unicode-regexp
+  var agentName = (text !== null && text !== void 0 ? text : '').replace(/^@/, '');
+  return fg('platform_editor_reduced_agent_profile_card') ? /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
+    accountId: accountId,
+    cloudId: provider.cloudId,
+    resourceClient: provider.resourceClient,
+    agentName: agentName
+  }) : /*#__PURE__*/React.createElement(AgentProfileCardResourcedLazy, {
+    accountId: accountId,
+    cloudId: provider.cloudId,
+    resourceClient: provider.resourceClient
+  });
 };

package/dist/types/nodeviews/mentionNodeView.d.ts

@@ -18,6 +18,7 @@ export declare class MentionNodeView implements NodeView {
     private cleanup;
     private destroyProfileCard;
     private removeProfileCard;
+    private updateProfileCardNode;
     private mentionPrimitiveElement;
     private disabledTooltip;
     private unsubscribeFromDisabledStateChanges;

package/dist/types/nodeviews/profileCardRenderer.d.ts

@@ -12,4 +12,5 @@ export declare const profileCardRenderer: ({ dom, options, portalProviderAPI, no
 }) => {
     destroyProfileCard: () => void;
     removeProfileCard: () => void;
+    updateNode: (nextNode: PMNode) => void;
 };

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

@@ -1,5 +1,5 @@
+import type { MentionAttributes } from '@atlaskit/adf-schema';
 import type { ProfilecardProvider } from '@atlaskit/editor-common/provider-factory';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { ProfileCardClientData, TeamCentralReportingLinesData } from '@atlaskit/profilecard/types';
 interface ProfileCardStateProps {
     id: string | undefined;
@@ -18,7 +18,9 @@ export declare const useProfileCardState: ({ id, provider, }: ProfileCardStatePr
  * Renders the profile card popup for an editor mention node.
  */
 export declare function ProfileCardComponent({ profilecardProvider, activeMention, dom, closeComponent, }: {
-    activeMention: PMNode;
+    activeMention: {
+        attrs: MentionAttributes;
+    };
     closeComponent: () => void;
     dom: HTMLElement;
     profilecardProvider?: Promise<ProfilecardProvider> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "14.5.6",
+	"version": "14.5.8",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/profilecard": "^26.5.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^118.0.0",
+		"@atlaskit/tmp-editor-statsig": "^119.0.0",
 		"@atlaskit/tokens": "^15.3.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/user-picker": "^13.4.0",
@@ -123,6 +123,9 @@
 		},
 		"rovo_chat_agent_selection": {
 			"type": "boolean"
+		},
+		"platform_editor_reduced_agent_profile_card": {
+			"type": "boolean"
 		}
 	}
 }