@atlaskit/profilecard 24.40.2 → 24.42.0

package/dist/esm/components/Team/TeamProfileCard.js

@@ -23,7 +23,7 @@ import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../..
 import { ErrorWrapper, TeamErrorText } from '../../styled/Error';
 import { ActionButtons, ArchiveLozengeWrapper, AvatarSection, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
 import { CardContent, CardHeader, CardWrapper } from '../../styled/TeamTrigger';
-import { actionClicked, errorRetryClicked, moreActionsClicked, moreMembersClicked, PACKAGE_META_DATA, profileCardRendered, teamAvatarClicked } from '../../util/analytics';
+import { PACKAGE_META_DATA } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
 import { getPageTime } from '../../util/performance';
 import { ErrorIllustration } from '../Error';
@@ -32,28 +32,17 @@ import TeamLoadingState from './TeamLoadingState';
 var LARGE_MEMBER_COUNT = 50;
 var GIVE_KUDOS_ACTION_ID = 'give-kudos';
 var avatarGroupMaxCount = 9;
-function onMemberClick(callback, userId, analytics, analyticsNext, index, hasHref) {
+function onMemberClick(callback, userId, analytics, index, hasHref) {
   return function (event) {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.clicked.avatar', function (duration) {
-        return _objectSpread({
-          duration: duration,
-          hasHref: hasHref,
-          hasOnClick: !!callback,
-          index: index,
-          firedAt: Math.round(getPageTime())
-        }, PACKAGE_META_DATA);
-      });
-    } else {
-      analytics(function (duration) {
-        return teamAvatarClicked({
-          duration: duration,
-          hasHref: hasHref,
-          hasOnClick: !!callback,
-          index: index
-        });
-      });
-    }
+    analytics('ui.teamProfileCard.clicked.avatar', function (duration) {
+      return _objectSpread({
+        duration: duration,
+        hasHref: hasHref,
+        hasOnClick: !!callback,
+        index: index,
+        firedAt: Math.round(getPageTime())
+      }, PACKAGE_META_DATA);
+    });
     if (callback) {
       callback(userId, event);
     }
@@ -66,7 +55,6 @@ var TeamMembers = function TeamMembers(_ref) {
     isArchived = _ref.isArchived,
     onUserClick = _ref.onUserClick,
     includingYou = _ref.includingYou,
-    analyticsNext = _ref.analyticsNext,
     isTriggeredByKeyboard = _ref.isTriggeredByKeyboard;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -87,25 +75,16 @@ var TeamMembers = function TeamMembers(_ref) {
   var onMoreClick = useCallback(function () {
     var isOpen = isMoreMembersOpen.current;
     if (!isOpen) {
-      if (fg('ptc-enable-profile-card-analytics-refactor')) {
-        analyticsNext('ui.teamProfileCard.clicked.moreMembers', function (duration) {
-          return _objectSpread({
-            duration: duration,
-            memberCount: count,
-            firedAt: Math.round(getPageTime())
-          }, PACKAGE_META_DATA);
-        });
-      } else {
-        analytics(function (duration) {
-          return moreMembersClicked({
-            duration: duration,
-            memberCount: count
-          });
-        });
-      }
+      analytics('ui.teamProfileCard.clicked.moreMembers', function (duration) {
+        return _objectSpread({
+          duration: duration,
+          memberCount: count,
+          firedAt: Math.round(getPageTime())
+        }, PACKAGE_META_DATA);
+      });
     }
     isMoreMembersOpen.current = !isOpen;
-  }, [analytics, count, analyticsNext]);
+  }, [analytics, count]);
   var showMoreButtonProps = {
     onClick: onMoreClick,
     'aria-label': formatMessage(messages.profileCardMoreMembersLabel, {
@@ -123,7 +102,7 @@ var TeamMembers = function TeamMembers(_ref) {
     appearance: "stack",
     data: members.map(function (member, index) {
       var href = generateUserLink === null || generateUserLink === void 0 ? void 0 : generateUserLink(member.id);
-      var onClick = onMemberClick(onUserClick, member.id, analytics, analyticsNext, index, !!generateUserLink);
+      var onClick = onMemberClick(onUserClick, member.id, analytics, index, !!generateUserLink);
       return {
         key: member.id,
         name: member.fullName,
@@ -148,30 +127,18 @@ var TeamMembers = function TeamMembers(_ref) {
     }
   })));
 };
-function onActionClick(action, analytics, analyticsNext, index) {
+function onActionClick(action, analytics, index) {
   return function (event) {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.clicked.action', function (duration) {
-        return _objectSpread({
-          duration: duration,
-          hasHref: !!action.link,
-          hasOnClick: !!action.callback,
-          index: index,
-          actionId: action.id || '',
-          firedAt: Math.round(getPageTime())
-        }, PACKAGE_META_DATA);
-      });
-    } else {
-      analytics(function (duration) {
-        return actionClicked('team', {
-          duration: duration,
-          hasHref: !!action.link,
-          hasOnClick: !!action.callback,
-          index: index,
-          actionId: action.id || ''
-        });
-      });
-    }
+    analytics('ui.teamProfileCard.clicked.action', function (duration) {
+      return _objectSpread({
+        duration: duration,
+        hasHref: !!action.link,
+        hasOnClick: !!action.callback,
+        index: index,
+        actionId: action.id || '',
+        firedAt: Math.round(getPageTime())
+      }, PACKAGE_META_DATA);
+    });
     if (action.callback && isBasicClick(event)) {
       event.preventDefault();
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -184,12 +151,11 @@ function onActionClick(action, analytics, analyticsNext, index) {
 var ActionButton = function ActionButton(_ref2) {
   var action = _ref2.action,
     analytics = _ref2.analytics,
-    analyticsNext = _ref2.analyticsNext,
     index = _ref2.index;
   var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
   var actionButton = /*#__PURE__*/React.createElement(LinkButton, {
     key: action.id || index,
-    onClick: onActionClick(action, analytics, analyticsNext, index),
+    onClick: onActionClick(action, analytics, index),
     href: action.link || '',
     target: action.target,
     shouldFitContainer: true
@@ -201,8 +167,7 @@ var ActionButton = function ActionButton(_ref2) {
 };
 var ExtraActions = function ExtraActions(_ref3) {
   var actions = _ref3.actions,
-    analytics = _ref3.analytics,
-    analyticsNext = _ref3.analyticsNext;
+    analytics = _ref3.analytics;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -211,25 +176,16 @@ var ExtraActions = function ExtraActions(_ref3) {
   var onMoreClick = useCallback(function (shouldBeOpen) {
     if (shouldBeOpen) {
       // Only fire this event when OPENING the dropdown
-      if (fg('ptc-enable-profile-card-analytics-refactor')) {
-        analyticsNext('ui.teamProfileCard.clicked.moreActions', function (duration) {
-          return _objectSpread({
-            duration: duration,
-            numActions: count + 2,
-            firedAt: Math.round(getPageTime())
-          }, PACKAGE_META_DATA);
-        });
-      } else {
-        analytics(function (duration) {
-          return moreActionsClicked('team', {
-            duration: duration,
-            numActions: count + 2
-          });
-        });
-      }
+      analytics('ui.teamProfileCard.clicked.moreActions', function (duration) {
+        return _objectSpread({
+          duration: duration,
+          numActions: count + 2,
+          firedAt: Math.round(getPageTime())
+        }, PACKAGE_META_DATA);
+      });
     }
     setOpen(shouldBeOpen);
-  }, [analytics, count, analyticsNext]);
+  }, [analytics, count]);
   if (!count) {
     return null;
   }
@@ -242,7 +198,7 @@ var ExtraActions = function ExtraActions(_ref3) {
     content: function content() {
       return /*#__PURE__*/React.createElement(MenuGroup, null, actions.map(function (action, index) {
         return /*#__PURE__*/React.createElement(LinkItem, {
-          onClick: onActionClick(action, analytics, analyticsNext, index + 2),
+          onClick: onActionClick(action, analytics, index + 2),
           key: action.id || index,
           href: action.link
         }, action.label);
@@ -266,8 +222,7 @@ var ExtraActions = function ExtraActions(_ref3) {
 };
 var ButtonSection = function ButtonSection(_ref4) {
   var actions = _ref4.actions,
-    analytics = _ref4.analytics,
-    analyticsNext = _ref4.analyticsNext;
+    analytics = _ref4.analytics;
   if (!actions) {
     return null;
   }
@@ -277,20 +232,17 @@ var ButtonSection = function ButtonSection(_ref4) {
     return /*#__PURE__*/React.createElement(ActionButton, {
       action: action,
       analytics: analytics,
-      analyticsNext: analyticsNext,
       index: index,
       key: index
     });
   }), extraActions && /*#__PURE__*/React.createElement(ExtraActions, {
     actions: extraActions,
-    analytics: analytics,
-    analyticsNext: analyticsNext
+    analytics: analytics
   }));
 };
 var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
   var actions = _ref5.actions,
     analytics = _ref5.analytics,
-    analyticsNext = _ref5.analyticsNext,
     team = _ref5.team,
     viewingUserId = _ref5.viewingUserId,
     generateUserLink = _ref5.generateUserLink,
@@ -309,35 +261,21 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     return member.id === viewingUserId;
   });
   useEffect(function () {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.rendered.content', function (duration) {
-        var _team$members$length, _team$members;
-        return _objectSpread({
-          duration: duration,
-          numActions: allActions.length,
-          memberCount: (_team$members$length = (_team$members = team.members) === null || _team$members === void 0 ? void 0 : _team$members.length) !== null && _team$members$length !== void 0 ? _team$members$length : null,
-          includingYou: includingYou !== null && includingYou !== void 0 ? includingYou : null,
-          descriptionLength: team.description.length,
-          titleLength: team.displayName.length,
-          firedAt: Math.round(getPageTime())
-        }, PACKAGE_META_DATA);
-      });
-    } else {
-      analytics(function (duration) {
-        var _team$members2;
-        return profileCardRendered('team', 'content', {
-          duration: duration,
-          numActions: allActions.length,
-          memberCount: (_team$members2 = team.members) === null || _team$members2 === void 0 ? void 0 : _team$members2.length,
-          includingYou: includingYou,
-          descriptionLength: team.description.length,
-          titleLength: team.displayName.length
-        });
-      });
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [analytics]);
+    analytics('ui.teamProfileCard.rendered.content', function (duration) {
+      var _team$members$length, _team$members;
+      return _objectSpread({
+        duration: duration,
+        numActions: allActions.length,
+        memberCount: (_team$members$length = (_team$members = team.members) === null || _team$members === void 0 ? void 0 : _team$members.length) !== null && _team$members$length !== void 0 ? _team$members$length : null,
+        includingYou: includingYou !== null && includingYou !== void 0 ? includingYou : null,
+        descriptionLength: team.description.length,
+        titleLength: team.displayName.length,
+        firedAt: Math.round(getPageTime())
+      }, PACKAGE_META_DATA);
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [analytics]);
   return /*#__PURE__*/React.createElement(CardWrapper, {
     testId: "team-profilecard"
   }, /*#__PURE__*/React.createElement(CardHeader, {
@@ -348,7 +286,6 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     content: team.displayName
   }, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(TeamName, null, team.displayName), team.isVerified && /*#__PURE__*/React.createElement(VerifiedTeamIcon, null))), /*#__PURE__*/React.createElement(TeamMembers, {
     analytics: analytics,
-    analyticsNext: analyticsNext,
     members: team.members,
     isArchived: isTeamArchived,
     generateUserLink: generateUserLink,
@@ -357,53 +294,34 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     isTriggeredByKeyboard: isTriggeredByKeyboard
   }), team.description.trim() && /*#__PURE__*/React.createElement(DescriptionWrapper, null, /*#__PURE__*/React.createElement(Description, null, team.description)), /*#__PURE__*/React.createElement(ButtonSection, {
     actions: allActions,
-    analytics: analytics,
-    analyticsNext: analyticsNext
+    analytics: analytics
   })));
 };
 var ErrorMessage = function ErrorMessage(_ref6) {
   var analytics = _ref6.analytics,
-    analyticsNext = _ref6.analyticsNext,
     clientFetchProfile = _ref6.clientFetchProfile,
     isLoading = _ref6.isLoading;
   var hasRetry = !!clientFetchProfile;
   useEffect(function () {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.rendered.error', function (duration) {
-        return _objectSpread({
-          duration: duration,
-          hasRetry: hasRetry,
-          firedAt: Math.round(getPageTime())
-        }, PACKAGE_META_DATA);
-      });
-    } else {
-      analytics(function (duration) {
-        return profileCardRendered('team', 'error', {
-          duration: duration,
-          hasRetry: hasRetry
-        });
-      });
-    }
-  }, [analytics, analyticsNext, hasRetry]);
+    analytics('ui.teamProfileCard.rendered.error', function (duration) {
+      return _objectSpread({
+        duration: duration,
+        hasRetry: hasRetry,
+        firedAt: Math.round(getPageTime())
+      }, PACKAGE_META_DATA);
+    });
+  }, [analytics, hasRetry]);
   var retry = useCallback(function () {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.clicked.errorRetry', function (duration) {
-        return _objectSpread({
-          duration: duration,
-          firedAt: Math.round(getPageTime())
-        }, PACKAGE_META_DATA);
-      });
-    } else {
-      analytics(function (duration) {
-        return errorRetryClicked({
-          duration: duration
-        });
-      });
-    }
+    analytics('ui.teamProfileCard.clicked.errorRetry', function (duration) {
+      return _objectSpread({
+        duration: duration,
+        firedAt: Math.round(getPageTime())
+      }, PACKAGE_META_DATA);
+    });
     if (clientFetchProfile) {
       clientFetchProfile();
     }
-  }, [analytics, analyticsNext, clientFetchProfile]);
+  }, [analytics, clientFetchProfile]);
   return /*#__PURE__*/React.createElement(ErrorWrapper, {
     testId: "team-profilecard-error"
   }, /*#__PURE__*/React.createElement(ErrorIllustration, null), /*#__PURE__*/React.createElement(Text, {
@@ -422,7 +340,6 @@ var ErrorMessage = function ErrorMessage(_ref6) {
  */
 var TeamProfileCard = function TeamProfileCard(props) {
   var analytics = props.analytics,
-    analyticsNext = props.analyticsNext,
     clientFetchProfile = props.clientFetchProfile,
     hasError = props.hasError,
     isLoading = props.isLoading,
@@ -431,15 +348,13 @@ var TeamProfileCard = function TeamProfileCard(props) {
   if (hasError) {
     if ((errorType === null || errorType === void 0 ? void 0 : errorType.reason) === 'TEAMS_FORBIDDEN') {
       return /*#__PURE__*/React.createElement(TeamForbiddenErrorState, {
-        analytics: analytics,
-        analyticsNext: analyticsNext
+        analytics: analytics
       });
     } else {
       return /*#__PURE__*/React.createElement(CardWrapper, {
         testId: "team-profilecard"
       }, /*#__PURE__*/React.createElement(ErrorMessage, {
         analytics: analytics,
-        analyticsNext: analyticsNext,
         clientFetchProfile: clientFetchProfile,
         isLoading: isLoading
       }));
@@ -447,8 +362,7 @@ var TeamProfileCard = function TeamProfileCard(props) {
   }
   if (isLoading) {
     return /*#__PURE__*/React.createElement(TeamLoadingState, {
-      analytics: analytics,
-      analyticsNext: analyticsNext
+      analytics: analytics
     });
   }
   if (team) {

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

@@ -246,8 +246,7 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       var newProps = {
         clientFetchProfile: _this.clientFetchProfile,
         actions: _this.filterActions(),
-        analytics: function analytics() {},
-        analyticsNext: _this.fireAnalyticsWithDuration,
+        analytics: _this.fireAnalyticsWithDuration,
         team: data || undefined,
         generateUserLink: generateUserLink,
         onUserClick: onUserClick,
@@ -257,8 +256,7 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       };
       return /*#__PURE__*/React.createElement("div", _this.cardListeners, _this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
         fallback: /*#__PURE__*/React.createElement(TeamLoadingState, {
-          analytics: function analytics() {},
-          analyticsNext: _this.fireAnalyticsWithDuration
+          analytics: _this.fireAnalyticsWithDuration
         })
       }, /*#__PURE__*/React.createElement(TeamProfileCardLazy, _extends({}, newProps, {
         isLoading: isLoading,

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

@@ -13,7 +13,7 @@ import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
-import { moreActionsClicked, PACKAGE_META_DATA } from '../../util/analytics';
+import { PACKAGE_META_DATA } from '../../util/analytics';
 import { getPageTime } from '../../util/performance';
 export var ACTION_OVERFLOW_THRESHOLD = 2;
 export var OverflowProfileCardButtons = function OverflowProfileCardButtons(props) {
@@ -23,33 +23,23 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
     setOpen = _useState2[1];
   var actions = props.actions,
     onItemClick = props.onItemClick,
-    fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
-    fireAnalyticsWithDurationNext = props.fireAnalyticsWithDurationNext;
+    fireAnalyticsWithDuration = props.fireAnalyticsWithDuration;
   var numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
   var onOpenChange = useCallback(function (_ref) {
     var nextOpen = _ref.isOpen;
     setOpen(function (prevOpen) {
       if (nextOpen && !prevOpen) {
-        if (fg('ptc-enable-profile-card-analytics-refactor')) {
-          fireAnalyticsWithDurationNext('ui.profilecard.clicked.moreActions', function (duration) {
-            return _objectSpread({
-              duration: duration,
-              numActions: numActions,
-              firedAt: Math.round(getPageTime())
-            }, PACKAGE_META_DATA);
-          });
-        } else {
-          fireAnalyticsWithDuration(function (duration) {
-            return moreActionsClicked('user', {
-              duration: duration,
-              numActions: numActions
-            });
-          });
-        }
+        fireAnalyticsWithDuration('ui.profilecard.clicked.moreActions', function (duration) {
+          return _objectSpread({
+            duration: duration,
+            numActions: numActions,
+            firedAt: Math.round(getPageTime())
+          }, PACKAGE_META_DATA);
+        });
       }
       return nextOpen;
     });
-  }, [numActions, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
+  }, [numActions, fireAnalyticsWithDuration]);
   return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, {
     testId: "profilecard-actions-overflow"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {