@atlaskit/profilecard 24.20.4 → 24.20.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 24.20.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.20.4
 
 ### Patch Changes

package/compass.yml

@@ -7,6 +7,9 @@ ownerId: 'ari:cloud:teams::team/229da7a2-bf93-4813-9e24-a6efbd2d445e'
 fields:
   tier: 2
 links:
+  - name: Root Repository
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
   - name: ''
     type: REPOSITORY
     url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/people-and-teams/profilecard/'

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.20.3");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.20.3");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -131,27 +131,23 @@ function ProfileCardTriggerInner(_ref, ref) {
       }));
     },
     content: function content() {
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-        _react.default.createElement("div", {
-          onMouseEnter: onMouseEnter
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseLeave: hideProfilecard,
-          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,
-          error: error
-        }))
-      );
+      return /*#__PURE__*/_react.default.createElement("div", {
+        onMouseEnter: onMouseEnter
+        // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+        ,
+        onMouseLeave: hideProfilecard,
+        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,
+        error: error
+      }));
     }
   }));
 }

package/dist/cjs/components/team-profile-card/main.compiled.css

@@ -1,45 +1,31 @@
 ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v564nm7n{transition:box-shadow .25s ease-in-out}
-._189ee4h9{border-width:var(--ds-border-width,1px)}
-._1dqonqa1{border-style:solid}
-._1h6dmuej{border-color:var(--ds-border,#091e4224)}
-._15a5nqa1{border-top-style:solid}
 ._18m915vq{overflow-y:hidden}
 ._18m91wug{overflow-y:auto}
 ._18u01ejb{margin-left:var(--ds-space-300,24px)}
 ._18u01wug{margin-left:auto}
 ._18u0pxbi{margin-left:var(--ds-space-200,1pc)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
-._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1gwv{width:360px}
 ._1bsb1osq{width:100%}
 ._1bsb7vkz{width:1pc}
 ._1e0c1txw{display:flex}
-._1i53muej{border-top-color:var(--ds-border,#091e4224)}
 ._1reo15vq{overflow-x:hidden}
 ._1ul95x59{min-width:340px}
 ._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
 ._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
 ._4t3i12am{height:50px}
-._4t3i1ul9{height:30px}
 ._4t3i1wug{height:auto}
-._4t3i53f4{height:75pt}
 ._4t3i7vkz{height:1pc}
 ._5ral1dfr{object-fit:cover}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._c71lx2si{max-height:265px}
 ._kqswstnw{position:absolute}
 ._otyr12x7{margin-bottom:var(--ds-space-075,6px)}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
 ._s7n4jp4b{vertical-align:top}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}

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

@@ -8,10 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TeamProfileCard = void 0;
 require("./main.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
@@ -35,50 +36,27 @@ var styles = {
   wrapperStyles: "_2rko1mok _v564nm7n _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bsb1gwv _1ul95x59 _4t3i1wug",
   containerStyles: "_otyrpxbi",
   avatarImageStyles: "_kqswstnw _18u01ejb",
-  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
-  newHeaderImageStyles: "_5ral1dfr _s7n4jp4b _4t3i12am _1bsb1osq",
+  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i12am _1bsb1osq",
   teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
-  teamConnectionHeaderStyles: "_18u0u2gc _2hwxu2gc _c71lx2si _18m91wug",
-  teamConnectionContainerStyles: "_18u0u2gc _2hwxu2gc",
   teamConnectionStyles: "_18u0u2gc _2hwxu2gc",
   teamConnectionItemsStyles: "_c71lx2si _18m91wug",
   connectionTitleStyles: "_11c81vhk _18u0pxbi _19pk1b66 _2hwxpxbi _otyr12x7 _syaz1gjq",
-  teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz",
-  viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
-  viewProfileButtonStyles: "_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
-};
-var TeamCardWrapper = function TeamCardWrapper(_ref) {
-  var id = _ref.id,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.wrapperStyles,
-    testId: "team-card-".concat(id)
-  }, children);
-};
-var HeaderImage = function HeaderImage(_ref2) {
-  var srcUrl = _ref2.srcUrl;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    as: "img",
-    src: srcUrl,
-    xcss: styles.headerImageStyles,
-    testId: "profile-header-image",
-    alt: "team-header-image"
-  });
+  teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
-var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3) {
-  var containerId = _ref3.containerId,
-    teamId = _ref3.teamId,
-    displayName = _ref3.displayName,
-    description = _ref3.description,
-    avatarImageUrl = _ref3.avatarImageUrl,
-    headerImageUrl = _ref3.headerImageUrl,
-    memberAvatars = _ref3.memberAvatars,
-    memberCount = _ref3.memberCount,
-    cloudId = _ref3.cloudId,
-    userId = _ref3.userId,
-    isVerified = _ref3.isVerified,
-    teamProfileUrl = _ref3.teamProfileUrl,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref) {
+  var containerId = _ref.containerId,
+    teamId = _ref.teamId,
+    displayName = _ref.displayName,
+    description = _ref.description,
+    avatarImageUrl = _ref.avatarImageUrl,
+    headerImageUrl = _ref.headerImageUrl,
+    memberAvatars = _ref.memberAvatars,
+    memberCount = _ref.memberCount,
+    cloudId = _ref.cloudId,
+    userId = _ref.userId,
+    isVerified = _ref.isVerified,
+    teamProfileUrl = _ref.teamProfileUrl,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useTeamContainers = (0, _teamsPublic.useTeamContainers)(teamId),
     teamContainers = _useTeamContainers.teamContainers,
     loading = _useTeamContainers.loading;
@@ -92,9 +70,6 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
       return tc.id === containerId;
     }).length < teamContainers.length;
   }, [containerId, teamContainers]);
