@atlaskit/profilecard 23.19.3 → 23.20.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/profilecard
 
+## 23.20.0
+
+### Minor Changes
+
+- [#172553](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172553)
+  [`7e8e9711f4e15`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8e9711f4e15) -
+  Clean up ptc_migrate_buttons feature gate
+
+### Patch Changes
+
+- Updated dependencies
+
+## 23.19.4
+
+### Patch Changes
+
+- [#174177](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174177)
+  [`3094c6ed637b3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3094c6ed637b3) -
+  [ux] Displaying Service Account tag for Service Account user profile
+- [#173636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173636)
+  [`22b85a186fb8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22b85a186fb8a) -
+  SSR placeholder for mention profile card trigger
+- Updated dependencies
+
 ## 23.19.3
 
 ### Patch Changes

package/dist/cjs/client/UserProfileCardClient.js

@@ -128,6 +128,7 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
                 isBot: user.__typename === 'AppUser',
                 isAgent: user.appType === 'agent',
+                isServiceAccount: user.__typename === 'AppUser' && user.appType === 'service',
                 status: user.accountStatus,
                 statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
                 avatarUrl: user.picture,

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./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', "23.19.2");
+  headers.append('atl-client-version', "23.19.4");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -65,7 +65,7 @@ var addHeaders = exports.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', "23.19.2");
+  headers.append('atl-client-version', "23.19.4");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Error/ErrorMessage.js

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _crossCircle2 = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _Error = require("../../styled/Error");
 var _analytics = require("../../util/analytics");
@@ -44,11 +42,8 @@ var ErrorMessage = function ErrorMessage(props) {
     label: "icon error",
     LEGACY_fallbackIcon: _crossCircle2.default,
     LEGACY_size: "xlarge"
-  }), errorContent(), reload && ((0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_new.default, {
+  }), errorContent(), reload && /*#__PURE__*/_react.default.createElement(_new.default, {
     onClick: reload
-  }, "Try again") : /*#__PURE__*/_react.default.createElement(_button.default, {
-    appearance: "link",
-    onClick: reload
-  }, "Try again")));
+  }, "Try again"));
 };
 var _default = exports.default = ErrorMessage;

package/dist/cjs/components/Team/TeamProfileCard.js

@@ -14,9 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
-var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _menu = require("@atlaskit/menu");
@@ -175,16 +173,11 @@ var ActionButton = function ActionButton(_ref2) {
   var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
   var actionButton = /*#__PURE__*/_react.default.createElement(_focusRing.default, {
     isInset: true
-  }, (0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
+  }, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
     shouldFitContainer: true
-  }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null))) : /*#__PURE__*/_react.default.createElement(_standardButton.default, {
-    key: action.id || index,
-    onClick: onActionClick(action, analytics, index),
-    href: action.link,
-    shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null))));
   if (isGiveKudosActionButton) {
     return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
@@ -230,7 +223,7 @@ var ExtraActions = function ExtraActions(_ref3) {
       }));
     },
     trigger: function trigger(triggerProps) {
-      return (0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
         testId: "more-actions-button"
       }, triggerProps, {
         isSelected: isOpen,
@@ -239,18 +232,6 @@ var ExtraActions = function ExtraActions(_ref3) {
         },
         icon: _showMoreHorizontalMore.default,
         label: "actions"
-      })) : /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({
-        testId: "more-actions-button"
-      }, triggerProps, {
-        isSelected: isOpen,
-        onClick: function onClick() {
-          return onMoreClick(!isOpen);
-        },
-        iconAfter: /*#__PURE__*/_react.default.createElement(_showMoreHorizontalMore.default, {
-          spacing: "spacious",
-          label: "actions",
-          color: "currentColor"
-        })
       }));
     },
     zIndex: _constants.layers.modal(),
