@atlaskit/profilecard 24.13.7 → 24.14.0

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

@@ -1,14 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics"],
+var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "testId", "fireAnalytics", "fireAnalyticsNext"],
   _excluded2 = ["aria-expanded", "aria-haspopup"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
-import { cardTriggered } from '../../util/analytics';
+import { cardTriggered, getActionSubject, PACKAGE_META_DATA } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';
 import { PopupTrigger } from './PopupTrigger';
@@ -24,7 +29,9 @@ function ProfileCardTriggerInner(_ref, ref) {
     fetchProfile = _ref.fetchProfile,
     disabledAriaAttributes = _ref.disabledAriaAttributes,
     profileCardType = _ref.profileCardType,
+    testId = _ref.testId,
     fireAnalytics = _ref.fireAnalytics,
+    fireAnalyticsNext = _ref.fireAnalyticsNext,
     popupProps = _objectWithoutProperties(_ref, _excluded);
   var showDelay = _trigger === 'click' ? 0 : DELAY_MS_SHOW;
   var hideDelay = _trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -69,8 +76,18 @@ function ProfileCardTriggerInner(_ref, ref) {
             if (!visible) {
               getProfileData === null || getProfileData === void 0 || getProfileData();
               setVisible(true);
-              if (fireAnalytics) {
-                fireAnalytics(cardTriggered(profileCardType, _trigger));
+              if (fg('ptc-enable-profile-card-analytics-refactor')) {
+                if (fireAnalyticsNext) {
+                  fireAnalyticsNext("ui.".concat(getActionSubject(profileCardType), ".triggered"), _objectSpread(_objectSpread({
+                    method: _trigger
+                  }, PACKAGE_META_DATA), {}, {
+                    firedAt: Math.round(getPageTime())
+                  }));
+                }
+              } else {
+                if (fireAnalytics) {
+                  fireAnalytics(cardTriggered(profileCardType, _trigger));
+                }
               }
             }
           }, showDelay);
@@ -79,7 +96,7 @@ function ProfileCardTriggerInner(_ref, ref) {
           return _context.stop();
       }
     }, _callee);
-  })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger]);
+  })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger, fireAnalyticsNext]);
   var onMouseEnter = useCallback(function () {
     showProfilecard();
   }, [showProfilecard]);
@@ -100,7 +117,8 @@ function ProfileCardTriggerInner(_ref, ref) {
         showProfilecard: showProfilecard,
         children: children,
         ariaLabelledBy: ariaLabelledBy,
-        trigger: _trigger
+        trigger: _trigger,
+        "data-testid": testId
       }));
     },
     content: function content() {
@@ -110,9 +128,13 @@ function ProfileCardTriggerInner(_ref, ref) {
         React.createElement("div", {
           onMouseEnter: onMouseEnter,
           onMouseLeave: hideProfilecard,
-          onFocus: showProfilecard
-        }, isLoading ? /*#__PURE__*/React.createElement(ProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
+          onFocus: showProfilecard,
+          "data-testid": "profile-card--trigger-content"
+        }, isLoading ? /*#__PURE__*/React.createElement(ProfileCardWrapper, {
+          testId: "profilecard.profilecardtrigger.loading"
+        }, /*#__PURE__*/React.createElement(LoadingState, {
           fireAnalytics: fireAnalytics,
+          fireAnalyticsNext: fireAnalyticsNext,
           profileType: profileCardType
         })) : renderProfileCard({
           profileData: profileData,

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

@@ -6,8 +6,10 @@ var styles = xcss({
   width: '360px'
 });
 export var ProfileCardWrapper = function ProfileCardWrapper(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    testId = _ref.testId;
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles
+    xcss: styles,
+    testId: testId
   }, children);
 };

package/dist/esm/util/analytics.js

@@ -5,6 +5,10 @@ import { getPageTime } from './performance';
 
 /** Below lines are copied from teams common analytics */
 var ANALYTICS_CHANNEL = 'peopleTeams';
+export var PACKAGE_META_DATA = {
+  packageName: "@atlaskit/profilecard",
+  packageVersion: "24.13.7"
+};
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
   if (typeof requestIdleCallback === 'function') {
@@ -48,13 +52,13 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.13.6"
+      packageVersion: "24.13.7"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })
   };
 };
