@atlaskit/teams-public 0.58.0 → 0.59.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/teams-public
 
+## 0.59.0
+
+### Minor Changes
+
+- [`be81523ba6f9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be81523ba6f9f) -
+  Migrated @atlaskit/teams-public analytics to @atlaskit/teams-app-internal-analytics package
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.58.0
 
 ### Minor Changes

package/dist/cjs/common/ui/team-link-card-actions/index.js

@@ -19,7 +19,9 @@ var _css = require("@atlaskit/css");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../utils/analytics");
 var _excluded = ["triggerRef"];
@@ -64,6 +66,8 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
     formatMessage = _useIntl.formatMessage;
   var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
 
   // Show icons when:
   // 1. Hovering over the card
@@ -74,33 +78,51 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
     e.preventDefault();
     e.stopPropagation();
     onDisconnectButtonClick();
-    fireUIEvent(createAnalyticsEvent, {
-      action: _analytics.AnalyticsAction.CLICKED,
-      actionSubject: 'button',
-      actionSubjectId: 'containerUnlinkButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+      fireEvent('ui.button.clicked.containerUnlinkButton', {
         containerSelected: {
           container: containerType,
           containerId: containerId
         }
-      }
-    });
+      });
+    } else {
+      fireUIEvent(createAnalyticsEvent, {
+        action: _analytics.AnalyticsAction.CLICKED,
+        actionSubject: 'button',
+        actionSubjectId: 'containerUnlinkButton',
+        attributes: {
+          containerSelected: {
+            container: containerType,
+            containerId: containerId
+          }
+        }
+      });
+    }
   };
   var handleEditLinkClick = function handleEditLinkClick(e) {
     e.preventDefault();
     e.stopPropagation();
     onEditLinkClick === null || onEditLinkClick === void 0 || onEditLinkClick();
-    fireUIEvent(createAnalyticsEvent, {
-      action: _analytics.AnalyticsAction.CLICKED,
-      actionSubject: 'button',
-      actionSubjectId: 'containerEditLinkButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+      fireEvent('ui.button.clicked.containerEditLinkButton', {
         containerSelected: {
           container: containerType,
           containerId: containerId
         }
-      }
-    });
+      });
+    } else {
+      fireUIEvent(createAnalyticsEvent, {
+        action: _analytics.AnalyticsAction.CLICKED,
+        actionSubject: 'button',
+        actionSubjectId: 'containerEditLinkButton',
+        attributes: {
+          containerSelected: {
+            container: containerType,
+            containerId: containerId
+          }
+        }
+      });
+    }
   };
   if (containerType === 'WebLink') {
     return /*#__PURE__*/_react.default.createElement(_compiled.Box, {

package/dist/cjs/controllers/hooks/use-team-containers/index.js

@@ -13,6 +13,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = require("react");
 var _reactSweetState = require("react-sweet-state");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../../common/utils/analytics");
 var _services = require("../../../services");
 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; }
@@ -41,7 +43,7 @@ function containersEqual(arr1, arr2) {
   return JSON.stringify((0, _toConsumableArray2.default)(arr1).sort(sortById)) === JSON.stringify((0, _toConsumableArray2.default)(arr2).sort(sortById));
 }
 var actions = {
-  fetchTeamContainers: function fetchTeamContainers(teamId, fireAnalytics) {
+  fetchTeamContainers: function fetchTeamContainers(teamId, fireAnalytics, fireAnalyticsNext) {
     return /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
         var setState, getState, _getState, currentTeamId, containers;
@@ -68,7 +70,13 @@ var actions = {
               return _services.teamsClient.getTeamContainers(teamId);
             case 8:
               containers = _context.sent;
-              fireAnalytics(_analytics.AnalyticsAction.SUCCEEDED, 'fetchTeamContainers');
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.fetchTeamContainers.succeeded', {
+                  teamId: teamId
+                });
+              } else {
+                fireAnalytics(_analytics.AnalyticsAction.SUCCEEDED, 'fetchTeamContainers');
+              }
               setState({
                 teamContainers: containers,
                 loading: false,
@@ -80,7 +88,17 @@ var actions = {
             case 13:
               _context.prev = 13;
               _context.t0 = _context["catch"](5);
-              fireAnalytics(_analytics.AnalyticsAction.FAILED, 'fetchTeamContainers', _context.t0);
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.fetchTeamContainers.failed', {
+                  teamId: teamId,
+                  error: {
+                    message: _context.t0.message || JSON.stringify(_context.t0),
+                    stack: _context.t0.stack
+                  }
+                });
+              } else {
+                fireAnalytics(_analytics.AnalyticsAction.FAILED, 'fetchTeamContainers', _context.t0);
+              }
               setState({
                 teamContainers: [],
                 error: _context.t0,
@@ -98,7 +116,7 @@ var actions = {
       };
     }();
   },
-  refetchTeamContainers: function refetchTeamContainers(fireAnalytics) {
+  refetchTeamContainers: function refetchTeamContainers(fireAnalytics, fireAnalyticsNext) {
     return /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref3) {
         var setState, getState, _getState2, teamId, containers;
@@ -118,7 +136,13 @@ var actions = {
               return _services.teamsClient.getTeamContainers(teamId);
             case 7:
               containers = _context2.sent;
-              fireAnalytics(_analytics.AnalyticsAction.SUCCEEDED, 'refetchTeamContainers');
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.refetchTeamContainers.succeeded', {
+                  teamId: teamId
+                });
+              } else {
+                fireAnalytics(_analytics.AnalyticsAction.SUCCEEDED, 'refetchTeamContainers');
+              }
               // optimisation to avoid unnecessary state updates
               if (!containersEqual(containers, getState().teamContainers)) {
                 setState({
@@ -133,7 +157,17 @@ var actions = {
             case 12:
               _context2.prev = 12;
               _context2.t0 = _context2["catch"](4);
-              fireAnalytics(_analytics.AnalyticsAction.FAILED, 'refetchTeamContainers', _context2.t0);
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.refetchTeamContainers.failed', {
+                  teamId: teamId,
+                  error: {
+                    message: _context2.t0.message || JSON.stringify(_context2.t0),
+                    stack: _context2.t0.stack
+                  }
+                });
+              } else {
+                fireAnalytics(_analytics.AnalyticsAction.FAILED, 'refetchTeamContainers', _context2.t0);
+              }
               setState({
                 teamContainers: getState().teamContainers,
                 error: _context2.t0,
@@ -151,7 +185,7 @@ var actions = {
       };
     }();
   },
-  fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId, fireAnalytics) {
+  fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId, fireAnalytics, fireAnalyticsNext) {
     return /*#__PURE__*/function () {
       var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref5) {
         var setState, getState, _getState3, currentContainerId, numberOfTeams;
@@ -177,12 +211,19 @@ var actions = {
               return _services.teamsClient.getNumberOfConnectedTeams(containerId);
             case 8:
               numberOfTeams = _context3.sent;
-              fireAnalytics({
-                action: _analytics.AnalyticsAction.SUCCEEDED,
-                actionSubject: 'fetchNumberOfConnectedTeams',
-                containerId: containerId,
-                numberOfTeams: numberOfTeams
-              });
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.fetchNumberOfConnectedTeams.succeeded', {
+                  numberOfTeams: numberOfTeams,
+                  containerId: containerId
+                });
+              } else {
+                fireAnalytics({
+                  action: _analytics.AnalyticsAction.SUCCEEDED,
+                  actionSubject: 'fetchNumberOfConnectedTeams',
+                  containerId: containerId,
+                  numberOfTeams: numberOfTeams
+                });
+              }
               setState({
                 connectedTeams: _objectSpread(_objectSpread({}, initialConnectedTeamsState), {}, {
                   containerId: containerId,
@@ -194,13 +235,24 @@ var actions = {
             case 13:
               _context3.prev = 13;
               _context3.t0 = _context3["catch"](5);
-              fireAnalytics({
-                action: _analytics.AnalyticsAction.FAILED,
-                actionSubject: 'fetchNumberOfConnectedTeams',
-                containerId: containerId,
-                numberOfTeams: initialConnectedTeamsState.numberOfTeams,
-                error: _context3.t0
-              });
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.fetchNumberOfConnectedTeams.failed', {
+                  numberOfTeams: initialConnectedTeamsState.numberOfTeams || null,
+                  containerId: containerId,
+                  error: {
+                    message: _context3.t0.message || JSON.stringify(_context3.t0),
+                    stack: _context3.t0.stack
+                  }
+                });
+              } else {
+                fireAnalytics({
+                  action: _analytics.AnalyticsAction.FAILED,
+                  actionSubject: 'fetchNumberOfConnectedTeams',
+                  containerId: containerId,
+                  numberOfTeams: initialConnectedTeamsState.numberOfTeams,
+                  error: _context3.t0
+                });
+              }
               setState({
                 connectedTeams: _objectSpread(_objectSpread({}, initialConnectedTeamsState), {}, {
                   containerId: containerId,
@@ -218,7 +270,7 @@ var actions = {
       };
     }();
   },
-  fetchConnectedTeams: function fetchConnectedTeams(containerId, fireAnalytics) {
+  fetchConnectedTeams: function fetchConnectedTeams(containerId, fireAnalytics, fireAnalyticsNext) {
     return /*#__PURE__*/function () {
       var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(_ref7) {
         var setState, getState, _getState4, _getState4$connectedT, currentContainerId, numberOfTeams, hasLoaded, teams;
@@ -248,12 +300,19 @@ var actions = {
               return _services.teamsClient.getConnectedTeams(containerId);
             case 8:
               teams = _context4.sent;
-              fireAnalytics({
-                action: _analytics.AnalyticsAction.SUCCEEDED,
-                actionSubject: 'fetchConnectedTeams',
-                containerId: containerId,
-                numberOfTeams: numberOfTeams
-              });
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.fetchConnectedTeams.succeeded', {
+                  numberOfTeams: numberOfTeams || null,
+                  containerId: containerId
+                });
+              } else {
+                fireAnalytics({
+                  action: _analytics.AnalyticsAction.SUCCEEDED,
+                  actionSubject: 'fetchConnectedTeams',
+                  containerId: containerId,
+                  numberOfTeams: numberOfTeams
+                });
+              }
               setState({
                 connectedTeams: {
                   containerId: containerId,
@@ -269,13 +328,24 @@ var actions = {
             case 13:
               _context4.prev = 13;
               _context4.t0 = _context4["catch"](5);
-              fireAnalytics({
-                action: _analytics.AnalyticsAction.FAILED,
-                actionSubject: 'fetchConnectedTeams',
-                containerId: containerId,
-                numberOfTeams: numberOfTeams,
-                error: _context4.t0
-              });
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireAnalyticsNext('operational.fetchConnectedTeams.failed', {
+                  numberOfTeams: numberOfTeams || null,
+                  containerId: containerId,
+                  error: {
+                    message: _context4.t0.message || JSON.stringify(_context4.t0),
+                    stack: _context4.t0.stack
+                  }
+                });
+              } else {
+                fireAnalytics({
+                  action: _analytics.AnalyticsAction.FAILED,
+                  actionSubject: 'fetchConnectedTeams',
+                  containerId: containerId,
+                  numberOfTeams: numberOfTeams,
+                  error: _context4.t0
+                });
+              }
               setState({
                 connectedTeams: {
                   containerId: containerId,
@@ -409,6 +479,8 @@ var useTeamContainers = exports.useTeamContainers = function useTeamContainers(t
     fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
   var fireOperationalAnalytics = (0, _react.useCallback)(function (action, actionSubject, error) {
     fireOperationalEvent(createAnalyticsEvent, {
       action: action,
@@ -425,20 +497,20 @@ var useTeamContainers = exports.useTeamContainers = function useTeamContainers(t
   }, [fireOperationalEvent, createAnalyticsEvent, teamId]);
   (0, _react.useEffect)(function () {
     if (enable) {
-      actions.fetchTeamContainers(teamId, fireOperationalAnalytics);
+      actions.fetchTeamContainers(teamId, fireOperationalAnalytics, fireEvent);
     }
-  }, [teamId, actions, enable, fireOperationalAnalytics]);
+  }, [teamId, actions, enable, fireOperationalAnalytics, fireEvent]);
   var refetchTeamContainers = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
     return _regenerator.default.wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
         case 0:
-          return _context7.abrupt("return", actions.refetchTeamContainers(fireOperationalAnalytics));
+          return _context7.abrupt("return", actions.refetchTeamContainers(fireOperationalAnalytics, fireEvent));
         case 1:
         case "end":
           return _context7.stop();
       }
     }, _callee7);
-  })), [actions, fireOperationalAnalytics]);
+  })), [actions, fireOperationalAnalytics, fireEvent]);
   return _objectSpread(_objectSpread({}, state), {}, {
     addTeamContainer: actions.addTeamContainer,
     unlinkTeamContainers: function unlinkTeamContainers(containerId) {
@@ -456,6 +528,8 @@ var useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams()
     fireOperationalEvent = _usePeopleAndTeamAnal2.fireOperationalEvent;
   var _useAnalyticsEvents2 = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
+  var _useAnalyticsEventsNe2 = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe2.fireEvent;
   var fireOperationalAnalytics = (0, _react.useCallback)(function (_ref12) {
     var action = _ref12.action,
       actionSubject = _ref12.actionSubject,
@@ -478,10 +552,10 @@ var useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams()
   }, [fireOperationalEvent, createAnalyticsEvent]);
   return _objectSpread(_objectSpread({}, state.connectedTeams), {}, {
     fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId) {
-      return actions.fetchNumberOfConnectedTeams(containerId, fireOperationalAnalytics);
+      return actions.fetchNumberOfConnectedTeams(containerId, fireOperationalAnalytics, fireEvent);
     },
     fetchConnectedTeams: function fetchConnectedTeams(containerId) {
-      return actions.fetchConnectedTeams(containerId, fireOperationalAnalytics);
+      return actions.fetchConnectedTeams(containerId, fireOperationalAnalytics, fireEvent);
     }
   });
 };

package/dist/cjs/next/ui/team-containers/team-link-card/index.js

@@ -13,7 +13,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _containerIcon = require("../../../../common/ui/container-icon");
 var _teamLinkCardActions = require("../../../../common/ui/team-link-card-actions");
 var _analytics = require("../../../../common/utils/analytics");
@@ -70,6 +72,8 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     setShowKeyboardFocus = _useState8[1];
   var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
   var handleMouseEnter = function handleMouseEnter() {
     setHovered(true);
   };
@@ -102,12 +106,16 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     } : {
       containerSelected: baseAttributes
     };
-    fireUIEvent(createAnalyticsEvent, {
-      action: _analytics.AnalyticsAction.CLICKED,
-      actionSubject: 'container',
-      actionSubjectId: 'teamContainer',
-      attributes: attributes
-    });
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+      fireEvent('ui.container.clicked.teamContainer', attributes);
+    } else {
+      fireUIEvent(createAnalyticsEvent, {
+        action: _analytics.AnalyticsAction.CLICKED,
+        actionSubject: 'container',
+        actionSubjectId: 'teamContainer',
+        attributes: attributes
+      });
+    }
     if (openInNewTab) {
       e.preventDefault();
       window.open(link || '#', '_blank', 'noopener, noreferrer');

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

@@ -20,6 +20,7 @@ var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _loomAvatar = require("../../../common/ui/loom-avatar");
 var _analytics = require("../../../common/utils/analytics");
@@ -58,6 +59,8 @@ var LinkedCardWrapper = function LinkedCardWrapper(_ref) {
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
   var onMouseLeave = function onMouseLeave() {
     handleMouseLeave();
     setHovered(false);
@@ -72,17 +75,26 @@ var LinkedCardWrapper = function LinkedCardWrapper(_ref) {
     href: href,
     appearance: "subtle",
     onClick: function onClick() {
-      fireUIEvent(createAnalyticsEvent, {
-        action: _analytics.AnalyticsAction.CLICKED,
-        actionSubject: 'container',
-        actionSubjectId: 'teamContainer',
-        attributes: {
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+        fireEvent('ui.container.clicked.teamContainer', {
           containerSelected: {
             container: containerType,
             containerId: containerId
           }
-        }
-      });
+        });
+      } else {
+        fireUIEvent(createAnalyticsEvent, {
+          action: _analytics.AnalyticsAction.CLICKED,
+          actionSubject: 'container',
+          actionSubjectId: 'teamContainer',
+          attributes: {
+            containerSelected: {
+              container: containerType,
+              containerId: containerId
+            }
+          }
+        });
+      }
     }
   }, children));
 };
@@ -126,6 +138,8 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     formatMessage = _useIntl.formatMessage;
   var _usePeopleAndTeamAnal2 = (0, _analytics.usePeopleAndTeamAnalytics)(),
     fireUIEvent = _usePeopleAndTeamAnal2.fireUIEvent;
+  var _useAnalyticsEventsNe2 = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe2.fireEvent;
   return /*#__PURE__*/_react.default.createElement(LinkedCardWrapper, {
     href: link || '#',
     handleMouseEnter: function handleMouseEnter() {
@@ -174,11 +188,17 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
       e.preventDefault();
       e.stopPropagation();
       onDisconnectButtonClick();
-      fireUIEvent(createAnalyticsEvent, {
-        action: _analytics.AnalyticsAction.CLICKED,
-        actionSubject: 'button',
-        actionSubjectId: 'containerUnlinkButton'
-      });
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+        fireEvent('ui.button.clicked.containerUnlinkButton', {
+          containerSelected: null
+        });
+      } else {
+        fireUIEvent(createAnalyticsEvent, {
+          action: _analytics.AnalyticsAction.CLICKED,
+          actionSubject: 'button',
+          actionSubjectId: 'containerUnlinkButton'
+        });
+      }
     }
   })))));
 };

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

@@ -17,6 +17,7 @@ var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gat
 var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _teamsAppInternalProductPermissions = require("@atlaskit/teams-app-internal-product-permissions");
 var _colors = require("@atlaskit/theme/colors");
 var _teamContainersSkeleton = require("../../common/ui/team-containers-skeleton");
@@ -105,6 +106,8 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     containers = _useCreateContainers2[0];
   var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
     fireTrackEvent = _usePeopleAndTeamAnal.fireTrackEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEventsNe.fireEvent;
   var _useProductPermission = (0, _teamsAppInternalProductPermissions.useProductPermissions)({
       userId: userId,
       cloudId: cloudId,
@@ -197,14 +200,20 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
   var handleOpenDisconnectDialog = (0, _react.useCallback)(function (containerDetails) {
     setSelectedContainerDetails(containerDetails);
     setIsDisconnectDialogOpen(true);
-    fireTrackEvent(createAnalyticsEvent, {
-      action: _analytics.AnalyticsAction.OPENED,
-      actionSubject: 'unlinkContainerDialog',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+      fireEvent('track.unlinkContainerDialog.opened', {
         teamId: teamId
-      }
-    });
-  }, [createAnalyticsEvent, fireTrackEvent, teamId]);
+      });
+    } else {
+      fireTrackEvent(createAnalyticsEvent, {
+        action: _analytics.AnalyticsAction.OPENED,
+        actionSubject: 'unlinkContainerDialog',
+        attributes: {
+          teamId: teamId
+        }
+      });
+    }
+  }, [createAnalyticsEvent, fireTrackEvent, teamId, fireEvent]);
   var handleEditContainerClick = (0, _react.useCallback)(function (container) {
     if (container.type === 'WebLink' && onEditContainerClick) {
       onEditContainerClick(container.id, container.link || '', container.name);
@@ -235,22 +244,36 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
           case 8:
             setIsDisconnectDialogOpen(false);
             if (unlinkError) {
-              fireTrackEvent(createAnalyticsEvent, {
-                action: _analytics.AnalyticsAction.FAILED,
-                actionSubject: 'teamContainerUnlinked'
-              });
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireEvent('track.teamContainerUnlinked.failed', {});
+              } else {
+                fireTrackEvent(createAnalyticsEvent, {
+                  action: _analytics.AnalyticsAction.FAILED,
+                  actionSubject: 'teamContainerUnlinked'
+                });
+              }
             } else {
-              fireTrackEvent(createAnalyticsEvent, {
-                action: _analytics.AnalyticsAction.SUCCEEDED,
-                actionSubject: 'teamContainerUnlinked',
-                attributes: {
+              if ((0, _platformFeatureFlags.fg)('ptc-enable-teams-public-analytics-refactor')) {
+                fireEvent('track.teamContainerUnlinked.succeeded', {
                   containerRemoved: {
                     containerId: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.id,
                     container: removedContainer === null || removedContainer === void 0 ? void 0 : removedContainer.type
                   },
                   teamId: teamId
-                }
-              });
+                });
+              } else {
+                fireTrackEvent(createAnalyticsEvent, {
+                  action: _analytics.AnalyticsAction.SUCCEEDED,
+                  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 10:
           case "end":
@@ -261,7 +284,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [actions, createAnalyticsEvent, fireTrackEvent, filteredTeamLinks, removeTeamLink, teamId, unlinkError]);
+  }(), [actions, createAnalyticsEvent, fireTrackEvent, filteredTeamLinks, removeTeamLink, teamId, unlinkError, fireEvent]);
   var TeamContainersSkeletonComponent = (components === null || components === void 0 ? void 0 : components.TeamContainersSkeleton) || _teamContainersSkeleton.TeamContainersSkeleton;
   var hasNoPermissions = (0, _react.useMemo)(function () {
     if ((0, _platformFeatureFlags.fg)('migrate-product-permissions')) {