@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.
Files changed (142) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/__tests__/vr-tests/__snapshots__/agent-profilecard/agent-profile-card-example--default.png +0 -0
  3. package/__tests__/vr-tests/__snapshots__/user-profilecard/alternate-actions--default.png +0 -0
  4. package/__tests__/vr-tests/__snapshots__/user-profilecard/best-case-profile--default.png +0 -0
  5. package/__tests__/vr-tests/__snapshots__/user-profilecard/bot-case-profile--default.png +0 -0
  6. package/__tests__/vr-tests/__snapshots__/user-profilecard/error-state--default.png +0 -0
  7. package/__tests__/vr-tests/__snapshots__/user-profilecard/error-state-not-found--default.png +0 -0
  8. package/__tests__/vr-tests/__snapshots__/user-profilecard/worst-case-profile--default.png +0 -0
  9. package/__tests__/vr-tests/agent-profilecard.vr.tsx +5 -0
  10. package/__tests__/vr-tests/user-profilecard.vr.tsx +17 -0
  11. package/afm-cc/tsconfig.json +6 -0
  12. package/afm-dev-agents/tsconfig.json +6 -0
  13. package/afm-jira/tsconfig.json +6 -0
  14. package/afm-passionfruit/tsconfig.json +6 -0
  15. package/afm-post-office/tsconfig.json +6 -0
  16. package/afm-rovo-extension/tsconfig.json +6 -0
  17. package/afm-townsquare/tsconfig.json +6 -0
  18. package/dist/cjs/client/ProfileCardClient.js +2 -2
  19. package/dist/cjs/client/UserProfileCardClient.js +45 -11
  20. package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
  21. package/dist/cjs/client/getTeamFromAGG.js +1 -1
  22. package/dist/cjs/components/Agent/AgentProfileCard.js +3 -0
  23. package/dist/cjs/components/Agent/AgentProfileCardResourced.js +2 -1
  24. package/dist/cjs/components/Error/ErrorMessage.js +18 -7
  25. package/dist/cjs/components/User/OverflowProfileCardButtons.js +22 -7
  26. package/dist/cjs/components/User/ProfileCard.js +80 -28
  27. package/dist/cjs/components/User/ProfileCardDetails.js +3 -2
  28. package/dist/cjs/components/User/ProfileCardResourced.js +40 -16
  29. package/dist/cjs/components/User/ProfileCardTrigger.js +53 -13
  30. package/dist/cjs/components/User/ReportingLinesDetails.js +37 -12
  31. package/dist/cjs/components/User/UserLoadingState.js +15 -3
  32. package/dist/cjs/components/common/LoadingState.js +17 -3
  33. package/dist/cjs/components/common/ProfileCardTrigger.js +29 -7
  34. package/dist/cjs/components/common/ProfileCardWrapper.js +4 -2
  35. package/dist/cjs/components/team-profile-card/main.js +1 -1
  36. package/dist/cjs/components/team-profile-card/team-connections/main.js +3 -19
  37. package/dist/cjs/components/team-profile-card/team-containers-skeleton/index.js +1 -1
  38. package/dist/cjs/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
  39. package/dist/cjs/mocks/mock-profile-client.js +10 -0
  40. package/dist/cjs/mocks/profile-data.js +2 -2
  41. package/dist/cjs/mocks/reporting-lines-data.js +4 -3
  42. package/dist/cjs/styled/Card.js +1 -1
  43. package/dist/cjs/styled/CoverImage.js +1 -1
  44. package/dist/cjs/styled/Error.js +1 -1
  45. package/dist/cjs/styled/ReportingLines.js +1 -1
  46. package/dist/cjs/styled/TeamCard.js +1 -1
  47. package/dist/cjs/styled/TeamTrigger.js +1 -1
  48. package/dist/cjs/styled/UserTrigger.js +1 -1
  49. package/dist/cjs/util/analytics.js +7 -3
  50. package/dist/es2019/client/ProfileCardClient.js +2 -2
  51. package/dist/es2019/client/UserProfileCardClient.js +50 -13
  52. package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
  53. package/dist/es2019/client/getTeamFromAGG.js +1 -1
  54. package/dist/es2019/components/Agent/AgentProfileCard.js +3 -0
  55. package/dist/es2019/components/Agent/AgentProfileCardResourced.js +2 -1
  56. package/dist/es2019/components/Error/ErrorMessage.js +17 -6
  57. package/dist/es2019/components/User/OverflowProfileCardButtons.js +18 -7
  58. package/dist/es2019/components/User/ProfileCard.js +72 -25
  59. package/dist/es2019/components/User/ProfileCardDetails.js +3 -2
  60. package/dist/es2019/components/User/ProfileCardResourced.js +25 -4
  61. package/dist/es2019/components/User/ProfileCardTrigger.js +55 -14
  62. package/dist/es2019/components/User/ReportingLinesDetails.js +31 -10
  63. package/dist/es2019/components/User/UserLoadingState.js +14 -4
  64. package/dist/es2019/components/common/LoadingState.js +16 -4
  65. package/dist/es2019/components/common/ProfileCardTrigger.js +26 -7
  66. package/dist/es2019/components/common/ProfileCardWrapper.js +4 -2
  67. package/dist/es2019/components/team-profile-card/main.js +1 -1
  68. package/dist/es2019/components/team-profile-card/team-connections/main.js +3 -18
  69. package/dist/es2019/components/team-profile-card/team-containers-skeleton/index.js +1 -1
  70. package/dist/es2019/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
  71. package/dist/es2019/mocks/mock-profile-client.js +6 -0
  72. package/dist/es2019/mocks/profile-data.js +1 -1
  73. package/dist/es2019/mocks/reporting-lines-data.js +2 -2
  74. package/dist/es2019/styled/Card.js +1 -1
  75. package/dist/es2019/styled/CoverImage.js +1 -1
  76. package/dist/es2019/styled/Error.js +1 -1
  77. package/dist/es2019/styled/ReportingLines.js +1 -1
  78. package/dist/es2019/styled/TeamCard.js +1 -1
  79. package/dist/es2019/styled/TeamTrigger.js +1 -1
  80. package/dist/es2019/styled/UserTrigger.js +1 -1
  81. package/dist/es2019/util/analytics.js +6 -2
  82. package/dist/esm/client/ProfileCardClient.js +2 -2
  83. package/dist/esm/client/UserProfileCardClient.js +46 -12
  84. package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
  85. package/dist/esm/client/getTeamFromAGG.js +1 -1
  86. package/dist/esm/components/Agent/AgentProfileCard.js +3 -0
  87. package/dist/esm/components/Agent/AgentProfileCardResourced.js +2 -1
  88. package/dist/esm/components/Error/ErrorMessage.js +19 -6
  89. package/dist/esm/components/User/OverflowProfileCardButtons.js +23 -8
  90. package/dist/esm/components/User/ProfileCard.js +80 -28
  91. package/dist/esm/components/User/ProfileCardDetails.js +3 -2
  92. package/dist/esm/components/User/ProfileCardResourced.js +40 -16
  93. package/dist/esm/components/User/ProfileCardTrigger.js +54 -14
  94. package/dist/esm/components/User/ReportingLinesDetails.js +38 -12
  95. package/dist/esm/components/User/UserLoadingState.js +16 -4
  96. package/dist/esm/components/common/LoadingState.js +18 -4
  97. package/dist/esm/components/common/ProfileCardTrigger.js +30 -8
  98. package/dist/esm/components/common/ProfileCardWrapper.js +4 -2
  99. package/dist/esm/components/team-profile-card/main.js +1 -1
  100. package/dist/esm/components/team-profile-card/team-connections/main.js +3 -18
  101. package/dist/esm/components/team-profile-card/team-containers-skeleton/index.js +1 -1
  102. package/dist/esm/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
  103. package/dist/esm/mocks/mock-profile-client.js +10 -0
  104. package/dist/esm/mocks/profile-data.js +1 -1
  105. package/dist/esm/mocks/reporting-lines-data.js +2 -2
  106. package/dist/esm/styled/Card.js +1 -1
  107. package/dist/esm/styled/CoverImage.js +1 -1
  108. package/dist/esm/styled/Error.js +1 -1
  109. package/dist/esm/styled/ReportingLines.js +1 -1
  110. package/dist/esm/styled/TeamCard.js +1 -1
  111. package/dist/esm/styled/TeamTrigger.js +1 -1
  112. package/dist/esm/styled/UserTrigger.js +1 -1
  113. package/dist/esm/util/analytics.js +6 -2
  114. package/dist/types/client/ProfileCardClient.d.ts +2 -1
  115. package/dist/types/client/TeamCentralCardClient.d.ts +2 -2
  116. package/dist/types/client/UserProfileCardClient.d.ts +2 -1
  117. package/dist/types/components/Error/ErrorMessage.d.ts +2 -0
  118. package/dist/types/components/User/ProfileCard.d.ts +3 -2
  119. package/dist/types/components/User/ProfileCardResourced.d.ts +4 -2
  120. package/dist/types/components/User/UserLoadingState.d.ts +3 -1
  121. package/dist/types/components/User/lazyProfileCard.d.ts +1 -1
  122. package/dist/types/components/common/LoadingState.d.ts +3 -1
  123. package/dist/types/components/common/ProfileCardWrapper.d.ts +2 -1
  124. package/dist/types/components/common/types.d.ts +3 -0
  125. package/dist/types/mocks/profile-data.d.ts +1 -0
  126. package/dist/types/types.d.ts +13 -6
  127. package/dist/types/util/analytics.d.ts +5 -0
  128. package/dist/types-ts4.5/client/ProfileCardClient.d.ts +2 -1
  129. package/dist/types-ts4.5/client/TeamCentralCardClient.d.ts +2 -2
  130. package/dist/types-ts4.5/client/UserProfileCardClient.d.ts +2 -1
  131. package/dist/types-ts4.5/components/Error/ErrorMessage.d.ts +2 -0
  132. package/dist/types-ts4.5/components/User/ProfileCard.d.ts +3 -2
  133. package/dist/types-ts4.5/components/User/ProfileCardResourced.d.ts +4 -2
  134. package/dist/types-ts4.5/components/User/UserLoadingState.d.ts +3 -1
  135. package/dist/types-ts4.5/components/User/lazyProfileCard.d.ts +1 -1
  136. package/dist/types-ts4.5/components/common/LoadingState.d.ts +3 -1
  137. package/dist/types-ts4.5/components/common/ProfileCardWrapper.d.ts +2 -1
  138. package/dist/types-ts4.5/components/common/types.d.ts +3 -0
  139. package/dist/types-ts4.5/mocks/profile-data.d.ts +1 -0
  140. package/dist/types-ts4.5/types.d.ts +13 -6
  141. package/dist/types-ts4.5/util/analytics.d.ts +5 -0
  142. package/package.json +12 -10
