@sonordev/site-kit 6.1.3 → 6.2.0

package/dist/{chunk-PTQHPWEK.mjs → chunk-22WIVF4O.mjs}

@@ -1,10 +1,10 @@
 'use client';
 import { chatLauncherStyles } from './chunk-4U5NCKQY.mjs';
 import { GlassStyles } from './chunk-OBKS3CPP.mjs';
-import { useForm } from './chunk-6FIIA6ME.mjs';
+import { useForm } from './chunk-EG3F5AHL.mjs';
 import { parseColor, relativeLuminance, DARK_LUMINANCE, contrastRatio } from './chunk-NYXENHD2.mjs';
-import { sonorFetch } from './chunk-CI7T4ZRP.mjs';
-import { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';
+import { sonorFetch } from './chunk-ZZ6P27A5.mjs';
+import { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import ReactMarkdown from 'react-markdown';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -317,6 +317,71 @@ function EchoUiActions({ actions, primaryColor, primaryRgb, brandText, onSuggest
     }) }) : null
   ] });
 }
+
+// src/engage/chat-messages.ts
+function userRequestedHandoff(text) {
+  const lower = text.toLowerCase().trim();
+  const patterns = [
+    /\b(talk|speak)\s+(to|with)\s+(a\s+)?(person|human|agent|representative|someone)\b/,
+    /\b(real|live)\s+(person|human|agent|support)\b/,
+    /\bconnect\s+(me\s+)?(with|to)\s+(a\s+)?(person|human|agent)\b/,
+    /\b(need|want)\s+(to\s+)?(talk|speak)\s+(to|with)\s+(someone|a\s+person)\b/,
+    /\bhuman\s+(support|agent|help)\b/,
+    /\b(talk|speak)\s+to\s+(a\s+)?person\b/,
+    /\bget\s+(a\s+)?(person|human)\b/
+  ];
+  return patterns.some((p) => p.test(lower));
+}
+function visitorMessage(content, attachments = []) {
+  return {
+    id: `user-${Date.now()}`,
+    role: "user",
+    content,
+    timestamp: /* @__PURE__ */ new Date(),
+    ...attachments.length ? { attachments } : {}
+  };
+}
+function openingMessages(welcome, initialMessage) {
+  const opening = [{ id: "welcome", role: "assistant", content: welcome, timestamp: /* @__PURE__ */ new Date() }];
+  if (initialMessage) opening.push(visitorMessage(initialMessage));
+  return opening;
+}
+function echoReplyMessage(reply, probe) {
+  return {
+    id: `ai-${Date.now()}`,
+    role: "assistant",
+    content: reply.content,
+    timestamp: /* @__PURE__ */ new Date(),
+    ...reply.suggestions?.length ? { suggestions: reply.suggestions } : {},
+    ...reply.uiActions?.length ? { uiActions: reply.uiActions } : {},
+    ...reply.offerHandoff || userRequestedHandoff(probe) ? { offerHandoff: true } : {}
+  };
+}
+function echoErrorMessage() {
+  return {
+    id: `err-${Date.now()}`,
+    role: "assistant",
+    content: "I apologize, but I encountered an error. Would you like to speak with a team member?",
+    timestamp: /* @__PURE__ */ new Date(),
+    suggestions: ["Talk to a person", "Try again"],
+    offerHandoff: true
+  };
+}
+async function askEcho(content, deps) {
+  deps.setLoading(true);
+  try {
+    const reply = await deps.send(content);
+    deps.append(echoReplyMessage(reply, content));
+  } catch (err) {
+    deps.onError?.(err);
+    deps.append(echoErrorMessage());
+  } finally {
+    deps.setLoading(false);
+  }
+}
+function deliverOpeningMessage(pending, route) {
+  return route.signalEnabled ? route.ask(pending) : route.emitLive(pending);
+}
 function getApiConfig() {
   const isDev = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
   const defaultApiUrl = isDev && process.env?.SONOR_API_URL ? process.env.SONOR_API_URL : "https://api.sonor.io";
@@ -339,19 +404,6 @@ function linkifyUrls(text) {
     (_, before, url) => `${before}[${url}](${url})`
   );
 }
