@atlaskit/profilecard 24.13.7 → 24.14.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/profilecard
 
+## 24.14.0
+
+### Minor Changes
+
+- [`a5484f724ef0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5484f724ef0b) -
+  Migrated user profile card analytics to @atlaskit/teams-app-internal-analytics
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.13.7
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-cc/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-cc/tsconfig.json"
 		},

package/afm-dev-agents/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-dev-agents/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-dev-agents/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-dev-agents/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-dev-agents/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-dev-agents/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-jira/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-jira/tsconfig.json"
 		},

package/afm-passionfruit/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-passionfruit/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-passionfruit/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-passionfruit/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-passionfruit/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-passionfruit/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-post-office/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-post-office/tsconfig.json"
 		},

package/afm-rovo-extension/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-rovo-extension/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-rovo-extension/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-rovo-extension/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-rovo-extension/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-rovo-extension/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-rovo-extension/tsconfig.json"
 		},

package/afm-townsquare/tsconfig.json

@@ -80,6 +80,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-townsquare/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/popup/afm-townsquare/tsconfig.json"
 		},
@@ -98,6 +101,9 @@
 		{
 			"path": "../../teams-app-config/afm-townsquare/tsconfig.json"
 		},
+		{
+			"path": "../../teams-app-internal-analytics/afm-townsquare/tsconfig.json"
+		},
 		{
 			"path": "../../teams-avatar/afm-townsquare/tsconfig.json"
 		},

package/dist/cjs/client/ProfileCardClient.js

@@ -44,8 +44,8 @@ var ProfileCardClient = /*#__PURE__*/function () {
     }
   }, {
     key: "getProfile",
-    value: function getProfile(cloudId, userId, analytics) {
-      return this.userClient.getProfile(cloudId, userId, analytics);
+    value: function getProfile(cloudId, userId, analytics, analyticsNext) {
+      return this.userClient.getProfile(cloudId, userId, analytics, analyticsNext);
     }
   }, {
     key: "getTeamProfile",

package/dist/cjs/client/UserProfileCardClient.js

@@ -153,7 +153,7 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
     }()
   }, {
     key: "getProfile",
-    value: function getProfile(cloudId, userId, analytics) {
+    value: function getProfile(cloudId, userId, analytics, analyticsNext) {
       var _this2 = this;
       if (!userId) {
         return Promise.reject(new Error('userId missing'));
@@ -165,24 +165,58 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
       }
       return new Promise(function (resolve, reject) {
         var startTime = (0, _performance.getPageTime)();
-        if (analytics) {
-          analytics((0, _analytics.userRequestAnalytics)('triggered'));
+        if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            analyticsNext('operational.profilecard.triggered.request', _objectSpread({
+              firedAt: Math.round((0, _performance.getPageTime)())
+            }, _analytics.PACKAGE_META_DATA));
+          }
+        } else {
+          if (analytics) {
+            analytics((0, _analytics.userRequestAnalytics)('triggered'));
+          }
         }
         _this2.makeRequest(cloudId, userId).then(function (data) {
           if (_this2.cache) {
             _this2.setCachedProfile(cacheIdentifier, data);
           }
-          if (analytics) {
-            analytics((0, _analytics.userRequestAnalytics)('succeeded', {
-              duration: (0, _performance.getPageTime)() - startTime
-            }));
+          if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+            if (analyticsNext) {
+              analyticsNext('operational.profilecard.succeeded.request', _objectSpread({
+                duration: (0, _performance.getPageTime)() - startTime,
+                firedAt: Math.round((0, _performance.getPageTime)())
+              }, _analytics.PACKAGE_META_DATA));
+            }
+          } else {
+            if (analytics) {
+              analytics((0, _analytics.userRequestAnalytics)('succeeded', {
+                duration: (0, _performance.getPageTime)() - startTime
+              }));
+            }
           }
           resolve(data);
         }).catch(function (error) {
-          if (analytics) {
-            analytics((0, _analytics.userRequestAnalytics)('failed', _objectSpread({
-              duration: (0, _performance.getPageTime)() - startTime
-            }, (0, _errorUtils.getErrorAttributes)(error))));
+          if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+            if (analyticsNext) {
+              var errorAttributes = (0, _errorUtils.getErrorAttributes)(error);
+              analyticsNext('operational.profilecard.failed.request', _objectSpread(_objectSpread({
+                duration: (0, _performance.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((0, _performance.getPageTime)())
+              }, _analytics.PACKAGE_META_DATA));
+            }
+          } else {
+            if (analytics) {
+              analytics((0, _analytics.userRequestAnalytics)('failed', _objectSpread({
+                duration: (0, _performance.getPageTime)() - startTime
+              }, (0, _errorUtils.getErrorAttributes)(error))));
+            }
           }
           reject(error);
         });

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.13.6");
+  headers.append('atl-client-version', "24.13.7");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function 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', "24.13.7");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Agent/AgentProfileCard.js

@@ -174,6 +174,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
       errorType: errorType,
       fireAnalytics: fireAnalytics
+      // TODO: Add fireAnalyticsNext
+      ,
+      fireAnalyticsNext: function fireAnalyticsNext() {}
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {

package/dist/cjs/components/Agent/AgentProfileCardResourced.js

@@ -157,7 +157,8 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
         fetchData();
       },
       errorType: error || null,
-      fireAnalytics: function fireAnalytics() {}
+      fireAnalytics: function fireAnalytics() {},
+      fireAnalyticsNext: function fireAnalyticsNext() {}
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, {

package/dist/cjs/components/Error/ErrorMessage.js

@@ -6,30 +6,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _crossCircle2 = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _Error = require("../../styled/Error");
 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); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
+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
 var ErrorMessage = function ErrorMessage(props) {
   var errorType = props.errorType || {
     reason: 'default'
   };
   var errorReason = errorType.reason;
   var fireAnalytics = props.fireAnalytics,
+    fireAnalyticsNext = props.fireAnalyticsNext,
     reload = props.reload;
   var hasRetry = !!reload;
   (0, _react.useEffect)(function () {
-    fireAnalytics((0, _analytics.profileCardRendered)('user', 'error', {
-      hasRetry: hasRetry,
-      errorType: errorReason
-    }));
-  }, [errorReason, fireAnalytics, hasRetry]);
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireAnalyticsNext('ui.profilecard.rendered.error', _objectSpread({
+        hasRetry: hasRetry,
+        errorType: errorReason,
+        firedAt: Math.round(performance.now())
+      }, _analytics.PACKAGE_META_DATA));
+    } else {
+      fireAnalytics((0, _analytics.profileCardRendered)('user', 'error', {
+        hasRetry: hasRetry,
+        errorType: errorReason
+      }));
+    }
+  }, [errorReason, fireAnalytics, fireAnalyticsNext, hasRetry]);
   var errorContent = function errorContent() {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "The user is no longer available for the site");

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.OverflowProfileCardButtons = exports.ACTION_OVERFLOW_THRESHOLD = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -18,8 +19,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
 var _excluded = ["triggerRef", "isSelected", "testId"];
 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 ACTION_OVERFLOW_THRESHOLD = exports.ACTION_OVERFLOW_THRESHOLD = 2;
 var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function OverflowProfileCardButtons(props) {
   var intl = (0, _reactIntlNext.useIntl)();
@@ -28,22 +32,33 @@ var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function O
     setOpen = _useState2[1];
   var actions = props.actions,
     onItemClick = props.onItemClick,
-    fireAnalyticsWithDuration = props.fireAnalyticsWithDuration;
+    fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext = props.fireAnalyticsWithDurationNext;
   var numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
   var onOpenChange = (0, _react.useCallback)(function (_ref) {
     var nextOpen = _ref.isOpen;
     setOpen(function (prevOpen) {
       if (nextOpen && !prevOpen) {
-        fireAnalyticsWithDuration(function (duration) {
-          return (0, _analytics.moreActionsClicked)('user', {
-            duration: duration,
-            numActions: numActions
+        if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+          fireAnalyticsWithDurationNext('ui.profilecard.clicked.moreActions', function (duration) {
+            return _objectSpread({
+              duration: duration,
+              numActions: numActions,
+              firedAt: Math.round((0, _performance.getPageTime)())
+            }, _analytics.PACKAGE_META_DATA);
           });
-        });
+        } else {
+          fireAnalyticsWithDuration(function (duration) {
+            return (0, _analytics.moreActionsClicked)('user', {
+              duration: duration,
+              numActions: numActions
+            });
+          });
+        }
       }
       return nextOpen;
     });
-  }, [numActions, fireAnalyticsWithDuration]);
+  }, [numActions, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
   return /*#__PURE__*/_react.default.createElement(_Card.OverflowActionButtonsWrapper, {
     testId: "profilecard-actions-overflow"
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {

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

@@ -5,9 +5,10 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ProfilecardInternal = void 0;
+exports.default = exports.ProfilecardInternal = exports.LoadingView = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -15,7 +16,9 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _new = require("@atlaskit/button/new");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
@@ -27,6 +30,8 @@ var _Error = require("../Error");
 var _OverflowProfileCardButtons = require("./OverflowProfileCardButtons");
 var _ProfileCardDetails = require("./ProfileCardDetails");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GIVE_KUDOS_ACTION_ID = 'give-kudos';
 var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosDrawer) {
   var kudosUrl = (0, _react.useMemo)(function () {
@@ -67,6 +72,8 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     openTime = _useState2[0];
   var createAnalyticsEvent = props.createAnalyticsEvent;
+  var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEvents.fireEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
     if (createAnalyticsEvent) {
       (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
@@ -77,6 +84,11 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
     var event = generator(elapsed);
     fireAnalytics(event);
   }, [fireAnalytics, openTime]);
+  var fireAnalyticsWithDurationNext = (0, _react.useCallback)(function (eventKey, generator) {
+    var duration = (0, _performance.getPageTime)() - openTime;
+    var attributes = generator(duration);
+    fireEventNext(eventKey, attributes);
+  }, [openTime, fireEventNext]);
   var _useKudos = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer),
     kudosAction = _useKudos.kudosAction;
   var _props$actions = props.actions,
@@ -97,24 +109,36 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
   var canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
   (0, _react.useEffect)(function () {
     if (canRender) {
-      fireAnalyticsWithDuration(function (duration) {
-        return (0, _analytics.profileCardRendered)('user', 'content', {
-          duration: duration,
-          numActions: realActions.length
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+        fireAnalyticsWithDurationNext('ui.profilecard.rendered.content', function (duration) {
+          return _objectSpread({
+            duration: duration,
+            numActions: realActions.length,
+            firedAt: Math.round((0, _performance.getPageTime)())
+          }, _analytics.PACKAGE_META_DATA);
         });
-      });
+      } else {
+        fireAnalyticsWithDuration(function (duration) {
+          return (0, _analytics.profileCardRendered)('user', 'content', {
+            duration: duration,
+            numActions: realActions.length
+          });
+        });
+      }
     }
-  }, [canRender, fireAnalyticsWithDuration, realActions]);
+  }, [canRender, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, realActions]);
   if (hasError) {
     return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
       reload: props.clientFetchProfile,
       errorType: props.errorType || null,
-      fireAnalytics: fireAnalytics
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(LoadingView, {
-      fireAnalyticsWithDuration: fireAnalyticsWithDuration
+      fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+      fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
     }));
   }
   if (!canRender) {
@@ -130,36 +154,53 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
     borderColor: "var(--ds-shadow-overlay, ".concat(_colors.N0, ")")
   })), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, /*#__PURE__*/_react.default.createElement(_ProfileCardDetails.ProfileCardDetails, (0, _extends2.default)({}, props, {
     status: status,
-    fireAnalyticsWithDuration: fireAnalyticsWithDuration
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
   })), realActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), /*#__PURE__*/_react.default.createElement(Actions, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('jfp_a11y_team_profile_card_actions_label') && {
     fullName: fullName
   }, {
     fullName: fullName,
     actions: realActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
-    isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard
+    isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard,
+    fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
   }))))));
 };
 var Actions = function Actions(_ref) {
   var actions = _ref.actions,
     fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext = _ref.fireAnalyticsWithDurationNext,
     isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard,
     fullName = _ref.fullName;
   var onActionClick = (0, _react.useCallback)(function (action, args, event, index) {
-    fireAnalyticsWithDuration(function (duration) {
-      return (0, _analytics.actionClicked)('user', {
-        duration: duration,
-        hasHref: !!action.link,
-        hasOnClick: !!action.callback,
-        index: index,
-        actionId: action.id || 'no-id-specified'
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireAnalyticsWithDurationNext('ui.profilecard.clicked.action', function (duration) {
+        return _objectSpread({
+          method: 'click',
+          firedAt: Math.round((0, _performance.getPageTime)()),
+          duration: duration,
+          hasHref: !!action.link,
+          hasOnClick: !!action.callback,
+          index: index,
+          actionId: action.id || 'no-id-specified'
+        }, _analytics.PACKAGE_META_DATA);
       });
-    });
+    } else {
+      fireAnalyticsWithDuration(function (duration) {
+        return (0, _analytics.actionClicked)('user', {
+          duration: duration,
+          hasHref: !!action.link,
+          hasOnClick: !!action.callback,
+          index: index,
+          actionId: action.id || 'no-id-specified'
+        });
+      });
+    }
     if (action.callback && (0, _click.isBasicClick)(event)) {
       event.preventDefault();
       action.callback.apply(action, [event].concat((0, _toConsumableArray2.default)(args)));
     }
-  }, [fireAnalyticsWithDuration]);
+  }, [fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
   if (!actions || actions.length === 0) {
     return null;
   }
@@ -193,6 +234,7 @@ var Actions = function Actions(_ref) {
   }), overflowActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, (0, _extends2.default)({
     actions: overflowActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext,
     onItemClick: function onItemClick(action, args, event, index) {
       return onActionClick(action, args, event, index + _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
     }
@@ -200,17 +242,27 @@ var Actions = function Actions(_ref) {
     fullName: fullName
   })));
 };
-var LoadingView = function LoadingView(_ref2) {
-  var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration;
+var LoadingView = exports.LoadingView = function LoadingView(_ref2) {
+  var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext = _ref2.fireAnalyticsWithDurationNext;
   (0, _react.useEffect)(function () {
-    fireAnalyticsWithDuration(function (duration) {
-      return (0, _analytics.profileCardRendered)('user', 'spinner', {
-        duration: duration
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireAnalyticsWithDurationNext('ui.profilecard.rendered.spinner', function (duration) {
+        return _objectSpread({
+          firedAt: Math.round((0, _performance.getPageTime)()),
+          duration: duration
+        }, _analytics.PACKAGE_META_DATA);
+      });
+    } else {
+      fireAnalyticsWithDuration(function (duration) {
+        return (0, _analytics.profileCardRendered)('user', 'spinner', {
+          duration: duration
+        });
       });
-    });
-  }, [fireAnalyticsWithDuration]);
+    }
+  }, [fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
   return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, {
     testId: "profilecard-spinner-container"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };
-var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()(ProfilecardInternal);
+var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('ptc-enable-profile-card-analytics-refactor', ProfilecardInternal, (0, _analyticsNext.withAnalyticsEvents)()(ProfilecardInternal));

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

@@ -140,6 +140,7 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
     reportingLines: props.reportingLines,
     reportingLinesProfileUrl: props.reportingLinesProfileUrl,
     onReportingLinesClick: props.onReportingLinesClick,
-    fireAnalyticsWithDuration: props.fireAnalyticsWithDuration
+    fireAnalyticsWithDuration: props.fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext: props.fireAnalyticsWithDurationNext
   }));
 };