@atlaskit/profilecard 16.12.1 → 17.0.0

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

@@ -0,0 +1,120 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["text"];
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Lozenge from '@atlaskit/lozenge';
+import relativeDate from '../../internal/relative-date';
+import messages from '../../messages';
+import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
+import { IconLabel } from '../Icon';
+import ReportingLinesDetails from './ReportingLinesDetails';
+
+var renderName = function renderName(nickname, fullName, meta) {
+  if (!fullName && !nickname) {
+    return null;
+  }
+
+  var isNicknameRedundant = !nickname || nickname === fullName;
+  var shownNickname = " (".concat(nickname, ") ");
+  var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
+  return /*#__PURE__*/React.createElement(FullNameLabel, {
+    noMeta: !meta,
+    "data-testid": "profilecard-name"
+  }, displayName);
+};
+
+var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disabledAccountMessage) {
+  var status = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'closed';
+
+  // consumer does not want to use built-in message
+  if (disabledAccountMessage) {
+    return disabledAccountMessage;
+  }
+
+  var date = statusModifiedDate ? new Date(statusModifiedDate * 1000) : null;
+  var relativeDateKey = relativeDate(date);
+  var msgKey = relativeDateKey ? "".concat(status, "AccountDescMsgHasDate").concat(relativeDateKey) : "".concat(status, "AccountDescMsgNoDate");
+  var secondSentence = /*#__PURE__*/React.createElement(FormattedMessage, messages[msgKey]);
+  return /*#__PURE__*/React.createElement("p", {
+    "data-testid": "profilecard-disabled-account"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.generalDescMsgForDisabledUser), ' ', secondSentence);
+};
+
+var CustomLozenges = function CustomLozenges(_ref) {
+  var _ref$lozenges = _ref.lozenges,
+      lozenges = _ref$lozenges === void 0 ? [] : _ref$lozenges;
+
+  if (lozenges.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(CustomLozengeContainer, null, lozenges.map(function (_ref2, index) {
+    var text = _ref2.text,
+        otherProps = _objectWithoutProperties(_ref2, _excluded);
+
+    return /*#__PURE__*/React.createElement(Lozenge, _extends({}, otherProps, {
+      key: index
+    }), text);
+  }));
+};
+
+var BotProfileCardDetails = function BotProfileCardDetails(props) {
+  var fullName = props.fullName,
+      nickname = props.nickname;
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "App"));
+};
+
+var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
+  var companyName = props.companyName,
+      disabledAccountMessage = props.disabledAccountMessage,
+      fullName = props.fullName,
+      _props$hasDisabledAcc = props.hasDisabledAccountLozenge,
+      hasDisabledAccountLozenge = _props$hasDisabledAcc === void 0 ? true : _props$hasDisabledAcc,
+      nickname = props.nickname,
+      status = props.status,
+      statusModifiedDate = props.statusModifiedDate;
+  var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(FullNameLabel, {
+    noMeta: true,
+    isDisabledAccount: true,
+    "data-testid": "profilecard-name"
+  }, name), hasDisabledAccountLozenge && /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: "default",
+    isBold: true
+  }, status === 'inactive' ? /*#__PURE__*/React.createElement(FormattedMessage, messages.inactiveAccountMsg) : /*#__PURE__*/React.createElement(FormattedMessage, messages.closedAccountMsg))), /*#__PURE__*/React.createElement(DisabledInfo, null, disabledAccountDesc(statusModifiedDate, disabledAccountMessage, status)), status === 'inactive' && /*#__PURE__*/React.createElement(IconLabel, {
+    icon: "companyName"
+  }, companyName));
+};
+
+export var ProfileCardDetails = function ProfileCardDetails(props) {
+  var meta = props.meta,
+      status = props.status;
+
+  if (props.isBot) {
+    return /*#__PURE__*/React.createElement(BotProfileCardDetails, props);
+  }
+
+  if (status === 'inactive' || status === 'closed') {
+    return /*#__PURE__*/React.createElement(DisabledProfileCardDetails, _extends({}, props, {
+      status: status
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
+    lozenges: props.customLozenges
+  }), /*#__PURE__*/React.createElement(IconLabel, {
+    icon: "email"
+  }, props.email), /*#__PURE__*/React.createElement(IconLabel, {
+    icon: "time"
+  }, props.timestring), /*#__PURE__*/React.createElement(IconLabel, {
+    icon: "companyName"
+  }, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
+    icon: "location"
+  }, props.location), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
+    reportingLines: props.reportingLines,
+    reportingLinesProfileUrl: props.reportingLinesProfileUrl,
+    onReportingLinesClick: props.onReportingLinesClick,
+    fireAnalyticsWithDuration: props.fireAnalyticsWithDuration
+  }));
+};

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

