@atlaskit/rovo-agent-components 3.21.0 → 3.23.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/rovo-agent-components
 
+## 3.23.0
+
+### Minor Changes
+
+- [`02eaa9533ad2e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02eaa9533ad2e) -
+  [ux] refactor agent verification dropdown item
+- [`a5540634bb261`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5540634bb261) -
+  lift the fg check up in agent verfication component
+
+## 3.22.0
+
+### Minor Changes
+
+- [`04077f2897e0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/04077f2897e0e) -
+  [ux] Changing the UI for the user identity profile card when the user is the Rovo Dev agent.
+  Change is feature gated.
+- [`b7e850efc9f82`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b7e850efc9f82) -
+  [ux] Rovo agents view profile - show verified icon
+
 ## 3.21.0
 
 ### Minor Changes

package/agent-verification-dropdown-item/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/rovo-agent-components/agent-verification-dropdown-item",
+  "main": "../dist/cjs/ui/agent-verification-dropdown-item/index.js",
+  "module": "../dist/esm/ui/agent-verification-dropdown-item/index.js",
+  "module:es2019": "../dist/es2019/ui/agent-verification-dropdown-item/index.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/ui/agent-verification-dropdown-item/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/ui/agent-verification-dropdown-item/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "AgentStarCount", {
     return _agentStarCount.AgentStarCount;
   }
 });
+Object.defineProperty(exports, "AgentVerificationDropdownItem", {
+  enumerable: true,
+  get: function get() {
+    return _agentVerificationDropdownItem.AgentVerificationDropdownItem;
+  }
+});
 Object.defineProperty(exports, "BrowseAgentsPill", {
   enumerable: true,
   get: function get() {
@@ -129,4 +135,5 @@ var _hiddenIcon = require("./common/ui/hidden-icon");
 var _agentAvatar = require("./ui/agent-avatar");
 var _generatedAvatars = require("./ui/agent-avatar/generated-avatars");
 var _agentDropdownMenu = require("./ui/agent-dropdown-menu");
-var _agentMenuItemSkeleton = require("./ui/agent-menu-item-skeleton");
+var _agentMenuItemSkeleton = require("./ui/agent-menu-item-skeleton");
+var _agentVerificationDropdownItem = require("./ui/agent-verification-dropdown-item");

package/dist/cjs/ui/agent-avatar/generated-avatars/index.js

@@ -375,7 +375,19 @@ var getAvatarRender = function getAvatarRender(_ref3) {
   var agentNamedId = _ref3.agentNamedId,
     agentId = _ref3.agentId,
     agentIdentityAccountId = _ref3.agentIdentityAccountId,
+    isRovoDev = _ref3.isRovoDev,
     size = _ref3.size;
+  if (isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) {
+    return {
+      render: /*#__PURE__*/_react.default.createElement(RovoDevAvatar, {
+        size: _avatar.AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
+
   //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
   // Handle Rovo Dev agent avatar for TeamEU Demo
   if (agentId === ROVO_DEV_AGENT_ID && (0, _platformFeatureFlags.fg)('jira_ai_force_rovo_dev_avatar')) {
@@ -433,12 +445,14 @@ var AgentBanner = exports.AgentBanner = function AgentBanner(_ref4) {
   var agentNamedId = _ref4.agentNamedId,
     agentId = _ref4.agentId,
     agentIdentityAccountId = _ref4.agentIdentityAccountId,
+    isRovoDev = _ref4.isRovoDev,
     height = _ref4.height,
     fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
       agentNamedId: agentNamedId,
       agentId: agentId,
       agentIdentityAccountId: agentIdentityAccountId,
+      isRovoDev: isRovoDev,
       size: 'medium'
     }),
     color = _getAvatarRender.color;

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

@@ -47,6 +47,7 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     agentNamedId = _ref.agentNamedId,
     _ref$showBorder = _ref.showBorder,
     showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
+    isRovoDev = _ref.isRovoDev,
     isForgeAgent = _ref.isForgeAgent,
     forgeAgentIconUrl = _ref.forgeAgentIconUrl;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -81,6 +82,7 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     agentId: agentId,
     agentNamedId: agentNamedId,
     agentIdentityAccountId: agentIdentityAccountId,
+    isRovoDev: isRovoDev,
     size: size
   }))));
 };

package/dist/cjs/ui/agent-profile-info/agent-profile-info.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _reactRelay = require("react-relay");
+var _storybookDecorators = require("@atlassian/agent-studio-test-utils/storybook-decorators");
+var _index = require("./index");
+var commonDeps = [(0, _reactMagneticDi.injectable)(_reactRelay.useFragment, function () {
+  return {
+    isVerified: true
+  };
+})];
+var meta = {
+  decorators: [(0, _storybookDecorators.withUseIntl)(), (0, _storybookDecorators.withDi)(commonDeps)]
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_index.AgentProfileInfo, {
+      agentName: "Code Documentation Writer",
+      agentDescription: "Create or modify documentation files in your codebase to ensure that they are up to date",
+      creatorRender: /*#__PURE__*/_react.default.createElement("div", null, "Creator Render"),
+      starCountRender: /*#__PURE__*/_react.default.createElement("div", null, "Star Count Render"),
+      headingRender: /*#__PURE__*/_react.default.createElement("div", null, "Heading Render"),
+      isStarred: true,
+      isHidden: false,
+      onStarToggle: function onStarToggle() {}
+    });
+  }
+};

package/dist/cjs/ui/agent-profile-info/index.js

