@atlaskit/profilecard 23.19.2 → 23.19.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/profilecard
 
+## 23.19.4
+
+### Patch Changes
+
+- [#174177](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174177)
+  [`3094c6ed637b3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3094c6ed637b3) -
+  [ux] Displaying Service Account tag for Service Account user profile
+- [#173636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173636)
+  [`22b85a186fb8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22b85a186fb8a) -
+  SSR placeholder for mention profile card trigger
+- Updated dependencies
+
+## 23.19.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.19.2
 
 ### Patch Changes

package/dist/cjs/client/UserProfileCardClient.js

@@ -128,6 +128,7 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
                 isBot: user.__typename === 'AppUser',
                 isAgent: user.appType === 'agent',
+                isServiceAccount: user.__typename === 'AppUser' && user.appType === 'service',
                 status: user.accountStatus,
                 statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
                 avatarUrl: user.picture,

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', "23.19.2");
+  headers.append('atl-client-version', "23.19.3");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

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

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

@@ -73,6 +73,11 @@ var CustomLozenges = function CustomLozenges(_ref) {
     }), text);
   }));
 };
+var ServiceAccountProfileCardDetails = function ServiceAccountProfileCardDetails(props) {
+  var fullName = props.fullName,
+    nickname = props.nickname;
+  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/_react.default.createElement(_Card.AppTitleLabel, null, "SERVICE ACCOUNT"));
+};
 var BotProfileCardDetails = function BotProfileCardDetails(props) {
   var fullName = props.fullName,
     nickname = props.nickname;
@@ -103,6 +108,9 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
 var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetails(props) {
   var meta = props.meta,
     status = props.status;
+  if (props.isServiceAccount) {
+    return /*#__PURE__*/_react.default.createElement(ServiceAccountProfileCardDetails, props);
+  }
   if (props.isBot) {
     return /*#__PURE__*/_react.default.createElement(BotProfileCardDetails, props);
   }

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

@@ -96,7 +96,8 @@ function ProfilecardTriggerNext(_ref2) {
     agentActions = _ref2.agentActions,
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
-    propsIsVisible = _ref2.isVisible;
+    propsIsVisible = _ref2.isVisible,
+    ssrPlaceholderId = _ref2.ssrPlaceholderId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -348,6 +349,9 @@ function ProfilecardTriggerNext(_ref2) {
     isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
     disabledAriaAttributes: disabledAriaAttributes
   });
+  var ssrPlaceholderProp = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? {
+    "data-ssr-placeholder-replace": ssrPlaceholderId
+  } : {};
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_popup.default, {
     isOpen: !!visible,
     onClose: function onClose(event) {
@@ -399,7 +403,7 @@ function ProfilecardTriggerNext(_ref2) {
         'aria-label': ariaHideProfileTrigger ? undefined : (0, _getLabelMessage.default)(ariaLabel, profilecardProps.fullName, formatMessage)
       }, ariaHideProfileTrigger && {
         'aria-hidden': 'true'
-      }), children);
+      }, ssrPlaceholderProp), children);
     },
     zIndex: _constants.layers.modal(),
     shouldUseCaptureOnOutsideClick: true,

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.19.2"
+      packageVersion: "23.19.3"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/UserProfileCardClient.js

@@ -136,6 +136,7 @@ export default class UserProfileCardClient extends CachingClient {
       ...user,
       isBot: user.__typename === 'AppUser',
       isAgent: user.appType === 'agent',
+      isServiceAccount: user.__typename === 'AppUser' && user.appType === 'service',
       status: user.accountStatus,
       statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
       avatarUrl: user.picture,

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', "23.19.2");
+  headers.append('atl-client-version', "23.19.3");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,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', "23.19.2");
+  headers.append('atl-client-version', "23.19.3");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -62,6 +62,13 @@ const CustomLozenges = ({
     key: index
   }), text)));
 };
+const ServiceAccountProfileCardDetails = props => {
+  const {
+    fullName,
+    nickname
+  } = props;
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "SERVICE ACCOUNT"));
+};
 const BotProfileCardDetails = props => {
   const {
     fullName,
@@ -97,6 +104,9 @@ export const ProfileCardDetails = props => {
     meta,
     status
   } = props;
+  if (props.isServiceAccount) {
+    return /*#__PURE__*/React.createElement(ServiceAccountProfileCardDetails, props);
+  }
   if (props.isBot) {
     return /*#__PURE__*/React.createElement(BotProfileCardDetails, props);
   }

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

@@ -74,7 +74,8 @@ export default function ProfilecardTriggerNext({
   product,
   agentActions,
   ariaHideProfileTrigger = false,
-  isVisible: propsIsVisible
+  isVisible: propsIsVisible,
+  ssrPlaceholderId
 }) {
   const {
     createAnalyticsEvent
@@ -278,6 +279,9 @@ export default function ProfilecardTriggerNext({
     isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
     disabledAriaAttributes: disabledAriaAttributes
   };
+  const ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
+    "data-ssr-placeholder-replace": ssrPlaceholderId
+  } : {};
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
     isOpen: !!visible,
     onClose: event => {
@@ -331,7 +335,7 @@ export default function ProfilecardTriggerNext({
         'aria-label': ariaHideProfileTrigger ? undefined : getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
       }, ariaHideProfileTrigger && {
         'aria-hidden': 'true'
-      }), children);
+      }, ssrPlaceholderProp), children);
     },
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "23.19.2",
+    packageVersion: "23.19.3",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/UserProfileCardClient.js

@@ -122,6 +122,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
                 isBot: user.__typename === 'AppUser',
                 isAgent: user.appType === 'agent',
