@atlaskit/rovo-agent-components 3.19.0 → 3.20.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/rovo-agent-components
 
+## 3.20.0
+
+### Minor Changes
+
+- [`85b20848660df`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85b20848660df) -
+  [ux] Display agent verified icon
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.19.0
 
 ### Minor Changes

package/agent-verified/package.json

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

package/dist/cjs/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerified_AtlaskitRovoAgentComponents",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isVerified"
+  }],
+  "type": "AgentStudioAssistant"
+};
+node.hash = "7c196c0efd61b63c8a3de1c1b32e11ec";
+var _default = exports.default = node;

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MediumSize = 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.AgentVerified, {
+      agentRef: {}
+    });
+  }
+};
+var MediumSize = exports.MediumSize = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_index.AgentVerified, {
+      agentRef: {},
+      size: "medium"
+    });
+  }
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentVerified = void 0;
+var _agentVerified_AtlaskitRovoAgentComponents2 = _interopRequireDefault(require("./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _reactRelay = require("react-relay");
+var _statusVerified = _interopRequireDefault(require("@atlaskit/icon/core/status-verified"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _messages = _interopRequireDefault(require("./messages"));
+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(_tooltip.default, {
+    content: formatMessage(_messages.default.verifiedAgentTooltip)
+  }, /*#__PURE__*/_react.default.createElement(_statusVerified.default, {
+    color: "var(--ds-icon-accent-blue, #357DE8)",
+    label: formatMessage(_messages.default.verifiedIconLabel),
+    size: size
+  }));
+};

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntlNext = require("react-intl-next");
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
+  verifiedAgentTooltip: {
+    id: 'agent-studio-ui-components.agent-verified.tooltip',
+    defaultMessage: 'This agent has been verified by your organization.',
+    description: 'Verified icon tooltip shown when hovering over the verified icon'
+  },
+  verifiedIconLabel: {
+    id: 'agent-studio-ui-components.agent-verified.label',
+    defaultMessage: 'Agent verified',
+    description: 'Verified icon label for the agent studio side navigation'
+  }
+});

package/dist/es2019/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerified_AtlaskitRovoAgentComponents",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isVerified"
+  }],
+  "type": "AgentStudioAssistant"
+};
+node.hash = "7c196c0efd61b63c8a3de1c1b32e11ec";
+export default node;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { injectable } from 'react-magnetic-di';
+import { useFragment } from 'react-relay';
+import { withDi, withUseIntl } from '@atlassian/agent-studio-test-utils/storybook-decorators';
+import { AgentVerified } from './index';
+const commonDeps = [injectable(useFragment, () => ({
+  isVerified: true
+}))];
+const meta = {
+  decorators: [withUseIntl(), withDi(commonDeps)]
+};
+export default meta;
+export const Default = {
+  render: () => /*#__PURE__*/React.createElement(AgentVerified, {
+    agentRef: {}
+  })
+};
+export const MediumSize = {
+  render: () => /*#__PURE__*/React.createElement(AgentVerified, {
+    agentRef: {},
+    size: "medium"
+  })
+};

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

@@ -0,0 +1,26 @@
+import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, useFragment } from 'react-relay';
+import VerifiedIcon from '@atlaskit/icon/core/status-verified';
+import Tooltip from '@atlaskit/tooltip';
+import messages from './messages';
+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(Tooltip, {
+    content: formatMessage(messages.verifiedAgentTooltip)
+  }, /*#__PURE__*/React.createElement(VerifiedIcon, {
+    color: "var(--ds-icon-accent-blue, #357DE8)",
+    label: formatMessage(messages.verifiedIconLabel),
+    size: size
+  }));
+};

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

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  verifiedAgentTooltip: {
+    id: 'agent-studio-ui-components.agent-verified.tooltip',
+    defaultMessage: 'This agent has been verified by your organization.',
+    description: 'Verified icon tooltip shown when hovering over the verified icon'
+  },
+  verifiedIconLabel: {
+    id: 'agent-studio-ui-components.agent-verified.label',
+    defaultMessage: 'Agent verified',
+    description: 'Verified icon label for the agent studio side navigation'
+  }
+});

