@atlaskit/profilecard 21.0.2 → 21.0.4

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/profilecard
 
+## 21.0.4
+
+### Patch Changes
+
+- [#179093](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179093)
+  [`fc80a0b0d4961`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fc80a0b0d4961) -
+  Fix reporting lines to be available outside of Atlassian Home
+- Updated dependencies
+
+## 21.0.3
+
+### Patch Changes
+
+- [#178297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178297)
+  [`7abc8162b32ab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7abc8162b32ab) -
+  Internal changes to typography styles. There may be some minor visual changes to align with
+  modernized typography styles.
+- [#172505](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/172505)
+  [`e43cba2a879aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e43cba2a879aa) -
+  Remove explicit jest extension with .toBeAccessible matcher
+
 ## 21.0.2
 
 ### Patch Changes

package/dist/cjs/client/TeamCentralCardClient.js

@@ -12,11 +12,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 var _getOrgIdForCloudIdFromAGG = require("./getOrgIdForCloudIdFromAGG");
 var _graphqlUtils = require("./graphqlUtils");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var UNSHARDED_PREFIX = '/gateway/api/watermelon';
 var buildReportingLinesQuery = exports.buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
   return {
     query: "\n    fragment ReportingLinesUserPII on UserPII {\n      name\n      picture\n    }\n\n    fragment ReportingLinesUserFragment on ReportingLinesUser {\n      accountIdentifier\n      identifierType\n      pii {\n        ...ReportingLinesUserPII\n      }\n    }\n\n    query ReportingLines($aaid: String) {\n      reportingLines(aaidOrHash: $aaid) {\n        managers {\n          ...ReportingLinesUserFragment\n        }\n        reports {\n          ...ReportingLinesUserFragment\n        }\n      }\n    }\n  ",
@@ -25,9 +27,9 @@ var buildReportingLinesQuery = exports.buildReportingLinesQuery = function build
     }
   };
 };
-var isTCReadyPromiseMap = new Map();
-var globalExperiencePromiseCache = new Map();
+var orgContainsAnyWorkspacePromiseCache = new Map();
 var orgIdPromiseCache = new Map();
