@netlify/spark-ui 1.8.5 → 1.8.7

package/dist/chunks/analytics.Ch1vuuOl.js

@@ -0,0 +1,13 @@
+class n {
+  /**
+   * Pushes an event payload into the dataLayer.
+   * @param eventName e.g. 'www:search_new_query'
+   * @param payload   additional key/value data
+   */
+  track(t, e = {}) {
+    typeof gtag == "function" ? gtag("event", t, { ...e }) : console.error(`gtag is not defined. Event [${t}] failed.`);
+  }
+}
+export {
+  n as A
+};

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

@@ -1,19 +1,35 @@
-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 { A as c } from "../../../chunks/analytics.Ch1vuuOl.js";
+import '../../../assets/AskNetlify.css';function k(o) {
+  const e = a(new c());
+  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
+  k as default
 };

package/dist/components/preact/SearchModal/hooks/useSearchLogger.js

@@ -1,37 +1,28 @@
-import { A as y, y as h, q as k } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-class s {
-  /**
-   * Pushes an event payload into the dataLayer.
-   * @param eventName e.g. 'www:search_new_query'
-   * @param payload   additional key/value data
-   */
-  track(n, i = {}) {
-    typeof gtag == "function" ? gtag("event", n, { ...i }) : console.error(`gtag is not defined. Event [${n}] failed.`);
-  }
-}
-function p(r, n) {
-  const l = y(new s()).current, e = (c) => c.debug_mode = !0;
+import { A as y, y as h, q as d } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+import { A as k } from "../../../../chunks/analytics.Ch1vuuOl.js";
+function b(r, l) {
+  const n = y(new k()).current, e = (c) => c.debug_mode = !0;
   return h(() => {
     if (!(r != null && r.searchTerm)) return;
     const c = { query: r == null ? void 0 : r.searchTerm };
-    n && e(c), l.track("search:new_query", c);
+    l && e(c), n.track("search:new_query", c);
   }, [r == null ? void 0 : r.searchTerm]), h(() => {
     if (!(r != null && r.results)) return;
     const c = { query: r == null ? void 0 : r.searchTerm };
-    n && e(c), r != null && r.searchTerm && r.results.length === 0 && l.track("search:no_results", c);
+    l && e(c), r != null && r.searchTerm && r.results.length === 0 && n.track("search:no_results", c);
   }, [r == null ? void 0 : r.results]), {
-    handleClick: k((c) => {
-      var f;
+    handleClick: d((c) => {
+      var i;
       const o = c.target.closest("a");
       if (!o) return;
-      const g = (f = o.querySelector(".n-search-link-label")) == null ? void 0 : f.innerHTML, d = o.getAttribute("href") || void 0, u = {
-        resultTitle: g,
-        resultUrl: d
+      const f = (i = o.querySelector(".n-search-link-label")) == null ? void 0 : i.innerHTML, m = o.getAttribute("href") || void 0, u = {
+        resultTitle: f,
+        resultUrl: m
       };
-      n && e(u), l.track("search:result_selected", u);
+      l && e(u), n.track("search:result_selected", u);
     }, [])
   };
 }
 export {
-  p as useSearchLogger
+  b as useSearchLogger
 };

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.7",
   "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 '../../../analytics/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>(new 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,
+            });
+          },
         },
       }}
     >