@atlaskit/profilecard 26.19.8 → 26.20.0

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingView = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
+var _UserTrigger = require("../../styled/UserTrigger");
+var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2.default)(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; }
+var LoadingView = exports.LoadingView = function LoadingView(_ref) {
+  var fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration;
+  (0, _react.useEffect)(function () {
+    fireAnalyticsWithDuration('ui.profilecard.rendered.spinner', function (duration) {
+      return _objectSpread({
+        firedAt: Math.round((0, _performance.getPageTime)()),
+        duration: duration
+      }, _analytics.PACKAGE_META_DATA);
+    });
+  }, [fireAnalyticsWithDuration]);
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, {
+    testId: "profilecard-spinner-container"
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+};

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

@@ -1,249 +1,28 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ProfilecardInternal = exports.LoadingView = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
-var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
-var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
-var _teamsLinkButton = require("@atlaskit/teams-app-internal-navigation/teams-link-button");
-var _messages = _interopRequireDefault(require("../../messages"));
-var _Card = require("../../styled/Card");
-var _UserTrigger = require("../../styled/UserTrigger");
-var _analytics = require("../../util/analytics");
-var _click = require("../../util/click");
-var _performance = require("../../util/performance");
-var _Error = require("../Error");
-var _OverflowProfileCardButtons = require("./OverflowProfileCardButtons");
-var _ProfileCardDetails = require("./ProfileCardDetails");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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) { (0, _defineProperty2.default)(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; }
-var GIVE_KUDOS_ACTION_ID = 'give-kudos';
-var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosDrawer) {
-  var kudosUrl = (0, _react.useMemo)(function () {
-    var recipientId = userId ? "&recipientId=".concat(userId) : '';
-    var cloudIdParam = cloudId ? "&cloudId=".concat(cloudId) : '';
-    return "".concat(teamCentralBaseUrl || '', "/kudos/give?type=individual").concat(recipientId).concat(cloudIdParam);
-  }, [cloudId, teamCentralBaseUrl, userId]);
-  var kudosButtonCallback = (0, _react.useCallback)(function () {
-    if (openKudosDrawer) {
-      openKudosDrawer();
-    } else {
-      window.open(kudosUrl);
-    }
-  }, [kudosUrl, openKudosDrawer]);
-  var kudosAction = (0, _react.useMemo)(function () {
-    return {
-      label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.default.giveKudosButton),
-      id: GIVE_KUDOS_ACTION_ID,
-      callback: kudosButtonCallback,
-      link: kudosUrl
-    };
-  }, [kudosButtonCallback, kudosUrl]);
-  return {
-    kudosAction: kudosAction,
-    kudosButtonCallback: kudosButtonCallback,
-    kudosUrl: kudosUrl
-  };
-};
-var Wrapper = function Wrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
-    testId: "profilecard",
-    role: "dialog",
-    labelledBy: props.labelledBy,
-    ariaLabel: props.ariaLabel
-  }, props.children);
-};
-var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInternal(props) {
-  var _useState = (0, _react.useState)((0, _performance.getPageTime)()),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-    openTime = _useState2[0];
-  var intl = (0, _reactIntl.useIntl)();
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var fireAnalyticsWithDuration = (0, _react.useCallback)(function (eventKey, generator) {
-    var duration = (0, _performance.getPageTime)() - openTime;
-    var attributes = generator(duration);
-    fireEvent(eventKey, attributes);
-  }, [openTime, fireEvent]);
-  var _useKudos = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer),
-    kudosAction = _useKudos.kudosAction;
-  var _props$actions = props.actions,
-    actions = _props$actions === void 0 ? [] : _props$actions,
-    isCurrentUser = props.isCurrentUser,
-    isKudosEnabled = props.isKudosEnabled,
-    _props$status = props.status,
-    status = _props$status === void 0 ? 'active' : _props$status;
-  var realActions = (0, _react.useMemo)(function () {
-    if (isCurrentUser || !isKudosEnabled || status !== 'active') {
-      return actions;
-    }
-    return actions.concat([kudosAction]);
-  }, [actions, isCurrentUser, isKudosEnabled, kudosAction, status]);
-  var isLoading = props.isLoading,
-    fullName = props.fullName,
-    hasError = props.hasError;
-  var canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
-  (0, _react.useEffect)(function () {
-    if (canRender) {
-      fireAnalyticsWithDuration('ui.profilecard.rendered.content', function (duration) {
-        return _objectSpread({
-          duration: duration,
-          numActions: realActions.length,
-          firedAt: Math.round((0, _performance.getPageTime)())
-        }, _analytics.PACKAGE_META_DATA);
-      });
-    }
-  }, [canRender, fireAnalyticsWithDuration, realActions]);
-  if (hasError) {
-    return /*#__PURE__*/_react.default.createElement(Wrapper, {
-      ariaLabel: intl.formatMessage(_messages.default.errorDialogLabel)
-    }, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
-      reload: props.clientFetchProfile,
-      errorType: props.errorType || null,
-      fireAnalytics: fireEvent
-    }));
+Object.defineProperty(exports, "LoadingView", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingView.LoadingView;
   }
