@atlaskit/profilecard 24.37.3 → 24.39.0

package/dist/es2019/components/User/ProfileCardDetails.js

@@ -8,6 +8,7 @@ import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
@@ -24,7 +25,7 @@ const styles = {
   disabledAccount: "_syazi7uo",
   activeAccount: "_syaz15cr"
 };
-const renderName = (nickname, fullName, meta, nameRef) => {
+const renderName = (nickname, fullName, meta, nameRef, isRenderedInPortal, isTriggeredUsingKeyboard) => {
   if (!fullName && !nickname) {
     return null;
   }
@@ -47,12 +48,15 @@ const renderName = (nickname, fullName, meta, nameRef) => {
     as: "h2",
     xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? fg('enable_absolute_positioning_profile_card') ? styles.metaLabelWithHighSpecificity : styles.metaLabel : fg('enable_absolute_positioning_profile_card') ? styles.noMetaLabelWithHighSpecificity : styles.noMetaLabel),
     testId: "profilecard-name",
-    id: "profilecard-name-label"
+    id: "profilecard-name-label",
+    tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
   }, displayName)) : /*#__PURE__*/React.createElement(Box, {
+    ref: nameRef,
     as: "h2",
     xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? fg('enable_absolute_positioning_profile_card') ? styles.metaLabelWithHighSpecificity : styles.metaLabel : fg('enable_absolute_positioning_profile_card') ? styles.noMetaLabelWithHighSpecificity : styles.noMetaLabel),
     testId: "profilecard-name",
-    id: "profilecard-name-label"
+    id: "profilecard-name-label",
+    tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
   }, displayName);
 };
 const disabledAccountDesc = (statusModifiedDate, disabledAccountMessage, status = 'closed') => {
@@ -122,9 +126,22 @@ const DisabledProfileCardDetails = props => {
 export const ProfileCardDetails = props => {
   const {
     meta,
-    status
+    status,
+    isRenderedInPortal,
+    isTriggeredUsingKeyboard
   } = props;
   const nameRef = useRef(null);
+  React.useEffect(() => {
+    if (nameRef !== null && nameRef !== void 0 && nameRef.current && isRenderedInPortal && isTriggeredUsingKeyboard && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)) {
+      const rafId = requestAnimationFrame(() => {
+        var _nameRef$current;
+        (_nameRef$current = nameRef.current) === null || _nameRef$current === void 0 ? void 0 : _nameRef$current.focus();
+      });
+      return () => {
+        cancelAnimationFrame(rafId);
+      };
+    }
+  }, [isRenderedInPortal, isTriggeredUsingKeyboard]);
   if (props.isServiceAccount) {
     return /*#__PURE__*/React.createElement(ServiceAccountProfileCardDetails, props);
   }
@@ -139,7 +156,7 @@ export const ProfileCardDetails = props => {
   const lozenges = /*#__PURE__*/React.createElement(CustomLozenges, {
     lozenges: props.customLozenges
   });
-  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta, nameRef), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), meta && props.customLozenges && props.customLozenges.length > 0 ? /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta, nameRef, isRenderedInPortal, isTriggeredUsingKeyboard), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), meta && props.customLozenges && props.customLozenges.length > 0 ? /*#__PURE__*/React.createElement(Box, {
     paddingBlockStart: "space.150"
   }, lozenges) : lozenges, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.detailedListWrapperNext

package/dist/es2019/components/User/ProfileCardTrigger.js

@@ -6,6 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { layers } from '@atlaskit/theme/constants';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import filterActionsInner from '../../internal/filterActions';
 import getLabelMessage from '../../internal/getLabelMessage';
 import { CardWrapper } from '../../styled/UserTrigger';
@@ -26,6 +27,7 @@ function ProfileCardContent({
   hasError,
   errorType,
   agentActions,
+  isRenderedInPortal,
   addFlag,
   hideAgentMoreActions,
   hideAiDisclaimer
@@ -46,6 +48,7 @@ function ProfileCardContent({
     return /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, profilecardProps, {
+      isRenderedInPortal: isRenderedInPortal,
       actions: profileCardAction,
       hasError: hasError,
       errorType: errorType,
@@ -78,6 +81,7 @@ export default function ProfilecardTriggerNext({
   hideAiDisclaimer,
   ariaHideProfileTrigger = false,
   isVisible: propsIsVisible,
+  isRenderedInPortal,
   ssrPlaceholderId,
   showDelay: customShowDelay,
   hideDelay: customHideDelay
@@ -324,7 +328,8 @@ export default function ProfilecardTriggerNext({
       agentActions: agentActions,
       addFlag: addFlag,
       hideAgentMoreActions: hideAgentMoreActions,
-      hideAiDisclaimer: hideAiDisclaimer
+      hideAiDisclaimer: hideAiDisclaimer,
+      isRenderedInPortal: isRenderedInPortal
     })),
     trigger: triggerProps => {
       const {
@@ -358,7 +363,7 @@ export default function ProfilecardTriggerNext({
     },
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
-    autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
+    autoFocus: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? isRenderedInPortal && isTriggeredUsingKeyboard ? false : autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click' : autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
     // This feature gate is currently enabled only for Jira_Web to avoid UI issues in Confluence_Web.
     ,
     shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card'),

package/dist/es2019/util/analytics.js

@@ -4,7 +4,7 @@ import { getPageTime } from './performance';
 const ANALYTICS_CHANNEL = 'peopleTeams';
 export const PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "24.37.2"
+  packageVersion: "24.38.0"
 };
 const runItLater = cb => {
   const requestIdleCallback = window.requestIdleCallback;
@@ -45,7 +45,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.37.2",
+    packageVersion: "24.38.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.37.2");
+  headers.append('atl-client-version', "24.38.0");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -59,7 +59,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.37.2");
+  headers.append('atl-client-version', "24.38.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Agent/AgentProfileCardResourced.js

@@ -39,102 +39,28 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
       cloudId: props.cloudId
     }),
     profileHref = _navigateToTeamsApp.href;
-
-  /**
-   * @TODO replace with `getAgentCreator` from `@atlassian/rovo-agent-components`
-   * @deprecated use `getAgentCreator` from `@atlassian/rovo-agent-components`
-   */
-  var getCreatorDeprecated = useCallback( /*#__PURE__*/function () {
+  var getCreator = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-      var creator_type, creator, authoringTeam, _authoringTeam$displa, _authoringTeam$profil, creatorInfo;
+      var creator_type, creator, authoringTeam, _authoringTeam$displa, _authoringTeam$profil, _userCreatorInfo$full, userCreatorInfo, creatorInfo;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             creator_type = _ref.creator_type, creator = _ref.creator, authoringTeam = _ref.authoringTeam;
-            if (creator) {
-              _context.next = 3;
-              break;
-            }
-            return _context.abrupt("return", undefined);
-          case 3:
-            _context.t0 = creator_type;
-            _context.next = _context.t0 === 'SYSTEM' ? 6 : _context.t0 === 'THIRD_PARTY' ? 7 : _context.t0 === 'CUSTOMER' ? 8 : 22;
-            break;
-          case 6:
-            return _context.abrupt("return", {
-              type: 'SYSTEM'
-            });
-          case 7:
-            return _context.abrupt("return", {
-              type: 'THIRD_PARTY',
-              name: creator !== null && creator !== void 0 ? creator : ''
-            });
-          case 8:
-            _context.prev = 8;
-            if (!(!creatorUserId || !props.cloudId)) {
-              _context.next = 11;
-              break;
-            }
-            return _context.abrupt("return", undefined);
-          case 11:
-            if (!authoringTeam) {
-              _context.next = 13;
-              break;
-            }
-            return _context.abrupt("return", {
-              type: 'CUSTOMER',
-              name: (_authoringTeam$displa = authoringTeam.displayName) !== null && _authoringTeam$displa !== void 0 ? _authoringTeam$displa : '',
-              profileLink: (_authoringTeam$profil = authoringTeam.profileUrl) !== null && _authoringTeam$profil !== void 0 ? _authoringTeam$profil : ''
-            });
-          case 13:
-            _context.next = 15;
-            return props.resourceClient.getProfile(props.cloudId, creatorUserId, fireEvent);
-          case 15:
-            creatorInfo = _context.sent;
-            return _context.abrupt("return", {
-              type: 'CUSTOMER',
-              name: creatorInfo.fullName,
-              profileLink: fg('platform-adopt-teams-nav-config') ? profileHref : "/people/".concat(creatorUserId),
-              id: creatorUserId
-            });
-          case 19:
-            _context.prev = 19;
-            _context.t1 = _context["catch"](8);
-            return _context.abrupt("return", undefined);
-          case 22:
-            return _context.abrupt("return", undefined);
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[8, 19]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [creatorUserId, fireEvent, props.cloudId, props.resourceClient, profileHref]);
-  var getCreator = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
-      var creator_type, creator, authoringTeam, _authoringTeam$displa2, _authoringTeam$profil2, _userCreatorInfo$full, userCreatorInfo, creatorInfo;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            creator_type = _ref3.creator_type, creator = _ref3.creator, authoringTeam = _ref3.authoringTeam;
-            _context2.prev = 1;
+            _context.prev = 1;
             if (!(creatorUserId && props.cloudId)) {
-              _context2.next = 6;
+              _context.next = 6;
               break;
             }
-            _context2.next = 5;
+            _context.next = 5;
             return props.resourceClient.getProfile(props.cloudId, creatorUserId, fireEvent);
           case 5:
-            userCreatorInfo = _context2.sent;
+            userCreatorInfo = _context.sent;
           case 6:
             creatorInfo = getAgentCreator({
               creatorType: creator_type !== null && creator_type !== void 0 ? creator_type : '',
               authoringTeam: authoringTeam ? {
-                displayName: (_authoringTeam$displa2 = authoringTeam.displayName) !== null && _authoringTeam$displa2 !== void 0 ? _authoringTeam$displa2 : '',
-                profileLink: (_authoringTeam$profil2 = authoringTeam.profileUrl) !== null && _authoringTeam$profil2 !== void 0 ? _authoringTeam$profil2 : undefined
+                displayName: (_authoringTeam$displa = authoringTeam.displayName) !== null && _authoringTeam$displa !== void 0 ? _authoringTeam$displa : '',
+                profileLink: (_authoringTeam$profil = authoringTeam.profileUrl) !== null && _authoringTeam$profil !== void 0 ? _authoringTeam$profil : undefined
               } : undefined,
               userCreator: userCreatorInfo ? {
                 name: (_userCreatorInfo$full = userCreatorInfo.fullName) !== null && _userCreatorInfo$full !== void 0 ? _userCreatorInfo$full : '',
@@ -142,79 +68,64 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
               } : undefined,
               forgeCreator: creator !== null && creator !== void 0 ? creator : undefined
             });
-            return _context2.abrupt("return", creatorInfo);
+            return _context.abrupt("return", creatorInfo);
           case 10:
-            _context2.prev = 10;
-            _context2.t0 = _context2["catch"](1);
-            return _context2.abrupt("return", undefined);
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+            return _context.abrupt("return", undefined);
           case 13:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[1, 10]]);
+      }, _callee, null, [[1, 10]]);
     }));
-    return function (_x2) {
-      return _ref4.apply(this, arguments);
+    return function (_x) {
+      return _ref2.apply(this, arguments);
     };
   }(), [creatorUserId, fireEvent, props.cloudId, props.resourceClient, profileHref]);
