@atlaskit/profilecard 16.2.3 → 16.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 16.3.0
+
+### Minor Changes
+
+- [`ce207d8ea47`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce207d8ea47) - Add option to query teams with AGG
+
 ## 16.2.3
 
 ### Patch Changes

package/dist/cjs/client/TeamProfileCardClient.js

@@ -23,6 +23,8 @@ var _performance = require("../util/performance");
 
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 
+var _getTeamFromAGG = require("./getTeamFromAGG");
+
 var _graphqlUtils = require("./graphqlUtils");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -30,11 +32,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 var QUERY = "query Team($teamId: String!, $organizationId: String) {\n  Team: Team(teamId: $teamId, organizationId: $organizationId) {\n    id,\n    description,\n    displayName,\n    largeHeaderImageUrl,\n    smallHeaderImageUrl,\n    largeAvatarImageUrl,\n    smallAvatarImageUrl,\n    members {\n      id,\n      fullName,\n      avatarUrl,\n    },\n  }\n}";
-/**
- * @param  {string} userId
- * @param  {string} cloudId
- * @return {string} GraphQL Query String
- */
 
 var buildTeamQuery = function buildTeamQuery(teamId, orgId) {
   return {
@@ -61,6 +58,15 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
   }
 
   (0, _createClass2.default)(TeamProfileCardClient, [{
+    key: "makeRequestViaGateway",
+    value: function makeRequestViaGateway(teamId, _orgId) {
+      if (!this.options.gatewayGraphqlUrl) {
+        throw new Error('Trying to fetch via gateway with no specified config.gatewayGraphqlUrl');
+      }
+
+      return (0, _getTeamFromAGG.getTeamFromAGG)(this.options.gatewayGraphqlUrl, teamId);
+    }
+  }, {
     key: "makeRequest",
     value: function makeRequest(teamId, orgId) {
       if (!this.options.url) {
@@ -94,14 +100,17 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
           analytics((0, _analytics.teamRequestAnalytics)('triggered'));
         }
 
-        _this2.makeRequest(teamId, orgId).then(function (data) {
+        var shouldUseGateway = !!_this2.options.gatewayGraphqlUrl;
+        var promise = shouldUseGateway ? _this2.makeRequestViaGateway(teamId, orgId) : _this2.makeRequest(teamId, orgId);
+        promise.then(function (data) {
           if (_this2.cache) {
             _this2.setCachedProfile(teamId, data);
           }
 
           if (analytics) {
             analytics((0, _analytics.teamRequestAnalytics)('succeeded', {
-              duration: (0, _performance.getPageTime)() - startTime
+              duration: (0, _performance.getPageTime)() - startTime,
+              gateway: shouldUseGateway
             }));
           }
 
@@ -111,7 +120,8 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
             analytics((0, _analytics.teamRequestAnalytics)('failed', {
               duration: (0, _performance.getPageTime)() - startTime,
               errorStatus: error.code,
-              errorReason: error.reason
+              errorReason: error.reason,
+              gateway: shouldUseGateway
             }));
           }
 

package/dist/cjs/client/getTeamFromAGG.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractIdFromAri = exports.convertTeam = exports.buildGatewayQuery = exports.addExperimentalHeaders = void 0;
+exports.getTeamFromAGG = getTeamFromAGG;
+exports.idToAri = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _graphqlUtils = require("./graphqlUtils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var extractIdFromAri = function extractIdFromAri(ari) {
+  var slashPos = ari.indexOf('/');
+  var id = ari.slice(slashPos + 1);
+  return id;
+};
+
+exports.extractIdFromAri = extractIdFromAri;
+
+var idToAri = function idToAri(teamId) {
+  return "ari:cloud:teams::team/".concat(teamId);
+};
+
+exports.idToAri = idToAri;
+
+var convertTeam = function convertTeam(result) {
+  var _team$members;
+
+  var team = result.team;
+  return _objectSpread(_objectSpread({}, team), {}, {
+    id: extractIdFromAri(team.id),
+    members: (_team$members = team.members) === null || _team$members === void 0 ? void 0 : _team$members.nodes.map(function (_ref) {
+      var member = _ref.member;
+      return {
+        id: member.accountId,
+        fullName: member.name,
+        avatarUrl: member.picture
+      };
+    })
+  });
+};
+
+exports.convertTeam = convertTeam;
+var GATEWAY_QUERY = "query TeamCard($teamId: ID!) {\n  Team: team {\n    team (id: $teamId) {\n      id\n      displayName\n      description\n      smallHeaderImageUrl\n      largeHeaderImageUrl\n      smallAvatarImageUrl\n      largeAvatarImageUrl\n      members {\n        nodes {\n          member {\n            accountId\n            name\n            picture\n          }\n        }\n      }\n    }\n  }\n}";
+
+var buildGatewayQuery = function buildGatewayQuery(teamId) {
+  return {
+    query: GATEWAY_QUERY,
+    variables: {
+      teamId: idToAri(teamId)
+    }
+  };
+};
+
+exports.buildGatewayQuery = buildGatewayQuery;
+
+var addExperimentalHeaders = function addExperimentalHeaders(headers) {
+  headers.append('X-ExperimentalApi', 'teams-beta');
+  headers.append('X-ExperimentalApi', 'team-members-beta');
+  return headers;
+};
+
+exports.addExperimentalHeaders = addExperimentalHeaders;
+
+function getTeamFromAGG(_x, _x2) {
+  return _getTeamFromAGG.apply(this, arguments);
+}
+
+function _getTeamFromAGG() {
+  _getTeamFromAGG = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url, teamId) {
+    var query, _yield$graphqlQuery, Team;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            query = buildGatewayQuery(teamId);
+            _context.next = 3;
+            return (0, _graphqlUtils.graphqlQuery)(url, query, addExperimentalHeaders);
+
+          case 3:
+            _yield$graphqlQuery = _context.sent;
+            Team = _yield$graphqlQuery.Team;
+            return _context.abrupt("return", convertTeam(Team));
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _getTeamFromAGG.apply(this, arguments);
+}

package/dist/cjs/client/graphqlUtils.js

@@ -11,12 +11,19 @@ var buildHeaders = function buildHeaders() {
   return headers;
 };
 
+var id = function id(headers) {
+  return headers;
+};
 /**
  * @param {string} serviceUrl - GraphQL service endpoint
  * @param {Query} query - GraphQL query
+ * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
  */
+
+
 function graphqlQuery(serviceUrl, query) {
-  var headers = buildHeaders();
+  var processHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : id;
+  var headers = processHeaders(buildHeaders());
   return fetch(new Request(serviceUrl, {
     method: 'POST',
     credentials: 'include',

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

@@ -59,6 +59,11 @@ function getMockTeamClient(data) {
           }, data.timeout);
         });
       }
+    }, {
+      key: "makeRequestViaGateway",
+      value: function makeRequestViaGateway(teamId) {
+        return this.makeRequest(teamId);
+      }
     }]);
     return MockTeamClient;
   }(_TeamProfileCardClient.default);

package/dist/cjs/util/analytics.js

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

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.2.3"
+	"version": "16.3.0"
 }

package/dist/es2019/client/TeamProfileCardClient.js

@@ -1,6 +1,7 @@
 import { teamRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
+import { getTeamFromAGG } from './getTeamFromAGG';
 import { graphqlQuery } from './graphqlUtils';
 const QUERY = `query Team($teamId: String!, $organizationId: String) {
   Team: Team(teamId: $teamId, organizationId: $organizationId) {
@@ -18,11 +19,6 @@ const QUERY = `query Team($teamId: String!, $organizationId: String) {
     },
   }
 }`;
-/**
- * @param  {string} userId
- * @param  {string} cloudId
- * @return {string} GraphQL Query String
- */
 
 const buildTeamQuery = (teamId, orgId) => ({
   query: QUERY,
@@ -38,6 +34,14 @@ export default class TeamProfileCardClient extends CachingClient {
     this.options = options;
   }
 
+  makeRequestViaGateway(teamId, _orgId) {
+    if (!this.options.gatewayGraphqlUrl) {
+      throw new Error('Trying to fetch via gateway with no specified config.gatewayGraphqlUrl');
+    }
+
+    return getTeamFromAGG(this.options.gatewayGraphqlUrl, teamId);
+  }
+
   makeRequest(teamId, orgId) {
     if (!this.options.url) {
       throw new Error('config.url is a required parameter for fetching teams');
@@ -65,14 +69,17 @@ export default class TeamProfileCardClient extends CachingClient {
         analytics(teamRequestAnalytics('triggered'));
       }
 
-      this.makeRequest(teamId, orgId).then(data => {
+      const shouldUseGateway = !!this.options.gatewayGraphqlUrl;
+      const promise = shouldUseGateway ? this.makeRequestViaGateway(teamId, orgId) : this.makeRequest(teamId, orgId);
+      promise.then(data => {
         if (this.cache) {
           this.setCachedProfile(teamId, data);
         }
 
         if (analytics) {
           analytics(teamRequestAnalytics('succeeded', {
-            duration: getPageTime() - startTime
+            duration: getPageTime() - startTime,
+            gateway: shouldUseGateway
           }));
         }
 
@@ -82,7 +89,8 @@ export default class TeamProfileCardClient extends CachingClient {
           analytics(teamRequestAnalytics('failed', {
             duration: getPageTime() - startTime,
             errorStatus: error.code,
-            errorReason: error.reason
+            errorReason: error.reason,
+            gateway: shouldUseGateway
           }));
         }
 

package/dist/es2019/client/getTeamFromAGG.js

@@ -0,0 +1,66 @@
+import { graphqlQuery } from './graphqlUtils';
+export const extractIdFromAri = ari => {
+  const slashPos = ari.indexOf('/');
+  const id = ari.slice(slashPos + 1);
+  return id;
+};
+export const idToAri = teamId => {
+  return `ari:cloud:teams::team/${teamId}`;
+};
+export const convertTeam = result => {
+  var _team$members;
+
+  const {
+    team
+  } = result;
+  return { ...team,
+    id: extractIdFromAri(team.id),
+    members: (_team$members = team.members) === null || _team$members === void 0 ? void 0 : _team$members.nodes.map(({
+      member
+    }) => ({
+      id: member.accountId,
+      fullName: member.name,
+      avatarUrl: member.picture
+    }))
+  };
+};
+const GATEWAY_QUERY = `query TeamCard($teamId: ID!) {
+  Team: team {
+    team (id: $teamId) {
+      id
+      displayName
+      description
+      smallHeaderImageUrl
+      largeHeaderImageUrl
+      smallAvatarImageUrl
+      largeAvatarImageUrl
+      members {
+        nodes {
+          member {
+            accountId
+            name
+            picture
+          }
+        }
+      }
+    }
+  }
+}`;
+export const buildGatewayQuery = teamId => ({
+  query: GATEWAY_QUERY,
+  variables: {
+    teamId: idToAri(teamId)
+  }
+});
+export const addExperimentalHeaders = headers => {
+  headers.append('X-ExperimentalApi', 'teams-beta');
+  headers.append('X-ExperimentalApi', 'team-members-beta');
+  return headers;
+};
+export async function getTeamFromAGG(url, teamId) {
+  const query = buildGatewayQuery(teamId);
+  const {
+    Team
+  } = await graphqlQuery(url, query, addExperimentalHeaders);
+  return convertTeam(Team);
+}

package/dist/es2019/client/graphqlUtils.js

@@ -4,12 +4,16 @@ const buildHeaders = () => {
   return headers;
 };
 
+const id = headers => headers;
 /**
  * @param {string} serviceUrl - GraphQL service endpoint
  * @param {Query} query - GraphQL query
+ * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
  */
-export function graphqlQuery(serviceUrl, query) {
-  const headers = buildHeaders();
+
+
+export function graphqlQuery(serviceUrl, query, processHeaders = id) {
+  const headers = processHeaders(buildHeaders());
   return fetch(new Request(serviceUrl, {
     method: 'POST',
     credentials: 'include',

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

@@ -25,5 +25,9 @@ export default function getMockTeamClient(data) {
       });
     }
 
+    makeRequestViaGateway(teamId) {
+      return this.makeRequest(teamId);
+    }
+
   };
 }

package/dist/es2019/util/analytics.js

@@ -11,7 +11,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "16.2.3",
+    packageVersion: "16.3.0",
     ...attributes,
     firedAt: getPageTime()
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.2.3"
+	"version": "16.3.0"
 }

package/dist/esm/client/TeamProfileCardClient.js

@@ -11,13 +11,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { teamRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
+import { getTeamFromAGG } from './getTeamFromAGG';
 import { graphqlQuery } from './graphqlUtils';
 var QUERY = "query Team($teamId: String!, $organizationId: String) {\n  Team: Team(teamId: $teamId, organizationId: $organizationId) {\n    id,\n    description,\n    displayName,\n    largeHeaderImageUrl,\n    smallHeaderImageUrl,\n    largeAvatarImageUrl,\n    smallAvatarImageUrl,\n    members {\n      id,\n      fullName,\n      avatarUrl,\n    },\n  }\n}";
-/**
- * @param  {string} userId
- * @param  {string} cloudId
- * @return {string} GraphQL Query String
- */
 
 var buildTeamQuery = function buildTeamQuery(teamId, orgId) {
   return {
@@ -45,6 +41,15 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
   }
 
   _createClass(TeamProfileCardClient, [{
+    key: "makeRequestViaGateway",
+    value: function makeRequestViaGateway(teamId, _orgId) {
+      if (!this.options.gatewayGraphqlUrl) {
+        throw new Error('Trying to fetch via gateway with no specified config.gatewayGraphqlUrl');
+      }
+
+      return getTeamFromAGG(this.options.gatewayGraphqlUrl, teamId);
+    }
+  }, {
     key: "makeRequest",
     value: function makeRequest(teamId, orgId) {
       if (!this.options.url) {
@@ -78,14 +83,17 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
           analytics(teamRequestAnalytics('triggered'));
         }
 
-        _this2.makeRequest(teamId, orgId).then(function (data) {
+        var shouldUseGateway = !!_this2.options.gatewayGraphqlUrl;
+        var promise = shouldUseGateway ? _this2.makeRequestViaGateway(teamId, orgId) : _this2.makeRequest(teamId, orgId);
+        promise.then(function (data) {
           if (_this2.cache) {
             _this2.setCachedProfile(teamId, data);
           }
 
           if (analytics) {
             analytics(teamRequestAnalytics('succeeded', {
-              duration: getPageTime() - startTime
+              duration: getPageTime() - startTime,
+              gateway: shouldUseGateway
             }));
           }
 
@@ -95,7 +103,8 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
             analytics(teamRequestAnalytics('failed', {
               duration: getPageTime() - startTime,
               errorStatus: error.code,
-              errorReason: error.reason
+              errorReason: error.reason,
+              gateway: shouldUseGateway
             }));
           }
 

package/dist/esm/client/getTeamFromAGG.js

@@ -0,0 +1,77 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { graphqlQuery } from './graphqlUtils';
+export var extractIdFromAri = function extractIdFromAri(ari) {
+  var slashPos = ari.indexOf('/');
+  var id = ari.slice(slashPos + 1);
+  return id;
+};
+export var idToAri = function idToAri(teamId) {
+  return "ari:cloud:teams::team/".concat(teamId);
+};
+export var convertTeam = function convertTeam(result) {
+  var _team$members;
+
+  var team = result.team;
+  return _objectSpread(_objectSpread({}, team), {}, {
+    id: extractIdFromAri(team.id),
+    members: (_team$members = team.members) === null || _team$members === void 0 ? void 0 : _team$members.nodes.map(function (_ref) {
+      var member = _ref.member;
+      return {
+        id: member.accountId,
+        fullName: member.name,
+        avatarUrl: member.picture
+      };
+    })
+  });
+};
+var GATEWAY_QUERY = "query TeamCard($teamId: ID!) {\n  Team: team {\n    team (id: $teamId) {\n      id\n      displayName\n      description\n      smallHeaderImageUrl\n      largeHeaderImageUrl\n      smallAvatarImageUrl\n      largeAvatarImageUrl\n      members {\n        nodes {\n          member {\n            accountId\n            name\n            picture\n          }\n        }\n      }\n    }\n  }\n}";
+export var buildGatewayQuery = function buildGatewayQuery(teamId) {
+  return {
+    query: GATEWAY_QUERY,
+    variables: {
+      teamId: idToAri(teamId)
+    }
+  };
+};
+export var addExperimentalHeaders = function addExperimentalHeaders(headers) {
+  headers.append('X-ExperimentalApi', 'teams-beta');
+  headers.append('X-ExperimentalApi', 'team-members-beta');
+  return headers;
+};
+export function getTeamFromAGG(_x, _x2) {
+  return _getTeamFromAGG.apply(this, arguments);
+}
+
+function _getTeamFromAGG() {
+  _getTeamFromAGG = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, teamId) {
+    var query, _yield$graphqlQuery, Team;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            query = buildGatewayQuery(teamId);
+            _context.next = 3;
+            return graphqlQuery(url, query, addExperimentalHeaders);
+
+          case 3:
+            _yield$graphqlQuery = _context.sent;
+            Team = _yield$graphqlQuery.Team;
+            return _context.abrupt("return", convertTeam(Team));
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _getTeamFromAGG.apply(this, arguments);
+}

package/dist/esm/client/graphqlUtils.js

@@ -4,12 +4,19 @@ var buildHeaders = function buildHeaders() {
   return headers;
 };
 
+var id = function id(headers) {
+  return headers;
+};
 /**
  * @param {string} serviceUrl - GraphQL service endpoint
  * @param {Query} query - GraphQL query
+ * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
  */
+
+
 export function graphqlQuery(serviceUrl, query) {
-  var headers = buildHeaders();
+  var processHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : id;
+  var headers = processHeaders(buildHeaders());
   return fetch(new Request(serviceUrl, {
     method: 'POST',
     credentials: 'include',

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

@@ -46,6 +46,11 @@ export default function getMockTeamClient(data) {
           }, data.timeout);
         });
       }
+    }, {
+      key: "makeRequestViaGateway",
+      value: function makeRequestViaGateway(teamId) {
+        return this.makeRequest(teamId);
+      }
     }]);
 
     return MockTeamClient;

package/dist/esm/util/analytics.js

@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.2.3"
+      packageVersion: "16.3.0"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.2.3"
+	"version": "16.3.0"
 }

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

@@ -3,6 +3,7 @@ import CachingClient from './CachingClient';
 export default class TeamProfileCardClient extends CachingClient<Team> {
     options: ProfileClientOptions;
     constructor(options: ProfileClientOptions);
+    makeRequestViaGateway(teamId: string, _orgId: string | undefined): Promise<Team>;
     makeRequest(teamId: string, orgId: string | undefined): Promise<Team>;
     getProfile(teamId: string, orgId: string | undefined, analytics?: (event: Record<string, any>) => void): Promise<Team>;
 }

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

@@ -0,0 +1,28 @@
+import type { Team } from '../types';
+interface AGGTeam extends Omit<Team, 'members'> {
+    members?: {
+        nodes: AGGMember[];
+    };
+}
+interface AGGMember {
+    member: {
+        accountId: string;
+        name: string;
+        picture: string;
+    };
+}
+interface AGGResult {
+    team: AGGTeam;
+}
+export declare const extractIdFromAri: (ari: string) => string;
+export declare const idToAri: (teamId: string) => string;
+export declare const convertTeam: (result: AGGResult) => Team;
+export declare const buildGatewayQuery: (teamId: string) => {
+    query: string;
+    variables: {
+        teamId: string;
+    };
+};
+export declare const addExperimentalHeaders: (headers: Headers) => Headers;
+export declare function getTeamFromAGG(url: string, teamId: string): Promise<Team>;
+export {};

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

@@ -6,9 +6,11 @@ export interface GraphQLError {
     code?: number;
     reason: string;
 }
+declare type HeaderProcessor = (headers: Headers) => Headers;
 /**
  * @param {string} serviceUrl - GraphQL service endpoint
  * @param {Query} query - GraphQL query
+ * @param {HeaderProcessor} processHeaders - a function to add extra headers to the request
  */
-export declare function graphqlQuery<D>(serviceUrl: string, query: Query): Promise<D>;
+export declare function graphqlQuery<D>(serviceUrl: string, query: Query, processHeaders?: HeaderProcessor): Promise<D>;
 export {};

package/dist/types/types.d.ts

@@ -309,6 +309,7 @@ export declare type ProfileCardErrorType = {
 } | null;
 export interface ProfileClientOptions {
     url: string;
+    gatewayGraphqlUrl?: string;
     cacheSize?: number;
     cacheMaxAge?: number;
     /** Enables Team Central functionality if enabled */

package/dist/types/util/analytics.d.ts

@@ -2,7 +2,7 @@ export declare const firePeopleTeamsEvent: (payload: Record<string, any>) => (cr
 export declare const teamCardTriggered: (method: 'hover' | 'click') => Record<string, any>;
 export declare const teamRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', attributes?: ({
     duration: number;
-} & Record<string, string | number | undefined>) | undefined) => Record<string, any>;
+} & Record<string, string | number | boolean | undefined>) | undefined) => Record<string, any>;
 export declare const teamProfileCardRendered: (actionSubjectId: 'spinner' | 'content' | 'error' | 'errorBoundary', attributes: {
     duration: number;
     hasRetry?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "16.2.3",
+  "version": "16.3.0",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"