@atlaskit/profilecard 19.19.0 → 19.20.0

package/dist/es2019/components/User/ProfileCardTrigger.js

@@ -3,6 +3,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } fr
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
@@ -29,7 +30,8 @@ export default function ProfilecardTriggerNext({
   prepopulatedData,
   disabledAriaAttributes,
   onVisibilityChange,
-  offset
+  offset,
+  viewingUserId
 }) {
   const {
     createAnalyticsEvent
@@ -203,7 +205,7 @@ export default function ProfilecardTriggerNext({
   const profilecardProps = {
     userId: userId,
     fullName: prepopulatedData === null || prepopulatedData === void 0 ? void 0 : prepopulatedData.fullName,
-    isCurrentUser: data === null || data === void 0 ? void 0 : data.isCurrentUser,
+    isCurrentUser: fg('migrate_cloud_user_to_agg_user_query') ? userId === viewingUserId : data === null || data === void 0 ? void 0 : data.isCurrentUser,
     clientFetchProfile: clientFetchProfile,
     ...data,
     reportingLines: reportingLinesData,

package/dist/es2019/util/analytics.js

@@ -32,34 +32,34 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "19.19.0",
+    packageVersion: "19.20.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }
 });
+const getActionSubject = type => {
+  switch (type) {
+    case 'user':
+      return USER_SUBJECT;
+    case 'team':
+      return TEAM_SUBJECT;
+    case 'agent':
+      return AGENT_SUBJECT;
+    default:
+      return 'user';
+  }
+};
 export const cardTriggered = (type, method) => {
-  const getActionSubject = type => {
-    switch (type) {
-      case 'user':
-        return USER_SUBJECT;
-      case 'team':
-        return TEAM_SUBJECT;
-      case 'agent':
-        return AGENT_SUBJECT;
-      default:
-        return 'user';
-    }
-  };
   return createEvent('ui', 'triggered', getActionSubject(type), undefined, {
     method
   });
 };
 export const teamRequestAnalytics = (action, attributes) => createEvent('operational', action, TEAM_SUBJECT, 'request', attributes);
 export const userRequestAnalytics = (action, attributes) => createEvent('operational', action, USER_SUBJECT, 'request', attributes);
-export const profileCardRendered = (type, actionSubjectId, attributes) => createEvent('ui', 'rendered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, actionSubjectId, attributes);
-export const actionClicked = (type, attributes) => createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'action', attributes);
+export const profileCardRendered = (type, actionSubjectId, attributes) => createEvent('ui', 'rendered', getActionSubject(type), actionSubjectId, attributes);
+export const actionClicked = (type, attributes) => createEvent('ui', 'clicked', getActionSubject(type), 'action', attributes);
 export const reportingLinesClicked = attributes => createEvent('ui', 'clicked', USER_SUBJECT, 'reportingLines', attributes);
-export const moreActionsClicked = (type, attributes) => createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'moreActions', attributes);
+export const moreActionsClicked = (type, attributes) => createEvent('ui', 'clicked', getActionSubject(type), 'moreActions', attributes);
 export const teamAvatarClicked = attributes => createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);
 export const moreMembersClicked = attributes => createEvent('ui', 'clicked', TEAM_SUBJECT, 'moreMembers', attributes);
 export const errorRetryClicked = attributes => createEvent('ui', 'clicked', TEAM_SUBJECT, 'errorRetry', attributes);

package/dist/esm/client/RovoAgentCardClient.js

@@ -26,13 +26,10 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
   _createClass(RovoAgentCardClient, [{
     key: "makeRequest",
     value: function makeRequest(id, cloudId) {
-      if (!this.options.productIdentifier) {
-        throw new Error('Trying to fetch agents data with no specified config.productIdentifier');
-      }
       if (id.type === 'identity') {
-        return getAgentDetailsByUserId(id.value, this.options.productIdentifier, cloudId);
+        return getAgentDetailsByUserId(id.value, this.options.productIdentifier || 'rovo', cloudId);
       }
-      return getAgentDetailsByAgentId(id.value, this.options.productIdentifier, cloudId);
+      return getAgentDetailsByAgentId(id.value, this.options.productIdentifier || 'rovo', cloudId);
     }
   }, {
     key: "getProfile",

package/dist/esm/client/UserProfileCardClient.js

@@ -1,20 +1,22 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 { fg } from '@atlaskit/platform-feature-flags';
 import { userRequestAnalytics } from '../util/analytics';
+import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
 import { getErrorAttributes } from './errorUtils';
-import { directoryGraphqlQuery } from './graphqlUtils';
+import { AGGQuery, directoryGraphqlQuery } from './graphqlUtils';
 
 /**
  * Transform response from GraphQL
@@ -61,6 +63,50 @@ export var buildUserQuery = function buildUserQuery(cloudId, userId) {
     }
   };
 };
+export var buildAggUserQuery = function buildAggUserQuery(userId) {
+  return {
+    query: "query TeamsUserQuery($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t}\n\t}",
+    variables: {
+      userId: userId
+    }
+  };
+};
+var getUserInSiteUserBase = function getUserInSiteUserBase(cloudId, userId) {
+  return fetch(new Request("/gateway/api/teams/site/".concat(cloudId, "/users/").concat(userId, "/exists"), {
+    method: 'GET',
+    credentials: 'include',
+    mode: 'cors',
+    headers: {
+      Accept: 'application/json',
+      'X-header-client-id': 'ptc-fe'
+    }
+  })).then(function (response) {
+    return response.json();
+  });
+};
+var queryAGGUser = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, userId) {
+    var query, _yield$AGGQuery, user;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          query = buildAggUserQuery(userId);
+          _context.next = 3;
+          return AGGQuery(url, query);
+        case 3:
+          _yield$AGGQuery = _context.sent;
+          user = _yield$AGGQuery.user;
+          return _context.abrupt("return", user);
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function queryAGGUser(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
 var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
   _inherits(UserProfileCardClient, _CachingClient);
   var _super = _createSuper(UserProfileCardClient);
@@ -74,30 +120,78 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
   _createClass(UserProfileCardClient, [{
     key: "makeRequest",
     value: function () {
-      var _makeRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(cloudId, userId) {
-        var query, response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _makeRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(cloudId, userId) {
+        var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5, userCheckPromise, userQueryPromise, checkUserPresentInSiteRes, user, timestring, localWeekdayIndex, query, response;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
+              if (!fg('migrate_cloud_user_to_agg_user_query')) {
+                _context2.next = 18;
+                break;
+              }
+              if (this.options.gatewayGraphqlUrl) {
+                _context2.next = 3;
+                break;
+              }
+              throw new Error('options.gatewayGraphqlUrl is a required parameter');
+            case 3:
+              userCheckPromise = getUserInSiteUserBase(cloudId, userId);
+              userQueryPromise = queryAGGUser(this.options.gatewayGraphqlUrl, userId);
+              _context2.next = 7;
+              return userCheckPromise;
+            case 7:
+              checkUserPresentInSiteRes = _context2.sent;
+              if (checkUserPresentInSiteRes.isPresent) {
+                _context2.next = 10;
+                break;
+              }
+              throw new Error('Unable to fetch user: User does not exist in this site');
+            case 10:
+              _context2.next = 12;
+              return userQueryPromise;
+            case 12:
+              user = _context2.sent;
+              localWeekdayIndex = new Date().getDay().toString();
+              if (user.zoneinfo) {
+                if (localTime(user.zoneinfo, 'i') === localWeekdayIndex) {
+                  timestring = localTime(user.zoneinfo, 'h:mmbbb') || undefined;
+                } else {
+                  timestring = localTime(user.zoneinfo, 'eee h:mmbbb') || undefined;
+                }
+              }
+              return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
+                isBot: user.__typename === 'AppUser',
+                status: user.accountStatus,
+                statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
+                avatarUrl: user.picture,
+                email: user.email,
+                fullName: user.name,
+                location: (_user$extendedProfile3 = user.extendedProfile) === null || _user$extendedProfile3 === void 0 ? void 0 : _user$extendedProfile3.location,
+                meta: (_user$extendedProfile4 = user.extendedProfile) === null || _user$extendedProfile4 === void 0 ? void 0 : _user$extendedProfile4.jobTitle,
+                nickname: user.nickname,
+                companyName: (_user$extendedProfile5 = user.extendedProfile) === null || _user$extendedProfile5 === void 0 ? void 0 : _user$extendedProfile5.organization,
+                timestring: timestring
+              }));
+            case 18:
               if (this.options.url) {
-                _context.next = 2;
+                _context2.next = 20;
                 break;
               }
               throw new Error('options.url is a required parameter');
-            case 2:
+            case 20:
               query = buildUserQuery(cloudId, userId);
-              _context.next = 5;
+              _context2.next = 23;
               return directoryGraphqlQuery(this.options.url, query);
-            case 5:
-              response = _context.sent;
-              return _context.abrupt("return", modifyResponse(response));
-            case 7:
+            case 23:
+              response = _context2.sent;
+              return _context2.abrupt("return", modifyResponse(response));
+            case 25:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
-      function makeRequest(_x, _x2) {
+      function makeRequest(_x3, _x4) {
         return _makeRequest.apply(this, arguments);
       }
       return makeRequest;

package/dist/esm/client/getTeamFromAGG.js

@@ -48,7 +48,7 @@ export var 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', "19.19.0");
+  headers.append('atl-client-version', "19.20.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["triggerRef"];
-import React from 'react';
+import React, { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 var chatToAgentButtonContainer = xcss({
   width: '100%'
 });
@@ -80,15 +82,21 @@ export var AgentActions = function AgentActions(_ref3) {
     onChatClick = _ref3.onChatClick;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDeleteModalOpen = _useState2[0],
+    setIsDeleteModalOpen = _useState2[1];
   var agentActions = buildAgentActions({
     onDuplicateAgent: onDuplicateAgent,
     onCopyAgent: onCopyAgent
   });
   var agentSetting = buildAgentSettings({
     onEditAgent: onEditAgent,
-    onDeleteAgent: onDeleteAgent
+    onDeleteAgent: function onDeleteAgent() {
+      setIsDeleteModalOpen(true);
+    }
   });
-  return /*#__PURE__*/React.createElement(Inline, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
     xcss: actopnsWrapperStyles
   }, /*#__PURE__*/React.createElement(Box, {
@@ -134,7 +142,15 @@ export var AgentActions = function AgentActions(_ref3) {
       key: idx,
       onClick: onClick
     }, text);
-  }))));
+  })))), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: function onClose() {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: 'some Id',
+    agentName: "agentName"
+  }));
 };
 var messages = defineMessages({
   actionChatToAgent: {

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

@@ -0,0 +1,94 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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';
+import { Text } from '@atlaskit/primitives';
+export var AgentDeleteConfirmationModal = function AgentDeleteConfirmationModal(_ref) {
+  var onClose = _ref.onClose,
+    agentName = _ref.agentName,
+    isOpen = _ref.isOpen,
+    onSubmit = _ref.onSubmit,
+    agentId = _ref.agentId;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var handleDeleteAgent = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!agentId) {
+            _context.next = 4;
+            break;
+          }
+          _context.next = 3;
+          return onSubmit();
+        case 3:
+          onClose();
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [agentId, onClose, onSubmit]);
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
+    width: "small"
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, formatMessage(messages.title, {
+    agentName: agentName
+  }))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Text, {
+    as: "p"
+  }, formatMessage(messages.body)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    onClick: onClose
+  }, formatMessage(messages.cancelText)), /*#__PURE__*/React.createElement(Button, {
+    appearance: "danger",
+    onClick: function onClick(_e, event) {
+      handleDeleteAgent();
+    }
+  }, formatMessage(messages.confirmText))))));
+};
+var messages = defineMessages({
+  cancelText: {
+    id: 'ai-mate.agent-modal.agent-delete-confirm.cancel-text',
+    defaultMessage: 'Cancel'
+  },
+  confirmText: {
+    id: 'ai-mate.agent-modal.agent-delete-confirm.confirm-text',
+    defaultMessage: 'Delete'
+  },
+  title: {
+    id: 'ai-mate.agent-list.delete-agent-confirm-title',
+    defaultMessage: 'Delete "{agentName}"?',
+    description: 'Title text for the delete agent confirmation modal'
+  },
+  body: {
+    id: 'ai-mate.agent-list.delete-agent-confirm-body',
+    defaultMessage: "Are you sure you want to delete this agent? This action cannot be undone.",
+    description: 'Body text for the delete agent confirmation modal'
+  },
+  error: {
+    id: 'ai-mate.agent-list.delete-agent-error',
+    defaultMessage: 'Could not delete agent',
+    description: 'Error message displayed when an agent cannot be deleted'
+  },
+  errorAgentNotFound: {
+    id: 'ai-mate.agent-list.delete-agent-error.agent-not-found',
+    defaultMessage: 'That agent could not be found.',
+    description: 'Error message displayed when an agent cannot be found'
+  },
+  errorAgentInUse: {
+    id: 'ai-mate.agent-list.delete-agent-error.agent-in-use',
+    defaultMessage: 'Agent is currently in use. Try again later.',
+    description: 'Error message displayed when an agent is in use'
+  },
+  errorIncorrectOwner: {
+    id: 'ai-mate.agent-list.delete-agent-error.incorrect-owner',
+    defaultMessage: 'You cannot delete agents you have not created yourself. Please contact the agent owner.',
+    description: 'Error message displayed when the agent owner is incorrect'
+  },
+  agentDeletedSuccess: {
+    id: 'ai-mate.agent-list.delete-agent-success',
+    defaultMessage: 'Agent has been deleted!',
+    description: 'Success message displayed when an agent is deleted'
+  }
+});

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

