@atlaskit/profilecard 19.19.0 → 19.20.0

package/dist/cjs/components/Agent/hooks/useDeleteAgent.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeleteAgent = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _rovoAgentUtils = require("../../../util/rovoAgentUtils");
+var useDeleteAgent = exports.useDeleteAgent = function useDeleteAgent(_ref) {
+  var cloudId = _ref.cloudId,
+    product = _ref.product;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var deleteAgent = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(agentId) {
+      var headers;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!agentId || !cloudId)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setIsLoading(true);
+            _context.prev = 3;
+            headers = (0, _rovoAgentUtils.createHeaders)(product, cloudId);
+            _context.next = 7;
+            return fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId), {
+              method: 'DELETE',
+              credentials: 'include',
+              mode: 'cors',
+              headers: headers
+            }));
+          case 7:
+            setIsLoading(false);
+            _context.next = 14;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](3);
+            setIsLoading(false);
+            setError(_context.t0);
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 10]]);
+    }));
+    return function deleteAgent(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    isLoading: isLoading,
+    error: error,
+    deleteAgent: deleteAgent
+  };
+};

package/dist/cjs/components/Agent/{useSetFavouriteAgent.js → hooks/useSetFavouriteAgent.js}

@@ -9,7 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _rovoAgentUtils = require("../../util/rovoAgentUtils");
+var _rovoAgentUtils = require("../../../util/rovoAgentUtils");
 var useSetFavouriteAgent = exports.useSetFavouriteAgent = function useSetFavouriteAgent(_ref) {
   var agentId = _ref.agentId,
     cloudId = _ref.cloudId,

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

@@ -17,6 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
@@ -52,7 +53,8 @@ function ProfilecardTriggerNext(_ref) {
     prepopulatedData = _ref.prepopulatedData,
     disabledAriaAttributes = _ref.disabledAriaAttributes,
     onVisibilityChange = _ref.onVisibilityChange,
-    offset = _ref.offset;
+    offset = _ref.offset,
+    viewingUserId = _ref.viewingUserId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -274,7 +276,7 @@ function ProfilecardTriggerNext(_ref) {
   var profilecardProps = _objectSpread(_objectSpread({
     userId: userId,
     fullName: prepopulatedData === null || prepopulatedData === void 0 ? void 0 : prepopulatedData.fullName,
-    isCurrentUser: data === null || data === void 0 ? void 0 : data.isCurrentUser,
+    isCurrentUser: (0, _platformFeatureFlags.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/cjs/util/analytics.js

@@ -45,25 +45,25 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.19.0"
+      packageVersion: "19.20.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
   };
 };
+var getActionSubject = function getActionSubject(type) {
+  switch (type) {
+    case 'user':
+      return USER_SUBJECT;
+    case 'team':
+      return TEAM_SUBJECT;
+    case 'agent':
+      return AGENT_SUBJECT;
+    default:
+      return 'user';
+  }
+};
 var cardTriggered = exports.cardTriggered = function cardTriggered(type, method) {
-  var getActionSubject = function 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: method
   });
@@ -75,16 +75,16 @@ var userRequestAnalytics = exports.userRequestAnalytics = function userRequestAn
   return createEvent('operational', action, USER_SUBJECT, 'request', attributes);
 };
 var profileCardRendered = exports.profileCardRendered = function profileCardRendered(type, actionSubjectId, attributes) {
-  return createEvent('ui', 'rendered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, actionSubjectId, attributes);
+  return createEvent('ui', 'rendered', getActionSubject(type), actionSubjectId, attributes);
 };
 var actionClicked = exports.actionClicked = function actionClicked(type, attributes) {
-  return createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'action', attributes);
+  return createEvent('ui', 'clicked', getActionSubject(type), 'action', attributes);
 };
 var reportingLinesClicked = exports.reportingLinesClicked = function reportingLinesClicked(attributes) {
   return createEvent('ui', 'clicked', USER_SUBJECT, 'reportingLines', attributes);
 };
 var moreActionsClicked = exports.moreActionsClicked = function moreActionsClicked(type, attributes) {
-  return createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'moreActions', attributes);
+  return createEvent('ui', 'clicked', getActionSubject(type), 'moreActions', attributes);
 };
 var teamAvatarClicked = exports.teamAvatarClicked = function teamAvatarClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);

package/dist/es2019/client/RovoAgentCardClient.js

@@ -9,13 +9,10 @@ export default class RovoAgentCardClient extends CachingClient {
     this.options = options;
   }
   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);
   }
   getProfile(id, analytics) {
     if (!id.value) {

package/dist/es2019/client/UserProfileCardClient.js

@@ -1,8 +1,10 @@
+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
@@ -68,18 +70,104 @@ export const buildUserQuery = (cloudId, userId) => ({
     userId
   }
 });
+export const buildAggUserQuery = userId => ({
+  query: `query TeamsUserQuery($userId: ID!) {
+		user(accountId: $userId) {
+			id
+			name
+			picture
+			accountStatus
+			__typename
+			... on AtlassianAccountUser {
+				email
+				nickname
+				zoneinfo
+				extendedProfile {
+					jobTitle
+					organization
+					location
+					closedDate
+					inactiveDate
+				}
+			}
+			... on CustomerUser {
+				email
+				zoneinfo
+			}
+		}
+	}`,
+  variables: {
+    userId
+  }
+});
+const getUserInSiteUserBase = (cloudId, userId) => {
+  return fetch(new Request(`/gateway/api/teams/site/${cloudId}/users/${userId}/exists`, {
+    method: 'GET',
+    credentials: 'include',
+    mode: 'cors',
+    headers: {
+      Accept: 'application/json',
+      'X-header-client-id': 'ptc-fe'
+    }
+  })).then(response => response.json());
+};
+const queryAGGUser = async (url, userId) => {
+  const query = buildAggUserQuery(userId);
+  const {
+    user
+  } = await AGGQuery(url, query);
+  return user;
+};
 export default class UserProfileCardClient extends CachingClient {
   constructor(options) {
     super(options);
     this.options = options;
   }
   async makeRequest(cloudId, userId) {
-    if (!this.options.url) {
-      throw new Error('options.url is a required parameter');
+    if (fg('migrate_cloud_user_to_agg_user_query')) {
+      var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5;
+      if (!this.options.gatewayGraphqlUrl) {
+        throw new Error('options.gatewayGraphqlUrl is a required parameter');
+      }
+      const userCheckPromise = getUserInSiteUserBase(cloudId, userId);
+      const userQueryPromise = queryAGGUser(this.options.gatewayGraphqlUrl, userId);
+      const checkUserPresentInSiteRes = await userCheckPromise;
+      if (!checkUserPresentInSiteRes.isPresent) {
+        // Use this error message to not trouble SLO, check out getErrorAttributes for reference
+        throw new Error('Unable to fetch user: User does not exist in this site');
+      }
+      const user = await userQueryPromise;
+      let timestring;
+      const 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 {
+        ...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
+      };
+    } else {
+      if (!this.options.url) {
+        throw new Error('options.url is a required parameter');
+      }
+      const query = buildUserQuery(cloudId, userId);
+      const response = await directoryGraphqlQuery(this.options.url, query);
+      return modifyResponse(response);
     }
-    const query = buildUserQuery(cloudId, userId);
-    const response = await directoryGraphqlQuery(this.options.url, query);
-    return modifyResponse(response);
   }
   getProfile(cloudId, userId, analytics) {
     if (!userId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,7 @@ export const 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 async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-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';
 const chatToAgentButtonContainer = xcss({
   width: '100%'
 });
@@ -82,15 +83,18 @@ export const AgentActions = ({
   const {
     formatMessage
   } = useIntl();
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const agentActions = buildAgentActions({
     onDuplicateAgent,
     onCopyAgent
   });
   const agentSetting = buildAgentSettings({
     onEditAgent,
-    onDeleteAgent
+    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, {
@@ -137,7 +141,15 @@ export const AgentActions = ({
       key: idx,
       onClick: onClick
     }, text);
-  }))));
+  })))), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: () => {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: 'some Id',
+    agentName: "agentName"
+  }));
 };
 const messages = defineMessages({
   actionChatToAgent: {

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

@@ -0,0 +1,82 @@
+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 const AgentDeleteConfirmationModal = ({
+  onClose,
+  agentName,
+  isOpen,
+  onSubmit,
+  agentId
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const handleDeleteAgent = useCallback(async () => {
+    if (agentId) {
+      await onSubmit();
+      onClose();
+    }
+  }, [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
+  }))), /*#__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: (_e, event) => {
+      handleDeleteAgent();
+    }
+  }, formatMessage(messages.confirmText))))));
+};
+const 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/es2019/components/Agent/AgentProfileCard.js

@@ -8,8 +8,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';
 const styles = xcss({
   paddingBlockStart: 'space.400',
   paddingInline: 'space.200'
@@ -38,7 +39,9 @@ const AgentProfileCard = ({
   const {
     onEditAgent,
     onCopyAgent,
-    onDuplicateAgent
+    onDuplicateAgent,
+    onOpenChat: onOpenChatFullScreecn,
+    onConversationStarter
   } = useAgentUrlActions({
     cloudId: cloudId || ''
   });
@@ -51,6 +54,12 @@ const AgentProfileCard = ({
     isStarred: !!(agent !== null && agent !== void 0 && agent.favourite),
     product
   });
+  const {
+    deleteAgent
+  } = useDeleteAgent({
+    cloudId,
+    product
+  });
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
@@ -59,6 +68,11 @@ const AgentProfileCard = ({
       fireEvent(createAnalyticsEvent, payload);
     }
   }, [createAnalyticsEvent]);
+  const handleOnDelete = async () => {
+    if (agent) {
+      await deleteAgent(agent.id);
+    }
+  };
   useEffect(() => {
     if (!isLoading && agent) {
       fireAnalytics(profileCardRendered('agent', 'content'));
@@ -109,18 +123,19 @@ const AgentProfileCard = ({
   }), /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: agent.user_defined_conversation_starters,
-    onConversationStarterClick: function (conversationStarter) {
-      throw new Error('Function not implemented.');
+    onConversationStarterClick: conversationStarter => {
+      onConversationStarter({
+        agentId: agent.id,
+        prompt: 'conversationStarter'
+      });
     }
   })), /*#__PURE__*/React.createElement(AgentActions, {
     isAgentCreatedByCurrentUser: isCreatedByViewingUser,
     onEditAgent: () => onEditAgent(agent.id),
     onCopyAgent: () => onCopyAgent(agent.id),
     onDuplicateAgent: () => onDuplicateAgent(agent.id),
-    onDeleteAgent: function () {
-      throw new Error('Function not implemented.');
-    },
-    onChatClick: () => onOpenChat === null || onOpenChat === void 0 ? void 0 : onOpenChat(agent.id)
+    onDeleteAgent: handleOnDelete,
+    onChatClick: () => onOpenChat ? onOpenChat(agent.id) : onOpenChatFullScreecn()
   })));
 };
 export default AgentProfileCard;

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

@@ -84,7 +84,8 @@ export const AgentProfileCardTrigger = ({
       isCreatedByViewingUser: (profileData === null || profileData === void 0 ? 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/es2019/components/Agent/hooks/useAgentActions.js

@@ -0,0 +1,83 @@
+import { useCallback } from 'react';
+import { getATLContextUrl } from '@atlaskit/atlassian-context';
+import { encodeParamsToUrl } from '../../../util/url';
+export const firstCharUpper = str => str.charAt(0).toUpperCase() + str.slice(1);
+const ROVO_PARAM_PREFIX = 'rovoChat';
+const createRovoParams = params => {
+  const rovoParams = {};
+  Object.entries(params).forEach(([key, value]) => {
+    rovoParams[`${ROVO_PARAM_PREFIX}.${key}`] = encodeURIComponent(value);
+    rovoParams[`${ROVO_PARAM_PREFIX}${firstCharUpper(key)}`] = encodeURIComponent(value);
+  });
+  return rovoParams;
+};
+export const useAgentUrlActions = ({
+  cloudId
+}) => {
+  const onEditAgent = useCallback(agentId => {
+    const url = `${getATLContextUrl('home')}/agents/${agentId}/edit`;
+    const urlWithParams = encodeParamsToUrl(url, {
+      cloudId,
+      ...createRovoParams({
+        cloudId
+      })
+    });
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  }, [cloudId]);
+  const onCopyAgent = useCallback(agentId => {
+    const baseUrl = `${getATLContextUrl('home')}/chat`;
+    const urlWithParams = encodeParamsToUrl(baseUrl, {
+      cloudId,
+      ...createRovoParams({
+        cloudId,
+        agentId,
+        pathway: 'chat'
+      })
+    });
+    navigator.clipboard.writeText(urlWithParams);
+  }, [cloudId]);
+  const onDuplicateAgent = useCallback(agentId => {
+    const baseUrl = `${getATLContextUrl('home')}/chat/agents/new`;
+    const urlWithParams = encodeParamsToUrl(baseUrl, {
+      cloudId,
+      ...createRovoParams({
+        cloudId,
+        agentId,
+        pathway: 'agents-create'
+      })
+    });
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  }, [cloudId]);
+  const onConversationStarter = ({
+    agentId,
+    prompt
+  }) => {
+    const baseUrl = `${getATLContextUrl('home')}/chat`;
+    const urlWithParams = encodeParamsToUrl(baseUrl, {
+      cloudId,
+      ...createRovoParams({
+        cloudId,
+        agentId,
+        prompt
+      })
+    });
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  };
+  const onOpenChat = () => {
+    const baseUrl = `${getATLContextUrl('home')}/chat`;
+    const urlWithParams = encodeParamsToUrl(baseUrl, {
+      cloudId,
+      ...createRovoParams({
+        cloudId
+      })
+    });
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  };
+  return {
+    onEditAgent,
+    onCopyAgent,
+    onDuplicateAgent,
+    onOpenChat,
+    onConversationStarter
+  };
+};

package/dist/es2019/components/Agent/hooks/useDeleteAgent.js

@@ -0,0 +1,33 @@
+import { useState } from 'react';
+import { createHeaders } from '../../../util/rovoAgentUtils';
+export const useDeleteAgent = ({
+  cloudId,
+  product
+}) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState();
+  const deleteAgent = async agentId => {
+    if (!agentId || !cloudId) {
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const headers = createHeaders(product, cloudId);
+      await fetch(new Request(`/gateway/api/assist/agents/v1/${agentId}`, {
+        method: 'DELETE',
+        credentials: 'include',
+        mode: 'cors',
+        headers
+      }));
+      setIsLoading(false);
+    } catch (error) {
+      setIsLoading(false);
+      setError(error);
+    }
+  };
+  return {
+    isLoading,
+    error,
+    deleteAgent
+  };
+};

package/dist/es2019/components/Agent/{useSetFavouriteAgent.js → hooks/useSetFavouriteAgent.js}

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { createHeaders } from '../../util/rovoAgentUtils';
+import { createHeaders } from '../../../util/rovoAgentUtils';
 export const useSetFavouriteAgent = ({
   agentId,
   cloudId,