@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 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: (0, _css.cx)(styles.conversationStartersList, (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') && styles.conversationStartersListRefresh)
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
- }, (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
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))) : /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
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: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
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: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
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: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.descriptionRefresh : styles.description,
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, ChatPill } from '../../common/ui/chat-pill';
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: cx(styles.conversationStartersList, fg('rovo_agent_empty_state_refresh') && styles.conversationStartersListRefresh)
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
- }, fg('rovo_agent_empty_state_refresh') ? /*#__PURE__*/React.createElement(Pressable, {
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))) : /*#__PURE__*/React.createElement(ChatPill, {
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: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
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: fg('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
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: fg('rovo_agent_empty_state_refresh') ? styles.descriptionRefresh : styles.description,
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, ChatPill } from '../../common/ui/chat-pill';
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: cx(styles.conversationStartersList, fg('rovo_agent_empty_state_refresh') && styles.conversationStartersListRefresh)
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
- }, fg('rovo_agent_empty_state_refresh') ? /*#__PURE__*/React.createElement(Pressable, {
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))) : /*#__PURE__*/React.createElement(ChatPill, {
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: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
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: fg('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
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: fg('rovo_agent_empty_state_refresh') ? styles.descriptionRefresh : styles.description,
178
+ xcss: styles.description,
182
179
  as: "p"
183
180
  }, agentDescription), starCountRender);
184
181
  };
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type AvatarIconProps } from './types';
3
+ declare const _default: ({ size }: AvatarIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type AvatarIconProps } from './types';
3
+ declare const _default: ({ size }: AvatarIconProps) => React.JSX.Element;
4
+ export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "3.36.4",
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.9.0",
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.18.6",
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
  },