@atlaskit/profilecard 19.18.1 → 19.19.0

package/dist/cjs/util/rovoAgentUtils.js

@@ -4,10 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAAIDFromARI = exports.createHeaders = void 0;
+exports.getAAIDFromARI = exports.createHeaders = exports.USER_ARI_PREFIX = void 0;
 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 USER_ARI_PREFIX = exports.USER_ARI_PREFIX = 'ari:cloud:identity::user/';
 var createHeaders = exports.createHeaders = function createHeaders(product, cloudId) {
   var config = {
     headers: {
@@ -19,6 +20,5 @@ var createHeaders = exports.createHeaders = function createHeaders(product, clou
   return new Headers(_objectSpread({}, config.headers || {}));
 };
 var getAAIDFromARI = exports.getAAIDFromARI = function getAAIDFromARI(ari) {
-  var matched = ari.match(/\/([a-zA-Z0-9_\|\-\:]{1,128})$/);
-  return matched ? matched[1] : undefined;
+  return ari.replace(USER_ARI_PREFIX, '');
 };

package/dist/cjs/util/useProfileInfo.js

@@ -15,10 +15,14 @@ var useProfileInfo = exports.useProfileInfo = function useProfileInfo(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(null),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    profileData = _useState4[0],
-    setProfileData = _useState4[1];
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    profileData = _useState6[0],
+    setProfileData = _useState6[1];
   var getProfileData = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _profileData;
@@ -33,13 +37,14 @@ var useProfileInfo = exports.useProfileInfo = function useProfileInfo(_ref) {
             _profileData = _context.sent;
             setProfileData(_profileData);
             setIsLoading(false);
-            _context.next = 12;
+            _context.next = 13;
             break;
           case 9:
             _context.prev = 9;
             _context.t0 = _context["catch"](1);
+            setError(_context.t0);
             setIsLoading(true);
-          case 12:
+          case 13:
           case "end":
             return _context.stop();
         }
@@ -52,7 +57,7 @@ var useProfileInfo = exports.useProfileInfo = function useProfileInfo(_ref) {
   return {
     profileData: profileData,
     isLoading: isLoading,
-    // hasError: Boolean(error) || cannotLoadUser,
+    error: error,
     getProfileData: getProfileData
   };
 };

package/dist/es2019/client/ProfileCardClient.js

@@ -40,9 +40,9 @@ class ProfileCardClient {
     }
     return this.tcClient.checkWorkspaceExists();
   }
-  getRovoAgentProfile(agentId, analytics) {
+  getRovoAgentProfile(id, analytics) {
     var _this$rovoAgentClient2;
-    return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(agentId, analytics);
+    return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(id, analytics);
   }
 }
 function maybeCreateTeamCentralClient(config, clients) {

package/dist/es2019/client/RovoAgentCardClient.js

@@ -2,26 +2,29 @@ import { agentRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
 import { getErrorAttributes } from './errorUtils';
-import { getAgentDetailsByAgentId } from './getAgentInfo';
+import { getAgentDetailsByAgentId, getAgentDetailsByUserId } from './getAgentInfo';
 export default class RovoAgentCardClient extends CachingClient {
   constructor(options) {
     super(options);
     this.options = options;
   }
-  makeRequest(agentId, cloudId) {
+  makeRequest(id, cloudId) {
     if (!this.options.productIdentifier) {
       throw new Error('Trying to fetch agents data with no specified config.productIdentifier');
     }
-    return getAgentDetailsByAgentId(agentId, this.options.productIdentifier, cloudId);
+    if (id.type === 'identity') {
+      return getAgentDetailsByUserId(id.value, this.options.productIdentifier, cloudId);
+    }
+    return getAgentDetailsByAgentId(id.value, this.options.productIdentifier, cloudId);
   }
-  getProfile(agentId, analytics) {
-    if (!agentId) {
-      return Promise.reject(new Error('agentId is missing'));
+  getProfile(id, analytics) {
+    if (!id.value) {
+      return Promise.reject(new Error('IF is missing'));
     }
     if (!this.options.cloudId) {
       return Promise.reject(new Error('cloudId is missing'));
     }
-    const cache = this.getCachedProfile(agentId);
+    const cache = this.getCachedProfile(id.value);
     if (cache) {
       return Promise.resolve(cache);
     }
@@ -30,9 +33,9 @@ export default class RovoAgentCardClient extends CachingClient {
       if (analytics) {
         analytics(agentRequestAnalytics('triggered'));
       }
-      this.makeRequest(agentId, this.options.cloudId || '').then(data => {
+      this.makeRequest(id, this.options.cloudId || '').then(data => {
         if (this.cache) {
-          this.setCachedProfile(agentId, data);
+          this.setCachedProfile(id.value, data);
         }
         if (analytics) {
           analytics(agentRequestAnalytics('succeeded', {

package/dist/es2019/client/getAgentInfo.js

@@ -1,7 +1,7 @@
 import { createHeaders } from '../util/rovoAgentUtils';
 export async function getAgentDetailsByAgentId(agentId, product, cloudId) {
   const headers = createHeaders(product, cloudId);
-  return await fetch(new Request(`assist/agents/v1/${agentId}`, {
+  return await fetch(new Request(`/gateway/api/assist/agents/v1/${agentId}`, {
     method: 'GET',
     credentials: 'include',
     mode: 'cors',
@@ -10,10 +10,12 @@ export async function getAgentDetailsByAgentId(agentId, product, cloudId) {
 }
 export async function getAgentDetailsByUserId(userId, product, cloudId) {
   const headers = createHeaders(product, cloudId);
-  return await fetch(new Request(`assist/agents/v1/accountid/${userId}`, {
+  return fetch(new Request(`/gateway/api/assist/agents/v1/accountid/${userId}`, {
     method: 'GET',
     credentials: 'include',
     mode: 'cors',
     headers
-  })).then(response => response.json());
+  })).then(response => {
+    return 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.18.1");
+  headers.append('atl-client-version', "19.19.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -1,7 +1,10 @@
-import React from 'react';
+import React, { useCallback, useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Box, Stack, xcss } from '@atlaskit/primitives';
 import { AgentAvatar, AgentBanner, AgentProfileCreator, AgentProfileInfo, AgentStarCount } from '@atlaskit/rovo-agent-components';
+import { fireEvent, profileCardRendered } from '../../util/analytics';
 import LoadingState from '../common/LoadingState';
+import { ErrorMessage } from '../Error';
 import { AgentActions } from './Actions';
 import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
 import { ConversationStarters } from './ConversationStarters';
@@ -27,7 +30,9 @@ const AgentProfileCard = ({
   isCreatedByViewingUser,
   cloudId,
   onOpenChat,
-  product = 'rovo'
+  product = 'rovo',
+  hasError,
+  errorType
 }) => {
   var _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
   const {
@@ -41,14 +46,34 @@ const AgentProfileCard = ({
     isStarred,
     setFavourite
   } = useSetFavouriteAgent({
-    agentId: agent.id,
-    cloudId: cloudId || '',
-    isStarred: agent.favourite,
+    agentId: agent === null || agent === void 0 ? void 0 : agent.id,
+    cloudId: cloudId,
+    isStarred: !!(agent !== null && agent !== void 0 && agent.favourite),
     product
   });
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const fireAnalytics = useCallback(payload => {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
+  useEffect(() => {
+    if (!isLoading && agent) {
+      fireAnalytics(profileCardRendered('agent', 'content'));
+    }
+  }, [agent, fireAnalytics, isLoading]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
-      profileType: "agent"
+      profileType: "agent",
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  if (hasError || !agent) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+      errorType: errorType,
+      fireAnalytics: fireAnalytics
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
@@ -66,6 +91,7 @@ const AgentProfileCard = ({
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: setFavourite,
+    isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
       creator: {
         type: (_agent$creatorInfo2 = agent.creatorInfo) === null || _agent$creatorInfo2 === void 0 ? void 0 : _agent$creatorInfo2.type,

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

@@ -1,4 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ErrorMessage from '../Error/ErrorMessage';
 import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
@@ -7,6 +9,14 @@ export const AgentProfileCardResourced = props => {
   const [agentData, setAgentData] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState();
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const fireAnalytics = useCallback(payload => {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
   const creatorUserId = useMemo(() => (agentData === null || agentData === void 0 ? void 0 : agentData.creator_type) === 'CUSTOMER' && agentData.creator ? getAAIDFromARI(agentData.creator) : '', [agentData === null || agentData === void 0 ? void 0 : agentData.creator_type, agentData === null || agentData === void 0 ? void 0 : agentData.creator]);
   const getCreator = useCallback(async (creator_type, creator) => {
     if (!creator) {
@@ -23,19 +33,30 @@ export const AgentProfileCardResourced = props => {
           name: creator !== null && creator !== void 0 ? creator : ''
         };
       case 'CUSTOMER':
-        const creatorInfo = await props.resourceClient.getProfile(creatorUserId || '', props.cloudId || '');
-        return {
-          type: 'CUSTOMER',
-          name: creatorInfo.fullName,
-          profileLink: `/people/${creatorUserId}`
-        };
+        try {
+          if (!creatorUserId || !props.cloudId) {
+            return undefined;
+          }
+          const creatorInfo = await props.resourceClient.getProfile(creatorUserId, props.cloudId, fireAnalytics);
+          return {
+            type: 'CUSTOMER',
+            name: creatorInfo.fullName,
+            profileLink: `/people/${creatorUserId}`,
+            id: creatorUserId
+          };
+        } catch (error) {
+          return undefined;
+        }
       default:
         return undefined;
     }
-  }, [creatorUserId, props.cloudId, props.resourceClient]);
+  }, [creatorUserId, fireAnalytics, props.cloudId, props.resourceClient]);
   const getAgentInfo = useCallback(() => {
-    return props.resourceClient.getRovoAgentProfile(props.agentId);
-  }, [props.agentId, props.resourceClient]);
+    return props.resourceClient.getRovoAgentProfile({
+      type: 'identity',
+      value: props.accountId
+    }, fireAnalytics);
+  }, [fireAnalytics, props.accountId, props.resourceClient]);
   const fetchData = useCallback(async () => {
     setIsLoading(true);
     const getAgentData = async () => {
@@ -57,7 +78,7 @@ export const AgentProfileCardResourced = props => {
       setIsLoading(false);
       setError(error);
     }
-  }, [fetchData, getAgentInfo, getCreator, props.agentId, props.cloudId, props.resourceClient]);
+  }, [fetchData, getAgentInfo, getCreator, props.accountId, props.cloudId, props.resourceClient]);
   if (error || !isLoading && !agentData) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: () => {

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { Suspense } from 'react';
+import React, { Suspense, useCallback } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
 import { AgentProfileCardLazy } from './lazyAgentProfileCard';
@@ -14,6 +16,14 @@ export const AgentProfileCardTrigger = ({
     userId,
     cloudId
   } = props;
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const fireAnalytics = useCallback(payload => {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
   const getCreator = async (creator_type, creator) => {
     if (!creator) {
       return undefined;
@@ -30,19 +40,29 @@ export const AgentProfileCardTrigger = ({
         };
       case 'CUSTOMER':
         const userId = getAAIDFromARI(creator) || '';
-        const creatorInfo = await props.resourceClient.getProfile(userId, cloudId || '');
-        return {
-          type: 'CUSTOMER',
-          name: creatorInfo.fullName,
-          profileLink: `/people/${userId}`,
-          id: userId
-        };
+        try {
+          if (!userId || !cloudId) {
+            return undefined;
+          }
+          const creatorInfo = await props.resourceClient.getProfile(cloudId, userId, fireAnalytics);
+          return {
+            type: 'CUSTOMER',
+            name: creatorInfo.fullName,
+            profileLink: `/people/${userId}`,
+            id: userId
+          };
+        } catch (error) {
+          return undefined;
+        }
       default:
         return undefined;
     }
   };
   const fetchAgentProfile = async () => {
-    const agentInfo = await resourceClient.getRovoAgentProfile(userId);
+    const agentInfo = await resourceClient.getRovoAgentProfile({
+      type: 'agent',
+      value: userId
+    }, fireAnalytics);
     const agentCreatorInfo = await getCreator(agentInfo.creator_type, agentInfo.creator || undefined);
     return {
       ...agentInfo,
@@ -51,25 +71,27 @@ export const AgentProfileCardTrigger = ({
   };
   const renderProfileCard = ({
     profileData,
-    isLoading
+    isLoading,
+    error
   }) => {
     var _profileData$creatorI;
-    if (!profileData) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
-    }
     return /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(AgentProfileCardLazy, {
       agent: profileData,
       isLoading: isLoading,
-      isCreatedByViewingUser: ((_profileData$creatorI = profileData.creatorInfo) === null || _profileData$creatorI === void 0 ? void 0 : _profileData$creatorI.id) === viewingUserId,
+      hasError: !!error,
+      isCreatedByViewingUser: (profileData === null || profileData === void 0 ? void 0 : (_profileData$creatorI = profileData.creatorInfo) === null || _profileData$creatorI === void 0 ? void 0 : _profileData$creatorI.id) === viewingUserId,
       cloudId: props.cloudId,
-      product: product
+      product: product,
+      errorType: error
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {
+    trigger: "hover",
     renderProfileCard: renderProfileCard,
-    trigger: trigger,
-    fetchProfile: fetchAgentProfile
+    fetchProfile: fetchAgentProfile,
+    fireAnalytics: fireAnalytics,
+    profileCardType: "agent"
   }));
 };

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

@@ -0,0 +1,2 @@
+import { AgentProfileCardTrigger } from './AgentProfileCardTrigger';
+export default AgentProfileCardTrigger;

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

@@ -9,11 +9,14 @@ export const useSetFavouriteAgent = ({
   const [isLoading, setIsLoading] = useState(false);
   const [isFavourite, setIsFavourite] = useState(isStarred);
   const setFavourite = async () => {
+    if (!agentId || !cloudId) {
+      return;
+    }
     setIsLoading(true);
     try {
       const headers = createHeaders(product, cloudId);
       if (isFavourite) {
-        await fetch(new Request(`/agents/v1/${agentId}/favourite`, {
+        await fetch(new Request(`/gateway/api/assist/agents/v1/${agentId}/favourite`, {
           method: 'POST',
           credentials: 'include',
           mode: 'cors',
@@ -22,7 +25,7 @@ export const useSetFavouriteAgent = ({
           setIsFavourite(true);
         });
       } else {
-        await fetch(new Request(`/agents/v1/${agentId}/favourite`, {
+        await fetch(new Request(`/gateway/api/assist/agents/v1/${agentId}/favourite`, {
           method: 'DELETE',
           credentials: 'include',
           mode: 'cors',

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
+import { cardTriggered } from '../../util/analytics';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { PopupTrigger } from './PopupTrigger';
 const DELAY_MS_SHOW = 800;
@@ -13,6 +14,8 @@ function ProfileCardTrigger({
   renderProfileCard,
   fetchProfile,
   disabledAriaAttributes,
+  profileCardType,
+  fireAnalytics,
   ...popupProps
 }) {
   var _popupProps$autoFocus;
@@ -24,7 +27,7 @@ function ProfileCardTrigger({
   const {
     profileData,
     isLoading,
-    // hasError: Boolean(error) || cannotLoadUser,
+    error,
     getProfileData
   } = useProfileInfo({
     fetchUserProfile: fetchProfile
@@ -49,9 +52,12 @@ function ProfileCardTrigger({
       if (!visible) {
         await (getProfileData === null || getProfileData === void 0 ? void 0 : getProfileData());
         setVisible(true);
+        if (fireAnalytics) {
+          fireAnalytics(cardTriggered(profileCardType, trigger));
+        }
       }
     }, showDelay);
-  }, [showDelay, visible, getProfileData]);
+  }, [showDelay, visible, getProfileData, fireAnalytics, profileCardType, trigger]);
   const onMouseEnter = useCallback(() => {
     showProfilecard();
   }, [showProfilecard]);
@@ -83,7 +89,8 @@ function ProfileCardTrigger({
       onFocus: showProfilecard
     }, renderProfileCard({
       profileData,
-      isLoading
+      isLoading,
+      error
     }))
   }));
 }

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

@@ -31,7 +31,7 @@ class SimpleMockUserClient extends UserProfileCardClient {
   }
 }
 class SimpleMockAgentClient extends RovoAgentCardClient {
-  makeRequest(userId) {
+  makeRequest(id, cloudId) {
     return Promise.resolve(agentData);
   }
 }

package/dist/es2019/util/analytics.js

@@ -24,7 +24,7 @@ export const fireEvent = (createAnalyticsEvent, body) => {
 
 const TEAM_SUBJECT = 'teamProfileCard';
 const USER_SUBJECT = 'profilecard';
-const RovoAgent = 'rovoAgenrProfilecard';
+const AGENT_SUBJECT = 'rovoAgenrProfilecard';
 const createEvent = (eventType, action, actionSubject, actionSubjectId, attributes = {}) => ({
   eventType,
   action,
@@ -32,14 +32,28 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "19.18.1",
+    packageVersion: "19.19.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }
 });
-export const cardTriggered = (type, method) => createEvent('ui', 'triggered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, undefined, {
-  method
-});
+export const cardTriggered = (type, method) => {
+  const getActionSubject = type => {
+    switch (type) {
+      case 'user':
+        return USER_SUBJECT;
+      case 'team':
+        return TEAM_SUBJECT;
+      case 'agent':
+        return AGENT_SUBJECT;
+      default:
+        return 'user';
+    }
+  };
+  return createEvent('ui', 'triggered', getActionSubject(type), undefined, {
+    method
+  });
+};
 export const teamRequestAnalytics = (action, attributes) => createEvent('operational', action, TEAM_SUBJECT, 'request', attributes);
 export const userRequestAnalytics = (action, attributes) => createEvent('operational', action, USER_SUBJECT, 'request', attributes);
 export const profileCardRendered = (type, actionSubjectId, attributes) => createEvent('ui', 'rendered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, actionSubjectId, attributes);
@@ -49,4 +63,4 @@ export const moreActionsClicked = (type, attributes) => createEvent('ui', 'click
 export const teamAvatarClicked = attributes => createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);
 export const moreMembersClicked = attributes => createEvent('ui', 'clicked', TEAM_SUBJECT, 'moreMembers', attributes);
 export const errorRetryClicked = attributes => createEvent('ui', 'clicked', TEAM_SUBJECT, 'errorRetry', attributes);
-export const agentRequestAnalytics = (action, attributes) => createEvent('operational', action, RovoAgent, 'request', attributes);
+export const agentRequestAnalytics = (action, attributes) => createEvent('operational', action, AGENT_SUBJECT, 'request', attributes);

package/dist/es2019/util/rovoAgentUtils.js

@@ -1,3 +1,4 @@
+export const USER_ARI_PREFIX = 'ari:cloud:identity::user/';
 export const createHeaders = (product, cloudId) => {
   const config = {
     headers: {
@@ -11,6 +12,5 @@ export const createHeaders = (product, cloudId) => {
   });
 };
 export const getAAIDFromARI = ari => {
-  const matched = ari.match(/\/([a-zA-Z0-9_\|\-\:]{1,128})$/);
-  return matched ? matched[1] : undefined;
+  return ari.replace(USER_ARI_PREFIX, '');
 };

package/dist/es2019/util/useProfileInfo.js

@@ -3,6 +3,7 @@ export const useProfileInfo = ({
   fetchUserProfile
 }) => {
   const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
   const [profileData, setProfileData] = useState();
   const getProfileData = async () => {
     setIsLoading(true);
@@ -11,13 +12,14 @@ export const useProfileInfo = ({
       setProfileData(profileData);
       setIsLoading(false);
     } catch (error) {
+      setError(error);
       setIsLoading(true);
     }
   };
   return {
     profileData,
     isLoading,
-    // hasError: Boolean(error) || cannotLoadUser,
+    error,
     getProfileData
   };
 };

package/dist/esm/client/ProfileCardClient.js

@@ -60,9 +60,9 @@ var ProfileCardClient = /*#__PURE__*/function () {
     }
   }, {
     key: "getRovoAgentProfile",
-    value: function getRovoAgentProfile(agentId, analytics) {
+    value: function getRovoAgentProfile(id, analytics) {
       var _this$rovoAgentClient2;
-      return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(agentId, analytics);
+      return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(id, analytics);
     }
   }]);
   return ProfileCardClient;

package/dist/esm/client/RovoAgentCardClient.js

@@ -12,7 +12,7 @@ import { agentRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
 import { getErrorAttributes } from './errorUtils';
-import { getAgentDetailsByAgentId } from './getAgentInfo';
+import { getAgentDetailsByAgentId, getAgentDetailsByUserId } from './getAgentInfo';
 var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
   _inherits(RovoAgentCardClient, _CachingClient);
   var _super = _createSuper(RovoAgentCardClient);
@@ -25,23 +25,26 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
   }
   _createClass(RovoAgentCardClient, [{
     key: "makeRequest",
-    value: function makeRequest(agentId, cloudId) {
+    value: function makeRequest(id, cloudId) {
       if (!this.options.productIdentifier) {
         throw new Error('Trying to fetch agents data with no specified config.productIdentifier');
       }
-      return getAgentDetailsByAgentId(agentId, this.options.productIdentifier, cloudId);
+      if (id.type === 'identity') {
+        return getAgentDetailsByUserId(id.value, this.options.productIdentifier, cloudId);
+      }
+      return getAgentDetailsByAgentId(id.value, this.options.productIdentifier, cloudId);
     }
   }, {
     key: "getProfile",
-    value: function getProfile(agentId, analytics) {
+    value: function getProfile(id, analytics) {
       var _this2 = this;
-      if (!agentId) {
-        return Promise.reject(new Error('agentId is missing'));
+      if (!id.value) {
+        return Promise.reject(new Error('IF is missing'));
       }
       if (!this.options.cloudId) {
         return Promise.reject(new Error('cloudId is missing'));
       }
-      var cache = this.getCachedProfile(agentId);
+      var cache = this.getCachedProfile(id.value);
       if (cache) {
         return Promise.resolve(cache);
       }
@@ -50,9 +53,9 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
         if (analytics) {
           analytics(agentRequestAnalytics('triggered'));
         }
-        _this2.makeRequest(agentId, _this2.options.cloudId || '').then(function (data) {
+        _this2.makeRequest(id, _this2.options.cloudId || '').then(function (data) {
           if (_this2.cache) {
-            _this2.setCachedProfile(agentId, data);
+            _this2.setCachedProfile(id.value, data);
           }
           if (analytics) {
             analytics(agentRequestAnalytics('succeeded', {