@atlaskit/profilecard 15.6.2 → 15.8.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/profilecard
 
+## 15.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.8.0
+
+### Minor Changes
+
+- [`1b9bc1e4b9a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b9bc1e4b9a) - [ux] Instrumented profilecard with the new theming package, `@atlaskit/tokens`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+## 15.7.1
+
+### Patch Changes
+
+- [`d04cae5d45c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d04cae5d45c) - Expose some mock helpers
+
+## 15.7.0
+
+### Minor Changes
+
+- [`322786b0386`](https://bitbucket.org/atlassian/atlassian-frontend/commits/322786b0386) - Export team profile card content to outside so we can use it to build legacy profile card in Jira FE
+
 ## 15.6.2
 
 ### Patch Changes

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

@@ -9,6 +9,9 @@ exports.ErrorIllustration = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _tokens = require("@atlaskit/tokens");
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var ErrorIllustration = function ErrorIllustration() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "42",
@@ -20,7 +23,7 @@ var ErrorIllustration = function ErrorIllustration() {
     clipPath: "url(#clip0)"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M0.649902 0H163.93V212H0.649902V0Z",
-    fill: "white",
+    fill: (0, _tokens.token)('color.background.overlay', 'white'),
     fillOpacity: "0.01"
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M95.4299 74.1603L161.87 189.24C167.71 199.36 160.41 212 148.73 212H15.8499C4.16994 212 -3.13006 199.35 2.70994 189.24L69.1499 74.1603C74.9899 64.0403 89.5899 64.0403 95.4299 74.1603ZM87.8699 157.71L90.7499 113.36C91.0899 108.07 86.8899 103.58 81.5899 103.58C76.2799 103.58 72.0799 108.06 72.4299 113.36L75.3099 157.71C75.5299 161.02 78.2699 163.6 81.5899 163.6C84.8999 163.6 87.6499 161.02 87.8699 157.71ZM72.0299 181.25C72.0299 186.91 76.7899 191.35 82.4199 190.83C87.2699 190.38 91.1499 186.33 91.2499 181.46C91.3599 176.01 86.9399 171.52 81.5199 171.52C76.2899 171.51 72.0299 175.89 72.0299 181.25Z",

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

@@ -39,6 +39,8 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _analytics = require("../../internal/analytics");
 
 var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
@@ -304,7 +306,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
         }, /*#__PURE__*/_react.default.createElement(_Card.ProfileImage, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
           size: "xlarge",
           src: this.props.status !== 'closed' ? this.props.avatarUrl : undefined,
-          borderColor: _colors.N0
+          borderColor: (0, _tokens.token)('color.background.overlay', _colors.N0)
         })), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, this.renderCardDetails(), actions ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), actions) : null));
       }
 

