@atlaskit/profilecard 24.9.3 → 24.10.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/profilecard
 
+## 24.10.1
+
+### Patch Changes
+
+- [`7850e27fc7fa1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7850e27fc7fa1) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
+## 24.10.0
+
+### Minor Changes
+
+- [`c002dc5d4d6c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c002dc5d4d6c0) -
+  [ux] Agent profile card dismisses when user clicks a chat prompt
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.9.3
 
 ### Patch Changes

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

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

@@ -23,7 +23,7 @@ var _excluded = ["trigger", "viewingUserId", "product", "hideOverflow"];
 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; }
-var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
+var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     viewingUserId = _ref.viewingUserId,
@@ -159,6 +159,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     }));
   };
   return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {
+    ref: ref,
     trigger: "hover",
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
@@ -166,4 +167,4 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     profileCardType: "agent",
     hideOverflow: hideOverflow
   }));
-};
+});

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

@@ -31,7 +31,7 @@ var styles = {
 };
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
-function ProfileCardTrigger(_ref) {
+function ProfileCardTriggerInner(_ref, ref) {
   var _popupProps$autoFocus;
   var _trigger = _ref.trigger,
     ariaLabelledBy = _ref.ariaLabelledBy,
@@ -71,6 +71,11 @@ function ProfileCardTrigger(_ref) {
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      hideProfilecard: hideProfilecard
+    };
+  }, [hideProfilecard]);
   var showProfilecard = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -140,4 +145,5 @@ function ProfileCardTrigger(_ref) {
     }
   }));
 }
+var ProfileCardTrigger = /*#__PURE__*/(0, _react.forwardRef)(ProfileCardTriggerInner);
 var _default = exports.default = ProfileCardTrigger;

package/dist/cjs/styled/Card.compiled.css

@@ -1,6 +1,6 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._12vemgnk{background-repeat:no-repeat}

package/dist/cjs/styled/Card.js

