@atlaskit/profilecard 24.41.0 → 24.43.0

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

@@ -18,7 +18,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';
@@ -27,25 +27,16 @@ import TeamLoadingState from './TeamLoadingState';
 const LARGE_MEMBER_COUNT = 50;
 const GIVE_KUDOS_ACTION_ID = 'give-kudos';
 const avatarGroupMaxCount = 9;
-function onMemberClick(callback, userId, analytics, analyticsNext, index, hasHref) {
+function onMemberClick(callback, userId, analytics, index, hasHref) {
   return event => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.clicked.avatar', duration => ({
-        duration,
-        hasHref,
-        hasOnClick: !!callback,
-        index,
-        firedAt: Math.round(getPageTime()),
-        ...PACKAGE_META_DATA
-      }));
-    } else {
-      analytics(duration => teamAvatarClicked({
-        duration,
-        hasHref,
-        hasOnClick: !!callback,
-        index
-      }));
-    }
+    analytics('ui.teamProfileCard.clicked.avatar', duration => ({
+      duration,
+      hasHref,
+      hasOnClick: !!callback,
+      index,
+      firedAt: Math.round(getPageTime()),
+      ...PACKAGE_META_DATA
+    }));
     if (callback) {
       callback(userId, event);
     }
@@ -58,7 +49,6 @@ const TeamMembers = ({
   isArchived,
   onUserClick,
   includingYou,
-  analyticsNext,
   isTriggeredByKeyboard
 }) => {
   const {
@@ -83,22 +73,15 @@ const TeamMembers = ({
       current: isOpen
     } = isMoreMembersOpen;
     if (!isOpen) {
-      if (fg('ptc-enable-profile-card-analytics-refactor')) {
-        analyticsNext('ui.teamProfileCard.clicked.moreMembers', duration => ({
-          duration,
-          memberCount: count,
-          firedAt: Math.round(getPageTime()),
-          ...PACKAGE_META_DATA
-        }));
-      } else {
-        analytics(duration => moreMembersClicked({
-          duration,
-          memberCount: count
-        }));
-      }
+      analytics('ui.teamProfileCard.clicked.moreMembers', duration => ({
+        duration,
+        memberCount: count,
+        firedAt: Math.round(getPageTime()),
+        ...PACKAGE_META_DATA
+      }));
     }
     isMoreMembersOpen.current = !isOpen;
-  }, [analytics, count, analyticsNext]);
+  }, [analytics, count]);
   const showMoreButtonProps = {
     onClick: onMoreClick,
     'aria-label': formatMessage(messages.profileCardMoreMembersLabel, {
@@ -116,7 +99,7 @@ const TeamMembers = ({
     appearance: "stack",
     data: members.map((member, index) => {
       const href = generateUserLink === null || generateUserLink === void 0 ? void 0 : generateUserLink(member.id);
-      const onClick = onMemberClick(onUserClick, member.id, analytics, analyticsNext, index, !!generateUserLink);
+      const onClick = onMemberClick(onUserClick, member.id, analytics, index, !!generateUserLink);
       return {
         key: member.id,
         name: member.fullName,
@@ -139,27 +122,17 @@ const TeamMembers = ({
     }
   })));
 };
-function onActionClick(action, analytics, analyticsNext, index) {
+function onActionClick(action, analytics, index) {
   return (event, ...args) => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.clicked.action', duration => ({
-        duration,
-        hasHref: !!action.link,
-        hasOnClick: !!action.callback,
-        index,
-        actionId: action.id || '',
-        firedAt: Math.round(getPageTime()),
-        ...PACKAGE_META_DATA
-      }));
-    } else {
-      analytics(duration => actionClicked('team', {
-        duration,
-        hasHref: !!action.link,
-        hasOnClick: !!action.callback,
-        index,
-        actionId: action.id || ''
-      }));
-    }
+    analytics('ui.teamProfileCard.clicked.action', duration => ({
+      duration,
+      hasHref: !!action.link,
+      hasOnClick: !!action.callback,
+      index,
+      actionId: action.id || '',
+      firedAt: Math.round(getPageTime()),
+      ...PACKAGE_META_DATA
+    }));
     if (action.callback && isBasicClick(event)) {
       event.preventDefault();
       action.callback(event, ...args);
@@ -169,13 +142,12 @@ function onActionClick(action, analytics, analyticsNext, index) {
 const ActionButton = ({
   action,
   analytics,
-  analyticsNext,
   index
 }) => {
   const isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
   const 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
@@ -187,30 +159,22 @@ const ActionButton = ({
 };
 const ExtraActions = ({
   actions,
-  analytics,
-  analyticsNext
+  analytics
 }) => {
   const [isOpen, setOpen] = useState(false);
   const count = actions.length;
   const onMoreClick = useCallback(shouldBeOpen => {
     if (shouldBeOpen) {
       // Only fire this event when OPENING the dropdown
-      if (fg('ptc-enable-profile-card-analytics-refactor')) {
-        analyticsNext('ui.teamProfileCard.clicked.moreActions', duration => ({
-          duration,
-          numActions: count + 2,
-          firedAt: Math.round(getPageTime()),
-          ...PACKAGE_META_DATA
-        }));
-      } else {
-        analytics(duration => moreActionsClicked('team', {
-          duration,
-          numActions: count + 2
-        }));
-      }
+      analytics('ui.teamProfileCard.clicked.moreActions', duration => ({
+        duration,
+        numActions: count + 2,
+        firedAt: Math.round(getPageTime()),
+        ...PACKAGE_META_DATA
+      }));
     }
     setOpen(shouldBeOpen);
-  }, [analytics, count, analyticsNext]);
+  }, [analytics, count]);
   if (!count) {
     return null;
   }
@@ -219,7 +183,7 @@ const ExtraActions = ({
     onClose: () => setOpen(false),
     placement: "bottom-start",
     content: () => /*#__PURE__*/React.createElement(MenuGroup, null, actions.map((action, index) => /*#__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))),
@@ -239,8 +203,7 @@ const ExtraActions = ({
 };
 const ButtonSection = ({
   actions,
-  analytics,
-  analyticsNext
+  analytics
 }) => {
   if (!actions) {
     return null;
@@ -250,19 +213,16 @@ const ButtonSection = ({
   return /*#__PURE__*/React.createElement(ActionButtons, null, initialActions.map((action, index) => /*#__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
   }));
 };
 const TeamProfilecardContent = ({
   actions,
   analytics,
-  analyticsNext,
   team,
   viewingUserId,
   generateUserLink,
@@ -280,36 +240,22 @@ const TeamProfilecardContent = ({
   }, ...(isTeamArchived ? [] : actions || [])];
   const includingYou = team.members && team.members.some(member => member.id === viewingUserId);
   useEffect(() => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.rendered.content', duration => {
-        var _team$members$length, _team$members;
-        return {
-          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(duration => {
-        var _team$members2;
-        return profileCardRendered('team', 'content', {
-          duration,
-          numActions: allActions.length,
-          memberCount: (_team$members2 = team.members) === null || _team$members2 === void 0 ? void 0 : _team$members2.length,
-          includingYou,
-          descriptionLength: team.description.length,
-          titleLength: team.displayName.length
-        });
-      });
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [analytics]);
+    analytics('ui.teamProfileCard.rendered.content', duration => {
+      var _team$members$length, _team$members;
+      return {
+        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, {
@@ -320,7 +266,6 @@ const TeamProfilecardContent = ({
     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,
@@ -329,48 +274,33 @@ const TeamProfilecardContent = ({
     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
   })));
 };
 const ErrorMessage = ({
   analytics,
-  analyticsNext,
   clientFetchProfile,
   isLoading
 }) => {
   const hasRetry = !!clientFetchProfile;
   useEffect(() => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.rendered.error', duration => ({
-        duration,
-        hasRetry,
-        firedAt: Math.round(getPageTime()),
-        ...PACKAGE_META_DATA
-      }));
-    } else {
-      analytics(duration => profileCardRendered('team', 'error', {
-        duration,
-        hasRetry
-      }));
-    }
-  }, [analytics, analyticsNext, hasRetry]);
+    analytics('ui.teamProfileCard.rendered.error', duration => ({
+      duration,
+      hasRetry,
+      firedAt: Math.round(getPageTime()),
+      ...PACKAGE_META_DATA
+    }));
+  }, [analytics, hasRetry]);
   const retry = useCallback(() => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      analyticsNext('ui.teamProfileCard.clicked.errorRetry', duration => ({
-        duration,
-        firedAt: Math.round(getPageTime()),
-        ...PACKAGE_META_DATA
-      }));
-    } else {
-      analytics(duration => errorRetryClicked({
-        duration
-      }));
-    }
+    analytics('ui.teamProfileCard.clicked.errorRetry', 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, {
@@ -390,7 +320,6 @@ const ErrorMessage = ({
 const TeamProfileCard = props => {
   const {
     analytics,
-    analyticsNext,
     clientFetchProfile,
     hasError,
     isLoading,
@@ -400,15 +329,13 @@ const 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
       }));
@@ -416,8 +343,7 @@ const TeamProfileCard = props => {
   }
   if (isLoading) {
     return /*#__PURE__*/React.createElement(TeamLoadingState, {
-      analytics: analytics,
-      analyticsNext: analyticsNext
+      analytics: analytics
     });
   }
   if (team) {

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

@@ -225,8 +225,7 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       const newProps = {
         clientFetchProfile: this.clientFetchProfile,
         actions: this.filterActions(),
-        analytics: () => {},
-        analyticsNext: this.fireAnalyticsWithDuration,
+        analytics: this.fireAnalyticsWithDuration,
         team: data || undefined,
         generateUserLink,
         onUserClick,
@@ -236,8 +235,7 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       };
       return /*#__PURE__*/React.createElement("div", this.cardListeners, this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
         fallback: /*#__PURE__*/React.createElement(TeamLoadingState, {
-          analytics: () => {},
-          analyticsNext: this.fireAnalyticsWithDuration
+          analytics: this.fireAnalyticsWithDuration
         })
       }, /*#__PURE__*/React.createElement(TeamProfileCardLazy, _extends({}, newProps, {
         isLoading: isLoading,

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

@@ -7,7 +7,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 const ACTION_OVERFLOW_THRESHOLD = 2;
 export const OverflowProfileCardButtons = props => {
@@ -16,8 +16,7 @@ export const OverflowProfileCardButtons = props => {
   const {
     actions,
     onItemClick,
-    fireAnalyticsWithDuration,
-    fireAnalyticsWithDurationNext
+    fireAnalyticsWithDuration
   } = props;
   const numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
   const onOpenChange = useCallback(({
@@ -25,23 +24,16 @@ export const OverflowProfileCardButtons = props => {
   }) => {
     setOpen(prevOpen => {
       if (nextOpen && !prevOpen) {
-        if (fg('ptc-enable-profile-card-analytics-refactor')) {
-          fireAnalyticsWithDurationNext('ui.profilecard.clicked.moreActions', duration => ({
-            duration,
-            numActions,
-            firedAt: Math.round(getPageTime()),
-            ...PACKAGE_META_DATA
-          }));
-        } else {
-          fireAnalyticsWithDuration(duration => moreActionsClicked('user', {
-            duration,
-            numActions
-          }));
-        }
+        fireAnalyticsWithDuration('ui.profilecard.clicked.moreActions', duration => ({
+          duration,
+          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, {

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

@@ -1,18 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
 import { LinkButton } from '@atlaskit/button/new';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import Spinner from '@atlaskit/spinner';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { N0 } from '@atlaskit/theme/colors';
 import messages from '../../messages';
 import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AnimationWrapper, CardContainer, CardContent, KudosBlobAnimation, ProfileImage } from '../../styled/Card';
 import { CardWrapper, SpinnerContainer } from '../../styled/UserTrigger';
-import { actionClicked, fireEvent, PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
+import { PACKAGE_META_DATA } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
 import { getPageTime } from '../../util/performance';
 import { ErrorMessage } from '../Error';
@@ -56,26 +54,13 @@ export const ProfilecardInternal = props => {
   const [openTime] = useState(getPageTime());
   const intl = useIntl();
   const {
-    createAnalyticsEvent
-  } = props;
-  const {
-    fireEvent: fireEventNext
+    fireEvent
   } = useAnalyticsEvents();
-  const fireAnalytics = useCallback(payload => {
-    if (createAnalyticsEvent) {
-      fireEvent(createAnalyticsEvent, payload);
-    }
-  }, [createAnalyticsEvent]);
-  const fireAnalyticsWithDuration = useCallback(generator => {
-    const elapsed = getPageTime() - openTime;
-    const event = generator(elapsed);
-    fireAnalytics(event);
-  }, [fireAnalytics, openTime]);
-  const fireAnalyticsWithDurationNext = useCallback((eventKey, generator) => {
+  const fireAnalyticsWithDuration = useCallback((eventKey, generator) => {
     const duration = getPageTime() - openTime;
     const attributes = generator(duration);
-    fireEventNext(eventKey, attributes);
-  }, [openTime, fireEventNext]);
+    fireEvent(eventKey, attributes);
+  }, [openTime, fireEvent]);
   const {
     kudosAction
   } = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer);
@@ -99,36 +84,28 @@ export const ProfilecardInternal = props => {
   const canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
   useEffect(() => {
     if (canRender) {
-      if (fg('ptc-enable-profile-card-analytics-refactor')) {
-        fireAnalyticsWithDurationNext('ui.profilecard.rendered.content', duration => ({
-          duration,
-          numActions: realActions.length,
-          firedAt: Math.round(getPageTime()),
-          ...PACKAGE_META_DATA
-        }));
-      } else {
-        fireAnalyticsWithDuration(duration => profileCardRendered('user', 'content', {
-          duration,
-          numActions: realActions.length
-        }));
-      }
+      fireAnalyticsWithDuration('ui.profilecard.rendered.content', duration => ({
+        duration,
+        numActions: realActions.length,
+        firedAt: Math.round(getPageTime()),
+        ...PACKAGE_META_DATA
+      }));
     }
-  }, [canRender, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, realActions]);
+  }, [canRender, fireAnalyticsWithDuration, realActions]);
   if (hasError) {
     return /*#__PURE__*/React.createElement(Wrapper, {
       ariaLabel: intl.formatMessage(messages.errorDialogLabel)
     }, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: props.clientFetchProfile,
       errorType: props.errorType || null,
-      fireAnalytics: fireEventNext
+      fireAnalytics: fireEvent
     }));
   }
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Wrapper, {
       ariaLabel: intl.formatMessage(messages.loadingDialogLabel)
     }, /*#__PURE__*/React.createElement(LoadingView, {
-      fireAnalyticsWithDuration: fireAnalyticsWithDuration,
-      fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
+      fireAnalyticsWithDuration: fireAnalyticsWithDuration
     }));
   }
   if (!canRender) {
@@ -146,8 +123,7 @@ export const ProfilecardInternal = props => {
     borderColor: `var(--ds-shadow-overlay, ${N0})`
   })), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(ProfileCardDetails, _extends({}, props, {
     status: status,
-    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
-    fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration
   })), realActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), /*#__PURE__*/React.createElement(Actions, _extends({}, fg('jfp_a11y_team_profile_card_actions_label') && {
     fullName
   }, {
@@ -155,44 +131,32 @@ export const ProfilecardInternal = props => {
     actions: realActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard,
-    isRenderedInPortal: props.isRenderedInPortal,
-    fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
+    isRenderedInPortal: props.isRenderedInPortal
   }))))));
 };
 const Actions = ({
   actions,
   fireAnalyticsWithDuration,
-  fireAnalyticsWithDurationNext,
   isTriggeredUsingKeyboard,
   isRenderedInPortal,
   fullName
 }) => {
   const onActionClick = useCallback((action, args, event, index) => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      fireAnalyticsWithDurationNext('ui.profilecard.clicked.action', duration => ({
-        method: 'click',
-        firedAt: Math.round(getPageTime()),
-        duration,
-        hasHref: !!action.link,
-        hasOnClick: !!action.callback,
-        index,
-        actionId: action.id || 'no-id-specified',
-        ...PACKAGE_META_DATA
-      }));
-    } else {
-      fireAnalyticsWithDuration(duration => actionClicked('user', {
-        duration,
-        hasHref: !!action.link,
-        hasOnClick: !!action.callback,
-        index,
-        actionId: action.id || 'no-id-specified'
-      }));
-    }
+    fireAnalyticsWithDuration('ui.profilecard.clicked.action', duration => ({
+      method: 'click',
+      firedAt: Math.round(getPageTime()),
+      duration,
+      hasHref: !!action.link,
+      hasOnClick: !!action.callback,
+      index,
+      actionId: action.id || 'no-id-specified',
+      ...PACKAGE_META_DATA
+    }));
     if (action.callback && isBasicClick(event)) {
       event.preventDefault();
       action.callback(event, ...args);
     }
-  }, [fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
+  }, [fireAnalyticsWithDuration]);
   if (!actions || actions.length === 0) {
     return null;
   }
@@ -221,31 +185,23 @@ const Actions = ({
   }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, _extends({
     actions: overflowActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
-    fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext,
     onItemClick: (action, args, event, index) => onActionClick(action, args, event, index + ACTION_OVERFLOW_THRESHOLD)
   }, fg('jfp_a11y_team_profile_card_actions_label') && {
     fullName
   })));
 };
 export const LoadingView = ({
-  fireAnalyticsWithDuration,
-  fireAnalyticsWithDurationNext
+  fireAnalyticsWithDuration
 }) => {
   useEffect(() => {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      fireAnalyticsWithDurationNext('ui.profilecard.rendered.spinner', duration => ({
-        firedAt: Math.round(getPageTime()),
-        duration,
-        ...PACKAGE_META_DATA
-      }));
-    } else {
-      fireAnalyticsWithDuration(duration => profileCardRendered('user', 'spinner', {
-        duration
-      }));
-    }
-  }, [fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
+    fireAnalyticsWithDuration('ui.profilecard.rendered.spinner', duration => ({
+      firedAt: Math.round(getPageTime()),
+      duration,
+      ...PACKAGE_META_DATA
+    }));
+  }, [fireAnalyticsWithDuration]);
   return /*#__PURE__*/React.createElement(SpinnerContainer, {
     testId: "profilecard-spinner-container"
   }, /*#__PURE__*/React.createElement(Spinner, null));
 };
-export default componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfilecardInternal, withAnalyticsEvents()(ProfilecardInternal));
+export default ProfilecardInternal;

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

@@ -173,7 +173,6 @@ export const ProfileCardDetails = props => {
     reportingLines: props.reportingLines,
     reportingLinesProfileUrl: props.reportingLinesProfileUrl,
     onReportingLinesClick: props.onReportingLinesClick,
-    fireAnalyticsWithDuration: props.fireAnalyticsWithDuration,
-    fireAnalyticsWithDurationNext: props.fireAnalyticsWithDurationNext
+    fireAnalyticsWithDuration: props.fireAnalyticsWithDuration
   }));
 };