@atlaskit/profilecard 24.14.0 → 24.15.0

package/dist/cjs/components/Team/TeamProfileCardTrigger.js

@@ -19,8 +19,10 @@ var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions2 = _interopRequireDefault(require("../../internal/filterActions"));
 var _messages = _interopRequireDefault(require("../../messages"));
@@ -32,8 +34,10 @@ var _Error = require("../Error");
 var _lazyTeamProfileCard = require("./lazyTeamProfileCard");
 var _TeamLoadingState = _interopRequireDefault(require("./TeamLoadingState"));
 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; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   function TeamProfileCardTriggerInternal() {
     var _this;
@@ -56,10 +60,28 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         (0, _analytics.fireEvent)(_this.props.createAnalyticsEvent, payload);
       }
     });
+    (0, _defineProperty2.default)(_this, "fireAnalyticsNext", function (eventKey) {
+      // Don't fire any analytics if the component is unmounted
+      if (!_this._isMounted) {
+        return;
+      }
+      if (_this.props.fireEvent) {
+        var _this$props;
+        for (var _len2 = arguments.length, attributes = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          attributes[_key2 - 1] = arguments[_key2];
+        }
+        (_this$props = _this.props).fireEvent.apply(_this$props, [eventKey].concat(attributes));
+      }
+    });
     (0, _defineProperty2.default)(_this, "fireAnalyticsWithDuration", function (generator) {
       var event = generator((0, _performance.getPageTime)() - _this.openTime);
       _this.fireAnalytics(event);
     });
+    (0, _defineProperty2.default)(_this, "fireAnalyticsWithDurationNext", function (eventKey, generator) {
+      var duration = (0, _performance.getPageTime)() - _this.openTime;
+      var attributes = generator(duration);
+      _this.fireAnalyticsNext(eventKey, attributes);
+    });
     (0, _defineProperty2.default)(_this, "hideProfilecard", function () {
       var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       clearTimeout(_this.showTimer);
@@ -101,7 +123,16 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         _this.openedByHover = false;
         _this.showProfilecard(0);
         if (!_this.state.visible) {
-          _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'click', _this.props.teamId));
+          if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+            _this.fireAnalyticsNext('ui.teamProfileCard.triggered', _objectSpread(_objectSpread({
+              method: 'click'
+            }, _analytics.PACKAGE_META_DATA), {}, {
+              firedAt: Math.round((0, _performance.getPageTime)()),
+              teamId: _this.props.teamId
+            }));
+          } else {
+            _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'click', _this.props.teamId));
+          }
         }
       }
     });
@@ -111,7 +142,16 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
       }
       if (!_this.state.visible) {
         _this.openedByHover = true;
-        _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'hover', _this.props.teamId));
+        if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+          _this.fireAnalyticsNext('ui.teamProfileCard.triggered', _objectSpread(_objectSpread({
+            method: 'hover'
+          }, _analytics.PACKAGE_META_DATA), {}, {
+            firedAt: Math.round((0, _performance.getPageTime)()),
+            teamId: _this.props.teamId
+          }));
+        } else {
+          _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'hover', _this.props.teamId));
+        }
       }
       _this.showProfilecard(_config.DELAY_MS_SHOW);
     });
@@ -131,7 +171,15 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         });
         _this.showProfilecard(0);
         if (!_this.state.visible) {
-          _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'click', _this.props.teamId));
+          if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+            _this.fireAnalyticsNext('ui.teamProfileCard.triggered', _objectSpread({
+              method: 'click',
+              firedAt: Math.round((0, _performance.getPageTime)()),
+              teamId: _this.props.teamId
+            }, _analytics.PACKAGE_META_DATA));
+          } else {
+            _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'click', _this.props.teamId));
+          }
         }
       }
     });
@@ -184,9 +232,9 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
       isTriggeredByKeyboard: false
     });
     (0, _defineProperty2.default)(_this, "clientFetchProfile", function () {
-      var _this$props = _this.props,
-        orgId = _this$props.orgId,
-        teamId = _this$props.teamId;
+      var _this$props2 = _this.props,
+        orgId = _this$props2.orgId,
+        teamId = _this$props2.teamId;
       var isLoading = _this.state.isLoading;
       if (isLoading === true) {
         // don't fetch data when fetching is in process
@@ -199,13 +247,20 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         var fireEvent = function fireEvent(event) {
           _this.fireAnalytics(event);
         };
-        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl({
+        var fireAnalyticsNext = function fireAnalyticsNext(eventKey) {
+          var _this2;
+          for (var _len3 = arguments.length, attributes = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+            attributes[_key3 - 1] = arguments[_key3];
+          }
+          (_this2 = _this).fireAnalyticsNext.apply(_this2, [eventKey].concat(attributes));
+        };
+        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent, fireAnalyticsNext), _this.props.resourceClient.shouldShowGiveKudos(), _this.props.resourceClient.getTeamCentralBaseUrl({
           withOrgContext: true,
           withSiteContext: true
         })]);
         requests.then(function (res) {
-          var _this2;
-          return (_this2 = _this).handleClientSuccess.apply(_this2, (0, _toConsumableArray2.default)(res));
+          var _this3;
+          return (_this3 = _this).handleClientSuccess.apply(_this3, (0, _toConsumableArray2.default)(res));
         }, function (err) {
           return _this.handleClientError(err);
         }).catch(function (err) {
@@ -214,20 +269,27 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
       });
     });
     (0, _defineProperty2.default)(_this, "onErrorBoundary", function () {
-      _this.fireAnalytics((0, _analytics.profileCardRendered)('team', 'errorBoundary', {
-        duration: 0
-      }));
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+        _this.fireAnalyticsNext('ui.teamProfileCard.rendered.errorBoundary', _objectSpread(_objectSpread({}, _analytics.PACKAGE_META_DATA), {}, {
+          firedAt: Math.round((0, _performance.getPageTime)()),
+          duration: 0
+        }));
+      } else {
+        _this.fireAnalytics((0, _analytics.profileCardRendered)('team', 'errorBoundary', {
+          duration: 0
+        }));
+      }
       _this.setState({
         renderError: true
       });
     });
     (0, _defineProperty2.default)(_this, "renderProfileCard", function () {
-      var _this$props2 = _this.props,
-        generateUserLink = _this$props2.generateUserLink,
-        onUserClick = _this$props2.onUserClick,
-        viewingUserId = _this$props2.viewingUserId,
-        viewProfileLink = _this$props2.viewProfileLink,
-        viewProfileOnClick = _this$props2.viewProfileOnClick;
+      var _this$props3 = _this.props,
+        generateUserLink = _this$props3.generateUserLink,
+        onUserClick = _this$props3.onUserClick,
+        viewingUserId = _this$props3.viewingUserId,
+        viewProfileLink = _this$props3.viewProfileLink,
+        viewProfileOnClick = _this$props3.viewProfileOnClick;
       var _this$state = _this.state,
         data = _this$state.data,
         error = _this$state.error,
@@ -237,6 +299,7 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         clientFetchProfile: _this.clientFetchProfile,
         actions: _this.filterActions(),
         analytics: _this.fireAnalyticsWithDuration,
+        analyticsNext: _this.fireAnalyticsWithDurationNext,
         team: data || undefined,
         generateUserLink: generateUserLink,
         onUserClick: onUserClick,
@@ -246,7 +309,8 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
       };
       return /*#__PURE__*/_react.default.createElement("div", _this.cardListeners, _this.state.visible && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: /*#__PURE__*/_react.default.createElement(_TeamLoadingState.default, {
-          analytics: _this.fireAnalyticsWithDuration
+          analytics: _this.fireAnalyticsWithDuration,
+          analyticsNext: _this.fireAnalyticsWithDurationNext
         })
       }, /*#__PURE__*/_react.default.createElement(_lazyTeamProfileCard.TeamProfileCardLazy, (0, _extends2.default)({}, newProps, {
         isLoading: isLoading,
@@ -272,13 +336,13 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
       }));
     });
     (0, _defineProperty2.default)(_this, "renderTrigger", function (triggerProps) {
-      var _this$props3 = _this.props,
-        children = _this$props3.children,
-        intl = _this$props3.intl,
-        triggerLinkType = _this$props3.triggerLinkType,
-        viewProfileLink = _this$props3.viewProfileLink;
+      var _this$props4 = _this.props,
+        children = _this$props4.children,
+        intl = _this$props4.intl,
+        triggerLinkType = _this$props4.triggerLinkType,
+        viewProfileLink = _this$props4.viewProfileLink;
       if (triggerLinkType === 'none') {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
           as: "span",
           role: "button",
           testId: "team-profilecard-trigger-wrapper",
@@ -311,10 +375,10 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this$props4 = this.props,
-        orgId = _this$props4.orgId,
-        teamId = _this$props4.teamId,
-        resourceClient = _this$props4.resourceClient;
+      var _this$props5 = this.props,
+        orgId = _this$props5.orgId,
+        teamId = _this$props5.teamId,
+        resourceClient = _this$props5.resourceClient;
       var visible = this.state.visible;
 
       // just re-fetching data when the card opens
@@ -360,14 +424,14 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
   }, {
     key: "filterActions",
     value: function filterActions() {
-      var _this3 = this;
+      var _this4 = this;
       var actions = (0, _filterActions2.default)(this.props.actions, this.state.data);
       if (this.state.shouldShowGiveKudos) {
         var kudosAction = {
           label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
           id: 'give-kudos',
           callback: function callback() {
-            _this3.openKudosDrawer();
+            _this4.openKudosDrawer();
           },
           link: this.kudosUrl()
         };
@@ -378,7 +442,7 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
   }, {
     key: "renderPopup",
     value: function renderPopup() {
-      var _this4 = this;
+      var _this5 = this;
       if (this.state.renderError) {
         return this.props.children;
       }
@@ -390,7 +454,7 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         placement: this.props.position,
         content: this.renderProfileCard,
         trigger: function trigger(triggerProps) {
-          return _this4.renderTrigger(triggerProps);
+          return _this5.renderTrigger(triggerProps);
         },
         zIndex: _constants.layers.modal(),
         shouldFlip: true,
@@ -416,4 +480,11 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
   triggerLinkType: 'link',
   shouldRenderToParent: true
 });
-var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(TeamProfileCardTriggerInternal));
+var TeamProfileCardTriggerWithAnalytics = function TeamProfileCardTriggerWithAnalytics(props) {
+  var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  return /*#__PURE__*/_react.default.createElement(TeamProfileCardTriggerInternal, (0, _extends2.default)({}, props, {
+    fireEvent: fireEvent
+  }));
+};
+var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('ptc-enable-profile-card-analytics-refactor', (0, _reactIntlNext.injectIntl)(TeamProfileCardTriggerWithAnalytics), (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(TeamProfileCardTriggerInternal)));

package/dist/cjs/components/User/ProfileCardDetails.compiled.css

@@ -5,7 +5,6 @@
 ._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
-._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bguutpp#profilecard-name-label{margin-bottom:var(--ds-space-150,9pt)}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1hpmutpp#profilecard-name-label{margin-top:var(--ds-space-150,9pt)}

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

@@ -15,16 +15,14 @@ var _react2 = require("@compiled/react");
 var _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _Icon = require("../Icon");
 var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
-var _excluded = ["text"]; // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+var _excluded = ["text"];
 var styles = {
-  detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
   noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
@@ -58,7 +56,7 @@ var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disab
   var relativeDateKey = (0, _relativeDate.default)(date);
   var msgKey = relativeDateKey ? "".concat(status, "AccountDescMsgHasDate").concat(relativeDateKey) : "".concat(status, "AccountDescMsgNoDate");
   var secondSentence = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default[msgKey]);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p",
     testId: "profilecard-disabled-account"
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.generalDescMsgForDisabledUser), " ", secondSentence);

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

@@ -14,12 +14,14 @@ var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _ReportingLines = require("../../styled/ReportingLines");
 var _analytics = require("../../util/analytics");
 var _performance = require("../../util/performance");
+var _ReportingLinesDetailsCompiled2 = _interopRequireDefault(require("./ReportingLinesDetailsCompiled"));
 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; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 function getProfileHref(userId, profileUrl) {
@@ -139,4 +141,5 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
     showMoreButtonProps: showMoreButtonProps
   })));
 };
-var _default = exports.default = ReportingLinesDetails;
+var ReportingLinesDetailsExport = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _ReportingLinesDetailsCompiled2.default, ReportingLinesDetails);
+var _default = exports.default = ReportingLinesDetailsExport;

package/dist/cjs/components/User/ReportingLinesDetailsCompiled.compiled.css

@@ -0,0 +1,11 @@
+._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}

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/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,18 +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,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: styles,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.wrapper,
     testId: testId
   }, children);
 };

package/dist/cjs/components/team-profile-card/main.js

@@ -18,7 +18,9 @@ var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _linkItem = _interopRequireDefault(require("@atlaskit/menu/link-item"));
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
 var _teamsPublic = require("@atlaskit/teams-public");
 var _analytics = require("../../util/analytics");
@@ -82,6 +84,8 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
     loading = _useTeamContainers.loading;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   // Ensure that the current container is not the only connection for this team before showing the "Where we work" section
   var hasOtherTeamConnections = (0, _react.useMemo)(function () {
     return teamContainers.filter(function (tc) {
@@ -92,18 +96,22 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
   // TODO: set isNewLayout to be true when clean up 'team-bi-directional-container-connection' experiment
   var isNewLayout = Boolean(props.isKudosEnabled || props.otherActions);
   var onClick = (0, _react.useCallback)(function () {
-    if (createAnalyticsEvent) {
-      (0, _analytics.fireEvent)(createAnalyticsEvent, {
-        action: 'clicked',
-        actionSubject: 'button',
-        actionSubjectId: 'viewTeamProfileButton',
-        attributes: {}
-      });
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.viewTeamProfileButton', {});
+    } else {
+      if (createAnalyticsEvent) {
+        (0, _analytics.fireEvent)(createAnalyticsEvent, {
+          action: 'clicked',
+          actionSubject: 'button',
+          actionSubjectId: 'viewTeamProfileButton',
+          attributes: {}
+        });
+      }
     }
     if (!isNewLayout) {
       window.open(teamProfileUrl, '_blank');
     }
-  }, [createAnalyticsEvent, teamProfileUrl, isNewLayout]);
+  }, [createAnalyticsEvent, teamProfileUrl, isNewLayout, fireEventNext]);
   if (isNewLayout) {
     return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       xcss: styles.wrapperStyles,
@@ -188,7 +196,8 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
         testId: "team-app-tile",
         alt: "team-app-tile",
         xcss: styles.teamAppTileStyles
-      })
+      }),
+      testId: "team-profile-card-profile-link-item"
     }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       maxLines: 1,
       color: "color.text"

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);
       })));