package/dist/cjs/i18n/en_ZZ.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+// English (Instrumented)
+var _default = {
+  'pt.profile-card.closed.account': '⁣⁢Account deleted⁠؜⁡‌؜⁠‍⁡⁠؜؜⁣⁤',
+  'pt.profile-card.closed.account.has.date.a.few.months': '⁣⁢Their account has been deleted for a few months.⁠⁡⁠‍‌⁠⁡‍؜‌⁡‌‌؜⁣⁤',
+  'pt.profile-card.closed.account.has.date.last.month': '⁣⁢Their account was deleted last month.⁡‍⁠‌⁡؜‍؜⁠‍⁠؜⁣⁤',
+  'pt.profile-card.closed.account.has.date.more.than.a.year': '⁣⁢Their account has been deleted for more than a year.⁠⁠⁡؜⁠⁠‌‍‍‌‌‌‍⁣⁤',
+  'pt.profile-card.closed.account.has.date.several.months': '⁣⁢Their account has been deleted for several months.⁠⁠‍؜؜⁡؜‌⁡؜‍⁣⁤',
+  'pt.profile-card.closed.account.has.date.this.month': '⁣⁢Their account was deleted this month.‍‍⁡⁡؜؜؜‌⁡؜⁣⁤',
+  'pt.profile-card.closed.account.has.date.this.week': '⁣⁢Their account was deleted this week.⁡‍⁠‍⁡؜⁡‌‍‍‌⁠⁡⁣⁤',
+  'pt.profile-card.closed.account.no.date': '⁣⁢Their account has been deleted.‌؜⁠⁡‌‌‌‌⁡⁡‌؜؜؜⁠⁣⁤',
+  'pt.profile-card.disabled.account.default.name': '⁣⁢Former user‍‌⁠⁡‍⁡‌‌‍⁡⁣⁤',
+  'pt.profile-card.general.msg.disabled.user': '⁣⁢You can no longer collaborate with this person.⁠⁠⁡؜⁠⁠⁣⁤',
+  'pt.profile-card.inactive.account': '⁣⁢Account deactivated‍؜⁡⁠‌؜‍⁡⁣⁤',
+  'pt.profile-card.inactive.account.has.date.a.few.months': '⁣⁢Their account has been deactivated for a few months.‌‌⁡⁠⁡⁠؜⁣⁤',
+  'pt.profile-card.inactive.account.has.date.last.month': '⁣⁢Their account was deactivated last month.‌‍‍⁠‍⁡؜‌⁡⁡⁠⁣⁤',
+  'pt.profile-card.inactive.account.has.date.more.than.a.year': '⁣⁢Their account has been deactivated for more than a year.‌⁡؜⁡‍؜‌⁠⁣⁤',
+  'pt.profile-card.inactive.account.has.date.several.months': '⁣⁢Their account has been deactivated for several months.⁡‌⁡⁡⁠⁣⁤',
+  'pt.profile-card.inactive.account.has.date.this.month': '⁣⁢Their account was deactivated this month.‍‌⁡⁡؜⁠‍‍⁣⁤',
+  'pt.profile-card.inactive.account.has.date.this.week': '⁣⁢Their account was deactivated this week.⁠‍⁠‍⁡؜⁣⁤',
+  'pt.profile-card.inactive.account.no.date': '⁣⁢Their account has been deactivated.‌⁠⁠⁠‌⁡‌؜⁠⁠‌⁣⁤',
+  'pt.team-profile-card.error.refresh-button': '⁣⁢Try again⁡⁠‍‌⁠⁠⁡⁠؜⁠⁡‍⁣⁤',
+  'pt.team-profile-card.error.suggestion': '⁣⁢Wait a few moments, then try again.‌⁡‌‌‍⁠⁠⁡‍؜‌⁡⁠⁠⁡⁠‍‍⁣⁤',
+  'pt.team-profile-card.error.title': '⁣⁢We’re having trouble retrieving this teams information؜‍‌⁠⁡⁡⁡⁡⁣⁤',
+  'pt.team-profile-card.team.action.view-profile': '⁣⁢View profile‌⁠‌‌⁡‌⁠⁠؜‍⁡⁣⁤',
+  'pt.team-profile-card.team.member.count': '{count, plural, one {⁣⁢Team • {count} member⁠⁠‍⁠؜‌‌‌⁡⁠‌‍؜؜‍؜⁣⁤} other {⁣⁢Team • {count} members⁠⁠‍⁠؜‌‌‌⁡⁠‌‍؜؜‍؜⁣⁤}}',
+  'pt.team-profile-card.team.member.count-including-you': '{count, plural, one {⁣⁢Team • {count} member, including you⁡⁠‍⁡‌⁠؜⁡⁣⁤} other {⁣⁢Team • {count} members, including you⁡⁠‍⁡‌⁠؜⁡⁣⁤}}',
+  'pt.team-profile-card.team.member.many': '⁣⁢Team • 50+ members؜⁠؜‌؜؜؜⁠‌⁠⁣⁤',
+  'pt.team-profile-card.team.member.many-including-you': '⁣⁢Team • 50+ members, including you⁠‍⁡؜‌⁡⁠⁣⁤'
+};
+exports.default = _default;

package/dist/cjs/i18n/index.js

@@ -155,6 +155,12 @@ Object.defineProperty(exports, "vi", {
     return _vi.default;
   }
 });
