@atlaskit/rovo-agent-components 8.7.4 → 8.8.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.
Files changed (37) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/common/ui/star-icon-button/index.compiled.css +1 -8
  3. package/dist/cjs/common/ui/star-icon-button/index.js +15 -41
  4. package/dist/cjs/ui/agent-avatar/agent-avatar-skeleton/index.js +3 -3
  5. package/dist/cjs/ui/agent-avatar/generated-avatars/index.js +46 -46
  6. package/dist/cjs/ui/agent-avatar/index.js +7 -7
  7. package/dist/cjs/ui/agent-dropdown-menu/index.js +16 -14
  8. package/dist/cjs/ui/agent-identity/derive-agent-identity.js +2 -2
  9. package/dist/cjs/ui/agent-profile-info/index.js +13 -12
  10. package/dist/cjs/ui/agent-verification-dropdown-item/index.js +4 -4
  11. package/dist/cjs/ui/agent-verified/index.js +2 -2
  12. package/dist/es2019/common/ui/star-icon-button/index.compiled.css +1 -8
  13. package/dist/es2019/common/ui/star-icon-button/index.js +14 -36
  14. package/dist/es2019/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
  15. package/dist/es2019/ui/agent-avatar/generated-avatars/index.js +2 -2
  16. package/dist/es2019/ui/agent-avatar/index.js +2 -2
  17. package/dist/es2019/ui/agent-dropdown-menu/index.js +5 -3
  18. package/dist/es2019/ui/agent-identity/derive-agent-identity.js +1 -1
  19. package/dist/es2019/ui/agent-profile-info/index.js +7 -6
  20. package/dist/es2019/ui/agent-verification-dropdown-item/index.js +2 -2
  21. package/dist/es2019/ui/agent-verified/index.js +1 -1
  22. package/dist/esm/common/ui/star-icon-button/index.compiled.css +1 -8
  23. package/dist/esm/common/ui/star-icon-button/index.js +16 -42
  24. package/dist/esm/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
  25. package/dist/esm/ui/agent-avatar/generated-avatars/index.js +2 -2
  26. package/dist/esm/ui/agent-avatar/index.js +2 -2
  27. package/dist/esm/ui/agent-dropdown-menu/index.js +5 -3
  28. package/dist/esm/ui/agent-identity/derive-agent-identity.js +1 -1
  29. package/dist/esm/ui/agent-profile-info/index.js +7 -6
  30. package/dist/esm/ui/agent-verification-dropdown-item/index.js +2 -2
  31. package/dist/esm/ui/agent-verified/index.js +1 -1
  32. package/dist/types/ui/agent-avatar/agent-avatar-skeleton/index.d.ts +1 -1
  33. package/dist/types/ui/agent-avatar/generated-avatars/index.d.ts +1 -1
  34. package/dist/types/ui/agent-avatar/index.d.ts +1 -1
  35. package/dist/types/ui/agent-dropdown-menu/index.d.ts +4 -2
  36. package/dist/types/ui/agent-menu-item-skeleton/index.d.ts +1 -1
  37. package/package.json +7 -10
@@ -10,15 +10,16 @@ require("./index.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  var _reactIntl = require("react-intl");
13
- var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
14
- var _heading = _interopRequireDefault(require("@atlaskit/heading"));
15
- var _link = _interopRequireDefault(require("@atlaskit/link"));
13
+ var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
14
+ var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
15
+ var _link = _interopRequireDefault(require("@atlaskit/link/link"));
16
+ var _atlassianIcon = require("@atlaskit/logo/atlassian-icon");
16
17
  var _logo = require("@atlaskit/logo");
17
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
18
19
  var _compiled = require("@atlaskit/primitives/compiled");
19
20
  var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
20
21
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
21
- var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
22
+ var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
22
23
  var _hiddenIcon = require("../../common/ui/hidden-icon");
23
24
  var _starIconButton = require("../../common/ui/star-icon-button");
24
25
  var _isForgeAgent = require("../../common/utils/is-forge-agent");
@@ -41,11 +42,11 @@ var getAgentCreator = exports.getAgentCreator = function getAgentCreator(_ref) {
41
42
  type: 'SYSTEM'
42
43
  };
43
44
  }
