@atlaskit/profilecard 18.2.2 → 18.2.3

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

@@ -7,11 +7,8 @@ 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";
-
 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 React, { Suspense } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -29,47 +26,32 @@ import { TeamProfileCardLazy } from './lazyTeamProfileCard';
 import TeamLoadingState from './TeamLoadingState';
 export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(TeamProfileCardTriggerInternal, _React$PureComponent);
-
   var _super = _createSuper(TeamProfileCardTriggerInternal);
-
   function TeamProfileCardTriggerInternal() {
     var _this;
-
     _classCallCheck(this, TeamProfileCardTriggerInternal);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "_isMounted", false);
-
     _defineProperty(_assertThisInitialized(_this), "showTimer", 0);
-
     _defineProperty(_assertThisInitialized(_this), "hideTimer", 0);
-
     _defineProperty(_assertThisInitialized(_this), "openedByHover", false);
-
     _defineProperty(_assertThisInitialized(_this), "openTime", 0);
-
     _defineProperty(_assertThisInitialized(_this), "fireAnalytics", function (payload) {
       // Don't fire any analytics if the component is unmounted
       if (!_this._isMounted) {
         return;
       }
-
       if (_this.props.createAnalyticsEvent) {
         fireEvent(_this.props.createAnalyticsEvent, payload);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "fireAnalyticsWithDuration", function (generator) {
       var event = generator(getPageTime() - _this.openTime);
-
       _this.fireAnalytics(event);
     });
-
     _defineProperty(_assertThisInitialized(_this), "hideProfilecard", function () {
       var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       clearTimeout(_this.showTimer);
@@ -80,7 +62,6 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         });
       }, delay);
     });