-  if (isLoading) {
-    return /*#__PURE__*/_react.default.createElement(Wrapper, {
-      ariaLabel: intl.formatMessage(_messages.default.loadingDialogLabel)
-    }, /*#__PURE__*/_react.default.createElement(LoadingView, {
-      fireAnalyticsWithDuration: fireAnalyticsWithDuration
-    }));
-  }
-  if (!canRender) {
-    return null;
-  }
-  var isDisabledUser = status === 'inactive' || status === 'closed';
-  return /*#__PURE__*/_react.default.createElement(Wrapper, {
-    labelledBy: "profilecard-name-label"
-  }, /*#__PURE__*/_react.default.createElement(_Card.CardContainer, {
-    isDisabledUser: isDisabledUser,
-    withoutElevation: props.withoutElevation
-  }, /*#__PURE__*/_react.default.createElement(_Card.ProfileImage, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
-    size: "xlarge",
-    src: status !== 'closed' ? props.avatarUrl : undefined,
-    borderColor: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
-  })), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, /*#__PURE__*/_react.default.createElement(_ProfileCardDetails.ProfileCardDetails, (0, _extends2.default)({}, props, {
-    status: status,
-    fireAnalyticsWithDuration: fireAnalyticsWithDuration
-  })), realActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), /*#__PURE__*/_react.default.createElement(Actions, (0, _extends2.default)({}, (0, _fg.fg)('jfp_a11y_team_profile_card_actions_label') && {
-    fullName: fullName
-  }, {
-    fullName: fullName,
-    actions: realActions,
-    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
-    isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard,
-    isRenderedInPortal: props.isRenderedInPortal
-  }))))));
-};
-var Actions = function Actions(_ref) {
-  var actions = _ref.actions,
-    fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration,
-    isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard,
-    isRenderedInPortal = _ref.isRenderedInPortal,
-    fullName = _ref.fullName;
-  var onActionClick = (0, _react.useCallback)(function (action, args, event, index) {
-    fireAnalyticsWithDuration('ui.profilecard.clicked.action', function (duration) {
-      return _objectSpread({
-        method: 'click',
-        firedAt: Math.round((0, _performance.getPageTime)()),
-        duration: duration,
-        hasHref: !!action.link,
-        hasOnClick: !!action.callback,
-        index: index,
-        actionId: action.id || 'no-id-specified'
-      }, _analytics.PACKAGE_META_DATA);
-    });
-    if (action.callback && (0, _click.isBasicClick)(event)) {
-      event.preventDefault();
-      action.callback.apply(action, [event].concat((0, _toConsumableArray2.default)(args)));
-    }
-  }, [fireAnalyticsWithDuration]);
-  if (!actions || actions.length === 0) {
-    return null;
+});
+Object.defineProperty(exports, "ProfilecardInternal", {
+  enumerable: true,
+  get: function get() {
+    return _ProfilecardInternal.ProfilecardInternal;
   }
-  var regularActions = actions.slice(0, _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
-  var overflowActions = actions.length > _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD ? actions.slice(_OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD) : undefined;
-  return /*#__PURE__*/_react.default.createElement(_Card.ActionButtonGroup, {
-    testId: "profilecard-actions"
-  }, regularActions.map(function (action, index) {
-    var isKudos = action.id === GIVE_KUDOS_ACTION_ID;
-    if (isKudos && (0, _fg.fg)('fix_give_kudos_btn_incorrect_role')) {
-      var kudosButton = /*#__PURE__*/_react.default.createElement(_button.default, {
-        appearance: "default",
-        key: action.id || index,
-        onClick: function onClick(event) {
-          for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-            args[_key - 1] = arguments[_key];
-          }
-          return onActionClick(action, args, event, index);
-        },
-        autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
-        id: "action-button-".concat(action.id),
-        "aria-labelledby": "action-button-".concat(action.id, " profilecard-name-label")
-      }, action.label, /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
-      return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {
-        key: "profile-card-action-kudos_".concat(action.id || index)
-      }, kudosButton);
-    }
-    var button = /*#__PURE__*/_react.default.createElement(_teamsLinkButton.TeamsLinkButton, {
-      appearance: "default",
-      key: action.id || index,
-      onClick: function onClick(event) {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-        return onActionClick(action, args, event, index);
-      },
-      href: action.link || '',
-      intent: "action",
-      autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
-      id: "action-button-".concat(action.id),
-      "aria-labelledby": "action-button-".concat(action.id, " profilecard-name-label")
-    }, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
-
-    // TODO: Remove this once fix_give_kudos_btn_incorrect_role is fully rolled out
-    if (isKudos) {
-      return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {
-        key: "profile-card-action-kudos_".concat(action.id || index)
-      }, button);
-    }
-    return button;
-  }), overflowActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, (0, _extends2.default)({
-    actions: overflowActions,
-    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
-    onItemClick: function onItemClick(action, args, event, index) {
-      return onActionClick(action, args, event, index + _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
-    }
-  }, (0, _fg.fg)('jfp_a11y_team_profile_card_actions_label') && {
-    fullName: fullName
-  })));
-};
-var LoadingView = exports.LoadingView = function LoadingView(_ref2) {
-  var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration;
-  (0, _react.useEffect)(function () {
-    fireAnalyticsWithDuration('ui.profilecard.rendered.spinner', function (duration) {
-      return _objectSpread({
-        firedAt: Math.round((0, _performance.getPageTime)()),
-        duration: duration
-      }, _analytics.PACKAGE_META_DATA);
-    });
-  }, [fireAnalyticsWithDuration]);
-  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, {
-    testId: "profilecard-spinner-container"
-  }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
-};
-var _default = exports.default = ProfilecardInternal;
+});
+exports.default = void 0;
+var _ProfilecardInternal = require("./ProfilecardInternal");
+var _LoadingView = require("./LoadingView");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+var _default = exports.default = _ProfilecardInternal.ProfilecardInternal;
+/**
+ * @deprecated Use `import { ProfilecardInternal } from '@atlaskit/profilecard/profilecard-internal'` instead.
+ */
+/**
+ * @deprecated Use `import { LoadingView } from '@atlaskit/profilecard/loading-view'` instead.
+ */

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

