@atlaskit/rovo-agent-components 9.1.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 9.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`463f291ca4e20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/463f291ca4e20) -
8
+ Select the Amplitude v2 avatar behind a frontend feature gate for the existing Amplitude agent ID,
9
+ and remove the unused versioned agent ID mappings.
10
+ - [`b962a1898979b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b962a1898979b) -
11
+ Add the UNSAFE\_\_useAdsAvatar prop to opt AgentAvatar into using ADS Avatar for its hexagon
12
+ frame, border, and geometry while preserving the existing renderer by default.
13
+
14
+ ### Patch Changes
15
+
16
+ - [`463f291ca4e20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/463f291ca4e20) -
17
+ Use square, full-bleed Amplitude v2 artwork so avatar components apply their own hexagonal shape
18
+ and border.
19
+ - [`b962a1898979b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b962a1898979b) -
20
+ Use supported granular testing-library entry points in AgentAvatar tests.
21
+ - [`b962a1898979b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b962a1898979b) -
22
+ Avoid constructing generated AgentAvatar artwork when an image is rendered.
23
+
3
24
  ## 9.1.0
4
25
 
5
26
  ### Minor Changes
@@ -12,15 +12,15 @@ var _default = exports.default = function _default(_ref) {
12
12
  return /*#__PURE__*/_react.default.createElement("svg", {
13
13
  width: size,
14
14
  height: size,
15
- viewBox: "0 0 44 48",
15
+ viewBox: "-2 0 48 48",
16
16
  fill: "none",
17
17
  xmlns: "http://www.w3.org/2000/svg",
18
18
  "aria-hidden": "true"
19
- }, /*#__PURE__*/_react.default.createElement("path", {
20
- d: "M18.4941 1.94501C20.6623 0.687346 23.3374 0.685282 25.5078 1.93915L39.502 10.0231C41.6666 11.2739 43 13.5846 43 16.0847V31.0495C43 33.5496 41.6666 35.8603 39.502 37.111L25.502 45.1989C23.3353 46.4506 20.6647 46.4506 18.498 45.1989L4.49805 37.111C2.33335 35.8603 1 33.5496 1 31.0495V16.1257L1.00391 15.8923C1.08384 13.4869 2.39615 11.2842 4.4873 10.071L18.4941 1.94501Z",
21
- fill: "#0052F2",
22
- stroke: "white",
23
- strokeWidth: "2"
19
+ }, /*#__PURE__*/_react.default.createElement("rect", {
20
+ x: "-2",
21
+ width: "48",
22
+ height: "48",
23
+ fill: "#0052F2"
24
24
  }), /*#__PURE__*/_react.default.createElement("path", {
25
25
  d: "M33.2072 22.7759C30.9171 22.5953 27.8195 22.4862 24.9141 22.4204C24.0336 18.9815 22.161 12.7258 19.8492 12.7258C17.4321 12.7258 15.6614 17.4323 14.4721 22.294L11.1401 22.2465C10.5137 22.2376 10.0012 22.7428 10.0012 23.3692C10.0012 23.9893 10.5039 24.492 11.1241 24.492H13.9726C13.6361 26.0844 13.3814 27.4221 13.1865 28.677C13.1171 29.1236 13.4633 29.5265 13.9153 29.5265C14.2405 29.5265 14.5272 29.3135 14.6211 29.0021C15.2672 26.86 16.0206 24.4986 16.0206 24.4986H23.0908C24.0869 28.1367 25.4694 34.1907 27.8129 34.1907C29.8895 34.1907 30.9193 31.6517 31.7915 27.7401C31.9194 27.1667 32.055 26.6659 32.194 26.2279C32.2698 25.9889 32.0913 25.7453 31.8411 25.7433C31.6809 25.742 31.5393 25.8482 31.4838 25.9985C31.2437 26.6499 31.0346 27.2574 30.8784 27.6945C29.9251 30.3626 29.4349 32.0123 28.3804 32.0123C26.9868 32.0123 25.9735 26.7146 25.4209 24.4986H33.1385C33.615 24.4986 34.0012 24.1123 34.0012 23.6359C34.0012 23.186 33.6557 22.8113 33.2072 22.7759ZM16.5321 22.3201C17.655 17.9256 19.0124 14.8912 19.7644 14.8912C20.4435 14.8912 21.5752 18.9049 22.5153 22.3742C19.3254 22.323 16.7915 22.3203 16.5321 22.3201Z",
26
26
  fill: "white"
@@ -548,17 +548,11 @@ var outOfTheBoxAgentAvatar = {
548
548
  },
549
549
  mcp_amplitude_agent: {
550
550
  getRender: function getRender(size) {
551
- return /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatar, {
551
+ return (0, _fg.fg)('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatarV2, {
552
552
  size: _avatarSizes.AVATAR_SIZES[size],
553
553
  primaryColor: "",
554
554
  secondaryColor: ""
555
- });
556
- },
557
- color: blueColor
558
- },
559
- mcp_amplitude_agent_v2: {
560
- getRender: function getRender(size) {
561
- return /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatarV2, {
555
+ }) : /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatar, {
562
556
  size: _avatarSizes.AVATAR_SIZES[size],
563
557
  primaryColor: "",
564
558
  secondaryColor: ""
@@ -11,7 +11,10 @@ require("./index.compiled.css");
11
11
  var React = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
13
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
14
15
  var _reactIntl = require("react-intl");
16
+ var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
17
+ var _avatarContent = require("@atlaskit/avatar/avatar-content");
15
18
  var _avatarSizes = require("@atlaskit/avatar/avatar-sizes");
16
19
  var _fg = require("@atlaskit/platform-feature-flags/fg");
17
20
  var _compiled = require("@atlaskit/primitives/compiled");
@@ -53,10 +56,34 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
53
56
  showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
54
57
  isRovoDev = _ref.isRovoDev,
55
58
  isForgeAgent = _ref.isForgeAgent,
56
- forgeAgentIconUrl = _ref.forgeAgentIconUrl;
59
+ forgeAgentIconUrl = _ref.forgeAgentIconUrl,
60
+ UNSAFE__useAdsAvatar = _ref.UNSAFE__useAdsAvatar;
57
61
  var _useIntl = (0, _reactIntl.useIntl)(),
58
62
  formatMessage = _useIntl.formatMessage;
59
63
  var imgUrl = isForgeAgent && forgeAgentIconUrl ? forgeAgentIconUrl : imageUrl;
64
+ var avatarName = name || label || formatMessage(_messages.messages.agentAvatarLabel);
65
+ var generatedAvatar = imgUrl ? null : /*#__PURE__*/React.createElement(_generatedAvatars.GeneratedAvatar, {
66
+ agentId: agentId,
67
+ agentNamedId: agentNamedId,
68
+ agentIdentityAccountId: agentIdentityAccountId,
69
+ isRovoDev: isRovoDev,
70
+ size: size
71
+ });
72
+ if (UNSAFE__useAdsAvatar) {
73
+ var adsAvatarProps = {
74
+ appearance: 'hexagon',
75
+ label: label,
76
+ name: avatarName,
77
+ size: size
78
+ // TODO: Add `UNSAFE_isUpdatedGeometry: true` when @atlaskit/avatar exposes the prop.
79
+ };
80
+ if (imgUrl) {
81
+ return /*#__PURE__*/React.createElement(_avatar.default, (0, _extends2.default)({}, adsAvatarProps, {
82
+ src: imgUrl
83
+ }));
84
+ }
85
+ return /*#__PURE__*/React.createElement(_avatar.default, adsAvatarProps, /*#__PURE__*/React.createElement(_avatarContent.AvatarContent, null, generatedAvatar));
86
+ }
60
87
  return /*#__PURE__*/React.createElement(_compiled.Box, {
61
88
  "aria-label": label,
62
89
  xcss: styles.agentAvatar,
@@ -81,12 +108,6 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
81
108
  as: "img",
82
109
  xcss: styles.image,
83
110
  src: imgUrl,
84
- alt: name || label || formatMessage(_messages.messages.agentAvatarLabel)
85
- }) : /*#__PURE__*/React.createElement(_generatedAvatars.GeneratedAvatar, {
86
- agentId: agentId,
87
- agentNamedId: agentNamedId,
88
- agentIdentityAccountId: agentIdentityAccountId,
89
- isRovoDev: isRovoDev,
90
- size: size
91
- }))));
111
+ alt: avatarName
112
+ }) : generatedAvatar)));
92
113
  };
@@ -6,15 +6,15 @@ export default (({
6
6
  }) => /*#__PURE__*/React.createElement("svg", {
7
7
  width: size,
8
8
  height: size,
9
- viewBox: "0 0 44 48",
9
+ viewBox: "-2 0 48 48",
10
10
  fill: "none",
11
11
  xmlns: "http://www.w3.org/2000/svg",
12
12
  "aria-hidden": "true"
13
- }, /*#__PURE__*/React.createElement("path", {
14
- d: "M18.4941 1.94501C20.6623 0.687346 23.3374 0.685282 25.5078 1.93915L39.502 10.0231C41.6666 11.2739 43 13.5846 43 16.0847V31.0495C43 33.5496 41.6666 35.8603 39.502 37.111L25.502 45.1989C23.3353 46.4506 20.6647 46.4506 18.498 45.1989L4.49805 37.111C2.33335 35.8603 1 33.5496 1 31.0495V16.1257L1.00391 15.8923C1.08384 13.4869 2.39615 11.2842 4.4873 10.071L18.4941 1.94501Z",
15
- fill: "#0052F2",
16
- stroke: "white",
17
- strokeWidth: "2"
13
+ }, /*#__PURE__*/React.createElement("rect", {
14
+ x: "-2",
15
+ width: "48",
16
+ height: "48",
17
+ fill: "#0052F2"
18
18
  }), /*#__PURE__*/React.createElement("path", {
19
19
  d: "M33.2072 22.7759C30.9171 22.5953 27.8195 22.4862 24.9141 22.4204C24.0336 18.9815 22.161 12.7258 19.8492 12.7258C17.4321 12.7258 15.6614 17.4323 14.4721 22.294L11.1401 22.2465C10.5137 22.2376 10.0012 22.7428 10.0012 23.3692C10.0012 23.9893 10.5039 24.492 11.1241 24.492H13.9726C13.6361 26.0844 13.3814 27.4221 13.1865 28.677C13.1171 29.1236 13.4633 29.5265 13.9153 29.5265C14.2405 29.5265 14.5272 29.3135 14.6211 29.0021C15.2672 26.86 16.0206 24.4986 16.0206 24.4986H23.0908C24.0869 28.1367 25.4694 34.1907 27.8129 34.1907C29.8895 34.1907 30.9193 31.6517 31.7915 27.7401C31.9194 27.1667 32.055 26.6659 32.194 26.2279C32.2698 25.9889 32.0913 25.7453 31.8411 25.7433C31.6809 25.742 31.5393 25.8482 31.4838 25.9985C31.2437 26.6499 31.0346 27.2574 30.8784 27.6945C29.9251 30.3626 29.4349 32.0123 28.3804 32.0123C26.9868 32.0123 25.9735 26.7146 25.4209 24.4986H33.1385C33.615 24.4986 34.0012 24.1123 34.0012 23.6359C34.0012 23.186 33.6557 22.8113 33.2072 22.7759ZM16.5321 22.3201C17.655 17.9256 19.0124 14.8912 19.7644 14.8912C20.4435 14.8912 21.5752 18.9049 22.5153 22.3742C19.3254 22.323 16.7915 22.3203 16.5321 22.3201Z",
20
20
  fill: "white"
@@ -306,15 +306,11 @@ const outOfTheBoxAgentAvatar = {
306
306
  color: yellowColor
307
307
  },
308
308
  mcp_amplitude_agent: {
309
- getRender: size => /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
309
+ getRender: size => fg('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
310
310
  size: AVATAR_SIZES[size],
311
311
  primaryColor: "",
312
312
  secondaryColor: ""
313
- }),
314
- color: blueColor
315
- },
316
- mcp_amplitude_agent_v2: {
317
- getRender: size => /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
313
+ }) : /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
318
314
  size: AVATAR_SIZES[size],
319
315
  primaryColor: "",
320
316
  secondaryColor: ""
@@ -1,8 +1,11 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import "./index.compiled.css";
3
4
  import * as React from 'react';
4
5
  import { ax, ix } from "@compiled/react/runtime";
5
6
  import { useIntl } from 'react-intl';
7
+ import Avatar from '@atlaskit/avatar/avatar';
8
+ import { AvatarContent } from '@atlaskit/avatar/avatar-content';
6
9
  import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
7
10
  import { fg } from '@atlaskit/platform-feature-flags/fg';
8
11
  import { Box } from '@atlaskit/primitives/compiled';
@@ -39,12 +42,36 @@ export const AgentAvatar = ({
39
42
  showBorder = true,
40
43
  isRovoDev,
41
44
  isForgeAgent,
42
- forgeAgentIconUrl
45
+ forgeAgentIconUrl,
46
+ UNSAFE__useAdsAvatar
43
47
  }) => {
44
48
  const {
45
49
  formatMessage
46
50
  } = useIntl();
47
51
  const imgUrl = isForgeAgent && forgeAgentIconUrl ? forgeAgentIconUrl : imageUrl;
52
+ const avatarName = name || label || formatMessage(messages.agentAvatarLabel);
53
+ const generatedAvatar = imgUrl ? null : /*#__PURE__*/React.createElement(GeneratedAvatar, {
54
+ agentId: agentId,
55
+ agentNamedId: agentNamedId,
56
+ agentIdentityAccountId: agentIdentityAccountId,
57
+ isRovoDev: isRovoDev,
58
+ size: size
59
+ });
60
+ if (UNSAFE__useAdsAvatar) {
61
+ const adsAvatarProps = {
62
+ appearance: 'hexagon',
63
+ label,
64
+ name: avatarName,
65
+ size
66
+ // TODO: Add `UNSAFE_isUpdatedGeometry: true` when @atlaskit/avatar exposes the prop.
67
+ };
68
+ if (imgUrl) {
69
+ return /*#__PURE__*/React.createElement(Avatar, _extends({}, adsAvatarProps, {
70
+ src: imgUrl
71
+ }));
72
+ }
73
+ return /*#__PURE__*/React.createElement(Avatar, adsAvatarProps, /*#__PURE__*/React.createElement(AvatarContent, null, generatedAvatar));
74
+ }
48
75
  return /*#__PURE__*/React.createElement(Box, {
49
76
  "aria-label": label,
50
77
  xcss: styles.agentAvatar,
@@ -73,12 +100,6 @@ export const AgentAvatar = ({
73
100
  as: "img",
74
101
  xcss: styles.image,
75
102
  src: imgUrl,
76
- alt: name || label || formatMessage(messages.agentAvatarLabel)
77
- }) : /*#__PURE__*/React.createElement(GeneratedAvatar, {
78
- agentId: agentId,
79
- agentNamedId: agentNamedId,
80
- agentIdentityAccountId: agentIdentityAccountId,
81
- isRovoDev: isRovoDev,
82
- size: size
83
- }))));
103
+ alt: avatarName
104
+ }) : generatedAvatar)));
84
105
  };
@@ -6,15 +6,15 @@ export default (function (_ref) {
6
6
  return /*#__PURE__*/React.createElement("svg", {
7
7
  width: size,
8
8
  height: size,
9
- viewBox: "0 0 44 48",
9
+ viewBox: "-2 0 48 48",
10
10
  fill: "none",
11
11
  xmlns: "http://www.w3.org/2000/svg",
12
12
  "aria-hidden": "true"
13
- }, /*#__PURE__*/React.createElement("path", {
14
- d: "M18.4941 1.94501C20.6623 0.687346 23.3374 0.685282 25.5078 1.93915L39.502 10.0231C41.6666 11.2739 43 13.5846 43 16.0847V31.0495C43 33.5496 41.6666 35.8603 39.502 37.111L25.502 45.1989C23.3353 46.4506 20.6647 46.4506 18.498 45.1989L4.49805 37.111C2.33335 35.8603 1 33.5496 1 31.0495V16.1257L1.00391 15.8923C1.08384 13.4869 2.39615 11.2842 4.4873 10.071L18.4941 1.94501Z",
15
- fill: "#0052F2",
16
- stroke: "white",
17
- strokeWidth: "2"
13
+ }, /*#__PURE__*/React.createElement("rect", {
14
+ x: "-2",
15
+ width: "48",
16
+ height: "48",
17
+ fill: "#0052F2"
18
18
  }), /*#__PURE__*/React.createElement("path", {
19
19
  d: "M33.2072 22.7759C30.9171 22.5953 27.8195 22.4862 24.9141 22.4204C24.0336 18.9815 22.161 12.7258 19.8492 12.7258C17.4321 12.7258 15.6614 17.4323 14.4721 22.294L11.1401 22.2465C10.5137 22.2376 10.0012 22.7428 10.0012 23.3692C10.0012 23.9893 10.5039 24.492 11.1241 24.492H13.9726C13.6361 26.0844 13.3814 27.4221 13.1865 28.677C13.1171 29.1236 13.4633 29.5265 13.9153 29.5265C14.2405 29.5265 14.5272 29.3135 14.6211 29.0021C15.2672 26.86 16.0206 24.4986 16.0206 24.4986H23.0908C24.0869 28.1367 25.4694 34.1907 27.8129 34.1907C29.8895 34.1907 30.9193 31.6517 31.7915 27.7401C31.9194 27.1667 32.055 26.6659 32.194 26.2279C32.2698 25.9889 32.0913 25.7453 31.8411 25.7433C31.6809 25.742 31.5393 25.8482 31.4838 25.9985C31.2437 26.6499 31.0346 27.2574 30.8784 27.6945C29.9251 30.3626 29.4349 32.0123 28.3804 32.0123C26.9868 32.0123 25.9735 26.7146 25.4209 24.4986H33.1385C33.615 24.4986 34.0012 24.1123 34.0012 23.6359C34.0012 23.186 33.6557 22.8113 33.2072 22.7759ZM16.5321 22.3201C17.655 17.9256 19.0124 14.8912 19.7644 14.8912C20.4435 14.8912 21.5752 18.9049 22.5153 22.3742C19.3254 22.323 16.7915 22.3203 16.5321 22.3201Z",
20
20
  fill: "white"
@@ -449,17 +449,11 @@ var outOfTheBoxAgentAvatar = {
449
449
  },
450
450
  mcp_amplitude_agent: {
451
451
  getRender: function getRender(size) {
452
- return /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
452
+ return fg('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
453
453
  size: AVATAR_SIZES[size],
454
454
  primaryColor: "",
455
455
  secondaryColor: ""
456
- });
457
- },
458
- color: blueColor
459
- },
460
- mcp_amplitude_agent_v2: {
461
- getRender: function getRender(size) {
462
- return /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
456
+ }) : /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
463
457
  size: AVATAR_SIZES[size],
464
458
  primaryColor: "",
465
459
  secondaryColor: ""
@@ -1,11 +1,14 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
+ import _extends from "@babel/runtime/helpers/extends";
3
4
  import "./index.compiled.css";
4
5
  import * as React from 'react';
5
6
  import { ax, ix } from "@compiled/react/runtime";
6
7
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
8
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
9
  import { useIntl } from 'react-intl';
10
+ import Avatar from '@atlaskit/avatar/avatar';
11
+ import { AvatarContent } from '@atlaskit/avatar/avatar-content';
9
12
  import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
10
13
  import { fg } from '@atlaskit/platform-feature-flags/fg';
11
14
  import { Box } from '@atlaskit/primitives/compiled';
@@ -44,10 +47,34 @@ export var AgentAvatar = function AgentAvatar(_ref) {
44
47
  showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
45
48
  isRovoDev = _ref.isRovoDev,
46
49
  isForgeAgent = _ref.isForgeAgent,
47
- forgeAgentIconUrl = _ref.forgeAgentIconUrl;
50
+ forgeAgentIconUrl = _ref.forgeAgentIconUrl,
51
+ UNSAFE__useAdsAvatar = _ref.UNSAFE__useAdsAvatar;
48
52
  var _useIntl = useIntl(),
49
53
  formatMessage = _useIntl.formatMessage;
50
54
  var imgUrl = isForgeAgent && forgeAgentIconUrl ? forgeAgentIconUrl : imageUrl;
55
+ var avatarName = name || label || formatMessage(messages.agentAvatarLabel);
56
+ var generatedAvatar = imgUrl ? null : /*#__PURE__*/React.createElement(GeneratedAvatar, {
57
+ agentId: agentId,
58
+ agentNamedId: agentNamedId,
59
+ agentIdentityAccountId: agentIdentityAccountId,
60
+ isRovoDev: isRovoDev,
61
+ size: size
62
+ });
63
+ if (UNSAFE__useAdsAvatar) {
64
+ var adsAvatarProps = {
65
+ appearance: 'hexagon',
66
+ label: label,
67
+ name: avatarName,
68
+ size: size
69
+ // TODO: Add `UNSAFE_isUpdatedGeometry: true` when @atlaskit/avatar exposes the prop.
70
+ };
71
+ if (imgUrl) {
72
+ return /*#__PURE__*/React.createElement(Avatar, _extends({}, adsAvatarProps, {
73
+ src: imgUrl
74
+ }));
75
+ }
76
+ return /*#__PURE__*/React.createElement(Avatar, adsAvatarProps, /*#__PURE__*/React.createElement(AvatarContent, null, generatedAvatar));
77
+ }
51
78
  return /*#__PURE__*/React.createElement(Box, {
52
79
  "aria-label": label,
53
80
  xcss: styles.agentAvatar,
@@ -72,12 +99,6 @@ export var AgentAvatar = function AgentAvatar(_ref) {
72
99
  as: "img",
73
100
  xcss: styles.image,
74
101
  src: imgUrl,
75
- alt: name || label || formatMessage(messages.agentAvatarLabel)
76
- }) : /*#__PURE__*/React.createElement(GeneratedAvatar, {
77
- agentId: agentId,
78
- agentNamedId: agentNamedId,
79
- agentIdentityAccountId: agentIdentityAccountId,
80
- isRovoDev: isRovoDev,
81
- size: size
82
- }))));
102
+ alt: avatarName
103
+ }) : generatedAvatar)));
83
104
  };
@@ -12,6 +12,8 @@ type AgentAvatarProps = {
12
12
  isRovoDev?: boolean;
13
13
  isForgeAgent?: boolean;
14
14
  forgeAgentIconUrl?: string | null;
15
+ /** Uses ADS Avatar for the hexagon frame, border, and geometry. */
16
+ UNSAFE__useAdsAvatar?: boolean;
15
17
  };
16
18
  /**
17
19
  * Agent avatar components that handles rendering correct avatar for different variations of agent types
@@ -24,5 +26,5 @@ type AgentAvatarProps = {
24
26
  * @param agentIdentityAccountId - This is Atlassian identity account ID for the agent(aaid). This id is prioritised to generate random avatar for non OOTB agents
25
27
  * @param agentId - This is agent.id
26
28
  */
27
- export declare const AgentAvatar: ({ imageUrl, size, label, name, agentId, agentIdentityAccountId, agentNamedId, showBorder, isRovoDev, isForgeAgent, forgeAgentIconUrl, }: AgentAvatarProps) => JSX.Element;
29
+ export declare const AgentAvatar: ({ imageUrl, size, label, name, agentId, agentIdentityAccountId, agentNamedId, showBorder, isRovoDev, isForgeAgent, forgeAgentIconUrl, UNSAFE__useAdsAvatar, }: AgentAvatarProps) => JSX.Element;
28
30
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "9.1.0",
3
+ "version": "9.2.0",
4
4
  "description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
6
6
  "atlassian": {
@@ -111,6 +111,9 @@
111
111
  "rovo_agent_support_a2a_avatar": {
112
112
  "type": "boolean"
113
113
  },
114
+ "rovo_agent_amplitude_avatar_v2": {
115
+ "type": "boolean"
116
+ },
114
117
  "jira_improve_agent_profile_for_a2a": {
115
118
  "type": "boolean"
116
119
  },