@atlaskit/profilecard 20.6.1 → 20.7.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/profilecard
 
+## 20.7.0
+
+### Minor Changes
+
+- [#155340](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155340)
+  [`4d0a5f27783bc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4d0a5f27783bc) -
+  Add deep-linking for the creation of kudos, as well as for the project directory
+
+### Patch Changes
+
+- [#154021](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154021)
+  [`6867203830e28`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6867203830e28) -
+  [ux] Fix Chat button padding in agent profile card
+- Updated dependencies
+
+## 20.6.2
+
+### Patch Changes
+
+- [#154451](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154451)
+  [`1a6038f97ae73`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a6038f97ae73) -
+  A11Y-8044 Fix description list mark-up used inappropriately in profile card
+
 ## 20.6.1
 
 ### Patch Changes

package/dist/cjs/client/ProfileCardClient.js

@@ -32,7 +32,7 @@ var ProfileCardClient = /*#__PURE__*/function () {
     this.userClient = (clients === null || clients === void 0 ? void 0 : clients.userClient) || new _UserProfileCardClient.default(withDefaultConfig);
     this.teamClient = (clients === null || clients === void 0 ? void 0 : clients.teamClient) || new _TeamProfileCardClient.default(withDefaultConfig);
     this.rovoAgentClient = (clients === null || clients === void 0 ? void 0 : clients.rovoAgentClient) || new _RovoAgentCardClient.default(withDefaultConfig);
-    this.tcClient = maybeCreateTeamCentralClient(config, clients);
+    this.tcClient = maybeCreateTeamCentralClient(withDefaultConfig, clients);
   }
   (0, _createClass2.default)(ProfileCardClient, [{
     key: "flushCache",
@@ -65,8 +65,8 @@ var ProfileCardClient = /*#__PURE__*/function () {
   }, {
     key: "getTeamCentralBaseUrl",
     value: function () {
-      var _getTeamCentralBaseUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$tcClient3, isGlobalExperienceWorkspace;
+      var _getTeamCentralBaseUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(teamCentralScopes) {
+        var _this$tcClient3, isGlobalExperienceWorkspace, suffix, orgId;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -86,14 +86,40 @@ var ProfileCardClient = /*#__PURE__*/function () {
               return this.tcClient.getIsGlobalExperienceWorkspace();
             case 6:
               isGlobalExperienceWorkspace = _context.sent;
-              return _context.abrupt("return", Promise.resolve(isGlobalExperienceWorkspace ? (0, _atlassianContext.getATLContextUrl)('home') : (0, _atlassianContext.getATLContextUrl)('team')));
-            case 8:
+              if (isGlobalExperienceWorkspace) {
+                _context.next = 9;
+                break;
+              }
+              return _context.abrupt("return", Promise.resolve((0, _atlassianContext.getATLContextUrl)('team')));
+            case 9:
+              suffix = '';
+              if (!(teamCentralScopes !== undefined)) {
+                _context.next = 18;
+                break;
+              }
+              _context.next = 13;
+              return this.tcClient.getOrgId();
+            case 13:
+              orgId = _context.sent;
+              if (!(orgId === null)) {
+                _context.next = 16;
+                break;
+              }
+              return _context.abrupt("return", Promise.resolve(undefined));
+            case 16:
+              suffix += "/o/".concat(orgId);
+              if (teamCentralScopes.withSiteContext) {
+                suffix += "/s/".concat(this.tcClient.options.cloudId);
+              }
+            case 18:
+              return _context.abrupt("return", Promise.resolve("".concat((0, _atlassianContext.getATLContextUrl)('home')).concat(suffix)));
+            case 19:
             case "end":
               return _context.stop();
           }
         }, _callee, this);
       }));
-      function getTeamCentralBaseUrl() {
+      function getTeamCentralBaseUrl(_x) {
         return _getTeamCentralBaseUrl.apply(this, arguments);
       }
       return getTeamCentralBaseUrl;

package/dist/cjs/client/TeamCentralCardClient.js

@@ -14,6 +14,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
+var _getOrgIdForCloudIdFromAGG = require("./getOrgIdForCloudIdFromAGG");
 var _graphqlUtils = require("./graphqlUtils");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -27,6 +28,7 @@ var buildReportingLinesQuery = exports.buildReportingLinesQuery = function build
 };
 var isTCReadyPromiseMap = new Map();
 var globalExperiencePromiseCache = new Map();
+var orgIdPromiseCache = new Map();
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(TeamCentralCardClient, _CachingClient);
   var _super = _createSuper(TeamCentralCardClient);
@@ -47,6 +49,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this.bypassOnFailure = false;
     _this.isTCReadyPromise = _this.createTcReadyPromise(options);
     _this.isGlobalExperienceWorkspacePromise = _this.preloadIsGlobalExperienceWorkspace(options.cloudId);
+    _this.orgIdPromise = _this.preloadOrgId(options.gatewayGraphqlUrl, options.cloudId, options.orgId);
     return _this;
   }
   (0, _createClass2.default)(TeamCentralCardClient, [{
@@ -182,6 +185,11 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getIsGlobalExperienceWorkspace() {
       return this.isGlobalExperienceWorkspacePromise;
     }
+  }, {
+    key: "getOrgId",
+    value: function getOrgId() {
+      return this.orgIdPromise;
+    }
   }, {
     key: "preloadIsGlobalExperienceWorkspace",
     value: function preloadIsGlobalExperienceWorkspace(cloudId) {
@@ -253,6 +261,26 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
       }
       return isGlobalExperienceWorkspaceForCloudId;
     }()
+  }, {
+    key: "preloadOrgId",
+    value: function preloadOrgId(gatewayGraphqlUrl, cloudId, orgId) {
+      if (!(0, _platformFeatureFlags.fg)('enable_ptc_sharded_townsquare_calls')) {
+        return Promise.resolve(null);
+      }
+      if (cloudId === undefined) {
+        return Promise.resolve(null);
+      }
+      if (orgId !== undefined) {
+        return Promise.resolve(orgId);
+      }
+      var maybeOrgIdForCloudIdPromise = orgIdPromiseCache.get(cloudId);
+      if (maybeOrgIdForCloudIdPromise !== undefined) {
+        return maybeOrgIdForCloudIdPromise;
+      }
+      var orgIdForCloudIdPromise = (0, _getOrgIdForCloudIdFromAGG.getOrgIdForCloudIdFromAGG)(gatewayGraphqlUrl, cloudId);
+      orgIdPromiseCache.set(cloudId, orgIdForCloudIdPromise);
+      return orgIdForCloudIdPromise;
+    }
   }, {
     key: "getMaybeShardedApiPath",
     value: function getMaybeShardedApiPath(cloudId) {

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrgIdForCloudIdFromAGG = getOrgIdForCloudIdFromAGG;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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.7.0");
+  return headers;
+};
+function getOrgIdForCloudIdFromAGG(_x, _x2) {
+  return _getOrgIdForCloudIdFromAGG.apply(this, arguments);
+}
+function _getOrgIdForCloudIdFromAGG() {
+  _getOrgIdForCloudIdFromAGG = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url, cloudId) {
+    var query, _yield$AGGQuery, tenantContexts;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          query = {
+            query: ORG_ID_FROM_CLOUD_ID_QUERY,
+            variables: {
+              cloudId: cloudId
+            }
+          };
+          _context.prev = 1;
+          _context.next = 4;
+          return (0, _graphqlUtils.AGGQuery)(url, query, addHeaders);
+        case 4:
+          _yield$AGGQuery = _context.sent;
+          tenantContexts = _yield$AGGQuery.tenantContexts;
+          if (!(!tenantContexts || tenantContexts.length === 0 || tenantContexts[0] === null)) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 8:
+          return _context.abrupt("return", tenantContexts[0].orgId);
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](1);
+          return _context.abrupt("return", null);
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 11]]);
+  }));
+  return _getOrgIdForCloudIdFromAGG.apply(this, arguments);
+}

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

package/dist/cjs/components/Agent/Actions.js

@@ -27,7 +27,6 @@ var chatToAgentButtonWrapper = (0, _primitives.xcss)({
   display: 'flex',
   justifyContent: 'center',
   lineHeight: '20px',
-  padding: 'space.075',
   fontWeight: '500'
 });
 var chatPillButtonInlineStyles = (0, _primitives.xcss)({

package/dist/cjs/components/Icon/IconLabel.js

@@ -46,7 +46,11 @@ var IconLabel = exports.default = /*#__PURE__*/function (_React$PureComponent) {
         LEGACY_size: "small",
         color: "currentColor"
       }) : null;
-      return /*#__PURE__*/_react.default.createElement(_Card.DetailsLabel, null, /*#__PURE__*/_react.default.createElement(_Card.DetailsLabelIcon, null, displayIcon), /*#__PURE__*/_react.default.createElement(_Card.DetailsLabelText, null, this.props.children));
+      return /*#__PURE__*/_react.default.createElement(_Card.DetailsLabel, null, /*#__PURE__*/_react.default.createElement(_Card.DetailsLabelIcon, {
+        as: "dt"
+      }, displayIcon), /*#__PURE__*/_react.default.createElement(_Card.DetailsLabelText, {
+        as: "dd"
+      }, this.props.children));
     }
   }]);
   return IconLabel;

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

@@ -186,7 +186,10 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         var fireEvent = function fireEvent(event) {
           _this.fireAnalytics(event);
         };
-        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl()]);
+        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl({
+          withOrgContext: true,
+          withSiteContext: true
+        })]);
         requests.then(function (res) {
           var _this2;
           return (_this2 = _this).handleClientSuccess.apply(_this2, (0, _toConsumableArray2.default)(res));
@@ -369,7 +372,9 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
           return _this4.renderTrigger(triggerProps);
         },
         zIndex: _constants.layers.modal(),
-        shouldFlip: true,
+        shouldFlip: true
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        ,
         autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
         shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
       }));

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

@@ -75,7 +75,10 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         hasError: false,
         data: null
       }, function () {
-        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId, userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl()]);
+        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId, userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl({
+          withOrgContext: true,
+          withSiteContext: true
+        })]);
         requests.then(function (res) {
           var _this2;
           return (_this2 = _this).handleClientSuccess.apply(_this2, (0, _toConsumableArray2.default)(res));
@@ -196,7 +199,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         teamCentralBaseUrl: teamCentralBaseUrl,
         openKudosDrawer: this.openKudosDrawer
       });
-      return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isKudosEnabled && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
         isOpen: this.state.kudosDrawerOpen,

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

@@ -226,7 +226,10 @@ function ProfilecardTriggerNext(_ref2) {
           setError(null);
           setData(null);
           _context.prev = 6;
-          requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos(), resourceClient.getTeamCentralBaseUrl()]);
+          requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos(), resourceClient.getTeamCentralBaseUrl({
+            withOrgContext: true,
+            withSiteContext: true
+          })]);
           _context.next = 10;
           return requests;
         case 10:
@@ -378,9 +381,11 @@ function ProfilecardTriggerNext(_ref2) {
       }), children);
     },
     zIndex: _constants.layers.modal(),
-    shouldUseCaptureOnOutsideClick: true,
+    shouldUseCaptureOnOutsideClick: true
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    ,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
-  }), shouldShowGiveKudos && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
     isOpen: kudosDrawerOpen,

package/dist/cjs/mocks/mock-profile-client.js

@@ -101,7 +101,8 @@ function getMockProfileClient(BaseProfileClient, modifyResponse) {
       return _super3.call(this, options, _objectSpread({
         userClient: new MockUserClient(options),
         teamCentralClient: new MockTeamCentralClient(_objectSpread(_objectSpread({}, options), {}, {
-          teamCentralUrl: 'defaultTeamCentralUrl'
+          teamCentralUrl: 'defaultTeamCentralUrl',
+          gatewayGraphqlUrl: 'defaultGatewayGraphqlUrl'
         }))
       }, clients));
     }

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

package/dist/es2019/client/ProfileCardClient.js

@@ -21,7 +21,7 @@ class ProfileCardClient {
     this.userClient = (clients === null || clients === void 0 ? void 0 : clients.userClient) || new UserProfileCardClient(withDefaultConfig);
     this.teamClient = (clients === null || clients === void 0 ? void 0 : clients.teamClient) || new TeamProfileCardClient(withDefaultConfig);
     this.rovoAgentClient = (clients === null || clients === void 0 ? void 0 : clients.rovoAgentClient) || new RovoAgentCardClient(withDefaultConfig);
-    this.tcClient = maybeCreateTeamCentralClient(config, clients);
+    this.tcClient = maybeCreateTeamCentralClient(withDefaultConfig, clients);
   }
   flushCache() {
     var _this$tcClient, _this$rovoAgentClient;
@@ -43,7 +43,7 @@ class ProfileCardClient {
       reports: []
     });
   }
-  async getTeamCentralBaseUrl() {
+  async getTeamCentralBaseUrl(teamCentralScopes) {
     if (!fg('enable_ptc_sharded_townsquare_calls')) {
       var _this$tcClient3;
       return Promise.resolve((_this$tcClient3 = this.tcClient) === null || _this$tcClient3 === void 0 ? void 0 : _this$tcClient3.options.teamCentralBaseUrl);
@@ -52,7 +52,21 @@ class ProfileCardClient {
       return Promise.resolve(undefined);
     }
     const isGlobalExperienceWorkspace = await this.tcClient.getIsGlobalExperienceWorkspace();
-    return Promise.resolve(isGlobalExperienceWorkspace ? getATLContextUrl('home') : getATLContextUrl('team'));
+    if (!isGlobalExperienceWorkspace) {
+      return Promise.resolve(getATLContextUrl('team'));
+    }
+    let suffix = '';
+    if (teamCentralScopes !== undefined) {
+      const orgId = await this.tcClient.getOrgId();
+      if (orgId === null) {
+        return Promise.resolve(undefined);
+      }
+      suffix += `/o/${orgId}`;
+      if (teamCentralScopes.withSiteContext) {
+        suffix += `/s/${this.tcClient.options.cloudId}`;
+      }
+    }
+    return Promise.resolve(`${getATLContextUrl('home')}${suffix}`);
   }
   async shouldShowGiveKudos() {
     if (!this.tcClient || !(await this.getTeamCentralBaseUrl())) {

package/dist/es2019/client/TeamCentralCardClient.js

@@ -1,5 +1,6 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import CachingClient from './CachingClient';
+import { getOrgIdForCloudIdFromAGG } from './getOrgIdForCloudIdFromAGG';
 import { directoryGraphqlQuery } from './graphqlUtils';
 export const buildReportingLinesQuery = aaid => ({
   query: `
@@ -33,6 +34,7 @@ export const buildReportingLinesQuery = aaid => ({
 });
 let isTCReadyPromiseMap = new Map();
 const globalExperiencePromiseCache = new Map();
+const orgIdPromiseCache = new Map();
 class TeamCentralCardClient extends CachingClient {
   /**
    * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
@@ -49,6 +51,7 @@ class TeamCentralCardClient extends CachingClient {
     this.bypassOnFailure = false;
     this.isTCReadyPromise = this.createTcReadyPromise(options);
     this.isGlobalExperienceWorkspacePromise = this.preloadIsGlobalExperienceWorkspace(options.cloudId);
+    this.orgIdPromise = this.preloadOrgId(options.gatewayGraphqlUrl, options.cloudId, options.orgId);
   }
   createTcReadyPromise(config) {
     if (config.cloudId) {
@@ -139,6 +142,9 @@ class TeamCentralCardClient extends CachingClient {
   getIsGlobalExperienceWorkspace() {
     return this.isGlobalExperienceWorkspacePromise;
   }
+  getOrgId() {
+    return this.orgIdPromise;
+  }
   preloadIsGlobalExperienceWorkspace(cloudId) {
     if (!fg('enable_ptc_sharded_townsquare_calls')) {
       return Promise.resolve(false);
@@ -179,6 +185,24 @@ class TeamCentralCardClient extends CachingClient {
       return Promise.resolve(false);
     }
   }
+  preloadOrgId(gatewayGraphqlUrl, cloudId, orgId) {
+    if (!fg('enable_ptc_sharded_townsquare_calls')) {
+      return Promise.resolve(null);
+    }
+    if (cloudId === undefined) {
+      return Promise.resolve(null);
+    }
+    if (orgId !== undefined) {
+      return Promise.resolve(orgId);
+    }
+    const maybeOrgIdForCloudIdPromise = orgIdPromiseCache.get(cloudId);
+    if (maybeOrgIdForCloudIdPromise !== undefined) {
+      return maybeOrgIdForCloudIdPromise;
+    }
+    const orgIdForCloudIdPromise = getOrgIdForCloudIdFromAGG(gatewayGraphqlUrl, cloudId);
+    orgIdPromiseCache.set(cloudId, orgIdForCloudIdPromise);
+    return orgIdForCloudIdPromise;
+  }
   getMaybeShardedApiPath(cloudId) {
     const maybeShardedPath = fg('enable_ptc_sharded_townsquare_calls') ? `/townsquare/s/${cloudId}` : '/watermelon';
     return `/gateway/api${maybeShardedPath}`;

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -0,0 +1,32 @@
+import { AGGQuery } from './graphqlUtils';
+const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
+	tenantContexts(cloudIds: [$cloudId]) {
+		orgId
+	}
+}`;
+const addHeaders = headers => {
+  headers.append('atl-client-name', "@atlaskit/profilecard");
+  headers.append('atl-client-version', "20.7.0");
+  return headers;
+};
+export async function getOrgIdForCloudIdFromAGG(url, cloudId) {
+  const query = {
+    query: ORG_ID_FROM_CLOUD_ID_QUERY,
+    variables: {
+      cloudId
+    }
+  };
+  try {
+    const {
+      tenantContexts
+    } = await AGGQuery(url, query, addHeaders);
+    if (!tenantContexts || tenantContexts.length === 0 || tenantContexts[0] === null) {
+      return null;
+    }
+    return tenantContexts[0].orgId;
+  } catch (err) {
+    // don't bubble up the error, and let consumers handle it as if the cloud ID
+    // doesn't resolve to an org ID
+    return null;
+  }
+}

package/dist/es2019/client/getTeamFromAGG.js

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

package/dist/es2019/components/Agent/Actions.js

@@ -14,7 +14,6 @@ const chatToAgentButtonWrapper = xcss({
   display: 'flex',
   justifyContent: 'center',
   lineHeight: '20px',
-  padding: 'space.075',
   fontWeight: '500'
 });
 const chatPillButtonInlineStyles = xcss({

package/dist/es2019/components/Icon/IconLabel.js

@@ -24,7 +24,11 @@ export default class IconLabel extends React.PureComponent {
       LEGACY_size: "small",
       color: "currentColor"
     }) : null;
-    return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, null, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, null, this.props.children));
+    return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, {
+      as: "dt"
+    }, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, {
+      as: "dd"
+    }, this.props.children));
   }
 }
 _defineProperty(IconLabel, "defaultProps", {

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

@@ -161,7 +161,10 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
         const fireEvent = event => {
           this.fireAnalytics(event);
         };
-        const requests = Promise.all([this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), this.props.resourceClient.shouldShowGiveKudos(), this.props.resourceClient.getTeamCentralBaseUrl()]);
+        const requests = Promise.all([this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), this.props.resourceClient.shouldShowGiveKudos(), this.props.resourceClient.getTeamCentralBaseUrl({
+          withOrgContext: true,
+          withSiteContext: true
+        })]);
         requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
@@ -324,7 +327,9 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       content: this.renderProfileCard,
       trigger: triggerProps => this.renderTrigger(triggerProps),
       zIndex: layers.modal(),
-      shouldFlip: true,
+      shouldFlip: true
+      // eslint-disable-next-line jsx-a11y/no-autofocus
+      ,
       autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
       shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
     }));

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

@@ -50,7 +50,10 @@ class ProfileCardResourced extends React.PureComponent {
         hasError: false,
         data: null
       }, () => {
-        const requests = Promise.all([this.props.resourceClient.getProfile(cloudId, userId, this.fireAnalytics), this.props.resourceClient.getReportingLines(userId), this.props.resourceClient.shouldShowGiveKudos(), this.props.resourceClient.getTeamCentralBaseUrl()]);
+        const requests = Promise.all([this.props.resourceClient.getProfile(cloudId, userId, this.fireAnalytics), this.props.resourceClient.getReportingLines(userId), this.props.resourceClient.shouldShowGiveKudos(), this.props.resourceClient.getTeamCentralBaseUrl({
+          withOrgContext: true,
+          withSiteContext: true
+        })]);
         requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
@@ -152,7 +155,7 @@ class ProfileCardResourced extends React.PureComponent {
       teamCentralBaseUrl,
       openKudosDrawer: this.openKudosDrawer
     };
-    return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, isKudosEnabled && /*#__PURE__*/React.createElement(Suspense, {
+    return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
       isOpen: this.state.kudosDrawerOpen,

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

@@ -171,7 +171,10 @@ export default function ProfilecardTriggerNext({
     setError(null);
     setData(null);
     try {
-      const requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos(), resourceClient.getTeamCentralBaseUrl()]);
+      const requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos(), resourceClient.getTeamCentralBaseUrl({
+        withOrgContext: true,
+        withSiteContext: true
+      })]);
       const responses = await requests;
       handleClientSuccess(...responses);
     } catch (err) {
@@ -310,9 +313,11 @@ export default function ProfilecardTriggerNext({
       }), children);
     },
     zIndex: layers.modal(),
-    shouldUseCaptureOnOutsideClick: true,
+    shouldUseCaptureOnOutsideClick: true
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    ,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
-  }), shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
+  }), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
     isOpen: kudosDrawerOpen,

