@mailoo/chat 0.0.0-stage → 1.32.2

package/dist/chunk-QZ7HWQDO.js

@@ -0,0 +1,839 @@
+// src/hooks/index.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/lib/chat-message.ts
+function parseChatMessages(rows) {
+  const parsed = [];
+  for (const row of rows) {
+    if (!row || typeof row !== "object") continue;
+    const r = row;
+    if (typeof r.id !== "string" || typeof r.content !== "string") continue;
+    parsed.push({
+      id: r.id,
+      messageType: typeof r.messageType === "string" ? r.messageType : "INBOUND",
+      content: r.content,
+      senderEmail: typeof r.senderEmail === "string" ? r.senderEmail : null,
+      senderName: typeof r.senderName === "string" ? r.senderName : null,
+      createdAt: typeof r.createdAt === "string" ? r.createdAt : (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  return parsed;
+}
+function messagesEqual(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    const x = a[i];
+    const y = b[i];
+    if (x.id !== y.id || x.content !== y.content || x.messageType !== y.messageType || x.createdAt !== y.createdAt || x.senderEmail !== y.senderEmail || x.senderName !== y.senderName) {
+      return false;
+    }
+  }
+  return true;
+}
+function mergeChatMessages(prev, incoming) {
+  if (incoming.length === 0) return prev;
+  const byId = /* @__PURE__ */ new Map();
+  for (const m of prev) byId.set(m.id, m);
+  for (const m of incoming) byId.set(m.id, m);
+  const next = Array.from(byId.values()).sort(
+    (a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()
+  );
+  return messagesEqual(prev, next) ? prev : next;
+}
+function latestMessageCreatedAt(messages) {
+  if (messages.length === 0) return void 0;
+  let latest = messages[0].createdAt;
+  for (const m of messages) {
+    if (new Date(m.createdAt).getTime() > new Date(latest).getTime()) {
+      latest = m.createdAt;
+    }
+  }
+  return latest;
+}
+
+// src/hooks/shared.ts
+var DEFAULT_CHAT_SUBMIT_ENDPOINT = "/api/v1/webhooks/chat/submit";
+var DEFAULT_CHAT_MESSAGES_ENDPOINT = "/api/v1/webhooks/chat/messages";
+var DEFAULT_CHAT_STATUS_ENDPOINT = "/api/v1/webhooks/chat/status";
+var DEFAULT_CHAT_SESSION_STORAGE_KEY = "mailoo_site_chat_session_public_id";
+var DEFAULT_CHAT_GUEST_PROFILE_KEY = "mailoo_site_chat_guest_profile";
+var DEFAULT_CHAT_POLL_INTERVAL_MS = 5e3;
+function messageFromPayload(data, fallback) {
+  if (!data || typeof data !== "object") return fallback;
+  const d = data;
+  if (typeof d.message === "string") return d.message;
+  if (typeof d.error === "string") return d.error;
+  return fallback;
+}
+function classifyChatFault(status, payload, fallbackMessage = "Request failed") {
+  if (status === 429) {
+    return {
+      kind: "rate_limited",
+      status,
+      message: messageFromPayload(payload, fallbackMessage)
+    };
+  }
+  if (status === 0 || status === 502 || status === 503 || status >= 500) {
+    return {
+      kind: "unavailable",
+      status,
+      message: messageFromPayload(payload, fallbackMessage)
+    };
+  }
+  return null;
+}
+function isChatSessionNotFound(status, data) {
+  if (status !== 404) return false;
+  const text = messageFromPayload(data, "").toLowerCase();
+  return text.includes("chat session not found");
+}
+function persistSessionPublicId(id, storageKey, ctx) {
+  const created = !ctx.sessionPublicIdRef.current;
+  ctx.setSessionPublicId(id);
+  ctx.sessionPublicIdRef.current = id;
+  try {
+    sessionStorage.setItem(storageKey, id);
+  } catch {
+  }
+  if (created) ctx.onCreated?.(id);
+}
+
+// src/hooks/use-mailoo-chat-session.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+
+// src/lib/guest-copy.ts
+function isValidEmail(s) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s.trim());
+}
+function unavailableCopy(locale) {
+  switch (locale) {
+    case "ru":
+      return {
+        rateLimitedTitle: "\u0427\u0430\u0442 \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D",
+        rateLimitedBody: "\u0421\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u043D\u043E\u0433\u043E \u0437\u0430\u043F\u0440\u043E\u0441\u043E\u0432. \u041F\u043E\u0434\u043E\u0436\u0434\u0438\u0442\u0435 \u043D\u0435\u043C\u043D\u043E\u0433\u043E \u0438 \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430 \u0438\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0434\u0440\u0443\u0433\u0438\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C.",
+        unavailableTitle: "\u0427\u0430\u0442 \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D",
+        unavailableBody: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u0432\u044F\u0437\u0430\u0442\u044C\u0441\u044F \u0441 \u0447\u0430\u0442\u043E\u043C. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0438\u043B\u0438 \u043D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u043D\u0430\u043C \u0434\u0440\u0443\u0433\u0438\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C.",
+        retryCta: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C",
+        contactCta: "\u0421\u0432\u044F\u0437\u0430\u0442\u044C\u0441\u044F \u0441 \u043D\u0430\u043C\u0438"
+      };
+    case "de":
+      return {
+        rateLimitedTitle: "Chat vor\xFCbergehend nicht verf\xFCgbar",
+        rateLimitedBody: "Zu viele Anfragen. Bitte warten Sie kurz und versuchen Sie es erneut, oder kontaktieren Sie uns auf anderem Wege.",
+        unavailableTitle: "Chat vor\xFCbergehend nicht verf\xFCgbar",
+        unavailableBody: "Der Chat ist gerade nicht erreichbar. Bitte versuchen Sie es erneut oder kontaktieren Sie uns auf anderem Wege.",
+        retryCta: "Erneut versuchen",
+        contactCta: "Kontakt aufnehmen"
+      };
+    case "es":
+      return {
+        rateLimitedTitle: "Chat temporalmente no disponible",
+        rateLimitedBody: "Hay demasiadas solicitudes. Espera un momento e int\xE9ntalo de nuevo, o cont\xE1ctanos de otra forma.",
+        unavailableTitle: "Chat temporalmente no disponible",
+        unavailableBody: "No pudimos conectar con el chat. Int\xE9ntalo de nuevo o cont\xE1ctanos de otra forma.",
+        retryCta: "Reintentar",
+        contactCta: "Contactarnos"
+      };
+    default:
+      return {
+        rateLimitedTitle: "Chat temporarily unavailable",
+        rateLimitedBody: "Too many requests right now. Please wait a moment and try again, or reach us another way.",
+        unavailableTitle: "Chat temporarily unavailable",
+        unavailableBody: "We could not reach chat right now. Please try again, or contact us another way.",
+        retryCta: "Try again",
+        contactCta: "Contact us"
+      };
+  }
+}
+function guestCopy(locale) {
+  switch (locale) {
+    case "ru":
+      return {
+        intro: "\u0427\u0442\u043E\u0431\u044B \u043C\u044B \u043C\u043E\u0433\u043B\u0438 \u0441 \u0432\u0430\u043C\u0438 \u0441\u0432\u044F\u0437\u0430\u0442\u044C\u0441\u044F, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B (\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E) \u0438 \u043F\u0440\u0438 \u0436\u0435\u043B\u0430\u043D\u0438\u0438 \u2014 \u0438\u043C\u044F.",
+        emailLabel: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430",
+        nameLabel: "\u0418\u043C\u044F",
+        emailPlaceholder: "you@example.com",
+        namePlaceholder: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E",
+        continueCta: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C",
+        changeContact: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B",
+        backToTopics: "\u041A \u0441\u043F\u0438\u0441\u043A\u0443 \u0442\u0435\u043C",
+        emailInvalid: "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u044B\u0439 \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B.",
+        threadHint: "\u041F\u0435\u0440\u0435\u043F\u0438\u0441\u043A\u0430 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F \u043D\u0438\u0436\u0435. \u041C\u044B \u043F\u0440\u043E\u0434\u0443\u0431\u043B\u0438\u0440\u0443\u0435\u043C \u043F\u0435\u0440\u0435\u043F\u0438\u0441\u043A\u0443 \u043D\u0430 \u0443\u043A\u0430\u0437\u0430\u043D\u043D\u044B\u0439 email \u0432 \u0441\u043B\u0443\u0447\u0430\u0435 \u043E\u0431\u0440\u044B\u0432\u0430 \u0441\u0432\u044F\u0437\u0438.",
+        threadHintIconLabel: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430: \u043F\u0435\u0440\u0435\u043F\u0438\u0441\u043A\u0430 \u0438 \u0434\u0443\u0431\u043B\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u043D\u0430 email",
+        threadHintCollapse: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C",
+        emptyThreadGuest: "\u041D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u043F\u0435\u0440\u0432\u043E\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0432 \u043F\u043E\u043B\u0435 \u043D\u0438\u0436\u0435.",
+        loadingProfile: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430\u2026"
+      };
+    case "de":
+      return {
+        intro: "Damit wir antworten k\xF6nnen, geben Sie bitte Ihre E-Mail-Adresse an (Pflichtfeld) und optional Ihren Namen.",
+        emailLabel: "E-Mail",
+        nameLabel: "Name",
+        emailPlaceholder: "you@example.com",
+        namePlaceholder: "Optional",
+        continueCta: "Weiter",
+        changeContact: "Kontakt \xE4ndern",
+        backToTopics: "Zur\xFCck zu den Themen",
+        emailInvalid: "Bitte geben Sie eine g\xFCltige E-Mail-Adresse ein.",
+        threadHint: "Der Chatverlauf erscheint unten. Wir antworten per E-Mail.",
+        threadHintIconLabel: "Hinweis zu Chat und E-Mail",
+        threadHintCollapse: "Einklappen",
+        emptyThreadGuest: "Schreiben Sie Ihre erste Nachricht unten.",
+        loadingProfile: "Wird geladen\u2026"
+      };
+    case "es":
+      return {
+        intro: "Para poder responderte, indica tu correo electr\xF3nico (obligatorio) y, si quieres, tu nombre.",
+        emailLabel: "Correo electr\xF3nico",
+        nameLabel: "Nombre",
+        emailPlaceholder: "tu@ejemplo.com",
+        namePlaceholder: "Opcional",
+        continueCta: "Continuar",
+        changeContact: "Cambiar datos",
+        backToTopics: "Volver a los temas",
+        emailInvalid: "Introduce un correo electr\xF3nico v\xE1lido.",
+        threadHint: "Los mensajes aparecen abajo. Te responderemos por correo.",
+        threadHintIconLabel: "Aviso sobre el chat y el correo",
+        threadHintCollapse: "Ocultar",
+        emptyThreadGuest: "Escribe tu primer mensaje abajo.",
+        loadingProfile: "Cargando\u2026"
+      };
+    default:
+      return {
+        intro: "So we can reach you, please enter your email address (required) and your name if you\u2019d like (optional).",
+        emailLabel: "Email",
+        nameLabel: "Name",
+        emailPlaceholder: "you@example.com",
+        namePlaceholder: "Optional",
+        continueCta: "Continue",
+        changeContact: "Change contact details",
+        backToTopics: "Back to topics",
+        emailInvalid: "Please enter a valid email address.",
+        threadHint: "Your conversation appears below. We\u2019ll reply to your email.",
+        threadHintIconLabel: "Note about chat and email",
+        threadHintCollapse: "Collapse",
+        emptyThreadGuest: "Write your first message in the box below.",
+        loadingProfile: "Loading\u2026"
+      };
+  }
+}
+function defaultChatUiLabels(locale) {
+  return {
+    ...guestCopy(locale),
+    ...unavailableCopy(locale),
+    title: "Chat",
+    launcherOpen: "Open chat",
+    launcherClose: "Close chat",
+    send: "Send",
+    composerPlaceholder: "Type a message\u2026",
+    emptyThreadAuthenticated: "Say hello to start a conversation."
+  };
+}
+
+// src/lib/visitor-ws-url.ts
+function buildVisitorWsUrl(apiOrigin, projectUid, integrationId, sessionPublicId) {
+  const u = new URL(apiOrigin);
+  const wsProto = u.protocol === "https:" ? "wss:" : "ws:";
+  const qs = new URLSearchParams({
+    projectUid,
+    integrationId,
+    sessionPublicId
+  });
+  return `${wsProto}//${u.host}/api/v1/chat/visitor-ws?${qs.toString()}`;
+}
+
+// src/hooks/use-mailoo-chat-session.ts
+function useMailooChatSession(options) {
+  const {
+    apiOrigin,
+    projectUid,
+    integrationId,
+    isAuthenticated,
+    submitEndpoint = DEFAULT_CHAT_SUBMIT_ENDPOINT,
+    messagesEndpoint = DEFAULT_CHAT_MESSAGES_ENDPOINT,
+    storageKey = DEFAULT_CHAT_SESSION_STORAGE_KEY,
+    guestProfileKey = DEFAULT_CHAT_GUEST_PROFILE_KEY,
+    pollIntervalMs = DEFAULT_CHAT_POLL_INTERVAL_MS,
+    enableRealtime = true,
+    enablePolling = true,
+    enableWebSocket = true,
+    enabled = true,
+    onSessionCreated,
+    onMessageSent,
+    onError,
+    onFault
+  } = options;
+  const [sessionPublicId, setSessionPublicId] = useState(null);
+  const [messages, setMessages] = useState([]);
+  const [sending, setSending] = useState(false);
+  const [error, setError] = useState(null);
+  const [fault, setFault] = useState(null);
+  const [connectionState, setConnectionState] = useState("idle");
+  const [guestEmail, setGuestEmail] = useState("");
+  const [guestName, setGuestName] = useState("");
+  const [guestContactOk, setGuestContactOk] = useState(isAuthenticated);
+  const [guestProfileHydrated, setGuestProfileHydrated] = useState(false);
+  const wsRef = useRef(null);
+  const pollRef = useRef(null);
+  const sessionPublicIdRef = useRef(null);
+  const sinceRef = useRef(void 0);
+  const faultRef = useRef(null);
+  const onSessionCreatedRef = useRef(onSessionCreated);
+  const onMessageSentRef = useRef(onMessageSent);
+  const onErrorRef = useRef(onError);
+  const onFaultRef = useRef(onFault);
+  sessionPublicIdRef.current = sessionPublicId;
+  faultRef.current = fault;
+  onSessionCreatedRef.current = onSessionCreated;
+  onMessageSentRef.current = onMessageSent;
+  onErrorRef.current = onError;
+  onFaultRef.current = onFault;
+  const clearFault = useCallback(() => {
+    faultRef.current = null;
+    setFault(null);
+  }, []);
+  const reportFault = useCallback((next) => {
+    faultRef.current = next;
+    setFault(next);
+    setError(null);
+    onFaultRef.current?.(next);
+    onErrorRef.current?.(next.message);
+  }, []);
+  const reportError = useCallback((message) => {
+    setError(message);
+    if (message) {
+      clearFault();
+      onErrorRef.current?.(message);
+    }
+  }, [clearFault]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const existing = sessionStorage.getItem(storageKey);
+    if (existing) setSessionPublicId(existing);
+  }, [storageKey]);
+  useEffect(() => {
+    if (typeof window === "undefined" || isAuthenticated) {
+      setGuestProfileHydrated(true);
+      return;
+    }
+    try {
+      const raw = sessionStorage.getItem(guestProfileKey);
+      if (raw) {
+        const j = JSON.parse(raw);
+        const em = typeof j.email === "string" ? j.email.trim().toLowerCase() : "";
+        if (em && isValidEmail(em)) {
+          setGuestEmail(em);
+          setGuestName(typeof j.name === "string" ? j.name.trim() : "");
+          setGuestContactOk(true);
+        }
+      }
+    } catch {
+    }
+    setGuestProfileHydrated(true);
+  }, [isAuthenticated, guestProfileKey]);
+  useEffect(() => {
+    if (isAuthenticated) {
+      setGuestContactOk(true);
+    }
+  }, [isAuthenticated]);
+  const persistGuestProfile = useCallback(
+    (email, name) => {
+      try {
+        sessionStorage.setItem(
+          guestProfileKey,
+          JSON.stringify({
+            email: email.trim().toLowerCase(),
+            name: name.trim()
+          })
+        );
+      } catch {
+      }
+    },
+    [guestProfileKey]
+  );
+  const confirmGuestContact = useCallback(
+    (invalidEmailMessage) => {
+      reportError(null);
+      if (isAuthenticated) {
+        setGuestContactOk(true);
+        return true;
+      }
+      if (!isValidEmail(guestEmail)) {
+        reportError(
+          invalidEmailMessage ?? "Please enter a valid email address."
+        );
+        return false;
+      }
+      persistGuestProfile(guestEmail, guestName);
+      setGuestContactOk(true);
+      return true;
+    },
+    [
+      isAuthenticated,
+      guestEmail,
+      guestName,
+      persistGuestProfile,
+      reportError
+    ]
+  );
+  const resetGuestContact = useCallback(() => {
+    setGuestContactOk(false);
+    reportError(null);
+  }, [reportError]);
+  const mergeIncoming = useCallback((rows) => {
+    const parsed = parseChatMessages(rows);
+    setMessages((prev) => {
+      const next = mergeChatMessages(prev, parsed);
+      sinceRef.current = latestMessageCreatedAt(next);
+      return next;
+    });
+  }, []);
+  const mergeMessage = useCallback((message) => {
+    setMessages((prev) => {
+      const next = mergeChatMessages(prev, [message]);
+      sinceRef.current = latestMessageCreatedAt(next);
+      return next;
+    });
+  }, []);
+  const clearSession = useCallback(() => {
+    try {
+      sessionStorage.removeItem(storageKey);
+    } catch {
+    }
+    setSessionPublicId(null);
+    sessionPublicIdRef.current = null;
+    setMessages([]);
+    sinceRef.current = void 0;
+  }, [storageKey]);
+  const stopRealtime = useCallback(() => {
+    if (pollRef.current) {
+      clearInterval(pollRef.current);
+      pollRef.current = null;
+    }
+    wsRef.current?.close();
+    wsRef.current = null;
+    setConnectionState("closed");
+  }, []);
+  const refreshMessages = useCallback(
+    async (sid, opts) => {
+      const id = sid ?? sessionPublicIdRef.current;
+      if (!id) return;
+      if (faultRef.current) return;
+      const params = new URLSearchParams({ sessionPublicId: id });
+      if (!opts?.full && sinceRef.current) {
+        params.set("since", sinceRef.current);
+      }
+      let res;
+      try {
+        res = await fetch(`${messagesEndpoint}?${params.toString()}`);
+      } catch {
+        const next = classifyChatFault(0, null, "Network error");
+        if (next) {
+          reportFault(next);
+          stopRealtime();
+        }
+        return;
+      }
+      const data = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        if (isChatSessionNotFound(res.status, data)) {
+          clearSession();
+          reportError(null);
+          return;
+        }
+        const classified = classifyChatFault(
+          res.status,
+          data,
+          "Failed to load messages"
+        );
+        if (classified) {
+          reportFault(classified);
+          stopRealtime();
+          return;
+        }
+        reportError(messageFromPayload(data, "Failed to load messages"));
+        return;
+      }
+      if (Array.isArray(data.data)) {
+        mergeIncoming(data.data);
+      }
+    },
+    [
+      messagesEndpoint,
+      mergeIncoming,
+      clearSession,
+      reportError,
+      reportFault,
+      stopRealtime
+    ]
+  );
+  useEffect(() => {
+    const realtimeOn = enabled && enableRealtime && guestContactOk && !fault;
+    if (!realtimeOn || !sessionPublicId) {
+      return;
+    }
+    const connectWs = () => {
+      if (!enableWebSocket || !apiOrigin || !projectUid || !integrationId) {
+        return;
+      }
+      try {
+        const url = buildVisitorWsUrl(
+          apiOrigin,
+          projectUid,
+          integrationId,
+          sessionPublicId
+        );
+        setConnectionState("connecting");
+        const ws = new WebSocket(url);
+        wsRef.current = ws;
+        ws.onopen = () => setConnectionState("open");
+        ws.onmessage = (ev) => {
+          try {
+            const msg = JSON.parse(ev.data);
+            if (msg.type !== "chat.message") return;
+            const p = msg.payload;
+            if (p && typeof p.messageId === "string" && typeof p.content === "string") {
+              mergeMessage({
+                id: p.messageId,
+                content: p.content,
+                messageType: typeof p.messageType === "string" ? p.messageType : "OUTBOUND",
+                senderEmail: typeof p.senderEmail === "string" ? p.senderEmail : null,
+                senderName: typeof p.senderName === "string" ? p.senderName : null,
+                createdAt: typeof p.createdAt === "string" ? p.createdAt : (/* @__PURE__ */ new Date()).toISOString()
+              });
+            }
+            void refreshMessages(sessionPublicId);
+          } catch {
+          }
+        };
+        ws.onclose = () => {
+          wsRef.current = null;
+          setConnectionState("closed");
+        };
+      } catch {
+        setConnectionState("closed");
+      }
+    };
+    connectWs();
+    void refreshMessages(sessionPublicId, { full: true });
+    if (enablePolling) {
+      pollRef.current = setInterval(() => {
+        void refreshMessages(sessionPublicId);
+      }, pollIntervalMs);
+    }
+    return () => {
+      if (pollRef.current) clearInterval(pollRef.current);
+      pollRef.current = null;
+      wsRef.current?.close();
+      wsRef.current = null;
+      setConnectionState("idle");
+    };
+  }, [
+    enabled,
+    enableRealtime,
+    enablePolling,
+    enableWebSocket,
+    guestContactOk,
+    fault,
+    sessionPublicId,
+    apiOrigin,
+    projectUid,
+    integrationId,
+    pollIntervalMs,
+    refreshMessages,
+    mergeMessage
+  ]);
+  const sendMessage = useCallback(
+    async (content, opts) => {
+      const text = content.trim();
+      if (!text || sending) return false;
+      if (faultRef.current) return false;
+      if (!isAuthenticated && !isValidEmail(guestEmail)) {
+        reportError(
+          opts?.invalidEmailMessage ?? "Please enter a valid email address."
+        );
+        return false;
+      }
+      setSending(true);
+      reportError(null);
+      clearFault();
+      try {
+        const buildBody = (includeSession) => {
+          const body = { content: text };
+          const pageUrl = opts?.pageUrl ?? (typeof window !== "undefined" ? window.location.href : void 0);
+          if (pageUrl) body.pageUrl = pageUrl;
+          const sid = includeSession ? sessionPublicIdRef.current : null;
+          if (sid) body.sessionPublicId = sid;
+          else if (opts?.topicId?.trim()) {
+            body.topicId = opts.topicId.trim();
+          }
+          if (!isAuthenticated) {
+            body.senderEmail = guestEmail.trim().toLowerCase();
+            if (guestName.trim()) body.senderName = guestName.trim();
+          }
+          return body;
+        };
+        const post = async (includeSession) => {
+          let res2;
+          try {
+            res2 = await fetch(submitEndpoint, {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(buildBody(includeSession))
+            });
+          } catch {
+            return {
+              res: null,
+              data: {},
+              networkError: true
+            };
+          }
+          const data2 = await res2.json().catch(() => ({}));
+          return { res: res2, data: data2, networkError: false };
+        };
+        let result = await post(true);
+        if (result.networkError) {
+          const next = classifyChatFault(0, null, "Network error");
+          if (next) {
+            reportFault(next);
+            stopRealtime();
+          }
+          return false;
+        }
+        let { res, data } = result;
+        if (!res) return false;
+        if (!res.ok && isChatSessionNotFound(res.status, data)) {
+          clearSession();
+          result = await post(false);
+          if (result.networkError) {
+            const next = classifyChatFault(0, null, "Network error");
+            if (next) {
+              reportFault(next);
+              stopRealtime();
+            }
+            return false;
+          }
+          ;
+          ({ res, data } = result);
+          if (!res) return false;
+        }
+        if (!res.ok) {
+          const classified = classifyChatFault(
+            res.status,
+            data,
+            "Send failed"
+          );
+          if (classified) {
+            reportFault(classified);
+            stopRealtime();
+            return false;
+          }
+          reportError(messageFromPayload(data, "Send failed"));
+          return false;
+        }
+        if (data.sessionPublicId) {
+          persistSessionPublicId(data.sessionPublicId, storageKey, {
+            sessionPublicIdRef,
+            setSessionPublicId,
+            onCreated: onSessionCreatedRef.current
+          });
+        }
+        if (!isAuthenticated) {
+          persistGuestProfile(guestEmail, guestName);
+        }
+        if (typeof data.messageId === "string" && data.messageId) {
+          mergeMessage({
+            id: data.messageId,
+            content: text,
+            messageType: "INBOUND",
+            senderEmail: isAuthenticated ? null : guestEmail.trim().toLowerCase(),
+            senderName: isAuthenticated ? null : guestName.trim() || null,
+            createdAt: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        }
+        const nextSid = data.sessionPublicId ?? sessionPublicIdRef.current;
+        if (nextSid) {
+          await refreshMessages(nextSid, { full: true });
+        }
+        onMessageSentRef.current?.(text);
+        return true;
+      } catch (e) {
+        reportError(e instanceof Error ? e.message : "Send failed");
+        return false;
+      } finally {
+        setSending(false);
+      }
+    },
+    [
+      sending,
+      isAuthenticated,
+      guestEmail,
+      guestName,
+      submitEndpoint,
+      storageKey,
+      persistGuestProfile,
+      mergeMessage,
+      refreshMessages,
+      clearSession,
+      reportError,
+      reportFault,
+      clearFault,
+      stopRealtime
+    ]
+  );
+  const retryAfterFault = useCallback(() => {
+    clearFault();
+    reportError(null);
+  }, [clearFault, reportError]);
+  const canCompose = isAuthenticated || guestProfileHydrated && guestContactOk;
+  return {
+    sessionPublicId,
+    messages,
+    sending,
+    error,
+    fault,
+    setError: reportError,
+    clearFault,
+    retryAfterFault,
+    connectionState,
+    guestEmail,
+    guestName,
+    setGuestEmail,
+    setGuestName,
+    guestContactOk,
+    guestProfileHydrated,
+    confirmGuestContact,
+    resetGuestContact,
+    canCompose,
+    sendMessage,
+    refreshMessages,
+    clearSession
+  };
+}
+
+// src/hooks/index.ts
+function useMailooChatSubmit(options) {
+  const endpoint = options?.endpoint ?? DEFAULT_CHAT_SUBMIT_ENDPOINT;
+  const [pending, setPending] = useState2(false);
+  const submit = useCallback2(
+    async (body) => {
+      setPending(true);
+      try {
+        const res = await fetch(endpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(body)
+        });
+        const data = await res.json().catch(() => ({}));
+        if (!res.ok) {
+          return {
+            ok: false,
+            status: res.status,
+            message: messageFromPayload(data, "Send failed")
+          };
+        }
+        return { ok: true, status: res.status, data };
+      } catch {
+        return { ok: false, status: 0, message: "Network error" };
+      } finally {
+        setPending(false);
+      }
+    },
+    [endpoint]
+  );
+  return { submit, pending };
+}
+function useMailooChatMessages(options) {
+  const endpoint = options?.endpoint ?? DEFAULT_CHAT_MESSAGES_ENDPOINT;
+  const [pending, setPending] = useState2(false);
+  const refresh = useCallback2(
+    async (sessionPublicId, since) => {
+      setPending(true);
+      try {
+        const params = new URLSearchParams({ sessionPublicId });
+        if (since) params.set("since", since);
+        const res = await fetch(`${endpoint}?${params.toString()}`);
+        const data = await res.json().catch(() => ({}));
+        if (!res.ok) {
+          return {
+            ok: false,
+            status: res.status,
+            message: messageFromPayload(data, "Fetch failed")
+          };
+        }
+        const rows = Array.isArray(data.data) ? data.data : [];
+        return {
+          ok: true,
+          status: res.status,
+          data,
+          messages: parseChatMessages(rows)
+        };
+      } catch {
+        return { ok: false, status: 0, message: "Network error" };
+      } finally {
+        setPending(false);
+      }
+    },
+    [endpoint]
+  );
+  return { refresh, pending };
+}
+function useMailooChatStatus(options) {
+  const endpoint = options?.endpoint ?? DEFAULT_CHAT_STATUS_ENDPOINT;
+  const enabled = options?.enabled ?? true;
+  const [status, setStatus] = useState2(null);
+  const [pending, setPending] = useState2(false);
+  const [error, setError] = useState2(null);
+  const refresh = useCallback2(async () => {
+    setPending(true);
+    setError(null);
+    try {
+      const res = await fetch(endpoint);
+      const data = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        setError(messageFromPayload(data, "Status fetch failed"));
+        return null;
+      }
+      if (typeof data.status !== "string" || typeof data.name !== "string" || typeof data.type !== "string" || typeof data.lastActivity !== "string") {
+        setError("Invalid status payload");
+        return null;
+      }
+      const parsed = {
+        status: data.status,
+        name: data.name,
+        type: data.type,
+        lastActivity: data.lastActivity
+      };
+      setStatus(parsed);
+      return parsed;
+    } catch {
+      setError("Network error");
+      return null;
+    } finally {
+      setPending(false);
+    }
+  }, [endpoint]);
+  useEffect2(() => {
+    if (!enabled) return;
+    void refresh();
+  }, [enabled, refresh]);
+  return { status, pending, error, refresh };
+}
+
+export {
+  DEFAULT_CHAT_SUBMIT_ENDPOINT,
+  DEFAULT_CHAT_MESSAGES_ENDPOINT,
+  DEFAULT_CHAT_STATUS_ENDPOINT,
+  DEFAULT_CHAT_SESSION_STORAGE_KEY,
+  DEFAULT_CHAT_GUEST_PROFILE_KEY,
+  DEFAULT_CHAT_POLL_INTERVAL_MS,
+  messageFromPayload,
+  classifyChatFault,
+  isChatSessionNotFound,
+  defaultChatUiLabels,
+  useMailooChatSession,
+  useMailooChatSubmit,
+  useMailooChatMessages,
+  useMailooChatStatus
+};
+//# sourceMappingURL=chunk-QZ7HWQDO.js.map