@atlaskit/profilecard 16.0.1 → 16.2.1

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

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+import React, { Suspense } from 'react';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
 import { CardWrapper } from '../../styled/Card';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import Profilecard from './ProfileCard';
+import { ProfileCardLazy } from './lazyProfileCard';
 import UserLoadingState from './UserLoadingState';
 
 class ProfilecardTrigger extends React.PureComponent {
@@ -63,7 +63,8 @@ class ProfilecardTrigger extends React.PureComponent {
       isLoading: undefined,
       hasError: false,
       error: null,
-      data: null
+      data: null,
+      reportingLinesData: undefined
     });
 
     _defineProperty(this, "clientFetchProfile", () => {
@@ -85,7 +86,8 @@ class ProfilecardTrigger extends React.PureComponent {
         hasError: false,
         data: null
       }, () => {
-        this.props.resourceClient.getProfile(cloudId || '', userId).then(res => this.handleClientSuccess(res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
+        const requests = Promise.all([this.props.resourceClient.getProfile(cloudId || '', userId), this.props.resourceClient.getReportingLines(userId)]);
+        requests.then(res => this.handleClientSuccess(res[0], res[1]), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
 
@@ -129,7 +131,7 @@ class ProfilecardTrigger extends React.PureComponent {
     clearTimeout(this.hideTimer);
   }
 
-  handleClientSuccess(res) {
+  handleClientSuccess(profileData, reportingLinesData) {
     if (!this._isMounted) {
       return;
     }
@@ -137,7 +139,8 @@ class ProfilecardTrigger extends React.PureComponent {
     this.setState({
       isLoading: false,
       hasError: false,
-      data: res
+      data: profileData,
+      reportingLinesData
     });
   }
 
@@ -161,18 +164,22 @@ class ProfilecardTrigger extends React.PureComponent {
     const newProps = {
       clientFetchProfile: this.clientFetchProfile,
       analytics: this.props.analytics,
-      ...this.state.data
+      ...this.state.data,
+      reportingLines: this.state.reportingLinesData,
+      onReportingLinesClick: this.props.onReportingLinesClick
     };
     const wrapperProps = this.props.trigger === 'hover' ? {
       onMouseEnter: this.showProfilecard,
       onMouseLeave: this.hideProfilecard
     } : {};
-    return /*#__PURE__*/React.createElement("div", wrapperProps, /*#__PURE__*/React.createElement(Profilecard, _extends({}, newProps, {
+    return /*#__PURE__*/React.createElement("div", wrapperProps, this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, newProps, {
       actions: this.filterActions(),
       hasError: this.state.hasError,
       errorType: this.state.error,
       withoutElevation: true
-    })));
+    }))));
   }
 
   renderWithTrigger() {

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Avatar from '@atlaskit/avatar';
+import AvatarGroup from '@atlaskit/avatar-group';
+import Button from '@atlaskit/button/custom-theme-button';
+import { AnalyticsName } from '../../internal/analytics';
+import messages from '../../messages';
+import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesHeading, ReportingLinesSection } from '../../styled/ReportingLines';
+
+function getProfileHref(userId, profileUrl) {
+  return profileUrl ? profileUrl + userId : undefined;
+}
+
+const ReportingLinesDetails = props => {
+  var _manager$pii, _manager$pii2;
+
+  const {
+    reportingLines = {},
+    reportingLinesProfileUrl,
+    onReportingLinesClick,
+    analytics = () => {},
+    getDuration
+  } = props;
+  const {
+    managers = [],
+    reports = []
+  } = reportingLines;
+  const manager = managers.length >= 1 ? managers[0] : undefined;
+  const hasReports = reports.length > 0;
+
+  const getReportingLinesOnClick = (user, analyticsId) => onReportingLinesClick ? () => {
+    analytics(AnalyticsName.PROFILE_CARD_CLICK, {
+      id: analyticsId,
+      duration: getDuration()
+    });
+    onReportingLinesClick(user);
+  } : undefined;
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(ReportingLinesHeading, {
+    style: {
+      marginBottom: 0
+    }
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    spacing: "none",
+    href: getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl),
+    onClick: getReportingLinesOnClick(manager, 'reporting-lines-manager'),
+    isDisabled: !onReportingLinesClick
+  }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
+    size: "xsmall",
+    src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
+  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(ReportingLinesHeading, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
+    appearance: "stack",
+    size: "small",
+    data: reports.map((member, index) => {
+      var _member$pii, _member$pii2;
+
+      return {
+        key: member.accountIdentifier,
+        name: ((_member$pii = member.pii) === null || _member$pii === void 0 ? void 0 : _member$pii.name) || '',
+        src: (_member$pii2 = member.pii) === null || _member$pii2 === void 0 ? void 0 : _member$pii2.picture,
+        href: getProfileHref(member.accountIdentifier, reportingLinesProfileUrl),
+        onClick: getReportingLinesOnClick(member, 'reporting-lines-direct-report')
+      };
+    }),
+    maxCount: 5,
+    testId: "profilecard-reports-avatar-group"
+  })));
+};
+
+export default ReportingLinesDetails;

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

@@ -1,6 +1,4 @@
-import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import ProfileCard from './ProfileCard';
+export { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
+export { ProfileCardLazy } from './lazyProfileCard';
 import ProfileCardTrigger from './ProfileCardTrigger';
-export { DELAY_MS_HIDE, DELAY_MS_SHOW, ProfileCard, ProfileCardTrigger };
-export { default as ProfileCardResourced } from './ProfileCardResourced';
 export default ProfileCardTrigger;

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

@@ -0,0 +1,4 @@
+import { lazy } from 'react';
+export const ProfileCardLazy = /*#__PURE__*/lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_lazy-profilecard" */
+'./ProfileCard'));

package/dist/es2019/index.js

@@ -8,8 +8,7 @@ import UserProfileClient, { modifyResponse } from './client/UserProfileCardClien
 import TeamProfileCardTrigger from './components/Team/TeamProfileCardTrigger';
 import ProfileCard from './components/User/ProfileCard';
 import ProfileCardResourced from './components/User/ProfileCardResourced';
-import ProfileCardTrigger from './components/User/ProfileCardTrigger'; // Do not export TeamProfileCard here as it will break lazy-loading for the team trigger.
-
+import ProfileCardTrigger from './components/User/ProfileCardTrigger';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from './util/config'; // Legacy Profile Card in Jira still needs to use `withOuterListeners`
 
 export { default as withOuterListeners } from './util/withOuterListeners';

package/dist/es2019/messages.js

@@ -129,6 +129,16 @@ const messages = defineMessages({
     id: 'pt.team-profile-card.error.refresh-button',
     defaultMessage: 'Try again',
     description: 'Text on a button that will try to get the data again when clicked'
+  },
+  managerSectionHeading: {
+    id: 'pt.team-profile-card.manager.heading',
+    defaultMessage: 'Manager',
+    description: "Title for a section on the profile card that show the user's direct manager"
+  },
+  directReportsSectionHeading: {
+    id: 'pt.team-profile-card.directReports.heading',
+    defaultMessage: 'Direct reports',
+    description: "Title for a section on the profile card that show the user's direct reports"
   }
 });
 export default messages;

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

