@atlaskit/profilecard 16.6.1 → 16.9.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/profilecard
 
+## 16.9.0
+
+### Minor Changes
+
+- [`1f16cd80413`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f16cd80413) - [ux] Add give kudos to Team profile card.
+
+## 16.8.0
+
+### Minor Changes
+
+- [`319c46e77de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/319c46e77de) - [ux] Adding a button background animation when the give kudos button on the profile card is hovered over
+
+## 16.7.0
+
+### Minor Changes
+
+- [`4e9fbfb9e85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e9fbfb9e85) - [ux] Adding meatballs overflow menu when the profile card has more than two action buttons
+
 ## 16.6.1
 
 ### Patch Changes

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

@@ -39,6 +39,8 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _messages = _interopRequireDefault(require("../../messages"));
 
+var _Card = require("../../styled/Card");
+
 var _Error = require("../../styled/Error");
 
 var _TeamCard = require("../../styled/TeamCard");
@@ -60,6 +62,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 var LARGE_MEMBER_COUNT = 50;
+var GIVE_KUDOS_ACTION_ID = 'give-kudos';
 
 function onMemberClick(callback, userId, analytics, index, hasHref) {
   return function (event) {
@@ -156,11 +159,20 @@ var ActionButton = function ActionButton(_ref2) {
   var action = _ref2.action,
       analytics = _ref2.analytics,
       index = _ref2.index;
-  return /*#__PURE__*/_react.default.createElement(_TeamCard.WrappedButton, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
-    href: action.link,
+  var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
+
+  var actionButton = /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    key: action.id || index,
     onClick: onActionClick(action, analytics, index),
+    href: action.link,
     shouldFitContainer: true
-  }, action.label));
+  }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null));
+
+  if (isGiveKudosActionButton) {
+    return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_TeamCard.WrappedButton, null, actionButton);
 };
 
 var ExtraActions = function ExtraActions(_ref3) {

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

@@ -11,6 +11,8 @@ exports.default = exports.TeamProfileCardTriggerInternal = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -27,14 +29,20 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _analyticsNext = require("@atlaskit/analytics-next");
 
+var _giveKudos = require("@atlaskit/give-kudos");
+
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 
 var _constants = require("@atlaskit/theme/constants");
 
 var _filterActions2 = _interopRequireDefault(require("../../internal/filterActions"));
 
+var _messages = _interopRequireDefault(require("../../messages"));
+
 var _analytics = require("../../util/analytics");
 
 var _click = require("../../util/click");
@@ -165,6 +173,23 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         _this.hideProfilecard(_config.DELAY_MS_HIDE);
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openKudosDrawer", function () {
+      _this.hideProfilecard(_config.DELAY_MS_HIDE);
+
+      _this.setState({
+        kudosDrawerOpen: true
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeKudosDrawer", function () {
+      _this.setState({
+        kudosDrawerOpen: false
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.
@@ -185,7 +210,10 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       isLoading: undefined,
       hasError: false,
       error: null,
-      data: null
+      data: null,
+      shouldShowGiveKudos: false,
+      teamCentralBaseUrl: undefined,
+      kudosDrawerOpen: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clientFetchProfile", function () {
       var _this$props = _this.props,
@@ -206,8 +234,11 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
           _this.fireAnalytics(event);
         };
 
-        _this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent).then(function (res) {
-          return _this.handleClientSuccess(res);
+        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, (0, _toConsumableArray2.default)(res));
         }, function (err) {
           return _this.handleClientError(err);
         }).catch(function (err) {
@@ -257,6 +288,23 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         errorType: error
       }))));
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderKudosLauncher", function () {
+      return _this.state.shouldShowGiveKudos && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+        fallback: null
+      }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
+        isOpen: _this.state.kudosDrawerOpen,
+        recipient: {
+          type: _giveKudos.KudosType.TEAM,
+          recipientId: _this.props.teamId
+        },
+        analytics: _this.fireAnalytics,
+        analyticsSource: "team-profile-card",
+        teamCentralBaseUrl: _this.state.teamCentralBaseUrl,
+        cloudId: _this.props.cloudId || '',
+        addFlag: _this.props.addFlag,
+        onClose: _this.closeKudosDrawer
+      }));
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTrigger", function (triggerProps) {
       var _this$props3 = _this.props,
           children = _this$props3.children,
