@atlaskit/profilecard 24.14.0 → 24.15.0

package/dist/cjs/components/Agent/AgentProfileCardCompiled.js

@@ -0,0 +1,257 @@
+/* AgentProfileCardCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./AgentProfileCardCompiled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
+var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
+var _LoadingState = require("../common/LoadingState");
+var _Error = require("../Error");
+var _Actions = require("./Actions");
+var _AgentProfileCardWrapper = require("./AgentProfileCardWrapper");
+var _ConversationStarters = require("./ConversationStarters");
+var _useAgentActions = require("./hooks/useAgentActions");
+var _messages = require("./messages");
+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); }
+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 styles = {
+  detailWrapper: "_18zrpxbi _1q51xy5q",
+  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
+  cardContainerStyles: "_2rko1mok _16qs1cd0 _kqswh2mm"
+};
+var AgentProfileCard = function AgentProfileCard(_ref) {
+  var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
+  var agent = _ref.agent,
+    isLoading = _ref.isLoading,
+    cloudId = _ref.cloudId,
+    onChatClick = _ref.onChatClick,
+    hasError = _ref.hasError,
+    errorType = _ref.errorType,
+    onConversationStartersClick = _ref.onConversationStartersClick,
+    resourceClient = _ref.resourceClient,
+    addFlag = _ref.addFlag,
+    onDeleteAgent = _ref.onDeleteAgent;
+  var _useAgentUrlActions = (0, _useAgentActions.useAgentUrlActions)({
+      cloudId: cloudId || '',
+      source: 'agentProfileCard'
+    }),
+    _onEditAgent = _useAgentUrlActions.onEditAgent,
+    _onCopyAgent = _useAgentUrlActions.onCopyAgent,
+    _onDuplicateAgent = _useAgentUrlActions.onDuplicateAgent,
+    onOpenChatFullScreen = _useAgentUrlActions.onOpenChat,
+    onConversationStarter = _useAgentUrlActions.onConversationStarter,
+    onViewFullProfile = _useAgentUrlActions.onViewFullProfile;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isStarred = _useState2[0],
+    setIsStarred = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    starCount = _useState4[0],
+    setStarCount = _useState4[1];
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireAnalyticsNext = _useAnalyticsEventsNe.fireEvent;
+  var userDefinedConversationStarters = agent === null || agent === void 0 || (_agent$user_defined_c = agent.user_defined_conversation_starters) === null || _agent$user_defined_c === void 0 ? void 0 : _agent$user_defined_c.map(function (starter) {
+    return {
+      message: starter,
+      type: 'user-defined'
+    };
+  });
+  (0, _react.useEffect)(function () {
+    setIsStarred(!!(agent !== null && agent !== void 0 && agent.favourite));
+    setStarCount(agent === null || agent === void 0 ? void 0 : agent.favourite_count);
+  }, [agent === null || agent === void 0 ? void 0 : agent.favourite, agent === null || agent === void 0 ? void 0 : agent.favourite_count]);
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var fireAnalytics = (0, _react.useCallback)(function (payload) {
+    if (createAnalyticsEvent) {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
+  var handleSetFavourite = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(agent !== null && agent !== void 0 && agent.id)) {
+            _context.next = 10;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics, fireAnalyticsNext);
+        case 4:
+          if (isStarred) {
+            setStarCount(starCount ? starCount - 1 : 0);
+          } else {
+            setStarCount((starCount || 0) + 1);
+          }
+          setIsStarred(!isStarred);
+          _context.next = 10;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, fireAnalyticsNext, isStarred, resourceClient, starCount]);
+  var handleOnDelete = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var _onDeleteAgent, restore;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(agent && onDeleteAgent)) {
+            _context2.next = 12;
+            break;
+          }
+          // Optimistically remove from cache
+          _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
+          _context2.prev = 2;
+          _context2.next = 5;
+          return resourceClient.deleteAgent(agent.id, fireAnalytics, fireAnalyticsNext);
+        case 5:
+          addFlag === null || addFlag === void 0 || addFlag({
+            title: formatMessage(_messages.messages.agentDeletedSuccessFlagTitle),
+            description: formatMessage(_messages.messages.agentDeletedSuccessFlagDescription, {
+              agentName: agent.name
+            }),
+            type: 'success',
+            id: 'ptc-directory.agent-profile.delete-agent-success'
+          });
+          _context2.next = 12;
+          break;
+        case 8:
+          _context2.prev = 8;
+          _context2.t0 = _context2["catch"](2);
+          // Restore agent to cache on error
+          restore();
+          addFlag === null || addFlag === void 0 || addFlag({
+            title: formatMessage(_messages.messages.agentDeletedErrorFlagTitle),
+            description: formatMessage(_messages.messages.agentDeletedErrorFlagDescription),
+            type: 'error',
+            id: 'ptc-directory.agent-profile.delete-agent-error'
+          });
+        case 12:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[2, 8]]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics, fireAnalyticsNext]);
+  (0, _react.useEffect)(function () {
+    if (!isLoading && agent) {
+      if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+        fireAnalyticsNext("ui.rovoAgentProfilecard.rendered.content", _objectSpread(_objectSpread({}, _analytics.PACKAGE_META_DATA), {}, {
+          firedAt: Math.round((0, _performance.getPageTime)())
+        }));
+      } else {
+        fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));
+      }
+    }
+  }, [agent, fireAnalytics, isLoading, fireAnalyticsNext]);
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_LoadingState.LoadingState, {
+      profileType: "agent",
+      fireAnalytics: fireAnalytics,
+      fireAnalyticsNext: fireAnalyticsNext
+    }));
+  }
+  if (hasError || !agent) {
+    return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
+      fireAnalyticsNext: fireAnalyticsNext,
+      errorType: errorType,
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.cardContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
+    height: 96,
+    agentIdentityAccountId: agent.identity_account_id
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.avatarStyles
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
+    agentIdentityAccountId: agent.identity_account_id,
+    size: "xlarge",
+    isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
+    forgeAgentIconUrl: agent.icon
+  })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.100",
+    xcss: styles.detailWrapper
+  }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileInfo, {
+    agentName: agent.name,
+    isStarred: isStarred,
+    onStarToggle: handleSetFavourite,
+    isHidden: agent.visibility === 'PRIVATE',
+    creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileCreator, {
+      creator: {
+        type: (_agent$creatorInfo2 = agent.creatorInfo) === null || _agent$creatorInfo2 === void 0 ? void 0 : _agent$creatorInfo2.type,
+        name: ((_agent$creatorInfo3 = agent.creatorInfo) === null || _agent$creatorInfo3 === void 0 ? void 0 : _agent$creatorInfo3.name) || '',
+        profileLink: ((_agent$creatorInfo4 = agent.creatorInfo) === null || _agent$creatorInfo4 === void 0 ? void 0 : _agent$creatorInfo4.profileLink) || ''
+      },
+      isLoading: false,
+      onCreatorLinkClick: function onCreatorLinkClick() {}
+    }),
+    starCountRender: /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentStarCount, {
+      starCount: starCount,
+      isLoading: false
+    }),
+    agentDescription: agent.description
+  }), /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
+    isAgentDefault: agent.is_default,
+    userDefinedConversationStarters: userDefinedConversationStarters,
+    onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
+        agentId: agent.id,
+        prompt: conversationStarter.message
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+    agent: agent,
+    onEditAgent: function onEditAgent() {
+      return _onEditAgent(agent.id);
+    },
+    onCopyAgent: function onCopyAgent() {
+      return _onCopyAgent(agent.id);
+    },
+    onDuplicateAgent: function onDuplicateAgent() {
+      return _onDuplicateAgent(agent.id);
+    },
+    onDeleteAgent: handleOnDelete,
+    onChatClick: onChatClick ? function (event) {
+      return onChatClick(event);
+    } : function () {
+      return onOpenChatFullScreen(agent.id, agent.name);
+    },
+    resourceClient: resourceClient,
+    onViewFullProfileClick: function onViewFullProfileClick() {
+      return onViewFullProfile(agent.id);
+    }
+  })));
+};
+var _default = exports.default = AgentProfileCard;

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

@@ -14,6 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _navigation = require("@atlaskit/teams-app-config/navigation");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
 var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ErrorMessage = _interopRequireDefault(require("../Error/ErrorMessage"));
@@ -37,6 +38,8 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     setError = _useState6[1];
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
     if (createAnalyticsEvent) {
       (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
@@ -86,7 +89,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
             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", {
@@ -110,7 +113,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     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 = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
     var profileData, agentCreatorInfo;
     return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -122,7 +125,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
           return props.resourceClient.getRovoAgentProfile({
             type: 'identity',
             value: props.accountId
-          }, fireAnalytics);
+          }, fireAnalytics, fireEventNext);
         case 4:
           profileData = _context2.sent;
           _context2.next = 7;
@@ -147,7 +150,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
           return _context2.stop();
       }
     }, _callee2, null, [[1, 11, 14, 17]]);
-  })), [fireAnalytics, getCreator, props.accountId, props.resourceClient]);
+  })), [fireAnalytics, fireEventNext, getCreator, props.accountId, props.resourceClient]);
   (0, _react.useEffect)(function () {
     fetchData();
   }, [fetchData]);
@@ -158,7 +161,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
       },
       errorType: error || null,
       fireAnalytics: function fireAnalytics() {},
-      fireAnalyticsNext: function fireAnalyticsNext() {}
+      fireAnalyticsNext: fireEventNext
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, {

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

@@ -15,6 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _navigation = require("@atlaskit/teams-app-config/navigation");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../util/analytics");
 var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ProfileCardTrigger = _interopRequireDefault(require("../common/ProfileCardTrigger"));
@@ -34,6 +35,8 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
     cloudId = props.cloudId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var fireAnalytics = (0, _react.useCallback)(function (payload) {
     if (createAnalyticsEvent) {
       (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
@@ -85,7 +88,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
               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", {
@@ -120,7 +123,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
             return resourceClient.getRovoAgentProfile({
               type: 'agent',
               value: userId
-            }, fireAnalytics);
+            }, fireAnalytics, fireEventNext);
           case 2:
             agentInfo = _context2.sent;
             _context2.next = 5;
@@ -163,6 +166,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
+    fireAnalyticsNext: fireEventNext,
     profileCardType: "agent"
   }));
 });

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

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

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

@@ -1,3 +1,4 @@
+/* AgentProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AgentProfileCardWrapper = void 0;
+require("./AgentProfileCardWrapper.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
-var styles = (0, _primitives.xcss)({
-  width: '360px'
-});
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  wrapper: "_1bsb1gwv"
+};
 var AgentProfileCardWrapper = exports.AgentProfileCardWrapper = function AgentProfileCardWrapper(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: styles
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.wrapper
   }, children);
 };

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

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ConversationStarters = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
 var ConversationStarters = exports.ConversationStarters = function ConversationStarters(_ref) {
   var isAgentDefault = _ref.isAgentDefault,
     onConversationStarterClick = _ref.onConversationStarterClick,
@@ -17,7 +15,7 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
   var handleConversationStarterClick = function handleConversationStarterClick(conversationStarter) {
     onConversationStarterClick(conversationStarter);
   };
-  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.050",
     alignInline: "start"
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentConversationStarters, {

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

@@ -13,6 +13,7 @@ var _atlassianContext = require("@atlaskit/atlassian-context");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _rovoTriggers = require("@atlaskit/rovo-triggers");
 var _navigation = require("@atlaskit/teams-app-config/navigation");
+var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _analytics = require("../../../util/analytics");
 var _url = require("../../../util/url");
 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; }
@@ -38,6 +39,8 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
     publishWithPostMessage = _useRovoPostMessageTo.publishWithPostMessage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
+    fireEventNext = _useAnalyticsEventsNe.fireEvent;
   var onEditAgent = (0, _react.useCallback)(function (agentId) {
     var url = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat/agents/").concat(agentId, "/edit");
     var urlWithParams = (0, _url.encodeParamsToUrl)(url, _objectSpread({
@@ -46,27 +49,41 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
       cloudId: cloudId
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'editAgentButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.editAgentButton', {
         agentId: agentId,
         source: source
-      }
-    });
-  }, [cloudId, createAnalyticsEvent, source]);
+      });
+    } else {
+      (0, _analytics.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));
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'copyAgentLinkButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.copyAgentLinkButton', {
         agentId: agentId,
         source: source
-      }
-    });
+      });
+    } else {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'copyAgentLinkButton',
+        attributes: {
+          agentId: agentId,
+          source: source
+        }
+      });
+    }
   };
   var onDuplicateAgent = (0, _react.useCallback)(function (agentId) {
     var baseUrl = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat/agents/new");
@@ -78,16 +95,23 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
       pathway: 'agents-create'
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'duplicateAgentButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.duplicateAgentButton', {
         agentId: agentId,
         source: source
-      }
-    });
-  }, [cloudId, createAnalyticsEvent, source]);
+      });
+    } else {
+      (0, _analytics.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;
@@ -162,15 +186,22 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
     } else {
       window.open("".concat(window.location.origin, "/people/agent/").concat(agentId), '_blank', 'noopener, noreferrer');
     }
-    (0, _analytics.fireEvent)(createAnalyticsEvent, {
-      action: 'clicked',
-      actionSubject: 'button',
-      actionSubjectId: 'viewAgentFullProfileButton',
-      attributes: {
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      fireEventNext('ui.button.clicked.viewAgentFullProfileButton', {
         agentId: agentId,
         source: source
-      }
-    });
+      });
+    } else {
+      (0, _analytics.fireEvent)(createAnalyticsEvent, {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'viewAgentFullProfileButton',
+        attributes: {
+          agentId: agentId,
+          source: source
+        }
+      });
+    }
   };
   return {
     onEditAgent: onEditAgent,

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

@@ -12,12 +12,12 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _crossCircle2 = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _Error = require("../../styled/Error");
 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); }
 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; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+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 ErrorMessage = function ErrorMessage(props) {
   var errorType = props.errorType || {
     reason: 'default'
@@ -45,7 +45,7 @@ var ErrorMessage = function ErrorMessage(props) {
     if (errorReason === 'NotFound') {
       return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "The user is no longer available for the site");
     }
-    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    return /*#__PURE__*/_react.default.createElement(_Error.ErrorTitle, null, "Oops, looks like we\u2019re having issues", /*#__PURE__*/_react.default.createElement("br", null), reload && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       color: "color.text.subtlest"
     }, "Try again and we\u2019ll give it another shot"));
   };

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