@@ -357,12 +338,7 @@ var ErrorMessage = function ErrorMessage(_ref6) {
   }, /*#__PURE__*/_react.default.createElement(_Error2.ErrorIllustration, null), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p",
     weight: "semibold"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamErrorTitle)), /*#__PURE__*/_react.default.createElement(_Error.TeamErrorText, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamErrorText)), clientFetchProfile && /*#__PURE__*/_react.default.createElement(_TeamCard.ActionButtons, null, /*#__PURE__*/_react.default.createElement(_TeamCard.WrappedButton, null, (0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_new.default, {
-    testId: "client-fetch-profile-button",
-    shouldFitContainer: true,
-    onClick: retry,
-    isLoading: isLoading
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamErrorButton)) : /*#__PURE__*/_react.default.createElement(_loadingButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamErrorTitle)), /*#__PURE__*/_react.default.createElement(_Error.TeamErrorText, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamErrorText)), clientFetchProfile && /*#__PURE__*/_react.default.createElement(_TeamCard.ActionButtons, null, /*#__PURE__*/_react.default.createElement(_TeamCard.WrappedButton, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     testId: "client-fetch-profile-button",
     shouldFitContainer: true,
     onClick: retry,

package/dist/cjs/components/User/OverflowProfileCardButtons.js

@@ -11,11 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _new = require("@atlaskit/button/new");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _analytics = require("../../util/analytics");
@@ -55,21 +53,12 @@ var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function O
         isSelected = _ref2.isSelected,
         testId = _ref2.testId,
         providedProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      return (0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
         type: "button"
       }, providedProps, {
         ref: triggerRef,
         label: intl.formatMessage(_messages.default.profileCardMoreIconLabel),
         icon: _showMoreHorizontalMore.default
-      })) : /*#__PURE__*/_react.default.createElement(_customThemeButton.default, (0, _extends2.default)({
-        type: "button"
-      }, providedProps, {
-        ref: triggerRef,
-        iconBefore: /*#__PURE__*/_react.default.createElement(_showMoreHorizontalMore.default, {
-          color: "currentColor",
-          spacing: "spacious",
-          label: intl.formatMessage(_messages.default.profileCardMoreIconLabel)
-        })
       }));
     }
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, actions.map(function (action, index) {

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

@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = require("@atlaskit/button/new");
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -170,7 +169,7 @@ var Actions = function Actions(_ref) {
     var button = /*#__PURE__*/_react.default.createElement(_focusRing.default, {
       isInset: true,
       key: "profile-card-action-focus-ring_".concat(action.id || index)
-    }, (0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
+    }, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
       appearance: "default",
       key: action.id || index,
       onClick: function onClick(event) {
@@ -183,17 +182,6 @@ var Actions = function Actions(_ref) {
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: "action-button-".concat(action.id),
       "aria-labelledby": (0, _platformFeatureFlags.fg)('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''
-    }, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null))) : /*#__PURE__*/_react.default.createElement(_button.default, {
-      appearance: "default",
-      key: action.id || index,
-      onClick: function onClick(event) {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-        return onActionClick(action, args, event, index);
-      },
-      href: action.link,
-      autoFocus: index === 0 && isTriggeredUsingKeyboard
     }, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null))));
     if (isKudos) {
       return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {

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

@@ -73,6 +73,11 @@ var CustomLozenges = function CustomLozenges(_ref) {
     }), text);
   }));
 };
