strapi-plugin-faqchatbot 1.0.1 → 1.0.3

package/dist/_chunks/{App-Cn0wk9Bd.js → App-DXMGIi8p.js}

@@ -24975,7 +24975,7 @@ const ChatWindowWrapper = styled__default.default(designSystem.Box)`
   height: 500px;
   z-index: 1000;
   overflow: hidden;
-  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   transform-origin: bottom right;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -25023,23 +25023,41 @@ const ChatbotPreview = () => {
     setMessages((prev) => [...prev, { text: userText, isUser: true }]);
     setChatInput("");
     try {
-      const res = await fetch("/api/faqchatbot/ask", {
+      const res = await fetch("/api/faqchatbot-config/ask", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          question: userText
-        })
+        body: JSON.stringify({ question: userText })
       });
-      const data = await res.json();
-      setMessages((prev) => [
-        ...prev,
-        { text: data.content || "No response", isUser: false }
-      ]);
+      if (!res.ok) throw new Error("Request failed");
+      const reader = res.body?.getReader();
+      if (!reader) throw new Error("No stream");
+      const decoder = new TextDecoder();
+      let botMessage = "";
+      setMessages((prev) => [...prev, { text: "", isUser: false }]);
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        const chunk = decoder.decode(value, { stream: true });
+        const lines = chunk.split("\n");
+        for (let rawLine of lines) {
+          const line = rawLine.replace(/\r/g, "");
+          if (line.includes("[DONE]")) return;
+          if (line.startsWith("data: ")) {
+            const token = line.replace("data: ", "");
+            botMessage += token;
+            setMessages((prev) => {
+              const updated = [...prev];
+              updated[updated.length - 1] = {
+                text: botMessage,
+                isUser: false
+              };
+              return updated;
+            });
+          }
+        }
+      }
     } catch (err) {
-      setMessages((prev) => [
-        ...prev,
-        { text: "Error contacting chatbot", isUser: false }
-      ]);
+      setMessages((prev) => [...prev, { text: "Error contacting chatbot", isUser: false }]);
     }
   };
   const handleClearHistory = () => {
@@ -25052,14 +25070,74 @@ const ChatbotPreview = () => {
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.Message, { color: "neutral0", width: 18 }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "neutral0", children: "Chatbot Preview" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { as: "button", onClick: handleClearHistory, style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Clear History", children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, { color: "neutral0", width: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              as: "button",
+              onClick: handleClearHistory,
+              style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+              title: "Clear History",
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, { color: "neutral0", width: 14 })
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { as: "button", onClick: () => setIsOpen(false), style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Close Chat", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, { color: "neutral0", width: 14 }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            as: "button",
+            onClick: () => setIsOpen(false),
+            style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+            title: "Close Chat",
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, { color: "neutral0", width: 14 })
+          }
+        )
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { ref: scrollRef, padding: 4, background: "neutral100", style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, hasRadius: true, background: msg.isUser ? "primary600" : "neutral0", shadow: "filterShadow", style: { alignSelf: msg.isUser ? "flex-end" : "flex-start", maxWidth: "85%" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text }) }, idx)) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Box,
+        {
+          ref: scrollRef,
+          padding: 4,
+          background: "neutral100",
+          style: { flex: 1, overflowY: "auto" },
+          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              padding: 3,
+              hasRadius: true,
+              background: msg.isUser ? "primary600" : "neutral0",
+              shadow: "filterShadow",
+              style: {
+                alignSelf: msg.isUser ? "flex-end" : "flex-start",
+                maxWidth: "85%",
+                wordBreak: "break-word",
+                overflowWrap: "anywhere",
+                whiteSpace: "pre-wrap"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text })
+            },
+            idx
+          )) })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "neutral0", style: { borderTop: "1px solid #f0f0f5" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.TextInput, { placeholder: "Type a message...", value: chatInput, onChange: (e2) => setChatInput(e2.target.value), onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage() }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleSendMessage, style: { height: "40px" }, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}), children: "Send" })
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.TextInput,
+          {
+            placeholder: "Type a message...",
+            value: chatInput,
+            onChange: (e2) => setChatInput(e2.target.value),
+            onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage()
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: handleSendMessage,
+            style: { height: "40px" },
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
+            children: "Send"
+          }
+        )
       ] }) })
     ] }) })
   ] });

package/dist/_chunks/{App-B02Agl-6.mjs → App-Dq5zlyVl.mjs}

@@ -24974,7 +24974,7 @@ const ChatWindowWrapper = styled$1(Box)`
   height: 500px;
   z-index: 1000;
   overflow: hidden;
