@mailoo/chat 0.0.0-stage → 1.32.2

package/dist/client/index.js

@@ -0,0 +1,597 @@
+"use client";
+import {
+  chatWidgetCssVariables,
+  mailooChatLauncherRootClassNames,
+  resolveMailooChatLauncherPosition
+} from "../chunk-77E6HUHY.js";
+import {
+  defaultChatUiLabels,
+  useMailooChatSession
+} from "../chunk-QZ7HWQDO.js";
+import {
+  createMailooChatWelcomePresetRenderer,
+  mailooChatWelcomePresetPanelClassName,
+  useOptionalMailooChatWelcomePreset
+} from "../chunk-AU6EFFLV.js";
+import "../chunk-4TNHJERE.js";
+
+// src/components/mailoo-site-chat-widget.tsx
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import {
+  ChatBubbleLeftRightIcon,
+  ChevronLeftIcon,
+  ChevronUpIcon,
+  InformationCircleIcon,
+  XMarkIcon
+} from "@heroicons/react/24/outline";
+
+// src/components/mailoo-chat-unavailable-panel.tsx
+import { jsx, jsxs } from "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__ */ jsxs(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col justify-center gap-3 p-4 text-sm",
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs leading-snug text-gray-600 dark:text-gray-300", children: body })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: retry,
+              className: `w-full py-2 text-sm font-medium ${brandBtnClass}`,
+              children: labels.retryCta
+            }
+          ),
+          unavailableAction ? /* @__PURE__ */ 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
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "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] = useState(defaultOpen);
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = (next) => {
+    onOpenChange?.(next);
+    if (!isControlled) setUncontrolledOpen(next);
+  };
+  const [input, setInput] = useState("");
+  const [threadHintExpanded, setThreadHintExpanded] = useState(false);
+  const [selectedTopicId, setSelectedTopicId] = useState(null);
+  const [welcomeDone, setWelcomeDone] = useState(false);
+  const messagesScrollRef = useRef(null);
+  const stickToBottomRef = 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 = useCallback(() => {
+    const el = messagesScrollRef.current;
+    if (!el) return;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    stickToBottomRef.current = distanceFromBottom <= SCROLL_NEAR_BOTTOM_PX;
+  }, []);
+  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__ */ jsxs2(
+    "div",
+    {
+      className: rootClass,
+      "data-clarity-mask": "true",
+      style: {
+        ...brandStyle,
+        ...zIndex != null ? { zIndex } : {}
+      },
+      children: [
+        open && /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: `mailoo-chat-panel ${panelClassName ?? ""}`,
+            style: brandStyle,
+            children: [
+              showDefaultHeader && (renderHeader ? renderHeader({
+                welcomeMessage: headerTagline,
+                title: headerTitle
+              }) : /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-1 border-b border-gray-200 px-2 py-2 dark:border-gray-700", children: [
+                canReturnToTopics ? /* @__PURE__ */ jsx2(
+                  "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__ */ jsx2(ChevronLeftIcon, { className: "h-5 w-5", "aria-hidden": true })
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1 px-1", children: [
+                  /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: headerTitle }),
+                  /* @__PURE__ */ jsx2("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: headerTagline })
+                ] })
+              ] })),
+              !isAuthenticated && !guestProfileHydrated && !showUnavailable && /* @__PURE__ */ jsx2("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__ */ jsxs2("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+                messages.length > 0 ? /* @__PURE__ */ jsx2("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__ */ jsx2(
+                  "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__ */ jsx2("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__ */ jsx2("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: renderWelcome(welcomeArgs) }),
+              showBuiltinEntry && /* @__PURE__ */ jsxs2("div", { className: "space-y-3 border-b border-gray-200 p-3 text-sm dark:border-gray-700", children: [
+                topics.length > 0 && /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-2", children: topics.map(
+                  (topic) => topic.action === "external_url" && topic.externalUrl ? /* @__PURE__ */ jsx2(
+                    "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__ */ jsx2(
+                    "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__ */ jsxs2(Fragment, { children: [
+                  /* @__PURE__ */ jsx2("p", { className: "text-gray-700 dark:text-gray-300", children: t.intro }),
+                  /* @__PURE__ */ jsxs2("div", { children: [
+                    /* @__PURE__ */ jsx2(
+                      "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__ */ jsx2(
+                      "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__ */ jsxs2("div", { children: [
+                    /* @__PURE__ */ jsx2(
+                      "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__ */ jsx2(
+                      "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__ */ jsx2("p", { className: "text-xs text-red-600 dark:text-red-400", children: error })
+                ] }),
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => enterFromWelcome(t.emailInvalid),
+                    className: `w-full py-2 text-sm font-medium ${brandBtn}`,
+                    children: t.continueCta
+                  }
+                )
+              ] }),
+              showComposer && /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                !isAuthenticated && /* @__PURE__ */ jsxs2(Fragment, { children: [
+                  /* @__PURE__ */ jsxs2("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__ */ jsx2("span", { className: "truncate", children: guestEmail }),
+                    /* @__PURE__ */ jsx2(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onResetGuestContact(),
+                        className: "shrink-0 text-[var(--mailoo-chat-brand,#2563eb)] hover:underline",
+                        children: t.changeContact
+                      }
+                    )
+                  ] }),
+                  threadHintExpanded && /* @__PURE__ */ jsx2("div", { className: "shrink-0 border-b border-gray-100 px-3 py-2 dark:border-gray-800", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-2", children: [
+                    /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 text-[11px] leading-snug text-gray-500 dark:text-gray-400", children: t.threadHint }),
+                    /* @__PURE__ */ jsx2(
+                      "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__ */ jsx2(ChevronUpIcon, { className: "h-4 w-4", "aria-hidden": true })
+                      }
+                    )
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsxs2("div", { className: "relative min-h-0 w-full min-w-0 flex-1", children: [
+                  !isAuthenticated && !threadHintExpanded && /* @__PURE__ */ jsx2(
+                    "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__ */ jsx2(
+                        InformationCircleIcon,
+                        {
+                          className: "h-5 w-5 text-gray-600 dark:text-gray-300",
+                          "aria-hidden": true
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs2(
+                    "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__ */ jsx2("p", { className: "text-gray-500 dark:text-gray-400", children: isAuthenticated ? t.emptyThreadAuthenticated : t.emptyThreadGuest })),
+                        messages.map((m) => /* @__PURE__ */ jsxs2(
+                          "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__ */ jsx2("p", { className: "whitespace-pre-wrap text-gray-900 dark:text-gray-100", children: m.content }),
+                              /* @__PURE__ */ jsx2("p", { className: "mt-1 text-[10px] text-gray-400", children: new Date(m.createdAt).toLocaleString() })
+                            ]
+                          },
+                          m.id
+                        ))
+                      ]
+                    }
+                  )
+                ] }),
+                error && guestContactOk && /* @__PURE__ */ jsx2("p", { className: "px-3 text-xs text-red-600 dark:text-red-400", children: error }),
+                widgetConfig?.privacyPolicyUrl && /* @__PURE__ */ jsx2("p", { className: "px-3 pb-1 text-[10px] text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx2(
+                  "a",
+                  {
+                    href: widgetConfig.privacyPolicyUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "underline hover:text-gray-700 dark:hover:text-gray-300",
+                    children: "Privacy"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 gap-2 border-t border-gray-200 p-2 dark:border-gray-700", children: [
+                  /* @__PURE__ */ jsx2(
+                    "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__ */ jsx2(
+                    "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__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            onClick: toggle,
+            className: `mailoo-chat-launcher ${launcherClassName ?? ""}`,
+            "aria-label": open ? t.launcherClose : launcherLabel ?? t.launcherOpen,
+            children: [
+              open ? /* @__PURE__ */ jsx2(XMarkIcon, { className: "mailoo-chat-launcher__icon", "aria-hidden": true }) : /* @__PURE__ */ jsx2(
+                ChatBubbleLeftRightIcon,
+                {
+                  className: "mailoo-chat-launcher__icon",
+                  "aria-hidden": true
+                }
+              ),
+              !open && anyOperatorOnline ? /* @__PURE__ */ jsx2("span", { className: "mailoo-chat-launcher__online", "aria-hidden": true }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/mailoo-site-chat-shell.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { jsx as jsx3 } from "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] = useState2(false);
+  const openChat = useCallback2(() => setOpen(true), []);
+  useEffect2(() => {
+    const onOpen = () => openChat();
+    window.addEventListener(MAILOO_SITE_CHAT_OPEN_EVENT, onOpen);
+    return () => {
+      window.removeEventListener(MAILOO_SITE_CHAT_OPEN_EVENT, onOpen);
+    };
+  }, [openChat]);
+  const renderWelcome = useMemo(
+    () => welcomePreset ? createMailooChatWelcomePresetRenderer(welcomePreset.preset) : void 0,
+    [welcomePreset]
+  );
+  const panelClassName = welcomePreset ? mailooChatWelcomePresetPanelClassName(welcomePreset.preset) : void 0;
+  return /* @__PURE__ */ jsx3(
+    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));
+}
+export {
+  MAILOO_SITE_CHAT_OPEN_EVENT,
+  MailooChatUnavailablePanel,
+  MailooSiteChatShell,
+  MailooSiteChatWidget,
+  openMailooSiteChat
+};
+//# sourceMappingURL=index.js.map