+var ServiceAccountProfileCardDetails = function ServiceAccountProfileCardDetails(props) {
+  var fullName = props.fullName,
+    nickname = props.nickname;
+  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/_react.default.createElement(_Card.AppTitleLabel, null, "SERVICE ACCOUNT"));
+};
 var BotProfileCardDetails = function BotProfileCardDetails(props) {
   var fullName = props.fullName,
     nickname = props.nickname;
@@ -103,6 +108,9 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
 var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetails(props) {
   var meta = props.meta,
     status = props.status;
+  if (props.isServiceAccount) {
+    return /*#__PURE__*/_react.default.createElement(ServiceAccountProfileCardDetails, props);
+  }
   if (props.isBot) {
     return /*#__PURE__*/_react.default.createElement(BotProfileCardDetails, props);
   }

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

@@ -96,7 +96,8 @@ function ProfilecardTriggerNext(_ref2) {
     agentActions = _ref2.agentActions,
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
-    propsIsVisible = _ref2.isVisible;
+    propsIsVisible = _ref2.isVisible,
+    ssrPlaceholderId = _ref2.ssrPlaceholderId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -348,6 +349,9 @@ function ProfilecardTriggerNext(_ref2) {
     isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
     disabledAriaAttributes: disabledAriaAttributes
   });
+  var ssrPlaceholderProp = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? {
+    "data-ssr-placeholder-replace": ssrPlaceholderId
+  } : {};
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_popup.default, {
     isOpen: !!visible,
     onClose: function onClose(event) {
@@ -399,7 +403,7 @@ function ProfilecardTriggerNext(_ref2) {
         'aria-label': ariaHideProfileTrigger ? undefined : (0, _getLabelMessage.default)(ariaLabel, profilecardProps.fullName, formatMessage)
       }, ariaHideProfileTrigger && {
         'aria-hidden': 'true'
-      }), children);
+      }, ssrPlaceholderProp), children);
     },
     zIndex: _constants.layers.modal(),
     shouldUseCaptureOnOutsideClick: true,

package/dist/cjs/components/User/ReportingLinesDetails.js

@@ -12,7 +12,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -36,7 +35,7 @@ var styles = {
 };
 var avatarGroupMaxCount = 5;
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
-  var _manager$pii, _manager$pii2, _manager$pii3, _manager$pii4;
+  var _manager$pii, _manager$pii2;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
@@ -82,7 +81,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
   } : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, (0, _platformFeatureFlags.fg)('ptc_migrate_buttons') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
     onClick: function onClick() {
       return onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl));
     },
@@ -91,16 +90,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
   }, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
     size: "xsmall",
     src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
-  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))) : /*#__PURE__*/_react.default.createElement(_button.default, {
-    appearance: "subtle",
-    spacing: "none",
-    href: getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl),
-    onClick: getReportingLinesOnClick(manager, 'manager'),
-    isDisabled: !onReportingLinesClick
-  }, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
-    size: "xsmall",
-    src: (_manager$pii3 = manager.pii) === null || _manager$pii3 === void 0 ? void 0 : _manager$pii3.picture
-  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii4 = manager.pii) === null || _manager$pii4 === void 0 ? void 0 : _manager$pii4.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: reportingLinesHeadingDefaultStyles
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
     appearance: "stack",

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.19.2"
+      packageVersion: "23.19.4"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/UserProfileCardClient.js

@@ -136,6 +136,7 @@ export default class UserProfileCardClient extends CachingClient {
       ...user,
       isBot: user.__typename === 'AppUser',
       isAgent: user.appType === 'agent',
+      isServiceAccount: user.__typename === 'AppUser' && user.appType === 'service',
       status: user.accountStatus,
       statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
       avatarUrl: user.picture,

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.19.2");
+  headers.append('atl-client-version', "23.19.4");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,7 @@ export const 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', "23.19.2");
+  headers.append('atl-client-version', "23.19.4");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Error/ErrorMessage.js

@@ -1,9 +1,7 @@
 import React, { useEffect } from 'react';
-import ButtonLegacy from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives';
 import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
 import { profileCardRendered } from '../../util/analytics';
@@ -37,11 +35,8 @@ const ErrorMessage = props => {
     label: "icon error",
     LEGACY_fallbackIcon: IconError,
     LEGACY_size: "xlarge"
-  }), errorContent(), reload && (fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(Button, {
+  }), errorContent(), reload && /*#__PURE__*/React.createElement(Button, {
     onClick: reload
-  }, "Try again") : /*#__PURE__*/React.createElement(ButtonLegacy, {
-    appearance: "link",
-    onClick: reload
-  }, "Try again")));
+  }, "Try again"));
 };
 export default ErrorMessage;

package/dist/es2019/components/Team/TeamProfileCard.js

@@ -3,9 +3,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
-import LoadingButton from '@atlaskit/button/loading-button';
 import Button, { IconButton, LinkButton } from '@atlaskit/button/new';