package/dist/esm/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.js

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

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { injectable } from 'react-magnetic-di';
+import { useFragment } from 'react-relay';
+import { withDi, withUseIntl } from '@atlassian/agent-studio-test-utils/storybook-decorators';
+import { AgentVerified } from './index';
+var commonDeps = [injectable(useFragment, function () {
+  return {
+    isVerified: true
+  };
+})];
+var meta = {
+  decorators: [withUseIntl(), withDi(commonDeps)]
+};
+export default meta;
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(AgentVerified, {
+      agentRef: {}
+    });
+  }
+};
+export var MediumSize = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(AgentVerified, {
+      agentRef: {},
+      size: "medium"
+    });
+  }
+};

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

@@ -0,0 +1,25 @@
+import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, useFragment } from 'react-relay';
+import VerifiedIcon from '@atlaskit/icon/core/status-verified';
+import Tooltip from '@atlaskit/tooltip';
+import messages from './messages';
+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(Tooltip, {
+    content: formatMessage(messages.verifiedAgentTooltip)
+  }, /*#__PURE__*/React.createElement(VerifiedIcon, {
+    color: "var(--ds-icon-accent-blue, #357DE8)",
+    label: formatMessage(messages.verifiedIconLabel),
+    size: size
+  }));
+};

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

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  verifiedAgentTooltip: {
+    id: 'agent-studio-ui-components.agent-verified.tooltip',
+    defaultMessage: 'This agent has been verified by your organization.',
+    description: 'Verified icon tooltip shown when hovering over the verified icon'
+  },
+  verifiedIconLabel: {
+    id: 'agent-studio-ui-components.agent-verified.label',
+    defaultMessage: 'Agent verified',
+    description: 'Verified icon label for the agent studio side navigation'
+  }
+});

package/dist/types/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+import type { ReaderFragment } from 'relay-runtime';
+import type { FragmentRefs } from "relay-runtime";
+export type agentVerified_AtlaskitRovoAgentComponents$data = {
+    readonly isVerified: boolean | null | undefined;
+    readonly " $fragmentType": "agentVerified_AtlaskitRovoAgentComponents";
+};
+export type agentVerified_AtlaskitRovoAgentComponents$key = {
+    readonly " $data"?: agentVerified_AtlaskitRovoAgentComponents$data;
+    readonly " $fragmentSpreads": FragmentRefs<"agentVerified_AtlaskitRovoAgentComponents">;
+};
+declare const node: ReaderFragment;
+export default node;

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

@@ -0,0 +1,7 @@
+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, }: {
+    agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
+    size?: IconSize;
+}) => React.JSX.Element | null;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    verifiedAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    verifiedIconLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/types-ts4.5/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+import type { ReaderFragment } from 'relay-runtime';
+import type { FragmentRefs } from "relay-runtime";
+export type agentVerified_AtlaskitRovoAgentComponents$data = {
+    readonly isVerified: boolean | null | undefined;
+    readonly " $fragmentType": "agentVerified_AtlaskitRovoAgentComponents";
+};
+export type agentVerified_AtlaskitRovoAgentComponents$key = {
+    readonly " $data"?: agentVerified_AtlaskitRovoAgentComponents$data;
+    readonly " $fragmentSpreads": FragmentRefs<"agentVerified_AtlaskitRovoAgentComponents">;
+};
+declare const node: ReaderFragment;
+export default node;

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

@@ -0,0 +1,7 @@
+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, }: {
+    agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
+    size?: IconSize;
+}) => React.JSX.Element | null;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    verifiedAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    verifiedIconLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.19.0",
+	"version": "3.20.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",
@@ -51,7 +51,8 @@
 		"@compiled/react": "^0.18.6",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
-		"react-magnetic-di": "^3.1.4"
+		"react-magnetic-di": "^3.1.4",
+		"react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
@@ -60,6 +61,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
+		"@atlassian/agent-studio-test-utils": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^16.3.0",
@@ -104,6 +106,11 @@
 			]
 		}
 	},
+	"techstackIgnore": {
+		"stricter": [
+			"@atlassian/tangerine/project-structure"
+		]
+	},
 	"platform-feature-flags": {
 		"rovo_chat_bugfix_agent_avatar_squish": {
 			"type": "boolean"