@atlaskit/profilecard 19.17.7 → 19.18.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 19.18.0
+
+### Minor Changes
+
+- [#131601](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131601)
+  [`ab382e4004e40`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ab382e4004e40) -
+  [ux] Profile card added for Rovo agents
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.17.7
 
 ### Patch Changes

package/dist/cjs/client/RovoAgentCardClient.js

@@ -32,11 +32,11 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
   }
   (0, _createClass2.default)(RovoAgentCardClient, [{
     key: "makeRequest",
-    value: function makeRequest(agentId) {
+    value: function makeRequest(agentId, cloudId) {
       if (!this.options.productIdentifier) {
         throw new Error('Trying to fetch agents data with no specified config.productIdentifier');
       }
-      return (0, _getAgentInfo.getAgentDetailsByAgentId)(agentId, this.options.productIdentifier);
+      return (0, _getAgentInfo.getAgentDetailsByAgentId)(agentId, this.options.productIdentifier, cloudId);
     }
   }, {
     key: "getProfile",
@@ -45,6 +45,9 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
       if (!agentId) {
         return Promise.reject(new Error('agentId is missing'));
       }
+      if (!this.options.cloudId) {
+        return Promise.reject(new Error('cloudId is missing'));
+      }
       var cache = this.getCachedProfile(agentId);
       if (cache) {
         return Promise.resolve(cache);
@@ -54,7 +57,7 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
         if (analytics) {
           analytics((0, _analytics.agentRequestAnalytics)('triggered'));
         }
-        _this2.makeRequest(agentId).then(function (data) {
+        _this2.makeRequest(agentId, _this2.options.cloudId || '').then(function (data) {
           if (_this2.cache) {
             _this2.setCachedProfile(agentId, data);
           }

package/dist/cjs/client/getAgentInfo.js

@@ -8,28 +8,17 @@ exports.getAgentDetailsByAgentId = getAgentDetailsByAgentId;
 exports.getAgentDetailsByUserId = getAgentDetailsByUserId;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var createHeaders = function createHeaders(product) {
-  var config = {
-    headers: {
-      'x-product': product,
-      'x-experience-id': 'profile-card'
-    }
-  };
-  return new Headers(_objectSpread({}, config.headers || {}));
-};
-function getAgentDetailsByAgentId(_x, _x2) {
+var _rovoAgentUtils = require("../util/rovoAgentUtils");
+function getAgentDetailsByAgentId(_x, _x2, _x3) {
   return _getAgentDetailsByAgentId.apply(this, arguments);
 }
 function _getAgentDetailsByAgentId() {
-  _getAgentDetailsByAgentId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(agentId, product) {
+  _getAgentDetailsByAgentId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(agentId, product, cloudId) {
     var headers;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          headers = createHeaders(product);
+          headers = (0, _rovoAgentUtils.createHeaders)(product, cloudId);
           _context.next = 3;
           return fetch(new Request("assist/agents/v1/".concat(agentId), {
             method: 'GET',
@@ -49,16 +38,16 @@ function _getAgentDetailsByAgentId() {
   }));
   return _getAgentDetailsByAgentId.apply(this, arguments);
 }
-function getAgentDetailsByUserId(_x3, _x4) {
+function getAgentDetailsByUserId(_x4, _x5, _x6) {
   return _getAgentDetailsByUserId.apply(this, arguments);
 }
 function _getAgentDetailsByUserId() {
-  _getAgentDetailsByUserId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(userId, product) {
+  _getAgentDetailsByUserId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(userId, product, cloudId) {
     var headers;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          headers = createHeaders(product);
+          headers = (0, _rovoAgentUtils.createHeaders)(product, cloudId);
           _context2.next = 3;
           return fetch(new Request("assist/agents/v1/accountid/".concat(userId), {
             method: 'GET',

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

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

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentActions = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
+var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
+var _primitives = require("@atlaskit/primitives");
+var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _excluded = ["triggerRef"];
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var chatToAgentButtonContainer = (0, _primitives.xcss)({
+  width: '100%'
+});
+var buttonStyles = (0, _primitives.xcss)({
+  borderRadius: '3px',
+  color: 'color.text',
+  backgroundColor: 'color.background.neutral',
+  ':hover': {
+    backgroundColor: 'color.background.neutral.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.pressed'
+  }
+});
+var chatToAgentButtonWrapper = (0, _primitives.xcss)({
+  display: 'flex',
+  justifyContent: 'center',
+  lineHeight: '20px',
+  padding: 'space.075',
+  fontWeight: '500'
+});
+var chatPillButtonInlineStyles = (0, _primitives.xcss)({
+  paddingInline: 'space.025'
+});
+var chatPillTextStyles = (0, _primitives.xcss)({
+  wordBreak: 'break-word',
+  textAlign: 'left',
+  whiteSpace: 'pre-wrap'
+});
+var chatPillIconWrapper = (0, _primitives.xcss)({
+  minWidth: '20px',
+  height: '20px'
+});
+var actopnsWrapperStyles = (0, _primitives.xcss)({
+  borderTop: '1px',
+  borderTopStyle: 'solid',
+  borderColor: 'color.border',
+  padding: 'space.200',
+  marginBlockStart: 'space.200',
+  color: 'color.text'
+});
+var buildAgentActions = function buildAgentActions(_ref) {
+  var onDuplicateAgent = _ref.onDuplicateAgent,
+    onCopyAgent = _ref.onCopyAgent;
+  return [{
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.actionDuplicate),
+    onClick: onDuplicateAgent
+  }, {
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.actionCopyLink),
+    onClick: onCopyAgent
+  }];
+};
+var buildAgentSettings = function buildAgentSettings(_ref2) {
+  var onEditAgent = _ref2.onEditAgent,
+    onDeleteAgent = _ref2.onDeleteAgent;
+  return [{
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.actionEdit),
+    onClick: onEditAgent
+  }, {
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.actionDelete),
+    onClick: onDeleteAgent
+  }];
+};
+var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
+  var isAgentCreatedByCurrentUser = _ref3.isAgentCreatedByCurrentUser,
+    onEditAgent = _ref3.onEditAgent,
+    onDeleteAgent = _ref3.onDeleteAgent,
+    onDuplicateAgent = _ref3.onDuplicateAgent,
+    onCopyAgent = _ref3.onCopyAgent,
+    onChatClick = _ref3.onChatClick;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var agentActions = buildAgentActions({
+    onDuplicateAgent: onDuplicateAgent,
+    onCopyAgent: onCopyAgent
+  });
+  var agentSetting = buildAgentSettings({
+    onEditAgent: onEditAgent,
+    onDeleteAgent: onDeleteAgent
+  });
+  return /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    space: "space.100",
+    xcss: actopnsWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [chatToAgentButtonContainer, buttonStyles]
+  }, /*#__PURE__*/_react.default.createElement(_new.default, {
+    shouldFitContainer: true,
+    onClick: onChatClick
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: chatToAgentButtonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    space: "space.050",
+    xcss: chatPillButtonInlineStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: chatPillIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: chatPillTextStyles
+  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
+    trigger: function trigger(_ref4) {
+      var triggerRef = _ref4.triggerRef,
+        props = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+        xcss: buttonStyles
+      }, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({}, props, {
+        icon: _showMoreHorizontalMore.default,
+        label: "more",
+        ref: triggerRef
+      })));
+    },
+    placement: "bottom-end"
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, agentActions.map(function (_ref5, idx) {
+    var text = _ref5.text,
+      onClick = _ref5.onClick;
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+      key: idx,
+      onClick: onClick
+    }, text);
+  })), isAgentCreatedByCurrentUser && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, {
+    hasSeparator: true
+  }, agentSetting.map(function (_ref6, idx) {
+    var text = _ref6.text,
+      onClick = _ref6.onClick;
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+      key: idx,
+      onClick: onClick
+    }, text);
+  }))));
+};
+var messages = (0, _reactIntlNext.defineMessages)({
+  actionChatToAgent: {
+    id: 'ptc-directory.agent-profile.action.dropdown.chat-to-agent.nonfinal',
+    defaultMessage: 'Chat to Agent',
+    description: 'Text for the "chat to agent" action to chat to the agent'
+  },
+  actionDelete: {
+    id: 'ptc-directory.agent-profile.action.dropdown.delete.nonfinal',
+    defaultMessage: 'Delete Agent',
+    description: 'Text for the "Delete" action to delete an agent'
+  },
+  actionEdit: {
+    id: 'ptc-directory.agent-profile.action.dropdown.edit.nonfinal',
+    defaultMessage: 'Edit Agent',
+    description: 'Text for the "Edit" action to edit an agent'
+  },
+  actionCopyLink: {
+    id: 'ptc-directory.agent-profile.action.dropdown.copy-link.nonfinal',
+    defaultMessage: 'Copy link',
+    description: 'Text for the Copy link of an agent'
+  },
+  actionDuplicate: {
+    id: 'ptc-directory.agent-profile.action.dropdown.duplicate.nonfinal',
+    defaultMessage: 'Duplicate Agent',
+    description: 'Text for the Duplicate Agent action to create a duplicate'
+  }
+});

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

@@ -9,19 +9,48 @@ var _react = _interopRequireDefault(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
 var _LoadingState = _interopRequireDefault(require("../common/LoadingState"));
+var _Actions = require("./Actions");
 var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
+var _ConversationStarters = require("./ConversationStarters");
+var _useAgentActions = require("./useAgentActions");
+var _useSetFavouriteAgent2 = require("./useSetFavouriteAgent");
 var styles = (0, _primitives.xcss)({
-  paddingBlock: 'space.0',
+  paddingBlockStart: 'space.400',
   paddingInline: 'space.200'
 });
+var avatarStyles = (0, _primitives.xcss)({
+  position: 'absolute',
+  top: 'space.300',
+  left: 'space.200'
+});
 var cardContainerStyles = (0, _primitives.xcss)({
   borderRadius: 'border.radius.200',
-  boxShadow: 'elevation.shadow.overlay'
+  boxShadow: 'elevation.shadow.overlay',
+  position: 'relative'
 });
 var AgentProfileCard = function AgentProfileCard(_ref) {
   var _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
   var agent = _ref.agent,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    isCreatedByViewingUser = _ref.isCreatedByViewingUser,
+    cloudId = _ref.cloudId,
+    onOpenChat = _ref.onOpenChat,
+    _ref$product = _ref.product,
+    product = _ref$product === void 0 ? 'rovo' : _ref$product;
+  var _useAgentUrlActions = (0, _useAgentActions.useAgentUrlActions)({
+      cloudId: cloudId || ''
+    }),
+    _onEditAgent = _useAgentUrlActions.onEditAgent,
+    _onCopyAgent = _useAgentUrlActions.onCopyAgent,
+    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent;
+  var _useSetFavouriteAgent = (0, _useSetFavouriteAgent2.useSetFavouriteAgent)({
+      agentId: agent.id,
+      cloudId: cloudId || '',
+      isStarred: agent.favourite,
+      product: product
+    }),
+    isStarred = _useSetFavouriteAgent.isStarred,
+    setFavourite = _useSetFavouriteAgent.setFavourite;
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.default, {
       profileType: "agent"
@@ -29,13 +58,19 @@ 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(_primitives.Stack, {
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentBanner, {
+    height: 96
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: avatarStyles
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentAvatar, {
+    size: "xlarge"
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.100",
     xcss: styles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileInfo, {
     agentName: agent.name,
-    isStarred: agent.favourite,
-    onStarToggle: function onStarToggle() {},
+    isStarred: isStarred,
+    onStarToggle: setFavourite,
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileCreator, {
       creator: {
         type: (_agent$creatorInfo2 = agent.creatorInfo) === null || _agent$creatorInfo2 === void 0 ? void 0 : _agent$creatorInfo2.type,
@@ -50,6 +85,29 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false
     }),
     agentDescription: agent.description
-  }))));
+  }), /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
+    isAgentDefault: agent.is_default,
+    userDefinedConversationStarters: agent.user_defined_conversation_starters,
+    onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
+      throw new Error('Function not implemented.');
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+    isAgentCreatedByCurrentUser: isCreatedByViewingUser,
+    onEditAgent: function onEditAgent() {
+      return _onEditAgent(agent.id);
+    },
+    onCopyAgent: function onCopyAgent() {
+      return _onCopyAgent(agent.id);
+    },
+    onDuplicateAgent: function onDuplicateAgent() {
+      return _onDuplicateAgent(agent.id);
+    },
+    onDeleteAgent: function onDeleteAgent() {
+      throw new Error('Function not implemented.');
+    },
+    onChatClick: function onChatClick() {
+      return onOpenChat === null || onOpenChat === void 0 ? void 0 : onOpenChat(agent.id);
+    }
+  })));
 };
 var _default = exports.default = AgentProfileCard;

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

@@ -11,6 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ErrorMessage = _interopRequireDefault(require("../Error/ErrorMessage"));
 var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
 var _lazyAgentProfileCard = require("./lazyAgentProfileCard");
@@ -31,6 +32,9 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     error = _useState6[0],
     setError = _useState6[1];
+  var creatorUserId = (0, _react.useMemo)(function () {
+    return (agentData === null || agentData === void 0 ? void 0 : agentData.creator_type) === 'CUSTOMER' && agentData.creator ? (0, _rovoAgentUtils.getAAIDFromARI)(agentData.creator) : '';
+  }, [agentData === null || agentData === void 0 ? void 0 : agentData.creator_type, agentData === null || agentData === void 0 ? void 0 : agentData.creator]);
   var getCreator = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(creator_type, creator) {
       var creatorInfo;
@@ -57,13 +61,13 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
             });
           case 7:
             _context.next = 9;
-            return props.resourceClient.getProfile(creator, props.cloudId || '');
+            return props.resourceClient.getProfile(creatorUserId || '', props.cloudId || '');
           case 9:
             creatorInfo = _context.sent;
             return _context.abrupt("return", {
               type: 'CUSTOMER',
               name: creatorInfo.fullName,
-              profileLink: "/people/".concat(creator)
+              profileLink: "/people/".concat(creatorUserId)
             });
           case 11:
             return _context.abrupt("return", undefined);
@@ -76,7 +80,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }(), [props.cloudId, props.resourceClient]);
+  }(), [creatorUserId, props.cloudId, props.resourceClient]);
   var getAgentInfo = (0, _react.useCallback)(function () {
     return props.resourceClient.getRovoAgentProfile(props.agentId);
   }, [props.agentId, props.resourceClient]);
@@ -146,7 +150,9 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     return /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.AgentProfileCardLazy, {
       agent: agentData,
       isLoading: isLoading,
-      hasError: !!error
+      hasError: !!error,
+      isCreatedByViewingUser: creatorUserId === props.viewingUserId,
+      product: props.product
     });
   }
   return null;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,22 +11,27 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ProfileCardTrigger = _interopRequireDefault(require("../common/ProfileCardTrigger"));
 var _lazyAgentProfileCard = require("./lazyAgentProfileCard");
