@atlaskit/rovo-agent-components 8.10.6 → 8.11.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 (102) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/agent-conversation-starters/package.json +10 -0
  3. package/conversation-starters/package.json +10 -0
  4. package/dist/cjs/common/ui/agent-chat-icon/index.js +1 -1
  5. package/dist/cjs/common/ui/chat-pill/index.js +1 -1
  6. package/dist/cjs/common/ui/link-icon-button/index.js +1 -1
  7. package/dist/cjs/common/ui/star-icon-button/index.js +1 -1
  8. package/dist/cjs/index.js +8 -6
  9. package/dist/cjs/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
  10. package/dist/cjs/ui/agent-avatar/generated-avatars/assets/content-reviewer.js +73 -0
  11. package/dist/cjs/ui/agent-avatar/generated-avatars/index.js +16 -1
  12. package/dist/cjs/ui/agent-avatar/index.js +1 -1
  13. package/dist/cjs/ui/agent-conversation-starters/AgentConversationStarters.js +44 -0
  14. package/dist/cjs/ui/agent-conversation-starters/ConversationStarters.js +78 -0
  15. package/dist/cjs/ui/agent-conversation-starters/getConversationStarters.js +49 -0
  16. package/dist/cjs/ui/agent-conversation-starters/index.js +21 -149
  17. package/dist/cjs/ui/agent-dropdown-menu/AgentDropdownMenu.js +223 -0
  18. package/dist/cjs/ui/agent-dropdown-menu/ChatToAgentButton.js +46 -0
  19. package/dist/cjs/ui/agent-dropdown-menu/index.js +14 -249
  20. package/dist/cjs/ui/agent-menu-item-skeleton/index.js +1 -1
  21. package/dist/cjs/ui/agent-name-side-nav/index.js +1 -1
  22. package/dist/cjs/ui/agent-profile-info/agent-star-count/index.js +1 -1
  23. package/dist/cjs/ui/agent-profile-info/index.js +1 -1
  24. package/dist/cjs/ui/agent-verified/agent-verified-icon.js +40 -0
  25. package/dist/cjs/ui/agent-verified/agent-verified.js +22 -0
  26. package/dist/cjs/ui/agent-verified/agent-verified.stories.js +6 -6
  27. package/dist/cjs/ui/agent-verified/index.js +13 -47
  28. package/dist/es2019/common/ui/agent-chat-icon/index.js +1 -1
  29. package/dist/es2019/common/ui/chat-pill/index.js +1 -1
  30. package/dist/es2019/common/ui/link-icon-button/index.js +1 -1
  31. package/dist/es2019/common/ui/star-icon-button/index.js +1 -1
  32. package/dist/es2019/index.js +4 -2
  33. package/dist/es2019/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
  34. package/dist/es2019/ui/agent-avatar/generated-avatars/assets/content-reviewer.js +65 -0
  35. package/dist/es2019/ui/agent-avatar/generated-avatars/index.js +10 -1
  36. package/dist/es2019/ui/agent-avatar/index.js +1 -1
  37. package/dist/es2019/ui/agent-conversation-starters/AgentConversationStarters.js +30 -0
  38. package/dist/es2019/ui/agent-conversation-starters/ConversationStarters.js +67 -0
  39. package/dist/es2019/ui/agent-conversation-starters/getConversationStarters.js +42 -0
  40. package/dist/es2019/ui/agent-conversation-starters/index.js +20 -136
  41. package/dist/es2019/ui/agent-dropdown-menu/AgentDropdownMenu.js +160 -0
  42. package/dist/es2019/ui/agent-dropdown-menu/ChatToAgentButton.js +39 -0
  43. package/dist/es2019/ui/agent-dropdown-menu/index.js +14 -192
  44. package/dist/es2019/ui/agent-menu-item-skeleton/index.js +1 -1
  45. package/dist/es2019/ui/agent-name-side-nav/index.js +1 -1
  46. package/dist/es2019/ui/agent-profile-info/agent-star-count/index.js +1 -1
  47. package/dist/es2019/ui/agent-profile-info/index.js +1 -1
  48. package/dist/es2019/ui/agent-verified/agent-verified-icon.js +34 -0
  49. package/dist/es2019/ui/agent-verified/agent-verified.js +16 -0
  50. package/dist/es2019/ui/agent-verified/agent-verified.stories.js +2 -2
  51. package/dist/es2019/ui/agent-verified/index.js +11 -48
  52. package/dist/esm/common/ui/agent-chat-icon/index.js +1 -1
  53. package/dist/esm/common/ui/chat-pill/index.js +1 -1
  54. package/dist/esm/common/ui/link-icon-button/index.js +1 -1
  55. package/dist/esm/common/ui/star-icon-button/index.js +1 -1
  56. package/dist/esm/index.js +4 -2
  57. package/dist/esm/ui/agent-avatar/agent-avatar-skeleton/index.js +1 -1
  58. package/dist/esm/ui/agent-avatar/generated-avatars/assets/content-reviewer.js +66 -0
  59. package/dist/esm/ui/agent-avatar/generated-avatars/index.js +14 -1
  60. package/dist/esm/ui/agent-avatar/index.js +1 -1
  61. package/dist/esm/ui/agent-conversation-starters/AgentConversationStarters.js +35 -0
  62. package/dist/esm/ui/agent-conversation-starters/ConversationStarters.js +71 -0
  63. package/dist/esm/ui/agent-conversation-starters/getConversationStarters.js +42 -0
  64. package/dist/esm/ui/agent-conversation-starters/index.js +20 -145
  65. package/dist/esm/ui/agent-dropdown-menu/AgentDropdownMenu.js +214 -0
  66. package/dist/esm/ui/agent-dropdown-menu/ChatToAgentButton.js +37 -0
  67. package/dist/esm/ui/agent-dropdown-menu/index.js +14 -244
  68. package/dist/esm/ui/agent-menu-item-skeleton/index.js +1 -1
  69. package/dist/esm/ui/agent-name-side-nav/index.js +1 -1
  70. package/dist/esm/ui/agent-profile-info/agent-star-count/index.js +1 -1
  71. package/dist/esm/ui/agent-profile-info/index.js +1 -1
  72. package/dist/esm/ui/agent-verified/agent-verified-icon.js +33 -0
  73. package/dist/esm/ui/agent-verified/agent-verified.js +15 -0
  74. package/dist/esm/ui/agent-verified/agent-verified.stories.js +2 -2
  75. package/dist/esm/ui/agent-verified/index.js +11 -46
  76. package/dist/types/index.d.ts +7 -2
  77. package/dist/types/ui/agent-avatar/generated-avatars/assets/content-reviewer.d.ts +8 -0
  78. package/dist/types/ui/agent-conversation-starters/AgentConversationStarters.d.ts +8 -0
  79. package/dist/types/ui/agent-conversation-starters/ConversationStarters.d.ts +11 -0
  80. package/dist/types/ui/agent-conversation-starters/getConversationStarters.d.ts +14 -0
  81. package/dist/types/ui/agent-conversation-starters/index.d.ts +14 -27
  82. package/dist/types/ui/agent-dropdown-menu/AgentDropdownMenu.d.ts +57 -0
  83. package/dist/types/ui/agent-dropdown-menu/ChatToAgentButton.d.ts +10 -0
  84. package/dist/types/ui/agent-dropdown-menu/index.d.ts +8 -58
  85. package/dist/types/ui/agent-verified/agent-verified-icon.d.ts +3 -0
  86. package/dist/types/ui/agent-verified/agent-verified.d.ts +13 -0
  87. package/dist/types/ui/agent-verified/index.d.ts +10 -14
  88. package/get-conversation-starters/package.json +10 -0
  89. package/package.json +1 -1
  90. package/ui/agent-dropdown-menu/agent-dropdown-menu/package.json +10 -0
  91. package/ui/agent-dropdown-menu/chat-to-agent-button/package.json +10 -0
  92. package/ui/agent-verified/agent-verified/package.json +10 -0
  93. package/ui/agent-verified/agent-verified-icon/package.json +10 -0
  94. /package/dist/cjs/ui/agent-conversation-starters/{index.compiled.css → ConversationStarters.compiled.css} +0 -0
  95. /package/dist/cjs/ui/agent-dropdown-menu/{index.compiled.css → ChatToAgentButton.compiled.css} +0 -0
  96. /package/dist/cjs/ui/agent-verified/{index.compiled.css → agent-verified-icon.compiled.css} +0 -0
  97. /package/dist/es2019/ui/agent-conversation-starters/{index.compiled.css → ConversationStarters.compiled.css} +0 -0
  98. /package/dist/es2019/ui/agent-dropdown-menu/{index.compiled.css → ChatToAgentButton.compiled.css} +0 -0
  99. /package/dist/es2019/ui/agent-verified/{index.compiled.css → agent-verified-icon.compiled.css} +0 -0
  100. /package/dist/esm/ui/agent-conversation-starters/{index.compiled.css → ConversationStarters.compiled.css} +0 -0
  101. /package/dist/esm/ui/agent-dropdown-menu/{index.compiled.css → ChatToAgentButton.compiled.css} +0 -0
  102. /package/dist/esm/ui/agent-verified/{index.compiled.css → agent-verified-icon.compiled.css} +0 -0
