@atlaskit/profilecard 23.7.1 → 23.7.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/profilecard
 
+## 23.7.2
+
+### Patch Changes
+
+- [#132098](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132098)
+  [`80f62470e832d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/80f62470e832d) -
+  Addi analytics to Team button, team selector and team card.
+
 ## 23.7.1
 
 ### Patch Changes

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', "23.7.1");
+  headers.append('atl-client-version', "23.7.2");
   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', "23.7.1");
+  headers.append('atl-client-version', "23.7.2");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -11,12 +11,14 @@ require("./main.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
 var _teamsPublic = require("@atlaskit/teams-public");
+var _analytics = require("../../util/analytics");
 var _main = require("./team-connections/main");
 var _teamContainersSkeleton = require("./team-containers-skeleton");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -67,12 +69,25 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
   var _useTeamContainers = (0, _teamsPublic.useTeamContainers)(teamId),
     teamContainers = _useTeamContainers.teamContainers,
     loading = _useTeamContainers.loading;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   // Ensure that the current container is not the only connection for this team before showing the "Where we work" section
   var hasOtherTeamConnections = (0, _react.useMemo)(function () {
     return teamContainers.filter(function (tc) {
       return tc.id === containerId;
     }).length < teamContainers.length;
   }, [containerId, teamContainers]);
+  var onClick = (0, _react.useCallback)(function () {
+    if (createAnalyticsEvent) {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'viewTeamProfileButton',
+        attributes: {}
+      });
+    }
+    window.open(teamProfileUrl, '_blank');
+  }, [createAnalyticsEvent, teamProfileUrl]);
   return /*#__PURE__*/_react.default.createElement(TeamCardWrapper, {
     id: teamId
   }, /*#__PURE__*/_react.default.createElement(HeaderImage, {
@@ -135,9 +150,7 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
   })), teamProfileUrl && /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     xcss: styles.viewProfileContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-    onClick: function onClick() {
-      return window.open(teamProfileUrl, '_blank');
-    },
+    onClick: onClick,
     xcss: styles.viewProfileButtonStyles,
     testId: "view-profile-button"
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.7.1"
+      packageVersion: "23.7.2"
     }, 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', "23.7.1");
+  headers.append('atl-client-version', "23.7.2");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -75,7 +75,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', "23.7.1");
+  headers.append('atl-client-version', "23.7.2");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -1,14 +1,16 @@
 /* main.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./main.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import AvatarGroup from '@atlaskit/avatar-group';
 import Heading from '@atlaskit/heading';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { Box, Inline, Pressable, Stack, Text } from '@atlaskit/primitives/compiled';
 import TeamAvatar from '@atlaskit/teams-avatar';
 import { TeamContainers, useTeamContainers } from '@atlaskit/teams-public';
+import { fireEvent } from '../../util/analytics';
 import { TeamConnections } from './team-connections/main';
 import { TeamContainersSkeleton } from './team-containers-skeleton';
 const noop = () => {};
@@ -57,8 +59,22 @@ export const TeamProfileCard = ({
     teamContainers,
     loading
   } = useTeamContainers(teamId);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   // Ensure that the current container is not the only connection for this team before showing the "Where we work" section
   const hasOtherTeamConnections = useMemo(() => teamContainers.filter(tc => tc.id === containerId).length < teamContainers.length, [containerId, teamContainers]);
+  const onClick = useCallback(() => {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'viewTeamProfileButton',
+        attributes: {}
+      });
+    }
+    window.open(teamProfileUrl, '_blank');
+  }, [createAnalyticsEvent, teamProfileUrl]);
   return /*#__PURE__*/React.createElement(TeamCardWrapper, {
     id: teamId
   }, /*#__PURE__*/React.createElement(HeaderImage, {
@@ -121,7 +137,7 @@ export const TeamProfileCard = ({
   })), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.viewProfileContainerStyles
   }, /*#__PURE__*/React.createElement(Pressable, {
-    onClick: () => window.open(teamProfileUrl, '_blank'),
+    onClick: onClick,
     xcss: styles.viewProfileButtonStyles,
     testId: "view-profile-button"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "23.7.1",
+    packageVersion: "23.7.2",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './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', "23.7.1");
+  headers.append('atl-client-version', "23.7.2");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -57,7 +57,7 @@ export var 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', "23.7.1");
+  headers.append('atl-client-version', "23.7.2");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -1,14 +1,16 @@
 /* main.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./main.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import AvatarGroup from '@atlaskit/avatar-group';
 import Heading from '@atlaskit/heading';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { Box, Inline, Pressable, Stack, Text } from '@atlaskit/primitives/compiled';
 import TeamAvatar from '@atlaskit/teams-avatar';
 import { TeamContainers, useTeamContainers } from '@atlaskit/teams-public';
+import { fireEvent } from '../../util/analytics';
 import { TeamConnections } from './team-connections/main';
 import { TeamContainersSkeleton } from './team-containers-skeleton';
 var noop = function noop() {};
@@ -57,12 +59,25 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
   var _useTeamContainers = useTeamContainers(teamId),
     teamContainers = _useTeamContainers.teamContainers,
     loading = _useTeamContainers.loading;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   // Ensure that the current container is not the only connection for this team before showing the "Where we work" section
   var hasOtherTeamConnections = useMemo(function () {
     return teamContainers.filter(function (tc) {
       return tc.id === containerId;
     }).length < teamContainers.length;
   }, [containerId, teamContainers]);
+  var onClick = useCallback(function () {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'viewTeamProfileButton',
+        attributes: {}
+      });
+    }
+    window.open(teamProfileUrl, '_blank');
+  }, [createAnalyticsEvent, teamProfileUrl]);
   return /*#__PURE__*/React.createElement(TeamCardWrapper, {
     id: teamId
   }, /*#__PURE__*/React.createElement(HeaderImage, {
@@ -125,9 +140,7 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
   })), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.viewProfileContainerStyles
   }, /*#__PURE__*/React.createElement(Pressable, {
-    onClick: function onClick() {
-      return window.open(teamProfileUrl, '_blank');
-    },
+    onClick: onClick,
     xcss: styles.viewProfileButtonStyles,
     testId: "view-profile-button"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.7.1"
+      packageVersion: "23.7.2"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "23.7.1",
+	"version": "23.7.2",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"