@elqnt/chat 3.1.0 → 3.5.0

package/dist/hooks/index.mjs

@@ -4,6 +4,18 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 
 // transport/types.ts
+async function resolveTransportToken(cfg) {
+  if (!cfg) return void 0;
+  if (cfg.getToken) {
+    try {
+      const t = await cfg.getToken();
+      return t ?? void 0;
+    } catch {
+      return void 0;
+    }
+  }
+  return cfg.token ?? void 0;
+}
 function createLogger(debug = false) {
   return {
     debug: debug ? console.log.bind(console, "[chat]") : () => {
@@ -84,9 +96,12 @@ function createSSETransport(options = {}) {
     }
     const url = `${config.baseUrl}/${endpoint}`;
     logger.debug(`POST ${endpoint}`, body);
+    const token = await resolveTransportToken(config);
+    const headers = { "Content-Type": "application/json" };
+    if (token) headers["Authorization"] = `Bearer ${token}`;
     const response = await fetch(url, {
       method: "POST",
-      headers: { "Content-Type": "application/json" },
+      headers,
       body: JSON.stringify(body)
     });
     if (!response.ok) {
@@ -112,6 +127,7 @@ function createSSETransport(options = {}) {
   function setupEventListeners(es) {
     es.addEventListener("message", handleMessage);
     const eventTypes = [
+      "error",
       "reconnected",
       "typing",
       "stopped_typing",
@@ -121,21 +137,53 @@ function createSSETransport(options = {}) {
       "human_agent_left",
       "chat_ended",
       "chat_updated",
+      "chat_removed",
       "load_chat_response",
       "new_chat_created",
       "show_csat_survey",
       "csat_response",
       "user_suggested_actions",
+      "user_suggested_action_selected",
       "agent_execution_started",
       "agent_execution_ended",
       "agent_context_update",
+      "load_agent_context_response",
       "plan_pending_approval",
+      "plan_approved",
+      "plan_rejected",
       "step_started",
       "step_completed",
       "step_failed",
       "plan_completed",
       "skills_changed",
-      "summary_update"
+      "summary_update",
+      "message_status_update",
+      "delivered",
+      "read",
+      "sync_metadata_response",
+      "sync_user_session_response",
+      "client_action",
+      "client_action_callback",
+      "attachment_processing_started",
+      "attachment_processing_progress",
+      "attachment_processing_complete",
+      "attachment_processing_error",
+      "observer_joined",
+      "observer_left",
+      "block_user",
+      "message_edited",
+      "message_deleted",
+      "message_reaction",
+      "user_presence_changed",
+      "online_users",
+      "get_agents_response",
+      "room_created",
+      "room_updated",
+      "room_deleted",
+      "rooms_response",
+      "room_user_joined",
+      "room_user_left",
+      "user_invited"
     ];
     eventTypes.forEach((type) => {
       es.addEventListener(type, handleMessage);
@@ -180,20 +228,38 @@ function createSSETransport(options = {}) {
         reconnectTimeout = void 0;
       }
       state = retryCount > 0 ? "reconnecting" : "connecting";
+      const connectToken = await resolveTransportToken(cfg);
       return new Promise((resolve, reject) => {
         const connectionStart = Date.now();
-        const url = `${cfg.baseUrl}/stream?orgId=${cfg.orgId}&userId=${cfg.userId}&clientType=${cfg.clientType}${cfg.chatKey ? `&chatId=${cfg.chatKey}` : ""}`;
+        const streamParams = new URLSearchParams({
+          orgId: cfg.orgId,
+          userId: cfg.userId,
+          clientType: cfg.clientType
+        });
+        if (cfg.chatKey) streamParams.set("chatId", cfg.chatKey);
+        if (connectToken) streamParams.set("token", connectToken);
+        const url = `${cfg.baseUrl}/stream?${streamParams.toString()}`;
         logger.debug("Connecting to:", url);
         const es = new EventSource(url);
         es.onopen = () => {
           const connectionTime = Date.now() - connectionStart;
           logger.info(`Connected in ${connectionTime}ms`);
+          const wasReconnect = retryCount > 0;
           state = "connected";
           error = void 0;
           retryCount = 0;
           metrics.connectedAt = Date.now();
           metrics.latency = connectionTime;
           setupEventListeners(es);
+          if (wasReconnect) {
+            emit({
+              type: "transport_reconnected",
+              orgId: cfg.orgId,
+              chatKey: cfg.chatKey || "",
+              userId: cfg.userId,
+              timestamp: Date.now()
+            });
+          }
           resolve();
         };
         es.onerror = () => {
@@ -425,9 +491,12 @@ function createFetchSSETransport(options = {}) {
     }
     const url = `${config.baseUrl}/${endpoint}`;
     logger.debug(`POST ${endpoint}`, body);
+    const token = await resolveTransportToken(config);
+    const headers = { "Content-Type": "application/json" };
+    if (token) headers["Authorization"] = `Bearer ${token}`;
     const response = await customFetch(url, {
       method: "POST",
-      headers: { "Content-Type": "application/json" },
+      headers,
       body: JSON.stringify(body)
     });
     if (!response.ok) {
@@ -464,15 +533,25 @@ function createFetchSSETransport(options = {}) {
     return events;
   }
   async function startStream(cfg) {
-    const url = `${cfg.baseUrl}/stream?orgId=${cfg.orgId}&userId=${cfg.userId}&clientType=${cfg.clientType}${cfg.chatKey ? `&chatId=${cfg.chatKey}` : ""}`;
+    const streamParams = new URLSearchParams({
+      orgId: cfg.orgId,
+      userId: cfg.userId,
+      clientType: cfg.clientType
+    });
+    if (cfg.chatKey) streamParams.set("chatId", cfg.chatKey);
+    const token = await resolveTransportToken(cfg);
+    if (token) streamParams.set("token", token);
+    const url = `${cfg.baseUrl}/stream?${streamParams.toString()}`;
     logger.debug("Connecting to:", url);
     abortController = new AbortController();
+    const streamHeaders = {
+      Accept: "text/event-stream",
+      "Cache-Control": "no-cache"
+    };
+    if (token) streamHeaders["Authorization"] = `Bearer ${token}`;
     const response = await customFetch(url, {
       method: "GET",
-      headers: {
-        Accept: "text/event-stream",
-        "Cache-Control": "no-cache"
-      },
+      headers: streamHeaders,
       signal: abortController.signal
     });
     if (!response.ok) {
@@ -570,6 +649,7 @@ function createFetchSSETransport(options = {}) {
       state = retryCount > 0 ? "reconnecting" : "connecting";
       const connectionStart = Date.now();
       try {
+        const wasReconnect = retryCount > 0;
         await startStream(cfg);
         const connectionTime = Date.now() - connectionStart;
         logger.info(`Connected in ${connectionTime}ms`);
@@ -578,6 +658,15 @@ function createFetchSSETransport(options = {}) {
         retryCount = 0;
         metrics.connectedAt = Date.now();
         metrics.latency = connectionTime;
+        if (wasReconnect) {
+          emit({
+            type: "transport_reconnected",
+            orgId: cfg.orgId,
+            chatKey: cfg.chatKey || "",
+            userId: cfg.userId,
+            timestamp: Date.now()
+          });
+        }
       } catch (err) {
         const connectError = {
           code: "CONNECTION_FAILED",
@@ -619,7 +708,8 @@ function createFetchSSETransport(options = {}) {
             orgId: event.orgId,
             chatKey: event.chatKey,
             userId: event.userId,
-            message: event.message
+            message: event.message,
+            ...event.data ? { data: event.data } : {}
           });
           break;
         case "typing":
@@ -775,7 +865,9 @@ function useChat(options) {
     onConnectionChange,
     autoConnect = false,
     retryConfig,
-    debug = false
+    debug = false,
+    token,
+    getToken
   } = options;
   const [connectionState, setConnectionState] = useState("disconnected");
   const [currentChat, setCurrentChat] = useState(null);
@@ -794,10 +886,14 @@ function useChat(options) {
   const onMessageRef = useRef(onMessage);
   const onErrorRef = useRef(onError);
   const typingTimeoutRef = useRef(null);
+  const getTokenRef = useRef(getToken);
+  const tokenRef = useRef(token);
   useEffect(() => {
     onMessageRef.current = onMessage;
     onErrorRef.current = onError;
-  }, [onMessage, onError]);
+    getTokenRef.current = getToken;
+    tokenRef.current = token;
+  }, [onMessage, onError, getToken, token]);
   useEffect(() => {
     if (typeof transportOption === "object") {
       transportRef.current = transportOption;
@@ -880,7 +976,10 @@ function useChat(options) {
         userId,
         clientType,
         chatKey: chatKey || void 0,
-        debug
+        debug,
+        // Always resolve via the ref so a long-lived/reconnecting stream picks
+        // up a freshly-minted token rather than a stale captured one.
+        getToken: () => getTokenRef.current ? getTokenRef.current() : tokenRef.current
       });
       setConnectionState("connected");
       setError(null);
@@ -939,7 +1038,7 @@ function useChat(options) {
     [orgId, userId]
   );
   const sendMessage = useCallback(
-    async (content, attachments) => {
+    async (content, attachments, data) => {
       const transport = transportRef.current;
       if (!transport) {
         throw new Error("Transport not initialized");
@@ -964,7 +1063,8 @@ function useChat(options) {
         chatKey,
         userId,
         timestamp: Date.now(),
-        message
+        message,
+        ...data ? { data } : {}
       });
       setMetrics((prev) => ({
         ...prev,