@atlaskit/profilecard 24.14.0 → 24.15.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/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function 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;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function 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;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -15,9 +15,12 @@ var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 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");
 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; }
@@ -51,7 +54,7 @@ var actionsWrapperStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-var AgentActions = exports.AgentActions = function AgentActions(_ref) {
+var _AgentActions = function _AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
     onDeleteAgent = _ref.onDeleteAgent,
     onDuplicateAgent = _ref.onDuplicateAgent,
@@ -64,6 +67,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],
@@ -95,17 +100,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(_primitives.Inline, {
     space: "space.100",
     xcss: actionsWrapperStyles
@@ -137,7 +149,8 @@ var AgentActions = exports.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() {
@@ -154,4 +167,5 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+var AgentActions = exports.AgentActions = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _ActionsCompiled.AgentActions, _AgentActions);

package/dist/cjs/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/cjs/components/Agent/ActionsCompiled.js

@@ -0,0 +1,150 @@
+/* ActionsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentActions = void 0;
+require("./ActionsCompiled.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 _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); }
+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 = {
+  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"
+};
+var AgentActions = exports.AgentActions = function AgentActions(_ref) {
+  var onEditAgent = _ref.onEditAgent,
+    onDeleteAgent = _ref.onDeleteAgent,
+    onDuplicateAgent = _ref.onDuplicateAgent,
+    onCopyAgent = _ref.onCopyAgent,
+    onChatClick = _ref.onChatClick,
+    onViewFullProfileClick = _ref.onViewFullProfileClick,
+    agent = _ref.agent,
+    resourceClient = _ref.resourceClient;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    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],
+    setIsDeleteModalOpen = _useState2[1];
+  var isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  var loadAgentPermissions = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _yield$resourceClient, _yield$resourceClient2, AGENT_CREATE, AGENT_UPDATE, AGENT_DEACTIVATE;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return resourceClient.getRovoAgentPermissions(agent.id);
+        case 2:
+          _yield$resourceClient = _context.sent;
+          _yield$resourceClient2 = _yield$resourceClient.permissions;
+          AGENT_CREATE = _yield$resourceClient2.AGENT_CREATE;
+          AGENT_UPDATE = _yield$resourceClient2.AGENT_UPDATE;
+          AGENT_DEACTIVATE = _yield$resourceClient2.AGENT_DEACTIVATE;
+          return _context.abrupt("return", _objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('agent_studio_fe_permissions_settings_m1') && {
+            isCreateEnabled: AGENT_CREATE.permitted
+          }), {}, {
+            isEditEnabled: AGENT_UPDATE.permitted,
+            isDeleteEnabled: AGENT_DEACTIVATE.permitted
+          }));
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [agent.id, resourceClient]);
+  var handleDeleteAgent = (0, _react.useCallback)(function () {
+    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, fireEventNext]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.100",
+    xcss: styles.actionsWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/_react.default.createElement(_new.default, {
+    shouldFitContainer: true,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onChatClick(e);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.050",
+    xcss: styles.chatPillButtonInlineStyles,
+    alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatPillTextStyles
+  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.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.default.createElement(_AgentDeleteConfirmationModal.AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: function onClose() {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: agent.id,
+    agentName: agent.name
+  }));
+};
+var messages = (0, _reactIntlNext.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/cjs/components/Agent/AgentDeleteConfirmationModal.js

@@ -12,10 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 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
-
 var AgentDeleteConfirmationModal = exports.AgentDeleteConfirmationModal = function AgentDeleteConfirmationModal(_ref) {
   var onClose = _ref.onClose,
     agentName = _ref.agentName,
@@ -46,7 +44,7 @@ var AgentDeleteConfirmationModal = exports.AgentDeleteConfirmationModal = functi
     width: "small"
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, formatMessage(messages.title, {
     agentName: agentName
-  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(messages.body)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",

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

@@ -7,24 +7,30 @@ 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");
+var _AgentProfileCardCompiled = _interopRequireDefault(require("./AgentProfileCardCompiled"));
 var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
 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'
@@ -71,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,
@@ -98,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);
@@ -116,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) {
@@ -130,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),
@@ -158,25 +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
-      ,
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
@@ -249,4 +262,5 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }
   })));
 };
-var _default = exports.default = AgentProfileCard;
+var AgentProfileCardExport = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _AgentProfileCardCompiled.default, AgentProfileCard);
+var _default = exports.default = AgentProfileCardExport;

package/dist/cjs/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}