@atlaskit/profilecard 24.14.1 → 24.16.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 _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,6 +34,8 @@ 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; })(); }
 var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
@@ -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,11 +336,11 @@ 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(_compiled.Box, (0, _extends2.default)({
           as: "span",
@@ -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/common/ProfileCardTrigger.js

@@ -135,7 +135,9 @@ function ProfileCardTriggerInner(_ref, ref) {
         /*#__PURE__*/
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions
         _react.default.createElement("div", {
-          onMouseEnter: onMouseEnter,
+          onMouseEnter: onMouseEnter
+          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+          ,
           onMouseLeave: hideProfilecard,
           onFocus: showProfilecard,
           "data-testid": "profile-card--trigger-content"

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-connections/main.js

@@ -11,7 +11,9 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _teamsPublic = require("@atlaskit/teams-public");
 var _analytics = require("../../../util/analytics");
 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); }
@@ -35,16 +37,24 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
     containerTypeText = _getContainerProperti.containerTypeText;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var onClick = (0, _react.useCallback)(function () {
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'teamConnectionItem',
-      actionSubjectId: 'teamProfileCard',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.teamConnectionItem.clicked.teamProfileCard', {
         container: containerType
-      }
-    });
-  }, [containerType, createAnalyticsEvent]);
+      });
+    } else {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'teamConnectionItem',
+        actionSubjectId: 'teamProfileCard',
+        attributes: {
+          container: containerType
+        }
+      });
+    }
+  }, [containerType, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, {
     href: link,
     onClick: onClick,
@@ -89,16 +99,24 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
     containerTypeText = _getContainerProperti2.containerTypeText;
   var _useAnalyticsEvents2 = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
+  var _useAnalyticsEventsNe2 = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe2.fireEvent;
   var onClick = (0, _react.useCallback)(function () {
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'teamConnectionItem',
-      actionSubjectId: 'teamProfileCard',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.teamConnectionItem.clicked.teamProfileCard', {
         container: containerType
-      }
-    });
-  }, [containerType, createAnalyticsEvent]);
+      });
+    } else {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'teamConnectionItem',
+        actionSubjectId: 'teamProfileCard',
+        attributes: {
+          container: containerType
+        }
+      });
+    }
+  }, [containerType, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, {
     href: link,
     onClick: onClick,
@@ -122,7 +140,8 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
       backgroundColor: 'color.background.neutral.subtle',
       xcss: styles.containerTypeIconButtonStyles,
       testId: "container-type-icon"
-    }, icon)
+    }, icon),
+    testId: "team-connection-item"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     maxLines: 1,
     color: "color.text"

package/dist/cjs/util/analytics.js

