@atlaskit/profilecard 24.39.2 → 24.40.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-example--default.png +0 -0
  3. package/__tests__/vr-tests/agent-profilecard.vr.tsx +2 -7
  4. package/dist/cjs/components/Agent/Actions.compiled.css +0 -10
  5. package/dist/cjs/components/Agent/Actions.js +3 -10
  6. package/dist/cjs/components/Agent/AgentProfileCard.compiled.css +0 -1
  7. package/dist/cjs/components/Agent/AgentProfileCard.js +9 -15
  8. package/dist/es2019/components/Agent/Actions.compiled.css +0 -10
  9. package/dist/es2019/components/Agent/Actions.js +3 -10
  10. package/dist/es2019/components/Agent/AgentProfileCard.compiled.css +0 -1
  11. package/dist/es2019/components/Agent/AgentProfileCard.js +9 -15
  12. package/dist/esm/components/Agent/Actions.compiled.css +0 -10
  13. package/dist/esm/components/Agent/Actions.js +3 -10
  14. package/dist/esm/components/Agent/AgentProfileCard.compiled.css +0 -1
  15. package/dist/esm/components/Agent/AgentProfileCard.js +9 -15
  16. package/dist/types/types.d.ts +1 -1
  17. package/dist/types-ts4.5/types.d.ts +1 -1
  18. package/package.json +4 -7
  19. package/stories/agent-profilecard.stories.tsx +0 -1
  20. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-example--default--rovo-agent-empty-state-refresh-false.png +0 -0
  21. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-example--default--rovo-agent-empty-state-refresh-true.png +0 -0
  22. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-with-ai-disclaimer--default--rovo-agent-empty-state-refresh-false-jira-ai-profilecard-display-work-item-disclosure-true.png +0 -0
  23. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-with-ai-disclaimer--default--rovo-agent-empty-state-refresh-false-rovo-display-ai-disclaimer-on-agent-profile-card-true.png +0 -0
  24. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-with-ai-disclaimer--default--rovo-agent-empty-state-refresh-true-rovo-display-ai-disclaimer-on-agent-profile-card-true.png +0 -0
  25. /package/__tests__/vr-tests/__snapshots__/agent-profilecard/{agent-profile-card-with-ai-disclaimer--default--rovo-agent-empty-state-refresh-true-jira-ai-profilecard-display-work-item-disclosure-true.png → agent-profile-card-with-ai-disclaimer--default--rovo-display-ai-disclaimer-on-agent-profile-card-true.png} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 24.40.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b4517aae6b26f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b4517aae6b26f) -
8
+ [ux] PTC-15599]: Fix user profile hover card in hierachy clipping for bottom items
9
+
10
+ ## 24.40.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`a4789cedc2893`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a4789cedc2893) -
15
+ Cleanup rovo_agent_empty_state_refresh FG
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 24.39.2
4
22
 
5
23
  ### Patch Changes
@@ -2,16 +2,11 @@ import { snapshot } from '@af/visual-regression';
2
2
 
3
3
  import { AgentProfileCardExample } from '../../examples/13-agent-profilecard';
4
4
 
5
- snapshot(AgentProfileCardExample, {
6
- featureFlags: {
7
- rovo_agent_empty_state_refresh: [true, false],
8
- },
9
- });
5
+ snapshot(AgentProfileCardExample);
10
6
 
11
7
  snapshot(AgentProfileCardExample, {
12
8
  description: 'Agent profile card with AI disclaimer',
13
9
  featureFlags: {
14
- rovo_agent_empty_state_refresh: [true, false],
15
- rovo_display_ai_disclaimer_on_agent_profile_card: [true],
10
+ ['rovo_display_ai_disclaimer_on_agent_profile_card']: [true],
16
11
  },
17
12
  });
@@ -1,23 +1,13 @@
1
-
2
- ._189ee4h9{border-width:var(--ds-border-width,1px)}
3
- ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
4
- ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._15a5nqa1{border-top-style:solid}
5
- ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
6
1
  ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
7
2
  ._1bah1h6o{justify-content:center}
8
3
  ._1bsb1osq{width:100%}
9
4
  ._1e0c1txw{display:flex}
10
5
  ._1nmz1hna{word-break:break-word}
11
- ._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
12
- ._1ul9gktf{min-width:20px}
13
6
  ._4t3igktf{height:20px}
14
- ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
15
7
  ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
16
8
  ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
17
- ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
18
9
  ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
