@atlaskit/profilecard 19.17.4 → 19.17.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 19.17.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 19.17.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.17.4
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -63,6 +63,9 @@
         {
             "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../ai-mate/rovo-agent-components/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/spinner/afm-cc/tsconfig.json"
         },

package/afm-post-office/tsconfig.json

@@ -62,6 +62,9 @@
     {
       "path": "../../../design-system/primitives/afm-post-office/tsconfig.json"
     },
+    {
+      "path": "../../../ai-mate/rovo-agent-components/afm-post-office/tsconfig.json"
+    },
     {
       "path": "../../../design-system/spinner/afm-post-office/tsconfig.json"
     },

package/dist/cjs/client/ProfileCardClient.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _atlassianContext = require("@atlaskit/atlassian-context");
+var _RovoAgentCardClient = _interopRequireDefault(require("./RovoAgentCardClient"));
 var _TeamCentralCardClient = _interopRequireDefault(require("./TeamCentralCardClient"));
 var _TeamProfileCardClient = _interopRequireDefault(require("./TeamProfileCardClient"));
 var _UserProfileCardClient = _interopRequireDefault(require("./UserProfileCardClient"));
@@ -19,15 +20,17 @@ var ProfileCardClient = /*#__PURE__*/function () {
     (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.tcClient = maybeCreateTeamCentralClient(config, clients);
   }
   (0, _createClass2.default)(ProfileCardClient, [{
     key: "flushCache",
     value: function flushCache() {
-      var _this$tcClient;
+      var _this$tcClient, _this$rovoAgentClient;
       this.userClient.flushCache();
       this.teamClient.flushCache();
       (_this$tcClient = this.tcClient) === null || _this$tcClient === void 0 || _this$tcClient.flushCache();
+      (_this$rovoAgentClient = this.rovoAgentClient) === null || _this$rovoAgentClient === void 0 || _this$rovoAgentClient.flushCache();
     }
   }, {
     key: "getProfile",
@@ -62,6 +65,12 @@ var ProfileCardClient = /*#__PURE__*/function () {
       }
       return this.tcClient.checkWorkspaceExists();
     }
+  }, {
+    key: "getRovoAgentProfile",
+    value: function getRovoAgentProfile(agentId, analytics) {
+      var _this$rovoAgentClient2;
+      return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(agentId, analytics);
+    }
   }]);
   return ProfileCardClient;
 }();

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

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

