@atlaskit/profilecard 24.30.2 → 24.31.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 24.31.0
+
+### Minor Changes
+
+- [`04077f2897e0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/04077f2897e0e) -
+  [ux] Changing the UI for the user identity profile card when the user is the Rovo Dev agent.
+  Change is feature gated.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.30.2
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

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

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

@@ -188,13 +188,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       fireAnalytics: fireAnalytics
     }));
   }
+  var isRovoDev = agent.creator_type === 'ROVO_DEV';
   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: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 48 : 96,
-    agentIdentityAccountId: agent.identity_account_id
+    agentIdentityAccountId: agent.identity_account_id,
+    isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')
   }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.avatarStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentAvatar, {
@@ -202,6 +204,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     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: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
+    isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card'),
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
@@ -213,6 +216,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: handleSetFavourite,
+    showStarButton: !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')),
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileCreator, {
       creator: {
@@ -228,7 +232,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false
     }),
     agentDescription: agent.description
-  })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  })), !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) && /*#__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,
@@ -239,7 +243,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  }))), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+  }))), !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) && /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

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

@@ -243,4 +243,5 @@ var ProfileCardResourcedWithAnalytics = function ProfileCardResourcedWithAnalyti
     fireEvent: fireEvent
   }, props));
 };
-var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, (0, _analyticsNext.withAnalyticsEvents)()(ProfileCardResourced));
+var _default_1 = (0, _platformFeatureFlagsReact.componentWithFG)('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, (0, _analyticsNext.withAnalyticsEvents)()(ProfileCardResourced));
+var _default = exports.default = _default_1;

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: "0.0.0-development"
+  packageVersion: "24.30.2"
 };
 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: "0.0.0-development"
+      packageVersion: "24.30.2"
     }, 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', "0.0.0-development");
+  headers.append('atl-client-version', "24.30.2");
   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', "0.0.0-development");
+  headers.append('atl-client-version', "24.30.2");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -143,13 +143,15 @@ const AgentProfileCard = ({
       fireAnalytics: fireAnalytics
     }));
   }
+  const isRovoDev = agent.creator_type === 'ROVO_DEV';
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.cardContainerStyles
   }, /*#__PURE__*/React.createElement(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: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
-    agentIdentityAccountId: agent.identity_account_id
+    agentIdentityAccountId: agent.identity_account_id,
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card')
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarStyles
   }, /*#__PURE__*/React.createElement(AgentAvatar, {
@@ -157,6 +159,7 @@ const AgentProfileCard = ({
     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: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card'),
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/React.createElement(Stack, {
@@ -168,6 +171,7 @@ const AgentProfileCard = ({
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: handleSetFavourite,
+    showStarButton: !(isRovoDev && fg('rovo_dev_themed_identity_card')),
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
       creator: {
@@ -183,7 +187,7 @@ const AgentProfileCard = ({
       isLoading: false
     }),
     agentDescription: agent.description
-  })), /*#__PURE__*/React.createElement(Box, {
+  })), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(Box, {
     xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
   }, /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
@@ -194,7 +198,7 @@ const AgentProfileCard = ({
         prompt: conversationStarter.message
       });
     }
-  }))), /*#__PURE__*/React.createElement(AgentActions, {
+  }))), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(AgentActions, {
     agent: agent,
     onEditAgent: () => onEditAgent(agent.id),
     onCopyAgent: () => onCopyAgent(agent.id),

package/dist/es2019/components/User/ProfileCardResourced.js

@@ -198,4 +198,5 @@ const ProfileCardResourcedWithAnalytics = props => {
     fireEvent: fireEvent
   }, props));
 };
-export default componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+const _default_1 = componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+export default _default_1;

package/dist/es2019/util/analytics.js

@@ -4,7 +4,7 @@ import { getPageTime } from './performance';
 const ANALYTICS_CHANNEL = 'peopleTeams';
 export const PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "0.0.0-development"
+  packageVersion: "24.30.2"
 };
 const runItLater = cb => {
   const requestIdleCallback = window.requestIdleCallback;
@@ -45,7 +45,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "0.0.0-development",
+    packageVersion: "24.30.2",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

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

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

@@ -179,13 +179,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       fireAnalytics: fireAnalytics
     }));
   }
+  var isRovoDev = agent.creator_type === 'ROVO_DEV';
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.cardContainerStyles
   }, /*#__PURE__*/React.createElement(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: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
-    agentIdentityAccountId: agent.identity_account_id
+    agentIdentityAccountId: agent.identity_account_id,
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card')
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarStyles
   }, /*#__PURE__*/React.createElement(AgentAvatar, {
@@ -193,6 +195,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     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: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card'),
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/React.createElement(Stack, {
@@ -204,6 +207,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: handleSetFavourite,
+    showStarButton: !(isRovoDev && fg('rovo_dev_themed_identity_card')),
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
       creator: {
@@ -219,7 +223,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false
     }),
     agentDescription: agent.description
-  })), /*#__PURE__*/React.createElement(Box, {
+  })), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(Box, {
     xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
   }, /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
@@ -230,7 +234,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  }))), /*#__PURE__*/React.createElement(AgentActions, {
+  }))), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

package/dist/esm/components/User/ProfileCardResourced.js

@@ -234,4 +234,5 @@ var ProfileCardResourcedWithAnalytics = function ProfileCardResourcedWithAnalyti
     fireEvent: fireEvent
   }, props));
 };
-export default componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+var _default_1 = componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+export default _default_1;

package/dist/esm/util/analytics.js

@@ -7,7 +7,7 @@ import { getPageTime } from './performance';
 var ANALYTICS_CHANNEL = 'peopleTeams';
 export var PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "0.0.0-development"
+  packageVersion: "24.30.2"
 };
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
@@ -52,7 +52,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "0.0.0-development"
+      packageVersion: "24.30.2"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/User/ProfileCardResourced.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type AnalyticsEventPayload, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
-import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type TeamCentralReportingLinesData } from '../../types';
+import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type ProfilecardTriggerPosition, type ProfileClient, type ReportingLinesUser, type TeamCentralReportingLinesData, type TriggerType } from '../../types';
 declare class ProfileCardResourced extends React.PureComponent<ProfileCardResourcedProps & AnalyticsProps, ProfileCardResourcedState> {
     static defaultProps: Partial<ProfileCardResourcedProps>;
     _isMounted: boolean;
@@ -20,16 +20,16 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default_1: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof WithAnalyticsEventsProps>, never> & {
+    userId?: string | undefined;
     cloudId?: string | undefined;
-    resourceClient?: import("../../types").ProfileClient | undefined;
+    resourceClient?: ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;
-    position?: import("../../types").ProfilecardTriggerPosition | undefined;
-    trigger?: import("../../types").TriggerType | undefined;
+    reportingLinesProfileUrl?: string | undefined;
+    onReportingLinesClick?: ((user: ReportingLinesUser) => void) | undefined;
+    position?: ProfilecardTriggerPosition | undefined;
+    trigger?: TriggerType | undefined;
     children?: React.ReactNode;
     addFlag?: ((flag: any) => void) | undefined;
-    userId?: string | undefined;
-    reportingLinesProfileUrl?: string | undefined;
-    onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
 } & {} & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
-export default _default;
+export default _default_1;

package/dist/types/types.d.ts

@@ -67,7 +67,7 @@ export interface RovoAgent {
     name: string;
     description: string | null;
     system_prompt_template?: string | null;
-    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE';
+    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE' | 'ROVO_DEV';
     creator?: string | null;
     visibility?: 'PUBLIC' | 'PRIVATE' | null;
     is_default: boolean;

package/dist/types-ts4.5/components/User/ProfileCardResourced.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type AnalyticsEventPayload, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
-import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type TeamCentralReportingLinesData } from '../../types';
+import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type ProfilecardTriggerPosition, type ProfileClient, type ReportingLinesUser, type TeamCentralReportingLinesData, type TriggerType } from '../../types';
 declare class ProfileCardResourced extends React.PureComponent<ProfileCardResourcedProps & AnalyticsProps, ProfileCardResourcedState> {
     static defaultProps: Partial<ProfileCardResourcedProps>;
     _isMounted: boolean;
@@ -20,16 +20,16 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default_1: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof WithAnalyticsEventsProps>, never> & {
+    userId?: string | undefined;
     cloudId?: string | undefined;
-    resourceClient?: import("../../types").ProfileClient | undefined;
+    resourceClient?: ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;
-    position?: import("../../types").ProfilecardTriggerPosition | undefined;
-    trigger?: import("../../types").TriggerType | undefined;
+    reportingLinesProfileUrl?: string | undefined;
+    onReportingLinesClick?: ((user: ReportingLinesUser) => void) | undefined;
+    position?: ProfilecardTriggerPosition | undefined;
+    trigger?: TriggerType | undefined;
     children?: React.ReactNode;
     addFlag?: ((flag: any) => void) | undefined;
-    userId?: string | undefined;
-    reportingLinesProfileUrl?: string | undefined;
-    onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
 } & {} & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/types.d.ts

@@ -67,7 +67,7 @@ export interface RovoAgent {
     name: string;
     description: string | null;
     system_prompt_template?: string | null;
-    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE';
+    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE' | 'ROVO_DEV';
     creator?: string | null;
     visibility?: 'PUBLIC' | 'PRIVATE' | null;
     is_default: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.30.2",
+	"version": "24.31.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^17.1.0",
-		"@atlaskit/rovo-agent-components": "^3.20.0",
+		"@atlaskit/rovo-agent-components": "^3.22.0",
 		"@atlaskit/rovo-triggers": "^5.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/teams-public": "^0.65.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -86,8 +86,12 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
+		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/platform-storybook-helpers": "^0.1.0",
 		"@atlassian/ptc-test-utils": "^0.11.0",
+		"@storybook/addon-actions": "^8.6.14",
+		"@storybook/test": "^8.6.14",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"enzyme": "^3.10.0",
@@ -157,6 +161,9 @@
 		"rovo_agent_empty_state_refresh": {
 			"type": "boolean"
 		},
+		"rovo_dev_themed_identity_card": {
+			"type": "boolean"
+		},
 		"enable_profilecard_text_truncation_tooltip": {
 			"type": "boolean"
 		},

package/stories/agent-profilecard.stories.tsx

@@ -0,0 +1,112 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { IntlProvider } from 'react-intl-next';
+
+import { withPlatformFeatureGates } from '@atlassian/feature-flags-storybook-utils';
+import {
+	withAnalyticsLogger,
+	withMaxWidth,
+	withStorybookLinkHarness,
+} from '@atlassian/platform-storybook-helpers';
+
+import { AgentProfileCard } from '../src';
+import { simpleProfileClient } from '../src/mocks';
+import type { AgentProfileCardProps, RovoAgentProfileCardInfo } from '../src/types';
+
+type StoryArgs = AgentProfileCardProps;
+
+const agent: RovoAgentProfileCardInfo = {
+	id: '965df475-d134-43ac-8ec4-f4aafd0025c6',
+	name: 'Rovo Dev',
+	description:
+		'Get help writing a user manual page that you can use to share your preferred ways of working with your team.',
+	system_prompt_template: '',
+	visibility: 'PUBLIC',
+	user_defined_conversation_starters: [
+		'Help me make my first User Manual.',
+		'Help with my goals',
+		'This is a very long conversation starter to test the overflow',
+	],
+	named_id: '965df475-d134-43ac-8ec4-f4aafd0025c6',
+	creator: 'ari:cloud:identity::user/62321fb55b6d710070a1ce85',
+	creator_type: 'CUSTOMER',
+	// Toggle this to 'ROVO_DEV' in Storybook controls to simulate Rovo Dev UI.
+	favourite: true,
+	is_default: false,
+	deactivated: false,
+	identity_account_id: 'ari:cloud:identity::user/712020:b719aaa1-2485-4dad-93d3-abc3c93862c6',
+	creatorInfo: {
+		type: 'CUSTOMER',
+		name: 'John Doe',
+		profileLink: 'https://example.com/profile',
+	},
+	actor_type: 'AGENT',
+	favourite_count: 1234,
+};
+
+const meta: Meta<StoryArgs> = {
+	component: AgentProfileCard,
+	args: {
+		resourceClient: simpleProfileClient,
+		agent,
+		// Avoid network calls for permissions in Storybook.
+		hideMoreActions: true,
+	},
+	argTypes: {
+		hideMoreActions: { control: { type: 'boolean' } },
+		agent: {
+			control: { type: 'object' },
+		},
+	},
+
+	decorators: [
+		withAnalyticsLogger,
+		withMaxWidth('420px'),
+		withStorybookLinkHarness({ centered: false }),
+		(Story) => (
+			<IntlProvider locale="en">
+				<Story />
+			</IntlProvider>
+		),
+	],
+};
+
+export default meta;
+
+type Story = StoryObj<StoryArgs>;
+
+const baseFeatureGates = {
+	rovo_agent_empty_state_refresh: false,
+	jira_ai_force_rovo_dev_avatar: false,
+};
+
+export const Standard: Story = {
+	name: 'Standard (non-Rovo Dev)',
+	decorators: [withPlatformFeatureGates({ ...baseFeatureGates, rovo_dev_themed_identity_card: false })],
+	render: (props) => <AgentProfileCard {...props} />,
+};
+
+export const RovoDevGateOff: Story = {
+	name: 'Rovo Dev (gate OFF)',
+	args: {
+		agent: {
+			...agent,
+			creator_type: 'ROVO_DEV',
+		},
+	},
+	decorators: [withPlatformFeatureGates({ ...baseFeatureGates, rovo_dev_themed_identity_card: false })],
+	render: (props) => <AgentProfileCard {...props} />,
+};
+
+export const RovoDevGateOn: Story = {
+	name: 'Rovo Dev (gate ON)',
+	args: {
+		agent: {
+			...agent,
+			creator_type: 'ROVO_DEV',
+		},
+	},
+	decorators: [withPlatformFeatureGates({ ...baseFeatureGates, rovo_dev_themed_identity_card: true })],
+	render: (props) => <AgentProfileCard {...props} />,
+};