@atlaskit/profilecard 24.14.1 → 24.16.0

package/dist/cjs/client/errorUtils.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleDirectoryGraphQLErrors = exports.handleAGGErrors = exports.getErrorAttributes = void 0;
+exports.handleDirectoryGraphQLErrors = exports.handleAGGErrors = exports.getErrorAttributes = exports.DEPRECATED_getErrorAttributes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _errors = require("../util/errors");
+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) { (0, _defineProperty2.default)(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; }
 var IGNORED_ERROR_REASONS_DIRECTORY = [
 // Error categories from pf-directory
 'NotPermitted', 'Gone', 'IdentityUserNotFoundError'];
@@ -21,12 +25,12 @@ function isIgnoredError(error) {
   }
   return false;
 }
-var _getErrorAttributes = exports.getErrorAttributes = function getErrorAttributes(error) {
+var _DEPRECATED_getErrorAttributes = exports.DEPRECATED_getErrorAttributes = function DEPRECATED_getErrorAttributes(error) {
   if (error instanceof _errors.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
     };
@@ -43,7 +47,7 @@ var _getErrorAttributes = exports.getErrorAttributes = function getErrorAttribut
     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
     };
@@ -61,7 +65,7 @@ var _getErrorAttributes = exports.getErrorAttributes = function getErrorAttribut
       if (error.hasOwnProperty('cause')) {
         var causeError = error.cause;
         if (causeError instanceof _errors.DirectoryGraphQLErrors || causeError instanceof _errors.AGGErrors) {
-          return _getErrorAttributes(causeError);
+          return _DEPRECATED_getErrorAttributes(causeError);
         }
       }
       return {
@@ -81,6 +85,80 @@ var _getErrorAttributes = exports.getErrorAttributes = function getErrorAttribut
     isSLOFailure: true
   };
 };
+var _getErrorAttributes = exports.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 _errors.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 _errors.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 _errors.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 _errors.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 _errors.DirectoryGraphQLErrors || causeError instanceof _errors.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
+  });
+};
 var handleDirectoryGraphQLErrors = exports.handleDirectoryGraphQLErrors = function handleDirectoryGraphQLErrors(errors, traceId) {
   throw new _errors.DirectoryGraphQLErrors(errors, traceId);
 };

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

@@ -18,6 +18,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
 var _ActionsCompiled = require("./ActionsCompiled");
 var _AgentDeleteConfirmationModal = require("./AgentDeleteConfirmationModal");
@@ -66,6 +67,8 @@ var _AgentActions = function _AgentActions(_ref) {
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDeleteModalOpen = _useState2[0],
@@ -97,17 +100,24 @@ var _AgentActions = function _AgentActions(_ref) {
     }, _callee);
   })), [agent.id, resourceClient]);
   var handleDeleteAgent = (0, _react.useCallback)(function () {
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'deleteAgentButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.deleteAgentButton', {
         agentId: agent.id,
         source: 'agentProfileCard'
-      }
-    });
+      });
+    } else {
+      (0, _analytics.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     space: "space.100",
     xcss: actionsWrapperStyles
@@ -139,7 +149,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.default.createElement(_AgentDeleteConfirmationModal.AgentDeleteConfirmationModal, {
     isOpen: isDeleteModalOpen,
     onClose: function onClose() {

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

@@ -20,6 +20,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
 var _AgentDeleteConfirmationModal = require("./AgentDeleteConfirmationModal");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -46,6 +47,8 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDeleteModalOpen = _useState2[0],
@@ -77,17 +80,24 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
     }, _callee);
   })), [agent.id, resourceClient]);
   var handleDeleteAgent = (0, _react.useCallback)(function () {
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'deleteAgentButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.deleteAgentButton', {
         agentId: agent.id,
         source: 'agentProfileCard'
-      }
-    });
+      });
+    } else {
+      (0, _analytics.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
     xcss: styles.actionsWrapperStyles

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

@@ -42,7 +42,9 @@ var AgentDeleteConfirmationModal = exports.AgentDeleteConfirmationModal = functi
   })), [agentId, onClose, onSubmit]);
   return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     width: "small"
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, formatMessage(messages.title, {
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
+    hasCloseButton: true
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, formatMessage(messages.title, {
     agentName: agentName
   }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"

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

@@ -7,15 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
 var _LoadingState = require("../common/LoadingState");
 var _Error = require("../Error");
 var _Actions = require("./Actions");
@@ -25,8 +29,8 @@ var _ConversationStarters = require("./ConversationStarters");
 var _useAgentActions = require("./hooks/useAgentActions");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
+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) { (0, _defineProperty2.default)(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; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var styles = (0, _primitives.xcss)({
   paddingBlockStart: 'space.400',
   paddingInline: 'space.200'
@@ -73,6 +77,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     setStarCount = _useState4[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    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,
@@ -100,7 +106,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);
@@ -118,7 +124,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 = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
     var _onDeleteAgent, restore;
     return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -132,7 +138,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.messages.agentDeletedSuccessFlagTitle),
@@ -160,26 +166,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]);
   (0, _react.useEffect)(function () {
     if (!isLoading && agent) {
-      fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+        fireEventNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, _analytics.PACKAGE_META_DATA), {}, {
+          firedAt: Math.round((0, _performance.getPageTime)())
+        }));
+      } else {
+        fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
+      }
     }
-  }, [agent, fireAnalytics, isLoading]);
+  }, [agent, fireAnalytics, fireEventNext, isLoading]);
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
       profileType: "agent",
