@atlaskit/profilecard 24.13.7 → 24.14.1

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

@@ -0,0 +1,109 @@
+/* ReportingLinesDetailsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./ReportingLinesDetailsCompiled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
+var _css = require("@atlaskit/css");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _messages = _interopRequireDefault(require("../../messages"));
+var _ReportingLines = require("../../styled/ReportingLines");
+var _analytics = require("../../util/analytics");
+function getProfileHref(userId, profileUrl) {
+  return profileUrl ? profileUrl + userId : undefined;
+}
+var styles = {
+  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr3166n",
+  reportingLinesHeadingDefaultStyles: "_11c81vhk _syaz1fxt _k48p1pd9 _otyru2gc",
+  reportingLinesHeadingStyles: "_otyrze3t"
+};
+var avatarGroupMaxCount = 5;
+var ReportingLinesDetails = function ReportingLinesDetails(props) {
+  var _manager$pii, _manager$pii2;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
+    _props$reportingLines = props.reportingLines,
+    reportingLines = _props$reportingLines === void 0 ? {} : _props$reportingLines,
+    reportingLinesProfileUrl = props.reportingLinesProfileUrl,
+    onReportingLinesClick = props.onReportingLinesClick;
+  var _reportingLines$manag = reportingLines.managers,
+    managers = _reportingLines$manag === void 0 ? [] : _reportingLines$manag,
+    _reportingLines$repor = reportingLines.reports,
+    reports = _reportingLines$repor === void 0 ? [] : _reportingLines$repor;
+  var manager = managers.length >= 1 ? managers[0] : undefined;
+  var hasReports = reports.length > 0;
+  var getReportingLinesOnClick = function getReportingLinesOnClick(user, userType) {
+    return onReportingLinesClick ? function () {
+      fireAnalyticsWithDuration(function (duration) {
+        return (0, _analytics.reportingLinesClicked)({
+          duration: duration,
+          userType: userType
+        });
+      });
+      onReportingLinesClick(user);
+    } : undefined;
+  };
+  var onReportingLinksClick = function onReportingLinksClick(user, userType, href) {
+    var shouldPreventDefault = false;
+    if (onReportingLinesClick) {
+      shouldPreventDefault = onReportingLinesClick(user) === false;
+    }
+    fireAnalyticsWithDuration(function (duration) {
+      return (0, _analytics.reportingLinesClicked)({
+        duration: duration,
+        userType: userType
+      });
+    });
+    if (shouldPreventDefault) {
+      return;
+    }
+    if (href) {
+      window.location.href = href;
+    }
+  };
+  var showMoreButtonProps = {
+    'aria-label': formatMessage(_messages.default.profileCardMoreReportingLinesLabel, {
+      count: reports.length - avatarGroupMaxCount + 1
+    })
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.reportingLinesHeadingDefaultStyles, styles.reportingLinesHeadingStyles)
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    onClick: function onClick() {
+      return onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl));
+    },
+    isDisabled: !onReportingLinesClick,
+    xcss: styles.reportingLinesButton
+  }, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    size: "xsmall",
+    src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
+  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.reportingLinesHeadingDefaultStyles
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
+    appearance: "stack",
+    size: "small",
+    data: reports.map(function (member) {
+      var _member$pii, _member$pii2;
+      return {
+        key: member.accountIdentifier,
+        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, 'direct-report')
+      };
+    }),
+    maxCount: avatarGroupMaxCount,
+    testId: "profilecard-reports-avatar-group",
+    showMoreButtonProps: showMoreButtonProps
+  })));
+};
+var _default = exports.default = ReportingLinesDetails;

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

@@ -6,16 +6,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/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 UserLoadingState = function UserLoadingState(_ref) {
-  var fireAnalytics = _ref.fireAnalytics;
+  var fireAnalytics = _ref.fireAnalytics,
+    fireAnalyticsNext = _ref.fireAnalyticsNext;
   (0, _react.useEffect)(function () {
-    fireAnalytics((0, _analytics.profileCardRendered)('user', 'spinner'));
-  }, [fireAnalytics]);
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireAnalyticsNext('ui.profilecard.rendered.spinner', _objectSpread({
+        firedAt: Math.round((0, _performance.getPageTime)())
+      }, _analytics.PACKAGE_META_DATA));
+    } else {
+      fireAnalytics((0, _analytics.profileCardRendered)('user', 'spinner'));
+    }
+  }, [fireAnalytics, fireAnalyticsNext]);
   return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };
 var _default = exports.default = UserLoadingState;

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

@@ -6,18 +6,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/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 LoadingState = exports.LoadingState = function LoadingState(_ref) {
   var fireAnalytics = _ref.fireAnalytics,
+    fireAnalyticsNext = _ref.fireAnalyticsNext,
     profileType = _ref.profileType;
   (0, _react.useEffect)(function () {
-    if (fireAnalytics) {
-      fireAnalytics((0, _analytics.profileCardRendered)(profileType, 'spinner'));
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      if (fireAnalyticsNext) {
+        fireAnalyticsNext("ui.".concat((0, _analytics.getActionSubject)(profileType), ".rendered.spinner"), _objectSpread({
+          firedAt: Math.round((0, _performance.getPageTime)())
+        }, _analytics.PACKAGE_META_DATA));
+      }
+    } else {
+      if (fireAnalytics) {
+        fireAnalytics((0, _analytics.profileCardRendered)(profileType, 'spinner'));
+      }
     }
-  }, [fireAnalytics, profileType]);
+  }, [fireAnalytics, fireAnalyticsNext, profileType]);
   return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };

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

@@ -8,20 +8,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
 var _useProfileInfo2 = require("../../util/useProfileInfo");
 var _LoadingState = require("./LoadingState");
 var _PopupTrigger = require("./PopupTrigger");
 var _ProfileCardWrapper = require("./ProfileCardWrapper");
-var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics"],
+var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "testId", "fireAnalytics", "fireAnalyticsNext"],
   _excluded2 = ["aria-expanded", "aria-haspopup"];
 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 DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
 function ProfileCardTriggerInner(_ref, ref) {
@@ -33,7 +38,9 @@ function ProfileCardTriggerInner(_ref, ref) {
     fetchProfile = _ref.fetchProfile,
     disabledAriaAttributes = _ref.disabledAriaAttributes,
     profileCardType = _ref.profileCardType,
+    testId = _ref.testId,
     fireAnalytics = _ref.fireAnalytics,
+    fireAnalyticsNext = _ref.fireAnalyticsNext,
     popupProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var showDelay = _trigger === 'click' ? 0 : DELAY_MS_SHOW;
   var hideDelay = _trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -78,8 +85,18 @@ function ProfileCardTriggerInner(_ref, ref) {
             if (!visible) {
               getProfileData === null || getProfileData === void 0 || getProfileData();
               setVisible(true);
-              if (fireAnalytics) {
-                fireAnalytics((0, _analytics.cardTriggered)(profileCardType, _trigger));
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+                if (fireAnalyticsNext) {
+                  fireAnalyticsNext("ui.".concat((0, _analytics.getActionSubject)(profileCardType), ".triggered"), _objectSpread(_objectSpread({
+                    method: _trigger
+                  }, _analytics.PACKAGE_META_DATA), {}, {
+                    firedAt: Math.round((0, _performance.getPageTime)())
+                  }));
+                }
+              } else {
+                if (fireAnalytics) {
+                  fireAnalytics((0, _analytics.cardTriggered)(profileCardType, _trigger));
+                }
               }
             }
           }, showDelay);
@@ -88,7 +105,7 @@ function ProfileCardTriggerInner(_ref, ref) {
           return _context.stop();
       }
     }, _callee);
-  })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger]);
+  })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger, fireAnalyticsNext]);
   var onMouseEnter = (0, _react.useCallback)(function () {
     showProfilecard();
   }, [showProfilecard]);
@@ -109,7 +126,8 @@ function ProfileCardTriggerInner(_ref, ref) {
         showProfilecard: showProfilecard,
         children: children,
         ariaLabelledBy: ariaLabelledBy,
-        trigger: _trigger
+        trigger: _trigger,
+        "data-testid": testId
       }));
     },
     content: function content() {
@@ -119,9 +137,13 @@ function ProfileCardTriggerInner(_ref, ref) {
         _react.default.createElement("div", {
           onMouseEnter: onMouseEnter,
           onMouseLeave: hideProfilecard,
-          onFocus: showProfilecard
-        }, isLoading ? /*#__PURE__*/_react.default.createElement(_ProfileCardWrapper.ProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
+          onFocus: showProfilecard,
+          "data-testid": "profile-card--trigger-content"
+        }, isLoading ? /*#__PURE__*/_react.default.createElement(_ProfileCardWrapper.ProfileCardWrapper, {
+          testId: "profilecard.profilecardtrigger.loading"
+        }, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
           fireAnalytics: fireAnalytics,
+          fireAnalyticsNext: fireAnalyticsNext,
           profileType: profileCardType
         })) : renderProfileCard({
           profileData: profileData,

package/dist/cjs/components/common/ProfileCardWrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb1gwv{width:360px}

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

@@ -1,3 +1,4 @@
+/* ProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,16 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileCardWrapper = void 0;
+require("./ProfileCardWrapper.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
-var styles = (0, _primitives.xcss)({
-  width: '360px'
-});
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  wrapper: "_1bsb1gwv"
+};
 var ProfileCardWrapper = exports.ProfileCardWrapper = function ProfileCardWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: styles
+  var children = _ref.children,
+    testId = _ref.testId;
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.wrapper,
+    testId: testId
   }, children);
 };

package/dist/cjs/components/team-profile-card/team-actions/more-actions/index.js

@@ -14,11 +14,9 @@ var _new = require("@atlaskit/button/new");
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _menu = require("@atlaskit/menu");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("./messages");
 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); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
 var MoreActions = exports.MoreActions = function MoreActions(_ref) {
   var actions = _ref.actions,
     loading = _ref.loading;
@@ -40,7 +38,7 @@ var MoreActions = exports.MoreActions = function MoreActions(_ref) {
       return /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, {
         spacing: "cozy"
       }, /*#__PURE__*/_react.default.createElement(_menu.Section, null, actions.map(function (action) {
-        return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+        return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
           key: action.id
         }, action.item);
       })));

