@netlify/spark-ui 1.5.0-alpha.8 → 1.5.0-alpha.9

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

@@ -5689,17 +5689,13 @@ function Sl(e) {
 function fl({ setModalState: e }) {
   const [t, a] = ct(""), { conversation: i, submitQuery: n, isGeneratingAnswer: r, isPreparingAnswer: l, stopGeneration: o } = gl(), u = Se(null), s = {
     "e477f4dd-7159-4c31-8a18-4dfc7e84d927": "How does Netlify simplify my CI/CD pipeline?",
+    "39229ddb-9000-4e83-bbf8-54f1c1e55ed4": "How can I use Netlify to improve my site’s Core Web Vitals?",
     "5c41b3c2-4c90-4cf7-9f24-f0d0b8f0f759": "What are the benefits of using Netlify with a headless CMS?",
-    "0270de6c-387e-401f-b24c-6ae1166db477": "What are the performance benefits of hosting on Netlify’s edge network?",
-    "39229ddb-9000-4e83-bbf8-54f1c1e55ed4": "How can I use Netlify to improve my site’s Core Web Vitals?"
+    "0270de6c-387e-401f-b24c-6ae1166db477": "What are the performance benefits of hosting on Netlify’s edge network?"
   }, c = (h) => {
     h.preventDefault();
     const d = h.target.getAttribute("data-id");
-    if (d) {
-      const f = s[d];
-      f.trim() && n(f.trim()), a("");
-    }
-    t.trim() && (n(t.trim()), a(""));
+    (d ? s[d] : t).trim() && (n(t.trim()), a(""));
   };
   return Oe(() => {
     const h = u.current;
@@ -5725,7 +5721,7 @@ function fl({ setModalState: e }) {
       }
     ),
     /* @__PURE__ */ E("div", { ref: u, className: "conversation n-search-window", children: [
-      !i.length && /* @__PURE__ */ E("ul", { class: "question-list", role: "list", children: Object.entries(s).map(([h, d]) => /* @__PURE__ */ E("li", { children: /* @__PURE__ */ E("button", { class: "question", onClick: c, "data-id": h, children: d }) })) }),
+      !i.length && /* @__PURE__ */ E("ul", { class: "question-list", role: "list", children: Object.entries(QandAMap).map(([h, d]) => /* @__PURE__ */ E("li", { children: /* @__PURE__ */ E("button", { class: "question", onClick: c, "data-id": h, children: d }) })) }),
       i.map((h, d) => /* @__PURE__ */ E("div", { className: "message", children: [
         /* @__PURE__ */ E("div", { className: "message-right", children: /* @__PURE__ */ E("div", { className: "message-bubble user-message", children: /* @__PURE__ */ E("p", { children: h.question }) }) }),
         /* @__PURE__ */ E("div", { className: "message-left", children: h.answer ? /* @__PURE__ */ E("div", { className: "message-bubble bot-message", children: /* @__PURE__ */ E(

package/package.json

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

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

@@ -31,30 +31,23 @@ function ChatInterface({ setModalState }: AskNetlifyProps) {
 
   const chatRef = useRef(null);
 
-  const QandAMap = {
+  const questions = {
     'e477f4dd-7159-4c31-8a18-4dfc7e84d927': 'How does Netlify simplify my CI/CD pipeline?',
+    '39229ddb-9000-4e83-bbf8-54f1c1e55ed4':
+      'How can I use Netlify to improve my site’s Core Web Vitals?',
     '5c41b3c2-4c90-4cf7-9f24-f0d0b8f0f759':
       'What are the benefits of using Netlify with a headless CMS?',
     '0270de6c-387e-401f-b24c-6ae1166db477':
       'What are the performance benefits of hosting on Netlify’s edge network?',
-    '39229ddb-9000-4e83-bbf8-54f1c1e55ed4':
-      'How can I use Netlify to improve my site’s Core Web Vitals?',
   };
 
   const handleSubmit = e => {
     e.preventDefault();
 
-    const id = e.target.getAttribute('data-id');
-
-    if (id) {
-      const question = QandAMap[id];
-      if (question.trim()) {
-        submitQuery(question.trim());
-      }
-      setMessage('');
-    }
+    const questionId = e.target.getAttribute('data-id');
+    const question = questionId ? questions[questionId] : message;
 
-    if (message.trim()) {
+    if (question.trim()) {
       submitQuery(message.trim());
       setMessage('');
     }