@@ -17,10 +17,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { Suspense } from 'react';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
-import { AnalyticsName } from '../../internal/analytics';
 import filterActions from '../../internal/filterActions';
 import { CardWrapper } from '../../styled/Card';
+import { fireEvent } from '../../util/analytics';
 import { ErrorMessage } from '../Error';
 import ProfileCard from './ProfileCard';
 import UserLoadingState from './UserLoadingState';
@@ -54,12 +55,14 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
       kudosDrawerOpen: false
     });
 
-    _defineProperty(_assertThisInitialized(_this), "callAnalytics", function (id) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var analytics = _this.props.analytics;
+    _defineProperty(_assertThisInitialized(_this), "fireAnalytics", function (payload) {
+      // Don't fire analytics if the component is unmounted
+      if (!_this._isMounted) {
+        return;
+      }
 
-      if (analytics) {
-        analytics(id, options);
+      if (_this.props.createAnalyticsEvent) {
+        fireEvent(_this.props.createAnalyticsEvent, payload);
       }
     });
 
@@ -79,7 +82,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         hasError: false,
         data: null
       }, function () {
-        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId, userId), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
+        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId, userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
         requests.then(function (res) {
           var _this2;
 
@@ -124,17 +127,12 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
           userId = _this$props2.userId,
           cloudId = _this$props2.cloudId,
           resourceClient = _this$props2.resourceClient;
-      var hasError = this.state.hasError;
 
       if (userId !== prevProps.userId || cloudId !== prevProps.cloudId || resourceClient !== prevProps.resourceClient) {
         this.setState({
           isLoading: undefined
         }, this.clientFetchProfile);
       }
-
-      if (hasError !== prevState.hasError && hasError) {
-        this.callAnalytics(AnalyticsName.PROFILE_CARD_RESOURCED_ERROR);
-      }
     }
   }, {
     key: "componentWillUnmount",
@@ -180,7 +178,6 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
           reportingLinesData = _this$state.reportingLinesData,
           isKudosEnabled = _this$state.isKudosEnabled;
       var _this$props3 = this.props,
-          analytics = _this$props3.analytics,
           onReportingLinesClick = _this$props3.onReportingLinesClick,
           cloudId = _this$props3.cloudId,
           userId = _this$props3.userId,
@@ -188,11 +185,14 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
       var isFetchingOrNotStartToFetchYet = isLoading === true || isLoading === undefined;
 
       if (isFetchingOrNotStartToFetchYet) {
-        return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, null));
+        return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, {
+          fireAnalytics: this.fireAnalytics
+        }));
       } else if (hasError) {
         return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
           errorType: error,
-          reload: this.clientFetchProfile
+          reload: this.clientFetchProfile,
+          fireAnalytics: this.fireAnalytics
         }));
       }
 
@@ -200,7 +200,6 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         hasError: hasError,
         errorType: error,
         clientFetchProfile: this.clientFetchProfile,
-        analytics: analytics,
         reportingLines: reportingLinesData,
         onReportingLinesClick: onReportingLinesClick,
         cloudId: cloudId,
@@ -238,4 +237,5 @@ _defineProperty(ProfileCardResourced, "defaultProps", {
   actions: []
 });
 
-export { ProfileCardResourced as default };
+export var ProfileCardResourcedInternal = ProfileCardResourced;
+export default withAnalyticsEvents()(ProfileCardResourced);

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

@@ -19,11 +19,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { Suspense } from 'react';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import _filterActions from '../../internal/filterActions';
 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 UserLoadingState from './UserLoadingState';
@@ -54,6 +56,17 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "hideTimer", 0);
 