-function userRequestedHandoff(text) {
-  const lower = text.toLowerCase().trim();
-  const patterns = [
-    /\b(talk|speak)\s+(to|with)\s+(a\s+)?(person|human|agent|representative|someone)\b/,
-    /\b(real|live)\s+(person|human|agent|support)\b/,
-    /\bconnect\s+(me\s+)?(with|to)\s+(a\s+)?(person|human|agent)\b/,
-    /\b(need|want)\s+(to\s+)?(talk|speak)\s+(to|with)\s+(someone|a\s+person)\b/,
-    /\bhuman\s+(support|agent|help)\b/,
-    /\b(talk|speak)\s+to\s+(a\s+)?person\b/,
-    /\bget\s+(a\s+)?(person|human)\b/
-  ];
-  return patterns.some((p) => p.test(lower));
-}
 var BUBBLE_BG = "color-mix(in srgb, var(--sk-bg, #ffffff) 94%, transparent)";
 var HAIRLINE = "1px solid color-mix(in srgb, var(--sk-text-primary, #111827) 9%, transparent)";
 var ECHO_STYLE_HREF = "sk-echo";
@@ -369,9 +421,52 @@ function staticPrimaryColor(apiFallback, hardDefault) {
 function hexAlpha(rgbVar, alpha2, fallbackRgb = "37, 99, 235") {
   return `rgba(var(${rgbVar}, ${fallbackRgb}), ${alpha2})`;
 }
-function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, signalUrl: propSignalUrl, suggested_questions: propSuggestedQuestions, assistant_name: propAssistantName, welcome_message: propWelcomeMessage, assistant_avatar: propAssistantAvatar }) {
+function isChatEnabled(config) {
+  return config !== null && config.is_enabled !== false;
+}
+function ChatWidget(props) {
+  const { projectId: propProjectId, apiUrl: propApiUrl } = props;
   const [resolvedProjectId, setResolvedProjectId] = useState(propProjectId || null);
   const projectId = propProjectId || resolvedProjectId || "";
+  const [widgetConfig, setWidgetConfig] = useState(null);
+  const baseUrl = propApiUrl || getApiConfig().apiUrl;
+  useEffect(() => {
+    if (propProjectId || resolvedProjectId) return;
+    const { apiKey } = getApiConfig();
+    if (!apiKey) return;
+    let cancelled = false;
+    sonorFetch(`${baseUrl}/api/public/seo/project-info`, {}, { apiKey, retries: 0 }).then((res) => res.ok ? res.json() : null).then((data) => {
+      if (cancelled || !data?.valid || !data?.project_id) return;
+      setResolvedProjectId(data.project_id);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [propProjectId, resolvedProjectId, baseUrl]);
+  useEffect(() => {
+    if (!projectId) return;
+    const { apiKey } = getApiConfig();
+    if (!apiKey) {
+      console.warn("[ChatWidget] No site credential found. Render SiteKitLayout in app/layout.tsx and set SONOR_API_KEY on the server.");
+      return;
+    }
+    let cancelled = false;
+    sonorFetch(`${baseUrl}/engage/widget/config?projectId=${projectId}`, {}, { apiKey, retries: 0 }).then((res) => res.ok ? res.json() : null).then((json) => {
+      if (!cancelled) setWidgetConfig(json?.data ?? null);
+    }).catch((error) => {
+      if (process.env.NODE_ENV === "development") {
+        console.warn("[ChatWidget] Config fetch failed:", error instanceof Error ? error.message : error);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [projectId, baseUrl]);
+  if (!isChatEnabled(widgetConfig)) return null;
+  return /* @__PURE__ */ jsx(EchoChat, { ...props, projectId, widgetConfig });
+}
+function EchoChat({ projectId, widgetConfig, config, apiUrl: propApiUrl, signalUrl: propSignalUrl, suggested_questions: propSuggestedQuestions, assistant_name: propAssistantName, welcome_message: propWelcomeMessage, assistant_avatar: propAssistantAvatar }) {
   const [isOpen, setIsOpen] = useState(false);
   const [messages, setMessages] = useState([]);
   const [inputValue, setInputValue] = useState("");
@@ -384,7 +479,6 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
   const [offlineForm, setOfflineForm] = useState({ name: "", email: "", phone: "", message: "" });
   const [offlineSubmitted, setOfflineSubmitted] = useState(false);
   const [connectionStatus, setConnectionStatus] = useState("disconnected");
-  const [widgetConfig, setWidgetConfig] = useState(null);
   const [handoffOfflinePrompt, setHandoffOfflinePrompt] = useState(null);
   const [pendingFiles, setPendingFiles] = useState([]);
   const [lastFailedSend, setLastFailedSend] = useState(null);
@@ -441,36 +535,6 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
   const offlineSubheading = handoffOfflinePrompt ?? widgetConfig?.offline_subheading ?? widgetConfig?.form_description ?? widgetConfig?.offline_message ?? config?.offlineMessage ?? "Leave us a message and we'll get back to you!";
   const baseUrl = propApiUrl || getApiConfig().apiUrl;
   const signalUrl = propSignalUrl || getApiConfig().signalUrl;
-  useEffect(() => {
-    if (propProjectId || resolvedProjectId) return;
-    const { apiKey } = getApiConfig();
-    if (!apiKey) return;
-    let cancelled = false;
-    sonorFetch(`${baseUrl}/api/public/seo/project-info`, {}, { apiKey, retries: 0 }).then((res) => res.ok ? res.json() : null).then((data) => {
-      if (cancelled || !data?.valid || !data?.project_id) return;
-      setResolvedProjectId(data.project_id);
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [propProjectId, resolvedProjectId, baseUrl]);
-  const fetchWidgetConfig = useCallback(async () => {
-    if (!projectId) return;
-    const apiKey = ensureApiKey();
-    if (!apiKey) return;
-    try {
-      const response = await sonorFetch(`${baseUrl}/engage/widget/config?projectId=${projectId}`, {}, { apiKey, retries: 0 });
-      if (response.ok) {
-        const { data } = await response.json();
-        setWidgetConfig(data ?? null);
-      }
-    } catch (error) {
-      if (process.env.NODE_ENV === "development") {
-        console.warn("[ChatWidget] Config fetch failed:", error instanceof Error ? error.message : error);
-      }
-    }
-  }, [projectId, baseUrl]);
   const checkAvailability = useCallback(async () => {
     if (!projectId) return null;
     const apiKey = ensureApiKey();
@@ -575,22 +639,14 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
     },
     [signalUrl, visitorId, fetchSiteContext]
   );
-  const pushEchoReply = useCallback(
-    (reply, probeContent) => {
-      setMessages((prev) => [
-        ...prev,
-        {
-          id: `ai-${Date.now()}`,
-          role: "assistant",
-          content: reply.content,
-          timestamp: /* @__PURE__ */ new Date(),
-          ...reply.suggestions?.length ? { suggestions: reply.suggestions } : {},
-          ...reply.uiActions?.length ? { uiActions: reply.uiActions } : {},
-          ...reply.offerHandoff || userRequestedHandoff(probeContent) ? { offerHandoff: true } : {}
-        }
-      ]);
-    },
-    []
+  const sendTurnToEcho = useCallback(
+    (content, conversationId) => askEcho(content, {
+      send: (text) => sendToSignalApi(text, conversationId),
+      append: (message) => setMessages((prev) => [...prev, message]),
+      setLoading: setIsLoading,
+      onError: (err) => console.error("[ChatWidget] Signal API error:", err)
+    }),
+    [sendToSignalApi]
   );
   const handleSocketMessage = useCallback((data) => {
     switch (data.type || data.event) {
@@ -763,7 +819,6 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
     if (isOpen && !showWelcome && inputRef.current) inputRef.current.focus();
   }, [isOpen, showWelcome]);
   useEffect(() => {
-    fetchWidgetConfig();
     checkAvailability();
     const interval = setInterval(checkAvailability, 6e4);
     return () => {
@@ -773,7 +828,7 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
         socketRef.current = null;
       }
     };
-  }, [fetchWidgetConfig, checkAvailability]);
+  }, [checkAvailability]);
   useEffect(() => {
     if (isOpen && !showWelcome && !checkingAvailability && !showOfflineForm && !sessionId) {
       initSession().then(async (result) => {
@@ -783,58 +838,38 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
         if (pending) {
           pendingInitialMessageRef.current = null;
         }
-        if (signalEnabled && pending) {
-          setIsLoading(true);
-          setMessages((prev) => [
-            ...prev,
-            { id: `u-${Date.now()}`, role: "user", content: pending, timestamp: /* @__PURE__ */ new Date() }
-          ]);
-          try {
-            const reply = await sendToSignalApi(pending, id);
-            pushEchoReply(reply, pending);
-          } catch (err) {
-            console.error("[ChatWidget] Signal API error:", err);
-            setMessages((prev) => [
-              ...prev,
-              {
-                id: `err-${Date.now()}`,
-                role: "assistant",
-                content: "I apologize, but I encountered an error. Would you like to speak with a team member?",
-                timestamp: /* @__PURE__ */ new Date(),
-                suggestions: ["Talk to a person", "Try again"],
-                offerHandoff: true
-              }
-            ]);
-          } finally {
-            setIsLoading(false);
-          }
-        }
         if (!signalEnabled) {
           setConnectionStatus("connecting");
           await connectSocket(id);
         }
-        if (!signalEnabled && pending) {
-          const waitForSocket = () => new Promise((resolve) => {
-            const check = (attempts = 0) => {
-              if (socketRef.current?.connected || attempts > 20) {
-                resolve();
-                return;
+        if (pending) {
+          await deliverOpeningMessage(pending, {
+            signalEnabled,
+            ask: (content) => sendTurnToEcho(content, id),
+            emitLive: async (content) => {
+              const waitForSocket = () => new Promise((resolve) => {
+                const check = (attempts = 0) => {
+                  if (socketRef.current?.connected || attempts > 20) {
+                    resolve();
+                    return;
+                  }
+                  setTimeout(() => check(attempts + 1), 150);
+                };
+                check();
+              });
+              await waitForSocket();
+              if (socketRef.current?.connected) {
+                socketRef.current.emit("visitor:message", { content });
               }
-              setTimeout(() => check(attempts + 1), 150);
-            };
-            check();
+            }
           });
-          await waitForSocket();
-          if (socketRef.current?.connected) {
-            socketRef.current.emit("visitor:message", { content: pending });
-          }
         }
       });
     }
     return () => {
       if (pollingIntervalRef.current) clearInterval(pollingIntervalRef.current);
     };
-  }, [isOpen, showWelcome, checkingAvailability, showOfflineForm, sessionId, initSession, connectSocket, sendToSignalApi, pushEchoReply]);
+  }, [isOpen, showWelcome, checkingAvailability, showOfflineForm, sessionId, initSession, connectSocket, sendTurnToEcho]);
   const handleToggle = useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
@@ -842,11 +877,9 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
     async (initialMessage) => {
       setShowWelcome(false);
       const beginChatSession = () => {
-        setMessages([{ id: "welcome", role: "assistant", content: welcomeMessage, timestamp: /* @__PURE__ */ new Date() }]);
+        setMessages(openingMessages(welcomeMessage, initialMessage));
         if (initialMessage) {
           pendingInitialMessageRef.current = initialMessage;
-          const userMsg = { id: `user-${Date.now()}`, role: "user", content: initialMessage, timestamp: /* @__PURE__ */ new Date() };
-          setMessages((prev) => [...prev, userMsg]);
           setIsLoading(true);
         }
       };
@@ -913,37 +946,12 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
           return;
         }
       }
-      const userMessage = {
-        id: `user-${Date.now()}`,
-        role: "user",
-        content,
-        timestamp: /* @__PURE__ */ new Date(),
-        ...attachments.length ? { attachments } : {}
-      };
+      const userMessage = visitorMessage(content, attachments);
       setMessages((prev) => [...prev, userMessage]);
       setInputValue("");
       setIsLoading(true);
       if (widgetConfig?.signal_enabled && !isHandedOff && hasText) {
-        try {
-          const reply = await sendToSignalApi(content, sessionId);
-          const lastUserContent = messages.filter((m) => m.role === "user").slice(-1)[0]?.content ?? "";
-          pushEchoReply(reply, lastUserContent);
-        } catch (err) {
-          console.error("[ChatWidget] Signal API error:", err);
-          setMessages((prev) => [
-            ...prev,
-            {
-              id: `err-${Date.now()}`,
-              role: "assistant",
-              content: "I apologize, but I encountered an error. Would you like to speak with a team member?",
-              timestamp: /* @__PURE__ */ new Date(),
-              suggestions: ["Talk to a person", "Try again"],
-              offerHandoff: true
-            }
-          ]);
-        } finally {
-          setIsLoading(false);
-        }
+        await sendTurnToEcho(content, sessionId);
         return;
       }
       const socket = socketRef.current;
@@ -963,38 +971,16 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
         }
       }, 3e3);
     },
-    [inputValue, isLoading, pendingFiles, uploadWidgetFile, widgetConfig?.signal_enabled, isHandedOff, sendToSignalApi, sessionId, pushEchoReply]
+    [inputValue, isLoading, pendingFiles, uploadWidgetFile, widgetConfig?.signal_enabled, isHandedOff, sendTurnToEcho, sessionId]
   );
   const sendEchoText = useCallback(
     async (text) => {
       const content = text.trim();
       if (!content || isLoading) return;
-      setMessages((prev) => [
-        ...prev,
-        { id: `user-${Date.now()}`, role: "user", content, timestamp: /* @__PURE__ */ new Date() }
-      ]);
-      setIsLoading(true);
-      try {
-        const reply = await sendToSignalApi(content, sessionId);
-        pushEchoReply(reply, content);
-      } catch (err) {
-        console.error("[ChatWidget] Signal API error:", err);
-        setMessages((prev) => [
-          ...prev,
-          {
-            id: `err-${Date.now()}`,
-            role: "assistant",
-            content: "I apologize, but I encountered an error. Would you like to speak with a team member?",
-            timestamp: /* @__PURE__ */ new Date(),
-            suggestions: ["Talk to a person", "Try again"],
-            offerHandoff: true
-          }
-        ]);
-      } finally {
-        setIsLoading(false);
-      }
+      setMessages((prev) => [...prev, visitorMessage(content)]);
+      await sendTurnToEcho(content, sessionId);
     },
-    [isLoading, sessionId, sendToSignalApi, pushEchoReply]
+    [isLoading, sessionId, sendTurnToEcho]
   );
   const handleSuggestAction = useCallback(
     (action, message) => {
@@ -1678,6 +1664,6 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
   ] });
 }
 
-export { ChatWidget };
-//# sourceMappingURL=chunk-PTQHPWEK.mjs.map
-//# sourceMappingURL=chunk-PTQHPWEK.mjs.map
+export { ChatWidget, EchoChat, isChatEnabled };
+//# sourceMappingURL=chunk-22WIVF4O.mjs.map
+//# sourceMappingURL=chunk-22WIVF4O.mjs.map