@atlaskit/profilecard 24.13.6 → 24.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-example--default.png +0 -0
- package/__tests__/vr-tests/__snapshots__/user-profilecard/alternate-actions--default.png +0 -0
- package/__tests__/vr-tests/__snapshots__/user-profilecard/best-case-profile--default.png +0 -0
- package/__tests__/vr-tests/__snapshots__/user-profilecard/bot-case-profile--default.png +0 -0
- package/__tests__/vr-tests/__snapshots__/user-profilecard/error-state--default.png +0 -0
- package/__tests__/vr-tests/__snapshots__/user-profilecard/error-state-not-found--default.png +0 -0
- package/__tests__/vr-tests/__snapshots__/user-profilecard/worst-case-profile--default.png +0 -0
- package/__tests__/vr-tests/agent-profilecard.vr.tsx +5 -0
- package/__tests__/vr-tests/user-profilecard.vr.tsx +17 -0
- package/afm-cc/tsconfig.json +6 -0
- package/afm-dev-agents/tsconfig.json +6 -0
- package/afm-jira/tsconfig.json +6 -0
- package/afm-passionfruit/tsconfig.json +6 -0
- package/afm-post-office/tsconfig.json +6 -0
- package/afm-rovo-extension/tsconfig.json +6 -0
- package/afm-townsquare/tsconfig.json +6 -0
- package/dist/cjs/client/ProfileCardClient.js +2 -2
- package/dist/cjs/client/UserProfileCardClient.js +45 -11
- package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/Agent/AgentProfileCard.js +3 -0
- package/dist/cjs/components/Agent/AgentProfileCardResourced.js +2 -1
- package/dist/cjs/components/Error/ErrorMessage.js +18 -7
- package/dist/cjs/components/User/OverflowProfileCardButtons.js +22 -7
- package/dist/cjs/components/User/ProfileCard.js +80 -28
- package/dist/cjs/components/User/ProfileCardDetails.js +3 -2
- package/dist/cjs/components/User/ProfileCardResourced.js +40 -16
- package/dist/cjs/components/User/ProfileCardTrigger.js +53 -13
- package/dist/cjs/components/User/ReportingLinesDetails.js +37 -12
- package/dist/cjs/components/User/UserLoadingState.js +15 -3
- package/dist/cjs/components/common/LoadingState.js +17 -3
- package/dist/cjs/components/common/ProfileCardTrigger.js +29 -7
- package/dist/cjs/components/common/ProfileCardWrapper.js +4 -2
- package/dist/cjs/components/team-profile-card/main.js +1 -1
- package/dist/cjs/components/team-profile-card/team-connections/main.js +3 -19
- package/dist/cjs/components/team-profile-card/team-containers-skeleton/index.js +1 -1
- package/dist/cjs/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
- package/dist/cjs/mocks/mock-profile-client.js +10 -0
- package/dist/cjs/mocks/profile-data.js +2 -2
- package/dist/cjs/mocks/reporting-lines-data.js +4 -3
- package/dist/cjs/styled/Card.js +1 -1
- package/dist/cjs/styled/CoverImage.js +1 -1
- package/dist/cjs/styled/Error.js +1 -1
- package/dist/cjs/styled/ReportingLines.js +1 -1
- package/dist/cjs/styled/TeamCard.js +1 -1
- package/dist/cjs/styled/TeamTrigger.js +1 -1
- package/dist/cjs/styled/UserTrigger.js +1 -1
- package/dist/cjs/util/analytics.js +7 -3
- package/dist/es2019/client/ProfileCardClient.js +2 -2
- package/dist/es2019/client/UserProfileCardClient.js +50 -13
- package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/es2019/client/getTeamFromAGG.js +1 -1
- package/dist/es2019/components/Agent/AgentProfileCard.js +3 -0
- package/dist/es2019/components/Agent/AgentProfileCardResourced.js +2 -1
- package/dist/es2019/components/Error/ErrorMessage.js +17 -6
- package/dist/es2019/components/User/OverflowProfileCardButtons.js +18 -7
- package/dist/es2019/components/User/ProfileCard.js +72 -25
- package/dist/es2019/components/User/ProfileCardDetails.js +3 -2
- package/dist/es2019/components/User/ProfileCardResourced.js +25 -4
- package/dist/es2019/components/User/ProfileCardTrigger.js +55 -14
- package/dist/es2019/components/User/ReportingLinesDetails.js +31 -10
- package/dist/es2019/components/User/UserLoadingState.js +14 -4
- package/dist/es2019/components/common/LoadingState.js +16 -4
- package/dist/es2019/components/common/ProfileCardTrigger.js +26 -7
- package/dist/es2019/components/common/ProfileCardWrapper.js +4 -2
- package/dist/es2019/components/team-profile-card/main.js +1 -1
- package/dist/es2019/components/team-profile-card/team-connections/main.js +3 -18
- package/dist/es2019/components/team-profile-card/team-containers-skeleton/index.js +1 -1
- package/dist/es2019/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
- package/dist/es2019/mocks/mock-profile-client.js +6 -0
- package/dist/es2019/mocks/profile-data.js +1 -1
- package/dist/es2019/mocks/reporting-lines-data.js +2 -2
- package/dist/es2019/styled/Card.js +1 -1
- package/dist/es2019/styled/CoverImage.js +1 -1
- package/dist/es2019/styled/Error.js +1 -1
- package/dist/es2019/styled/ReportingLines.js +1 -1
- package/dist/es2019/styled/TeamCard.js +1 -1
- package/dist/es2019/styled/TeamTrigger.js +1 -1
- package/dist/es2019/styled/UserTrigger.js +1 -1
- package/dist/es2019/util/analytics.js +6 -2
- package/dist/esm/client/ProfileCardClient.js +2 -2
- package/dist/esm/client/UserProfileCardClient.js +46 -12
- package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/esm/client/getTeamFromAGG.js +1 -1
- package/dist/esm/components/Agent/AgentProfileCard.js +3 -0
- package/dist/esm/components/Agent/AgentProfileCardResourced.js +2 -1
- package/dist/esm/components/Error/ErrorMessage.js +19 -6
- package/dist/esm/components/User/OverflowProfileCardButtons.js +23 -8
- package/dist/esm/components/User/ProfileCard.js +80 -28
- package/dist/esm/components/User/ProfileCardDetails.js +3 -2
- package/dist/esm/components/User/ProfileCardResourced.js +40 -16
- package/dist/esm/components/User/ProfileCardTrigger.js +54 -14
- package/dist/esm/components/User/ReportingLinesDetails.js +38 -12
- package/dist/esm/components/User/UserLoadingState.js +16 -4
- package/dist/esm/components/common/LoadingState.js +18 -4
- package/dist/esm/components/common/ProfileCardTrigger.js +30 -8
- package/dist/esm/components/common/ProfileCardWrapper.js +4 -2
- package/dist/esm/components/team-profile-card/main.js +1 -1
- package/dist/esm/components/team-profile-card/team-connections/main.js +3 -18
- package/dist/esm/components/team-profile-card/team-containers-skeleton/index.js +1 -1
- package/dist/esm/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
- package/dist/esm/mocks/mock-profile-client.js +10 -0
- package/dist/esm/mocks/profile-data.js +1 -1
- package/dist/esm/mocks/reporting-lines-data.js +2 -2
- package/dist/esm/styled/Card.js +1 -1
- package/dist/esm/styled/CoverImage.js +1 -1
- package/dist/esm/styled/Error.js +1 -1
- package/dist/esm/styled/ReportingLines.js +1 -1
- package/dist/esm/styled/TeamCard.js +1 -1
- package/dist/esm/styled/TeamTrigger.js +1 -1
- package/dist/esm/styled/UserTrigger.js +1 -1
- package/dist/esm/util/analytics.js +6 -2
- package/dist/types/client/ProfileCardClient.d.ts +2 -1
- package/dist/types/client/TeamCentralCardClient.d.ts +2 -2
- package/dist/types/client/UserProfileCardClient.d.ts +2 -1
- package/dist/types/components/Error/ErrorMessage.d.ts +2 -0
- package/dist/types/components/User/ProfileCard.d.ts +3 -2
- package/dist/types/components/User/ProfileCardResourced.d.ts +4 -2
- package/dist/types/components/User/UserLoadingState.d.ts +3 -1
- package/dist/types/components/User/lazyProfileCard.d.ts +1 -1
- package/dist/types/components/common/LoadingState.d.ts +3 -1
- package/dist/types/components/common/ProfileCardWrapper.d.ts +2 -1
- package/dist/types/components/common/types.d.ts +3 -0
- package/dist/types/mocks/profile-data.d.ts +1 -0
- package/dist/types/types.d.ts +13 -6
- package/dist/types/util/analytics.d.ts +5 -0
- package/dist/types-ts4.5/client/ProfileCardClient.d.ts +2 -1
- package/dist/types-ts4.5/client/TeamCentralCardClient.d.ts +2 -2
- package/dist/types-ts4.5/client/UserProfileCardClient.d.ts +2 -1
- package/dist/types-ts4.5/components/Error/ErrorMessage.d.ts +2 -0
- package/dist/types-ts4.5/components/User/ProfileCard.d.ts +3 -2
- package/dist/types-ts4.5/components/User/ProfileCardResourced.d.ts +4 -2
- package/dist/types-ts4.5/components/User/UserLoadingState.d.ts +3 -1
- package/dist/types-ts4.5/components/User/lazyProfileCard.d.ts +1 -1
- package/dist/types-ts4.5/components/common/LoadingState.d.ts +3 -1
- package/dist/types-ts4.5/components/common/ProfileCardWrapper.d.ts +2 -1
- package/dist/types-ts4.5/components/common/types.d.ts +3 -0
- package/dist/types-ts4.5/mocks/profile-data.d.ts +1 -0
- package/dist/types-ts4.5/types.d.ts +13 -6
- package/dist/types-ts4.5/util/analytics.d.ts +5 -0
- package/package.json +12 -10
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
/* main.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./main.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
5
5
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
6
|
-
import Avatar from '@atlaskit/avatar';
|
|
7
6
|
import { LinkItem } from '@atlaskit/menu';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
7
|
import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
10
8
|
import { ContainerIcon, getContainerProperties } from '@atlaskit/teams-public';
|
|
11
9
|
import { fireEvent } from '../../../util/analytics';
|
|
@@ -20,7 +18,6 @@ export const TeamConnections = ({
|
|
|
20
18
|
containerIcon,
|
|
21
19
|
link
|
|
22
20
|
}) => {
|
|
23
|
-
const isContainerIconEnabled = fg('loom_tab_in_container_linker_team_profile_page');
|
|
24
21
|
const {
|
|
25
22
|
description,
|
|
26
23
|
icon,
|
|
@@ -50,17 +47,11 @@ export const TeamConnections = ({
|
|
|
50
47
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
51
48
|
space: "space.100",
|
|
52
49
|
xcss: styles.containerWrapperStyles
|
|
53
|
-
},
|
|
50
|
+
}, /*#__PURE__*/React.createElement(ContainerIcon, {
|
|
54
51
|
containerType: containerType,
|
|
55
52
|
title: title,
|
|
56
53
|
containerIcon: containerIcon,
|
|
57
54
|
size: "small"
|
|
58
|
-
}) : /*#__PURE__*/React.createElement(Box, {
|
|
59
|
-
as: "img",
|
|
60
|
-
src: containerIcon,
|
|
61
|
-
alt: "",
|
|
62
|
-
testId: "linked-container-icon",
|
|
63
|
-
xcss: styles.containerIconStyles
|
|
64
55
|
}), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
|
|
65
56
|
maxLines: 1,
|
|
66
57
|
color: "color.text"
|
|
@@ -84,7 +75,6 @@ export const NewTeamConnections = ({
|
|
|
84
75
|
containerIcon,
|
|
85
76
|
link
|
|
86
77
|
}) => {
|
|
87
|
-
const isContainerIconEnabled = fg('loom_tab_in_container_linker_team_profile_page');
|
|
88
78
|
const {
|
|
89
79
|
description,
|
|
90
80
|
icon,
|
|
@@ -120,16 +110,11 @@ export const NewTeamConnections = ({
|
|
|
120
110
|
size: "small",
|
|
121
111
|
color: "color.text.subtlest"
|
|
122
112
|
}, containerTypeText)),
|
|
123
|
-
iconBefore:
|
|
113
|
+
iconBefore: /*#__PURE__*/React.createElement(ContainerIcon, {
|
|
124
114
|
containerType: containerType,
|
|
125
115
|
title: title,
|
|
126
116
|
containerIcon: containerIcon,
|
|
127
117
|
size: "small"
|
|
128
|
-
}) : /*#__PURE__*/React.createElement(Avatar, {
|
|
129
|
-
size: "small",
|
|
130
|
-
appearance: "square",
|
|
131
|
-
src: containerIcon,
|
|
132
|
-
testId: "linked-container-icon"
|
|
133
118
|
}),
|
|
134
119
|
iconAfter: /*#__PURE__*/React.createElement(Box, {
|
|
135
120
|
backgroundColor: 'color.background.neutral.subtle',
|
|
@@ -36,6 +36,12 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
class MockTeamCentralClient extends TeamCentralCardClient {
|
|
39
|
+
preloadOrgId() {
|
|
40
|
+
return Promise.resolve('mock-org-id');
|
|
41
|
+
}
|
|
42
|
+
preloadWorkspaceExistsWithType() {
|
|
43
|
+
return Promise.resolve('mock-workspace-exists-with-type');
|
|
44
|
+
}
|
|
39
45
|
createOrgContainsAnyWorkspacePromise(config) {
|
|
40
46
|
return Promise.resolve(true);
|
|
41
47
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import sample from 'lodash/sample';
|
|
2
2
|
import { getTimeString, getWeekday } from './util';
|
|
3
|
-
const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
|
|
3
|
+
export const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
|
|
4
4
|
];
|
|
5
5
|
const getAvatar = () => sample(avatarImages);
|
|
6
6
|
const profiles = [{
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import profiles from './profile-data';
|
|
1
|
+
import profiles, { avatarImages } from './profile-data';
|
|
2
2
|
const mappedProfileToReportingLines = profiles.map((profile, index) => ({
|
|
3
3
|
accountIdentifier: '123456:12345-67890-' + index,
|
|
4
4
|
identifierType: 'ATLASSIAN_ID',
|
|
5
5
|
pii: {
|
|
6
6
|
name: profile.User.fullName,
|
|
7
|
-
picture:
|
|
7
|
+
picture: index < avatarImages.length ? avatarImages[index] : avatarImages[0]
|
|
8
8
|
}
|
|
9
9
|
}));
|
|
10
10
|
const halfCount = Math.ceil(mappedProfileToReportingLines.length / 2);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Card.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* Card.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
|
|
3
3
|
import "./Card.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* TeamCard.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* TeamCard.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./TeamCard.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./TeamTrigger.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* UserTrigger.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* UserTrigger.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
// PLEASE NOTE: This file is sync-loaded with the trigger components. Only add components here that
|
|
3
3
|
// are necessary for the main render of the trigger component to help maintain bundle size.
|
|
4
4
|
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
|
|
@@ -2,6 +2,10 @@ import { getPageTime } from './performance';
|
|
|
2
2
|
|
|
3
3
|
/** Below lines are copied from teams common analytics */
|
|
4
4
|
const ANALYTICS_CHANNEL = 'peopleTeams';
|
|
5
|
+
export const PACKAGE_META_DATA = {
|
|
6
|
+
packageName: "@atlaskit/profilecard",
|
|
7
|
+
packageVersion: "24.13.7"
|
|
8
|
+
};
|
|
5
9
|
const runItLater = cb => {
|
|
6
10
|
const requestIdleCallback = window.requestIdleCallback;
|
|
7
11
|
if (typeof requestIdleCallback === 'function') {
|
|
@@ -41,12 +45,12 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
|
|
|
41
45
|
actionSubjectId,
|
|
42
46
|
attributes: {
|
|
43
47
|
packageName: "@atlaskit/profilecard",
|
|
44
|
-
packageVersion: "24.13.
|
|
48
|
+
packageVersion: "24.13.7",
|
|
45
49
|
...attributes,
|
|
46
50
|
firedAt: Math.round(getPageTime())
|
|
47
51
|
}
|
|
48
52
|
});
|
|
49
|
-
const getActionSubject = type => {
|
|
53
|
+
export const getActionSubject = type => {
|
|
50
54
|
switch (type) {
|
|
51
55
|
case 'user':
|
|
52
56
|
return USER_SUBJECT;
|
|
@@ -37,8 +37,8 @@ var ProfileCardClient = /*#__PURE__*/function () {
|
|
|
37
37
|
}
|
|
38
38
|
}, {
|
|
39
39
|
key: "getProfile",
|
|
40
|
-
value: function getProfile(cloudId, userId, analytics) {
|
|
41
|
-
return this.userClient.getProfile(cloudId, userId, analytics);
|
|
40
|
+
value: function getProfile(cloudId, userId, analytics, analyticsNext) {
|
|
41
|
+
return this.userClient.getProfile(cloudId, userId, analytics, analyticsNext);
|
|
42
42
|
}
|
|
43
43
|
}, {
|
|
44
44
|
key: "getTeamProfile",
|
|
@@ -15,7 +15,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
15
15
|
import { print } from 'graphql';
|
|
16
16
|
import gql from 'graphql-tag';
|
|
17
17
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
|
-
import { userRequestAnalytics } from '../util/analytics';
|
|
18
|
+
import { PACKAGE_META_DATA, userRequestAnalytics } from '../util/analytics';
|
|
19
19
|
import { localTime } from '../util/date';
|
|
20
20
|
import { getPageTime } from '../util/performance';
|
|
21
21
|
import CachingClient from './CachingClient';
|
|
@@ -147,7 +147,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
|
|
|
147
147
|
}()
|
|
148
148
|
}, {
|
|
149
149
|
key: "getProfile",
|
|
150
|
-
value: function getProfile(cloudId, userId, analytics) {
|
|
150
|
+
value: function getProfile(cloudId, userId, analytics, analyticsNext) {
|
|
151
151
|
var _this2 = this;
|
|
152
152
|
if (!userId) {
|
|
153
153
|
return Promise.reject(new Error('userId missing'));
|
|
@@ -159,24 +159,58 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
|
|
|
159
159
|
}
|
|
160
160
|
return new Promise(function (resolve, reject) {
|
|
161
161
|
var startTime = getPageTime();
|
|
162
|
-
if (analytics) {
|
|
163
|
-
|
|
162
|
+
if (fg('ptc-enable-profile-card-analytics-refactor')) {
|
|
163
|
+
if (analyticsNext) {
|
|
164
|
+
analyticsNext('operational.profilecard.triggered.request', _objectSpread({
|
|
165
|
+
firedAt: Math.round(getPageTime())
|
|
166
|
+
}, PACKAGE_META_DATA));
|
|
167
|
+
}
|
|
168
|
+
} else {
|
|
169
|
+
if (analytics) {
|
|
170
|
+
analytics(userRequestAnalytics('triggered'));
|
|
171
|
+
}
|
|
164
172
|
}
|
|
165
173
|
_this2.makeRequest(cloudId, userId).then(function (data) {
|
|
166
174
|
if (_this2.cache) {
|
|
167
175
|
_this2.setCachedProfile(cacheIdentifier, data);
|
|
168
176
|
}
|
|
169
|
-
if (analytics) {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
177
|
+
if (fg('ptc-enable-profile-card-analytics-refactor')) {
|
|
178
|
+
if (analyticsNext) {
|
|
179
|
+
analyticsNext('operational.profilecard.succeeded.request', _objectSpread({
|
|
180
|
+
duration: getPageTime() - startTime,
|
|
181
|
+
firedAt: Math.round(getPageTime())
|
|
182
|
+
}, PACKAGE_META_DATA));
|
|
183
|
+
}
|
|
184
|
+
} else {
|
|
185
|
+
if (analytics) {
|
|
186
|
+
analytics(userRequestAnalytics('succeeded', {
|
|
187
|
+
duration: getPageTime() - startTime
|
|
188
|
+
}));
|
|
189
|
+
}
|
|
173
190
|
}
|
|
174
191
|
resolve(data);
|
|
175
192
|
}).catch(function (error) {
|
|
176
|
-
if (analytics) {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
193
|
+
if (fg('ptc-enable-profile-card-analytics-refactor')) {
|
|
194
|
+
if (analyticsNext) {
|
|
195
|
+
var errorAttributes = getErrorAttributes(error);
|
|
196
|
+
analyticsNext('operational.profilecard.failed.request', _objectSpread(_objectSpread({
|
|
197
|
+
duration: getPageTime() - startTime
|
|
198
|
+
}, errorAttributes), {}, {
|
|
199
|
+
traceId: errorAttributes.traceId || null,
|
|
200
|
+
errorCategory: errorAttributes.errorCategory || null,
|
|
201
|
+
errorType: errorAttributes.errorType || null,
|
|
202
|
+
errorPath: errorAttributes.errorPath || null,
|
|
203
|
+
errorNumber: errorAttributes.errorNumber || null,
|
|
204
|
+
errorStatusCode: errorAttributes.errorStatusCode || null,
|
|
205
|
+
firedAt: Math.round(getPageTime())
|
|
206
|
+
}, PACKAGE_META_DATA));
|
|
207
|
+
}
|
|
208
|
+
} else {
|
|
209
|
+
if (analytics) {
|
|
210
|
+
analytics(userRequestAnalytics('failed', _objectSpread({
|
|
211
|
+
duration: getPageTime() - startTime
|
|
212
|
+
}, getErrorAttributes(error))));
|
|
213
|
+
}
|
|
180
214
|
}
|
|
181
215
|
reject(error);
|
|
182
216
|
});
|
|
@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
|
|
|
4
4
|
var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
|
|
5
5
|
var addHeaders = function addHeaders(headers) {
|
|
6
6
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
7
|
-
headers.append('atl-client-version', "24.13.
|
|
7
|
+
headers.append('atl-client-version', "24.13.7");
|
|
8
8
|
return headers;
|
|
9
9
|
};
|
|
10
10
|
export function getOrgIdForCloudIdFromAGG(_x, _x2) {
|
|
@@ -59,7 +59,7 @@ export var addHeaders = function addHeaders(headers) {
|
|
|
59
59
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
60
60
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
61
61
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
62
|
-
headers.append('atl-client-version', "24.13.
|
|
62
|
+
headers.append('atl-client-version', "24.13.7");
|
|
63
63
|
return headers;
|
|
64
64
|
};
|
|
65
65
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -164,6 +164,9 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
|
|
|
164
164
|
return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
|
|
165
165
|
errorType: errorType,
|
|
166
166
|
fireAnalytics: fireAnalytics
|
|
167
|
+
// TODO: Add fireAnalyticsNext
|
|
168
|
+
,
|
|
169
|
+
fireAnalyticsNext: function fireAnalyticsNext() {}
|
|
167
170
|
}));
|
|
168
171
|
}
|
|
169
172
|
return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -148,7 +148,8 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
|
|
|
148
148
|
fetchData();
|
|
149
149
|
},
|
|
150
150
|
errorType: error || null,
|
|
151
|
-
fireAnalytics: function fireAnalytics() {}
|
|
151
|
+
fireAnalytics: function fireAnalytics() {},
|
|
152
|
+
fireAnalyticsNext: function fireAnalyticsNext() {}
|
|
152
153
|
}));
|
|
153
154
|
}
|
|
154
155
|
return /*#__PURE__*/React.createElement(Suspense, {
|
|
@@ -1,25 +1,38 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
1
4
|
import React, { useEffect } from 'react';
|
|
2
5
|
import Button from '@atlaskit/button/new';
|
|
3
6
|
import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
|
|
4
7
|
import IconError from '@atlaskit/icon/glyph/cross-circle';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
9
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
6
10
|
import { Text } from '@atlaskit/primitives';
|
|
7
11
|
import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
|
|
8
|
-
import { profileCardRendered } from '../../util/analytics';
|
|
12
|
+
import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
|
|
9
13
|
var ErrorMessage = function ErrorMessage(props) {
|
|
10
14
|
var errorType = props.errorType || {
|
|
11
15
|
reason: 'default'
|
|
12
16
|
};
|
|
13
17
|
var errorReason = errorType.reason;
|
|
14
18
|
var fireAnalytics = props.fireAnalytics,
|
|
19
|
+
fireAnalyticsNext = props.fireAnalyticsNext,
|
|
15
20
|
reload = props.reload;
|
|
16
21
|
var hasRetry = !!reload;
|
|
17
22
|
useEffect(function () {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
if (fg('ptc-enable-profile-card-analytics-refactor')) {
|
|
24
|
+
fireAnalyticsNext('ui.profilecard.rendered.error', _objectSpread({
|
|
25
|
+
hasRetry: hasRetry,
|
|
26
|
+
errorType: errorReason,
|
|
27
|
+
firedAt: Math.round(performance.now())
|
|
28
|
+
}, PACKAGE_META_DATA));
|
|
29
|
+
} else {
|
|
30
|
+
fireAnalytics(profileCardRendered('user', 'error', {
|
|
31
|
+
hasRetry: hasRetry,
|
|
32
|
+
errorType: errorReason
|
|
33
|
+
}));
|
|
34
|
+
}
|
|
35
|
+
}, [errorReason, fireAnalytics, fireAnalyticsNext, hasRetry]);
|
|
23
36
|
var errorContent = function errorContent() {
|
|
24
37
|
if (errorReason === 'NotFound') {
|
|
25
38
|
return /*#__PURE__*/React.createElement(ErrorTitle, null, "The user is no longer available for the site");
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
4
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
5
|
var _excluded = ["triggerRef", "isSelected", "testId"];
|
|
6
|
+
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; }
|
|
7
|
+
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; }
|
|
5
8
|
import React, { useCallback, useState } from 'react';
|
|
6
9
|
import { useIntl } from 'react-intl-next';
|
|
7
10
|
import { IconButton } from '@atlaskit/button/new';
|
|
@@ -10,7 +13,8 @@ import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
|
|
|
10
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
14
|
import messages from '../../messages';
|
|
12
15
|
import { OverflowActionButtonsWrapper } from '../../styled/Card';
|
|
13
|
-
import { moreActionsClicked } from '../../util/analytics';
|
|
16
|
+
import { moreActionsClicked, PACKAGE_META_DATA } from '../../util/analytics';
|
|
17
|
+
import { getPageTime } from '../../util/performance';
|
|
14
18
|
export var ACTION_OVERFLOW_THRESHOLD = 2;
|
|
15
19
|
export var OverflowProfileCardButtons = function OverflowProfileCardButtons(props) {
|
|
16
20
|
var intl = useIntl();
|
|
@@ -19,22 +23,33 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
|
|
|
19
23
|
setOpen = _useState2[1];
|
|
20
24
|
var actions = props.actions,
|
|
21
25
|
onItemClick = props.onItemClick,
|
|
22
|
-
fireAnalyticsWithDuration = props.fireAnalyticsWithDuration
|
|
26
|
+
fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
|
|
27
|
+
fireAnalyticsWithDurationNext = props.fireAnalyticsWithDurationNext;
|
|
23
28
|
var numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
|
|
24
29
|
var onOpenChange = useCallback(function (_ref) {
|
|
25
30
|
var nextOpen = _ref.isOpen;
|
|
26
31
|
setOpen(function (prevOpen) {
|
|
27
32
|
if (nextOpen && !prevOpen) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
33
|
+
if (fg('ptc-enable-profile-card-analytics-refactor')) {
|
|
34
|
+
fireAnalyticsWithDurationNext('ui.profilecard.clicked.moreActions', function (duration) {
|
|
35
|
+
return _objectSpread({
|
|
36
|
+
duration: duration,
|
|
37
|
+
numActions: numActions,
|
|
38
|
+
firedAt: Math.round(getPageTime())
|
|
39
|
+
}, PACKAGE_META_DATA);
|
|
32
40
|
});
|
|
33
|
-
}
|
|
41
|
+
} else {
|
|
42
|
+
fireAnalyticsWithDuration(function (duration) {
|
|
43
|
+
return moreActionsClicked('user', {
|
|
44
|
+
duration: duration,
|
|
45
|
+
numActions: numActions
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
}
|
|
34
49
|
}
|
|
35
50
|
return nextOpen;
|
|
36
51
|
});
|
|
37
|
-
}, [numActions, fireAnalyticsWithDuration]);
|
|
52
|
+
}, [numActions, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
|
|
38
53
|
return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, {
|
|
39
54
|
testId: "profilecard-actions-overflow"
|
|
40
55
|
}, /*#__PURE__*/React.createElement(DropdownMenu, {
|