package/dist/es2019/mocks/mock-profile-client.js

@@ -61,7 +61,8 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
         userClient: new MockUserClient(options),
         teamCentralClient: new MockTeamCentralClient({
           ...options,
-          teamCentralUrl: 'defaultTeamCentralUrl'
+          teamCentralUrl: 'defaultTeamCentralUrl',
+          gatewayGraphqlUrl: 'defaultGatewayGraphqlUrl'
         }),
         ...clients
       });

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/ProfileCardClient.js

@@ -25,7 +25,7 @@ var ProfileCardClient = /*#__PURE__*/function () {
     this.userClient = (clients === null || clients === void 0 ? void 0 : clients.userClient) || new UserProfileCardClient(withDefaultConfig);
     this.teamClient = (clients === null || clients === void 0 ? void 0 : clients.teamClient) || new TeamProfileCardClient(withDefaultConfig);
     this.rovoAgentClient = (clients === null || clients === void 0 ? void 0 : clients.rovoAgentClient) || new RovoAgentCardClient(withDefaultConfig);
-    this.tcClient = maybeCreateTeamCentralClient(config, clients);
+    this.tcClient = maybeCreateTeamCentralClient(withDefaultConfig, clients);
   }
   _createClass(ProfileCardClient, [{
     key: "flushCache",
@@ -58,8 +58,8 @@ var ProfileCardClient = /*#__PURE__*/function () {
   }, {
     key: "getTeamCentralBaseUrl",
     value: function () {
-      var _getTeamCentralBaseUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$tcClient3, isGlobalExperienceWorkspace;
+      var _getTeamCentralBaseUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(teamCentralScopes) {
+        var _this$tcClient3, isGlobalExperienceWorkspace, suffix, orgId;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -79,14 +79,40 @@ var ProfileCardClient = /*#__PURE__*/function () {
               return this.tcClient.getIsGlobalExperienceWorkspace();
             case 6:
               isGlobalExperienceWorkspace = _context.sent;
-              return _context.abrupt("return", Promise.resolve(isGlobalExperienceWorkspace ? getATLContextUrl('home') : getATLContextUrl('team')));
-            case 8:
+              if (isGlobalExperienceWorkspace) {
+                _context.next = 9;
+                break;
+              }
+              return _context.abrupt("return", Promise.resolve(getATLContextUrl('team')));
+            case 9:
+              suffix = '';
+              if (!(teamCentralScopes !== undefined)) {
+                _context.next = 18;
+                break;
+              }
+              _context.next = 13;
+              return this.tcClient.getOrgId();
+            case 13:
+              orgId = _context.sent;
+              if (!(orgId === null)) {
+                _context.next = 16;
+                break;
+              }
+              return _context.abrupt("return", Promise.resolve(undefined));
+            case 16:
+              suffix += "/o/".concat(orgId);
+              if (teamCentralScopes.withSiteContext) {
+                suffix += "/s/".concat(this.tcClient.options.cloudId);
+              }
+            case 18:
+              return _context.abrupt("return", Promise.resolve("".concat(getATLContextUrl('home')).concat(suffix)));
+            case 19:
             case "end":
               return _context.stop();
           }
         }, _callee, this);
       }));
-      function getTeamCentralBaseUrl() {
+      function getTeamCentralBaseUrl(_x) {
         return _getTeamCentralBaseUrl.apply(this, arguments);
       }
       return getTeamCentralBaseUrl;

package/dist/esm/client/TeamCentralCardClient.js

@@ -9,6 +9,7 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { fg } from '@atlaskit/platform-feature-flags';
 import CachingClient from './CachingClient';
+import { getOrgIdForCloudIdFromAGG } from './getOrgIdForCloudIdFromAGG';
 import { directoryGraphqlQuery } from './graphqlUtils';
 export var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
   return {
@@ -20,6 +21,7 @@ export var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
 };
 var isTCReadyPromiseMap = new Map();
 var globalExperiencePromiseCache = new Map();
+var orgIdPromiseCache = new Map();
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   _inherits(TeamCentralCardClient, _CachingClient);
   var _super = _createSuper(TeamCentralCardClient);
@@ -40,6 +42,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this.bypassOnFailure = false;
     _this.isTCReadyPromise = _this.createTcReadyPromise(options);
     _this.isGlobalExperienceWorkspacePromise = _this.preloadIsGlobalExperienceWorkspace(options.cloudId);
+    _this.orgIdPromise = _this.preloadOrgId(options.gatewayGraphqlUrl, options.cloudId, options.orgId);
     return _this;
   }
   _createClass(TeamCentralCardClient, [{
@@ -175,6 +178,11 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getIsGlobalExperienceWorkspace() {
       return this.isGlobalExperienceWorkspacePromise;
     }
+  }, {
+    key: "getOrgId",
+    value: function getOrgId() {
+      return this.orgIdPromise;
+    }
   }, {
     key: "preloadIsGlobalExperienceWorkspace",
     value: function preloadIsGlobalExperienceWorkspace(cloudId) {
@@ -246,6 +254,26 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
       }
       return isGlobalExperienceWorkspaceForCloudId;
     }()
+  }, {
+    key: "preloadOrgId",
+    value: function preloadOrgId(gatewayGraphqlUrl, cloudId, orgId) {
+      if (!fg('enable_ptc_sharded_townsquare_calls')) {
+        return Promise.resolve(null);
+      }
+      if (cloudId === undefined) {
+        return Promise.resolve(null);
+      }
+      if (orgId !== undefined) {
+        return Promise.resolve(orgId);
+      }
+      var maybeOrgIdForCloudIdPromise = orgIdPromiseCache.get(cloudId);
+      if (maybeOrgIdForCloudIdPromise !== undefined) {
+        return maybeOrgIdForCloudIdPromise;
+      }
+      var orgIdForCloudIdPromise = getOrgIdForCloudIdFromAGG(gatewayGraphqlUrl, cloudId);
+      orgIdPromiseCache.set(cloudId, orgIdForCloudIdPromise);
+      return orgIdForCloudIdPromise;
+    }
   }, {
     key: "getMaybeShardedApiPath",
     value: function getMaybeShardedApiPath(cloudId) {

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -0,0 +1,49 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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', "20.7.0");
+  return headers;
+};
+export function getOrgIdForCloudIdFromAGG(_x, _x2) {
+  return _getOrgIdForCloudIdFromAGG.apply(this, arguments);
+}
+function _getOrgIdForCloudIdFromAGG() {
+  _getOrgIdForCloudIdFromAGG = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, cloudId) {
+    var query, _yield$AGGQuery, tenantContexts;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          query = {
+            query: ORG_ID_FROM_CLOUD_ID_QUERY,
+            variables: {
+              cloudId: cloudId
+            }
+          };
+          _context.prev = 1;
+          _context.next = 4;
+          return AGGQuery(url, query, addHeaders);
+        case 4:
+          _yield$AGGQuery = _context.sent;
+          tenantContexts = _yield$AGGQuery.tenantContexts;
+          if (!(!tenantContexts || tenantContexts.length === 0 || tenantContexts[0] === null)) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 8:
+          return _context.abrupt("return", tenantContexts[0].orgId);
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](1);
+          return _context.abrupt("return", null);
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 11]]);
+  }));
+  return _getOrgIdForCloudIdFromAGG.apply(this, arguments);
+}

