Feat/grow 284.add amplitude to inkeep actions

src/client/thirdParty/Amplitude.tsx

@@ -3,7 +3,10 @@ import { usePlaygroundSignals } from '../../app/playground/hooks/usePlaygroundSi
 import { FunctionComponent } from 'react';
 
 const AMPLITUDE_INGRESS_PROXY = 'https://demo.fingerprint.com/ampl-api/2/httpapi';
-const EVENT_TYPE = 'Demo Page Viewed';
+const AMPLITUDE_EVENT = {
+  DEMO_PAGE_VIEWED: 'Demo Page Viewed',
+  DEMO_ASK_AI_HELP_CHOSEN: 'Demo Ask AI Help Chosen',
+} as const;
 
 /**
  * This is an Amplitude plugin that renames the Page view event_properties according to our analytics needs
@@ -14,7 +17,7 @@ const demoPageViewedEventPropertiesEnrichment = (botDetected: 'True' | 'False'):
   setup: async () => undefined,
   execute: async (event) => {
     // Only apply to Demo Page View events
-    if (event.event_type !== EVENT_TYPE) {
+    if (event.event_type !== AMPLITUDE_EVENT.DEMO_PAGE_VIEWED) {
       return event;
     }
 
@@ -36,6 +39,16 @@ type AmplitudeProps = {
   apiKey: string;
 };
 
+type AskAIHelpChosenEventProperties = {
+  helpMethod: string;
+  'Demo Page Path': string;
+  'Demo Page Title': string;
+};
+
+export function trackAskAIHelpChosen(properties: AskAIHelpChosenEventProperties) {
+  amplitude.track(AMPLITUDE_EVENT.DEMO_ASK_AI_HELP_CHOSEN, properties);
+}
+
 export const Amplitude: FunctionComponent<AmplitudeProps> = ({ apiKey }) => {
   usePlaygroundSignals({
     onServerApiSuccess: (event) => {
@@ -46,7 +59,7 @@ export const Amplitude: FunctionComponent<AmplitudeProps> = ({ apiKey }) => {
       amplitude.init(apiKey, {
         defaultTracking: {
           pageViews: {
-            eventType: EVENT_TYPE,
+            eventType: AMPLITUDE_EVENT.DEMO_PAGE_VIEWED,
           },
           attribution: false,
           sessions: false,

src/client/thirdParty/Inkeep.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { InkeepChatButtonProps } from '@inkeep/uikit';
 import type {
   InkeepAIChatSettings,
   InkeepSearchSettings,
@@ -9,6 +8,7 @@ import type {
 } from '@inkeep/uikit';
 import { env } from '../../env';
 import dynamic from 'next/dynamic';
+import { trackAskAIHelpChosen } from './Amplitude';
 
 /**
  * Inkeep (AI Help) chat button
@@ -36,7 +36,15 @@ const useInkeepSettings = (): InkeepSharedSettings => {
     integrationId,
     organizationId,
     primaryBrandColor: '#F04405',
-    //logEventCallback: customAnalyticsCallback,
+    logEventCallback: (event) => {
+      if (event.eventName === 'get_help_option_clicked') {
+        trackAskAIHelpChosen({
+          helpMethod: event.properties.name,
+          'Demo Page Path': document.location.pathname,
+          'Demo Page Title': document.title,
+        });
+      }
+    },
   };
   const modalSettings: InkeepModalSettings = {};
   const searchSettings: InkeepSearchSettings = {};
@@ -85,14 +93,7 @@ const useInkeepSettings = (): InkeepSharedSettings => {
 };
 
 export function InkeepChatButton() {
-  const { baseSettings, aiChatSettings, searchSettings, modalSettings } = useInkeepSettings();
-
-  const chatButtonProps: InkeepChatButtonProps = {
-    baseSettings,
-    aiChatSettings,
-    searchSettings,
-    modalSettings,
-  };
+  const settings = useInkeepSettings();
 
-  return <ChatButton {...chatButtonProps} />;
+  return <ChatButton {...settings} />;
 }