-  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   transform-origin: bottom right;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -25022,23 +25022,41 @@ const ChatbotPreview = () => {
     setMessages((prev) => [...prev, { text: userText, isUser: true }]);
     setChatInput("");
     try {
-      const res = await fetch("/api/faqchatbot/ask", {
+      const res = await fetch("/api/faqchatbot-config/ask", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          question: userText
-        })
+        body: JSON.stringify({ question: userText })
       });
-      const data = await res.json();
-      setMessages((prev) => [
-        ...prev,
-        { text: data.content || "No response", isUser: false }
-      ]);
+      if (!res.ok) throw new Error("Request failed");
+      const reader = res.body?.getReader();
+      if (!reader) throw new Error("No stream");
+      const decoder = new TextDecoder();
+      let botMessage = "";
+      setMessages((prev) => [...prev, { text: "", isUser: false }]);
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        const chunk = decoder.decode(value, { stream: true });
+        const lines = chunk.split("\n");
+        for (let rawLine of lines) {
+          const line = rawLine.replace(/\r/g, "");
+          if (line.includes("[DONE]")) return;
+          if (line.startsWith("data: ")) {
+            const token = line.replace("data: ", "");
+            botMessage += token;
+            setMessages((prev) => {
+              const updated = [...prev];
+              updated[updated.length - 1] = {
+                text: botMessage,
+                isUser: false
+              };
+              return updated;
+            });
+          }
+        }
+      }
     } catch (err) {
-      setMessages((prev) => [
-        ...prev,
-        { text: "Error contacting chatbot", isUser: false }
-      ]);
+      setMessages((prev) => [...prev, { text: "Error contacting chatbot", isUser: false }]);
     }
   };
   const handleClearHistory = () => {
@@ -25051,14 +25069,74 @@ const ChatbotPreview = () => {
         /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
           /* @__PURE__ */ jsx(Message, { color: "neutral0", width: 18 }),
           /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral0", children: "Chatbot Preview" }),
-          /* @__PURE__ */ jsx(Box, { as: "button", onClick: handleClearHistory, style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Clear History", children: /* @__PURE__ */ jsx(ArrowClockwise, { color: "neutral0", width: 14 }) })
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              as: "button",
+              onClick: handleClearHistory,
+              style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+              title: "Clear History",
+              children: /* @__PURE__ */ jsx(ArrowClockwise, { color: "neutral0", width: 14 })
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx(Box, { as: "button", onClick: () => setIsOpen(false), style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Close Chat", children: /* @__PURE__ */ jsx(Cross, { color: "neutral0", width: 14 }) })
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            as: "button",
+            onClick: () => setIsOpen(false),
+            style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+            title: "Close Chat",
+            children: /* @__PURE__ */ jsx(Cross, { color: "neutral0", width: 14 })
+          }
+        )
       ] }) }),
-      /* @__PURE__ */ jsx(Box, { ref: scrollRef, padding: 4, background: "neutral100", style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsx(Box, { padding: 3, hasRadius: true, background: msg.isUser ? "primary600" : "neutral0", shadow: "filterShadow", style: { alignSelf: msg.isUser ? "flex-end" : "flex-start", maxWidth: "85%" }, children: /* @__PURE__ */ jsx(Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text }) }, idx)) }) }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          ref: scrollRef,
+          padding: 4,
+          background: "neutral100",
+          style: { flex: 1, overflowY: "auto" },
+          children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsx(
+            Box,
+            {
+              padding: 3,
+              hasRadius: true,
+              background: msg.isUser ? "primary600" : "neutral0",
+              shadow: "filterShadow",
+              style: {
+                alignSelf: msg.isUser ? "flex-end" : "flex-start",
+                maxWidth: "85%",
+                wordBreak: "break-word",
+                overflowWrap: "anywhere",
+                whiteSpace: "pre-wrap"
+              },
+              children: /* @__PURE__ */ jsx(Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text })
+            },
+            idx
+          )) })
+        }
+      ),
       /* @__PURE__ */ jsx(Box, { padding: 3, background: "neutral0", style: { borderTop: "1px solid #f0f0f5" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsx(TextInput, { placeholder: "Type a message...", value: chatInput, onChange: (e2) => setChatInput(e2.target.value), onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage() }) }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleSendMessage, style: { height: "40px" }, startIcon: /* @__PURE__ */ jsx(PaperPlane, {}), children: "Send" })
+        /* @__PURE__ */ jsx(Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Type a message...",
+            value: chatInput,
+            onChange: (e2) => setChatInput(e2.target.value),
+            onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage()
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleSendMessage,
+            style: { height: "40px" },
+            startIcon: /* @__PURE__ */ jsx(PaperPlane, {}),
+            children: "Send"
+          }
+        )
       ] }) })
     ] }) })
   ] });

package/dist/admin/index.js

@@ -26,7 +26,7 @@ const Initializer = ({ setPlugin }) => {
   }, []);
   return null;
 };
-const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.PuzzlePiece, {});
+const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Discuss, {});
 const index = {
   register(app) {
     app.addMenuLink({
@@ -37,7 +37,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("../_chunks/App-Cn0wk9Bd.js"));
+        const { App } = await Promise.resolve().then(() => require("../_chunks/App-DXMGIi8p.js"));
         return App;
       }
     });

package/dist/admin/index.mjs

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-import { PuzzlePiece } from "@strapi/icons";
+import { Discuss } from "@strapi/icons";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
@@ -25,7 +25,7 @@ const Initializer = ({ setPlugin }) => {
   }, []);
   return null;
 };
-const PluginIcon = () => /* @__PURE__ */ jsx(PuzzlePiece, {});
+const PluginIcon = () => /* @__PURE__ */ jsx(Discuss, {});
 const index = {
   register(app) {
     app.addMenuLink({
@@ -36,7 +36,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await import("../_chunks/App-B02Agl-6.mjs");
+        const { App } = await import("../_chunks/App-Dq5zlyVl.mjs");
         return App;
       }
     });

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.1",
+  "version": "1.0.3",
   "keywords": [],
   "type": "commonjs",
   "main": "dist/server/index.js",