-
-  // TODO: set isNewLayout to be true when clean up 'team-bi-directional-container-connection' experiment
-  var isNewLayout = Boolean(props.isKudosEnabled || props.otherActions);
   var onClick = (0, _react.useCallback)(function () {
     if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
       fireEventNext('ui.button.clicked.viewTeamProfileButton', {});
@@ -108,167 +83,96 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
         });
       }
     }
-    if (!isNewLayout) {
-      window.open(teamProfileUrl, '_blank');
-    }
-  }, [createAnalyticsEvent, teamProfileUrl, isNewLayout, fireEventNext]);
-  if (isNewLayout) {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.wrapperStyles,
-      testId: "team-card-".concat(teamId)
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      as: "img",
-      src: headerImageUrl,
-      xcss: styles.newHeaderImageStyles,
-      testId: "profile-header-image",
-      alt: "team-header-image"
-    }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
-      space: "space.200",
-      xcss: styles.containerStyles
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-      spread: "space-between",
-      alignBlock: "center"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.avatarImageStyles
-    }, /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, {
-      size: "medium",
-      src: avatarImageUrl
-    }))), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
-      xcss: styles.teamInformationStyles,
-      space: "space.200"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
-      justifyContent: "space-between"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
-      space: "space.050"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-      alignBlock: "center"
-    }, /*#__PURE__*/_react.default.createElement(_heading.default, {
-      size: "medium"
-    }, displayName), isVerified && /*#__PURE__*/_react.default.createElement(_verifiedTeamIcon.VerifiedTeamIcon, {
-      showTooltip: true
-    })), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-      color: "color.text.subtlest"
-    }, typeof memberCount === 'string' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
-      defaultMessage: "Contributing team \u2022 {memberCount} members",
-      values: {
-        memberCount: memberCount
-      },
-      id: "people-and-teams.team-profile-card.large-member-count"
-    }) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
-      defaultMessage: "Contributing team \u2022 {count, plural, one {# member} other {# members}}",
-      values: {
-        count: memberCount
-      },
-      id: "people-and-teams.team-profile-card.member-count"
-    }))), /*#__PURE__*/_react.default.createElement(_teamActions.TeamActions, (0, _extends2.default)({
-      cloudId: cloudId,
-      teamId: teamId
-    }, props))), /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
-      appearance: "stack",
-      data: memberAvatars
-    })), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-      color: "color.text",
-      maxLines: 3
-    }, description)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.teamConnectionStyles
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.connectionTitleStyles
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
-      defaultMessage: "Team links",
-      id: "people-and-teams.team-profile-card.team-connections"
-    })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.teamConnectionItemsStyles
-    }, /*#__PURE__*/_react.default.createElement(_linkItem.default, {
-      href: teamProfileUrl,
-      target: "_blank",
-      onClick: onClick,
-      description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
-        defaultMessage: "Team profile",
-        id: "people-and-teams.team-profile-card.team-profile-description"
-      }),
-      iconBefore: /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, {
-        size: "small",
-        src: avatarImageUrl
-      }),
-      iconAfter: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-        as: "img",
-        src: _TeamAppTile.default,
-        testId: "team-app-tile",
-        alt: "team-app-tile",
-        xcss: styles.teamAppTileStyles
-      }),
-      testId: "team-profile-card-profile-link-item"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-      maxLines: 1,
-      color: "color.text"
-    }, displayName)), (loading || hasOtherTeamConnections) && /*#__PURE__*/_react.default.createElement(_teamsPublic.TeamContainers, {
-      teamId: teamId,
-      onAddAContainerClick: noop,
-      userId: userId,
-      cloudId: cloudId,
-      components: {
-        ContainerCard: _main.NewTeamConnections,
-        TeamContainersSkeleton: _teamContainersSkeleton.TeamContainersSkeleton
-      },
-      filterContainerId: containerId,
-      isDisplayedOnProfileCard: true,
-      maxNumberOfContainersToShow: loading ? 0 : 9
-    })))));
-  }
-  return /*#__PURE__*/_react.default.createElement(TeamCardWrapper, {
-    id: teamId
-  }, /*#__PURE__*/_react.default.createElement(HeaderImage, {
-    srcUrl: headerImageUrl
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  }, [createAnalyticsEvent, fireEventNext]);
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.wrapperStyles,
+    testId: "team-card-".concat(teamId)
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    as: "img",
+    src: headerImageUrl,
+    xcss: styles.headerImageStyles,
+    testId: "profile-header-image",
+    alt: "team-header-image"
+  }), /*#__PURE__*/React.createElement(_compiled.Stack, {
     space: "space.200",
     xcss: styles.containerStyles
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     spread: "space-between",
     alignBlock: "center"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.avatarImageStyles
-  }, /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, {
+  }, /*#__PURE__*/React.createElement(_teamsAvatar.default, {
     size: "medium",
     src: avatarImageUrl
-  }))), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  }))), /*#__PURE__*/React.createElement(_compiled.Stack, {
     xcss: styles.teamInformationStyles,
     space: "space.200"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  }, /*#__PURE__*/React.createElement(_compiled.Flex, {
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
     space: "space.050"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center"
-  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+  }, /*#__PURE__*/React.createElement(_heading.default, {
     size: "medium"
-  }, displayName), isVerified && /*#__PURE__*/_react.default.createElement(_verifiedTeamIcon.VerifiedTeamIcon, {
+  }, displayName), isVerified && /*#__PURE__*/React.createElement(_verifiedTeamIcon.VerifiedTeamIcon, {
     showTooltip: true
-  })), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  })), /*#__PURE__*/React.createElement(_compiled.Text, {
     color: "color.text.subtlest"
-  }, typeof memberCount === 'string' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
+  }, typeof memberCount === 'string' ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
     defaultMessage: "Contributing team \u2022 {memberCount} members",
     values: {
       memberCount: memberCount
     },
     id: "people-and-teams.team-profile-card.large-member-count"
