@kite-copilot/chat-panel 0.2.50 → 0.2.52

package/dist/auto.cjs

@@ -377,9 +377,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;
@@ -1579,6 +1579,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,
@@ -1659,10 +1661,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;
@@ -1730,6 +1732,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",
@@ -1740,24 +1744,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();
       }
     };
@@ -1781,7 +1796,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/auto.js

@@ -1,6 +1,6 @@
 import {
   createKiteChat
-} from "./chunk-BLSVIF7H.js";
+} from "./chunk-KIOKMXFF.js";
 
 // src/auto.ts
 function mountKiteChat(config) {

package/dist/{chunk-BLSVIF7H.js → chunk-KIOKMXFF.js}

@@ -925,9 +925,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;
@@ -1580,6 +1580,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,
@@ -1660,10 +1662,10 @@ function ChatPanel({
     }
   }, [isEscalated, sessionId]);
   React6.useEffect(() => {
-    if (supabaseUrl && supabaseAnonKey && !supabaseRef.current) {
-      supabaseRef.current = createClient(supabaseUrl, supabaseAnonKey);
+    if (effectiveSupabaseUrl && effectiveSupabaseAnonKey && !supabaseRef.current) {
+      supabaseRef.current = createClient(effectiveSupabaseUrl, effectiveSupabaseAnonKey);
     }
-  }, [supabaseUrl, supabaseAnonKey]);
+  }, [effectiveSupabaseUrl, effectiveSupabaseAnonKey]);
   React6.useEffect(() => {
     if (!isEscalated || !sessionId || !supabaseRef.current) {
       return;
@@ -1731,6 +1733,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",
@@ -1741,24 +1745,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();
       }
     };
@@ -1782,7 +1797,7 @@ function ChatPanel({
         heartbeatIntervalRef.current = null;
       }
     };
-  }, [isEscalated, sessionId]);
+  }, [isEscalated, sessionId, effectiveSupabaseUrl, effectiveSupabaseAnonKey]);
   const sendTypingIndicator = React6.useCallback((isTyping) => {
     if (!typingChannelRef.current || !isEscalated) {
       if (isTyping) {