+                isServiceAccount: user.__typename === 'AppUser' && user.appType === 'service',
                 status: user.accountStatus,
                 statusModifiedDate: ((_user$extendedProfile = user.extendedProfile) === null || _user$extendedProfile === void 0 ? void 0 : _user$extendedProfile.closedDate) || ((_user$extendedProfile2 = user.extendedProfile) === null || _user$extendedProfile2 === void 0 ? void 0 : _user$extendedProfile2.inactiveDate),
                 avatarUrl: user.picture,

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', "23.19.2");
+  headers.append('atl-client-version', "23.19.3");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

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

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

@@ -66,6 +66,11 @@ var CustomLozenges = function CustomLozenges(_ref) {
     }), text);
   }));
 };
+var ServiceAccountProfileCardDetails = function ServiceAccountProfileCardDetails(props) {
+  var fullName = props.fullName,
+    nickname = props.nickname;
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "SERVICE ACCOUNT"));
+};
 var BotProfileCardDetails = function BotProfileCardDetails(props) {
   var fullName = props.fullName,
     nickname = props.nickname;
@@ -96,6 +101,9 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
 export var ProfileCardDetails = function ProfileCardDetails(props) {
   var meta = props.meta,
     status = props.status;
+  if (props.isServiceAccount) {
+    return /*#__PURE__*/React.createElement(ServiceAccountProfileCardDetails, props);
+  }
   if (props.isBot) {
     return /*#__PURE__*/React.createElement(BotProfileCardDetails, props);
   }

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

@@ -87,7 +87,8 @@ export default function ProfilecardTriggerNext(_ref2) {
     agentActions = _ref2.agentActions,
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
-    propsIsVisible = _ref2.isVisible;
+    propsIsVisible = _ref2.isVisible,
+    ssrPlaceholderId = _ref2.ssrPlaceholderId;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = useIntl(),
@@ -339,6 +340,9 @@ export default function ProfilecardTriggerNext(_ref2) {
     isTriggeredUsingKeyboard: isTriggeredUsingKeyboard,
     disabledAriaAttributes: disabledAriaAttributes
   });
+  var ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
+    "data-ssr-placeholder-replace": ssrPlaceholderId
+  } : {};
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
     isOpen: !!visible,
     onClose: function onClose(event) {
@@ -390,7 +394,7 @@ export default function ProfilecardTriggerNext(_ref2) {
         'aria-label': ariaHideProfileTrigger ? undefined : getLabelMessage(ariaLabel, profilecardProps.fullName, formatMessage)
       }, ariaHideProfileTrigger && {
         'aria-hidden': 'true'
-      }), children);
+      }, ssrPlaceholderProp), children);
     },
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.19.2"
+      packageVersion: "23.19.3"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types/types.d.ts

@@ -109,6 +109,7 @@ export interface ProfileCardClientData {
     customLozenges?: LozengeProps[];
     accountType?: string;
     isAgent?: boolean;
+    isServiceAccount?: boolean;
 }
 export interface ReportingLinesUserPII {
     name: string;
@@ -181,6 +182,7 @@ export interface ProfileCardTriggerProps {
     viewingUserId?: string;
     agentActions?: AgentActionsType;
     ariaHideProfileTrigger?: boolean;
+    ssrPlaceholderId?: string;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -384,6 +386,7 @@ export interface ProfilecardProps {
     accountType?: string;
     status?: StatusType;
     isBot?: boolean;
+    isServiceAccount?: boolean;
     avatarUrl?: string;
     fullName?: string;
     meta?: string;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, }: ProfileCardTriggerProps): React.JSX.Element;

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

@@ -109,6 +109,7 @@ export interface ProfileCardClientData {
     customLozenges?: LozengeProps[];
     accountType?: string;
     isAgent?: boolean;
+    isServiceAccount?: boolean;
 }
 export interface ReportingLinesUserPII {
     name: string;
@@ -184,6 +185,7 @@ export interface ProfileCardTriggerProps {
     viewingUserId?: string;
     agentActions?: AgentActionsType;
     ariaHideProfileTrigger?: boolean;
+    ssrPlaceholderId?: string;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -390,6 +392,7 @@ export interface ProfilecardProps {
     accountType?: string;
     status?: StatusType;
     isBot?: boolean;
+    isServiceAccount?: boolean;
     avatarUrl?: string;
     fullName?: string;
     meta?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "23.19.2",
+	"version": "23.19.4",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,8 +56,8 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/avatar-group": "^12.0.0",
 		"@atlaskit/button": "^23.2.0",
-		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/dropdown-menu": "^16.0.0",
+		"@atlaskit/css": "^0.11.0",
+		"@atlaskit/dropdown-menu": "^16.1.0",
 		"@atlaskit/empty-state": "^10.0.0",
 		"@atlaskit/feature-gate-js-client": "^5.3.0",
 		"@atlaskit/focus-ring": "^3.0.0",
@@ -72,14 +72,14 @@
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.3.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/rovo-agent-components": "^2.11.0",
-		"@atlaskit/rovo-triggers": "^2.17.0",
+		"@atlaskit/rovo-triggers": "^3.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
-		"@atlaskit/teams-public": "^0.38.0",
+		"@atlaskit/teams-public": "^0.39.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/tokens": "^5.3.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -175,6 +175,9 @@
 		"should-render-to-parent-should-be-true-people-and-": {
 			"type": "boolean"
 		},
+		"cc_mention_ssr_placeholder": {
+			"type": "boolean"
+		},
 		"loom_tab_in_container_linker_team_profile_page": {
 			"type": "boolean"
 		},