@atlaskit/profilecard 19.16.3 → 19.17.1

package/dist/cjs/util/analytics.js

@@ -44,7 +44,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.16.3"
+      packageVersion: "19.17.1"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,7 @@ export const 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', "19.16.3");
+  headers.append('atl-client-version', "19.17.1");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Icon/IconLabel.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import IconEmail from '@atlaskit/icon/glyph/email';
-import IconLocation from '@atlaskit/icon/glyph/location';
-import OfficeBuildingIcon from '@atlaskit/icon/glyph/office-building';
-import IconRecent from '@atlaskit/icon/glyph/recent';
+import IconRecent from '@atlaskit/icon/core/migration/clock--recent';
+import IconEmail from '@atlaskit/icon/core/migration/email';
+import IconLocation from '@atlaskit/icon/core/migration/location';
+import OfficeBuildingIcon from '@atlaskit/icon/core/migration/office-building';
 import { DetailsLabel, DetailsLabelIcon, DetailsLabelText } from '../../styled/Card';
 const icons = {
   location: IconLocation,
@@ -21,7 +21,8 @@ export default class IconLabel extends React.PureComponent {
     const IconElement = this.props.icon && icons[this.props.icon];
     const displayIcon = IconElement ? /*#__PURE__*/React.createElement(IconElement, {
       label: `${this.props.icon}`,
-      size: "small"
+      LEGACY_size: "small",
+      color: "currentColor"
     }) : null;
     return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, null, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, null, this.props.children));
   }

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

@@ -5,7 +5,7 @@ import AvatarGroup from '@atlaskit/avatar-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
-import MoreIcon from '@atlaskit/icon/glyph/more';
+import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
@@ -152,7 +152,9 @@ const ExtraActions = ({
       isSelected: isOpen,
       onClick: () => onMoreClick(!isOpen),
       iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-        label: "actions"
+        spacing: "spacious",
+        label: "actions",
+        color: "currentColor"
       })
     })),
     zIndex: layers.modal(),

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

@@ -3,7 +3,7 @@ import React, { useCallback, useState } 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 MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -45,6 +45,8 @@ export const OverflowProfileCardButtons = props => {
     }, providedProps, {
       ref: triggerRef,
       iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
+        color: "currentColor",
+        spacing: "spacious",
         label: intl.formatMessage(messages.profileCardMoreIconLabel)
       })
     }))

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

@@ -1,293 +1,284 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Suspense } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+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 { layers } from '@atlaskit/theme/constants';
-import filterActions from '../../internal/filterActions';
+import filterActionsInner from '../../internal/filterActions';
+import getLabelMessage from '../../internal/getLabelMessage';
 import { CardWrapper } from '../../styled/Card';
 import { cardTriggered, fireEvent } from '../../util/analytics';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
 import { ProfileCardLazy } from './lazyProfileCard';
-import ProfilecardTriggerNext from './ProfileCardTriggerNext';
 import UserLoadingState from './UserLoadingState';
