@atlaskit/profilecard 20.9.0 → 20.11.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/profilecard
 
+## 20.11.0
+
+### Minor Changes
+
+- [#163611](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163611)
+  [`559a5e24a2892`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/559a5e24a2892) -
+  Fix asynchronous loading of agent profile card
+
+## 20.10.0
+
+### Minor Changes
+
+- [#163699](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163699)
+  [`f946e35c60150`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f946e35c60150) -
+  Refactor to use shared agent dropdown from @atlaskit/rovo-agent-components
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 20.9.0
 
 ### Minor Changes

package/afm-post-office/tsconfig.json

@@ -3,7 +3,7 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
+		"outDir": "../../../../../post-office/tsDist/@atlaskit__profilecard/app",
 		"rootDir": "../",
 		"composite": true
 	},

package/dist/cjs/client/ProfileCardClient.js

@@ -165,17 +165,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/cjs/client/RovoAgentCardClient.js

@@ -7,29 +7,30 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("../util/analytics");
 var _performance = require("../util/performance");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 var _errorUtils = require("./errorUtils");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(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) { (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, cloudId) {
-  var config = {
-    headers: {
-      'X-Product': product,
-      'X-Experience-Id': 'profile-card',
-      'X-Cloudid': cloudId || ''
-    }
-  };
-  return new Headers(_objectSpread({}, config.headers || {}));
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 = exports.default = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(RovoAgentCardClient, _CachingClient);
@@ -202,6 +203,50 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
         };
       }());
     }
+  }, {
+    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 = (0, _performance.getPageTime)();
+        var product = _this5.options.productIdentifier || 'rovo';
+        if (fireAnalytics) {
+          fireAnalytics((0, _analytics.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((0, _analytics.agentRequestAnalytics)('succeeded', 'getAgentPermissions', {
+              duration: (0, _performance.getPageTime)() - startTime,
+              gateway: true
+            }));
+          }
+          resolve(data);
+        }).catch(function (error) {
+          if (fireAnalytics) {
+            fireAnalytics((0, _analytics.agentRequestAnalytics)('failed', 'getAgentPermissions', _objectSpread(_objectSpread({
+              duration: (0, _performance.getPageTime)() - startTime
+            }, (0, _errorUtils.getErrorAttributes)(error)), {}, {
+              gateway: true
+            })));
+          }
+          reject(error);
+        });
+      });
+    }
   }]);
   return RovoAgentCardClient;
 }(_CachingClient2.default);

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./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;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

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

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

@@ -8,12 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.AgentActions = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
 var _AgentDeleteConfirmationModal = require("./AgentDeleteConfirmationModal");
@@ -82,13 +85,38 @@ var AgentActions = exports.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 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDeleteModalOpen = _useState2[0],
     setIsDeleteModalOpen = _useState2[1];
+  var isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  var loadAgentPermissions = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _yield$resourceClient, _yield$resourceClient2, AGENT_UPDATE, AGENT_DEACTIVATE;
+    return _regenerator.default.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,
@@ -120,10 +148,25 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
     xcss: chatPillIconWrapper
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: chatPillTextStyles
-  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-    trigger: function trigger(_ref4) {
-      var triggerRef = _ref4.triggerRef,
-        props = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+  }, formatMessage(messages.actionChatToAgent)))))), (0, _platformFeatureFlags.fg)('rovo_use_agent_permissions') ? /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.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.default.createElement(_dropdownMenu.default, {
+    trigger: function trigger(_ref5) {
+      var triggerRef = _ref5.triggerRef,
+        props = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
       return /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({}, props, {
         icon: _showMoreHorizontalMore.default,
         label: "more",
@@ -136,9 +179,9 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
       })));
     },
     placement: "bottom-end"
-  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, agentActions.map(function (_ref5, idx) {
-    var text = _ref5.text,
-      _onClick = _ref5.onClick;
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, agentActions.map(function (_ref6, idx) {
+    var text = _ref6.text,
+      _onClick = _ref6.onClick;
     return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
       key: idx,
       onClick: function onClick(e) {
@@ -148,9 +191,9 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref3) {
     }, text);
   })), isAgentCreatedByCurrentUser && /*#__PURE__*/_react.default.createElement(_dropdownMenu.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.default.createElement(_dropdownMenu.DropdownItem, {
       key: idx,
       onClick: function onClick(e) {

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

@@ -59,7 +59,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 = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isStarred = _useState2[0],
@@ -232,6 +233,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/cjs/components/Agent/AgentProfileCardResourced.js

@@ -102,65 +102,46 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
       return _ref.apply(this, arguments);
     };
   }(), [creatorUserId, fireAnalytics, props.cloudId, props.resourceClient]);
-  var getAgentInfo = (0, _react.useCallback)(function () {
-    return props.resourceClient.getRovoAgentProfile({
-      type: 'identity',
-      value: props.accountId
-    }, fireAnalytics);
-  }, [fireAnalytics, props.accountId, 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) {
+  var fetchData = (0, _react.useCallback)( /*#__PURE__*/(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:
           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();
+          _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]);
   (0, _react.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.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
       reload: function reload() {
@@ -170,19 +151,18 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
       fireAnalytics: function fireAnalytics() {}
     }));
   }
-  if (agentData) {
-    return /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.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.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_lazyAgentProfileCard.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/cjs/components/Agent/hooks/useAgentActions.js

@@ -75,11 +75,15 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
     })));
     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/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: "20.9.0"
+      packageVersion: "20.11.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/ProfileCardClient.js

@@ -78,13 +78,17 @@ class ProfileCardClient {
     var _this$rovoAgentClient2;
     return (_this$rovoAgentClient2 = this.rovoAgentClient) === null || _this$rovoAgentClient2 === void 0 ? void 0 : _this$rovoAgentClient2.getProfile(id, analytics);
   }
-  deleteAgent(id, analytics) {
+  getRovoAgentPermissions(id, fireAnalytics) {
     var _this$rovoAgentClient3;
-    return (_this$rovoAgentClient3 = this.rovoAgentClient) === null || _this$rovoAgentClient3 === void 0 ? void 0 : _this$rovoAgentClient3.deleteAgent(id, analytics);
+    return (_this$rovoAgentClient3 = this.rovoAgentClient) === null || _this$rovoAgentClient3 === void 0 ? void 0 : _this$rovoAgentClient3.getPermissions(id, fireAnalytics);
   }
-  setFavouriteAgent(id, isFavourite, analytics) {
+  deleteAgent(id, analytics) {
     var _this$rovoAgentClient4;
-    return (_this$rovoAgentClient4 = this.rovoAgentClient) === null || _this$rovoAgentClient4 === void 0 ? void 0 : _this$rovoAgentClient4.setFavouriteAgent(id, isFavourite, analytics);
+    return (_this$rovoAgentClient4 = this.rovoAgentClient) === null || _this$rovoAgentClient4 === void 0 ? void 0 : _this$rovoAgentClient4.deleteAgent(id, analytics);
+  }
+  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);
   }
 }
 function maybeCreateTeamCentralClient(config, clients) {

package/dist/es2019/client/RovoAgentCardClient.js

@@ -2,17 +2,16 @@ import { agentRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
 import { getErrorAttributes } from './errorUtils';
-const createHeaders = (product, cloudId) => {
-  const config = {
-    headers: {
-      'X-Product': product,
-      'X-Experience-Id': 'profile-card',
-      'X-Cloudid': cloudId || ''
-    }
-  };
-  return new Headers({
-    ...(config.headers || {})
+const createHeaders = (product, cloudId, isBodyJson) => {
+  const headers = new Headers({
+    'X-Product': product,
+    'X-Experience-Id': 'profile-card',
+    'X-Cloudid': cloudId || ''
   });
+  if (isBodyJson) {
+    headers.set('Content-Type', 'application/json');
+  }
+  return headers;
 };
 export default class RovoAgentCardClient extends CachingClient {
   constructor(options) {
@@ -150,4 +149,43 @@ export default class RovoAgentCardClient extends CachingClient {
       });
     });
   }
+  getPermissions(id, fireAnalytics) {
+    if (!this.options.cloudId) {
+      return Promise.reject(new Error('cloudId is missing'));
+    }
+    return new Promise((resolve, reject) => {
+      const startTime = getPageTime();
+      const product = this.options.productIdentifier || 'rovo';
+      if (fireAnalytics) {
+        fireAnalytics(agentRequestAnalytics('triggered'));
+      }
+      const headers = createHeaders(product, this.options.cloudId, true);
+      fetch(new Request(`/gateway/api/assist/api/rovo/v2/permissions/agents/${id}`, {
+        method: 'POST',
+        credentials: 'include',
+        mode: 'cors',
+        headers,
+        body: JSON.stringify({
+          permission_ids: ['AGENT_CREATE', 'AGENT_UPDATE', 'AGENT_DELETE', 'AGENT_DEACTIVATE', 'AGENT_READ']
+        })
+      })).then(response => response.json()).then(data => {
+        if (fireAnalytics) {
+          fireAnalytics(agentRequestAnalytics('succeeded', 'getAgentPermissions', {
+            duration: getPageTime() - startTime,
+            gateway: true
+          }));
+        }
+        resolve(data);
+      }).catch(error => {
+        if (fireAnalytics) {
+          fireAnalytics(agentRequestAnalytics('failed', 'getAgentPermissions', {
+            duration: getPageTime() - startTime,
+            ...getErrorAttributes(error),
+            gateway: true
+          }));
+        }
+        reject(error);
+      });
+    });
+  }
 }

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const 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 async function getOrgIdForCloudIdFromAGG(url, cloudId) {

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', "20.9.0");
+  headers.append('atl-client-version', "20.11.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {