@atlaskit/rovo-agent-components 3.44.0 → 3.46.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,24 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 3.46.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d4c66fd8ab94f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4c66fd8ab94f) -
8
+ Add agentName to LinkIconButton and StarIconButton labels for unique accessible names across agent
9
+ cards
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 3.45.0
16
+
17
+ ### Minor Changes
18
+
19
+ - [`4434681e268dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4434681e268dc) -
20
+ update rovo logo
21
+
3
22
  ## 3.44.0
4
23
 
5
24
  ### Minor Changes
@@ -24,7 +24,8 @@ var styles = {
24
24
  var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
25
25
  var handleCopy = _ref.handleCopy,
26
26
  _ref$visible = _ref.visible,
27
- visible = _ref$visible === void 0 ? true : _ref$visible;
27
+ visible = _ref$visible === void 0 ? true : _ref$visible,
28
+ agentName = _ref.agentName;
28
29
  var _useIntl = (0, _reactIntlNext.useIntl)(),
29
30
  formatMessage = _useIntl.formatMessage;
30
31
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
@@ -39,6 +40,8 @@ var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
39
40
  },
40
41
  appearance: "subtle",
41
42
  spacing: "compact",
42
- label: formatMessage(_messages.default.copyAgentLinkLabel)
43
+ label: formatMessage(_messages.default.copyAgentLinkLabel, {
44
+ agentName: agentName
45
+ })
43
46
  })));
44
47
  };
@@ -8,8 +8,8 @@ var _reactIntlNext = require("react-intl-next");
8
8
  var _default_1 = (0, _reactIntlNext.defineMessages)({
9
9
  copyAgentLinkLabel: {
10
10
  id: 'rovo-chat.browse-agents.copy-agent-label',
11
- defaultMessage: 'Copy link to agent',
12
- description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
11
+ defaultMessage: 'Copy link to {agentName}',
12
+ description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard. The {agentName} placeholder is replaced with the agent's name for unique accessible labels."
13
13
  }
14
14
  });
15
15
  var _default = exports.default = _default_1;
@@ -27,7 +27,8 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
27
27
  var isStarred = _ref.isStarred,
28
28
  handleToggle = _ref.handleToggle,
29
29
  _ref$visible = _ref.visible,
30
- visible = _ref$visible === void 0 ? true : _ref$visible;
30
+ visible = _ref$visible === void 0 ? true : _ref$visible,
31
+ agentName = _ref.agentName;
31
32
  var _useIntl = (0, _reactIntlNext.useIntl)(),
32
33
  formatMessage = _useIntl.formatMessage;
33
34
  var _useState = (0, _react.useState)(false),
@@ -45,11 +46,15 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
45
46
  }
46
47
  }, isStarred || isHovered ? /*#__PURE__*/React.createElement(_starStarred.default, {
47
48
  spacing: "spacious",
48
- label: formatMessage(_messages.default.removeFromFavouritesLabel),
49
+ label: formatMessage(_messages.default.removeFromFavouritesLabel, {
50
+ agentName: agentName
51
+ }),
49
52
  color: "var(--ds-icon-accent-orange, #E06C00)"
50
53
  }) : /*#__PURE__*/React.createElement(_starUnstarred.default, {
51
54
  spacing: "spacious",
52
- label: formatMessage(_messages.default.clickToFavouriteLabel),
55
+ label: formatMessage(_messages.default.clickToFavouriteLabel, {
56
+ agentName: agentName
57
+ }),
53
58
  color: "var(--ds-icon, #292A2E)"
54
59
  }));
55
60
  };
@@ -8,13 +8,13 @@ var _reactIntlNext = require("react-intl-next");
8
8
  var _default_1 = (0, _reactIntlNext.defineMessages)({
9
9
  removeFromFavouritesLabel: {
10
10
  id: 'rovo-chat.browse-agents.remove-from-favourites-label',
11
- defaultMessage: 'Remove from favourites',
12
- description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
11
+ defaultMessage: 'Remove {agentName} from favourites',
12
+ description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
13
13
  },
14
14
  clickToFavouriteLabel: {
15
15
  id: 'rovo-chat.browse-agents.click-to-favourite-label',
16
- defaultMessage: 'Not favourited, click to favourite',
17
- description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
16
+ defaultMessage: 'Add {agentName} to favourites',
17
+ description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
18
18
  }
19
19
  });
20
20
  var _default = exports.default = _default_1;
@@ -13,33 +13,20 @@ var _default = exports.default = function _default(_ref) {
13
13
  xmlns: "http://www.w3.org/2000/svg",
14
14
  width: size,
15
15
  height: size,
16
- viewBox: "0 0 55 55",
16
+ viewBox: "0 0 72 72",
17
17
  fill: "none"
18
18
  }, /*#__PURE__*/_react.default.createElement("path", {
19
- d: "M24.6586 0.775609C26.5679 -0.277535 28.8982 -0.258187 30.792 0.833652L45.6848 9.42602L49.2164 11.4636C51.1447 12.5753 52.3382 14.6378 52.3382 16.8597V38.1199C52.3382 40.3506 51.1519 42.404 49.2179 43.5151L35.3682 51.5057C35.3985 51.4205 35.4274 51.3348 35.455 51.2486C35.712 50.452 35.8483 49.6103 35.8483 48.7499V27.4898C35.8483 24.5691 34.2938 21.8758 31.7582 20.4188L29.2001 18.9435L21.4341 14.4649V6.22962C21.4341 5.58069 21.5345 4.94678 21.7245 4.3467C22.1915 2.89436 23.1849 1.63706 24.5439 0.852196L24.548 0.849818C24.5869 0.827342 24.624 0.802413 24.6586 0.775609Z",
20
- fill: "#FCA700"
21
- }), /*#__PURE__*/_react.default.createElement("path", {
22
- d: "M19.97 3.4944L6.12029 11.485C4.1863 12.5961 3 14.6495 3 16.8802V38.1404C3 40.3623 4.19329 42.4247 6.12155 43.5363L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134L23.5806 34.5817C21.0455 33.1246 19.4899 30.4307 19.4899 27.5103V6.25013C19.4899 5.39096 19.6258 4.55039 19.8822 3.75482C19.91 3.66745 19.9393 3.58063 19.97 3.4944Z",
23
- fill: "#FCA700"
24
- }), /*#__PURE__*/_react.default.createElement("path", {
25
- fillRule: "evenodd",
26
- clipRule: "evenodd",
27
- d: "M25.89 35.9134L9.40529 45.4309L6.12155 43.5363C4.19329 42.4247 3 40.3623 3 38.1404V16.8802C3 14.6495 4.1863 12.5961 6.12029 11.485L19.97 3.4944C19.9393 3.58063 19.91 3.66745 19.8822 3.75482C19.6258 4.55039 19.4899 5.39096 19.4899 6.25013V27.5103C19.4899 30.4307 21.0455 33.1246 23.5806 34.5817L25.89 35.9134Z",
19
+ d: "M32.0974 1.10445C34.6491 -0.368149 37.793 -0.368151 40.3447 1.10445L64.3927 14.9826C66.9444 16.4552 68.5163 19.1767 68.5163 22.1219V49.8781C68.5163 52.8233 66.9444 55.5448 64.3927 57.0174L40.3447 70.8955C37.793 72.3681 34.6491 72.3682 32.0974 70.8956L8.04942 57.0174C5.4977 55.5448 3.92578 52.8233 3.92578 49.8781V22.1219C3.92578 19.1767 5.4977 16.4552 8.04942 14.9826L32.0974 1.10445Z",
28
20
  fill: "#1868DB"
29
21
  }), /*#__PURE__*/_react.default.createElement("path", {
30
22
  fillRule: "evenodd",
31
23
  clipRule: "evenodd",
32
- d: "M29.2001 18.9435L21.4341 14.4649V6.22962C21.4341 5.58069 21.5345 4.94678 21.7245 4.3467C22.1915 2.89436 23.1849 1.63706 24.5439 0.852196L24.548 0.849818C24.5869 0.827342 24.624 0.802413 24.6586 0.775609C26.5679 -0.277535 28.8982 -0.258187 30.792 0.833652L45.6848 9.42602L29.2001 18.9435Z",
33
- fill: "#FCA700"
34
- }), /*#__PURE__*/_react.default.createElement("path", {
35
- fillRule: "evenodd",
36
- clipRule: "evenodd",
37
- d: "M49.2164 11.4636L45.6848 9.42602L29.2001 18.9435L31.7582 20.4188C34.2938 21.8758 35.8483 24.5691 35.8483 27.4898V48.7499C35.8483 49.6103 35.712 50.452 35.455 51.2486C35.4274 51.3348 35.3985 51.4205 35.3682 51.5057L49.2179 43.5151C51.1519 42.404 52.3382 40.3506 52.3382 38.1199V16.8597C52.3382 14.6378 51.1447 12.5753 49.2164 11.4636Z",
38
- fill: "#AF59E0"
24
+ d: "M30.5426 18.2876L20.3285 24.1834C18.9022 25.0033 18.0273 26.5184 18.0273 28.1643V43.8512C18.0273 45.4906 18.9074 47.0123 20.3295 47.8326L22.7512 49.2305L33.9176 55.676C35.3142 56.4815 37.0329 56.4958 38.4409 55.7188C38.4664 55.699 38.4936 55.6808 38.5223 55.6642C39.5257 55.0854 40.2594 54.1574 40.6044 53.0854C40.7448 52.6422 40.819 52.1739 40.819 51.6946V45.6181L34.9086 42.208L33.2055 41.2254C31.3358 40.1502 30.1886 38.1625 30.1886 36.0077V20.3209C30.1886 19.687 30.2888 19.0667 30.4779 18.4797C30.4984 18.4153 30.52 18.3512 30.5426 18.2876Z",
25
+ fill: "white"
39
26
  }), /*#__PURE__*/_react.default.createElement("path", {
40
27
  fillRule: "evenodd",
41
28
  clipRule: "evenodd",
42
- d: "M25.89 35.9134L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134Z",
43
- fill: "#6A9A23"
29
+ d: "M38.5238 16.3243C37.1271 15.5187 35.4085 15.5044 34.0004 16.2815C33.9749 16.3013 33.9446 16.3214 33.9158 16.338C32.9136 16.9171 32.181 17.8448 31.8365 18.9164C31.6964 19.3592 31.6224 19.827 31.6224 20.3058V26.3822L37.3498 29.6867L39.2364 30.7752C41.1063 31.8503 42.2528 33.8376 42.2528 35.9926V51.6794C42.2528 52.3143 42.1523 52.9353 41.9627 53.5231C41.9424 53.5867 41.9211 53.6499 41.8987 53.7128L52.1128 47.8169C53.5391 46.9971 54.414 45.4819 54.414 43.836V28.1492C54.414 26.5097 53.5338 24.9879 52.1117 24.1676L49.5072 22.6642L38.5238 16.3243Z",
30
+ fill: "white"
44
31
  }));
45
32
  };
@@ -180,7 +180,8 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
180
180
  label: formatMessage(_messages.messages.hiddenIcon)
181
181
  })))), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
182
182
  isStarred: isStarred,
183
- handleToggle: onStarToggle
183
+ handleToggle: onStarToggle,
184
+ agentName: agentName
184
185
  })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
185
186
  xcss: styles.description,
186
187
  as: "p"
@@ -14,7 +14,8 @@ const styles = {
14
14
  };
15
15
  export const LinkIconButton = ({
16
16
  handleCopy,
17
- visible = true
17
+ visible = true,
18
+ agentName
18
19
  }) => {
19
20
  const {
20
21
  formatMessage
@@ -29,6 +30,8 @@ export const LinkIconButton = ({
29
30
  })),
30
31
  appearance: "subtle",
31
32
  spacing: "compact",
32
- label: formatMessage(messages.copyAgentLinkLabel)
33
+ label: formatMessage(messages.copyAgentLinkLabel, {
34
+ agentName
35
+ })
33
36
  })));
34
37
  };
@@ -2,8 +2,8 @@ import { defineMessages } from 'react-intl-next';
2
2
  const _default_1 = defineMessages({
3
3
  copyAgentLinkLabel: {
4
4
  id: 'rovo-chat.browse-agents.copy-agent-label',
5
- defaultMessage: 'Copy link to agent',
6
- description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
5
+ defaultMessage: 'Copy link to {agentName}',
6
+ description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard. The {agentName} placeholder is replaced with the agent's name for unique accessible labels."
7
7
  }
8
8
  });
9
9
  export default _default_1;
@@ -16,7 +16,8 @@ const styles = {
16
16
  export const StarIconButton = ({
17
17
  isStarred,
18
18
  handleToggle,
19
- visible = true
19
+ visible = true,
20
+ agentName
20
21
  }) => {
21
22
  const {
22
23
  formatMessage
@@ -29,11 +30,15 @@ export const StarIconButton = ({
29
30
  onMouseLeave: () => setIsHovered(false)
30
31
  }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
31
32
  spacing: "spacious",
32
- label: formatMessage(messages.removeFromFavouritesLabel),
33
+ label: formatMessage(messages.removeFromFavouritesLabel, {
34
+ agentName
35
+ }),
33
36
  color: "var(--ds-icon-accent-orange, #E06C00)"
34
37
  }) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
35
38
  spacing: "spacious",
36
- label: formatMessage(messages.clickToFavouriteLabel),
39
+ label: formatMessage(messages.clickToFavouriteLabel, {
40
+ agentName
41
+ }),
37
42
  color: "var(--ds-icon, #292A2E)"
38
43
  }));
39
44
  };
@@ -2,13 +2,13 @@ import { defineMessages } from 'react-intl-next';
2
2
  const _default_1 = defineMessages({
3
3
  removeFromFavouritesLabel: {
4
4
  id: 'rovo-chat.browse-agents.remove-from-favourites-label',
5
- defaultMessage: 'Remove from favourites',
6
- description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
5
+ defaultMessage: 'Remove {agentName} from favourites',
6
+ description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
7
7
  },
8
8
  clickToFavouriteLabel: {
9
9
  id: 'rovo-chat.browse-agents.click-to-favourite-label',
10
- defaultMessage: 'Not favourited, click to favourite',
11
- description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
10
+ defaultMessage: 'Add {agentName} to favourites',
11
+ description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
12
12
  }
13
13
  });
14
14
  export default _default_1;
@@ -6,32 +6,19 @@ export default (({
6
6
  xmlns: "http://www.w3.org/2000/svg",
7
7
  width: size,
8
8
  height: size,
9
- viewBox: "0 0 55 55",
9
+ viewBox: "0 0 72 72",
10
10
  fill: "none"
11
11
  }, /*#__PURE__*/React.createElement("path", {
12
- d: "M24.6586 0.775609C26.5679 -0.277535 28.8982 -0.258187 30.792 0.833652L45.6848 9.42602L49.2164 11.4636C51.1447 12.5753 52.3382 14.6378 52.3382 16.8597V38.1199C52.3382 40.3506 51.1519 42.404 49.2179 43.5151L35.3682 51.5057C35.3985 51.4205 35.4274 51.3348 35.455 51.2486C35.712 50.452 35.8483 49.6103 35.8483 48.7499V27.4898C35.8483 24.5691 34.2938 21.8758 31.7582 20.4188L29.2001 18.9435L21.4341 14.4649V6.22962C21.4341 5.58069 21.5345 4.94678 21.7245 4.3467C22.1915 2.89436 23.1849 1.63706 24.5439 0.852196L24.548 0.849818C24.5869 0.827342 24.624 0.802413 24.6586 0.775609Z",
13
- fill: "#FCA700"
14
- }), /*#__PURE__*/React.createElement("path", {
15
- d: "M19.97 3.4944L6.12029 11.485C4.1863 12.5961 3 14.6495 3 16.8802V38.1404C3 40.3623 4.19329 42.4247 6.12155 43.5363L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134L23.5806 34.5817C21.0455 33.1246 19.4899 30.4307 19.4899 27.5103V6.25013C19.4899 5.39096 19.6258 4.55039 19.8822 3.75482C19.91 3.66745 19.9393 3.58063 19.97 3.4944Z",
16
- fill: "#FCA700"
17
- }), /*#__PURE__*/React.createElement("path", {
18
- fillRule: "evenodd",
19
- clipRule: "evenodd",
20
- d: "M25.89 35.9134L9.40529 45.4309L6.12155 43.5363C4.19329 42.4247 3 40.3623 3 38.1404V16.8802C3 14.6495 4.1863 12.5961 6.12029 11.485L19.97 3.4944C19.9393 3.58063 19.91 3.66745 19.8822 3.75482C19.6258 4.55039 19.4899 5.39096 19.4899 6.25013V27.5103C19.4899 30.4307 21.0455 33.1246 23.5806 34.5817L25.89 35.9134Z",
12
+ d: "M32.0974 1.10445C34.6491 -0.368149 37.793 -0.368151 40.3447 1.10445L64.3927 14.9826C66.9444 16.4552 68.5163 19.1767 68.5163 22.1219V49.8781C68.5163 52.8233 66.9444 55.5448 64.3927 57.0174L40.3447 70.8955C37.793 72.3681 34.6491 72.3682 32.0974 70.8956L8.04942 57.0174C5.4977 55.5448 3.92578 52.8233 3.92578 49.8781V22.1219C3.92578 19.1767 5.4977 16.4552 8.04942 14.9826L32.0974 1.10445Z",
21
13
  fill: "#1868DB"
22
14
  }), /*#__PURE__*/React.createElement("path", {
23
15
  fillRule: "evenodd",
24
16
  clipRule: "evenodd",
25
- d: "M29.2001 18.9435L21.4341 14.4649V6.22962C21.4341 5.58069 21.5345 4.94678 21.7245 4.3467C22.1915 2.89436 23.1849 1.63706 24.5439 0.852196L24.548 0.849818C24.5869 0.827342 24.624 0.802413 24.6586 0.775609C26.5679 -0.277535 28.8982 -0.258187 30.792 0.833652L45.6848 9.42602L29.2001 18.9435Z",
26
- fill: "#FCA700"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- fillRule: "evenodd",
29
- clipRule: "evenodd",
30
- d: "M49.2164 11.4636L45.6848 9.42602L29.2001 18.9435L31.7582 20.4188C34.2938 21.8758 35.8483 24.5691 35.8483 27.4898V48.7499C35.8483 49.6103 35.712 50.452 35.455 51.2486C35.4274 51.3348 35.3985 51.4205 35.3682 51.5057L49.2179 43.5151C51.1519 42.404 52.3382 40.3506 52.3382 38.1199V16.8597C52.3382 14.6378 51.1447 12.5753 49.2164 11.4636Z",
31
- fill: "#AF59E0"
17
+ d: "M30.5426 18.2876L20.3285 24.1834C18.9022 25.0033 18.0273 26.5184 18.0273 28.1643V43.8512C18.0273 45.4906 18.9074 47.0123 20.3295 47.8326L22.7512 49.2305L33.9176 55.676C35.3142 56.4815 37.0329 56.4958 38.4409 55.7188C38.4664 55.699 38.4936 55.6808 38.5223 55.6642C39.5257 55.0854 40.2594 54.1574 40.6044 53.0854C40.7448 52.6422 40.819 52.1739 40.819 51.6946V45.6181L34.9086 42.208L33.2055 41.2254C31.3358 40.1502 30.1886 38.1625 30.1886 36.0077V20.3209C30.1886 19.687 30.2888 19.0667 30.4779 18.4797C30.4984 18.4153 30.52 18.3512 30.5426 18.2876Z",
18
+ fill: "white"
32
19
  }), /*#__PURE__*/React.createElement("path", {
33
20
  fillRule: "evenodd",
34
21
  clipRule: "evenodd",
35
- d: "M25.89 35.9134L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134Z",
36
- fill: "#6A9A23"
22
+ d: "M38.5238 16.3243C37.1271 15.5187 35.4085 15.5044 34.0004 16.2815C33.9749 16.3013 33.9446 16.3214 33.9158 16.338C32.9136 16.9171 32.181 17.8448 31.8365 18.9164C31.6964 19.3592 31.6224 19.827 31.6224 20.3058V26.3822L37.3498 29.6867L39.2364 30.7752C41.1063 31.8503 42.2528 33.8376 42.2528 35.9926V51.6794C42.2528 52.3143 42.1523 52.9353 41.9627 53.5231C41.9424 53.5867 41.9211 53.6499 41.8987 53.7128L52.1128 47.8169C53.5391 46.9971 54.414 45.4819 54.414 43.836V28.1492C54.414 26.5097 53.5338 24.9879 52.1117 24.1676L49.5072 22.6642L38.5238 16.3243Z",
23
+ fill: "white"
37
24
  })));
@@ -173,7 +173,8 @@ export const AgentProfileInfo = ({
173
173
  label: formatMessage(messages.hiddenIcon)
174
174
  })))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
175
175
  isStarred: isStarred,
176
- handleToggle: onStarToggle
176
+ handleToggle: onStarToggle,
177
+ agentName: agentName
177
178
  })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
178
179
  xcss: styles.description,
179
180
  as: "p"
@@ -15,7 +15,8 @@ var styles = {
15
15
  export var LinkIconButton = function LinkIconButton(_ref) {
16
16
  var handleCopy = _ref.handleCopy,
17
17
  _ref$visible = _ref.visible,
18
- visible = _ref$visible === void 0 ? true : _ref$visible;
18
+ visible = _ref$visible === void 0 ? true : _ref$visible,
19
+ agentName = _ref.agentName;
19
20
  var _useIntl = useIntl(),
20
21
  formatMessage = _useIntl.formatMessage;
21
22
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
@@ -30,6 +31,8 @@ export var LinkIconButton = function LinkIconButton(_ref) {
30
31
  },
31
32
  appearance: "subtle",
32
33
  spacing: "compact",
33
- label: formatMessage(messages.copyAgentLinkLabel)
34
+ label: formatMessage(messages.copyAgentLinkLabel, {
35
+ agentName: agentName
36
+ })
34
37
  })));
35
38
  };
@@ -2,8 +2,8 @@ import { defineMessages } from 'react-intl-next';
2
2
  var _default_1 = defineMessages({
3
3
  copyAgentLinkLabel: {
4
4
  id: 'rovo-chat.browse-agents.copy-agent-label',
5
- defaultMessage: 'Copy link to agent',
6
- description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
5
+ defaultMessage: 'Copy link to {agentName}',
6
+ description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard. The {agentName} placeholder is replaced with the agent's name for unique accessible labels."
7
7
  }
8
8
  });
9
9
  export default _default_1;
@@ -18,7 +18,8 @@ export var StarIconButton = function StarIconButton(_ref) {
18
18
  var isStarred = _ref.isStarred,
19
19
  handleToggle = _ref.handleToggle,
20
20
  _ref$visible = _ref.visible,
21
- visible = _ref$visible === void 0 ? true : _ref$visible;
21
+ visible = _ref$visible === void 0 ? true : _ref$visible,
22
+ agentName = _ref.agentName;
22
23
  var _useIntl = useIntl(),
23
24
  formatMessage = _useIntl.formatMessage;
24
25
  var _useState = useState(false),
@@ -36,11 +37,15 @@ export var StarIconButton = function StarIconButton(_ref) {
36
37
  }
37
38
  }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
38
39
  spacing: "spacious",
39
- label: formatMessage(messages.removeFromFavouritesLabel),
40
+ label: formatMessage(messages.removeFromFavouritesLabel, {
41
+ agentName: agentName
42
+ }),
40
43
  color: "var(--ds-icon-accent-orange, #E06C00)"
41
44
  }) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
42
45
  spacing: "spacious",
43
- label: formatMessage(messages.clickToFavouriteLabel),
46
+ label: formatMessage(messages.clickToFavouriteLabel, {
47
+ agentName: agentName
48
+ }),
44
49
  color: "var(--ds-icon, #292A2E)"
45
50
  }));
46
51
  };
@@ -2,13 +2,13 @@ import { defineMessages } from 'react-intl-next';
2
2
  var _default_1 = defineMessages({
3
3
  removeFromFavouritesLabel: {
4
4
  id: 'rovo-chat.browse-agents.remove-from-favourites-label',
5
- defaultMessage: 'Remove from favourites',
6
- description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
5
+ defaultMessage: 'Remove {agentName} from favourites',
6
+ description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
7
7
  },
8
8
  clickToFavouriteLabel: {
9
9
  id: 'rovo-chat.browse-agents.click-to-favourite-label',
10
- defaultMessage: 'Not favourited, click to favourite',
11
- description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
10
+ defaultMessage: 'Add {agentName} to favourites',
11
+ description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
12
12
  }
13
13
  });
14
14
  export default _default_1;
@@ -6,33 +6,20 @@ export default (function (_ref) {
6
6
  xmlns: "http://www.w3.org/2000/svg",
7
7
  width: size,
8
8
  height: size,
9
- viewBox: "0 0 55 55",
9
+ viewBox: "0 0 72 72",
10
10
  fill: "none"
11
11
  }, /*#__PURE__*/React.createElement("path", {
12
- d: "M24.6586 0.775609C26.5679 -0.277535 28.8982 -0.258187 30.792 0.833652L45.6848 9.42602L49.2164 11.4636C51.1447 12.5753 52.3382 14.6378 52.3382 16.8597V38.1199C52.3382 40.3506 51.1519 42.404 49.2179 43.5151L35.3682 51.5057C35.3985 51.4205 35.4274 51.3348 35.455 51.2486C35.712 50.452 35.8483 49.6103 35.8483 48.7499V27.4898C35.8483 24.5691 34.2938 21.8758 31.7582 20.4188L29.2001 18.9435L21.4341 14.4649V6.22962C21.4341 5.58069 21.5345 4.94678 21.7245 4.3467C22.1915 2.89436 23.1849 1.63706 24.5439 0.852196L24.548 0.849818C24.5869 0.827342 24.624 0.802413 24.6586 0.775609Z",
13
- fill: "#FCA700"
14
- }), /*#__PURE__*/React.createElement("path", {
15
- d: "M19.97 3.4944L6.12029 11.485C4.1863 12.5961 3 14.6495 3 16.8802V38.1404C3 40.3623 4.19329 42.4247 6.12155 43.5363L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134L23.5806 34.5817C21.0455 33.1246 19.4899 30.4307 19.4899 27.5103V6.25013C19.4899 5.39096 19.6258 4.55039 19.8822 3.75482C19.91 3.66745 19.9393 3.58063 19.97 3.4944Z",
16
- fill: "#FCA700"
17
- }), /*#__PURE__*/React.createElement("path", {
18
- fillRule: "evenodd",
19
- clipRule: "evenodd",
20
- d: "M25.89 35.9134L9.40529 45.4309L6.12155 43.5363C4.19329 42.4247 3 40.3623 3 38.1404V16.8802C3 14.6495 4.1863 12.5961 6.12029 11.485L19.97 3.4944C19.9393 3.58063 19.91 3.66745 19.8822 3.75482C19.6258 4.55039 19.4899 5.39096 19.4899 6.25013V27.5103C19.4899 30.4307 21.0455 33.1246 23.5806 34.5817L25.89 35.9134Z",
12
+ d: "M32.0974 1.10445C34.6491 -0.368149 37.793 -0.368151 40.3447 1.10445L64.3927 14.9826C66.9444 16.4552 68.5163 19.1767 68.5163 22.1219V49.8781C68.5163 52.8233 66.9444 55.5448 64.3927 57.0174L40.3447 70.8955C37.793 72.3681 34.6491 72.3682 32.0974 70.8956L8.04942 57.0174C5.4977 55.5448 3.92578 52.8233 3.92578 49.8781V22.1219C3.92578 19.1767 5.4977 16.4552 8.04942 14.9826L32.0974 1.10445Z",
21
13
  fill: "#1868DB"
22
14
  }), /*#__PURE__*/React.createElement("path", {
23
15
  fillRule: "evenodd",
24
16
  clipRule: "evenodd",
25
- d: "M29.2001 18.9435L21.4341 14.4649V6.22962C21.4341 5.58069 21.5345 4.94678 21.7245 4.3467C22.1915 2.89436 23.1849 1.63706 24.5439 0.852196L24.548 0.849818C24.5869 0.827342 24.624 0.802413 24.6586 0.775609C26.5679 -0.277535 28.8982 -0.258187 30.792 0.833652L45.6848 9.42602L29.2001 18.9435Z",
26
- fill: "#FCA700"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- fillRule: "evenodd",
29
- clipRule: "evenodd",
30
- d: "M49.2164 11.4636L45.6848 9.42602L29.2001 18.9435L31.7582 20.4188C34.2938 21.8758 35.8483 24.5691 35.8483 27.4898V48.7499C35.8483 49.6103 35.712 50.452 35.455 51.2486C35.4274 51.3348 35.3985 51.4205 35.3682 51.5057L49.2179 43.5151C51.1519 42.404 52.3382 40.3506 52.3382 38.1199V16.8597C52.3382 14.6378 51.1447 12.5753 49.2164 11.4636Z",
31
- fill: "#AF59E0"
17
+ d: "M30.5426 18.2876L20.3285 24.1834C18.9022 25.0033 18.0273 26.5184 18.0273 28.1643V43.8512C18.0273 45.4906 18.9074 47.0123 20.3295 47.8326L22.7512 49.2305L33.9176 55.676C35.3142 56.4815 37.0329 56.4958 38.4409 55.7188C38.4664 55.699 38.4936 55.6808 38.5223 55.6642C39.5257 55.0854 40.2594 54.1574 40.6044 53.0854C40.7448 52.6422 40.819 52.1739 40.819 51.6946V45.6181L34.9086 42.208L33.2055 41.2254C31.3358 40.1502 30.1886 38.1625 30.1886 36.0077V20.3209C30.1886 19.687 30.2888 19.0667 30.4779 18.4797C30.4984 18.4153 30.52 18.3512 30.5426 18.2876Z",
18
+ fill: "white"
32
19
  }), /*#__PURE__*/React.createElement("path", {
33
20
  fillRule: "evenodd",
34
21
  clipRule: "evenodd",
35
- d: "M25.89 35.9134L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134Z",
36
- fill: "#6A9A23"
22
+ d: "M38.5238 16.3243C37.1271 15.5187 35.4085 15.5044 34.0004 16.2815C33.9749 16.3013 33.9446 16.3214 33.9158 16.338C32.9136 16.9171 32.181 17.8448 31.8365 18.9164C31.6964 19.3592 31.6224 19.827 31.6224 20.3058V26.3822L37.3498 29.6867L39.2364 30.7752C41.1063 31.8503 42.2528 33.8376 42.2528 35.9926V51.6794C42.2528 52.3143 42.1523 52.9353 41.9627 53.5231C41.9424 53.5867 41.9211 53.6499 41.8987 53.7128L52.1128 47.8169C53.5391 46.9971 54.414 45.4819 54.414 43.836V28.1492C54.414 26.5097 53.5338 24.9879 52.1117 24.1676L49.5072 22.6642L38.5238 16.3243Z",
23
+ fill: "white"
37
24
  }));
38
25
  });
@@ -173,7 +173,8 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
173
173
  label: formatMessage(messages.hiddenIcon)
174
174
  })))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
175
175
  isStarred: isStarred,
176
- handleToggle: onStarToggle
176
+ handleToggle: onStarToggle,
177
+ agentName: agentName
177
178
  })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
178
179
  xcss: styles.description,
179
180
  as: "p"
@@ -4,7 +4,8 @@
4
4
  * @jsxFrag jsx
5
5
  */
6
6
  import { type KeyboardEvent, type MouseEvent } from 'react';
7
- export declare const LinkIconButton: ({ handleCopy, visible, }: {
7
+ export declare const LinkIconButton: ({ handleCopy, visible, agentName, }: {
8
8
  handleCopy: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
9
9
  visible?: boolean;
10
+ agentName: string;
10
11
  }) => JSX.Element;
@@ -3,8 +3,9 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type KeyboardEvent, type MouseEvent } from 'react';
6
- export declare const StarIconButton: ({ isStarred, handleToggle, visible, }: {
6
+ export declare const StarIconButton: ({ isStarred, handleToggle, visible, agentName, }: {
7
7
  isStarred: boolean;
8
8
  handleToggle: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
9
9
  visible?: boolean;
10
+ agentName: string;
10
11
  }) => JSX.Element;
@@ -4,7 +4,8 @@
4
4
  * @jsxFrag jsx
5
5
  */
6
6
  import { type KeyboardEvent, type MouseEvent } from 'react';
7
- export declare const LinkIconButton: ({ handleCopy, visible, }: {
7
+ export declare const LinkIconButton: ({ handleCopy, visible, agentName, }: {
8
8
  handleCopy: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
9
9
  visible?: boolean;
10
+ agentName: string;
10
11
  }) => JSX.Element;
@@ -3,8 +3,9 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type KeyboardEvent, type MouseEvent } from 'react';
6
- export declare const StarIconButton: ({ isStarred, handleToggle, visible, }: {
6
+ export declare const StarIconButton: ({ isStarred, handleToggle, visible, agentName, }: {
7
7
  isStarred: boolean;
8
8
  handleToggle: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
9
9
  visible?: boolean;
10
+ agentName: string;
10
11
  }) => JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "3.44.0",
3
+ "version": "3.46.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
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -34,13 +34,13 @@
34
34
  "dependencies": {
35
35
  "@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
36
36
  "@atlaskit/analytics-next": "^11.1.0",
37
- "@atlaskit/avatar": "^25.8.0",
37
+ "@atlaskit/avatar": "^25.9.0",
38
38
  "@atlaskit/button": "^23.10.0",
39
39
  "@atlaskit/css": "^0.19.0",
40
- "@atlaskit/dropdown-menu": "^16.6.0",
40
+ "@atlaskit/dropdown-menu": "^16.7.0",
41
41
  "@atlaskit/flag": "^17.8.0",
42
42
  "@atlaskit/heading": "^5.3.0",
43
- "@atlaskit/icon": "^32.0.0",
43
+ "@atlaskit/icon": "^32.1.0",
44
44
  "@atlaskit/link": "^3.3.0",
45
45
  "@atlaskit/logo": "^19.10.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",