-class ProfilecardTrigger extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "_isMounted", false);
-    _defineProperty(this, "showDelay", this.props.trigger === 'click' ? 0 : DELAY_MS_SHOW);
-    _defineProperty(this, "hideDelay", this.props.trigger === 'click' ? 0 : DELAY_MS_HIDE);
-    _defineProperty(this, "showTimer", 0);
-    _defineProperty(this, "hideTimer", 0);
-    _defineProperty(this, "fireAnalytics", payload => {
-      // Don't fire any analytics if the component is unmounted
-      if (!this._isMounted) {
-        return;
-      }
-      if (this.props.createAnalyticsEvent) {
-        fireEvent(this.props.createAnalyticsEvent, payload);
-      }
-    });
-    _defineProperty(this, "hideProfilecard", () => {
-      clearTimeout(this.showTimer);
-      clearTimeout(this.hideTimer);
-      this.hideTimer = window.setTimeout(() => {
-        this.setState({
-          visible: false
-        });
-      }, this.hideDelay);
-    });
-    _defineProperty(this, "showProfilecard", () => {
-      clearTimeout(this.hideTimer);
-      clearTimeout(this.showTimer);
-      this.showTimer = window.setTimeout(() => {
-        if (!this.state.visible) {
-          this.clientFetchProfile();
-          this.setState({
-            visible: true
-          });
-        }
-      }, this.showDelay);
-    });
-    _defineProperty(this, "onClick", event => {
-      // If the user clicks on the trigger then we don't want that click event to
-      // propagate out to parent containers. For example when clicking a mention
-      // lozenge in an inline-edit.
-      event.stopPropagation();
-      this.showProfilecard();
-      if (!this.state.visible) {
-        this.fireAnalytics(cardTriggered('user', 'click'));
-      }
-    });
-    _defineProperty(this, "onMouseEnter", () => {
-      this.showProfilecard();
-      if (!this.state.visible) {
-        this.fireAnalytics(cardTriggered('user', 'hover'));
-      }
-    });
-    _defineProperty(this, "onKeyPress", event => {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        this.showProfilecard();
-        if (!this.state.visible) {
-          this.fireAnalytics(cardTriggered('user', 'click'));
-        }
-      }
-    });
-    _defineProperty(this, "onFocus", () => {
-      this.showProfilecard();
-    });
-    _defineProperty(this, "containerListeners", this.props.trigger === 'hover' ? {
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.hideProfilecard,
-      onBlur: this.hideProfilecard,
-      onKeyPress: this.onKeyPress
-    } : {
-      onClick: this.onClick,
-      onKeyPress: this.onKeyPress
-    });
-    _defineProperty(this, "layerListeners", {
-      handleClickOutside: this.hideProfilecard,
-      handleEscapeKeydown: this.hideProfilecard
-    });
-    _defineProperty(this, "state", {
-      visible: false,
-      isLoading: undefined,
-      hasError: false,
-      error: null,
-      data: null,
-      reportingLinesData: undefined,
-      shouldShowGiveKudos: false,
-      teamCentralBaseUrl: undefined,
-      kudosDrawerOpen: false
-    });
-    _defineProperty(this, "clientFetchProfile", () => {
-      const {
-        cloudId,
-        userId
-      } = this.props;
-      const {
-        isLoading
-      } = this.state;
-      if (isLoading === true) {
-        // don't fetch data when fetching is in process
-        return;
-      }
-      this.setState({
-        teamCentralBaseUrl: this.props.resourceClient.getTeamCentralBaseUrl()
-      });
-      this.setState({
-        isLoading: true,
-        hasError: false,
-        data: null
-      }, () => {
-        const requests = Promise.all([this.props.resourceClient.getProfile(cloudId || '', userId, this.fireAnalytics), this.props.resourceClient.getReportingLines(userId), this.props.resourceClient.shouldShowGiveKudos()]);
-        requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
-      });
-    });
-    _defineProperty(this, "openKudosDrawer", () => {
-      this.hideProfilecard();
-      this.setState({
-        kudosDrawerOpen: true
-      });
-    });
-    _defineProperty(this, "closeKudosDrawer", () => {
-      this.setState({
-        kudosDrawerOpen: false
-      });
-    });
-    _defineProperty(this, "renderCard", () => {
-      const {
-        isLoading
-      } = this.state;
-      if (isLoading === true || isLoading === undefined) {
-        return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, {
-          fireAnalytics: this.fireAnalytics
-        }));
-      } else {
-        return this.renderProfileCard();
-      }
-    });
-  }
-  componentDidMount() {
-    this._isMounted = true;
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      userId,
-      cloudId,
-      resourceClient
-    } = this.props;
-    const {
-      visible
-    } = this.state;
-
-    // just re-fetching data when the card opens
-    if (visible && (userId !== prevProps.userId || cloudId !== prevProps.cloudId || resourceClient !== prevProps.resourceClient)) {
-      this.setState({
-        isLoading: undefined
-      }, this.clientFetchProfile);
+export default function ProfilecardTriggerNext({
+  autoFocus,
+  trigger = 'hover',
+  userId,
+  cloudId,
+  resourceClient,
+  actions = [],
+  position = 'bottom-start',
+  children,
+  testId,
+  addFlag,
+  onReportingLinesClick,
+  ariaLabel,
+  ariaLabelledBy,
+  prepopulatedData,
+  disabledAriaAttributes,
+  onVisibilityChange
+}) {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const {
+    formatMessage
+  } = useIntl();
+  const isMounted = useRef(false);
+  const showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
+  const hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
+  const showTimer = useRef(0);
+  const hideTimer = useRef(0);
+  const [visible, setVisible] = useState(false);
+  const [isLoading, setIsLoading] = useState(undefined);
+  const [hasError, setHasError] = useState(false);
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(null);
+  const [reportingLinesData, setReportingLinesData] = useState(undefined);
+  const [shouldShowGiveKudos, setShouldShowGiveKudos] = useState(false);
+  const [teamCentralBaseUrl, setTeamCentralBaseUrl] = useState(undefined);
+  const [kudosDrawerOpen, setKudosDrawerOpen] = useState(false);
+  const [isTriggeredUsingKeyboard, setTriggeredUsingKeyboard] = useState(false);
+  const triggerRef = useRef(null);
+  useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+      clearTimeout(showTimer.current);
+      clearTimeout(hideTimer.current);
+    };
+  }, []);
+  useEffect(() => {
+    // Reset state when the userId changes
+    setIsLoading(undefined);
+    setHasError(false);
+    setError(null);
+    setData(null);
+    setReportingLinesData(undefined);
+    setShouldShowGiveKudos(false);
+    setTeamCentralBaseUrl(undefined);
+  }, [userId]);
+  const fireAnalytics = useCallback(payload => {
+    // Don't fire any analytics if the component is unmounted
+    if (!isMounted.current) {
+      return;
+    }
+    fireEvent(createAnalyticsEvent, payload);
+  }, [createAnalyticsEvent]);
+  const hideProfilecard = useCallback(() => {
+    clearTimeout(showTimer.current);
+    clearTimeout(hideTimer.current);
+    if (!isTriggeredUsingKeyboard) {
+      hideTimer.current = window.setTimeout(() => {
+        setVisible(false);
+        onVisibilityChange && onVisibilityChange(false);
+      }, hideDelay);
     }
-  }
-  componentWillUnmount() {
-    this._isMounted = false;
-    clearTimeout(this.showTimer);
-    clearTimeout(this.hideTimer);
-  }
-  handleClientSuccess(profileData, reportingLinesData, shouldShowGiveKudos) {
-    if (!this._isMounted) {
+  }, [hideDelay, isTriggeredUsingKeyboard, onVisibilityChange]);
+  const handleKeyboardClose = useCallback(event => {
+    if (event.key && event.key !== 'Escape') {
       return;
     }
-    this.setState({
-      isLoading: false,
-      hasError: false,
-      data: profileData,
-      reportingLinesData,
-      shouldShowGiveKudos
-    });
-  }
-  handleClientError(err) {
-    if (!this._isMounted) {
+    if (triggerRef.current) {
+      triggerRef.current.focus();
+    }
+    setTriggeredUsingKeyboard(false);
+    setVisible(false);
+    onVisibilityChange && onVisibilityChange(false);
+  }, [setTriggeredUsingKeyboard, setVisible, onVisibilityChange]);
+  const handleClientSuccess = useCallback((profileData, reportingLinesData, shouldShowGiveKudos) => {
+    if (!isMounted.current) {
       return;
     }
-    this.setState({
-      isLoading: false,
-      hasError: true,
-      error: err
-    });
-  }
-  filterActions() {
-    return filterActions(this.props.actions, this.state.data);
-  }
-  renderProfileCard() {
-    var _this$state$data;
-    const newProps = {
-      userId: this.props.userId,
-      isCurrentUser: (_this$state$data = this.state.data) === null || _this$state$data === void 0 ? void 0 : _this$state$data.isCurrentUser,
-      clientFetchProfile: this.clientFetchProfile,
-      ...this.state.data,
-      reportingLines: this.state.reportingLinesData,
-      onReportingLinesClick: this.props.onReportingLinesClick,
-      isKudosEnabled: this.state.shouldShowGiveKudos,
-      teamCentralBaseUrl: this.state.teamCentralBaseUrl,
-      cloudId: this.props.cloudId,
-      openKudosDrawer: this.openKudosDrawer
-    };
-    const wrapperProps = this.props.trigger === 'hover' ? {
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.hideProfilecard,
-      onFocus: this.onFocus
-    } : {};
-    return /*#__PURE__*/React.createElement("div", wrapperProps, this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
-      fallback: null
-    }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, newProps, {
-      actions: this.filterActions(),
-      hasError: this.state.hasError,
-      errorType: this.state.error,
-      withoutElevation: true
-    }))));
-  }
-  renderWithTrigger() {
-    var _this$props$autoFocus, _this$props$offset;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
-      isOpen: !!this.state.visible,
-      onClose: this.hideProfilecard,
-      placement: this.props.position,
-      content: this.renderCard,
-      trigger: triggerProps => {
-        const {
-          ref,
-          ...innerProps
-        } = triggerProps;
-        return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, this.containerListeners, {
-          ref: ref,
-          "data-testid": this.props.testId,
-          role: "button",
-          tabIndex: 0
-        }), this.props.children);
-      },
-      zIndex: layers.modal(),
-      shouldUseCaptureOnOutsideClick: true,
-      autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-      offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
-      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
-    }), this.state.shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
-      fallback: null
-    }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
-      isOpen: this.state.kudosDrawerOpen,
-      recipient: {
-        type: KudosType.INDIVIDUAL,
-        recipientId: this.props.userId
-      },
-      analyticsSource: "profile-card",
-      teamCentralBaseUrl: this.state.teamCentralBaseUrl,
-      cloudId: this.props.cloudId,
-      addFlag: this.props.addFlag,
-      onClose: this.closeKudosDrawer
-    })));
-  }
-  render() {
-    if (this.props.children) {
-      return this.renderWithTrigger();
-    } else {
-      throw new Error('Component "ProfileCardTrigger" must have "children" property');
+    setIsLoading(false);
+    setHasError(false);
+    setData(profileData);
+    setReportingLinesData(reportingLinesData);
+    setShouldShowGiveKudos(shouldShowGiveKudos);
+  }, [setHasError, setIsLoading, setData, setReportingLinesData, setShouldShowGiveKudos]);
+  const handleClientError = useCallback(err => {
+    if (!isMounted.current) {
+      return;
     }
-  }
-}
-_defineProperty(ProfilecardTrigger, "defaultProps", {
-  actions: [],
-  trigger: 'hover',
-  position: 'bottom-start'
-});
-const ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
-export default function ProfilecardTriggerSwitch(props) {
-  return fg('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
-    onVisibilityChange: isVisible => {
-      if (props.onVisibilityChange) {
-        props.onVisibilityChange(isVisible);
+    setIsLoading(false);
+    setHasError(true);
+    setError(err);
+  }, [setHasError, setIsLoading, setError]);
+  const clientFetchProfile = useCallback(async () => {
+    if (isLoading === true) {
+      // don't fetch data when fetching is in process
+      return;
+    }
+    setTeamCentralBaseUrl(resourceClient.getTeamCentralBaseUrl());
+    setIsLoading(true);
+    setHasError(false);
+    setError(null);
+    setData(null);
+    try {
+      const requests = Promise.all([resourceClient.getProfile(cloudId || '', userId, fireAnalytics), resourceClient.getReportingLines(userId), resourceClient.shouldShowGiveKudos()]);
+      const responses = await requests;
+      handleClientSuccess(...responses);
+    } catch (err) {
+      handleClientError(err);
+    }
+  }, [cloudId, fireAnalytics, isLoading, resourceClient, userId, handleClientSuccess, handleClientError]);
+  const showProfilecard = useCallback(() => {
+    clearTimeout(hideTimer.current);
+    clearTimeout(showTimer.current);
+    showTimer.current = window.setTimeout(() => {
+      if (!visible) {
+        void clientFetchProfile();
+        setVisible(true);
+        onVisibilityChange && onVisibilityChange(true);
       }
+    }, showDelay);
+  }, [showDelay, visible, clientFetchProfile, onVisibilityChange]);
+  const onClick = useCallback(event => {
+    // If the user clicks on the trigger then we don't want that click event to
+    // propagate out to parent containers. For example when clicking a mention
+    // lozenge in an inline-edit.
+    event.stopPropagation();
+    showProfilecard();
+    if (!visible) {
+      fireAnalytics(cardTriggered('user', 'click'));
+    }
+  }, [fireAnalytics, showProfilecard, visible]);
+  const onMouseEnter = useCallback(() => {
+    showProfilecard();
+    if (!visible) {
+      fireAnalytics(cardTriggered('user', 'hover'));
     }
-  })) : /*#__PURE__*/React.createElement(ProfilecardTriggerLegacy, props);
-}
+  }, [fireAnalytics, showProfilecard, visible]);
+  const onKeyPress = useCallback(event => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      setTriggeredUsingKeyboard(true);
+      showProfilecard();
+      if (!visible) {
+        fireAnalytics(cardTriggered('user', 'click'));
+      }
+    }
+  }, [fireAnalytics, showProfilecard, visible]);
+  const onFocus = useCallback(() => {
+    showProfilecard();
+  }, [showProfilecard]);
+  const containerListeners = useMemo(() => trigger === 'hover' ? {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: hideProfilecard,
+    onBlur: hideProfilecard,
+    onKeyPress: onKeyPress
+  } : {
+    onClick: onClick,
+    onKeyPress: onKeyPress
+  }, [hideProfilecard, onClick, onKeyPress, onMouseEnter, trigger]);
+  const filterActions = useCallback(() => {
+    return filterActionsInner(actions, data);
+  }, [actions, data]);
+  const openKudosDrawer = () => {
+    hideProfilecard();
+    setKudosDrawerOpen(true);
+  };
+  const closeKudosDrawer = () => {
+    setKudosDrawerOpen(false);
+  };
+  const showLoading = isLoading === true || isLoading === undefined;
+  const wrapperProps = useMemo(() => trigger === 'hover' ? {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: hideProfilecard,
+    onFocus: onFocus
+  } : {}, [hideProfilecard, onFocus, onMouseEnter, trigger]);
+  const profilecardProps = {
+    userId: userId,
+    fullName: prepopulatedData === null || prepopulatedData === void 0 ? void 0 : prepopulatedData.fullName,
+    isCurrentUser: data === null || data === void 0 ? void 0 : data.isCurrentUser,
+    clientFetchProfile: clientFetchProfile,
+    ...data,
+    reportingLines: reportingLinesData,
+    onReportingLinesClick: onReportingLinesClick,
+    isKudosEnabled: shouldShowGiveKudos,
+    teamCentralBaseUrl: teamCentralBaseUrl,
+    cloudId: cloudId,
+    openKudosDrawer: openKudosDrawer,
+    isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
+    disabledAriaAttributes: disabledAriaAttributes
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
+    isOpen: !!visible,
+    onClose: event => {
+      hideProfilecard();
+      handleKeyboardClose(event);
+    },
+    placement: position,
+    content: () => /*#__PURE__*/React.createElement("div", wrapperProps, showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
+      fireAnalytics: fireAnalytics
+    }) : visible && /*#__PURE__*/React.createElement(Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, profilecardProps, {
+      actions: filterActions(),
+      hasError: hasError,
+      errorType: error,
+      withoutElevation: true
+    })))),
+    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,
+        "aria-labelledby": ariaLabelledBy
+      }, disabledAriaAttributes ? {} : {
+        role: 'button',
+        tabIndex: 0,
+        'aria-label': getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
+      }), children);
+    },
+    zIndex: layers.modal(),
+    shouldUseCaptureOnOutsideClick: true,
+    autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
+  }), shouldShowGiveKudos && /*#__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
+  })));
+}
+const LoadingView = ({
+  fireAnalytics
+}) => /*#__PURE__*/React.createElement(CardWrapper, {
+  "data-testId": "profilecard.profilecardtrigger.loading"
+}, /*#__PURE__*/React.createElement(UserLoadingState, {
+  fireAnalytics: fireAnalytics
+}));

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getTeamFromAGG.js

@@ -48,7 +48,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', "19.16.3");
+  headers.append('atl-client-version', "19.17.1");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {