@atlaskit/profilecard 20.9.0 → 20.11.0

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

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
-import { ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 const chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -71,12 +72,27 @@ export const AgentActions = ({
   onDuplicateAgent,
   onCopyAgent,
   onChatClick,
-  agent
+  onViewFullProfileClick,
+  agent,
+  resourceClient
 }) => {
   const {
     formatMessage
   } = useIntl();
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  const loadAgentPermissions = useCallback(async () => {
+    const {
+      permissions: {
+        AGENT_UPDATE,
+        AGENT_DEACTIVATE
+      }
+    } = await resourceClient.getRovoAgentPermissions(agent.id);
+    return {
+      isEditEnabled: AGENT_UPDATE.permitted,
+      isDeleteEnabled: AGENT_DEACTIVATE.permitted
+    };
+  }, [agent.id, resourceClient]);
   const agentActions = buildAgentActions({
     onDuplicateAgent,
     onCopyAgent,
@@ -108,7 +124,20 @@ export const AgentActions = ({
     xcss: chatPillIconWrapper
   }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
     xcss: chatPillTextStyles
-  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(DropdownMenu, {
+  }, formatMessage(messages.actionChatToAgent)))))), fg('rovo_use_agent_permissions') ? /*#__PURE__*/React.createElement(AgentDropdownMenu, {
+    agentId: agent.id,
+    isAgentCreatedByUser: isAgentCreatedByCurrentUser !== null && isAgentCreatedByCurrentUser !== void 0 ? isAgentCreatedByCurrentUser : false,
+    onDeleteAgent: () => setIsDeleteModalOpen(true),
+    onEditAgent: onEditAgent,
+    onDuplicateAgent: onDuplicateAgent,
+    onCopyAgent: onCopyAgent,
+    isForgeAgent: isForgeAgent,
+    loadAgentPermissions: loadAgentPermissions,
+    loadPermissionsOnMount: true,
+    onViewAgentFullProfileClick: onViewFullProfileClick,
+    doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
+    shouldTriggerStopPropagation: true
+  }) : /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: ({
       triggerRef,
       ...props

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

@@ -44,7 +44,8 @@ const AgentProfileCard = ({
     onCopyAgent,
     onDuplicateAgent,
     onOpenChat: onOpenChatFullScreen,
-    onConversationStarter
+    onConversationStarter,
+    onViewFullProfile
   } = useAgentUrlActions({
     cloudId: cloudId || ''
   });
@@ -177,7 +178,9 @@ const AgentProfileCard = ({
     onCopyAgent: () => onCopyAgent(agent.id),
     onDuplicateAgent: () => onDuplicateAgent(agent.id),
     onDeleteAgent: handleOnDelete,
-    onChatClick: () => onChatClick ? onChatClick() : onOpenChatFullScreen(agent.id)
+    onChatClick: () => onChatClick ? onChatClick() : onOpenChatFullScreen(agent.id),
+    resourceClient: resourceClient,
+    onViewFullProfileClick: () => onViewFullProfile(agent.id)
   })));
 };
 export default AgentProfileCard;

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { Suspense, useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
@@ -51,34 +51,27 @@ export const AgentProfileCardResourced = props => {
         return undefined;
     }
   }, [creatorUserId, fireAnalytics, props.cloudId, props.resourceClient]);
-  const getAgentInfo = useCallback(() => {
-    return props.resourceClient.getRovoAgentProfile({
-      type: 'identity',
-      value: props.accountId
-    }, fireAnalytics);
-  }, [fireAnalytics, props.accountId, props.resourceClient]);
   const fetchData = useCallback(async () => {
     setIsLoading(true);
-    const getAgentData = async () => {
-      const profileData = await getAgentInfo();
+    try {
+      const profileData = await props.resourceClient.getRovoAgentProfile({
+        type: 'identity',
+        value: props.accountId
+      }, fireAnalytics);
       const agentCreatorInfo = await getCreator(profileData === null || profileData === void 0 ? void 0 : profileData.creator_type, (profileData === null || profileData === void 0 ? void 0 : profileData.creator) || undefined);
-      return {
+      setAgentData({
         ...profileData,
         creatorInfo: agentCreatorInfo
-      };
-    };
-    const agentData = await getAgentData();
-    setAgentData(agentData);
-    setIsLoading(false);
-  }, [getAgentInfo, getCreator]);
-  useEffect(() => {
-    try {
-      fetchData();
-    } catch (error) {
+      });
+    } catch (err) {
+      setError(err);
+    } finally {
       setIsLoading(false);
-      setError(error);
     }
-  }, [fetchData, getAgentInfo, getCreator, props.accountId, props.cloudId, props.resourceClient]);
+  }, [fireAnalytics, getCreator, props.accountId, props.resourceClient]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
   if (error || !isLoading && !agentData) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: () => {
@@ -88,19 +81,18 @@ export const AgentProfileCardResourced = props => {
       fireAnalytics: () => {}
     }));
   }
-  if (agentData) {
-    return /*#__PURE__*/React.createElement(AgentProfileCardLazy, {
-      agent: agentData,
-      isLoading: isLoading,
-      hasError: !!error,
-      isCreatedByViewingUser: creatorUserId === props.viewingUserId,
-      product: props.product,
-      onConversationStartersClick: props.onConversationStartersClick,
-      onChatClick: props.onChatClick,
-      addFlag: props.addFlag,
-      resourceClient: props.resourceClient,
-      cloudId: props.cloudId
-    });
-  }
-  return null;
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(AgentProfileCardLazy, {
+    agent: agentData,
+    isLoading: isLoading,
+    hasError: !!error,
+    isCreatedByViewingUser: creatorUserId === props.viewingUserId,
+    product: props.product,
+    onConversationStartersClick: props.onConversationStartersClick,
+    onChatClick: props.onChatClick,
+    addFlag: props.addFlag,
+    resourceClient: props.resourceClient,
+    cloudId: props.cloudId
+  }));
 };

package/dist/es2019/components/Agent/hooks/useAgentActions.js

@@ -65,11 +65,15 @@ export const useAgentUrlActions = ({
     });
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
   };
+  const onViewFullProfile = agentId => {
+    window.open(`${window.location.origin}/people/agent/${agentId}`, '_blank', 'noopener, noreferrer');
+  };
   return {
     onEditAgent,
     onCopyAgent,
     onDuplicateAgent,
     onOpenChat,
-    onConversationStarter
+    onConversationStarter,
+    onViewFullProfile
   };
 };

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "20.9.0",
+    packageVersion: "20.11.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/ProfileCardClient.js

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

package/dist/esm/client/RovoAgentCardClient.js

@@ -1,28 +1,29 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { agentRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
 import { getErrorAttributes } from './errorUtils';
-var createHeaders = function createHeaders(product, cloudId) {
-  var config = {
-    headers: {
-      'X-Product': product,
-      'X-Experience-Id': 'profile-card',
-      'X-Cloudid': cloudId || ''
-    }
-  };
-  return new Headers(_objectSpread({}, config.headers || {}));
+var createHeaders = function createHeaders(product, cloudId, isBodyJson) {
+  var headers = new Headers({
+    'X-Product': product,
+    'X-Experience-Id': 'profile-card',
+    'X-Cloudid': cloudId || ''
+  });
+  if (isBodyJson) {
+    headers.set('Content-Type', 'application/json');
+  }
+  return headers;
 };
 var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
   _inherits(RovoAgentCardClient, _CachingClient);
@@ -195,6 +196,50 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
         };
       }());
     }
+  }, {
+    key: "getPermissions",
+    value: function getPermissions(id, fireAnalytics) {
+      var _this5 = this;
+      if (!this.options.cloudId) {
+        return Promise.reject(new Error('cloudId is missing'));
+      }
+      return new Promise(function (resolve, reject) {
+        var startTime = getPageTime();
+        var product = _this5.options.productIdentifier || 'rovo';
+        if (fireAnalytics) {
+          fireAnalytics(agentRequestAnalytics('triggered'));
+        }
+        var headers = createHeaders(product, _this5.options.cloudId, true);
+        fetch(new Request("/gateway/api/assist/api/rovo/v2/permissions/agents/".concat(id), {
+          method: 'POST',
+          credentials: 'include',
+          mode: 'cors',
+          headers: headers,
+          body: JSON.stringify({
+            permission_ids: ['AGENT_CREATE', 'AGENT_UPDATE', 'AGENT_DELETE', 'AGENT_DEACTIVATE', 'AGENT_READ']
+          })
+        })).then(function (response) {
+          return response.json();
+        }).then(function (data) {
+          if (fireAnalytics) {
+            fireAnalytics(agentRequestAnalytics('succeeded', 'getAgentPermissions', {
+              duration: getPageTime() - startTime,
+              gateway: true
+            }));
+          }
+          resolve(data);
+        }).catch(function (error) {
+          if (fireAnalytics) {
+            fireAnalytics(agentRequestAnalytics('failed', 'getAgentPermissions', _objectSpread(_objectSpread({
+              duration: getPageTime() - startTime
+            }, getErrorAttributes(error)), {}, {
+              gateway: true
+            })));
+          }
+          reject(error);
+        });
+      });
+    }
   }]);
   return RovoAgentCardClient;
 }(CachingClient);

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "20.9.0");
+  headers.append('atl-client-version', "20.11.0");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -48,7 +48,7 @@ export var 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', "20.9.0");
+  headers.append('atl-client-version', "20.11.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -1,14 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["triggerRef"];
-import React, { useState } from 'react';
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
-import { ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 var chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -72,13 +75,38 @@ export var AgentActions = function AgentActions(_ref3) {
     onDuplicateAgent = _ref3.onDuplicateAgent,
     onCopyAgent = _ref3.onCopyAgent,
     onChatClick = _ref3.onChatClick,
-    agent = _ref3.agent;
+    onViewFullProfileClick = _ref3.onViewFullProfileClick,
+    agent = _ref3.agent,
+    resourceClient = _ref3.resourceClient;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDeleteModalOpen = _useState2[0],
     setIsDeleteModalOpen = _useState2[1];
+  var isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  var loadAgentPermissions = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$resourceClient, _yield$resourceClient2, AGENT_UPDATE, AGENT_DEACTIVATE;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return resourceClient.getRovoAgentPermissions(agent.id);
+        case 2:
+          _yield$resourceClient = _context.sent;
+          _yield$resourceClient2 = _yield$resourceClient.permissions;
+          AGENT_UPDATE = _yield$resourceClient2.AGENT_UPDATE;
+          AGENT_DEACTIVATE = _yield$resourceClient2.AGENT_DEACTIVATE;
+          return _context.abrupt("return", {
+            isEditEnabled: AGENT_UPDATE.permitted,
+            isDeleteEnabled: AGENT_DEACTIVATE.permitted
+          });
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [agent.id, resourceClient]);
   var agentActions = buildAgentActions({
     onDuplicateAgent: onDuplicateAgent,
     onCopyAgent: onCopyAgent,
@@ -110,10 +138,25 @@ export var AgentActions = function AgentActions(_ref3) {
     xcss: chatPillIconWrapper
   }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
     xcss: chatPillTextStyles
-  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: function trigger(_ref4) {
-      var triggerRef = _ref4.triggerRef,
-        props = _objectWithoutProperties(_ref4, _excluded);
+  }, formatMessage(messages.actionChatToAgent)))))), fg('rovo_use_agent_permissions') ? /*#__PURE__*/React.createElement(AgentDropdownMenu, {
+    agentId: agent.id,
+    isAgentCreatedByUser: isAgentCreatedByCurrentUser !== null && isAgentCreatedByCurrentUser !== void 0 ? isAgentCreatedByCurrentUser : false,
+    onDeleteAgent: function onDeleteAgent() {
+      return setIsDeleteModalOpen(true);
+    },
+    onEditAgent: onEditAgent,
+    onDuplicateAgent: onDuplicateAgent,
+    onCopyAgent: onCopyAgent,
+    isForgeAgent: isForgeAgent,
+    loadAgentPermissions: loadAgentPermissions,
+    loadPermissionsOnMount: true,
+    onViewAgentFullProfileClick: onViewFullProfileClick,
+    doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
+    shouldTriggerStopPropagation: true
+  }) : /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: function trigger(_ref5) {
+      var triggerRef = _ref5.triggerRef,
+        props = _objectWithoutProperties(_ref5, _excluded);
       return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, props, {
         icon: MoreIcon,
         label: "more",
@@ -126,9 +169,9 @@ export var AgentActions = function AgentActions(_ref3) {
       })));
     },
     placement: "bottom-end"
-  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, agentActions.map(function (_ref5, idx) {
-    var text = _ref5.text,
-      _onClick = _ref5.onClick;
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, agentActions.map(function (_ref6, idx) {
+    var text = _ref6.text,
+      _onClick = _ref6.onClick;
     return /*#__PURE__*/React.createElement(DropdownItem, {
       key: idx,
       onClick: function onClick(e) {
@@ -138,9 +181,9 @@ export var AgentActions = function AgentActions(_ref3) {
     }, text);
   })), isAgentCreatedByCurrentUser && /*#__PURE__*/React.createElement(DropdownItemGroup, {
     hasSeparator: true
-  }, agentSetting.map(function (_ref6, idx) {
-    var text = _ref6.text,
-      _onClick2 = _ref6.onClick;
+  }, agentSetting.map(function (_ref7, idx) {
+    var text = _ref7.text,
+      _onClick2 = _ref7.onClick;
     return /*#__PURE__*/React.createElement(DropdownItem, {
       key: idx,
       onClick: function onClick(e) {

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

@@ -49,7 +49,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     _onCopyAgent = _useAgentUrlActions.onCopyAgent,
     _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent,
     onOpenChatFullScreen = _useAgentUrlActions.onOpenChat,
-    onConversationStarter = _useAgentUrlActions.onConversationStarter;
+    onConversationStarter = _useAgentUrlActions.onConversationStarter,
+    onViewFullProfile = _useAgentUrlActions.onViewFullProfile;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isStarred = _useState2[0],
@@ -222,6 +223,10 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     onDeleteAgent: handleOnDelete,
     onChatClick: function onChatClick() {
       return _onChatClick ? _onChatClick() : onOpenChatFullScreen(agent.id);
+    },
+    resourceClient: resourceClient,
+    onViewFullProfileClick: function onViewFullProfileClick() {
+      return onViewFullProfile(agent.id);
     }
   })));
 };

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

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _defineProperty(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; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { Suspense, useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
@@ -92,65 +92,46 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
       return _ref.apply(this, arguments);
     };
   }(), [creatorUserId, fireAnalytics, props.cloudId, props.resourceClient]);
-  var getAgentInfo = useCallback(function () {
-    return props.resourceClient.getRovoAgentProfile({
-      type: 'identity',
-      value: props.accountId
-    }, fireAnalytics);
-  }, [fireAnalytics, props.accountId, props.resourceClient]);
-  var fetchData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var getAgentData, agentData;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+  var fetchData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var profileData, agentCreatorInfo;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           setIsLoading(true);
-          getAgentData = /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-              var profileData, agentCreatorInfo;
-              return _regeneratorRuntime.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();
+          _context2.prev = 1;
+          _context2.next = 4;
+          return props.resourceClient.getRovoAgentProfile({
+            type: 'identity',
+            value: props.accountId
+          }, fireAnalytics);
         case 4:
-          agentData = _context3.sent;
-          setAgentData(agentData);
-          setIsLoading(false);
+          profileData = _context2.sent;
+          _context2.next = 7;
+          return getCreator(profileData === null || profileData === void 0 ? void 0 : profileData.creator_type, (profileData === null || profileData === void 0 ? void 0 : profileData.creator) || undefined);
         case 7:
+          agentCreatorInfo = _context2.sent;
+          setAgentData(_objectSpread(_objectSpread({}, profileData), {}, {
+            creatorInfo: agentCreatorInfo
+          }));
+          _context2.next = 14;
+          break;
+        case 11:
+          _context2.prev = 11;
+          _context2.t0 = _context2["catch"](1);
+          setError(_context2.t0);
+        case 14:
+          _context2.prev = 14;
+          setIsLoading(false);
+          return _context2.finish(14);
+        case 17:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3);
-  })), [getAgentInfo, getCreator]);
+    }, _callee2, null, [[1, 11, 14, 17]]);
+  })), [fireAnalytics, getCreator, props.accountId, props.resourceClient]);
   useEffect(function () {
-    try {
-      fetchData();
-    } catch (error) {
-      setIsLoading(false);
-      setError(error);
-    }
-  }, [fetchData, getAgentInfo, getCreator, props.accountId, props.cloudId, props.resourceClient]);
+    fetchData();
+  }, [fetchData]);
   if (error || !isLoading && !agentData) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: function reload() {
@@ -160,19 +141,18 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
       fireAnalytics: function fireAnalytics() {}
     }));
   }
-  if (agentData) {
-    return /*#__PURE__*/React.createElement(AgentProfileCardLazy, {
-      agent: agentData,
-      isLoading: isLoading,
-      hasError: !!error,
-      isCreatedByViewingUser: creatorUserId === props.viewingUserId,
-      product: props.product,
-      onConversationStartersClick: props.onConversationStartersClick,
-      onChatClick: props.onChatClick,
-      addFlag: props.addFlag,
-      resourceClient: props.resourceClient,
-      cloudId: props.cloudId
-    });
-  }
-  return null;
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(AgentProfileCardLazy, {
+    agent: agentData,
+    isLoading: isLoading,
+    hasError: !!error,
+    isCreatedByViewingUser: creatorUserId === props.viewingUserId,
+    product: props.product,
+    onConversationStartersClick: props.onConversationStartersClick,
+    onChatClick: props.onChatClick,
+    addFlag: props.addFlag,
+    resourceClient: props.resourceClient,
+    cloudId: props.cloudId
+  }));
 };

package/dist/esm/components/Agent/hooks/useAgentActions.js

@@ -68,11 +68,15 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
   };
+  var onViewFullProfile = function onViewFullProfile(agentId) {
+    window.open("".concat(window.location.origin, "/people/agent/").concat(agentId), '_blank', 'noopener, noreferrer');
+  };
   return {
     onEditAgent: onEditAgent,
     onCopyAgent: onCopyAgent,
     onDuplicateAgent: onDuplicateAgent,
     onOpenChat: onOpenChat,
-    onConversationStarter: onConversationStarter
+    onConversationStarter: onConversationStarter,
+    onViewFullProfile: onViewFullProfile
   };
 };

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "20.9.0"
+      packageVersion: "20.11.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })