@atlaskit/smart-card 46.5.4 → 46.5.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 46.5.5
+
+### Patch Changes
+
+- [`77fab8e2466a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77fab8e2466a7) -
+  Distinguish Spotlight V2 CTA and inline action analytics sources behind
+  platform_sl_one_click_chat_spotlight_v2_fg.
+
 ## 46.5.4
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -172,6 +172,33 @@ attributes:
       type: string
       description: Type of resource the link is pointing to
 events:
+  - oneClickChatSpotlight clicked (oneClickChatSpotlightV2):
+      type: ui
+      description:
+        Fired once when the spotlight CTA or highlighted inline action is clicked while the
+        spotlight is open
+      attributes:
+        provider:
+          type: ['google-drive', 'github']
+          description: Provider of the highlighted Smart Link
+        product:
+          type: ['confluence_web', 'jira_web']
+          description: Host product showing the spotlight
+        appearance:
+          type: ['inline']
+          description: Smart Link appearance
+        cohort:
+          type: ['treatment']
+          description: Experiment cohort showing the spotlight
+        variant:
+          type: ['v2']
+          description: Spotlight version
+        interactionSource:
+          type: ['spotlightCta', 'inlineAction']
+          required: false
+          description:
+            spotlightCta identifies the spotlight CTA (currently See takeaways); inlineAction
+            identifies the highlighted inline action. Absent on older clients.
   - button clicked (copyLink):
       type: ui
       description: Fired when an copy link is clicked
@@ -211,6 +238,13 @@ events:
           required: false
           type: string
           description: Key for RovoChat prompts
+        interactionSource:
+          required: false
+          type: ['spotlightCta', 'inlineAction']
+          description:
+            Origin of the gated inline Rovo invocation. spotlightCta identifies the spotlight CTA
+            (currently See takeaways); inlineAction identifies Summarize or Explain, whether or not
+            a spotlight is visible. Absent for older clients, gate-off and other surfaces.
 
   - button clicked (copySummary):
       type: ui

package/dist/cjs/state/hooks/use-invoke-client-action/index.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _uuid = require("uuid");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _getMeasure3 = require("../../../utils/get-measure");
 var _mark = require("../../../utils/mark");
 var _failUfoExperience = require("../../analytics/failUfoExperience");
 var _startUfoExperience = require("../../analytics/startUfoExperience");
 var _succeedUfoExperience = require("../../analytics/succeedUfoExperience");
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-
+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/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
 
 /**
@@ -29,11 +31,11 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
   var fireEvent = fireEventProp !== null && fireEventProp !== void 0 ? fireEventProp : defaultFireEvent;
   return (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2) {
-      var actionSubjectId, actionType, actionFn, _ref2$definitionId, definitionId, extensionKey, display, id, prompt, _ref2$resourceType, resourceType, experienceId, markName, _getMeasure$duration, _getMeasure, result, _getMeasure$duration2, _getMeasure2, reason, _t;
+      var actionSubjectId, actionType, actionFn, _ref2$definitionId, definitionId, extensionKey, display, id, prompt, interactionSource, _ref2$resourceType, resourceType, experienceId, markName, _getMeasure$duration, _getMeasure, result, _getMeasure$duration2, _getMeasure2, reason, _t;
       return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            actionSubjectId = _ref2.actionSubjectId, actionType = _ref2.actionType, actionFn = _ref2.actionFn, _ref2$definitionId = _ref2.definitionId, definitionId = _ref2$definitionId === void 0 ? null : _ref2$definitionId, extensionKey = _ref2.extensionKey, display = _ref2.display, id = _ref2.id, prompt = _ref2.prompt, _ref2$resourceType = _ref2.resourceType, resourceType = _ref2$resourceType === void 0 ? null : _ref2$resourceType;
+            actionSubjectId = _ref2.actionSubjectId, actionType = _ref2.actionType, actionFn = _ref2.actionFn, _ref2$definitionId = _ref2.definitionId, definitionId = _ref2$definitionId === void 0 ? null : _ref2$definitionId, extensionKey = _ref2.extensionKey, display = _ref2.display, id = _ref2.id, prompt = _ref2.prompt, interactionSource = _ref2.interactionSource, _ref2$resourceType = _ref2.resourceType, resourceType = _ref2$resourceType === void 0 ? null : _ref2$resourceType;
             // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
             experienceId = (0, _uuid.v4)(); // Begin performance instrumentation.
             markName = "".concat(experienceId, "-").concat(actionType);
@@ -49,14 +51,16 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
 
             // Begin analytics instrumentation.
             if (actionSubjectId !== undefined) {
-              fireEvent("ui.button.clicked.".concat(actionSubjectId), {
+              fireEvent("ui.button.clicked.".concat(actionSubjectId), _objectSpread({
                 actionType: actionType !== null && actionType !== void 0 ? actionType : null,
                 definitionId: definitionId,
                 display: display !== null && display !== void 0 ? display : null,
                 id: id !== null && id !== void 0 ? id : experienceId,
                 resourceType: resourceType,
                 prompt: prompt
-              });
+              }, (0, _fg.fg)('platform_sl_one_click_chat_spotlight_v2_fg') && actionSubjectId === 'rovoChatPrompt' && interactionSource ? {
+                interactionSource: interactionSource
+              } : {}));
             }
             // Invoke action
             _context.next = 2;

package/dist/cjs/state/hooks/use-one-click-chat-spotlight-eligibility/index.js

@@ -150,7 +150,7 @@ function useOneClickChatSpotlightEligibility(_ref) {
     shown.current = true;
     interaction.current('impression');
   }, [eligibility.isEligible, suppression]);
-  var finish = (0, _react.useCallback)(function (kind) {
+  var finish = (0, _react.useCallback)(function (kind, source) {
     if (!shown.current || ended.current) {
       return false;
     }
@@ -158,7 +158,11 @@ function useOneClickChatSpotlightEligibility(_ref) {
     if (kind === 'dismissed') {
       suppression === null || suppression === void 0 || suppression.dismiss(Date.now());
     }
-    interaction.current(kind);
+    if (source) {
+      interaction.current(kind, source);
+    } else {
+      interaction.current(kind);
+    }
     (0, _suppression.releaseSpotlight)(owner.current);
     setEligibility({
       isEligible: false,
@@ -166,8 +170,8 @@ function useOneClickChatSpotlightEligibility(_ref) {
     });
     return true;
   }, [suppression]);
-  var onClick = (0, _react.useCallback)(function () {
-    return finish('clicked');
+  var onClick = (0, _react.useCallback)(function (source) {
+    return finish('clicked', source);
   }, [finish]);
   var onDismiss = (0, _react.useCallback)(function () {
     finish('dismissed');

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

@@ -25,7 +25,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "46.5.3" || ''
+  packageVersion: "46.5.4" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/InlineCard/common/one-click-chat-spotlight/index.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.OneClickChatSpotlight = OneClickChatSpotlight;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -30,6 +31,8 @@ var _useRovoConfig2 = _interopRequireDefault(require("../../../../state/hooks/us
 var _store = require("../../../../state/store");
 var _excluded = ["children", "style", "shouldFitViewport", "shouldRenderToParent", "shouldFitContainer", "appearance", "xcss", "isReferenceHidden"];
 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 messages = (0, _reactIntl.defineMessages)({
   heading: {
     id: 'smart-card.one-click-chat-spotlight-v2.heading.ai-non-final',
@@ -192,19 +195,21 @@ function OneClickChatSpotlight(_ref3) {
     product = _useRovoConfig.product;
   var card = (0, _store.useSmartCardState)(url !== null && url !== void 0 ? url : '');
   var provider = (0, _getExtensionKey.getExtensionKey)(card.details);
-  var onInteraction = (0, _react.useCallback)(function (interaction) {
+  var onInteraction = (0, _react.useCallback)(function (interaction, interactionSource) {
     createAnalyticsEvent({
       eventType: interaction === 'impression' ? 'track' : 'ui',
       action: interaction === 'impression' ? 'viewed' : interaction,
       actionSubject: 'oneClickChatSpotlight',
       actionSubjectId: 'oneClickChatSpotlightV2',
-      attributes: {
+      attributes: _objectSpread({
         provider: provider === 'google-object-provider' ? 'google-drive' : 'github',
         product: product === 'CONFLUENCE' ? 'confluence_web' : 'jira_web',
         appearance: 'inline',
         cohort: 'treatment',
         variant: 'v2'
-      }
+      }, interactionSource ? {
+        interactionSource: interactionSource
+      } : {})
     }).fire(_constants.EVENT_CHANNEL);
   }, [createAnalyticsEvent, provider, product]);
   var spotlight = (0, _useOneClickChatSpotlightEligibility.default)({
@@ -265,7 +270,7 @@ function OneClickChatSpotlight(_ref3) {
         ref: ref,
         onClickCapture: function onClickCapture() {
           if (spotlight.isEligible) {
-            spotlight.onClick();
+            spotlight.onClick('inlineAction');
           }
         }
       }, children);
@@ -278,7 +283,7 @@ function OneClickChatSpotlight(_ref3) {
         actionLabel: intl.formatMessage(messages.action),
         onDismiss: spotlight.onDismiss,
         onAction: function onAction() {
-          if (spotlight.onClick()) {
+          if (spotlight.onClick('spotlightCta')) {
             onInvoke();
           }
         }

package/dist/cjs/view/InlineCard/common/rovo-actions-cta/index.js

@@ -183,8 +183,10 @@ var InlineRovoActionButtonWithSpotlight = function InlineRovoActionButtonWithSpo
     content = _ref4.content,
     icon = _ref4.icon;
   var invokePrompt = (0, _react.useCallback)(function () {
+    var interactionSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inlineAction';
     if (isRovoChatEnabled && promptData && rovoChatAction !== null && rovoChatAction !== void 0 && rovoChatAction.invokeAction) {
       invoke(_objectSpread(_objectSpread({}, rovoChatAction.invokeAction), {}, {
+        interactionSource: interactionSource,
         actionFn: function () {
           var _actionFn2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
             return _regenerator.default.wrap(function (_context2) {
@@ -223,6 +225,8 @@ var InlineRovoActionButtonWithSpotlight = function InlineRovoActionButtonWithSpo
     key: url,
     url: url,
     actionOptions: actionOptions,
-    onInvoke: invokePrompt
+    onInvoke: function onInvoke() {
+      return invokePrompt('spotlightCta');
+    }
   }, button) : button;
 };

package/dist/cjs/view/LinkUrl/index.js

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "46.5.3",
+  packageVersion: "46.5.4",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/state/hooks/use-invoke-client-action/index.js

@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { getMeasure } from '../../../utils/get-measure';
 import { mark } from '../../../utils/mark';
@@ -29,6 +30,7 @@ const useInvokeClientAction = ({
     display,
     id,
     prompt,
+    interactionSource,
     resourceType = null
   }) => {
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -55,7 +57,10 @@ const useInvokeClientAction = ({
           display: display !== null && display !== void 0 ? display : null,
           id: id !== null && id !== void 0 ? id : experienceId,
           resourceType,
-          prompt
+          prompt,
+          ...(fg('platform_sl_one_click_chat_spotlight_v2_fg') && actionSubjectId === 'rovoChatPrompt' && interactionSource ? {
+            interactionSource
+          } : {})
         });
       }
       // Invoke action

package/dist/es2019/state/hooks/use-one-click-chat-spotlight-eligibility/index.js

@@ -126,7 +126,7 @@ export default function useOneClickChatSpotlightEligibility({
     shown.current = true;
     interaction.current('impression');
   }, [eligibility.isEligible, suppression]);
-  const finish = useCallback(kind => {
+  const finish = useCallback((kind, source) => {
     if (!shown.current || ended.current) {
       return false;
     }
@@ -134,7 +134,11 @@ export default function useOneClickChatSpotlightEligibility({
     if (kind === 'dismissed') {
       suppression === null || suppression === void 0 ? void 0 : suppression.dismiss(Date.now());
     }
-    interaction.current(kind);
+    if (source) {
+      interaction.current(kind, source);
+    } else {
+      interaction.current(kind);
+    }
     releaseSpotlight(owner.current);
     setEligibility({
       isEligible: false,
@@ -142,7 +146,7 @@ export default function useOneClickChatSpotlightEligibility({
     });
     return true;
   }, [suppression]);
-  const onClick = useCallback(() => finish('clicked'), [finish]);
+  const onClick = useCallback(source => finish('clicked', source), [finish]);
   const onDismiss = useCallback(() => {
     finish('dismissed');
   }, [finish]);

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

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "46.5.3" || ''
+  packageVersion: "46.5.4" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/InlineCard/common/one-click-chat-spotlight/index.js

@@ -175,7 +175,7 @@ export function OneClickChatSpotlight({
   } = useRovoConfig();
   const card = useSmartCardState(url !== null && url !== void 0 ? url : '');
   const provider = getExtensionKey(card.details);
-  const onInteraction = useCallback(interaction => {
+  const onInteraction = useCallback((interaction, interactionSource) => {
     createAnalyticsEvent({
       eventType: interaction === 'impression' ? 'track' : 'ui',
       action: interaction === 'impression' ? 'viewed' : interaction,
@@ -186,7 +186,10 @@ export function OneClickChatSpotlight({
         product: product === 'CONFLUENCE' ? 'confluence_web' : 'jira_web',
         appearance: 'inline',
         cohort: 'treatment',
-        variant: 'v2'
+        variant: 'v2',
+        ...(interactionSource ? {
+          interactionSource
+        } : {})
       }
     }).fire(EVENT_CHANNEL);
   }, [createAnalyticsEvent, provider, product]);
@@ -242,7 +245,7 @@ export function OneClickChatSpotlight({
       ref: ref,
       onClickCapture: () => {
         if (spotlight.isEligible) {
-          spotlight.onClick();
+          spotlight.onClick('inlineAction');
         }
       }
     }, children),
@@ -253,7 +256,7 @@ export function OneClickChatSpotlight({
       actionLabel: intl.formatMessage(messages.action),
       onDismiss: spotlight.onDismiss,
       onAction: () => {
-        if (spotlight.onClick()) {
+        if (spotlight.onClick('spotlightCta')) {
           onInvoke();
         }
       }

package/dist/es2019/view/InlineCard/common/rovo-actions-cta/index.js

@@ -157,10 +157,11 @@ const InlineRovoActionButtonWithSpotlight = ({
     iconSize: 'small',
     provider: provider === null || provider === void 0 ? void 0 : provider.text
   }) || {} : {};
-  const invokePrompt = useCallback(() => {
+  const invokePrompt = useCallback((interactionSource = 'inlineAction') => {
     if (isRovoChatEnabled && promptData && rovoChatAction !== null && rovoChatAction !== void 0 && rovoChatAction.invokeAction) {
       invoke({
         ...rovoChatAction.invokeAction,
+        interactionSource,
         actionFn: async () => sendPromptMessage(promptData),
         prompt: promptKey
       });
@@ -183,6 +184,6 @@ const InlineRovoActionButtonWithSpotlight = ({
     key: url,
     url: url,
     actionOptions: actionOptions,
-    onInvoke: invokePrompt
+    onInvoke: () => invokePrompt('spotlightCta')
   }, button) : button;
 };

package/dist/es2019/view/LinkUrl/index.js

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "46.5.3",
+  packageVersion: "46.5.4",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/state/hooks/use-invoke-client-action/index.js

@@ -1,9 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+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';
 
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { getMeasure } from '../../../utils/get-measure';
 import { mark } from '../../../utils/mark';
@@ -22,11 +26,11 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
   var fireEvent = fireEventProp !== null && fireEventProp !== void 0 ? fireEventProp : defaultFireEvent;
   return useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-      var actionSubjectId, actionType, actionFn, _ref2$definitionId, definitionId, extensionKey, display, id, prompt, _ref2$resourceType, resourceType, experienceId, markName, _getMeasure$duration, _getMeasure, result, _getMeasure$duration2, _getMeasure2, reason, _t;
+      var actionSubjectId, actionType, actionFn, _ref2$definitionId, definitionId, extensionKey, display, id, prompt, interactionSource, _ref2$resourceType, resourceType, experienceId, markName, _getMeasure$duration, _getMeasure, result, _getMeasure$duration2, _getMeasure2, reason, _t;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            actionSubjectId = _ref2.actionSubjectId, actionType = _ref2.actionType, actionFn = _ref2.actionFn, _ref2$definitionId = _ref2.definitionId, definitionId = _ref2$definitionId === void 0 ? null : _ref2$definitionId, extensionKey = _ref2.extensionKey, display = _ref2.display, id = _ref2.id, prompt = _ref2.prompt, _ref2$resourceType = _ref2.resourceType, resourceType = _ref2$resourceType === void 0 ? null : _ref2$resourceType;
+            actionSubjectId = _ref2.actionSubjectId, actionType = _ref2.actionType, actionFn = _ref2.actionFn, _ref2$definitionId = _ref2.definitionId, definitionId = _ref2$definitionId === void 0 ? null : _ref2$definitionId, extensionKey = _ref2.extensionKey, display = _ref2.display, id = _ref2.id, prompt = _ref2.prompt, interactionSource = _ref2.interactionSource, _ref2$resourceType = _ref2.resourceType, resourceType = _ref2$resourceType === void 0 ? null : _ref2$resourceType;
             // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
             experienceId = uuid(); // Begin performance instrumentation.
             markName = "".concat(experienceId, "-").concat(actionType);
@@ -42,14 +46,16 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
 
             // Begin analytics instrumentation.
             if (actionSubjectId !== undefined) {
-              fireEvent("ui.button.clicked.".concat(actionSubjectId), {
+              fireEvent("ui.button.clicked.".concat(actionSubjectId), _objectSpread({
                 actionType: actionType !== null && actionType !== void 0 ? actionType : null,
                 definitionId: definitionId,
                 display: display !== null && display !== void 0 ? display : null,
                 id: id !== null && id !== void 0 ? id : experienceId,
                 resourceType: resourceType,
                 prompt: prompt
-              });
+              }, fg('platform_sl_one_click_chat_spotlight_v2_fg') && actionSubjectId === 'rovoChatPrompt' && interactionSource ? {
+                interactionSource: interactionSource
+              } : {}));
             }
             // Invoke action
             _context.next = 2;

package/dist/esm/state/hooks/use-one-click-chat-spotlight-eligibility/index.js

@@ -143,7 +143,7 @@ export default function useOneClickChatSpotlightEligibility(_ref) {
     shown.current = true;
     interaction.current('impression');
   }, [eligibility.isEligible, suppression]);
-  var finish = useCallback(function (kind) {
+  var finish = useCallback(function (kind, source) {
     if (!shown.current || ended.current) {
       return false;
     }
@@ -151,7 +151,11 @@ export default function useOneClickChatSpotlightEligibility(_ref) {
     if (kind === 'dismissed') {
       suppression === null || suppression === void 0 || suppression.dismiss(Date.now());
     }
-    interaction.current(kind);
+    if (source) {
+      interaction.current(kind, source);
+    } else {
+      interaction.current(kind);
+    }
     releaseSpotlight(owner.current);
     setEligibility({
       isEligible: false,
@@ -159,8 +163,8 @@ export default function useOneClickChatSpotlightEligibility(_ref) {
     });
     return true;
   }, [suppression]);
-  var onClick = useCallback(function () {
-    return finish('clicked');
+  var onClick = useCallback(function (source) {
+    return finish('clicked', source);
   }, [finish]);
   var onDismiss = useCallback(function () {
     finish('dismissed');

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

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "46.5.3" || ''
+  packageVersion: "46.5.4" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/InlineCard/common/one-click-chat-spotlight/index.js

@@ -1,10 +1,13 @@
 /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "style", "shouldFitViewport", "shouldRenderToParent", "shouldFitContainer", "appearance", "xcss", "isReferenceHidden"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+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, { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
@@ -183,19 +186,21 @@ export function OneClickChatSpotlight(_ref3) {
     product = _useRovoConfig.product;
   var card = useSmartCardState(url !== null && url !== void 0 ? url : '');
   var provider = getExtensionKey(card.details);
-  var onInteraction = useCallback(function (interaction) {
+  var onInteraction = useCallback(function (interaction, interactionSource) {
     createAnalyticsEvent({
       eventType: interaction === 'impression' ? 'track' : 'ui',
       action: interaction === 'impression' ? 'viewed' : interaction,
       actionSubject: 'oneClickChatSpotlight',
       actionSubjectId: 'oneClickChatSpotlightV2',
-      attributes: {
+      attributes: _objectSpread({
         provider: provider === 'google-object-provider' ? 'google-drive' : 'github',
         product: product === 'CONFLUENCE' ? 'confluence_web' : 'jira_web',
         appearance: 'inline',
         cohort: 'treatment',
         variant: 'v2'
-      }
+      }, interactionSource ? {
+        interactionSource: interactionSource
+      } : {})
     }).fire(EVENT_CHANNEL);
   }, [createAnalyticsEvent, provider, product]);
   var spotlight = useOneClickChatSpotlightEligibility({
@@ -256,7 +261,7 @@ export function OneClickChatSpotlight(_ref3) {
         ref: ref,
         onClickCapture: function onClickCapture() {
           if (spotlight.isEligible) {
-            spotlight.onClick();
+            spotlight.onClick('inlineAction');
           }
         }
       }, children);
@@ -269,7 +274,7 @@ export function OneClickChatSpotlight(_ref3) {
         actionLabel: intl.formatMessage(messages.action),
         onDismiss: spotlight.onDismiss,
         onAction: function onAction() {
-          if (spotlight.onClick()) {
+          if (spotlight.onClick('spotlightCta')) {
             onInvoke();
           }
         }

package/dist/esm/view/InlineCard/common/rovo-actions-cta/index.js

@@ -174,8 +174,10 @@ var InlineRovoActionButtonWithSpotlight = function InlineRovoActionButtonWithSpo
     content = _ref4.content,
     icon = _ref4.icon;
   var invokePrompt = useCallback(function () {
+    var interactionSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inlineAction';
     if (isRovoChatEnabled && promptData && rovoChatAction !== null && rovoChatAction !== void 0 && rovoChatAction.invokeAction) {
       invoke(_objectSpread(_objectSpread({}, rovoChatAction.invokeAction), {}, {
+        interactionSource: interactionSource,
         actionFn: function () {
           var _actionFn2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
             return _regeneratorRuntime.wrap(function (_context2) {
@@ -214,6 +216,8 @@ var InlineRovoActionButtonWithSpotlight = function InlineRovoActionButtonWithSpo
     key: url,
     url: url,
     actionOptions: actionOptions,
-    onInvoke: invokePrompt
+    onInvoke: function onInvoke() {
+      return invokePrompt('spotlightCta');
+    }
   }, button) : button;
 };

package/dist/esm/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "46.5.3",
+  packageVersion: "46.5.4",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::4928ecfae3052d3576f2c17a7af29cc5>>
+ * @codegen <<SignedSource::9cd75b85ebe2e335394c0d7f99ba9cb1>>
  * @codegenCommand afm workspace @atlassian/analytics-tooling analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -33,6 +33,14 @@ export type ResolvedContextType = {
     canBeDatasource?: boolean | null;
     location?: string | null;
 };
+export type OneClickChatSpotlightClickedAttributesType = {
+    provider: 'google-drive' | 'github';
+    product: 'confluence_web' | 'jira_web';
+    appearance: 'inline';
+    cohort: 'treatment';
+    variant: 'v2';
+    interactionSource?: 'spotlightCta' | 'inlineAction' | null;
+};
 export type ButtonClickedCopyLinkAttributesType = {
     actionType?: string | null;
     id?: string | null;
@@ -76,6 +84,7 @@ export type ButtonClickedRovoChatPromptAttributesType = {
     display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
     resourceType?: string | null;
     prompt?: string | null;
+    interactionSource?: 'spotlightCta' | 'inlineAction' | null;
 };
 export type ButtonClickedCopySummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
@@ -294,6 +303,9 @@ export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     isContextMenu?: boolean | null;
 };
 export type AnalyticsEventAttributes = {
+    /**
+     * Fired once when the spotlight CTA or highlighted inline action is clicked while the spotlight is open */
+    'ui.oneClickChatSpotlight.clicked': OneClickChatSpotlightClickedAttributesType;
     /**
      * Fired when an copy link is clicked */
     'ui.button.clicked.copyLink': ButtonClickedCopyLinkAttributesType;

package/dist/types/state/hooks/use-invoke-client-action/types.d.ts

@@ -1,5 +1,6 @@
 import { type FireEventFunction } from '../../../common/analytics/types';
 import { type CardInnerAppearance } from '../../../view/Card/types';
+export type RovoInteractionSource = 'spotlightCta' | 'inlineAction';
 export type UseInvokeClientActionProps = {
     /**
      * A function to dispatch analytics events.
@@ -8,6 +9,7 @@ export type UseInvokeClientActionProps = {
 };
 export type InvokeClientActionSubjectId = 'copyLink' | 'downloadDocument' | 'invokePreviewScreen' | 'rovoChatPrompt' | 'shortcutGoToLink';
 type InvokeRovoChatClientActionProps = {
+    interactionSource?: RovoInteractionSource;
     prompt?: string;
 };
 export type InvokeClientActionProps = {

package/dist/types/state/hooks/use-one-click-chat-spotlight-eligibility/index.d.ts

@@ -1,8 +1,9 @@
 import type { CardActionOptions } from '../../../view/Card/types';
+import type { RovoInteractionSource } from '../use-invoke-client-action/types';
 import { type EligibilityResult } from './evaluate';
 export type SpotlightInteraction = 'impression' | 'clicked' | 'dismissed';
 export interface SpotlightEligibility extends EligibilityResult {
-    onClick: () => boolean;
+    onClick: (source?: RovoInteractionSource) => boolean;
     onDismiss: () => void;
     onShown: () => void;
     product?: string;
@@ -11,6 +12,6 @@ export interface SpotlightEligibility extends EligibilityResult {
 export default function useOneClickChatSpotlightEligibility({ url, actionOptions, isOpportunity, onInteraction, }: {
     actionOptions?: CardActionOptions;
     isOpportunity: boolean;
-    onInteraction: (interaction: SpotlightInteraction) => void;
+    onInteraction: (interaction: SpotlightInteraction, source?: RovoInteractionSource) => void;
     url?: string;
 }): SpotlightEligibility;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "46.5.4",
+	"version": "46.5.5",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"