-import ButtonLegacy from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
@@ -156,16 +154,11 @@ const ActionButton = ({
   const isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
   const actionButton = /*#__PURE__*/React.createElement(FocusRing, {
     isInset: true
-  }, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(LinkButton, {
+  }, /*#__PURE__*/React.createElement(LinkButton, {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
     shouldFitContainer: true
-  }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))) : /*#__PURE__*/React.createElement(ButtonLegacy, {
-    key: action.id || index,
-    onClick: onActionClick(action, analytics, index),
-    href: action.link,
-    shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))));
   if (isGiveKudosActionButton) {
     return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, actionButton);
@@ -201,23 +194,13 @@ const ExtraActions = ({
       href: action.link
     }, action.label))),
     trigger: triggerProps => {
-      return fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(IconButton, _extends({
+      return /*#__PURE__*/React.createElement(IconButton, _extends({
         testId: "more-actions-button"
       }, triggerProps, {
         isSelected: isOpen,
         onClick: () => onMoreClick(!isOpen),
         icon: MoreIcon,
         label: "actions"
-      })) : /*#__PURE__*/React.createElement(ButtonLegacy, _extends({
-        testId: "more-actions-button"
-      }, triggerProps, {
-        isSelected: isOpen,
-        onClick: () => onMoreClick(!isOpen),
-        iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-          spacing: "spacious",
-          label: "actions",
-          color: "currentColor"
-        })
       }));
     },
     zIndex: layers.modal(),
@@ -319,12 +302,7 @@ const ErrorMessage = ({
   }, /*#__PURE__*/React.createElement(ErrorIllustration, null), /*#__PURE__*/React.createElement(Text, {
     as: "p",
     weight: "semibold"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorTitle)), /*#__PURE__*/React.createElement(TeamErrorText, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorText)), clientFetchProfile && /*#__PURE__*/React.createElement(ActionButtons, null, /*#__PURE__*/React.createElement(WrappedButton, null, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(Button, {
-    testId: "client-fetch-profile-button",
-    shouldFitContainer: true,
-    onClick: retry,
-    isLoading: isLoading
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorButton)) : /*#__PURE__*/React.createElement(LoadingButton, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorTitle)), /*#__PURE__*/React.createElement(TeamErrorText, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorText)), clientFetchProfile && /*#__PURE__*/React.createElement(ActionButtons, null, /*#__PURE__*/React.createElement(WrappedButton, null, /*#__PURE__*/React.createElement(Button, {
     testId: "client-fetch-profile-button",
     shouldFitContainer: true,
     onClick: retry,

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

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/custom-theme-button';
 import { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
-import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -43,21 +41,12 @@ export const OverflowProfileCardButtons = props => {
       testId,
       ...providedProps
     }) => {
-      return fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(IconButton, _extends({
+      return /*#__PURE__*/React.createElement(IconButton, _extends({
         type: "button"
       }, providedProps, {
         ref: triggerRef,
         label: intl.formatMessage(messages.profileCardMoreIconLabel),
         icon: MoreIcon
-      })) : /*#__PURE__*/React.createElement(Button, _extends({
-        type: "button"
-      }, providedProps, {
-        ref: triggerRef,
-        iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
-          color: "currentColor",
-          spacing: "spacious",
-          label: intl.formatMessage(messages.profileCardMoreIconLabel)
-        })
       }));
     }
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, actions.map((action, index) => /*#__PURE__*/React.createElement(DropdownItem, {

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

@@ -3,7 +3,6 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
-import ButtonLegacy from '@atlaskit/button';
 import { LinkButton } from '@atlaskit/button/new';
 import FocusRing from '@atlaskit/focus-ring';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -157,7 +156,7 @@ const Actions = ({
     const button = /*#__PURE__*/React.createElement(FocusRing, {
       isInset: true,
       key: `profile-card-action-focus-ring_${action.id || index}`
-    }, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(LinkButton, {
+    }, /*#__PURE__*/React.createElement(LinkButton, {
       appearance: "default",
       key: action.id || index,
       onClick: (event, ...args) => onActionClick(action, args, event, index),
@@ -165,12 +164,6 @@ const Actions = ({
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: `action-button-${action.id}`,
       "aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? `action-button-${action.id} profilecard-name-label` : ''
-    }, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))) : /*#__PURE__*/React.createElement(ButtonLegacy, {
-      appearance: "default",
-      key: action.id || index,
-      onClick: (event, ...args) => onActionClick(action, args, event, index),
-      href: action.link,
-      autoFocus: index === 0 && isTriggeredUsingKeyboard
     }, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))));
     if (isKudos) {
       return /*#__PURE__*/React.createElement(AnimatedKudosButton, {

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

@@ -62,6 +62,13 @@ const CustomLozenges = ({
     key: index
   }), text)));
 };
+const ServiceAccountProfileCardDetails = props => {
+  const {
+    fullName,
+    nickname
+  } = props;
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "SERVICE ACCOUNT"));
+};
 const BotProfileCardDetails = props => {
   const {
     fullName,
@@ -97,6 +104,9 @@ export const ProfileCardDetails = props => {
     meta,
     status
   } = props;
+  if (props.isServiceAccount) {
+    return /*#__PURE__*/React.createElement(ServiceAccountProfileCardDetails, props);
+  }
   if (props.isBot) {
     return /*#__PURE__*/React.createElement(BotProfileCardDetails, props);
   }

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

@@ -74,7 +74,8 @@ export default function ProfilecardTriggerNext({
   product,
   agentActions,
   ariaHideProfileTrigger = false,
-  isVisible: propsIsVisible
+  isVisible: propsIsVisible,
+  ssrPlaceholderId
 }) {
   const {
     createAnalyticsEvent
@@ -278,6 +279,9 @@ export default function ProfilecardTriggerNext({
     isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
     disabledAriaAttributes: disabledAriaAttributes
   };
+  const ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
+    "data-ssr-placeholder-replace": ssrPlaceholderId
+  } : {};
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
     isOpen: !!visible,
     onClose: event => {
@@ -331,7 +335,7 @@ export default function ProfilecardTriggerNext({
         'aria-label': ariaHideProfileTrigger ? undefined : getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
       }, ariaHideProfileTrigger && {
         'aria-hidden': 'true'
-      }), children);
+      }, ssrPlaceholderProp), children);
     },
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,

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

@@ -5,7 +5,6 @@ import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
-import ButtonLegacy from '@atlaskit/button';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { Pressable } from '@atlaskit/primitives/compiled';
@@ -29,7 +28,7 @@ const styles = {
 };
 const avatarGroupMaxCount = 5;
 const ReportingLinesDetails = props => {
-  var _manager$pii, _manager$pii2, _manager$pii3, _manager$pii4;
+  var _manager$pii, _manager$pii2;
   const {
     formatMessage
   } = useIntl();
@@ -71,23 +70,14 @@ const ReportingLinesDetails = props => {
   } : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
     xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(Pressable, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
     onClick: () => onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl)),
     isDisabled: !onReportingLinesClick,
     xcss: styles.reportingLinesButton
   }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
     size: "xsmall",
     src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
-  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))) : /*#__PURE__*/React.createElement(ButtonLegacy, {
-    appearance: "subtle",
-    spacing: "none",
-    href: getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl),
-    onClick: getReportingLinesOnClick(manager, 'manager'),
-    isDisabled: !onReportingLinesClick
-  }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
-    size: "xsmall",
-    src: (_manager$pii3 = manager.pii) === null || _manager$pii3 === void 0 ? void 0 : _manager$pii3.picture
-  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii4 = manager.pii) === null || _manager$pii4 === void 0 ? void 0 : _manager$pii4.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
     xcss: reportingLinesHeadingDefaultStyles
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
     appearance: "stack",

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "23.19.2",
+    packageVersion: "23.19.4",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/UserProfileCardClient.js

@@ -122,6 +122,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
                 isBot: user.__typename === 'AppUser',
                 isAgent: user.appType === 'agent',
+                isServiceAccount: user.__typename === 'AppUser' && user.appType === 'service',
                 status: user.accountStatus,
                 statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
                 avatarUrl: user.picture,

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', "23.19.2");
+  headers.append('atl-client-version', "23.19.4");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,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', "23.19.2");
+  headers.append('atl-client-version', "23.19.4");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Error/ErrorMessage.js

@@ -1,9 +1,7 @@
 import React, { useEffect } from 'react';
-import ButtonLegacy from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives';
 import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
 import { profileCardRendered } from '../../util/analytics';
@@ -35,11 +33,8 @@ var ErrorMessage = function ErrorMessage(props) {
     label: "icon error",
     LEGACY_fallbackIcon: IconError,
     LEGACY_size: "xlarge"
-  }), errorContent(), reload && (fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(Button, {
+  }), errorContent(), reload && /*#__PURE__*/React.createElement(Button, {
     onClick: reload
-  }, "Try again") : /*#__PURE__*/React.createElement(ButtonLegacy, {
-    appearance: "link",
-    onClick: reload
-  }, "Try again")));
+  }, "Try again"));
 };
 export default ErrorMessage;

package/dist/esm/components/Team/TeamProfileCard.js

@@ -8,9 +8,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
-import LoadingButton from '@atlaskit/button/loading-button';
 import Button, { IconButton, LinkButton } from '@atlaskit/button/new';
-import ButtonLegacy from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
@@ -166,16 +164,11 @@ var ActionButton = function ActionButton(_ref2) {
   var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
   var actionButton = /*#__PURE__*/React.createElement(FocusRing, {
     isInset: true
-  }, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(LinkButton, {
+  }, /*#__PURE__*/React.createElement(LinkButton, {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
     shouldFitContainer: true
-  }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))) : /*#__PURE__*/React.createElement(ButtonLegacy, {
-    key: action.id || index,
-    onClick: onActionClick(action, analytics, index),
-    href: action.link,
-    shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))));
   if (isGiveKudosActionButton) {
     return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, actionButton);
@@ -221,7 +214,7 @@ var ExtraActions = function ExtraActions(_ref3) {
       }));
     },
     trigger: function trigger(triggerProps) {
-      return fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(IconButton, _extends({
+      return /*#__PURE__*/React.createElement(IconButton, _extends({
         testId: "more-actions-button"
       }, triggerProps, {
         isSelected: isOpen,
@@ -230,18 +223,6 @@ var ExtraActions = function ExtraActions(_ref3) {
         },
         icon: MoreIcon,
         label: "actions"
-      })) : /*#__PURE__*/React.createElement(ButtonLegacy, _extends({
-        testId: "more-actions-button"
-      }, triggerProps, {
-        isSelected: isOpen,
-        onClick: function onClick() {
-          return onMoreClick(!isOpen);
-        },
-        iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-          spacing: "spacious",
-          label: "actions",
-          color: "currentColor"
-        })
       }));
     },
     zIndex: layers.modal(),
@@ -348,12 +329,7 @@ var ErrorMessage = function ErrorMessage(_ref6) {
   }, /*#__PURE__*/React.createElement(ErrorIllustration, null), /*#__PURE__*/React.createElement(Text, {
     as: "p",
     weight: "semibold"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorTitle)), /*#__PURE__*/React.createElement(TeamErrorText, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorText)), clientFetchProfile && /*#__PURE__*/React.createElement(ActionButtons, null, /*#__PURE__*/React.createElement(WrappedButton, null, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(Button, {
-    testId: "client-fetch-profile-button",
-    shouldFitContainer: true,
-    onClick: retry,
-    isLoading: isLoading
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorButton)) : /*#__PURE__*/React.createElement(LoadingButton, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorTitle)), /*#__PURE__*/React.createElement(TeamErrorText, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.teamErrorText)), clientFetchProfile && /*#__PURE__*/React.createElement(ActionButtons, null, /*#__PURE__*/React.createElement(WrappedButton, null, /*#__PURE__*/React.createElement(Button, {
     testId: "client-fetch-profile-button",
     shouldFitContainer: true,
     onClick: retry,

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

@@ -4,11 +4,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["triggerRef", "isSelected", "testId"];
 import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/custom-theme-button';
 import { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
-import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -46,21 +44,12 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
         isSelected = _ref2.isSelected,
         testId = _ref2.testId,
         providedProps = _objectWithoutProperties(_ref2, _excluded);
-      return fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(IconButton, _extends({
+      return /*#__PURE__*/React.createElement(IconButton, _extends({
         type: "button"
       }, providedProps, {
         ref: triggerRef,
         label: intl.formatMessage(messages.profileCardMoreIconLabel),
         icon: MoreIcon
-      })) : /*#__PURE__*/React.createElement(Button, _extends({
-        type: "button"
-      }, providedProps, {
-        ref: triggerRef,
-        iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
-          color: "currentColor",
-          spacing: "spacious",
-          label: intl.formatMessage(messages.profileCardMoreIconLabel)
-        })
       }));
     }
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, actions.map(function (action, index) {

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

@@ -5,7 +5,6 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
-import ButtonLegacy from '@atlaskit/button';
 import { LinkButton } from '@atlaskit/button/new';
 import FocusRing from '@atlaskit/focus-ring';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -161,7 +160,7 @@ var Actions = function Actions(_ref) {
     var button = /*#__PURE__*/React.createElement(FocusRing, {
       isInset: true,
       key: "profile-card-action-focus-ring_".concat(action.id || index)
-    }, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(LinkButton, {
+    }, /*#__PURE__*/React.createElement(LinkButton, {
       appearance: "default",
       key: action.id || index,
       onClick: function onClick(event) {
@@ -174,17 +173,6 @@ var Actions = function Actions(_ref) {
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       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))) : /*#__PURE__*/React.createElement(ButtonLegacy, {
-      appearance: "default",
-      key: action.id || index,
-      onClick: function onClick(event) {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-        return onActionClick(action, args, event, index);
-      },
-      href: action.link,
-      autoFocus: index === 0 && isTriggeredUsingKeyboard
     }, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null))));
     if (isKudos) {
       return /*#__PURE__*/React.createElement(AnimatedKudosButton, {

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

@@ -66,6 +66,11 @@ var CustomLozenges = function CustomLozenges(_ref) {
     }), text);
   }));
 };
+var ServiceAccountProfileCardDetails = function ServiceAccountProfileCardDetails(props) {
+  var fullName = props.fullName,
+    nickname = props.nickname;
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "SERVICE ACCOUNT"));
+};
 var BotProfileCardDetails = function BotProfileCardDetails(props) {
   var fullName = props.fullName,
     nickname = props.nickname;
@@ -96,6 +101,9 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
 export var ProfileCardDetails = function ProfileCardDetails(props) {
   var meta = props.meta,
     status = props.status;
+  if (props.isServiceAccount) {
+    return /*#__PURE__*/React.createElement(ServiceAccountProfileCardDetails, props);
+  }
   if (props.isBot) {
     return /*#__PURE__*/React.createElement(BotProfileCardDetails, props);
   }

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

@@ -87,7 +87,8 @@ export default function ProfilecardTriggerNext(_ref2) {
     agentActions = _ref2.agentActions,
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
-    propsIsVisible = _ref2.isVisible;
+    propsIsVisible = _ref2.isVisible,
+    ssrPlaceholderId = _ref2.ssrPlaceholderId;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = useIntl(),
@@ -339,6 +340,9 @@ export default function ProfilecardTriggerNext(_ref2) {
     isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
     disabledAriaAttributes: disabledAriaAttributes
   });
+  var ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
+    "data-ssr-placeholder-replace": ssrPlaceholderId
+  } : {};
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
     isOpen: !!visible,
     onClose: function onClose(event) {
@@ -390,7 +394,7 @@ export default function ProfilecardTriggerNext(_ref2) {
         'aria-label': ariaHideProfileTrigger ? undefined : getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
       }, ariaHideProfileTrigger && {
         'aria-hidden': 'true'
-      }), children);
+      }, ssrPlaceholderProp), children);
     },
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,

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