@@ -30,7 +30,7 @@ var styles = {
   cardContainer: "_1reo15vq _18m915vq _kqswh2mm _12vemgnk _1lrw14bs _ca0q1ejb _19bv1ejb _u5f31ejb _n3td1ejb",
   cardContainerActiveUser: "_1itk1419",
   cardContainerDisabledUser: "_1itkkf3t",
-  cardContainerWithElevation: "_2rkoglpi _16qs1cd0",
+  cardContainerWithElevation: "_2rko12b0 _16qs1cd0",
   detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
   detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
   detailsLabelExtraTopSpace: "_19pkxy5q",
@@ -38,7 +38,7 @@ var styles = {
   detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
   kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkq1hn",
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
-  appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
+  appTitleLabel: "_2rko12b0 _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
 var stylesCompiled = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t _1br315cr",

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

@@ -1,4 +1,4 @@
-._13liglpi{border-top-left-radius:var(--ds-border-radius,4px)}
+._13li12b0{border-top-left-radius:var(--ds-radius-small,4px)}
 ._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
@@ -9,4 +9,4 @@
 ._4t3i1qr7{height:8pc}
 ._4t3i1wug{height:auto}
 ._kqswh2mm{position:relative}
-._qrwqglpi{border-top-right-radius:var(--ds-border-radius,4px)}
+._qrwq12b0{border-top-right-radius:var(--ds-radius-small,4px)}

package/dist/cjs/styled/CoverImage.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 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 _13liglpi _qrwqglpi _1e0c1txw _1bah1h6o _4cvr1h6o",
+  container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
   image: "_1bsbnklw _4t3i1wug"
 };
 

package/dist/cjs/styled/TeamTrigger.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pk1jfw{margin-top:var(--ds-space-500,40px)}
 ._1bsb1osq{width:100%}
 ._1bsbnklw{width:20pc}

package/dist/cjs/styled/TeamTrigger.js

@@ -15,7 +15,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _CoverImage = require("./CoverImage");
 var styles = {
   cardtriggerwrapper: "_1e0c1kw7",
-  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
+  cardwrapper: "_2rko12b0 _1bsbnklw _kqswh2mm",
   cardheader: "_4t3i1qr7 _1bsb1osq",
   cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw"

package/dist/cjs/styled/UserTrigger.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._1bah1h6o{justify-content:center}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._1bah1h6o{justify-content:center}
 ._1bsb1gwv{width:360px}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}

package/dist/cjs/styled/UserTrigger.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
 var _compiled = require("@atlaskit/primitives/compiled");
 var styles = {
-  cardWrapper: "_2rkoglpi _1bsb1gwv",
+  cardWrapper: "_2rko12b0 _1bsb1gwv",
   spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm"
 };
 var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {

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

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { Suspense, useCallback } from 'react';
+import React, { forwardRef, Suspense, useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
@@ -7,13 +7,13 @@ import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
 import { AgentProfileCardLazy } from './lazyAgentProfileCard';
-export const AgentProfileCardTrigger = ({
+export const AgentProfileCardTrigger = /*#__PURE__*/forwardRef(({
   trigger = 'hover',
   viewingUserId,
   product,
   hideOverflow,
   ...props
-}) => {
+}, ref) => {
   const {
     resourceClient,
     agentId: userId,
@@ -105,6 +105,7 @@ export const AgentProfileCardTrigger = ({
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {
+    ref: ref,
     trigger: "hover",
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
@@ -112,4 +113,4 @@ export const AgentProfileCardTrigger = ({
     profileCardType: "agent",
     hideOverflow: hideOverflow
   }));
-};
+});

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

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "./ProfileCardTrigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
@@ -16,7 +16,7 @@ const styles = {
 };
 const DELAY_MS_SHOW = 800;
 const DELAY_MS_HIDE = 200;
-function ProfileCardTrigger({
+function ProfileCardTriggerInner({
   trigger,
   ariaLabelledBy,
   children,
@@ -27,7 +27,7 @@ function ProfileCardTrigger({
   fireAnalytics,
   hideOverflow,
   ...popupProps
-}) {
+}, ref) {
   var _popupProps$autoFocus;
   const showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
   const hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -55,6 +55,9 @@ function ProfileCardTrigger({
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
+  useImperativeHandle(ref, () => ({
+    hideProfilecard
+  }), [hideProfilecard]);
   const showProfilecard = useCallback(async () => {
     clearTimeout(hideTimer.current);
     clearTimeout(showTimer.current);
@@ -115,4 +118,5 @@ function ProfileCardTrigger({
     }))
   }));
 }
+const ProfileCardTrigger = /*#__PURE__*/forwardRef(ProfileCardTriggerInner);
 export default ProfileCardTrigger;

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

@@ -1,6 +1,6 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._12vemgnk{background-repeat:no-repeat}

package/dist/es2019/styled/Card.js

@@ -23,7 +23,7 @@ const styles = {
   cardContainer: "_1reo15vq _18m915vq _kqswh2mm _12vemgnk _1lrw14bs _ca0q1ejb _19bv1ejb _u5f31ejb _n3td1ejb",
   cardContainerActiveUser: "_1itk1419",
   cardContainerDisabledUser: "_1itkkf3t",
-  cardContainerWithElevation: "_2rkoglpi _16qs1cd0",
+  cardContainerWithElevation: "_2rko12b0 _16qs1cd0",
   detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
   detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
   detailsLabelExtraTopSpace: "_19pkxy5q",
@@ -31,7 +31,7 @@ const styles = {
   detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
   kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkq1hn",
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
-  appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
+  appTitleLabel: "_2rko12b0 _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
 const stylesCompiled = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t _1br315cr",

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

@@ -1,4 +1,4 @@
-._13liglpi{border-top-left-radius:var(--ds-border-radius,4px)}
+._13li12b0{border-top-left-radius:var(--ds-radius-small,4px)}
 ._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
@@ -9,4 +9,4 @@
 ._4t3i1qr7{height:8pc}
 ._4t3i1wug{height:auto}
 ._kqswh2mm{position:relative}
-._qrwqglpi{border-top-right-radius:var(--ds-border-radius,4px)}
+._qrwq12b0{border-top-right-radius:var(--ds-radius-small,4px)}

package/dist/es2019/styled/CoverImage.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
-  container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13liglpi _qrwqglpi _1e0c1txw _1bah1h6o _4cvr1h6o",
+  container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
   image: "_1bsbnklw _4t3i1wug"
 };
 

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

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pk1jfw{margin-top:var(--ds-space-500,40px)}
 ._1bsb1osq{width:100%}
 ._1bsbnklw{width:20pc}

package/dist/es2019/styled/TeamTrigger.js

@@ -8,7 +8,7 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { CoverImage } from './CoverImage';
 const styles = {
   cardtriggerwrapper: "_1e0c1kw7",
-  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
+  cardwrapper: "_2rko12b0 _1bsbnklw _kqswh2mm",
   cardheader: "_4t3i1qr7 _1bsb1osq",
   cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw"

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

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._1bah1h6o{justify-content:center}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._1bah1h6o{justify-content:center}
 ._1bsb1gwv{width:360px}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}

package/dist/es2019/styled/UserTrigger.js

@@ -8,7 +8,7 @@ import React from 'react';
 import { cx } from '@atlaskit/css';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
-  cardWrapper: "_2rkoglpi _1bsb1gwv",
+  cardWrapper: "_2rko12b0 _1bsb1gwv",
   spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm"
 };
 export const CardWrapper = ({

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.9.2",
+    packageVersion: "24.10.0",
     ...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', "24.9.2");
+  headers.append('atl-client-version', "24.10.0");
   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', "24.9.2");
+  headers.append('atl-client-version', "24.10.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -6,7 +6,7 @@ var _excluded = ["trigger", "viewingUserId", "product", "hideOverflow"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { Suspense, useCallback } from 'react';
+import React, { forwardRef, Suspense, useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
@@ -14,7 +14,7 @@ import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
 import { AgentProfileCardLazy } from './lazyAgentProfileCard';
-export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
+export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     viewingUserId = _ref.viewingUserId,
@@ -150,6 +150,7 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {
+    ref: ref,
     trigger: "hover",
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
@@ -157,4 +158,4 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
     profileCardType: "agent",
     hideOverflow: hideOverflow
   }));
-};
+});

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

@@ -8,7 +8,7 @@ var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "
 import "./ProfileCardTrigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
@@ -22,7 +22,7 @@ var styles = {
 };
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
-function ProfileCardTrigger(_ref) {
+function ProfileCardTriggerInner(_ref, ref) {
   var _popupProps$autoFocus;
   var _trigger = _ref.trigger,
     ariaLabelledBy = _ref.ariaLabelledBy,
@@ -62,6 +62,11 @@ function ProfileCardTrigger(_ref) {
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
+  useImperativeHandle(ref, function () {
+    return {
+      hideProfilecard: hideProfilecard
+    };
+  }, [hideProfilecard]);
   var showProfilecard = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -131,4 +136,5 @@ function ProfileCardTrigger(_ref) {
     }
   }));
 }
+var ProfileCardTrigger = /*#__PURE__*/forwardRef(ProfileCardTriggerInner);
 export default ProfileCardTrigger;

package/dist/esm/styled/Card.compiled.css

@@ -1,6 +1,6 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._12vemgnk{background-repeat:no-repeat}

package/dist/esm/styled/Card.js

@@ -23,7 +23,7 @@ var styles = {
   cardContainer: "_1reo15vq _18m915vq _kqswh2mm _12vemgnk _1lrw14bs _ca0q1ejb _19bv1ejb _u5f31ejb _n3td1ejb",
   cardContainerActiveUser: "_1itk1419",
   cardContainerDisabledUser: "_1itkkf3t",
-  cardContainerWithElevation: "_2rkoglpi _16qs1cd0",
+  cardContainerWithElevation: "_2rko12b0 _16qs1cd0",
   detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
   detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
   detailsLabelExtraTopSpace: "_19pkxy5q",
@@ -31,7 +31,7 @@ var styles = {
   detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
   kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkq1hn",
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
-  appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
+  appTitleLabel: "_2rko12b0 _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
 var stylesCompiled = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t _1br315cr",

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

@@ -1,4 +1,4 @@
-._13liglpi{border-top-left-radius:var(--ds-border-radius,4px)}
+._13li12b0{border-top-left-radius:var(--ds-radius-small,4px)}
 ._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
@@ -9,4 +9,4 @@
 ._4t3i1qr7{height:8pc}
 ._4t3i1wug{height:auto}
 ._kqswh2mm{position:relative}
-._qrwqglpi{border-top-right-radius:var(--ds-border-radius,4px)}
+._qrwq12b0{border-top-right-radius:var(--ds-radius-small,4px)}

package/dist/esm/styled/CoverImage.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
 import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
-  container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13liglpi _qrwqglpi _1e0c1txw _1bah1h6o _4cvr1h6o",
+  container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
   image: "_1bsbnklw _4t3i1wug"
 };
 

package/dist/esm/styled/TeamTrigger.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pk1jfw{margin-top:var(--ds-space-500,40px)}
 ._1bsb1osq{width:100%}
 ._1bsbnklw{width:20pc}

package/dist/esm/styled/TeamTrigger.js

@@ -8,7 +8,7 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { CoverImage } from './CoverImage';
 var styles = {
   cardtriggerwrapper: "_1e0c1kw7",
-  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
+  cardwrapper: "_2rko12b0 _1bsbnklw _kqswh2mm",
   cardheader: "_4t3i1qr7 _1bsb1osq",
   cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw"

package/dist/esm/styled/UserTrigger.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._1bah1h6o{justify-content:center}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._1bah1h6o{justify-content:center}
 ._1bsb1gwv{width:360px}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}

package/dist/esm/styled/UserTrigger.js

@@ -8,7 +8,7 @@ import React from 'react';
 import { cx } from '@atlaskit/css';
 import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
-  cardWrapper: "_2rkoglpi _1bsb1gwv",
+  cardWrapper: "_2rko12b0 _1bsb1gwv",
   spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm"
 };
 export var CardWrapper = function CardWrapper(_ref) {

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: "24.9.2"
+      packageVersion: "24.10.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/Agent/AgentProfileCardTrigger.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { type AgentProfileCardTriggerProps } from '../../types';
-export declare const AgentProfileCardTrigger: ({ trigger, viewingUserId, product, hideOverflow, ...props }: AgentProfileCardTriggerProps) => React.JSX.Element;
+import { type ProfileCardHandle } from '../common/ProfileCardTrigger';
+export declare const AgentProfileCardTrigger: React.ForwardRefExoticComponent<AgentProfileCardTriggerProps & React.RefAttributes<ProfileCardHandle>>;

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

@@ -1,4 +1,9 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, hideOverflow, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
+export interface ProfileCardHandle {
+    hideProfilecard: () => void;
+}
+declare const ProfileCardTrigger: <T>(props: ProfileCardTriggerProps<T> & {
+    ref?: React.Ref<ProfileCardHandle>;
+}) => React.ReactElement;
 export default ProfileCardTrigger;

package/dist/types-ts4.5/components/Agent/AgentProfileCardTrigger.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { type AgentProfileCardTriggerProps } from '../../types';
-export declare const AgentProfileCardTrigger: ({ trigger, viewingUserId, product, hideOverflow, ...props }: AgentProfileCardTriggerProps) => React.JSX.Element;
+import { type ProfileCardHandle } from '../common/ProfileCardTrigger';
+export declare const AgentProfileCardTrigger: React.ForwardRefExoticComponent<AgentProfileCardTriggerProps & React.RefAttributes<ProfileCardHandle>>;

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

@@ -1,4 +1,9 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, hideOverflow, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
+export interface ProfileCardHandle {
+    hideProfilecard: () => void;
+}
+declare const ProfileCardTrigger: <T>(props: ProfileCardTriggerProps<T> & {
+    ref?: React.Ref<ProfileCardHandle>;
+}) => React.ReactElement;
 export default ProfileCardTrigger;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.9.3",
+	"version": "24.10.1",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"