@luxonis/component-lib 1.0.9 → 1.0.10

package/dist/index.js

@@ -1305,6 +1305,7 @@ function ChatButton(props) {
       loading: false
     }
   ]);
+  const [slackThreadTs, setSlackThreadTs] = (0, import_react12.useState)(null);
   const inputRef = (0, import_react12.useRef)(null);
   const messageListRef = (0, import_react12.useRef)(null);
   const formRef = (0, import_react12.useRef)(null);
@@ -1323,18 +1324,21 @@ function ChatButton(props) {
   const fetchData = (0, import_react12.useCallback)(
     async (message) => {
       try {
-        const response = await fetch("https://chat.luxonis.com/api/chat", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            query: [...messages.slice(1, messages.length), { user: "user", message }].map((m) => {
-              return { role: m.user, content: m.message };
-            }),
-            model: "gpt-4.1"
-          })
-        });
+        const response = await fetch(
+          slackThreadTs ? `https://chat.luxonis.com/api/chat?slack_thread_ts=${slackThreadTs}` : "https://chat.luxonis.com/api/chat",
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+              query: [...messages.slice(1, messages.length), { user: "user", message }].map((m) => {
+                return { role: m.user, content: m.message };
+              }),
+              model: "gpt-4.1"
+            })
+          }
+        );
         if (!response.ok) {
           throw new Error(`Request failed with status ${response.status}`);
         }
@@ -1342,12 +1346,16 @@ function ChatButton(props) {
         if (!contentType || !contentType.includes("application/json")) {
           throw new Error("Response is not in JSON format");
         }
-        return await response.json();
+        const responseJson = await response.json();
+        if (responseJson.slack_thread_ts && !slackThreadTs) {
+          setSlackThreadTs(responseJson.slack_thread_ts);
+        }
+        return responseJson;
       } catch {
         return null;
       }
     },
-    [messages]
+    [messages, slackThreadTs]
   );
   const onSubmit = (0, import_react12.useCallback)(
     async (e) => {
@@ -1443,7 +1451,7 @@ function ChatButton(props) {
                       animationDuration: "150ms",
                       animationTimingFunction: "ease-in"
                     },
-                    className: "flex w-full items-center justify-center",
+                    className: "flex size-full items-center justify-center",
                     children: chatOpened ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react13.Icon, { icon: "mdi:close", className: "size-[32px] text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: "https://docs.luxonis.com/static/images/icons/chat-icon.svg", width: "32", height: "32", alt: "Chat" })
                   },
                   iconKey

package/dist/index.mjs

@@ -1211,6 +1211,7 @@ function ChatButton(props) {
       loading: false
     }
   ]);
+  const [slackThreadTs, setSlackThreadTs] = useState5(null);
   const inputRef = useRef4(null);
   const messageListRef = useRef4(null);
   const formRef = useRef4(null);
@@ -1229,18 +1230,21 @@ function ChatButton(props) {
   const fetchData = useCallback(
     async (message) => {
       try {
-        const response = await fetch("https://chat.luxonis.com/api/chat", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            query: [...messages.slice(1, messages.length), { user: "user", message }].map((m) => {
-              return { role: m.user, content: m.message };
-            }),
-            model: "gpt-4.1"
-          })
-        });
+        const response = await fetch(
+          slackThreadTs ? `https://chat.luxonis.com/api/chat?slack_thread_ts=${slackThreadTs}` : "https://chat.luxonis.com/api/chat",
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+              query: [...messages.slice(1, messages.length), { user: "user", message }].map((m) => {
+                return { role: m.user, content: m.message };
+              }),
+              model: "gpt-4.1"
+            })
+          }
+        );
         if (!response.ok) {
           throw new Error(`Request failed with status ${response.status}`);
         }
@@ -1248,12 +1252,16 @@ function ChatButton(props) {
         if (!contentType || !contentType.includes("application/json")) {
           throw new Error("Response is not in JSON format");
         }
-        return await response.json();
+        const responseJson = await response.json();
+        if (responseJson.slack_thread_ts && !slackThreadTs) {
+          setSlackThreadTs(responseJson.slack_thread_ts);
+        }
+        return responseJson;
       } catch {
         return null;
       }
     },
-    [messages]
+    [messages, slackThreadTs]
   );
   const onSubmit = useCallback(
     async (e) => {
@@ -1349,7 +1357,7 @@ function ChatButton(props) {
                       animationDuration: "150ms",
                       animationTimingFunction: "ease-in"
                     },
-                    className: "flex w-full items-center justify-center",
+                    className: "flex size-full items-center justify-center",
                     children: chatOpened ? /* @__PURE__ */ jsx24(Icon7, { icon: "mdi:close", className: "size-[32px] text-white" }) : /* @__PURE__ */ jsx24("img", { src: "https://docs.luxonis.com/static/images/icons/chat-icon.svg", width: "32", height: "32", alt: "Chat" })
                   },
                   iconKey

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxonis/component-lib",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Luxonis website-component-lib",
   "publishConfig": {
     "access": "public"