-var _excluded = ["trigger"];
+var _excluded = ["trigger", "viewingUserId", "product"];
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
   var _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
+    viewingUserId = _ref.viewingUserId,
+    product = _ref.product,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var resourceClient = props.resourceClient,
     userId = props.userId,
     cloudId = props.cloudId;
   var getCreator = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(creator_type, creator) {
-      var creatorInfo;
+      var _userId, creatorInfo;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -36,7 +42,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
             return _context.abrupt("return", undefined);
           case 2:
             _context.t0 = creator_type;
-            _context.next = _context.t0 === 'SYSTEM' ? 5 : _context.t0 === 'THIRD_PARTY' ? 6 : _context.t0 === 'CUSTOMER' ? 7 : 11;
+            _context.next = _context.t0 === 'SYSTEM' ? 5 : _context.t0 === 'THIRD_PARTY' ? 6 : _context.t0 === 'CUSTOMER' ? 7 : 12;
             break;
           case 5:
             return _context.abrupt("return", {
@@ -48,18 +54,20 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
               name: creator !== null && creator !== void 0 ? creator : ''
             });
           case 7:
-            _context.next = 9;
-            return props.resourceClient.getProfile(creator, cloudId || '');
-          case 9:
+            _userId = (0, _rovoAgentUtils.getAAIDFromARI)(creator) || '';
+            _context.next = 10;
+            return props.resourceClient.getProfile(_userId, cloudId || '');
+          case 10:
             creatorInfo = _context.sent;
             return _context.abrupt("return", {
               type: 'CUSTOMER',
               name: creatorInfo.fullName,
-              profileLink: "/people/".concat(creator)
+              profileLink: "/people/".concat(_userId),
+              id: _userId
             });
-          case 11:
-            return _context.abrupt("return", undefined);
           case 12:
+            return _context.abrupt("return", undefined);
+          case 13:
           case "end":
             return _context.stop();
         }
@@ -97,15 +105,21 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     };
   }();
   var renderProfileCard = function renderProfileCard(_ref4) {
+    var _profileData$creatorI;
     var profileData = _ref4.profileData,
       isLoading = _ref4.isLoading;
     if (!profileData) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
-    return /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.AgentProfileCardLazy, {
+    return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      fallback: null
+    }, /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.AgentProfileCardLazy, {
       agent: profileData,
-      isLoading: isLoading
-    });
+      isLoading: isLoading,
+      isCreatedByViewingUser: ((_profileData$creatorI = profileData.creatorInfo) === null || _profileData$creatorI === void 0 ? void 0 : _profileData$creatorI.id) === viewingUserId,
+      cloudId: props.cloudId,
+      product: product
+    }));
   };
   return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {
     renderProfileCard: renderProfileCard,

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

@@ -8,8 +8,7 @@ exports.AgentProfileCardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var styles = (0, _primitives.xcss)({
-  width: '360px',
-  borderRadius: '6px'
+  width: '360px'
 });
 var AgentProfileCardWrapper = exports.AgentProfileCardWrapper = function AgentProfileCardWrapper(_ref) {
   var children = _ref.children;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConversationStarters = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var ConversationStarters = exports.ConversationStarters = function ConversationStarters(_ref) {
+  var isAgentDefault = _ref.isAgentDefault,
+    onConversationStarterClick = _ref.onConversationStarterClick,
+    userDefinedConversationStarters = _ref.userDefinedConversationStarters;
+  var handleConversationStarterClick = function handleConversationStarterClick(conversationStarter) {
+    onConversationStarterClick(conversationStarter);
+  };
+  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    space: "space.050",
+    alignInline: "start"
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentConversationStarters, {
+    isAgentDefault: isAgentDefault,
+    onConversationStarterClick: handleConversationStarterClick,
+    userDefinedConversationStarters: userDefinedConversationStarters
+  }));
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAgentUrlActions = void 0;
+var _react = require("react");
+var _atlassianContext = require("@atlaskit/atlassian-context");
+var _url = require("../../util/url");
+var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlActions(_ref) {
+  var cloudId = _ref.cloudId;
+  var onEditAgent = (0, _react.useCallback)(function (agentId) {
+    var url = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat/agents/").concat(agentId, "/edit?cloudId=").concat(cloudId);
+    window.open(url, '_blank', 'noopener, noreferrer');
+  }, [cloudId]);
+  var onCopyAgent = (0, _react.useCallback)(function (agentId) {
+    var baseUrl = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat");
+    var urlWithParams = (0, _url.encodeParamsToUrl)(baseUrl, {
+      cloudId: cloudId,
+      pathway: 'chat',
+      agentId: agentId
+    });
+    navigator.clipboard.writeText(urlWithParams);
+  }, [cloudId]);
+  var onDuplicateAgent = (0, _react.useCallback)(function (agentId) {
+    var baseUrl = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat/agents/new");
+    var urlWithParams = (0, _url.encodeParamsToUrl)(baseUrl, {
+      cloudId: cloudId,
+      pathway: 'agents-create',
+      agentId: agentId
+    });
+    window.open(urlWithParams, '_blank', 'noopener, noreferrer');
+  }, [cloudId]);
+  return {
+    onEditAgent: onEditAgent,
+    onCopyAgent: onCopyAgent,
+    onDuplicateAgent: onDuplicateAgent
+  };
+};