@atlaskit/profilecard 24.13.7 → 24.14.1

package/dist/es2019/components/Agent/ActionsCompiled.js

@@ -0,0 +1,116 @@
+/* ActionsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./ActionsCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import Button from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { fireEvent } from '../../util/analytics';
+import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
+const styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
+  chatPillButtonInlineStyles: "_18zrv77o",
+  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf",
+  actionsWrapperStyles: "_189ee4h9 _1h6dmuej _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syaz1fxt"
+};
+export const AgentActions = ({
+  onEditAgent,
+  onDeleteAgent,
+  onDuplicateAgent,
+  onCopyAgent,
+  onChatClick,
+  onViewFullProfileClick,
+  agent,
+  resourceClient
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  const loadAgentPermissions = useCallback(async () => {
+    const {
+      permissions: {
+        AGENT_CREATE,
+        AGENT_UPDATE,
+        AGENT_DEACTIVATE
+      }
+    } = await resourceClient.getRovoAgentPermissions(agent.id);
+    return {
+      ...(fg('agent_studio_fe_permissions_settings_m1') && {
+        isCreateEnabled: AGENT_CREATE.permitted
+      }),
+      isEditEnabled: AGENT_UPDATE.permitted,
+      isDeleteEnabled: AGENT_DEACTIVATE.permitted
+    };
+  }, [agent.id, resourceClient]);
+  const handleDeleteAgent = useCallback(() => {
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'deleteAgentButton',
+      attributes: {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      }
+    });
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.100",
+    xcss: styles.actionsWrapperStyles
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    shouldFitContainer: true,
+    onClick: e => {
+      e.stopPropagation();
+      onChatClick(e);
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: styles.chatPillButtonInlineStyles,
+    alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillTextStyles
+  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(AgentDropdownMenu, {
+    agentId: agent.id,
+    onDeleteAgent: handleDeleteAgent,
+    onEditAgent: onEditAgent,
+    onDuplicateAgent: onDuplicateAgent,
+    onCopyAgent: onCopyAgent,
+    isForgeAgent: isForgeAgent,
+    loadAgentPermissions: loadAgentPermissions,
+    loadPermissionsOnMount: true,
+    onViewAgentFullProfileClick: onViewFullProfileClick,
+    doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
+    shouldTriggerStopPropagation: true
+  })), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: () => {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: agent.id,
+    agentName: agent.name
+  }));
+};
+const messages = defineMessages({
+  actionChatToAgent: {
+    id: 'ptc-directory.agent-profile.action.dropdown.chat-to-agent.nonfinal',
+    defaultMessage: 'Chat to Agent',
+    description: 'Text for the "chat to agent" action to chat to the agent'
+  }
+});

package/dist/es2019/components/Agent/AgentDeleteConfirmationModal.js

@@ -2,8 +2,7 @@ import React, { useCallback } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 export const AgentDeleteConfirmationModal = ({
   onClose,
   agentName,

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

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Stack, xcss } from '@atlaskit/primitives';
 import { AgentAvatar, AgentBanner, AgentProfileCreator, AgentProfileInfo, AgentStarCount } from '@atlaskit/rovo-agent-components';
@@ -8,6 +9,7 @@ import { fireEvent, profileCardRendered } from '../../util/analytics';
 import { LoadingState } from '../common/LoadingState';
 import { ErrorMessage } from '../Error';
 import { AgentActions } from './Actions';
+import { default as AgentProfileCardCompiled } from './AgentProfileCardCompiled';
 import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
 import { ConversationStarters } from './ConversationStarters';
 import { useAgentUrlActions } from './hooks/useAgentActions';
@@ -129,6 +131,10 @@ const AgentProfileCard = ({
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       errorType: errorType,
       fireAnalytics: fireAnalytics
+      // TODO: Add fireAnalyticsNext
+      // NOTE: Add it to AgentProfileCardCompiled
+      ,
+      fireAnalyticsNext: () => {}
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
@@ -189,4 +195,5 @@ const AgentProfileCard = ({
     onViewFullProfileClick: () => onViewFullProfile(agent.id)
   })));
 };
-export default AgentProfileCard;
+const AgentProfileCardExport = componentWithFG('profilecard_primitives_compiled', AgentProfileCardCompiled, AgentProfileCard);
+export default AgentProfileCardExport;

package/dist/es2019/components/Agent/AgentProfileCardCompiled.compiled.css

@@ -0,0 +1,8 @@
+
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}._154i1ejb{top:var(--ds-space-300,24px)}
+._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._1ltvpxbi{left:var(--ds-space-200,1pc)}
+._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}

package/dist/es2019/components/Agent/AgentProfileCardCompiled.js

@@ -0,0 +1,186 @@
+/* AgentProfileCardCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./AgentProfileCardCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { Box, Stack } from '@atlaskit/primitives/compiled';
+import { AgentAvatar, AgentBanner, AgentProfileCreator, AgentProfileInfo, AgentStarCount } from '@atlaskit/rovo-agent-components';
+import { fireEvent, profileCardRendered } from '../../util/analytics';
+import { LoadingState } from '../common/LoadingState';
+import { ErrorMessage } from '../Error';
+import { AgentActions } from './Actions';
+import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
+import { ConversationStarters } from './ConversationStarters';
+import { useAgentUrlActions } from './hooks/useAgentActions';
+import { messages } from './messages';
+const styles = {
+  detailWrapper: "_18zrpxbi _1q51xy5q",
+  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
+  cardContainerStyles: "_2rko1mok _16qs1cd0 _kqswh2mm"
+};
+const AgentProfileCard = ({
+  agent,
+  isLoading,
+  cloudId,
+  onChatClick,
+  hasError,
+  errorType,
+  onConversationStartersClick,
+  resourceClient,
+  addFlag,
+  onDeleteAgent
+}) => {
+  var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
+  const {
+    onEditAgent,
+    onCopyAgent,
+    onDuplicateAgent,
+    onOpenChat: onOpenChatFullScreen,
+    onConversationStarter,
+    onViewFullProfile
+  } = useAgentUrlActions({
+    cloudId: cloudId || '',
+    source: 'agentProfileCard'
+  });
+  const [isStarred, setIsStarred] = useState(false);
+  const [starCount, setStarCount] = useState();
+  const {
+    formatMessage
+  } = useIntl();
+  const userDefinedConversationStarters = agent === null || agent === void 0 ? void 0 : (_agent$user_defined_c = agent.user_defined_conversation_starters) === null || _agent$user_defined_c === void 0 ? void 0 : _agent$user_defined_c.map(starter => {
+    return {
+      message: starter,
+      type: 'user-defined'
+    };
+  });
+  useEffect(() => {
+    setIsStarred(!!(agent !== null && agent !== void 0 && agent.favourite));
+    setStarCount(agent === null || agent === void 0 ? void 0 : agent.favourite_count);
+  }, [agent === null || agent === void 0 ? void 0 : agent.favourite, agent === null || agent === void 0 ? void 0 : agent.favourite_count]);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const fireAnalytics = useCallback(payload => {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
+  const handleSetFavourite = useCallback(async () => {
+    if (agent !== null && agent !== void 0 && agent.id) {
+      try {
+        await resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics);
+        if (isStarred) {
+          setStarCount(starCount ? starCount - 1 : 0);
+        } else {
+          setStarCount((starCount || 0) + 1);
+        }
+        setIsStarred(!isStarred);
+      } catch (error) {}
+    }
+  }, [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
+  const handleOnDelete = useCallback(async () => {
+    if (agent && onDeleteAgent) {
+      // Optimistically remove from cache
+      const {
+        restore
+      } = onDeleteAgent(agent.id);
+      try {
+        await resourceClient.deleteAgent(agent.id, fireAnalytics);
+        addFlag === null || addFlag === void 0 ? void 0 : addFlag({
+          title: formatMessage(messages.agentDeletedSuccessFlagTitle),
+          description: formatMessage(messages.agentDeletedSuccessFlagDescription, {
+            agentName: agent.name
+          }),
+          type: 'success',
+          id: 'ptc-directory.agent-profile.delete-agent-success'
+        });
+      } catch (error) {
+        // Restore agent to cache on error
+        restore();
+        addFlag === null || addFlag === void 0 ? void 0 : addFlag({
+          title: formatMessage(messages.agentDeletedErrorFlagTitle),
+          description: formatMessage(messages.agentDeletedErrorFlagDescription),
+          type: 'error',
+          id: 'ptc-directory.agent-profile.delete-agent-error'
+        });
+      }
+    }
+  }, [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
+  useEffect(() => {
+    if (!isLoading && agent) {
+      fireAnalytics(profileCardRendered('agent', 'content'));
+    }
+  }, [agent, fireAnalytics, isLoading]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
+      profileType: "agent",
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  if (hasError || !agent) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+      fireAnalyticsNext: () => {},
+      errorType: errorType,
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.cardContainerStyles
+  }, /*#__PURE__*/React.createElement(AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
+    height: 96,
+    agentIdentityAccountId: agent.identity_account_id
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.avatarStyles
+  }, /*#__PURE__*/React.createElement(AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
+    agentIdentityAccountId: agent.identity_account_id,
+    size: "xlarge",
+    isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
+    forgeAgentIconUrl: agent.icon
+  })), /*#__PURE__*/React.createElement(Stack, {
+    space: "space.100",
+    xcss: styles.detailWrapper
+  }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
+    agentName: agent.name,
+    isStarred: isStarred,
+    onStarToggle: handleSetFavourite,
+    isHidden: agent.visibility === 'PRIVATE',
+    creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
+      creator: {
+        type: (_agent$creatorInfo2 = agent.creatorInfo) === null || _agent$creatorInfo2 === void 0 ? void 0 : _agent$creatorInfo2.type,
+        name: ((_agent$creatorInfo3 = agent.creatorInfo) === null || _agent$creatorInfo3 === void 0 ? void 0 : _agent$creatorInfo3.name) || '',
+        profileLink: ((_agent$creatorInfo4 = agent.creatorInfo) === null || _agent$creatorInfo4 === void 0 ? void 0 : _agent$creatorInfo4.profileLink) || ''
+      },
+      isLoading: false,
+      onCreatorLinkClick: () => {}
+    }),
+    starCountRender: /*#__PURE__*/React.createElement(AgentStarCount, {
+      starCount: starCount,
+      isLoading: false
+    }),
+    agentDescription: agent.description
+  }), /*#__PURE__*/React.createElement(ConversationStarters, {
+    isAgentDefault: agent.is_default,
+    userDefinedConversationStarters: userDefinedConversationStarters,
+    onConversationStarterClick: conversationStarter => {
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
+        agentId: agent.id,
+        prompt: conversationStarter.message
+      });
+    }
+  })), /*#__PURE__*/React.createElement(AgentActions, {
+    agent: agent,
+    onEditAgent: () => onEditAgent(agent.id),
+    onCopyAgent: () => onCopyAgent(agent.id),
+    onDuplicateAgent: () => onDuplicateAgent(agent.id),
+    onDeleteAgent: handleOnDelete,
+    onChatClick: onChatClick ? event => onChatClick(event) : () => onOpenChatFullScreen(agent.id, agent.name),
+    resourceClient: resourceClient,
+    onViewFullProfileClick: () => onViewFullProfile(agent.id)
+  })));
+};
+export default AgentProfileCard;

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

