@atlaskit/profilecard 19.17.2 → 19.17.4

package/CHANGELOG.md

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

package/dist/cjs/client/RovoAgentCardClient.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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"));
+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 _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; })(); }
+var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClient) {
+  (0, _inherits2.default)(RovoAgentCardClient, _CachingClient);
+  var _super = _createSuper(RovoAgentCardClient);
+  function RovoAgentCardClient(options) {
+    var _this;
+    (0, _classCallCheck2.default)(this, RovoAgentCardClient);
+    _this = _super.call(this, options);
+    _this.options = options;
+    return _this;
+  }
+  (0, _createClass2.default)(RovoAgentCardClient, [{
+    key: "makeRequest",
+    value: function makeRequest(agentId) {
+      if (!this.options.productIdentifier) {
+        throw new Error('Trying to fetch agents data with no specified config.productIdentifier');
+      }
+      return (0, _getAgentInfo.getAgentDetailsByAgentId)(agentId, this.options.productIdentifier);
+    }
+  }, {
+    key: "getProfile",
+    value: function getProfile(agentId, analytics) {
+      var _this2 = this;
+      if (!agentId) {
+        return Promise.reject(new Error('agentId is missing'));
+      }
+      var cache = this.getCachedProfile(agentId);
+      if (cache) {
+        return Promise.resolve(cache);
+      }
+      return new Promise(function (resolve, reject) {
+        var startTime = (0, _performance.getPageTime)();
+        if (analytics) {
+          analytics((0, _analytics.agentRequestAnalytics)('triggered'));
+        }
+        _this2.makeRequest(agentId).then(function (data) {
+          if (_this2.cache) {
+            _this2.setCachedProfile(agentId, data);
+          }
+          if (analytics) {
+            analytics((0, _analytics.agentRequestAnalytics)('succeeded', {
+              duration: (0, _performance.getPageTime)() - startTime,
+              gateway: true
+            }));
+          }
+          resolve(data);
+        }).catch(function (error) {
+          if (analytics) {
+            analytics((0, _analytics.agentRequestAnalytics)('failed', _objectSpread(_objectSpread({
+              duration: (0, _performance.getPageTime)() - startTime
+            }, (0, _errorUtils.getErrorAttributes)(error)), {}, {
+              gateway: true
+            })));
+          }
+          reject(error);
+        });
+      });
+    }
+  }]);
+  return RovoAgentCardClient;
+}(_CachingClient2.default);

package/dist/cjs/client/getAgentInfo.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAgentDetailsByAgentId = getAgentDetailsByAgentId;
+exports.getAgentDetailsByUserId = getAgentDetailsByUserId;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var createHeaders = function createHeaders(product) {
+  var config = {
+    headers: {
+      'x-product': product,
+      'x-experience-id': 'profile-card'
+    }
+  };
+  return new Headers(_objectSpread({}, config.headers || {}));
+};
+function getAgentDetailsByAgentId(_x, _x2) {
+  return _getAgentDetailsByAgentId.apply(this, arguments);
+}
+function _getAgentDetailsByAgentId() {
+  _getAgentDetailsByAgentId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(agentId, product) {
+    var headers;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          headers = createHeaders(product);
+          _context.next = 3;
+          return fetch(new Request("assist/agents/v1/".concat(agentId), {
+            method: 'GET',
+            credentials: 'include',
+            mode: 'cors',
+            headers: headers
+          })).then(function (response) {
+            return response.json();
+          });
+        case 3:
+          return _context.abrupt("return", _context.sent);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _getAgentDetailsByAgentId.apply(this, arguments);
+}
+function getAgentDetailsByUserId(_x3, _x4) {
+  return _getAgentDetailsByUserId.apply(this, arguments);
+}
+function _getAgentDetailsByUserId() {
+  _getAgentDetailsByUserId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(userId, product) {
+    var headers;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          headers = createHeaders(product);
+          _context2.next = 3;
+          return fetch(new Request("assist/agents/v1/accountid/".concat(userId), {
+            method: 'GET',
+            credentials: 'include',
+            mode: 'cors',
+            headers: headers
+          })).then(function (response) {
+            return response.json();
+          });
+        case 3:
+          return _context2.abrupt("return", _context2.sent);
+        case 4:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _getAgentDetailsByUserId.apply(this, arguments);
+}

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var AgentProfileCard = function AgentProfileCard(_ref) {
+  var agent = _ref.agent;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "ROVO AGENT PROFILE CARD");
+};
+var _default = exports.default = AgentProfileCard;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentProfileCardTrigger = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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"];
+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);
+  };
+  return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {
+    renderProfileCard: renderProfileCard,
+    trigger: trigger
+  }));
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentProfileCardLazy = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = require("react");
+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" != (0, _typeof2.default)(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 AgentProfileCardLazy = exports.AgentProfileCardLazy = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_lazy-agent-profilecard" */
+    './AgentProfileCard'));
+  });
+});

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopupTrigger = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["children", "trigger", "forwardRef", "showProfilecard", "hideProfilecard", "ariaLabelledBy"];
+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 PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
+  var children = _ref.children,
+    trigger = _ref.trigger,
+    forwardRef = _ref.forwardRef,
+    showProfilecard = _ref.showProfilecard,
+    hideProfilecard = _ref.hideProfilecard,
+    ariaLabelledBy = _ref.ariaLabelledBy,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var onMouseEnter = (0, _react.useCallback)(function () {
+    showProfilecard();
+  }, [showProfilecard]);
+  var onKeyPress = (0, _react.useCallback)(function (event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      showProfilecard();
+    }
+  }, [showProfilecard]);
+  var onClick = (0, _react.useCallback)(function (event) {
+    // If the user clicks on the trigger then we don't want that click event to
+    // propagate out to parent containers. For example when clicking a mention
+    // lozenge in an inline-edit.
+    event.stopPropagation();
+    showProfilecard();
+  }, [showProfilecard]);
+  var containerListeners = (0, _react.useMemo)(function () {
+    return trigger === 'hover' ? {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: hideProfilecard,
+      onBlur: hideProfilecard,
+      onKeyPress: onKeyPress
+    } : {
+      onClick: onClick,
+      onKeyPress: onKeyPress
+    };
+  }, [hideProfilecard, onClick, onKeyPress, onMouseEnter, trigger]);
+  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props, containerListeners, {
+    ref: forwardRef,
+    "aria-labelledby": ariaLabelledBy
+  }), children);
+};

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

@@ -0,0 +1,94 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _PopupTrigger = require("./PopupTrigger");
+var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes"],
+  _excluded2 = ["aria-expanded", "aria-haspopup"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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 DELAY_MS_SHOW = 800;
+var DELAY_MS_HIDE = 200;
+function ProfileCardTrigger(_ref) {
+  var _popupProps$autoFocus;
+  var _trigger = _ref.trigger,
+    ariaLabelledBy = _ref.ariaLabelledBy,
+    children = _ref.children,
+    renderProfileCard = _ref.renderProfileCard,
+    fetchProfile = _ref.fetchProfile,
+    disabledAriaAttributes = _ref.disabledAriaAttributes,
+    popupProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var showDelay = _trigger === 'click' ? 0 : DELAY_MS_SHOW;
+  var hideDelay = _trigger === 'click' ? 0 : DELAY_MS_HIDE;
+  var showTimer = (0, _react.useRef)(0);
+  var hideTimer = (0, _react.useRef)(0);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  (0, _react.useEffect)(function () {
+    return function () {
+      clearTimeout(showTimer.current);
+      clearTimeout(hideTimer.current);
+    };
+  }, []);
+  var hideProfilecard = (0, _react.useCallback)(function () {
+    clearTimeout(showTimer.current);
+    clearTimeout(hideTimer.current);
+    hideTimer.current = window.setTimeout(function () {
+      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);
+      }
+    }, showDelay);
+  }, [showDelay, visible, fetchProfile]);
+  var onMouseEnter = (0, _react.useCallback)(function () {
+    showProfilecard();
+  }, [showProfilecard]);
+  return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({}, popupProps, {
+    isOpen: !!visible,
+    onClose: hideProfilecard,
+    shouldUseCaptureOnOutsideClick: true,
+    autoFocus: (_popupProps$autoFocus = popupProps.autoFocus) !== null && _popupProps$autoFocus !== void 0 ? _popupProps$autoFocus : _trigger === 'click',
+    zIndex: _constants.layers.modal(),
+    shouldFitContainer: false,
+    trigger: function trigger(triggerProps) {
+      var _ = triggerProps['aria-expanded'],
+        __ = triggerProps['aria-haspopup'],
+        restInnerProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded2);
+      return /*#__PURE__*/_react.default.createElement(_PopupTrigger.PopupTrigger, (0, _extends2.default)({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+        forwardRef: triggerProps.ref,
+        hideProfilecard: hideProfilecard,
+        showProfilecard: showProfilecard,
+        children: children,
+        ariaLabelledBy: ariaLabelledBy,
+        trigger: _trigger
+      }));
+    },
+    content: function content() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: hideProfilecard,
+        onFocus: showProfilecard
+      }, renderProfileCard());
+    }
+  }));
+}
+var _default = exports.default = ProfileCardTrigger;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/util/analytics.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.actionClicked = void 0;
+exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.agentRequestAnalytics = exports.actionClicked = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _performance = require("./performance");
 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; }