@@ -0,0 +1,214 @@
1
+ /* AgentDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
5
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
6
+ var _excluded = ["triggerRef"];
7
+ import { ax, ix } from "@compiled/react/runtime";
8
+ import _regeneratorRuntime from "@babel/runtime/regenerator";
9
+ import React, { useEffect, useState } from 'react';
10
+ import { useIntl } from 'react-intl';
11
+ import IconButton from '@atlaskit/button/icon/button';
12
+ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
13
+ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
14
+ import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
15
+ import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
16
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
17
+ import { Inline } from '@atlaskit/primitives/compiled';
18
+ import Spinner from '@atlaskit/spinner/spinner';
19
+ import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
20
+ import messages from './messages';
21
+ export var AgentDropdownMenu = function AgentDropdownMenu(_ref) {
22
+ var isAutodevTemplateAgent = _ref.isAutodevTemplateAgent,
23
+ onEditAgent = _ref.onEditAgent,
24
+ onCopyAgent = _ref.onCopyAgent,
25
+ onDuplicateAgent = _ref.onDuplicateAgent,
26
+ onDeleteAgent = _ref.onDeleteAgent,
27
+ onViewAgentFullProfileClick = _ref.onViewAgentFullProfileClick,
28
+ _onOpenChange = _ref.onOpenChange,
29
+ isForgeAgent = _ref.isForgeAgent,
30
+ _ref$showDeleteOption = _ref.showDeleteOption,
31
+ showDeleteOption = _ref$showDeleteOption === void 0 ? true : _ref$showDeleteOption,
32
+ _ref$showViewAgentOpt = _ref.showViewAgentOption,
33
+ showViewAgentOption = _ref$showViewAgentOpt === void 0 ? false : _ref$showViewAgentOpt,
34
+ onViewAgentClick = _ref.onViewAgentClick,
35
+ onDropdownTriggerClick = _ref.onDropdownTriggerClick,
36
+ spacing = _ref.spacing,
37
+ appearance = _ref.appearance,
38
+ dropdownMenuTestId = _ref.dropdownMenuTestId,
39
+ doesAgentHaveIdentityAccountId = _ref.doesAgentHaveIdentityAccountId,
40
+ loadAgentPermissions = _ref.loadAgentPermissions,
41
+ loadPermissionsOnMount = _ref.loadPermissionsOnMount,
42
+ shouldTriggerStopPropagation = _ref.shouldTriggerStopPropagation,
43
+ shouldRenderToParent = _ref.shouldRenderToParent,
44
+ agentName = _ref.agentName,
45
+ agentRef = _ref.agentRef,
46
+ userPermissionsRef = _ref.userPermissionsRef,
47
+ onVerificationSuccess = _ref.onVerificationSuccess,
48
+ customDropdownOptions = _ref.customDropdownOptions;
49
+ var _useState = useState(false),
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ isLoading = _useState2[0],
52
+ setIsLoading = _useState2[1];
53
+ var _useState3 = useState(false),
54
+ _useState4 = _slicedToArray(_useState3, 2),
55
+ isDuplicating = _useState4[0],
56
+ setIsDuplicating = _useState4[1];
57
+ var _useIntl = useIntl(),
58
+ formatMessage = _useIntl.formatMessage;
59
+ var _useState5 = useState(false),
60
+ _useState6 = _slicedToArray(_useState5, 2),
61
+ hasBeenCopied = _useState6[0],
62
+ setHasBeenCopied = _useState6[1];
63
+ var _useState7 = useState(false),
64
+ _useState8 = _slicedToArray(_useState7, 2),
65
+ isOpen = _useState8[0],
66
+ setIsOpen = _useState8[1];
67
+ var _useState9 = useState(),
68
+ _useState0 = _slicedToArray(_useState9, 2),
69
+ permissions = _useState0[0],
70
+ setPermissions = _useState0[1];
71
+ useEffect(function () {
72
+ var fetchData = /*#__PURE__*/function () {
73
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
74
+ var _yield$loadAgentPermi, isCreateEnabled, isEditEnabled, isDeleteEnabled;
75
+ return _regeneratorRuntime.wrap(function (_context) {
76
+ while (1) switch (_context.prev = _context.next) {
77
+ case 0:
78
+ setIsLoading(true);
79
+ _context.next = 1;
80
+ return loadAgentPermissions();
81
+ case 1:
82
+ _yield$loadAgentPermi = _context.sent;
83
+ isCreateEnabled = _yield$loadAgentPermi.isCreateEnabled;
84
+ isEditEnabled = _yield$loadAgentPermi.isEditEnabled;
85
+ isDeleteEnabled = _yield$loadAgentPermi.isDeleteEnabled;
86
+ setIsLoading(false);
87
+ setPermissions({
88
+ isCreateEnabled: isCreateEnabled,
89
+ isEditEnabled: isEditEnabled,
90
+ isDeleteEnabled: isDeleteEnabled
91
+ });
92
+ case 2:
93
+ case "end":
94
+ return _context.stop();
95
+ }
96
+ }, _callee);
97
+ }));
98
+ return function fetchData() {
99
+ return _ref2.apply(this, arguments);
100
+ };
101
+ }();
102
+
103
+ // Only load once
104
+ if (!permissions && (isOpen || loadPermissionsOnMount)) {
105
+ fetchData();
106
+ }
107
+ }, [isOpen, loadAgentPermissions, loadPermissionsOnMount, permissions]);
108
+ useEffect(function () {
109
+ if (!isOpen) {
110
+ setHasBeenCopied(false);
111
+ }
112
+ }, [isOpen]);
113
+ var renderEditDelete = function renderEditDelete() {
114
+ if (!(permissions !== null && permissions !== void 0 && permissions.isEditEnabled) && !(permissions !== null && permissions !== void 0 && permissions.isDeleteEnabled)) {
115
+ return null;
116
+ }
117
+ return /*#__PURE__*/React.createElement(DropdownItemGroup, {
118
+ hasSeparator: true
119
+ }, permissions.isEditEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
120
+ onClick: onEditAgent
121
+ }, formatMessage(messages.editAgent)), permissions.isDeleteEnabled && showDeleteOption && /*#__PURE__*/React.createElement(DropdownItem, {
122
+ onClick: onDeleteAgent
123
+ }, formatMessage(messages.deleteAgent)));
124
+ };
125
+ var isCreateAgentsEnabled = permissions === null || permissions === void 0 ? void 0 : permissions.isCreateEnabled;
126
+ return /*#__PURE__*/React.createElement(DropdownMenu, {
127
+ shouldRenderToParent: shouldRenderToParent,
128
+ isLoading: isLoading,
129
+ isOpen: isOpen,
130
+ testId: dropdownMenuTestId,
131
+ trigger: function trigger(_ref3) {
132
+ var triggerRef = _ref3.triggerRef,
133
+ props = _objectWithoutProperties(_ref3, _excluded);
134
+ return /*#__PURE__*/React.createElement(IconButton, _extends({}, props, {
135
+ icon: MoreIcon,
136
+ label: agentName ? formatMessage(messages.moreActionsForLabel, {
137
+ agentName: agentName
138
+ }) : formatMessage(messages.moreActionsLabel),
139
+ ref: triggerRef,
140
+ spacing: spacing,
141
+ appearance: appearance,
142
+ onClick: function onClick(e, analyticsEvent) {
143
+ var _props$onClick;
144
+ if (onDropdownTriggerClick) {
145
+ onDropdownTriggerClick(e, analyticsEvent);
146
+ }
147
+ if (shouldTriggerStopPropagation) {
148
+ e.stopPropagation();
149
+ }
150
+ (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
151
+ }
152
+ }));
153
+ },
154
+ onOpenChange: function onOpenChange(args) {
155
+ setIsOpen(args.isOpen);
156
+ _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(args);
157
+ if (!args.isOpen) {
158
+ setHasBeenCopied(false);
159
+ }
160
+ }
161
+ }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(function (option) {
162
+ return /*#__PURE__*/React.createElement(DropdownItem, {
163
+ key: option.id,
164
+ onClick: option.onClick
165
+ }, option.label);
166
+ }), showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
167
+ onClick: onViewAgentClick
168
+ }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
169
+ onClick: onViewAgentFullProfileClick
170
+ }, formatMessage(messages.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
171
+ onClick: ( /*#__PURE__*/function () {
172
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
173
+ return _regeneratorRuntime.wrap(function (_context2) {
174
+ while (1) switch (_context2.prev = _context2.next) {
175
+ case 0:
176
+ if (fg('rovo_agent_versioning_enabled')) {
177
+ e.stopPropagation();
178
+ }
179
+ setIsDuplicating(true);
180
+ _context2.prev = 1;
181
+ _context2.next = 2;
182
+ return onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e);
183
+ case 2:
184
+ _context2.prev = 2;
185
+ setIsDuplicating(false);
186
+ return _context2.finish(2);
187
+ case 3:
188
+ case "end":
189
+ return _context2.stop();
190
+ }
191
+ }, _callee2, null, [[1,, 2, 3]]);
192
+ }));
193
+ return function (_x) {
194
+ return _ref4.apply(this, arguments);
195
+ };
196
+ }()),
197
+ isDisabled: isDuplicating
198
+ }, /*#__PURE__*/React.createElement(Inline, {
199
+ space: "space.050"
200
+ }, isDuplicating && /*#__PURE__*/React.createElement(Spinner, {
201
+ size: "small"
202
+ }), isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent))), /*#__PURE__*/React.createElement(DropdownItem, {
203
+ onClick: function onClick(e) {
204
+ e.stopPropagation();
205
+ setHasBeenCopied(true);
206
+ onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
207
+ }
208
+ }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), agentRef && userPermissionsRef && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(AgentVerificationDropdownItem, {
209
+ agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
210
+ userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
211
+ onVerificationSuccess: onVerificationSuccess,
212
+ testId: "agent-actions-menu-verification"
213
+ })), renderEditDelete());
214
+ };
@@ -0,0 +1,37 @@
1
+ /* ChatToAgentButton.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import "./ChatToAgentButton.compiled.css";
3
+ import * as React from 'react';
4
+ import { ax, ix } from "@compiled/react/runtime";
5
+ import { useIntl } from 'react-intl';
6
+ import Button from '@atlaskit/button/default/button';
7
+ import { Box, Inline } from '@atlaskit/primitives/compiled';
8
+ import { ChatPillIcon } from '../../common/ui/chat-icon';
9
+ import messages from './messages';
10
+ var styles = {
11
+ chatToAgentButtonContainer: "_1bsb1osq",
12
+ chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8",
13
+ chatPillButtonInline: "_18zrv77o",
14
+ chatPillText: "_1nmz1hna _y3gn1e5h _o5721jtm",
15
+ chatPillIconWrapper: "_1ul9gktf _4t3igktf"
16
+ };
17
+ export var ChatToAgentButton = function ChatToAgentButton(_ref) {
18
+ var onClick = _ref.onClick;
19
+ var _useIntl = useIntl(),
20
+ formatMessage = _useIntl.formatMessage;
21
+ return /*#__PURE__*/React.createElement(Box, {
22
+ xcss: styles.chatToAgentButtonContainer
23
+ }, /*#__PURE__*/React.createElement(Button, {
24
+ testId: "view-agent-modal-chat-to-agent-button",
25
+ shouldFitContainer: true,
26
+ onClick: onClick
27
+ }, /*#__PURE__*/React.createElement(Box, {
28
+ xcss: styles.chatToAgentButtonWrapper
29
+ }, /*#__PURE__*/React.createElement(Inline, {
30
+ space: "space.050",
31
+ xcss: styles.chatPillButtonInline
32
+ }, /*#__PURE__*/React.createElement(Box, {
33
+ xcss: styles.chatPillIconWrapper
34
+ }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
35
+ xcss: styles.chatPillText
36
+ }, formatMessage(messages.chatToAgentButton))))));
37
+ };
@@ -1,245 +1,15 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.1 */
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
5
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
6
- var _excluded = ["triggerRef"];
7
- import "./index.compiled.css";
8
- import { ax, ix } from "@compiled/react/runtime";
9
- import _regeneratorRuntime from "@babel/runtime/regenerator";
10
- import React, { useEffect, useState } from 'react';
11
- import { useIntl } from 'react-intl';
12
- import Button from '@atlaskit/button/default/button';
13
- import IconButton from '@atlaskit/button/icon/button';
14
- import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
15
- import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
16
- import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
17
- import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
18
- import { fg } from '@atlaskit/platform-feature-flags/fg';
19
- import { Box, Inline } from '@atlaskit/primitives/compiled';
20
- import Spinner from '@atlaskit/spinner/spinner';
21
- import { ChatPillIcon } from '../../common/ui/chat-icon';
22
- import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
23
- import messages from './messages';
24
- var styles = {
25
- chatToAgentButtonContainer: "_1bsb1osq",
26
- chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8",
27
- chatPillButtonInline: "_18zrv77o",
28
- chatPillText: "_1nmz1hna _y3gn1e5h _o5721jtm",
29
- chatPillIconWrapper: "_1ul9gktf _4t3igktf"
30
- };
31
- export var ChatToAgentButton = function ChatToAgentButton(_ref) {
32
- var onClick = _ref.onClick;
33
- var _useIntl = useIntl(),
34
- formatMessage = _useIntl.formatMessage;
35
- return /*#__PURE__*/React.createElement(Box, {
36
- xcss: styles.chatToAgentButtonContainer
37
- }, /*#__PURE__*/React.createElement(Button, {
38
- testId: "view-agent-modal-chat-to-agent-button",
39
- shouldFitContainer: true,
40
- onClick: onClick
41
- }, /*#__PURE__*/React.createElement(Box, {
42
- xcss: styles.chatToAgentButtonWrapper
43
- }, /*#__PURE__*/React.createElement(Inline, {
44
- space: "space.050",
45
- xcss: styles.chatPillButtonInline
46
- }, /*#__PURE__*/React.createElement(Box, {
47
- xcss: styles.chatPillIconWrapper
48
- }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
49
- xcss: styles.chatPillText
50
- }, formatMessage(messages.chatToAgentButton))))));
51
- };
52
- export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
53
- var isAutodevTemplateAgent = _ref2.isAutodevTemplateAgent,
54
- onEditAgent = _ref2.onEditAgent,
55
- onCopyAgent = _ref2.onCopyAgent,
56
- onDuplicateAgent = _ref2.onDuplicateAgent,
57
- onDeleteAgent = _ref2.onDeleteAgent,
58
- onViewAgentFullProfileClick = _ref2.onViewAgentFullProfileClick,
59
- _onOpenChange = _ref2.onOpenChange,
60
- isForgeAgent = _ref2.isForgeAgent,
61
- _ref2$showDeleteOptio = _ref2.showDeleteOption,
62
- showDeleteOption = _ref2$showDeleteOptio === void 0 ? true : _ref2$showDeleteOptio,
63
- _ref2$showViewAgentOp = _ref2.showViewAgentOption,
64
- showViewAgentOption = _ref2$showViewAgentOp === void 0 ? false : _ref2$showViewAgentOp,
65
- onViewAgentClick = _ref2.onViewAgentClick,
66
- onDropdownTriggerClick = _ref2.onDropdownTriggerClick,
67
- spacing = _ref2.spacing,
68
- appearance = _ref2.appearance,
69
- dropdownMenuTestId = _ref2.dropdownMenuTestId,
70
- doesAgentHaveIdentityAccountId = _ref2.doesAgentHaveIdentityAccountId,
71
- loadAgentPermissions = _ref2.loadAgentPermissions,
72
- loadPermissionsOnMount = _ref2.loadPermissionsOnMount,
73
- shouldTriggerStopPropagation = _ref2.shouldTriggerStopPropagation,
74
- shouldRenderToParent = _ref2.shouldRenderToParent,
75
- agentName = _ref2.agentName,
76
- agentRef = _ref2.agentRef,
77
- userPermissionsRef = _ref2.userPermissionsRef,
78
- onVerificationSuccess = _ref2.onVerificationSuccess,
79
- customDropdownOptions = _ref2.customDropdownOptions;
80
- var _useState = useState(false),
81
- _useState2 = _slicedToArray(_useState, 2),
82
- isLoading = _useState2[0],
83
- setIsLoading = _useState2[1];
84
- var _useState3 = useState(false),
85
- _useState4 = _slicedToArray(_useState3, 2),
86
- isDuplicating = _useState4[0],
87
- setIsDuplicating = _useState4[1];
88
- var _useIntl2 = useIntl(),
89
- formatMessage = _useIntl2.formatMessage;
90
- var _useState5 = useState(false),
91
- _useState6 = _slicedToArray(_useState5, 2),
92
- hasBeenCopied = _useState6[0],
93
- setHasBeenCopied = _useState6[1];
94
- var _useState7 = useState(false),
95
- _useState8 = _slicedToArray(_useState7, 2),
96
- isOpen = _useState8[0],
97
- setIsOpen = _useState8[1];
98
- var _useState9 = useState(),
99
- _useState0 = _slicedToArray(_useState9, 2),
100
- permissions = _useState0[0],
101
- setPermissions = _useState0[1];
102
- useEffect(function () {
103
- var fetchData = /*#__PURE__*/function () {
104
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
105
- var _yield$loadAgentPermi, isCreateEnabled, isEditEnabled, isDeleteEnabled;
106
- return _regeneratorRuntime.wrap(function (_context) {
107
- while (1) switch (_context.prev = _context.next) {
108
- case 0:
109
- setIsLoading(true);
110
- _context.next = 1;
111
- return loadAgentPermissions();
112
- case 1:
113
- _yield$loadAgentPermi = _context.sent;
114
- isCreateEnabled = _yield$loadAgentPermi.isCreateEnabled;
115
- isEditEnabled = _yield$loadAgentPermi.isEditEnabled;
116
- isDeleteEnabled = _yield$loadAgentPermi.isDeleteEnabled;
117
- setIsLoading(false);
118
- setPermissions({
119
- isCreateEnabled: isCreateEnabled,
120
- isEditEnabled: isEditEnabled,
121
- isDeleteEnabled: isDeleteEnabled
122
- });
123
- case 2:
124
- case "end":
125
- return _context.stop();
126
- }
127
- }, _callee);
128
- }));
129
- return function fetchData() {
130
- return _ref3.apply(this, arguments);
131
- };
132
- }();
1
+ /* eslint-disable no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of these deprecated re-export shims. */
2
+ /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
3
+ /**
4
+ * @jsxRuntime classic
5
+ * @jsx jsx
6
+ */
133
7
 
