@atlaskit/profilecard 24.14.0 → 24.15.0

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

@@ -8,6 +8,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useState } from 'reac
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ErrorMessage from '../Error/ErrorMessage';
@@ -28,6 +29,8 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
     setError = _useState6[1];
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = useCallback(function (payload) {
     if (createAnalyticsEvent) {
       fireEvent(createAnalyticsEvent, payload);
@@ -77,7 +80,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
             return _context.abrupt("return", undefined);
           case 10:
             _context.next = 12;
-            return props.resourceClient.getProfile(creatorUserId, props.cloudId, fireAnalytics);
+            return props.resourceClient.getProfile(creatorUserId, props.cloudId, fireAnalytics, fireEventNext);
           case 12:
             creatorInfo = _context.sent;
             return _context.abrupt("return", {
@@ -101,7 +104,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }(), [creatorUserId, fireAnalytics, props.cloudId, props.resourceClient, profileHref]);
+  }(), [creatorUserId, fireAnalytics, fireEventNext, props.cloudId, props.resourceClient, profileHref]);
   var fetchData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var profileData, agentCreatorInfo;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -113,7 +116,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
           return props.resourceClient.getRovoAgentProfile({
             type: 'identity',
             value: props.accountId
-          }, fireAnalytics);
+          }, fireAnalytics, fireEventNext);
         case 4:
           profileData = _context2.sent;
           _context2.next = 7;
@@ -138,7 +141,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
           return _context2.stop();
       }
     }, _callee2, null, [[1, 11, 14, 17]]);
-  })), [fireAnalytics, getCreator, props.accountId, props.resourceClient]);
+  })), [fireAnalytics, fireEventNext, getCreator, props.accountId, props.resourceClient]);
   useEffect(function () {
     fetchData();
   }, [fetchData]);
@@ -149,7 +152,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
       },
       errorType: error || null,
       fireAnalytics: function fireAnalytics() {},
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/React.createElement(Suspense, {

package/dist/esm/components/Agent/AgentProfileCardTrigger.js

@@ -10,6 +10,7 @@ import React, { forwardRef, Suspense, useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
@@ -25,6 +26,8 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
     cloudId = props.cloudId;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = useCallback(function (payload) {
     if (createAnalyticsEvent) {
       fireEvent(createAnalyticsEvent, payload);
@@ -76,7 +79,7 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
               cloudId: cloudId
             }), profileHref = _navigateToTeamsApp.href;
             _context.next = 15;
-            return props.resourceClient.getProfile(cloudId, _userId, fireAnalytics);
+            return props.resourceClient.getProfile(cloudId, _userId, fireAnalytics, fireEventNext);
           case 15:
             creatorInfo = _context.sent;
             return _context.abrupt("return", {
@@ -111,7 +114,7 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
             return resourceClient.getRovoAgentProfile({
               type: 'agent',
               value: userId
-            }, fireAnalytics);
+            }, fireAnalytics, fireEventNext);
           case 2:
             agentInfo = _context2.sent;
             _context2.next = 5;
@@ -154,6 +157,7 @@ export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
+    fireAnalyticsNext: fireEventNext,
     profileCardType: "agent"
   }));
 });

package/dist/esm/components/Agent/AgentProfileCardWrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb1gwv{width:360px}

package/dist/esm/components/Agent/AgentProfileCardWrapper.js