-var getActionSubject = function getActionSubject(type) {
+export var getActionSubject = function getActionSubject(type) {
   switch (type) {
     case 'user':
       return USER_SUBJECT;

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

@@ -1,4 +1,5 @@
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { FireEventType } from '@atlaskit/teams-app-internal-analytics';
 import { type AgentIdType, type ClientOverrides, type ProfileClient, type ProfileClientOptions, type TeamCentralReportingLinesData } from '../types';
 import RovoAgentCardClient from './RovoAgentCardClient';
 import TeamCentralCardClient from './TeamCentralCardClient';
@@ -15,7 +16,7 @@ declare class ProfileCardClient implements ProfileClient {
     rovoAgentClient: RovoAgentCardClient;
     constructor(config: ProfileClientOptions, clients?: ClientOverrides);
     flushCache(): void;
-    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
+    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void, analyticsNext?: FireEventType): Promise<any>;
     getTeamProfile(teamId: string, orgId?: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").Team>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
     getTeamCentralBaseUrl(teamCentralScopes?: TeamCentralScopes): Promise<string | undefined>;

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

@@ -1,4 +1,5 @@
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
 import type { ApiClientResponse, ProfileCardClientData, ProfileClientOptions } from '../types';
 import CachingClient from './CachingClient';
 /**
@@ -20,5 +21,5 @@ export default class UserProfileCardClient extends CachingClient<any> {
     options: ProfileClientOptions;
     constructor(options: ProfileClientOptions);
     makeRequest(cloudId: string, userId: string): Promise<ProfileCardClientData>;
-    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
+    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void, analyticsNext?: FireEventType): Promise<any>;
 }

package/dist/types/components/Error/ErrorMessage.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { AnalyticsEventAttributes } from '@atlaskit/teams-app-internal-analytics';
 import { type ProfileCardErrorType } from '../../types';
 interface Props {
     reload?: () => void | undefined;
     errorType?: ProfileCardErrorType;
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext: <K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]) => void;
 }
 declare const ErrorMessage: (props: Props) => React.JSX.Element;
 export default ErrorMessage;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { type AnalyticsProps, type ProfilecardProps } from '../../types';
+import { type AnalyticsProps, type AnalyticsWithDurationProps, type ProfilecardProps } from '../../types';
 export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => React.JSX.Element | null;
-declare const _default: React.ForwardRefExoticComponent<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const LoadingView: ({ fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, }: AnalyticsWithDurationProps) => React.JSX.Element;
+declare const _default: React.FC<ProfilecardProps & AnalyticsProps & Omit<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
 import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type TeamCentralReportingLinesData } from '../../types';
 declare class ProfileCardResourced extends React.PureComponent<ProfileCardResourcedProps & AnalyticsProps, ProfileCardResourcedState> {
     static defaultProps: Partial<ProfileCardResourcedProps>;
     _isMounted: boolean;
     state: ProfileCardResourcedState;
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext: FireEventType;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ProfileCardResourcedProps): void;
     componentWillUnmount(): void;
@@ -18,7 +20,7 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     cloudId?: string | undefined;
     resourceClient?: import("../../types").ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;
@@ -29,5 +31,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardRes
     userId?: string | undefined;
     reportingLinesProfileUrl?: string | undefined;
     onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
-} & {} & React.RefAttributes<any>>;
+} & {} & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
 interface AnalyticsProps {
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext: FireEventType;
 }
-declare const UserLoadingState: ({ fireAnalytics }: AnalyticsProps) => React.JSX.Element;
+declare const UserLoadingState: ({ fireAnalytics, fireAnalyticsNext }: AnalyticsProps) => React.JSX.Element;
 export default UserLoadingState;

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

@@ -1 +1 @@
-export declare const ProfileCardLazy: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").ProfilecardProps & import("../../types").AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
+export declare const ProfileCardLazy: import("react").LazyExoticComponent<import("react").FC<import("../..").ProfilecardProps & import("../../types").AnalyticsProps & Omit<Omit<import("../..").ProfilecardProps & import("../../types").AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>>;

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

@@ -1,9 +1,11 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { AnalyticsEventAttributes } from '@atlaskit/teams-app-internal-analytics';
 import { type ProfileType } from '../../types';
 interface AnalyticsProps {
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext?: <K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]) => void;
     profileType: ProfileType;
 }
-export declare const LoadingState: ({ fireAnalytics, profileType }: AnalyticsProps) => React.JSX.Element;
+export declare const LoadingState: ({ fireAnalytics, fireAnalyticsNext, profileType }: AnalyticsProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare const ProfileCardWrapper: ({ children }: {
+export declare const ProfileCardWrapper: ({ children, testId, }: {
     children: React.ReactNode;
+    testId?: string;
 }) => React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type PopupProps } from '@atlaskit/popup';
+import type { AnalyticsEventAttributes } from '@atlaskit/teams-app-internal-analytics';
 import { type ProfileCardErrorType, type ProfileType } from '../../types';
 export type ProfileCardTriggerProps<T> = {
     trigger: 'hover' | 'click';
@@ -12,5 +13,7 @@ export type ProfileCardTriggerProps<T> = {
     }) => React.ReactNode;
     fetchProfile?: () => Promise<T>;
     profileCardType: ProfileType;
+    testId?: string;
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext?: <K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]) => void;
 } & Omit<PopupProps, 'trigger' | 'isOpen' | 'content'>;

package/dist/types/types.d.ts

@@ -2,6 +2,7 @@ import type React from 'react';
 import { type IntlShape } from 'react-intl-next';
 import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type ConversationStarter } from '@atlaskit/rovo-agent-components';
+import type { AnalyticsEventAttributes, FireEventType, useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { type TeamCentralScopes } from './client/ProfileCardClient';
 import type RovoAgentCardClient from './client/RovoAgentCardClient';
 import { type default as TeamCentralCardClient, type TeamCentralCardClientOptions } from './client/TeamCentralCardClient';
@@ -428,12 +429,18 @@ export interface ProfilecardProps {
     agentActions?: AgentActionsType;
 }
 export type AnalyticsFromDuration = (duration: number) => AnalyticsEventPayload;
+export type AnalyticsFromDurationNext = <K extends keyof AnalyticsEventAttributes>(eventKey: K, duration: number) => {
+    attributes: AnalyticsEventAttributes[K];
+};
 export type AnalyticsFunction = (generator: AnalyticsFromDuration) => void;
+export type AnalyticsFunctionNext = <K extends keyof AnalyticsEventAttributes>(eventKey: K, generator: (duration: number) => AnalyticsEventAttributes[K]) => void;
 export interface AnalyticsProps {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    fireEvent?: ReturnType<typeof useAnalyticsEvents>['fireEvent'];
 }
 export interface AnalyticsWithDurationProps {
     fireAnalyticsWithDuration: AnalyticsFunction;
+    fireAnalyticsWithDurationNext: AnalyticsFunctionNext;
 }
 export interface TeamProfilecardProps extends TeamProfilecardCoreProps {
     /** Indicates whether the team's details are still loading. */
@@ -468,15 +475,15 @@ export type AgentPermissions = {
 };
 export interface ProfileClient {
     flushCache: () => void;
-    getProfile: (cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void) => Promise<ProfileCardClientData>;
-    getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<Team>;
+    getProfile: (cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void, analyticsNext?: FireEventType) => Promise<ProfileCardClientData>;
+    getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<Team>;
     getReportingLines: (userId: string) => Promise<TeamCentralReportingLinesData>;
     shouldShowGiveKudos: () => Promise<boolean>;
     getTeamCentralBaseUrl: (teamCentralScopes?: TeamCentralScopes) => Promise<string | undefined>;
-    getRovoAgentProfile: (id: AgentIdType, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<RovoAgent>;
-    getRovoAgentPermissions: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<AgentPermissions>;
-    deleteAgent: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
-    setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
+    getRovoAgentProfile: (id: AgentIdType, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<RovoAgent>;
+    getRovoAgentPermissions: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<AgentPermissions>;
+    deleteAgent: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<void>;
+    setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<void>;
 }
 export type ProfilecardTriggerPosition = 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
 export type ProfileCardErrorType = {

package/dist/types/util/analytics.d.ts

@@ -2,6 +2,10 @@ import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { type ErrorAttributes } from '../client/types';
 import { type ProfileType } from '../types';
+export declare const PACKAGE_META_DATA: {
+    packageName: string;
+    packageVersion: string;
+};
 type GenericAttributes = Record<string, string | number | boolean | undefined | string[]> | ErrorAttributes;
 interface AnalyticsEvent {
     action?: string;
@@ -16,6 +20,7 @@ interface AnalyticsEvent {
  * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
  */
 export declare const fireEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+export declare const getActionSubject: (type: string) => "teamProfileCard" | "profilecard" | "rovoAgentProfilecard" | "user";
 export declare const cardTriggered: (type: ProfileType, method: "hover" | "click", teamId?: string) => AnalyticsEventPayload;
 export declare const teamRequestAnalytics: (action: "triggered" | "succeeded" | "failed", attributes?: {
     duration: number;

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

@@ -1,4 +1,5 @@
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { FireEventType } from '@atlaskit/teams-app-internal-analytics';
 import { type AgentIdType, type ClientOverrides, type ProfileClient, type ProfileClientOptions, type TeamCentralReportingLinesData } from '../types';
 import RovoAgentCardClient from './RovoAgentCardClient';
 import TeamCentralCardClient from './TeamCentralCardClient';
@@ -15,7 +16,7 @@ declare class ProfileCardClient implements ProfileClient {
     rovoAgentClient: RovoAgentCardClient;
     constructor(config: ProfileClientOptions, clients?: ClientOverrides);
     flushCache(): void;
-    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
+    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void, analyticsNext?: FireEventType): Promise<any>;
     getTeamProfile(teamId: string, orgId?: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<import("../types").Team>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
     getTeamCentralBaseUrl(teamCentralScopes?: TeamCentralScopes): Promise<string | undefined>;

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

@@ -1,4 +1,5 @@
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
 import type { ApiClientResponse, ProfileCardClientData, ProfileClientOptions } from '../types';
 import CachingClient from './CachingClient';
 /**
@@ -20,5 +21,5 @@ export default class UserProfileCardClient extends CachingClient<any> {
     options: ProfileClientOptions;
     constructor(options: ProfileClientOptions);
     makeRequest(cloudId: string, userId: string): Promise<ProfileCardClientData>;
-    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void): Promise<any>;
+    getProfile(cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void, analyticsNext?: FireEventType): Promise<any>;
 }

package/dist/types-ts4.5/components/Error/ErrorMessage.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { AnalyticsEventAttributes } from '@atlaskit/teams-app-internal-analytics';
 import { type ProfileCardErrorType } from '../../types';
 interface Props {
     reload?: () => void | undefined;
     errorType?: ProfileCardErrorType;
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext: <K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]) => void;
 }
 declare const ErrorMessage: (props: Props) => React.JSX.Element;
 export default ErrorMessage;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { type AnalyticsProps, type ProfilecardProps } from '../../types';
+import { type AnalyticsProps, type AnalyticsWithDurationProps, type ProfilecardProps } from '../../types';
 export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => React.JSX.Element | null;
-declare const _default: React.ForwardRefExoticComponent<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const LoadingView: ({ fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, }: AnalyticsWithDurationProps) => React.JSX.Element;
+declare const _default: React.FC<ProfilecardProps & AnalyticsProps & Omit<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
 import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type TeamCentralReportingLinesData } from '../../types';
 declare class ProfileCardResourced extends React.PureComponent<ProfileCardResourcedProps & AnalyticsProps, ProfileCardResourcedState> {
     static defaultProps: Partial<ProfileCardResourcedProps>;
     _isMounted: boolean;
     state: ProfileCardResourcedState;
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext: FireEventType;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ProfileCardResourcedProps): void;
     componentWillUnmount(): void;
@@ -18,7 +20,7 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     cloudId?: string | undefined;
     resourceClient?: import("../../types").ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;
@@ -29,5 +31,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardRes
     userId?: string | undefined;
     reportingLinesProfileUrl?: string | undefined;
     onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
-} & {} & React.RefAttributes<any>>;
+} & {} & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
 interface AnalyticsProps {
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext: FireEventType;
 }
-declare const UserLoadingState: ({ fireAnalytics }: AnalyticsProps) => React.JSX.Element;
+declare const UserLoadingState: ({ fireAnalytics, fireAnalyticsNext }: AnalyticsProps) => React.JSX.Element;
 export default UserLoadingState;

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

@@ -1 +1 @@
-export declare const ProfileCardLazy: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").ProfilecardProps & import("../../types").AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
+export declare const ProfileCardLazy: import("react").LazyExoticComponent<import("react").FC<import("../..").ProfilecardProps & import("../../types").AnalyticsProps & Omit<Omit<import("../..").ProfilecardProps & import("../../types").AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>>;

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

@@ -1,9 +1,11 @@
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { AnalyticsEventAttributes } from '@atlaskit/teams-app-internal-analytics';
 import { type ProfileType } from '../../types';
 interface AnalyticsProps {
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext?: <K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]) => void;
     profileType: ProfileType;
 }
-export declare const LoadingState: ({ fireAnalytics, profileType }: AnalyticsProps) => React.JSX.Element;
+export declare const LoadingState: ({ fireAnalytics, fireAnalyticsNext, profileType }: AnalyticsProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare const ProfileCardWrapper: ({ children }: {
+export declare const ProfileCardWrapper: ({ children, testId, }: {
     children: React.ReactNode;
+    testId?: string;
 }) => React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type PopupProps } from '@atlaskit/popup';
+import type { AnalyticsEventAttributes } from '@atlaskit/teams-app-internal-analytics';
 import { type ProfileCardErrorType, type ProfileType } from '../../types';
 export type ProfileCardTriggerProps<T> = {
     trigger: 'hover' | 'click';
@@ -12,5 +13,7 @@ export type ProfileCardTriggerProps<T> = {
     }) => React.ReactNode;
     fetchProfile?: () => Promise<T>;
     profileCardType: ProfileType;
+    testId?: string;
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
+    fireAnalyticsNext?: <K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]) => void;
 } & Omit<PopupProps, 'trigger' | 'isOpen' | 'content'>;

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

@@ -2,6 +2,7 @@ import type React from 'react';
 import { type IntlShape } from 'react-intl-next';
 import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type ConversationStarter } from '@atlaskit/rovo-agent-components';
+import type { AnalyticsEventAttributes, FireEventType, useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { type TeamCentralScopes } from './client/ProfileCardClient';
 import type RovoAgentCardClient from './client/RovoAgentCardClient';
 import { type default as TeamCentralCardClient, type TeamCentralCardClientOptions } from './client/TeamCentralCardClient';
@@ -434,12 +435,18 @@ export interface ProfilecardProps {
     agentActions?: AgentActionsType;
 }
 export type AnalyticsFromDuration = (duration: number) => AnalyticsEventPayload;
+export type AnalyticsFromDurationNext = <K extends keyof AnalyticsEventAttributes>(eventKey: K, duration: number) => {
+    attributes: AnalyticsEventAttributes[K];
+};
 export type AnalyticsFunction = (generator: AnalyticsFromDuration) => void;
+export type AnalyticsFunctionNext = <K extends keyof AnalyticsEventAttributes>(eventKey: K, generator: (duration: number) => AnalyticsEventAttributes[K]) => void;
 export interface AnalyticsProps {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    fireEvent?: ReturnType<typeof useAnalyticsEvents>['fireEvent'];
 }
 export interface AnalyticsWithDurationProps {
     fireAnalyticsWithDuration: AnalyticsFunction;
+    fireAnalyticsWithDurationNext: AnalyticsFunctionNext;
 }
 export interface TeamProfilecardProps extends TeamProfilecardCoreProps {
     /** Indicates whether the team's details are still loading. */
@@ -474,15 +481,15 @@ export type AgentPermissions = {
 };
 export interface ProfileClient {
     flushCache: () => void;
-    getProfile: (cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void) => Promise<ProfileCardClientData>;
-    getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<Team>;
+    getProfile: (cloudId: string, userId: string, analytics?: (event: AnalyticsEventPayload) => void, analyticsNext?: FireEventType) => Promise<ProfileCardClientData>;
+    getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<Team>;
     getReportingLines: (userId: string) => Promise<TeamCentralReportingLinesData>;
     shouldShowGiveKudos: () => Promise<boolean>;
     getTeamCentralBaseUrl: (teamCentralScopes?: TeamCentralScopes) => Promise<string | undefined>;
-    getRovoAgentProfile: (id: AgentIdType, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<RovoAgent>;
-    getRovoAgentPermissions: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<AgentPermissions>;
-    deleteAgent: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
-    setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: (event: AnalyticsEventPayload) => void) => Promise<void>;
+    getRovoAgentProfile: (id: AgentIdType, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<RovoAgent>;
+    getRovoAgentPermissions: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<AgentPermissions>;
+    deleteAgent: (id: string, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<void>;
+    setFavouriteAgent: (id: string, isFavourite: boolean, fireAnalytics?: (event: AnalyticsEventPayload) => void, fireAnalyticsNext?: FireEventType) => Promise<void>;
 }
 export type ProfilecardTriggerPosition = 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
 export type ProfileCardErrorType = {

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

@@ -2,6 +2,10 @@ import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { type ErrorAttributes } from '../client/types';
 import { type ProfileType } from '../types';
+export declare const PACKAGE_META_DATA: {
+    packageName: string;
+    packageVersion: string;
+};
 type GenericAttributes = Record<string, string | number | boolean | undefined | string[]> | ErrorAttributes;
 interface AnalyticsEvent {
     action?: string;
@@ -16,6 +20,7 @@ interface AnalyticsEvent {
  * @deprecated Analytics events should be fired using the `@atlaskit/teams-app-internal-analytics` package.
  */
 export declare const fireEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+export declare const getActionSubject: (type: string) => "teamProfileCard" | "profilecard" | "rovoAgentProfilecard" | "user";
 export declare const cardTriggered: (type: ProfileType, method: "hover" | "click", teamId?: string) => AnalyticsEventPayload;
 export declare const teamRequestAnalytics: (action: "triggered" | "succeeded" | "failed", attributes?: {
     duration: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.13.7",
+	"version": "24.14.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,22 +51,24 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/give-kudos": "^4.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.3.0",
+		"@atlaskit/modal-dialog": "^14.4.0",
 		"@atlaskit/people-teams-ui-public": "^3.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/rovo-agent-components": "^3.4.0",
+		"@atlaskit/rovo-agent-components": "^3.5.0",
 		"@atlaskit/rovo-triggers": "^3.10.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-app-config": "^1.11.0",
+		"@atlaskit/teams-app-internal-analytics": "^1.6.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
-		"@atlaskit/teams-public": "^0.59.0",
+		"@atlaskit/teams-public": "^0.60.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -159,6 +161,9 @@
 		},
 		"enable_absolute_positioning_profile_card": {
 			"type": "boolean"
+		},
+		"ptc-enable-profile-card-analytics-refactor": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [