chore: Update Langflow Chat bundle to v1.0.4

anovazzi1 · anovazzi1 · commit 63b07fa5590e · 2024-07-25T22:11:49.000-03:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,12 +16,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^8.0.7",
-    "rehype-mathjax": "^4.0.3",
-    "remark-gfm": "3.0.1",
     "react-scripts": "5.0.1",
     "react-shadow": "^20.3.0",
+    "rehype-mathjax": "^4.0.3",
+    "remark-gfm": "3.0.1",
     "typescript": "^4.9.5",
     "uglifyjs-webpack-plugin": "^2.2.0",
+    "uuid": "^10.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/public/index.html b/public/index.html
@@ -7,7 +7,8 @@
 </head>
 <body style="width: 100vh; height: 100vh; ">
         <langflow-chat window_title="Langflow Chat" 
-        flow_id="f351267a-f3b3-44ad-a9a4-a18a505dd0ec"
+        flow_id="be1e92a7-b194-4b03-a36e-a95c94995bcc"
+        session_id="123456"
         host_url="http://localhost:7860"
         width="700"
         ></langflow-chat>
diff --git a/src/chatWidget/index.tsx b/src/chatWidget/index.tsx
@@ -2,6 +2,7 @@ import { useRef, useState } from "react";
 import ChatTrigger from "./chatTrigger";
 import ChatWindow from "./chatWindow";
 import { ChatMessageType } from "../types/chatWidget";
+const { v4: uuidv4 } = require('uuid');
 
 export default function ChatWidget({
   api_key,
@@ -30,6 +31,7 @@ export default function ChatWidget({
   placeholder_sending,
   input_container_style,
   additional_headers,
+  session_id,
 }: {
   api_key?: string;
   input_value: string,
@@ -58,10 +60,11 @@ export default function ChatWidget({
   flow_id: string;
   tweaks?: { [key: string]: any };
   additional_headers?: { [key: string]: string };
+  session_id?: string;
 }) {
   const [open, setOpen] = useState(false);
   const [messages, setMessages] = useState<ChatMessageType[]>([]);
-  const sessionId = useRef("");
+  const sessionId = useRef(session_id ?? uuidv4());
   function updateLastMessage(message: ChatMessageType) {
     setMessages((prev) => {
       prev[prev.length - 1] = message;
diff --git a/src/index.tsx b/src/index.tsx
@@ -20,6 +20,7 @@ customElements.define('langflow-chat', r2wc(ChatWidget, {
         chat_window_style:"json",
         height:"number",
         width:"number",
+        session_id:"string",
         chat_output_key:"string",
         error_message_style:"json",
         send_button_style:"json",