@@ -264,12 +312,12 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
           viewProfileLink = _this$props3.viewProfileLink;
 
       if (triggerLinkType === 'none') {
-        return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
           "data-testid": "team-profilecard-trigger-wrapper"
-        }, triggerProps, _this.triggerListeners), children);
+        }, triggerProps, _this.triggerListeners), children));
       }
 
-      return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
         "data-testid": "team-profilecard-trigger-wrapper",
         style: {
           color: 'initial',
@@ -278,7 +326,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         href: viewProfileLink
       }, triggerProps, {
         ref: triggerProps.ref
-      }, _this.triggerListeners), children);
+      }, _this.triggerListeners), children));
     });
     return _this;
   }
@@ -312,7 +360,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
     }
   }, {
     key: "handleClientSuccess",
-    value: function handleClientSuccess(res) {
+    value: function handleClientSuccess(team, shouldShowGiveKudos) {
       if (!this._isMounted) {
         return;
       }
@@ -320,7 +368,9 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       this.setState({
         isLoading: false,
         hasError: false,
-        data: res
+        data: team,
+        shouldShowGiveKudos: shouldShowGiveKudos,
+        teamCentralBaseUrl: this.props.resourceClient.getTeamCentralBaseUrl()
       });
     }
   }, {
@@ -339,12 +389,28 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
   }, {
     key: "filterActions",
     value: function filterActions() {
-      return (0, _filterActions2.default)(this.props.actions, this.state.data);
+      var _this3 = this;
+
+      var actions = (0, _filterActions2.default)(this.props.actions, this.state.data);
+
+      if (this.state.shouldShowGiveKudos) {
+        var kudosAction = {
+          label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
+          id: 'give-kudos',
+          callback: function callback() {
+            _this3.openKudosDrawer();
+          },
+          link: this.kudosUrl()
+        };
+        return actions.concat([kudosAction]);
+      }
+
+      return actions;
     }
   }, {
     key: "renderPopup",
     value: function renderPopup() {
-      var _this2 = this;
+      var _this4 = this;
 
       if (this.state.renderError) {
         return this.props.children;
@@ -358,7 +424,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         placement: this.props.position,
         content: this.renderProfileCard,
         trigger: function trigger(triggerProps) {
-          return _this2.renderTrigger(triggerProps);
+          return _this4.renderTrigger(triggerProps);
         },
         zIndex: _constants.layers.modal(),
         shouldFlip: true

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

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverflowProfileCardButtons = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+
+var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+
+var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
+
+var _messages = _interopRequireDefault(require("../../messages"));
+
+var _Card = require("../../styled/Card");
+
+var _excluded = ["triggerRef", "isSelected", "testId"];
+
+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; }
+
+var OverflowProfileCardButtons = function OverflowProfileCardButtons(props) {
+  var intl = (0, _reactIntlNext.useIntl)();
+  return /*#__PURE__*/_react.default.createElement(_Card.OverflowActionButtonsWrapper, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
+    placement: 'bottom-end',
+    trigger: function trigger(_ref) {
+      var triggerRef = _ref.triggerRef,
+          isSelected = _ref.isSelected,
+          testId = _ref.testId,
+          providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, (0, _extends2.default)({
+        type: "button"
+      }, providedProps, {
+        ref: triggerRef,
+        iconBefore: /*#__PURE__*/_react.default.createElement(_more.default, {
+          label: intl.formatMessage(_messages.default.profileCardMoreIconLabel)
+        })
+      }));
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, props.actions.map(function (action) {
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+      key: action.id,
+      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];
+        }
+
+        props.onItemClick(action, args, event);
+      },
+      href: action.link
+    }, action.label);
+  }))));
+};
+
+exports.OverflowProfileCardButtons = OverflowProfileCardButtons;

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

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -55,6 +57,8 @@ var _Error = require("../Error");
 
 var _Icon = require("../Icon");
 
+var _OverflowProfileCardButtons = require("./OverflowProfileCardButtons");
+
 var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
 
 var _excluded = ["text"];
