@atlaskit/profilecard 24.13.6 → 24.14.0

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

@@ -8,20 +8,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
 var _useProfileInfo2 = require("../../util/useProfileInfo");
 var _LoadingState = require("./LoadingState");
 var _PopupTrigger = require("./PopupTrigger");
 var _ProfileCardWrapper = require("./ProfileCardWrapper");
-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"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
 function ProfileCardTriggerInner(_ref, ref) {
@@ -33,7 +38,9 @@ function ProfileCardTriggerInner(_ref, ref) {
     fetchProfile = _ref.fetchProfile,
     disabledAriaAttributes = _ref.disabledAriaAttributes,
     profileCardType = _ref.profileCardType,
+    testId = _ref.testId,
     fireAnalytics = _ref.fireAnalytics,
+    fireAnalyticsNext = _ref.fireAnalyticsNext,
     popupProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var showDelay = _trigger === 'click' ? 0 : DELAY_MS_SHOW;
   var hideDelay = _trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -78,8 +85,18 @@ function ProfileCardTriggerInner(_ref, ref) {
             if (!visible) {
               getProfileData === null || getProfileData === void 0 || getProfileData();
               setVisible(true);
-              if (fireAnalytics) {
-                fireAnalytics((0, _analytics.cardTriggered)(profileCardType, _trigger));
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+                if (fireAnalyticsNext) {
+                  fireAnalyticsNext("ui.".concat((0, _analytics.getActionSubject)(profileCardType), ".triggered"), _objectSpread(_objectSpread({
+                    method: _trigger
+                  }, _analytics.PACKAGE_META_DATA), {}, {
+                    firedAt: Math.round((0, _performance.getPageTime)())
+                  }));
+                }
+              } else {
+                if (fireAnalytics) {
+                  fireAnalytics((0, _analytics.cardTriggered)(profileCardType, _trigger));
+                }
               }
             }
           }, showDelay);
@@ -88,7 +105,7 @@ function ProfileCardTriggerInner(_ref, ref) {
           return _context.stop();
       }
     }, _callee);
-  })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger]);
+  })), [showDelay, visible, getProfileData, fireAnalytics, profileCardType, _trigger, fireAnalyticsNext]);
   var onMouseEnter = (0, _react.useCallback)(function () {
     showProfilecard();
   }, [showProfilecard]);
@@ -109,7 +126,8 @@ function ProfileCardTriggerInner(_ref, ref) {
         showProfilecard: showProfilecard,
         children: children,
         ariaLabelledBy: ariaLabelledBy,
-        trigger: _trigger
+        trigger: _trigger,
+        "data-testid": testId
       }));
     },
     content: function content() {
@@ -119,9 +137,13 @@ function ProfileCardTriggerInner(_ref, ref) {
         _react.default.createElement("div", {
           onMouseEnter: onMouseEnter,
           onMouseLeave: hideProfilecard,
-          onFocus: showProfilecard
-        }, isLoading ? /*#__PURE__*/_react.default.createElement(_ProfileCardWrapper.ProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
+          onFocus: showProfilecard,
+          "data-testid": "profile-card--trigger-content"
+        }, isLoading ? /*#__PURE__*/_react.default.createElement(_ProfileCardWrapper.ProfileCardWrapper, {
+          testId: "profilecard.profilecardtrigger.loading"
+        }, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
           fireAnalytics: fireAnalytics,
+          fireAnalyticsNext: fireAnalyticsNext,
           profileType: profileCardType
         })) : renderProfileCard({
           profileData: profileData,

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

@@ -13,8 +13,10 @@ var styles = (0, _primitives.xcss)({
   width: '360px'
 });
 var ProfileCardWrapper = exports.ProfileCardWrapper = function ProfileCardWrapper(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: styles
+    xcss: styles,
+    testId: testId
   }, children);
 };

package/dist/cjs/components/team-profile-card/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/team-profile-card/team-connections/main.js

@@ -1,7 +1,6 @@
-/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,9 +10,7 @@ require("./main.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _menu = require("@atlaskit/menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _teamsPublic = require("@atlaskit/teams-public");
 var _analytics = require("../../../util/analytics");
@@ -28,7 +25,6 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
     title = _ref.title,
     containerIcon = _ref.containerIcon,
     link = _ref.link;
-  var isContainerIconEnabled = (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page');
   var _getContainerProperti = (0, _teamsPublic.getContainerProperties)({
       containerType: containerType,
       iconSize: 'medium',
@@ -56,17 +52,11 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
     xcss: styles.containerWrapperStyles
-  }, isContainerIconEnabled ? /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
     containerType: containerType,
     title: title,
     containerIcon: containerIcon,
     size: "small"
-  }) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    as: "img",
-    src: containerIcon,
-    alt: "",
-    testId: "linked-container-icon",
-    xcss: styles.containerIconStyles
   }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     maxLines: 1,
     color: "color.text"
@@ -89,7 +79,6 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
     title = _ref2.title,
     containerIcon = _ref2.containerIcon,
     link = _ref2.link;
-  var isContainerIconEnabled = (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page');
   var _getContainerProperti2 = (0, _teamsPublic.getContainerProperties)({
       containerType: containerType,
       iconSize: 'medium',
@@ -123,16 +112,11 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
       size: "small",
       color: "color.text.subtlest"
     }, containerTypeText)),
-    iconBefore: isContainerIconEnabled ? /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
       containerType: containerType,
       title: title,
       containerIcon: containerIcon,
       size: "small"
-    }) : /*#__PURE__*/_react.default.createElement(_avatar.default, {
-      size: "small",
-      appearance: "square",
-      src: containerIcon,
-      testId: "linked-container-icon"
     }),
     iconAfter: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       backgroundColor: 'color.background.neutral.subtle',