package/dist/esm/client/getTeamFromAGG.js

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

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

@@ -17,7 +17,6 @@ var chatToAgentButtonWrapper = xcss({
   display: 'flex',
   justifyContent: 'center',
   lineHeight: '20px',
-  padding: 'space.075',
   fontWeight: '500'
 });
 var chatPillButtonInlineStyles = xcss({

package/dist/esm/components/Icon/IconLabel.js

@@ -39,7 +39,11 @@ var IconLabel = /*#__PURE__*/function (_React$PureComponent) {
         LEGACY_size: "small",
         color: "currentColor"
       }) : null;
-      return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, null, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, null, this.props.children));
+      return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, {
+        as: "dt"
+      }, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, {
+        as: "dd"
+      }, this.props.children));
     }
   }]);
   return IconLabel;

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

@@ -176,7 +176,10 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         var fireEvent = function fireEvent(event) {
           _this.fireAnalytics(event);
         };
-        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl()]);
+        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl({
+          withOrgContext: true,
+          withSiteContext: true
+        })]);
         requests.then(function (res) {
           var _this2;
           return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
@@ -359,7 +362,9 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
           return _this4.renderTrigger(triggerProps);
         },
         zIndex: layers.modal(),
-        shouldFlip: true,
+        shouldFlip: true
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        ,
         autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
         shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
       }));

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