package/dist/cjs/styled/CoverImage.compiled.css

@@ -6,7 +6,9 @@
 ._1e0c1txw{display:flex}
 ._1reo15vq{overflow-x:hidden}
 ._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
 ._4t3i1qr7{height:8pc}
 ._4t3i1wug{height:auto}
+._5ral1dfr{object-fit:cover}
 ._kqswh2mm{position:relative}
 ._qrwq12b0{border-top-right-radius:var(--ds-radius-small,4px)}

package/dist/cjs/styled/CoverImage.js

@@ -9,11 +9,13 @@ exports.CoverImage = void 0;
 require("./CoverImage.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 var styles = {
   container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
-  image: "_1bsbnklw _4t3i1wug"
+  image: "_1bsbnklw _4t3i1wug",
+  imageNext: "_4t3i1osq _5ral1dfr"
 };
 
 /**
@@ -34,6 +36,6 @@ var CoverImage = exports.CoverImage = function CoverImage(_ref) {
     ref: imgRef,
     src: src,
     alt: alt,
-    xcss: styles.image
+    xcss: (0, _platformFeatureFlags.fg)('cover-header-image-team-profilecard') ? styles.imageNext : styles.image
   }));
 };

package/dist/cjs/styled/Error.compiled.css

@@ -1,9 +1,7 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
 ._y3gn1h6o{text-align:center}

package/dist/cjs/styled/Error.js

@@ -15,7 +15,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var styles = {
   errorWrapper: "_y3gn1h6o _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb",
-  errorTitle: "_11c82smr _syaz1fxt _19pku2gc",
+  errorTitle: "_19pku2gc",
   teamErrorText: "_syaz1wmz _19pku2gc"
 };
 var ErrorWrapper = exports.ErrorWrapper = function ErrorWrapper(props) {
@@ -25,8 +25,10 @@ var ErrorWrapper = exports.ErrorWrapper = function ErrorWrapper(props) {
 };
 var ErrorTitle = exports.ErrorTitle = function ErrorTitle(props) {
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.errorTitle)
-  }, props.children);
+    xcss: styles.errorTitle
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    color: "color.text"
+  }, props.children));
 };
 var TeamErrorText = exports.TeamErrorText = function TeamErrorText(props) {
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {

package/dist/cjs/util/analytics.js

@@ -4,13 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.agentRequestAnalytics = exports.actionClicked = void 0;
+exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.getActionSubject = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.agentRequestAnalytics = exports.actionClicked = exports.PACKAGE_META_DATA = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _performance = require("./performance");
 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; }
 /** Below lines are copied from teams common analytics */
 var ANALYTICS_CHANNEL = 'peopleTeams';
+var PACKAGE_META_DATA = exports.PACKAGE_META_DATA = {
+  packageName: "@atlaskit/profilecard",
+  packageVersion: "0.0.0-development"
+};
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
   if (typeof requestIdleCallback === 'function') {
@@ -54,13 +58,13 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.13.6"
+      packageVersion: "0.0.0-development"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
   };
 };
-var getActionSubject = function getActionSubject(type) {
+var getActionSubject = exports.getActionSubject = function getActionSubject(type) {
   switch (type) {
     case 'user':
       return USER_SUBJECT;

package/dist/es2019/client/ProfileCardClient.js

@@ -29,8 +29,8 @@ class ProfileCardClient {
     (_this$tcClient = this.tcClient) === null || _this$tcClient === void 0 ? void 0 : _this$tcClient.flushCache();
     (_this$rovoAgentClient = this.rovoAgentClient) === null || _this$rovoAgentClient === void 0 ? void 0 : _this$rovoAgentClient.flushCache();
   }
-  getProfile(cloudId, userId, analytics) {
-    return this.userClient.getProfile(cloudId, userId, analytics);
+  getProfile(cloudId, userId, analytics, analyticsNext) {
+    return this.userClient.getProfile(cloudId, userId, analytics, analyticsNext);
   }
   getTeamProfile(teamId, orgId, analytics) {
     return this.teamClient.getProfile(teamId, orgId, analytics);

package/dist/es2019/client/UserProfileCardClient.js

@@ -1,7 +1,7 @@
 import { print } from 'graphql';
 import gql from 'graphql-tag';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { userRequestAnalytics } from '../util/analytics';
+import { PACKAGE_META_DATA, userRequestAnalytics } from '../util/analytics';
 import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
@@ -149,7 +149,7 @@ export default class UserProfileCardClient extends CachingClient {
       timestring: timestring
     };
   }
-  getProfile(cloudId, userId, analytics) {
+  getProfile(cloudId, userId, analytics, analyticsNext) {
     if (!userId) {
       return Promise.reject(new Error('userId missing'));
     }
@@ -160,25 +160,62 @@ export default class UserProfileCardClient extends CachingClient {
     }
     return new Promise((resolve, reject) => {
       const startTime = getPageTime();
-      if (analytics) {
-        analytics(userRequestAnalytics('triggered'));
+      if (fg('ptc-enable-profile-card-analytics-refactor')) {
+        if (analyticsNext) {
+          analyticsNext('operational.profilecard.triggered.request', {
+            firedAt: Math.round(getPageTime()),
+            ...PACKAGE_META_DATA
+          });
+        }
+      } else {
+        if (analytics) {
+          analytics(userRequestAnalytics('triggered'));
+        }
       }
       this.makeRequest(cloudId, userId).then(data => {
         if (this.cache) {
           this.setCachedProfile(cacheIdentifier, data);
         }
-        if (analytics) {
-          analytics(userRequestAnalytics('succeeded', {
-            duration: getPageTime() - startTime
-          }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            analyticsNext('operational.profilecard.succeeded.request', {
+              duration: getPageTime() - startTime,
+              firedAt: Math.round(getPageTime()),
+              ...PACKAGE_META_DATA
+            });
+          }
+        } else {
+          if (analytics) {
+            analytics(userRequestAnalytics('succeeded', {
+              duration: getPageTime() - startTime
+            }));
+          }
         }
         resolve(data);
       }).catch(error => {
-        if (analytics) {
-          analytics(userRequestAnalytics('failed', {
-            duration: getPageTime() - startTime,
-            ...getErrorAttributes(error)
-          }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            const errorAttributes = getErrorAttributes(error);
+            analyticsNext('operational.profilecard.failed.request', {
+              duration: getPageTime() - startTime,
+              ...errorAttributes,
+              traceId: errorAttributes.traceId || null,
+              errorCategory: errorAttributes.errorCategory || null,
+              errorType: errorAttributes.errorType || null,
+              errorPath: errorAttributes.errorPath || null,
+              errorNumber: errorAttributes.errorNumber || null,
+              errorStatusCode: errorAttributes.errorStatusCode || null,
+              firedAt: Math.round(getPageTime()),
+              ...PACKAGE_META_DATA
+            });
+          }
+        } else {
+          if (analytics) {
+            analytics(userRequestAnalytics('failed', {
+              duration: getPageTime() - startTime,
+              ...getErrorAttributes(error)
+            }));
+          }
         }
         reject(error);
       });

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.13.6");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

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

package/dist/es2019/components/Agent/Actions.js

@@ -3,10 +3,12 @@ import { defineMessages, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
 import { fireEvent } from '../../util/analytics';
+import { AgentActions as AgentActionsCompiled } from './ActionsCompiled';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 const chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -37,7 +39,7 @@ const actionsWrapperStyles = xcss({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-export const AgentActions = ({
+const _AgentActions = ({
   onEditAgent,
   onDeleteAgent,
   onDuplicateAgent,
@@ -131,4 +133,5 @@ const messages = defineMessages({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+export const AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);

package/dist/es2019/components/Agent/ActionsCompiled.compiled.css

@@ -0,0 +1,19 @@
+
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zrv77o{padding-inline:var(--ds-space-025,2px)}
+._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1nmz1hna{word-break:break-word}
+._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
+._1ul9gktf{min-width:20px}
+._4t3igktf{height:20px}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._o5721jtm{white-space:pre-wrap}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._y3gn1e5h{text-align:left}