@atlaskit/profilecard 24.14.0 → 24.15.0

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

@@ -9,10 +9,13 @@ import { defineMessages, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
+import { AgentActions as AgentActionsCompiled } from './ActionsCompiled';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 var chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -43,7 +46,7 @@ var actionsWrapperStyles = xcss({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-export var AgentActions = function AgentActions(_ref) {
+var _AgentActions = function _AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
     onDeleteAgent = _ref.onDeleteAgent,
     onDuplicateAgent = _ref.onDuplicateAgent,
@@ -56,6 +59,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],
@@ -87,17 +92,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: actionsWrapperStyles
@@ -129,7 +141,8 @@ export 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() {
@@ -146,4 +159,5 @@ var messages = defineMessages({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+export var AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);

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

@@ -0,0 +1,141 @@
+/* ActionsCompiled.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 "./ActionsCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 React, { useCallback, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import Button from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+import { fireEvent } from '../../util/analytics';
+import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
+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"
+};
+export var 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 = useIntl(),
+    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],
+    setIsDeleteModalOpen = _useState2[1];
+  var isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  var loadAgentPermissions = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$resourceClient, _yield$resourceClient2, AGENT_CREATE, AGENT_UPDATE, AGENT_DEACTIVATE;
+    return _regeneratorRuntime.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({}, 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 = useCallback(function () {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.deleteAgentButton', {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'deleteAgentButton',
+        attributes: {
+          agentId: agent.id,
+          source: 'agentProfileCard'
+        }
+      });
+    }
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent, fireEventNext]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.100",
+    xcss: styles.actionsWrapperStyles
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    shouldFitContainer: true,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onChatClick(e);
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: styles.chatPillButtonInlineStyles,
+    alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillTextStyles
+  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(AgentDropdownMenu, {
+    agentId: agent.id,
+    onDeleteAgent: handleDeleteAgent,
+    onEditAgent: onEditAgent,
+    onDuplicateAgent: onDuplicateAgent,
+    onCopyAgent: onCopyAgent,
+    isForgeAgent: isForgeAgent,
+    loadAgentPermissions: loadAgentPermissions,
+    loadPermissionsOnMount: true,
+    onViewAgentFullProfileClick: onViewFullProfileClick,
+    doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
+    shouldTriggerStopPropagation: true
+  })), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: function onClose() {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: agent.id,
+    agentName: agent.name
+  }));
+};
+var messages = defineMessages({
+  actionChatToAgent: {
+    id: 'ptc-directory.agent-profile.action.dropdown.chat-to-agent.nonfinal',
+    defaultMessage: 'Chat to Agent',
+    description: 'Text for the "chat to agent" action to chat to the agent'
+  }
+});

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

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

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

@@ -1,16 +1,24 @@
+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';
+import { default as AgentProfileCardCompiled } from './AgentProfileCardCompiled';
 import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
 import { ConversationStarters } from './ConversationStarters';
 import { useAgentUrlActions } from './hooks/useAgentActions';
@@ -61,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,
@@ -88,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);
@@ -106,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) {
@@ -120,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),
@@ -148,25 +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
-      ,
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
@@ -239,4 +254,5 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }
   })));
 };
-export default AgentProfileCard;
+var AgentProfileCardExport = componentWithFG('profilecard_primitives_compiled', AgentProfileCardCompiled, AgentProfileCard);
+export default AgentProfileCardExport;

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

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

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

@@ -0,0 +1,248 @@
+/* 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 { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+import { fireEvent, PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
+import { LoadingState } from '../common/LoadingState';
+import { ErrorMessage } from '../Error';
+import { AgentActions } from './Actions';
+import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
+import { ConversationStarters } from './ConversationStarters';
+import { useAgentUrlActions } from './hooks/useAgentActions';
+import { messages } from './messages';
+var styles = {
+  detailWrapper: "_18zrpxbi _1q51xy5q",
+  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
+  cardContainerStyles: "_2rko1mok _16qs1cd0 _kqswh2mm"
+};
+var AgentProfileCard = function AgentProfileCard(_ref) {
+  var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
+  var agent = _ref.agent,
+    isLoading = _ref.isLoading,
+    cloudId = _ref.cloudId,
+    onChatClick = _ref.onChatClick,
+    hasError = _ref.hasError,
+    errorType = _ref.errorType,
+    onConversationStartersClick = _ref.onConversationStartersClick,
+    resourceClient = _ref.resourceClient,
+    addFlag = _ref.addFlag,
+    onDeleteAgent = _ref.onDeleteAgent;
+  var _useAgentUrlActions = useAgentUrlActions({
+      cloudId: cloudId || '',
+      source: 'agentProfileCard'
+    }),
+    _onEditAgent = _useAgentUrlActions.onEditAgent,
+    _onCopyAgent = _useAgentUrlActions.onCopyAgent,
+    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent,
+    onOpenChatFullScreen = _useAgentUrlActions.onOpenChat,
+    onConversationStarter = _useAgentUrlActions.onConversationStarter,
+    onViewFullProfile = _useAgentUrlActions.onViewFullProfile;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isStarred = _useState2[0],
+    setIsStarred = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    starCount = _useState4[0],
+    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,
+      type: 'user-defined'
+    };
+  });
+  useEffect(function () {
+    setIsStarred(!!(agent !== null && agent !== void 0 && agent.favourite));
+    setStarCount(agent === null || agent === void 0 ? void 0 : agent.favourite_count);
+  }, [agent === null || agent === void 0 ? void 0 : agent.favourite, agent === null || agent === void 0 ? void 0 : agent.favourite_count]);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var fireAnalytics = useCallback(function (payload) {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
+  var handleSetFavourite = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(agent !== null && agent !== void 0 && agent.id)) {
+            _context.next = 10;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireAnalyticsNext);
+        case 4:
+          if (isStarred) {
+            setStarCount(starCount ? starCount - 1 : 0);
+          } else {
+            setStarCount((starCount || 0) + 1);
+          }
+          setIsStarred(!isStarred);
+          _context.next = 10;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  })), [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) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(agent && onDeleteAgent)) {
+            _context2.next = 12;
+            break;
+          }
+          // Optimistically remove from cache
+          _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
+          _context2.prev = 2;
+          _context2.next = 5;
+          return resourceClient.deleteAgent(agent.id, fireAnalytics, fireAnalyticsNext);
+        case 5:
+          addFlag === null || addFlag === void 0 || addFlag({
+            title: formatMessage(messages.agentDeletedSuccessFlagTitle),
+            description: formatMessage(messages.agentDeletedSuccessFlagDescription, {
+              agentName: agent.name
+            }),
+            type: 'success',
+            id: 'ptc-directory.agent-profile.delete-agent-success'
+          });
+          _context2.next = 12;
+          break;
+        case 8:
+          _context2.prev = 8;
+          _context2.t0 = _context2["catch"](2);
+          // Restore agent to cache on error
+          restore();
+          addFlag === null || addFlag === void 0 || addFlag({
+            title: formatMessage(messages.agentDeletedErrorFlagTitle),
+            description: formatMessage(messages.agentDeletedErrorFlagDescription),
+            type: 'error',
+            id: 'ptc-directory.agent-profile.delete-agent-error'
+          });
+        case 12:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[2, 8]]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireAnalyticsNext]);
+  useEffect(function () {
+    if (!isLoading && agent) {
+      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, fireAnalyticsNext]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
+      profileType: "agent",
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireAnalyticsNext
+    }));
+  }
+  if (hasError || !agent) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+      fireAnalyticsNext: fireAnalyticsNext,
+      errorType: errorType,
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.cardContainerStyles
+  }, /*#__PURE__*/React.createElement(AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
+    height: 96,
+    agentIdentityAccountId: agent.identity_account_id
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.avatarStyles
+  }, /*#__PURE__*/React.createElement(AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
+    agentIdentityAccountId: agent.identity_account_id,
+    size: "xlarge",
+    isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
+    forgeAgentIconUrl: agent.icon
+  })), /*#__PURE__*/React.createElement(Stack, {
+    space: "space.100",
+    xcss: styles.detailWrapper
+  }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
+    agentName: agent.name,
+    isStarred: isStarred,
+    onStarToggle: handleSetFavourite,
+    isHidden: agent.visibility === 'PRIVATE',
+    creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
+      creator: {
+        type: (_agent$creatorInfo2 = agent.creatorInfo) === null || _agent$creatorInfo2 === void 0 ? void 0 : _agent$creatorInfo2.type,
+        name: ((_agent$creatorInfo3 = agent.creatorInfo) === null || _agent$creatorInfo3 === void 0 ? void 0 : _agent$creatorInfo3.name) || '',
+        profileLink: ((_agent$creatorInfo4 = agent.creatorInfo) === null || _agent$creatorInfo4 === void 0 ? void 0 : _agent$creatorInfo4.profileLink) || ''
+      },
+      isLoading: false,
+      onCreatorLinkClick: function onCreatorLinkClick() {}
+    }),
+    starCountRender: /*#__PURE__*/React.createElement(AgentStarCount, {
+      starCount: starCount,
+      isLoading: false
+    }),
+    agentDescription: agent.description
+  }), /*#__PURE__*/React.createElement(ConversationStarters, {
+    isAgentDefault: agent.is_default,
+    userDefinedConversationStarters: userDefinedConversationStarters,
+    onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
+        agentId: agent.id,
+        prompt: conversationStarter.message
+      });
+    }
+  })), /*#__PURE__*/React.createElement(AgentActions, {
+    agent: agent,
+    onEditAgent: function onEditAgent() {
+      return _onEditAgent(agent.id);
+    },
+    onCopyAgent: function onCopyAgent() {
+      return _onCopyAgent(agent.id);
+    },
+    onDuplicateAgent: function onDuplicateAgent() {
+      return _onDuplicateAgent(agent.id);
+    },
+    onDeleteAgent: handleOnDelete,
+    onChatClick: onChatClick ? function (event) {
+      return onChatClick(event);
+    } : function () {
+      return onOpenChatFullScreen(agent.id, agent.name);
+    },
+    resourceClient: resourceClient,
+    onViewFullProfileClick: function onViewFullProfileClick() {
+      return onViewFullProfile(agent.id);
+    }
+  })));
+};
+export default AgentProfileCard;