@@ -6,8 +6,50 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _LoadingState = _interopRequireDefault(require("../common/LoadingState"));
+var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
+var styles = (0, _primitives.xcss)({
+  paddingBlock: 'space.0',
+  paddingInline: 'space.200'
+});
+var cardContainerStyles = (0, _primitives.xcss)({
+  borderRadius: 'border.radius.200',
+  boxShadow: 'elevation.shadow.overlay'
+});
 var AgentProfileCard = function AgentProfileCard(_ref) {
-  var agent = _ref.agent;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "ROVO AGENT PROFILE CARD");
+  var _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
+  var agent = _ref.agent,
+    isLoading = _ref.isLoading;
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.default, {
+      profileType: "agent"
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: cardContainerStyles
+  }, /*#__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() {},
+    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,
+        name: ((_agent$creatorInfo3 = agent.creatorInfo) === null || _agent$creatorInfo3 === void 0 ? void 0 : _agent$creatorInfo3.name) || '',
+        profileLink: ((_agent$creatorInfo4 = agent.creatorInfo) === null || _agent$creatorInfo4 === void 0 ? void 0 : _agent$creatorInfo4.profileLink) || ''
+      },
+      isLoading: false,
+      onCreatorLinkClick: function onCreatorLinkClick() {}
+    }),
+    starCountRender: /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentStarCount, {
+      starCount: agent.favourite_count,
+      isLoading: false
+    }),
+    agentDescription: agent.description
+  }))));
 };
 var _default = exports.default = AgentProfileCard;

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

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentProfileCardResourced = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ErrorMessage = _interopRequireDefault(require("../Error/ErrorMessage"));
+var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
+var _lazyAgentProfileCard = require("./lazyAgentProfileCard");
+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 AgentProfileCardResourced = exports.AgentProfileCardResourced = function AgentProfileCardResourced(props) {
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    agentData = _useState2[0],
+    setAgentData = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var getCreator = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(creator_type, creator) {
+      var creatorInfo;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (creator) {
+              _context.next = 2;
+              break;
+            }
+            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;
+            break;
+          case 5:
+            return _context.abrupt("return", {
+              type: 'SYSTEM'
+            });
+          case 6:
+            return _context.abrupt("return", {
+              type: 'THIRD_PARTY',
+              name: creator !== null && creator !== void 0 ? creator : ''
+            });
+          case 7:
+            _context.next = 9;
+            return props.resourceClient.getProfile(creator, props.cloudId || '');
+          case 9:
+            creatorInfo = _context.sent;
+            return _context.abrupt("return", {
+              type: 'CUSTOMER',
+              name: creatorInfo.fullName,
+              profileLink: "/people/".concat(creator)
+            });
+          case 11:
+            return _context.abrupt("return", undefined);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [props.cloudId, props.resourceClient]);
+  var getAgentInfo = (0, _react.useCallback)(function () {
+    return props.resourceClient.getRovoAgentProfile(props.agentId);
+  }, [props.agentId, props.resourceClient]);
+  var fetchData = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    var getAgentData, agentData;
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          setIsLoading(true);
+          getAgentData = /*#__PURE__*/function () {
+            var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+              var profileData, agentCreatorInfo;
+              return _regenerator.default.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return getAgentInfo();
+                  case 2:
+                    profileData = _context2.sent;
+                    _context2.next = 5;
+                    return getCreator(profileData === null || profileData === void 0 ? void 0 : profileData.creator_type, (profileData === null || profileData === void 0 ? void 0 : profileData.creator) || undefined);
+                  case 5:
+                    agentCreatorInfo = _context2.sent;
+                    return _context2.abrupt("return", _objectSpread(_objectSpread({}, profileData), {}, {
+                      creatorInfo: agentCreatorInfo
+                    }));
+                  case 7:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function getAgentData() {
+              return _ref3.apply(this, arguments);
+            };
+          }();
+          _context3.next = 4;
+          return getAgentData();
+        case 4:
+          agentData = _context3.sent;
+          setAgentData(agentData);
+          setIsLoading(false);
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })), [getAgentInfo, getCreator]);
+  (0, _react.useEffect)(function () {
+    try {
+      fetchData();
+    } catch (error) {
+      setIsLoading(false);
+      setError(error);
+    }
+  }, [fetchData, getAgentInfo, getCreator, props.agentId, props.cloudId, props.resourceClient]);
+  if (error || !isLoading && !agentData) {
+    return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+      reload: function reload() {
+        fetchData();
+      },
+      errorType: error || null,
+      fireAnalytics: function fireAnalytics() {}
+    }));
+  }
+  if (agentData) {
+    return /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.AgentProfileCardLazy, {
+      agent: agentData,
+      isLoading: isLoading,
+      hasError: !!error
+    });
+  }
+  return null;
+};

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

@@ -5,21 +5,111 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AgentProfileCardTrigger = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 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 _ProfileCardTrigger = _interopRequireDefault(require("../common/ProfileCardTrigger"));
 var _lazyAgentProfileCard = require("./lazyAgentProfileCard");
 var _excluded = ["trigger"];
+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,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var renderProfileCard = function renderProfileCard() {
-    return /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.AgentProfileCardLazy, null);
+  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;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (creator) {
+              _context.next = 2;
+              break;
+            }
+            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;
+            break;
+          case 5:
+            return _context.abrupt("return", {
+              type: 'SYSTEM'
+            });
+          case 6:
+            return _context.abrupt("return", {
+              type: 'THIRD_PARTY',
+              name: creator !== null && creator !== void 0 ? creator : ''
+            });
+          case 7:
+            _context.next = 9;
+            return props.resourceClient.getProfile(creator, cloudId || '');
+          case 9:
+            creatorInfo = _context.sent;
+            return _context.abrupt("return", {
+              type: 'CUSTOMER',
+              name: creatorInfo.fullName,
+              profileLink: "/people/".concat(creator)
+            });
+          case 11:
+            return _context.abrupt("return", undefined);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getCreator(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var fetchAgentProfile = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var agentInfo, agentCreatorInfo;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return resourceClient.getRovoAgentProfile(userId);
+          case 2:
+            agentInfo = _context2.sent;
+            _context2.next = 5;
+            return getCreator(agentInfo.creator_type, agentInfo.creator || undefined);
+          case 5:
+            agentCreatorInfo = _context2.sent;
+            return _context2.abrupt("return", _objectSpread(_objectSpread({}, agentInfo), {}, {
+              creatorInfo: agentCreatorInfo
+            }));
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function fetchAgentProfile() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var renderProfileCard = function renderProfileCard(_ref4) {
+    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, {
+      agent: profileData,
+      isLoading: isLoading
+    });
   };
   return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {
     renderProfileCard: renderProfileCard,
-    trigger: trigger
+    trigger: trigger,
+    fetchProfile: fetchAgentProfile
   }));
 };

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _Card = require("../../styled/Card");
+var _analytics = require("../../util/analytics");
+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 LoadingState = function LoadingState(_ref) {
+  var fireAnalytics = _ref.fireAnalytics,
+    profileType = _ref.profileType;
+  (0, _react.useEffect)(function () {
+    if (fireAnalytics) {
+      fireAnalytics((0, _analytics.profileCardRendered)(profileType, 'spinner'));
+    }
+  }, [fireAnalytics, profileType]);
+  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+};
+var _default = exports.default = LoadingState;

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

@@ -6,12 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
+var _useProfileInfo2 = require("../../util/useProfileInfo");
 var _PopupTrigger = require("./PopupTrigger");
 var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes"],
   _excluded2 = ["aria-expanded", "aria-haspopup"];
@@ -36,6 +39,12 @@ function ProfileCardTrigger(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
+  var _useProfileInfo = (0, _useProfileInfo2.useProfileInfo)({
+      fetchUserProfile: fetchProfile
+    }),
+    profileData = _useProfileInfo.profileData,
+    isLoading = _useProfileInfo.isLoading,
+    getProfileData = _useProfileInfo.getProfileData;
   (0, _react.useEffect)(function () {
     return function () {
       clearTimeout(showTimer.current);
@@ -49,16 +58,36 @@ function ProfileCardTrigger(_ref) {
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
-  var showProfilecard = (0, _react.useCallback)(function () {
-    clearTimeout(hideTimer.current);
-    clearTimeout(showTimer.current);
-    showTimer.current = window.setTimeout(function () {
-      if (!visible) {
-        void (fetchProfile === null || fetchProfile === void 0 ? void 0 : fetchProfile());
-        setVisible(true);
+  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) {
+        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 = 4;
+                    break;
+                  }
+                  _context.next = 3;
+                  return getProfileData === null || getProfileData === void 0 ? void 0 : getProfileData();
+                case 3:
+                  setVisible(true);
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          })), showDelay);
+        case 3:
+        case "end":
+          return _context2.stop();
       }
-    }, showDelay);
-  }, [showDelay, visible, fetchProfile]);
+    }, _callee2);
+  })), [showDelay, visible, getProfileData]);
   var onMouseEnter = (0, _react.useCallback)(function () {
     showProfilecard();
   }, [showProfilecard]);
@@ -87,7 +116,10 @@ function ProfileCardTrigger(_ref) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: hideProfilecard,
         onFocus: showProfilecard
