@atlaskit/rovo-agent-components 3.22.0 → 3.23.1

package/dist/es2019/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation.graphql.js

@@ -0,0 +1,116 @@
+/**
+ * @generated SignedSource<<e119306497999ac48bfef5821a96f2eb>>
+ * @relayHash 426410e11638597e4a12069dd5a8be16
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID e3ee432c0fc33e7c2f8bfeac0ba4eaedbab44694541de64c5219ab207398f3c0
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "id"
+    }, {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "verified"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "id",
+      "variableName": "id"
+    }, {
+      "kind": "Variable",
+      "name": "verified",
+      "variableName": "verified"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "success"
+    },
+    v3 = {
+      "concreteType": "MutationError",
+      "kind": "LinkedField",
+      "name": "errors",
+      "plural": true,
+      "selections": [{
+        "kind": "ScalarField",
+        "name": "message"
+      }]
+    },
+    v4 = {
+      "kind": "ScalarField",
+      "name": "id"
+    },
+    v5 = {
+      "kind": "ScalarField",
+      "name": "isVerified"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioUpdateAgentVerificationPayload",
+        "kind": "LinkedField",
+        "name": "agentStudio_updateAgentVerification",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/, {
+          "kind": "LinkedField",
+          "name": "agent",
+          "plural": false,
+          "selections": [{
+            "kind": "InlineFragment",
+            "selections": [v4 /*: any*/, v5 /*: any*/],
+            "type": "AgentStudioAssistant"
+          }]
+        }]
+      }],
+      "type": "Mutation"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioUpdateAgentVerificationPayload",
+        "kind": "LinkedField",
+        "name": "agentStudio_updateAgentVerification",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/, {
+          "kind": "LinkedField",
+          "name": "agent",
+          "plural": false,
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "__typename"
+          }, v4 /*: any*/, {
+            "kind": "InlineFragment",
+            "selections": [v5 /*: any*/],
+            "type": "AgentStudioAssistant"
+          }]
+        }]
+      }]
+    },
+    "params": {
+      "id": "e3ee432c0fc33e7c2f8bfeac0ba4eaedbab44694541de64c5219ab207398f3c0",
+      "metadata": {},
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "operationKind": "mutation",
+      "text": null
+    }
+  };
+}();
+node.hash = "215d57ba82c69595cbed5235ec1fec93";
+export default node;

package/dist/es2019/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<3ba8bcbc18cbb9766a1547794c6c98af>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isAbleToGovernAgents"
+  }],
+  "type": "AtlassianStudioUserProductPermissions"
+};
+node.hash = "5addff9015092fd6e1870a9f51056493";
+export default node;

package/dist/es2019/ui/agent-verification-dropdown-item/__generated__/testAgentVerificationDropdownItemQuery.graphql.js

