@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 +21 -0
- package/dist/cjs/ui/agent-avatar/generated-avatars/assets/amplitude-agent-v2.js +6 -6
- package/dist/cjs/ui/agent-avatar/generated-avatars/index.js +2 -8
- package/dist/cjs/ui/agent-avatar/index.js +30 -9
- package/dist/es2019/ui/agent-avatar/generated-avatars/assets/amplitude-agent-v2.js +6 -6
- package/dist/es2019/ui/agent-avatar/generated-avatars/index.js +2 -6
- package/dist/es2019/ui/agent-avatar/index.js +30 -9
- package/dist/esm/ui/agent-avatar/generated-avatars/assets/amplitude-agent-v2.js +6 -6
- package/dist/esm/ui/agent-avatar/generated-avatars/index.js +2 -8
- package/dist/esm/ui/agent-avatar/index.js +30 -9
- package/dist/types/ui/agent-avatar/index.d.ts +3 -1
- package/package.json +4 -1
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: "
|
|
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("
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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(
|
|
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:
|
|
85
|
-
}) :
|
|
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: "
|
|
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("
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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(
|
|
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:
|
|
77
|
-
}) :
|
|
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: "
|
|
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("
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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(
|
|
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:
|
|
76
|
-
}) :
|
|
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.
|
|
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
|
},
|