44
- if ((0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar') ? (0, _isForgeAgent.isForgeAgentByCreatorType)(creatorType) : creatorType === 'FORGE' || creatorType === 'THIRD_PARTY' // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
45
+ if ((0, _fg.fg)('rovo_agent_support_a2a_avatar') ? (0, _isForgeAgent.isForgeAgentByCreatorType)(creatorType) : creatorType === 'FORGE' || creatorType === 'THIRD_PARTY' // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
45
46
  ) {
46
47
  return {
47
48
  // @todo: remove cast in rovo_agent_support_a2a_avatar cleanup
48
- type: (0, _platformFeatureFlags.fg)('jira_improve_agent_profile_for_a2a') ? creatorType : 'FORGE',
49
+ type: (0, _fg.fg)('jira_improve_agent_profile_for_a2a') ? creatorType : 'FORGE',
49
50
  name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
50
51
  };
51
52
  }
@@ -102,7 +103,7 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
102
103
  creatorNameWithLink: /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
103
104
  alignBlock: "center",
104
105
  testId: "atlassian-icon"
105
- }, /*#__PURE__*/_react.default.createElement(_logo.AtlassianIcon, {
106
+ }, /*#__PURE__*/_react.default.createElement(_atlassianIcon.AtlassianIcon, {
106
107
  label: "",
107
108
  size: "small",
108
109
  appearance: "brand"
@@ -122,7 +123,7 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
122
123
  });
123
124
  }
124
125
  if (creator.type === 'REMOTE_A2A') {
125
- if (_featureGateJsClient.default.getExperimentValue('rovo_hide_remote_a2a_agent_creator_exp', 'isEnabled', false)) {
126
+ if (_featureGates.default.getExperimentValue('rovo_hide_remote_a2a_agent_creator_exp', 'isEnabled', false)) {
126
127
  return null;
127
128
  }
128
129
  return formatMessage(_messages.messages.remoteAgentCreatedBy, {
@@ -139,8 +140,8 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
139
140
  return null;
140
141
  };
141
142
  var creatorRender = getCreatorRender();
142
- var hideCreatorIcon = (0, _expValEquals.expValEquals)('platform_editor_agent_mentions', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_agent_mentions_drop_one_fixes');
143
- if ((0, _platformFeatureFlags.fg)('jira_improve_agent_profile_for_a2a')) {
143
+ var hideCreatorIcon = (0, _expValEquals.expValEquals)('platform_editor_agent_mentions', 'isEnabled', true) && (0, _fg.fg)('platform_editor_agent_mentions_drop_one_fixes');
144
+ if ((0, _fg.fg)('jira_improve_agent_profile_for_a2a')) {
144
145
  var showRovoIcon = !hideCreatorIcon && (creator === null || creator === void 0 ? void 0 : creator.type) !== 'REMOTE_A2A';
145
146
  return creatorRender ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
146
147
  xcss: styles.clickableItem
@@ -192,7 +193,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
192
193
  size: "medium"
193
194
  }, agentName), headingRender, isHidden && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
194
195
  xcss: styles.hiddenIconWrapper
195
- }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
196
+ }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
196
197
  content: formatMessage(_messages.messages.hiddenTooltip),
197
198
  position: "top"
198
199
  }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
@@ -13,8 +13,8 @@ var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef2 = _inte
13
13
  var _react = _interopRequireWildcard(require("react"));
14
14
  var _reactIntl = require("react-intl");
15
15
  var _reactRelay = require("react-relay");
16
- var _dropdownMenu = require("@atlaskit/dropdown-menu");
17
- var _flag = require("@atlaskit/flag");
16
+ var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
17
+ var _useFlags2 = require("@atlaskit/flag/use-flags");
18
18
  var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
19
19
  var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
20
20
  var _actions = require("@atlaskit/rovo-agent-analytics/actions");
@@ -35,7 +35,7 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
35
35
  renderItem = _ref.renderItem;
36
36
  var _useIntl = (0, _reactIntl.useIntl)(),
37
37
  formatMessage = _useIntl.formatMessage;
38
- var _useFlags = (0, _flag.useFlags)(),
38
+ var _useFlags = (0, _useFlags2.useFlags)(),
39
39
  showFlag = _useFlags.showFlag;
40
40
  var agentData = (0, _reactRelay.useFragment)(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef2.default, agentRef);
41
41
  var userPermissions = (0, _reactRelay.useFragment)(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef2.default, userPermissionsRef);
@@ -147,7 +147,7 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
147
147
  onClick: handleOnClick
148
148
  }));
149
149
  }