@@ -6,24 +6,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _TeamCard = require("../../styled/TeamCard");
 var _analytics = require("../../util/analytics");
+var _performance = require("../../util/performance");
 var _AccessLockSVG = _interopRequireDefault(require("../Error/AccessLockSVG"));
 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); }
+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 _default = exports.default = function _default(props) {
-  var analytics = props.analytics;
+  var analytics = props.analytics,
+    analyticsNext = props.analyticsNext;
   var intl = (0, _reactIntlNext.useIntl)();
   (0, _react.useEffect)(function () {
-    analytics(function (duration) {
-      return (0, _analytics.profileCardRendered)('team', 'error', {
-        duration: duration
+    if ((0, _platformFeatureFlags.fg)('ptc-enable-profile-card-analytics-refactor')) {
+      analyticsNext('ui.teamProfileCard.rendered.error', function (duration) {
+        return _objectSpread({
+          duration: duration,
+          firedAt: Math.round((0, _performance.getPageTime)())
+        }, _analytics.PACKAGE_META_DATA);
       });
-    });
-  }, [analytics]);
+    } else {
+      analytics(function (duration) {
+        return (0, _analytics.profileCardRendered)('team', 'error', {
+          duration: duration
+        });
+      });
+    }
+  }, [analytics, analyticsNext]);
   return /*#__PURE__*/_react.default.createElement(_TeamCard.TeamForbiddenErrorStateWrapper, {
     testId: "team-profilecard-forbidden-error-state"
   }, /*#__PURE__*/_react.default.createElement(_emptyState.default, {