@@ -73,6 +77,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
 
     (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;
@@ -102,27 +107,26 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderButton", function (action, idx) {
-      return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        appearance: idx === 0 ? 'default' : 'subtle',
+      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) {
-          _this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_CLICK, {
-            id: action.id || null,
-            duration: _this.durationSince(_this.timeOpen)
-          });
-
-          if (action.callback && (0, _click.isBasicClick)(event)) {
-            event.preventDefault();
-
-            for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-              args[_key - 1] = arguments[_key];
-            }
-
-            action.callback.apply(action, [event].concat(args));
+          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);
+      }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null));
+
+      if (isGiveKudosActionButton) {
+        return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
+      }
+
+      return actionButton;
     });
     _this.timeOpen = null;
 
@@ -161,7 +165,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       if (!this.props.isCurrentUser && this.props.isKudosEnabled) {
         var kudosAction = {
           label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
-          id: 'give-kudos',
+          id: this.GIVE_KUDOS_ACTION_ID,
           callback: function callback() {
             _this3.kudosButtonCallback();
           },
@@ -182,10 +186,30 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       }
 
       var actions = this.getActions();
-      return /*#__PURE__*/_react.default.createElement(_Card.ActionButtonGroup, null, actions.map(function (action, idx) {
+      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);
+        }
       }));
     }
+  }, {
+    key: "onActionClick",
+    value: function onActionClick(action, args, event) {
+      this.callAnalytics(_analytics.AnalyticsName.PROFILE_CARD_CLICK, {
+        id: action.id || null,
+        duration: this.durationSince(this.timeOpen)
+      });
+
+      if (action.callback && (0, _click.isBasicClick)(event)) {
+        event.preventDefault();
+        action.callback.apply(action, [event].concat((0, _toConsumableArray2.default)(args)));
+      }
+    }
   }, {
     key: "renderCardDetailsDefault",
     value: function renderCardDetailsDefault() {

package/dist/cjs/i18n/cs.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Účet uživatele byl smazán.',
   'pt.profile-card.disabled.account.default.name': 'Bývalý uživatel',
   'pt.profile-card.general.msg.disabled.user': 'S touto osobou již nemůžete spolupracovat.',
+  'pt.profile-card.give-kudos': 'Pogratulovat',
   'pt.profile-card.inactive.account': 'Deaktivovaný účet',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Účet uživatele je deaktivovaný již několik měsíců.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Účet uživatele byl deaktivován minulý měsíc.',

package/dist/cjs/i18n/da.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Personens konto er blevet slettet.',
   'pt.profile-card.disabled.account.default.name': 'Forhenværende bruger',
   'pt.profile-card.general.msg.disabled.user': 'Du kan ikke længere samarbejde med denne person.',
+  'pt.profile-card.give-kudos': 'Giv ros',
   'pt.profile-card.inactive.account': 'Konto deaktiveret',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Personens konto har været deaktiveret i nogle måneder.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Personens konto blev deaktiveret i sidste måned.',

package/dist/cjs/i18n/de.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Das Konto dieser Person wurde gelöscht.',
   'pt.profile-card.disabled.account.default.name': 'Ehemaliger Benutzer',
   'pt.profile-card.general.msg.disabled.user': 'Sie können mit dieser Person nicht mehr zusammenarbeiten.',
+  'pt.profile-card.give-kudos': 'Loben',
   'pt.profile-card.inactive.account': 'Konto deaktiviert',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Das Konto dieser Person wurde vor wenigen Monaten gelöscht.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Das Konto dieser Person wurde letzten Monat deaktiviert.',

package/dist/cjs/i18n/en.js

@@ -23,6 +23,7 @@ var _default = {
   '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.give-kudos': 'Give kudos',
   '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.',

package/dist/cjs/i18n/en_GB.js

@@ -23,6 +23,7 @@ var _default = {
   '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.give-kudos': 'Give kudos',
   '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.',

package/dist/cjs/i18n/en_ZZ.js

@@ -23,6 +23,7 @@ var _default = {
   '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.give-kudos': '⁣⁢Give kudos‌⁡‍‌‍‌⁠؜‍؜؜⁣⁤',
   '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.‌‍‍⁠‍⁡؜‌⁡⁡⁠⁣⁤',

package/dist/cjs/i18n/es.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Su cuenta está eliminada.',
   'pt.profile-card.disabled.account.default.name': 'Antiguo usuario',
   'pt.profile-card.general.msg.disabled.user': 'Ya no puedes colaborar con esta persona.',
+  'pt.profile-card.give-kudos': 'Felicitar',
   'pt.profile-card.inactive.account': 'Cuenta desactivada',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Su cuenta se desactivó hace algunos meses.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Su cuenta se desactivó el mes pasado.',

package/dist/cjs/i18n/fi.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Hänen tilinsä on poistettu.',
   'pt.profile-card.disabled.account.default.name': 'Entinen käyttäjä',
   'pt.profile-card.general.msg.disabled.user': 'Et voi enää tehdä yhteistyötä tämän henkilön kanssa.',
+  'pt.profile-card.give-kudos': 'Anna kehuja',
   'pt.profile-card.inactive.account': 'Tili poistettu käytöstä',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Hänen tilinsä on ollut poissa käytöstä muutaman kuukauden ajan.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Hänen tilinsä poistettiin käytöstä viime kuussa.',

package/dist/cjs/i18n/fr.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Son compte a été supprimé.',
   'pt.profile-card.disabled.account.default.name': 'Ancien utilisateur',
   'pt.profile-card.general.msg.disabled.user': 'Vous ne pouvez plus collaborer avec cette personne.',
+  'pt.profile-card.give-kudos': 'Féliciter',
   'pt.profile-card.inactive.account': 'Compte désactivé',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Son compte a été désactivé il y a quelques mois.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Son compte a été désactivé le mois dernier.',

package/dist/cjs/i18n/hu.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'A fiókját töröltük.',
   'pt.profile-card.disabled.account.default.name': 'Korábbi felhasználó',
   'pt.profile-card.general.msg.disabled.user': 'A továbbiakban nem működhet együtt ezzel a személlyel.',
+  'pt.profile-card.give-kudos': 'Dicséret',
   'pt.profile-card.inactive.account': 'A fiók inaktiválva.',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'A fiókját néhány hónapja inaktiváltuk.',
   'pt.profile-card.inactive.account.has.date.last.month': 'A fiókját a múlt hónapban inaktiváltuk.',

package/dist/cjs/i18n/it.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Il suo account è stato eliminato.',
   'pt.profile-card.disabled.account.default.name': 'Ex utente',
   'pt.profile-card.general.msg.disabled.user': 'Non puoi più collaborare con questa persona.',
+  'pt.profile-card.give-kudos': 'Complimentati',
   'pt.profile-card.inactive.account': 'Account disattivato',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Il suo account è disattivato da qualche mese.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Il suo account è stato disattivato il mese scorso.',

package/dist/cjs/i18n/ja.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'アカウントは削除されています。',
   'pt.profile-card.disabled.account.default.name': '元ユーザー',
   'pt.profile-card.general.msg.disabled.user': 'もうこの人とコラボレーションすることはできません。',
+  'pt.profile-card.give-kudos': '賞賛を送る',
   'pt.profile-card.inactive.account': '無効なアカウント',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'アカウントは 2〜3 か月前に無効になりました。',
   'pt.profile-card.inactive.account.has.date.last.month': 'アカウントは先月無効になりました。',

package/dist/cjs/i18n/ko.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': '계정이 삭제되었습니다.',
   'pt.profile-card.disabled.account.default.name': '이전 사용자',
   'pt.profile-card.general.msg.disabled.user': '더 이상 이 사람과 협업할 수 없습니다.',
+  'pt.profile-card.give-kudos': '칭찬하기',
   'pt.profile-card.inactive.account': '계정이 비활성화됨',
   'pt.profile-card.inactive.account.has.date.a.few.months': '계정이 몇 달 전에 비활성화되었습니다.',
   'pt.profile-card.inactive.account.has.date.last.month': '계정이 지난달에 비활성화되었습니다.',

package/dist/cjs/i18n/nb.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Vedkommendes konto er slettet.',
   'pt.profile-card.disabled.account.default.name': 'Tidligere bruker',
   'pt.profile-card.general.msg.disabled.user': 'Du kan ikke lenger samarbeide med denne personen.',
+  'pt.profile-card.give-kudos': 'Gi kudos',
   'pt.profile-card.inactive.account': 'Kontoen er deaktivert',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Vedkommendes konto har vært  deaktivert i noen måneder.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Vedkommendes konto ble deaktivert denne måneden.',

package/dist/cjs/i18n/nl.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Zijn/haar account is verwijderd.',
   'pt.profile-card.disabled.account.default.name': 'Voormalige gebruiker',
   'pt.profile-card.general.msg.disabled.user': 'Je kunt niet meer samenwerken met deze persoon.',
+  'pt.profile-card.give-kudos': 'Geef kudos',
   'pt.profile-card.inactive.account': 'Account gedeactiveerd',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Zijn/haar account is al een paar maanden gedeactiveerd.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Zijn/haar account is vorige maand gedeactiveerd.',

package/dist/cjs/i18n/pl.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Jej konto zostało usunięte.',
   'pt.profile-card.disabled.account.default.name': 'Były użytkownik',
   'pt.profile-card.general.msg.disabled.user': 'Nie możesz już współpracować z tą osobą.',
+  'pt.profile-card.give-kudos': 'Przekaż wyrazy uznania',
   'pt.profile-card.inactive.account': 'Konto zdezaktywowane',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Jej konto zostało zdezaktywowane przynajmniej kilka miesięcy temu.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Jej konto zdezaktywowane w zeszłym miesiącu.',

package/dist/cjs/i18n/pt_BR.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'A conta do usuário foi excluída.',
   'pt.profile-card.disabled.account.default.name': 'Ex-usuário',
   'pt.profile-card.general.msg.disabled.user': 'Você não pode mais colaborar com essa pessoa.',
+  'pt.profile-card.give-kudos': 'Envie elogios',
   'pt.profile-card.inactive.account': 'Conta desativada',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'A conta do usuário foi desativada há alguns meses.',
   'pt.profile-card.inactive.account.has.date.last.month': 'A conta do usuário foi desativada no mês passado.',

package/dist/cjs/i18n/ru.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Его аккаунт был удален.',
   'pt.profile-card.disabled.account.default.name': 'Бывший пользователь',
   'pt.profile-card.general.msg.disabled.user': 'Вы больше не можете работать с этим пользователем.',
+  'pt.profile-card.give-kudos': 'Похвалить',
   'pt.profile-card.inactive.account': 'Аккаунт отключен',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Его аккаунт был отключен несколько месяцев назад.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Его аккаунт был отключен в прошлом месяце.',

package/dist/cjs/i18n/sv.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Personens konto har tagits bort.',
   'pt.profile-card.disabled.account.default.name': 'Före detta användare',
   'pt.profile-card.general.msg.disabled.user': 'Du kan inte längre samarbeta med den här personen.',
+  'pt.profile-card.give-kudos': 'Ge beröm',
   'pt.profile-card.inactive.account': 'Kontot är inaktiverat',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Personens konto har varit inaktiverat i några få månader.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Personens konto inaktiverades förra månaden.',

package/dist/cjs/i18n/th.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'บัญชีของผู้ใช้ถูกลบไปแล้ว',
   'pt.profile-card.disabled.account.default.name': 'ผู้ใช้เดิม',
   'pt.profile-card.general.msg.disabled.user': 'คุณไม่สามารถทำงานร่วมกับบุคคลนี้ได้อีก',
+  'pt.profile-card.give-kudos': 'แสดงความชื่นชม',
   'pt.profile-card.inactive.account': 'ปิดใช้งานบัญชีแล้ว',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'บัญชีของผู้ใช้ถูกปิดใช้งานไปแล้วไม่กี่เดือน',
   'pt.profile-card.inactive.account.has.date.last.month': 'บัญชีของผู้ใช้ถูกปิดใช้งานไปเมื่อเดือนที่แล้ว',

package/dist/cjs/i18n/tr.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Bu kullanıcının hesabı silindi.',
   'pt.profile-card.disabled.account.default.name': 'Eski kullanıcı',
   'pt.profile-card.general.msg.disabled.user': 'Artık bu kişiyle iş birliği yapamazsınız.',
+  'pt.profile-card.give-kudos': 'Tebrik edin',
   'pt.profile-card.inactive.account': 'Hesap devre dışı bırakıldı',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Bu kullanıcının hesabı birkaç ay önce devre dışı bırakıldı.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Bu kullanıcının hesabı geçen ay devre dışı bırakıldı.',