@@ -0,0 +1,180 @@
+/**
+ * @generated SignedSource<<251e7c171e33da0a0b2e0e8041d77493>>
+ * @relayHash 79a628a32ef254ccf6142a38adf8ecca
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID 790e12806b8a31f23c8834d4c00327ae778a10fab62bf682c07e39e2b2349465
+
+const node = function () {
+  var v0 = [{
+      "kind": "Literal",
+      "name": "id",
+      "value": "test-agent-id"
+    }],
+    v1 = [{
+      "kind": "Literal",
+      "name": "cloudId",
+      "value": "test-cloud-id"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "__typename"
+    },
+    v3 = {
+      "enumValues": null,
+      "nullable": false,
+      "plural": false,
+      "type": "String"
+    },
+    v4 = {
+      "enumValues": null,
+      "nullable": true,
+      "plural": false,
+      "type": "Boolean"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "name": "testAgentVerificationDropdownItemQuery",
+      "selections": [{
+        "kind": "RequiredField",
+        "field": {
+          "args": v0 /*: any*/,
+          "kind": "LinkedField",
+          "name": "agentStudio_agentById",
+          "plural": false,
+          "selections": [{
+            "kind": "InlineFragment",
+            "selections": [{
+              "kind": "FragmentSpread",
+              "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef"
+            }],
+            "type": "AgentStudioAssistant"
+          }],
+          "storageKey": "agentStudio_agentById(id:\"test-agent-id\")"
+        },
+        "action": "THROW",
+        "path": "agentStudio_agentById"
+      }, {
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "atlassianStudio_userSiteContext",
+        "plural": false,
+        "selections": [{
+          "kind": "InlineFragment",
+          "selections": [{
+            "concreteType": "AtlassianStudioUserProductPermissions",
+            "kind": "LinkedField",
+            "name": "userPermissions",
+            "plural": false,
+            "selections": [{
+              "kind": "FragmentSpread",
+              "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef"
+            }]
+          }],
+          "type": "AtlassianStudioUserSiteContextOutput"
+        }],
+        "storageKey": "atlassianStudio_userSiteContext(cloudId:\"test-cloud-id\")"
+      }],
+      "type": "Query"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "testAgentVerificationDropdownItemQuery",
+      "selections": [{
+        "args": v0 /*: any*/,
+        "kind": "LinkedField",
+        "name": "agentStudio_agentById",
+        "plural": false,
+        "selections": [v2 /*: any*/, {
+          "kind": "InlineFragment",
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "isVerified"
+          }],
+          "type": "AgentStudioAssistant"
+        }, {
+          "kind": "InlineFragment",
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "id"
+          }],
+          "type": "Node",
+          "abstractKey": "__isNode"
+        }],
+        "storageKey": "agentStudio_agentById(id:\"test-agent-id\")"
+      }, {
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "atlassianStudio_userSiteContext",
+        "plural": false,
+        "selections": [v2 /*: any*/, {
+          "kind": "InlineFragment",
+          "selections": [{
+            "concreteType": "AtlassianStudioUserProductPermissions",
+            "kind": "LinkedField",
+            "name": "userPermissions",
+            "plural": false,
+            "selections": [{
+              "kind": "ScalarField",
+              "name": "isAbleToGovernAgents"
+            }]
+          }],
+          "type": "AtlassianStudioUserSiteContextOutput"
+        }],
+        "storageKey": "atlassianStudio_userSiteContext(cloudId:\"test-cloud-id\")"
+      }]
+    },
+    "params": {
+      "id": "790e12806b8a31f23c8834d4c00327ae778a10fab62bf682c07e39e2b2349465",
+      "metadata": {
+        "relayTestingSelectionTypeInfo": {
+          "agentStudio_agentById": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AgentStudioAgentResult"
+          },
+          "agentStudio_agentById.__isNode": v3 /*: any*/,
+          "agentStudio_agentById.__typename": v3 /*: any*/,
+          "agentStudio_agentById.id": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": false,
+            "type": "ID"
+          },
+          "agentStudio_agentById.isVerified": v4 /*: any*/,
+          "atlassianStudio_userSiteContext": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AtlassianStudioUserSiteContextResult"
+          },
+          "atlassianStudio_userSiteContext.__typename": v3 /*: any*/,
+          "atlassianStudio_userSiteContext.userPermissions": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AtlassianStudioUserProductPermissions"
+          },
+          "atlassianStudio_userSiteContext.userPermissions.isAbleToGovernAgents": v4 /*: any*/
+        }
+      },
+      "name": "testAgentVerificationDropdownItemQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "19dfd01b36565c5a9ddf6cfed9c3594f";
+export default node;

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

@@ -0,0 +1,102 @@
+import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation.graphql";
+import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql";
+import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql";
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, useFragment, useMutation } from 'react-relay';
+import { DropdownItem } from '@atlaskit/dropdown-menu';
+import { useFlags } from '@atlaskit/flag';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
+import SuccessIcon from '@atlaskit/icon/core/status-success';
+import { AgentActions, useRovoAgentActionAnalytics } from '@atlaskit/rovo-agent-analytics/actions';
+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.
+ * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
+ */
+export const AgentVerificationDropdownItem = ({
+  agentId,
+  agentRef,
+  userPermissionsRef,
+  onClick,
+  testId
+}) => {
+  var _userPermissions$isAb, _agentData$isVerified;
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    showFlag
+  } = useFlags();
+  const agentData = useFragment(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef, agentRef);
+  const userPermissions = useFragment(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef, userPermissionsRef);
+  const isAbleToGovernAgents = (_userPermissions$isAb = userPermissions === null || userPermissions === void 0 ? void 0 : userPermissions.isAbleToGovernAgents) !== null && _userPermissions$isAb !== void 0 ? _userPermissions$isAb : false;
+  const isVerified = (_agentData$isVerified = agentData === null || agentData === void 0 ? void 0 : agentData.isVerified) !== null && _agentData$isVerified !== void 0 ? _agentData$isVerified : false;
+  const {
+    trackAgentAction,
+    trackAgentActionError
+  } = useRovoAgentActionAnalytics({
+    touchPoint: 'agent-verification-dropdown-item',
+    agentId,
+    isAbleToGovernAgents
+  });
+  const [commitUpdateVerification] = useMutation(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation);
+  const handleError = useCallback((verified, errorMessage) => {
+    showFlag({
+      title: formatMessage(verified ? messages.verifyErrorTitle : messages.unverifyErrorTitle),
+      description: formatMessage(messages.errorDescription, {
+        errorMessage
+      }),
+      appearance: 'error',
+      icon: /*#__PURE__*/React.createElement(ErrorIcon, {
+        spacing: "spacious",
+        label: ""
+      })
+    });
+  }, [formatMessage, showFlag]);
+  const handleUpdateVerification = useCallback(verified => {
+    onClick === null || onClick === void 0 ? void 0 : onClick();
+    commitUpdateVerification({
+      variables: {
+        id: agentId,
+        verified
+      },
+      onCompleted: (_, errors) => {
+        if (errors && errors.length > 0) {
+          const errorMessage = errors[0].message;
+          trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, new Error(errorMessage), {
+            agentId
+          });
+          handleError(verified, errorMessage);
+          return;
+        }
+        trackAgentAction(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, {});
+        showFlag({
+          title: formatMessage(verified ? messages.verifySuccessTitle : messages.unverifySuccessTitle),
+          appearance: 'success',
+          isAutoDismiss: true,
+          icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+            spacing: "spacious",
+            label: ""
+          })
+        });
+      },
+      onError: error => {
+        trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, error, {
+          agentId
+        });
+        handleError(verified, error.message);
+      }
+    });
+  }, [agentId, commitUpdateVerification, formatMessage, handleError, onClick, showFlag, trackAgentAction, trackAgentActionError]);
+
+  // Don't render if user doesn't have permission
+  if (!isAbleToGovernAgents) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: testId,
+    onClick: () => handleUpdateVerification(!isVerified)
+  }, formatMessage(isVerified ? messages.unverifyAgentLabel : messages.verifyAgentLabel));
+};

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

@@ -0,0 +1,38 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  verifyAgentLabel: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-agent',
+    defaultMessage: 'Verify agent',
+    description: 'Label for verify agent dropdown menu item'
+  },
+  unverifyAgentLabel: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-agent',
+    defaultMessage: 'Unverify agent',
+    description: 'Label for unverify agent dropdown menu item'
+  },
+  verifySuccessTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-success-title',
+    defaultMessage: 'Agent verified',
+    description: 'Title for success flag when agent is verified'
+  },
+  unverifySuccessTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-success-title',
+    defaultMessage: 'Agent unverified',
+    description: 'Title for success flag when agent is unverified'
+  },
+  verifyErrorTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-error-title',
+    defaultMessage: 'Failed to verify agent',
+    description: 'Title for error flag when verifying agent fails'
+  },
+  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'
+  },
+  errorDescription: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.error-description',
+    defaultMessage: 'An error occurred while updating agent verification status: {errorMessage}',
+    description: 'Description for error flag showing the error message'
+  }
+});

package/dist/esm/index.js

@@ -12,4 +12,5 @@ export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
-export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';
+export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';
+export { AgentVerificationDropdownItem } from './ui/agent-verification-dropdown-item';

package/dist/esm/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<9817b3677a18810cda2656cb77948845>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isVerified"
+  }],
+  "type": "AgentStudioAssistant"
+};
+node.hash = "1635a55a6ff272864bba57326c99a315";
+export default node;

package/dist/esm/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation.graphql.js

@@ -0,0 +1,116 @@
+/**
+ * @generated SignedSource<<e119306497999ac48bfef5821a96f2eb>>
+ * @relayHash 426410e11638597e4a12069dd5a8be16
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID e3ee432c0fc33e7c2f8bfeac0ba4eaedbab44694541de64c5219ab207398f3c0
+
+var node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "id"
+    }, {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "verified"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "id",
+      "variableName": "id"
+    }, {
+      "kind": "Variable",
+      "name": "verified",
+      "variableName": "verified"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "success"
+    },
+    v3 = {
+      "concreteType": "MutationError",
+      "kind": "LinkedField",
+      "name": "errors",
+      "plural": true,
+      "selections": [{
+        "kind": "ScalarField",
+        "name": "message"
+      }]
+    },
+    v4 = {
+      "kind": "ScalarField",
+      "name": "id"
+    },
+    v5 = {
+      "kind": "ScalarField",
+      "name": "isVerified"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioUpdateAgentVerificationPayload",
+        "kind": "LinkedField",
+        "name": "agentStudio_updateAgentVerification",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/, {
+          "kind": "LinkedField",
+          "name": "agent",
+          "plural": false,
+          "selections": [{
+            "kind": "InlineFragment",
+            "selections": [v4 /*: any*/, v5 /*: any*/],
+            "type": "AgentStudioAssistant"
+          }]
+        }]
+      }],
+      "type": "Mutation"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioUpdateAgentVerificationPayload",
+        "kind": "LinkedField",
+        "name": "agentStudio_updateAgentVerification",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/, {
+          "kind": "LinkedField",
+          "name": "agent",
+          "plural": false,
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "__typename"
+          }, v4 /*: any*/, {
+            "kind": "InlineFragment",
+            "selections": [v5 /*: any*/],
+            "type": "AgentStudioAssistant"
+          }]
+        }]
+      }]
+    },
+    "params": {
+      "id": "e3ee432c0fc33e7c2f8bfeac0ba4eaedbab44694541de64c5219ab207398f3c0",
+      "metadata": {},
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "operationKind": "mutation",
+      "text": null
+    }
+  };
+}();
+node.hash = "215d57ba82c69595cbed5235ec1fec93";
+export default node;

package/dist/esm/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<3ba8bcbc18cbb9766a1547794c6c98af>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isAbleToGovernAgents"
+  }],
+  "type": "AtlassianStudioUserProductPermissions"
+};
+node.hash = "5addff9015092fd6e1870a9f51056493";
+export default node;