-  }) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
+  }) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
     defaultMessage: "Contributing team \u2022 {count, plural, one {# member} other {# members}}",
     values: {
       count: memberCount
     },
     id: "people-and-teams.team-profile-card.member-count"
-  }))), /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
+  }))), /*#__PURE__*/React.createElement(_teamActions.TeamActions, (0, _extends2.default)({
+    cloudId: cloudId,
+    teamId: teamId
+  }, props))), /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement(_avatarGroup.default, {
     appearance: "stack",
     data: memberAvatars
-  })), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  })), description && /*#__PURE__*/React.createElement(_compiled.Text, {
     color: "color.text",
     maxLines: 3
-  }, description)), (loading || hasOtherTeamConnections) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: hasOtherTeamConnections ? styles.teamConnectionHeaderStyles : styles.teamConnectionContainerStyles
-  }, hasOtherTeamConnections && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, description)), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.teamConnectionStyles
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.connectionTitleStyles
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
-    defaultMessage: "Where we work",
-    id: "people-and-teams.team-profile-card.team-connections-header"
-  })), /*#__PURE__*/_react.default.createElement(_teamsPublic.TeamContainers, {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
+    defaultMessage: "Team links",
+    id: "people-and-teams.team-profile-card.team-connections"
+  })), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.teamConnectionItemsStyles
+  }, /*#__PURE__*/React.createElement(_linkItem.default, {
+    href: teamProfileUrl,
+    target: "_blank",
+    onClick: onClick,
+    description: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
+      defaultMessage: "Team profile",
+      id: "people-and-teams.team-profile-card.team-profile-description"
+    }),
+    iconBefore: /*#__PURE__*/React.createElement(_teamsAvatar.default, {
+      size: "small",
+      src: avatarImageUrl
+    }),
+    iconAfter: /*#__PURE__*/React.createElement(_compiled.Box, {
+      as: "img",
+      src: _TeamAppTile.default,
+      testId: "team-app-tile",
+      alt: "team-app-tile",
+      xcss: styles.teamAppTileStyles
+    }),
+    testId: "team-profile-card-profile-link-item"
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+    maxLines: 1,
+    color: "color.text"
+  }, displayName)), (loading || hasOtherTeamConnections) && /*#__PURE__*/React.createElement(_teamsPublic.TeamContainers, {
     teamId: teamId,
     onAddAContainerClick: noop,
     userId: userId,
@@ -278,15 +182,7 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
       TeamContainersSkeleton: _teamContainersSkeleton.TeamContainersSkeleton
     },
     filterContainerId: containerId,
-    isDisplayedOnProfileCard: true
-  })), teamProfileUrl && /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
-    xcss: styles.viewProfileContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-    onClick: onClick,
-    xcss: styles.viewProfileButtonStyles,
-    testId: "view-profile-button"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
-    defaultMessage: "View profile",
-    id: "people-and-teams.team-profile-card.view-profile"
+    isDisplayedOnProfileCard: true,
+    maxNumberOfContainersToShow: loading ? 0 : 9
   })))));
 };

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

