@atlaskit/profilecard 24.6.0 → 24.7.0

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

@@ -1,10 +1,14 @@
+/* ProfileCardTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./ProfileCardTrigger.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
+import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
 import getLabelMessage from '../../internal/getLabelMessage';
@@ -14,6 +18,9 @@ import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
 import { AgentProfileCardResourced } from '../Agent/AgentProfileCardResourced';
 import { ProfileCardLazy } from './lazyProfileCard';
 import UserLoadingState from './UserLoadingState';
+const styles = {
+  profileCardTrigger: "_m5ny16oo"
+};
 function ProfileCardContent({
   profilecardProps,
   userId,
@@ -281,6 +288,86 @@ export default function ProfilecardTriggerNext({
   const ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
     'data-ssr-placeholder-replace': ssrPlaceholderId
   } : {};
+  if (fg('enable_absolute_positioning_profile_card')) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.profileCardTrigger
+    }, /*#__PURE__*/React.createElement(Popup, {
+      isOpen: !!visible,
+      onClose: event => {
+        hideProfilecard();
+        handleKeyboardClose(event);
+      },
+      placement: position,
+      offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+      content: () => /*#__PURE__*/React.createElement("div", wrapperProps, showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
+        fireAnalytics: fireAnalytics
+      }) : visible && /*#__PURE__*/React.createElement(ProfileCardContent, {
+        profilecardProps: profilecardProps,
+        isAgent: !!(data !== null && data !== void 0 && data.isAgent),
+        userId: userId,
+        cloudId: cloudId,
+        resourceClient: resourceClient,
+        viewingUserId: viewingUserId,
+        trigger: trigger,
+        product: product,
+        profileCardAction: filterActions(),
+        errorType: error,
+        hasError: hasError,
+        agentActions: agentActions,
+        addFlag: addFlag
+      })),
+      trigger: triggerProps => {
+        const {
+          ref: callbackRef,
+          ...innerProps
+        } = triggerProps;
+        const ref = element => {
+          triggerRef.current = element;
+          if (typeof callbackRef === 'function') {
+            callbackRef(element);
+          }
+        };
+        const {
+          'aria-expanded': _,
+          'aria-haspopup': __,
+          ...restInnerProps
+        } = innerProps;
+        return /*#__PURE__*/React.createElement("span", _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, containerListeners, {
+          ref: ref,
+          "data-testid": testId
+        }, !ariaHideProfileTrigger && {
+          'aria-labelledby': ariaLabelledBy
+        }, disabledAriaAttributes ? {} : {
+          role: 'button',
+          //  aria-hidden cannot contain focusable elements: https://dequeuniversity.com/rules/axe/3.5/aria-hidden-focus
+          tabIndex: ariaHideProfileTrigger ? -1 : 0,
+          'aria-label': ariaHideProfileTrigger ? undefined : getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
+        }, ariaHideProfileTrigger && {
+          'aria-hidden': 'true'
+        }, ssrPlaceholderProp), children);
+      },
+      zIndex: layers.modal(),
+      shouldUseCaptureOnOutsideClick: true,
+      autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card') || fg('enable_absolute_positioning_profile_card'),
+      shouldDisableFocusLock: fg('enable_appropriate_reading_order_in_profile_card') || fg('enable_absolute_positioning_profile_card'),
+      strategy: "absolute",
+      id: "profile-card-trigger-popup-wrapper"
+    })), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
+      isOpen: kudosDrawerOpen,
+      recipient: {
+        type: KudosType.INDIVIDUAL,
+        recipientId: userId
+      },
+      analyticsSource: "profile-card",
+      teamCentralBaseUrl: teamCentralBaseUrl,
+      cloudId: cloudId,
+      addFlag: addFlag,
+      onClose: closeKudosDrawer
+    })));
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
     isOpen: !!visible,
     onClose: event => {

package/dist/es2019/i18n/cs.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Účet uživatele byl deaktivován tento týden.',
   'pt.profile-card.inactive.account.no.date': 'Účet uživatele byl deaktivován.',
   'pt.profile-card.more-icon-label': 'Více',
+  'pt.profile-card.more-icon-label-with-name': 'Další akce položky {fullName}',
   'pt.team-profile-card.aria-label': 'Další informace o tomto týmu',
   'pt.team-profile-card.directReports.heading': 'Přímí nadřízení',
   'pt.team-profile-card.error.refresh-button': 'Zkusit znovu',

package/dist/es2019/i18n/da.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Personens konto blev deaktiveret i denne uge.',
   'pt.profile-card.inactive.account.no.date': 'Personens konto er blevet deaktiveret.',
   'pt.profile-card.more-icon-label': 'Mere',
+  'pt.profile-card.more-icon-label-with-name': 'Flere handlinger for {fullName}',
   'pt.team-profile-card.aria-label': 'Flere oplysninger om dette team',
   'pt.team-profile-card.directReports.heading': 'Direkte underordnede',
   'pt.team-profile-card.error.refresh-button': 'Prøv igen',

package/dist/es2019/i18n/de.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Das Konto dieser Person wurde diese Woche deaktiviert.',
   'pt.profile-card.inactive.account.no.date': 'Das Konto dieser Person wurde deaktiviert.',
   'pt.profile-card.more-icon-label': 'Mehr',
+  'pt.profile-card.more-icon-label-with-name': 'Weitere Aktionen für {fullName}',
   'pt.team-profile-card.aria-label': 'Weitere Informationen zu diesem Team',
   'pt.team-profile-card.directReports.heading': 'Direkt unterstellt',
   'pt.team-profile-card.error.refresh-button': 'Versuchen Sie es erneut.',

package/dist/es2019/i18n/es.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Su cuenta se ha desactivado esta semana.',
   'pt.profile-card.inactive.account.no.date': 'Su cuenta está desactivada.',
   'pt.profile-card.more-icon-label': 'Más',
+  'pt.profile-card.more-icon-label-with-name': 'Más acciones para {fullName}',
   'pt.team-profile-card.aria-label': 'Más información sobre este equipo',
   'pt.team-profile-card.directReports.heading': 'Subordinados directos',
   'pt.team-profile-card.error.refresh-button': 'Volver a intentarlo',

package/dist/es2019/i18n/fi.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Hänen tilinsä poistettiin käytöstä tällä viikolla.',
   'pt.profile-card.inactive.account.no.date': 'Hänen tilinsä on poistettu käytöstä.',
   'pt.profile-card.more-icon-label': 'Lisää',
+  'pt.profile-card.more-icon-label-with-name': 'Lisää toimintoja asiakaspalvelijalle {fullName}',
   'pt.team-profile-card.aria-label': 'Lisätietoja tästä tiimistä',
   'pt.team-profile-card.directReports.heading': 'Suorat alaiset',
   'pt.team-profile-card.error.refresh-button': 'Yritä uudelleen',

package/dist/es2019/i18n/fr.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Son compte a été désactivé cette semaine.',
   'pt.profile-card.inactive.account.no.date': 'Son compte a été désactivé.',
   'pt.profile-card.more-icon-label': 'Plus',
+  'pt.profile-card.more-icon-label-with-name': "Plus d'actions pour {fullName}",
   'pt.team-profile-card.aria-label': 'En savoir plus sur cette équipe',
   'pt.team-profile-card.directReports.heading': 'Collaborateurs directs',
   'pt.team-profile-card.error.refresh-button': 'Réessayez',

package/dist/es2019/i18n/hr.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Njegov račun je deaktiviran ovaj tjedan.',
   'pt.profile-card.inactive.account.no.date': 'Njegov račun je deaktiviran.',
   'pt.profile-card.more-icon-label': 'Više',
+  'pt.profile-card.more-icon-label-with-name': 'Još radnji za agenta {fullName}',
   'pt.team-profile-card.aria-label': 'Više informacija o ovom timu',
   'pt.team-profile-card.directReports.heading': 'Izravni izvještaji',
   'pt.team-profile-card.error.refresh-button': 'Pokušaj ponovno',

package/dist/es2019/i18n/hu.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'A fiókját ezen a héten inaktiváltuk.',
   'pt.profile-card.inactive.account.no.date': 'A fiókját inaktiváltuk.',
   'pt.profile-card.more-icon-label': 'Továbbiak',
+  'pt.profile-card.more-icon-label-with-name': 'További műveletek a következőhöz: {fullName}',
   'pt.team-profile-card.aria-label': 'További információ erről a csapatról',
   'pt.team-profile-card.directReports.heading': 'Közvetlen beosztottak',
   'pt.team-profile-card.error.refresh-button': 'Próbáld újra',

package/dist/es2019/i18n/it.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Il suo account è stato disattivato questa settimana.',
   'pt.profile-card.inactive.account.no.date': 'Il suo account è stato disattivato.',
   'pt.profile-card.more-icon-label': 'Altro',
+  'pt.profile-card.more-icon-label-with-name': 'Altre azioni per {fullName}',
   'pt.team-profile-card.aria-label': 'Ulteriori informazioni su questo team',
   'pt.team-profile-card.directReports.heading': 'Report diretti',
   'pt.team-profile-card.error.refresh-button': 'Riprova',

package/dist/es2019/i18n/ja.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'アカウントは今週無効になりました。',
   'pt.profile-card.inactive.account.no.date': 'アカウントは無効になっています。',
   'pt.profile-card.more-icon-label': 'その他',
+  'pt.profile-card.more-icon-label-with-name': '{fullName} のその他のアクション',
   'pt.team-profile-card.aria-label': 'このチームに関する詳細情報',
   'pt.team-profile-card.directReports.heading': '直属の部下',
   'pt.team-profile-card.error.refresh-button': '再試行',

package/dist/es2019/i18n/ko.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': '계정이 이번 주에 비활성화되었습니다.',
   'pt.profile-card.inactive.account.no.date': '계정이 비활성화되었습니다.',
   'pt.profile-card.more-icon-label': '더 보기',
+  'pt.profile-card.more-icon-label-with-name': '{fullName}에 대한 더 많은 작업 보기',
   'pt.team-profile-card.aria-label': '이 팀에 대한 추가 정보',
   'pt.team-profile-card.directReports.heading': '부하 직원',
   'pt.team-profile-card.error.refresh-button': '다시 시도',

package/dist/es2019/i18n/nb.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Vedkommendes konto ble deaktivert denne uken.',
   'pt.profile-card.inactive.account.no.date': 'Vedkommendes konto er deaktivert.',
   'pt.profile-card.more-icon-label': 'Mer',
+  'pt.profile-card.more-icon-label-with-name': 'Flere handlinger for {fullName}',
   'pt.team-profile-card.aria-label': 'Mer informasjon om dette teamet',
   'pt.team-profile-card.directReports.heading': 'Direkte underordnede',
   'pt.team-profile-card.error.refresh-button': 'Prøv på nytt',

package/dist/es2019/i18n/nl.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Zijn/haar account is deze week gedeactiveerd.',
   'pt.profile-card.inactive.account.no.date': 'Zijn/haar account is gedeactiveerd.',
   'pt.profile-card.more-icon-label': 'Meer',
+  'pt.profile-card.more-icon-label-with-name': 'Meer acties voor {fullName}',
   'pt.team-profile-card.aria-label': 'Meer informatie over dit team',
   'pt.team-profile-card.directReports.heading': 'Directe rapporten',
   'pt.team-profile-card.error.refresh-button': 'Opnieuw proberen',

package/dist/es2019/i18n/pl.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Jej konto zostało zdezaktywowane w tym tygodniu.',
   'pt.profile-card.inactive.account.no.date': 'Jej konto zostało zdezaktywowane pomyślnie.',
   'pt.profile-card.more-icon-label': 'Więcej',
+  'pt.profile-card.more-icon-label-with-name': 'Więcej czynności dla {fullName}',
   'pt.team-profile-card.aria-label': 'Więcej informacji o tym zespole',
   'pt.team-profile-card.directReports.heading': 'Bezpośredni podwładni',
   'pt.team-profile-card.error.refresh-button': 'Spróbuj ponownie',

package/dist/es2019/i18n/pt_BR.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'A conta do usuário foi desativada nesta semana.',
   'pt.profile-card.inactive.account.no.date': 'A conta do usuário foi desativada.',
   'pt.profile-card.more-icon-label': 'Mais',
+  'pt.profile-card.more-icon-label-with-name': 'Mais ações para {fullName}',
   'pt.team-profile-card.aria-label': 'Mais informações sobre esta equipe',
   'pt.team-profile-card.directReports.heading': 'Relatórios diretos',
   'pt.team-profile-card.error.refresh-button': 'Tentar novamente',

package/dist/es2019/i18n/ru.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Его аккаунт был отключен на этой неделе.',
   'pt.profile-card.inactive.account.no.date': 'Его аккаунт был отключен.',
   'pt.profile-card.more-icon-label': 'Еще',
+  'pt.profile-card.more-icon-label-with-name': '{fullName}: другие действия',
   'pt.team-profile-card.aria-label': 'Дополнительные сведения о команде',
   'pt.team-profile-card.directReports.heading': 'Прямые подчиненные',
   'pt.team-profile-card.error.refresh-button': 'Повторить попытку',

package/dist/es2019/i18n/sl.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Račun tega uporabnika je bil deaktiviran ta teden.',
   'pt.profile-card.inactive.account.no.date': 'Račun tega uporabnika je bil deaktiviran.',
   'pt.profile-card.more-icon-label': 'Več',
+  'pt.profile-card.more-icon-label-with-name': 'Več dejanj za {fullName}',
   'pt.team-profile-card.aria-label': 'Več informacij o tej ekipi',
   'pt.team-profile-card.directReports.heading': 'Neposredno podrejeni',
   'pt.team-profile-card.error.refresh-button': 'Poskusi znova',

package/dist/es2019/i18n/sr_RS.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Nalog korisnika je deaktiviran ove nedelje.',
   'pt.profile-card.inactive.account.no.date': 'Nalog korisnika je deaktiviran.',
   'pt.profile-card.more-icon-label': 'Još',
+  'pt.profile-card.more-icon-label-with-name': 'Više radnji za {fullName}',
   'pt.team-profile-card.aria-label': 'Više informacija o ovom timu',
   'pt.team-profile-card.directReports.heading': 'Direktni izveštaji',
   'pt.team-profile-card.error.refresh-button': 'Probajte ponovo',

package/dist/es2019/i18n/sr_YR.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Налог корисника је деактивиран ове недеље.',
   'pt.profile-card.inactive.account.no.date': 'Налог корисника је деактивиран.',
   'pt.profile-card.more-icon-label': 'Још',
+  'pt.profile-card.more-icon-label-with-name': 'Више радњи за {fullName}',
   'pt.team-profile-card.aria-label': 'Више информација о овом тиму',
   'pt.team-profile-card.directReports.heading': 'Директни извештаји',
   'pt.team-profile-card.error.refresh-button': 'Пробај поново',

package/dist/es2019/i18n/sv.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Personens konto inaktiverades den här veckan.',
   'pt.profile-card.inactive.account.no.date': 'Personens konto har inaktiverats.',
   'pt.profile-card.more-icon-label': 'Mer',
+  'pt.profile-card.more-icon-label-with-name': 'Fler åtgärder för {fullName}',
   'pt.team-profile-card.aria-label': 'Mer information om teamet',
   'pt.team-profile-card.directReports.heading': 'Direkt underordnade',
   'pt.team-profile-card.error.refresh-button': 'Försök igen',

package/dist/es2019/i18n/th.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'บัญชีของผู้ใช้ถูกปิดใช้งานไปแล้วในสัปดาห์นี้',
   'pt.profile-card.inactive.account.no.date': 'บัญชีของผู้ใช้ถูกปิดใช้งานไปแล้ว',
   'pt.profile-card.more-icon-label': 'เพิ่มเติม',
+  'pt.profile-card.more-icon-label-with-name': 'การดำเนินการเพิ่มเติมสำหรับ {fullName}',
   'pt.team-profile-card.aria-label': 'ข้อมูลเพิ่มเติมเกี่ยวกับทีมนี้',
   'pt.team-profile-card.directReports.heading': 'รายงานโดยตรง',
   'pt.team-profile-card.error.refresh-button': 'ลองอีกครั้ง',

package/dist/es2019/i18n/tr.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Bu kullanıcının hesabı bu hafta devre dışı bırakıldı.',
   'pt.profile-card.inactive.account.no.date': 'Bu kullanıcının hesabı devre dışı bırakıldı.',
   'pt.profile-card.more-icon-label': 'Daha fazlası',
+  'pt.profile-card.more-icon-label-with-name': '{fullName} için daha fazla işlem',
   'pt.team-profile-card.aria-label': 'Bu takım hakkında daha fazla bilgi',
   'pt.team-profile-card.directReports.heading': 'Astlar',
   'pt.team-profile-card.error.refresh-button': 'Yeniden deneyin',

package/dist/es2019/i18n/uk.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Обліковий запис користувача деактивовано цього тижня.',
   'pt.profile-card.inactive.account.no.date': 'Обліковий запис користувача деактивовано.',
   'pt.profile-card.more-icon-label': 'Більше варіантів',
+  'pt.profile-card.more-icon-label-with-name': 'Інші дії для агента {fullName}',
   'pt.team-profile-card.aria-label': 'Докладніше про цю команду',
   'pt.team-profile-card.directReports.heading': 'Безпосередні підлеглі',
   'pt.team-profile-card.error.refresh-button': 'Повторіть спробу',

package/dist/es2019/i18n/vi.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Tài khoản của họ đã bị hủy kích hoạt trong tuần này.',
   'pt.profile-card.inactive.account.no.date': 'Tài khoản của họ đã bị hủy kích hoạt.',
   'pt.profile-card.more-icon-label': 'Khác',
+  'pt.profile-card.more-icon-label-with-name': 'Thao tác khác đối với {fullName}',
   'pt.team-profile-card.aria-label': 'Thông tin khác về đội ngũ này',
   'pt.team-profile-card.directReports.heading': 'Báo cáo trực tiếp',
   'pt.team-profile-card.error.refresh-button': 'Thử lại',

package/dist/es2019/i18n/zh.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': '他们的帐户本周已被停用。',
   'pt.profile-card.inactive.account.no.date': '他们的帐户已被停用。',
   'pt.profile-card.more-icon-label': '更多',
+  'pt.profile-card.more-icon-label-with-name': '针对 "{fullName}" 的更多操作',
   'pt.team-profile-card.aria-label': '有关此团队的更多信息',
   'pt.team-profile-card.directReports.heading': '直接下属',
   'pt.team-profile-card.error.refresh-button': '请重试',

package/dist/es2019/i18n/zh_TW.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': '其帳戶在本週已停用。',
   'pt.profile-card.inactive.account.no.date': '其帳戶已停用。',
   'pt.profile-card.more-icon-label': '更多',
+  'pt.profile-card.more-icon-label-with-name': '{fullName} 的更多動作',
   'pt.team-profile-card.aria-label': '有關此團隊的更多資訊',
   'pt.team-profile-card.directReports.heading': '直接報告',
   'pt.team-profile-card.error.refresh-button': '再試一次',

package/dist/es2019/styled/Card.compiled.css

@@ -25,6 +25,7 @@
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1y6m{justify-content:flex-start}
 ._1bahesu3{justify-content:flex-end}
+._1br315cr >#profile-card-job-title-label-text{color:var(--ds-text-inverse,#fff)}
 ._1bsb18pt{width:228px}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1w81{width:150px}
@@ -43,6 +44,7 @@
 ._1ltvze3t{left:var(--ds-space-0,0)}
 ._1n261g80{flex-wrap:wrap}
 ._1o9zidpf{flex-shrink:0}
+._1oqb1gjq#profile-card-action-button-group span{color:var(--ds-text-subtle,#44546f)}
 ._1pby1mrw{z-index:-1}
 ._1reo15vq{overflow-x:hidden}
 ._1tkebv7e{min-height:136px}

package/dist/es2019/styled/Card.js

@@ -4,6 +4,7 @@ import "./Card.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 const kudosButtonAnimationTransformationCompiled = null;
 const styles = {
@@ -32,6 +33,10 @@ const styles = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
   appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
+const stylesCompiled = {
+  jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t _1br315cr",
+  actionButtonGroup: "_zulp12x7 _uiztglyw _19pkpxbi _2hwxze3t _18u0ze3t _otyrze3t _y3gnusic _1bahesu3 _1e0c1txw _1oqb1gjq"
+};
 export const ProfileImage = ({
   children
 }) => /*#__PURE__*/React.createElement(Box, {
@@ -61,7 +66,8 @@ export const ActionButtonGroup = ({
   testId
 }) => /*#__PURE__*/React.createElement(Box, {
   testId: testId,
-  xcss: cx(styles.actionButtonGroup)
+  xcss: cx(fg('enable_absolute_positioning_profile_card') ? stylesCompiled.actionButtonGroup : styles.actionButtonGroup),
+  id: "profile-card-action-button-group"
 }, children);
 export const OverflowActionButtonsWrapper = ({
   children,
@@ -98,10 +104,11 @@ export const CustomLozengeContainer = ({
 export const JobTitleLabel = ({
   children
 }) => /*#__PURE__*/React.createElement(Box, {
-  xcss: cx(styles.jobTitleLabel)
+  xcss: cx(fg('enable_absolute_positioning_profile_card') ? stylesCompiled.jobTitleLabel : styles.jobTitleLabel)
 }, /*#__PURE__*/React.createElement(Text, {
   maxLines: 1,
-  color: "color.text.inverse"
+  color: "color.text.inverse",
+  id: "profile-card-job-title-label-text"
 }, children));
 export const AppTitleLabel = ({
   children

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.5.6",
+    packageVersion: "24.6.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.5.6");
+  headers.append('atl-client-version', "24.6.0");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.5.6");
+  headers.append('atl-client-version', "24.6.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -37,7 +37,7 @@ var renderName = function renderName(nickname, fullName, meta) {
   var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
   return /*#__PURE__*/React.createElement(Box, {
     as: "h2",
-    xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? fg('platform_editor_profilecard_style_fix') ? styles.metaLabelWithHighSpecificity : styles.metaLabel : fg('platform_editor_profilecard_style_fix') ? styles.noMetaLabelWithHighSpecificity : styles.noMetaLabel),
+    xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? fg('platform_editor_profilecard_style_fix') || fg('enable_absolute_positioning_profile_card') ? styles.metaLabelWithHighSpecificity : styles.metaLabel : fg('platform_editor_profilecard_style_fix') || fg('enable_absolute_positioning_profile_card') ? styles.noMetaLabelWithHighSpecificity : styles.noMetaLabel),
     testId: "profilecard-name",
     id: "profilecard-name-label"
   }, displayName);

package/dist/esm/components/User/ProfileCardTrigger.compiled.css

@@ -0,0 +1 @@
+._m5ny16oo #profile-card-trigger-popup-wrapper{z-index:510}

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

@@ -1,3 +1,4 @@
+/* ProfileCardTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
@@ -5,7 +6,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["ref"],
-  _excluded2 = ["aria-expanded", "aria-haspopup"];
+  _excluded2 = ["aria-expanded", "aria-haspopup"],
+  _excluded3 = ["ref"],
+  _excluded4 = ["aria-expanded", "aria-haspopup"];
+import "./ProfileCardTrigger.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -15,6 +20,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
+import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
 import getLabelMessage from '../../internal/getLabelMessage';
@@ -24,6 +30,9 @@ import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
 import { AgentProfileCardResourced } from '../Agent/AgentProfileCardResourced';
 import { ProfileCardLazy } from './lazyProfileCard';
 import UserLoadingState from './UserLoadingState';
+var styles = {
+  profileCardTrigger: "_m5ny16oo"
+};
 function ProfileCardContent(_ref) {
   var profilecardProps = _ref.profilecardProps,
     userId = _ref.userId,
@@ -342,6 +351,84 @@ export default function ProfilecardTriggerNext(_ref2) {
   var ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
     'data-ssr-placeholder-replace': ssrPlaceholderId
   } : {};
+  if (fg('enable_absolute_positioning_profile_card')) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.profileCardTrigger
+    }, /*#__PURE__*/React.createElement(Popup, {
+      isOpen: !!visible,
+      onClose: function onClose(event) {
+        hideProfilecard();
+        handleKeyboardClose(event);
+      },
+      placement: position,
+      offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+      content: function content() {
+        return /*#__PURE__*/React.createElement("div", wrapperProps, showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
+          fireAnalytics: fireAnalytics
+        }) : visible && /*#__PURE__*/React.createElement(ProfileCardContent, {
+          profilecardProps: profilecardProps,
+          isAgent: !!(data !== null && data !== void 0 && data.isAgent),
+          userId: userId,
+          cloudId: cloudId,
+          resourceClient: resourceClient,
+          viewingUserId: viewingUserId,
+          trigger: trigger,
+          product: product,
+          profileCardAction: filterActions(),
+          errorType: error,
+          hasError: hasError,
+          agentActions: agentActions,
+          addFlag: addFlag
+        }));
+      },
+      trigger: function trigger(triggerProps) {
+        var callbackRef = triggerProps.ref,
+          innerProps = _objectWithoutProperties(triggerProps, _excluded);
+        var ref = function ref(element) {
+          triggerRef.current = element;
+          if (typeof callbackRef === 'function') {
+            callbackRef(element);
+          }
+        };
+        var _ = innerProps['aria-expanded'],
+          __ = innerProps['aria-haspopup'],
+          restInnerProps = _objectWithoutProperties(innerProps, _excluded2);
+        return /*#__PURE__*/React.createElement("span", _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, containerListeners, {
+          ref: ref,
+          "data-testid": testId
+        }, !ariaHideProfileTrigger && {
+          'aria-labelledby': ariaLabelledBy
+        }, disabledAriaAttributes ? {} : {
+          role: 'button',
+          //  aria-hidden cannot contain focusable elements: https://dequeuniversity.com/rules/axe/3.5/aria-hidden-focus
+          tabIndex: ariaHideProfileTrigger ? -1 : 0,
+          'aria-label': ariaHideProfileTrigger ? undefined : getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
+        }, ariaHideProfileTrigger && {
+          'aria-hidden': 'true'
+        }, ssrPlaceholderProp), children);
+      },
+      zIndex: layers.modal(),
+      shouldUseCaptureOnOutsideClick: true,
+      autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card') || fg('enable_absolute_positioning_profile_card'),
+      shouldDisableFocusLock: fg('enable_appropriate_reading_order_in_profile_card') || fg('enable_absolute_positioning_profile_card'),
+      strategy: "absolute",
+      id: "profile-card-trigger-popup-wrapper"
+    })), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
+      isOpen: kudosDrawerOpen,
+      recipient: {
+        type: KudosType.INDIVIDUAL,
+        recipientId: userId
+      },
+      analyticsSource: "profile-card",
+      teamCentralBaseUrl: teamCentralBaseUrl,
+      cloudId: cloudId,
+      addFlag: addFlag,
+      onClose: closeKudosDrawer
+    })));
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
     isOpen: !!visible,
     onClose: function onClose(event) {
@@ -371,7 +458,7 @@ export default function ProfilecardTriggerNext(_ref2) {
     },
     trigger: function trigger(triggerProps) {
       var callbackRef = triggerProps.ref,
-        innerProps = _objectWithoutProperties(triggerProps, _excluded);
+        innerProps = _objectWithoutProperties(triggerProps, _excluded3);
       var ref = function ref(element) {
         triggerRef.current = element;
         if (typeof callbackRef === 'function') {
@@ -380,7 +467,7 @@ export default function ProfilecardTriggerNext(_ref2) {
       };
       var _ = innerProps['aria-expanded'],
         __ = innerProps['aria-haspopup'],
-        restInnerProps = _objectWithoutProperties(innerProps, _excluded2);
+        restInnerProps = _objectWithoutProperties(innerProps, _excluded4);
       return /*#__PURE__*/React.createElement("span", _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, containerListeners, {
         ref: ref,
         "data-testid": testId

package/dist/esm/i18n/cs.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Účet uživatele byl deaktivován tento týden.',
   'pt.profile-card.inactive.account.no.date': 'Účet uživatele byl deaktivován.',
   'pt.profile-card.more-icon-label': 'Více',
+  'pt.profile-card.more-icon-label-with-name': 'Další akce položky {fullName}',
   'pt.team-profile-card.aria-label': 'Další informace o tomto týmu',
   'pt.team-profile-card.directReports.heading': 'Přímí nadřízení',
   'pt.team-profile-card.error.refresh-button': 'Zkusit znovu',

package/dist/esm/i18n/da.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Personens konto blev deaktiveret i denne uge.',
   'pt.profile-card.inactive.account.no.date': 'Personens konto er blevet deaktiveret.',
   'pt.profile-card.more-icon-label': 'Mere',
+  'pt.profile-card.more-icon-label-with-name': 'Flere handlinger for {fullName}',
   'pt.team-profile-card.aria-label': 'Flere oplysninger om dette team',
   'pt.team-profile-card.directReports.heading': 'Direkte underordnede',
   'pt.team-profile-card.error.refresh-button': 'Prøv igen',

package/dist/esm/i18n/de.js

@@ -48,6 +48,7 @@ export default {
   'pt.profile-card.inactive.account.has.date.this.week': 'Das Konto dieser Person wurde diese Woche deaktiviert.',
   'pt.profile-card.inactive.account.no.date': 'Das Konto dieser Person wurde deaktiviert.',
   'pt.profile-card.more-icon-label': 'Mehr',
+  'pt.profile-card.more-icon-label-with-name': 'Weitere Aktionen für {fullName}',
   'pt.team-profile-card.aria-label': 'Weitere Informationen zu diesem Team',
   'pt.team-profile-card.directReports.heading': 'Direkt unterstellt',
   'pt.team-profile-card.error.refresh-button': 'Versuchen Sie es erneut.',