@atlaskit/rovo-agent-components 3.13.0 → 3.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/cjs/common/ui/agent-chat-icon/index.compiled.css +6 -0
- package/dist/cjs/common/ui/agent-chat-icon/index.js +26 -0
- package/dist/cjs/ui/agent-conversation-starters/index.compiled.css +22 -3
- package/dist/cjs/ui/agent-conversation-starters/index.js +30 -12
- package/dist/cjs/ui/agent-profile-info/index.compiled.css +1 -0
- package/dist/cjs/ui/agent-profile-info/index.js +4 -3
- package/dist/es2019/common/ui/agent-chat-icon/index.compiled.css +6 -0
- package/dist/es2019/common/ui/agent-chat-icon/index.js +19 -0
- package/dist/es2019/ui/agent-conversation-starters/index.compiled.css +22 -3
- package/dist/es2019/ui/agent-conversation-starters/index.js +22 -6
- package/dist/es2019/ui/agent-profile-info/index.compiled.css +1 -0
- package/dist/es2019/ui/agent-profile-info/index.js +4 -3
- package/dist/esm/common/ui/agent-chat-icon/index.compiled.css +6 -0
- package/dist/esm/common/ui/agent-chat-icon/index.js +19 -0
- package/dist/esm/ui/agent-conversation-starters/index.compiled.css +22 -3
- package/dist/esm/ui/agent-conversation-starters/index.js +24 -6
- package/dist/esm/ui/agent-profile-info/index.compiled.css +1 -0
- package/dist/esm/ui/agent-profile-info/index.js +4 -3
- package/dist/types/common/ui/agent-chat-icon/index.d.ts +2 -0
- package/dist/types/ui/agent-conversation-starters/index.d.ts +3 -6
- package/dist/types-ts4.5/common/ui/agent-chat-icon/index.d.ts +2 -0
- package/dist/types-ts4.5/ui/agent-conversation-starters/index.d.ts +3 -6
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.AgentChatIcon = void 0;
|
|
9
|
+
require("./index.compiled.css");
|
|
10
|
+
var _runtime = require("@compiled/react/runtime");
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
|
|
13
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
|
+
var styles = {
|
|
15
|
+
agentChatIcon: "_2rko1mok _189ee4h9 _1dqonqa1 _1h6d1l7x _1bsbzwfg _4t3izwfg"
|
|
16
|
+
};
|
|
17
|
+
var AgentChatIcon = exports.AgentChatIcon = function AgentChatIcon() {
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
|
|
19
|
+
xcss: styles.agentChatIcon,
|
|
20
|
+
alignItems: "center",
|
|
21
|
+
justifyContent: "center"
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
|
|
23
|
+
label: "",
|
|
24
|
+
color: "var(--ds-icon-subtlest, #6B6E76)"
|
|
25
|
+
}));
|
|
26
|
+
};
|
|
@@ -1,5 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
.
|
|
1
|
+
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
|
+
._qtt8glyw{list-style:none}
|
|
4
|
+
._18m915vq{overflow-y:hidden}
|
|
5
|
+
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
6
|
+
._19bvidpf{padding-left:0}
|
|
7
|
+
._1bsb1osq{width:100%}
|
|
8
|
+
._1bto1l2s{text-overflow:ellipsis}
|
|
9
|
+
._1o9zidpf{flex-shrink:0}
|
|
10
|
+
._1o9zkb7n{flex-shrink:1}
|
|
11
|
+
._1reo15vq{overflow-x:hidden}
|
|
12
|
+
._1ul9idpf{min-width:0}
|
|
13
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
14
|
+
._ca0q12x7{padding-top:var(--ds-space-075,6px)}
|
|
3
15
|
._ca0qidpf{padding-top:0}
|
|
16
|
+
._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
|
|
17
|
+
._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
|
|
4
18
|
._n3tdidpf{padding-bottom:0}
|
|
5
|
-
.
|
|
19
|
+
._o5721q9c{white-space:nowrap}
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
21
|
+
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
22
|
+
._u5f3idpf{padding-right:0}
|
|
23
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
24
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
@@ -8,22 +8,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
});
|
|
9
9
|
exports.getConversationStarters = exports.ConversationStarters = exports.AgentConversationStarters = void 0;
|
|
10
10
|
require("./index.compiled.css");
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var React = _react;
|
|
13
11
|
var _runtime = require("@compiled/react/runtime");
|
|
14
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
13
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
14
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
17
16
|
var _reactIntlNext = require("react-intl-next");
|
|
18
17
|
var _new = require("@atlaskit/button/new");
|
|
18
|
+
var _css = require("@atlaskit/css");
|
|
19
19
|
var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
|
|
20
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
22
|
+
var _agentChatIcon = require("../../common/ui/agent-chat-icon");
|
|
21
23
|
var _chatPill = require("../../common/ui/chat-pill");
|
|
22
24
|
var _messages = require("./messages");
|
|
23
25
|
var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
|
|
24
26
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
25
27
|
var styles = {
|
|
26
|
-
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"
|
|
28
|
+
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf",
|
|
29
|
+
conversationStartersListRefresh: "_1bsb1osq",
|
|
30
|
+
conversationStarterIcon: "_1o9zidpf",
|
|
31
|
+
conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
|
|
32
|
+
button: "_11c82smr _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
|
|
27
33
|
};
|
|
28
34
|
var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
|
|
29
35
|
var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
|
|
@@ -89,7 +95,7 @@ var AgentConversationStarters = exports.AgentConversationStarters = function Age
|
|
|
89
95
|
};
|
|
90
96
|
});
|
|
91
97
|
}, [combinedConversationStarters, formatMessage]);
|
|
92
|
-
return /*#__PURE__*/
|
|
98
|
+
return /*#__PURE__*/_react.default.createElement(ConversationStarters, (0, _extends2.default)({
|
|
93
99
|
starters: starters
|
|
94
100
|
}, props));
|
|
95
101
|
};
|
|
@@ -101,36 +107,48 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
|
|
|
101
107
|
_ref3$onReloadButtonC = _ref3.onReloadButtonClick,
|
|
102
108
|
onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
|
|
103
109
|
onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
|
|
104
|
-
return /*#__PURE__*/
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
|
|
105
111
|
as: "ul",
|
|
106
112
|
space: "space.050",
|
|
107
|
-
xcss: styles.conversationStartersList
|
|
113
|
+
xcss: (0, _css.cx)(styles.conversationStartersList, (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') && styles.conversationStartersListRefresh)
|
|
108
114
|
}, starters.map(function (starter, index) {
|
|
109
115
|
var isLastStarter = index === starters.length - 1;
|
|
110
|
-
var chatPill = /*#__PURE__*/
|
|
116
|
+
var chatPill = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
111
117
|
as: "li",
|
|
112
118
|
key: starter.message
|
|
113
|
-
}, /*#__PURE__*/
|
|
119
|
+
}, (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
|
|
120
|
+
xcss: styles.button,
|
|
121
|
+
onClick: function onClick() {
|
|
122
|
+
return onConversationStarterClick(starter);
|
|
123
|
+
}
|
|
124
|
+
}, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
125
|
+
space: "space.150",
|
|
126
|
+
alignBlock: "center"
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
128
|
+
xcss: styles.conversationStarterIcon
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_agentChatIcon.AgentChatIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
130
|
+
xcss: styles.conversationStarterText
|
|
131
|
+
}, starter.message))) : /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
|
|
114
132
|
testId: "conversation-starter",
|
|
115
133
|
key: starter.message,
|
|
116
134
|
onClick: function onClick() {
|
|
117
135
|
return onConversationStarterClick(starter);
|
|
118
136
|
}
|
|
119
137
|
}, starter.message));
|
|
120
|
-
return isLastStarter && showReloadButton ? /*#__PURE__*/
|
|
138
|
+
return isLastStarter && showReloadButton ? /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
121
139
|
space: "space.050",
|
|
122
140
|
grow: "fill",
|
|
123
141
|
alignInline: "end",
|
|
124
142
|
key: starter.message
|
|
125
|
-
}, chatPill, /*#__PURE__*/
|
|
143
|
+
}, chatPill, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
126
144
|
icon: _retry.default,
|
|
127
145
|
onClick: onReloadButtonClick,
|
|
128
146
|
appearance: "subtle",
|
|
129
147
|
label: ""
|
|
130
148
|
})) : chatPill;
|
|
131
|
-
}), !!onBrowseAgentsClick && /*#__PURE__*/
|
|
149
|
+
}), !!onBrowseAgentsClick && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
132
150
|
as: "li"
|
|
133
|
-
}, /*#__PURE__*/
|
|
151
|
+
}, /*#__PURE__*/_react.default.createElement(_chatPill.BrowseAgentsPill, {
|
|
134
152
|
onClick: onBrowseAgentsClick
|
|
135
153
|
})));
|
|
136
154
|
};
|
|
@@ -24,6 +24,7 @@ var styles = {
|
|
|
24
24
|
clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
25
25
|
name: "_1bah1yb4 _4cvr1y6m",
|
|
26
26
|
description: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
|
|
27
|
+
descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
27
28
|
wrapper: "_otyru2gc",
|
|
28
29
|
tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
|
|
29
30
|
headingWrapper: "_kqswh2mm"
|
|
@@ -154,7 +155,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
154
155
|
formatMessage = _useIntl2.formatMessage;
|
|
155
156
|
return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
|
|
156
157
|
space: "space.100",
|
|
157
|
-
xcss: styles.wrapper
|
|
158
|
+
xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : styles.wrapper
|
|
158
159
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
159
160
|
xcss: styles.name,
|
|
160
161
|
space: "space.100",
|
|
@@ -164,7 +165,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
164
165
|
alignBlock: "end"
|
|
165
166
|
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
166
167
|
as: "h2",
|
|
167
|
-
size:
|
|
168
|
+
size: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
|
|
168
169
|
}, agentName), isHidden && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
169
170
|
xcss: styles.tooltipWrapper
|
|
170
171
|
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
@@ -176,7 +177,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
176
177
|
isStarred: isStarred,
|
|
177
178
|
handleToggle: onStarToggle
|
|
178
179
|
})), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
179
|
-
xcss: styles.description,
|
|
180
|
+
xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.descriptionRefresh : styles.description,
|
|
180
181
|
as: "p"
|
|
181
182
|
}, agentDescription), starCountRender);
|
|
182
183
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
import "./index.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
|
|
6
|
+
import { Flex } from '@atlaskit/primitives/compiled';
|
|
7
|
+
const styles = {
|
|
8
|
+
agentChatIcon: "_2rko1mok _189ee4h9 _1dqonqa1 _1h6d1l7x _1bsbzwfg _4t3izwfg"
|
|
9
|
+
};
|
|
10
|
+
export const AgentChatIcon = () => {
|
|
11
|
+
return /*#__PURE__*/React.createElement(Flex, {
|
|
12
|
+
xcss: styles.agentChatIcon,
|
|
13
|
+
alignItems: "center",
|
|
14
|
+
justifyContent: "center"
|
|
15
|
+
}, /*#__PURE__*/React.createElement(RovoChatIcon, {
|
|
16
|
+
label: "",
|
|
17
|
+
color: "var(--ds-icon-subtlest, #6B6E76)"
|
|
18
|
+
}));
|
|
19
|
+
};
|
|
@@ -1,5 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
.
|
|
1
|
+
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
|
+
._qtt8glyw{list-style:none}
|
|
4
|
+
._18m915vq{overflow-y:hidden}
|
|
5
|
+
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
6
|
+
._19bvidpf{padding-left:0}
|
|
7
|
+
._1bsb1osq{width:100%}
|
|
8
|
+
._1bto1l2s{text-overflow:ellipsis}
|
|
9
|
+
._1o9zidpf{flex-shrink:0}
|
|
10
|
+
._1o9zkb7n{flex-shrink:1}
|
|
11
|
+
._1reo15vq{overflow-x:hidden}
|
|
12
|
+
._1ul9idpf{min-width:0}
|
|
13
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
14
|
+
._ca0q12x7{padding-top:var(--ds-space-075,6px)}
|
|
3
15
|
._ca0qidpf{padding-top:0}
|
|
16
|
+
._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
|
|
17
|
+
._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
|
|
4
18
|
._n3tdidpf{padding-bottom:0}
|
|
5
|
-
.
|
|
19
|
+
._o5721q9c{white-space:nowrap}
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
21
|
+
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
22
|
+
._u5f3idpf{padding-right:0}
|
|
23
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
24
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./index.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
import { useMemo } from 'react';
|
|
5
|
+
import React, { useMemo } from 'react';
|
|
7
6
|
import { useIntl } from 'react-intl-next';
|
|
8
7
|
import { IconButton } from '@atlaskit/button/new';
|
|
8
|
+
import { cx } from '@atlaskit/css';
|
|
9
9
|
import RetryIcon from '@atlaskit/icon/core/retry';
|
|
10
|
-
import {
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
+
import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
|
|
12
|
+
import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
|
|
11
13
|
import { BrowseAgentsPill, ChatPill } from '../../common/ui/chat-pill';
|
|
12
14
|
import { messages } from './messages';
|
|
13
15
|
const styles = {
|
|
14
|
-
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"
|
|
16
|
+
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf",
|
|
17
|
+
conversationStartersListRefresh: "_1bsb1osq",
|
|
18
|
+
conversationStarterIcon: "_1o9zidpf",
|
|
19
|
+
conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
|
|
20
|
+
button: "_11c82smr _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
|
|
15
21
|
};
|
|
16
22
|
export const getConversationStarters = ({
|
|
17
23
|
userDefinedConversationStarters: userDefinedConversationStartersParam,
|
|
@@ -89,13 +95,23 @@ export const ConversationStarters = ({
|
|
|
89
95
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
90
96
|
as: "ul",
|
|
91
97
|
space: "space.050",
|
|
92
|
-
xcss: styles.conversationStartersList
|
|
98
|
+
xcss: cx(styles.conversationStartersList, fg('rovo_agent_empty_state_refresh') && styles.conversationStartersListRefresh)
|
|
93
99
|
}, starters.map((starter, index) => {
|
|
94
100
|
const isLastStarter = index === starters.length - 1;
|
|
95
101
|
const chatPill = /*#__PURE__*/React.createElement(Box, {
|
|
96
102
|
as: "li",
|
|
97
103
|
key: starter.message
|
|
98
|
-
}, /*#__PURE__*/React.createElement(
|
|
104
|
+
}, fg('rovo_agent_empty_state_refresh') ? /*#__PURE__*/React.createElement(Pressable, {
|
|
105
|
+
xcss: styles.button,
|
|
106
|
+
onClick: () => onConversationStarterClick(starter)
|
|
107
|
+
}, /*#__PURE__*/React.createElement(Inline, {
|
|
108
|
+
space: "space.150",
|
|
109
|
+
alignBlock: "center"
|
|
110
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
111
|
+
xcss: styles.conversationStarterIcon
|
|
112
|
+
}, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
|
|
113
|
+
xcss: styles.conversationStarterText
|
|
114
|
+
}, starter.message))) : /*#__PURE__*/React.createElement(ChatPill, {
|
|
99
115
|
testId: "conversation-starter",
|
|
100
116
|
key: starter.message,
|
|
101
117
|
onClick: () => onConversationStarterClick(starter)
|
|
@@ -17,6 +17,7 @@ const styles = {
|
|
|
17
17
|
clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
18
18
|
name: "_1bah1yb4 _4cvr1y6m",
|
|
19
19
|
description: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
|
|
20
|
+
descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
20
21
|
wrapper: "_otyru2gc",
|
|
21
22
|
tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
|
|
22
23
|
headingWrapper: "_kqswh2mm"
|
|
@@ -148,7 +149,7 @@ export const AgentProfileInfo = ({
|
|
|
148
149
|
} = useIntl();
|
|
149
150
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
150
151
|
space: "space.100",
|
|
151
|
-
xcss: styles.wrapper
|
|
152
|
+
xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.wrapper
|
|
152
153
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
153
154
|
xcss: styles.name,
|
|
154
155
|
space: "space.100",
|
|
@@ -158,7 +159,7 @@ export const AgentProfileInfo = ({
|
|
|
158
159
|
alignBlock: "end"
|
|
159
160
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
160
161
|
as: "h2",
|
|
161
|
-
size:
|
|
162
|
+
size: fg('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
|
|
162
163
|
}, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
|
|
163
164
|
xcss: styles.tooltipWrapper
|
|
164
165
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
@@ -170,7 +171,7 @@ export const AgentProfileInfo = ({
|
|
|
170
171
|
isStarred: isStarred,
|
|
171
172
|
handleToggle: onStarToggle
|
|
172
173
|
})), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
|
|
173
|
-
xcss: styles.description,
|
|
174
|
+
xcss: fg('rovo_agent_empty_state_refresh') ? styles.descriptionRefresh : styles.description,
|
|
174
175
|
as: "p"
|
|
175
176
|
}, agentDescription), starCountRender);
|
|
176
177
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
import "./index.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
|
|
6
|
+
import { Flex } from '@atlaskit/primitives/compiled';
|
|
7
|
+
var styles = {
|
|
8
|
+
agentChatIcon: "_2rko1mok _189ee4h9 _1dqonqa1 _1h6d1l7x _1bsbzwfg _4t3izwfg"
|
|
9
|
+
};
|
|
10
|
+
export var AgentChatIcon = function AgentChatIcon() {
|
|
11
|
+
return /*#__PURE__*/React.createElement(Flex, {
|
|
12
|
+
xcss: styles.agentChatIcon,
|
|
13
|
+
alignItems: "center",
|
|
14
|
+
justifyContent: "center"
|
|
15
|
+
}, /*#__PURE__*/React.createElement(RovoChatIcon, {
|
|
16
|
+
label: "",
|
|
17
|
+
color: "var(--ds-icon-subtlest, #6B6E76)"
|
|
18
|
+
}));
|
|
19
|
+
};
|
|
@@ -1,5 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
.
|
|
1
|
+
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
|
+
._qtt8glyw{list-style:none}
|
|
4
|
+
._18m915vq{overflow-y:hidden}
|
|
5
|
+
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
6
|
+
._19bvidpf{padding-left:0}
|
|
7
|
+
._1bsb1osq{width:100%}
|
|
8
|
+
._1bto1l2s{text-overflow:ellipsis}
|
|
9
|
+
._1o9zidpf{flex-shrink:0}
|
|
10
|
+
._1o9zkb7n{flex-shrink:1}
|
|
11
|
+
._1reo15vq{overflow-x:hidden}
|
|
12
|
+
._1ul9idpf{min-width:0}
|
|
13
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
14
|
+
._ca0q12x7{padding-top:var(--ds-space-075,6px)}
|
|
3
15
|
._ca0qidpf{padding-top:0}
|
|
16
|
+
._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
|
|
17
|
+
._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
|
|
4
18
|
._n3tdidpf{padding-bottom:0}
|
|
5
|
-
.
|
|
19
|
+
._o5721q9c{white-space:nowrap}
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
21
|
+
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
22
|
+
._u5f3idpf{padding-right:0}
|
|
23
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
24
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
@@ -4,17 +4,23 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
4
4
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
5
5
|
var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
|
|
6
6
|
import "./index.compiled.css";
|
|
7
|
-
import * as React from 'react';
|
|
8
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
9
|
-
import { useMemo } from 'react';
|
|
8
|
+
import React, { useMemo } from 'react';
|
|
10
9
|
import { useIntl } from 'react-intl-next';
|
|
11
10
|
import { IconButton } from '@atlaskit/button/new';
|
|
11
|
+
import { cx } from '@atlaskit/css';
|
|
12
12
|
import RetryIcon from '@atlaskit/icon/core/retry';
|
|
13
|
-
import {
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
+
import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
|
|
15
|
+
import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
|
|
14
16
|
import { BrowseAgentsPill, ChatPill } from '../../common/ui/chat-pill';
|
|
15
17
|
import { messages } from './messages';
|
|
16
18
|
var styles = {
|
|
17
|
-
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"
|
|
19
|
+
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf",
|
|
20
|
+
conversationStartersListRefresh: "_1bsb1osq",
|
|
21
|
+
conversationStarterIcon: "_1o9zidpf",
|
|
22
|
+
conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
|
|
23
|
+
button: "_11c82smr _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
|
|
18
24
|
};
|
|
19
25
|
export var getConversationStarters = function getConversationStarters(_ref) {
|
|
20
26
|
var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
|
|
@@ -95,13 +101,25 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
|
|
|
95
101
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
96
102
|
as: "ul",
|
|
97
103
|
space: "space.050",
|
|
98
|
-
xcss: styles.conversationStartersList
|
|
104
|
+
xcss: cx(styles.conversationStartersList, fg('rovo_agent_empty_state_refresh') && styles.conversationStartersListRefresh)
|
|
99
105
|
}, starters.map(function (starter, index) {
|
|
100
106
|
var isLastStarter = index === starters.length - 1;
|
|
101
107
|
var chatPill = /*#__PURE__*/React.createElement(Box, {
|
|
102
108
|
as: "li",
|
|
103
109
|
key: starter.message
|
|
104
|
-
}, /*#__PURE__*/React.createElement(
|
|
110
|
+
}, fg('rovo_agent_empty_state_refresh') ? /*#__PURE__*/React.createElement(Pressable, {
|
|
111
|
+
xcss: styles.button,
|
|
112
|
+
onClick: function onClick() {
|
|
113
|
+
return onConversationStarterClick(starter);
|
|
114
|
+
}
|
|
115
|
+
}, /*#__PURE__*/React.createElement(Inline, {
|
|
116
|
+
space: "space.150",
|
|
117
|
+
alignBlock: "center"
|
|
118
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
119
|
+
xcss: styles.conversationStarterIcon
|
|
120
|
+
}, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
|
|
121
|
+
xcss: styles.conversationStarterText
|
|
122
|
+
}, starter.message))) : /*#__PURE__*/React.createElement(ChatPill, {
|
|
105
123
|
testId: "conversation-starter",
|
|
106
124
|
key: starter.message,
|
|
107
125
|
onClick: function onClick() {
|
|
@@ -17,6 +17,7 @@ var styles = {
|
|
|
17
17
|
clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
18
18
|
name: "_1bah1yb4 _4cvr1y6m",
|
|
19
19
|
description: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
|
|
20
|
+
descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
20
21
|
wrapper: "_otyru2gc",
|
|
21
22
|
tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
|
|
22
23
|
headingWrapper: "_kqswh2mm"
|
|
@@ -147,7 +148,7 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
147
148
|
formatMessage = _useIntl2.formatMessage;
|
|
148
149
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
149
150
|
space: "space.100",
|
|
150
|
-
xcss: styles.wrapper
|
|
151
|
+
xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.wrapper
|
|
151
152
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
152
153
|
xcss: styles.name,
|
|
153
154
|
space: "space.100",
|
|
@@ -157,7 +158,7 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
157
158
|
alignBlock: "end"
|
|
158
159
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
159
160
|
as: "h2",
|
|
160
|
-
size:
|
|
161
|
+
size: fg('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
|
|
161
162
|
}, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
|
|
162
163
|
xcss: styles.tooltipWrapper
|
|
163
164
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
@@ -169,7 +170,7 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
169
170
|
isStarred: isStarred,
|
|
170
171
|
handleToggle: onStarToggle
|
|
171
172
|
})), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
|
|
172
|
-
xcss: styles.description,
|
|
173
|
+
xcss: fg('rovo_agent_empty_state_refresh') ? styles.descriptionRefresh : styles.description,
|
|
173
174
|
as: "p"
|
|
174
175
|
}, agentDescription), starCountRender);
|
|
175
176
|
};
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
1
|
+
import React from 'react';
|
|
5
2
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
6
3
|
export type ConversationStarter = {
|
|
7
4
|
message: string;
|
|
@@ -27,7 +24,7 @@ export type AgentConversationStartersProps = {
|
|
|
27
24
|
userDefinedConversationStarters?: GetConversationStartersParams['userDefinedConversationStarters'];
|
|
28
25
|
isAgentDefault: GetConversationStartersParams['isAgentDefault'];
|
|
29
26
|
} & Omit<ConversationStartersProps, 'starters'>;
|
|
30
|
-
export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => JSX.Element;
|
|
27
|
+
export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
|
|
31
28
|
export type ConversationStartersProps = {
|
|
32
29
|
starters: ConversationStarter[];
|
|
33
30
|
onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
|
|
@@ -35,5 +32,5 @@ export type ConversationStartersProps = {
|
|
|
35
32
|
onReloadButtonClick?: () => void;
|
|
36
33
|
onBrowseAgentsClick?: () => void;
|
|
37
34
|
};
|
|
38
|
-
export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => JSX.Element;
|
|
35
|
+
export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
|
|
39
36
|
export {};
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
1
|
+
import React from 'react';
|
|
5
2
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
6
3
|
export type ConversationStarter = {
|
|
7
4
|
message: string;
|
|
@@ -27,7 +24,7 @@ export type AgentConversationStartersProps = {
|
|
|
27
24
|
userDefinedConversationStarters?: GetConversationStartersParams['userDefinedConversationStarters'];
|
|
28
25
|
isAgentDefault: GetConversationStartersParams['isAgentDefault'];
|
|
29
26
|
} & Omit<ConversationStartersProps, 'starters'>;
|
|
30
|
-
export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => JSX.Element;
|
|
27
|
+
export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
|
|
31
28
|
export type ConversationStartersProps = {
|
|
32
29
|
starters: ConversationStarter[];
|
|
33
30
|
onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
|
|
@@ -35,5 +32,5 @@ export type ConversationStartersProps = {
|
|
|
35
32
|
onReloadButtonClick?: () => void;
|
|
36
33
|
onBrowseAgentsClick?: () => void;
|
|
37
34
|
};
|
|
38
|
-
export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => JSX.Element;
|
|
35
|
+
export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
|
|
39
36
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/rovo-agent-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.14.0",
|
|
4
4
|
"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"@af/visual-regression": "workspace:^",
|
|
64
64
|
"@atlaskit/ssr": "workspace:^",
|
|
65
65
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
66
|
+
"@atlassian/testing-library": "^0.4.0",
|
|
66
67
|
"@testing-library/react": "^13.4.0",
|
|
67
68
|
"@testing-library/react-hooks": "^8.0.1",
|
|
68
69
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -124,6 +125,9 @@
|
|
|
124
125
|
},
|
|
125
126
|
"jira_ai_force_rovo_dev_avatar": {
|
|
126
127
|
"type": "boolean"
|
|
128
|
+
},
|
|
129
|
+
"rovo_agent_empty_state_refresh": {
|
|
130
|
+
"type": "boolean"
|
|
127
131
|
}
|
|
128
132
|
}
|
|
129
133
|
}
|