@@ -89,7 +89,8 @@ export const AgentProfileCardResourced = props => {
         fetchData();
       },
       errorType: error || null,
-      fireAnalytics: () => {}
+      fireAnalytics: () => {},
+      fireAnalyticsNext: () => {}
     }));
   }
   return /*#__PURE__*/React.createElement(Suspense, {

package/dist/es2019/components/Agent/AgentProfileCardWrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb1gwv{width:360px}

package/dist/es2019/components/Agent/AgentProfileCardWrapper.js

@@ -1,14 +1,15 @@
+/* AgentProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./AgentProfileCardWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
-const styles = xcss({
-  width: '360px'
-});
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  wrapper: "_1bsb1gwv"
+};
 export const AgentProfileCardWrapper = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles
+    xcss: styles.wrapper
   }, children);
 };

package/dist/es2019/components/Agent/ConversationStarters.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Stack } from '@atlaskit/primitives';
+import { Stack } from '@atlaskit/primitives/compiled';
 import { AgentConversationStarters } from '@atlaskit/rovo-agent-components';
 export const ConversationStarters = ({
   isAgentDefault,

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

@@ -2,10 +2,10 @@ import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/new';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Text } from '@atlaskit/primitives';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Text } from '@atlaskit/primitives/compiled';
 import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
-import { profileCardRendered } from '../../util/analytics';
+import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
 const ErrorMessage = props => {
   const errorType = props.errorType || {
     reason: 'default'
@@ -13,15 +13,25 @@ const ErrorMessage = props => {
   const errorReason = errorType.reason;
   const {
     fireAnalytics,
+    fireAnalyticsNext,
     reload
   } = props;
   const hasRetry = !!reload;
   useEffect(() => {
-    fireAnalytics(profileCardRendered('user', 'error', {
-      hasRetry,
-      errorType: errorReason
-    }));
-  }, [errorReason, fireAnalytics, hasRetry]);
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireAnalyticsNext('ui.profilecard.rendered.error', {
+        hasRetry,
+        errorType: errorReason,
+        firedAt: Math.round(performance.now()),
+        ...PACKAGE_META_DATA
+      });
+    } else {
+      fireAnalytics(profileCardRendered('user', 'error', {
+        hasRetry,
+        errorType: errorReason
+      }));
+    }
+  }, [errorReason, fireAnalytics, fireAnalyticsNext, hasRetry]);
   const errorContent = () => {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/React.createElement(ErrorTitle, null, "The user is no longer available for the site");

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

@@ -6,8 +6,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
 import messages from '../../messages';

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

@@ -7,7 +7,8 @@ import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
-import { moreActionsClicked } from '../../util/analytics';
+import { moreActionsClicked, PACKAGE_META_DATA } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 export const ACTION_OVERFLOW_THRESHOLD = 2;
 export const OverflowProfileCardButtons = props => {
   const intl = useIntl();
@@ -15,7 +16,8 @@ export const OverflowProfileCardButtons = props => {
   const {
     actions,
     onItemClick,
-    fireAnalyticsWithDuration
+    fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext
   } = props;
   const numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
   const onOpenChange = useCallback(({
@@ -23,14 +25,23 @@ export const OverflowProfileCardButtons = props => {
   }) => {
     setOpen(prevOpen => {
       if (nextOpen && !prevOpen) {
-        fireAnalyticsWithDuration(duration => moreActionsClicked('user', {
-          duration,
-          numActions
-        }));
+        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
+          }));
+        }
       }
       return nextOpen;
     });
-  }, [numActions, fireAnalyticsWithDuration]);
+  }, [numActions, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
   return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, {
     testId: "profilecard-actions-overflow"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {