@atlaskit/profilecard 23.21.20 → 23.21.21

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/profilecard
 
+## 23.21.21
+
+### Patch Changes
+
+- [#192008](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192008)
+  [`191a9be1b1ba0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/191a9be1b1ba0) -
+  added agent edit/duplicate/delete/view/copy action analytics
+- Updated dependencies
+
 ## 23.21.20
 
 ### Patch Changes

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.21.19");
+  headers.append('atl-client-version', "23.21.20");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -65,7 +65,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.21.19");
+  headers.append('atl-client-version', "23.21.20");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -11,9 +11,11 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 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 _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _primitives = require("@atlaskit/primitives");
 var _rovoAgentComponents = require("@atlaskit/rovo-agent-components");
+var _analytics = require("../../util/analytics");
 var _AgentDeleteConfirmationModal = require("./AgentDeleteConfirmationModal");
 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); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -59,6 +61,8 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
     resourceClient = _ref.resourceClient;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDeleteModalOpen = _useState2[0],
@@ -86,6 +90,18 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
       }
     }, _callee);
   })), [agent.id, resourceClient]);
+  var handleDeleteAgent = (0, _react.useCallback)(function () {
+    (0, _analytics.fireEvent)(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'deleteAgentButton',
+      attributes: {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      }
+    });
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     space: "space.100",
     xcss: actionsWrapperStyles
@@ -109,9 +125,7 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
   }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentDropdownMenu, {
     agentId: agent.id,
     isAgentCreatedByUser: isAgentCreatedByCurrentUser !== null && isAgentCreatedByCurrentUser !== void 0 ? isAgentCreatedByCurrentUser : false,
-    onDeleteAgent: function onDeleteAgent() {
-      return setIsDeleteModalOpen(true);
-    },
+    onDeleteAgent: handleDeleteAgent,
     onEditAgent: onEditAgent,
     onDuplicateAgent: onDuplicateAgent,
     onCopyAgent: onCopyAgent,

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

@@ -54,7 +54,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     resourceClient = _ref.resourceClient,
     addFlag = _ref.addFlag;
   var _useAgentUrlActions = (0, _useAgentActions.useAgentUrlActions)({
-      cloudId: cloudId || ''
+      cloudId: cloudId || '',
+      source: 'agentProfileCard'
     }),
     _onEditAgent = _useAgentUrlActions.onEditAgent,
     _onCopyAgent = _useAgentUrlActions.onCopyAgent,

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

@@ -8,10 +8,12 @@ exports.useAgentUrlActions = exports.firstCharUpper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
 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 _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; }
 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; }
@@ -30,9 +32,12 @@ var createRovoParams = function createRovoParams(params) {
   return rovoParams;
 };
 var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlActions(_ref3) {
-  var cloudId = _ref3.cloudId;
+  var cloudId = _ref3.cloudId,
+    source = _ref3.source;
   var _useRovoPostMessageTo = (0, _rovoTriggers.useRovoPostMessageToPubsub)(),
     publishWithPostMessage = _useRovoPostMessageTo.publishWithPostMessage;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   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({
@@ -41,9 +46,27 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
       cloudId: cloudId
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-  }, [cloudId]);
+    (0, _analytics.fireEvent)(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'editAgentButton',
+      attributes: {
+        agentId: agentId,
+        source: source
+      }
+    });
+  }, [cloudId, createAnalyticsEvent, 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: {
+        agentId: agentId,
+        source: source
+      }
+    });
   };
   var onDuplicateAgent = (0, _react.useCallback)(function (agentId) {
     var baseUrl = "".concat((0, _atlassianContext.getATLContextUrl)('home'), "/chat/agents/new");
@@ -55,7 +78,16 @@ var useAgentUrlActions = exports.useAgentUrlActions = function useAgentUrlAction
       pathway: 'agents-create'
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-  }, [cloudId]);
+    (0, _analytics.fireEvent)(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'duplicateAgentButton',
+      attributes: {
+        agentId: agentId,
+        source: source
+      }
+    });
+  }, [cloudId, createAnalyticsEvent, source]);
   var onConversationStarter = function onConversationStarter(_ref4) {
     var agentId = _ref4.agentId,
       prompt = _ref4.prompt;
@@ -130,6 +162,15 @@ 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: {
+        agentId: agentId,
+        source: source
+      }
+    });
   };
   return {
     onEditAgent: onEditAgent,

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.21.19");
+  headers.append('atl-client-version', "23.21.20");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.21.19");
+  headers.append('atl-client-version', "23.21.20");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Agent/Actions.js

@@ -1,9 +1,11 @@
 import React, { useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { fireEvent } from '../../util/analytics';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 const chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -48,6 +50,9 @@ export const AgentActions = ({
   const {
     formatMessage
   } = useIntl();
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const isForgeAgent = agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY';
   const loadAgentPermissions = useCallback(async () => {
@@ -62,6 +67,18 @@ export const AgentActions = ({
       isDeleteEnabled: AGENT_DEACTIVATE.permitted
     };
   }, [agent.id, resourceClient]);
+  const handleDeleteAgent = useCallback(() => {
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'deleteAgentButton',
+      attributes: {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      }
+    });
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
     xcss: actionsWrapperStyles
@@ -85,7 +102,7 @@ export const AgentActions = ({
   }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(AgentDropdownMenu, {
     agentId: agent.id,
     isAgentCreatedByUser: isAgentCreatedByCurrentUser !== null && isAgentCreatedByCurrentUser !== void 0 ? isAgentCreatedByCurrentUser : false,
-    onDeleteAgent: () => setIsDeleteModalOpen(true),
+    onDeleteAgent: handleDeleteAgent,
     onEditAgent: onEditAgent,
     onDuplicateAgent: onDuplicateAgent,
     onCopyAgent: onCopyAgent,

package/dist/es2019/components/Agent/AgentProfileCard.js

@@ -48,7 +48,8 @@ const AgentProfileCard = ({
     onConversationStarter,
     onViewFullProfile
   } = useAgentUrlActions({
-    cloudId: cloudId || ''
+    cloudId: cloudId || '',
+    source: 'agentProfileCard'
   });
   const [isStarred, setIsStarred] = useState(false);
   const [starCount, setStarCount] = useState();

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

@@ -1,8 +1,10 @@
 import { useCallback } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 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 { fireEvent } from '../../../util/analytics';
 import { encodeParamsToUrl } from '../../../util/url';
 export const firstCharUpper = str => str.charAt(0).toUpperCase() + str.slice(1);
 const ROVO_PARAM_PREFIX = 'rovoChat';
@@ -14,11 +16,15 @@ const createRovoParams = params => {
   return rovoParams;
 };
 export const useAgentUrlActions = ({
-  cloudId
+  cloudId,
+  source
 }) => {
   const {
     publishWithPostMessage
   } = useRovoPostMessageToPubsub();
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const onEditAgent = useCallback(agentId => {
     const url = `${getATLContextUrl('home')}/chat/agents/${agentId}/edit`;
     const urlWithParams = encodeParamsToUrl(url, {
@@ -28,9 +34,27 @@ export const useAgentUrlActions = ({
       })
     });
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-  }, [cloudId]);
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'editAgentButton',
+      attributes: {
+        agentId,
+        source
+      }
+    });
+  }, [cloudId, createAnalyticsEvent, source]);
   const onCopyAgent = agentId => {
     navigator.clipboard.writeText(`${window.location.origin}/people/agent/${agentId}`);
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'copyAgentLinkButton',
+      attributes: {
+        agentId,
+        source
+      }
+    });
   };
   const onDuplicateAgent = useCallback(agentId => {
     const baseUrl = `${getATLContextUrl('home')}/chat/agents/new`;
@@ -43,7 +67,16 @@ export const useAgentUrlActions = ({
       })
     });
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-  }, [cloudId]);
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'duplicateAgentButton',
+      attributes: {
+        agentId,
+        source
+      }
+    });
+  }, [cloudId, createAnalyticsEvent, source]);
   const onConversationStarter = ({
     agentId,
     prompt
@@ -122,6 +155,15 @@ export const useAgentUrlActions = ({
     } else {
       window.open(`${window.location.origin}/people/agent/${agentId}`, '_blank', 'noopener, noreferrer');
     }
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'viewAgentFullProfileButton',
+      attributes: {
+        agentId,
+        source
+      }
+    });
   };
   return {
     onEditAgent,

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.21.19");
+  headers.append('atl-client-version', "23.21.20");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.21.19");
+  headers.append('atl-client-version', "23.21.20");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -3,10 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
+import { fireEvent } from '../../util/analytics';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 var chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -49,6 +51,8 @@ export var AgentActions = function AgentActions(_ref) {
     resourceClient = _ref.resourceClient;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDeleteModalOpen = _useState2[0],
@@ -76,6 +80,18 @@ export var AgentActions = function AgentActions(_ref) {
       }
     }, _callee);
   })), [agent.id, resourceClient]);
+  var handleDeleteAgent = useCallback(function () {
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'deleteAgentButton',
+      attributes: {
+        agentId: agent.id,
+        source: 'agentProfileCard'
+      }
+    });
+    setIsDeleteModalOpen(true);
+  }, [agent.id, createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
     xcss: actionsWrapperStyles
@@ -99,9 +115,7 @@ export var AgentActions = function AgentActions(_ref) {
   }, formatMessage(messages.actionChatToAgent)))))), /*#__PURE__*/React.createElement(AgentDropdownMenu, {
     agentId: agent.id,
     isAgentCreatedByUser: isAgentCreatedByCurrentUser !== null && isAgentCreatedByCurrentUser !== void 0 ? isAgentCreatedByCurrentUser : false,
-    onDeleteAgent: function onDeleteAgent() {
-      return setIsDeleteModalOpen(true);
-    },
+    onDeleteAgent: handleDeleteAgent,
     onEditAgent: onEditAgent,
     onDuplicateAgent: onDuplicateAgent,
     onCopyAgent: onCopyAgent,

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

@@ -44,7 +44,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     resourceClient = _ref.resourceClient,
     addFlag = _ref.addFlag;
   var _useAgentUrlActions = useAgentUrlActions({
-      cloudId: cloudId || ''
+      cloudId: cloudId || '',
+      source: 'agentProfileCard'
     }),
     _onEditAgent = _useAgentUrlActions.onEditAgent,
     _onCopyAgent = _useAgentUrlActions.onCopyAgent,

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

@@ -3,10 +3,12 @@ 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 { useCallback } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 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 { fireEvent } from '../../../util/analytics';
 import { encodeParamsToUrl } from '../../../util/url';
 export var firstCharUpper = function firstCharUpper(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
@@ -23,9 +25,12 @@ var createRovoParams = function createRovoParams(params) {
   return rovoParams;
 };
 export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
-  var cloudId = _ref3.cloudId;
+  var cloudId = _ref3.cloudId,
+    source = _ref3.source;
   var _useRovoPostMessageTo = useRovoPostMessageToPubsub(),
     publishWithPostMessage = _useRovoPostMessageTo.publishWithPostMessage;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var onEditAgent = useCallback(function (agentId) {
     var url = "".concat(getATLContextUrl('home'), "/chat/agents/").concat(agentId, "/edit");
     var urlWithParams = encodeParamsToUrl(url, _objectSpread({
@@ -34,9 +39,27 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
       cloudId: cloudId
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-  }, [cloudId]);
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'editAgentButton',
+      attributes: {
+        agentId: agentId,
+        source: source
+      }
+    });
+  }, [cloudId, createAnalyticsEvent, 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: {
+        agentId: agentId,
+        source: source
+      }
+    });
   };
   var onDuplicateAgent = useCallback(function (agentId) {
     var baseUrl = "".concat(getATLContextUrl('home'), "/chat/agents/new");
@@ -48,7 +71,16 @@ export var useAgentUrlActions = function useAgentUrlActions(_ref3) {
       pathway: 'agents-create'
     })));
     window.open(urlWithParams, '_blank', 'noopener, noreferrer');
-  }, [cloudId]);
+    fireEvent(createAnalyticsEvent, {
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'duplicateAgentButton',
+      attributes: {
+        agentId: agentId,
+        source: source
+      }
+    });
+  }, [cloudId, createAnalyticsEvent, source]);
   var onConversationStarter = function onConversationStarter(_ref4) {
     var agentId = _ref4.agentId,
       prompt = _ref4.prompt;
@@ -123,6 +155,15 @@ 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: {
+        agentId: agentId,
+        source: source
+      }
+    });
   };
   return {
     onEditAgent: onEditAgent,

package/dist/esm/util/analytics.js

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

package/dist/types/components/Agent/hooks/useAgentActions.d.ts

@@ -1,6 +1,7 @@
 export declare const firstCharUpper: (str: string) => string;
-export declare const useAgentUrlActions: ({ cloudId }: {
+export declare const useAgentUrlActions: ({ cloudId, source }: {
     cloudId: string;
+    source: string;
 }) => {
     onEditAgent: (agentId: string) => void;
     onCopyAgent: (agentId: string) => void;

package/dist/types-ts4.5/components/Agent/hooks/useAgentActions.d.ts

@@ -1,6 +1,7 @@
 export declare const firstCharUpper: (str: string) => string;
-export declare const useAgentUrlActions: ({ cloudId }: {
+export declare const useAgentUrlActions: ({ cloudId, source }: {
     cloudId: string;
+    source: string;
 }) => {
     onEditAgent: (agentId: string) => void;
     onCopyAgent: (agentId: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "23.21.20",
+	"version": "23.21.21",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,7 +61,7 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/give-kudos": "^4.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.7.0",
+		"@atlaskit/icon": "^27.8.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.6.0",
 		"@atlaskit/lozenge": "^13.0.0",