@@ -1,5 +1,7 @@
+import TeamCentralCardClient from '../client/TeamCentralCardClient';
 import UserProfileCardClient from '../client/UserProfileCardClient';
 import profiles from './profile-data';
+import { reportingLinesData } from './reporting-lines-data';
 import { getTimeString, getWeekday, random } from './util';
 export default function getMockProfileClient(BaseProfileClient, modifyResponse) {
   class MockUserClient extends UserProfileCardClient {
@@ -37,10 +39,33 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
 
   }
 
+  class MockTeamCentralClient extends TeamCentralCardClient {
+    makeRequest(userId) {
+      const timeout = random(1500) + 500;
+      const matchError = userId.match(/^error:([0-9a-zA-Z\-]+)$/);
+      const error = matchError && matchError[1];
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          if (error) {
+            return reject({
+              reason: error
+            });
+          }
+
+          return resolve(reportingLinesData);
+        }, timeout);
+      });
+    }
+
+  }
+
   return class MockProfileClient extends BaseProfileClient {
     constructor(options, clients = {}) {
       super(options, {
         userClient: new MockUserClient(options),
+        teamCentralClient: new MockTeamCentralClient({ ...options,
+          teamCentralUrl: 'defaultTeamCentralUrl'
+        }),
         ...clients
       });
     }

package/dist/es2019/mocks/reporting-lines-data.js

@@ -0,0 +1,14 @@
+import profiles from './profile-data';
+const mappedProfileToReportingLines = profiles.map((profile, index) => ({
+  accountIdentifier: '123456:12345-67890-' + index,
+  identifierType: 'ATLASSIAN_ID',
+  pii: {
+    name: profile.User.fullName,
+    picture: profile.User.avatarUrl
+  }
+}));
+const halfCount = Math.ceil(mappedProfileToReportingLines.length / 2);
+export const reportingLinesData = {
+  managers: mappedProfileToReportingLines.slice(0, halfCount),
+  reports: mappedProfileToReportingLines.slice(-halfCount)
+};

package/dist/es2019/styled/ReportingLines.js

@@ -0,0 +1,28 @@
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+import { appLabelTextColor } from '../styled/constants';
+export const ReportingLinesSection = styled.div`
+  // Minor left margin to align better with existing icon fields
+  margin-left: ${gridSize() / 2}px;
+  margin-top: ${gridSize()}px;
+`;
+export const ReportingLinesHeading = styled.h5`
+  color: ${appLabelTextColor};
+  font-size: ${gridSize() * 1.5}px;
+  font-weight: 600;
+  margin-bottom: ${gridSize()}px;
+`;
+export const ManagerSection = styled.div`
+  display: flex;
+  align-items: center;
+  margin: ${gridSize() / 2}px ${gridSize() / 2}px;
+`;
+export const ManagerName = styled.span`
+  font-size: ${gridSize() * 1.5}px;
+  margin-left: ${gridSize()}px;
+`;
+export const OffsetWrapper = styled.div`
+  margin-top: ${gridSize() / 2}px;
+  // Offset left margin so the avatar aligns with the heading
+  margin-left: -${gridSize() / 2}px;
+`;

package/dist/es2019/util/analytics.js

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

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.0.1"
+	"version": "16.2.1"
 }

