@atlaskit/profilecard 24.14.1 → 24.16.0

package/dist/esm/client/errorUtils.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { AGGError, AGGErrors, DirectoryGraphQLError, DirectoryGraphQLErrors } from '../util/errors';
 var IGNORED_ERROR_REASONS_DIRECTORY = [
 // Error categories from pf-directory
@@ -15,12 +18,12 @@ function isIgnoredError(error) {
   }
   return false;
 }
-var _getErrorAttributes = function getErrorAttributes(error) {
+var _DEPRECATED_getErrorAttributes = function 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 +40,7 @@ var _getErrorAttributes = function 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
     };
@@ -55,7 +58,7 @@ var _getErrorAttributes = function getErrorAttributes(error) {
       if (error.hasOwnProperty('cause')) {
         var causeError = error.cause;
         if (causeError instanceof DirectoryGraphQLErrors || causeError instanceof AGGErrors) {
-          return _getErrorAttributes(causeError);
+          return _DEPRECATED_getErrorAttributes(causeError);
         }
       }
       return {
@@ -75,6 +78,81 @@ var _getErrorAttributes = function getErrorAttributes(error) {
     isSLOFailure: true
   };
 };
+export { _DEPRECATED_getErrorAttributes as DEPRECATED_getErrorAttributes };
+var _getErrorAttributes = function getErrorAttributes(error) {
+  var 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 _objectSpread(_objectSpread({}, 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 _objectSpread(_objectSpread({}, 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 _objectSpread(_objectSpread({}, 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 _objectSpread(_objectSpread({}, 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:')) {
+      if (error.hasOwnProperty('cause')) {
+        var causeError = error.cause;
+        if (causeError instanceof DirectoryGraphQLErrors || causeError instanceof AGGErrors) {
+          return _getErrorAttributes(causeError);
+        }
+      }
+      return _objectSpread(_objectSpread({}, defaultErrorAttributes), {}, {
+        errorMessage: error.message,
+        isSLOFailure: false
+      });
+    }
+    return _objectSpread(_objectSpread({}, defaultErrorAttributes), {}, {
+      errorMessage: error.message,
+      isSLOFailure: true
+    });
+  }
+
+  // Unknown
+  return _objectSpread(_objectSpread({}, defaultErrorAttributes), {}, {
+    errorMessage: 'Unknown error',
+    isSLOFailure: true
+  });
+};
 export { _getErrorAttributes as getErrorAttributes };
 export var handleDirectoryGraphQLErrors = function handleDirectoryGraphQLErrors(errors, traceId) {
   throw new DirectoryGraphQLErrors(errors, traceId);

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

@@ -13,6 +13,7 @@ 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';
@@ -58,6 +59,8 @@ var _AgentActions = function _AgentActions(_ref) {
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDeleteModalOpen = _useState2[0],
@@ -89,17 +92,24 @@ var _AgentActions = function _AgentActions(_ref) {
     }, _callee);
   })), [agent.id, resourceClient]);
   var handleDeleteAgent = useCallback(function () {
-    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
@@ -131,7 +141,8 @@ var _AgentActions = function _AgentActions(_ref) {
     loadPermissionsOnMount: true,
     onViewAgentFullProfileClick: onViewFullProfileClick,
     doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
-    shouldTriggerStopPropagation: true
+    shouldTriggerStopPropagation: true,
+    dropdownMenuTestId: "agent-dropdown-menu"
   })), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
     isOpen: isDeleteModalOpen,
     onClose: function onClose() {

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

@@ -14,6 +14,7 @@ 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';
 var styles = {
@@ -37,6 +38,8 @@ export var AgentActions = function AgentActions(_ref) {
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDeleteModalOpen = _useState2[0],
@@ -68,17 +71,24 @@ export var AgentActions = function AgentActions(_ref) {
     }, _callee);
   })), [agent.id, resourceClient]);
   var handleDeleteAgent = useCallback(function () {
-    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: styles.actionsWrapperStyles

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

@@ -33,7 +33,9 @@ export var AgentDeleteConfirmationModal = function AgentDeleteConfirmationModal(
   })), [agentId, onClose, onSubmit]);
   return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
     width: "small"
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, formatMessage(messages.title, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: true
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, formatMessage(messages.title, {
     agentName: agentName
   }))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Text, {
     as: "p"

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

@@ -1,14 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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';
@@ -63,6 +69,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     setStarCount = _useState4[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var userDefinedConversationStarters = agent === null || agent === 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(function (starter) {
     return {
       message: starter,
@@ -90,7 +98,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           }
           _context.prev = 1;
           _context.next = 4;
-          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics);
+          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireEventNext);
         case 4:
           if (isStarred) {
             setStarCount(starCount ? starCount - 1 : 0);
@@ -108,7 +116,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           return _context.stop();
       }
     }, _callee, null, [[1, 8]]);
-  })), [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]);
   var handleOnDelete = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _onDeleteAgent, restore;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -122,7 +130,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
           _context2.prev = 2;
           _context2.next = 5;
-          return resourceClient.deleteAgent(agent.id, fireAnalytics);
+          return resourceClient.deleteAgent(agent.id, fireAnalytics, fireEventNext);
         case 5:
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(messages.agentDeletedSuccessFlagTitle),
@@ -150,26 +158,30 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           return _context2.stop();
       }
     }, _callee2, null, [[2, 8]]);