-      }, renderProfileCard());
+      }, renderProfileCard({
+        profileData: profileData,
+        isLoading: isLoading
+      }));
     }
   }));
 }

package/dist/cjs/mocks/agent-data.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var agentData = {
+  id: 'agentId',
+  name: 'Profile card agent',
+  description: 'this is a agent to use in profile card',
+  favourite: true,
+  favourite_count: 1234,
+  named_id: '',
+  creator_type: 'CUSTOMER',
+  is_default: false,
+  actor_type: 'AGENT',
+  user_defined_conversation_starters: [],
+  deactivated: false
+};
+var _default = exports.default = agentData;

package/dist/cjs/mocks/index.js

@@ -22,6 +22,12 @@ Object.defineProperty(exports, "profiles", {
     return _profileData.default;
   }
 });
+Object.defineProperty(exports, "simpleMockAgentClient", {
+  enumerable: true,
+  get: function get() {
+    return _simpleMockClients.simpleMockAgentClient;
+  }
+});
 Object.defineProperty(exports, "simpleMockTeamClient", {
   enumerable: true,
   get: function get() {

package/dist/cjs/mocks/simple-mock-clients.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.simpleProfileClient = exports.simpleMockUserClient = exports.simpleMockTeamClient = void 0;
+exports.simpleProfileClient = exports.simpleMockUserClient = exports.simpleMockTeamClient = exports.simpleMockAgentClient = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -12,8 +12,10 @@ 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 _ProfileCardClient = _interopRequireDefault(require("../client/ProfileCardClient"));
+var _RovoAgentCardClient2 = _interopRequireDefault(require("../client/RovoAgentCardClient"));
 var _TeamProfileCardClient = _interopRequireDefault(require("../client/TeamProfileCardClient"));
 var _UserProfileCardClient = _interopRequireDefault(require("../client/UserProfileCardClient"));
+var _agentData = _interopRequireDefault(require("./agent-data"));
 var _profileData = _interopRequireDefault(require("./profile-data"));
 var _teamData = _interopRequireDefault(require("./team-data"));
 var _util = require("./util");
@@ -62,6 +64,21 @@ var SimpleMockUserClient = /*#__PURE__*/function (_UserProfileCardClien) {
   }]);
   return SimpleMockUserClient;
 }(_UserProfileCardClient.default);
+var SimpleMockAgentClient = /*#__PURE__*/function (_RovoAgentCardClient) {
+  (0, _inherits2.default)(SimpleMockAgentClient, _RovoAgentCardClient);
+  var _super3 = _createSuper(SimpleMockAgentClient);
+  function SimpleMockAgentClient() {
+    (0, _classCallCheck2.default)(this, SimpleMockAgentClient);
+    return _super3.apply(this, arguments);
+  }
+  (0, _createClass2.default)(SimpleMockAgentClient, [{
+    key: "makeRequest",
+    value: function makeRequest(userId) {
+      return Promise.resolve(_agentData.default);
+    }
+  }]);
+  return SimpleMockAgentClient;
+}(_RovoAgentCardClient2.default);
 var args = {
   cacheSize: 10,
   maxCacheAge: 0,
@@ -69,7 +86,9 @@ var args = {
 };
 var simpleMockUserClient = exports.simpleMockUserClient = new SimpleMockUserClient(args);
 var simpleMockTeamClient = exports.simpleMockTeamClient = new SimpleMockTeamClient(args);
+var simpleMockAgentClient = exports.simpleMockAgentClient = new SimpleMockAgentClient(args);
 var simpleProfileClient = exports.simpleProfileClient = new _ProfileCardClient.default(args, {
   userClient: simpleMockUserClient,
-  teamClient: simpleMockTeamClient
+  teamClient: simpleMockTeamClient,
+  rovoAgentClient: simpleMockAgentClient
 });

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.17.4"
+      packageVersion: "19.17.6"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })