@atlaskit/profilecard 19.23.0 → 19.24.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/profilecard
 
+## 19.24.0
+
+### Minor Changes
+
+- [#135350](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135350)
+  [`e22e1c78bb96d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e22e1c78bb96d) -
+  [ux] Move api call to agent clients
+
 ## 19.23.0
 
 ### Minor Changes

package/dist/cjs/client/ProfileCardClient.js

@@ -79,6 +79,18 @@ var ProfileCardClient = /*#__PURE__*/function () {
       var _this$rovoAgentClient2;
       return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(id, analytics);
     }
+  }, {
+    key: "deleteAgent",
+    value: function deleteAgent(id, analytics) {
+      var _this$rovoAgentClient3;
+      return (_this$rovoAgentClient3 = this.rovoAgentClient) === null || _this$rovoAgentClient3 === void 0 ? void 0 : _this$rovoAgentClient3.deleteAgent(id, analytics);
+    }
+  }, {
+    key: "setFavouriteAgent",
+    value: function setFavouriteAgent(id, isFavourite, analytics) {
+      var _this$rovoAgentClient4;
+      return (_this$rovoAgentClient4 = this.rovoAgentClient) === null || _this$rovoAgentClient4 === void 0 ? void 0 : _this$rovoAgentClient4.setFavouriteAgent(id, isFavourite, analytics);
+    }
   }]);
   return ProfileCardClient;
 }();

package/dist/cjs/client/RovoAgentCardClient.js

@@ -5,21 +5,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("../util/analytics");
 var _performance = require("../util/performance");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 var _errorUtils = require("./errorUtils");
-var _getAgentInfo = require("./getAgentInfo");
-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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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, cloudId) {
+  var config = {
+    headers: {
+      'X-Product': product,
+      'X-Experience-Id': 'profile-card',
+      'X-Cloudid': cloudId || ''
+    }
+  };
+  return new Headers(_objectSpread({}, config.headers || {}));
+};
 var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(RovoAgentCardClient, _CachingClient);
   var _super = _createSuper(RovoAgentCardClient);
@@ -33,17 +44,33 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
   (0, _createClass2.default)(RovoAgentCardClient, [{
     key: "makeRequest",
     value: function makeRequest(id, cloudId) {
+      var product = this.options.productIdentifier || 'rovo';
+      var headers = createHeaders(product, this.options.cloudId);
       if (id.type === 'identity') {
-        return (0, _getAgentInfo.getAgentDetailsByUserId)(id.value, this.options.productIdentifier || 'rovo', cloudId);
+        return fetch(new Request("/gateway/api/assist/agents/v1/accountid/".concat(id.value), {
+          method: 'GET',
+          credentials: 'include',
+          mode: 'cors',
+          headers: headers
+        })).then(function (response) {
+          return response.json();
+        });
       }
-      return (0, _getAgentInfo.getAgentDetailsByAgentId)(id.value, this.options.productIdentifier || 'rovo', cloudId);
+      return fetch(new Request("/gateway/api/assist/agents/v1/".concat(id.value), {
+        method: 'GET',
+        credentials: 'include',
+        mode: 'cors',
+        headers: headers
+      })).then(function (response) {
+        return response.json();
+      });
     }
   }, {
     key: "getProfile",
     value: function getProfile(id, analytics) {
       var _this2 = this;
       if (!id.value) {
-        return Promise.reject(new Error('IF is missing'));
+        return Promise.reject(new Error('Id is missing'));
       }
       if (!this.options.cloudId) {
         return Promise.reject(new Error('cloudId is missing'));
@@ -62,7 +89,7 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
             _this2.setCachedProfile(id.value, data);
           }
           if (analytics) {
-            analytics((0, _analytics.agentRequestAnalytics)('succeeded', {
+            analytics((0, _analytics.agentRequestAnalytics)('succeeded', 'request', {
               duration: (0, _performance.getPageTime)() - startTime,
               gateway: true
             }));
@@ -70,7 +97,7 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
           resolve(data);
         }).catch(function (error) {
           if (analytics) {
-            analytics((0, _analytics.agentRequestAnalytics)('failed', _objectSpread(_objectSpread({
+            analytics((0, _analytics.agentRequestAnalytics)('failed', 'request', _objectSpread(_objectSpread({
               duration: (0, _performance.getPageTime)() - startTime
             }, (0, _errorUtils.getErrorAttributes)(error)), {}, {
               gateway: true
@@ -80,6 +107,101 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
         });
       });
     }
+  }, {
+    key: "deleteAgent",
+    value: function deleteAgent(agentId, analytics) {
+      var _this3 = this;
+      if (!this.options.cloudId) {
+        return Promise.reject(new Error('cloudId is missing'));
+      }
+      return new Promise(function (resolve, reject) {
+        var startTime = (0, _performance.getPageTime)();
+        var product = _this3.options.productIdentifier || 'rovo';
+        if (analytics) {
+          analytics((0, _analytics.agentRequestAnalytics)('triggered'));
+        }
+        var headers = createHeaders(product, _this3.options.cloudId);
+        fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId), {
+          method: 'DELETE',
+          credentials: 'include',
+          mode: 'cors',
+          headers: headers
+        })).then(function () {
+          if (analytics) {
+            analytics((0, _analytics.agentRequestAnalytics)('succeeded', 'deleteAgent', {
+              duration: (0, _performance.getPageTime)() - startTime,
+              gateway: true
+            }));
+          }
+          resolve();
+        }).catch(function (error) {
+          if (analytics) {
+            analytics((0, _analytics.agentRequestAnalytics)('failed', 'deleteAgent', _objectSpread(_objectSpread({
+              duration: (0, _performance.getPageTime)() - startTime
+            }, (0, _errorUtils.getErrorAttributes)(error)), {}, {
+              gateway: true
+            })));
+          }
+          reject(error);
+        });
+      });
+    }
+  }, {
+    key: "setFavouriteAgent",
+    value: function setFavouriteAgent(agentId, isFavourite, analytics) {
+      var _this4 = this;
+      if (!this.options.cloudId) {
+        return Promise.reject(new Error('cloudId is missing'));
+      }
+      return new Promise( /*#__PURE__*/function () {
+        var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resolve, reject) {
+          var startTime, product, actionSubjectId, requestMethod, headers;
+          return _regenerator.default.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                startTime = (0, _performance.getPageTime)();
+                product = _this4.options.productIdentifier || 'rovo';
+                actionSubjectId = isFavourite ? 'favourite' : 'unfavourite';
+                requestMethod = isFavourite ? 'POST' : 'DELETE';
+                if (analytics) {
+                  analytics((0, _analytics.agentRequestAnalytics)('triggered', 'actionSubjectId'));
+                }
+                headers = createHeaders(product, _this4.options.cloudId);
+                _context.next = 8;
+                return fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId, "/favourite"), {
+                  method: requestMethod,
+                  credentials: 'include',
+                  mode: 'cors',
+                  headers: headers
+                })).then(function () {
+                  if (analytics) {
+                    analytics((0, _analytics.agentRequestAnalytics)('succeeded', actionSubjectId, {
+                      duration: (0, _performance.getPageTime)() - startTime,
+                      gateway: true
+                    }));
+                  }
+                  resolve();
+                }).catch(function (error) {
+                  if (analytics) {
+                    analytics((0, _analytics.agentRequestAnalytics)('failed', actionSubjectId, _objectSpread(_objectSpread({
+                      duration: (0, _performance.getPageTime)() - startTime
+                    }, (0, _errorUtils.getErrorAttributes)(error)), {}, {
+                      gateway: true
+                    })));
+                  }
+                  reject(error);
+                });
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x, _x2) {
+          return _ref.apply(this, arguments);
+        };
+      }());
+    }
   }]);
   return RovoAgentCardClient;
 }(_CachingClient2.default);

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

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

@@ -78,7 +78,8 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
     onDeleteAgent = _ref3.onDeleteAgent,
     onDuplicateAgent = _ref3.onDuplicateAgent,
     onCopyAgent = _ref3.onCopyAgent,
-    onChatClick = _ref3.onChatClick;
+    onChatClick = _ref3.onChatClick,
+    agent = _ref3.agent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
@@ -159,8 +160,8 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
       setIsDeleteModalOpen(false);
     },
     onSubmit: onDeleteAgent,
-    agentId: 'some Id',
-    agentName: "agentName"
+    agentId: agent.id,
+    agentName: agent.name
   }));
 };
 var messages = (0, _reactIntlNext.defineMessages)({

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

@@ -59,45 +59,45 @@ var AgentDeleteConfirmationModal = exports.AgentDeleteConfirmationModal = functi
 };
 var messages = (0, _reactIntlNext.defineMessages)({
   cancelText: {
-    id: 'ai-mate.agent-modal.agent-delete-confirm.cancel-text',
+    id: 'profilecard.agent-profile.agent-delete-confirm.cancel-text',
     defaultMessage: 'Cancel'
   },
   confirmText: {
-    id: 'ai-mate.agent-modal.agent-delete-confirm.confirm-text',
+    id: 'profilecard.agent-profile.agent-delete-confirm.confirm-text',
     defaultMessage: 'Delete'
   },
   title: {
-    id: 'ai-mate.agent-list.delete-agent-confirm-title',
+    id: 'profilecard.agent-profile.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',
+    id: 'profilecard.agent-profile.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',
+    id: 'profilecard.agent-profile.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',
+    id: 'profilecard.agent-profile.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',
+    id: 'profilecard.agent-profile.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',
+    id: 'profilecard.agent-profile.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',
+    id: 'profilecard.agent-profile.delete-agent-success',
     defaultMessage: 'Agent has been deleted!',
     description: 'Success message displayed when an agent is deleted'
   }

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

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = 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 = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
@@ -19,8 +21,7 @@ var _Actions = require("./Actions");
 var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
 var _ConversationStarters = require("./ConversationStarters");
 var _useAgentActions = require("./hooks/useAgentActions");
-var _useDeleteAgent2 = require("./hooks/useDeleteAgent");
-var _useSetFavouriteAgent2 = require("./hooks/useSetFavouriteAgent");
+var _messages = require("./messages");
 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 styles = (0, _primitives.xcss)({
@@ -48,7 +49,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     product = _ref$product === void 0 ? 'rovo' : _ref$product,
     hasError = _ref.hasError,
     errorType = _ref.errorType,
-    onConversationStartersClick = _ref.onConversationStartersClick;
+    onConversationStartersClick = _ref.onConversationStartersClick,
+    resourceClient = _ref.resourceClient,
+    addFlag = _ref.addFlag;
   var _useAgentUrlActions = (0, _useAgentActions.useAgentUrlActions)({
       cloudId: cloudId || ''
     }),
@@ -57,19 +60,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent,
     onOpenChatFullScreecn = _useAgentUrlActions.onOpenChat,
     onConversationStarter = _useAgentUrlActions.onConversationStarter;
-  var _useSetFavouriteAgent = (0, _useSetFavouriteAgent2.useSetFavouriteAgent)({
-      agentId: agent === null || agent === void 0 ? void 0 : agent.id,
-      cloudId: cloudId,
-      isStarred: !!(agent !== null && agent !== void 0 && agent.favourite),
-      product: product
-    }),
-    isStarred = _useSetFavouriteAgent.isStarred,
-    setFavourite = _useSetFavouriteAgent.setFavourite;
-  var _useDeleteAgent = (0, _useDeleteAgent2.useDeleteAgent)({
-      cloudId: cloudId,
-      product: product
-    }),
-    deleteAgent = _useDeleteAgent.deleteAgent;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isStarred = _useState2[0],
+    setIsStarred = _useState2[1];
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  (0, _react.useEffect)(function () {
+    setIsStarred(!!(agent !== null && agent !== void 0 && agent.favourite));
+  }, [agent === null || agent === void 0 ? void 0 : agent.favourite]);
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
@@ -77,27 +76,67 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
     }
   }, [createAnalyticsEvent]);
-  var handleOnDelete = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!agent) {
-              _context.next = 3;
-              break;
-            }
-            _context.next = 3;
-            return deleteAgent(agent.id);
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleOnDelete() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
+  var handleSetFavourite = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(agent !== null && agent !== void 0 && agent.id)) {
+            _context.next = 9;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics);
+        case 4:
+          setIsStarred(!isStarred);
+          _context.next = 9;
+          break;
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](1);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 7]]);
+  })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient]);
+  var handleOnDelete = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!agent) {
+            _context2.next = 10;
+            break;
+          }
+          _context2.prev = 1;
+          _context2.next = 4;
+          return resourceClient.deleteAgent(agent.id, fireAnalytics);
+        case 4:
+          addFlag === null || addFlag === void 0 || addFlag({
+            title: formatMessage(_messages.messages.agentDeletedSuccessFlagTitle),
+            description: formatMessage(_messages.messages.agentDeletedSuccessFlagDescription, {
+              agentName: agent.name
+            }),
+            type: 'success',
+            id: 'ptc-directory.agent-profile.delete-agent-success'
+          });
+          _context2.next = 10;
+          break;
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](1);
+          addFlag === null || addFlag === void 0 || addFlag({
+            title: formatMessage(_messages.messages.agentDeletedErrorFlagTitle),
+            description: formatMessage(_messages.messages.agentDeletedErrorFlagDescription),
+            type: 'error',
+            id: 'ptc-directory.agent-profile.delete-agent-error'
+          });
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 7]]);
+  })), [addFlag, agent, fireAnalytics, formatMessage, resourceClient]);
   (0, _react.useEffect)(function () {
     if (!isLoading && agent) {
       fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
@@ -133,7 +172,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileInfo, {
     agentName: agent.name,
     isStarred: isStarred,
-    onStarToggle: setFavourite,
+    onStarToggle: handleSetFavourite,
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileCreator, {
       creator: {
@@ -159,6 +198,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       });
     }
   })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+    agent: agent,
     isAgentCreatedByCurrentUser: isCreatedByViewingUser,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

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

@@ -178,7 +178,9 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
       isCreatedByViewingUser: creatorUserId === props.viewingUserId,
       product: props.product,
       onConversationStartersClick: props.onConversationStartersClick,
-      onChatClick: props.onChatClick
+      onChatClick: props.onChatClick,
+      addFlag: props.addFlag,
+      resourceClient: props.resourceClient
     });
   }
   return null;

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

@@ -136,12 +136,14 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     }, /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.AgentProfileCardLazy, {
       agent: profileData,
       hasError: !!error,
-      isCreatedByViewingUser: (profileData === null || profileData === void 0 || (_profileData$creatorI = profileData.creatorInfo) === null || _profileData$creatorI === void 0 ? void 0 : _profileData$creatorI.id) === viewingUserId,
+      isCreatedByViewingUser: (profileData === null || profileData === void 0 ? void 0 : profileData.creatorInfo) && (profileData === null || profileData === void 0 || (_profileData$creatorI = profileData.creatorInfo) === null || _profileData$creatorI === void 0 ? void 0 : _profileData$creatorI.id) === viewingUserId,
       cloudId: props.cloudId,
       product: product,
       errorType: error,
       onChatClick: props.onChatClick,
-      onConversationStartersClick: props.onConversationStartersClick
+      onConversationStartersClick: props.onConversationStartersClick,
+      resourceClient: props.resourceClient,
+      addFlag: props.addFlag
     }));
   };
   return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  agentDeletedSuccessFlagTitle: {
+    id: 'profilecard.agent-profile-card.delete-agent-success-flag-title',
+    defaultMessage: 'Agent deleted',
+    description: 'Flag message title displayed when an agent is deleted'
+  },
+  agentDeletedSuccessFlagDescription: {
+    id: 'profilecard.agent-profile-card.delete-agent-success-flag-description',
+    defaultMessage: 'You deleted {agentName}',
+    description: 'Flag message description displayed when an agent is deleted'
+  },
+  agentDeletedErrorFlagTitle: {
+    id: 'profilecard.agent-profile-card.delete-agent-error-flag-title',
+    defaultMessage: 'Failed to delete Agent',
+    description: 'Flag message title displayed when there is an error deleting agent'
+  },
+  agentDeletedErrorFlagDescription: {
+    id: 'profilecard.agent-profile-card.delete-agent-error-flag-description',
+    defaultMessage: 'Something went wrong while deleting the agent. Try again in a few moments.',
+    description: 'Flag message description displayed when there is an error deleting agent'
+  }
+});

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

@@ -46,7 +46,8 @@ function ProfileCardContent(_ref) {
     profileCardAction = _ref.profileCardAction,
     hasError = _ref.hasError,
     errorType = _ref.errorType,
-    agentActions = _ref.agentActions;
+    agentActions = _ref.agentActions,
+    addFlag = _ref.addFlag;
   if (isAgent && (0, _platformFeatureFlags.fg)('enable_agent_profile_card')) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardResourced.AgentProfileCardResourced, {
       accountId: userId,
@@ -56,7 +57,8 @@ function ProfileCardContent(_ref) {
       trigger: trigger,
       product: product,
       onChatClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onChatClick,
-      onConversationStartersClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onConversationStartersClick
+      onConversationStartersClick: agentActions === null || agentActions === void 0 ? void 0 : agentActions.onConversationStartersClick,
+      addFlag: addFlag
     });
   } else {
     return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -349,7 +351,8 @@ function ProfilecardTriggerNext(_ref2) {
         profileCardAction: filterActions(),
         errorType: error,
         hasError: hasError,
-        agentActions: agentActions
+        agentActions: agentActions,
+        addFlag: addFlag
       }));
     },
     trigger: function trigger(triggerProps) {

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

@@ -64,38 +64,26 @@ function ProfileCardTrigger(_ref) {
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
-  var showProfilecard = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+  var showProfilecard = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
           clearTimeout(hideTimer.current);
           clearTimeout(showTimer.current);
-          showTimer.current = window.setTimeout( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  if (visible) {
-                    _context.next = 5;
-                    break;
-                  }
-                  _context.next = 3;
-                  return getProfileData === null || getProfileData === void 0 ? void 0 : getProfileData();
-                case 3:
-                  setVisible(true);
-                  if (fireAnalytics) {
-                    fireAnalytics((0, _analytics.cardTriggered)(profileCardType, _trigger));
-                  }
-                case 5:
-                case "end":
-                  return _context.stop();
+          showTimer.current = window.setTimeout(function () {
+            if (!visible) {
+              getProfileData === null || getProfileData === void 0 || getProfileData();
+              setVisible(true);
+              if (fireAnalytics) {
+                fireAnalytics((0, _analytics.cardTriggered)(profileCardType, _trigger));
               }
-            }, _callee);
-          })), showDelay);
+            }
+          }, showDelay);
         case 3:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2);
+    }, _callee);
   })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger]);
   var onMouseEnter = (0, _react.useCallback)(function () {
     showProfilecard();

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.23.0"
+      packageVersion: "19.24.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
@@ -95,6 +95,6 @@ var moreMembersClicked = exports.moreMembersClicked = function moreMembersClicke
 var errorRetryClicked = exports.errorRetryClicked = function errorRetryClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'errorRetry', attributes);
 };
-var agentRequestAnalytics = exports.agentRequestAnalytics = function agentRequestAnalytics(action, attributes) {
-  return createEvent('operational', action, AGENT_SUBJECT, 'request', attributes);
+var agentRequestAnalytics = exports.agentRequestAnalytics = function agentRequestAnalytics(action, actionSubjectId, attributes) {
+  return createEvent('operational', action, AGENT_SUBJECT, actionSubjectId || 'request', attributes);
 };