@atlaskit/profilecard 24.23.1 → 24.24.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/profilecard
 
+## 24.24.0
+
+### Minor Changes
+
+- [`38a52551cd51f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38a52551cd51f) -
+  Cleanup profilecard_primitives_compiled FG
+
 ## 24.23.1
 
 ### Patch Changes

package/__tests__/vr-tests/agent-profilecard.vr.tsx

@@ -4,7 +4,6 @@ import { AgentProfileCardExample } from '../../examples/13-agent-profilecard';
 
 snapshot(AgentProfileCardExample, {
 	featureFlags: {
-		profilecard_primitives_compiled: true,
 		rovo_agent_empty_state_refresh: [true, false],
 	},
 });

package/__tests__/vr-tests/user-profilecard.vr.tsx

@@ -9,45 +9,9 @@ import {
 	WorstCaseProfile,
 } from '../../examples/03-profilecard-overview';
 
-snapshot(ErrorState, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
-	},
-});
-snapshot(ErrorStateNotFound, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
-	},
-});
-snapshot(BestCaseProfile, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
-	},
-});
-snapshot(WorstCaseProfile, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
-	},
-});
-snapshot(BotCaseProfile, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
-	},
-});
-snapshot(AlternateActions, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
-	},
-});
+snapshot(ErrorState);
+snapshot(ErrorStateNotFound);
+snapshot(BestCaseProfile);
+snapshot(WorstCaseProfile);
+snapshot(BotCaseProfile);
+snapshot(AlternateActions);

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.23.0");
+  headers.append('atl-client-version', "24.24.0");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.23.0");
+  headers.append('atl-client-version', "24.24.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Agent/Actions.js

@@ -1,3 +1,4 @@
+/* Actions.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AgentActions = void 0;
+require("./Actions.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -14,46 +17,22 @@ var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
 var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
-var _ActionsCompiled = require("./ActionsCompiled");
 var _AgentDeleteConfirmationModal = require("./AgentDeleteConfirmationModal");
 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); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
-var chatToAgentButtonContainer = (0, _primitives.xcss)({
-  width: '100%'
-});
-var chatToAgentButtonWrapper = (0, _primitives.xcss)({
-  display: 'flex',
-  justifyContent: 'center',
-  lineHeight: '20px',
-  fontWeight: 'font.weight.medium'
-});
-var chatPillButtonInlineStyles = (0, _primitives.xcss)({
-  paddingInline: 'space.025'
-});
-var chatPillTextStyles = (0, _primitives.xcss)({
-  wordBreak: 'break-word',
-  textAlign: 'left',
-  whiteSpace: 'pre-wrap'
-});
-var chatPillIconWrapper = (0, _primitives.xcss)({
-  minWidth: '20px',
-  height: '20px'
-});
-var actionsWrapperStyles = (0, _primitives.xcss)({
-  borderTopWidth: 'border.width',
-  borderTopStyle: 'solid',
-  borderColor: 'color.border',
-  padding: 'space.200',
-  marginBlockStart: 'space.200',
-  color: 'color.text'
-});
-var _AgentActions = function _AgentActions(_ref) {
+var styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
+  chatPillButtonInlineStyles: "_18zrv77o",
+  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf",
+  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
+  actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
+};
+var AgentActions = exports.AgentActions = function AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
     onDeleteAgent = _ref.onDeleteAgent,
     onDuplicateAgent = _ref.onDuplicateAgent,
@@ -117,26 +96,27 @@ var _AgentActions = function _AgentActions(_ref) {
     }
     setIsDeleteModalOpen(true);
   }, [agent.id, createAnalyticsEvent, fireEventNext]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
-    xcss: actionsWrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatToAgentButtonContainer
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonContainer
   }, /*#__PURE__*/_react.default.createElement(_new.default, {
     shouldFitContainer: true,
     onClick: function onClick(e) {
       e.stopPropagation();
       onChatClick(e);
     }
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatToAgentButtonWrapper
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.050",
-    xcss: chatPillButtonInlineStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatPillIconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatPillTextStyles
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
+    alignBlock: "center"
+  }, !(0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.chatPillTextStyles
   }, formatMessage(messages.actionChatToAgent)))))), !hideMoreActions && /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentDropdownMenu, {
     agentId: agent.id,
     onDeleteAgent: handleDeleteAgent,
@@ -166,5 +146,4 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Chat with Agent',
     description: 'Text for the "chat with agent" action to chat to the agent'
   }
-});
-var AgentActions = exports.AgentActions = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _ActionsCompiled.AgentActions, _AgentActions);
+});

package/dist/cjs/components/Agent/AgentProfileCard.js

@@ -1,3 +1,4 @@
+/* AgentProfileCard.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./AgentProfileCard.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -14,8 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
 var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
@@ -23,28 +25,21 @@ var _performance = require("../../util/performance");
 var _LoadingState = require("../common/LoadingState");
 var _Error = require("../Error");
 var _Actions = require("./Actions");
-var _AgentProfileCardCompiled = _interopRequireDefault(require("./AgentProfileCardCompiled"));
 var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
 var _ConversationStarters = require("./ConversationStarters");
 var _useAgentActions = require("./hooks/useAgentActions");
 var _messages = require("./messages");
 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); }
 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; }
-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; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-var styles = (0, _primitives.xcss)({
-  paddingBlockStart: 'space.400',
-  paddingInline: 'space.200'
-});
-var avatarStyles = (0, _primitives.xcss)({
-  position: 'absolute',
-  top: 'space.300',
-  left: 'space.200'
-});
-var cardContainerStyles = (0, _primitives.xcss)({
-  borderRadius: 'radius.large',
-  boxShadow: 'elevation.shadow.overlay',
-  position: 'relative'
-});
+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; }
+var styles = {
+  detailWrapper: "_18zrpxbi _1q51xy5q",
+  detailWrapperRefresh: "_1q511ejb",
+  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
+  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
+  agentProfileInfoWrapper: "_18zrpxbi",
+  conversationStartersWrapper: "_18zrutpp"
+};
 var AgentProfileCard = function AgentProfileCard(_ref) {
   var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
   var agent = _ref.agent,
@@ -79,7 +74,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
-    fireEventNext = _useAnalyticsEventsNe.fireEvent;
+    fireAnalyticsNext = _useAnalyticsEventsNe.fireEvent;
   var userDefinedConversationStarters = agent === null || agent === void 0 || (_agent$user_defined_c = agent.user_defined_conversation_starters) === null || _agent$user_defined_c === void 0 ? void 0 : _agent$user_defined_c.map(function (starter) {
     return {
       message: starter,
@@ -107,7 +102,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           }
           _context.prev = 1;
           _context.next = 4;
-          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireEventNext);
+          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireAnalyticsNext);
         case 4:
           if (isStarred) {
             setStarCount(starCount ? starCount - 1 : 0);
@@ -125,7 +120,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           return _context.stop();
       }
     }, _callee, null, [[1, 8]]);
-  })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, fireEventNext, isStarred, resourceClient, starCount]);
+  })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, fireAnalyticsNext, isStarred, resourceClient, starCount]);
   var handleOnDelete = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
     var _onDeleteAgent, restore;
     return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -139,7 +134,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
           _context2.prev = 2;
           _context2.next = 5;
-          return resourceClient.deleteAgent(agent.id, fireAnalytics, fireEventNext);
+          return resourceClient.deleteAgent(agent.id, fireAnalytics, fireAnalyticsNext);
         case 5:
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(_messages.messages.agentDeletedSuccessFlagTitle),
@@ -167,51 +162,53 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
           return _context2.stop();
       }
     }, _callee2, null, [[2, 8]]);
-  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireEventNext]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireAnalyticsNext]);
   (0, _react.useEffect)(function () {
     if (!isLoading && agent) {
       if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
-        fireEventNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, _analytics.PACKAGE_META_DATA), {}, {
+        fireAnalyticsNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, _analytics.PACKAGE_META_DATA), {}, {
           firedAt: Math.round((0, _performance.getPageTime)())
         }));
       } else {
         fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
       }
     }
-  }, [agent, fireAnalytics, fireEventNext, isLoading]);
+  }, [agent, fireAnalytics, isLoading, fireAnalyticsNext]);
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
       profileType: "agent",
       fireAnalytics: fireAnalytics,
-      fireAnalyticsNext: fireEventNext
+      fireAnalyticsNext: fireAnalyticsNext
     }));
   }
   if (hasError || !agent) {
     return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
+      fireAnalyticsNext: fireAnalyticsNext,
       errorType: errorType,
-      fireAnalytics: fireAnalytics,
-      fireAnalyticsNext: fireEventNext
+      fireAnalytics: fireAnalytics
     }));
   }
-  return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: cardContainerStyles
+  return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.cardContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentBanner, {
     agentId: agent.id,
     agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
-    height: 96,
+    height: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 48 : 96,
     agentIdentityAccountId: agent.identity_account_id
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: avatarStyles
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.avatarStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentAvatar, {
     agentId: agent.id,
     agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
     agentIdentityAccountId: agent.identity_account_id,
-    size: "xlarge",
+    size: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
-  })), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.100",
-    xcss: styles
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileInfo, {
     agentName: agent.name,
     isStarred: isStarred,
@@ -226,12 +223,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false,
       onCreatorLinkClick: function onCreatorLinkClick() {}
     }),
-    starCountRender: /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentStarCount, {
+    starCountRender: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentStarCount, {
       starCount: starCount,
       isLoading: false
     }),
     agentDescription: agent.description
-  }), /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
+  })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
+  }, /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: userDefinedConversationStarters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
@@ -240,7 +239,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+  }))), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);
@@ -264,5 +263,4 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     hideMoreActions: hideMoreActions
   })));
 };
-var AgentProfileCardExport = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _AgentProfileCardCompiled.default, AgentProfileCard);
-var _default = exports.default = AgentProfileCardExport;
+var _default = exports.default = AgentProfileCard;

package/dist/cjs/components/User/ReportingLinesDetails.compiled.css

@@ -1,6 +1,11 @@
+._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}

package/dist/cjs/components/User/ReportingLinesDetails.js

@@ -13,31 +13,22 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
+var _css = require("@atlaskit/css");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _ReportingLines = require("../../styled/ReportingLines");
 var _analytics = require("../../util/analytics");
 var _performance = require("../../util/performance");
-var _ReportingLinesDetailsCompiled2 = _interopRequireDefault(require("./ReportingLinesDetailsCompiled"));
 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; }
-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; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+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; }
 function getProfileHref(userId, profileUrl) {
   return profileUrl ? profileUrl + userId : undefined;
 }
-var reportingLinesHeadingDefaultStyles = (0, _primitives.xcss)({
-  color: 'color.text',
-  font: 'font.heading.xxsmall',
-  fontWeight: 'font.weight.semibold',
-  marginBottom: 'space.100'
-});
-var reportingLinesHeadingStyles = (0, _primitives.xcss)({
-  marginBottom: '0'
-});
 var styles = {
-  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr31dpa"
+  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr31dpa",
+  reportingLinesHeadingDefaultStyles: "_11c81vhk _syazi7uo _k48p1pd9 _otyru2gc",
+  reportingLinesHeadingStyles: "_otyrze3t"
 };
 var avatarGroupMaxCount = 5;
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
@@ -110,8 +101,8 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
       count: reports.length - avatarGroupMaxCount + 1
     })
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.reportingLinesHeadingDefaultStyles, styles.reportingLinesHeadingStyles)
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
     onClick: function onClick() {
       return onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl));
@@ -121,8 +112,8 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
   }, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
     size: "xsmall",
     src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
-  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: reportingLinesHeadingDefaultStyles
+  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.reportingLinesHeadingDefaultStyles
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
     appearance: "stack",
     size: "small",
@@ -141,5 +132,4 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
     showMoreButtonProps: showMoreButtonProps
   })));
 };
-var ReportingLinesDetailsExport = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _ReportingLinesDetailsCompiled2.default, ReportingLinesDetails);
-var _default = exports.default = ReportingLinesDetailsExport;
+var _default = exports.default = ReportingLinesDetails;

package/dist/cjs/util/analytics.js

@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var ANALYTICS_CHANNEL = 'peopleTeams';
 var PACKAGE_META_DATA = exports.PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "24.23.0"
+  packageVersion: "24.24.0"
 };
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
@@ -58,7 +58,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.23.0"
+      packageVersion: "24.24.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.23.0");
+  headers.append('atl-client-version', "24.24.0");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -78,7 +78,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.23.0");
+  headers.append('atl-client-version', "24.24.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Agent/Actions.js

@@ -1,46 +1,26 @@
+/* Actions.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./Actions.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Inline, xcss } from '@atlaskit/primitives';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
-import { AgentActions as AgentActionsCompiled } from './ActionsCompiled';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
-const chatToAgentButtonContainer = xcss({
-  width: '100%'
-});
-const chatToAgentButtonWrapper = xcss({
-  display: 'flex',
-  justifyContent: 'center',
-  lineHeight: '20px',
-  fontWeight: 'font.weight.medium'
-});
-const chatPillButtonInlineStyles = xcss({
-  paddingInline: 'space.025'
-});
-const chatPillTextStyles = xcss({
-  wordBreak: 'break-word',
-  textAlign: 'left',
-  whiteSpace: 'pre-wrap'
-});
-const chatPillIconWrapper = xcss({
-  minWidth: '20px',
-  height: '20px'
-});
-const actionsWrapperStyles = xcss({
-  borderTopWidth: 'border.width',
-  borderTopStyle: 'solid',
-  borderColor: 'color.border',
-  padding: 'space.200',
-  marginBlockStart: 'space.200',
-  color: 'color.text'
-});
-const _AgentActions = ({
+const styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
+  chatPillButtonInlineStyles: "_18zrv77o",
+  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf",
+  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
+  actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
+};
+export const AgentActions = ({
   onEditAgent,
   onDeleteAgent,
   onDuplicateAgent,
@@ -97,9 +77,9 @@ const _AgentActions = ({
   }, [agent.id, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: actionsWrapperStyles
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: chatToAgentButtonContainer
+    xcss: styles.chatToAgentButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
     shouldFitContainer: true,
     onClick: e => {
@@ -107,14 +87,15 @@ const _AgentActions = ({
       onChatClick(e);
     }
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: chatToAgentButtonWrapper
+    xcss: styles.chatToAgentButtonWrapper
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050",
-    xcss: chatPillButtonInlineStyles
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: chatPillIconWrapper
+    xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
+    alignBlock: "center"
+  }, !fg('rovo_agent_empty_state_refresh') && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillIconWrapper
   }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
-    xcss: chatPillTextStyles
+    xcss: styles.chatPillTextStyles
   }, formatMessage(messages.actionChatToAgent)))))), !hideMoreActions && /*#__PURE__*/React.createElement(AgentDropdownMenu, {
     agentId: agent.id,
     onDeleteAgent: handleDeleteAgent,
@@ -144,5 +125,4 @@ const messages = defineMessages({
     defaultMessage: 'Chat with Agent',
     description: 'Text for the "chat with agent" action to chat to the agent'
   }
-});
-export const AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);
+});