@@ -22,7 +22,7 @@ var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
-var _Icon = require("../Icon");
+var _IconLabel = _interopRequireDefault(require("../Icon/IconLabel"));
 var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
 var _excluded = ["text"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -118,7 +118,7 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
   }, name), hasDisabledAccountLozenge && /*#__PURE__*/_react.default.createElement(_Card.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
     appearance: "neutral",
     isBold: true
-  }, status === 'inactive' ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.default.inactiveAccountMsg) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.default.closedAccountMsg))), /*#__PURE__*/_react.default.createElement(_Card.DisabledInfo, null, disabledAccountDesc(statusModifiedDate, disabledAccountMessage, status)), status === 'inactive' && /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
+  }, status === 'inactive' ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.default.inactiveAccountMsg) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.default.closedAccountMsg))), /*#__PURE__*/_react.default.createElement(_Card.DisabledInfo, null, disabledAccountDesc(statusModifiedDate, disabledAccountMessage, status)), status === 'inactive' && /*#__PURE__*/_react.default.createElement(_IconLabel.default, {
     icon: "companyName"
   }, companyName));
 };
@@ -158,17 +158,17 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
   }, lozenges) : lozenges, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: (0, _fg.fg)('ptc-a11y-42024-profilecard-details-list') ? 'dl' : 'div',
     xcss: styles.detailedListWrapperNext
