@atlaskit/profilecard 24.13.6 → 24.14.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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
+
+- [`f6b139b8c3922`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f6b139b8c3922) -
+  Clean up loom_tab_in_container_linker_team_profile_page
+- Updated dependencies
+
 ## 24.13.6
 
 ### Patch Changes

package/__tests__/vr-tests/agent-profilecard.vr.tsx

@@ -0,0 +1,5 @@
+import { snapshot } from '@af/visual-regression';
+
+import { AgentProfileCardExample } from '../../examples/13-agent-profilecard';
+
+snapshot(AgentProfileCardExample);

package/__tests__/vr-tests/user-profilecard.vr.tsx

@@ -0,0 +1,17 @@
+import { snapshot } from '@af/visual-regression';
+
+import {
+	AlternateActions,
+	BestCaseProfile,
+	BotCaseProfile,
+	ErrorState,
+	ErrorStateNotFound,
+	WorstCaseProfile,
+} from '../../examples/03-profilecard-overview';
+
+snapshot(ErrorState);
+snapshot(ErrorStateNotFound);
+snapshot(BestCaseProfile);
+snapshot(WorstCaseProfile);
+snapshot(BotCaseProfile);
+snapshot(AlternateActions);

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.5");
+  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.5");
+  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, {