@atlaskit/rovo-agent-components 3.30.0 → 3.32.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/rovo-agent-components
 
+## 3.32.0
+
+### Minor Changes
+
+- [`32fb2d5d28925`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32fb2d5d28925) -
+  Added 'Verify / Unverify agent' dropdown to rovo chat trigger
+
+## 3.31.0
+
+### Minor Changes
+
+- [`8f3aaeeed50ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f3aaeeed50ec) -
+  Change copy from 'Unverify agent' to 'Remove verification'
+
 ## 3.30.0
 
 ### Minor Changes

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

@@ -60,15 +60,5 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
     id: 'rovo-chat.view-agents.use-template-button',
     defaultMessage: 'Use template',
     description: 'Button to copy and use a template'
-  },
-  verifyAgent: {
-    id: 'rovo-chat.view-agents.verify-agent',
-    defaultMessage: 'Verify agent',
-    description: 'Button to verify an agent'
-  },
-  unverifyAgent: {
-    id: 'rovo-chat.view-agents.unverify-agent',
-    defaultMessage: 'Unverify agent',
-    description: 'Button to unverify an agent'
   }
 });

package/dist/cjs/ui/agent-verification-dropdown-item/index.js

@@ -22,7 +22,7 @@ var _messages = _interopRequireDefault(require("./messages"));
 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); }
 /**
  * A dropdown item for verifying or unverifying an agent.
- * Renders "Verify agent" if the agent is not verified, or "Unverify agent" if it is.
+ * Renders "Verify agent" if the agent is not verified, or "Remove verification" if it is.
  * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
  */
 var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = function AgentVerificationDropdownItem(_ref) {
@@ -31,7 +31,8 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
     userPermissionsRef = _ref.userPermissionsRef,
     onClick = _ref.onClick,
     onVerificationSuccess = _ref.onVerificationSuccess,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    renderItem = _ref.renderItem;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useFlags = (0, _flag.useFlags)(),
@@ -49,8 +50,9 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
     trackAgentAction = _useRovoAgentActionAn.trackAgentAction,
     trackAgentActionError = _useRovoAgentActionAn.trackAgentActionError;
   var _useMutation = (0, _reactRelay.useMutation)(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation2.default),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-    commitUpdateVerification = _useMutation2[0];
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
+    commitUpdateVerification = _useMutation2[0],
+    isPending = _useMutation2[1];
   var handleError = (0, _react.useCallback)(function (verified, errorMessage) {
     showFlag({
       title: formatMessage(verified ? _messages.default.verifyErrorTitle : _messages.default.unverifyErrorTitle),
@@ -107,6 +109,10 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
       }
     });
   }, [agentId, commitUpdateVerification, formatMessage, handleError, onClick, onVerificationSuccess, showFlag, trackAgentAction, trackAgentActionError]);
+  var labelText = formatMessage(isVerified ? _messages.default.unverifyAgentLabel : _messages.default.verifyAgentLabel);
+  var handleOnClick = function handleOnClick() {
+    return handleUpdateVerification(!isVerified);
+  };
   if (
   // Don't render if agent ID is not available
   !agentId ||
@@ -114,10 +120,18 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
   !isAbleToGovernAgents) {
     return null;
   }
+
+  // Use custom render or default to DropdownItem
+  if (renderItem) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderItem({
+      isPending: isPending,
+      isVerified: isVerified,
+      labelText: labelText,
+      onClick: handleOnClick
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     testId: testId,
-    onClick: function onClick() {
-      return handleUpdateVerification(!isVerified);
-    }
-  }, formatMessage(isVerified ? _messages.default.unverifyAgentLabel : _messages.default.verifyAgentLabel));
+    onClick: handleOnClick
+  }, labelText);
 };

package/dist/cjs/ui/agent-verification-dropdown-item/messages.js

@@ -13,8 +13,8 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   },
   unverifyAgentLabel: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-agent',
-    defaultMessage: 'Unverify agent',
-    description: 'Label for unverify agent dropdown menu item'
+    defaultMessage: 'Remove verification',
+    description: 'Label for remove verification dropdown menu item'
   },
   verifySuccessTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-success-title',
@@ -23,8 +23,8 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   },
   unverifySuccessTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-success-title',
-    defaultMessage: 'Agent unverified',
-    description: 'Title for success flag when agent is unverified'
+    defaultMessage: 'Verification removed',
+    description: 'Title for success flag when agent verification is removed'
   },
   verifyErrorTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-error-title',
@@ -33,8 +33,8 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   },
   unverifyErrorTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-error-title',
-    defaultMessage: 'Failed to unverify agent',
-    description: 'Title for error flag when unverifying agent fails'
+    defaultMessage: 'Failed to remove verification',
+    description: 'Title for error flag when removing agent verification fails'
   },
   errorDescription: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.error-description',

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

@@ -54,15 +54,5 @@ export default defineMessages({
     id: 'rovo-chat.view-agents.use-template-button',
     defaultMessage: 'Use template',
     description: 'Button to copy and use a template'
-  },
-  verifyAgent: {
-    id: 'rovo-chat.view-agents.verify-agent',
-    defaultMessage: 'Verify agent',
-    description: 'Button to verify an agent'
-  },
-  unverifyAgent: {
-    id: 'rovo-chat.view-agents.unverify-agent',
-    defaultMessage: 'Unverify agent',
-    description: 'Button to unverify an agent'
   }
 });

package/dist/es2019/ui/agent-verification-dropdown-item/index.js

@@ -12,7 +12,7 @@ import { AgentActions, useRovoAgentActionAnalytics } from '@atlaskit/rovo-agent-
 import messages from './messages';
 /**
  * A dropdown item for verifying or unverifying an agent.
- * Renders "Verify agent" if the agent is not verified, or "Unverify agent" if it is.
+ * Renders "Verify agent" if the agent is not verified, or "Remove verification" if it is.
  * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
  */
 export const AgentVerificationDropdownItem = ({
@@ -20,7 +20,8 @@ export const AgentVerificationDropdownItem = ({
   userPermissionsRef,
   onClick,
   onVerificationSuccess,
-  testId
+  testId,
+  renderItem
 }) => {
   var _userPermissions$isAb, _agentData$isVerified;
   const {
@@ -42,7 +43,7 @@ export const AgentVerificationDropdownItem = ({
     agentId,
     isAbleToGovernAgents
   });
-  const [commitUpdateVerification] = useMutation(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation);
+  const [commitUpdateVerification, isPending] = useMutation(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation);
   const handleError = useCallback((verified, errorMessage) => {
     showFlag({
       title: formatMessage(verified ? messages.verifyErrorTitle : messages.unverifyErrorTitle),
@@ -99,6 +100,8 @@ export const AgentVerificationDropdownItem = ({
       }
     });
   }, [agentId, commitUpdateVerification, formatMessage, handleError, onClick, onVerificationSuccess, showFlag, trackAgentAction, trackAgentActionError]);
+  const labelText = formatMessage(isVerified ? messages.unverifyAgentLabel : messages.verifyAgentLabel);
+  const handleOnClick = () => handleUpdateVerification(!isVerified);
   if (
   // Don't render if agent ID is not available
   !agentId ||
@@ -106,8 +109,18 @@ export const AgentVerificationDropdownItem = ({
   !isAbleToGovernAgents) {
     return null;
   }
+
+  // Use custom render or default to DropdownItem
+  if (renderItem) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem({
+      isPending,
+      isVerified,
+      labelText,
+      onClick: handleOnClick
+    }));
+  }
   return /*#__PURE__*/React.createElement(DropdownItem, {
     testId: testId,
-    onClick: () => handleUpdateVerification(!isVerified)
-  }, formatMessage(isVerified ? messages.unverifyAgentLabel : messages.verifyAgentLabel));
+    onClick: handleOnClick
+  }, labelText);
 };

package/dist/es2019/ui/agent-verification-dropdown-item/messages.js

@@ -7,8 +7,8 @@ export default defineMessages({
   },
   unverifyAgentLabel: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-agent',
-    defaultMessage: 'Unverify agent',
-    description: 'Label for unverify agent dropdown menu item'
+    defaultMessage: 'Remove verification',
+    description: 'Label for remove verification dropdown menu item'
   },
   verifySuccessTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-success-title',
@@ -17,8 +17,8 @@ export default defineMessages({
   },
   unverifySuccessTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-success-title',
-    defaultMessage: 'Agent unverified',
-    description: 'Title for success flag when agent is unverified'
+    defaultMessage: 'Verification removed',
+    description: 'Title for success flag when agent verification is removed'
   },
   verifyErrorTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-error-title',
@@ -27,8 +27,8 @@ export default defineMessages({
   },
   unverifyErrorTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-error-title',
-    defaultMessage: 'Failed to unverify agent',
-    description: 'Title for error flag when unverifying agent fails'
+    defaultMessage: 'Failed to remove verification',
+    description: 'Title for error flag when removing agent verification fails'
   },
   errorDescription: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.error-description',

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

@@ -54,15 +54,5 @@ export default defineMessages({
     id: 'rovo-chat.view-agents.use-template-button',
     defaultMessage: 'Use template',
     description: 'Button to copy and use a template'
-  },
-  verifyAgent: {
-    id: 'rovo-chat.view-agents.verify-agent',
-    defaultMessage: 'Verify agent',
-    description: 'Button to verify an agent'
-  },
-  unverifyAgent: {
-    id: 'rovo-chat.view-agents.unverify-agent',
-    defaultMessage: 'Unverify agent',
-    description: 'Button to unverify an agent'
   }
 });

package/dist/esm/ui/agent-verification-dropdown-item/index.js

@@ -13,7 +13,7 @@ import { AgentActions, useRovoAgentActionAnalytics } from '@atlaskit/rovo-agent-
 import messages from './messages';
 /**
  * A dropdown item for verifying or unverifying an agent.
- * Renders "Verify agent" if the agent is not verified, or "Unverify agent" if it is.
+ * Renders "Verify agent" if the agent is not verified, or "Remove verification" if it is.
  * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
  */
 export var AgentVerificationDropdownItem = function AgentVerificationDropdownItem(_ref) {
@@ -22,7 +22,8 @@ export var AgentVerificationDropdownItem = function AgentVerificationDropdownIte
     userPermissionsRef = _ref.userPermissionsRef,
     onClick = _ref.onClick,
     onVerificationSuccess = _ref.onVerificationSuccess,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    renderItem = _ref.renderItem;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useFlags = useFlags(),
@@ -40,8 +41,9 @@ export var AgentVerificationDropdownItem = function AgentVerificationDropdownIte
     trackAgentAction = _useRovoAgentActionAn.trackAgentAction,
     trackAgentActionError = _useRovoAgentActionAn.trackAgentActionError;
   var _useMutation = useMutation(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation),
-    _useMutation2 = _slicedToArray(_useMutation, 1),
-    commitUpdateVerification = _useMutation2[0];
+    _useMutation2 = _slicedToArray(_useMutation, 2),
+    commitUpdateVerification = _useMutation2[0],
+    isPending = _useMutation2[1];
   var handleError = useCallback(function (verified, errorMessage) {
     showFlag({
       title: formatMessage(verified ? messages.verifyErrorTitle : messages.unverifyErrorTitle),
@@ -98,6 +100,10 @@ export var AgentVerificationDropdownItem = function AgentVerificationDropdownIte
       }
     });
   }, [agentId, commitUpdateVerification, formatMessage, handleError, onClick, onVerificationSuccess, showFlag, trackAgentAction, trackAgentActionError]);
+  var labelText = formatMessage(isVerified ? messages.unverifyAgentLabel : messages.verifyAgentLabel);
+  var handleOnClick = function handleOnClick() {
+    return handleUpdateVerification(!isVerified);
+  };
   if (
   // Don't render if agent ID is not available
   !agentId ||
@@ -105,10 +111,18 @@ export var AgentVerificationDropdownItem = function AgentVerificationDropdownIte
   !isAbleToGovernAgents) {
     return null;
   }
+
+  // Use custom render or default to DropdownItem
+  if (renderItem) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem({
+      isPending: isPending,
+      isVerified: isVerified,
+      labelText: labelText,
+      onClick: handleOnClick
+    }));
+  }
   return /*#__PURE__*/React.createElement(DropdownItem, {
     testId: testId,
-    onClick: function onClick() {
-      return handleUpdateVerification(!isVerified);
-    }
-  }, formatMessage(isVerified ? messages.unverifyAgentLabel : messages.verifyAgentLabel));
+    onClick: handleOnClick
+  }, labelText);
 };

package/dist/esm/ui/agent-verification-dropdown-item/messages.js

@@ -7,8 +7,8 @@ export default defineMessages({
   },
   unverifyAgentLabel: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-agent',
-    defaultMessage: 'Unverify agent',
-    description: 'Label for unverify agent dropdown menu item'
+    defaultMessage: 'Remove verification',
+    description: 'Label for remove verification dropdown menu item'
   },
   verifySuccessTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-success-title',
@@ -17,8 +17,8 @@ export default defineMessages({
   },
   unverifySuccessTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-success-title',
-    defaultMessage: 'Agent unverified',
-    description: 'Title for success flag when agent is unverified'
+    defaultMessage: 'Verification removed',
+    description: 'Title for success flag when agent verification is removed'
   },
   verifyErrorTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-error-title',
@@ -27,8 +27,8 @@ export default defineMessages({
   },
   unverifyErrorTitle: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-error-title',
-    defaultMessage: 'Failed to unverify agent',
-    description: 'Title for error flag when unverifying agent fails'
+    defaultMessage: 'Failed to remove verification',
+    description: 'Title for error flag when removing agent verification fails'
   },
   errorDescription: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.error-description',

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

@@ -54,15 +54,5 @@ declare const _default: {
         readonly defaultMessage: "Use template";
         readonly description: "Button to copy and use a template";
     };
-    readonly verifyAgent: {
-        readonly id: "rovo-chat.view-agents.verify-agent";
-        readonly defaultMessage: "Verify agent";
-        readonly description: "Button to verify an agent";
-    };
-    readonly unverifyAgent: {
-        readonly id: "rovo-chat.view-agents.unverify-agent";
-        readonly defaultMessage: "Unverify agent";
-        readonly description: "Button to unverify an agent";
-    };
 };
 export default _default;

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

@@ -17,10 +17,20 @@ export type AgentVerificationDropdownItemProps = {
      * Test ID for the dropdown item.
      */
     testId?: string;
+    /**
+     * Render function for custom dropdown component.
+     * If not provided, defaults to DropdownItem.
+     */
+    renderItem?: (props: {
+        isPending: boolean;
+        isVerified: boolean;
+        labelText: string;
+        onClick: () => void;
+    }) => React.ReactNode;
 };
 /**
  * A dropdown item for verifying or unverifying an agent.
- * Renders "Verify agent" if the agent is not verified, or "Unverify agent" if it is.
+ * Renders "Verify agent" if the agent is not verified, or "Remove verification" if it is.
  * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
  */
-export declare const AgentVerificationDropdownItem: ({ agentRef, userPermissionsRef, onClick, onVerificationSuccess, testId, }: AgentVerificationDropdownItemProps) => React.JSX.Element | null;
+export declare const AgentVerificationDropdownItem: ({ agentRef, userPermissionsRef, onClick, onVerificationSuccess, testId, renderItem, }: AgentVerificationDropdownItemProps) => React.JSX.Element | null;

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

@@ -54,15 +54,5 @@ declare const _default: {
         readonly defaultMessage: "Use template";
         readonly description: "Button to copy and use a template";
     };
-    readonly verifyAgent: {
-        readonly id: "rovo-chat.view-agents.verify-agent";
-        readonly defaultMessage: "Verify agent";
-        readonly description: "Button to verify an agent";
-    };
-    readonly unverifyAgent: {
-        readonly id: "rovo-chat.view-agents.unverify-agent";
-        readonly defaultMessage: "Unverify agent";
-        readonly description: "Button to unverify an agent";
-    };
 };
 export default _default;

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

@@ -17,10 +17,20 @@ export type AgentVerificationDropdownItemProps = {
      * Test ID for the dropdown item.
      */
     testId?: string;
+    /**
+     * Render function for custom dropdown component.
+     * If not provided, defaults to DropdownItem.
+     */
+    renderItem?: (props: {
+        isPending: boolean;
+        isVerified: boolean;
+        labelText: string;
+        onClick: () => void;
+    }) => React.ReactNode;
 };
 /**
  * A dropdown item for verifying or unverifying an agent.
- * Renders "Verify agent" if the agent is not verified, or "Unverify agent" if it is.
+ * Renders "Verify agent" if the agent is not verified, or "Remove verification" if it is.
  * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
  */
-export declare const AgentVerificationDropdownItem: ({ agentRef, userPermissionsRef, onClick, onVerificationSuccess, testId, }: AgentVerificationDropdownItemProps) => React.JSX.Element | null;
+export declare const AgentVerificationDropdownItem: ({ agentRef, userPermissionsRef, onClick, onVerificationSuccess, testId, renderItem, }: AgentVerificationDropdownItemProps) => React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.30.0",
+	"version": "3.32.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",