@atlaskit/profilecard 16.12.1 → 17.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 17.1.0
+
+### Minor Changes
+
+- [`aa321e66c2a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa321e66c2a) - Add cloudid as optional client prop and add workspace check for Atlas functionality
+
+## 17.0.0
+
+### Major Changes
+
+- [`fae495c5956`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fae495c5956) - Deprecated the analytics prop and start emitting GASv3 analytics
+
 ## 16.12.1
 
 ### Patch Changes

package/dist/cjs/client/ProfileCardClient.js

@@ -42,8 +42,8 @@ var ProfileCardClient = /*#__PURE__*/function () {
     }
   }, {
     key: "getProfile",
-    value: function getProfile(cloudId, userId) {
-      return this.userClient.getProfile(cloudId, userId);
+    value: function getProfile(cloudId, userId, analytics) {
+      return this.userClient.getProfile(cloudId, userId, analytics);
     }
   }, {
     key: "getTeamProfile",
@@ -70,11 +70,11 @@ var ProfileCardClient = /*#__PURE__*/function () {
   }, {
     key: "shouldShowGiveKudos",
     value: function shouldShowGiveKudos() {
-      var _this$tcClient4, _this$tcClient5, _this$tcClient6;
+      var _this$tcClient4, _this$tcClient5;
 
       // Check if the kudos feature enabled and if the user has TC
       // if the user does not have TC the tc client will be undefined.
-      return ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.options.teamCentralBaseUrl) && ((_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient6 = this.tcClient) === null || _this$tcClient6 === void 0 ? void 0 : _this$tcClient6.options.productIdentifier)) || Promise.resolve(false);
+      return this.getTeamCentralBaseUrl() && ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.options.productIdentifier)) || Promise.resolve(false);
     }
   }]);
   return ProfileCardClient;

package/dist/cjs/client/TeamCentralCardClient.js

@@ -48,6 +48,14 @@ var buildCheckFeatureFlagQuery = function buildCheckFeatureFlagQuery(featureKey,
   };
 };
 
+function hasTCWorkspace(config) {
+  return config.cloudId ? fetch("/gateway/api/watermelon/organization/containsAnyWorkspace?cloudId=".concat(config.cloudId)).then(function (res) {
+    return !res || res && res.ok;
+  }) : Promise.resolve(false);
+}
+
+var isTCReadyPromiseMap = new Map();
+
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(TeamCentralCardClient, _CachingClient);
 
@@ -69,10 +77,27 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this.options = options;
     _this.bypassOnFailure = false;
     _this.featureFlagKeys = new Map();
+    _this.isTCReadyPromise = _this.createTcReadyPromise(options);
     return _this;
   }
 
   (0, _createClass2.default)(TeamCentralCardClient, [{
+    key: "createTcReadyPromise",
+    value: function createTcReadyPromise(config) {
+      if (config.cloudId) {
+        var promise = isTCReadyPromiseMap.get(config.cloudId);
+
+        if (!promise) {
+          promise = hasTCWorkspace(config);
+          isTCReadyPromiseMap.set(config.cloudId, promise);
+        }
+
+        return promise;
+      }
+
+      return Promise.resolve(true);
+    }
+  }, {
     key: "makeFeatureFlagCheckRequest",
     value: function () {
       var _makeFeatureFlagCheckRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(featureKey, context) {
@@ -91,7 +116,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
               case 2:
                 query = buildCheckFeatureFlagQuery(featureKey, context);
                 _context.next = 5;
-                return (0, _graphqlUtils.graphqlQuery)(this.options.teamCentralUrl, query);
+                return (0, _graphqlUtils.graphqlQuery)("".concat(this.options.teamCentralUrl, "?operationName=isFeatureKeyEnabled"), query);
 
               case 5:
                 response = _context.sent;
@@ -130,7 +155,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
               case 2:
                 query = buildReportingLinesQuery(userId);
                 _context2.next = 5;
-                return (0, _graphqlUtils.graphqlQuery)(this.options.teamCentralUrl, query);
+                return (0, _graphqlUtils.graphqlQuery)("".concat(this.options.teamCentralUrl, "?operationName=ReportingLines"), query);
 
               case 5:
                 response = _context2.sent;
@@ -155,44 +180,58 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     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 this.isTCReadyPromise.then(function (workSpaceExists) {
+        if (workSpaceExists) {
+          if (!userId) {
+            return Promise.reject(new Error('userId missing'));
+          }
 
-      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)
-          };
+          var cache = _this2.getCachedProfile(userId);
 
-          if (_this2.cache) {
-            _this2.setCachedProfile(userId, enhancedData);
+          if (cache) {
+            return Promise.resolve(cache);
           }
 
-          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;
+          if (_this2.bypassOnFailure) {
+            return Promise.resolve({});
           }
-          /**
-           * Reporting lines aren't part of the critical path of profile card.
-           * Just resolve with empty values instead of bubbling up the error.
-           */
-
 
-          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({});
+            });
+          });
+        }
+
+        return Promise.resolve({
+          managers: [],
+          reports: []
+        });
+      }, function () {
+        return Promise.resolve({
+          managers: [],
+          reports: []
         });
       });
     }
@@ -201,35 +240,43 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getFlagEnabled(featureKey, productIdentifier) {
       var _this3 = this;
 
-      if (!featureKey) {
-        return Promise.reject(new Error('featureKey missing'));
-      }
-
-      if (this.featureFlagKeys.has(featureKey)) {
-        return Promise.resolve(this.featureFlagKeys.get(featureKey));
-      }
+      return this.isTCReadyPromise.then(function (workSpaceExists) {
+        if (workSpaceExists) {
+          if (!featureKey) {
+            return Promise.reject(new Error('featureKey missing'));
+          }
 
-      if (this.bypassOnFailure) {
-        return Promise.resolve(false);
-      }
+          if (_this3.featureFlagKeys.has(featureKey)) {
+            return Promise.resolve(_this3.featureFlagKeys.get(featureKey));
+          }
 
-      var context = [{
-        key: 'productIdentifier',
-        value: productIdentifier || 'unset'
-      }];
-      return new Promise(function (resolve) {
-        _this3.makeFeatureFlagCheckRequest(featureKey, context).then(function (enabled) {
-          _this3.featureFlagKeys.set(featureKey, enabled);
-
-          resolve(enabled);
-        }).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
-            _this3.bypassOnFailure = true;
+          if (_this3.bypassOnFailure) {
+            return Promise.resolve(false);
           }
 
-          resolve(false);
-        });
+          var context = [{
+            key: 'productIdentifier',
+            value: productIdentifier || 'unset'
+          }];
+          return new Promise(function (resolve) {
+            _this3.makeFeatureFlagCheckRequest(featureKey, context).then(function (enabled) {
+              _this3.featureFlagKeys.set(featureKey, enabled);
+
+              resolve(enabled);
+            }).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
+                _this3.bypassOnFailure = true;
+              }
+
+              resolve(false);
+            });
+          });
+        }
+
+        return Promise.resolve(false);
+      }, function () {
+        return Promise.resolve(false);
       });
     }
   }, {

package/dist/cjs/client/TeamProfileCardClient.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = 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"));
@@ -23,10 +25,16 @@ var _performance = require("../util/performance");
 
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 
+var _errorUtils = require("./errorUtils");
+
 var _getTeamFromAGG = require("./getTeamFromAGG");
 
 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; }
+
 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; } }
@@ -43,12 +51,6 @@ var buildTeamQuery = function buildTeamQuery(teamId, orgId) {
   };
 };
 
-var IGNORED_ERRORS = ['NotPermitted', 'Gone'];
-
-function isRealError(error) {
-  return !IGNORED_ERRORS.includes(error.reason);
-}
-
 var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(TeamProfileCardClient, _CachingClient);
 
@@ -122,13 +124,12 @@ var TeamProfileCardClient = /*#__PURE__*/function (_CachingClient) {
 
           resolve(data);
         }).catch(function (error) {
-          if (analytics && isRealError(error)) {
-            analytics((0, _analytics.teamRequestAnalytics)('failed', {
-              duration: (0, _performance.getPageTime)() - startTime,
-              errorStatus: error.code,
-              errorReason: error.reason,
+          if (analytics) {
+            analytics((0, _analytics.teamRequestAnalytics)('failed', _objectSpread(_objectSpread({
+              duration: (0, _performance.getPageTime)() - startTime
+            }, (0, _errorUtils.getErrorAttributes)(error)), {}, {
               gateway: shouldUseGateway
-            }));
+            })));
           }
 
           reject(error);

package/dist/cjs/client/UserProfileCardClient.js

@@ -23,8 +23,14 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _analytics = require("../util/analytics");
+
+var _performance = require("../util/performance");
+
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 
+var _errorUtils = require("./errorUtils");
+
 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); }; }
@@ -55,7 +61,6 @@ var modifyResponse = function modifyResponse(response) {
   return {
     isBot: data.isBot,
     isCurrentUser: data.isCurrentUser,
-    isNotMentionable: data.isNotMentionable,
     status: data.status,
     statusModifiedDate: data.statusModifiedDate || undefined,
     avatarUrl: data.avatarUrl || undefined,
@@ -142,7 +147,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
     }()
   }, {
     key: "getProfile",
-    value: function getProfile(cloudId, userId) {
+    value: function getProfile(cloudId, userId, analytics) {
       var _this2 = this;
 
       if (!userId) {
@@ -157,13 +162,31 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
       }
 
       return new Promise(function (resolve, reject) {
+        var startTime = (0, _performance.getPageTime)();
+
+        if (analytics) {
+          analytics((0, _analytics.userRequestAnalytics)('triggered'));
+        }
+
         _this2.makeRequest(cloudId, userId).then(function (data) {
           if (_this2.cache) {
             _this2.setCachedProfile(cacheIdentifier, data);
           }
 
+          if (analytics) {
+            analytics((0, _analytics.userRequestAnalytics)('succeeded', {
+              duration: (0, _performance.getPageTime)() - startTime
+            }));
+          }
+
           resolve(data);
         }).catch(function (error) {
+          if (analytics) {
+            analytics((0, _analytics.userRequestAnalytics)('failed', _objectSpread({
+              duration: (0, _performance.getPageTime)() - startTime
+            }, (0, _errorUtils.getErrorAttributes)(error))));
+          }
+
           reject(error);
         });
       });

package/dist/cjs/client/errorUtils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getErrorAttributes = void 0;
+var IGNORED_ERRORS = ['NotPermitted', 'Gone'];
+
+function isIgnoredError(error) {
+  return !!error && IGNORED_ERRORS.includes(error.reason);
+}
+
+var getErrorAttributes = function getErrorAttributes(error) {
+  var _error$response, _error$response$heade;
+
+  var traceId = !!error ? (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$heade = _error$response.headers) === null || _error$response$heade === void 0 ? void 0 : _error$response$heade.get('atl-traceid') : undefined;
+  return {
+    errorStatus: error === null || error === void 0 ? void 0 : error.code,
+    errorReason: error === null || error === void 0 ? void 0 : error.reason,
+    isSLOFailure: !isIgnoredError(error),
+    traceId: traceId !== null && traceId !== void 0 ? traceId : undefined
+  };
+};
+
+exports.getErrorAttributes = getErrorAttributes;

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

@@ -2,97 +2,60 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
 
 var _Error = require("../../styled/Error");
 
-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 ErrorMessage = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(ErrorMessage, _React$PureComponent);
+var _analytics = require("../../util/analytics");
 
-  var _super = _createSuper(ErrorMessage);
+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 ErrorMessage() {
-    var _this;
+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; }
 
-    (0, _classCallCheck2.default)(this, ErrorMessage);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderNotFound", function () {
+var ErrorMessage = function ErrorMessage(props) {
+  var errorType = props.errorType || {
+    reason: 'default'
+  };
+  var errorReason = errorType.reason;
+  var fireAnalytics = props.fireAnalytics,
+      reload = props.reload;
+  var hasRetry = !!reload;
+  (0, _react.useEffect)(function () {
+    fireAnalytics((0, _analytics.profileCardRendered)('user', 'error', {
+      hasRetry: hasRetry,
+      errorType: errorReason
+    }));
+  }, [errorReason, fireAnalytics, hasRetry]);
+
+  var errorContent = function errorContent() {
+    if (errorReason === 'NotFound') {
       return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "The user is no longer available for the site");
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderDefault", function () {
-      return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), _this.props.reload ? /*#__PURE__*/_react.default.createElement(_Error.ErrorText, null, "Try again and we\u2019ll give it another shot") : null);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRetryButton", function () {
-      return _this.props.reload ? /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        appearance: "link",
-        onClick: _this.props.reload
-      }, "Try again") : null;
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(ErrorMessage, [{
-    key: "renderErrorContent",
-    value: function renderErrorContent() {
-      var errorType = this.props.errorType || {
-        reason: 'default'
-      };
-
-      switch (errorType.reason) {
-        case 'NotFound':
-          return this.renderNotFound();
-
-        default:
-          return this.renderDefault();
-      }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_Error.ErrorWrapper, null, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
-        label: "icon error",
-        size: "xlarge"
-      }), this.renderErrorContent(), this.renderRetryButton());
-    }
-  }]);
-  return ErrorMessage;
-}(_react.default.PureComponent);
 
-exports.default = ErrorMessage;
-(0, _defineProperty2.default)(ErrorMessage, "defaultProps", {
-  errorType: {
-    reason: 'default'
-  }
-});
+    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_Error.ErrorText, null, "Try again and we\u2019ll give it another shot"));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Error.ErrorWrapper, {
+    "data-testid": "profilecard-error"
+  }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
+    label: "icon error",
+    size: "xlarge"
+  }), errorContent(), reload && /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    appearance: "link",
+    onClick: reload
+  }, "Try again"));
+};
+
+var _default = ErrorMessage;
+exports.default = _default;

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

@@ -25,7 +25,7 @@ var _default = function _default(props) {
   var analytics = props.analytics;
   (0, _react.useEffect)(function () {
     analytics(function (duration) {
-      return (0, _analytics.teamProfileCardRendered)('spinner', {
+      return (0, _analytics.profileCardRendered)('team', 'spinner', {
         duration: duration
       });
     });

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

@@ -134,7 +134,7 @@ var TeamMembers = function TeamMembers(_ref) {
 function onActionClick(action, analytics, index) {
   return function (event) {
     analytics(function (duration) {
-      return (0, _analytics.teamActionClicked)({
+      return (0, _analytics.actionClicked)('team', {
         duration: duration,
         hasHref: !!action.link,
         hasOnClick: !!action.callback,
@@ -189,7 +189,7 @@ var ExtraActions = function ExtraActions(_ref3) {
     if (shouldBeOpen) {
       // Only fire this event when OPENING the dropdown
       analytics(function (duration) {
-        return (0, _analytics.moreActionsClicked)({
+        return (0, _analytics.moreActionsClicked)('team', {
           duration: duration,
           numActions: count + 2
         });
@@ -280,7 +280,7 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     analytics(function (duration) {
       var _team$members;
 
-      return (0, _analytics.teamProfileCardRendered)('content', {
+      return (0, _analytics.profileCardRendered)('team', 'content', {
         duration: duration,
         numActions: allActions.length,
         memberCount: (_team$members = team.members) === null || _team$members === void 0 ? void 0 : _team$members.length,
@@ -313,7 +313,7 @@ var ErrorMessage = function ErrorMessage(_ref6) {
   var hasRetry = !!clientFetchProfile;
   (0, _react.useEffect)(function () {
     analytics(function (duration) {
-      return (0, _analytics.teamProfileCardRendered)('error', {
+      return (0, _analytics.profileCardRendered)('team', 'error', {
         duration: duration,
         hasRetry: hasRetry
       });

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

@@ -147,7 +147,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         _this.showProfilecard(0);
 
         if (!_this.state.visible) {
-          _this.fireAnalytics((0, _analytics.teamCardTriggered)('click'));
+          _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'click'));
         }
       }
     });
@@ -159,7 +159,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       if (!_this.state.visible) {
         _this.openedByHover = true;
 
-        _this.fireAnalytics((0, _analytics.teamCardTriggered)('hover'));
+        _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'hover'));
       }
 
       _this.showProfilecard(_config.DELAY_MS_SHOW);
@@ -250,7 +250,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onErrorBoundary", function () {
-      _this.fireAnalytics((0, _analytics.teamProfileCardRendered)('errorBoundary', {
+      _this.fireAnalytics((0, _analytics.profileCardRendered)('team', 'errorBoundary', {
         duration: 0
       }));