19
10
  ._o5721jtm{white-space:pre-wrap}
20
11
  ._syazi7uo{color:var(--ds-text,#292a2e)}
21
- ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
22
12
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
23
13
  ._y3gn1e5h{text-align:left}
@@ -18,7 +18,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
18
18
  var _new = _interopRequireDefault(require("@atlaskit/button/new"));
19
19
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
20
  var _compiled = require("@atlaskit/primitives/compiled");
21
- var _ChatIcon = require("@atlaskit/rovo-agent-components/common/ui/ChatIcon");
22
21
  var _AgentDropdownMenu = require("@atlaskit/rovo-agent-components/ui/AgentDropdownMenu");
23
22
  var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
24
23
  var _analytics = require("../../util/analytics");
@@ -27,11 +26,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
27
26
  var styles = {
28
27
  chatToAgentButtonContainer: "_1bsb1osq",
29
28
  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
30
- chatPillButtonInlineStyles: "_18zrv77o",
31
29
  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
32
- chatPillIconWrapper: "_1ul9gktf _4t3igktf",
33
- actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
34
- actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
30
+ actionsWrapperStyles: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
35
31
  };
36
32
  var AgentActions = exports.AgentActions = function AgentActions(_ref) {
37
33
  var onEditAgent = _ref.onEditAgent,
@@ -99,7 +95,7 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
99
95
  }, [agent.id, createAnalyticsEvent, fireEventNext]);
100
96
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
101
97
  space: "space.100",
102
- xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
98
+ xcss: styles.actionsWrapperStyles
103
99
  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
104
100
  xcss: styles.chatToAgentButtonContainer
105
101
  }, /*#__PURE__*/_react.default.createElement(_new.default, {
@@ -112,11 +108,8 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
112
108
  xcss: styles.chatToAgentButtonWrapper
113
109
  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
114
110
  space: "space.050",
115
- xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
116
111
  alignBlock: "center"
117
- }, !(0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
118
- xcss: styles.chatPillIconWrapper
119
- }, /*#__PURE__*/_react.default.createElement(_ChatIcon.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
112
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
120
113
  xcss: styles.chatPillTextStyles
121
114
  }, formatMessage(messages.actionChatToAgent)))))), !hideMoreActions && /*#__PURE__*/_react.default.createElement(_AgentDropdownMenu.AgentDropdownMenu, {
122
115
  agentId: agent.id,
@@ -7,7 +7,6 @@
7
7
  ._1ltvpxbi{left:var(--ds-space-200,1pc)}
8
8
  ._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
9
9
  ._1q51utpp{padding-block-start:var(--ds-space-150,9pt)}
10
- ._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
11
10
  ._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
12
11
  ._kqswh2mm{position:relative}
13
12
  ._kqswstnw{position:absolute}
@@ -20,7 +20,6 @@ var _link = _interopRequireDefault(require("@atlaskit/link"));
20
20
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
21
  var _compiled = require("@atlaskit/primitives/compiled");
22
22
  var _GeneratedAvatar = require("@atlaskit/rovo-agent-components/ui/agent-avatar/GeneratedAvatar");
23
- var _AgentStarCount = require("@atlaskit/rovo-agent-components/ui/agent-profile-info/AgentStarCount");
24
23
  var _AgentAvatar = require("@atlaskit/rovo-agent-components/ui/AgentAvatar");
25
24
  var _AgentProfileInfo = require("@atlaskit/rovo-agent-components/ui/AgentProfileInfo");
26
25
  var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
@@ -37,14 +36,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
37
36
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
38
37
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
39
38
  var styles = {
40
- detailWrapper: "_18zrpxbi _1q51xy5q",
41
- detailWrapperRefresh: "_1q511ejb",
39
+ detailWrapper: "_1q511ejb",
42
40
  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
43
41
  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
44
42
  agentProfileInfoWrapper: "_18zrpxbi",
45
43
  conversationStartersWrapper: "_18zrutpp",
46
- disclosureWrapperRefresh: "_zulp1b66 _18zrpxbi _1q51utpp _85i5utpp",
47
- disclosureWrapper: "_85i5utpp"
44
+ disclosureWrapper: "_zulp1b66 _18zrpxbi _1q51utpp _85i5utpp"
48
45
  };
49
46
  var AgentProfileCard = function AgentProfileCard(_ref) {
50
47
  var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
@@ -189,7 +186,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
189
186
  }, /*#__PURE__*/_react.default.createElement(_GeneratedAvatar.AgentBanner, {
190
187
  agentId: agent.id,
191
188
  agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
192
- height: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 48 : 96,
189
+ height: 48,
193
190
  agentIdentityAccountId: agent.identity_account_id,
194
191
  isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')
195
192
  }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
@@ -198,15 +195,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
198
195
  agentId: agent.id,
199
196
  agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
200
197
  agentIdentityAccountId: agent.identity_account_id,
201
- size: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
198
+ size: "large",
202
199
  isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card'),
203
200
  isForgeAgent: (0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar') ? (0, _AgentAvatar.isForgeAgentByCreatorType)(agent.creator_type) : agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
204
201
  forgeAgentIconUrl: agent.icon
205
202
  })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
206
203
  space: "space.100",
207
- xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
204
+ xcss: styles.detailWrapper
208
205
  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
209
- xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
206
+ xcss: styles.agentProfileInfoWrapper
210
207
  }, /*#__PURE__*/_react.default.createElement(_AgentProfileInfo.AgentProfileInfo, {
211
208
  agentName: agent.name,
212
209
  isStarred: isStarred,
@@ -222,16 +219,13 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
222
219
  isLoading: false,
223
220
  onCreatorLinkClick: function onCreatorLinkClick() {}
224
221
  }),
225
- starCountRender: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/_react.default.createElement(_AgentStarCount.AgentStarCount, {
226
- starCount: starCount,
227
- isLoading: false
228
- }),
222
+ starCountRender: null,
229
223
  agentDescription: agent.description
230
224
  })), !hideAiDisclaimer && (0, _platformFeatureFlags.fg)('rovo_display_ai_disclaimer_on_agent_profile_card') && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
231
225
  alignItems: "start",
232
226
  direction: "column",
233
227
  gap: "space.050",
234
- xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.disclosureWrapperRefresh : styles.disclosureWrapper
228
+ xcss: styles.disclosureWrapper
235
229
  }, /*#__PURE__*/_react.default.createElement(_link.default, {
236
230
  href: "https://www.atlassian.com/trust/atlassian-intelligence",
237
231
  target: "_blank",
@@ -245,7 +239,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
245
239
  size: "small",
246
240
  color: "color.text.subtlest"
247
241
  }, formatMessage(_messages.messages.aiDisclaimer)))), !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
248
- xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
242
+ xcss: styles.conversationStartersWrapper
249
243
  }, /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
250
244
  isAgentDefault: agent.is_default,
251
245
  userDefinedConversationStarters: userDefinedConversationStarters,
@@ -1,23 +1,13 @@
1
-
2
- ._189ee4h9{border-width:var(--ds-border-width,1px)}
3
- ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
4
- ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._15a5nqa1{border-top-style:solid}
5
- ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
6
1
  ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
7
2
  ._1bah1h6o{justify-content:center}
8
3
  ._1bsb1osq{width:100%}
9
4
  ._1e0c1txw{display:flex}
10
5
  ._1nmz1hna{word-break:break-word}
11
- ._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
12
- ._1ul9gktf{min-width:20px}
13
6
  ._4t3igktf{height:20px}
14
- ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
15
7
  ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
16
8
  ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
17
- ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
18
9
  ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
19
10
  ._o5721jtm{white-space:pre-wrap}
20
11
  ._syazi7uo{color:var(--ds-text,#292a2e)}
21
- ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
22
12
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
23
13
  ._y3gn1e5h{text-align:left}
@@ -7,7 +7,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
7
7
  import Button from '@atlaskit/button/new';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
9
  import { Box, Inline } from '@atlaskit/primitives/compiled';
10
- import { ChatPillIcon } from '@atlaskit/rovo-agent-components/common/ui/ChatIcon';
11
10
  import { AgentDropdownMenu } from '@atlaskit/rovo-agent-components/ui/AgentDropdownMenu';
12
11
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
13
12
  import { fireEvent } from '../../util/analytics';
@@ -15,11 +14,8 @@ import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
15
14
  const styles = {
16
15
  chatToAgentButtonContainer: "_1bsb1osq",
17
16
  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
18
- chatPillButtonInlineStyles: "_18zrv77o",
19
17
  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
20
- chatPillIconWrapper: "_1ul9gktf _4t3igktf",
21
- actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
22
- actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
18
+ actionsWrapperStyles: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
23
19
  };
24
20
  export const AgentActions = ({
25
21
  onEditAgent,
@@ -78,7 +74,7 @@ export const AgentActions = ({
78
74
  }, [agent.id, createAnalyticsEvent, fireEventNext]);
79
75
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
80
76
  space: "space.100",
81
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
77
+ xcss: styles.actionsWrapperStyles
82
78
  }, /*#__PURE__*/React.createElement(Box, {
83
79
  xcss: styles.chatToAgentButtonContainer
84
80
  }, /*#__PURE__*/React.createElement(Button, {
@@ -91,11 +87,8 @@ export const AgentActions = ({
91
87
  xcss: styles.chatToAgentButtonWrapper
92
88
  }, /*#__PURE__*/React.createElement(Inline, {
93
89
  space: "space.050",
94
- xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
95
90
  alignBlock: "center"
96
- }, !fg('rovo_agent_empty_state_refresh') && /*#__PURE__*/React.createElement(Box, {
97
- xcss: styles.chatPillIconWrapper
98
- }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
91
+ }, /*#__PURE__*/React.createElement(Box, {
99
92
  xcss: styles.chatPillTextStyles
100
93
  }, formatMessage(messages.actionChatToAgent)))))), !hideMoreActions && /*#__PURE__*/React.createElement(AgentDropdownMenu, {
101
94
  agentId: agent.id,
@@ -7,7 +7,6 @@
7
7
  ._1ltvpxbi{left:var(--ds-space-200,1pc)}
8
8
  ._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
9
9
  ._1q51utpp{padding-block-start:var(--ds-space-150,9pt)}
10
- ._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
11
10
  ._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
12
11
  ._kqswh2mm{position:relative}
13
12
  ._kqswstnw{position:absolute}
@@ -8,7 +8,6 @@ import Link from '@atlaskit/link';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
9
  import { Box, Flex, Stack, Text } from '@atlaskit/primitives/compiled';
10
10
  import { AgentBanner } from '@atlaskit/rovo-agent-components/ui/agent-avatar/GeneratedAvatar';
11
- import { AgentStarCount } from '@atlaskit/rovo-agent-components/ui/agent-profile-info/AgentStarCount';
12
11
  import { AgentAvatar, isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/ui/AgentAvatar';
13
12
  import { AgentProfileCreator, AgentProfileInfo } from '@atlaskit/rovo-agent-components/ui/AgentProfileInfo';
14
13
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
@@ -22,14 +21,12 @@ import { ConversationStarters } from './ConversationStarters';
22
21
  import { useAgentUrlActions } from './hooks/useAgentActions';
23
22
  import { messages } from './messages';
24
23
  const styles = {
25
- detailWrapper: "_18zrpxbi _1q51xy5q",
26
- detailWrapperRefresh: "_1q511ejb",
24
+ detailWrapper: "_1q511ejb",
27
25
  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
28
26
  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
29
27
  agentProfileInfoWrapper: "_18zrpxbi",
30
28
  conversationStartersWrapper: "_18zrutpp",
31
- disclosureWrapperRefresh: "_zulp1b66 _18zrpxbi _1q51utpp _85i5utpp",
32
- disclosureWrapper: "_85i5utpp"
29
+ disclosureWrapper: "_zulp1b66 _18zrpxbi _1q51utpp _85i5utpp"
33
30
  };
34
31
  const AgentProfileCard = ({
35
32
  agent,
@@ -142,7 +139,7 @@ const AgentProfileCard = ({
142
139
  }, /*#__PURE__*/React.createElement(AgentBanner, {
143
140
  agentId: agent.id,
144
141
  agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
145
- height: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
142
+ height: 48,
146
143
  agentIdentityAccountId: agent.identity_account_id,
147
144
  isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card')
148
145
  }), /*#__PURE__*/React.createElement(Box, {
@@ -151,15 +148,15 @@ const AgentProfileCard = ({
151
148
  agentId: agent.id,
152
149
  agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
153
150
  agentIdentityAccountId: agent.identity_account_id,
154
- size: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
151
+ size: "large",
155
152
  isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card'),
156
153
  isForgeAgent: fg('rovo_agent_support_a2a_avatar') ? isForgeAgentByCreatorType(agent.creator_type) : agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
157
154
  forgeAgentIconUrl: agent.icon
158
155
  })), /*#__PURE__*/React.createElement(Stack, {
159
156
  space: "space.100",
160
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
157
+ xcss: styles.detailWrapper
161
158
  }, /*#__PURE__*/React.createElement(Box, {
162
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
159
+ xcss: styles.agentProfileInfoWrapper
163
160
  }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
164
161
  agentName: agent.name,
165
162
  isStarred: isStarred,
@@ -175,16 +172,13 @@ const AgentProfileCard = ({
175
172
  isLoading: false,
176
173
  onCreatorLinkClick: () => {}
177
174
  }),
178
- starCountRender: fg('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/React.createElement(AgentStarCount, {
179
- starCount: starCount,
180
- isLoading: false
181
- }),
175
+ starCountRender: null,
182
176
  agentDescription: agent.description
183
177
  })), !hideAiDisclaimer && fg('rovo_display_ai_disclaimer_on_agent_profile_card') && /*#__PURE__*/React.createElement(Flex, {
184
178
  alignItems: "start",
185
179
  direction: "column",
186
180
  gap: "space.050",
187
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.disclosureWrapperRefresh : styles.disclosureWrapper
181
+ xcss: styles.disclosureWrapper
188
182
  }, /*#__PURE__*/React.createElement(Link, {
189
183
  href: "https://www.atlassian.com/trust/atlassian-intelligence",
190
184
  target: "_blank",
@@ -198,7 +192,7 @@ const AgentProfileCard = ({
198
192
  size: "small",
199
193
  color: "color.text.subtlest"
200
194
  }, formatMessage(messages.aiDisclaimer)))), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(Box, {
201
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
195
+ xcss: styles.conversationStartersWrapper
202
196
  }, /*#__PURE__*/React.createElement(ConversationStarters, {
203
197
  isAgentDefault: agent.is_default,
204
198
  userDefinedConversationStarters: userDefinedConversationStarters,
@@ -1,23 +1,13 @@
1
-
2
- ._189ee4h9{border-width:var(--ds-border-width,1px)}
3
- ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
4
- ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._15a5nqa1{border-top-style:solid}
5
- ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
6
1
  ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
7
2
  ._1bah1h6o{justify-content:center}
8
3
  ._1bsb1osq{width:100%}
9
4
  ._1e0c1txw{display:flex}
10
5
  ._1nmz1hna{word-break:break-word}
11
- ._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
12
- ._1ul9gktf{min-width:20px}
13
6
  ._4t3igktf{height:20px}
14
- ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
15
7
  ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
16
8
  ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
17
- ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
18
9
  ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
19
10
  ._o5721jtm{white-space:pre-wrap}
20
11
  ._syazi7uo{color:var(--ds-text,#292a2e)}
21
- ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
22
12
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
23
13
  ._y3gn1e5h{text-align:left}
@@ -10,7 +10,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
10
10
  import Button from '@atlaskit/button/new';
11
11
  import { fg } from '@atlaskit/platform-feature-flags';
12
12
  import { Box, Inline } from '@atlaskit/primitives/compiled';
13
- import { ChatPillIcon } from '@atlaskit/rovo-agent-components/common/ui/ChatIcon';
14
13
  import { AgentDropdownMenu } from '@atlaskit/rovo-agent-components/ui/AgentDropdownMenu';
15
14
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
16
15
  import { fireEvent } from '../../util/analytics';
@@ -18,11 +17,8 @@ import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
18
17
  var styles = {
19
18
  chatToAgentButtonContainer: "_1bsb1osq",
20
19
  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
21
- chatPillButtonInlineStyles: "_18zrv77o",
22
20
  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
23
- chatPillIconWrapper: "_1ul9gktf _4t3igktf",
24
- actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
25
- actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
21
+ actionsWrapperStyles: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
26
22
  };
27
23
  export var AgentActions = function AgentActions(_ref) {
28
24
  var onEditAgent = _ref.onEditAgent,
@@ -90,7 +86,7 @@ export var AgentActions = function AgentActions(_ref) {
90
86
  }, [agent.id, createAnalyticsEvent, fireEventNext]);
91
87
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
92
88
  space: "space.100",
93
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
89
+ xcss: styles.actionsWrapperStyles
94
90
  }, /*#__PURE__*/React.createElement(Box, {
95
91
  xcss: styles.chatToAgentButtonContainer
96
92
  }, /*#__PURE__*/React.createElement(Button, {
@@ -103,11 +99,8 @@ export var AgentActions = function AgentActions(_ref) {
103
99
  xcss: styles.chatToAgentButtonWrapper
104
100
  }, /*#__PURE__*/React.createElement(Inline, {
105
101
  space: "space.050",
106
- xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
107
102
  alignBlock: "center"
108
- }, !fg('rovo_agent_empty_state_refresh') && /*#__PURE__*/React.createElement(Box, {
109
- xcss: styles.chatPillIconWrapper
110
- }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
103
+ }, /*#__PURE__*/React.createElement(Box, {
111
104
  xcss: styles.chatPillTextStyles
112
105
  }, formatMessage(messages.actionChatToAgent)))))), !hideMoreActions && /*#__PURE__*/React.createElement(AgentDropdownMenu, {
113
106
  agentId: agent.id,
@@ -7,7 +7,6 @@
7
7
  ._1ltvpxbi{left:var(--ds-space-200,1pc)}
8
8
  ._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
9
9
  ._1q51utpp{padding-block-start:var(--ds-space-150,9pt)}
10
- ._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
11
10
  ._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
12
11
  ._kqswh2mm{position:relative}
13
12
  ._kqswstnw{position:absolute}
@@ -14,7 +14,6 @@ import Link from '@atlaskit/link';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import { Box, Flex, Stack, Text } from '@atlaskit/primitives/compiled';
16
16
  import { AgentBanner } from '@atlaskit/rovo-agent-components/ui/agent-avatar/GeneratedAvatar';
17
- import { AgentStarCount } from '@atlaskit/rovo-agent-components/ui/agent-profile-info/AgentStarCount';
18
17
  import { AgentAvatar, isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/ui/AgentAvatar';
19
18
  import { AgentProfileCreator, AgentProfileInfo } from '@atlaskit/rovo-agent-components/ui/AgentProfileInfo';
20
19
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
@@ -28,14 +27,12 @@ import { ConversationStarters } from './ConversationStarters';
28
27
  import { useAgentUrlActions } from './hooks/useAgentActions';
29
28
  import { messages } from './messages';
30
29
  var styles = {
31
- detailWrapper: "_18zrpxbi _1q51xy5q",
32
- detailWrapperRefresh: "_1q511ejb",
30
+ detailWrapper: "_1q511ejb",
33
31
  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
34
32
  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
35
33
  agentProfileInfoWrapper: "_18zrpxbi",
36
34
  conversationStartersWrapper: "_18zrutpp",
37
- disclosureWrapperRefresh: "_zulp1b66 _18zrpxbi _1q51utpp _85i5utpp",
38
- disclosureWrapper: "_85i5utpp"
35
+ disclosureWrapper: "_zulp1b66 _18zrpxbi _1q51utpp _85i5utpp"
39
36
  };
40
37
  var AgentProfileCard = function AgentProfileCard(_ref) {
41
38
  var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
@@ -180,7 +177,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
180
177
  }, /*#__PURE__*/React.createElement(AgentBanner, {
181
178
  agentId: agent.id,
182
179
  agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
183
- height: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
180
+ height: 48,
184
181
  agentIdentityAccountId: agent.identity_account_id,
185
182
  isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card')
186
183
  }), /*#__PURE__*/React.createElement(Box, {
@@ -189,15 +186,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
189
186
  agentId: agent.id,
190
187
  agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
191
188
  agentIdentityAccountId: agent.identity_account_id,
192
- size: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
189
+ size: "large",
193
190
  isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card'),
194
191
  isForgeAgent: fg('rovo_agent_support_a2a_avatar') ? isForgeAgentByCreatorType(agent.creator_type) : agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
195
192
  forgeAgentIconUrl: agent.icon
196
193
  })), /*#__PURE__*/React.createElement(Stack, {
197
194
  space: "space.100",
198
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
195
+ xcss: styles.detailWrapper
199
196
  }, /*#__PURE__*/React.createElement(Box, {
200
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
197
+ xcss: styles.agentProfileInfoWrapper
201
198
  }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
202
199
  agentName: agent.name,
203
200
  isStarred: isStarred,
@@ -213,16 +210,13 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
213
210
  isLoading: false,
214
211
  onCreatorLinkClick: function onCreatorLinkClick() {}
215
212
  }),
216
- starCountRender: fg('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/React.createElement(AgentStarCount, {
217
- starCount: starCount,
218
- isLoading: false
219
- }),
213
+ starCountRender: null,
220
214
  agentDescription: agent.description
221
215
  })), !hideAiDisclaimer && fg('rovo_display_ai_disclaimer_on_agent_profile_card') && /*#__PURE__*/React.createElement(Flex, {
222
216
  alignItems: "start",
223
217
  direction: "column",
224
218
  gap: "space.050",
225
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.disclosureWrapperRefresh : styles.disclosureWrapper
219
+ xcss: styles.disclosureWrapper
226
220
  }, /*#__PURE__*/React.createElement(Link, {
227
221
  href: "https://www.atlassian.com/trust/atlassian-intelligence",
228
222
  target: "_blank",
@@ -236,7 +230,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
236
230
  size: "small",
237
231
  color: "color.text.subtlest"
238
232
  }, formatMessage(messages.aiDisclaimer)))), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(Box, {
239
- xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
233
+ xcss: styles.conversationStartersWrapper
240
234
  }, /*#__PURE__*/React.createElement(ConversationStarters, {
241
235
  isAgentDefault: agent.is_default,
242
236
  userDefinedConversationStarters: userDefinedConversationStarters,
@@ -518,7 +518,7 @@ export interface ProfileClient {
518
518
  deleteAgent: (id: string, fireAnalytics?: FireEventType) => Promise<void>;
519
519
  setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: FireEventType) => Promise<void>;
520
520
  }
521
- export type ProfilecardTriggerPosition = 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
521
+ export type ProfilecardTriggerPosition = 'auto' | 'auto-start' | 'auto-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
522
522
  export type ProfileCardErrorType = {
523
523
  reason: 'default' | 'NotFound';
524
524
  } | null;
@@ -524,7 +524,7 @@ export interface ProfileClient {
524
524
  deleteAgent: (id: string, fireAnalytics?: FireEventType) => Promise<void>;
525
525
  setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: FireEventType) => Promise<void>;
526
526
  }
527
- export type ProfilecardTriggerPosition = 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
527
+ export type ProfilecardTriggerPosition = 'auto' | 'auto-start' | 'auto-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
528
528
  export type ProfileCardErrorType = {
529
529
  reason: 'default' | 'NotFound';
530
530
  } | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "24.39.2",
3
+ "version": "24.40.1",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/css": "^0.19.0",
49
49
  "@atlaskit/dropdown-menu": "^16.5.0",
50
50
  "@atlaskit/empty-state": "^10.1.0",
51
- "@atlaskit/give-kudos": "^4.15.0",
51
+ "@atlaskit/give-kudos": "^4.16.0",
52
52
  "@atlaskit/heading": "^5.3.0",
53
53
  "@atlaskit/icon": "^32.0.0",
54
54
  "@atlaskit/link": "3.3.3",
@@ -60,7 +60,7 @@
60
60
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
61
61
  "@atlaskit/popup": "^4.13.0",
62
62
  "@atlaskit/primitives": "^18.0.0",
63
- "@atlaskit/rovo-agent-components": "^3.37.0",
63
+ "@atlaskit/rovo-agent-components": "^3.38.0",
64
64
  "@atlaskit/rovo-triggers": "^5.21.0",
65
65
  "@atlaskit/spinner": "^19.0.0",
66
66
  "@atlaskit/teams-app-config": "^1.12.0",
@@ -68,7 +68,7 @@
68
68
  "@atlaskit/teams-avatar": "^2.4.0",
69
69
  "@atlaskit/teams-public": "^0.70.0",
70
70
  "@atlaskit/theme": "^22.0.0",
71
- "@atlaskit/tmp-editor-statsig": "^33.0.0",
71
+ "@atlaskit/tmp-editor-statsig": "^33.2.0",
72
72
  "@atlaskit/tokens": "^11.0.0",
73
73
  "@atlaskit/tooltip": "^20.14.0",
74
74
  "@babel/runtime": "^7.0.0",
@@ -161,9 +161,6 @@
161
161
  "jira_ai_profilecard_hide_agent_actions": {
162
162
  "type": "boolean"
163
163
  },
164
- "rovo_agent_empty_state_refresh": {
165
- "type": "boolean"
166
- },
167
164
  "rovo_dev_themed_identity_card": {
168
165
  "type": "boolean"
169
166
  },
@@ -77,7 +77,6 @@ export default meta;
77
77
  type Story = StoryObj<StoryArgs>;
78
78
 
79
79
  const baseFeatureGates = {
80
- rovo_agent_empty_state_refresh: false,
81
80
  jira_ai_force_rovo_dev_avatar: false,
82
81
  };
83
82