-  var fetchData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var _profileResult$aggDat, _profileResult$aggDat2, profileResult, profileData, creatorInfoProps, agentCreatorInfo, agentCreatorInfoDeprecated;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+  var fetchData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _profileResult$aggDat, _profileResult$aggDat2, profileResult, profileData, creatorInfoProps, agentCreatorInfo;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           setIsLoading(true);
-          _context3.prev = 1;
-          _context3.next = 4;
+          _context2.prev = 1;
+          _context2.next = 4;
           return props.resourceClient.getRovoAgentProfile({
             type: 'identity',
             value: props.accountId
           }, fireEvent);
         case 4:
-          profileResult = _context3.sent;
+          profileResult = _context2.sent;
           profileData = profileResult.restData;
           creatorInfoProps = {
             creator_type: profileData === null || profileData === void 0 ? void 0 : profileData.creator_type,
             creator: (profileData === null || profileData === void 0 ? void 0 : profileData.creator) || undefined,
             authoringTeam: (_profileResult$aggDat = (_profileResult$aggDat2 = profileResult.aggData) === null || _profileResult$aggDat2 === void 0 ? void 0 : _profileResult$aggDat2.authoringTeam) !== null && _profileResult$aggDat !== void 0 ? _profileResult$aggDat : undefined
           };