150
- return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
150
+ return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
151
151
  testId: testId,
152
152
  onClick: handleOnClick
153
153
  }, labelText);
@@ -15,7 +15,7 @@ var _reactRelay = require("react-relay");
15
15
  var _css = require("@atlaskit/css");
16
16
  var _statusVerified = _interopRequireDefault(require("@atlaskit/icon/core/status-verified"));
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
- var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
18
+ var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
19
19
  var _messages = _interopRequireDefault(require("./messages"));
20
20
  var AgentVerified = exports.AgentVerified = function AgentVerified(_ref) {
21
21
  var agentRef = _ref.agentRef,
@@ -39,7 +39,7 @@ var AgentVerifiedIcon = exports.AgentVerifiedIcon = function AgentVerifiedIcon(_
39
39
  adjacentTextSize = _ref2$adjacentTextSiz === void 0 ? 'body' : _ref2$adjacentTextSiz;
40
40
  var _useIntl = (0, _reactIntl.useIntl)(),
41
41
  formatMessage = _useIntl.formatMessage;
42
- return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
42
+ return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
43
43
  content: formatMessage(_messages.default.verifiedAgentTooltip)
44
44
  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
45
45
  justifyContent: "center",
@@ -1,8 +1 @@
1
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
2
- ._1bsb1tcg{width:24px}
3
- ._4t3i1tcg{height:24px}
4
- ._bfhk1j28{background-color:transparent}
5
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
6
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
7
- ._tzy4idpf{opacity:0}
8
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
1
+ ._tzy4idpf{opacity:0}
@@ -9,11 +9,9 @@ import { IconButton } from '@atlaskit/button/new';
9
9
  import { cx } from '@atlaskit/css';
10
10
  import StarIconMigration from '@atlaskit/icon/core/star-starred';
11
11
  import StarUnstarredIconMigration from '@atlaskit/icon/core/star-unstarred';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
- import { Box, Pressable } from '@atlaskit/primitives/compiled';
12
+ import { Box } from '@atlaskit/primitives/compiled';
14
13
  import messages from './messages';
15
14
  const styles = {
16
- pressableStarIcon: "_bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _4t3i1tcg _1bsb1tcg",
17
15
  hidden: "_tzy4idpf"
18
16
  };
19
17
  export const StarIconButton = ({
@@ -26,41 +24,21 @@ export const StarIconButton = ({
26
24
  formatMessage
27
25
  } = useIntl();
28
26
  const [isHovered, setIsHovered] = useState(false);
29
- if (fg('rovo_agent_star_icon_button')) {
30
- return /*#__PURE__*/React.createElement(Box, {
31
- xcss: cx(!visible && styles.hidden)
32
- }, /*#__PURE__*/React.createElement(IconButton, {
33
- appearance: "subtle",
34
- spacing: "compact",
35
- icon: iconProps => isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, _extends({}, iconProps, {
36
- color: "var(--ds-icon-accent-orange, #E06C00)"
37
- })) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, _extends({}, iconProps, {
38
- color: "var(--ds-icon, #292A2E)"
39
- })),
40
- label: formatMessage(isStarred ? messages.removeFromFavouritesLabel : messages.clickToFavouriteLabel, {
41
- agentName
42
- }),
43
- onClick: handleToggle,
44
- onMouseEnter: () => setIsHovered(true),
45
- onMouseLeave: () => setIsHovered(false)
46
- }));
47
- }
48
- return /*#__PURE__*/React.createElement(Pressable, {
49
- xcss: cx(styles.pressableStarIcon, !visible && styles.hidden),
27
+ return /*#__PURE__*/React.createElement(Box, {
28
+ xcss: cx(!visible && styles.hidden)
29
+ }, /*#__PURE__*/React.createElement(IconButton, {
30
+ appearance: "subtle",
31
+ spacing: "compact",
32
+ icon: iconProps => isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, _extends({}, iconProps, {
33
+ color: "var(--ds-icon-accent-orange, #E06C00)"
34
+ })) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, _extends({}, iconProps, {
35
+ color: "var(--ds-icon, #292A2E)"
36
+ })),
37
+ label: formatMessage(isStarred ? messages.removeFromFavouritesLabel : messages.clickToFavouriteLabel, {
38
+ agentName
39
+ }),
50
40
  onClick: handleToggle,
51
41
  onMouseEnter: () => setIsHovered(true),
52
42
  onMouseLeave: () => setIsHovered(false)
53
- }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
54
- spacing: "spacious",
55
- label: formatMessage(messages.removeFromFavouritesLabel, {
56
- agentName
57
- }),
58
- color: "var(--ds-icon-accent-orange, #E06C00)"
59
- }) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
60
- spacing: "spacious",
61
- label: formatMessage(messages.clickToFavouriteLabel, {
62
- agentName
63
- }),
64
- color: "var(--ds-icon, #292A2E)"
65
43
  }));
