@atlaskit/profilecard 24.13.7 → 24.14.1

package/dist/es2019/components/common/LoadingState.js

@@ -1,15 +1,27 @@
 import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import AkSpinner from '@atlaskit/spinner';
 import { SpinnerContainer } from '../../styled/UserTrigger';
-import { profileCardRendered } from '../../util/analytics';
+import { getActionSubject, PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 export const LoadingState = ({
   fireAnalytics,
+  fireAnalyticsNext,
   profileType
 }) => {
   useEffect(() => {
-    if (fireAnalytics) {
-      fireAnalytics(profileCardRendered(profileType, 'spinner'));
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      if (fireAnalyticsNext) {
+        fireAnalyticsNext(`ui.${getActionSubject(profileType)}.rendered.spinner`, {
+          firedAt: Math.round(getPageTime()),
+          ...PACKAGE_META_DATA
+        });
+      }
+    } else {
+      if (fireAnalytics) {
+        fireAnalytics(profileCardRendered(profileType, 'spinner'));
+      }
     }
-  }, [fireAnalytics, profileType]);
+  }, [fireAnalytics, fireAnalyticsNext, profileType]);
   return /*#__PURE__*/React.createElement(SpinnerContainer, null, /*#__PURE__*/React.createElement(AkSpinner, null));
 };

package/dist/es2019/components/common/ProfileCardTrigger.js

@@ -1,8 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
-import { cardTriggered } from '../../util/analytics';
+import { cardTriggered, getActionSubject, PACKAGE_META_DATA } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';
 import { PopupTrigger } from './PopupTrigger';
@@ -17,7 +19,9 @@ function ProfileCardTriggerInner({
   fetchProfile,
   disabledAriaAttributes,
   profileCardType,
+  testId,
   fireAnalytics,
+  fireAnalyticsNext,
   ...popupProps
 }, ref) {
   var _popupProps$autoFocus;
@@ -57,12 +61,22 @@ function ProfileCardTriggerInner({
       if (!visible) {
         getProfileData === null || getProfileData === void 0 ? void 0 : getProfileData();
         setVisible(true);
-        if (fireAnalytics) {
-          fireAnalytics(cardTriggered(profileCardType, trigger));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (fireAnalyticsNext) {
+            fireAnalyticsNext(`ui.${getActionSubject(profileCardType)}.triggered`, {
+              method: trigger,
+              ...PACKAGE_META_DATA,
+              firedAt: Math.round(getPageTime())
+            });
+          }
+        } else {
+          if (fireAnalytics) {
+            fireAnalytics(cardTriggered(profileCardType, trigger));
+          }
         }
       }
     }, showDelay);
-  }, [showDelay, visible, getProfileData, fireAnalytics, profileCardType, trigger]);
+  }, [showDelay, visible, getProfileData, fireAnalytics, profileCardType, trigger, fireAnalyticsNext]);
   const onMouseEnter = useCallback(() => {
     showProfilecard();
   }, [showProfilecard]);
@@ -85,7 +99,8 @@ function ProfileCardTriggerInner({
         showProfilecard: showProfilecard,
         children: children,
         ariaLabelledBy: ariaLabelledBy,
-        trigger: trigger
+        trigger: trigger,
+        "data-testid": testId
       }));
     },
     content: () =>