@@ -1,3 +1,5 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Box, Stack, xcss } from '@atlaskit/primitives';
@@ -8,8 +10,9 @@ import { ErrorMessage } from '../Error';
 import { AgentActions } from './Actions';
 import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
 import { ConversationStarters } from './ConversationStarters';
-import { useAgentUrlActions } from './useAgentActions';
-import { useSetFavouriteAgent } from './useSetFavouriteAgent';
+import { useAgentUrlActions } from './hooks/useAgentActions';
+import { useDeleteAgent } from './hooks/useDeleteAgent';
+import { useSetFavouriteAgent } from './hooks/useSetFavouriteAgent';
 var styles = xcss({
   paddingBlockStart: 'space.400',
   paddingInline: 'space.200'
@@ -40,7 +43,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }),
     _onEditAgent = _useAgentUrlActions.onEditAgent,
     _onCopyAgent = _useAgentUrlActions.onCopyAgent,
-    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent;
+    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent,
+    onOpenChatFullScreecn = _useAgentUrlActions.onOpenChat,
+    onConversationStarter = _useAgentUrlActions.onConversationStarter;
   var _useSetFavouriteAgent = useSetFavouriteAgent({
       agentId: agent === null || agent === void 0 ? void 0 : agent.id,
       cloudId: cloudId,
@@ -49,6 +54,11 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }),
     isStarred = _useSetFavouriteAgent.isStarred,
     setFavourite = _useSetFavouriteAgent.setFavourite;
+  var _useDeleteAgent = useDeleteAgent({
+      cloudId: cloudId,
+      product: product
+    }),
+    deleteAgent = _useDeleteAgent.deleteAgent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var fireAnalytics = useCallback(function (payload) {
@@ -56,6 +66,27 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       fireEvent(createAnalyticsEvent, payload);
     }
   }, [createAnalyticsEvent]);
+  var handleOnDelete = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!agent) {
+              _context.next = 3;
+              break;
+            }
+            _context.next = 3;
+            return deleteAgent(agent.id);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleOnDelete() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     if (!isLoading && agent) {
       fireAnalytics(profileCardRendered('agent', 'content'));
@@ -107,7 +138,10 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: agent.user_defined_conversation_starters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
-      throw new Error('Function not implemented.');
+      onConversationStarter({
+        agentId: agent.id,
+        prompt: 'conversationStarter'
+      });
     }
   })), /*#__PURE__*/React.createElement(AgentActions, {
     isAgentCreatedByCurrentUser: isCreatedByViewingUser,
@@ -120,11 +154,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     onDuplicateAgent: function onDuplicateAgent() {
       return _onDuplicateAgent(agent.id);
     },
-    onDeleteAgent: function onDeleteAgent() {
-      throw new Error('Function not implemented.');
-    },
+    onDeleteAgent: handleOnDelete,
     onChatClick: function onChatClick() {
-      return onOpenChat === null || onOpenChat === void 0 ? void 0 : onOpenChat(agent.id);
+      return onOpenChat ? onOpenChat(agent.id) : onOpenChatFullScreecn();
     }
   })));
 };

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

