@kite-copilot/chat-panel 0.2.50 → 0.2.52

package/dist/index.cjs

@@ -408,9 +408,9 @@ function useUserAuth({
     } catch (error) {
       if (error instanceof Error) {
         const errorMessage = error.message.toLowerCase();
-        const isCorsError = errorMessage.includes("cors") || errorMessage.includes("network");
+        const isNetworkError = error instanceof TypeError || errorMessage.includes("failed to fetch") || errorMessage.includes("network");
         const is404Error = errorMessage.includes("404");
-        if (isCorsError || is404Error) {
+        if (isNetworkError || is404Error) {
           console.warn("[useUserAuth] Auth endpoint unavailable, falling back to unauthenticated mode:", error.message);
           setAuthState({ status: "idle" });
           return;
@@ -1633,6 +1633,8 @@ function ChatPanel({
   const [sessionUser, setSessionUser] = React6.useState(null);
   const orgConfigState = useOrgConfig({ agentUrl, orgId: orgId || "" });
   const effectiveProductBackendUrl = orgConfigState.config?.productBackendUrl || productBackendUrl;
+  const effectiveSupabaseUrl = orgConfigState.config?.supabaseUrl || supabaseUrl;
+  const effectiveSupabaseAnonKey = orgConfigState.config?.supabaseAnonKey || supabaseAnonKey;
   const { authState, retry: retryAuth } = useUserAuth({
     productBackendUrl: effectiveProductBackendUrl,
     sessionId,
@@ -1713,10 +1715,10 @@ function ChatPanel({
     }
   }, [isEscalated, sessionId]);
   React6.useEffect(() => {
-    if (supabaseUrl && supabaseAnonKey && !supabaseRef.current) {
-      supabaseRef.current = (0, import_supabase_js.createClient)(supabaseUrl, supabaseAnonKey);
+    if (effectiveSupabaseUrl && effectiveSupabaseAnonKey && !supabaseRef.current) {
+      supabaseRef.current = (0, import_supabase_js.createClient)(effectiveSupabaseUrl, effectiveSupabaseAnonKey);
     }
-  }, [supabaseUrl, supabaseAnonKey]);
+  }, [effectiveSupabaseUrl, effectiveSupabaseAnonKey]);
   React6.useEffect(() => {
     if (!isEscalated || !sessionId || !supabaseRef.current) {
       return;
@@ -1784,6 +1786,8 @@ function ChatPanel({
     }
     const currentSessionId = sessionId;
     const supabase = supabaseRef.current;
+    const sbUrl = effectiveSupabaseUrl;
+    const sbKey = effectiveSupabaseAnonKey;
     const markActive = () => {
       supabase.from("escalations").update({
         customer_status: "active",
@@ -1794,24 +1798,35 @@ function ChatPanel({
         (err) => console.error("[KiteChat] Failed to update customer status:", err)
       );
     };
+    const markDisconnectedWithKeepalive = () => {
+      if (!sbUrl || !sbKey) return;
+      const url = `${sbUrl}/rest/v1/escalations?session_id=eq.${currentSessionId}`;
+      fetch(url, {
+        method: "PATCH",
+        headers: {
+          "Content-Type": "application/json",
+          "apikey": sbKey,
+          "Authorization": `Bearer ${sbKey}`,
+          "Prefer": "return=minimal"
+        },
+        body: JSON.stringify({
+          customer_status: "disconnected",
+          customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
+        }),
+        keepalive: true
+      }).catch(() => {
+      });
+    };
     console.log("[KiteChat] Starting presence heartbeat for live chat");
     markActive();
     heartbeatIntervalRef.current = window.setInterval(() => {
       markActive();
     }, 6e4);
     const handleBeforeUnload = () => {
-      supabase.from("escalations").update({
-        customer_status: "disconnected",
-        customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
-      }).eq("session_id", currentSessionId);
+      markDisconnectedWithKeepalive();
     };
     const handleVisibilityChange = () => {
-      if (document.visibilityState === "hidden") {
-        supabase.from("escalations").update({
-          customer_status: "disconnected",
-          customer_last_seen: (/* @__PURE__ */ new Date()).toISOString()
-        }).eq("session_id", currentSessionId);
-      } else if (document.visibilityState === "visible") {
+      if (document.visibilityState === "visible") {
         markActive();
       }
     };
@@ -1835,7 +1850,7 @@ function ChatPanel({
         heartbeatIntervalRef.current = null;
       }
     };
-  }, [isEscalated, sessionId]);
+  }, [isEscalated, sessionId, effectiveSupabaseUrl, effectiveSupabaseAnonKey]);
   const sendTypingIndicator = React6.useCallback((isTyping) => {
     if (!typingChannelRef.current || !isEscalated) {
       if (isTyping) {

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   cn,
   createKiteChat,
   useGuideCursor
-} from "./chunk-BLSVIF7H.js";
+} from "./chunk-KIOKMXFF.js";
 export {
   ApiKeyList,
   AssistantActivity,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kite-copilot/chat-panel",
-  "version": "0.2.50",
+  "version": "0.2.52",
   "description": "AI-powered chat panel SDK with programmatic lifecycle control",
   "type": "module",
   "main": "./dist/index.cjs",