@@ -65,7 +65,10 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         hasError: false,
         data: null
       }, function () {
-        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId, userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl()]);
+        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId, userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl({
+          withOrgContext: true,
+          withSiteContext: true
+        })]);
         requests.then(function (res) {
           var _this2;
           return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
@@ -186,7 +189,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         teamCentralBaseUrl: teamCentralBaseUrl,
         openKudosDrawer: this.openKudosDrawer
       });
-      return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, isKudosEnabled && /*#__PURE__*/React.createElement(Suspense, {
+      return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
         fallback: null
       }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
         isOpen: this.state.kudosDrawerOpen,

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

@@ -216,7 +216,10 @@ export default function ProfilecardTriggerNext(_ref2) {
           setError(null);
           setData(null);
           _context.prev = 6;
-          requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos(), resourceClient.getTeamCentralBaseUrl()]);
+          requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos(), resourceClient.getTeamCentralBaseUrl({
+            withOrgContext: true,
+            withSiteContext: true
+          })]);
           _context.next = 10;
           return requests;
         case 10:
@@ -368,9 +371,11 @@ export default function ProfilecardTriggerNext(_ref2) {
       }), children);
     },
     zIndex: layers.modal(),
-    shouldUseCaptureOnOutsideClick: true,
+    shouldUseCaptureOnOutsideClick: true
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    ,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
-  }), shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
+  }), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
     isOpen: kudosDrawerOpen,