@@ -1,8 +1,3 @@
-
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u01wug{margin-left:auto}
-._1bsb1tcg{width:24px}
+._18u01wug{margin-left:auto}
 ._1bsb7vkz{width:1pc}
-._1e0c1txw{display:flex}
-._4cvr1h6o{align-items:center}
-._4t3i1tcg{height:24px}
 ._4t3i7vkz{height:1pc}

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TeamConnections = exports.NewTeamConnections = void 0;
+exports.TeamConnections = void 0;
 require("./main.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
@@ -18,8 +18,6 @@ var _teamsPublic = require("@atlaskit/teams-public");
 var _analytics = require("../../../util/analytics");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
-  containerIconStyles: "_2rko12b0 _4t3i1tcg _1bsb1tcg",
   containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
 var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
@@ -55,68 +53,6 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
       });
     }
   }, [containerType, createAnalyticsEvent, fireEventNext]);
-  return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, {
-    href: link,
-    onClick: onClick,
-    target: "_blank"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    space: "space.100",
-    xcss: styles.containerWrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
-    containerType: containerType,
-    title: title,
-    containerIcon: containerIcon,
-    size: "small"
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    maxLines: 1,
-    color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    space: "space.050"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    size: "small",
-    color: "color.text.subtlest"
-  }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    size: "small",
-    color: "color.text.subtlest"
-  }, containerTypeText))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    backgroundColor: 'color.background.neutral.subtle',
-    xcss: styles.containerTypeIconButtonStyles,
-    testId: "container-type-icon"
-  }, icon)));
-};
-var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnections(_ref2) {
-  var containerType = _ref2.containerType,
-    title = _ref2.title,
-    containerIcon = _ref2.containerIcon,
-    link = _ref2.link;
-  var _getContainerProperti2 = (0, _teamsPublic.getContainerProperties)({
-      containerType: containerType,
-      iconSize: 'medium',
-      isDisplayedOnProfileCard: true
-    }),
-    description = _getContainerProperti2.description,
-    icon = _getContainerProperti2.icon,
-    containerTypeText = _getContainerProperti2.containerTypeText;
-  var _useAnalyticsEvents2 = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var _useAnalyticsEventsNe2 = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
-    fireEventNext = _useAnalyticsEventsNe2.fireEvent;
-  var onClick = (0, _react.useCallback)(function () {
-    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
-      fireEventNext('ui.teamConnectionItem.clicked.teamProfileCard', {
-        container: containerType
-      });
-    } else {
-      (0, _analytics.fireEvent)(createAnalyticsEvent, {
-        action: 'clicked',
-        actionSubject: 'teamConnectionItem',
-        actionSubjectId: 'teamProfileCard',
-        attributes: {
-          container: containerType
-        }
-      });
-    }
-  }, [containerType, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, {
     href: link,
     onClick: onClick,

package/dist/cjs/util/analytics.js

@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var ANALYTICS_CHANNEL = 'peopleTeams';
 var PACKAGE_META_DATA = exports.PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "24.20.3"
+  packageVersion: "0.0.0-development"
 };
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
@@ -58,7 +58,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.20.3"
+      packageVersion: "0.0.0-development"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.20.3");
+  headers.append('atl-client-version', "0.0.0-development");
   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.20.3");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -103,10 +103,7 @@ function ProfileCardTriggerInner({
         "data-testid": testId
       }));
     },
-    content: () =>
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    React.createElement("div", {
+    content: () => /*#__PURE__*/React.createElement("div", {
       onMouseEnter: onMouseEnter
       // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,