+var workspaceExistsWithTypePromiseCache = new Map();
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   /**
    * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
@@ -44,20 +46,20 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this = _callSuper(this, TeamCentralCardClient, [options]);
     _this.options = options;
     _this.bypassOnFailure = false;
-    _this.isTCReadyPromise = _this.createTcReadyPromise(options);
-    _this.isGlobalExperienceWorkspacePromise = _this.preloadIsGlobalExperienceWorkspace(options.cloudId);
+    _this.orgContainsAnyWorkspacePromise = _this.createOrgContainsAnyWorkspacePromise(options);
+    _this.workspaceExistsWithTypePromise = _this.preloadWorkspaceExistsWithType(options.cloudId);
     _this.orgIdPromise = _this.preloadOrgId(options.gatewayGraphqlUrl, options.cloudId, options.orgId);
     return _this;
   }
   (0, _inherits2.default)(TeamCentralCardClient, _CachingClient);
   return (0, _createClass2.default)(TeamCentralCardClient, [{
-    key: "createTcReadyPromise",
-    value: function createTcReadyPromise(config) {
+    key: "createOrgContainsAnyWorkspacePromise",
+    value: function createOrgContainsAnyWorkspacePromise(config) {
       if (config.cloudId) {
-        var promise = isTCReadyPromiseMap.get(config.cloudId);
+        var promise = orgContainsAnyWorkspacePromiseCache.get(config.cloudId);
         if (!promise) {
-          promise = this.hasTCWorkspace(config);
-          isTCReadyPromiseMap.set(config.cloudId, promise);
+          promise = this.getOrgContainsAnyWorkspace(config.cloudId);
+          orgContainsAnyWorkspacePromiseCache.set(config.cloudId, promise);
         }
         return promise;
       }
@@ -67,8 +69,8 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     key: "getReportingLines",
     value: function getReportingLines(userId) {
       var _this2 = this;
-      return this.isTCReadyPromise.then(function (workSpaceExists) {
-        if (workSpaceExists) {
+      return this.orgContainsAnyWorkspacePromise.then(function (orgContainsAnyWorkspace) {
+        if (orgContainsAnyWorkspace) {
           if (!userId) {
             return Promise.reject(new Error('userId missing'));
           }
@@ -151,45 +153,81 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     }())
   }, {
     key: "checkWorkspaceExists",
-    value: function checkWorkspaceExists() {
-      return this.isTCReadyPromise.then(function (workSpaceExists) {
-        if (workSpaceExists) {
-          return Promise.resolve(true);
-        }
-        return Promise.resolve(false);
-      }, function () {
-        return Promise.resolve(false);
-      });
-    }
+    value: function () {
+      var _checkWorkspaceExists = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+        var workspaceExistsPromise;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              workspaceExistsPromise = (0, _platformFeatureFlags.fg)('enable_ptc_townsquare_reporting_lines_unsharded') ? this.workspaceExistsWithTypePromise.then(function (workspaceExistsWithType) {
+                return workspaceExistsWithType !== undefined;
+              }) : this.orgContainsAnyWorkspacePromise;
+              return _context2.abrupt("return", workspaceExistsPromise.then(function (workspaceExistsWithType) {
+                if (workspaceExistsWithType) {
+                  return Promise.resolve(true);
+                }
+                return Promise.resolve(false);
+              }, function () {
+                return Promise.resolve(false);
+              }));
+            case 2:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function checkWorkspaceExists() {
+        return _checkWorkspaceExists.apply(this, arguments);
+      }
+      return checkWorkspaceExists;
+    }()
   }, {
     key: "getIsGlobalExperienceWorkspace",
-    value: function getIsGlobalExperienceWorkspace() {
-      return this.isGlobalExperienceWorkspacePromise;
-    }
+    value: function () {
+      var _getIsGlobalExperienceWorkspace = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return this.workspaceExistsWithTypePromise;
+            case 2:
+              _context3.t0 = _context3.sent;
+              return _context3.abrupt("return", _context3.t0 === 'GLOBAL_EXPERIENCE');
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function getIsGlobalExperienceWorkspace() {
+        return _getIsGlobalExperienceWorkspace.apply(this, arguments);
+      }
+      return getIsGlobalExperienceWorkspace;
+    }()
   }, {
     key: "getOrgId",
     value: function getOrgId() {
       return this.orgIdPromise;
     }
   }, {
-    key: "preloadIsGlobalExperienceWorkspace",
-    value: function preloadIsGlobalExperienceWorkspace(cloudId) {
+    key: "preloadWorkspaceExistsWithType",
+    value: function preloadWorkspaceExistsWithType(cloudId) {
       if (cloudId === undefined) {
-        return Promise.resolve(false);
+        return Promise.resolve(undefined);
       }
-      var maybeIsGlobalExperienceWorkspaceForCloudIdPromise = globalExperiencePromiseCache.get(cloudId);
-      if (maybeIsGlobalExperienceWorkspaceForCloudIdPromise !== undefined) {
-        return maybeIsGlobalExperienceWorkspaceForCloudIdPromise;
+      var maybeWorkspaceExistsWithTypePromise = workspaceExistsWithTypePromiseCache.get(cloudId);
+      if (maybeWorkspaceExistsWithTypePromise !== undefined) {
+        return maybeWorkspaceExistsWithTypePromise;
       }
-      var isGlobalExperienceWorkspaceForCloudIdPromise = this.isGlobalExperienceWorkspaceForCloudId(cloudId);
-      globalExperiencePromiseCache.set(cloudId, isGlobalExperienceWorkspaceForCloudIdPromise);
-      return isGlobalExperienceWorkspaceForCloudIdPromise;
+      var workspaceExistsWithTypePromise = this.getWorkspaceExistsWithType(cloudId);
+      workspaceExistsWithTypePromiseCache.set(cloudId, workspaceExistsWithTypePromise);
+      return workspaceExistsWithTypePromise;
     }
   }, {
-    key: "hasTCWorkspace",
-    value: function hasTCWorkspace(config) {
-      if (config.cloudId) {
-        return fetch("".concat(this.getShardedApiPath(config.cloudId), "/organization/containsAnyWorkspace?cloudId=").concat(config.cloudId)).then(function (res) {
+    key: "getOrgContainsAnyWorkspace",
+    value: function getOrgContainsAnyWorkspace(cloudId) {
+      if (cloudId) {
+        return fetch(((0, _platformFeatureFlags.fg)('enable_ptc_townsquare_reporting_lines_unsharded') ? UNSHARDED_PREFIX : this.getShardedApiPath(cloudId)) + "/organization/containsAnyWorkspace?cloudId=".concat(cloudId)).then(function (res) {
           return !res || res && res.ok;
         });
       } else {
@@ -197,45 +235,46 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
       }
     }
   }, {
-    key: "isGlobalExperienceWorkspaceForCloudId",
+    key: "getWorkspaceExistsWithType",
     value: function () {
-      var _isGlobalExperienceWorkspaceForCloudId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(cloudId) {
+      var _getWorkspaceExistsWithType = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(cloudId) {
         var response, workspaceType;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
+              _context4.prev = 0;
+              _context4.next = 3;
               return fetch("".concat(this.getShardedApiPath(cloudId), "/workspace/existsWithWorkspaceType?cloudId=").concat(cloudId), {
                 credentials: 'include'
               });
             case 3:
-              response = _context2.sent;
+              response = _context4.sent;
               if (!response.ok) {
-                _context2.next = 9;
+                _context4.next = 9;
                 break;
               }
-              _context2.next = 7;
+              _context4.next = 7;
               return response.text();
             case 7:
-              workspaceType = _context2.sent;
-              return _context2.abrupt("return", Promise.resolve(workspaceType === 'GLOBAL_EXPERIENCE'));
+              workspaceType = _context4.sent;
+              return _context4.abrupt("return", Promise.resolve(workspaceType));
             case 9:
-              return _context2.abrupt("return", Promise.resolve(false));
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](0);
-              return _context2.abrupt("return", Promise.resolve(false));
-            case 15:
+              _context4.next = 14;
+              break;
+            case 11:
+              _context4.prev = 11;
+              _context4.t0 = _context4["catch"](0);
+              return _context4.abrupt("return", Promise.resolve(undefined));
+            case 14:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
-        }, _callee2, this, [[0, 12]]);
+        }, _callee4, this, [[0, 11]]);
       }));
-      function isGlobalExperienceWorkspaceForCloudId(_x2) {
-        return _isGlobalExperienceWorkspaceForCloudId.apply(this, arguments);
+      function getWorkspaceExistsWithType(_x2) {
+        return _getWorkspaceExistsWithType.apply(this, arguments);
       }
-      return isGlobalExperienceWorkspaceForCloudId;
+      return getWorkspaceExistsWithType;
     }()
   }, {
     key: "preloadOrgId",

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

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

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
+var _primitives = require("@atlaskit/primitives");
 var _Error = require("../../styled/Error");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -31,7 +32,9 @@ var ErrorMessage = function ErrorMessage(props) {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "The user is no longer available for the site");
     }
-    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_Error.ErrorText, null, "Try again and we\u2019ll give it another shot"));
+    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      color: "color.text.subtlest"
+    }, "Try again and we\u2019ll give it another shot"));
   };
   return /*#__PURE__*/_react.default.createElement(_Error.ErrorWrapper, {
     "data-testid": "profilecard-error"

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

@@ -293,7 +293,10 @@ var ErrorMessage = function ErrorMessage(_ref6) {
   }, [analytics, clientFetchProfile]);
   return /*#__PURE__*/_react.default.createElement(_Error.ErrorWrapper, {
     "data-testid": "team-profilecard-error"
-  }, /*#__PURE__*/_react.default.createElement(_Error2.ErrorIllustration, null), /*#__PURE__*/_react.default.createElement(_Error.TeamErrorTitle, null, /*#__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(_loadingButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Error2.ErrorIllustration, null), /*#__PURE__*/_react.default.createElement(_primitives.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, /*#__PURE__*/_react.default.createElement(_loadingButton.default, {
     testId: "client-fetch-profile-button",
     shouldFitContainer: true,
     onClick: retry,

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

@@ -65,8 +65,8 @@ function getMockProfileClient(BaseProfileClient, modifyResponse) {
     }
     (0, _inherits2.default)(MockTeamCentralClient, _TeamCentralCardClien);
     return (0, _createClass2.default)(MockTeamCentralClient, [{
-      key: "createTcReadyPromise",
-      value: function createTcReadyPromise(config) {
+      key: "createOrgContainsAnyWorkspacePromise",
+      value: function createOrgContainsAnyWorkspacePromise(config) {
         return Promise.resolve(true);
       }
     }, {

package/dist/cjs/styled/Error.js

@@ -4,12 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TeamErrorTitle = exports.TeamErrorText = exports.ErrorWrapper = exports.ErrorTitle = exports.ErrorText = void 0;
+exports.TeamErrorText = exports.ErrorWrapper = exports.ErrorTitle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-var _typography = require("@atlaskit/theme/typography");
-var _constants2 = require("./constants");
+var _constants = require("./constants");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -17,27 +15,17 @@ var ErrorWrapper = exports.ErrorWrapper = _styled.default.div({
   textAlign: 'center',
   padding: "var(--ds-space-300, 24px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  color: _constants2.errorIconColor
+  color: _constants.errorIconColor
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var ErrorTitle = exports.ErrorTitle = _styled.default.p({
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  color: _constants2.errorTitleColor,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: "".concat((0, _constants.gridSize)() * 3, "px"),
+  color: _constants.errorTitleColor,
   margin: "var(--ds-space-100, 8px)".concat(" 0")
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ErrorText = exports.ErrorText = _styled.default.span({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  color: _constants2.errorTextColor
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var TeamErrorTitle = exports.TeamErrorTitle = _styled.default.p(_typography.h400);
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var TeamErrorText = exports.TeamErrorText = _styled.default.p({
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),

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

package/dist/es2019/client/TeamCentralCardClient.js

@@ -1,6 +1,8 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import CachingClient from './CachingClient';
 import { getOrgIdForCloudIdFromAGG } from './getOrgIdForCloudIdFromAGG';
 import { directoryGraphqlQuery } from './graphqlUtils';
+const UNSHARDED_PREFIX = '/gateway/api/watermelon';
 export const buildReportingLinesQuery = aaid => ({
   query: `
     fragment ReportingLinesUserPII on UserPII {
@@ -31,9 +33,9 @@ export const buildReportingLinesQuery = aaid => ({
     aaid
   }
 });
-let isTCReadyPromiseMap = new Map();
-const globalExperiencePromiseCache = new Map();
+const orgContainsAnyWorkspacePromiseCache = new Map();
 const orgIdPromiseCache = new Map();
+const workspaceExistsWithTypePromiseCache = new Map();
 class TeamCentralCardClient extends CachingClient {
   /**
    * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
@@ -48,24 +50,24 @@ class TeamCentralCardClient extends CachingClient {
     super(options);
     this.options = options;
     this.bypassOnFailure = false;
-    this.isTCReadyPromise = this.createTcReadyPromise(options);
-    this.isGlobalExperienceWorkspacePromise = this.preloadIsGlobalExperienceWorkspace(options.cloudId);
+    this.orgContainsAnyWorkspacePromise = this.createOrgContainsAnyWorkspacePromise(options);
+    this.workspaceExistsWithTypePromise = this.preloadWorkspaceExistsWithType(options.cloudId);
     this.orgIdPromise = this.preloadOrgId(options.gatewayGraphqlUrl, options.cloudId, options.orgId);
   }
-  createTcReadyPromise(config) {
+  createOrgContainsAnyWorkspacePromise(config) {
     if (config.cloudId) {
-      let promise = isTCReadyPromiseMap.get(config.cloudId);
+      let promise = orgContainsAnyWorkspacePromiseCache.get(config.cloudId);
       if (!promise) {
-        promise = this.hasTCWorkspace(config);
-        isTCReadyPromiseMap.set(config.cloudId, promise);
+        promise = this.getOrgContainsAnyWorkspace(config.cloudId);
+        orgContainsAnyWorkspacePromiseCache.set(config.cloudId, promise);
       }
       return promise;
     }
     return Promise.resolve(true);
   }
   getReportingLines(userId) {
-    return this.isTCReadyPromise.then(workSpaceExists => {
-      if (workSpaceExists) {
+    return this.orgContainsAnyWorkspacePromise.then(orgContainsAnyWorkspace => {
+      if (orgContainsAnyWorkspace) {
         if (!userId) {
           return Promise.reject(new Error('userId missing'));
         }
@@ -121,53 +123,53 @@ class TeamCentralCardClient extends CachingClient {
     const response = await directoryGraphqlQuery('/gateway/api/watermelon/graphql?operationName=ReportingLines', query);
     return response.reportingLines;
   }
-  checkWorkspaceExists() {
-    return this.isTCReadyPromise.then(workSpaceExists => {
-      if (workSpaceExists) {
+  async checkWorkspaceExists() {
+    const workspaceExistsPromise = fg('enable_ptc_townsquare_reporting_lines_unsharded') ? this.workspaceExistsWithTypePromise.then(workspaceExistsWithType => workspaceExistsWithType !== undefined) : this.orgContainsAnyWorkspacePromise;
+    return workspaceExistsPromise.then(workspaceExistsWithType => {
+      if (workspaceExistsWithType) {
         return Promise.resolve(true);
       }
       return Promise.resolve(false);
     }, () => Promise.resolve(false));
   }
-  getIsGlobalExperienceWorkspace() {
-    return this.isGlobalExperienceWorkspacePromise;
+  async getIsGlobalExperienceWorkspace() {
+    return (await this.workspaceExistsWithTypePromise) === 'GLOBAL_EXPERIENCE';
   }
   getOrgId() {
     return this.orgIdPromise;
   }
-  preloadIsGlobalExperienceWorkspace(cloudId) {
+  preloadWorkspaceExistsWithType(cloudId) {
     if (cloudId === undefined) {
-      return Promise.resolve(false);
+      return Promise.resolve(undefined);
     }
-    const maybeIsGlobalExperienceWorkspaceForCloudIdPromise = globalExperiencePromiseCache.get(cloudId);
-    if (maybeIsGlobalExperienceWorkspaceForCloudIdPromise !== undefined) {
-      return maybeIsGlobalExperienceWorkspaceForCloudIdPromise;
+    const maybeWorkspaceExistsWithTypePromise = workspaceExistsWithTypePromiseCache.get(cloudId);
+    if (maybeWorkspaceExistsWithTypePromise !== undefined) {
+      return maybeWorkspaceExistsWithTypePromise;
     }
-    const isGlobalExperienceWorkspaceForCloudIdPromise = this.isGlobalExperienceWorkspaceForCloudId(cloudId);
-    globalExperiencePromiseCache.set(cloudId, isGlobalExperienceWorkspaceForCloudIdPromise);
-    return isGlobalExperienceWorkspaceForCloudIdPromise;
+    const workspaceExistsWithTypePromise = this.getWorkspaceExistsWithType(cloudId);
+    workspaceExistsWithTypePromiseCache.set(cloudId, workspaceExistsWithTypePromise);
+    return workspaceExistsWithTypePromise;
   }
-  hasTCWorkspace(config) {
-    if (config.cloudId) {
-      return fetch(`${this.getShardedApiPath(config.cloudId)}/organization/containsAnyWorkspace?cloudId=${config.cloudId}`).then(res => {
+  getOrgContainsAnyWorkspace(cloudId) {
+    if (cloudId) {
+      return fetch((fg('enable_ptc_townsquare_reporting_lines_unsharded') ? UNSHARDED_PREFIX : this.getShardedApiPath(cloudId)) + `/organization/containsAnyWorkspace?cloudId=${cloudId}`).then(res => {
         return !res || res && res.ok;
       });
     } else {
       return Promise.resolve(false);
     }
   }
-  async isGlobalExperienceWorkspaceForCloudId(cloudId) {
+  async getWorkspaceExistsWithType(cloudId) {
     try {
       const response = await fetch(`${this.getShardedApiPath(cloudId)}/workspace/existsWithWorkspaceType?cloudId=${cloudId}`, {
         credentials: 'include'
       });
       if (response.ok) {
         const workspaceType = await response.text();
-        return Promise.resolve(workspaceType === 'GLOBAL_EXPERIENCE');
+        return Promise.resolve(workspaceType);
       }
-      return Promise.resolve(false);
     } catch (err) {
-      return Promise.resolve(false);
+      return Promise.resolve(undefined);
     }
   }
   preloadOrgId(gatewayGraphqlUrl, cloudId, orgId) {

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', "21.0.2");
+  headers.append('atl-client-version', "21.0.4");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

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

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

@@ -1,7 +1,8 @@
 import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/standard-button';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
-import { ErrorText, ErrorTitle, ErrorWrapper } from '../../styled/Error';
+import { Text } from '@atlaskit/primitives';
+import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
 import { profileCardRendered } from '../../util/analytics';
 const ErrorMessage = props => {
   const errorType = props.errorType || {
@@ -23,7 +24,9 @@ const ErrorMessage = props => {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/React.createElement(ErrorTitle, null, "The user is no longer available for the site");
     }
-    return /*#__PURE__*/React.createElement(ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/React.createElement("br", null), reload && /*#__PURE__*/React.createElement(ErrorText, null, "Try again and we\u2019ll give it another shot"));
+    return /*#__PURE__*/React.createElement(ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/React.createElement("br", null), reload && /*#__PURE__*/React.createElement(Text, {
+      color: "color.text.subtlest"
+    }, "Try again and we\u2019ll give it another shot"));
   };
   return /*#__PURE__*/React.createElement(ErrorWrapper, {
     "data-testid": "profilecard-error"

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

@@ -10,12 +10,12 @@ import { LinkItem, MenuGroup } from '@atlaskit/menu';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
-import { Inline } from '@atlaskit/primitives';
+import { Inline, Text } from '@atlaskit/primitives';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import messages from '../../messages';
 import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../../styled/Card';
-import { ErrorWrapper, TeamErrorText, TeamErrorTitle } from '../../styled/Error';
+import { ErrorWrapper, TeamErrorText } from '../../styled/Error';
 import { ActionButtons, AvatarSection, CardContent, CardHeader, CardWrapper, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
 import { actionClicked, errorRetryClicked, moreActionsClicked, moreMembersClicked, profileCardRendered, teamAvatarClicked } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
@@ -254,7 +254,10 @@ const ErrorMessage = ({
   }, [analytics, clientFetchProfile]);
   return /*#__PURE__*/React.createElement(ErrorWrapper, {
     "data-testid": "team-profilecard-error"
-  }, /*#__PURE__*/React.createElement(ErrorIllustration, null), /*#__PURE__*/React.createElement(TeamErrorTitle, null, /*#__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(LoadingButton, {
+  }, /*#__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, /*#__PURE__*/React.createElement(LoadingButton, {
     testId: "client-fetch-profile-button",
     shouldFitContainer: true,
     onClick: retry,

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

@@ -36,7 +36,7 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
     }
   }
   class MockTeamCentralClient extends TeamCentralCardClient {
-    createTcReadyPromise(config) {
+    createOrgContainsAnyWorkspacePromise(config) {
       return Promise.resolve(true);
     }
     makeRequest(userId) {

package/dist/es2019/styled/Error.js

@@ -1,9 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N200 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
-import { h400 } from '@atlaskit/theme/typography';
-import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
+import { errorIconColor, errorTitleColor } from './constants';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ErrorWrapper = styled.div({
@@ -15,22 +13,12 @@ export const ErrorWrapper = styled.div({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ErrorTitle = styled.p({
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   color: errorTitleColor,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: `${gridSize() * 3}px`,
   margin: `${"var(--ds-space-100, 8px)"} 0`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const ErrorText = styled.span({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  color: errorTextColor
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export const TeamErrorTitle = styled.p(h400);
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const TeamErrorText = styled.p({
   color: `var(--ds-text-subtlest, ${N200})`,

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/TeamCentralCardClient.js

@@ -7,9 +7,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 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';
+var UNSHARDED_PREFIX = '/gateway/api/watermelon';
 export var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
   return {
     query: "\n    fragment ReportingLinesUserPII on UserPII {\n      name\n      picture\n    }\n\n    fragment ReportingLinesUserFragment on ReportingLinesUser {\n      accountIdentifier\n      identifierType\n      pii {\n        ...ReportingLinesUserPII\n      }\n    }\n\n    query ReportingLines($aaid: String) {\n      reportingLines(aaidOrHash: $aaid) {\n        managers {\n          ...ReportingLinesUserFragment\n        }\n        reports {\n          ...ReportingLinesUserFragment\n        }\n      }\n    }\n  ",
@@ -18,9 +20,9 @@ export var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
     }
   };
 };
-var isTCReadyPromiseMap = new Map();
-var globalExperiencePromiseCache = new Map();
+var orgContainsAnyWorkspacePromiseCache = new Map();
 var orgIdPromiseCache = new Map();
+var workspaceExistsWithTypePromiseCache = new Map();
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   /**
    * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
@@ -37,20 +39,20 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this = _callSuper(this, TeamCentralCardClient, [options]);
     _this.options = options;
     _this.bypassOnFailure = false;
-    _this.isTCReadyPromise = _this.createTcReadyPromise(options);
-    _this.isGlobalExperienceWorkspacePromise = _this.preloadIsGlobalExperienceWorkspace(options.cloudId);
+    _this.orgContainsAnyWorkspacePromise = _this.createOrgContainsAnyWorkspacePromise(options);
+    _this.workspaceExistsWithTypePromise = _this.preloadWorkspaceExistsWithType(options.cloudId);
     _this.orgIdPromise = _this.preloadOrgId(options.gatewayGraphqlUrl, options.cloudId, options.orgId);
     return _this;
   }
   _inherits(TeamCentralCardClient, _CachingClient);
   return _createClass(TeamCentralCardClient, [{
-    key: "createTcReadyPromise",
-    value: function createTcReadyPromise(config) {
+    key: "createOrgContainsAnyWorkspacePromise",
+    value: function createOrgContainsAnyWorkspacePromise(config) {
       if (config.cloudId) {
-        var promise = isTCReadyPromiseMap.get(config.cloudId);
+        var promise = orgContainsAnyWorkspacePromiseCache.get(config.cloudId);
         if (!promise) {
-          promise = this.hasTCWorkspace(config);
-          isTCReadyPromiseMap.set(config.cloudId, promise);
+          promise = this.getOrgContainsAnyWorkspace(config.cloudId);
+          orgContainsAnyWorkspacePromiseCache.set(config.cloudId, promise);
         }
         return promise;
       }
@@ -60,8 +62,8 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     key: "getReportingLines",
     value: function getReportingLines(userId) {
       var _this2 = this;
-      return this.isTCReadyPromise.then(function (workSpaceExists) {
-        if (workSpaceExists) {
+      return this.orgContainsAnyWorkspacePromise.then(function (orgContainsAnyWorkspace) {
+        if (orgContainsAnyWorkspace) {
           if (!userId) {
             return Promise.reject(new Error('userId missing'));
           }
@@ -144,45 +146,81 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     }())
   }, {
     key: "checkWorkspaceExists",
-    value: function checkWorkspaceExists() {
-      return this.isTCReadyPromise.then(function (workSpaceExists) {
-        if (workSpaceExists) {
-          return Promise.resolve(true);
-        }
-        return Promise.resolve(false);
-      }, function () {
-        return Promise.resolve(false);
-      });
-    }
+    value: function () {
+      var _checkWorkspaceExists = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var workspaceExistsPromise;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              workspaceExistsPromise = fg('enable_ptc_townsquare_reporting_lines_unsharded') ? this.workspaceExistsWithTypePromise.then(function (workspaceExistsWithType) {
+                return workspaceExistsWithType !== undefined;
+              }) : this.orgContainsAnyWorkspacePromise;
+              return _context2.abrupt("return", workspaceExistsPromise.then(function (workspaceExistsWithType) {
+                if (workspaceExistsWithType) {
+                  return Promise.resolve(true);
+                }
+                return Promise.resolve(false);
+              }, function () {
+                return Promise.resolve(false);
+              }));
+            case 2:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function checkWorkspaceExists() {
+        return _checkWorkspaceExists.apply(this, arguments);
+      }
+      return checkWorkspaceExists;
+    }()
   }, {
     key: "getIsGlobalExperienceWorkspace",
-    value: function getIsGlobalExperienceWorkspace() {
-      return this.isGlobalExperienceWorkspacePromise;
-    }
+    value: function () {
+      var _getIsGlobalExperienceWorkspace = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return this.workspaceExistsWithTypePromise;
+            case 2:
+              _context3.t0 = _context3.sent;
+              return _context3.abrupt("return", _context3.t0 === 'GLOBAL_EXPERIENCE');
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function getIsGlobalExperienceWorkspace() {
+        return _getIsGlobalExperienceWorkspace.apply(this, arguments);
+      }
+      return getIsGlobalExperienceWorkspace;
+    }()
   }, {
     key: "getOrgId",
     value: function getOrgId() {
       return this.orgIdPromise;
     }
   }, {
-    key: "preloadIsGlobalExperienceWorkspace",
-    value: function preloadIsGlobalExperienceWorkspace(cloudId) {
+    key: "preloadWorkspaceExistsWithType",
+    value: function preloadWorkspaceExistsWithType(cloudId) {
       if (cloudId === undefined) {
-        return Promise.resolve(false);
+        return Promise.resolve(undefined);
       }
-      var maybeIsGlobalExperienceWorkspaceForCloudIdPromise = globalExperiencePromiseCache.get(cloudId);
-      if (maybeIsGlobalExperienceWorkspaceForCloudIdPromise !== undefined) {
-        return maybeIsGlobalExperienceWorkspaceForCloudIdPromise;
+      var maybeWorkspaceExistsWithTypePromise = workspaceExistsWithTypePromiseCache.get(cloudId);
+      if (maybeWorkspaceExistsWithTypePromise !== undefined) {
+        return maybeWorkspaceExistsWithTypePromise;
       }
-      var isGlobalExperienceWorkspaceForCloudIdPromise = this.isGlobalExperienceWorkspaceForCloudId(cloudId);
-      globalExperiencePromiseCache.set(cloudId, isGlobalExperienceWorkspaceForCloudIdPromise);
-      return isGlobalExperienceWorkspaceForCloudIdPromise;
+      var workspaceExistsWithTypePromise = this.getWorkspaceExistsWithType(cloudId);
+      workspaceExistsWithTypePromiseCache.set(cloudId, workspaceExistsWithTypePromise);
+      return workspaceExistsWithTypePromise;
     }
   }, {
-    key: "hasTCWorkspace",
-    value: function hasTCWorkspace(config) {
-      if (config.cloudId) {
-        return fetch("".concat(this.getShardedApiPath(config.cloudId), "/organization/containsAnyWorkspace?cloudId=").concat(config.cloudId)).then(function (res) {
+    key: "getOrgContainsAnyWorkspace",
+    value: function getOrgContainsAnyWorkspace(cloudId) {
+      if (cloudId) {
+        return fetch((fg('enable_ptc_townsquare_reporting_lines_unsharded') ? UNSHARDED_PREFIX : this.getShardedApiPath(cloudId)) + "/organization/containsAnyWorkspace?cloudId=".concat(cloudId)).then(function (res) {
           return !res || res && res.ok;
         });
       } else {
@@ -190,45 +228,46 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
       }
     }
   }, {
-    key: "isGlobalExperienceWorkspaceForCloudId",
+    key: "getWorkspaceExistsWithType",
     value: function () {
-      var _isGlobalExperienceWorkspaceForCloudId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(cloudId) {
+      var _getWorkspaceExistsWithType = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(cloudId) {
         var response, workspaceType;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
+              _context4.prev = 0;
+              _context4.next = 3;
               return fetch("".concat(this.getShardedApiPath(cloudId), "/workspace/existsWithWorkspaceType?cloudId=").concat(cloudId), {
                 credentials: 'include'
               });
             case 3:
-              response = _context2.sent;
+              response = _context4.sent;
               if (!response.ok) {
-                _context2.next = 9;
+                _context4.next = 9;
                 break;
               }
-              _context2.next = 7;
+              _context4.next = 7;
               return response.text();
             case 7:
-              workspaceType = _context2.sent;
-              return _context2.abrupt("return", Promise.resolve(workspaceType === 'GLOBAL_EXPERIENCE'));
+              workspaceType = _context4.sent;
+              return _context4.abrupt("return", Promise.resolve(workspaceType));
             case 9:
-              return _context2.abrupt("return", Promise.resolve(false));
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](0);
-              return _context2.abrupt("return", Promise.resolve(false));
-            case 15:
+              _context4.next = 14;
+              break;
+            case 11:
+              _context4.prev = 11;
+              _context4.t0 = _context4["catch"](0);
+              return _context4.abrupt("return", Promise.resolve(undefined));
+            case 14:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
-        }, _callee2, this, [[0, 12]]);
+        }, _callee4, this, [[0, 11]]);
       }));
-      function isGlobalExperienceWorkspaceForCloudId(_x2) {
-        return _isGlobalExperienceWorkspaceForCloudId.apply(this, arguments);
+      function getWorkspaceExistsWithType(_x2) {
+        return _getWorkspaceExistsWithType.apply(this, arguments);
       }
-      return isGlobalExperienceWorkspaceForCloudId;
+      return getWorkspaceExistsWithType;
     }()
   }, {
     key: "preloadOrgId",

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

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

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

@@ -1,7 +1,8 @@
 import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/standard-button';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
-import { ErrorText, ErrorTitle, ErrorWrapper } from '../../styled/Error';
+import { Text } from '@atlaskit/primitives';
+import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
 import { profileCardRendered } from '../../util/analytics';
 var ErrorMessage = function ErrorMessage(props) {
   var errorType = props.errorType || {
@@ -21,7 +22,9 @@ var ErrorMessage = function ErrorMessage(props) {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/React.createElement(ErrorTitle, null, "The user is no longer available for the site");
     }
-    return /*#__PURE__*/React.createElement(ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/React.createElement("br", null), reload && /*#__PURE__*/React.createElement(ErrorText, null, "Try again and we\u2019ll give it another shot"));
+    return /*#__PURE__*/React.createElement(ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/React.createElement("br", null), reload && /*#__PURE__*/React.createElement(Text, {
+      color: "color.text.subtlest"
+    }, "Try again and we\u2019ll give it another shot"));
   };
   return /*#__PURE__*/React.createElement(ErrorWrapper, {
     "data-testid": "profilecard-error"

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

@@ -15,12 +15,12 @@ import { LinkItem, MenuGroup } from '@atlaskit/menu';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
-import { Inline } from '@atlaskit/primitives';
+import { Inline, Text } from '@atlaskit/primitives';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import messages from '../../messages';
 import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../../styled/Card';
-import { ErrorWrapper, TeamErrorText, TeamErrorTitle } from '../../styled/Error';
+import { ErrorWrapper, TeamErrorText } from '../../styled/Error';
 import { ActionButtons, AvatarSection, CardContent, CardHeader, CardWrapper, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
 import { actionClicked, errorRetryClicked, moreActionsClicked, moreMembersClicked, profileCardRendered, teamAvatarClicked } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
@@ -283,7 +283,10 @@ var ErrorMessage = function ErrorMessage(_ref6) {
   }, [analytics, clientFetchProfile]);
   return /*#__PURE__*/React.createElement(ErrorWrapper, {
     "data-testid": "team-profilecard-error"
-  }, /*#__PURE__*/React.createElement(ErrorIllustration, null), /*#__PURE__*/React.createElement(TeamErrorTitle, null, /*#__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(LoadingButton, {
+  }, /*#__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, /*#__PURE__*/React.createElement(LoadingButton, {
     testId: "client-fetch-profile-button",
     shouldFitContainer: true,
     onClick: retry,

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

@@ -58,8 +58,8 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
     }
     _inherits(MockTeamCentralClient, _TeamCentralCardClien);
     return _createClass(MockTeamCentralClient, [{
-      key: "createTcReadyPromise",
-      value: function createTcReadyPromise(config) {
+      key: "createOrgContainsAnyWorkspacePromise",
+      value: function createOrgContainsAnyWorkspacePromise(config) {
         return Promise.resolve(true);
       }
     }, {

package/dist/esm/styled/Error.js

@@ -1,9 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N200 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
-import { h400 } from '@atlaskit/theme/typography';
-import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
+import { errorIconColor, errorTitleColor } from './constants';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var ErrorWrapper = styled.div({
@@ -15,22 +13,12 @@ export var ErrorWrapper = styled.div({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var ErrorTitle = styled.p({
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   color: errorTitleColor,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: "".concat(gridSize() * 3, "px"),
   margin: "var(--ds-space-100, 8px)".concat(" 0")
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ErrorText = styled.span({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  color: errorTextColor
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export var TeamErrorTitle = styled.p(h400);
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var TeamErrorText = styled.p({
   color: "var(--ds-text-subtlest, ".concat(N200, ")"),

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

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

@@ -27,11 +27,11 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
      * catch a pretty specific edge case.
      */
     bypassOnFailure: boolean;
-    isTCReadyPromise: Promise<boolean>;
-    private isGlobalExperienceWorkspacePromise;
+    orgContainsAnyWorkspacePromise: Promise<boolean>;
     private orgIdPromise;
+    private workspaceExistsWithTypePromise;
     constructor(options: TeamCentralCardClientOptions);
-    createTcReadyPromise(config: TeamCentralCardClientOptions): Promise<boolean>;
+    createOrgContainsAnyWorkspacePromise(config: TeamCentralCardClientOptions): Promise<boolean>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
     /**
      * `public` so that mock client can override it; do not use it otherwise!
@@ -40,9 +40,9 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
     checkWorkspaceExists(): Promise<boolean>;
     getIsGlobalExperienceWorkspace(): Promise<boolean>;
     getOrgId(): Promise<string | null>;
-    private preloadIsGlobalExperienceWorkspace;
-    private hasTCWorkspace;
-    private isGlobalExperienceWorkspaceForCloudId;
+    private preloadWorkspaceExistsWithType;
+    private getOrgContainsAnyWorkspace;
+    private getWorkspaceExistsWithType;
     private preloadOrgId;
     private getShardedApiPath;
     private filterReportingLinesUser;

package/dist/types/styled/Error.d.ts

@@ -7,14 +7,6 @@ export declare const ErrorTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const ErrorText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const TeamErrorTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const TeamErrorText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -27,11 +27,11 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
      * catch a pretty specific edge case.
      */
     bypassOnFailure: boolean;
-    isTCReadyPromise: Promise<boolean>;
-    private isGlobalExperienceWorkspacePromise;
+    orgContainsAnyWorkspacePromise: Promise<boolean>;
     private orgIdPromise;
+    private workspaceExistsWithTypePromise;
     constructor(options: TeamCentralCardClientOptions);
-    createTcReadyPromise(config: TeamCentralCardClientOptions): Promise<boolean>;
+    createOrgContainsAnyWorkspacePromise(config: TeamCentralCardClientOptions): Promise<boolean>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
     /**
      * `public` so that mock client can override it; do not use it otherwise!
@@ -40,9 +40,9 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
     checkWorkspaceExists(): Promise<boolean>;
     getIsGlobalExperienceWorkspace(): Promise<boolean>;
     getOrgId(): Promise<string | null>;
-    private preloadIsGlobalExperienceWorkspace;
-    private hasTCWorkspace;
-    private isGlobalExperienceWorkspaceForCloudId;
+    private preloadWorkspaceExistsWithType;
+    private getOrgContainsAnyWorkspace;
+    private getWorkspaceExistsWithType;
     private preloadOrgId;
     private getShardedApiPath;
     private filterReportingLinesUser;

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

@@ -7,14 +7,6 @@ export declare const ErrorTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const ErrorText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const TeamErrorTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const TeamErrorText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "21.0.2",
+	"version": "21.0.4",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -67,11 +67,11 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popup": "^1.30.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/rovo-agent-components": "^1.14.0",
+		"@atlaskit/rovo-agent-components": "^1.15.0",
 		"@atlaskit/rovo-triggers": "^1.4.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -88,12 +88,12 @@
 	},
 	"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",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",
+		"@types/react-router-dom": "^4.3.1",
 		"enzyme": "^3.10.0",
 		"es6-promise": "^4.0.5",
 		"fetch-mock": "^8.0.0",
@@ -125,6 +125,9 @@
 		"enable_agent_profile_card": {
 			"type": "boolean"
 		},
+		"enable_ptc_townsquare_reporting_lines_unsharded": {
+			"type": "boolean"
+		},
 		"rovo_use_agent_permissions": {
 			"type": "boolean"
 		},