-      fireAnalytics: fireAnalytics
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   if (hasError || !agent) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
       errorType: errorType,
-      fireAnalytics: fireAnalytics
-      // TODO: Add fireAnalyticsNext
-      // NOTE: Add it to AgentProfileCardCompiled
-      ,
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {

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

@@ -10,14 +10,18 @@ exports.default = void 0;
 require("./AgentProfileCardCompiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
 var _LoadingState = require("../common/LoadingState");
 var _Error = require("../Error");
 var _Actions = require("./Actions");
@@ -26,6 +30,8 @@ var _ConversationStarters = require("./ConversationStarters");
 var _useAgentActions = require("./hooks/useAgentActions");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2.default)(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; }
 var styles = {
   detailWrapper: "_18zrpxbi _1q51xy5q",
   avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
@@ -63,6 +69,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     setStarCount = _useState4[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    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,
@@ -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, fireAnalyticsNext);
         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, fireAnalyticsNext, isStarred, resourceClient, starCount]);
   var handleOnDelete = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
     var _onDeleteAgent, restore;
     return _regenerator.default.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, fireAnalyticsNext);
         case 5:
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(_messages.messages.agentDeletedSuccessFlagTitle),
@@ -150,21 +158,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]);
   (0, _react.useEffect)(function () {
     if (!isLoading && agent) {
-      fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+        fireAnalyticsNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, _analytics.PACKAGE_META_DATA), {}, {
+          firedAt: Math.round((0, _performance.getPageTime)())
+        }));
+      } else {
+        fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
+      }
     }
-  }, [agent, fireAnalytics, isLoading]);
+  }, [agent, fireAnalytics, isLoading, fireAnalyticsNext]);
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
       profileType: "agent",
-      fireAnalytics: fireAnalytics
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireAnalyticsNext
     }));
   }
   if (hasError || !agent) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
-      fireAnalyticsNext: function fireAnalyticsNext() {},
+      fireAnalyticsNext: fireAnalyticsNext,
       errorType: errorType,
       fireAnalytics: fireAnalytics
     }));

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

@@ -14,6 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _navigation = require("@atlaskit/teams-app-config/navigation");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
 var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ErrorMessage = _interopRequireDefault(require("../Error/ErrorMessage"));
@@ -37,6 +38,8 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     setError = _useState6[1];
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
     if (createAnalyticsEvent) {
       (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
@@ -86,7 +89,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
             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", {
@@ -110,7 +113,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     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 = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
     var profileData, agentCreatorInfo;
     return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -122,7 +125,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
           return props.resourceClient.getRovoAgentProfile({
             type: 'identity',
             value: props.accountId
-          }, fireAnalytics);
+          }, fireAnalytics, fireEventNext);
         case 4:
           profileData = _context2.sent;
           _context2.next = 7;
@@ -147,7 +150,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
           return _context2.stop();
       }
     }, _callee2, null, [[1, 11, 14, 17]]);
-  })), [fireAnalytics, getCreator, props.accountId, props.resourceClient]);
+  })), [fireAnalytics, fireEventNext, getCreator, props.accountId, props.resourceClient]);
   (0, _react.useEffect)(function () {
     fetchData();
   }, [fetchData]);
@@ -158,7 +161,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
       },
       errorType: error || null,
       fireAnalytics: function fireAnalytics() {},
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, {

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

@@ -15,6 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _navigation = require("@atlaskit/teams-app-config/navigation");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
 var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ProfileCardTrigger = _interopRequireDefault(require("../common/ProfileCardTrigger"));
@@ -34,6 +35,8 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
     cloudId = props.cloudId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
     if (createAnalyticsEvent) {
       (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
@@ -85,7 +88,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
               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", {
@@ -120,7 +123,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
             return resourceClient.getRovoAgentProfile({
               type: 'agent',
               value: userId
-            }, fireAnalytics);
+            }, fireAnalytics, fireEventNext);
           case 2:
             agentInfo = _context2.sent;
             _context2.next = 5;
@@ -163,6 +166,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
+    fireAnalyticsNext: fireEventNext,
     profileCardType: "agent"
   }));
 });