@atlaskit/profilecard 16.11.0 → 17.0.0

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

@@ -2,415 +2,248 @@
 
 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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+exports.default = exports.ProfilecardInternal = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
+var _analyticsNext = require("@atlaskit/analytics-next");
+
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-
 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"));
-
 var _messages = _interopRequireDefault(require("../../messages"));
 
 var _Card = require("../../styled/Card");
 
+var _analytics = require("../../util/analytics");
+
 var _click = require("../../util/click");
 
-var _Error = require("../Error");
+var _performance = require("../../util/performance");
 
-var _Icon = require("../Icon");
+var _Error = require("../Error");
 
 var _OverflowProfileCardButtons = require("./OverflowProfileCardButtons");
 
-var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
+var _ProfileCardDetails = require("./ProfileCardDetails");
 
-var _excluded = ["text"];
+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 _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 _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; }
 
-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 GIVE_KUDOS_ACTION_ID = 'give-kudos';
 
-var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(Profilecard, _React$PureComponent);
+var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosDrawer) {
+  var kudosUrl = (0, _react.useMemo)(function () {
+    var recipientId = userId ? "&recipientId=".concat(userId) : '';
+    var cloudIdParam = cloudId ? "&cloudId=".concat(cloudId) : '';
+    return "".concat(teamCentralBaseUrl || '', "/kudos/give?type=individual").concat(recipientId).concat(cloudIdParam);
+  }, [cloudId, teamCentralBaseUrl, userId]);
+  var kudosButtonCallback = (0, _react.useCallback)(function () {
+    if (openKudosDrawer) {
+      openKudosDrawer();
+    } else {
+      window.open(kudosUrl);
+    }
+  }, [kudosUrl, openKudosDrawer]);
+  var kudosAction = (0, _react.useMemo)(function () {
+    return {
+      label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
+      id: GIVE_KUDOS_ACTION_ID,
+      callback: kudosButtonCallback,
+      link: kudosUrl
+    };
+  }, [kudosButtonCallback, kudosUrl]);
+  return {
+    kudosAction: kudosAction,
+    kudosButtonCallback: kudosButtonCallback,
+    kudosUrl: kudosUrl
+  };
+};
+
+var Wrapper = function Wrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+    "data-testid": "profilecard"
+  }, props.children);
+};
+
+var ProfilecardInternal = function ProfilecardInternal(props) {
+  var _useState = (0, _react.useState)((0, _performance.getPageTime)()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+      openTime = _useState2[0];
+
+  var createAnalyticsEvent = props.createAnalyticsEvent;
+  var fireAnalytics = (0, _react.useCallback)(function (payload) {
+    if (createAnalyticsEvent) {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
+  var fireAnalyticsWithDuration = (0, _react.useCallback)(function (generator) {
+    var elapsed = (0, _performance.getPageTime)() - openTime;
+    var event = generator(elapsed);
+    fireAnalytics(event);
+  }, [fireAnalytics, openTime]);
+
+  var _useKudos = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer),
+      kudosAction = _useKudos.kudosAction;
+
+  var _props$actions = props.actions,
+      actions = _props$actions === void 0 ? [] : _props$actions,
+      isCurrentUser = props.isCurrentUser,
+      isKudosEnabled = props.isKudosEnabled,
+      _props$status = props.status,
+      status = _props$status === void 0 ? 'active' : _props$status;
+  var realActions = (0, _react.useMemo)(function () {
+    if (isCurrentUser || !isKudosEnabled || status !== 'active') {
+      return actions;
+    }
 
-  var _super = _createSuper(Profilecard);
+    return actions.concat([kudosAction]);
+  }, [actions, isCurrentUser, isKudosEnabled, kudosAction, status]);
+  var isLoading = props.isLoading,
+      fullName = props.fullName,
+      hasError = props.hasError;
+  var canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
+  (0, _react.useEffect)(function () {
+    if (canRender) {
+      fireAnalyticsWithDuration(function (duration) {
+        return (0, _analytics.profileCardRendered)('user', 'content', {
+          duration: duration,
+          numActions: realActions.length
+        });
+      });
+    }
+  }, [canRender, fireAnalyticsWithDuration, realActions]);
+
+  if (hasError) {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
+      reload: props.clientFetchProfile,
+      errorType: props.errorType || null,
+      fireAnalytics: fireAnalytics
+    }));
+  }
 
-  function Profilecard(props) {
-    var _this;
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(LoadingView, {
+      fireAnalyticsWithDuration: fireAnalyticsWithDuration
+    }));
+  }
 
-    (0, _classCallCheck2.default)(this, Profilecard);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "GIVE_KUDOS_ACTION_ID", 'give-kudos');
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "durationSince", function (from) {
-      var fromParsed = from || 0;
-      return fromParsed > 0 ? Date.now() - fromParsed : null;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "callClientFetchProfile", function () {
-      if (_this.props.clientFetchProfile) {
-        var _this$props;
+  if (!canRender) {
+    return null;
+  }
 
-        (_this$props = _this.props).clientFetchProfile.apply(_this$props, arguments);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "callAnalytics", function (id, options) {
-      if (_this.props.analytics) {
-        _this.props.analytics(id, options);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "kudosUrl", function () {
-      var recipientId = _this.props.userId && "&recipientId=".concat(_this.props.userId) || '';
-      var cloudId = _this.props.cloudId && "&cloudId=".concat(_this.props.cloudId) || '';
-      return "".concat(_this.props.teamCentralBaseUrl, "/kudos/give?type=individual").concat(recipientId).concat(cloudId);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "kudosButtonCallback", function () {
-      if (_this.props.openKudosDrawer) {
-        _this.props.openKudosDrawer();
-      } else {
-        window.open(_this.kudosUrl());
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderButton", function (action, idx) {
-      var isGiveKudosActionButton = action.id === _this.GIVE_KUDOS_ACTION_ID;
-
-      var actionButton = /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        appearance: "default",
-        key: action.id || idx,
-        onClick: function onClick(event) {
-          for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-            args[_key - 1] = arguments[_key];
-          }
-
-          return _this.onActionClick(action, args, event);
-        },
-        href: action.link
-      }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null));
-
-      if (isGiveKudosActionButton) {
-        return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
-      }
-
-      return actionButton;
+  var isDisabledUser = status === 'inactive' || status === 'closed';
+  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Card.CardContainer, {
+    isDisabledUser: isDisabledUser,
+    withoutElevation: props.withoutElevation
+  }, /*#__PURE__*/_react.default.createElement(_Card.ProfileImage, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    size: "xlarge",
+    src: status !== 'closed' ? props.avatarUrl : undefined,
+    borderColor: (0, _tokens.token)('elevation.shadow.overlay', _colors.N0)
+  })), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, /*#__PURE__*/_react.default.createElement(_ProfileCardDetails.ProfileCardDetails, (0, _extends2.default)({}, props, {
+    status: status,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration
+  })), realActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), /*#__PURE__*/_react.default.createElement(Actions, {
+    actions: realActions,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration
+  })))));
+};
+
+exports.ProfilecardInternal = ProfilecardInternal;
+
+var Actions = function Actions(_ref) {
+  var actions = _ref.actions,
+      fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration;
+  var onActionClick = (0, _react.useCallback)(function (action, args, event, index) {
+    fireAnalyticsWithDuration(function (duration) {
+      return (0, _analytics.actionClicked)('user', {
+        duration: duration,
+        hasHref: !!action.link,
+        hasOnClick: !!action.callback,
+        index: index,
+        actionId: action.id || 'no-id-specified'
+      });
     });
-    _this.timeOpen = null;
 
-    _this.clientFetchProfile = function () {
-      var _this2;
+    if (action.callback && (0, _click.isBasicClick)(event)) {
+      event.preventDefault();
+      action.callback.apply(action, [event].concat((0, _toConsumableArray2.default)(args)));
+    }
+  }, [fireAnalyticsWithDuration]);
 
-      _this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_RELOAD, {});
+  if (!actions || actions.length === 0) {
+    return null;
+  }
 
-      (_this2 = _this).callClientFetchProfile.apply(_this2, arguments);
-    };
+  var regularActions = actions.slice(0, _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
+  var overflowActions = actions.length > _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD ? actions.slice(_OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD) : undefined;
+  return /*#__PURE__*/_react.default.createElement(_Card.ActionButtonGroup, {
+    "data-testid": "profilecard-actions"
+  }, regularActions.map(function (action, index) {
+    var isKudos = action.id === GIVE_KUDOS_ACTION_ID;
+
+    var button = /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+      appearance: "default",
+      key: action.id || index,
+      onClick: function onClick(event) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
 
-    return _this;
-  }
+        return onActionClick(action, args, event, index);
+      },
+      href: action.link
+    }, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null));
 
-  (0, _createClass2.default)(Profilecard, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.timeOpen = Date.now();
-      this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_VIEW, {});
-    }
-  }, {
-    key: "renderErrorMessage",
-    value: function renderErrorMessage() {
-      return /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
-        reload: this.props.clientFetchProfile && this.clientFetchProfile,
-        errorType: this.props.errorType
-      });
+    if (isKudos) {
+      return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, button);
     }