package/dist/esm/client/CachingClient.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { LRUCache } from 'lru-fast';
 

package/dist/esm/client/ProfileCardClient.js

@@ -1,5 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+
+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 TeamCentralCardClient from './TeamCentralCardClient';
 import TeamProfileCardClient from './TeamProfileCardClient';
 import UserProfileCardClient from './UserProfileCardClient';
 
@@ -9,13 +16,17 @@ var ProfileCardClient = /*#__PURE__*/function () {
 
     this.userClient = (clients === null || clients === void 0 ? void 0 : clients.userClient) || new UserProfileCardClient(config);
     this.teamClient = (clients === null || clients === void 0 ? void 0 : clients.teamClient) || new TeamProfileCardClient(config);
+    this.tcClient = maybeCreateTeamCentralClient(config, clients);
   }
 
   _createClass(ProfileCardClient, [{
     key: "flushCache",
     value: function flushCache() {
+      var _this$tcClient;
+
       this.userClient.flushCache();
       this.teamClient.flushCache();
+      (_this$tcClient = this.tcClient) === null || _this$tcClient === void 0 ? void 0 : _this$tcClient.flushCache();
     }
   }, {
     key: "getProfile",
@@ -27,9 +38,30 @@ var ProfileCardClient = /*#__PURE__*/function () {
     value: function getTeamProfile(teamId, orgId, analytics) {
       return this.teamClient.getProfile(teamId, orgId, analytics);
     }
+  }, {
+    key: "getReportingLines",
+    value: function getReportingLines(userId) {
+      var _this$tcClient2;
+
+      return ((_this$tcClient2 = this.tcClient) === null || _this$tcClient2 === void 0 ? void 0 : _this$tcClient2.getReportingLines(userId)) || Promise.resolve({
+        managers: [],
+        reports: []
+      });
+    }
   }]);
 
   return ProfileCardClient;
 }();
 
