@atlaskit/rovo-agent-components 3.36.4 → 3.38.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 +14 -0
- package/dist/cjs/ui/agent-avatar/generated-avatars/assets/gamma-agent.js +47 -0
- package/dist/cjs/ui/agent-avatar/generated-avatars/index.js +15 -0
- package/dist/cjs/ui/agent-conversation-starters/index.js +6 -14
- package/dist/cjs/ui/agent-profile-info/index.compiled.css +1 -3
- package/dist/cjs/ui/agent-profile-info/index.js +4 -7
- package/dist/es2019/ui/agent-avatar/generated-avatars/assets/gamma-agent.js +39 -0
- package/dist/es2019/ui/agent-avatar/generated-avatars/index.js +9 -0
- package/dist/es2019/ui/agent-conversation-starters/index.js +7 -13
- package/dist/es2019/ui/agent-profile-info/index.compiled.css +1 -3
- package/dist/es2019/ui/agent-profile-info/index.js +4 -7
- package/dist/esm/ui/agent-avatar/generated-avatars/assets/gamma-agent.js +40 -0
- package/dist/esm/ui/agent-avatar/generated-avatars/index.js +13 -0
- package/dist/esm/ui/agent-conversation-starters/index.js +7 -15
- package/dist/esm/ui/agent-profile-info/index.compiled.css +1 -3
- package/dist/esm/ui/agent-profile-info/index.js +4 -7
- package/dist/types/ui/agent-avatar/generated-avatars/assets/gamma-agent.d.ts +4 -0
- package/dist/types-ts4.5/ui/agent-avatar/generated-avatars/assets/gamma-agent.d.ts +4 -0
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/rovo-agent-components
|
|
2
2
|
|
|
3
|
+
## 3.38.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`a4789cedc2893`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a4789cedc2893) -
|
|
8
|
+
Cleanup rovo_agent_empty_state_refresh FG
|
|
9
|
+
|
|
10
|
+
## 3.37.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`aa072e4b28464`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aa072e4b28464) -
|
|
15
|
+
Add avatar for Gamma agent (OOTB)
|
|
16
|
+
|
|
3
17
|
## 3.36.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
|
|
10
|
+
var _default = exports.default = function _default(_ref) {
|
|
11
|
+
var size = _ref.size;
|
|
12
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
13
|
+
width: size,
|
|
14
|
+
height: size,
|
|
15
|
+
viewBox: "0 0 32 32",
|
|
16
|
+
fill: "none",
|
|
17
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
18
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
19
|
+
d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
|
|
20
|
+
fill: "url(#paint0_linear_3065_14463)"
|
|
21
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
22
|
+
d: "M20.9603 25.8061C20.5763 25.5076 20.0909 25.3479 19.6199 25.216C18.4751 24.9106 17.2868 24.7926 16.1057 24.7856C14.9247 24.7856 13.7364 24.9106 12.5915 25.216C12.1206 25.3479 11.6423 25.5076 11.2511 25.8061C10.5482 26.4101 11.4177 26.9377 11.9901 27.1321C13.3016 27.5903 14.7145 27.75 16.0985 27.75C17.4896 27.75 18.9026 27.5903 20.2068 27.1321C20.7792 26.9377 21.6487 26.4101 20.9459 25.8061H20.9603Z",
|
|
23
|
+
fill: "#FAF9F6"
|
|
24
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
25
|
+
d: "M10.4178 7.38115C9.25849 8.27671 8.389 9.39443 7.83833 10.6996C7.28041 12.0117 7.121 13.3932 7.35286 14.8095C7.58473 16.2188 8.18612 17.4892 9.13531 18.5722C10.0845 19.6552 11.2656 20.4605 12.6567 20.9673C14.0479 21.4741 15.5333 21.613 17.0621 21.3769L23.25 20.4397L21.6704 10.8801L14.4899 11.97L15.0406 15.2885L18.4243 14.7748L18.8736 17.4753L16.5984 17.8224C15.7941 17.9474 15.0044 17.8641 14.2653 17.5795C13.5262 17.2948 12.8886 16.8505 12.3886 16.2604C11.8887 15.6703 11.5626 14.9761 11.4395 14.1985C11.309 13.421 11.396 12.6712 11.6786 11.9562C11.9684 11.248 12.4249 10.6371 13.0408 10.1442C13.6566 9.6513 14.374 9.34583 15.1783 9.22087L21.2502 8.29754L20.6633 4.75L14.4754 5.68722C12.9466 5.91631 11.5771 6.49253 10.4178 7.38115Z",
|
|
26
|
+
fill: "#FAF9F6"
|
|
27
|
+
}), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
|
|
28
|
+
id: "paint0_linear_3065_14463",
|
|
29
|
+
x1: "16",
|
|
30
|
+
y1: "32",
|
|
31
|
+
x2: "16",
|
|
32
|
+
y2: "9.3132e-09",
|
|
33
|
+
gradientUnits: "userSpaceOnUse"
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement("stop", {
|
|
35
|
+
offset: "0",
|
|
36
|
+
stopColor: "#84DFFF"
|
|
37
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
38
|
+
offset: "0.4",
|
|
39
|
+
stopColor: "#0042AC"
|
|
40
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
41
|
+
offset: "0.6",
|
|
42
|
+
stopColor: "#0042AC"
|
|
43
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
44
|
+
offset: "1",
|
|
45
|
+
stopColor: "#000B4F"
|
|
46
|
+
}))));
|
|
47
|
+
};
|
|
@@ -186,6 +186,11 @@ var IntercomAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
|
186
186
|
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-IntercomAgentAvatar"*/'./assets/intercom-agent'));
|
|
187
187
|
});
|
|
188
188
|
});
|
|
189
|
+
var GammaAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
190
|
+
return Promise.resolve().then(function () {
|
|
191
|
+
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-GammaAgentAvatar"*/'./assets/gamma-agent'));
|
|
192
|
+
});
|
|
193
|
+
});
|
|
189
194
|
/**
|
|
190
195
|
* OOTB Agents avatars - end
|
|
191
196
|
*/
|
|
@@ -443,6 +448,16 @@ var outOfTheBoxAgentAvatar = {
|
|
|
443
448
|
});
|
|
444
449
|
},
|
|
445
450
|
color: blueColor
|
|
451
|
+
},
|
|
452
|
+
mcp_gamma_agent: {
|
|
453
|
+
getRender: function getRender(size) {
|
|
454
|
+
return /*#__PURE__*/_react.default.createElement(GammaAgentAvatar, {
|
|
455
|
+
size: _avatar.AVATAR_SIZES[size],
|
|
456
|
+
primaryColor: "",
|
|
457
|
+
secondaryColor: ""
|
|
458
|
+
});
|
|
459
|
+
},
|
|
460
|
+
color: blueColor
|
|
446
461
|
}
|
|
447
462
|
};
|
|
448
463
|
|
|
@@ -15,9 +15,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _reactIntlNext = require("react-intl-next");
|
|
17
17
|
var _new = require("@atlaskit/button/new");
|
|
18
|
-
var _css = require("@atlaskit/css");
|
|
19
18
|
var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
|
|
20
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
22
20
|
var _agentChatIcon = require("../../common/ui/agent-chat-icon");
|
|
23
21
|
var _chatPill = require("../../common/ui/chat-pill");
|
|
@@ -25,8 +23,7 @@ var _messages = require("./messages");
|
|
|
25
23
|
var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
|
|
26
24
|
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); }
|
|
27
25
|
var styles = {
|
|
28
|
-
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf",
|
|
29
|
-
conversationStartersListRefresh: "_1bsb1osq",
|
|
26
|
+
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
|
|
30
27
|
conversationStarterIcon: "_1o9zidpf",
|
|
31
28
|
conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
|
|
32
29
|
button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
|
|
@@ -110,17 +107,18 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
|
|
|
110
107
|
return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
|
|
111
108
|
as: "ul",
|
|
112
109
|
space: "space.050",
|
|
113
|
-
xcss:
|
|
110
|
+
xcss: styles.conversationStartersList
|
|
114
111
|
}, starters.map(function (starter, index) {
|
|
115
112
|
var isLastStarter = index === starters.length - 1;
|
|
116
113
|
var chatPill = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
117
114
|
as: "li",
|
|
118
115
|
key: starter.message
|
|
119
|
-
},
|
|
116
|
+
}, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
|
|
120
117
|
xcss: styles.button,
|
|
121
118
|
onClick: function onClick() {
|
|
122
119
|
return onConversationStarterClick(starter);
|
|
123
|
-
}
|
|
120
|
+
},
|
|
121
|
+
testId: "conversation-starter"
|
|
124
122
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
125
123
|
space: "space.150",
|
|
126
124
|
alignBlock: "center"
|
|
@@ -128,13 +126,7 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
|
|
|
128
126
|
xcss: styles.conversationStarterIcon
|
|
129
127
|
}, /*#__PURE__*/_react.default.createElement(_agentChatIcon.AgentChatIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
130
128
|
xcss: styles.conversationStarterText
|
|
131
|
-
}, starter.message)))
|
|
132
|
-
testId: "conversation-starter",
|
|
133
|
-
key: starter.message,
|
|
134
|
-
onClick: function onClick() {
|
|
135
|
-
return onConversationStarterClick(starter);
|
|
136
|
-
}
|
|
137
|
-
}, starter.message));
|
|
129
|
+
}, starter.message))));
|
|
138
130
|
return isLastStarter && showReloadButton ? /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
139
131
|
space: "space.050",
|
|
140
132
|
grow: "fill",
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
3
3
|
._1mouze3t{margin-block:var(--ds-space-0,0)}._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
4
|
-
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
5
4
|
._1bah1yb4{justify-content:space-between}
|
|
6
5
|
._1e0c1txw{display:flex}
|
|
7
6
|
._1i4qfg65{overflow-wrap:anywhere}
|
|
8
7
|
._1nmz1hna{word-break:break-word}
|
|
9
8
|
._4cvr1h6o{align-items:center}
|
|
10
9
|
._4cvr1y6m{align-items:flex-start}
|
|
11
|
-
._kqswh2mm{position:relative}
|
|
12
|
-
._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
|
|
10
|
+
._kqswh2mm{position:relative}
|
|
@@ -25,9 +25,7 @@ var styles = {
|
|
|
25
25
|
clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
26
26
|
rovoIconWrapper: "_1e0c1txw",
|
|
27
27
|
name: "_1bah1yb4 _4cvr1y6m",
|
|
28
|
-
description: "
|
|
29
|
-
descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
30
|
-
wrapper: "_otyru2gc",
|
|
28
|
+
description: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
31
29
|
headingWrapper: "_kqswh2mm",
|
|
32
30
|
hiddenIconWrapper: "_19pkv77o"
|
|
33
31
|
};
|
|
@@ -162,8 +160,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
162
160
|
var _useIntl2 = (0, _reactIntlNext.useIntl)(),
|
|
163
161
|
formatMessage = _useIntl2.formatMessage;
|
|
164
162
|
return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
|
|
165
|
-
space: "space.100"
|
|
166
|
-
xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : styles.wrapper
|
|
163
|
+
space: "space.100"
|
|
167
164
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
168
165
|
xcss: styles.name,
|
|
169
166
|
space: "space.100",
|
|
@@ -173,7 +170,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
173
170
|
xcss: styles.headingWrapper
|
|
174
171
|
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
175
172
|
as: "h2",
|
|
176
|
-
size:
|
|
173
|
+
size: "medium"
|
|
177
174
|
}, agentName), headingRender, isHidden && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
178
175
|
xcss: styles.hiddenIconWrapper
|
|
179
176
|
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
@@ -185,7 +182,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
185
182
|
isStarred: isStarred,
|
|
186
183
|
handleToggle: onStarToggle
|
|
187
184
|
})), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
188
|
-
xcss:
|
|
185
|
+
xcss: styles.description,
|
|
189
186
|
as: "p"
|
|
190
187
|
}, agentDescription), starCountRender);
|
|
191
188
|
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export default (({
|
|
4
|
+
size
|
|
5
|
+
}) => /*#__PURE__*/React.createElement("svg", {
|
|
6
|
+
width: size,
|
|
7
|
+
height: size,
|
|
8
|
+
viewBox: "0 0 32 32",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
|
|
13
|
+
fill: "url(#paint0_linear_3065_14463)"
|
|
14
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
15
|
+
d: "M20.9603 25.8061C20.5763 25.5076 20.0909 25.3479 19.6199 25.216C18.4751 24.9106 17.2868 24.7926 16.1057 24.7856C14.9247 24.7856 13.7364 24.9106 12.5915 25.216C12.1206 25.3479 11.6423 25.5076 11.2511 25.8061C10.5482 26.4101 11.4177 26.9377 11.9901 27.1321C13.3016 27.5903 14.7145 27.75 16.0985 27.75C17.4896 27.75 18.9026 27.5903 20.2068 27.1321C20.7792 26.9377 21.6487 26.4101 20.9459 25.8061H20.9603Z",
|
|
16
|
+
fill: "#FAF9F6"
|
|
17
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M10.4178 7.38115C9.25849 8.27671 8.389 9.39443 7.83833 10.6996C7.28041 12.0117 7.121 13.3932 7.35286 14.8095C7.58473 16.2188 8.18612 17.4892 9.13531 18.5722C10.0845 19.6552 11.2656 20.4605 12.6567 20.9673C14.0479 21.4741 15.5333 21.613 17.0621 21.3769L23.25 20.4397L21.6704 10.8801L14.4899 11.97L15.0406 15.2885L18.4243 14.7748L18.8736 17.4753L16.5984 17.8224C15.7941 17.9474 15.0044 17.8641 14.2653 17.5795C13.5262 17.2948 12.8886 16.8505 12.3886 16.2604C11.8887 15.6703 11.5626 14.9761 11.4395 14.1985C11.309 13.421 11.396 12.6712 11.6786 11.9562C11.9684 11.248 12.4249 10.6371 13.0408 10.1442C13.6566 9.6513 14.374 9.34583 15.1783 9.22087L21.2502 8.29754L20.6633 4.75L14.4754 5.68722C12.9466 5.91631 11.5771 6.49253 10.4178 7.38115Z",
|
|
19
|
+
fill: "#FAF9F6"
|
|
20
|
+
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
21
|
+
id: "paint0_linear_3065_14463",
|
|
22
|
+
x1: "16",
|
|
23
|
+
y1: "32",
|
|
24
|
+
x2: "16",
|
|
25
|
+
y2: "9.3132e-09",
|
|
26
|
+
gradientUnits: "userSpaceOnUse"
|
|
27
|
+
}, /*#__PURE__*/React.createElement("stop", {
|
|
28
|
+
offset: "0",
|
|
29
|
+
stopColor: "#84DFFF"
|
|
30
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
31
|
+
offset: "0.4",
|
|
32
|
+
stopColor: "#0042AC"
|
|
33
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
34
|
+
offset: "0.6",
|
|
35
|
+
stopColor: "#0042AC"
|
|
36
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
37
|
+
offset: "1",
|
|
38
|
+
stopColor: "#000B4F"
|
|
39
|
+
})))));
|
|
@@ -54,6 +54,7 @@ const CanvaAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@
|
|
|
54
54
|
const FigmaAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-FigmaAgentAvatar"*/'./assets/figma-agent'));
|
|
55
55
|
const HubSpotAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-HubSpotAgentAvatar"*/'./assets/hubspot-agent'));
|
|
56
56
|
const IntercomAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-IntercomAgentAvatar"*/'./assets/intercom-agent'));
|
|
57
|
+
const GammaAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-GammaAgentAvatar"*/'./assets/gamma-agent'));
|
|
57
58
|
/**
|
|
58
59
|
* OOTB Agents avatars - end
|
|
59
60
|
*/
|
|
@@ -265,6 +266,14 @@ const outOfTheBoxAgentAvatar = {
|
|
|
265
266
|
secondaryColor: ""
|
|
266
267
|
}),
|
|
267
268
|
color: blueColor
|
|
269
|
+
},
|
|
270
|
+
mcp_gamma_agent: {
|
|
271
|
+
getRender: size => /*#__PURE__*/React.createElement(GammaAgentAvatar, {
|
|
272
|
+
size: AVATAR_SIZES[size],
|
|
273
|
+
primaryColor: "",
|
|
274
|
+
secondaryColor: ""
|
|
275
|
+
}),
|
|
276
|
+
color: blueColor
|
|
268
277
|
}
|
|
269
278
|
};
|
|
270
279
|
|
|
@@ -5,16 +5,13 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import React, { useMemo } from 'react';
|
|
6
6
|
import { useIntl } from 'react-intl-next';
|
|
7
7
|
import { IconButton } from '@atlaskit/button/new';
|
|
8
|
-
import { cx } from '@atlaskit/css';
|
|
9
8
|
import RetryIcon from '@atlaskit/icon/core/retry';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
9
|
import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
|
|
12
10
|
import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
|
|
13
|
-
import { BrowseAgentsPill
|
|
11
|
+
import { BrowseAgentsPill } from '../../common/ui/chat-pill';
|
|
14
12
|
import { messages } from './messages';
|
|
15
13
|
const styles = {
|
|
16
|
-
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf",
|
|
17
|
-
conversationStartersListRefresh: "_1bsb1osq",
|
|
14
|
+
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
|
|
18
15
|
conversationStarterIcon: "_1o9zidpf",
|
|
19
16
|
conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
|
|
20
17
|
button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
|
|
@@ -95,15 +92,16 @@ export const ConversationStarters = ({
|
|
|
95
92
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
96
93
|
as: "ul",
|
|
97
94
|
space: "space.050",
|
|
98
|
-
xcss:
|
|
95
|
+
xcss: styles.conversationStartersList
|
|
99
96
|
}, starters.map((starter, index) => {
|
|
100
97
|
const isLastStarter = index === starters.length - 1;
|
|
101
98
|
const chatPill = /*#__PURE__*/React.createElement(Box, {
|
|
102
99
|
as: "li",
|
|
103
100
|
key: starter.message
|
|
104
|
-
},
|
|
101
|
+
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
105
102
|
xcss: styles.button,
|
|
106
|
-
onClick: () => onConversationStarterClick(starter)
|
|
103
|
+
onClick: () => onConversationStarterClick(starter),
|
|
104
|
+
testId: "conversation-starter"
|
|
107
105
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
108
106
|
space: "space.150",
|
|
109
107
|
alignBlock: "center"
|
|
@@ -111,11 +109,7 @@ export const ConversationStarters = ({
|
|
|
111
109
|
xcss: styles.conversationStarterIcon
|
|
112
110
|
}, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
|
|
113
111
|
xcss: styles.conversationStarterText
|
|
114
|
-
}, starter.message)))
|
|
115
|
-
testId: "conversation-starter",
|
|
116
|
-
key: starter.message,
|
|
117
|
-
onClick: () => onConversationStarterClick(starter)
|
|
118
|
-
}, starter.message));
|
|
112
|
+
}, starter.message))));
|
|
119
113
|
return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
|
|
120
114
|
space: "space.050",
|
|
121
115
|
grow: "fill",
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
3
3
|
._1mouze3t{margin-block:var(--ds-space-0,0)}._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
4
|
-
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
5
4
|
._1bah1yb4{justify-content:space-between}
|
|
6
5
|
._1e0c1txw{display:flex}
|
|
7
6
|
._1i4qfg65{overflow-wrap:anywhere}
|
|
8
7
|
._1nmz1hna{word-break:break-word}
|
|
9
8
|
._4cvr1h6o{align-items:center}
|
|
10
9
|
._4cvr1y6m{align-items:flex-start}
|
|
11
|
-
._kqswh2mm{position:relative}
|
|
12
|
-
._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
|
|
10
|
+
._kqswh2mm{position:relative}
|
|
@@ -18,9 +18,7 @@ const styles = {
|
|
|
18
18
|
clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
19
19
|
rovoIconWrapper: "_1e0c1txw",
|
|
20
20
|
name: "_1bah1yb4 _4cvr1y6m",
|
|
21
|
-
description: "
|
|
22
|
-
descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
23
|
-
wrapper: "_otyru2gc",
|
|
21
|
+
description: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
24
22
|
headingWrapper: "_kqswh2mm",
|
|
25
23
|
hiddenIconWrapper: "_19pkv77o"
|
|
26
24
|
};
|
|
@@ -155,8 +153,7 @@ export const AgentProfileInfo = ({
|
|
|
155
153
|
formatMessage
|
|
156
154
|
} = useIntl();
|
|
157
155
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
158
|
-
space: "space.100"
|
|
159
|
-
xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.wrapper
|
|
156
|
+
space: "space.100"
|
|
160
157
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
161
158
|
xcss: styles.name,
|
|
162
159
|
space: "space.100",
|
|
@@ -166,7 +163,7 @@ export const AgentProfileInfo = ({
|
|
|
166
163
|
xcss: styles.headingWrapper
|
|
167
164
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
168
165
|
as: "h2",
|
|
169
|
-
size:
|
|
166
|
+
size: "medium"
|
|
170
167
|
}, agentName), headingRender, isHidden && /*#__PURE__*/React.createElement(Box, {
|
|
171
168
|
xcss: styles.hiddenIconWrapper
|
|
172
169
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
@@ -178,7 +175,7 @@ export const AgentProfileInfo = ({
|
|
|
178
175
|
isStarred: isStarred,
|
|
179
176
|
handleToggle: onStarToggle
|
|
180
177
|
})), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
|
|
181
|
-
xcss:
|
|
178
|
+
xcss: styles.description,
|
|
182
179
|
as: "p"
|
|
183
180
|
}, agentDescription), starCountRender);
|
|
184
181
|
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export default (function (_ref) {
|
|
4
|
+
var size = _ref.size;
|
|
5
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
6
|
+
width: size,
|
|
7
|
+
height: size,
|
|
8
|
+
viewBox: "0 0 32 32",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
|
|
13
|
+
fill: "url(#paint0_linear_3065_14463)"
|
|
14
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
15
|
+
d: "M20.9603 25.8061C20.5763 25.5076 20.0909 25.3479 19.6199 25.216C18.4751 24.9106 17.2868 24.7926 16.1057 24.7856C14.9247 24.7856 13.7364 24.9106 12.5915 25.216C12.1206 25.3479 11.6423 25.5076 11.2511 25.8061C10.5482 26.4101 11.4177 26.9377 11.9901 27.1321C13.3016 27.5903 14.7145 27.75 16.0985 27.75C17.4896 27.75 18.9026 27.5903 20.2068 27.1321C20.7792 26.9377 21.6487 26.4101 20.9459 25.8061H20.9603Z",
|
|
16
|
+
fill: "#FAF9F6"
|
|
17
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M10.4178 7.38115C9.25849 8.27671 8.389 9.39443 7.83833 10.6996C7.28041 12.0117 7.121 13.3932 7.35286 14.8095C7.58473 16.2188 8.18612 17.4892 9.13531 18.5722C10.0845 19.6552 11.2656 20.4605 12.6567 20.9673C14.0479 21.4741 15.5333 21.613 17.0621 21.3769L23.25 20.4397L21.6704 10.8801L14.4899 11.97L15.0406 15.2885L18.4243 14.7748L18.8736 17.4753L16.5984 17.8224C15.7941 17.9474 15.0044 17.8641 14.2653 17.5795C13.5262 17.2948 12.8886 16.8505 12.3886 16.2604C11.8887 15.6703 11.5626 14.9761 11.4395 14.1985C11.309 13.421 11.396 12.6712 11.6786 11.9562C11.9684 11.248 12.4249 10.6371 13.0408 10.1442C13.6566 9.6513 14.374 9.34583 15.1783 9.22087L21.2502 8.29754L20.6633 4.75L14.4754 5.68722C12.9466 5.91631 11.5771 6.49253 10.4178 7.38115Z",
|
|
19
|
+
fill: "#FAF9F6"
|
|
20
|
+
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
21
|
+
id: "paint0_linear_3065_14463",
|
|
22
|
+
x1: "16",
|
|
23
|
+
y1: "32",
|
|
24
|
+
x2: "16",
|
|
25
|
+
y2: "9.3132e-09",
|
|
26
|
+
gradientUnits: "userSpaceOnUse"
|
|
27
|
+
}, /*#__PURE__*/React.createElement("stop", {
|
|
28
|
+
offset: "0",
|
|
29
|
+
stopColor: "#84DFFF"
|
|
30
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
31
|
+
offset: "0.4",
|
|
32
|
+
stopColor: "#0042AC"
|
|
33
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
34
|
+
offset: "0.6",
|
|
35
|
+
stopColor: "#0042AC"
|
|
36
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
37
|
+
offset: "1",
|
|
38
|
+
stopColor: "#000B4F"
|
|
39
|
+
}))));
|
|
40
|
+
});
|
|
@@ -115,6 +115,9 @@ var HubSpotAgentAvatar = /*#__PURE__*/lazy(function () {
|
|
|
115
115
|
var IntercomAgentAvatar = /*#__PURE__*/lazy(function () {
|
|
116
116
|
return import( /* webpackChunkName: "@atlaskit-rovo-avatar-IntercomAgentAvatar"*/'./assets/intercom-agent');
|
|
117
117
|
});
|
|
118
|
+
var GammaAgentAvatar = /*#__PURE__*/lazy(function () {
|
|
119
|
+
return import( /* webpackChunkName: "@atlaskit-rovo-avatar-GammaAgentAvatar"*/'./assets/gamma-agent');
|
|
120
|
+
});
|
|
118
121
|
/**
|
|
119
122
|
* OOTB Agents avatars - end
|
|
120
123
|
*/
|
|
@@ -372,6 +375,16 @@ var outOfTheBoxAgentAvatar = {
|
|
|
372
375
|
});
|
|
373
376
|
},
|
|
374
377
|
color: blueColor
|
|
378
|
+
},
|
|
379
|
+
mcp_gamma_agent: {
|
|
380
|
+
getRender: function getRender(size) {
|
|
381
|
+
return /*#__PURE__*/React.createElement(GammaAgentAvatar, {
|
|
382
|
+
size: AVATAR_SIZES[size],
|
|
383
|
+
primaryColor: "",
|
|
384
|
+
secondaryColor: ""
|
|
385
|
+
});
|
|
386
|
+
},
|
|
387
|
+
color: blueColor
|
|
375
388
|
}
|
|
376
389
|
};
|
|
377
390
|
|
|
@@ -8,16 +8,13 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
8
8
|
import React, { useMemo } from 'react';
|
|
9
9
|
import { useIntl } from 'react-intl-next';
|
|
10
10
|
import { IconButton } from '@atlaskit/button/new';
|
|
11
|
-
import { cx } from '@atlaskit/css';
|
|
12
11
|
import RetryIcon from '@atlaskit/icon/core/retry';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
12
|
import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
|
|
15
13
|
import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
|
|
16
|
-
import { BrowseAgentsPill
|
|
14
|
+
import { BrowseAgentsPill } from '../../common/ui/chat-pill';
|
|
17
15
|
import { messages } from './messages';
|
|
18
16
|
var styles = {
|
|
19
|
-
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf",
|
|
20
|
-
conversationStartersListRefresh: "_1bsb1osq",
|
|
17
|
+
conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
|
|
21
18
|
conversationStarterIcon: "_1o9zidpf",
|
|
22
19
|
conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
|
|
23
20
|
button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
|
|
@@ -101,17 +98,18 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
|
|
|
101
98
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
102
99
|
as: "ul",
|
|
103
100
|
space: "space.050",
|
|
104
|
-
xcss:
|
|
101
|
+
xcss: styles.conversationStartersList
|
|
105
102
|
}, starters.map(function (starter, index) {
|
|
106
103
|
var isLastStarter = index === starters.length - 1;
|
|
107
104
|
var chatPill = /*#__PURE__*/React.createElement(Box, {
|
|
108
105
|
as: "li",
|
|
109
106
|
key: starter.message
|
|
110
|
-
},
|
|
107
|
+
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
111
108
|
xcss: styles.button,
|
|
112
109
|
onClick: function onClick() {
|
|
113
110
|
return onConversationStarterClick(starter);
|
|
114
|
-
}
|
|
111
|
+
},
|
|
112
|
+
testId: "conversation-starter"
|
|
115
113
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
116
114
|
space: "space.150",
|
|
117
115
|
alignBlock: "center"
|
|
@@ -119,13 +117,7 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
|
|
|
119
117
|
xcss: styles.conversationStarterIcon
|
|
120
118
|
}, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
|
|
121
119
|
xcss: styles.conversationStarterText
|
|
122
|
-
}, starter.message)))
|
|
123
|
-
testId: "conversation-starter",
|
|
124
|
-
key: starter.message,
|
|
125
|
-
onClick: function onClick() {
|
|
126
|
-
return onConversationStarterClick(starter);
|
|
127
|
-
}
|
|
128
|
-
}, starter.message));
|
|
120
|
+
}, starter.message))));
|
|
129
121
|
return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
|
|
130
122
|
space: "space.050",
|
|
131
123
|
grow: "fill",
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
3
3
|
._1mouze3t{margin-block:var(--ds-space-0,0)}._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
4
|
-
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
5
4
|
._1bah1yb4{justify-content:space-between}
|
|
6
5
|
._1e0c1txw{display:flex}
|
|
7
6
|
._1i4qfg65{overflow-wrap:anywhere}
|
|
8
7
|
._1nmz1hna{word-break:break-word}
|
|
9
8
|
._4cvr1h6o{align-items:center}
|
|
10
9
|
._4cvr1y6m{align-items:flex-start}
|
|
11
|
-
._kqswh2mm{position:relative}
|
|
12
|
-
._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
|
|
10
|
+
._kqswh2mm{position:relative}
|
|
@@ -18,9 +18,7 @@ var styles = {
|
|
|
18
18
|
clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
19
19
|
rovoIconWrapper: "_1e0c1txw",
|
|
20
20
|
name: "_1bah1yb4 _4cvr1y6m",
|
|
21
|
-
description: "
|
|
22
|
-
descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
23
|
-
wrapper: "_otyru2gc",
|
|
21
|
+
description: "_1mouze3t _1i4qfg65 _1nmz1hna",
|
|
24
22
|
headingWrapper: "_kqswh2mm",
|
|
25
23
|
hiddenIconWrapper: "_19pkv77o"
|
|
26
24
|
};
|
|
@@ -155,8 +153,7 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
155
153
|
var _useIntl2 = useIntl(),
|
|
156
154
|
formatMessage = _useIntl2.formatMessage;
|
|
157
155
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
158
|
-
space: "space.100"
|
|
159
|
-
xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.wrapper
|
|
156
|
+
space: "space.100"
|
|
160
157
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
161
158
|
xcss: styles.name,
|
|
162
159
|
space: "space.100",
|
|
@@ -166,7 +163,7 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
166
163
|
xcss: styles.headingWrapper
|
|
167
164
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
168
165
|
as: "h2",
|
|
169
|
-
size:
|
|
166
|
+
size: "medium"
|
|
170
167
|
}, agentName), headingRender, isHidden && /*#__PURE__*/React.createElement(Box, {
|
|
171
168
|
xcss: styles.hiddenIconWrapper
|
|
172
169
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
@@ -178,7 +175,7 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
178
175
|
isStarred: isStarred,
|
|
179
176
|
handleToggle: onStarToggle
|
|
180
177
|
})), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
|
|
181
|
-
xcss:
|
|
178
|
+
xcss: styles.description,
|
|
182
179
|
as: "p"
|
|
183
180
|
}, agentDescription), starCountRender);
|
|
184
181
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/rovo-agent-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.38.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",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
|
|
36
36
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
37
37
|
"@atlaskit/avatar": "^25.8.0",
|
|
38
|
-
"@atlaskit/button": "^23.
|
|
38
|
+
"@atlaskit/button": "^23.10.0",
|
|
39
39
|
"@atlaskit/css": "^0.19.0",
|
|
40
40
|
"@atlaskit/dropdown-menu": "^16.5.0",
|
|
41
41
|
"@atlaskit/flag": "^17.8.0",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@atlaskit/tokens": "^11.0.0",
|
|
51
51
|
"@atlaskit/tooltip": "^20.14.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
|
-
"@compiled/react": "^0.
|
|
53
|
+
"@compiled/react": "^0.20.0",
|
|
54
54
|
"react-dom": "^18.2.0",
|
|
55
55
|
"react-intl-next": "npm:react-intl@^5.18.1",
|
|
56
56
|
"react-magnetic-di": "^3.1.4",
|
|
@@ -120,9 +120,6 @@
|
|
|
120
120
|
"jira_ai_force_rovo_dev_avatar": {
|
|
121
121
|
"type": "boolean"
|
|
122
122
|
},
|
|
123
|
-
"rovo_agent_empty_state_refresh": {
|
|
124
|
-
"type": "boolean"
|
|
125
|
-
},
|
|
126
123
|
"rovo_dev_themed_identity_card": {
|
|
127
124
|
"type": "boolean"
|
|
128
125
|
},
|