@atlaskit/profilecard 24.14.0 → 24.15.0

package/dist/es2019/client/TeamProfileCardClient.js

@@ -1,7 +1,8 @@
-import { teamRequestAnalytics } from '../util/analytics';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { PACKAGE_META_DATA, teamRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
-import { getErrorAttributes } from './errorUtils';
+import { DEPRECATED_getErrorAttributes, getErrorAttributes } from './errorUtils';
 import { getTeamFromAGG } from './getTeamFromAGG';
 export default class TeamProfileCardClient extends CachingClient {
   constructor(options) {
@@ -14,7 +15,7 @@ export default class TeamProfileCardClient extends CachingClient {
     }
     return getTeamFromAGG(this.options.gatewayGraphqlUrl, teamId, this.options.cloudId);
   }
-  getProfile(teamId, orgId, analytics) {
+  getProfile(teamId, orgId, analytics, analyticsNext) {
     if (!teamId) {
       return Promise.reject(new Error('teamId is missing'));
     }
@@ -24,27 +25,59 @@ export default class TeamProfileCardClient extends CachingClient {
     }
     return new Promise((resolve, reject) => {
       const startTime = getPageTime();
-      if (analytics) {
-        analytics(teamRequestAnalytics('triggered'));
+      if (fg('ptc-enable-profile-card-analytics-refactor')) {
+        if (analyticsNext) {
+          analyticsNext('operational.teamProfileCard.triggered.request', {
+            firedAt: Math.round(getPageTime()),
+            ...PACKAGE_META_DATA
+          });
+        }
+      } else {
+        if (analytics) {
+          analytics(teamRequestAnalytics('triggered'));
+        }
       }
       this.makeRequest(teamId, orgId).then(data => {
         if (this.cache) {
           this.setCachedProfile(teamId, data);
         }
-        if (analytics) {
-          analytics(teamRequestAnalytics('succeeded', {
-            duration: getPageTime() - startTime,
-            gateway: true
-          }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            analyticsNext('operational.teamProfileCard.succeeded.request', {
+              duration: getPageTime() - startTime,
+              gateway: true,
+              firedAt: Math.round(getPageTime()),
+              ...PACKAGE_META_DATA
+            });
+          }
+        } else {
+          if (analytics) {
+            analytics(teamRequestAnalytics('succeeded', {
+              duration: getPageTime() - startTime,
+              gateway: true
+            }));
+          }
         }
         resolve(data);
       }).catch(error => {
-        if (analytics) {
-          analytics(teamRequestAnalytics('failed', {
-            duration: getPageTime() - startTime,
-            ...getErrorAttributes(error),
-            gateway: true
-          }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            analyticsNext('operational.teamProfileCard.failed.request', {
+              duration: getPageTime() - startTime,
+              ...getErrorAttributes(error),
+              gateway: true,
+              firedAt: Math.round(getPageTime()),
+              ...PACKAGE_META_DATA
+            });
+          }
+        } else {
+          if (analytics) {
+            analytics(teamRequestAnalytics('failed', {
+              duration: getPageTime() - startTime,
+              ...DEPRECATED_getErrorAttributes(error),
+              gateway: true
+            }));
+          }
         }
         reject(error);
       });

package/dist/es2019/client/UserProfileCardClient.js

@@ -5,7 +5,7 @@ import { PACKAGE_META_DATA, userRequestAnalytics } from '../util/analytics';
 import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
-import { getErrorAttributes } from './errorUtils';
+import { DEPRECATED_getErrorAttributes, getErrorAttributes } from './errorUtils';
 import { AGGQuery } from './graphqlUtils';
 
 /**
@@ -195,16 +195,9 @@ export default class UserProfileCardClient extends CachingClient {
       }).catch(error => {
         if (fg('ptc-enable-profile-card-analytics-refactor')) {
           if (analyticsNext) {
-            const errorAttributes = getErrorAttributes(error);
             analyticsNext('operational.profilecard.failed.request', {
               duration: 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,
+              ...getErrorAttributes(error),
               firedAt: Math.round(getPageTime()),
               ...PACKAGE_META_DATA
             });
@@ -213,7 +206,7 @@ export default class UserProfileCardClient extends CachingClient {
           if (analytics) {
             analytics(userRequestAnalytics('failed', {
               duration: getPageTime() - startTime,
-              ...getErrorAttributes(error)
+              ...DEPRECATED_getErrorAttributes(error)
             }));
           }
         }

package/dist/es2019/client/errorUtils.js

@@ -15,12 +15,12 @@ function isIgnoredError(error) {
   }
   return false;
 }
-export const getErrorAttributes = error => {
+export const DEPRECATED_getErrorAttributes = error => {
   if (error instanceof DirectoryGraphQLErrors) {
     return {
       errorMessage: error.message,
       errorCount: error.errors.length,
-      errorDetails: error.errors.map(getErrorAttributes),
+      errorDetails: error.errors.map(DEPRECATED_getErrorAttributes),
       isSLOFailure: !error.errors.every(isIgnoredError),
       traceId: error.traceId
     };
@@ -37,7 +37,7 @@ export const getErrorAttributes = error => {
     return {
       errorMessage: error.message,
       errorCount: error.errors.length,
-      errorDetails: error.errors.map(getErrorAttributes),
+      errorDetails: error.errors.map(DEPRECATED_getErrorAttributes),
       isSLOFailure: !error.errors.every(isIgnoredError),
       traceId: error.traceId
     };
@@ -49,6 +49,84 @@ export const getErrorAttributes = error => {
       isSLOFailure: !isIgnoredError(error),
       errorCategory: error.classification
     };
+  } else if (error instanceof Error) {
+    // Jira custom profile card client error, they wrap the error & put the underlying error in the cause property
+    if (error.message.startsWith('Unable to fetch user:')) {
+      if (error.hasOwnProperty('cause')) {
+        const causeError = error.cause;
+        if (causeError instanceof DirectoryGraphQLErrors || causeError instanceof AGGErrors) {
+          return DEPRECATED_getErrorAttributes(causeError);
+        }
+      }
+      return {
+        errorMessage: error.message,
+        isSLOFailure: false
+      };
+    }
+    return {
+      errorMessage: error.message,
+      isSLOFailure: true
+    };
+  }
+
+  // Unknown
+  return {
+    errorMessage: 'Unknown error',
+    isSLOFailure: true
+  };
+};
+export const getErrorAttributes = error => {
+  const defaultErrorAttributes = {
+    errorCount: null,
+    errorDetails: null,
+    errorCategory: null,
+    errorType: null,
+    errorPath: null,
+    errorNumber: null,
+    errorStatusCode: null,
+    traceId: null
+  };
+  if (error instanceof DirectoryGraphQLErrors) {
+    var _error$traceId;
+    return {
+      ...defaultErrorAttributes,
+      errorMessage: error.message,
+      errorCount: error.errors.length,
+      errorDetails: error.errors.map(getErrorAttributes),
+      isSLOFailure: !error.errors.every(isIgnoredError),
+      traceId: (_error$traceId = error.traceId) !== null && _error$traceId !== void 0 ? _error$traceId : null
+    };
+  } else if (error instanceof DirectoryGraphQLError) {
+    var _error$errorNumber;
+    return {
+      ...defaultErrorAttributes,
+      errorMessage: error.message,
+      errorCategory: error.category,
+      errorType: error.type,
+      errorPath: error.path,
+      errorNumber: (_error$errorNumber = error.errorNumber) !== null && _error$errorNumber !== void 0 ? _error$errorNumber : null,
+      isSLOFailure: !isIgnoredError(error)
+    };
+  } else if (error instanceof AGGErrors) {
+    var _error$traceId2;
+    return {
+      ...defaultErrorAttributes,
+      errorMessage: error.message,
+      errorCount: error.errors.length,
+      errorDetails: error.errors.map(getErrorAttributes),
+      isSLOFailure: !error.errors.every(isIgnoredError),
+      traceId: (_error$traceId2 = error.traceId) !== null && _error$traceId2 !== void 0 ? _error$traceId2 : null
+    };
+  } else if (error instanceof AGGError) {
+    var _error$errorType, _error$statusCode, _error$classification;
+    return {
+      ...defaultErrorAttributes,
+      errorMessage: error.message,
+      errorType: (_error$errorType = error.errorType) !== null && _error$errorType !== void 0 ? _error$errorType : null,
+      errorStatusCode: (_error$statusCode = error.statusCode) !== null && _error$statusCode !== void 0 ? _error$statusCode : null,
+      isSLOFailure: !isIgnoredError(error),
+      errorCategory: (_error$classification = error.classification) !== null && _error$classification !== void 0 ? _error$classification : null
+    };
   } else if (error instanceof Error) {
     // Jira custom profile card client error, they wrap the error & put the underlying error in the cause property
     if (error.message.startsWith('Unable to fetch user:')) {
@@ -59,11 +137,13 @@ export const getErrorAttributes = error => {
         }
       }
       return {
+        ...defaultErrorAttributes,
         errorMessage: error.message,
         isSLOFailure: false
       };
     }
     return {
+      ...defaultErrorAttributes,
       errorMessage: error.message,
       isSLOFailure: true
     };
@@ -71,6 +151,7 @@ export const getErrorAttributes = error => {
 
   // Unknown
   return {
+    ...defaultErrorAttributes,
     errorMessage: 'Unknown error',
     isSLOFailure: true
   };

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.13.7");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -77,7 +77,7 @@ export const 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.7");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -3,10 +3,13 @@ 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 { 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, Inline, xcss } from '@atlaskit/primitives';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
+import { AgentActions as AgentActionsCompiled } from './ActionsCompiled';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 const chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -37,7 +40,7 @@ const actionsWrapperStyles = xcss({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-export const AgentActions = ({
+const _AgentActions = ({
   onEditAgent,
   onDeleteAgent,
   onDuplicateAgent,
@@ -53,6 +56,9 @@ export const AgentActions = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
+  const {
+    fireEvent: fireEventNext
+  } = useAnalyticsEventsNext();
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
   const loadAgentPermissions = useCallback(async () => {
@@ -72,17 +78,24 @@ export const AgentActions = ({
     };
   }, [agent.id, resourceClient]);
   const handleDeleteAgent = useCallback(() => {
-    fireEvent(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'deleteAgentButton',
-      attributes: {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.deleteAgentButton', {
         agentId: agent.id,
         source: 'agentProfileCard'
-      }
-    });
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'deleteAgentButton',
+        attributes: {
+          agentId: agent.id,
+          source: 'agentProfileCard'
+        }
+      });
+    }
     setIsDeleteModalOpen(true);
-  }, [agent.id, createAnalyticsEvent]);
+  }, [agent.id, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
     xcss: actionsWrapperStyles
@@ -114,7 +127,8 @@ export const AgentActions = ({
     loadPermissionsOnMount: true,
     onViewAgentFullProfileClick: onViewFullProfileClick,
     doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
-    shouldTriggerStopPropagation: true
+    shouldTriggerStopPropagation: true,
+    dropdownMenuTestId: "agent-dropdown-menu"
   })), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
     isOpen: isDeleteModalOpen,
     onClose: () => {
@@ -131,4 +145,5 @@ const messages = defineMessages({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+export const AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);

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

@@ -0,0 +1,19 @@
+
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zrv77o{padding-inline:var(--ds-space-025,2px)}
+._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1nmz1hna{word-break:break-word}
+._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
+._1ul9gktf{min-width:20px}
+._4t3igktf{height:20px}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._o5721jtm{white-space:pre-wrap}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._y3gn1e5h{text-align:left}

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

@@ -0,0 +1,127 @@
+/* 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 { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+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 {
+    fireEvent: fireEventNext
+  } = useAnalyticsEventsNext();
+  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(() => {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.deleteAgentButton', {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'deleteAgentButton',
+        attributes: {
+          agentId: agent.id,
+          source: 'agentProfileCard'
+        }
+      });
+    }
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent, fireEventNext]);
+  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,13 +1,18 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+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';
-import { fireEvent, profileCardRendered } from '../../util/analytics';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+import { fireEvent, PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 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';
@@ -55,6 +60,9 @@ const AgentProfileCard = ({
   const {
     formatMessage
   } = useIntl();
+  const {
+    fireEvent: fireEventNext
+  } = useAnalyticsEventsNext();
   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,
@@ -76,7 +84,7 @@ const AgentProfileCard = ({
   const handleSetFavourite = useCallback(async () => {
     if (agent !== null && agent !== void 0 && agent.id) {
       try {
-        await resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics);
+        await resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireEventNext);
         if (isStarred) {
           setStarCount(starCount ? starCount - 1 : 0);
         } else {
@@ -85,7 +93,7 @@ const AgentProfileCard = ({
         setIsStarred(!isStarred);
       } catch (error) {}
     }
-  }, [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
+  }, [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, fireEventNext, isStarred, resourceClient, starCount]);
   const handleOnDelete = useCallback(async () => {
     if (agent && onDeleteAgent) {
       // Optimistically remove from cache
@@ -93,7 +101,7 @@ const AgentProfileCard = ({
         restore
       } = onDeleteAgent(agent.id);
       try {
-        await resourceClient.deleteAgent(agent.id, fireAnalytics);
+        await resourceClient.deleteAgent(agent.id, fireAnalytics, fireEventNext);
         addFlag === null || addFlag === void 0 ? void 0 : addFlag({
           title: formatMessage(messages.agentDeletedSuccessFlagTitle),
           description: formatMessage(messages.agentDeletedSuccessFlagDescription, {
@@ -113,25 +121,31 @@ const AgentProfileCard = ({
         });
       }
     }
-  }, [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
+  }, [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireEventNext]);
   useEffect(() => {
     if (!isLoading && agent) {
-      fireAnalytics(profileCardRendered('agent', 'content'));
+      if (fg('ptc-enable-profile-card-analytics-refactor')) {
+        fireEventNext(`ui.rovoAgentProfilecard.rendered.content`, {
+          ...PACKAGE_META_DATA,
+          firedAt: Math.round(getPageTime())
+        });
+      } else {
+        fireAnalytics(profileCardRendered('agent', 'content'));
+      }
     }
-  }, [agent, fireAnalytics, isLoading]);
+  }, [agent, fireAnalytics, fireEventNext, isLoading]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
       profileType: "agent",
-      fireAnalytics: fireAnalytics
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   if (hasError || !agent) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       errorType: errorType,
-      fireAnalytics: fireAnalytics
-      // TODO: Add fireAnalyticsNext
-      ,
-      fireAnalyticsNext: () => {}
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
@@ -192,4 +206,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}