+function maybeCreateTeamCentralClient(config, clients) {
+  if (clients !== null && clients !== void 0 && clients.teamCentralClient) {
+    return clients.teamCentralClient;
+  }
+
+  var teamCentralUrl = config.teamCentralUrl;
+  return teamCentralUrl ? new TeamCentralCardClient(_objectSpread(_objectSpread({}, config), {}, {
+    teamCentralUrl: teamCentralUrl
+  })) : undefined;
+}
+
 export default ProfileCardClient;

package/dist/esm/client/TeamCentralCardClient.js

@@ -0,0 +1,147 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+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 CachingClient from './CachingClient';
+import { graphqlQuery } 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  ",
+    variables: {
+      aaid: aaid
+    }
+  };
+};
+
+var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
+  _inherits(TeamCentralCardClient, _CachingClient);
+
+  var _super = _createSuper(TeamCentralCardClient);
+
+  /**
+   * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
+   * This is to handle the case where products may have provided teamCentralUrl, but the site itself
+   * doesn't actually have any TC product.
+   *
+   * There's currently no way to reset this circuit breaker, but that's fine. This is meant to
+   * catch a pretty specific edge case.
+   */
+  function TeamCentralCardClient(options) {
+    var _this;
+
+    _classCallCheck(this, TeamCentralCardClient);
+
+    _this = _super.call(this, options);
+    _this.options = options;
+    _this.bypassOnFailure = false;
+    return _this;
+  }
+
+  _createClass(TeamCentralCardClient, [{
+    key: "makeRequest",
+    value: function () {
+      var _makeRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(userId) {
+        var query, response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (this.options.teamCentralUrl) {
+                  _context.next = 2;
+                  break;
+                }
+
+                throw new Error('options.teamCentralUrl is a required parameter for retrieving Team Central data');
+
+              case 2:
+                query = buildReportingLinesQuery(userId);
+                _context.next = 5;
+                return graphqlQuery(this.options.teamCentralUrl, query);
+
+              case 5:
+                response = _context.sent;
+                return _context.abrupt("return", response.reportingLines);
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function makeRequest(_x) {
+        return _makeRequest.apply(this, arguments);
+      }
+
+      return makeRequest;
+    }()
+  }, {
+    key: "getReportingLines",
+    value: function getReportingLines(userId) {
+      var _this2 = this;
+
+      if (!userId) {
+        return Promise.reject(new Error('userId missing'));
+      }
+
+      var cache = this.getCachedProfile(userId);
+
+      if (cache) {
+        return Promise.resolve(cache);
+      }
+
+      if (this.bypassOnFailure) {
+        return Promise.resolve({});
+      }
+
+      return new Promise(function (resolve) {
+        _this2.makeRequest(userId).then(function (data) {
+          var enhancedData = {
+            managers: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
+            reports: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
+          };
+
+          if (_this2.cache) {
+            _this2.setCachedProfile(userId, enhancedData);
+          }
+
+          resolve(enhancedData);
+        }).catch(function (error) {
+          if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+            // Trigger circuit breaker
+            _this2.bypassOnFailure = true;
+          }
+          /**
+           * Reporting lines aren't part of the critical path of profile card.
+           * Just resolve with empty values instead of bubbling up the error.
+           */
+
+
+          resolve({});
+        });
+      });
+    }
+  }, {
+    key: "filterReportingLinesUser",
+    value: function filterReportingLinesUser() {
+      var users = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return users.filter(function (user) {
+        return user.identifierType === 'ATLASSIAN_ID';
+      });
+    }
+  }]);
+
+  return TeamCentralCardClient;
+}(CachingClient);
+
+export default TeamCentralCardClient;

package/dist/esm/client/UserProfileCardClient.js

@@ -11,9 +11,9 @@ 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; } }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 CachingClient from './CachingClient';
 import { graphqlQuery } from './graphqlUtils';

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