-          if (!fg('rovo_agent_show_creator_on_profile_card_fix')) {
-            _context3.next = 14;
-            break;
-          }
-          _context3.next = 10;
+          _context2.next = 9;
           return getCreator(creatorInfoProps);
-        case 10:
-          agentCreatorInfo = _context3.sent;
+        case 9:
+          agentCreatorInfo = _context2.sent;
           setAgentData(_objectSpread(_objectSpread({}, profileData), {}, {
             creatorInfo: agentCreatorInfo
           }));
-          _context3.next = 18;
+          _context2.next = 16;
           break;
-        case 14:
-          _context3.next = 16;
-          return getCreatorDeprecated(creatorInfoProps);
+        case 13:
+          _context2.prev = 13;
+          _context2.t0 = _context2["catch"](1);
+          setError(_context2.t0);
         case 16:
-          agentCreatorInfoDeprecated = _context3.sent;
-          setAgentData(_objectSpread(_objectSpread({}, profileData), {}, {
-            creatorInfo: agentCreatorInfoDeprecated
-          }));
-        case 18:
-          _context3.next = 23;
-          break;
-        case 20:
-          _context3.prev = 20;
-          _context3.t0 = _context3["catch"](1);
-          setError(_context3.t0);
-        case 23:
-          _context3.prev = 23;
+          _context2.prev = 16;
           setIsLoading(false);
-          return _context3.finish(23);
-        case 26:
+          return _context2.finish(16);
+        case 19:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3, null, [[1, 20, 23, 26]]);
-  })), [fireEvent, getCreator, props.accountId, props.resourceClient, getCreatorDeprecated]);
+    }, _callee2, null, [[1, 13, 16, 19]]);
+  })), [fireEvent, getCreator, props.accountId, props.resourceClient]);
   useEffect(function () {
     fetchData();
   }, [fetchData]);

package/dist/esm/components/User/ProfileCard.js

@@ -161,6 +161,7 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
     actions: realActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard,
+    isRenderedInPortal: props.isRenderedInPortal,
     fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
   }))))));
 };
@@ -169,6 +170,7 @@ var Actions = function Actions(_ref) {
     fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration,
     fireAnalyticsWithDurationNext = _ref.fireAnalyticsWithDurationNext,
     isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard,
+    isRenderedInPortal = _ref.isRenderedInPortal,
     fullName = _ref.fullName;
   var onActionClick = useCallback(function (action, args, event, index) {
     if (fg('ptc-enable-profile-card-analytics-refactor')) {
@@ -219,7 +221,7 @@ var Actions = function Actions(_ref) {
       },
       href: action.link || '',
       target: action.target,
-      autoFocus: index === 0 && isTriggeredUsingKeyboard,
+      autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
       id: "action-button-".concat(action.id),
       "aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''
     }, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));

package/dist/esm/components/User/ProfileCardDetails.js

@@ -10,6 +10,7 @@ import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
@@ -26,7 +27,7 @@ var styles = {
   disabledAccount: "_syazi7uo",
   activeAccount: "_syaz15cr"
 };
-var renderName = function renderName(nickname, fullName, meta, nameRef) {
+var renderName = function renderName(nickname, fullName, meta, nameRef, isRenderedInPortal, isTriggeredUsingKeyboard) {
   if (!fullName && !nickname) {
     return null;
   }
@@ -49,12 +50,15 @@ var renderName = function renderName(nickname, fullName, meta, nameRef) {
     as: "h2",
     xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? fg('enable_absolute_positioning_profile_card') ? styles.metaLabelWithHighSpecificity : styles.metaLabel : fg('enable_absolute_positioning_profile_card') ? styles.noMetaLabelWithHighSpecificity : styles.noMetaLabel),
     testId: "profilecard-name",
-    id: "profilecard-name-label"
+    id: "profilecard-name-label",
+    tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
   }, displayName)) : /*#__PURE__*/React.createElement(Box, {
+    ref: nameRef,
     as: "h2",
     xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? fg('enable_absolute_positioning_profile_card') ? styles.metaLabelWithHighSpecificity : styles.metaLabel : fg('enable_absolute_positioning_profile_card') ? styles.noMetaLabelWithHighSpecificity : styles.noMetaLabel),
     testId: "profilecard-name",
-    id: "profilecard-name-label"
+    id: "profilecard-name-label",
+    tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
   }, displayName);
 };
 var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disabledAccountMessage) {
@@ -120,8 +124,21 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
 };
 export var ProfileCardDetails = function ProfileCardDetails(props) {
   var meta = props.meta,
-    status = props.status;
+    status = props.status,
+    isRenderedInPortal = props.isRenderedInPortal,
+    isTriggeredUsingKeyboard = props.isTriggeredUsingKeyboard;
   var nameRef = useRef(null);
+  React.useEffect(function () {
+    if (nameRef !== null && nameRef !== void 0 && nameRef.current && isRenderedInPortal && isTriggeredUsingKeyboard && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)) {
+      var rafId = requestAnimationFrame(function () {
+        var _nameRef$current;
+        (_nameRef$current = nameRef.current) === null || _nameRef$current === void 0 || _nameRef$current.focus();
+      });
+      return function () {
+        cancelAnimationFrame(rafId);
+      };
+    }
+  }, [isRenderedInPortal, isTriggeredUsingKeyboard]);
   if (props.isServiceAccount) {
     return /*#__PURE__*/React.createElement(ServiceAccountProfileCardDetails, props);
   }
@@ -136,7 +153,7 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
   var lozenges = /*#__PURE__*/React.createElement(CustomLozenges, {
     lozenges: props.customLozenges
   });
-  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta, nameRef), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), meta && props.customLozenges && props.customLozenges.length > 0 ? /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta, nameRef, isRenderedInPortal, isTriggeredUsingKeyboard), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), meta && props.customLozenges && props.customLozenges.length > 0 ? /*#__PURE__*/React.createElement(Box, {
     paddingBlockStart: "space.150"
   }, lozenges) : lozenges, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.detailedListWrapperNext

package/dist/esm/components/User/ProfileCardTrigger.js

@@ -16,6 +16,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { layers } from '@atlaskit/theme/constants';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import filterActionsInner from '../../internal/filterActions';
 import getLabelMessage from '../../internal/getLabelMessage';
 import { CardWrapper } from '../../styled/UserTrigger';
@@ -36,6 +37,7 @@ function ProfileCardContent(_ref) {
     hasError = _ref.hasError,
     errorType = _ref.errorType,
     agentActions = _ref.agentActions,
+    isRenderedInPortal = _ref.isRenderedInPortal,
     addFlag = _ref.addFlag,
     hideAgentMoreActions = _ref.hideAgentMoreActions,
     hideAiDisclaimer = _ref.hideAiDisclaimer;
@@ -55,6 +57,7 @@ function ProfileCardContent(_ref) {
     return /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, profilecardProps, {
+      isRenderedInPortal: isRenderedInPortal,
       actions: profileCardAction,
       hasError: hasError,
       errorType: errorType,
@@ -91,6 +94,7 @@ export default function ProfilecardTriggerNext(_ref2) {
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
     propsIsVisible = _ref2.isVisible,
+    isRenderedInPortal = _ref2.isRenderedInPortal,
     ssrPlaceholderId = _ref2.ssrPlaceholderId,
     customShowDelay = _ref2.showDelay,
     customHideDelay = _ref2.hideDelay;
@@ -386,7 +390,8 @@ export default function ProfilecardTriggerNext(_ref2) {
         agentActions: agentActions,
         addFlag: addFlag,
         hideAgentMoreActions: hideAgentMoreActions,
-        hideAiDisclaimer: hideAiDisclaimer
+        hideAiDisclaimer: hideAiDisclaimer,
+        isRenderedInPortal: isRenderedInPortal
       }));
     },
     trigger: function trigger(triggerProps) {
@@ -417,7 +422,7 @@ export default function ProfilecardTriggerNext(_ref2) {
     },
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
-    autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
+    autoFocus: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? isRenderedInPortal && isTriggeredUsingKeyboard ? false : autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click' : autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
     // This feature gate is currently enabled only for Jira_Web to avoid UI issues in Confluence_Web.
     ,
     shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card'),

package/dist/esm/util/analytics.js

@@ -7,7 +7,7 @@ import { getPageTime } from './performance';
 var ANALYTICS_CHANNEL = 'peopleTeams';
 export var PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "24.37.2"
+  packageVersion: "24.38.0"
 };
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
@@ -52,7 +52,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.37.2"
+      packageVersion: "24.38.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, hideAgentMoreActions, hideAiDisclaimer, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, showDelay: customShowDelay, hideDelay: customHideDelay, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, hideAgentMoreActions, hideAiDisclaimer, ariaHideProfileTrigger, isVisible: propsIsVisible, isRenderedInPortal, ssrPlaceholderId, showDelay: customShowDelay, hideDelay: customHideDelay, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types/types.d.ts

@@ -189,6 +189,13 @@ export interface ProfileCardTriggerProps {
     disabledAriaAttributes?: boolean;
     onVisibilityChange?: (isVisible: boolean) => void;
     isVisible?: boolean;
+    /**
+     * Indicates whether the profile card is rendered in a portal.
+     *
+     * If true, the profile card will auto-focus the name element when opened for better accessibility,
+     * keeping the user's focus in the tab trap.
+     */
+    isRenderedInPortal?: boolean;
     offset?: [number, number];
     product?: string;
     viewingUserId?: string;
@@ -437,6 +444,13 @@ export interface ProfilecardProps {
     teamCentralBaseUrl?: string;
     addFlag?: (flag: any) => void;
     cloudId?: string;
+    /**
+     * Indicates whether the profile card is rendered in a portal.
+     *
+     * If true, the profile card will auto-focus the name element when opened for better accessibility,
+     * keeping the user's focus in the tab trap.
+     */
+    isRenderedInPortal?: boolean;
     disabledAccountMessage?: React.ReactNode;
     hasDisabledAccountLozenge?: boolean;
     customLozenges?: LozengeProps[];

package/dist/types-ts4.5/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, hideAgentMoreActions, hideAiDisclaimer, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, showDelay: customShowDelay, hideDelay: customHideDelay, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, hideAgentMoreActions, hideAiDisclaimer, ariaHideProfileTrigger, isVisible: propsIsVisible, isRenderedInPortal, ssrPlaceholderId, showDelay: customShowDelay, hideDelay: customHideDelay, }: ProfileCardTriggerProps): React.JSX.Element;

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

@@ -189,6 +189,13 @@ export interface ProfileCardTriggerProps {
     disabledAriaAttributes?: boolean;
     onVisibilityChange?: (isVisible: boolean) => void;
     isVisible?: boolean;
+    /**
+     * Indicates whether the profile card is rendered in a portal.
+     *
+     * If true, the profile card will auto-focus the name element when opened for better accessibility,
+     * keeping the user's focus in the tab trap.
+     */
+    isRenderedInPortal?: boolean;
     offset?: [
         number,
         number
@@ -443,6 +450,13 @@ export interface ProfilecardProps {
     teamCentralBaseUrl?: string;
     addFlag?: (flag: any) => void;
     cloudId?: string;
+    /**
+     * Indicates whether the profile card is rendered in a portal.
+     *
+     * If true, the profile card will auto-focus the name element when opened for better accessibility,
+     * keeping the user's focus in the tab trap.
+     */
+    isRenderedInPortal?: boolean;
     disabledAccountMessage?: React.ReactNode;
     hasDisabledAccountLozenge?: boolean;
     customLozenges?: LozengeProps[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.37.3",
+	"version": "24.39.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.5.0",
 		"@atlaskit/empty-state": "^10.1.0",
-		"@atlaskit/give-kudos": "^4.14.0",
+		"@atlaskit/give-kudos": "^4.15.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/icon": "^32.0.0",
 		"@atlaskit/link": "3.3.3",
@@ -68,6 +68,7 @@
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/teams-public": "^0.70.0",
 		"@atlaskit/theme": "^21.0.0",
+		"@atlaskit/tmp-editor-statsig": "^32.5.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
@@ -175,9 +176,6 @@
 		"rovo_display_ai_disclaimer_on_agent_profile_card": {
 			"type": "boolean"
 		},
-		"rovo_agent_show_creator_on_profile_card_fix": {
-			"type": "boolean"
-		},
 		"new_team_profile_fedramp": {
 			"type": "boolean"
 		},