-  }, {
-    key: "getActions",
-    value: function getActions() {
-      var _this3 = this;
-
-      var actions = this.props.actions || [];
-
-      if (!this.props.isCurrentUser && this.props.isKudosEnabled) {
-        var kudosAction = {
-          label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
-          id: this.GIVE_KUDOS_ACTION_ID,
-          callback: function callback() {
-            _this3.kudosButtonCallback();
-          },
-          link: this.kudosUrl()
-        };
-        return actions.concat([kudosAction]);
-      }
 
-      return actions;
-    }
-  }, {
-    key: "renderActionsButtons",
-    value: function renderActionsButtons() {
-      var _this4 = this;
-
-      if (this.props.actions && this.props.actions.length === 0) {
-        return null;
-      }
-
-      var actions = this.getActions();
-      var firstTwoActions = actions.slice(0, 2);
-      var restOfActions = actions && actions.length > 2 ? actions.slice(2) : undefined;
-      return /*#__PURE__*/_react.default.createElement(_Card.ActionButtonGroup, null, firstTwoActions.map(function (action, idx) {
-        return _this4.renderButton(action, idx);
-      }), restOfActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, {
-        actions: restOfActions,
-        onItemClick: function onItemClick(action, args, event) {
-          return _this4.onActionClick(action, args, event);
-        }
-      }));
+    return button;
+  }), overflowActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, {
+    actions: overflowActions,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    onItemClick: function onItemClick(action, args, event, index) {
+      return onActionClick(action, args, event, index + _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
     }
-  }, {
-    key: "onActionClick",
-    value: function onActionClick(action, args, event) {
-      this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_CLICK, {
-        id: action.id || null,
-        duration: this.durationSince(this.timeOpen)
+  }));
+};
+
+var LoadingView = function LoadingView(_ref2) {
+  var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration;
+  (0, _react.useEffect)(function () {
+    fireAnalyticsWithDuration(function (duration) {
+      return (0, _analytics.profileCardRendered)('user', 'spinner', {
+        duration: duration
       });
+    });
+  }, [fireAnalyticsWithDuration]);
+  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, {
+    "data-testid": "profilecard-spinner-container"
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+};
 
-      if (action.callback && (0, _click.isBasicClick)(event)) {
-        event.preventDefault();
-        action.callback.apply(action, [event].concat((0, _toConsumableArray2.default)(args)));
-      }
-    }
-  }, {
-    key: "renderCardDetailsDefault",
-    value: function renderCardDetailsDefault() {
-      var _this5 = this;
-
-      var _this$props2 = this.props,
-          meta = _this$props2.meta,
-          location = _this$props2.location,
-          email = _this$props2.email,
-          timestring = _this$props2.timestring,
-          companyName = _this$props2.companyName,
-          customLozenges = _this$props2.customLozenges;
-      return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, this.renderFullNameAndPublicName(meta), meta && /*#__PURE__*/_react.default.createElement(_Card.JobTitleLabel, null, meta), customLozenges && this.renderCustomLozenges(customLozenges), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
-        icon: "email"
-      }, email), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
-        icon: "time"
-      }, timestring), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
-        icon: "companyName"
-      }, companyName), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
-        icon: "location"
-      }, location), /*#__PURE__*/_react.default.createElement(_ReportingLinesDetails.default, {
-        reportingLines: this.props.reportingLines,
-        reportingLinesProfileUrl: this.props.reportingLinesProfileUrl,
-        onReportingLinesClick: this.props.onReportingLinesClick,
-        analytics: this.props.analytics,
-        getDuration: function getDuration() {
-          return _this5.durationSince(_this5.timeOpen);
-        }
-      }));
-    }
-  }, {
-    key: "renderCardDetailsForDisabledAccount",
-    value: function renderCardDetailsForDisabledAccount() {
-      var _this$props3 = this.props,
-          status = _this$props3.status,
-          companyName = _this$props3.companyName,
-          hasDisabledAccountLozenge = _this$props3.hasDisabledAccountLozenge;
-      return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
-        noMeta: true,
-        isDisabledAccount: true
-      }, this.getDisabledAccountName()), hasDisabledAccountLozenge && /*#__PURE__*/_react.default.createElement(_Card.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-        appearance: "default",
-        isBold: true
-      }, status === 'inactive' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.inactiveAccountMsg), status === 'closed' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.closedAccountMsg))), /*#__PURE__*/_react.default.createElement(_Card.DisabledInfo, null, this.getDisabledAccountDesc()), status === 'inactive' && /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
-        icon: "companyName"
-      }, companyName));
-    }
-  }, {
-    key: "getDisabledAccountName",
-    value: function getDisabledAccountName() {
-      var _this$props4 = this.props,
-          nickname = _this$props4.nickname,
-          fullName = _this$props4.fullName,
-          status = _this$props4.status;
-
-      if (status === 'inactive') {
-        return fullName || nickname;
-      } else if (status === 'closed') {
-        return nickname || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.disabledAccountDefaultName);
-      }
-
-      return null;
-    }
-  }, {
-    key: "getDisabledAccountDesc",
-    value: function getDisabledAccountDesc() {
-      var _this$props5 = this.props,
-          _this$props5$status = _this$props5.status,
-          status = _this$props5$status === void 0 ? 'closed' : _this$props5$status,
-          statusModifiedDate = _this$props5.statusModifiedDate,
-          disabledAccountMessage = _this$props5.disabledAccountMessage;
-      var date = statusModifiedDate ? new Date(statusModifiedDate * 1000) : null;
-      var relativeDateKey = (0, _relativeDate.default)(date); // consumer does not want to use built-in message
-
-      if (disabledAccountMessage) {
-        return disabledAccountMessage;
-      }
-
-      var secondSentence = null;
-
-      if (relativeDateKey) {
-        secondSentence = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage // @ts-ignore
-        , _messages.default["".concat(status, "AccountDescMsgHasDate").concat(relativeDateKey)]);
-      } else {
-        secondSentence =
-        /*#__PURE__*/
-        // @ts-ignore
-        _react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default["".concat(status, "AccountDescMsgNoDate")]);
-      }
-
-      return /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.generalDescMsgForDisabledUser), ' ', secondSentence);
-    }
-  }, {
-    key: "renderFullNameAndPublicName",
-    value: function renderFullNameAndPublicName(meta) {
-      var _this$props6 = this.props,
-          nickname = _this$props6.nickname,
-          fullName = _this$props6.fullName;
-
-      if (!fullName && !nickname) {
-        return null;
-      }
-
-      var displayName = fullName === nickname ? fullName : "".concat(fullName).concat(nickname ? " (".concat(nickname, ") ") : '');
-      return /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
-        noMeta: !meta
-      }, displayName);
-    } // Pass lozenges as an array rather taking it from the props. This will allow us combine the
-    // other lozenges (like the "deactivated" lozenge) if we need to.
-
-  }, {
-    key: "renderCustomLozenges",
-    value: function renderCustomLozenges(lozenges) {
-      return lozenges.length > 0 ? /*#__PURE__*/_react.default.createElement(_Card.CustomLozengeContainer, null, lozenges.map(function (_ref, index) {
-        var text = _ref.text,
-            otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-        return /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({}, otherProps, {
-          key: index
-        }), text);
-      })) : null;
-    }
-  }, {
-    key: "renderCardDetailsApp",
-    value: function renderCardDetailsApp() {
-      return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, this.renderFullNameAndPublicName(), /*#__PURE__*/_react.default.createElement(_Card.AppTitleLabel, null, "App"));
-    }
-  }, {
-    key: "renderCardDetails",
-    value: function renderCardDetails() {
-      var _this$props7 = this.props,
-          isBot = _this$props7.isBot,
-          status = _this$props7.status;
-
-      if (isBot) {
-        return this.renderCardDetailsApp();
-      }
-
-      if (status === 'inactive' || status === 'closed') {
-        return this.renderCardDetailsForDisabledAccount();
-      }
-
-      return this.renderCardDetailsDefault();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props8 = this.props,
-          fullName = _this$props8.fullName,
-          status = _this$props8.status,
-          withoutElevation = _this$props8.withoutElevation,
-          reportingLines = _this$props8.reportingLines;
-      var cardContent = null; // @FIXME do closed users have empty fullName field?
-
-      var canRender = fullName || status === 'closed';
-
-      if (this.props.hasError) {
-        this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_ERROR, {});
-        cardContent = this.renderErrorMessage();
-      } else if (this.props.isLoading) {
-        cardContent = /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
-      } else if (canRender) {
-        var _reportingLines$manag, _reportingLines$repor;
-
-        var isDisabledUser = status === 'inactive' || status === 'closed';
-        var actions = this.renderActionsButtons();
-        this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_LOADED, {
-          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.default.createElement(_Card.CardContainer, {
-          isDisabledUser: isDisabledUser,
-          withoutElevation: withoutElevation
-        }, /*#__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: (0, _tokens.token)('elevation.surface.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));
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, cardContent);
-    }
-  }]);
-  return Profilecard;
-}(_react.default.PureComponent);
-
-exports.default = Profilecard;
-(0, _defineProperty2.default)(Profilecard, "defaultProps", {
-  isLoading: false,
-  hasError: false,
-  errorType: null,
-  status: 'active',
-  isBot: false,
-  isNotMentionable: false,
-  actions: [],
-  hasDisabledAccountLozenge: true,
-  customLozenges: [],
-  analytics: function analytics() {
-    return null;
-  },
-  clientFetchProfile: function clientFetchProfile() {
-    return null;
-  }
-});
+var _default = (0, _analyticsNext.withAnalyticsEvents)()(ProfilecardInternal);
+
+exports.default = _default;