package/dist/esm/mocks/mock-profile-client.js

@@ -94,7 +94,8 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
       return _super3.call(this, options, _objectSpread({
         userClient: new MockUserClient(options),
         teamCentralClient: new MockTeamCentralClient(_objectSpread(_objectSpread({}, options), {}, {
-          teamCentralUrl: 'defaultTeamCentralUrl'
+          teamCentralUrl: 'defaultTeamCentralUrl',
+          gatewayGraphqlUrl: 'defaultGatewayGraphqlUrl'
         }))
       }, clients));
     }

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: "20.6.1"
+      packageVersion: "20.7.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/client/ProfileCardClient.d.ts

@@ -4,6 +4,10 @@ import RovoAgentCardClient from './RovoAgentCardClient';
 import TeamCentralCardClient from './TeamCentralCardClient';
 import TeamProfileCardClient from './TeamProfileCardClient';
 import UserProfileCardClient from './UserProfileCardClient';
+export type TeamCentralScopes = {
+    withOrgContext: true;
+    withSiteContext: boolean;
+};
 declare class ProfileCardClient implements ProfileClient {
     userClient: UserProfileCardClient;
     teamClient: TeamProfileCardClient;
@@ -14,7 +18,7 @@ declare class ProfileCardClient implements ProfileClient {
     getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
     getTeamProfile(teamId: string, orgId?: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").Team>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
-    getTeamCentralBaseUrl(): Promise<string | undefined>;
+    getTeamCentralBaseUrl(teamCentralScopes?: TeamCentralScopes): Promise<string | undefined>;
     shouldShowGiveKudos(): Promise<boolean>;
     getRovoAgentProfile(id: AgentIdType, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").RovoAgent>;
     deleteAgent(id: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<void>;

package/dist/types/client/TeamCentralCardClient.d.ts

@@ -8,6 +8,12 @@ export declare const buildReportingLinesQuery: (aaid: string) => {
 };
 export type TeamCentralCardClientOptions = CacheConfig & {
     cloudId?: string;
+    gatewayGraphqlUrl: string;
+    /**
+     * If provided, will avoid resolving the org ID internally from the cloud ID,
+     * and use the provided org ID instead
+     */
+    orgId?: string;
     teamCentralDisabled?: boolean;
     /**
      * @deprecated
@@ -30,6 +36,7 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
     bypassOnFailure: boolean;
     isTCReadyPromise: Promise<boolean>;
     private isGlobalExperienceWorkspacePromise;
+    private orgIdPromise;
     constructor(options: TeamCentralCardClientOptions);
     createTcReadyPromise(config: TeamCentralCardClientOptions): Promise<boolean>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
@@ -39,9 +46,11 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
     makeRequest(userId: string): Promise<TeamCentralReportingLinesData>;
     checkWorkspaceExists(): Promise<boolean>;
     getIsGlobalExperienceWorkspace(): Promise<boolean>;
+    getOrgId(): Promise<string | null>;
     private preloadIsGlobalExperienceWorkspace;
     private hasTCWorkspace;
     private isGlobalExperienceWorkspaceForCloudId;
+    private preloadOrgId;
     private getMaybeShardedApiPath;
     private filterReportingLinesUser;
 }

package/dist/types/client/getOrgIdForCloudIdFromAGG.d.ts

@@ -0,0 +1 @@
+export declare function getOrgIdForCloudIdFromAGG(url: string, cloudId: string): Promise<string | null>;

package/dist/types/types.d.ts

@@ -1,6 +1,7 @@
 import type React from 'react';
 import { type IntlShape } from 'react-intl-next';
 import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type TeamCentralScopes } from './client/ProfileCardClient';
 import type RovoAgentCardClient from './client/RovoAgentCardClient';
 import { type default as TeamCentralCardClient, type TeamCentralCardClientOptions } from './client/TeamCentralCardClient';
 import type TeamProfileCardClient from './client/TeamProfileCardClient';
@@ -439,7 +440,7 @@ export interface ProfileClient {
     getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<Team>;
     getReportingLines: (userId: string) => Promise<TeamCentralReportingLinesData>;
     shouldShowGiveKudos: () => Promise<boolean>;
-    getTeamCentralBaseUrl: () => Promise<string | undefined>;
+    getTeamCentralBaseUrl: (teamCentralScopes?: TeamCentralScopes) => Promise<string | undefined>;
     getRovoAgentProfile: (id: AgentIdType, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<RovoAgent>;
     deleteAgent: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
     setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
@@ -451,7 +452,7 @@ export type ProfileCardErrorType = {
 export type TeamProfileCardErrorType = {
     reason: 'default' | 'NotFound' | 'TEAMS_FORBIDDEN';
 } | null;
-export interface ProfileClientOptions extends TeamCentralCardClientOptions {
+export interface ProfileClientOptions extends Omit<TeamCentralCardClientOptions, 'gatewayGraphqlUrl'> {
     /**
      * pf-directory url
      * When we clean up CloudUser migration FF, we should remove this prop

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

@@ -4,6 +4,10 @@ import RovoAgentCardClient from './RovoAgentCardClient';
 import TeamCentralCardClient from './TeamCentralCardClient';
 import TeamProfileCardClient from './TeamProfileCardClient';
 import UserProfileCardClient from './UserProfileCardClient';
+export type TeamCentralScopes = {
+    withOrgContext: true;
+    withSiteContext: boolean;
+};
 declare class ProfileCardClient implements ProfileClient {
     userClient: UserProfileCardClient;
     teamClient: TeamProfileCardClient;
@@ -14,7 +18,7 @@ declare class ProfileCardClient implements ProfileClient {
     getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
     getTeamProfile(teamId: string, orgId?: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").Team>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
-    getTeamCentralBaseUrl(): Promise<string | undefined>;
+    getTeamCentralBaseUrl(teamCentralScopes?: TeamCentralScopes): Promise<string | undefined>;
     shouldShowGiveKudos(): Promise<boolean>;
     getRovoAgentProfile(id: AgentIdType, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").RovoAgent>;
     deleteAgent(id: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<void>;

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

@@ -8,6 +8,12 @@ export declare const buildReportingLinesQuery: (aaid: string) => {
 };
 export type TeamCentralCardClientOptions = CacheConfig & {
     cloudId?: string;
+    gatewayGraphqlUrl: string;
+    /**
+     * If provided, will avoid resolving the org ID internally from the cloud ID,
+     * and use the provided org ID instead
+     */
+    orgId?: string;
     teamCentralDisabled?: boolean;
     /**
      * @deprecated
@@ -30,6 +36,7 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
     bypassOnFailure: boolean;
     isTCReadyPromise: Promise<boolean>;
     private isGlobalExperienceWorkspacePromise;
+    private orgIdPromise;
     constructor(options: TeamCentralCardClientOptions);
     createTcReadyPromise(config: TeamCentralCardClientOptions): Promise<boolean>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
@@ -39,9 +46,11 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
     makeRequest(userId: string): Promise<TeamCentralReportingLinesData>;
     checkWorkspaceExists(): Promise<boolean>;
     getIsGlobalExperienceWorkspace(): Promise<boolean>;
+    getOrgId(): Promise<string | null>;
     private preloadIsGlobalExperienceWorkspace;
     private hasTCWorkspace;
     private isGlobalExperienceWorkspaceForCloudId;
+    private preloadOrgId;
     private getMaybeShardedApiPath;
     private filterReportingLinesUser;
 }

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

@@ -0,0 +1 @@
+export declare function getOrgIdForCloudIdFromAGG(url: string, cloudId: string): Promise<string | null>;

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

@@ -1,6 +1,7 @@
 import type React from 'react';
 import { type IntlShape } from 'react-intl-next';
 import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type TeamCentralScopes } from './client/ProfileCardClient';
 import type RovoAgentCardClient from './client/RovoAgentCardClient';
 import { type default as TeamCentralCardClient, type TeamCentralCardClientOptions } from './client/TeamCentralCardClient';
 import type TeamProfileCardClient from './client/TeamProfileCardClient';
@@ -445,7 +446,7 @@ export interface ProfileClient {
     getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<Team>;
     getReportingLines: (userId: string) => Promise<TeamCentralReportingLinesData>;
     shouldShowGiveKudos: () => Promise<boolean>;
-    getTeamCentralBaseUrl: () => Promise<string | undefined>;
+    getTeamCentralBaseUrl: (teamCentralScopes?: TeamCentralScopes) => Promise<string | undefined>;
     getRovoAgentProfile: (id: AgentIdType, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<RovoAgent>;
     deleteAgent: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
     setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
@@ -457,7 +458,7 @@ export type ProfileCardErrorType = {
 export type TeamProfileCardErrorType = {
     reason: 'default' | 'NotFound' | 'TEAMS_FORBIDDEN';
 } | null;
-export interface ProfileClientOptions extends TeamCentralCardClientOptions {
+export interface ProfileClientOptions extends Omit<TeamCentralCardClientOptions, 'gatewayGraphqlUrl'> {
     /**
      * pf-directory url
      * When we clean up CloudUser migration FF, we should remove this prop

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "20.6.1",
+	"version": "20.7.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,17 +54,17 @@
 		"@atlaskit/atlassian-context": "^0.0.2",
 		"@atlaskit/avatar": "^21.15.0",
 		"@atlaskit/avatar-group": "^10.0.0",
-		"@atlaskit/button": "^20.2.0",
-		"@atlaskit/dropdown-menu": "^12.20.0",
-		"@atlaskit/empty-state": "^7.11.0",
+		"@atlaskit/button": "^20.3.0",
+		"@atlaskit/dropdown-menu": "^12.21.0",
+		"@atlaskit/empty-state": "^7.12.0",
 		"@atlaskit/focus-ring": "^1.6.0",
 		"@atlaskit/give-kudos": "^2.2.0",
-		"@atlaskit/icon": "^22.22.0",
-		"@atlaskit/lozenge": "^11.11.0",
+		"@atlaskit/icon": "^22.23.0",
+		"@atlaskit/lozenge": "^11.12.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popup": "^1.28.0",
+		"@atlaskit/popup": "^1.29.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/rovo-agent-components": "^1.6.0",
 		"@atlaskit/spinner": "^16.3.0",
@@ -86,6 +86,7 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "*",
+		"@atlassian/a11y-jest-testing": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@atlassian/ptc-test-utils": "^0.8.0",
 		"@testing-library/react": "^12.1.5",