+    _defineProperty(_assertThisInitialized(_this), "fireAnalytics", function (payload) {
+      // Don't fire any analytics if the component is unmounted
+      if (!_this._isMounted) {
+        return;
+      }
+
+      if (_this.props.createAnalyticsEvent) {
+        fireEvent(_this.props.createAnalyticsEvent, payload);
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "hideProfilecard", function () {
       clearTimeout(_this.showTimer);
       clearTimeout(_this.hideTimer);
@@ -85,10 +98,22 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
       event.stopPropagation();
 
       _this.showProfilecard();
+
+      if (!_this.state.visible) {
+        _this.fireAnalytics(cardTriggered('user', 'click'));
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onMouseEnter", function () {
+      _this.showProfilecard();
+
+      if (!_this.state.visible) {
+        _this.fireAnalytics(cardTriggered('user', 'hover'));
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "containerListeners", _this.props.trigger === 'hover' ? {
-      onMouseEnter: _this.showProfilecard,
+      onMouseEnter: _this.onMouseEnter,
       onMouseLeave: _this.hideProfilecard
     } : {
       onClick: _this.onClick
@@ -131,7 +156,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         hasError: false,
         data: null
       }, function () {
-        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
+        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
         requests.then(function (res) {
           var _this2;
 
@@ -162,7 +187,9 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
       var isLoading = _this.state.isLoading;
 
       if (isLoading === true || isLoading === undefined) {
-        return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, null));
+        return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, {
+          fireAnalytics: _this.fireAnalytics
+        }));
       } else {
         return _this.renderProfileCard();
       }
@@ -239,8 +266,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
       var newProps = _objectSpread(_objectSpread({
         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,
-        analytics: this.props.analytics
+        clientFetchProfile: this.clientFetchProfile
       }, this.state.data), {}, {
         reportingLines: this.state.reportingLinesData,
         onReportingLinesClick: this.props.onReportingLinesClick,
@@ -251,7 +277,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
       });
 
       var wrapperProps = this.props.trigger === 'hover' ? {
-        onMouseEnter: this.showProfilecard,
+        onMouseEnter: this.onMouseEnter,
         onMouseLeave: this.hideProfilecard
       } : {};
       return /*#__PURE__*/React.createElement("div", wrapperProps, this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
@@ -319,4 +345,4 @@ _defineProperty(ProfilecardTrigger, "defaultProps", {
   position: 'bottom-start'
 });
 
-export default ProfilecardTrigger;
+export default withAnalyticsEvents()(ProfilecardTrigger);

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

@@ -3,9 +3,9 @@ import { FormattedMessage } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
 import Button from '@atlaskit/button/custom-theme-button';
-import { AnalyticsName } from '../../internal/analytics';
 import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesHeading, ReportingLinesSection } from '../../styled/ReportingLines';
+import { reportingLinesClicked } from '../../util/analytics';
 
 function getProfileHref(userId, profileUrl) {
   return profileUrl ? profileUrl + userId : undefined;
@@ -14,13 +14,11 @@ function getProfileHref(userId, profileUrl) {
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
   var _manager$pii, _manager$pii2;
 
-  var _props$reportingLines = props.reportingLines,
+  var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
+      _props$reportingLines = props.reportingLines,
       reportingLines = _props$reportingLines === void 0 ? {} : _props$reportingLines,
       reportingLinesProfileUrl = props.reportingLinesProfileUrl,
-      onReportingLinesClick = props.onReportingLinesClick,
-      _props$analytics = props.analytics,
-      analytics = _props$analytics === void 0 ? function () {} : _props$analytics,
-      getDuration = props.getDuration;
+      onReportingLinesClick = props.onReportingLinesClick;
   var _reportingLines$manag = reportingLines.managers,
       managers = _reportingLines$manag === void 0 ? [] : _reportingLines$manag,
       _reportingLines$repor = reportingLines.reports,
@@ -28,11 +26,13 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
   var manager = managers.length >= 1 ? managers[0] : undefined;
   var hasReports = reports.length > 0;
 
-  var getReportingLinesOnClick = function getReportingLinesOnClick(user, analyticsId) {
+  var getReportingLinesOnClick = function getReportingLinesOnClick(user, userType) {
     return onReportingLinesClick ? function () {
-      analytics(AnalyticsName.PROFILE_CARD_CLICK, {
-        id: analyticsId,
-        duration: getDuration()
+      fireAnalyticsWithDuration(function (duration) {
+        return reportingLinesClicked({
+          duration: duration,
+          userType: userType
+        });
       });
       onReportingLinesClick(user);
     } : undefined;
@@ -46,7 +46,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
     appearance: "subtle",
     spacing: "none",
     href: getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl),
-    onClick: getReportingLinesOnClick(manager, 'reporting-lines-manager'),
+    onClick: getReportingLinesOnClick(manager, 'manager'),
     isDisabled: !onReportingLinesClick
   }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
     size: "xsmall",
@@ -62,7 +62,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
         name: ((_member$pii = member.pii) === null || _member$pii === void 0 ? void 0 : _member$pii.name) || '',
         src: (_member$pii2 = member.pii) === null || _member$pii2 === void 0 ? void 0 : _member$pii2.picture,
         href: getProfileHref(member.accountIdentifier, reportingLinesProfileUrl),
-        onClick: getReportingLinesOnClick(member, 'reporting-lines-direct-report')
+        onClick: getReportingLinesOnClick(member, 'direct-report')
       };
     }),
     maxCount: 5,

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

@@ -1,8 +1,13 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner';
 import { SpinnerContainer } from '../../styled/Card';
+import { profileCardRendered } from '../../util/analytics';
 
-var UserLoadingState = function UserLoadingState() {
+var UserLoadingState = function UserLoadingState(_ref) {
+  var fireAnalytics = _ref.fireAnalytics;
+  useEffect(function () {
+    fireAnalytics(profileCardRendered('user', 'spinner'));
+  }, [fireAnalytics]);
   return /*#__PURE__*/React.createElement(SpinnerContainer, null, /*#__PURE__*/React.createElement(AkSpinner, null));
 };
 

package/dist/esm/util/analytics.js

@@ -10,8 +10,10 @@ import { getPageTime } from './performance';
 var ANALYTICS_CHANNEL = 'peopleTeams';
 
 var runItLater = function runItLater(cb) {
-  if (window.requestIdleCallback === 'function') {
-    return window.requestIdleCallback(cb);
+  var requestIdleCallback = window.requestIdleCallback;
+
+  if (typeof requestIdleCallback === 'function') {
+    return requestIdleCallback(cb);
   }
 
   if (typeof window.requestAnimationFrame === 'function') {
@@ -35,6 +37,7 @@ export var fireEvent = function fireEvent(createAnalyticsEvent, body) {
 /** Above lines are copied from teams common analytics */
 
 var TEAM_SUBJECT = 'teamProfileCard';
+var USER_SUBJECT = 'profilecard';
 
 var createEvent = function createEvent(eventType, action, actionSubject, actionSubjectId) {
   var attributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
@@ -45,29 +48,35 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.12.1"
+      packageVersion: "17.0.0"
     }, attributes), {}, {
-      firedAt: getPageTime()
+      firedAt: Math.round(getPageTime())
     })
   };
 };
 
-export var teamCardTriggered = function teamCardTriggered(method) {
-  return createEvent('ui', 'triggered', TEAM_SUBJECT, undefined, {
+export var cardTriggered = function cardTriggered(type, method) {
+  return createEvent('ui', 'triggered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, undefined, {
     method: method
   });
 };
 export var teamRequestAnalytics = function teamRequestAnalytics(action, attributes) {
   return createEvent('operational', action, TEAM_SUBJECT, 'request', attributes);
 };
-export var teamProfileCardRendered = function teamProfileCardRendered(actionSubjectId, attributes) {
-  return createEvent('ui', 'rendered', TEAM_SUBJECT, actionSubjectId, attributes);
+export var userRequestAnalytics = function userRequestAnalytics(action, attributes) {
+  return createEvent('operational', action, USER_SUBJECT, 'request', attributes);
+};
+export var profileCardRendered = function profileCardRendered(type, actionSubjectId, attributes) {
+  return createEvent('ui', 'rendered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, actionSubjectId, attributes);
+};
+export var actionClicked = function actionClicked(type, attributes) {
+  return createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'action', attributes);
 };
-export var teamActionClicked = function teamActionClicked(attributes) {
-  return createEvent('ui', 'clicked', TEAM_SUBJECT, 'action', attributes);
+export var reportingLinesClicked = function reportingLinesClicked(attributes) {
+  return createEvent('ui', 'clicked', USER_SUBJECT, 'reportingLines', attributes);
 };
-export var moreActionsClicked = function moreActionsClicked(attributes) {
-  return createEvent('ui', 'clicked', TEAM_SUBJECT, 'moreActions', attributes);
+export var moreActionsClicked = function moreActionsClicked(type, attributes) {
+  return createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'moreActions', attributes);
 };
 export var teamAvatarClicked = function teamAvatarClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.12.1"
+	"version": "17.0.0"
 }

package/dist/types/client/ProfileCardClient.d.ts

@@ -1,3 +1,4 @@
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { ClientOverrides, ProfileClientOptions, TeamCentralReportingLinesData } from '../types';
 import TeamCentralCardClient from './TeamCentralCardClient';
 import TeamProfileCardClient from './TeamProfileCardClient';
@@ -8,8 +9,8 @@ declare class ProfileCardClient {
     tcClient?: TeamCentralCardClient;
     constructor(config: ProfileClientOptions, clients?: ClientOverrides);
     flushCache(): void;
-    getProfile(cloudId: string, userId: string): Promise<any>;
-    getTeamProfile(teamId: string, orgId?: string, analytics?: (event: Record<string, any>) => void): Promise<import("../types").Team>;
+    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
+    getTeamProfile(teamId: string, orgId?: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").Team>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
     getTeamCentralBaseUrl(): string | undefined;
     shouldShowGiveKudos(): Promise<boolean>;

package/dist/types/client/TeamProfileCardClient.d.ts

@@ -1,3 +1,4 @@
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import type { ProfileClientOptions, Team } from '../types';
 import CachingClient from './CachingClient';
 export default class TeamProfileCardClient extends CachingClient<Team> {
@@ -5,5 +6,5 @@ export default class TeamProfileCardClient extends CachingClient<Team> {
     constructor(options: ProfileClientOptions);
     makeRequestViaGateway(teamId: string, _orgId: string | undefined): Promise<Team>;
     makeRequest(teamId: string, orgId: string | undefined): Promise<Team>;
-    getProfile(teamId: string, orgId: string | undefined, analytics?: (event: Record<string, any>) => void): Promise<Team>;
+    getProfile(teamId: string, orgId: string | undefined, analytics?: (event: AnalyticsEventPayload) => void): Promise<Team>;
 }

package/dist/types/client/UserProfileCardClient.d.ts

@@ -1,3 +1,4 @@
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { ApiClientResponse, ProfileCardClientData, ProfileClientOptions } from '../types';
 import CachingClient from './CachingClient';
 /**
@@ -13,5 +14,5 @@ export default class UserProfileCardClient extends CachingClient<any> {
     options: ProfileClientOptions;
     constructor(options: ProfileClientOptions);
     makeRequest(cloudId: string, userId: string): Promise<ProfileCardClientData>;
-    getProfile(cloudId: string, userId: string): Promise<any>;
+    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
 }

package/dist/types/client/errorUtils.d.ts

@@ -0,0 +1,6 @@
+export declare const getErrorAttributes: (error?: any) => {
+    errorStatus: any;
+    errorReason: any;
+    isSLOFailure: boolean;
+    traceId: string | undefined;
+};

package/dist/types/components/Error/ErrorMessage.d.ts

@@ -1,19 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { ProfileCardErrorType } from '../../types';
-declare type Props = {
+interface Props {
     reload?: () => void | undefined;
     errorType?: ProfileCardErrorType;
-};
-export default class ErrorMessage extends React.PureComponent<Props> {
-    static defaultProps: {
-        errorType: {
-            reason: string;
-        };
-    };
-    renderNotFound: () => JSX.Element;
-    renderDefault: () => JSX.Element;
-    renderRetryButton: () => JSX.Element | null;
-    renderErrorContent(): JSX.Element;
-    render(): JSX.Element;
+    fireAnalytics: (payload: AnalyticsEventPayload) => void;
 }
-export {};
+declare const ErrorMessage: (props: Props) => JSX.Element;
+export default ErrorMessage;

package/dist/types/components/Team/TeamProfileCardTrigger.d.ts

@@ -1,17 +1,15 @@
 import React from 'react';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { TriggerProps } from '@atlaskit/popup/types';
-import type { AnalyticsFromDuration, ProfileCardAction, Team, TeamProfileCardTriggerProps, TeamProfileCardTriggerState } from '../../types';
-export declare class TeamProfileCardTriggerInternal extends React.PureComponent<TeamProfileCardTriggerProps & {
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
-}, TeamProfileCardTriggerState> {
+import type { AnalyticsFromDuration, AnalyticsProps, ProfileCardAction, Team, TeamProfileCardTriggerProps, TeamProfileCardTriggerState } from '../../types';
+export declare class TeamProfileCardTriggerInternal extends React.PureComponent<TeamProfileCardTriggerProps & AnalyticsProps, TeamProfileCardTriggerState> {
     static defaultProps: Partial<TeamProfileCardTriggerProps>;
     _isMounted: boolean;
     showTimer: number;
     hideTimer: number;
     openedByHover: boolean;
     openTime: number;
-    fireAnalytics: (payload: Record<string, any>) => void;
+    fireAnalytics: (payload: AnalyticsEventPayload) => void;
     fireAnalyticsWithDuration: (generator: AnalyticsFromDuration) => void;
     hideProfilecard: (delay?: number) => void;
     showProfilecard: (delay?: number) => void;
@@ -48,9 +46,5 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     renderPopup(): React.ReactNode;
     render(): React.ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & {
-    createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<TeamProfileCardTriggerProps & {
-    createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, keyof TeamProfileCardTriggerProps>> & Partial<Pick<Partial<TeamProfileCardTriggerProps>, never>> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, keyof TeamProfileCardTriggerProps>> & Partial<Pick<Partial<TeamProfileCardTriggerProps>, never>> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/User/OverflowProfileCardButtons.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { ProfileCardAction } from '../../types';
+import { AnalyticsWithDurationProps, ProfileCardAction } from '../../types';
 declare type OverflowButtonsProps = {
     actions: ProfileCardAction[];
-    onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent) => void;
-};
+    onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
+} & AnalyticsWithDurationProps;
+export declare const ACTION_OVERFLOW_THRESHOLD = 2;
 export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => JSX.Element;
 export {};

package/dist/types/components/User/ProfileCard.d.ts

@@ -1,29 +1,5 @@
-import React, { ReactElement } from 'react';
-import { LozengeProps, ProfileCardAction, ProfilecardProps } from '../../types';
-export default class Profilecard extends React.PureComponent<ProfilecardProps> {
-    static defaultProps: ProfilecardProps;
-    GIVE_KUDOS_ACTION_ID: string;
-    private timeOpen;
-    clientFetchProfile: () => void;
-    constructor(props: ProfilecardProps);
-    private durationSince;
-    callClientFetchProfile: (...args: any) => void;
-    callAnalytics: (id: string, options: any) => void;
-    componentDidMount(): void;
-    renderErrorMessage(): JSX.Element;
-    kudosUrl: () => string;
-    kudosButtonCallback: () => void;
-    getActions(): ProfileCardAction[];
-    renderButton: (action: ProfileCardAction, idx: number) => ReactElement;
-    renderActionsButtons(): JSX.Element | null;
-    private onActionClick;
-    renderCardDetailsDefault(): JSX.Element;
-    renderCardDetailsForDisabledAccount(): JSX.Element;
-    getDisabledAccountName(): string | JSX.Element | null | undefined;
-    getDisabledAccountDesc(): {};
-    private renderFullNameAndPublicName;
-    renderCustomLozenges(lozenges: LozengeProps[]): JSX.Element | null;
-    renderCardDetailsApp(): JSX.Element;
-    renderCardDetails(): JSX.Element;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { AnalyticsProps, ProfilecardProps } from '../../types';
+export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => JSX.Element | null;
+declare const _default: React.ForwardRefExoticComponent<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default _default;

package/dist/types/components/User/ProfileCardDetails.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AnalyticsWithDurationProps, ProfilecardProps } from '../../types';
+export declare const ProfileCardDetails: (props: ProfilecardProps & AnalyticsWithDurationProps) => JSX.Element;