@atlaskit/profilecard 16.6.0 → 16.8.0

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.6.0"
+	"version": "16.8.0"
 }

package/dist/es2019/client/TeamCentralCardClient.js

@@ -42,7 +42,7 @@ const buildCheckFeatureFlagQuery = (featureKey, context) => ({
   `,
   variables: {
     featureKey,
-    context
+    context: context || []
   }
 });
 

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

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button/custom-theme-button';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import MoreIcon from '@atlaskit/icon/glyph/more';
+import messages from '../../messages';
+import { OverflowActionButtonsWrapper } from '../../styled/Card';
+export const OverflowProfileCardButtons = props => {
+  const intl = useIntl();
+  return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, null, /*#__PURE__*/React.createElement(DropdownMenu, {
+    placement: 'bottom-end',
+    trigger: ({
+      triggerRef,
+      isSelected,
+      testId,
+      ...providedProps
+    }) => /*#__PURE__*/React.createElement(Button, _extends({
+      type: "button"
+    }, providedProps, {
+      ref: triggerRef,
+      iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
+        label: intl.formatMessage(messages.profileCardMoreIconLabel)
+      })
+    }))
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, props.actions.map(action => /*#__PURE__*/React.createElement(DropdownItem, {
+    key: action.id,
+    onClick: (event, ...args) => {
+      props.onItemClick(action, args, event);
+    },
+    href: action.link
+  }, action.label)))));
+};

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

@@ -11,15 +11,18 @@ import { token } from '@atlaskit/tokens';
 import { AnalyticsName } from '../../internal/analytics';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
-import { ActionButtonGroup, ActionsFlexSpacer, AppTitleLabel, CardContainer, CardContent, CardWrapper, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, LozengeWrapper, ProfileImage, SpinnerContainer } from '../../styled/Card';
+import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AppTitleLabel, CardContainer, CardContent, CardWrapper, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, KudosBlobAnimation, LozengeWrapper, ProfileImage, SpinnerContainer } from '../../styled/Card';
 import { isBasicClick } from '../../util/click';
 import { ErrorMessage } from '../Error';
 import { IconLabel } from '../Icon';
+import { OverflowProfileCardButtons } from './OverflowProfileCardButtons';
 import ReportingLinesDetails from './ReportingLinesDetails';
 export default class Profilecard extends React.PureComponent {
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "GIVE_KUDOS_ACTION_ID", 'give-kudos');
+
     _defineProperty(this, "durationSince", from => {
       const fromParsed = from || 0;
       return fromParsed > 0 ? Date.now() - fromParsed : null;
@@ -52,22 +55,19 @@ export default class Profilecard extends React.PureComponent {
     });
 
     _defineProperty(this, "renderButton", (action, idx) => {
-      return /*#__PURE__*/React.createElement(Button, {
-        appearance: idx === 0 ? 'default' : 'subtle',
+      const isGiveKudosActionButton = action.id === this.GIVE_KUDOS_ACTION_ID;
+      const actionButton = /*#__PURE__*/React.createElement(Button, {
+        appearance: "default",
         key: action.id || idx,
-        onClick: (event, ...args) => {
-          this.callAnalytics(AnalyticsName.PROFILE_CARD_CLICK, {
-            id: action.id || null,
-            duration: this.durationSince(this.timeOpen)
-          });
-
-          if (action.callback && isBasicClick(event)) {
-            event.preventDefault();
-            action.callback(event, ...args);
-          }
-        },
+        onClick: (event, ...args) => this.onActionClick(action, args, event),
         href: action.link
-      }, action.label);
+      }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(KudosBlobAnimation, null));
+
+      if (isGiveKudosActionButton) {
+        return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, actionButton);
+      }
+
+      return actionButton;
     });
 
     this.timeOpen = null;
@@ -96,7 +96,7 @@ export default class Profilecard extends React.PureComponent {
     if (!this.props.isCurrentUser && this.props.isKudosEnabled) {
       const kudosAction = {
         label: /*#__PURE__*/React.createElement(FormattedMessage, messages.giveKudosButton),
-        id: 'give-kudos',
+        id: this.GIVE_KUDOS_ACTION_ID,
         callback: () => {
           this.kudosButtonCallback();
         },
@@ -114,7 +114,24 @@ export default class Profilecard extends React.PureComponent {
     }
 
     const actions = this.getActions();
-    return /*#__PURE__*/React.createElement(ActionButtonGroup, null, actions.map((action, idx) => this.renderButton(action, idx)));
+    const firstTwoActions = actions.slice(0, 2);
+    const restOfActions = actions && actions.length > 2 ? actions.slice(2) : undefined;
+    return /*#__PURE__*/React.createElement(ActionButtonGroup, null, firstTwoActions.map((action, idx) => this.renderButton(action, idx)), restOfActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, {
+      actions: restOfActions,
+      onItemClick: (action, args, event) => this.onActionClick(action, args, event)
+    }));
+  }
+
+  onActionClick(action, args, event) {
+    this.callAnalytics(AnalyticsName.PROFILE_CARD_CLICK, {
+      id: action.id || null,
+      duration: this.durationSince(this.timeOpen)
+    });
+
+    if (action.callback && isBasicClick(event)) {
+      event.preventDefault();
+      action.callback(event, ...args);
+    }
   }
 
   renderCardDetailsDefault() {

package/dist/es2019/i18n/cs.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/da.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/de.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/en.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/en_GB.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/en_ZZ.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/es.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/fi.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/fr.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/hu.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/it.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/ja.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/ko.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/nb.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/nl.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/pl.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/pt_BR.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/ru.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/sv.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/th.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/tr.js

@@ -16,6 +16,7 @@ export 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ı.',

package/dist/es2019/i18n/uk.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/vi.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Tài khoản của họ đã bị xóa.',
   'pt.profile-card.disabled.account.default.name': 'Người dùng cũ',
   'pt.profile-card.general.msg.disabled.user': 'Bạn không thể hợp tác với người này được nữa.',
+  'pt.profile-card.give-kudos': 'Khen ngợi',
   'pt.profile-card.inactive.account': 'Tài khoản đã bị hủy kích hoạt',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Tài khoản của họ đã bị hủy kích hoạt một vài tháng.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Tài khoản của họ đã bị hủy kích hoạt tháng trước.',

package/dist/es2019/i18n/zh.js

@@ -16,6 +16,7 @@ export 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/es2019/i18n/zh_TW.js

@@ -16,6 +16,7 @@ export 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/es2019/messages.js

@@ -144,6 +144,11 @@ const messages = defineMessages({
     id: 'pt.profile-card.give-kudos',
     defaultMessage: 'Give kudos',
     description: 'Title for the button on the profile card for a user to give a kudos'
+  },
+  profileCardMoreIconLabel: {
+    id: 'pt.profile-card.more-icon-label',
+    defaultMessage: 'More',
+    description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
   }
 });
 export default messages;

package/dist/es2019/styled/Card.js

@@ -1,5 +1,6 @@
-import styled, { css } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
+import { token } from '@atlaskit/tokens';
 import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from '../styled/constants';
 
 const getFullNameMargin = props => props.noMeta ? `${gridSize() * 4.5}px 0 ${gridSize() * 1.5}px 0` : `${gridSize() * 1.5}px 0 0 0`;
@@ -18,10 +19,44 @@ export const ProfileImage = styled.div`
 export const ActionsFlexSpacer = styled.div`
   flex: 1 0 auto;
 `;
+const kudosButtonAnimationTransformation = keyframes`{
+  0%   { transform: translate(-80px, -50px); }
+  100% { transform: translate(90px, -70px); }
+}`;
+export const KudosBlobAnimation = styled.div`
+  display: none;
+  height: 150px;
+  width: 150px;
+  z-index: -1;
+  position: absolute;
+  animation-name: ${kudosButtonAnimationTransformation};
+  animation-iteration-count: 1;
+  animation-duration: 3s;
+  background-image: radial-gradient(
+    circle,
+    ${token('color.background.information.pressed', '#85B8FF')} 0%,
+    ${token('color.background.discovery.pressed', '#B8ACF6')} 25%,
+    transparent 50%
+  );
+  overflow: hidden;
+`;
+export const AnimatedKudosButton = styled.div`
+  margin-left: ${gridSize}px;
+  &:hover ${KudosBlobAnimation} {
+    display: block;
+  }
+
+  button,
+  a {
+    clip-path: inset(0px 0px 0px 0px round ${borderRadius}px);
+  }
+`;
 export const ActionButtonGroup = styled.div`
   user-select: none;
   margin: ${2 * gridSize()}px 0 0 0;
   text-align: right;
+  display: flex;
+  justify-content: flex-end;
 
   button,
   a,
@@ -33,6 +68,12 @@ export const ActionButtonGroup = styled.div`
     }
   }
 `;
+export const OverflowActionButtonsWrapper = styled.div`
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  margin-left: ${gridSize}px;
+`;
 export const CardContent = styled.div`
   display: flex;
   flex-direction: column;
@@ -133,6 +174,7 @@ export const CardContainer = styled.div`
       border-radius: ${borderRadius}px;
     `;
 }}
+  overflow: hidden;
 `;
 export const DetailsLabel = styled.div`
   display: flex;

package/dist/es2019/util/analytics.js

@@ -35,7 +35,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "16.6.0",
+    packageVersion: "16.8.0",
     ...attributes,
     firedAt: getPageTime()
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.6.0"
+	"version": "16.8.0"
 }

package/dist/esm/client/TeamCentralCardClient.js

@@ -27,7 +27,7 @@ var buildCheckFeatureFlagQuery = function buildCheckFeatureFlagQuery(featureKey,
     query: "\n    query isFeatureKeyEnabled($featureKey: String!, $context: [IsFeatureEnabledContextInput]) {\n      isFeatureEnabled(featureKey: $featureKey, context: $context) {\n        enabled\n      }\n    }\n  ",
     variables: {
       featureKey: featureKey,
-      context: context
+      context: context || []
     }
   };
 };

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

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["triggerRef", "isSelected", "testId"];
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button/custom-theme-button';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import MoreIcon from '@atlaskit/icon/glyph/more';
+import messages from '../../messages';
+import { OverflowActionButtonsWrapper } from '../../styled/Card';
+export var OverflowProfileCardButtons = function OverflowProfileCardButtons(props) {
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, null, /*#__PURE__*/React.createElement(DropdownMenu, {
+    placement: 'bottom-end',
+    trigger: function trigger(_ref) {
+      var triggerRef = _ref.triggerRef,
+          isSelected = _ref.isSelected,
+          testId = _ref.testId,
+          providedProps = _objectWithoutProperties(_ref, _excluded);
+
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        type: "button"
+      }, providedProps, {
+        ref: triggerRef,
+        iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
+          label: intl.formatMessage(messages.profileCardMoreIconLabel)
+        })
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, props.actions.map(function (action) {
+    return /*#__PURE__*/React.createElement(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);
+  }))));
+};