@@ -3,9 +3,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';

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

@@ -1,8 +1,6 @@
 import { lazy } from 'react';
 export var TeamProfileCardLazy = /*#__PURE__*/lazy(function () {
-  return (// eslint-disable-next-line import/dynamic-import-chunkname
-    import(
-    /* webpackChunkName:"lazy-team-profilecard" */
-    './TeamProfileCard')
-  );
+  return import(
+  /* webpackChunkName: "@atlaskit-internal_lazy-team-profilecard" */
+  './TeamProfileCard');
 });

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

@@ -7,6 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["text"];
 
 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); }; }
 
@@ -27,6 +28,7 @@ import { ActionButtonGroup, ActionsFlexSpacer, AppTitleLabel, CardContainer, Car
 import { isBasicClick } from '../../util/click';
 import { ErrorMessage } from '../Error';
 import { IconLabel } from '../Icon';
+import ReportingLinesDetails from './ReportingLinesDetails';
 
 var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Profilecard, _React$PureComponent);
@@ -122,6 +124,8 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "renderCardDetailsDefault",
     value: function renderCardDetailsDefault() {
+      var _this4 = this;
+
       var _this$props2 = this.props,
           meta = _this$props2.meta,
           location = _this$props2.location,
@@ -137,7 +141,15 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
         icon: "companyName"
       }, companyName), /*#__PURE__*/React.createElement(IconLabel, {
         icon: "location"
-      }, location));
+      }, location), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
+        reportingLines: this.props.reportingLines,
+        reportingLinesProfileUrl: this.props.reportingLinesProfileUrl,
+        onReportingLinesClick: this.props.onReportingLinesClick,
+        analytics: this.props.analytics,
+        getDuration: function getDuration() {
+          return _this4.durationSince(_this4.timeOpen);
+        }
+      }));
     }
   }, {
     key: "renderCardDetailsForDisabledAccount",
@@ -224,7 +236,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
     value: function renderCustomLozenges(lozenges) {
       return lozenges.length > 0 ? /*#__PURE__*/React.createElement(CustomLozengeContainer, null, lozenges.map(function (_ref, index) {
         var text = _ref.text,
-            otherProps = _objectWithoutProperties(_ref, ["text"]);
+            otherProps = _objectWithoutProperties(_ref, _excluded);
 
         return /*#__PURE__*/React.createElement(Lozenge, _extends({}, otherProps, {
           key: index
@@ -259,7 +271,8 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props8 = this.props,
           fullName = _this$props8.fullName,
           status = _this$props8.status,
-          withoutElevation = _this$props8.withoutElevation;
+          withoutElevation = _this$props8.withoutElevation,
+          reportingLines = _this$props8.reportingLines;
       var cardContent = null; // @FIXME do closed users have empty fullName field?
 
       var canRender = fullName || status === 'closed';
@@ -270,10 +283,14 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       } else if (this.props.isLoading) {
         cardContent = /*#__PURE__*/React.createElement(SpinnerContainer, null, /*#__PURE__*/React.createElement(Spinner, null));
       } else if (canRender) {
+        var _reportingLines$manag, _reportingLines$repor;
+
         var isDisabledUser = status === 'inactive' || status === 'closed';
         var actions = this.renderActionsButtons();
         this.callAnalytics(AnalyticsName.PROFILE_CARD_LOADED, {
-          duration: this.durationSince(this.timeOpen)
+          duration: this.durationSince(this.timeOpen),
+          managersCount: (reportingLines === null || reportingLines === void 0 ? void 0 : (_reportingLines$manag = reportingLines.managers) === null || _reportingLines$manag === void 0 ? void 0 : _reportingLines$manag.length) || 0,
+          directReportsCount: (reportingLines === null || reportingLines === void 0 ? void 0 : (_reportingLines$repor = reportingLines.reports) === null || _reportingLines$repor === void 0 ? void 0 : _reportingLines$repor.length) || 0
         });
         cardContent = /*#__PURE__*/React.createElement(CardContainer, {
           isDisabledUser: isDisabledUser,