@atlaskit/profilecard 24.14.0 → 24.14.1

package/dist/cjs/components/Error/ErrorMessage.js

@@ -12,12 +12,12 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _crossCircle2 = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _Error = require("../../styled/Error");
 var _analytics = require("../../util/analytics");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ErrorMessage = function ErrorMessage(props) {
   var errorType = props.errorType || {
     reason: 'default'
@@ -45,7 +45,7 @@ var ErrorMessage = function ErrorMessage(props) {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "The user is no longer available for the site");
     }
-    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       color: "color.text.subtlest"
     }, "Try again and we\u2019ll give it another shot"));
   };

package/dist/cjs/components/Team/TeamProfileCardTrigger.js

@@ -20,7 +20,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions2 = _interopRequireDefault(require("../../internal/filterActions"));
 var _messages = _interopRequireDefault(require("../../messages"));
@@ -33,7 +33,7 @@ var _lazyTeamProfileCard = require("./lazyTeamProfileCard");
 var _TeamLoadingState = _interopRequireDefault(require("./TeamLoadingState"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   function TeamProfileCardTriggerInternal() {
     var _this;
@@ -278,7 +278,7 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         triggerLinkType = _this$props3.triggerLinkType,
         viewProfileLink = _this$props3.viewProfileLink;
       if (triggerLinkType === 'none') {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
           as: "span",
           role: "button",
           testId: "team-profilecard-trigger-wrapper",

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

@@ -5,7 +5,6 @@
 ._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
-._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bguutpp#profilecard-name-label{margin-bottom:var(--ds-space-150,9pt)}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1hpmutpp#profilecard-name-label{margin-top:var(--ds-space-150,9pt)}

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

@@ -15,16 +15,14 @@ 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");
 var _Icon = require("../Icon");
 var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
-var _excluded = ["text"]; // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+var _excluded = ["text"];
 var styles = {
-  detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
   noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
@@ -58,7 +56,7 @@ var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disab
   var relativeDateKey = (0, _relativeDate.default)(date);
   var msgKey = relativeDateKey ? "".concat(status, "AccountDescMsgHasDate").concat(relativeDateKey) : "".concat(status, "AccountDescMsgNoDate");
   var secondSentence = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default[msgKey]);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p",
     testId: "profilecard-disabled-account"
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.generalDescMsgForDisabledUser), " ", secondSentence);

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

@@ -14,12 +14,14 @@ var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _ReportingLines = require("../../styled/ReportingLines");
 var _analytics = require("../../util/analytics");
 var _performance = require("../../util/performance");
+var _ReportingLinesDetailsCompiled2 = _interopRequireDefault(require("./ReportingLinesDetailsCompiled"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 function getProfileHref(userId, profileUrl) {
@@ -139,4 +141,5 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
     showMoreButtonProps: showMoreButtonProps
   })));
 };
-var _default = exports.default = ReportingLinesDetails;
+var ReportingLinesDetailsExport = (0, _platformFeatureFlagsReact.componentWithFG)('profilecard_primitives_compiled', _ReportingLinesDetailsCompiled2.default, ReportingLinesDetails);
+var _default = exports.default = ReportingLinesDetailsExport;

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

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

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

