@atlaskit/profilecard 19.21.0 → 19.22.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/profilecard
 
+## 19.22.0
+
+### Minor Changes
+
+- [#134375](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134375)
+  [`03134c232b4a2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/03134c232b4a2) -
+  Pass agent actions overrides
+- [#134349](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134349)
+  [`f66ae41dc74c2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f66ae41dc74c2) -
+  Fix wrong copy agent URL
+
+### Patch Changes
+
+- [#133158](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133158)
+  [`7cfd5390f596f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cfd5390f596f) -
+  [ux] Pass agent id to AgentBanner and AgentAvatar
+
+## 19.21.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.21.0
 
 ### Minor Changes

package/dist/cjs/client/getTeamFromAGG.js

@@ -57,7 +57,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', "19.21.0");
+  headers.append('atl-client-version', "19.22.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -43,11 +43,12 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     isLoading = _ref.isLoading,
     isCreatedByViewingUser = _ref.isCreatedByViewingUser,
     cloudId = _ref.cloudId,
-    onOpenChat = _ref.onOpenChat,
+    _onChatClick = _ref.onChatClick,
     _ref$product = _ref.product,
     product = _ref$product === void 0 ? 'rovo' : _ref$product,
     hasError = _ref.hasError,
-    errorType = _ref.errorType;
+    errorType = _ref.errorType,
+    onConversationStartersClick = _ref.onConversationStartersClick;
   var _useAgentUrlActions = (0, _useAgentActions.useAgentUrlActions)({
       cloudId: cloudId || ''
     }),
@@ -117,10 +118,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: cardContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: agent.named_id,
     height: 96
   }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: avatarStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: agent.named_id,
     size: "xlarge"
   })), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.100",
@@ -148,9 +153,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: agent.user_defined_conversation_starters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
-      onConversationStarter({
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
         agentId: agent.id,
-        prompt: 'conversationStarter'
+        prompt: conversationStarter
       });
     }
   })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
@@ -166,7 +171,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     },
     onDeleteAgent: handleOnDelete,
     onChatClick: function onChatClick() {
-      return onOpenChat ? onOpenChat(agent.id) : onOpenChatFullScreecn();
+      return _onChatClick ? _onChatClick() : onOpenChatFullScreecn();
     }
   })));
 };

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

@@ -176,7 +176,9 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
       isLoading: isLoading,
       hasError: !!error,
       isCreatedByViewingUser: creatorUserId === props.viewingUserId,
-      product: props.product
+      product: props.product,
+      onConversationStartersClick: props.onConversationStartersClick,
+      onChatClick: props.onChatClick
     });
   }
   return null;

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

@@ -140,7 +140,8 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
       cloudId: props.cloudId,
       product: product,
       errorType: error,
-      onOpenChat: props.onOpenChat
+      onChatClick: props.onChatClick,
+      onConversationStartersClick: props.onConversationStartersClick
     }));
   };
   return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {

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

@@ -39,7 +39,7 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
   }, [cloudId]);
   var onCopyAgent = function onCopyAgent(agentId) {
-    navigator.clipboard.writeText("/people/agent/".concat(agentId));
+    navigator.clipboard.writeText("".concat(window.location.origin, "/people/agent/").concat(agentId));
   };
   var onDuplicateAgent = (0, _react.useCallback)(function (agentId) {
     var baseUrl = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat/agents/new");

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

@@ -45,7 +45,8 @@ function ProfileCardContent(_ref) {
     isAgent = _ref.isAgent,
     profileCardAction = _ref.profileCardAction,
     hasError = _ref.hasError,
-    errorType = _ref.errorType;
+    errorType = _ref.errorType,
+    agentActions = _ref.agentActions;
   if (isAgent && (0, _platformFeatureFlags.fg)('enable_agent_profile_card')) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardResourced.AgentProfileCardResourced, {
       accountId: userId,
@@ -53,7 +54,9 @@ function ProfileCardContent(_ref) {
       resourceClient: resourceClient,
       viewingUserId: viewingUserId,
       trigger: trigger,
-      product: product
+      product: product,
+      onChatClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onChatClick,
+      onConversationStartersClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onConversationStartersClick
     });
   } else {
     return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -88,7 +91,8 @@ function ProfilecardTriggerNext(_ref2) {
     onVisibilityChange = _ref2.onVisibilityChange,
     offset = _ref2.offset,
     viewingUserId = _ref2.viewingUserId,
-    product = _ref2.product;
+    product = _ref2.product,
+    agentActions = _ref2.agentActions;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -344,7 +348,8 @@ function ProfilecardTriggerNext(_ref2) {
         product: product,
         profileCardAction: filterActions(),
         errorType: error,
-        hasError: hasError
+        hasError: hasError,
+        agentActions: agentActions
       }));
     },
     trigger: function trigger(triggerProps) {

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

@@ -18,6 +18,7 @@ var _analytics = require("../../util/analytics");
 var _useProfileInfo2 = require("../../util/useProfileInfo");
 var _LoadingState = require("./LoadingState");
 var _PopupTrigger = require("./PopupTrigger");
+var _ProfileCardWrapper = require("./ProfileCardWrapper");
 var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics"],
   _excluded2 = ["aria-expanded", "aria-haspopup"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -124,10 +125,10 @@ function ProfileCardTrigger(_ref) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: hideProfilecard,
         onFocus: showProfilecard
-      }, isLoading ? /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
+      }, isLoading ? /*#__PURE__*/_react.default.createElement(_ProfileCardWrapper.ProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
         fireAnalytics: fireAnalytics,
         profileType: profileCardType
-      }) : renderProfileCard({
+      })) : renderProfileCard({
         profileData: profileData,
         error: error
       }));

package/dist/cjs/components/common/ProfileCardWrapper.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProfileCardWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var styles = (0, _primitives.xcss)({
+  width: '360px'
+});
+var ProfileCardWrapper = exports.ProfileCardWrapper = function ProfileCardWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: styles
+  }, children);
+};

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.21.0"
+      packageVersion: "19.22.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/cjs/util/useProfileInfo.js

@@ -43,7 +43,7 @@ var useProfileInfo = exports.useProfileInfo = function useProfileInfo(_ref) {
             _context.prev = 9;
             _context.t0 = _context["catch"](1);
             setError(_context.t0);
-            setIsLoading(true);
+            setIsLoading(false);
           case 13:
           case "end":
             return _context.stop();

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.21.0");
+  headers.append('atl-client-version', "19.22.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -30,10 +30,11 @@ const AgentProfileCard = ({
   isLoading,
   isCreatedByViewingUser,
   cloudId,
-  onOpenChat,
+  onChatClick,
   product = 'rovo',
   hasError,
-  errorType
+  errorType,
+  onConversationStartersClick
 }) => {
   var _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
   const {
@@ -93,10 +94,14 @@ const AgentProfileCard = ({
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
     xcss: cardContainerStyles
   }, /*#__PURE__*/React.createElement(AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: agent.named_id,
     height: 96
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: avatarStyles
   }, /*#__PURE__*/React.createElement(AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: agent.named_id,
     size: "xlarge"
   })), /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
@@ -124,9 +129,9 @@ const AgentProfileCard = ({
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: agent.user_defined_conversation_starters,
     onConversationStarterClick: conversationStarter => {
-      onConversationStarter({
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
         agentId: agent.id,
-        prompt: 'conversationStarter'
+        prompt: conversationStarter
       });
     }
   })), /*#__PURE__*/React.createElement(AgentActions, {
@@ -135,7 +140,7 @@ const AgentProfileCard = ({
     onCopyAgent: () => onCopyAgent(agent.id),
     onDuplicateAgent: () => onDuplicateAgent(agent.id),
     onDeleteAgent: handleOnDelete,
-    onChatClick: () => onOpenChat ? onOpenChat(agent.id) : onOpenChatFullScreecn()
+    onChatClick: () => onChatClick ? onChatClick() : onOpenChatFullScreecn()
   })));
 };
 export default AgentProfileCard;

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

@@ -94,7 +94,9 @@ export const AgentProfileCardResourced = props => {
       isLoading: isLoading,
       hasError: !!error,
       isCreatedByViewingUser: creatorUserId === props.viewingUserId,
-      product: props.product
+      product: props.product,
+      onConversationStartersClick: props.onConversationStartersClick,
+      onChatClick: props.onChatClick
     });
   }
   return null;

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

@@ -83,7 +83,8 @@ export const AgentProfileCardTrigger = ({
       cloudId: props.cloudId,
       product: product,
       errorType: error,
-      onOpenChat: props.onOpenChat
+      onChatClick: props.onChatClick,
+      onConversationStartersClick: props.onConversationStartersClick
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {

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

@@ -25,7 +25,7 @@ export const useAgentUrlActions = ({
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
   }, [cloudId]);
   const onCopyAgent = agentId => {
-    navigator.clipboard.writeText(`/people/agent/${agentId}`);
+    navigator.clipboard.writeText(`${window.location.origin}/people/agent/${agentId}`);
   };
   const onDuplicateAgent = useCallback(agentId => {
     const baseUrl = `${getATLContextUrl('home')}/chat/agents/new`;

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

@@ -25,7 +25,8 @@ function ProfileCardContent({
   isAgent,
   profileCardAction,
   hasError,
-  errorType
+  errorType,
+  agentActions
 }) {
   if (isAgent && fg('enable_agent_profile_card')) {
     return /*#__PURE__*/React.createElement(AgentProfileCardResourced, {
@@ -34,7 +35,9 @@ function ProfileCardContent({
       resourceClient: resourceClient,
       viewingUserId: viewingUserId,
       trigger: trigger,
-      product: product
+      product: product,
+      onChatClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onChatClick,
+      onConversationStartersClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onConversationStartersClick
     });
   } else {
     return /*#__PURE__*/React.createElement(Suspense, {
@@ -66,7 +69,8 @@ export default function ProfilecardTriggerNext({
   onVisibilityChange,
   offset,
   viewingUserId,
-  product
+  product,
+  agentActions
 }) {
   const {
     createAnalyticsEvent
@@ -273,7 +277,8 @@ export default function ProfilecardTriggerNext({
       product: product,
       profileCardAction: filterActions(),
       errorType: error,
-      hasError: hasError
+      hasError: hasError,
+      agentActions: agentActions
     })),
     trigger: triggerProps => {
       const {

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

@@ -6,6 +6,7 @@ import { cardTriggered } from '../../util/analytics';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';
 import { PopupTrigger } from './PopupTrigger';
+import { ProfileCardWrapper } from './ProfileCardWrapper';
 const DELAY_MS_SHOW = 800;
 const DELAY_MS_HIDE = 200;
 function ProfileCardTrigger({
@@ -88,10 +89,10 @@ function ProfileCardTrigger({
       onMouseEnter: onMouseEnter,
       onMouseLeave: hideProfilecard,
       onFocus: showProfilecard
-    }, isLoading ? /*#__PURE__*/React.createElement(LoadingState, {
+    }, isLoading ? /*#__PURE__*/React.createElement(ProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
       fireAnalytics: fireAnalytics,
       profileType: profileCardType
-    }) : renderProfileCard({
+    })) : renderProfileCard({
       profileData,
       error
     }))

package/dist/es2019/components/common/ProfileCardWrapper.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+const styles = xcss({
+  width: '360px'
+});
+export const ProfileCardWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles
+  }, children);
+};

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "19.21.0",
+    packageVersion: "19.22.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/es2019/util/useProfileInfo.js

@@ -13,7 +13,7 @@ export const useProfileInfo = ({
       setIsLoading(false);
     } catch (error) {
       setError(error);
-      setIsLoading(true);
+      setIsLoading(false);
     }
   };
   return {

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

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

@@ -33,11 +33,12 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     isLoading = _ref.isLoading,
     isCreatedByViewingUser = _ref.isCreatedByViewingUser,
     cloudId = _ref.cloudId,
-    onOpenChat = _ref.onOpenChat,
+    _onChatClick = _ref.onChatClick,
     _ref$product = _ref.product,
     product = _ref$product === void 0 ? 'rovo' : _ref$product,
     hasError = _ref.hasError,
-    errorType = _ref.errorType;
+    errorType = _ref.errorType,
+    onConversationStartersClick = _ref.onConversationStartersClick;
   var _useAgentUrlActions = useAgentUrlActions({
       cloudId: cloudId || ''
     }),
@@ -107,10 +108,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
     xcss: cardContainerStyles
   }, /*#__PURE__*/React.createElement(AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: agent.named_id,
     height: 96
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: avatarStyles
   }, /*#__PURE__*/React.createElement(AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: agent.named_id,
     size: "xlarge"
   })), /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
@@ -138,9 +143,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: agent.user_defined_conversation_starters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
-      onConversationStarter({
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
         agentId: agent.id,
-        prompt: 'conversationStarter'
+        prompt: conversationStarter
       });
     }
   })), /*#__PURE__*/React.createElement(AgentActions, {
@@ -156,7 +161,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     },
     onDeleteAgent: handleOnDelete,
     onChatClick: function onChatClick() {
-      return onOpenChat ? onOpenChat(agent.id) : onOpenChatFullScreecn();
+      return _onChatClick ? _onChatClick() : onOpenChatFullScreecn();
     }
   })));
 };

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

@@ -166,7 +166,9 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
       isLoading: isLoading,
       hasError: !!error,
       isCreatedByViewingUser: creatorUserId === props.viewingUserId,
-      product: props.product
+      product: props.product,
+      onConversationStartersClick: props.onConversationStartersClick,
+      onChatClick: props.onChatClick
     });
   }
   return null;

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

@@ -130,7 +130,8 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
       cloudId: props.cloudId,
       product: product,
       errorType: error,
-      onOpenChat: props.onOpenChat
+      onChatClick: props.onChatClick,
+      onConversationStartersClick: props.onConversationStartersClick
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {

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

@@ -32,7 +32,7 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
   }, [cloudId]);
   var onCopyAgent = function onCopyAgent(agentId) {
-    navigator.clipboard.writeText("/people/agent/".concat(agentId));
+    navigator.clipboard.writeText("".concat(window.location.origin, "/people/agent/").concat(agentId));
   };
   var onDuplicateAgent = useCallback(function (agentId) {
     var baseUrl = "".concat(getATLContextUrl('home'), "/chat/agents/new");

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

@@ -35,7 +35,8 @@ function ProfileCardContent(_ref) {
     isAgent = _ref.isAgent,
     profileCardAction = _ref.profileCardAction,
     hasError = _ref.hasError,
-    errorType = _ref.errorType;
+    errorType = _ref.errorType,
+    agentActions = _ref.agentActions;
   if (isAgent && fg('enable_agent_profile_card')) {
     return /*#__PURE__*/React.createElement(AgentProfileCardResourced, {
       accountId: userId,
@@ -43,7 +44,9 @@ function ProfileCardContent(_ref) {
       resourceClient: resourceClient,
       viewingUserId: viewingUserId,
       trigger: trigger,
-      product: product
+      product: product,
+      onChatClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onChatClick,
+      onConversationStartersClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onConversationStartersClick
     });
   } else {
     return /*#__PURE__*/React.createElement(Suspense, {
@@ -78,7 +81,8 @@ export default function ProfilecardTriggerNext(_ref2) {
     onVisibilityChange = _ref2.onVisibilityChange,
     offset = _ref2.offset,
     viewingUserId = _ref2.viewingUserId,
-    product = _ref2.product;
+    product = _ref2.product,
+    agentActions = _ref2.agentActions;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = useIntl(),
@@ -334,7 +338,8 @@ export default function ProfilecardTriggerNext(_ref2) {
         product: product,
         profileCardAction: filterActions(),
         errorType: error,
-        hasError: hasError
+        hasError: hasError,
+        agentActions: agentActions
       }));
     },
     trigger: function trigger(triggerProps) {

package/dist/esm/components/common/ProfileCardTrigger.js

@@ -12,6 +12,7 @@ import { cardTriggered } from '../../util/analytics';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';
 import { PopupTrigger } from './PopupTrigger';
+import { ProfileCardWrapper } from './ProfileCardWrapper';
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
 function ProfileCardTrigger(_ref) {
@@ -114,10 +115,10 @@ function ProfileCardTrigger(_ref) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: hideProfilecard,
         onFocus: showProfilecard
-      }, isLoading ? /*#__PURE__*/React.createElement(LoadingState, {
+      }, isLoading ? /*#__PURE__*/React.createElement(ProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
         fireAnalytics: fireAnalytics,
         profileType: profileCardType
-      }) : renderProfileCard({
+      })) : renderProfileCard({
         profileData: profileData,
         error: error
       }));

package/dist/esm/components/common/ProfileCardWrapper.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+var styles = xcss({
+  width: '360px'
+});
+export var ProfileCardWrapper = function ProfileCardWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles
+  }, children);
+};

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.21.0"
+      packageVersion: "19.22.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/esm/util/useProfileInfo.js

@@ -36,7 +36,7 @@ export var useProfileInfo = function useProfileInfo(_ref) {
             _context.prev = 9;
             _context.t0 = _context["catch"](1);
             setError(_context.t0);
-            setIsLoading(true);
+            setIsLoading(false);
           case 13:
           case "end":
             return _context.stop();

package/dist/types/components/Agent/AgentProfileCard.d.ts

@@ -1,14 +1,13 @@
 /// <reference types="react" />
-import { type ProfileCardErrorType, type RovoAgentProfileCardInfo } from '../../types';
+import { type AgentActionsType, type ProfileCardErrorType, type RovoAgentProfileCardInfo } from '../../types';
 type AgentProfileCardProps = {
     agent?: RovoAgentProfileCardInfo;
     isLoading?: boolean;
     hasError?: boolean;
     isCreatedByViewingUser?: boolean;
     cloudId?: string;
-    onOpenChat?: (agentId: string) => void;
     product?: string;
     errorType?: ProfileCardErrorType;
-};
-declare const AgentProfileCard: ({ agent, isLoading, isCreatedByViewingUser, cloudId, onOpenChat, product, hasError, errorType, }: AgentProfileCardProps) => JSX.Element;
+} & AgentActionsType;
+declare const AgentProfileCard: ({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, }: AgentProfileCardProps) => JSX.Element;
 export default AgentProfileCard;

package/dist/types/components/Agent/AgentProfileCardResourced.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type ProfileClient, type TriggerType } from '../../types';
-export interface AgentProfileCardResourcedProps {
+import { type AgentActionsType, type ProfileClient, type TriggerType } from '../../types';
+export type AgentProfileCardResourcedProps = {
     accountId: string;
     cloudId: string;
     resourceClient: ProfileClient;
@@ -8,5 +8,5 @@ export interface AgentProfileCardResourcedProps {
     children?: React.ReactNode;
     viewingUserId?: string;
     product?: string;
-}
+} & AgentActionsType;
 export declare const AgentProfileCardResourced: (props: AgentProfileCardResourcedProps) => JSX.Element | null;

package/dist/types/components/Agent/lazyAgentProfileCard.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, isCreatedByViewingUser, cloudId, onOpenChat, product, hasError, errorType, }: {
+export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, }: {
     agent?: import("../../types").RovoAgentProfileCardInfo | undefined;
     isLoading?: boolean | undefined;
     hasError?: boolean | undefined;
     isCreatedByViewingUser?: boolean | undefined;
     cloudId?: string | undefined;
-    onOpenChat?: ((agentId: string) => void) | undefined;
     product?: string | undefined;
     errorType?: import("../..").ProfileCardErrorType | undefined;
-}) => JSX.Element>;
+} & import("../../types").AgentActionsType) => JSX.Element>;

package/dist/types/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, }: ProfileCardTriggerProps): JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, }: ProfileCardTriggerProps): JSX.Element;

package/dist/types/components/common/PopupTrigger.d.ts

@@ -5,4 +5,4 @@ export declare const PopupTrigger: <T>({ children, trigger, forwardRef, showProf
     showProfilecard: () => void;
     hideProfilecard: () => void;
     forwardRef: React.Ref<HTMLSpanElement>;
-} & Pick<ProfileCardTriggerProps<T>, "children" | "trigger" | "ariaLabelledBy">) => JSX.Element;
+} & Pick<ProfileCardTriggerProps<T>, "trigger" | "children" | "ariaLabelledBy">) => JSX.Element;

package/dist/types/components/common/ProfileCardWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ProfileCardWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types/types.d.ts

@@ -158,6 +158,7 @@ export interface ProfileCardTriggerProps {
     offset?: [number, number];
     product?: string;
     viewingUserId?: string;
+    agentActions?: AgentActionsType;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -292,13 +293,16 @@ export interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
      */
     cloudId?: string;
 }
-export interface AgentProfileCardTriggerProps {
+export interface AgentActionsType {
+    onChatClick?: () => void;
+    onConversationStartersClick?: (starter: string) => void;
+}
+export interface AgentProfileCardTriggerProps extends AgentActionsType {
     agentId: string;
     cloudId?: string;
     autoFocus?: boolean;
     resourceClient: ProfileClient;
     actions?: ProfileCardAction[];
-    onOpenChat?: (agentId: string) => void;
     position?: ProfilecardTriggerPosition;
     trigger?: TriggerType;
     children: React.ReactNode;
@@ -366,6 +370,7 @@ export interface ProfilecardProps {
     openKudosDrawer?: () => void;
     isTriggeredUsingKeyboard?: boolean;
     disabledAriaAttributes?: boolean;
+    agentActions?: AgentActionsType;
 }
 export type AnalyticsFromDuration = (duration: number) => AnalyticsEventPayload;
 export type AnalyticsFunction = (generator: AnalyticsFromDuration) => void;

package/dist/types-ts4.5/components/Agent/AgentProfileCard.d.ts

@@ -1,14 +1,13 @@
 /// <reference types="react" />
-import { type ProfileCardErrorType, type RovoAgentProfileCardInfo } from '../../types';
+import { type AgentActionsType, type ProfileCardErrorType, type RovoAgentProfileCardInfo } from '../../types';
 type AgentProfileCardProps = {
     agent?: RovoAgentProfileCardInfo;
     isLoading?: boolean;
     hasError?: boolean;
     isCreatedByViewingUser?: boolean;
     cloudId?: string;
-    onOpenChat?: (agentId: string) => void;
     product?: string;
     errorType?: ProfileCardErrorType;
-};
-declare const AgentProfileCard: ({ agent, isLoading, isCreatedByViewingUser, cloudId, onOpenChat, product, hasError, errorType, }: AgentProfileCardProps) => JSX.Element;
+} & AgentActionsType;
+declare const AgentProfileCard: ({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, }: AgentProfileCardProps) => JSX.Element;
 export default AgentProfileCard;

package/dist/types-ts4.5/components/Agent/AgentProfileCardResourced.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type ProfileClient, type TriggerType } from '../../types';
-export interface AgentProfileCardResourcedProps {
+import { type AgentActionsType, type ProfileClient, type TriggerType } from '../../types';
+export type AgentProfileCardResourcedProps = {
     accountId: string;
     cloudId: string;
     resourceClient: ProfileClient;
@@ -8,5 +8,5 @@ export interface AgentProfileCardResourcedProps {
     children?: React.ReactNode;
     viewingUserId?: string;
     product?: string;
-}
+} & AgentActionsType;
 export declare const AgentProfileCardResourced: (props: AgentProfileCardResourcedProps) => JSX.Element | null;

package/dist/types-ts4.5/components/Agent/lazyAgentProfileCard.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, isCreatedByViewingUser, cloudId, onOpenChat, product, hasError, errorType, }: {
+export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, }: {
     agent?: import("../../types").RovoAgentProfileCardInfo | undefined;
     isLoading?: boolean | undefined;
     hasError?: boolean | undefined;
     isCreatedByViewingUser?: boolean | undefined;
     cloudId?: string | undefined;
-    onOpenChat?: ((agentId: string) => void) | undefined;
     product?: string | undefined;
     errorType?: import("../..").ProfileCardErrorType | undefined;
-}) => JSX.Element>;
+} & import("../../types").AgentActionsType) => JSX.Element>;

package/dist/types-ts4.5/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, }: ProfileCardTriggerProps): JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, }: ProfileCardTriggerProps): JSX.Element;

package/dist/types-ts4.5/components/common/PopupTrigger.d.ts

@@ -5,4 +5,4 @@ export declare const PopupTrigger: <T>({ children, trigger, forwardRef, showProf
     showProfilecard: () => void;
     hideProfilecard: () => void;
     forwardRef: React.Ref<HTMLSpanElement>;
-} & Pick<ProfileCardTriggerProps<T>, "children" | "trigger" | "ariaLabelledBy">) => JSX.Element;
+} & Pick<ProfileCardTriggerProps<T>, "trigger" | "children" | "ariaLabelledBy">) => JSX.Element;

package/dist/types-ts4.5/components/common/ProfileCardWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ProfileCardWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/types.d.ts

@@ -161,6 +161,7 @@ export interface ProfileCardTriggerProps {
     ];
     product?: string;
     viewingUserId?: string;
+    agentActions?: AgentActionsType;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -295,13 +296,16 @@ export interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
      */
     cloudId?: string;
 }
-export interface AgentProfileCardTriggerProps {
+export interface AgentActionsType {
+    onChatClick?: () => void;
+    onConversationStartersClick?: (starter: string) => void;
+}
+export interface AgentProfileCardTriggerProps extends AgentActionsType {
     agentId: string;
     cloudId?: string;
     autoFocus?: boolean;
     resourceClient: ProfileClient;
     actions?: ProfileCardAction[];
-    onOpenChat?: (agentId: string) => void;
     position?: ProfilecardTriggerPosition;
     trigger?: TriggerType;
     children: React.ReactNode;
@@ -372,6 +376,7 @@ export interface ProfilecardProps {
     openKudosDrawer?: () => void;
     isTriggeredUsingKeyboard?: boolean;
     disabledAriaAttributes?: boolean;
+    agentActions?: AgentActionsType;
 }
 export type AnalyticsFromDuration = (duration: number) => AnalyticsEventPayload;
 export type AnalyticsFunction = (generator: AnalyticsFromDuration) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "19.21.0",
+	"version": "19.22.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
 		"@atlaskit/avatar": "^21.15.0",
 		"@atlaskit/avatar-group": "^9.11.0",
 		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/dropdown-menu": "^12.17.0",
+		"@atlaskit/dropdown-menu": "^12.18.0",
 		"@atlaskit/empty-state": "^7.11.0",
 		"@atlaskit/focus-ring": "^1.6.0",
 		"@atlaskit/give-kudos": "^2.1.1",
@@ -69,7 +69,7 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popup": "^1.23.0",
 		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/rovo-agent-components": "0.5.0",
+		"@atlaskit/rovo-agent-components": "0.6.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^1.59.0",