-
     _defineProperty(_assertThisInitialized(_this), "showProfilecard", function () {
       var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       clearTimeout(_this.hideTimer);
@@ -88,16 +69,13 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       _this.showTimer = window.setTimeout(function () {
         if (!_this.state.visible) {
           _this.clientFetchProfile();
-
           _this.openTime = getPageTime();
-
           _this.setState({
             visible: true
           });
         }
       }, delay);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onClick", function (event) {
       if (_this.props.triggerLinkType === 'link') {
         // We want to prevent navigation occurring on basic click, but it's important that
@@ -106,90 +84,71 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
           event.preventDefault();
         }
       }
-
       if (_this.props.triggerLinkType === 'clickable-link') {
         if (_this.props.viewProfileOnClick) {
           _this.props.viewProfileOnClick(event);
         }
       }
-
       if (_this.props.trigger !== 'hover') {
         _this.openedByHover = false;
-
         _this.showProfilecard(0);
-
         if (!_this.state.visible) {
           _this.fireAnalytics(cardTriggered('team', 'click'));
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMouseEnter", function () {
       if (_this.props.trigger === 'click') {
         return;
       }
-
       if (!_this.state.visible) {
         _this.openedByHover = true;
-
         _this.fireAnalytics(cardTriggered('team', 'hover'));
       }
-
       _this.showProfilecard(DELAY_MS_SHOW);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMouseLeave", function () {
       if (_this.props.trigger === 'click') {
         return;
       }
-
       if (_this.openedByHover) {
         _this.hideProfilecard(DELAY_MS_HIDE);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onClose", function () {
       _this.hideProfilecard();
     });
-
     _defineProperty(_assertThisInitialized(_this), "openKudosDrawer", function () {
       _this.hideProfilecard(DELAY_MS_HIDE);
-
       _this.setState({
         kudosDrawerOpen: true
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "closeKudosDrawer", function () {
       _this.setState({
         kudosDrawerOpen: false
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "kudosUrl", function () {
       var recipientId = _this.props.teamId && "&recipientId=".concat(_this.props.teamId) || '';
       var cloudId = _this.props.cloudId && "&cloudId=".concat(_this.props.cloudId) || '';
       return "".concat(_this.state.teamCentralBaseUrl, "/kudos/give?type=team").concat(recipientId).concat(cloudId);
     });
-
     _defineProperty(_assertThisInitialized(_this), "stopPropagation", function (event) {
       // We need to stop propagation when users click on the card, so that it
       // doesn't trigger any special effects that occur when clicking the trigger.
       event.stopPropagation();
     });
-
     _defineProperty(_assertThisInitialized(_this), "triggerListeners", {
       onClick: _this.onClick,
       onMouseEnter: _this.onMouseEnter,
       onMouseLeave: _this.onMouseLeave
     });
-
     _defineProperty(_assertThisInitialized(_this), "cardListeners", {
       onClick: _this.stopPropagation,
       onMouseEnter: _this.onMouseEnter,
       onMouseLeave: _this.onMouseLeave
     });
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       visible: false,
       isLoading: undefined,
@@ -200,18 +159,15 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       teamCentralBaseUrl: undefined,
       kudosDrawerOpen: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "clientFetchProfile", function () {
       var _this$props = _this.props,
-          orgId = _this$props.orgId,
-          teamId = _this$props.teamId;
+        orgId = _this$props.orgId,
+        teamId = _this$props.teamId;
       var isLoading = _this.state.isLoading;
-
       if (isLoading === true) {
         // don't fetch data when fetching is in process
         return;
       }
-
       _this.setState({
         isLoading: true,
         data: null
@@ -219,11 +175,9 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         var fireEvent = function fireEvent(event) {
           _this.fireAnalytics(event);
         };
-
         var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos()]);
         requests.then(function (res) {
           var _this2;
-
           return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
         }, function (err) {
           return _this.handleClientError(err);
@@ -232,29 +186,26 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         });
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onErrorBoundary", function () {
       _this.fireAnalytics(profileCardRendered('team', 'errorBoundary', {
         duration: 0
       }));
-
       _this.setState({
         renderError: true
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderProfileCard", function () {
       var _this$props2 = _this.props,
-          generateUserLink = _this$props2.generateUserLink,
-          onUserClick = _this$props2.onUserClick,
-          viewingUserId = _this$props2.viewingUserId,
-          viewProfileLink = _this$props2.viewProfileLink,
-          viewProfileOnClick = _this$props2.viewProfileOnClick;
+        generateUserLink = _this$props2.generateUserLink,
+        onUserClick = _this$props2.onUserClick,
+        viewingUserId = _this$props2.viewingUserId,
+        viewProfileLink = _this$props2.viewProfileLink,
+        viewProfileOnClick = _this$props2.viewProfileOnClick;
       var _this$state = _this.state,
-          data = _this$state.data,
-          error = _this$state.error,
-          hasError = _this$state.hasError,
-          isLoading = _this$state.isLoading;
+        data = _this$state.data,
+        error = _this$state.error,
+        hasError = _this$state.hasError,
+        isLoading = _this$state.isLoading;
       var newProps = {
         clientFetchProfile: _this.clientFetchProfile,
         actions: _this.filterActions(),
@@ -276,7 +227,6 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         errorType: error
       }))));
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderKudosLauncher", function () {
       return _this.state.shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
         fallback: null
@@ -293,19 +243,16 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         onClose: _this.closeKudosDrawer
       }));
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderTrigger", function (triggerProps) {
       var _this$props3 = _this.props,
-          children = _this$props3.children,
-          triggerLinkType = _this$props3.triggerLinkType,
-          viewProfileLink = _this$props3.viewProfileLink;
-
+        children = _this$props3.children,
+        triggerLinkType = _this$props3.triggerLinkType,
+        viewProfileLink = _this$props3.viewProfileLink;
       if (triggerLinkType === 'none') {
         return /*#__PURE__*/React.createElement(React.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/React.createElement("span", _extends({
           "data-testid": "team-profilecard-trigger-wrapper"
         }, triggerProps, _this.triggerListeners), children));
       }
-
       return /*#__PURE__*/React.createElement(React.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/React.createElement("a", _extends({
         "data-testid": "team-profilecard-trigger-wrapper",
         style: {
@@ -317,10 +264,8 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         ref: triggerProps.ref
       }, _this.triggerListeners), children));
     });
-
     return _this;
   }
-
   _createClass(TeamProfileCardTriggerInternal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -330,11 +275,12 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props4 = this.props,
-          orgId = _this$props4.orgId,
-          teamId = _this$props4.teamId,
-          resourceClient = _this$props4.resourceClient;
-      var visible = this.state.visible; // just re-fetching data when the card opens
+        orgId = _this$props4.orgId,
+        teamId = _this$props4.teamId,
+        resourceClient = _this$props4.resourceClient;
+      var visible = this.state.visible;
 
+      // just re-fetching data when the card opens
       if (visible && (teamId !== prevProps.teamId || orgId !== prevProps.orgId || resourceClient !== prevProps.resourceClient)) {
         this.setState({
           isLoading: undefined
@@ -354,7 +300,6 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       if (!this._isMounted) {
         return;
       }
-
       this.setState({
         isLoading: false,
         hasError: false,
@@ -369,7 +314,6 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       if (!this._isMounted) {
         return;
       }
-
       this.setState({
         isLoading: false,
         hasError: true,
@@ -380,9 +324,7 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
     key: "filterActions",
     value: function filterActions() {
       var _this3 = this;
-
       var actions = _filterActions(this.props.actions, this.state.data);
-
       if (this.state.shouldShowGiveKudos) {
         var kudosAction = {
           label: /*#__PURE__*/React.createElement(FormattedMessage, messages.giveKudosButton),
@@ -394,18 +336,15 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         };
         return actions.concat([kudosAction]);
       }
-
       return actions;
     }
   }, {
     key: "renderPopup",
     value: function renderPopup() {
       var _this4 = this;
-
       if (this.state.renderError) {
         return this.props.children;
       }
-
       return /*#__PURE__*/React.createElement(ErrorBoundary, {
         onError: this.onErrorBoundary
       }, /*#__PURE__*/React.createElement(Popup, {
@@ -431,15 +370,12 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       }
     }
   }]);
-
   return TeamProfileCardTriggerInternal;
 }(React.PureComponent);
-
 _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
   triggerLinkType: 'link'
 });
-
 export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);

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

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

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

@@ -13,14 +13,12 @@ import { moreActionsClicked } from '../../util/analytics';
 export var ACTION_OVERFLOW_THRESHOLD = 2;
 export var OverflowProfileCardButtons = function OverflowProfileCardButtons(props) {
   var intl = useIntl();
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    setOpen = _useState2[1];
   var actions = props.actions,
-      onItemClick = props.onItemClick,
-      fireAnalyticsWithDuration = props.fireAnalyticsWithDuration;
+    onItemClick = props.onItemClick,
+    fireAnalyticsWithDuration = props.fireAnalyticsWithDuration;
   var numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
   var onOpenChange = useCallback(function (_ref) {
     var nextOpen = _ref.isOpen;
@@ -33,7 +31,6 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
           });
         });
       }
-
       return nextOpen;
     });
   }, [numActions, fireAnalyticsWithDuration]);