@@ -1,11 +1,9 @@
1
- /* main.tsx generated by @compiled/babel-plugin v0.36.1 */
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
- }, isContainerIconEnabled ? /*#__PURE__*/React.createElement(ContainerIcon, {
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: isContainerIconEnabled ? /*#__PURE__*/React.createElement(ContainerIcon, {
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',
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -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: profile.User.avatarUrl
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.36.1 */
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
- /* CoverImage.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* CoverImage.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./CoverImage.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useRef } from 'react';
@@ -1,4 +1,4 @@
1
- /* Error.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* Error.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./Error.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ReportingLines.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./ReportingLines.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* TeamCard.tsx generated by @compiled/babel-plugin v0.36.1 */
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.36.1 */
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.36.1 */
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.5",
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
- analytics(userRequestAnalytics('triggered'));
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
- analytics(userRequestAnalytics('succeeded', {
171
- duration: getPageTime() - startTime
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
- analytics(userRequestAnalytics('failed', _objectSpread({
178
- duration: getPageTime() - startTime
179
- }, getErrorAttributes(error))));
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.5");
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.5");
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
- fireAnalytics(profileCardRendered('user', 'error', {
19
- hasRetry: hasRetry,
20
- errorType: errorReason
21
- }));
22
- }, [errorReason, fireAnalytics, hasRetry]);
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
- fireAnalyticsWithDuration(function (duration) {
29
- return moreActionsClicked('user', {
30
- duration: duration,
31
- numActions: numActions
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, {