134
- // Only load once
135
- if (!permissions && (isOpen || loadPermissionsOnMount)) {
136
- fetchData();
137
- }
138
- }, [isOpen, loadAgentPermissions, loadPermissionsOnMount, permissions]);
139
- useEffect(function () {
140
- if (!isOpen) {
141
- setHasBeenCopied(false);
142
- }
143
- }, [isOpen]);
144
- var renderEditDelete = function renderEditDelete() {
145
- if (!(permissions !== null && permissions !== void 0 && permissions.isEditEnabled) && !(permissions !== null && permissions !== void 0 && permissions.isDeleteEnabled)) {
146
- return null;
147
- }
148
- return /*#__PURE__*/React.createElement(DropdownItemGroup, {
149
- hasSeparator: true
150
- }, permissions.isEditEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
151
- onClick: onEditAgent
152
- }, formatMessage(messages.editAgent)), permissions.isDeleteEnabled && showDeleteOption && /*#__PURE__*/React.createElement(DropdownItem, {
153
- onClick: onDeleteAgent
154
- }, formatMessage(messages.deleteAgent)));
155
- };
156
- var isCreateAgentsEnabled = permissions === null || permissions === void 0 ? void 0 : permissions.isCreateEnabled;
157
- return /*#__PURE__*/React.createElement(DropdownMenu, {
158
- shouldRenderToParent: shouldRenderToParent,
159
- isLoading: isLoading,
160
- isOpen: isOpen,
161
- testId: dropdownMenuTestId,
162
- trigger: function trigger(_ref4) {
163
- var triggerRef = _ref4.triggerRef,
164
- props = _objectWithoutProperties(_ref4, _excluded);
165
- return /*#__PURE__*/React.createElement(IconButton, _extends({}, props, {
166
- icon: MoreIcon,
167
- label: agentName ? formatMessage(messages.moreActionsForLabel, {
168
- agentName: agentName
169
- }) : formatMessage(messages.moreActionsLabel),
170
- ref: triggerRef,
171
- spacing: spacing,
172
- appearance: appearance,
173
- onClick: function onClick(e, analyticsEvent) {
174
- var _props$onClick;
175
- if (onDropdownTriggerClick) {
176
- onDropdownTriggerClick(e, analyticsEvent);
177
- }
178
- if (shouldTriggerStopPropagation) {
179
- e.stopPropagation();
180
- }
181
- (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
182
- }
183
- }));
184
- },
185
- onOpenChange: function onOpenChange(args) {
186
- setIsOpen(args.isOpen);
187
- _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(args);
188
- if (!args.isOpen) {
189
- setHasBeenCopied(false);
190
- }
191
- }
192
- }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(function (option) {
193
- return /*#__PURE__*/React.createElement(DropdownItem, {
194
- key: option.id,
195
- onClick: option.onClick
196
- }, option.label);
197
- }), showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
198
- onClick: onViewAgentClick
199
- }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
200
- onClick: onViewAgentFullProfileClick
201
- }, formatMessage(messages.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
202
- onClick: ( /*#__PURE__*/function () {
203
- var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
204
- return _regeneratorRuntime.wrap(function (_context2) {
205
- while (1) switch (_context2.prev = _context2.next) {
206
- case 0:
207
- if (fg('rovo_agent_versioning_enabled')) {
208
- e.stopPropagation();
209
- }
210
- setIsDuplicating(true);
211
- _context2.prev = 1;
212
- _context2.next = 2;
213
- return onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e);
214
- case 2:
215
- _context2.prev = 2;
216
- setIsDuplicating(false);
217
- return _context2.finish(2);
218
- case 3:
219
- case "end":
220
- return _context2.stop();
221
- }
222
- }, _callee2, null, [[1,, 2, 3]]);
223
- }));
224
- return function (_x) {
225
- return _ref5.apply(this, arguments);
226
- };
227
- }()),
228
- isDisabled: isDuplicating
229
- }, /*#__PURE__*/React.createElement(Inline, {
230
- space: "space.050"
231
- }, isDuplicating && /*#__PURE__*/React.createElement(Spinner, {
232
- size: "small"
233
- }), isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent))), /*#__PURE__*/React.createElement(DropdownItem, {
234
- onClick: function onClick(e) {
235
- e.stopPropagation();
236
- setHasBeenCopied(true);
237
- onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
238
- }
239
- }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), agentRef && userPermissionsRef && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(AgentVerificationDropdownItem, {
240
- agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
241
- userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
242
- onVerificationSuccess: onVerificationSuccess,
243
- testId: "agent-actions-menu-verification"
244
- })), renderEditDelete());
245
- };
8
+ /**
9
+ * @deprecated Use `import { ChatToAgentButton } from '@atlaskit/rovo-agent-components/ui/AgentDropdownMenu'` instead.
10
+ */
11
+ export { ChatToAgentButton } from './ChatToAgentButton';
12
+ /**
13
+ * @deprecated Use `import { AgentDropdownMenu } from '@atlaskit/rovo-agent-components'` instead.
14
+ */
15
+ export { AgentDropdownMenu } from './AgentDropdownMenu';
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -0,0 +1,33 @@
1
+ /* agent-verified-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import "./agent-verified-icon.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { useIntl } from 'react-intl';
6
+ import { cx } from '@atlaskit/css';
7
+ import VerifiedIcon from '@atlaskit/icon/core/status-verified';
8
+ import { Flex } from '@atlaskit/primitives/compiled';
9
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
10
+ import messages from './messages';
11
+ var styles = {
12
+ body: "_4t3igktf",
13
+ textLarge: "_4t3i1tcg",
14
+ headingMedium: "_4t3i1tcg",
15
+ headingLarge: "_4t3i1f4h"
16
+ };
17
+ export var AgentVerifiedIcon = function AgentVerifiedIcon(_ref) {
18
+ var _ref$adjacentTextSize = _ref.adjacentTextSize,
19
+ adjacentTextSize = _ref$adjacentTextSize === void 0 ? 'body' : _ref$adjacentTextSize;
20
+ var _useIntl = useIntl(),
21
+ formatMessage = _useIntl.formatMessage;
22
+ return /*#__PURE__*/React.createElement(Tooltip, {
23
+ content: formatMessage(messages.verifiedAgentTooltip)
24
+ }, /*#__PURE__*/React.createElement(Flex, {
25
+ justifyContent: "center",
26
+ alignItems: "center",
27
+ xcss: cx(adjacentTextSize === 'body' && styles['body'], adjacentTextSize === 'headingMedium' && styles['headingMedium'], adjacentTextSize === 'headingLarge' && styles['headingLarge'], adjacentTextSize === 'textLarge' && styles['textLarge'])
28
+ }, /*#__PURE__*/React.createElement(VerifiedIcon, {
29
+ color: "var(--ds-icon-accent-blue, #357DE8)",
30
+ label: formatMessage(messages.verifiedIconLabel),
31
+ size: "small"
32
+ })));
33
+ };
@@ -0,0 +1,15 @@
1
+ import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
2
+ import React from 'react';
3
+ import { graphql, useFragment } from 'react-relay';
4
+ import { AgentVerifiedIcon } from './agent-verified-icon';
5
+ export var AgentVerified = function AgentVerified(_ref) {
6
+ var agentRef = _ref.agentRef,
7
+ adjacentTextSize = _ref.adjacentTextSize;
8
+ var data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
9
+ if (!(data !== null && data !== void 0 && data.isVerified)) {
10
+ return null;
11
+ }
12
+ return /*#__PURE__*/React.createElement(AgentVerifiedIcon, {
13
+ adjacentTextSize: adjacentTextSize
14
+ });
15
+ };
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
+ import { withDi, withUseIntl } from '@atlassian/agent-studio-test-utils/storybook-decorators';
2
3
  import { injectable } from 'react-magnetic-di';