@@ -0,0 +1,109 @@
+/* ReportingLinesDetailsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./ReportingLinesDetailsCompiled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
+var _css = require("@atlaskit/css");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _messages = _interopRequireDefault(require("../../messages"));
+var _ReportingLines = require("../../styled/ReportingLines");
+var _analytics = require("../../util/analytics");
+function getProfileHref(userId, profileUrl) {
+  return profileUrl ? profileUrl + userId : undefined;
+}
+var styles = {
+  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr3166n",
+  reportingLinesHeadingDefaultStyles: "_11c81vhk _syaz1fxt _k48p1pd9 _otyru2gc",
+  reportingLinesHeadingStyles: "_otyrze3t"
+};
+var avatarGroupMaxCount = 5;
+var ReportingLinesDetails = function ReportingLinesDetails(props) {
+  var _manager$pii, _manager$pii2;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
+    _props$reportingLines = props.reportingLines,
+    reportingLines = _props$reportingLines === void 0 ? {} : _props$reportingLines,
+    reportingLinesProfileUrl = props.reportingLinesProfileUrl,
+    onReportingLinesClick = props.onReportingLinesClick;
+  var _reportingLines$manag = reportingLines.managers,
+    managers = _reportingLines$manag === void 0 ? [] : _reportingLines$manag,
+    _reportingLines$repor = reportingLines.reports,
+    reports = _reportingLines$repor === void 0 ? [] : _reportingLines$repor;
+  var manager = managers.length >= 1 ? managers[0] : undefined;
+  var hasReports = reports.length > 0;
+  var getReportingLinesOnClick = function getReportingLinesOnClick(user, userType) {
+    return onReportingLinesClick ? function () {
+      fireAnalyticsWithDuration(function (duration) {
+        return (0, _analytics.reportingLinesClicked)({
+          duration: duration,
+          userType: userType
+        });
+      });
+      onReportingLinesClick(user);
+    } : undefined;
+  };
+  var onReportingLinksClick = function onReportingLinksClick(user, userType, href) {
+    var shouldPreventDefault = false;
+    if (onReportingLinesClick) {
+      shouldPreventDefault = onReportingLinesClick(user) === false;
+    }
+    fireAnalyticsWithDuration(function (duration) {
+      return (0, _analytics.reportingLinesClicked)({
+        duration: duration,
+        userType: userType
+      });
+    });
+    if (shouldPreventDefault) {
+      return;
+    }
+    if (href) {
+      window.location.href = href;
+    }
+  };
+  var showMoreButtonProps = {
+    'aria-label': formatMessage(_messages.default.profileCardMoreReportingLinesLabel, {
+      count: reports.length - avatarGroupMaxCount + 1
+    })
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.reportingLinesHeadingDefaultStyles, styles.reportingLinesHeadingStyles)
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    onClick: function onClick() {
+      return onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl));
+    },
+    isDisabled: !onReportingLinesClick,
+    xcss: styles.reportingLinesButton
+  }, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    size: "xsmall",
+    src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
+  }), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.reportingLinesHeadingDefaultStyles
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
+    appearance: "stack",
+    size: "small",
+    data: reports.map(function (member) {
+      var _member$pii, _member$pii2;
+      return {
+        key: member.accountIdentifier,
+        name: ((_member$pii = member.pii) === null || _member$pii === void 0 ? void 0 : _member$pii.name) || '',
+        src: (_member$pii2 = member.pii) === null || _member$pii2 === void 0 ? void 0 : _member$pii2.picture,
+        href: getProfileHref(member.accountIdentifier, reportingLinesProfileUrl),
+        onClick: getReportingLinesOnClick(member, 'direct-report')
+      };
+    }),
+    maxCount: avatarGroupMaxCount,
+    testId: "profilecard-reports-avatar-group",
+    showMoreButtonProps: showMoreButtonProps
+  })));
+};
+var _default = exports.default = ReportingLinesDetails;

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

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

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

@@ -1,3 +1,4 @@
+/* ProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileCardWrapper = void 0;
+require("./ProfileCardWrapper.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
-var styles = (0, _primitives.xcss)({
-  width: '360px'
-});
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  wrapper: "_1bsb1gwv"
+};
 var ProfileCardWrapper = exports.ProfileCardWrapper = function ProfileCardWrapper(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: styles,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.wrapper,
     testId: testId
   }, children);
 };

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

@@ -14,11 +14,9 @@ var _new = require("@atlaskit/button/new");
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _menu = require("@atlaskit/menu");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
 var MoreActions = exports.MoreActions = function MoreActions(_ref) {
   var actions = _ref.actions,
     loading = _ref.loading;
@@ -40,7 +38,7 @@ var MoreActions = exports.MoreActions = function MoreActions(_ref) {
       return /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, {
         spacing: "cozy"
       }, /*#__PURE__*/_react.default.createElement(_menu.Section, null, actions.map(function (action) {
-        return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+        return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
           key: action.id
         }, action.item);
       })));

package/dist/cjs/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/cjs/styled/CoverImage.js