-  }, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
+  }, /*#__PURE__*/_react.default.createElement(_IconLabel.default, {
     icon: "email",
     extraTopSpace: true,
     isDescriptionListItem: (0, _fg.fg)('ptc-a11y-42024-profilecard-details-list')
-  }, props.email), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
+  }, props.email), /*#__PURE__*/_react.default.createElement(_IconLabel.default, {
     icon: "time",
     isDescriptionListItem: (0, _fg.fg)('ptc-a11y-42024-profilecard-details-list')
-  }, props.timestring), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
+  }, props.timestring), /*#__PURE__*/_react.default.createElement(_IconLabel.default, {
     icon: "companyName",
     isDescriptionListItem: (0, _fg.fg)('ptc-a11y-42024-profilecard-details-list')
-  }, props.companyName), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
+  }, props.companyName), /*#__PURE__*/_react.default.createElement(_IconLabel.default, {
     icon: "location",
     isDescriptionListItem: (0, _fg.fg)('ptc-a11y-42024-profilecard-details-list')
   }, props.location)), /*#__PURE__*/_react.default.createElement(_ReportingLinesDetails.default, {

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

@@ -19,7 +19,7 @@ var _giveKudos = require("@atlaskit/give-kudos");
 var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
 var _UserTrigger = require("../../styled/UserTrigger");
-var _Error = require("../Error");
+var _ErrorMessage = _interopRequireDefault(require("../Error/ErrorMessage"));
 var _ProfileCard = _interopRequireDefault(require("./ProfileCard"));
 var _UserLoadingState = _interopRequireDefault(require("./UserLoadingState"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -179,7 +179,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
       } else if (hasError) {
         return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
           testId: "profile-card-resourced-error-state"
-        }, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
+        }, /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
           errorType: error,
           reload: this.clientFetchProfile,
           fireAnalytics: this.fireAnalytics

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

@@ -0,0 +1,234 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProfilecardInternal = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
+var _teamsLinkButton = require("@atlaskit/teams-app-internal-navigation/teams-link-button");
+var _messages = _interopRequireDefault(require("../../messages"));
+var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
+var _analytics = require("../../util/analytics");
+var _click = require("../../util/click");
+var _performance = require("../../util/performance");
+var _ErrorMessage = _interopRequireDefault(require("../Error/ErrorMessage"));
+var _LoadingView = require("./LoadingView");
+var _OverflowProfileCardButtons = require("./OverflowProfileCardButtons");
+var _ProfileCardDetails = require("./ProfileCardDetails");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2.default)(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; }
+var GIVE_KUDOS_ACTION_ID = 'give-kudos';
+var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosDrawer) {
+  var kudosUrl = (0, _react.useMemo)(function () {
+    var recipientId = userId ? "&recipientId=".concat(userId) : '';
+    var cloudIdParam = cloudId ? "&cloudId=".concat(cloudId) : '';
+    return "".concat(teamCentralBaseUrl || '', "/kudos/give?type=individual").concat(recipientId).concat(cloudIdParam);
+  }, [cloudId, teamCentralBaseUrl, userId]);
+  var kudosButtonCallback = (0, _react.useCallback)(function () {
+    if (openKudosDrawer) {
+      openKudosDrawer();
+    } else {
+      window.open(kudosUrl);
+    }
+  }, [kudosUrl, openKudosDrawer]);
+  var kudosAction = (0, _react.useMemo)(function () {
+    return {
+      label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.default.giveKudosButton),
+      id: GIVE_KUDOS_ACTION_ID,
+      callback: kudosButtonCallback,
+      link: kudosUrl
+    };
+  }, [kudosButtonCallback, kudosUrl]);
+  return {
+    kudosAction: kudosAction,
+    kudosButtonCallback: kudosButtonCallback,
+    kudosUrl: kudosUrl
+  };
+};
+var Wrapper = function Wrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
+    testId: "profilecard",
+    role: "dialog",
+    labelledBy: props.labelledBy,
+    ariaLabel: props.ariaLabel
+  }, props.children);
+};
+var Actions = function Actions(_ref) {
+  var actions = _ref.actions,
+    fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration,
+    isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard,
+    isRenderedInPortal = _ref.isRenderedInPortal,
+    fullName = _ref.fullName;
+  var onActionClick = (0, _react.useCallback)(function (action, args, event, index) {
+    fireAnalyticsWithDuration('ui.profilecard.clicked.action', function (duration) {
+      return _objectSpread({
+        method: 'click',
+        firedAt: Math.round((0, _performance.getPageTime)()),
+        duration: duration,
+        hasHref: !!action.link,
+        hasOnClick: !!action.callback,
+        index: index,
+        actionId: action.id || 'no-id-specified'
+      }, _analytics.PACKAGE_META_DATA);
+    });
+    if (action.callback && (0, _click.isBasicClick)(event)) {
+      event.preventDefault();
+      action.callback.apply(action, [event].concat((0, _toConsumableArray2.default)(args)));
+    }
+  }, [fireAnalyticsWithDuration]);
+  if (!actions || actions.length === 0) {
+    return null;
+  }
+  var regularActions = actions.slice(0, _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
+  var overflowActions = actions.length > _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD ? actions.slice(_OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD) : undefined;
+  return /*#__PURE__*/_react.default.createElement(_Card.ActionButtonGroup, {
+    testId: "profilecard-actions"
+  }, regularActions.map(function (action, index) {
+    var isKudos = action.id === GIVE_KUDOS_ACTION_ID;
+    if (isKudos && (0, _fg.fg)('fix_give_kudos_btn_incorrect_role')) {
+      var kudosButton = /*#__PURE__*/_react.default.createElement(_button.default, {
+        appearance: "default",
+        key: action.id || index,
+        onClick: function onClick(event) {
+          for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+            args[_key - 1] = arguments[_key];
+          }
+          return onActionClick(action, args, event, index);
+        },
+        autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
+        id: "action-button-".concat(action.id),
+        "aria-labelledby": "action-button-".concat(action.id, " profilecard-name-label")
+      }, action.label, /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
+      return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {
+        key: "profile-card-action-kudos_".concat(action.id || index)
+      }, kudosButton);
+    }
+    var button = /*#__PURE__*/_react.default.createElement(_teamsLinkButton.TeamsLinkButton, {
+      appearance: "default",
+      key: action.id || index,
+      onClick: function onClick(event) {
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          args[_key2 - 1] = arguments[_key2];
+        }
+        return onActionClick(action, args, event, index);
+      },
+      href: action.link || '',
+      intent: "action",
+      autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
+      id: "action-button-".concat(action.id),
+      "aria-labelledby": "action-button-".concat(action.id, " profilecard-name-label")
+    }, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
+
+    // TODO: Remove this once fix_give_kudos_btn_incorrect_role is fully rolled out
+    if (isKudos) {
+      return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {
+        key: "profile-card-action-kudos_".concat(action.id || index)
+      }, button);
+    }
+    return button;
+  }), overflowActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, (0, _extends2.default)({
+    actions: overflowActions,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    onItemClick: function onItemClick(action, args, event, index) {
+      return onActionClick(action, args, event, index + _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
+    }
+  }, (0, _fg.fg)('jfp_a11y_team_profile_card_actions_label') && {
+    fullName: fullName
+  })));
+};
+var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInternal(props) {
+  var _useState = (0, _react.useState)((0, _performance.getPageTime)()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    openTime = _useState2[0];
+  var intl = (0, _reactIntl.useIntl)();
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var fireAnalyticsWithDuration = (0, _react.useCallback)(function (eventKey, generator) {
+    var duration = (0, _performance.getPageTime)() - openTime;
+    var attributes = generator(duration);
+    fireEvent(eventKey, attributes);
+  }, [openTime, fireEvent]);
+  var _useKudos = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer),
+    kudosAction = _useKudos.kudosAction;
+  var _props$actions = props.actions,
+    actions = _props$actions === void 0 ? [] : _props$actions,
+    isCurrentUser = props.isCurrentUser,
+    isKudosEnabled = props.isKudosEnabled,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'active' : _props$status;
+  var realActions = (0, _react.useMemo)(function () {
+    if (isCurrentUser || !isKudosEnabled || status !== 'active') {
+      return actions;
+    }
+    return actions.concat([kudosAction]);
+  }, [actions, isCurrentUser, isKudosEnabled, kudosAction, status]);
+  var isLoading = props.isLoading,
+    fullName = props.fullName,
+    hasError = props.hasError;
+  var canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
+  (0, _react.useEffect)(function () {
+    if (canRender) {
+      fireAnalyticsWithDuration('ui.profilecard.rendered.content', function (duration) {
+        return _objectSpread({
+          duration: duration,
+          numActions: realActions.length,
+          firedAt: Math.round((0, _performance.getPageTime)())
+        }, _analytics.PACKAGE_META_DATA);
+      });
+    }
+  }, [canRender, fireAnalyticsWithDuration, realActions]);
+  if (hasError) {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(_messages.default.errorDialogLabel)
+    }, /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+      reload: props.clientFetchProfile,
+      errorType: props.errorType || null,
+      fireAnalytics: fireEvent
+    }));
+  }
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(_messages.default.loadingDialogLabel)
+    }, /*#__PURE__*/_react.default.createElement(_LoadingView.LoadingView, {
+      fireAnalyticsWithDuration: fireAnalyticsWithDuration
+    }));
+  }
+  if (!canRender) {
+    return null;
+  }
+  var isDisabledUser = status === 'inactive' || status === 'closed';
+  return /*#__PURE__*/_react.default.createElement(Wrapper, {
+    labelledBy: "profilecard-name-label"
+  }, /*#__PURE__*/_react.default.createElement(_Card.CardContainer, {
+    isDisabledUser: isDisabledUser,
+    withoutElevation: props.withoutElevation
+  }, /*#__PURE__*/_react.default.createElement(_Card.ProfileImage, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    size: "xlarge",
+    src: status !== 'closed' ? props.avatarUrl : undefined,
+    borderColor: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
+  })), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, /*#__PURE__*/_react.default.createElement(_ProfileCardDetails.ProfileCardDetails, (0, _extends2.default)({}, props, {
+    status: status,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration
+  })), realActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), /*#__PURE__*/_react.default.createElement(Actions, (0, _extends2.default)({}, (0, _fg.fg)('jfp_a11y_team_profile_card_actions_label') && {
+    fullName: fullName
+  }, {
+    fullName: fullName,
+    actions: realActions,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard,
+    isRenderedInPortal: props.isRenderedInPortal
+  }))))));
+};

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