@@ -5,7 +5,6 @@ import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
-import ButtonLegacy from '@atlaskit/button';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { Pressable } from '@atlaskit/primitives/compiled';
@@ -29,7 +28,7 @@ var styles = {
 };
 var avatarGroupMaxCount = 5;
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
-  var _manager$pii, _manager$pii2, _manager$pii3, _manager$pii4;
+  var _manager$pii, _manager$pii2;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
@@ -75,7 +74,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
   } : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
     xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, fg('ptc_migrate_buttons') ? /*#__PURE__*/React.createElement(Pressable, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
     onClick: function onClick() {
       return onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl));
     },
@@ -84,16 +83,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
   }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
     size: "xsmall",
     src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
-  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))) : /*#__PURE__*/React.createElement(ButtonLegacy, {
-    appearance: "subtle",
-    spacing: "none",
-    href: getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl),
-    onClick: getReportingLinesOnClick(manager, 'manager'),
-    isDisabled: !onReportingLinesClick
-  }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
-    size: "xsmall",
-    src: (_manager$pii3 = manager.pii) === null || _manager$pii3 === void 0 ? void 0 : _manager$pii3.picture
-  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii4 = manager.pii) === null || _manager$pii4 === void 0 ? void 0 : _manager$pii4.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
     xcss: reportingLinesHeadingDefaultStyles
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
     appearance: "stack",

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.19.2"
+      packageVersion: "23.19.4"
     }, 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, ariaHideProfileTrigger, isVisible: propsIsVisible, }: 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, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types/types.d.ts

