@mailoo/chat 0.0.0-stage → 1.32.2

package/dist/client/index.cjs

@@ -0,0 +1,1658 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var client_exports = {};
+__export(client_exports, {
+  MAILOO_SITE_CHAT_OPEN_EVENT: () => MAILOO_SITE_CHAT_OPEN_EVENT,
+  MailooChatUnavailablePanel: () => MailooChatUnavailablePanel,
+  MailooSiteChatShell: () => MailooSiteChatShell,
+  MailooSiteChatWidget: () => MailooSiteChatWidget,
+  openMailooSiteChat: () => openMailooSiteChat
+});
+module.exports = __toCommonJS(client_exports);
+
+// src/components/mailoo-site-chat-widget.tsx
+var import_react3 = require("react");
+var import_outline = require("@heroicons/react/24/outline");
+
+// src/hooks/index.ts
+var import_react2 = require("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_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
+var import_react = require("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] = (0, import_react.useState)(null);
+  const [messages, setMessages] = (0, import_react.useState)([]);
+  const [sending, setSending] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [fault, setFault] = (0, import_react.useState)(null);
+  const [connectionState, setConnectionState] = (0, import_react.useState)("idle");
+  const [guestEmail, setGuestEmail] = (0, import_react.useState)("");
+  const [guestName, setGuestName] = (0, import_react.useState)("");
+  const [guestContactOk, setGuestContactOk] = (0, import_react.useState)(isAuthenticated);
+  const [guestProfileHydrated, setGuestProfileHydrated] = (0, import_react.useState)(false);
+  const wsRef = (0, import_react.useRef)(null);
+  const pollRef = (0, import_react.useRef)(null);
+  const sessionPublicIdRef = (0, import_react.useRef)(null);
+  const sinceRef = (0, import_react.useRef)(void 0);
+  const faultRef = (0, import_react.useRef)(null);
+  const onSessionCreatedRef = (0, import_react.useRef)(onSessionCreated);
+  const onMessageSentRef = (0, import_react.useRef)(onMessageSent);
+  const onErrorRef = (0, import_react.useRef)(onError);
+  const onFaultRef = (0, import_react.useRef)(onFault);
+  sessionPublicIdRef.current = sessionPublicId;
+  faultRef.current = fault;
+  onSessionCreatedRef.current = onSessionCreated;
+  onMessageSentRef.current = onMessageSent;
+  onErrorRef.current = onError;
+  onFaultRef.current = onFault;
+  const clearFault = (0, import_react.useCallback)(() => {
+    faultRef.current = null;
+    setFault(null);
+  }, []);
+  const reportFault = (0, import_react.useCallback)((next) => {
+    faultRef.current = next;
+    setFault(next);
+    setError(null);
+    onFaultRef.current?.(next);
+    onErrorRef.current?.(next.message);
+  }, []);
+  const reportError = (0, import_react.useCallback)((message) => {
+    setError(message);
+    if (message) {
+      clearFault();
+      onErrorRef.current?.(message);
+    }
+  }, [clearFault]);
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const existing = sessionStorage.getItem(storageKey);
+    if (existing) setSessionPublicId(existing);
+  }, [storageKey]);
+  (0, import_react.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]);
+  (0, import_react.useEffect)(() => {
+    if (isAuthenticated) {
+      setGuestContactOk(true);
+    }
+  }, [isAuthenticated]);
+  const persistGuestProfile = (0, import_react.useCallback)(
+    (email, name) => {
+      try {
+        sessionStorage.setItem(
+          guestProfileKey,
+          JSON.stringify({
+            email: email.trim().toLowerCase(),
+            name: name.trim()
+          })
+        );
+      } catch {
+      }
+    },
+    [guestProfileKey]
+  );
+  const confirmGuestContact = (0, import_react.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 = (0, import_react.useCallback)(() => {
+    setGuestContactOk(false);
+    reportError(null);
+  }, [reportError]);
+  const mergeIncoming = (0, import_react.useCallback)((rows) => {
+    const parsed = parseChatMessages(rows);
+    setMessages((prev) => {
+      const next = mergeChatMessages(prev, parsed);
+      sinceRef.current = latestMessageCreatedAt(next);
+      return next;
+    });
+  }, []);
+  const mergeMessage = (0, import_react.useCallback)((message) => {
+    setMessages((prev) => {
+      const next = mergeChatMessages(prev, [message]);
+      sinceRef.current = latestMessageCreatedAt(next);
+      return next;
+    });
+  }, []);
+  const clearSession = (0, import_react.useCallback)(() => {
+    try {
+      sessionStorage.removeItem(storageKey);
+    } catch {
+    }
+    setSessionPublicId(null);
+    sessionPublicIdRef.current = null;
+    setMessages([]);
+    sinceRef.current = void 0;
+  }, [storageKey]);
+  const stopRealtime = (0, import_react.useCallback)(() => {
+    if (pollRef.current) {
+      clearInterval(pollRef.current);
+      pollRef.current = null;
+    }
+    wsRef.current?.close();
+    wsRef.current = null;
+    setConnectionState("closed");
+  }, []);
+  const refreshMessages = (0, import_react.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
+    ]
+  );
+  (0, import_react.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 = (0, import_react.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 = (0, import_react.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/lib/widget-config.ts
+var MAILOO_CHAT_LAUNCHER_POSITIONS = [
+  "bottom-right",
+  "bottom-left",
+  "top-right",
+  "top-left",
+  "middle-right",
+  "middle-left"
+];
+function isMailooChatLauncherPosition(value) {
+  return typeof value === "string" && MAILOO_CHAT_LAUNCHER_POSITIONS.includes(value);
+}
+function resolveMailooChatLauncherPosition(prop, config) {
+  if (prop) return prop;
+  if (config?.position && isMailooChatLauncherPosition(config.position)) {
+    return config.position;
+  }
+  return "bottom-right";
+}
+function mailooChatLauncherRootClassNames(position) {
+  const parts = ["mailoo-chat-root"];
+  if (position.endsWith("-left")) parts.push("mailoo-chat-root--left");
+  if (position.startsWith("top-")) parts.push("mailoo-chat-root--top");
+  if (position.startsWith("middle-")) parts.push("mailoo-chat-root--middle");
+  return parts.join(" ");
+}
+function chatWidgetCssVariables(config) {
+  return {
+    ["--mailoo-chat-brand"]: config?.brandPrimary ?? "#2563EB",
+    ["--mailoo-chat-brand-on"]: config?.brandOnPrimary ?? "#FFFFFF"
+  };
+}
+
+// src/components/mailoo-chat-unavailable-panel.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function actionHref(action) {
+  if (action.type === "mailto") {
+    return `mailto:${action.email.trim()}`;
+  }
+  return action.href;
+}
+function actionLabel(action, labels) {
+  if (action.type === "mailto") {
+    return action.label?.trim() || labels.contactCta;
+  }
+  return action.label;
+}
+function MailooChatUnavailablePanel({
+  fault,
+  labels,
+  retry,
+  unavailableAction,
+  brandBtnClass
+}) {
+  const isRateLimited = fault.kind === "rate_limited";
+  const title = isRateLimited ? labels.rateLimitedTitle : labels.unavailableTitle;
+  const body = isRateLimited ? labels.rateLimitedBody : labels.unavailableBody;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col justify-center gap-3 p-4 text-sm",
+      role: "alert",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-medium text-gray-900 dark:text-white", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs leading-snug text-gray-600 dark:text-gray-300", children: body })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: retry,
+              className: `w-full py-2 text-sm font-medium ${brandBtnClass}`,
+              children: labels.retryCta
+            }
+          ),
+          unavailableAction ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "a",
+            {
+              href: actionHref(unavailableAction),
+              ...unavailableAction.type === "link" ? { target: "_blank", rel: "noopener noreferrer" } : {},
+              className: "w-full rounded border border-gray-300 py-2 text-center text-sm font-medium text-gray-800 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-100 dark:hover:bg-gray-800",
+              children: actionLabel(unavailableAction, labels)
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/mailoo-site-chat-widget.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function MailooSiteChatWidget(props) {
+  const {
+    apiOrigin,
+    projectUid,
+    integrationId,
+    welcomeMessage,
+    locale,
+    isAuthenticated,
+    widgetConfig,
+    className,
+    panelClassName,
+    launcherClassName,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    title: titleProp,
+    launcherLabel,
+    labels: labelsProp,
+    submitEndpoint,
+    messagesEndpoint,
+    pollIntervalMs,
+    enablePolling,
+    enableWebSocket,
+    position: positionProp,
+    zIndex,
+    onSessionCreated,
+    onMessageSent,
+    onError,
+    onFault,
+    unavailableAction,
+    renderLauncher,
+    renderHeader,
+    renderEmpty,
+    renderWelcome,
+    renderUnavailable
+  } = props;
+  const t = {
+    ...defaultChatUiLabels(locale),
+    ...labelsProp
+  };
+  const title = titleProp ?? t.title;
+  const isControlled = openProp !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react3.useState)(defaultOpen);
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = (next) => {
+    onOpenChange?.(next);
+    if (!isControlled) setUncontrolledOpen(next);
+  };
+  const [input, setInput] = (0, import_react3.useState)("");
+  const [threadHintExpanded, setThreadHintExpanded] = (0, import_react3.useState)(false);
+  const [selectedTopicId, setSelectedTopicId] = (0, import_react3.useState)(null);
+  const [welcomeDone, setWelcomeDone] = (0, import_react3.useState)(false);
+  const messagesScrollRef = (0, import_react3.useRef)(null);
+  const stickToBottomRef = (0, import_react3.useRef)(true);
+  const SCROLL_NEAR_BOTTOM_PX = 80;
+  const brandStyle = chatWidgetCssVariables(widgetConfig ?? void 0);
+  const brandBtn = "rounded bg-[var(--mailoo-chat-brand,#2563eb)] text-[var(--mailoo-chat-brand-on,#ffffff)] hover:opacity-90";
+  const headerTitle = widgetConfig?.welcomeTitle ?? title;
+  const headerTagline = widgetConfig?.welcomeTagline ?? welcomeMessage;
+  const topics = widgetConfig?.topics ?? [];
+  const anyOperatorOnline = (widgetConfig?.operators ?? []).some(
+    (op) => op.online
+  );
+  const session = useMailooChatSession({
+    apiOrigin,
+    projectUid,
+    integrationId,
+    isAuthenticated,
+    submitEndpoint,
+    messagesEndpoint,
+    pollIntervalMs,
+    enablePolling,
+    enableWebSocket,
+    enabled: open,
+    onSessionCreated,
+    onMessageSent,
+    onError,
+    onFault
+  });
+  const {
+    messages,
+    sending,
+    error,
+    fault,
+    retryAfterFault,
+    guestEmail,
+    guestName,
+    setGuestEmail,
+    setGuestName,
+    guestContactOk,
+    guestProfileHydrated,
+    confirmGuestContact,
+    resetGuestContact,
+    canCompose,
+    sendMessage
+  } = session;
+  const onMessagesScroll = (0, import_react3.useCallback)(() => {
+    const el = messagesScrollRef.current;
+    if (!el) return;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    stickToBottomRef.current = distanceFromBottom <= SCROLL_NEAR_BOTTOM_PX;
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    if (!stickToBottomRef.current) return;
+    const el = messagesScrollRef.current;
+    if (!el) return;
+    el.scrollTop = el.scrollHeight;
+  }, [messages]);
+  const send = async () => {
+    const text = input.trim();
+    if (!text || sending) return;
+    stickToBottomRef.current = true;
+    const ok = await sendMessage(text, {
+      invalidEmailMessage: t.emailInvalid,
+      topicId: selectedTopicId ?? void 0
+    });
+    if (ok) setInput("");
+  };
+  const toggle = () => setOpen(!open);
+  const position = resolveMailooChatLauncherPosition(
+    positionProp,
+    widgetConfig
+  );
+  const needsGuestFields = !isAuthenticated && !guestContactOk;
+  const showUnavailable = fault != null;
+  const showEntry = !showUnavailable && guestProfileHydrated && messages.length === 0 && !welcomeDone;
+  const showWelcomeSkin = showEntry && renderWelcome != null;
+  const showBuiltinEntry = showEntry && renderWelcome == null;
+  const showComposer = !showUnavailable && (welcomeDone || messages.length > 0) && canCompose;
+  const showDefaultHeader = !showWelcomeSkin || showUnavailable;
+  const unavailableArgs = fault ? {
+    fault,
+    labels: t,
+    retry: retryAfterFault,
+    unavailableAction,
+    brandBtnClass: brandBtn
+  } : null;
+  const enterFromWelcome = (invalidEmailMessage) => {
+    if (isAuthenticated || guestContactOk) {
+      setWelcomeDone(true);
+      return true;
+    }
+    const ok = confirmGuestContact(invalidEmailMessage);
+    if (ok) setWelcomeDone(true);
+    return ok;
+  };
+  const onResetGuestContact = () => {
+    setWelcomeDone(false);
+    resetGuestContact();
+  };
+  const backToTopics = () => {
+    setWelcomeDone(false);
+    setThreadHintExpanded(false);
+  };
+  const canReturnToTopics = welcomeDone && !showUnavailable;
+  const welcomeArgs = {
+    widgetConfig,
+    welcomeMessage: headerTagline,
+    title: headerTitle,
+    locale,
+    labels: t,
+    brandBtnClass: brandBtn,
+    brandStyle,
+    topics,
+    selectedTopicId,
+    setSelectedTopicId,
+    needsGuestFields,
+    isAuthenticated,
+    guestEmail,
+    setGuestEmail,
+    guestName,
+    setGuestName,
+    error,
+    confirmGuestContact: enterFromWelcome
+  };
+  const rootClass = [
+    mailooChatLauncherRootClassNames(position),
+    className ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: rootClass,
+      "data-clarity-mask": "true",
+      style: {
+        ...brandStyle,
+        ...zIndex != null ? { zIndex } : {}
+      },
+      children: [
+        open && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            className: `mailoo-chat-panel ${panelClassName ?? ""}`,
+            style: brandStyle,
+            children: [
+              showDefaultHeader && (renderHeader ? renderHeader({
+                welcomeMessage: headerTagline,
+                title: headerTitle
+              }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-start gap-1 border-b border-gray-200 px-2 py-2 dark:border-gray-700", children: [
+                canReturnToTopics ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: backToTopics,
+                    className: "mt-0.5 shrink-0 rounded p-1 text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-100",
+                    "aria-label": t.backToTopics,
+                    title: t.backToTopics,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_outline.ChevronLeftIcon, { className: "h-5 w-5", "aria-hidden": true })
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "min-w-0 flex-1 px-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: headerTitle }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: headerTagline })
+                ] })
+              ] })),
+              !isAuthenticated && !guestProfileHydrated && !showUnavailable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "border-b border-gray-200 p-3 text-sm text-gray-500 dark:border-gray-700 dark:text-gray-400", children: t.loadingProfile }),
+              showUnavailable && unavailableArgs ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+                messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "min-h-0 max-h-[40%] space-y-2 overflow-y-auto border-b border-gray-200 p-3 text-sm dark:border-gray-700", children: messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    className: m.messageType === "OUTBOUND" ? "mailoo-chat-bubble--outbound ml-6 rounded-md p-2" : "mailoo-chat-bubble--inbound mr-6 rounded-md p-2",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "whitespace-pre-wrap text-gray-900 dark:text-gray-100", children: m.content })
+                  },
+                  m.id
+                )) }) : null,
+                renderUnavailable ? renderUnavailable(unavailableArgs) : MailooChatUnavailablePanel(unavailableArgs)
+              ] }) : null,
+              showWelcomeSkin && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: renderWelcome(welcomeArgs) }),
+              showBuiltinEntry && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-3 border-b border-gray-200 p-3 text-sm dark:border-gray-700", children: [
+                topics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-wrap gap-2", children: topics.map(
+                  (topic) => topic.action === "external_url" && topic.externalUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "a",
+                    {
+                      href: topic.externalUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: `px-2 py-1 text-xs font-medium ${brandBtn}`,
+                      children: topic.label
+                    },
+                    topic.id
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setSelectedTopicId(
+                        (prev) => prev === topic.id ? null : topic.id
+                      ),
+                      className: `px-2 py-1 text-xs font-medium ${selectedTopicId === topic.id ? brandBtn : "rounded border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-200"}`,
+                      children: topic.label
+                    },
+                    topic.id
+                  )
+                ) }),
+                needsGuestFields && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-gray-700 dark:text-gray-300", children: t.intro }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "label",
+                      {
+                        htmlFor: "mailoo-chat-guest-email",
+                        className: "mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400",
+                        children: t.emailLabel
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "input",
+                      {
+                        id: "mailoo-chat-guest-email",
+                        type: "email",
+                        autoComplete: "email",
+                        value: guestEmail,
+                        onChange: (e) => setGuestEmail(e.target.value),
+                        placeholder: t.emailPlaceholder,
+                        className: "w-full rounded border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-800"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "label",
+                      {
+                        htmlFor: "mailoo-chat-guest-name",
+                        className: "mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400",
+                        children: t.nameLabel
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "input",
+                      {
+                        id: "mailoo-chat-guest-name",
+                        type: "text",
+                        autoComplete: "name",
+                        value: guestName,
+                        onChange: (e) => setGuestName(e.target.value),
+                        placeholder: t.namePlaceholder,
+                        className: "w-full rounded border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-800"
+                      }
+                    )
+                  ] }),
+                  error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-red-600 dark:text-red-400", children: error })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => enterFromWelcome(t.emailInvalid),
+                    className: `w-full py-2 text-sm font-medium ${brandBtn}`,
+                    children: t.continueCta
+                  }
+                )
+              ] }),
+              showComposer && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                !isAuthenticated && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex shrink-0 items-center justify-between gap-2 border-b border-gray-100 px-3 py-1.5 text-[11px] text-gray-500 dark:border-gray-800 dark:text-gray-400", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "truncate", children: guestEmail }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onResetGuestContact(),
+                        className: "shrink-0 text-[var(--mailoo-chat-brand,#2563eb)] hover:underline",
+                        children: t.changeContact
+                      }
+                    )
+                  ] }),
+                  threadHintExpanded && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "shrink-0 border-b border-gray-100 px-3 py-2 dark:border-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-start gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "min-w-0 flex-1 text-[11px] leading-snug text-gray-500 dark:text-gray-400", children: t.threadHint }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setThreadHintExpanded(false),
+                        className: "shrink-0 rounded p-0.5 text-gray-400 hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300",
+                        "aria-label": t.threadHintCollapse,
+                        title: t.threadHintCollapse,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_outline.ChevronUpIcon, { className: "h-4 w-4", "aria-hidden": true })
+                      }
+                    )
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative min-h-0 w-full min-w-0 flex-1", children: [
+                  !isAuthenticated && !threadHintExpanded && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setThreadHintExpanded(true),
+                      className: "absolute right-3 top-2 z-20 rounded-full bg-white/95 p-1 shadow-md ring-1 ring-gray-200/80 hover:bg-gray-50 dark:bg-gray-800/95 dark:ring-gray-600 dark:hover:bg-gray-700",
+                      "aria-expanded": false,
+                      "aria-label": t.threadHintIconLabel,
+                      title: t.threadHintIconLabel,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_outline.InformationCircleIcon,
+                        {
+                          className: "h-5 w-5 text-gray-600 dark:text-gray-300",
+                          "aria-hidden": true
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    "div",
+                    {
+                      ref: messagesScrollRef,
+                      onScroll: onMessagesScroll,
+                      className: `h-full min-h-0 space-y-2 overflow-y-auto p-3 text-sm ${!isAuthenticated && !threadHintExpanded ? "pr-12 pt-2" : ""}`,
+                      children: [
+                        messages.length === 0 && (renderEmpty ? renderEmpty({ isAuthenticated }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-gray-500 dark:text-gray-400", children: isAuthenticated ? t.emptyThreadAuthenticated : t.emptyThreadGuest })),
+                        messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          "div",
+                          {
+                            className: m.messageType === "OUTBOUND" ? "mailoo-chat-bubble--outbound ml-6 rounded-md p-2" : "mailoo-chat-bubble--inbound mr-6 rounded-md p-2",
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "whitespace-pre-wrap text-gray-900 dark:text-gray-100", children: m.content }),
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mt-1 text-[10px] text-gray-400", children: new Date(m.createdAt).toLocaleString() })
+                            ]
+                          },
+                          m.id
+                        ))
+                      ]
+                    }
+                  )
+                ] }),
+                error && guestContactOk && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "px-3 text-xs text-red-600 dark:text-red-400", children: error }),
+                widgetConfig?.privacyPolicyUrl && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "px-3 pb-1 text-[10px] text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "a",
+                  {
+                    href: widgetConfig.privacyPolicyUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "underline hover:text-gray-700 dark:hover:text-gray-300",
+                    children: "Privacy"
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex shrink-0 gap-2 border-t border-gray-200 p-2 dark:border-gray-700", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "input",
+                    {
+                      type: "text",
+                      value: input,
+                      onChange: (e) => setInput(e.target.value),
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") void send();
+                      },
+                      placeholder: t.composerPlaceholder,
+                      className: "min-w-0 flex-1 rounded border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-800"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => void send(),
+                      disabled: sending,
+                      className: `px-3 py-1.5 text-sm font-medium disabled:opacity-50 ${brandBtn}`,
+                      children: t.send
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ),
+        renderLauncher ? renderLauncher({ open, toggle }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: toggle,
+            className: `mailoo-chat-launcher ${launcherClassName ?? ""}`,
+            "aria-label": open ? t.launcherClose : launcherLabel ?? t.launcherOpen,
+            children: [
+              open ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_outline.XMarkIcon, { className: "mailoo-chat-launcher__icon", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_outline.ChatBubbleLeftRightIcon,
+                {
+                  className: "mailoo-chat-launcher__icon",
+                  "aria-hidden": true
+                }
+              ),
+              !open && anyOperatorOnline ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mailoo-chat-launcher__online", "aria-hidden": true }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/mailoo-site-chat-shell.tsx
+var import_react6 = require("react");
+
+// src/welcome-presets/shared.tsx
+var import_react4 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function operatorInitials(name) {
+  const base = (name ?? "?").trim();
+  const parts = base.split(/\s+/).filter(Boolean);
+  if (parts.length >= 2) {
+    return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
+  }
+  return base.slice(0, 2).toUpperCase();
+}
+function GuestContactFields({
+  args,
+  compact = false
+}) {
+  const id = (0, import_react4.useId)();
+  const emailId = `${id}-guest-email`;
+  const nameId = `${id}-guest-name`;
+  const {
+    labels,
+    guestEmail,
+    setGuestEmail,
+    guestName,
+    setGuestName,
+    error,
+    needsGuestFields
+  } = args;
+  if (!needsGuestFields) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: compact ? "space-y-2" : "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "label",
+        {
+          htmlFor: emailId,
+          className: "mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400",
+          children: labels.emailLabel
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          id: emailId,
+          type: "email",
+          autoComplete: "email",
+          value: guestEmail,
+          onChange: (e) => setGuestEmail(e.target.value),
+          placeholder: labels.emailPlaceholder,
+          className: "w-full rounded border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-800"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "label",
+        {
+          htmlFor: nameId,
+          className: "mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400",
+          children: labels.nameLabel
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          id: nameId,
+          type: "text",
+          autoComplete: "name",
+          value: guestName,
+          onChange: (e) => setGuestName(e.target.value),
+          placeholder: labels.namePlaceholder,
+          className: "w-full rounded border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-800"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-red-600 dark:text-red-400", children: error })
+  ] });
+}
+function PrivacyFooter({
+  privacyPolicyUrl,
+  className = ""
+}) {
+  if (!privacyPolicyUrl) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "p",
+    {
+      className: `text-center text-[10px] leading-snug text-gray-500 dark:text-gray-400 ${className}`,
+      children: [
+        "By continuing, you agree to our",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "a",
+          {
+            href: privacyPolicyUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "underline hover:text-gray-700 dark:hover:text-gray-300",
+            children: "privacy policy"
+          }
+        ),
+        "."
+      ]
+    }
+  );
+}
+
+// src/welcome-presets/assistant.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AssistantWelcomePreset(args) {
+  const {
+    widgetConfig,
+    title,
+    welcomeMessage,
+    brandBtnClass,
+    brandStyle,
+    topics,
+    selectedTopicId,
+    setSelectedTopicId,
+    labels,
+    needsGuestFields,
+    confirmGuestContact
+  } = args;
+  const personaName = widgetConfig?.welcomeTitle?.trim() || title;
+  const heroLine = widgetConfig?.welcomeTagline?.trim() || welcomeMessage;
+  const headerBg = "bg-[var(--mailoo-chat-brand,#5b21b6)] text-[var(--mailoo-chat-brand-on,#ffffff)]";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+      style: brandStyle,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `shrink-0 px-4 pb-3 pt-5 ${headerBg}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mb-3 flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-white/20 text-lg font-bold", children: personaName.slice(0, 1).toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs uppercase tracking-wide opacity-80", children: "Assistant" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "text-base font-semibold", children: personaName })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rounded-2xl rounded-tl-sm bg-white/15 px-3 py-2.5 text-sm leading-relaxed", children: heroLine })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto bg-white px-4 py-4 text-gray-900 dark:bg-gray-950 dark:text-gray-100", children: [
+          topics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mb-4 flex flex-wrap gap-2", children: topics.map(
+            (topic) => topic.action === "external_url" && topic.externalUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "a",
+              {
+                href: topic.externalUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: `rounded-full px-4 py-2 text-xs font-semibold ${brandBtnClass}`,
+                children: topic.label
+              },
+              topic.id
+            ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setSelectedTopicId(
+                  selectedTopicId === topic.id ? null : topic.id
+                ),
+                className: `rounded-full px-4 py-2 text-xs font-semibold ${selectedTopicId === topic.id ? brandBtnClass : "border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-200"}`,
+                children: topic.label
+              },
+              topic.id
+            )
+          ) }),
+          needsGuestFields && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mb-3 text-sm text-gray-600 dark:text-gray-300", children: labels.intro }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GuestContactFields, { args, compact: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => confirmGuestContact(labels.emailInvalid),
+              className: `mt-4 w-full py-2.5 text-sm font-semibold ${brandBtnClass}`,
+              children: labels.continueCta
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            PrivacyFooter,
+            {
+              privacyPolicyUrl: widgetConfig?.privacyPolicyUrl,
+              className: "mt-4 text-gray-500 dark:text-gray-400"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/welcome-presets/team.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function TeamWelcomePreset(args) {
+  const {
+    widgetConfig,
+    title,
+    welcomeMessage,
+    brandBtnClass,
+    brandStyle,
+    topics,
+    selectedTopicId,
+    setSelectedTopicId,
+    labels,
+    needsGuestFields,
+    confirmGuestContact
+  } = args;
+  const operators = widgetConfig?.operators ?? [];
+  const headerBg = "bg-[var(--mailoo-chat-brand,#5b21b6)] text-[var(--mailoo-chat-brand-on,#ffffff)]";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+      style: brandStyle,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `shrink-0 px-4 pb-4 pt-5 ${headerBg}`, children: [
+          operators.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mb-3 flex -space-x-2", children: operators.slice(0, 5).map((op) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
+            op.image ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "img",
+              {
+                src: op.image,
+                alt: "",
+                className: "h-9 w-9 rounded-full border-2 border-white/30 object-cover"
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-full border-2 border-white/30 bg-white/20 text-xs font-semibold", children: operatorInitials(op.name) }),
+            op.online && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "span",
+              {
+                className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-[var(--mailoo-chat-brand,#5b21b6)] bg-emerald-400",
+                "aria-hidden": true
+              }
+            )
+          ] }, op.userId)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-lg font-semibold leading-tight", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 text-sm opacity-90", children: welcomeMessage })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto bg-white p-4 dark:bg-gray-900", children: [
+          topics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mb-4 grid grid-cols-2 gap-2", children: topics.map(
+            (topic) => topic.action === "external_url" && topic.externalUrl ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "a",
+              {
+                href: topic.externalUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "rounded-lg border border-gray-200 px-3 py-2.5 text-center text-xs font-medium text-gray-800 hover:border-[var(--mailoo-chat-brand,#5b21b6)] dark:border-gray-600 dark:text-gray-100",
+                children: topic.label
+              },
+              topic.id
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setSelectedTopicId(
+                  selectedTopicId === topic.id ? null : topic.id
+                ),
+                className: `rounded-lg border px-3 py-2.5 text-center text-xs font-medium ${selectedTopicId === topic.id ? `${brandBtnClass} border-transparent` : "border-gray-200 text-gray-800 hover:border-[var(--mailoo-chat-brand,#5b21b6)] dark:border-gray-600 dark:text-gray-100"}`,
+                children: topic.label
+              },
+              topic.id
+            )
+          ) }),
+          needsGuestFields && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mb-3 text-sm text-gray-600 dark:text-gray-300", children: labels.intro }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GuestContactFields, { args, compact: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => confirmGuestContact(labels.emailInvalid),
+              className: `mt-4 w-full py-2.5 text-sm font-semibold ${brandBtnClass}`,
+              children: labels.continueCta
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            PrivacyFooter,
+            {
+              privacyPolicyUrl: widgetConfig?.privacyPolicyUrl,
+              className: "mt-4"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/welcome-presets/preset-context.tsx
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var MailooChatWelcomePresetContext = (0, import_react5.createContext)(null);
+function useOptionalMailooChatWelcomePreset() {
+  return (0, import_react5.useContext)(MailooChatWelcomePresetContext);
+}
+
+// src/welcome-presets/preset-switcher.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// src/welcome-presets/index.ts
+function renderMailooChatWelcomePreset(preset, args) {
+  if (preset === "team") return TeamWelcomePreset(args);
+  if (preset === "assistant") return AssistantWelcomePreset(args);
+  return null;
+}
+function createMailooChatWelcomePresetRenderer(preset) {
+  if (preset === "builtin") return void 0;
+  return (args) => renderMailooChatWelcomePreset(preset, args);
+}
+function mailooChatWelcomePresetPanelClassName(preset) {
+  if (preset === "team" || preset === "assistant") {
+    return "border-0 shadow-2xl";
+  }
+  return void 0;
+}
+
+// src/components/mailoo-site-chat-shell.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var MAILOO_SITE_CHAT_OPEN_EVENT = "mailoo-site-chat:open";
+function MailooSiteChatShell({
+  chat,
+  unavailableAction,
+  renderUnavailable,
+  onError,
+  onFault
+}) {
+  const welcomePreset = useOptionalMailooChatWelcomePreset();
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const openChat = (0, import_react6.useCallback)(() => setOpen(true), []);
+  (0, import_react6.useEffect)(() => {
+    const onOpen = () => openChat();
+    window.addEventListener(MAILOO_SITE_CHAT_OPEN_EVENT, onOpen);
+    return () => {
+      window.removeEventListener(MAILOO_SITE_CHAT_OPEN_EVENT, onOpen);
+    };
+  }, [openChat]);
+  const renderWelcome = (0, import_react6.useMemo)(
+    () => welcomePreset ? createMailooChatWelcomePresetRenderer(welcomePreset.preset) : void 0,
+    [welcomePreset]
+  );
+  const panelClassName = welcomePreset ? mailooChatWelcomePresetPanelClassName(welcomePreset.preset) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    MailooSiteChatWidget,
+    {
+      apiOrigin: chat.apiOrigin,
+      projectUid: chat.projectUid,
+      integrationId: chat.integrationId,
+      welcomeMessage: chat.welcomeMessage,
+      locale: chat.locale,
+      isAuthenticated: chat.isAuthenticated,
+      widgetConfig: chat.widgetConfig,
+      open,
+      onOpenChange: setOpen,
+      renderWelcome,
+      panelClassName,
+      unavailableAction,
+      renderUnavailable,
+      onError,
+      onFault
+    }
+  );
+}
+function openMailooSiteChat() {
+  window.dispatchEvent(new Event(MAILOO_SITE_CHAT_OPEN_EVENT));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MAILOO_SITE_CHAT_OPEN_EVENT,
+  MailooChatUnavailablePanel,
+  MailooSiteChatShell,
+  MailooSiteChatWidget,
+  openMailooSiteChat
+});
+//# sourceMappingURL=index.cjs.map