@atlaskit/rovo-agent-components 3.24.0 → 3.26.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/rovo-agent-components
 
+## 3.26.0
+
+### Minor Changes
+
+- [`d0e843139fc33`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0e843139fc33) -
+  [ux] use agent verification dropdown item for view agent in browse agent
+
+## 3.25.0
+
+### Minor Changes
+
+- [`7dcb34bc033ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7dcb34bc033ba) -
+  Created new component `AgentVerifiedIcon`
+
 ## 3.24.0
 
 ### Minor Changes

package/dist/cjs/ui/agent-dropdown-menu/index.js

@@ -22,6 +22,7 @@ var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/sh
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _chatIcon = require("../../common/ui/chat-icon");
+var _agentVerificationDropdownItem = require("../agent-verification-dropdown-item");
 var _messages = _interopRequireDefault(require("./messages"));
 var _excluded = ["triggerRef"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -55,6 +56,7 @@ var ChatToAgentButton = exports.ChatToAgentButton = function ChatToAgentButton(_
 };
 var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
   var isAutodevTemplateAgent = _ref2.isAutodevTemplateAgent,
+    agentId = _ref2.agentId,
     onEditAgent = _ref2.onEditAgent,
     onCopyAgent = _ref2.onCopyAgent,
     onDuplicateAgent = _ref2.onDuplicateAgent,
@@ -74,8 +76,8 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
     loadPermissionsOnMount = _ref2.loadPermissionsOnMount,
     shouldTriggerStopPropagation = _ref2.shouldTriggerStopPropagation,
     agentName = _ref2.agentName,
-    isVerified = _ref2.isVerified,
-    isAbleToGovernAgents = _ref2.isAbleToGovernAgents;
+    agentRef = _ref2.agentRef,
+    userPermissionsRef = _ref2.userPermissionsRef;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
@@ -195,7 +197,10 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
       setHasBeenCopied(true);
       onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
     }
-  }, formatMessage(hasBeenCopied ? _messages.default.linkedCopiedToProfile : _messages.default.copyLinkToProfile)), isAbleToGovernAgents && (0, _platformFeatureFlags.fg)('rovo_agents_agent_verification') && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-    onClick: function onClick() {}
-  }, formatMessage(isVerified ? _messages.default.unverifyAgent : _messages.default.verifyAgent))), renderEditDelete());
+  }, formatMessage(hasBeenCopied ? _messages.default.linkedCopiedToProfile : _messages.default.copyLinkToProfile)), agentRef && userPermissionsRef && (0, _platformFeatureFlags.fg)('rovo_agents_agent_verification') && /*#__PURE__*/_react.default.createElement(_agentVerificationDropdownItem.AgentVerificationDropdownItem, {
+    agentId: agentId,
+    agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
+    userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
+    testId: "agent-actions-menu-verification"
+  })), renderEditDelete());
 };

package/dist/cjs/ui/agent-verified/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AgentVerified = void 0;
+exports.AgentVerifiedIcon = exports.AgentVerified = void 0;
 var _agentVerified_AtlaskitRovoAgentComponents2 = _interopRequireDefault(require("./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -16,12 +16,19 @@ var AgentVerified = exports.AgentVerified = function AgentVerified(_ref) {
   var agentRef = _ref.agentRef,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'small' : _ref$size;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
   var data = (0, _reactRelay.useFragment)(_agentVerified_AtlaskitRovoAgentComponents2.default, agentRef);
   if (!(data !== null && data !== void 0 && data.isVerified)) {
     return null;
   }
+  return /*#__PURE__*/_react.default.createElement(AgentVerifiedIcon, {
+    size: size
+  });
+};
+var AgentVerifiedIcon = exports.AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'small' : _ref2$size;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: formatMessage(_messages.default.verifiedAgentTooltip)
   }, /*#__PURE__*/_react.default.createElement(_statusVerified.default, {

package/dist/es2019/ui/agent-dropdown-menu/index.js

@@ -10,6 +10,7 @@ import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { ChatPillIcon } from '../../common/ui/chat-icon';
+import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
 import messages from './messages';
 const styles = {
   chatToAgentButtonContainer: "_1bsb1osq",
@@ -43,6 +44,7 @@ export const ChatToAgentButton = ({
 };
 export const AgentDropdownMenu = ({
   isAutodevTemplateAgent,
+  agentId,
   onEditAgent,
   onCopyAgent,
   onDuplicateAgent,
@@ -61,8 +63,8 @@ export const AgentDropdownMenu = ({
   loadPermissionsOnMount,
   shouldTriggerStopPropagation,
   agentName,
-  isVerified,
-  isAbleToGovernAgents
+  agentRef,
+  userPermissionsRef
 }) => {
   const [isLoading, setIsLoading] = useState(false);
   const {
@@ -155,7 +157,10 @@ export const AgentDropdownMenu = ({
       setHasBeenCopied(true);
       onCopyAgent === null || onCopyAgent === void 0 ? void 0 : onCopyAgent(e);
     }
-  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), isAbleToGovernAgents && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(DropdownItem, {
-    onClick: () => {}
-  }, formatMessage(isVerified ? messages.unverifyAgent : messages.verifyAgent))), renderEditDelete());
+  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), agentRef && userPermissionsRef && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(AgentVerificationDropdownItem, {
+    agentId: agentId,
+    agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
+    userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
+    testId: "agent-actions-menu-verification"
+  })), renderEditDelete());
 };

package/dist/es2019/ui/agent-verified/index.js

@@ -9,13 +9,20 @@ export const AgentVerified = ({
   agentRef,
   size = 'small'
 }) => {
-  const {
-    formatMessage
-  } = useIntl();
   const data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
   if (!(data !== null && data !== void 0 && data.isVerified)) {
     return null;
   }
+  return /*#__PURE__*/React.createElement(AgentVerifiedIcon, {
+    size: size
+  });
+};
+export const AgentVerifiedIcon = ({
+  size = 'small'
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.verifiedAgentTooltip)
   }, /*#__PURE__*/React.createElement(VerifiedIcon, {

package/dist/esm/ui/agent-dropdown-menu/index.js

@@ -15,6 +15,7 @@ import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { ChatPillIcon } from '../../common/ui/chat-icon';
+import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
 import messages from './messages';
 var styles = {
   chatToAgentButtonContainer: "_1bsb1osq",
@@ -46,6 +47,7 @@ export var ChatToAgentButton = function ChatToAgentButton(_ref) {
 };
 export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
   var isAutodevTemplateAgent = _ref2.isAutodevTemplateAgent,
+    agentId = _ref2.agentId,
     onEditAgent = _ref2.onEditAgent,
     onCopyAgent = _ref2.onCopyAgent,
     onDuplicateAgent = _ref2.onDuplicateAgent,
@@ -65,8 +67,8 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
     loadPermissionsOnMount = _ref2.loadPermissionsOnMount,
     shouldTriggerStopPropagation = _ref2.shouldTriggerStopPropagation,
     agentName = _ref2.agentName,
-    isVerified = _ref2.isVerified,
-    isAbleToGovernAgents = _ref2.isAbleToGovernAgents;
+    agentRef = _ref2.agentRef,
+    userPermissionsRef = _ref2.userPermissionsRef;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
@@ -186,7 +188,10 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
       setHasBeenCopied(true);
       onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
     }
-  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), isAbleToGovernAgents && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(DropdownItem, {
-    onClick: function onClick() {}
-  }, formatMessage(isVerified ? messages.unverifyAgent : messages.verifyAgent))), renderEditDelete());
+  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), agentRef && userPermissionsRef && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(AgentVerificationDropdownItem, {
+    agentId: agentId,
+    agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
+    userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
+    testId: "agent-actions-menu-verification"
+  })), renderEditDelete());
 };

package/dist/esm/ui/agent-verified/index.js

@@ -9,12 +9,19 @@ export var AgentVerified = function AgentVerified(_ref) {
   var agentRef = _ref.agentRef,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'small' : _ref$size;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
   var data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
   if (!(data !== null && data !== void 0 && data.isVerified)) {
     return null;
   }
+  return /*#__PURE__*/React.createElement(AgentVerifiedIcon, {
+    size: size
+  });
+};
+export var AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'small' : _ref2$size;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.verifiedAgentTooltip)
   }, /*#__PURE__*/React.createElement(VerifiedIcon, {

package/dist/types/ui/agent-dropdown-menu/index.d.ts

@@ -6,6 +6,7 @@ import React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type ButtonProps, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
+import { type AgentVerificationDropdownItemProps } from '../agent-verification-dropdown-item';
 type ChatToAgentButtonProps = {
     onClick: ButtonProps['onClick'];
 };
@@ -45,8 +46,6 @@ type AgentDropdownMenuProps = {
         isEditEnabled: boolean;
         isDeleteEnabled: boolean;
     }>;
-    isVerified?: boolean | null;
-    isAbleToGovernAgents?: boolean | null;
-} & ViewAgentOptionProps & ViewAgentFullProfileProps;
-export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, isVerified, isAbleToGovernAgents, }: AgentDropdownMenuProps) => JSX.Element;
+} & ViewAgentOptionProps & ViewAgentFullProfileProps & Partial<Pick<AgentVerificationDropdownItemProps, 'agentRef' | 'userPermissionsRef'>>;
+export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, agentId, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, agentRef, userPermissionsRef, }: AgentDropdownMenuProps) => JSX.Element;
 export {};

package/dist/types/ui/agent-verified/index.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
 import type { IconSize } from '@atlaskit/icon';
 import type { agentVerified_AtlaskitRovoAgentComponents$key } from './__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql';
-export declare const AgentVerified: ({ agentRef, size, }: {
+export type AgentVerifiedProps = {
     agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
     size?: IconSize;
-}) => React.JSX.Element | null;
+};
+export declare const AgentVerified: ({ agentRef, size, }: AgentVerifiedProps) => React.JSX.Element | null;
+export type AgentVerifiedIconProps = {
+    size?: IconSize;
+};
+export declare const AgentVerifiedIcon: ({ size }: AgentVerifiedIconProps) => React.JSX.Element;

package/dist/types-ts4.5/ui/agent-dropdown-menu/index.d.ts

@@ -6,6 +6,7 @@ import React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type ButtonProps, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
+import { type AgentVerificationDropdownItemProps } from '../agent-verification-dropdown-item';
 type ChatToAgentButtonProps = {
     onClick: ButtonProps['onClick'];
 };
@@ -45,8 +46,6 @@ type AgentDropdownMenuProps = {
         isEditEnabled: boolean;
         isDeleteEnabled: boolean;
     }>;
-    isVerified?: boolean | null;
-    isAbleToGovernAgents?: boolean | null;
-} & ViewAgentOptionProps & ViewAgentFullProfileProps;
-export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, isVerified, isAbleToGovernAgents, }: AgentDropdownMenuProps) => JSX.Element;
+} & ViewAgentOptionProps & ViewAgentFullProfileProps & Partial<Pick<AgentVerificationDropdownItemProps, 'agentRef' | 'userPermissionsRef'>>;
+export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, agentId, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, agentRef, userPermissionsRef, }: AgentDropdownMenuProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-verified/index.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
 import type { IconSize } from '@atlaskit/icon';
 import type { agentVerified_AtlaskitRovoAgentComponents$key } from './__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql';
-export declare const AgentVerified: ({ agentRef, size, }: {
+export type AgentVerifiedProps = {
     agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
     size?: IconSize;
-}) => React.JSX.Element | null;
+};
+export declare const AgentVerified: ({ agentRef, size, }: AgentVerifiedProps) => React.JSX.Element | null;
+export type AgentVerifiedIconProps = {
+    size?: IconSize;
+};
+export declare const AgentVerifiedIcon: ({ size }: AgentVerifiedIconProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.24.0",
+	"version": "3.26.0",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -74,9 +74,6 @@
 	},
 	"techstack": {
 		"@atlassian/frontend": {
-			"code-structure": [
-				"tangerine-next"
-			],
 			"import-structure": [
 				"atlassian-conventions"
 			],