@@ -27,7 +27,8 @@ var styles = {
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
-  headingWrapper: "_kqswh2mm"
+  headingWrapper: "_kqswh2mm",
+  headingContentWrapper: "_195gu2gc"
 };
 var getAgentCreator = exports.getAgentCreator = function getAgentCreator(_ref) {
   var creatorType = _ref.creatorType,
@@ -148,9 +149,12 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
+    headingRender = _ref3.headingRender,
     isStarred = _ref3.isStarred,
     isHidden = _ref3.isHidden,
-    onStarToggle = _ref3.onStarToggle;
+    onStarToggle = _ref3.onStarToggle,
+    _ref3$showStarButton = _ref3.showStarButton,
+    showStarButton = _ref3$showStarButton === void 0 ? true : _ref3$showStarButton;
   var _useIntl2 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
@@ -173,7 +177,9 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
     label: formatMessage(_messages.messages.hiddenIcon)
-  })))), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
+  }))), headingRender && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.headingContentWrapper
+  }, headingRender)), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @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";
+var _default = exports.default = node;

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

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @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";
+var _default = exports.default = node;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @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";
+var _default = exports.default = node;

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

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<251e7c171e33da0a0b2e0e8041d77493>>
+ * @relayHash 79a628a32ef254ccf6142a38adf8ecca
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID 790e12806b8a31f23c8834d4c00327ae778a10fab62bf682c07e39e2b2349465
+
+var 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";
+var _default = exports.default = node;

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

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentVerificationDropdownItem = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation2 = _interopRequireDefault(require("./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation.graphql"));
+var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef2 = _interopRequireDefault(require("./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql"));
+var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef2 = _interopRequireDefault(require("./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _reactRelay = require("react-relay");
+var _dropdownMenu = require("@atlaskit/dropdown-menu");
+var _flag = require("@atlaskit/flag");
+var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
+var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
+var _actions = require("@atlaskit/rovo-agent-analytics/actions");
+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.
+ * 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) {
+  var _userPermissions$isAb, _agentData$isVerified;
+  var agentId = _ref.agentId,
+    agentRef = _ref.agentRef,
+    userPermissionsRef = _ref.userPermissionsRef,
+    onClick = _ref.onClick,
+    testId = _ref.testId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useFlags = (0, _flag.useFlags)(),
+    showFlag = _useFlags.showFlag;
+  var agentData = (0, _reactRelay.useFragment)(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef2.default, agentRef);
+  var userPermissions = (0, _reactRelay.useFragment)(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef2.default, userPermissionsRef);
+  var isAbleToGovernAgents = (_userPermissions$isAb = userPermissions === null || userPermissions === void 0 ? void 0 : userPermissions.isAbleToGovernAgents) !== null && _userPermissions$isAb !== void 0 ? _userPermissions$isAb : false;
+  var isVerified = (_agentData$isVerified = agentData === null || agentData === void 0 ? void 0 : agentData.isVerified) !== null && _agentData$isVerified !== void 0 ? _agentData$isVerified : false;
+  var _useRovoAgentActionAn = (0, _actions.useRovoAgentActionAnalytics)({
+      touchPoint: 'agent-verification-dropdown-item',
+      agentId: agentId,
+      isAbleToGovernAgents: isAbleToGovernAgents
+    }),
+    trackAgentAction = _useRovoAgentActionAn.trackAgentAction,
+    trackAgentActionError = _useRovoAgentActionAn.trackAgentActionError;
+  var _useMutation = (0, _reactRelay.useMutation)(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation2.default),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
+    commitUpdateVerification = _useMutation2[0];
+  var handleError = (0, _react.useCallback)(function (verified, errorMessage) {
+    showFlag({
+      title: formatMessage(verified ? _messages.default.verifyErrorTitle : _messages.default.unverifyErrorTitle),
+      description: formatMessage(_messages.default.errorDescription, {
+        errorMessage: errorMessage
+      }),
+      appearance: 'error',
+      icon: /*#__PURE__*/_react.default.createElement(_statusError.default, {
+        spacing: "spacious",
+        label: ""
+      })
+    });
+  }, [formatMessage, showFlag]);
+  var handleUpdateVerification = (0, _react.useCallback)(function (verified) {
+    onClick === null || onClick === void 0 || onClick();
+    commitUpdateVerification({
+      variables: {
+        id: agentId,
+        verified: verified
+      },
+      onCompleted: function onCompleted(_, errors) {
+        if (errors && errors.length > 0) {
+          var errorMessage = errors[0].message;
+          trackAgentActionError(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, new Error(errorMessage), {
+            agentId: agentId
+          });
+          handleError(verified, errorMessage);
+          return;
+        }
+        trackAgentAction(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, {});
+        showFlag({
+          title: formatMessage(verified ? _messages.default.verifySuccessTitle : _messages.default.unverifySuccessTitle),
+          appearance: 'success',
+          isAutoDismiss: true,
+          icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
+            spacing: "spacious",
+            label: ""
+          })
+        });
+      },
+      onError: function onError(error) {
+        trackAgentActionError(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, error, {
+          agentId: 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.default.createElement(_dropdownMenu.DropdownItem, {
+    testId: testId,
+    onClick: function onClick() {
+      return handleUpdateVerification(!isVerified);
+    }
+  }, formatMessage(isVerified ? _messages.default.unverifyAgentLabel : _messages.default.verifyAgentLabel));
+};