-  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireEventNext]);
   useEffect(function () {
     if (!isLoading && agent) {
-      fireAnalytics(profileCardRendered('agent', 'content'));
+      if (fg('ptc-enable-profile-card-analytics-refactor')) {
+        fireEventNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, 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
-      // NOTE: Add it to AgentProfileCardCompiled
-      ,
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {

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

@@ -1,15 +1,21 @@
 /* AgentProfileCardCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./AgentProfileCardCompiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { Box, Stack } from '@atlaskit/primitives/compiled';
 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';
@@ -54,6 +60,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     setStarCount = _useState4[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireAnalyticsNext = _useAnalyticsEventsNe.fireEvent;
   var userDefinedConversationStarters = agent === null || agent === 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(function (starter) {
     return {
       message: starter,
@@ -81,7 +89,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           }
           _context.prev = 1;
           _context.next = 4;
-          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics);
+          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireAnalyticsNext);
         case 4:
           if (isStarred) {
             setStarCount(starCount ? starCount - 1 : 0);
@@ -99,7 +107,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           return _context.stop();
       }
     }, _callee, null, [[1, 8]]);
-  })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
+  })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, fireAnalyticsNext, isStarred, resourceClient, starCount]);
   var handleOnDelete = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _onDeleteAgent, restore;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -113,7 +121,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
           _context2.prev = 2;
           _context2.next = 5;
-          return resourceClient.deleteAgent(agent.id, fireAnalytics);
+          return resourceClient.deleteAgent(agent.id, fireAnalytics, fireAnalyticsNext);
         case 5:
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(messages.agentDeletedSuccessFlagTitle),
@@ -141,21 +149,28 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           return _context2.stop();
       }
     }, _callee2, null, [[2, 8]]);
-  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireAnalyticsNext]);
   useEffect(function () {
     if (!isLoading && agent) {
-      fireAnalytics(profileCardRendered('agent', 'content'));
+      if (fg('ptc-enable-profile-card-analytics-refactor')) {
+        fireAnalyticsNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, PACKAGE_META_DATA), {}, {
+          firedAt: Math.round(getPageTime())
+        }));
+      } else {
+        fireAnalytics(profileCardRendered('agent', 'content'));
+      }
     }
-  }, [agent, fireAnalytics, isLoading]);
+  }, [agent, fireAnalytics, isLoading, fireAnalyticsNext]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
       profileType: "agent",
-      fireAnalytics: fireAnalytics
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireAnalyticsNext
     }));
   }
   if (hasError || !agent) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
-      fireAnalyticsNext: function fireAnalyticsNext() {},
+      fireAnalyticsNext: fireAnalyticsNext,
       errorType: errorType,
       fireAnalytics: fireAnalytics
     }));

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

@@ -8,6 +8,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useState } from 'reac
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ErrorMessage from '../Error/ErrorMessage';
@@ -28,6 +29,8 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
     setError = _useState6[1];
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = useCallback(function (payload) {
     if (createAnalyticsEvent) {
       fireEvent(createAnalyticsEvent, payload);
@@ -77,7 +80,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
             return _context.abrupt("return", undefined);
           case 10:
             _context.next = 12;
-            return props.resourceClient.getProfile(creatorUserId, props.cloudId, fireAnalytics);
+            return props.resourceClient.getProfile(creatorUserId, props.cloudId, fireAnalytics, fireEventNext);
           case 12:
             creatorInfo = _context.sent;
             return _context.abrupt("return", {
@@ -101,7 +104,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }(), [creatorUserId, fireAnalytics, props.cloudId, props.resourceClient, profileHref]);
+  }(), [creatorUserId, fireAnalytics, fireEventNext, props.cloudId, props.resourceClient, profileHref]);
   var fetchData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var profileData, agentCreatorInfo;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -113,7 +116,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
           return props.resourceClient.getRovoAgentProfile({
             type: 'identity',
             value: props.accountId
-          }, fireAnalytics);
+          }, fireAnalytics, fireEventNext);
         case 4:
           profileData = _context2.sent;
           _context2.next = 7;
@@ -138,7 +141,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
           return _context2.stop();
       }
     }, _callee2, null, [[1, 11, 14, 17]]);
-  })), [fireAnalytics, getCreator, props.accountId, props.resourceClient]);
+  })), [fireAnalytics, fireEventNext, getCreator, props.accountId, props.resourceClient]);
   useEffect(function () {
     fetchData();
   }, [fetchData]);
@@ -149,7 +152,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
       },
       errorType: error || null,
       fireAnalytics: function fireAnalytics() {},
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/React.createElement(Suspense, {

package/dist/esm/components/Agent/AgentProfileCardTrigger.js

@@ -10,6 +10,7 @@ import React, { forwardRef, Suspense, useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
@@ -25,6 +26,8 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
     cloudId = props.cloudId;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = useCallback(function (payload) {
     if (createAnalyticsEvent) {
       fireEvent(createAnalyticsEvent, payload);
@@ -76,7 +79,7 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
               cloudId: cloudId
             }), profileHref = _navigateToTeamsApp.href;
             _context.next = 15;
-            return props.resourceClient.getProfile(cloudId, _userId, fireAnalytics);
+            return props.resourceClient.getProfile(cloudId, _userId, fireAnalytics, fireEventNext);
           case 15:
             creatorInfo = _context.sent;
             return _context.abrupt("return", {
@@ -111,7 +114,7 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
             return resourceClient.getRovoAgentProfile({
               type: 'agent',
               value: userId
-            }, fireAnalytics);
+            }, fireAnalytics, fireEventNext);
           case 2:
             agentInfo = _context2.sent;
             _context2.next = 5;
@@ -154,6 +157,7 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
+    fireAnalyticsNext: fireEventNext,
     profileCardType: "agent"
   }));
 });