@@ -76,6 +76,11 @@ var getActionSubject = exports.getActionSubject = function getActionSubject(type
       return 'user';
   }
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var cardTriggered = exports.cardTriggered = function cardTriggered(type, method, teamId) {
   return createEvent('ui', 'triggered', getActionSubject(type), undefined, _objectSpread({
     method: method
@@ -83,33 +88,83 @@ var cardTriggered = exports.cardTriggered = function cardTriggered(type, method,
     teamId: teamId
   } : {}));
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var teamRequestAnalytics = exports.teamRequestAnalytics = function teamRequestAnalytics(action, attributes) {
   return createEvent('operational', action, TEAM_SUBJECT, 'request', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var userRequestAnalytics = exports.userRequestAnalytics = function userRequestAnalytics(action, attributes) {
   return createEvent('operational', action, USER_SUBJECT, 'request', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var profileCardRendered = exports.profileCardRendered = function profileCardRendered(type, actionSubjectId, attributes) {
   return createEvent('ui', 'rendered', getActionSubject(type), actionSubjectId, attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var actionClicked = exports.actionClicked = function actionClicked(type, attributes) {
   return createEvent('ui', 'clicked', getActionSubject(type), 'action', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var reportingLinesClicked = exports.reportingLinesClicked = function reportingLinesClicked(attributes) {
   return createEvent('ui', 'clicked', USER_SUBJECT, 'reportingLines', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var moreActionsClicked = exports.moreActionsClicked = function moreActionsClicked(type, attributes) {
   return createEvent('ui', 'clicked', getActionSubject(type), 'moreActions', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var teamAvatarClicked = exports.teamAvatarClicked = function teamAvatarClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var moreMembersClicked = exports.moreMembersClicked = function moreMembersClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'moreMembers', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var errorRetryClicked = exports.errorRetryClicked = function errorRetryClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'errorRetry', attributes);
 };
+
+/**
+ * @private
+ * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
+ */
 var agentRequestAnalytics = exports.agentRequestAnalytics = function agentRequestAnalytics(action, actionSubjectId, attributes) {
   return createEvent('operational', action, AGENT_SUBJECT, actionSubjectId || 'request', attributes);
 };

package/dist/es2019/client/ProfileCardClient.js

@@ -32,8 +32,8 @@ class ProfileCardClient {
   getProfile(cloudId, userId, analytics, analyticsNext) {
     return this.userClient.getProfile(cloudId, userId, analytics, analyticsNext);
   }
-  getTeamProfile(teamId, orgId, analytics) {
-    return this.teamClient.getProfile(teamId, orgId, analytics);
+  getTeamProfile(teamId, orgId, analytics, analyticsNext) {
+    return this.teamClient.getProfile(teamId, orgId, analytics, analyticsNext);
   }
   getReportingLines(userId) {
     var _this$tcClient2;
@@ -69,21 +69,21 @@ class ProfileCardClient {
     }
     return this.tcClient.checkWorkspaceExists();
   }
-  getRovoAgentProfile(id, analytics) {
+  getRovoAgentProfile(id, analytics, analyticsNext) {
     var _this$rovoAgentClient2;
-    return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(id, analytics);
+    return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(id, analytics, analyticsNext);
   }
-  getRovoAgentPermissions(id, fireAnalytics) {
+  getRovoAgentPermissions(id, fireAnalytics, analyticsNext) {
     var _this$rovoAgentClient3;
-    return (_this$rovoAgentClient3 = this.rovoAgentClient) === null || _this$rovoAgentClient3 === void 0 ? void 0 : _this$rovoAgentClient3.getPermissions(id, fireAnalytics);
+    return (_this$rovoAgentClient3 = this.rovoAgentClient) === null || _this$rovoAgentClient3 === void 0 ? void 0 : _this$rovoAgentClient3.getPermissions(id, fireAnalytics, analyticsNext);
   }
-  deleteAgent(id, analytics) {
+  deleteAgent(id, analytics, analyticsNext) {
     var _this$rovoAgentClient4;
-    return (_this$rovoAgentClient4 = this.rovoAgentClient) === null || _this$rovoAgentClient4 === void 0 ? void 0 : _this$rovoAgentClient4.deleteAgent(id, analytics);
+    return (_this$rovoAgentClient4 = this.rovoAgentClient) === null || _this$rovoAgentClient4 === void 0 ? void 0 : _this$rovoAgentClient4.deleteAgent(id, analytics, analyticsNext);
   }
-  setFavouriteAgent(id, isFavourite, analytics) {
+  setFavouriteAgent(id, isFavourite, analytics, analyticsNext) {
     var _this$rovoAgentClient5;
-    return (_this$rovoAgentClient5 = this.rovoAgentClient) === null || _this$rovoAgentClient5 === void 0 ? void 0 : _this$rovoAgentClient5.setFavouriteAgent(id, isFavourite, analytics);
+    return (_this$rovoAgentClient5 = this.rovoAgentClient) === null || _this$rovoAgentClient5 === void 0 ? void 0 : _this$rovoAgentClient5.setFavouriteAgent(id, isFavourite, analytics, analyticsNext);
   }
 }
 function maybeCreateTeamCentralClient(config, clients) {