@@ -109,6 +109,7 @@ export interface ProfileCardClientData {
     customLozenges?: LozengeProps[];
     accountType?: string;
     isAgent?: boolean;
+    isServiceAccount?: boolean;
 }
 export interface ReportingLinesUserPII {
     name: string;
@@ -181,6 +182,7 @@ export interface ProfileCardTriggerProps {
     viewingUserId?: string;
     agentActions?: AgentActionsType;
     ariaHideProfileTrigger?: boolean;
+    ssrPlaceholderId?: string;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -384,6 +386,7 @@ export interface ProfilecardProps {
     accountType?: string;
     status?: StatusType;
     isBot?: boolean;
+    isServiceAccount?: boolean;
     avatarUrl?: string;
     fullName?: string;
     meta?: string;

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, ariaHideProfileTrigger, isVisible: propsIsVisible, }: 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, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, }: ProfileCardTriggerProps): React.JSX.Element;

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

@@ -109,6 +109,7 @@ export interface ProfileCardClientData {
     customLozenges?: LozengeProps[];
     accountType?: string;
     isAgent?: boolean;
+    isServiceAccount?: boolean;
 }
 export interface ReportingLinesUserPII {
     name: string;
@@ -184,6 +185,7 @@ export interface ProfileCardTriggerProps {
     viewingUserId?: string;
     agentActions?: AgentActionsType;
     ariaHideProfileTrigger?: boolean;
+    ssrPlaceholderId?: string;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -390,6 +392,7 @@ export interface ProfilecardProps {
     accountType?: string;
     status?: StatusType;
     isBot?: boolean;
+    isServiceAccount?: boolean;
     avatarUrl?: string;
     fullName?: string;
     meta?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "23.19.3",
+	"version": "23.20.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -74,7 +74,7 @@
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/rovo-agent-components": "^2.11.0",
-		"@atlaskit/rovo-triggers": "^2.17.0",
+		"@atlaskit/rovo-triggers": "^3.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/teams-public": "^0.39.0",
@@ -148,9 +148,6 @@
 		"platform_profilecard-enable_reporting_lines_label": {
 			"type": "boolean"
 		},
-		"ptc_migrate_buttons": {
-			"type": "boolean"
-		},
 		"enable_team_profilecard_toggletip_a11y_fix": {
 			"type": "boolean"
 		},
@@ -175,6 +172,9 @@
 		"should-render-to-parent-should-be-true-people-and-": {
 			"type": "boolean"
 		},
+		"cc_mention_ssr_placeholder": {
+			"type": "boolean"
+		},
 		"loom_tab_in_container_linker_team_profile_page": {
 			"type": "boolean"
 		},