package/dist/cjs/components/team-profile-card/team-containers-skeleton/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/mocks/mock-profile-client.js

@@ -65,6 +65,16 @@ function getMockProfileClient(BaseProfileClient, modifyResponse) {
     }
     (0, _inherits2.default)(MockTeamCentralClient, _TeamCentralCardClien);
     return (0, _createClass2.default)(MockTeamCentralClient, [{
+      key: "preloadOrgId",
+      value: function preloadOrgId() {
+        return Promise.resolve('mock-org-id');
+      }
+    }, {
+      key: "preloadWorkspaceExistsWithType",
+      value: function preloadWorkspaceExistsWithType() {
+        return Promise.resolve('mock-workspace-exists-with-type');
+      }
+    }, {
       key: "createOrgContainsAnyWorkspacePromise",
       value: function createOrgContainsAnyWorkspacePromise(config) {
         return Promise.resolve(true);

package/dist/cjs/mocks/profile-data.js

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.avatarImages = void 0;
 var _sample = _interopRequireDefault(require("lodash/sample"));
 var _util = require("./util");
-var 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
+var avatarImages = exports.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
 ];
 var getAvatar = function getAvatar() {
   return (0, _sample.default)(avatarImages);

package/dist/cjs/mocks/reporting-lines-data.js

@@ -1,18 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reportingLinesData = void 0;
-var _profileData = _interopRequireDefault(require("./profile-data"));
+var _profileData = _interopRequireWildcard(require("./profile-data"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var mappedProfileToReportingLines = _profileData.default.map(function (profile, index) {
   return {
     accountIdentifier: '123456:12345-67890-' + index,
     identifierType: 'ATLASSIAN_ID',
     pii: {
       name: profile.User.fullName,
-      picture: profile.User.avatarUrl
+      picture: index < _profileData.avatarImages.length ? _profileData.avatarImages[index] : _profileData.avatarImages[0]
     }
   };
 });

package/dist/cjs/styled/Card.js

@@ -1,4 +1,4 @@
-/* Card.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Card.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
 "use strict";
 

package/dist/cjs/styled/CoverImage.js

@@ -1,4 +1,4 @@
-/* CoverImage.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* CoverImage.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/styled/Error.js

@@ -1,4 +1,4 @@
-/* Error.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Error.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/ReportingLines.js

@@ -1,4 +1,4 @@
-/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReportingLines.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/TeamCard.js

@@ -1,4 +1,4 @@
-/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* TeamCard.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/TeamTrigger.js

@@ -1,4 +1,4 @@
-/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/UserTrigger.js

@@ -1,4 +1,4 @@
-/* UserTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* UserTrigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 // PLEASE NOTE: This file is sync-loaded with the trigger components. Only add components here that
 // are necessary for the main render of the trigger component to help maintain bundle size.
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */

package/dist/cjs/util/analytics.js

@@ -4,13 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.agentRequestAnalytics = exports.actionClicked = void 0;
+exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.getActionSubject = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.agentRequestAnalytics = exports.actionClicked = exports.PACKAGE_META_DATA = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _performance = require("./performance");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** Below lines are copied from teams common analytics */
 var ANALYTICS_CHANNEL = 'peopleTeams';
+var PACKAGE_META_DATA = exports.PACKAGE_META_DATA = {
+  packageName: "@atlaskit/profilecard",
+  packageVersion: "24.13.7"
+};
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
   if (typeof requestIdleCallback === 'function') {
@@ -54,13 +58,13 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.13.5"
+      packageVersion: "24.13.7"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
   };
 };
-var getActionSubject = function getActionSubject(type) {
+var getActionSubject = exports.getActionSubject = function getActionSubject(type) {
   switch (type) {
     case 'user':
       return USER_SUBJECT;

package/dist/es2019/client/ProfileCardClient.js

@@ -29,8 +29,8 @@ class ProfileCardClient {
     (_this$tcClient = this.tcClient) === null || _this$tcClient === void 0 ? void 0 : _this$tcClient.flushCache();
     (_this$rovoAgentClient = this.rovoAgentClient) === null || _this$rovoAgentClient === void 0 ? void 0 : _this$rovoAgentClient.flushCache();
   }
-  getProfile(cloudId, userId, analytics) {
-    return this.userClient.getProfile(cloudId, userId, analytics);
+  getProfile(cloudId, userId, analytics, analyticsNext) {
+    return this.userClient.getProfile(cloudId, userId, analytics, analyticsNext);
   }
   getTeamProfile(teamId, orgId, analytics) {
     return this.teamClient.getProfile(teamId, orgId, analytics);

package/dist/es2019/client/UserProfileCardClient.js

@@ -1,7 +1,7 @@
 import { print } from 'graphql';
 import gql from 'graphql-tag';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { userRequestAnalytics } from '../util/analytics';
+import { PACKAGE_META_DATA, userRequestAnalytics } from '../util/analytics';
 import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
 import CachingClient from './CachingClient';
@@ -149,7 +149,7 @@ export default class UserProfileCardClient extends CachingClient {
       timestring: timestring
     };
   }
-  getProfile(cloudId, userId, analytics) {
+  getProfile(cloudId, userId, analytics, analyticsNext) {
     if (!userId) {
       return Promise.reject(new Error('userId missing'));
     }
@@ -160,25 +160,62 @@ export default class UserProfileCardClient extends CachingClient {
     }
     return new Promise((resolve, reject) => {
       const startTime = getPageTime();
-      if (analytics) {
-        analytics(userRequestAnalytics('triggered'));
+      if (fg('ptc-enable-profile-card-analytics-refactor')) {
+        if (analyticsNext) {
+          analyticsNext('operational.profilecard.triggered.request', {
+            firedAt: Math.round(getPageTime()),
+            ...PACKAGE_META_DATA
+          });
+        }
+      } else {
+        if (analytics) {
+          analytics(userRequestAnalytics('triggered'));
+        }
       }
       this.makeRequest(cloudId, userId).then(data => {
         if (this.cache) {
           this.setCachedProfile(cacheIdentifier, data);
         }
-        if (analytics) {
-          analytics(userRequestAnalytics('succeeded', {
-            duration: getPageTime() - startTime
-          }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            analyticsNext('operational.profilecard.succeeded.request', {
+              duration: getPageTime() - startTime,
+              firedAt: Math.round(getPageTime()),
+              ...PACKAGE_META_DATA
+            });
+          }
+        } else {
+          if (analytics) {
+            analytics(userRequestAnalytics('succeeded', {
+              duration: getPageTime() - startTime
+            }));
+          }
         }
         resolve(data);
       }).catch(error => {
-        if (analytics) {
-          analytics(userRequestAnalytics('failed', {
-            duration: getPageTime() - startTime,
-            ...getErrorAttributes(error)
-          }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          if (analyticsNext) {
+            const errorAttributes = getErrorAttributes(error);
+            analyticsNext('operational.profilecard.failed.request', {
+              duration: getPageTime() - startTime,
+              ...errorAttributes,
+              traceId: errorAttributes.traceId || null,
+              errorCategory: errorAttributes.errorCategory || null,
+              errorType: errorAttributes.errorType || null,
+              errorPath: errorAttributes.errorPath || null,
+              errorNumber: errorAttributes.errorNumber || null,
+              errorStatusCode: errorAttributes.errorStatusCode || null,
+              firedAt: Math.round(getPageTime()),
+              ...PACKAGE_META_DATA
+            });
+          }
+        } else {
+          if (analytics) {
+            analytics(userRequestAnalytics('failed', {
+              duration: getPageTime() - startTime,
+              ...getErrorAttributes(error)
+            }));
+          }
         }
         reject(error);
       });

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

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

package/dist/es2019/client/getTeamFromAGG.js

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

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

@@ -129,6 +129,9 @@ const AgentProfileCard = ({
     return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       errorType: errorType,
       fireAnalytics: fireAnalytics
+      // TODO: Add fireAnalyticsNext
+      ,
+      fireAnalyticsNext: () => {}
     }));
   }
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {

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

@@ -89,7 +89,8 @@ export const AgentProfileCardResourced = props => {
         fetchData();
       },
       errorType: error || null,
-      fireAnalytics: () => {}
+      fireAnalytics: () => {},
+      fireAnalyticsNext: () => {}
     }));
   }
   return /*#__PURE__*/React.createElement(Suspense, {

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

@@ -2,10 +2,11 @@ import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/new';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Text } from '@atlaskit/primitives';
 import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
-import { profileCardRendered } from '../../util/analytics';
+import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
 const ErrorMessage = props => {
   const errorType = props.errorType || {
     reason: 'default'
@@ -13,15 +14,25 @@ const ErrorMessage = props => {
   const errorReason = errorType.reason;
   const {
     fireAnalytics,
+    fireAnalyticsNext,
     reload
   } = props;
   const hasRetry = !!reload;
   useEffect(() => {
-    fireAnalytics(profileCardRendered('user', 'error', {
-      hasRetry,
-      errorType: errorReason
-    }));
-  }, [errorReason, fireAnalytics, hasRetry]);
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireAnalyticsNext('ui.profilecard.rendered.error', {
+        hasRetry,
+        errorType: errorReason,
+        firedAt: Math.round(performance.now()),
+        ...PACKAGE_META_DATA
+      });
+    } else {
+      fireAnalytics(profileCardRendered('user', 'error', {
+        hasRetry,
+        errorType: errorReason
+      }));
+    }
+  }, [errorReason, fireAnalytics, fireAnalyticsNext, hasRetry]);
   const errorContent = () => {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/React.createElement(ErrorTitle, null, "The user is no longer available for the site");

package/dist/es2019/components/User/OverflowProfileCardButtons.js

@@ -7,7 +7,8 @@ import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
-import { moreActionsClicked } from '../../util/analytics';
+import { moreActionsClicked, PACKAGE_META_DATA } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 export const ACTION_OVERFLOW_THRESHOLD = 2;
 export const OverflowProfileCardButtons = props => {
   const intl = useIntl();
@@ -15,7 +16,8 @@ export const OverflowProfileCardButtons = props => {
   const {
     actions,
     onItemClick,
-    fireAnalyticsWithDuration
+    fireAnalyticsWithDuration,
+    fireAnalyticsWithDurationNext
   } = props;
   const numActions = actions.length + ACTION_OVERFLOW_THRESHOLD;
   const onOpenChange = useCallback(({
@@ -23,14 +25,23 @@ export const OverflowProfileCardButtons = props => {
   }) => {
     setOpen(prevOpen => {
       if (nextOpen && !prevOpen) {
-        fireAnalyticsWithDuration(duration => moreActionsClicked('user', {
-          duration,
-          numActions
-        }));
+        if (fg('ptc-enable-profile-card-analytics-refactor')) {
+          fireAnalyticsWithDurationNext('ui.profilecard.clicked.moreActions', duration => ({
+            duration,
+            numActions,
+            firedAt: Math.round(getPageTime()),
+            ...PACKAGE_META_DATA
+          }));
+        } else {
+          fireAnalyticsWithDuration(duration => moreActionsClicked('user', {
+            duration,
+            numActions
+          }));
+        }
       }
       return nextOpen;
     });
-  }, [numActions, fireAnalyticsWithDuration]);
+  }, [numActions, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext]);
   return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, {
     testId: "profilecard-actions-overflow"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {