@atlaskit/rovo-agent-components 3.31.0 → 3.32.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @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

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

@@ -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/es2019/ui/agent-verification-dropdown-item/index.js

@@ -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/esm/ui/agent-verification-dropdown-item/index.js

@@ -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/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 "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-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 "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.31.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",