@@ -94,9 +109,13 @@ function ProfileCardTriggerInner({
     React.createElement("div", {
       onMouseEnter: onMouseEnter,
       onMouseLeave: hideProfilecard,
-      onFocus: showProfilecard
-    }, isLoading ? /*#__PURE__*/React.createElement(ProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
+      onFocus: showProfilecard,
+      "data-testid": "profile-card--trigger-content"
+    }, isLoading ? /*#__PURE__*/React.createElement(ProfileCardWrapper, {
+      testId: "profilecard.profilecardtrigger.loading"
+    }, /*#__PURE__*/React.createElement(LoadingState, {
       fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireAnalyticsNext,
       profileType: profileCardType
     })) : renderProfileCard({
       profileData,

package/dist/es2019/components/common/ProfileCardWrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb1gwv{width:360px}

package/dist/es2019/components/common/ProfileCardWrapper.js

@@ -1,14 +1,17 @@
+/* ProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./ProfileCardWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
-const styles = xcss({
-  width: '360px'
-});
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  wrapper: "_1bsb1gwv"
+};
 export const ProfileCardWrapper = ({
-  children
+  children,
+  testId
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles
+    xcss: styles.wrapper,
+    testId: testId
   }, children);
 };

package/dist/es2019/components/team-profile-card/team-actions/more-actions/index.js

@@ -5,8 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { MenuGroup, Section } from '@atlaskit/menu';
 import Popup from '@atlaskit/popup';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { messages } from './messages';
 export const MoreActions = ({
   actions,

package/dist/es2019/styled/CoverImage.compiled.css

@@ -6,7 +6,9 @@
 ._1e0c1txw{display:flex}
 ._1reo15vq{overflow-x:hidden}
 ._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
 ._4t3i1qr7{height:8pc}
 ._4t3i1wug{height:auto}
+._5ral1dfr{object-fit:cover}
 ._kqswh2mm{position:relative}
 ._qrwq12b0{border-top-right-radius:var(--ds-radius-small,4px)}

package/dist/es2019/styled/CoverImage.js

@@ -2,10 +2,12 @@
 import "./CoverImage.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
   container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
-  image: "_1bsbnklw _4t3i1wug"
+  image: "_1bsbnklw _4t3i1wug",
+  imageNext: "_4t3i1osq _5ral1dfr"
 };
 
 /**
@@ -26,6 +28,6 @@ export const CoverImage = ({
     ref: imgRef,
     src: src,
     alt: alt,
-    xcss: styles.image
+    xcss: fg('cover-header-image-team-profilecard') ? styles.imageNext : styles.image
   }));
 };

package/dist/es2019/styled/Error.compiled.css

@@ -1,9 +1,7 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
 ._y3gn1h6o{text-align:center}

package/dist/es2019/styled/Error.js

@@ -4,19 +4,21 @@ import "./Error.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box, Text } from '@atlaskit/primitives/compiled';
 import { N200 } from '@atlaskit/theme/colors';
 const styles = {
   errorWrapper: "_y3gn1h6o _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb",
-  errorTitle: "_11c82smr _syaz1fxt _19pku2gc",
+  errorTitle: "_19pku2gc",
   teamErrorText: "_syaz1wmz _19pku2gc"
 };
 export const ErrorWrapper = props => /*#__PURE__*/React.createElement(Box, _extends({
   xcss: cx(styles.errorWrapper)
 }, props));
 export const ErrorTitle = props => /*#__PURE__*/React.createElement(Box, {
-  xcss: cx(styles.errorTitle)
-}, props.children);
+  xcss: styles.errorTitle
+}, /*#__PURE__*/React.createElement(Text, {
+  color: "color.text"
+}, props.children));
 export const TeamErrorText = props => /*#__PURE__*/React.createElement(Box, {
   xcss: cx(styles.teamErrorText)
 }, props.children);

package/dist/es2019/util/analytics.js

@@ -2,6 +2,10 @@ import { getPageTime } from './performance';
 
 /** Below lines are copied from teams common analytics */
 const ANALYTICS_CHANNEL = 'peopleTeams';
+export const PACKAGE_META_DATA = {
+  packageName: "@atlaskit/profilecard",
+  packageVersion: "0.0.0-development"
+};
 const runItLater = cb => {
   const requestIdleCallback = window.requestIdleCallback;
   if (typeof requestIdleCallback === 'function') {
@@ -41,12 +45,12 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.13.6",
+    packageVersion: "0.0.0-development",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }
 });
-const getActionSubject = type => {
+export const getActionSubject = type => {
   switch (type) {
     case 'user':
       return USER_SUBJECT;

package/dist/esm/client/ProfileCardClient.js

@@ -37,8 +37,8 @@ var ProfileCardClient = /*#__PURE__*/function () {
     }
   }, {
     key: "getProfile",
-    value: function getProfile(cloudId, userId, analytics) {
-      return this.userClient.getProfile(cloudId, userId, analytics);
+    value: function getProfile(cloudId, userId, analytics, analyticsNext) {
+      return this.userClient.getProfile(cloudId, userId, analytics, analyticsNext);
     }
   }, {
     key: "getTeamProfile",

package/dist/esm/client/UserProfileCardClient.js

@@ -15,7 +15,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { print } from 'graphql';
 import gql from 'graphql-tag';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { userRequestAnalytics } from '../util/analytics';
+import { PACKAGE_META_DATA, userRequestAnalytics } from '../util/analytics';
 import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
@@ -147,7 +147,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
     }()
   }, {
     key: "getProfile",
-    value: function getProfile(cloudId, userId, analytics) {
+    value: function getProfile(cloudId, userId, analytics, analyticsNext) {
       var _this2 = this;
       if (!userId) {
         return Promise.reject(new Error('userId missing'));
@@ -159,24 +159,58 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
       }
       return new Promise(function (resolve, reject) {
         var startTime = getPageTime();
-        if (analytics) {
-          analytics(userRequestAnalytics('triggered'));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            analyticsNext('operational.profilecard.triggered.request', _objectSpread({
+              firedAt: Math.round(getPageTime())
+            }, PACKAGE_META_DATA));
+          }
+        } else {
+          if (analytics) {
+            analytics(userRequestAnalytics('triggered'));
+          }
         }
         _this2.makeRequest(cloudId, userId).then(function (data) {
           if (_this2.cache) {
             _this2.setCachedProfile(cacheIdentifier, data);
           }
-          if (analytics) {
-            analytics(userRequestAnalytics('succeeded', {
-              duration: getPageTime() - startTime
-            }));
+          if (fg('ptc-enable-profile-card-analytics-refactor')) {
+            if (analyticsNext) {
+              analyticsNext('operational.profilecard.succeeded.request', _objectSpread({
+                duration: getPageTime() - startTime,
+                firedAt: Math.round(getPageTime())
+              }, PACKAGE_META_DATA));
+            }
+          } else {
+            if (analytics) {
+              analytics(userRequestAnalytics('succeeded', {
+                duration: getPageTime() - startTime
+              }));
+            }
           }
           resolve(data);
         }).catch(function (error) {
-          if (analytics) {
-            analytics(userRequestAnalytics('failed', _objectSpread({
-              duration: getPageTime() - startTime
-            }, getErrorAttributes(error))));
+          if (fg('ptc-enable-profile-card-analytics-refactor')) {
+            if (analyticsNext) {
+              var errorAttributes = getErrorAttributes(error);
+              analyticsNext('operational.profilecard.failed.request', _objectSpread(_objectSpread({
+                duration: getPageTime() - startTime
+              }, errorAttributes), {}, {
+                traceId: errorAttributes.traceId || null,
+                errorCategory: errorAttributes.errorCategory || null,
+                errorType: errorAttributes.errorType || null,
+                errorPath: errorAttributes.errorPath || null,
+                errorNumber: errorAttributes.errorNumber || null,
+                errorStatusCode: errorAttributes.errorStatusCode || null,
+                firedAt: Math.round(getPageTime())
+              }, PACKAGE_META_DATA));
+            }
+          } else {
+            if (analytics) {
+              analytics(userRequestAnalytics('failed', _objectSpread({
+                duration: getPageTime() - startTime
+              }, getErrorAttributes(error))));
+            }
           }
           reject(error);
         });

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './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.13.6");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -59,7 +59,7 @@ export var 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.13.6");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -9,10 +9,12 @@ 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 { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
 import { fireEvent } from '../../util/analytics';
+import { AgentActions as AgentActionsCompiled } from './ActionsCompiled';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 var chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -43,7 +45,7 @@ var actionsWrapperStyles = xcss({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-export var AgentActions = function AgentActions(_ref) {
+var _AgentActions = function _AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
     onDeleteAgent = _ref.onDeleteAgent,
     onDuplicateAgent = _ref.onDuplicateAgent,
@@ -146,4 +148,5 @@ var messages = defineMessages({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+export var AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);

package/dist/esm/components/Agent/ActionsCompiled.compiled.css

@@ -0,0 +1,19 @@
+
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zrv77o{padding-inline:var(--ds-space-025,2px)}
+._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1nmz1hna{word-break:break-word}
+._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
+._1ul9gktf{min-width:20px}
+._4t3igktf{height:20px}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._o5721jtm{white-space:pre-wrap}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._y3gn1e5h{text-align:left}

package/dist/esm/components/Agent/ActionsCompiled.js

@@ -0,0 +1,131 @@
+/* ActionsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./ActionsCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _defineProperty(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; }
+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 { Box, Inline } from '@atlaskit/primitives/compiled';
+import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { fireEvent } from '../../util/analytics';
+import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
+var styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8 _4t3igktf",
+  chatPillButtonInlineStyles: "_18zrv77o",
+  chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf",
+  actionsWrapperStyles: "_189ee4h9 _1h6dmuej _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syaz1fxt"
+};
+export var AgentActions = function AgentActions(_ref) {
+  var onEditAgent = _ref.onEditAgent,
+    onDeleteAgent = _ref.onDeleteAgent,
+    onDuplicateAgent = _ref.onDuplicateAgent,
+    onCopyAgent = _ref.onCopyAgent,
+    onChatClick = _ref.onChatClick,
+    onViewFullProfileClick = _ref.onViewFullProfileClick,
+    agent = _ref.agent,
+    resourceClient = _ref.resourceClient;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDeleteModalOpen = _useState2[0],
+    setIsDeleteModalOpen = _useState2[1];
+  var isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  var loadAgentPermissions = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$resourceClient, _yield$resourceClient2, AGENT_CREATE, AGENT_UPDATE, AGENT_DEACTIVATE;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return resourceClient.getRovoAgentPermissions(agent.id);
+        case 2:
+          _yield$resourceClient = _context.sent;
+          _yield$resourceClient2 = _yield$resourceClient.permissions;
+          AGENT_CREATE = _yield$resourceClient2.AGENT_CREATE;
+          AGENT_UPDATE = _yield$resourceClient2.AGENT_UPDATE;
+          AGENT_DEACTIVATE = _yield$resourceClient2.AGENT_DEACTIVATE;
+          return _context.abrupt("return", _objectSpread(_objectSpread({}, fg('agent_studio_fe_permissions_settings_m1') && {
+            isCreateEnabled: AGENT_CREATE.permitted
+          }), {}, {
+            isEditEnabled: AGENT_UPDATE.permitted,
+            isDeleteEnabled: AGENT_DEACTIVATE.permitted
+          }));
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [agent.id, resourceClient]);
+  var handleDeleteAgent = useCallback(function () {
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'deleteAgentButton',
+      attributes: {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      }
+    });
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.100",
+    xcss: styles.actionsWrapperStyles
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    shouldFitContainer: true,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onChatClick(e);
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: styles.chatPillButtonInlineStyles,
+    alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillTextStyles
+  }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(AgentDropdownMenu, {
+    agentId: agent.id,
+    onDeleteAgent: handleDeleteAgent,
+    onEditAgent: onEditAgent,
+    onDuplicateAgent: onDuplicateAgent,
+    onCopyAgent: onCopyAgent,
+    isForgeAgent: isForgeAgent,
+    loadAgentPermissions: loadAgentPermissions,
+    loadPermissionsOnMount: true,
+    onViewAgentFullProfileClick: onViewFullProfileClick,
+    doesAgentHaveIdentityAccountId: !!agent.identity_account_id,
+    shouldTriggerStopPropagation: true
+  })), /*#__PURE__*/React.createElement(AgentDeleteConfirmationModal, {
+    isOpen: isDeleteModalOpen,
+    onClose: function onClose() {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: agent.id,
+    agentName: agent.name
+  }));
+};
+var messages = defineMessages({
+  actionChatToAgent: {
+    id: 'ptc-directory.agent-profile.action.dropdown.chat-to-agent.nonfinal',
+    defaultMessage: 'Chat to Agent',
+    description: 'Text for the "chat to agent" action to chat to the agent'
+  }
+});

package/dist/esm/components/Agent/AgentDeleteConfirmationModal.js

@@ -4,8 +4,7 @@ import React, { useCallback } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 export var AgentDeleteConfirmationModal = function AgentDeleteConfirmationModal(_ref) {
   var onClose = _ref.onClose,
     agentName = _ref.agentName,

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

@@ -4,6 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+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, Stack, xcss } from '@atlaskit/primitives';
 import { AgentAvatar, AgentBanner, AgentProfileCreator, AgentProfileInfo, AgentStarCount } from '@atlaskit/rovo-agent-components';
@@ -11,6 +12,7 @@ import { fireEvent, profileCardRendered } from '../../util/analytics';
 import { LoadingState } from '../common/LoadingState';
 import { ErrorMessage } from '../Error';
 import { AgentActions } from './Actions';
+import { default as AgentProfileCardCompiled } from './AgentProfileCardCompiled';
 import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
 import { ConversationStarters } from './ConversationStarters';
 import { useAgentUrlActions } from './hooks/useAgentActions';
@@ -164,6 +166,10 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       errorType: errorType,
       fireAnalytics: fireAnalytics
+      // TODO: Add fireAnalyticsNext
+      // NOTE: Add it to AgentProfileCardCompiled
+      ,
+      fireAnalyticsNext: function fireAnalyticsNext() {}
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
@@ -236,4 +242,5 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }
   })));
 };
-export default AgentProfileCard;
+var AgentProfileCardExport = componentWithFG('profilecard_primitives_compiled', AgentProfileCardCompiled, AgentProfileCard);
+export default AgentProfileCardExport;

package/dist/esm/components/Agent/AgentProfileCardCompiled.compiled.css

@@ -0,0 +1,8 @@
+
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}._154i1ejb{top:var(--ds-space-300,24px)}
+._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._1ltvpxbi{left:var(--ds-space-200,1pc)}
+._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}