@@ -26,4 +26,11 @@ exports.default = void 0;
 var _config = require("../../util/config");
 var _lazyProfileCard = require("./lazyProfileCard");
 var _ProfileCardTrigger = _interopRequireDefault(require("./ProfileCardTrigger"));
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '@atlaskit/profilecard/config'` instead.
+ */
+/**
+ * @deprecated Use `import { ProfileCardLazy } from '@atlaskit/profilecard/lazy-profile-card'` instead.
+ */
 var _default = exports.default = _ProfileCardTrigger.default;

package/dist/cjs/components/common/LoadingState.js

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
+var _getActionSubject = require("../../util/getActionSubject");
 var _performance = require("../../util/performance");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -20,7 +21,7 @@ var LoadingState = exports.LoadingState = function LoadingState(_ref) {
     profileType = _ref.profileType;
   (0, _react.useEffect)(function () {
     if (fireAnalytics) {
-      fireAnalytics("ui.".concat((0, _analytics.getActionSubject)(profileType), ".rendered.spinner"), _objectSpread({
+      fireAnalytics("ui.".concat((0, _getActionSubject.getActionSubject)(profileType), ".rendered.spinner"), _objectSpread({
         firedAt: Math.round((0, _performance.getPageTime)())
       }, _analytics.PACKAGE_META_DATA));
     }