@atlaskit/rovo-agent-components 8.7.4 → 8.8.1
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 +18 -0
- package/dist/cjs/common/ui/star-icon-button/index.compiled.css +1 -8
- package/dist/cjs/common/ui/star-icon-button/index.js +15 -41
- package/dist/cjs/ui/agent-avatar/agent-avatar-skeleton/index.js +3 -3
- package/dist/cjs/ui/agent-avatar/generated-avatars/index.js +46 -46
- package/dist/cjs/ui/agent-avatar/index.js +7 -7
- package/dist/cjs/ui/agent-dropdown-menu/index.js +16 -14
- package/dist/cjs/ui/agent-identity/derive-agent-identity.js +2 -2
- package/dist/cjs/ui/agent-profile-info/index.js +13 -12
- package/dist/cjs/ui/agent-verification-dropdown-item/index.js +4 -4
- package/dist/cjs/ui/agent-verified/index.js +2 -2
- package/dist/es2019/common/ui/star-icon-button/index.compiled.css +1 -8
- package/dist/es2019/common/ui/star-icon-button/index.js +14 -36
- package/dist/es2019/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
- package/dist/es2019/ui/agent-avatar/generated-avatars/index.js +2 -2
- package/dist/es2019/ui/agent-avatar/index.js +2 -2
- package/dist/es2019/ui/agent-dropdown-menu/index.js +5 -3
- package/dist/es2019/ui/agent-identity/derive-agent-identity.js +1 -1
- package/dist/es2019/ui/agent-profile-info/index.js +7 -6
- package/dist/es2019/ui/agent-verification-dropdown-item/index.js +2 -2
- package/dist/es2019/ui/agent-verified/index.js +1 -1
- package/dist/esm/common/ui/star-icon-button/index.compiled.css +1 -8
- package/dist/esm/common/ui/star-icon-button/index.js +16 -42
- package/dist/esm/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
- package/dist/esm/ui/agent-avatar/generated-avatars/index.js +2 -2
- package/dist/esm/ui/agent-avatar/index.js +2 -2
- package/dist/esm/ui/agent-dropdown-menu/index.js +5 -3
- package/dist/esm/ui/agent-identity/derive-agent-identity.js +1 -1
- package/dist/esm/ui/agent-profile-info/index.js +7 -6
- package/dist/esm/ui/agent-verification-dropdown-item/index.js +2 -2
- package/dist/esm/ui/agent-verified/index.js +1 -1
- package/dist/types/ui/agent-avatar/agent-avatar-skeleton/index.d.ts +1 -1
- package/dist/types/ui/agent-avatar/generated-avatars/index.d.ts +1 -1
- package/dist/types/ui/agent-avatar/index.d.ts +1 -1
- package/dist/types/ui/agent-dropdown-menu/index.d.ts +4 -2
- package/dist/types/ui/agent-menu-item-skeleton/index.d.ts +1 -1
- 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
|
|
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
|
|
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
|
|
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,
|
|
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,
|
|
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(
|
|
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 (
|
|
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,
|
|
143
|
-
if ((0,
|
|
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(
|
|
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
|
|
17
|
-
var
|
|
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,
|
|
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(
|
|
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
|
|
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(
|
|
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
|
-
.
|
|
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 {
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
|
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
|
|
10
|
-
import {
|
|
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
|
|
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
|
-
.
|
|
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 {
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
|
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
|
|
10
|
-
import {
|
|
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
|
|
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 {
|
|
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
|
|
6
|
+
import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
|
|
7
7
|
import { type ButtonProps, IconButton } from '@atlaskit/button/new';
|
|
8
|
-
import DropdownMenu
|
|
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'];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/rovo-agent-components",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.8.1",
|
|
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.
|
|
39
|
+
"@atlaskit/dropdown-menu": "^18.1.0",
|
|
40
40
|
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
41
|
-
"@atlaskit/flag": "^18.
|
|
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.
|
|
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.
|
|
52
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
51
|
+
"@atlaskit/spinner": "^20.2.0",
|
|
52
|
+
"@atlaskit/tmp-editor-statsig": "^155.0.0",
|
|
53
53
|
"@atlaskit/tokens": "^16.7.0",
|
|
54
|
-
"@atlaskit/tooltip": "^24.
|
|
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
|
},
|