@atlaskit/profilecard 19.19.0 → 19.21.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/profilecard
 
+## 19.21.0
+
+### Minor Changes
+
+- [#133829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133829)
+  [`63826c22cf753`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/63826c22cf753) -
+  Show agent profile card if user is an agent
+- [#132624](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132624)
+  [`98d1ec284a292`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/98d1ec284a292) -
+  stopPropagation for actions and reduce the delay to show profile card
+- [#133829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133829)
+  [`63826c22cf753`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/63826c22cf753) -
+  Show agent profile card if user is an agent
+
+### Patch Changes
+
+- Updated dependencies
+
+## 19.20.0
+
+### Minor Changes
+
+- [#132782](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132782)
+  [`8f20b4bc9526a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8f20b4bc9526a) -
+  Added default open chat action and delete agent functionality
+- [`3c1c3ee3b4f32`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c1c3ee3b4f32) -
+  PTC-9673 Migrate profile card from CloudUser to AGG user
+
 ## 19.19.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -54,6 +54,9 @@
         {
             "path": "../../../design-system/menu/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/modal-dialog/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -53,6 +53,9 @@
     {
       "path": "../../../design-system/menu/afm-jira/tsconfig.json"
     },
+    {
+      "path": "../../../design-system/modal-dialog/afm-jira/tsconfig.json"
+    },
     {
       "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
     },
@@ -62,6 +65,9 @@
     {
       "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
     },
+    {
+      "path": "../../../ai-mate/rovo-agent-components/afm-jira/tsconfig.json"
+    },
     {
       "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
     },

package/afm-post-office/tsconfig.json

@@ -53,6 +53,9 @@
     {
       "path": "../../../design-system/menu/afm-post-office/tsconfig.json"
     },
+    {
+      "path": "../../../design-system/modal-dialog/afm-post-office/tsconfig.json"
+    },
     {
       "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
     },

package/dist/cjs/client/ProfileCardClient.js

@@ -15,12 +15,20 @@ var _TeamProfileCardClient = _interopRequireDefault(require("./TeamProfileCardCl
 var _UserProfileCardClient = _interopRequireDefault(require("./UserProfileCardClient"));
 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 defaultConfig = {
+  gatewayGraphqlUrl: '/gateway/api/graphql'
+};
 var ProfileCardClient = /*#__PURE__*/function () {
   function ProfileCardClient(config, clients) {
+    var _config$gatewayGraphq;
     (0, _classCallCheck2.default)(this, ProfileCardClient);
-    this.userClient = (clients === null || clients === void 0 ? void 0 : clients.userClient) || new _UserProfileCardClient.default(config);
-    this.teamClient = (clients === null || clients === void 0 ? void 0 : clients.teamClient) || new _TeamProfileCardClient.default(config);
-    this.rovoAgentClient = (clients === null || clients === void 0 ? void 0 : clients.rovoAgentClient) || new _RovoAgentCardClient.default(config);
+    //This default can be removed once all the clients are updated to pass the gatewayGraphqlUrl
+    var withDefaultConfig = _objectSpread(_objectSpread(_objectSpread({}, defaultConfig), config), {
+      gatewayGraphqlUrl: (_config$gatewayGraphq = config.gatewayGraphqlUrl) !== null && _config$gatewayGraphq !== void 0 ? _config$gatewayGraphq : defaultConfig.gatewayGraphqlUrl
+    });
+    this.userClient = (clients === null || clients === void 0 ? void 0 : clients.userClient) || new _UserProfileCardClient.default(withDefaultConfig);
+    this.teamClient = (clients === null || clients === void 0 ? void 0 : clients.teamClient) || new _TeamProfileCardClient.default(withDefaultConfig);
+    this.rovoAgentClient = (clients === null || clients === void 0 ? void 0 : clients.rovoAgentClient) || new _RovoAgentCardClient.default(withDefaultConfig);
     this.tcClient = maybeCreateTeamCentralClient(config, clients);
   }
   (0, _createClass2.default)(ProfileCardClient, [{

package/dist/cjs/client/RovoAgentCardClient.js

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

package/dist/cjs/client/UserProfileCardClient.js

@@ -4,16 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.modifyResponse = exports.default = exports.buildUserQuery = void 0;
+exports.modifyResponse = exports.default = exports.buildUserQuery = exports.buildAggUserQuery = void 0;
 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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../util/analytics");
+var _date = require("../util/date");
 var _performance = require("../util/performance");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 var _errorUtils = require("./errorUtils");
@@ -67,6 +69,51 @@ var buildUserQuery = exports.buildUserQuery = function buildUserQuery(cloudId, u
     }
   };
 };
+var buildAggUserQuery = exports.buildAggUserQuery = function buildAggUserQuery(userId) {
+  return {
+    //The query name needs to be app_user_characteristics in order to return appType field
+    query: "query app_user_characteristics($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n      \t\t\tappType\n    \t\t}\n\t\t}\n\t}",
+    variables: {
+      userId: userId
+    }
+  };
+};
+var getUserInSiteUserBase = function getUserInSiteUserBase(cloudId, userId) {
+  return fetch(new Request("/gateway/api/teams/site/".concat(cloudId, "/users/").concat(userId, "/exists"), {
+    method: 'GET',
+    credentials: 'include',
+    mode: 'cors',
+    headers: {
+      Accept: 'application/json',
+      'X-header-client-id': 'ptc-fe'
+    }
+  })).then(function (response) {
+    return response.json();
+  });
+};
+var queryAGGUser = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url, userId) {
+    var query, _yield$AGGQuery, user;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          query = buildAggUserQuery(userId);
+          _context.next = 3;
+          return (0, _graphqlUtils.AGGQuery)(url, query);
+        case 3:
+          _yield$AGGQuery = _context.sent;
+          user = _yield$AGGQuery.user;
+          return _context.abrupt("return", user);
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function queryAGGUser(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
 var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(UserProfileCardClient, _CachingClient);
   var _super = _createSuper(UserProfileCardClient);
@@ -80,30 +127,74 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
   (0, _createClass2.default)(UserProfileCardClient, [{
     key: "makeRequest",
     value: function () {
-      var _makeRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(cloudId, userId) {
-        var query, response;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _makeRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(cloudId, userId) {
+        var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5, gatewayGraphqlUrl, userCheckPromise, userQueryPromise, checkUserPresentInSiteRes, user, timestring, localWeekdayIndex, query, response;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
+              if (!(0, _platformFeatureFlags.fg)('migrate_cloud_user_to_agg_user_query_profile_card')) {
+                _context2.next = 17;
+                break;
+              }
+              gatewayGraphqlUrl = this.options.gatewayGraphqlUrl || '/gateway/api/graphql';
+              userCheckPromise = getUserInSiteUserBase(cloudId, userId);
+              userQueryPromise = queryAGGUser(gatewayGraphqlUrl, userId);
+              _context2.next = 6;
+              return userCheckPromise;
+            case 6:
+              checkUserPresentInSiteRes = _context2.sent;
+              if (checkUserPresentInSiteRes.isPresent) {
+                _context2.next = 9;
+                break;
+              }
+              throw new Error('Unable to fetch user: User does not exist in this site');
+            case 9:
+              _context2.next = 11;
+              return userQueryPromise;
+            case 11:
+              user = _context2.sent;
+              localWeekdayIndex = new Date().getDay().toString();
+              if (user.zoneinfo) {
+                if ((0, _date.localTime)(user.zoneinfo, 'i') === localWeekdayIndex) {
+                  timestring = (0, _date.localTime)(user.zoneinfo, 'h:mmbbb') || undefined;
+                } else {
+                  timestring = (0, _date.localTime)(user.zoneinfo, 'eee h:mmbbb') || undefined;
+                }
+              }
+              return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
+                isBot: user.__typename === 'AppUser',
+                isAgent: user.appType === 'agent',
+                status: user.accountStatus,
+                statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
+                avatarUrl: user.picture,
+                email: user.email,
+                fullName: user.name,
+                location: (_user$extendedProfile3 = user.extendedProfile) === null || _user$extendedProfile3 === void 0 ? void 0 : _user$extendedProfile3.location,
+                meta: (_user$extendedProfile4 = user.extendedProfile) === null || _user$extendedProfile4 === void 0 ? void 0 : _user$extendedProfile4.jobTitle,
+                nickname: user.nickname,
+                companyName: (_user$extendedProfile5 = user.extendedProfile) === null || _user$extendedProfile5 === void 0 ? void 0 : _user$extendedProfile5.organization,
+                timestring: timestring
+              }));
+            case 17:
               if (this.options.url) {
-                _context.next = 2;
+                _context2.next = 19;
                 break;
               }
               throw new Error('options.url is a required parameter');
-            case 2:
+            case 19:
               query = buildUserQuery(cloudId, userId);
-              _context.next = 5;
+              _context2.next = 22;
               return (0, _graphqlUtils.directoryGraphqlQuery)(this.options.url, query);
-            case 5:
-              response = _context.sent;
-              return _context.abrupt("return", modifyResponse(response));
-            case 7:
+            case 22:
+              response = _context2.sent;
+              return _context2.abrupt("return", modifyResponse(response));
+            case 24:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
-      function makeRequest(_x, _x2) {
+      function makeRequest(_x3, _x4) {
         return _makeRequest.apply(this, arguments);
       }
       return makeRequest;

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

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

@@ -8,30 +8,21 @@ Object.defineProperty(exports, "__esModule", {
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(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 _AgentDeleteConfirmationModal = require("./AgentDeleteConfirmationModal");
 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',
@@ -51,7 +42,7 @@ var chatPillIconWrapper = (0, _primitives.xcss)({
   minWidth: '20px',
   height: '20px'
 });
-var actopnsWrapperStyles = (0, _primitives.xcss)({
+var actionsWrapperStyles = (0, _primitives.xcss)({
   borderTop: '1px',
   borderTopStyle: 'solid',
   borderColor: 'color.border',
@@ -90,22 +81,31 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
     onChatClick = _ref3.onChatClick;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isDeleteModalOpen = _useState2[0],
+    setIsDeleteModalOpen = _useState2[1];
   var agentActions = buildAgentActions({
     onDuplicateAgent: onDuplicateAgent,
     onCopyAgent: onCopyAgent
   });
   var agentSetting = buildAgentSettings({
     onEditAgent: onEditAgent,
-    onDeleteAgent: onDeleteAgent
+    onDeleteAgent: function onDeleteAgent() {
+      setIsDeleteModalOpen(true);
+    }
   });
-  return /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     space: "space.100",
-    xcss: actopnsWrapperStyles
+    xcss: actionsWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [chatToAgentButtonContainer, buttonStyles]
+    xcss: chatToAgentButtonContainer
   }, /*#__PURE__*/_react.default.createElement(_new.default, {
     shouldFitContainer: true,
-    onClick: onChatClick
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onChatClick();
+    }
   }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: chatToAgentButtonWrapper
   }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
@@ -119,32 +119,49 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
     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, {
+      return /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({}, props, {
         icon: _showMoreHorizontalMore.default,
         label: "more",
-        ref: triggerRef
+        ref: triggerRef,
+        onClick: function onClick(e) {
+          var _props$onClick;
+          e.stopPropagation();
+          (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+        }
       })));
     },
     placement: "bottom-end"
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, agentActions.map(function (_ref5, idx) {
     var text = _ref5.text,
-      onClick = _ref5.onClick;
+      _onClick = _ref5.onClick;
     return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
       key: idx,
-      onClick: onClick
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        _onClick === null || _onClick === void 0 || _onClick();
+      }
     }, text);
   })), isAgentCreatedByCurrentUser && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, {
     hasSeparator: true
   }, agentSetting.map(function (_ref6, idx) {
     var text = _ref6.text,
-      onClick = _ref6.onClick;
+      _onClick2 = _ref6.onClick;
     return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
       key: idx,
-      onClick: onClick
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        _onClick2 === null || _onClick2 === void 0 || _onClick2();
+      }
     }, text);
-  }))));
+  })))), /*#__PURE__*/_react.default.createElement(_AgentDeleteConfirmationModal.AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: function onClose() {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: 'some Id',
+    agentName: "agentName"
+  }));
 };
 var messages = (0, _reactIntlNext.defineMessages)({
   actionChatToAgent: {

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentDeleteConfirmationModal = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _primitives = require("@atlaskit/primitives");
+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 AgentDeleteConfirmationModal = exports.AgentDeleteConfirmationModal = function AgentDeleteConfirmationModal(_ref) {
+  var onClose = _ref.onClose,
+    agentName = _ref.agentName,
+    isOpen = _ref.isOpen,
+    onSubmit = _ref.onSubmit,
+    agentId = _ref.agentId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var handleDeleteAgent = (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 (!agentId) {
+            _context.next = 4;
+            break;
+          }
+          _context.next = 3;
+          return onSubmit();
+        case 3:
+          onClose();
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [agentId, onClose, onSubmit]);
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    width: "small"
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, formatMessage(messages.title, {
+    agentName: agentName
+  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(messages.body)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "subtle",
+    onClick: onClose
+  }, formatMessage(messages.cancelText)), /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "danger",
+    onClick: function onClick(_e, event) {
+      handleDeleteAgent();
+    }
+  }, formatMessage(messages.confirmText))))));
+};
+var messages = (0, _reactIntlNext.defineMessages)({
+  cancelText: {
+    id: 'ai-mate.agent-modal.agent-delete-confirm.cancel-text',
+    defaultMessage: 'Cancel'
+  },
+  confirmText: {
+    id: 'ai-mate.agent-modal.agent-delete-confirm.confirm-text',
+    defaultMessage: 'Delete'
+  },
+  title: {
+    id: 'ai-mate.agent-list.delete-agent-confirm-title',
+    defaultMessage: 'Delete "{agentName}"?',
+    description: 'Title text for the delete agent confirmation modal'
+  },
+  body: {
+    id: 'ai-mate.agent-list.delete-agent-confirm-body',
+    defaultMessage: "Are you sure you want to delete this agent? This action cannot be undone.",
+    description: 'Body text for the delete agent confirmation modal'
+  },
+  error: {
+    id: 'ai-mate.agent-list.delete-agent-error',
+    defaultMessage: 'Could not delete agent',
+    description: 'Error message displayed when an agent cannot be deleted'
+  },
+  errorAgentNotFound: {
+    id: 'ai-mate.agent-list.delete-agent-error.agent-not-found',
+    defaultMessage: 'That agent could not be found.',
+    description: 'Error message displayed when an agent cannot be found'
+  },
+  errorAgentInUse: {
+    id: 'ai-mate.agent-list.delete-agent-error.agent-in-use',
+    defaultMessage: 'Agent is currently in use. Try again later.',
+    description: 'Error message displayed when an agent is in use'
+  },
+  errorIncorrectOwner: {
+    id: 'ai-mate.agent-list.delete-agent-error.incorrect-owner',
+    defaultMessage: 'You cannot delete agents you have not created yourself. Please contact the agent owner.',
+    description: 'Error message displayed when the agent owner is incorrect'
+  },
+  agentDeletedSuccess: {
+    id: 'ai-mate.agent-list.delete-agent-success',
+    defaultMessage: 'Agent has been deleted!',
+    description: 'Success message displayed when an agent is deleted'
+  }
+});

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

@@ -6,18 +6,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
 var _analytics = require("../../util/analytics");
-var _LoadingState = _interopRequireDefault(require("../common/LoadingState"));
+var _LoadingState = require("../common/LoadingState");
 var _Error = require("../Error");
 var _Actions = require("./Actions");
 var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
 var _ConversationStarters = require("./ConversationStarters");
-var _useAgentActions = require("./useAgentActions");
-var _useSetFavouriteAgent2 = require("./useSetFavouriteAgent");
+var _useAgentActions = require("./hooks/useAgentActions");
+var _useDeleteAgent2 = require("./hooks/useDeleteAgent");
+var _useSetFavouriteAgent2 = require("./hooks/useSetFavouriteAgent");
 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)({
@@ -50,7 +53,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }),
     _onEditAgent = _useAgentUrlActions.onEditAgent,
     _onCopyAgent = _useAgentUrlActions.onCopyAgent,
-    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent;
+    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent,
+    onOpenChatFullScreecn = _useAgentUrlActions.onOpenChat,
+    onConversationStarter = _useAgentUrlActions.onConversationStarter;
   var _useSetFavouriteAgent = (0, _useSetFavouriteAgent2.useSetFavouriteAgent)({
       agentId: agent === null || agent === void 0 ? void 0 : agent.id,
       cloudId: cloudId,
@@ -59,6 +64,11 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }),
     isStarred = _useSetFavouriteAgent.isStarred,
     setFavourite = _useSetFavouriteAgent.setFavourite;
+  var _useDeleteAgent = (0, _useDeleteAgent2.useDeleteAgent)({
+      cloudId: cloudId,
+      product: product
+    }),
+    deleteAgent = _useDeleteAgent.deleteAgent;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
@@ -66,13 +76,34 @@ 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);
+    };
+  }();
   (0, _react.useEffect)(function () {
     if (!isLoading && agent) {
       fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
     }
   }, [agent, fireAnalytics, isLoading]);
   if (isLoading) {
-    return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.default, {
+    return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
       profileType: "agent",
       fireAnalytics: fireAnalytics
     }));
@@ -117,7 +148,10 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: agent.user_defined_conversation_starters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
-      throw new Error('Function not implemented.');
+      onConversationStarter({
+        agentId: agent.id,
+        prompt: 'conversationStarter'
+      });
     }
   })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
     isAgentCreatedByCurrentUser: isCreatedByViewingUser,
@@ -130,11 +164,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     onDuplicateAgent: function onDuplicateAgent() {
       return _onDuplicateAgent(agent.id);
     },
-    onDeleteAgent: function onDeleteAgent() {
-      throw new Error('Function not implemented.');
-    },
+    onDeleteAgent: handleOnDelete,
     onChatClick: function onChatClick() {
-      return onOpenChat === null || onOpenChat === void 0 ? void 0 : onOpenChat(agent.id);
+      return onOpenChat ? onOpenChat(agent.id) : onOpenChatFullScreecn();
     }
   })));
 };