@atlaskit/profilecard 23.11.0 → 23.11.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/profilecard
 
+## 23.11.2
+
+### Patch Changes
+
+- [#154380](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154380)
+  [`d9b89b5a507e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9b89b5a507e5) -
+  Migrate rovo endpoints away from assistant-service
+
+## 23.11.1
+
+### Patch Changes
+
+- [#150331](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150331)
+  [`7730aa59c3905`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7730aa59c3905) -
+  Heading element for Full Name in profile card
+
 ## 23.11.0
 
 ### Minor Changes

package/dist/cjs/client/RovoAgentCardClient.js

@@ -13,6 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../util/analytics");
 var _performance = require("../util/performance");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
@@ -42,12 +43,17 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
   }
   (0, _inherits2.default)(RovoAgentCardClient, _CachingClient);
   return (0, _createClass2.default)(RovoAgentCardClient, [{
+    key: "basePath",
+    value: function basePath() {
+      return (0, _platformFeatureFlags.fg)('pt-deprecate-assistance-service') ? '/gateway/api/assist/rovo/v1/agents' : '/gateway/api/assist/agents/v1';
+    }
+  }, {
     key: "makeRequest",
     value: function makeRequest(id, cloudId) {
       var product = this.options.productIdentifier || 'rovo';
       var headers = createHeaders(product, this.options.cloudId);
       if (id.type === 'identity') {
-        return fetch(new Request("/gateway/api/assist/agents/v1/accountid/".concat(id.value), {
+        return fetch(new Request("".concat(this.basePath(), "/accountid/").concat(id.value), {
           method: 'GET',
           credentials: 'include',
           mode: 'cors',
@@ -56,7 +62,7 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
           return response.json();
         });
       }
-      return fetch(new Request("/gateway/api/assist/agents/v1/".concat(id.value), {
+      return fetch(new Request("".concat(this.basePath(), "/").concat(id.value), {
         method: 'GET',
         credentials: 'include',
         mode: 'cors',
@@ -121,7 +127,7 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
           analytics((0, _analytics.agentRequestAnalytics)('triggered'));
         }
         var headers = createHeaders(product, _this3.options.cloudId);
-        fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId), {
+        fetch(new Request("".concat(_this3.basePath(), "/").concat(agentId), {
           method: 'DELETE',
           credentials: 'include',
           mode: 'cors',
@@ -168,7 +174,7 @@ var RovoAgentCardClient = exports.default = /*#__PURE__*/function (_CachingClien
                 }
                 headers = createHeaders(product, _this4.options.cloudId);
                 _context.next = 8;
-                return fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId, "/favourite"), {
+                return fetch(new Request("".concat(_this4.basePath(), "/").concat(agentId, "/favourite"), {
                   method: requestMethod,
                   credentials: 'include',
                   mode: 'cors',

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

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

@@ -0,0 +1,21 @@
+._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._18m915vq{overflow-y:hidden}
+._18u0idpf{margin-left:0}
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bto1l2s{text-overflow:ellipsis}
+._1l6uutpp._1l6uutpp{margin-bottom:var(--ds-space-150,9pt)}
+._1reo15vq{overflow-x:hidden}
+._2hwxidpf{margin-right:0}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._o5721q9c{white-space:nowrap}
+._otyridpf{margin-bottom:0}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
+._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -1,3 +1,4 @@
+/* ProfileCardDetails.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,12 +6,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileCardDetails = void 0;
+require("./ProfileCardDetails.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@compiled/react");
 var _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
@@ -45,6 +51,14 @@ var disabledAccountStyles = (0, _primitives.xcss)({
 var activeAccountStyles = (0, _primitives.xcss)({
   color: 'color.text.inverse'
 });
+var styles = {
+  detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
+  fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
+  noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
+  metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
+  disabledAccount: "_syaz1fxt",
+  activeAccount: "_syaz15cr"
+};
 var renderName = function renderName(nickname, fullName, meta) {
   if (!fullName && !nickname) {
     return null;
@@ -52,6 +66,14 @@ var renderName = function renderName(nickname, fullName, meta) {
   var isNicknameRedundant = !nickname || nickname === fullName;
   var shownNickname = " (".concat(nickname, ") ");
   var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
+  if ((0, _platformFeatureFlags.fg)('jfp-a11y-autodev-profile-card-name-heading')) {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      as: "h2",
+      xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
+      testId: "profilecard-name",
+      id: "profilecard-name-label"
+    }, displayName);
+  }
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
     testId: "profilecard-name",
@@ -102,7 +124,12 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
     status = props.status,
     statusModifiedDate = props.statusModifiedDate;
   var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.disabledAccountDefaultName);
-  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, (0, _platformFeatureFlags.fg)('jfp-a11y-autodev-profile-card-name-heading') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    as: "h2",
+    xcss: (0, _react2.cx)(styles.fullNameLabel, styles.noMetaLabel, styles.disabledAccount),
+    testId: "profilecard-name",
+    id: "profilecard-name-label"
+  }, name) : /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
     testId: "profilecard-name",
     id: "profilecard-name-label"
@@ -128,7 +155,7 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
     lozenges: props.customLozenges
   }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "dl",
-    xcss: detailedListWrapperStyles
+    xcss: (0, _platformFeatureFlags.fg)('jfp-a11y-autodev-profile-card-name-heading') ? styles.detailedListWrapper : detailedListWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
     icon: "email",
     extraTopSpace: 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.11.0"
+      packageVersion: "23.11.2"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/RovoAgentCardClient.js

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { agentRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
@@ -18,18 +19,21 @@ export default class RovoAgentCardClient extends CachingClient {
     super(options);
     this.options = options;
   }
+  basePath() {
+    return fg('pt-deprecate-assistance-service') ? '/gateway/api/assist/rovo/v1/agents' : '/gateway/api/assist/agents/v1';
+  }
   makeRequest(id, cloudId) {
     const product = this.options.productIdentifier || 'rovo';
     const headers = createHeaders(product, this.options.cloudId);
     if (id.type === 'identity') {
-      return fetch(new Request(`/gateway/api/assist/agents/v1/accountid/${id.value}`, {
+      return fetch(new Request(`${this.basePath()}/accountid/${id.value}`, {
         method: 'GET',
         credentials: 'include',
         mode: 'cors',
         headers
       })).then(response => response.json());
     }
-    return fetch(new Request(`/gateway/api/assist/agents/v1/${id.value}`, {
+    return fetch(new Request(`${this.basePath()}/${id.value}`, {
       method: 'GET',
       credentials: 'include',
       mode: 'cors',
@@ -86,7 +90,7 @@ export default class RovoAgentCardClient extends CachingClient {
         analytics(agentRequestAnalytics('triggered'));
       }
       const headers = createHeaders(product, this.options.cloudId);
-      fetch(new Request(`/gateway/api/assist/agents/v1/${agentId}`, {
+      fetch(new Request(`${this.basePath()}/${agentId}`, {
         method: 'DELETE',
         credentials: 'include',
         mode: 'cors',
@@ -124,7 +128,7 @@ export default class RovoAgentCardClient extends CachingClient {
         analytics(agentRequestAnalytics('triggered', 'actionSubjectId'));
       }
       const headers = createHeaders(product, this.options.cloudId);
-      await fetch(new Request(`/gateway/api/assist/agents/v1/${agentId}/favourite`, {
+      await fetch(new Request(`${this.basePath()}/${agentId}/favourite`, {
         method: requestMethod,
         credentials: 'include',
         mode: 'cors',

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

package/dist/es2019/client/getTeamFromAGG.js

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

package/dist/es2019/components/User/ProfileCardDetails.compiled.css

@@ -0,0 +1,21 @@
+._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._18m915vq{overflow-y:hidden}
+._18u0idpf{margin-left:0}
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bto1l2s{text-overflow:ellipsis}
+._1l6uutpp._1l6uutpp{margin-bottom:var(--ds-space-150,9pt)}
+._1reo15vq{overflow-x:hidden}
+._2hwxidpf{margin-right:0}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._o5721q9c{white-space:nowrap}
+._otyridpf{margin-bottom:0}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
+._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -1,8 +1,14 @@
+/* ProfileCardDetails.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./ProfileCardDetails.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box as CompiledBox } from '@atlaskit/primitives/compiled';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
 import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
@@ -36,6 +42,14 @@ const disabledAccountStyles = xcss({
 const activeAccountStyles = xcss({
   color: 'color.text.inverse'
 });
+const styles = {
+  detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
+  fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
+  noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
+  metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
+  disabledAccount: "_syaz1fxt",
+  activeAccount: "_syaz15cr"
+};
 const renderName = (nickname, fullName, meta) => {
   if (!fullName && !nickname) {
     return null;
@@ -43,6 +57,14 @@ const renderName = (nickname, fullName, meta) => {
   const isNicknameRedundant = !nickname || nickname === fullName;
   const shownNickname = ` (${nickname}) `;
   const displayName = isNicknameRedundant ? fullName : `${fullName}${shownNickname}`;
+  if (fg('jfp-a11y-autodev-profile-card-name-heading')) {
+    return /*#__PURE__*/React.createElement(CompiledBox, {
+      as: "h2",
+      xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
+      testId: "profilecard-name",
+      id: "profilecard-name-label"
+    }, displayName);
+  }
   return /*#__PURE__*/React.createElement(Box, {
     xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
     testId: "profilecard-name",
@@ -94,7 +116,12 @@ const DisabledProfileCardDetails = props => {
     statusModifiedDate
   } = props;
   const name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
-  return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, fg('jfp-a11y-autodev-profile-card-name-heading') ? /*#__PURE__*/React.createElement(CompiledBox, {
+    as: "h2",
+    xcss: cx(styles.fullNameLabel, styles.noMetaLabel, styles.disabledAccount),
+    testId: "profilecard-name",
+    id: "profilecard-name-label"
+  }, name) : /*#__PURE__*/React.createElement(Box, {
     xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
     testId: "profilecard-name",
     id: "profilecard-name-label"
@@ -122,7 +149,7 @@ export const ProfileCardDetails = props => {
     lozenges: props.customLozenges
   }), /*#__PURE__*/React.createElement(Box, {
     as: "dl",
-    xcss: detailedListWrapperStyles
+    xcss: fg('jfp-a11y-autodev-profile-card-name-heading') ? styles.detailedListWrapper : detailedListWrapperStyles
   }, /*#__PURE__*/React.createElement(IconLabel, {
     icon: "email",
     extraTopSpace: 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.11.0",
+    packageVersion: "23.11.2",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/RovoAgentCardClient.js

@@ -10,6 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { agentRequestAnalytics } from '../util/analytics';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
@@ -35,12 +36,17 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
   }
   _inherits(RovoAgentCardClient, _CachingClient);
   return _createClass(RovoAgentCardClient, [{
+    key: "basePath",
+    value: function basePath() {
+      return fg('pt-deprecate-assistance-service') ? '/gateway/api/assist/rovo/v1/agents' : '/gateway/api/assist/agents/v1';
+    }
+  }, {
     key: "makeRequest",
     value: function makeRequest(id, cloudId) {
       var product = this.options.productIdentifier || 'rovo';
       var headers = createHeaders(product, this.options.cloudId);
       if (id.type === 'identity') {
-        return fetch(new Request("/gateway/api/assist/agents/v1/accountid/".concat(id.value), {
+        return fetch(new Request("".concat(this.basePath(), "/accountid/").concat(id.value), {
           method: 'GET',
           credentials: 'include',
           mode: 'cors',
@@ -49,7 +55,7 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
           return response.json();
         });
       }
-      return fetch(new Request("/gateway/api/assist/agents/v1/".concat(id.value), {
+      return fetch(new Request("".concat(this.basePath(), "/").concat(id.value), {
         method: 'GET',
         credentials: 'include',
         mode: 'cors',
@@ -114,7 +120,7 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
           analytics(agentRequestAnalytics('triggered'));
         }
         var headers = createHeaders(product, _this3.options.cloudId);
-        fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId), {
+        fetch(new Request("".concat(_this3.basePath(), "/").concat(agentId), {
           method: 'DELETE',
           credentials: 'include',
           mode: 'cors',
@@ -161,7 +167,7 @@ var RovoAgentCardClient = /*#__PURE__*/function (_CachingClient) {
                 }
                 headers = createHeaders(product, _this4.options.cloudId);
                 _context.next = 8;
-                return fetch(new Request("/gateway/api/assist/agents/v1/".concat(agentId, "/favourite"), {
+                return fetch(new Request("".concat(_this4.basePath(), "/").concat(agentId, "/favourite"), {
                   method: requestMethod,
                   credentials: 'include',
                   mode: 'cors',

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

package/dist/esm/client/getTeamFromAGG.js

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

package/dist/esm/components/User/ProfileCardDetails.compiled.css

@@ -0,0 +1,21 @@
+._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._18m915vq{overflow-y:hidden}
+._18u0idpf{margin-left:0}
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bto1l2s{text-overflow:ellipsis}
+._1l6uutpp._1l6uutpp{margin-bottom:var(--ds-space-150,9pt)}
+._1reo15vq{overflow-x:hidden}
+._2hwxidpf{margin-right:0}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._o5721q9c{white-space:nowrap}
+._otyridpf{margin-bottom:0}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
+._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -1,10 +1,16 @@
+/* ProfileCardDetails.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["text"];
+import "./ProfileCardDetails.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box as CompiledBox } from '@atlaskit/primitives/compiled';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
 import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
@@ -38,6 +44,14 @@ var disabledAccountStyles = xcss({
 var activeAccountStyles = xcss({
   color: 'color.text.inverse'
 });
+var styles = {
+  detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
+  fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
+  noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
+  metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
+  disabledAccount: "_syaz1fxt",
+  activeAccount: "_syaz15cr"
+};
 var renderName = function renderName(nickname, fullName, meta) {
   if (!fullName && !nickname) {
     return null;
@@ -45,6 +59,14 @@ var renderName = function renderName(nickname, fullName, meta) {
   var isNicknameRedundant = !nickname || nickname === fullName;
   var shownNickname = " (".concat(nickname, ") ");
   var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
+  if (fg('jfp-a11y-autodev-profile-card-name-heading')) {
+    return /*#__PURE__*/React.createElement(CompiledBox, {
+      as: "h2",
+      xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
+      testId: "profilecard-name",
+      id: "profilecard-name-label"
+    }, displayName);
+  }
   return /*#__PURE__*/React.createElement(Box, {
     xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
     testId: "profilecard-name",
@@ -95,7 +117,12 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
     status = props.status,
     statusModifiedDate = props.statusModifiedDate;
   var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
-  return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, fg('jfp-a11y-autodev-profile-card-name-heading') ? /*#__PURE__*/React.createElement(CompiledBox, {
+    as: "h2",
+    xcss: cx(styles.fullNameLabel, styles.noMetaLabel, styles.disabledAccount),
+    testId: "profilecard-name",
+    id: "profilecard-name-label"
+  }, name) : /*#__PURE__*/React.createElement(Box, {
     xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
     testId: "profilecard-name",
     id: "profilecard-name-label"
@@ -121,7 +148,7 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
     lozenges: props.customLozenges
   }), /*#__PURE__*/React.createElement(Box, {
     as: "dl",
-    xcss: detailedListWrapperStyles
+    xcss: fg('jfp-a11y-autodev-profile-card-name-heading') ? styles.detailedListWrapper : detailedListWrapperStyles
   }, /*#__PURE__*/React.createElement(IconLabel, {
     icon: "email",
     extraTopSpace: 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.11.0"
+      packageVersion: "23.11.2"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/client/RovoAgentCardClient.d.ts

@@ -4,6 +4,7 @@ import CachingClient from './CachingClient';
 export default class RovoAgentCardClient extends CachingClient<RovoAgent> {
     options: ProfileClientOptions;
     constructor(options: ProfileClientOptions);
+    private basePath;
     makeRequest(id: AgentIdType, cloudId: string): Promise<RovoAgent>;
     getProfile(id: AgentIdType, analytics?: (event: AnalyticsEventPayload) => void): Promise<RovoAgent>;
     deleteAgent(agentId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<void>;

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

@@ -4,6 +4,7 @@ import CachingClient from './CachingClient';
 export default class RovoAgentCardClient extends CachingClient<RovoAgent> {
     options: ProfileClientOptions;
     constructor(options: ProfileClientOptions);
+    private basePath;
     makeRequest(id: AgentIdType, cloudId: string): Promise<RovoAgent>;
     getProfile(id: AgentIdType, analytics?: (event: AnalyticsEventPayload) => void): Promise<RovoAgent>;
     deleteAgent(agentId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "23.11.0",
+	"version": "23.11.2",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,11 +52,11 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/atlassian-context": "^0.2.0",
-		"@atlaskit/avatar": "^25.0.0",
+		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/avatar-group": "^12.0.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/dropdown-menu": "^14.1.0",
+		"@atlaskit/dropdown-menu": "^14.2.0",
 		"@atlaskit/empty-state": "^10.0.0",
 		"@atlaskit/focus-ring": "^3.0.0",
 		"@atlaskit/give-kudos": "^4.1.0",
@@ -65,10 +65,10 @@
 		"@atlaskit/logo": "^18.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/menu": "^5.0.0",
-		"@atlaskit/modal-dialog": "^14.1.0",
+		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.1.0",
+		"@atlaskit/popup": "^4.2.0",
 		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/rovo-agent-components": "^2.8.0",
 		"@atlaskit/rovo-triggers": "^2.11.0",
@@ -162,6 +162,12 @@
 		},
 		"enable_userprofilecard_arialabelfix": {
 			"type": "boolean"
+		},
+		"jfp-a11y-autodev-profile-card-name-heading": {
+			"type": "boolean"
+		},
+		"pt-deprecate-assistance-service": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [