@atlaskit/teams-public 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/teams-public
 
+## 0.12.0
+
+### Minor Changes
+
+- [#127475](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127475)
+  [`53fb0fe410388`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/53fb0fe410388) -
+  Send analytics for Teams and Containers
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/cjs/common/utils/analytics.js

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fireUIEvent = exports.fireTrackEvent = exports.fireScreenEvent = exports.fireOperationalEvent = exports.AnalyticsAction = void 0;
+exports.usePeopleAndTeamAnalytics = exports.AnalyticsAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _analytics = require("@atlaskit/people-teams-ui-public/analytics");
 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 ANALYTICS_CHANNEL = 'peopleTeams';
@@ -20,22 +22,32 @@ var runItLater = function runItLater(cb) {
     return setTimeout(cb);
   };
 };
-var fireEvent = function fireEvent(kind) {
-  return function (createAnalyticsEvent, body) {
-    if (!createAnalyticsEvent) {
-      return;
-    }
-    runItLater(function () {
-      createAnalyticsEvent(_objectSpread({
-        eventType: kind
-      }, body)).fire(ANALYTICS_CHANNEL);
-    });
+var usePeopleAndTeamAnalytics = exports.usePeopleAndTeamAnalytics = function usePeopleAndTeamAnalytics() {
+  var _usePeopleTeamsAnalyt = (0, _analytics.usePeopleTeamsAnalyticsSubcontext)(),
+    _usePeopleTeamsAnalyt2 = (0, _slicedToArray2.default)(_usePeopleTeamsAnalyt, 1),
+    injectedEventAttributes = _usePeopleTeamsAnalyt2[0].eventAttributes;
+  var fireEvent = function fireEvent(kind) {
+    return function (createAnalyticsEvent, body) {
+      if (!createAnalyticsEvent) {
+        return;
+      }
+      runItLater(function () {
+        var eventWithSubcontextAttributes = _objectSpread(_objectSpread({}, body.attributes), injectedEventAttributes);
+        createAnalyticsEvent(_objectSpread(_objectSpread({
+          eventType: kind
+        }, body), {}, {
+          attributes: eventWithSubcontextAttributes
+        })).fire(ANALYTICS_CHANNEL);
+      });
+    };
+  };
+  return {
+    fireOperationalEvent: fireEvent('operational'),
+    fireScreenEvent: fireEvent('screen'),
+    fireTrackEvent: fireEvent('track'),
+    fireUIEvent: fireEvent('ui')
   };
 };
-var fireOperationalEvent = exports.fireOperationalEvent = fireEvent('operational');
-var fireScreenEvent = exports.fireScreenEvent = fireEvent('screen');
-var fireTrackEvent = exports.fireTrackEvent = fireEvent('track');
-var fireUIEvent = exports.fireUIEvent = fireEvent('ui');
 var AnalyticsAction = exports.AnalyticsAction = /*#__PURE__*/function (AnalyticsAction) {
   AnalyticsAction["RENDERED"] = "rendered";
   AnalyticsAction["CLICKED"] = "clicked";

package/dist/cjs/ui/team-containers/linked-container-card/index.js

@@ -75,6 +75,8 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     setShowCloseIcon = _useState4[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
+    fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   return /*#__PURE__*/_react.default.createElement(LinkedCardWrapper, {
     href: link || '#',
     handleMouseEnter: function handleMouseEnter() {
@@ -118,7 +120,7 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     onClick: function onClick(e) {
       e.preventDefault();
       onDisconnectButtonClick();
-      (0, _analytics.fireUIEvent)(createAnalyticsEvent, {
+      fireUIEvent(createAnalyticsEvent, {
         action: _analytics.AnalyticsAction.CLICKED,
         actionSubject: 'button',
         actionSubjectId: 'containerUnlinkButton'

package/dist/cjs/ui/team-containers/main.js

@@ -66,6 +66,9 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     selectedContainerDetails = _useState10[0],
     setSelectedContainerDetails = _useState10[1];
+  var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
+    fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent,
+    fireTrackEvent = _usePeopleAndTeamAnal.fireTrackEvent;
   var _useProductPermission = (0, _useProductPermission2.useProductPermissions)({
       userId: userId,
       cloudId: cloudId
@@ -93,33 +96,47 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
   var handleOpenDisconnectDialog = (0, _react.useCallback)(function (containerDetails) {
     setSelectedContainerDetails(containerDetails);
     setIsDisconnectDialogOpen(true);
-    (0, _analytics.fireTrackEvent)(createAnalyticsEvent, {
+    fireTrackEvent(createAnalyticsEvent, {
       action: _analytics.AnalyticsAction.OPENED,
-      actionSubject: 'unlinkContainerDialog'
+      actionSubject: 'unlinkContainerDialog',
+      attributes: {
+        teamId: teamId
+      }
     });
-  }, [createAnalyticsEvent]);
+  }, [createAnalyticsEvent, fireTrackEvent, teamId]);
   var LinkedContainerCardComponent = (components === null || components === void 0 ? void 0 : components.ContainerCard) || _linkedContainerCard.LinkedContainerCard;
   var handleDisconnect = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerId) {
+      var removedContainer;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            removedContainer = teamContainers.find(function (container) {
+              return container.id === containerId;
+            });
+            _context.next = 3;
             return actions.unlinkTeamContainers(teamId, containerId);
-          case 2:
+          case 3:
             setIsDisconnectDialogOpen(false);
             if (unlinkError) {
-              (0, _analytics.fireOperationalEvent)(createAnalyticsEvent, {
+              fireOperationalEvent(createAnalyticsEvent, {
                 action: _analytics.AnalyticsAction.FAILED,
-                actionSubject: 'unlinkContainer'
+                actionSubject: 'teamContainerUnlinked'
               });
             } else {
-              (0, _analytics.fireOperationalEvent)(createAnalyticsEvent, {
+              fireOperationalEvent(createAnalyticsEvent, {
                 action: _analytics.AnalyticsAction.SUCCEEDED,
-                actionSubject: 'unlinkContainer'
+                actionSubject: 'teamContainerUnlinked',
+                attributes: {
+                  containerRemoved: {
+                    containerId: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.id,
+                    container: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.type
+                  },
+                  teamId: teamId
+                }
               });
             }
-          case 4:
+          case 5:
           case "end":
             return _context.stop();
         }
@@ -128,7 +145,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [actions, createAnalyticsEvent, teamId, unlinkError]);
+  }(), [actions, createAnalyticsEvent, fireOperationalEvent, teamContainers, teamId, unlinkError]);
   if (loading || productPermissionIsLoading) {
     return /*#__PURE__*/_react.default.createElement(_teamContainersSkeleton.TeamContainersSkeleton, {
       numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW

package/dist/es2019/common/utils/analytics.js

@@ -1,3 +1,4 @@
+import { usePeopleTeamsAnalyticsSubcontext } from '@atlaskit/people-teams-ui-public/analytics';
 const ANALYTICS_CHANNEL = 'peopleTeams';
 const runItLater = cb => {
   if (window.requestIdleCallback === 'function') {
@@ -8,21 +9,33 @@ const runItLater = cb => {
   }
   return () => setTimeout(cb);
 };
-const fireEvent = kind => (createAnalyticsEvent, body) => {
-  if (!createAnalyticsEvent) {
-    return;
-  }
-  runItLater(() => {
-    createAnalyticsEvent({
-      eventType: kind,
-      ...body
-    }).fire(ANALYTICS_CHANNEL);
-  });
+export const usePeopleAndTeamAnalytics = () => {
+  const [{
+    eventAttributes: injectedEventAttributes
+  }] = usePeopleTeamsAnalyticsSubcontext();
+  const fireEvent = kind => (createAnalyticsEvent, body) => {
+    if (!createAnalyticsEvent) {
+      return;
+    }
+    runItLater(() => {
+      const eventWithSubcontextAttributes = {
+        ...body.attributes,
+        ...injectedEventAttributes
+      };
+      createAnalyticsEvent({
+        eventType: kind,
+        ...body,
+        attributes: eventWithSubcontextAttributes
+      }).fire(ANALYTICS_CHANNEL);
+    });
+  };
+  return {
+    fireOperationalEvent: fireEvent('operational'),
+    fireScreenEvent: fireEvent('screen'),
+    fireTrackEvent: fireEvent('track'),
+    fireUIEvent: fireEvent('ui')
+  };
 };
-export const fireOperationalEvent = fireEvent('operational');
-export const fireScreenEvent = fireEvent('screen');
-export const fireTrackEvent = fireEvent('track');
-export const fireUIEvent = fireEvent('ui');
 export let AnalyticsAction = /*#__PURE__*/function (AnalyticsAction) {
   AnalyticsAction["RENDERED"] = "rendered";
   AnalyticsAction["CLICKED"] = "clicked";

package/dist/es2019/ui/team-containers/linked-container-card/index.js

@@ -10,7 +10,7 @@ import CrossIcon from '@atlaskit/icon/utility/cross';
 import Link from '@atlaskit/link';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
-import { AnalyticsAction, fireUIEvent } from '../../../common/utils/analytics';
+import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
 const styles = {
   container: "_2rkoop52 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
@@ -63,6 +63,9 @@ export const LinkedContainerCard = ({
   const {
     formatMessage
   } = useIntl();
+  const {
+    fireUIEvent
+  } = usePeopleAndTeamAnalytics();
   return /*#__PURE__*/React.createElement(LinkedCardWrapper, {
     href: link || '#',
     handleMouseEnter: () => setShowCloseIcon(true),

package/dist/es2019/ui/team-containers/main.js

@@ -5,7 +5,7 @@ import Button from '@atlaskit/button/new';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { Grid, Inline, Stack } from '@atlaskit/primitives';
 import { N0, N90 } from '@atlaskit/theme/colors';
-import { AnalyticsAction, fireOperationalEvent, fireTrackEvent } from '../../common/utils/analytics';
+import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../common/utils/analytics';
 import { hasProductPermission } from '../../controllers';
 import { useProductPermissions } from '../../controllers/hooks/use-product-permission';
 import { useTeamContainers, useTeamContainersHook } from '../../controllers/hooks/use-team-containers';
@@ -38,6 +38,10 @@ export const TeamContainers = ({
   const [showMore, setShowMore] = useState(false);
   const [isDisconnectDialogOpen, setIsDisconnectDialogOpen] = useState(false);
   const [selectedContainerDetails, setSelectedContainerDetails] = useState();
+  const {
+    fireOperationalEvent,
+    fireTrackEvent
+  } = usePeopleAndTeamAnalytics();
   const {
     data: productPermissions,
     loading: productPermissionIsLoading
@@ -64,25 +68,36 @@ export const TeamContainers = ({
     setIsDisconnectDialogOpen(true);
     fireTrackEvent(createAnalyticsEvent, {
       action: AnalyticsAction.OPENED,
-      actionSubject: 'unlinkContainerDialog'
+      actionSubject: 'unlinkContainerDialog',
+      attributes: {
+        teamId
+      }
     });
-  }, [createAnalyticsEvent]);
+  }, [createAnalyticsEvent, fireTrackEvent, teamId]);
   const LinkedContainerCardComponent = (components === null || components === void 0 ? void 0 : components.ContainerCard) || LinkedContainerCard;
   const handleDisconnect = useCallback(async containerId => {
+    const removedContainer = teamContainers.find(container => container.id === containerId);
     await actions.unlinkTeamContainers(teamId, containerId);
     setIsDisconnectDialogOpen(false);
     if (unlinkError) {
       fireOperationalEvent(createAnalyticsEvent, {
         action: AnalyticsAction.FAILED,
-        actionSubject: 'unlinkContainer'
+        actionSubject: 'teamContainerUnlinked'
       });
     } else {
       fireOperationalEvent(createAnalyticsEvent, {
         action: AnalyticsAction.SUCCEEDED,
-        actionSubject: 'unlinkContainer'
+        actionSubject: 'teamContainerUnlinked',
+        attributes: {
+          containerRemoved: {
+            containerId: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.id,
+            container: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.type
+          },
+          teamId
+        }
       });
     }
-  }, [actions, createAnalyticsEvent, teamId, unlinkError]);
+  }, [actions, createAnalyticsEvent, fireOperationalEvent, teamContainers, teamId, unlinkError]);
   if (loading || productPermissionIsLoading) {
     return /*#__PURE__*/React.createElement(TeamContainersSkeleton, {
       numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW

package/dist/esm/common/utils/analytics.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _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; }
+import { usePeopleTeamsAnalyticsSubcontext } from '@atlaskit/people-teams-ui-public/analytics';
 var ANALYTICS_CHANNEL = 'peopleTeams';
 var runItLater = function runItLater(cb) {
   if (window.requestIdleCallback === 'function') {
@@ -13,22 +15,32 @@ var runItLater = function runItLater(cb) {
     return setTimeout(cb);
   };
 };
-var fireEvent = function fireEvent(kind) {
-  return function (createAnalyticsEvent, body) {
-    if (!createAnalyticsEvent) {
-      return;
-    }
-    runItLater(function () {
-      createAnalyticsEvent(_objectSpread({
-        eventType: kind
-      }, body)).fire(ANALYTICS_CHANNEL);
-    });
+export var usePeopleAndTeamAnalytics = function usePeopleAndTeamAnalytics() {
+  var _usePeopleTeamsAnalyt = usePeopleTeamsAnalyticsSubcontext(),
+    _usePeopleTeamsAnalyt2 = _slicedToArray(_usePeopleTeamsAnalyt, 1),
+    injectedEventAttributes = _usePeopleTeamsAnalyt2[0].eventAttributes;
+  var fireEvent = function fireEvent(kind) {
+    return function (createAnalyticsEvent, body) {
+      if (!createAnalyticsEvent) {
+        return;
+      }
+      runItLater(function () {
+        var eventWithSubcontextAttributes = _objectSpread(_objectSpread({}, body.attributes), injectedEventAttributes);
+        createAnalyticsEvent(_objectSpread(_objectSpread({
+          eventType: kind
+        }, body), {}, {
+          attributes: eventWithSubcontextAttributes
+        })).fire(ANALYTICS_CHANNEL);
+      });
+    };
+  };
+  return {
+    fireOperationalEvent: fireEvent('operational'),
+    fireScreenEvent: fireEvent('screen'),
+    fireTrackEvent: fireEvent('track'),
+    fireUIEvent: fireEvent('ui')
   };
 };
-export var fireOperationalEvent = fireEvent('operational');
-export var fireScreenEvent = fireEvent('screen');
-export var fireTrackEvent = fireEvent('track');
-export var fireUIEvent = fireEvent('ui');
 export var AnalyticsAction = /*#__PURE__*/function (AnalyticsAction) {
   AnalyticsAction["RENDERED"] = "rendered";
   AnalyticsAction["CLICKED"] = "clicked";

package/dist/esm/ui/team-containers/linked-container-card/index.js

@@ -11,7 +11,7 @@ import CrossIcon from '@atlaskit/icon/utility/cross';
 import Link from '@atlaskit/link';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
-import { AnalyticsAction, fireUIEvent } from '../../../common/utils/analytics';
+import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
 var styles = {
   container: "_2rkoop52 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
@@ -65,6 +65,8 @@ export var LinkedContainerCard = function LinkedContainerCard(_ref2) {
     setShowCloseIcon = _useState4[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var _usePeopleAndTeamAnal = usePeopleAndTeamAnalytics(),
+    fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   return /*#__PURE__*/React.createElement(LinkedCardWrapper, {
     href: link || '#',
     handleMouseEnter: function handleMouseEnter() {

package/dist/esm/ui/team-containers/main.js

@@ -8,7 +8,7 @@ import Button from '@atlaskit/button/new';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { Grid, Inline, Stack } from '@atlaskit/primitives';
 import { N0, N90 } from '@atlaskit/theme/colors';
-import { AnalyticsAction, fireOperationalEvent, fireTrackEvent } from '../../common/utils/analytics';
+import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../common/utils/analytics';
 import { hasProductPermission } from '../../controllers';
 import { useProductPermissions } from '../../controllers/hooks/use-product-permission';
 import { useTeamContainers, useTeamContainersHook } from '../../controllers/hooks/use-team-containers';
@@ -56,6 +56,9 @@ export var TeamContainers = function TeamContainers(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     selectedContainerDetails = _useState10[0],
     setSelectedContainerDetails = _useState10[1];
+  var _usePeopleAndTeamAnal = usePeopleAndTeamAnalytics(),
+    fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent,
+    fireTrackEvent = _usePeopleAndTeamAnal.fireTrackEvent;
   var _useProductPermission = useProductPermissions({
       userId: userId,
       cloudId: cloudId
@@ -85,31 +88,45 @@ export var TeamContainers = function TeamContainers(_ref) {
     setIsDisconnectDialogOpen(true);
     fireTrackEvent(createAnalyticsEvent, {
       action: AnalyticsAction.OPENED,
-      actionSubject: 'unlinkContainerDialog'
+      actionSubject: 'unlinkContainerDialog',
+      attributes: {
+        teamId: teamId
+      }
     });
-  }, [createAnalyticsEvent]);
+  }, [createAnalyticsEvent, fireTrackEvent, teamId]);
   var LinkedContainerCardComponent = (components === null || components === void 0 ? void 0 : components.ContainerCard) || LinkedContainerCard;
   var handleDisconnect = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(containerId) {
+      var removedContainer;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            removedContainer = teamContainers.find(function (container) {
+              return container.id === containerId;
+            });
+            _context.next = 3;
             return actions.unlinkTeamContainers(teamId, containerId);
-          case 2:
+          case 3:
             setIsDisconnectDialogOpen(false);
             if (unlinkError) {
               fireOperationalEvent(createAnalyticsEvent, {
                 action: AnalyticsAction.FAILED,
-                actionSubject: 'unlinkContainer'
+                actionSubject: 'teamContainerUnlinked'
               });
             } else {
               fireOperationalEvent(createAnalyticsEvent, {
                 action: AnalyticsAction.SUCCEEDED,
-                actionSubject: 'unlinkContainer'
+                actionSubject: 'teamContainerUnlinked',
+                attributes: {
+                  containerRemoved: {
+                    containerId: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.id,
+                    container: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.type
+                  },
+                  teamId: teamId
+                }
               });
             }
-          case 4:
+          case 5:
           case "end":
             return _context.stop();
         }
@@ -118,7 +135,7 @@ export var TeamContainers = function TeamContainers(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [actions, createAnalyticsEvent, teamId, unlinkError]);
+  }(), [actions, createAnalyticsEvent, fireOperationalEvent, teamContainers, teamId, unlinkError]);
   if (loading || productPermissionIsLoading) {
     return /*#__PURE__*/React.createElement(TeamContainersSkeleton, {
       numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW

package/dist/types/common/utils/analytics.d.ts

@@ -8,10 +8,12 @@ interface AnalyticsEvent {
     name?: string;
     source?: string;
 }
-export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const fireTrackEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const fireUIEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+export declare const usePeopleAndTeamAnalytics: () => {
+    fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+    fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+    fireTrackEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+    fireUIEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+};
 export declare enum AnalyticsAction {
     RENDERED = "rendered",
     CLICKED = "clicked",

package/dist/types-ts4.5/common/utils/analytics.d.ts

@@ -8,10 +8,12 @@ interface AnalyticsEvent {
     name?: string;
     source?: string;
 }
-export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const fireTrackEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const fireUIEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+export declare const usePeopleAndTeamAnalytics: () => {
+    fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+    fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+    fireTrackEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+    fireUIEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
+};
 export declare enum AnalyticsAction {
     RENDERED = "rendered",
     CLICKED = "clicked",

package/package.json

@@ -39,6 +39,7 @@
 		"@atlaskit/link": "^3.0.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/modal-dialog": "^13.1.0",
+		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tokens": "^4.5.0",
@@ -105,7 +106,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.11.0",
+	"version": "0.12.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",