@@ -35,6 +35,7 @@ var fireEvent = exports.fireEvent = function fireEvent(createAnalyticsEvent, bod
 
 var TEAM_SUBJECT = 'teamProfileCard';
 var USER_SUBJECT = 'profilecard';
+var RovoAgent = 'rovoAgenrProfilecard';
 var createEvent = function createEvent(eventType, action, actionSubject, actionSubjectId) {
   var attributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   return {
@@ -44,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.17.2"
+      packageVersion: "19.17.4"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
@@ -81,4 +82,7 @@ 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, RovoAgent, 'request', attributes);
 };

package/dist/es2019/client/RovoAgentCardClient.js

@@ -0,0 +1,53 @@
+import { agentRequestAnalytics } from '../util/analytics';
+import { getPageTime } from '../util/performance';
+import CachingClient from './CachingClient';
+import { getErrorAttributes } from './errorUtils';
+import { getAgentDetailsByAgentId } from './getAgentInfo';
+export default class RovoAgentCardClient extends CachingClient {
+  constructor(options) {
+    super(options);
+    this.options = options;
+  }
+  makeRequest(agentId) {
+    if (!this.options.productIdentifier) {
+      throw new Error('Trying to fetch agents data with no specified config.productIdentifier');
+    }
+    return getAgentDetailsByAgentId(agentId, this.options.productIdentifier);
+  }
+  getProfile(agentId, analytics) {
+    if (!agentId) {
+      return Promise.reject(new Error('agentId is missing'));
+    }
+    const cache = this.getCachedProfile(agentId);
+    if (cache) {
+      return Promise.resolve(cache);
+    }
+    return new Promise((resolve, reject) => {
+      const startTime = getPageTime();
+      if (analytics) {
+        analytics(agentRequestAnalytics('triggered'));
+      }
+      this.makeRequest(agentId).then(data => {
+        if (this.cache) {
+          this.setCachedProfile(agentId, data);
+        }
+        if (analytics) {
+          analytics(agentRequestAnalytics('succeeded', {
+            duration: getPageTime() - startTime,
+            gateway: true
+          }));
+        }
+        resolve(data);
+      }).catch(error => {
+        if (analytics) {
+          analytics(agentRequestAnalytics('failed', {
+            duration: getPageTime() - startTime,
+            ...getErrorAttributes(error),
+            gateway: true
+          }));
+        }
+        reject(error);
+      });
+    });
+  }
+}

package/dist/es2019/client/getAgentInfo.js

@@ -0,0 +1,29 @@
+const createHeaders = product => {
+  const config = {
+    headers: {
+      'x-product': product,
+      'x-experience-id': 'profile-card'
+    }
+  };
+  return new Headers({
+    ...(config.headers || {})
+  });
+};
+export async function getAgentDetailsByAgentId(agentId, product) {
+  const headers = createHeaders(product);
+  return await fetch(new Request(`assist/agents/v1/${agentId}`, {
+    method: 'GET',
+    credentials: 'include',
+    mode: 'cors',
+    headers
+  })).then(response => response.json());
+}
+export async function getAgentDetailsByUserId(userId, product) {
+  const headers = createHeaders(product);
+  return await fetch(new Request(`assist/agents/v1/accountid/${userId}`, {
+    method: 'GET',
+    credentials: 'include',
+    mode: 'cors',
+    headers
+  })).then(response => response.json());
+}

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "19.17.2");
+  headers.append('atl-client-version', "19.17.4");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -0,0 +1,7 @@
+import React from 'react';
+const AgentProfileCard = ({
+  agent
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, "ROVO AGENT PROFILE CARD");
+};
+export default AgentProfileCard;

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import ProfileCardTrigger from '../common/ProfileCardTrigger';
+import { AgentProfileCardLazy } from './lazyAgentProfileCard';
+export const AgentProfileCardTrigger = ({
+  trigger = 'hover',
+  ...props
+}) => {
+  const renderProfileCard = () => {
+    return /*#__PURE__*/React.createElement(AgentProfileCardLazy, null);
+  };
+  return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {
+    renderProfileCard: renderProfileCard,
+    trigger: trigger
+  }));
+};

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

@@ -0,0 +1,3 @@
+import { lazy } from 'react';
+export const AgentProfileCardLazy = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_lazy-agent-profilecard" */
+'./AgentProfileCard'));

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

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useMemo } from 'react';
+export const PopupTrigger = ({
+  children,
+  trigger,
+  forwardRef,
+  showProfilecard,
+  hideProfilecard,
+  ariaLabelledBy,
+  ...props
+}) => {
+  const onMouseEnter = useCallback(() => {
+    showProfilecard();
+  }, [showProfilecard]);
+  const onKeyPress = useCallback(event => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      showProfilecard();
+    }
+  }, [showProfilecard]);
+  const onClick = useCallback(event => {
+    // If the user clicks on the trigger then we don't want that click event to
+    // propagate out to parent containers. For example when clicking a mention
+    // lozenge in an inline-edit.
+    event.stopPropagation();
+    showProfilecard();
+  }, [showProfilecard]);
+  const containerListeners = useMemo(() => trigger === 'hover' ? {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: hideProfilecard,
+    onBlur: hideProfilecard,
+    onKeyPress: onKeyPress
+  } : {
+    onClick: onClick,
+    onKeyPress: onKeyPress
+  }, [hideProfilecard, onClick, onKeyPress, onMouseEnter, trigger]);
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, containerListeners, {
+    ref: forwardRef,
+    "aria-labelledby": ariaLabelledBy
+  }), children);
+};