@@ -131,7 +131,8 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
       isCreatedByViewingUser: (profileData === null || profileData === void 0 || (_profileData$creatorI = profileData.creatorInfo) === null || _profileData$creatorI === void 0 ? void 0 : _profileData$creatorI.id) === viewingUserId,
       cloudId: props.cloudId,
       product: product,
-      errorType: error
+      errorType: error,
+      onOpenChat: props.onOpenChat
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {

package/dist/esm/components/Agent/hooks/useAgentActions.js

@@ -0,0 +1,85 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { useCallback } from 'react';
+import { getATLContextUrl } from '@atlaskit/atlassian-context';
+import { encodeParamsToUrl } from '../../../util/url';
+export var firstCharUpper = function firstCharUpper(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+var ROVO_PARAM_PREFIX = 'rovoChat';
+var createRovoParams = function createRovoParams(params) {
+  var rovoParams = {};
+  Object.entries(params).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    rovoParams["".concat(ROVO_PARAM_PREFIX, ".").concat(key)] = encodeURIComponent(value);
+    rovoParams["".concat(ROVO_PARAM_PREFIX).concat(firstCharUpper(key))] = encodeURIComponent(value);
+  });
+  return rovoParams;
+};
+export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
+  var cloudId = _ref3.cloudId;
+  var onEditAgent = useCallback(function (agentId) {
+    var url = "".concat(getATLContextUrl('home'), "/agents/").concat(agentId, "/edit");
+    var urlWithParams = encodeParamsToUrl(url, _objectSpread({
+      cloudId: cloudId
+    }, createRovoParams({
+      cloudId: cloudId
+    })));
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  }, [cloudId]);
+  var onCopyAgent = useCallback(function (agentId) {
+    var baseUrl = "".concat(getATLContextUrl('home'), "/chat");
+    var urlWithParams = encodeParamsToUrl(baseUrl, _objectSpread({
+      cloudId: cloudId
+    }, createRovoParams({
+      cloudId: cloudId,
+      agentId: agentId,
+      pathway: 'chat'
+    })));
+    navigator.clipboard.writeText(urlWithParams);
+  }, [cloudId]);
+  var onDuplicateAgent = useCallback(function (agentId) {
+    var baseUrl = "".concat(getATLContextUrl('home'), "/chat/agents/new");
+    var urlWithParams = encodeParamsToUrl(baseUrl, _objectSpread({
+      cloudId: cloudId
+    }, createRovoParams({
+      cloudId: cloudId,
+      agentId: agentId,
+      pathway: 'agents-create'
+    })));
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  }, [cloudId]);
+  var onConversationStarter = function onConversationStarter(_ref4) {
+    var agentId = _ref4.agentId,
+      prompt = _ref4.prompt;
+    var baseUrl = "".concat(getATLContextUrl('home'), "/chat");
+    var urlWithParams = encodeParamsToUrl(baseUrl, _objectSpread({
+      cloudId: cloudId
+    }, createRovoParams({
+      cloudId: cloudId,
+      agentId: agentId,
+      prompt: prompt
+    })));
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  };
+  var onOpenChat = function onOpenChat() {
+    var baseUrl = "".concat(getATLContextUrl('home'), "/chat");
+    var urlWithParams = encodeParamsToUrl(baseUrl, _objectSpread({
+      cloudId: cloudId
+    }, createRovoParams({
+      cloudId: cloudId
+    })));
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  };
+  return {
+    onEditAgent: onEditAgent,
+    onCopyAgent: onCopyAgent,
+    onDuplicateAgent: onDuplicateAgent,
+    onOpenChat: onOpenChat,
+    onConversationStarter: onConversationStarter
+  };
+};