3
4
  import { useFragment } from 'react-relay';
4
- import { withDi, withUseIntl } from '@atlassian/agent-studio-test-utils/storybook-decorators';
5
- import { AgentVerified } from './index';
5
+ import { AgentVerified } from './agent-verified';
6
6
  var commonDeps = [injectable(useFragment, function () {
7
7
  return {
8
8
  isVerified: true
@@ -1,46 +1,11 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.1 */
2
- import "./index.compiled.css";
3
- import { ax, ix } from "@compiled/react/runtime";
4
- import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
5
- import React from 'react';
6
- import { useIntl } from 'react-intl';
7
- import { graphql, useFragment } from 'react-relay';
8
- import { cx } from '@atlaskit/css';
9
- import VerifiedIcon from '@atlaskit/icon/core/status-verified';
10
- import { Flex } from '@atlaskit/primitives/compiled';
11
- import Tooltip from '@atlaskit/tooltip/Tooltip';
12
- import messages from './messages';
13
- export var AgentVerified = function AgentVerified(_ref) {
14
- var agentRef = _ref.agentRef,
15
- adjacentTextSize = _ref.adjacentTextSize;
16
- var data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
17
- if (!(data !== null && data !== void 0 && data.isVerified)) {
18
- return null;
19
- }
20
- return /*#__PURE__*/React.createElement(AgentVerifiedIcon, {
21
- adjacentTextSize: adjacentTextSize
22
- });
23
- };
24
- var styles = {
25
- body: "_4t3igktf",
26
- textLarge: "_4t3i1tcg",
27
- headingMedium: "_4t3i1tcg",
28
- headingLarge: "_4t3i1f4h"
29
- };
30
- export var AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
31
- var _ref2$adjacentTextSiz = _ref2.adjacentTextSize,
32
- adjacentTextSize = _ref2$adjacentTextSiz === void 0 ? 'body' : _ref2$adjacentTextSiz;
33
- var _useIntl = useIntl(),
34
- formatMessage = _useIntl.formatMessage;
35
- return /*#__PURE__*/React.createElement(Tooltip, {
36
- content: formatMessage(messages.verifiedAgentTooltip)
37
- }, /*#__PURE__*/React.createElement(Flex, {
38
- justifyContent: "center",
39
- alignItems: "center",
40
- xcss: cx(adjacentTextSize === 'body' && styles['body'], adjacentTextSize === 'headingMedium' && styles['headingMedium'], adjacentTextSize === 'headingLarge' && styles['headingLarge'], adjacentTextSize === 'textLarge' && styles['textLarge'])
41
- }, /*#__PURE__*/React.createElement(VerifiedIcon, {
42
- color: "var(--ds-icon-accent-blue, #357DE8)",
43
- label: formatMessage(messages.verifiedIconLabel),
44
- size: "small"
45
- })));
46
- };
1
+ /* eslint-disable no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of these deprecated re-export shims. */
2
+ /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
3
+
4
+ /**
5
+ * @deprecated Use `import { AgentVerified } from '@atlaskit/rovo-agent-components/agent-verified'` instead.
6
+ */
7
+ export { AgentVerified } from './agent-verified';
8
+ /**
9
+ * @deprecated Use `import { AgentVerifiedIcon } from '@atlaskit/rovo-agent-components/agent-verified'` instead.
10
+ */
11
+ export { AgentVerifiedIcon } from './agent-verified-icon';