@@ -44,10 +41,9 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
     placement: 'bottom-end',
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
-          isSelected = _ref2.isSelected,
-          testId = _ref2.testId,
-          providedProps = _objectWithoutProperties(_ref2, _excluded);
-
+        isSelected = _ref2.isSelected,
+        testId = _ref2.testId,
+        providedProps = _objectWithoutProperties(_ref2, _excluded);
       return /*#__PURE__*/React.createElement(Button, _extends({
         type: "button"
       }, providedProps, {
@@ -64,7 +60,6 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         onItemClick(action, args, event, index);
       },
       href: action.link

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

@@ -17,7 +17,6 @@ import { ErrorMessage } from '../Error';
 import { ACTION_OVERFLOW_THRESHOLD, OverflowProfileCardButtons } from './OverflowProfileCardButtons';
 import { ProfileCardDetails } from './ProfileCardDetails';
 var GIVE_KUDOS_ACTION_ID = 'give-kudos';
-
 var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosDrawer) {
   var kudosUrl = useMemo(function () {
     var recipientId = userId ? "&recipientId=".concat(userId) : '';
@@ -45,18 +44,15 @@ var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosD
     kudosUrl: kudosUrl
   };
 };
-
 var Wrapper = function Wrapper(props) {
   return /*#__PURE__*/React.createElement(CardWrapper, {
     "data-testid": "profilecard"
   }, props.children);
 };
-
 export var ProfilecardInternal = function ProfilecardInternal(props) {
   var _useState = useState(getPageTime()),
-      _useState2 = _slicedToArray(_useState, 1),
-      openTime = _useState2[0];
-
+    _useState2 = _slicedToArray(_useState, 1),
+    openTime = _useState2[0];
   var createAnalyticsEvent = props.createAnalyticsEvent;
   var fireAnalytics = useCallback(function (payload) {
     if (createAnalyticsEvent) {
@@ -68,26 +64,23 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
     var event = generator(elapsed);
     fireAnalytics(event);
   }, [fireAnalytics, openTime]);
-
   var _useKudos = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer),
-      kudosAction = _useKudos.kudosAction;
-
+    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;
+    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 = useMemo(function () {
     if (isCurrentUser || !isKudosEnabled || status !== 'active') {
       return actions;
     }
-
     return actions.concat([kudosAction]);
   }, [actions, isCurrentUser, isKudosEnabled, kudosAction, status]);
   var isLoading = props.isLoading,
-      fullName = props.fullName,
-      hasError = props.hasError;
+    fullName = props.fullName,
+    hasError = props.hasError;
   var canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
   useEffect(function () {
     if (canRender) {
@@ -99,7 +92,6 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
       });
     }
   }, [canRender, fireAnalyticsWithDuration, realActions]);
-
   if (hasError) {
     return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: props.clientFetchProfile,
@@ -107,17 +99,14 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
       fireAnalytics: fireAnalytics
     }));
   }