+Object.defineProperty(exports, "en_ZZ", {
+  enumerable: true,
+  get: function get() {
+    return _en_ZZ.default;
+  }
+});
 Object.defineProperty(exports, "en", {
   enumerable: true,
   get: function get() {
@@ -230,6 +236,8 @@ var _uk = _interopRequireDefault(require("./uk"));
 
 var _vi = _interopRequireDefault(require("./vi"));
 
+var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
+
 var _en = _interopRequireDefault(require("./en"));
 
 var _en_GB = _interopRequireDefault(require("./en_GB"));

package/dist/cjs/index.js

@@ -67,6 +67,12 @@ Object.defineProperty(exports, "withOuterListeners", {
     return _withOuterListeners.default;
   }
 });
+Object.defineProperty(exports, "TeamProfileCard", {
+  enumerable: true,
+  get: function get() {
+    return _TeamProfileCard.default;
+  }
+});
 exports.default = void 0;
 
 var _ProfileCardClient = _interopRequireDefault(require("./client/ProfileCardClient"));
@@ -87,6 +93,8 @@ var _config = require("./util/config");
 
 var _withOuterListeners = _interopRequireDefault(require("./util/withOuterListeners"));
 
+var _TeamProfileCard = _interopRequireDefault(require("./components/Team/TeamProfileCard"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -97,5 +105,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Note: when generating and updating Flow types in Jira, `UserProfileClient` and `UserProfileCardClient` are the same type
 // Do not export TeamProfileCard here as it will break lazy-loading for the team trigger.
 // Legacy Profile Card in Jira still needs to use `withOuterListeners`
+// We cannot export this component inside `./components/Team/index.ts` because it breaks the lazyload
+// so we have to export this here. `TeamProfileCard` helps to build legacy team profile card inside Jira FE.
 var _default = _ProfileCardResourced.default;
 exports.default = _default;

package/dist/cjs/mocks/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getMockProfileClient", {
+  enumerable: true,
+  get: function get() {
+    return _mockProfileClient.default;
+  }
+});
+Object.defineProperty(exports, "getMockTeamClient", {
+  enumerable: true,
+  get: function get() {
+    return _mockTeamClient.default;
+  }
+});
+Object.defineProperty(exports, "profiles", {
+  enumerable: true,
+  get: function get() {
+    return _profileData.default;
+  }
+});
+Object.defineProperty(exports, "simpleMockTeamClient", {
+  enumerable: true,
+  get: function get() {
+    return _simpleMockClients.simpleMockTeamClient;
+  }
+});
+Object.defineProperty(exports, "simpleMockUserClient", {
+  enumerable: true,
+  get: function get() {
+    return _simpleMockClients.simpleMockUserClient;
+  }
+});
+Object.defineProperty(exports, "simpleProfileClient", {
+  enumerable: true,
+  get: function get() {
+    return _simpleMockClients.simpleProfileClient;
+  }
+});
+
+var _mockProfileClient = _interopRequireDefault(require("./mock-profile-client"));
+
+var _mockTeamClient = _interopRequireDefault(require("./mock-team-client"));
+
+var _profileData = _interopRequireDefault(require("./profile-data"));
+
+var _simpleMockClients = require("./simple-mock-clients");

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getMockProfileClient;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _UserProfileCardClient = _interopRequireDefault(require("../client/UserProfileCardClient"));
+
+var _profileData = _interopRequireDefault(require("./profile-data"));
+
+var _util = require("./util");
+
+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 _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) { (0, _defineProperty2.default)(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 _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); }; }
+
+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 getMockProfileClient(BaseProfileClient, modifyResponse) {
+  var MockUserClient = /*#__PURE__*/function (_UserProfileCardClien) {
+    (0, _inherits2.default)(MockUserClient, _UserProfileCardClien);
+
+    var _super = _createSuper(MockUserClient);
+
+    function MockUserClient() {
+      (0, _classCallCheck2.default)(this, MockUserClient);
+      return _super.apply(this, arguments);
+    }
+
+    (0, _createClass2.default)(MockUserClient, [{
+      key: "makeRequest",
+      value: function makeRequest(cloudId, userId) {
+        var timeout = (0, _util.random)(1500) + 500;
+        var matchError = userId.match(/^error:([0-9a-zA-Z\-]+)$/);
+        var error = matchError && matchError[1];
+        return new Promise(function (resolve, reject) {
+          setTimeout(function () {
+            if (error) {
+              return reject({
+                reason: error
+              });
+            }
+
+            var userIdAsIndex = parseInt(userId, 10);
+            var profile = _profileData.default[userIdAsIndex] || _profileData.default[0];
+
+            if (!profile) {
+              return reject({
+                reason: 'default'
+              });
+            }
+
+            var weekday = (0, _util.getWeekday)();
+
+            var data = _objectSpread({}, profile);
+
+            data.remoteTimeString = (0, _util.getTimeString)();
+            data.remoteWeekdayIndex = weekday.index;
+            data.remoteWeekdayString = weekday.string;
+            return resolve(modifyResponse(data));
+          }, timeout);
+        });
+      }
+    }]);
+    return MockUserClient;
+  }(_UserProfileCardClient.default);
+
+  return /*#__PURE__*/function (_BaseProfileClient) {
+    (0, _inherits2.default)(MockProfileClient, _BaseProfileClient);
+
+    var _super2 = _createSuper(MockProfileClient);
+
+    function MockProfileClient(options) {
+      var clients = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      (0, _classCallCheck2.default)(this, MockProfileClient);
+      return _super2.call(this, options, _objectSpread({
+        userClient: new MockUserClient(options)
+      }, clients));
+    }
+
+    return MockProfileClient;
+  }(BaseProfileClient);
+}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getMockTeamClient;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _TeamProfileCardClient = _interopRequireDefault(require("../client/TeamProfileCardClient"));
+
+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); }; }
+
+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 getMockTeamClient(data) {
+  return /*#__PURE__*/function (_TeamProfileCardClien) {
+    (0, _inherits2.default)(MockTeamClient, _TeamProfileCardClien);
+
+    var _super = _createSuper(MockTeamClient);
+
+    function MockTeamClient() {
+      (0, _classCallCheck2.default)(this, MockTeamClient);
+      return _super.apply(this, arguments);
+    }
+
+    (0, _createClass2.default)(MockTeamClient, [{
+      key: "makeRequest",
+      value: function makeRequest(teamId) {
+        if (!data.timeout) {
+          if (data.error && Math.random() < data.errorRate) {
+            return Promise.reject({
+              reason: data.error
+            });
+          }
+
+          return Promise.resolve(data.team);
+        }
+
+        return new Promise(function (resolve, reject) {
+          setTimeout(function () {
+            if (data.error && Math.random() < data.errorRate) {
+              reject({
+                reason: data.error
+              });
+            }
+
+            return resolve(data.team);
+          }, data.timeout);
+        });
+      }
+    }]);
+    return MockTeamClient;
+  }(_TeamProfileCardClient.default);
+}

