@netlify/spark-ui 1.8.5 → 1.8.6

package/dist/components/preact/AskNetlify/AskNetlify.js

@@ -1,19 +1,34 @@
-import { u as a } from "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { C as t, K as r } from "../../../chunks/ChatInterface.BD7rlv4H.js";
-import '../../../assets/AskNetlify.css';function n(e) {
-  return /* @__PURE__ */ a(
-    r,
+import { u as t } from "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
+import { A as a } from "../../../chunks/hooks.module.DGkdD5n9.js";
+import { C as s, K as i } from "../../../chunks/ChatInterface.BD7rlv4H.js";
+import '../../../assets/AskNetlify.css';function m(o) {
+  const e = a();
+  return /* @__PURE__ */ t(
+    i,
     {
       integrationId: "3c0789a6-c6a8-4fbc-b0cc-235f9e4a6351",
       callbacks: {
         askAI: {
-          onQuerySubmit: (o) => console.log("Question asked:", o.question)
+          onQuerySubmit: (r) => {
+            var n;
+            (n = e == null ? void 0 : e.current) == null || n.track("ask:new_query", {
+              question: r.question,
+              thread_id: r.threadId
+            });
+          },
+          onAnswerGenerationCompleted: (r) => {
+            var n;
+            (n = e == null ? void 0 : e.current) == null || n.track("ask:answer_generated", {
+              question_id: r.questionAnswerId,
+              answer_length: r.answer.length
+            });
+          }
         }
       },
-      children: /* @__PURE__ */ a(t, { ...e })
+      children: /* @__PURE__ */ t(s, { ...o })
     }
   );
 }
 export {
-  n as default
+  m as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "1.8.5",
+  "version": "1.8.6",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/AskNetlify/AskNetlify.tsx

@@ -1,4 +1,6 @@
+import { useRef } from 'preact/hooks';
 import { KapaProvider } from '@kapaai/react-sdk';
+import Analytics from '@analtyics/analytics';
 import ChatInterface from './components/ChatInterface';
 import './AskNetlify.css';
 
@@ -7,12 +9,24 @@ interface AskNetlifyProps {
 }
 
 export default function AskNetlify(props: AskNetlifyProps) {
+  const analyticsRef = useRef<Analytics>();
   return (
     <KapaProvider
       integrationId="3c0789a6-c6a8-4fbc-b0cc-235f9e4a6351"
       callbacks={{
         askAI: {
-          onQuerySubmit: data => console.log('Question asked:', data.question),
+          onQuerySubmit: data => {
+            analyticsRef?.current?.track('ask:new_query', {
+              question: data.question,
+              thread_id: data.threadId,
+            });
+          },
+          onAnswerGenerationCompleted: data => {
+            analyticsRef?.current?.track('ask:answer_generated', {
+              question_id: data.questionAnswerId,
+              answer_length: data.answer.length,
+            });
+          },
         },
       }}
     >