-
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(LoadingView, {
       fireAnalyticsWithDuration: fireAnalyticsWithDuration
     }));
   }
-
   if (!canRender) {
     return null;
   }
-
   var isDisabledUser = status === 'inactive' || status === 'closed';
   return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(CardContainer, {
     isDisabledUser: isDisabledUser,
@@ -134,10 +123,9 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
     fireAnalyticsWithDuration: fireAnalyticsWithDuration
   })))));
 };
-
 var Actions = function Actions(_ref) {
   var actions = _ref.actions,
-      fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration;
+    fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration;
   var onActionClick = useCallback(function (action, args, event, index) {
     fireAnalyticsWithDuration(function (duration) {
       return actionClicked('user', {
@@ -148,17 +136,14 @@ var Actions = function Actions(_ref) {
         actionId: action.id || 'no-id-specified'
       });
     });
-
     if (action.callback && isBasicClick(event)) {
       event.preventDefault();
       action.callback.apply(action, [event].concat(_toConsumableArray(args)));
     }
   }, [fireAnalyticsWithDuration]);
-
   if (!actions || actions.length === 0) {
     return null;
   }
-
   var regularActions = actions.slice(0, ACTION_OVERFLOW_THRESHOLD);
   var overflowActions = actions.length > ACTION_OVERFLOW_THRESHOLD ? actions.slice(ACTION_OVERFLOW_THRESHOLD) : undefined;
   return /*#__PURE__*/React.createElement(ActionButtonGroup, {
@@ -172,16 +157,13 @@ var Actions = function Actions(_ref) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         return onActionClick(action, args, event, index);
       },
       href: action.link
     }, action.label, isKudos && /*#__PURE__*/React.createElement(KudosBlobAnimation, null));
-
     if (isKudos) {
       return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, button);
     }
-
     return button;
   }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, {
     actions: overflowActions,
@@ -191,7 +173,6 @@ var Actions = function Actions(_ref) {
     }
   }));
 };
-
 var LoadingView = function LoadingView(_ref2) {
   var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration;
   useEffect(function () {
@@ -205,5 +186,4 @@ var LoadingView = function LoadingView(_ref2) {
     "data-testid": "profilecard-spinner-container"
   }, /*#__PURE__*/React.createElement(Spinner, null));
 };
-
 export default withAnalyticsEvents()(ProfilecardInternal);

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

@@ -9,12 +9,10 @@ import messages from '../../messages';
 import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
 import { IconLabel } from '../Icon';
 import ReportingLinesDetails from './ReportingLinesDetails';
-
 var renderName = function renderName(nickname, fullName, meta) {
   if (!fullName && !nickname) {
     return null;
   }
-
   var isNicknameRedundant = !nickname || nickname === fullName;
   var shownNickname = " (".concat(nickname, ") ");
   var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
@@ -23,15 +21,12 @@ var renderName = function renderName(nickname, fullName, meta) {
     "data-testid": "profilecard-name"
   }, displayName);
 };
-
 var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disabledAccountMessage) {
   var status = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'closed';
-
   // consumer does not want to use built-in message
   if (disabledAccountMessage) {
     return disabledAccountMessage;
   }
-
   var date = statusModifiedDate ? new Date(statusModifiedDate * 1000) : null;
   var relativeDateKey = relativeDate(date);
   var msgKey = relativeDateKey ? "".concat(status, "AccountDescMsgHasDate").concat(relativeDateKey) : "".concat(status, "AccountDescMsgNoDate");
@@ -40,40 +35,34 @@ var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disab
     "data-testid": "profilecard-disabled-account"
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.generalDescMsgForDisabledUser), ' ', secondSentence);
 };
-
 var CustomLozenges = function CustomLozenges(_ref) {
   var _ref$lozenges = _ref.lozenges,
-      lozenges = _ref$lozenges === void 0 ? [] : _ref$lozenges;
-
+    lozenges = _ref$lozenges === void 0 ? [] : _ref$lozenges;
   if (lozenges.length === 0) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(CustomLozengeContainer, null, lozenges.map(function (_ref2, index) {
     var text = _ref2.text,
-        otherProps = _objectWithoutProperties(_ref2, _excluded);
-
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement(Lozenge, _extends({}, otherProps, {
       key: index
     }), text);
   }));
 };
-
 var BotProfileCardDetails = function BotProfileCardDetails(props) {
   var fullName = props.fullName,
-      nickname = props.nickname;
+    nickname = props.nickname;
   return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "App"));
 };
-
 var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
   var companyName = props.companyName,
-      disabledAccountMessage = props.disabledAccountMessage,
-      fullName = props.fullName,
-      _props$hasDisabledAcc = props.hasDisabledAccountLozenge,
-      hasDisabledAccountLozenge = _props$hasDisabledAcc === void 0 ? true : _props$hasDisabledAcc,
-      nickname = props.nickname,
-      status = props.status,
-      statusModifiedDate = props.statusModifiedDate;
+    disabledAccountMessage = props.disabledAccountMessage,
+    fullName = props.fullName,
+    _props$hasDisabledAcc = props.hasDisabledAccountLozenge,
+    hasDisabledAccountLozenge = _props$hasDisabledAcc === void 0 ? true : _props$hasDisabledAcc,
+    nickname = props.nickname,
+    status = props.status,
+    statusModifiedDate = props.statusModifiedDate;
   var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
   return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(FullNameLabel, {
     noMeta: true,
@@ -86,21 +75,17 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
     icon: "companyName"
   }, companyName));
 };
-
 export var ProfileCardDetails = function ProfileCardDetails(props) {
   var meta = props.meta,
-      status = props.status;
-
+    status = props.status;
   if (props.isBot) {
     return /*#__PURE__*/React.createElement(BotProfileCardDetails, props);
   }
-
   if (status === 'inactive' || status === 'closed') {
     return /*#__PURE__*/React.createElement(DisabledProfileCardDetails, _extends({}, props, {
       status: status
     }));
   }
-
   return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
     lozenges: props.customLozenges
   }), /*#__PURE__*/React.createElement(IconLabel, {