66
44
  };
@@ -1,7 +1,7 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import * as React from 'react';
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
- import { AVATAR_SIZES } from '@atlaskit/avatar';
4
+ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
5
5
  import { Box } from '@atlaskit/primitives/compiled';
6
6
  import Skeleton from '@atlaskit/skeleton';
7
7
  import { AGENT_AVATAR_CLIP_PATH } from '../index';
@@ -2,9 +2,9 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { lazy, Suspense, useEffect } from 'react';
5
- import { AVATAR_SIZES } from '@atlaskit/avatar';
5
+ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
6
6
  import { cx } from '@atlaskit/css';
7
- import { fg } from '@atlaskit/platform-feature-flags';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
8
  import { Box } from '@atlaskit/primitives/compiled';
9
9
  const styles = {
10
10
  image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
@@ -3,8 +3,8 @@ import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
- import { AVATAR_SIZES } from '@atlaskit/avatar';
7
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
8
  import { Box } from '@atlaskit/primitives/compiled';
9
9
  import { GeneratedAvatar } from './generated-avatars';
10
10
  import { messages } from './messages';
@@ -5,11 +5,13 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useEffect, useState } from 'react';
6
6
  import { useIntl } from 'react-intl';
7
7
  import Button, { IconButton } from '@atlaskit/button/new';
8
- import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
8
+ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
9
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
10
+ import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
9
11
  import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
10
- import { fg } from '@atlaskit/platform-feature-flags';
12
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
13
  import { Box, Inline } from '@atlaskit/primitives/compiled';
12
- import Spinner from '@atlaskit/spinner';
14
+ import Spinner from '@atlaskit/spinner/spinner';
13
15
  import { ChatPillIcon } from '../../common/ui/chat-icon';
14
16
  import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
15
17
  import messages from './messages';
@@ -7,7 +7,7 @@
7
7
  * historically every change to one needed a paired change to the other.
8
8
  */
9
9
 
10
- import { fg } from '@atlaskit/platform-feature-flags';
10
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
11
  import { isAgentCreatorType } from '../../common/utils/is-agent-creator-type';
12
12
  import { isForgeAgentByCreatorType } from '../../common/utils/is-forge-agent';
13
13
 
@@ -3,15 +3,16 @@ import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { useIntl } from 'react-intl';
6
- import FeatureGates from '@atlaskit/feature-gate-js-client';
7
- import Heading from '@atlaskit/heading';
8
- import Link from '@atlaskit/link';
9
- import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
10
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
7
+ import Heading from '@atlaskit/heading/heading';
8
+ import Link from '@atlaskit/link/link';
9
+ import { AtlassianIcon } from '@atlaskit/logo/atlassian-icon';
10
+ import { RovoIcon } from '@atlaskit/logo';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
12
  import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
12
13
  import Skeleton from '@atlaskit/skeleton';
13
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
- import Tooltip from '@atlaskit/tooltip';
15
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
15
16
  import { HiddenIcon } from '../../common/ui/hidden-icon';
16
17
  import { StarIconButton } from '../../common/ui/star-icon-button';
17
18
  import { isForgeAgentByCreatorType } from '../../common/utils/is-forge-agent';
@@ -4,8 +4,8 @@ import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef from
4
4
  import React, { useCallback } from 'react';
5
5
  import { useIntl } from 'react-intl';
6
6
  import { graphql, useFragment, useMutation } from 'react-relay';
7
- import { DropdownItem } from '@atlaskit/dropdown-menu';
8
- import { useFlags } from '@atlaskit/flag';
7
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
8
+ import { useFlags } from '@atlaskit/flag/use-flags';
9
9
  import ErrorIcon from '@atlaskit/icon/core/status-error';
10
10
  import SuccessIcon from '@atlaskit/icon/core/status-success';
11
11
  import { useRovoAgentActionAnalytics } from '@atlaskit/rovo-agent-analytics/actions';
@@ -8,7 +8,7 @@ import { graphql, useFragment } from 'react-relay';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import VerifiedIcon from '@atlaskit/icon/core/status-verified';
10
10
  import { Flex } from '@atlaskit/primitives/compiled';
11
- import Tooltip from '@atlaskit/tooltip';
11
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
12
12
  import messages from './messages';
13
13
  export const AgentVerified = ({
14
14
  agentRef,
@@ -1,8 +1 @@
1
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
2
- ._1bsb1tcg{width:24px}
3
- ._4t3i1tcg{height:24px}
4
- ._bfhk1j28{background-color:transparent}
5
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
6
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
7
- ._tzy4idpf{opacity:0}
8
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
1
+ ._tzy4idpf{opacity:0}
@@ -10,11 +10,9 @@ import { IconButton } from '@atlaskit/button/new';
10
10
  import { cx } from '@atlaskit/css';
11
11
  import StarIconMigration from '@atlaskit/icon/core/star-starred';
12
12
  import StarUnstarredIconMigration from '@atlaskit/icon/core/star-unstarred';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
- import { Box, Pressable } from '@atlaskit/primitives/compiled';
13
+ import { Box } from '@atlaskit/primitives/compiled';
15
14
  import messages from './messages';
16
15
  var styles = {
17
- pressableStarIcon: "_bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _4t3i1tcg _1bsb1tcg",
18
16
  hidden: "_tzy4idpf"
19
17
  };
20
18
  export var StarIconButton = function StarIconButton(_ref) {
@@ -29,33 +27,21 @@ export var StarIconButton = function StarIconButton(_ref) {
29
27
  _useState2 = _slicedToArray(_useState, 2),
30
28
  isHovered = _useState2[0],
31
29
  setIsHovered = _useState2[1];
32
- if (fg('rovo_agent_star_icon_button')) {
33
- return /*#__PURE__*/React.createElement(Box, {
34
- xcss: cx(!visible && styles.hidden)
35
- }, /*#__PURE__*/React.createElement(IconButton, {
36
- appearance: "subtle",
37
- spacing: "compact",
38
- icon: function icon(iconProps) {
39
- return isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, _extends({}, iconProps, {
40
- color: "var(--ds-icon-accent-orange, #E06C00)"
41
- })) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, _extends({}, iconProps, {
42
- color: "var(--ds-icon, #292A2E)"
43
- }));
44
- },
45
- label: formatMessage(isStarred ? messages.removeFromFavouritesLabel : messages.clickToFavouriteLabel, {
46
- agentName: agentName
47
- }),
48
- onClick: handleToggle,
49
- onMouseEnter: function onMouseEnter() {
50
- return setIsHovered(true);
51
- },
52
- onMouseLeave: function onMouseLeave() {
53
- return setIsHovered(false);
54
- }
55
- }));
56
- }
57
- return /*#__PURE__*/React.createElement(Pressable, {
58
- xcss: cx(styles.pressableStarIcon, !visible && styles.hidden),
30
+ return /*#__PURE__*/React.createElement(Box, {
31
+ xcss: cx(!visible && styles.hidden)
32
+ }, /*#__PURE__*/React.createElement(IconButton, {
33
+ appearance: "subtle",
34
+ spacing: "compact",
35
+ icon: function icon(iconProps) {
36
+ return isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, _extends({}, iconProps, {
37
+ color: "var(--ds-icon-accent-orange, #E06C00)"
38
+ })) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, _extends({}, iconProps, {
39
+ color: "var(--ds-icon, #292A2E)"
40
+ }));
41
+ },
42
+ label: formatMessage(isStarred ? messages.removeFromFavouritesLabel : messages.clickToFavouriteLabel, {
43
+ agentName: agentName
44
+ }),
59
45
  onClick: handleToggle,
60
46
  onMouseEnter: function onMouseEnter() {
61
47
  return setIsHovered(true);
@@ -63,17 +49,5 @@ export var StarIconButton = function StarIconButton(_ref) {
63
49
  onMouseLeave: function onMouseLeave() {
64
50
  return setIsHovered(false);
65
51
  }
66
- }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
67
- spacing: "spacious",
68
- label: formatMessage(messages.removeFromFavouritesLabel, {
69
- agentName: agentName
70
- }),
71
- color: "var(--ds-icon-accent-orange, #E06C00)"
72
- }) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
73
- spacing: "spacious",
74
- label: formatMessage(messages.clickToFavouriteLabel, {
75
- agentName: agentName
76
- }),
77
- color: "var(--ds-icon, #292A2E)"
78
52
  }));
79
53
  };
@@ -1,7 +1,7 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import * as React from 'react';
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
- import { AVATAR_SIZES } from '@atlaskit/avatar';
4
+ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
5
5
  import { Box } from '@atlaskit/primitives/compiled';
6
6
  import Skeleton from '@atlaskit/skeleton';
7
7
  import { AGENT_AVATAR_CLIP_PATH } from '../index';
@@ -5,9 +5,9 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  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; }
6
6
  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; }
7
7
  import React, { lazy, Suspense, useEffect } from 'react';
8
- import { AVATAR_SIZES } from '@atlaskit/avatar';
8
+ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
9
9
  import { cx } from '@atlaskit/css';
10
- import { fg } from '@atlaskit/platform-feature-flags';
10
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
11
  import { Box } from '@atlaskit/primitives/compiled';
12
12
  var styles = {
13
13
  image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
@@ -6,8 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  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
7
  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
8
  import { useIntl } from 'react-intl';
9
- import { AVATAR_SIZES } from '@atlaskit/avatar';
10
- import { fg } from '@atlaskit/platform-feature-flags';
9
+ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
10
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
11
  import { Box } from '@atlaskit/primitives/compiled';
12
12
  import { GeneratedAvatar } from './generated-avatars';
13
13
  import { messages } from './messages';
@@ -10,11 +10,13 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
10
10
  import React, { useEffect, useState } from 'react';
11
11
  import { useIntl } from 'react-intl';
12
12
  import Button, { IconButton } from '@atlaskit/button/new';
13
- import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
13
+ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
14
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
15
+ import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
14
16
  import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
15
- import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
16
18
  import { Box, Inline } from '@atlaskit/primitives/compiled';
17
- import Spinner from '@atlaskit/spinner';
19
+ import Spinner from '@atlaskit/spinner/spinner';
18
20
  import { ChatPillIcon } from '../../common/ui/chat-icon';
19
21
  import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
20
22
  import messages from './messages';
@@ -7,7 +7,7 @@
7
7
  * historically every change to one needed a paired change to the other.
8
8
  */
9
9
 
10
- import { fg } from '@atlaskit/platform-feature-flags';
10
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
11
  import { isAgentCreatorType } from '../../common/utils/is-agent-creator-type';
12
12
  import { isForgeAgentByCreatorType } from '../../common/utils/is-forge-agent';
13
13
 
@@ -3,15 +3,16 @@ import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { useIntl } from 'react-intl';
6
- import FeatureGates from '@atlaskit/feature-gate-js-client';
7
- import Heading from '@atlaskit/heading';
8
- import Link from '@atlaskit/link';
9
- import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
10
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
7
+ import Heading from '@atlaskit/heading/heading';
8
+ import Link from '@atlaskit/link/link';
9
+ import { AtlassianIcon } from '@atlaskit/logo/atlassian-icon';
10
+ import { RovoIcon } from '@atlaskit/logo';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
12
  import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
12
13
  import Skeleton from '@atlaskit/skeleton';
13
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
- import Tooltip from '@atlaskit/tooltip';
15
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
15
16
  import { HiddenIcon } from '../../common/ui/hidden-icon';
16
17
  import { StarIconButton } from '../../common/ui/star-icon-button';
17
18
  import { isForgeAgentByCreatorType } from '../../common/utils/is-forge-agent';
@@ -5,8 +5,8 @@ import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef from
5
5
  import React, { useCallback } from 'react';
6
6
  import { useIntl } from 'react-intl';
7
7
  import { graphql, useFragment, useMutation } from 'react-relay';
8
- import { DropdownItem } from '@atlaskit/dropdown-menu';
9
- import { useFlags } from '@atlaskit/flag';
8
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
9
+ import { useFlags } from '@atlaskit/flag/use-flags';
10
10
  import ErrorIcon from '@atlaskit/icon/core/status-error';
11
11
  import SuccessIcon from '@atlaskit/icon/core/status-success';
12
12
  import { useRovoAgentActionAnalytics } from '@atlaskit/rovo-agent-analytics/actions';
@@ -8,7 +8,7 @@ import { graphql, useFragment } from 'react-relay';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import VerifiedIcon from '@atlaskit/icon/core/status-verified';
10
10
  import { Flex } from '@atlaskit/primitives/compiled';
11
- import Tooltip from '@atlaskit/tooltip';
11
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
12
12
  import messages from './messages';
13
13
  export var AgentVerified = function AgentVerified(_ref) {
14
14
  var agentRef = _ref.agentRef,
@@ -1,4 +1,4 @@
1
- import { type SizeType } from '@atlaskit/avatar';
1
+ import type { SizeType } from '@atlaskit/avatar/types';
2
2
  type AgentAvatarSkeletonProps = {
3
3
  /**
4
4
  * Size of the skeleton.
@@ -1,4 +1,4 @@
1
- import { type SizeType } from '@atlaskit/avatar';
1
+ import type { SizeType } from '@atlaskit/avatar/types';
2
2
  import type { AgentCreatorType } from '../../../common/types';
3
3
  /**
4
4
  * OOTB Agents avatars - end
@@ -1,4 +1,4 @@
1
- import { type SizeType } from '@atlaskit/avatar';
1
+ import type { SizeType } from '@atlaskit/avatar/types';
2
2
  export declare const AGENT_AVATAR_CLIP_PATH = "polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%)";
3
3
  type AgentAvatarProps = {
4
4
  imageUrl?: string;
@@ -3,9 +3,11 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React from 'react';
6
- import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
6
+ import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
7
7
  import { type ButtonProps, IconButton } from '@atlaskit/button/new';
8
- import DropdownMenu, { type DropdownMenuProps, DropdownItem } from '@atlaskit/dropdown-menu';
8
+ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
9
+ import type { DropdownMenuProps } from '@atlaskit/dropdown-menu/types';
10
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
9
11
  import { type AgentVerificationDropdownItemProps } from '../agent-verification-dropdown-item';
10
12
  type ChatToAgentButtonProps = {
11
13
  onClick: ButtonProps['onClick'];
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { SizeType } from '@atlaskit/avatar';
2
+ import type { SizeType } from '@atlaskit/avatar/types';
3
3
  interface AgentMenuItemSkeletonProps {
4
4
  index: number;
5
5
  containerHeight?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "8.7.4",
3
+ "version": "8.8.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": {
@@ -36,22 +36,22 @@
36
36
  "@atlaskit/avatar": "^27.0.0",
37
37
  "@atlaskit/button": "^25.1.0",
38
38
  "@atlaskit/css": "^1.0.0",
39
- "@atlaskit/dropdown-menu": "^18.0.0",
39
+ "@atlaskit/dropdown-menu": "^18.1.0",
40
40
  "@atlaskit/feature-gate-js-client": "^6.0.0",
41
- "@atlaskit/flag": "^18.2.0",
41
+ "@atlaskit/flag": "^18.3.0",
42
42
  "@atlaskit/heading": "^7.0.0",
43
43
  "@atlaskit/icon": "^37.4.0",
44
44
  "@atlaskit/link": "^5.0.0",
45
45
  "@atlaskit/logo": "^21.4.0",
46
46
  "@atlaskit/platform-feature-flags": "^2.1.0",
47
- "@atlaskit/primitives": "^22.2.0",
47
+ "@atlaskit/primitives": "^22.3.0",
48
48
  "@atlaskit/react-compiler-gating": "^0.2.0",
49
49
  "@atlaskit/rovo-agent-analytics": "^6.1.0",
50
50
  "@atlaskit/skeleton": "^4.2.0",
51
- "@atlaskit/spinner": "^20.1.0",
52
- "@atlaskit/tmp-editor-statsig": "^153.0.0",
51
+ "@atlaskit/spinner": "^20.2.0",
52
+ "@atlaskit/tmp-editor-statsig": "^154.0.0",
53
53
  "@atlaskit/tokens": "^16.7.0",
54
- "@atlaskit/tooltip": "^24.0.0",
54
+ "@atlaskit/tooltip": "^24.1.0",
55
55
  "@babel/runtime": "^7.0.0",
56
56
  "@compiled/react": "^1.0.2",
57
57
  "react-dom": "^18.2.0",
@@ -116,9 +116,6 @@
116
116
  "platform_editor_agent_mentions_drop_one_fixes": {
117
117
  "type": "boolean"
118
118
  },
119
- "rovo_agent_star_icon_button": {
120
- "type": "boolean"
121
- },
122
119
  "rovo_chat_bugfix_agent_avatar_squish": {
123
120
  "type": "boolean"
124
121
  },