package/dist/cjs/mocks/profile-data.js

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _sample = _interopRequireDefault(require("lodash/sample"));
+
+var _util = require("./util");
+
+var avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
+];
+
+var getAvatar = function getAvatar() {
+  return (0, _sample.default)(avatarImages);
+};
+
+var profiles = [{
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Kramer Hatfield',
+    nickname: 'khatfield',
+    email: 'khatfield@gluid.com',
+    location: 'Vienna, Austria',
+    meta: 'Manager',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Schwartz Mclaughlin',
+    nickname: 'smclaughlin',
+    email: 'smclaughlin@corecom.com',
+    location: 'Perth, Australia',
+    meta: 'Senior Developer',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Nichole Walter',
+    nickname: 'nwalter',
+    email: 'nwalter@limage.com',
+    location: 'Sydney, Australia',
+    meta: 'Senior Developer',
+    status: 'inactive',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Cleveland Rodriquez',
+    nickname: 'crodriquez',
+    email: 'crodriquez@slofast.com',
+    meta: 'Manager'
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Rosalyn Franklin',
+    nickname: 'rfranklin',
+    email: 'rfranklin@assurity.com',
+    location: 'London, England',
+    meta: 'Manager',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Hess Stone',
+    nickname: 'hstone',
+    email: 'hstone@hawkster.com',
+    location: 'Sydney, Australia',
+    meta: 'Designer',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Lewis Cervantes',
+    nickname: 'lcervantes',
+    email: 'lcervantes@apextri.com',
+    location: 'Perth, Australia',
+    meta: 'Senior Developer',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Abbott Lamb',
+    nickname: 'alamb',
+    email: 'alamb@xeronk.com',
+    location: 'Sydney, Australia',
+    meta: 'Senior Developer',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Conner Duncan',
+    nickname: 'cduncan',
+    email: 'cduncan@magmina.com',
+    location: 'Hanover, Germany',
+    meta: 'Head of Something',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Bauer Burch',
+    nickname: 'bburch',
+    email: 'bburch@xleen.com',
+    location: 'Austin, TX',
+    meta: 'Senior Designer',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Mcbride Haynes',
+    nickname: 'mhaynes',
+    email: 'mhaynes@geeky.com',
+    location: 'London, England',
+    meta: 'Senior Designer',
+    remoteTimeString: (0, _util.getTimeString)(),
+    remoteWeekdayIndex: (0, _util.getWeekday)().index,
+    remoteWeekdayString: (0, _util.getWeekday)().string
+  }
+}];
+var _default = profiles;
+exports.default = _default;

package/dist/cjs/mocks/simple-mock-clients.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.simpleProfileClient = exports.simpleMockTeamClient = exports.simpleMockUserClient = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _ProfileCardClient = _interopRequireDefault(require("../client/ProfileCardClient"));
+
+var _TeamProfileCardClient = _interopRequireDefault(require("../client/TeamProfileCardClient"));
+
+var _UserProfileCardClient = _interopRequireDefault(require("../client/UserProfileCardClient"));
+
+var _profileData = _interopRequireDefault(require("./profile-data"));
+
+var _teamData = _interopRequireDefault(require("./team-data"));
+
+var _util = require("./util");
+
+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 _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) { (0, _defineProperty2.default)(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 _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); }; }
+
+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 SimpleMockTeamClient = /*#__PURE__*/function (_TeamProfileCardClien) {
+  (0, _inherits2.default)(SimpleMockTeamClient, _TeamProfileCardClien);
+
+  var _super = _createSuper(SimpleMockTeamClient);
+
+  function SimpleMockTeamClient() {
+    (0, _classCallCheck2.default)(this, SimpleMockTeamClient);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(SimpleMockTeamClient, [{
+    key: "makeRequest",
+    value: function makeRequest(teamId) {
+      var simpleMockTeam = (0, _teamData.default)({
+        members: 5
+      });
+      return Promise.resolve(_objectSpread({
+        teamId: teamId
+      }, simpleMockTeam));
+    }
+  }]);
+  return SimpleMockTeamClient;
+}(_TeamProfileCardClient.default);
+
+var SimpleMockUserClient = /*#__PURE__*/function (_UserProfileCardClien) {
+  (0, _inherits2.default)(SimpleMockUserClient, _UserProfileCardClien);
+
+  var _super2 = _createSuper(SimpleMockUserClient);
+
+  function SimpleMockUserClient() {
+    (0, _classCallCheck2.default)(this, SimpleMockUserClient);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(SimpleMockUserClient, [{
+    key: "makeRequest",
+    value: function makeRequest(cloudId, userId) {
+      var profile = _profileData.default[0];
+      var weekday = (0, _util.getWeekday)();
+
+      var data = _objectSpread({}, profile);
+
+      data.remoteTimeString = (0, _util.getTimeString)();
+      data.remoteWeekdayIndex = weekday.index;
+      data.remoteWeekdayString = weekday.string;
+      return Promise.resolve(data);
+    }
+  }]);
+  return SimpleMockUserClient;
+}(_UserProfileCardClient.default);
+
+var args = {
+  cacheSize: 10,
+  maxCacheAge: 0,
+  url: '/graphql/directory'
+};
+var simpleMockUserClient = new SimpleMockUserClient(args);
+exports.simpleMockUserClient = simpleMockUserClient;
+var simpleMockTeamClient = new SimpleMockTeamClient(args);
+exports.simpleMockTeamClient = simpleMockTeamClient;
+var simpleProfileClient = new _ProfileCardClient.default(args, {
+  userClient: simpleMockUserClient,
+  teamClient: simpleMockTeamClient
+});
+exports.simpleProfileClient = simpleProfileClient;