@atlaskit/profilecard 20.8.2 → 20.9.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/profilecard
 
+## 20.9.0
+
+### Minor Changes
+
+- [`2e6586eb695c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2e6586eb695c1) -
+  Clean up feature flag migrate_cloud_user_to_agg_user_query_profile_card
+
+## 20.8.3
+
+### Patch Changes
+
+- [#159176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159176)
+  [`b8e7f2a47aae5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b8e7f2a47aae5) -
+  A11Y-7954 Fix expandable button reading order
+
 ## 20.8.2
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -1,84 +1,84 @@
 {
-  "extends": "../../../../tsconfig.entry-points.jira.json",
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
-    "composite": true,
-    "rootDir": "../"
-  },
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*"
-  ],
-  "references": [
-    {
-      "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../uip/atlassian-context/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/avatar/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/avatar-group/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/button/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/dropdown-menu/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/empty-state/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/focus-ring/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../team-central/give-kudos/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/icon/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/menu/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/modal-dialog/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/popup/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../ai-mate/rovo-agent-components/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/theme/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
-    }
-  ]
-}
+	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../uip/atlassian-context/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar-group/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/dropdown-menu/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/empty-state/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/focus-ring/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../team-central/give-kudos/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/menu/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/modal-dialog/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../ai-mate/rovo-agent-components/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
+		}
+	]
+}

package/afm-post-office/tsconfig.json

@@ -1,84 +1,84 @@
 {
-  "extends": "../../../../tsconfig.entry-points.post-office.json",
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
-    "composite": true,
-    "rootDir": "../"
-  },
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*"
-  ],
-  "references": [
-    {
-      "path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../uip/atlassian-context/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/avatar/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/avatar-group/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/button/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/dropdown-menu/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/empty-state/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/focus-ring/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../team-central/give-kudos/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/icon/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/menu/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/modal-dialog/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/popup/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/primitives/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../ai-mate/rovo-agent-components/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/spinner/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../../design-system/tooltip/afm-post-office/tsconfig.json"
-    }
-  ]
-}
+	"extends": "../../../../tsconfig.entry-points.post-office.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../uip/atlassian-context/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar-group/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/dropdown-menu/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/empty-state/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/focus-ring/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../team-central/give-kudos/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/menu/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/modal-dialog/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../ai-mate/rovo-agent-components/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-post-office/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/client/UserProfileCardClient.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.modifyResponse = exports.default = exports.buildUserQuery = exports.buildAggUserQuery = void 0;
+exports.modifyResponse = exports.default = exports.buildAggUserQuery = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -13,7 +13,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../util/analytics");
 var _date = require("../util/date");
 var _performance = require("../util/performance");
@@ -54,21 +53,6 @@ var modifyResponse = exports.modifyResponse = function modifyResponse(response)
     accountType: data.accountType || undefined
   };
 };
-
-/**
- * @param  {string} userId
- * @param  {string} cloudId
- * @return {string} GraphQL Query String
- */
-var buildUserQuery = exports.buildUserQuery = function buildUserQuery(cloudId, userId) {
-  return {
-    query: "query User($userId: String!, $cloudId: String!) {\n    User: CloudUser(userId: $userId, cloudId: $cloudId) {\n      id\n      isCurrentUser\n      status\n      statusModifiedDate\n      isBot\n      isNotMentionable\n      fullName\n      nickname\n      email\n      meta: title\n      location\n      companyName\n      avatarUrl(size: 192)\n      remoteWeekdayIndex: localTime(format: \"d\")\n      remoteWeekdayString: localTime(format: \"ddd\")\n      remoteTimeString: localTime(format: \"h:mma\")\n    }\n  }",
-    variables: {
-      cloudId: cloudId,
-      userId: userId
-    }
-  };
-};
 var buildAggUserQuery = exports.buildAggUserQuery = function buildAggUserQuery(userId) {
   return {
     query: "query user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n      \t\t\tappType\n    \t\t}\n\t\t}\n\t}",
@@ -114,16 +98,14 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
     key: "makeRequest",
     value: function () {
       var _makeRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(cloudId, userId) {
-        var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5, gatewayGraphqlUrl, userQueryPromise, user, timestring, localWeekdayIndex, query, response;
+        var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5;
+        var gatewayGraphqlUrl, urlWithOperationName, userQueryPromise, user, timestring, localWeekdayIndex;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              if (!(0, _platformFeatureFlags.fg)('migrate_cloud_user_to_agg_user_query_profile_card')) {
-                _context2.next = 11;
-                break;
-              }
               gatewayGraphqlUrl = this.options.gatewayGraphqlUrl || '/gateway/api/graphql';
-              userQueryPromise = queryAGGUser(gatewayGraphqlUrl, userId);
+              urlWithOperationName = "".concat(gatewayGraphqlUrl, "?operationName=aggUserQuery");
+              userQueryPromise = queryAGGUser(urlWithOperationName, userId);
               _context2.next = 5;
               return userQueryPromise;
             case 5:
@@ -150,20 +132,7 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
                 companyName: (_user$extendedProfile5 = user.extendedProfile) === null || _user$extendedProfile5 === void 0 ? void 0 : _user$extendedProfile5.organization,
                 timestring: timestring
               }));
-            case 11:
-              if (this.options.url) {
-                _context2.next = 13;
-                break;
-              }
-              throw new Error('options.url is a required parameter');
-            case 13:
-              query = buildUserQuery(cloudId, userId);
-              _context2.next = 16;
-              return (0, _graphqlUtils.directoryGraphqlQuery)(this.options.url, query);
-            case 16:
-              response = _context2.sent;
-              return _context2.abrupt("return", modifyResponse(response));
-            case 18:
+            case 9:
             case "end":
               return _context2.stop();
           }

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