@@ -9,11 +9,13 @@ exports.CoverImage = void 0;
 require("./CoverImage.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
-  image: "_1bsbnklw _4t3i1wug"
+  image: "_1bsbnklw _4t3i1wug",
+  imageNext: "_4t3i1osq _5ral1dfr"
 };
 
 /**
@@ -34,6 +36,6 @@ var CoverImage = exports.CoverImage = function CoverImage(_ref) {
     ref: imgRef,
     src: src,
     alt: alt,
-    xcss: styles.image
+    xcss: (0, _platformFeatureFlags.fg)('cover-header-image-team-profilecard') ? styles.imageNext : styles.image
   }));
 };

package/dist/cjs/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/cjs/styled/Error.js

@@ -15,7 +15,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var styles = {
   errorWrapper: "_y3gn1h6o _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb",
-  errorTitle: "_11c82smr _syaz1fxt _19pku2gc",
+  errorTitle: "_19pku2gc",
   teamErrorText: "_syaz1wmz _19pku2gc"
 };
 var ErrorWrapper = exports.ErrorWrapper = function ErrorWrapper(props) {
@@ -25,8 +25,10 @@ var ErrorWrapper = exports.ErrorWrapper = function ErrorWrapper(props) {
 };
 var ErrorTitle = exports.ErrorTitle = function ErrorTitle(props) {
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.errorTitle)
-  }, props.children);
+    xcss: styles.errorTitle
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    color: "color.text"
+  }, props.children));
 };
 var TeamErrorText = exports.TeamErrorText = function TeamErrorText(props) {
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

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

package/dist/es2019/client/getTeamFromAGG.js

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

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

@@ -3,10 +3,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';
 const chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -37,7 +39,7 @@ const actionsWrapperStyles = xcss({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-export const AgentActions = ({
+const _AgentActions = ({
   onEditAgent,
   onDeleteAgent,
   onDuplicateAgent,
@@ -131,4 +133,5 @@ const messages = defineMessages({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+export const AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);

package/dist/es2019/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/es2019/components/Agent/ActionsCompiled.js

@@ -0,0 +1,116 @@
+/* ActionsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./ActionsCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import Button from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { fireEvent } from '../../util/analytics';
+import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
+const 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 const AgentActions = ({
+  onEditAgent,
+  onDeleteAgent,
+  onDuplicateAgent,
+  onCopyAgent,
+  onChatClick,
+  onViewFullProfileClick,
+  agent,
+  resourceClient
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
+  const loadAgentPermissions = useCallback(async () => {
+    const {
+      permissions: {
+        AGENT_CREATE,
+        AGENT_UPDATE,
+        AGENT_DEACTIVATE
+      }
+    } = await resourceClient.getRovoAgentPermissions(agent.id);
+    return {
+      ...(fg('agent_studio_fe_permissions_settings_m1') && {
+        isCreateEnabled: AGENT_CREATE.permitted
+      }),
+      isEditEnabled: AGENT_UPDATE.permitted,
+      isDeleteEnabled: AGENT_DEACTIVATE.permitted
+    };
+  }, [agent.id, resourceClient]);
+  const handleDeleteAgent = useCallback(() => {
+    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: 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: () => {
+      setIsDeleteModalOpen(false);
+    },
+    onSubmit: onDeleteAgent,
+    agentId: agent.id,
+    agentName: agent.name
+  }));
+};
+const 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/es2019/components/Agent/AgentDeleteConfirmationModal.js

@@ -2,8 +2,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 const AgentDeleteConfirmationModal = ({
   onClose,
   agentName,

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

@@ -1,6 +1,7 @@
 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';
@@ -8,6 +9,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';
@@ -130,6 +132,7 @@ const AgentProfileCard = ({
       errorType: errorType,
       fireAnalytics: fireAnalytics
       // TODO: Add fireAnalyticsNext
+      // NOTE: Add it to AgentProfileCardCompiled
       ,
       fireAnalyticsNext: () => {}
     }));
@@ -192,4 +195,5 @@ const AgentProfileCard = ({
     onViewFullProfileClick: () => onViewFullProfile(agent.id)
   })));
 };
-export default AgentProfileCard;
+const AgentProfileCardExport = componentWithFG('profilecard_primitives_compiled', AgentProfileCardCompiled, AgentProfileCard);
+export default AgentProfileCardExport;

package/dist/es2019/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}