@@ -1,13 +1,14 @@
+/* AgentProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./AgentProfileCardWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
-var styles = xcss({
-  width: '360px'
-});
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  wrapper: "_1bsb1gwv"
+};
 export var AgentProfileCardWrapper = function AgentProfileCardWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles
+    xcss: styles.wrapper
   }, children);
 };

package/dist/esm/components/Agent/ConversationStarters.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Stack } from '@atlaskit/primitives';
+import { Stack } from '@atlaskit/primitives/compiled';
 import { AgentConversationStarters } from '@atlaskit/rovo-agent-components';
 export var ConversationStarters = function ConversationStarters(_ref) {
   var isAgentDefault = _ref.isAgentDefault,

package/dist/esm/components/Agent/hooks/useAgentActions.js

@@ -8,6 +8,7 @@ import { getATLContextUrl } from '@atlaskit/atlassian-context';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useRovoPostMessageToPubsub } from '@atlaskit/rovo-triggers';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { fireEvent } from '../../../util/analytics';
 import { encodeParamsToUrl } from '../../../util/url';
 export var firstCharUpper = function firstCharUpper(str) {
@@ -31,6 +32,8 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
     publishWithPostMessage = _useRovoPostMessageTo.publishWithPostMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var onEditAgent = useCallback(function (agentId) {
     var url = "".concat(getATLContextUrl('home'), "/chat/agents/").concat(agentId, "/edit");
     var urlWithParams = encodeParamsToUrl(url, _objectSpread({
@@ -39,27 +42,41 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
       cloudId: cloudId
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-    fireEvent(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'editAgentButton',
-      attributes: {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.editAgentButton', {
         agentId: agentId,
         source: source
-      }
-    });
-  }, [cloudId, createAnalyticsEvent, source]);
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'editAgentButton',
+        attributes: {
+          agentId: agentId,
+          source: source
+        }
+      });
+    }
+  }, [cloudId, createAnalyticsEvent, fireEventNext, source]);
   var onCopyAgent = function onCopyAgent(agentId) {
     navigator.clipboard.writeText("".concat(window.location.origin, "/people/agent/").concat(agentId));
-    fireEvent(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'copyAgentLinkButton',
-      attributes: {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.copyAgentLinkButton', {
         agentId: agentId,
         source: source
-      }
-    });
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'copyAgentLinkButton',
+        attributes: {
+          agentId: agentId,
+          source: source
+        }
+      });
+    }
   };
   var onDuplicateAgent = useCallback(function (agentId) {
     var baseUrl = "".concat(getATLContextUrl('home'), "/chat/agents/new");
@@ -71,16 +88,23 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
       pathway: 'agents-create'
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-    fireEvent(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'duplicateAgentButton',
-      attributes: {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.duplicateAgentButton', {
         agentId: agentId,
         source: source
-      }
-    });
-  }, [cloudId, createAnalyticsEvent, source]);
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'duplicateAgentButton',
+        attributes: {
+          agentId: agentId,
+          source: source
+        }
+      });
+    }
+  }, [cloudId, createAnalyticsEvent, fireEventNext, source]);
   var onConversationStarter = function onConversationStarter(_ref4) {
     var agentId = _ref4.agentId,
       prompt = _ref4.prompt;
@@ -155,15 +179,22 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
     } else {
       window.open("".concat(window.location.origin, "/people/agent/").concat(agentId), '_blank', 'noopener, noreferrer');
     }
-    fireEvent(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'viewAgentFullProfileButton',
-      attributes: {
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.viewAgentFullProfileButton', {
         agentId: agentId,
         source: source
-      }
-    });
+      });
+    } else {
+      fireEvent(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'viewAgentFullProfileButton',
+        attributes: {
+          agentId: agentId,
+          source: source
+        }
+      });
+    }
   };
   return {
     onEditAgent: onEditAgent,

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

@@ -6,8 +6,7 @@ import Button from '@atlaskit/button/new';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
 import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
 var ErrorMessage = function ErrorMessage(props) {

package/dist/esm/components/Team/TeamForbiddenErrorState.js

@@ -1,20 +1,35 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 React, { useEffect } from 'react';
 import { useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { AccessLockSVGWrapper, TeamForbiddenErrorStateWrapper } from '../../styled/TeamCard';
-import { profileCardRendered } from '../../util/analytics';
+import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 import AccessLockSVG from '../Error/AccessLockSVG';
 export default (function (props) {
-  var analytics = props.analytics;
+  var analytics = props.analytics,
+    analyticsNext = props.analyticsNext;
   var intl = useIntl();
   useEffect(function () {
-    analytics(function (duration) {
-      return profileCardRendered('team', 'error', {
-        duration: duration
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      analyticsNext('ui.teamProfileCard.rendered.error', function (duration) {
+        return _objectSpread({
+          duration: duration,
+          firedAt: Math.round(getPageTime())
+        }, PACKAGE_META_DATA);
       });
-    });
-  }, [analytics]);
+    } else {
+      analytics(function (duration) {
+        return profileCardRendered('team', 'error', {
+          duration: duration
+        });
+      });
+    }
+  }, [analytics, analyticsNext]);
   return /*#__PURE__*/React.createElement(TeamForbiddenErrorStateWrapper, {
     testId: "team-profilecard-forbidden-error-state"
   }, /*#__PURE__*/React.createElement(EmptyState, {

package/dist/esm/components/Team/TeamLoadingState.js

@@ -1,16 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { CardContent, CardHeader, CardWrapper, LoadingWrapper } from '../../styled/TeamTrigger';
-import { profileCardRendered } from '../../util/analytics';
+import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
+import { getPageTime } from '../../util/performance';
 export default (function (props) {
-  var analytics = props.analytics;
+  var analytics = props.analytics,
+    analyticsNext = props.analyticsNext;
   useEffect(function () {
-    analytics(function (duration) {
-      return profileCardRendered('team', 'spinner', {
-        duration: duration
+    if (fg('ptc-enable-profile-card-analytics-refactor')) {
+      analyticsNext('ui.teamProfileCard.rendered.spinner', function (duration) {
+        return _objectSpread({
+          duration: duration,
+          firedAt: Math.round(getPageTime())
+        }, PACKAGE_META_DATA);
       });
-    });
-  }, [analytics]);
+    } else {
+      analytics(function (duration) {
+        return profileCardRendered('team', 'spinner', {
+          duration: duration
+        });
+      });
+    }
+  }, [analytics, analyticsNext]);
   return /*#__PURE__*/React.createElement(CardWrapper, {
     testId: "team-profilecard"
   }, /*#__PURE__*/React.createElement(CardHeader, {