@atlaskit/profilecard 19.5.9 → 19.5.11

package/dist/es2019/client/graphqlUtils.js

@@ -1,3 +1,5 @@
+import { HttpError } from '../util/errors';
+import { handleAGGErrors, handleDirectoryGraphQLErrors } from './errorUtils';
 const buildHeaders = () => {
   const headers = new Headers();
   headers.append('Content-Type', 'application/json');
@@ -10,36 +12,36 @@ const id = headers => headers;
  * @param {Query} query - GraphQL query
  * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
  */
-export function graphqlQuery(serviceUrl, query, processHeaders = id) {
+export async function directoryGraphqlQuery(serviceUrl, query, processHeaders = id) {
+  return graphQLQuery(serviceUrl, query, processHeaders, handleDirectoryGraphQLErrors);
+}
+
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
+ */
+export async function AGGQuery(serviceUrl, query, processHeaders = id) {
+  return graphQLQuery(serviceUrl, query, processHeaders, handleAGGErrors);
+}
+async function graphQLQuery(serviceUrl, query, processHeaders = id, handleErrors) {
+  var _response$headers;
   const headers = processHeaders(buildHeaders());
-  return fetch(new Request(serviceUrl, {
+  const response = await fetch(new Request(serviceUrl, {
     method: 'POST',
     credentials: 'include',
     mode: 'cors',
     headers,
     body: JSON.stringify(query)
-  })).then(response => {
-    if (!response.ok) {
-      var _response$headers;
-      const traceIdFromHeaders = response === null || response === void 0 ? void 0 : (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('atl-traceid');
-      return Promise.reject({
-        code: response.status,
-        reason: response.statusText,
-        traceId: traceIdFromHeaders
-      });
-    }
-    return response;
-  }).then(response => response.json()).then(json => {
-    if (json.errors) {
-      var _json$errors$, _json$errors$2, _json$errors$2$extens, _json$errors$3, _json$errors$3$extens, _json$errors$4, _json$errors$4$extens, _json$extensions, _json$extensions$gate;
-      return Promise.reject({
-        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || ((_json$errors$2 = json.errors[0]) === null || _json$errors$2 === void 0 ? void 0 : (_json$errors$2$extens = _json$errors$2.extensions) === null || _json$errors$2$extens === void 0 ? void 0 : _json$errors$2$extens.classification) || 'default',
-        code: (_json$errors$3 = json.errors[0]) === null || _json$errors$3 === void 0 ? void 0 : (_json$errors$3$extens = _json$errors$3.extensions) === null || _json$errors$3$extens === void 0 ? void 0 : _json$errors$3$extens.statusCode,
-        source: (_json$errors$4 = json.errors[0]) === null || _json$errors$4 === void 0 ? void 0 : (_json$errors$4$extens = _json$errors$4.extensions) === null || _json$errors$4$extens === void 0 ? void 0 : _json$errors$4$extens.errorSource,
-        message: json.errors[0].message,
-        traceId: (_json$extensions = json.extensions) === null || _json$extensions === void 0 ? void 0 : (_json$extensions$gate = _json$extensions.gateway) === null || _json$extensions$gate === void 0 ? void 0 : _json$extensions$gate.request_id
-      });
-    }
-    return json.data;
-  });
+  }));
+  const traceIdFromHeaders = response === null || response === void 0 ? void 0 : (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('atl-traceid');
+  if (!response.ok) {
+    throw new HttpError(response.status, response.statusText, traceIdFromHeaders);
+  }
+  const json = await response.json();
+  if (json.errors) {
+    var _json$extensions$gate, _json$extensions, _json$extensions$gate2;
+    handleErrors(json.errors, (_json$extensions$gate = (_json$extensions = json.extensions) === null || _json$extensions === void 0 ? void 0 : (_json$extensions$gate2 = _json$extensions.gateway) === null || _json$extensions$gate2 === void 0 ? void 0 : _json$extensions$gate2.request_id) !== null && _json$extensions$gate !== void 0 ? _json$extensions$gate : traceIdFromHeaders);
+  }
+  return json.data;
 }

package/dist/es2019/client/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,4 @@
+import { handleAGGErrors } from '../client/errorUtils';
 import TeamProfileCardClient from '../client/TeamProfileCardClient';
 export default function getMockTeamClient(data) {
   return class MockTeamClient extends TeamProfileCardClient {
@@ -12,7 +13,11 @@ export default function getMockTeamClient(data) {
       };
       if (!data.timeout) {
         if (data.error && Math.random() < data.errorRate) {
-          return Promise.reject(errorResponse);
+          try {
+            handleAGGErrors(data.error, data.traceId);
+          } catch (e) {
+            return Promise.reject(e);
+          }
         }
         return Promise.resolve(data.team);
       }

package/dist/es2019/styled/ReportingLines.js

@@ -24,5 +24,5 @@ export const ManagerName = styled.span`
 export const OffsetWrapper = styled.div`
   margin-top: ${"var(--ds-space-050, 4px)"};
   // Offset left margin so the avatar aligns with the heading
-  margin-left: calc(-1 * ${"var(--ds-space-050, 4px)"});
+  margin-left: ${"var(--ds-space-negative-050, -4px)"};
 `;

package/dist/es2019/styled/TeamCard.js

@@ -48,7 +48,7 @@ export const MemberCount = styled.div`
 `;
 export const AvatarSection = styled.div`
   margin-top: ${"var(--ds-space-200, 16px)"};
-  margin-left: calc(-1 * ${"var(--ds-space-025, 2px)"});
+  margin-left: ${"var(--ds-space-negative-025, -2px)"};
 `;
 export const DescriptionWrapper = styled.div`
   margin-top: ${"var(--ds-space-200, 16px)"};
@@ -66,8 +66,8 @@ export const ActionButtons = styled.div`
   width: calc(100% + 8px);
   display: flex;
   justify-content: space-between;
-  margin: ${"var(--ds-space-300, 24px)"} calc(-1 * ${"var(--ds-space-300, 24px)"})
-    0 calc(-1 * ${"var(--ds-space-100, 8px)"});
+  margin: ${"var(--ds-space-300, 24px)"} ${"var(--ds-space-negative-300, -24px)"}
+    0 ${"var(--ds-space-negative-100, -8px)"};
   background-color: ${"var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))"};
 `;
 export const WrappedButton = styled.div`

package/dist/es2019/util/analytics.js

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

package/dist/es2019/util/errors.js

@@ -0,0 +1,59 @@
+export class HttpError extends Error {
+  constructor(code, reason, traceId) {
+    super(reason);
+    this.code = code;
+    this.traceId = traceId;
+  }
+}
+export class DirectoryGraphQLError extends Error {
+  constructor(message, category, type, extensions, path = []) {
+    super(message);
+    this.category = category;
+    this.type = type;
+    this.path = path.join('.');
+    const {
+      errorNumber,
+      ...unknownExtension
+    } = extensions;
+    this.errorNumber = extensions.errorNumber;
+    this.extensions = unknownExtension;
+  }
+}
+export class DirectoryGraphQLErrors extends Error {
+  constructor(errors, traceId) {
+    super('DirectoryGraphQLErrors');
+    this.traceId = traceId;
+    if (Array.isArray(errors)) {
+      this.errors = errors.map(error => new DirectoryGraphQLError(error.message, error.category, error.type, error.extensions, error.path));
+    } else {
+      this.errors = [];
+    }
+  }
+}
+export class AGGError extends Error {
+  constructor(message, extensions, path = []) {
+    super(message);
+    this.path = path === null || path === void 0 ? void 0 : path.join('.');
+    const {
+      statusCode,
+      errorType,
+      classification,
+      ...unknownExtension
+    } = extensions;
+    this.statusCode = statusCode;
+    this.errorType = errorType;
+    this.classification = classification;
+    this.extensions = unknownExtension;
+  }
+}
+export class AGGErrors extends Error {
+  constructor(errors, traceId) {
+    super('AGGErrors');
+    this.traceId = traceId;
+    if (Array.isArray(errors)) {
+      this.errors = errors.map(error => new AGGError(error.message, error.extensions, error.path));
+    } else {
+      this.errors = [];
+    }
+  }
+}

package/dist/esm/client/TeamCentralCardClient.js

@@ -8,7 +8,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import CachingClient from './CachingClient';
-import { graphqlQuery } from './graphqlUtils';
+import { directoryGraphqlQuery } from './graphqlUtils';
 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  ",
@@ -83,7 +83,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
             case 2:
               query = buildCheckFeatureFlagQuery(featureKey, context);
               _context.next = 5;
-              return graphqlQuery("".concat(this.options.teamCentralUrl, "?operationName=isFeatureKeyEnabled"), query);
+              return directoryGraphqlQuery("".concat(this.options.teamCentralUrl, "?operationName=isFeatureKeyEnabled"), query);
             case 5:
               response = _context.sent;
               return _context.abrupt("return", response.isFeatureEnabled.enabled);
@@ -114,7 +114,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
             case 2:
               query = buildReportingLinesQuery(userId);
               _context2.next = 5;
-              return graphqlQuery("".concat(this.options.teamCentralUrl, "?operationName=ReportingLines"), query);
+              return directoryGraphqlQuery("".concat(this.options.teamCentralUrl, "?operationName=ReportingLines"), query);
             case 5:
               response = _context2.sent;
               return _context2.abrupt("return", response.reportingLines);

package/dist/esm/client/UserProfileCardClient.js

@@ -14,7 +14,7 @@ import { userRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
 import { getErrorAttributes } from './errorUtils';
-import { graphqlQuery } from './graphqlUtils';
+import { directoryGraphqlQuery } from './graphqlUtils';
 
 /**
  * Transform response from GraphQL
@@ -86,7 +86,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
             case 2:
               query = buildUserQuery(cloudId, userId);
               _context.next = 5;
-              return graphqlQuery(this.options.url, query);
+              return directoryGraphqlQuery(this.options.url, query);
             case 5:
               response = _context.sent;
               return _context.abrupt("return", modifyResponse(response));

package/dist/esm/client/errorUtils.js

@@ -1,19 +1,70 @@
-var IGNORED_ERRORS = [
+import { AGGError, AGGErrors, DirectoryGraphQLError, DirectoryGraphQLErrors } from '../util/errors';
+var IGNORED_ERROR_REASONS_DIRECTORY = [
 // Error categories from pf-directory
-'NotPermitted', 'Gone',
-// Error categories from AGG
-'TEAMS_FORBIDDEN', 'TEAMS_TEAM_DELETED'];
+'NotPermitted', 'Gone'];
+var IGNORE_ERROR_TYPES_AGG = ['IdentityUserNotFoundError', 'TEAMS_FORBIDDEN', 'TEAMS_TEAM_DELETED'];
+var IGNORE_ERROR_CLASSIFICATIONS_AGG = ['Gone'];
 function isIgnoredError(error) {
-  return !!error && !!error.reason && IGNORED_ERRORS.includes(error.reason);
+  if (!error) {
+    return false;
+  }
+  if (error instanceof DirectoryGraphQLError) {
+    return !!error && IGNORED_ERROR_REASONS_DIRECTORY.includes(error.type);
+  } else if (error instanceof AGGError) {
+    return !!error.errorType && IGNORE_ERROR_TYPES_AGG.includes(error.errorType) || !!error.classification && IGNORE_ERROR_CLASSIFICATIONS_AGG.includes(error.classification);
+  }
+  return false;
 }
 export var getErrorAttributes = function getErrorAttributes(error) {
-  var _error$traceId;
+  if (error instanceof DirectoryGraphQLErrors) {
+    return {
+      errorMessage: error.message,
+      errorCount: error.errors.length,
+      errorDetails: error.errors.map(getErrorAttributes),
+      isSLOFailure: !error.errors.every(isIgnoredError),
+      traceId: error.traceId
+    };
+  } else if (error instanceof DirectoryGraphQLError) {
+    return {
+      errorMessage: error.message,
+      errorCategory: error.category,
+      errorType: error.type,
+      errorPath: error.path,
+      errorNumber: error.errorNumber,
+      isSLOFailure: !isIgnoredError(error)
+    };
+  } else if (error instanceof AGGErrors) {
+    return {
+      errorMessage: error.message,
+      errorCount: error.errors.length,
+      errorDetails: error.errors.map(getErrorAttributes),
+      isSLOFailure: !error.errors.every(isIgnoredError),
+      traceId: error.traceId
+    };
+  } else if (error instanceof AGGError) {
+    return {
+      errorMessage: error.message,
+      errorType: error.errorType,
+      errorStatusCode: error.statusCode,
+      isSLOFailure: !isIgnoredError(error),
+      errorCategory: error.classification
+    };
+  } else if (error instanceof Error) {
+    return {
+      errorMessage: error.message,
+      isSLOFailure: true
+    };
+  }
+
+  // Unknown
   return {
-    errorMessage: error === null || error === void 0 ? void 0 : error.message,
-    errorStatus: error === null || error === void 0 ? void 0 : error.code,
-    errorReason: (error === null || error === void 0 ? void 0 : error.reason) || 'default',
-    errorSource: error === null || error === void 0 ? void 0 : error.source,
-    isSLOFailure: !isIgnoredError(error),
-    traceId: (_error$traceId = error === null || error === void 0 ? void 0 : error.traceId) !== null && _error$traceId !== void 0 ? _error$traceId : undefined
+    errorMessage: 'Unknown error',
+    isSLOFailure: true
   };
+};
+export var handleDirectoryGraphQLErrors = function handleDirectoryGraphQLErrors(errors, traceId) {
+  throw new DirectoryGraphQLErrors(errors, traceId);
+};
+export var handleAGGErrors = function handleAGGErrors(errors, traceId) {
+  throw new AGGErrors(errors, traceId);
 };

package/dist/esm/client/getTeamFromAGG.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { graphqlQuery } from './graphqlUtils';
+import { AGGQuery } from './graphqlUtils';
 export var extractIdFromAri = function extractIdFromAri(ari) {
   var slashPos = ari.indexOf('/');
   var id = ari.slice(slashPos + 1);
@@ -51,7 +51,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', "19.5.9");
+  headers.append('atl-client-version', "19.5.11");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {
@@ -59,7 +59,7 @@ export function getTeamFromAGG(_x, _x2, _x3) {
 }
 function _getTeamFromAGG() {
   _getTeamFromAGG = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, teamId, siteId) {
-    var query, _yield$graphqlQuery, Team;
+    var query, _yield$AGGQuery, Team;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -68,10 +68,10 @@ function _getTeamFromAGG() {
             siteId: siteId
           });
           _context.next = 3;
-          return graphqlQuery(url, query, addHeaders);
+          return AGGQuery(url, query, addHeaders);
         case 3:
-          _yield$graphqlQuery = _context.sent;
-          Team = _yield$graphqlQuery.Team;
+          _yield$AGGQuery = _context.sent;
+          Team = _yield$AGGQuery.Team;
           return _context.abrupt("return", convertTeam(Team));
         case 6:
         case "end":

package/dist/esm/client/graphqlUtils.js

@@ -1,3 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { HttpError } from '../util/errors';
+import { handleAGGErrors, handleDirectoryGraphQLErrors } from './errorUtils';
 var buildHeaders = function buildHeaders() {
   var headers = new Headers();
   headers.append('Content-Type', 'application/json');
@@ -12,39 +16,104 @@ var id = function id(headers) {
  * @param {Query} query - GraphQL query
  * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
  */
-export function graphqlQuery(serviceUrl, query) {
-  var processHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : id;
-  var headers = processHeaders(buildHeaders());
-  return fetch(new Request(serviceUrl, {
-    method: 'POST',
-    credentials: 'include',
-    mode: 'cors',
-    headers: headers,
-    body: JSON.stringify(query)
-  })).then(function (response) {
-    if (!response.ok) {
-      var _response$headers;
-      var traceIdFromHeaders = response === null || response === void 0 ? void 0 : (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('atl-traceid');
-      return Promise.reject({
-        code: response.status,
-        reason: response.statusText,
-        traceId: traceIdFromHeaders
-      });
-    }
-    return response;
-  }).then(function (response) {
-    return response.json();
-  }).then(function (json) {
-    if (json.errors) {
-      var _json$errors$, _json$errors$2, _json$errors$2$extens, _json$errors$3, _json$errors$3$extens, _json$errors$4, _json$errors$4$extens, _json$extensions, _json$extensions$gate;
-      return Promise.reject({
-        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || ((_json$errors$2 = json.errors[0]) === null || _json$errors$2 === void 0 ? void 0 : (_json$errors$2$extens = _json$errors$2.extensions) === null || _json$errors$2$extens === void 0 ? void 0 : _json$errors$2$extens.classification) || 'default',
-        code: (_json$errors$3 = json.errors[0]) === null || _json$errors$3 === void 0 ? void 0 : (_json$errors$3$extens = _json$errors$3.extensions) === null || _json$errors$3$extens === void 0 ? void 0 : _json$errors$3$extens.statusCode,
-        source: (_json$errors$4 = json.errors[0]) === null || _json$errors$4 === void 0 ? void 0 : (_json$errors$4$extens = _json$errors$4.extensions) === null || _json$errors$4$extens === void 0 ? void 0 : _json$errors$4$extens.errorSource,
-        message: json.errors[0].message,
-        traceId: (_json$extensions = json.extensions) === null || _json$extensions === void 0 ? void 0 : (_json$extensions$gate = _json$extensions.gateway) === null || _json$extensions$gate === void 0 ? void 0 : _json$extensions$gate.request_id
-      });
-    }
-    return json.data;
-  });
+export function directoryGraphqlQuery(_x, _x2) {
+  return _directoryGraphqlQuery.apply(this, arguments);
+}
+
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
+ */
+function _directoryGraphqlQuery() {
+  _directoryGraphqlQuery = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(serviceUrl, query) {
+    var processHeaders,
+      _args = arguments;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          processHeaders = _args.length > 2 && _args[2] !== undefined ? _args[2] : id;
+          return _context.abrupt("return", graphQLQuery(serviceUrl, query, processHeaders, handleDirectoryGraphQLErrors));
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _directoryGraphqlQuery.apply(this, arguments);
+}
+export function AGGQuery(_x3, _x4) {
+  return _AGGQuery.apply(this, arguments);
+}
+function _AGGQuery() {
+  _AGGQuery = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(serviceUrl, query) {
+    var processHeaders,
+      _args2 = arguments;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          processHeaders = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : id;
+          return _context2.abrupt("return", graphQLQuery(serviceUrl, query, processHeaders, handleAGGErrors));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _AGGQuery.apply(this, arguments);
+}
+function graphQLQuery(_x5, _x6) {
+  return _graphQLQuery.apply(this, arguments);
+}
+function _graphQLQuery() {
+  _graphQLQuery = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(serviceUrl, query) {
+    var _response$headers;
+    var processHeaders,
+      handleErrors,
+      headers,
+      response,
+      traceIdFromHeaders,
+      json,
+      _json$extensions$gate,
+      _json$extensions,
+      _json$extensions$gate2,
+      _args3 = arguments;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          processHeaders = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : id;
+          handleErrors = _args3.length > 3 ? _args3[3] : undefined;
+          headers = processHeaders(buildHeaders());
+          _context3.next = 5;
+          return fetch(new Request(serviceUrl, {
+            method: 'POST',
+            credentials: 'include',
+            mode: 'cors',
+            headers: headers,
+            body: JSON.stringify(query)
+          }));
+        case 5:
+          response = _context3.sent;
+          traceIdFromHeaders = response === null || response === void 0 ? void 0 : (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('atl-traceid');
+          if (response.ok) {
+            _context3.next = 9;
+            break;
+          }
+          throw new HttpError(response.status, response.statusText, traceIdFromHeaders);
+        case 9:
+          _context3.next = 11;
+          return response.json();
+        case 11:
+          json = _context3.sent;
+          if (json.errors) {
+            handleErrors(json.errors, (_json$extensions$gate = (_json$extensions = json.extensions) === null || _json$extensions === void 0 ? void 0 : (_json$extensions$gate2 = _json$extensions.gateway) === null || _json$extensions$gate2 === void 0 ? void 0 : _json$extensions$gate2.request_id) !== null && _json$extensions$gate !== void 0 ? _json$extensions$gate : traceIdFromHeaders);
+          }
+          return _context3.abrupt("return", json.data);
+        case 14:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _graphQLQuery.apply(this, arguments);
 }

package/dist/esm/client/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -5,6 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import { handleAGGErrors } from '../client/errorUtils';
 import TeamProfileCardClient from '../client/TeamProfileCardClient';
 export default function getMockTeamClient(data) {
   return /*#__PURE__*/function (_TeamProfileCardClien) {
@@ -27,7 +28,11 @@ export default function getMockTeamClient(data) {
         };
         if (!data.timeout) {
           if (data.error && Math.random() < data.errorRate) {
-            return Promise.reject(errorResponse);
+            try {
+              handleAGGErrors(data.error, data.traceId);
+            } catch (e) {
+              return Promise.reject(e);
+            }
           }
           return Promise.resolve(data.team);
         }

package/dist/esm/styled/ReportingLines.js

@@ -7,4 +7,4 @@ export var ReportingLinesSection = styled.div(_templateObject || (_templateObjec
 export var ReportingLinesHeading = styled.h5(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  margin-bottom: ", ";\n"])), appLabelTextColor, gridSize() * 1.5, "var(--ds-space-100, 8px)");
 export var ManagerSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
 export var ManagerName = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  margin-left: ", ";\n"])), gridSize() * 1.5, "var(--ds-space-100, 8px)");
-export var OffsetWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  // Offset left margin so the avatar aligns with the heading\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
+export var OffsetWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  // Offset left margin so the avatar aligns with the heading\n  margin-left: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-negative-050, -4px)");

package/dist/esm/styled/TeamCard.js

@@ -16,10 +16,10 @@ export var CardHeader = styled.div(_templateObject4 || (_templateObject4 = _tagg
 export var CardContent = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  min-height: ", "px;\n"])), "var(--ds-space-300, 24px)", gridSize() * 13);
 export var TeamName = styled.h6(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  text-transform: none;\n  overflow: hidden;\n  max-height: 48px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"])), h600);
 export var MemberCount = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-050, 4px)");
-export var AvatarSection = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
+export var AvatarSection = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-negative-025, -2px)");
 export var DescriptionWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  align-items: center;\n  display: flex;\n"])), "var(--ds-space-200, 16px)");
 export var Description = styled.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  max-height: 60px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n"])));
-export var ActionButtons = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", " calc(-1 * ", ")\n    0 calc(-1 * ", ");\n  background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
+export var ActionButtons = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", " ", "\n    0 ", ";\n  background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-negative-100, -8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
 export var WrappedButton = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  flex-basis: 0;\n  flex-grow: 1;\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
 export var MoreButton = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
 export var LoadingWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  text-align: center;\n  margin-top: ", ";\n"])), "var(--ds-space-500, 40px)");

package/dist/esm/util/analytics.js

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