package/dist/cjs/client/getTeamFromAGG.js

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

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

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
 var _messages = _interopRequireDefault(require("../../messages"));
@@ -21,6 +22,33 @@ var detailedListWrapperStyles = (0, _primitives.xcss)({
   margin: 'space.0',
   padding: 'space.0'
 });
+var fullNameLabelStyles = (0, _primitives.xcss)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  fontSize: '18px',
+  fontWeight: '400',
+  letterSpacing: 'normal',
+  lineHeight: "".concat(24 / 18, "em")
+});
+var noMetaLabelStyles = (0, _primitives.xcss)({
+  marginTop: 'space.400',
+  marginRight: '0',
+  marginBottom: 'space.150',
+  marginLeft: '0'
+});
+var metaLabelStyles = (0, _primitives.xcss)({
+  marginTop: 'space.150',
+  marginRight: '0',
+  marginBottom: '0',
+  marginLeft: '0'
+});
+var disabledAccountStyles = (0, _primitives.xcss)({
+  color: 'color.text'
+});
+var activeAccountStyles = (0, _primitives.xcss)({
+  color: 'color.text.inverse'
+});
 var renderName = function renderName(nickname, fullName, meta) {
   if (!fullName && !nickname) {
     return null;
@@ -28,6 +56,13 @@ var renderName = function renderName(nickname, fullName, meta) {
   var isNicknameRedundant = !nickname || nickname === fullName;
   var shownNickname = " (".concat(nickname, ") ");
   var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
+  if ((0, _platformFeatureFlags.fg)('platform_profile_card_css_refactor')) {
+    return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
+      testId: "profilecard-name",
+      id: "profilecard-name-label"
+    }, displayName);
+  }
   return /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
     noMeta: !meta,
     "data-testid": "profilecard-name",
@@ -78,7 +113,11 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
     status = props.status,
     statusModifiedDate = props.statusModifiedDate;
   var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.disabledAccountDefaultName);
-  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
+  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, (0, _platformFeatureFlags.fg)('platform_profile_card_css_refactor') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
+    testId: "profilecard-name",
+    id: "profilecard-name-label"
+  }, name) : /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
     noMeta: true,
     isDisabledAccount: true,
     "data-testid": "profilecard-name",

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

@@ -319,7 +319,7 @@ function ProfilecardTriggerNext(_ref2) {
   var profilecardProps = _objectSpread(_objectSpread({
     userId: userId,
     fullName: prepopulatedData === null || prepopulatedData === void 0 ? void 0 : prepopulatedData.fullName,
-    isCurrentUser: (0, _platformFeatureFlags.fg)('migrate_cloud_user_to_agg_user_query_profile_card') ? userId === viewingUserId : data === null || data === void 0 ? void 0 : data.isCurrentUser,
+    isCurrentUser: userId === viewingUserId,
     clientFetchProfile: clientFetchProfile
   }, data), {}, {
     reportingLines: reportingLinesData,
@@ -385,6 +385,9 @@ function ProfilecardTriggerNext(_ref2) {
     // eslint-disable-next-line jsx-a11y/no-autofocus
     ,
     autoFocus: 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: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {

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

@@ -10,12 +10,23 @@ 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 _messages = _interopRequireDefault(require("../../messages"));
 var _ReportingLines = require("../../styled/ReportingLines");
 var _analytics = require("../../util/analytics");
 function getProfileHref(userId, profileUrl) {
   return profileUrl ? profileUrl + userId : undefined;
 }
+var reportingLinesHeadingDefaultStyles = (0, _primitives.xcss)({
+  color: 'color.text',
+  font: 'font.heading.xxsmall',
+  fontWeight: 600,
+  marginBottom: 'space.100'
+});
+var reportingLinesHeadingStyles = (0, _primitives.xcss)({
+  marginBottom: '0'
+});
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
   var _manager$pii, _manager$pii2;
   var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
@@ -40,7 +51,12 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
       onReportingLinesClick(user);
     } : undefined;
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesHeading, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, (0, _platformFeatureFlags.fg)('platform_profile_card_css_refactor') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)) :
+  /*#__PURE__*/
+  /* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */
+  _react.default.createElement(_ReportingLines.ReportingLinesHeading, {
     style: {
       marginBottom: 0
     }
@@ -53,7 +69,9 @@ 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))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
+  }), /*#__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, (0, _platformFeatureFlags.fg)('platform_profile_card_css_refactor') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: reportingLinesHeadingDefaultStyles
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)) : /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
     appearance: "stack",
     size: "small",
     data: reports.map(function (member) {

package/dist/cjs/mocks/simple-mock-clients.js

@@ -82,7 +82,8 @@ var SimpleMockAgentClient = /*#__PURE__*/function (_RovoAgentCardClient) {
 var args = {
   cacheSize: 10,
   maxCacheAge: 0,
-  url: '/graphql/directory'
+  url: '/graphql/directory',
+  gatewayGraphqlUrl: '/gateway/api/graphql'
 };
 var simpleMockUserClient = exports.simpleMockUserClient = new SimpleMockUserClient(args);
 var simpleMockTeamClient = exports.simpleMockTeamClient = new SimpleMockTeamClient(args);

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: "20.8.2"
+      packageVersion: "20.9.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })