@mailoo/chat 0.0.0-stage → 1.32.2

package/dist/chunk-AU6EFFLV.js

@@ -0,0 +1,431 @@
+import {
+  normalizeLegacyWelcomePresetId
+} from "./chunk-4TNHJERE.js";
+
+// src/welcome-presets/shared.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "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 = 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__ */ jsxs("div", { className: compact ? "space-y-2" : "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: emailId,
+          className: "mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400",
+          children: labels.emailLabel
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: nameId,
+          className: "mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400",
+          children: labels.nameLabel
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error })
+  ] });
+}
+function PrivacyFooter({
+  privacyPolicyUrl,
+  className = ""
+}) {
+  if (!privacyPolicyUrl) return null;
+  return /* @__PURE__ */ 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__ */ 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
+import { jsx as jsx2, jsxs as jsxs2 } from "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__ */ jsxs2(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+      style: brandStyle,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: `shrink-0 px-4 pb-3 pt-5 ${headerBg}`, children: [
+          /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx2("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__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsx2("p", { className: "text-xs uppercase tracking-wide opacity-80", children: "Assistant" }),
+              /* @__PURE__ */ jsx2("h2", { className: "text-base font-semibold", children: personaName })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2("div", { className: "rounded-2xl rounded-tl-sm bg-white/15 px-3 py-2.5 text-sm leading-relaxed", children: heroLine })
+        ] }),
+        /* @__PURE__ */ jsxs2("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__ */ jsx2("div", { className: "mb-4 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: `rounded-full px-4 py-2 text-xs font-semibold ${brandBtnClass}`,
+                children: topic.label
+              },
+              topic.id
+            ) : /* @__PURE__ */ jsx2(
+              "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__ */ jsx2("p", { className: "mb-3 text-sm text-gray-600 dark:text-gray-300", children: labels.intro }),
+          /* @__PURE__ */ jsx2(GuestContactFields, { args, compact: true }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onClick: () => confirmGuestContact(labels.emailInvalid),
+              className: `mt-4 w-full py-2.5 text-sm font-semibold ${brandBtnClass}`,
+              children: labels.continueCta
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            PrivacyFooter,
+            {
+              privacyPolicyUrl: widgetConfig?.privacyPolicyUrl,
+              className: "mt-4 text-gray-500 dark:text-gray-400"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/welcome-presets/team.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "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__ */ jsxs3(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+      style: brandStyle,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: `shrink-0 px-4 pb-4 pt-5 ${headerBg}`, children: [
+          operators.length > 0 && /* @__PURE__ */ jsx3("div", { className: "mb-3 flex -space-x-2", children: operators.slice(0, 5).map((op) => /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+            op.image ? /* @__PURE__ */ jsx3(
+              "img",
+              {
+                src: op.image,
+                alt: "",
+                className: "h-9 w-9 rounded-full border-2 border-white/30 object-cover"
+              }
+            ) : /* @__PURE__ */ jsx3("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__ */ jsx3(
+              "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__ */ jsx3("h2", { className: "text-lg font-semibold leading-tight", children: title }),
+          /* @__PURE__ */ jsx3("p", { className: "mt-1 text-sm opacity-90", children: welcomeMessage })
+        ] }),
+        /* @__PURE__ */ jsxs3("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__ */ jsx3("div", { className: "mb-4 grid grid-cols-2 gap-2", children: topics.map(
+            (topic) => topic.action === "external_url" && topic.externalUrl ? /* @__PURE__ */ jsx3(
+              "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__ */ jsx3(
+              "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__ */ jsx3("p", { className: "mb-3 text-sm text-gray-600 dark:text-gray-300", children: labels.intro }),
+          /* @__PURE__ */ jsx3(GuestContactFields, { args, compact: true }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: () => confirmGuestContact(labels.emailInvalid),
+              className: `mt-4 w-full py-2.5 text-sm font-semibold ${brandBtnClass}`,
+              children: labels.continueCta
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            PrivacyFooter,
+            {
+              privacyPolicyUrl: widgetConfig?.privacyPolicyUrl,
+              className: "mt-4"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/welcome-presets/preset-context.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var DEFAULT_STORAGE_KEY = "mailoo-chat-welcome-preset";
+var MailooChatWelcomePresetContext = createContext(null);
+function MailooChatWelcomePresetProvider({
+  children,
+  defaultPreset = "builtin",
+  storageKey = DEFAULT_STORAGE_KEY
+}) {
+  const [preset, setPresetState] = useState(defaultPreset);
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (!stored) return;
+      const normalized = normalizeLegacyWelcomePresetId(stored);
+      if (normalized) {
+        setPresetState(normalized);
+      }
+    } catch {
+    }
+  }, [storageKey]);
+  const setPreset = useCallback(
+    (next) => {
+      setPresetState(next);
+      try {
+        localStorage.setItem(storageKey, next);
+      } catch {
+      }
+    },
+    [storageKey]
+  );
+  const value = useMemo(() => ({ preset, setPreset }), [preset, setPreset]);
+  return /* @__PURE__ */ jsx4(MailooChatWelcomePresetContext.Provider, { value, children });
+}
+function useMailooChatWelcomePreset() {
+  const ctx = useContext(MailooChatWelcomePresetContext);
+  if (!ctx) {
+    throw new Error(
+      "useMailooChatWelcomePreset must be used within MailooChatWelcomePresetProvider"
+    );
+  }
+  return ctx;
+}
+function useOptionalMailooChatWelcomePreset() {
+  return useContext(MailooChatWelcomePresetContext);
+}
+
+// src/welcome-presets/preset-options.ts
+var MAILOO_CHAT_WELCOME_PRESET_OPTIONS = [
+  {
+    id: "builtin",
+    label: "Built-in",
+    description: "Default guest gate with panel header, topics, and email form."
+  },
+  {
+    id: "team",
+    label: "Team",
+    description: "Brand header with operator avatars, online indicators, and a topic grid."
+  },
+  {
+    id: "assistant",
+    label: "Assistant",
+    description: "Persona hero, welcome message bubble, and rounded topic chips."
+  }
+];
+
+// src/welcome-presets/preset-switcher.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function MailooChatWelcomePresetSwitcher({
+  title = "Welcome preset",
+  description = "Preview optional welcome layouts via renderWelcome on MailooSiteChatWidget.",
+  className = "",
+  optionClassName
+}) {
+  const { preset, setPreset } = useMailooChatWelcomePreset();
+  const defaultOptionClass = (active) => [
+    "rounded-lg border p-3 text-left transition-colors",
+    active ? "border-blue-600 bg-blue-50 ring-1 ring-blue-600 dark:border-blue-400 dark:bg-blue-950/40 dark:ring-blue-400" : "border-gray-200 hover:border-blue-400/50 dark:border-gray-700"
+  ].join(" ");
+  const resolveOptionClass = optionClassName ?? defaultOptionClass;
+  return /* @__PURE__ */ jsxs4("div", { className, children: [
+    /* @__PURE__ */ jsx5("h2", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: title }),
+    description ? /* @__PURE__ */ jsx5("p", { className: "mt-1 text-sm text-gray-600 dark:text-gray-400", children: description }) : null,
+    /* @__PURE__ */ jsx5("div", { className: "mt-4 grid gap-3 sm:grid-cols-3", children: MAILOO_CHAT_WELCOME_PRESET_OPTIONS.map(
+      (option) => {
+        const active = preset === option.id;
+        return /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            onClick: () => setPreset(option.id),
+            className: resolveOptionClass(active),
+            children: [
+              /* @__PURE__ */ jsx5("span", { className: "block text-sm font-medium text-gray-900 dark:text-white", children: option.label }),
+              /* @__PURE__ */ jsx5("span", { className: "mt-1 block text-xs text-gray-600 dark:text-gray-400", children: option.description })
+            ]
+          },
+          option.id
+        );
+      }
+    ) })
+  ] });
+}
+
+// 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;
+}
+
+export {
+  operatorInitials,
+  GuestContactFields,
+  PrivacyFooter,
+  AssistantWelcomePreset,
+  TeamWelcomePreset,
+  MailooChatWelcomePresetProvider,
+  useMailooChatWelcomePreset,
+  useOptionalMailooChatWelcomePreset,
+  MAILOO_CHAT_WELCOME_PRESET_OPTIONS,
+  MailooChatWelcomePresetSwitcher,
+  renderMailooChatWelcomePreset,
+  createMailooChatWelcomePresetRenderer,
+  mailooChatWelcomePresetPanelClassName
+};
+//# sourceMappingURL=chunk-AU6EFFLV.js.map

package/dist/chunk-AU6EFFLV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/welcome-presets/shared.tsx","../src/welcome-presets/assistant.tsx","../src/welcome-presets/team.tsx","../src/welcome-presets/preset-context.tsx","../src/welcome-presets/preset-options.ts","../src/welcome-presets/preset-switcher.tsx","../src/welcome-presets/index.ts"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\nimport type { MailooChatWelcomeRenderArgs } from '../components/mailoo-site-chat-widget.js'\n\nexport function operatorInitials(name: string | null): string {\n  const base = (name ?? '?').trim()\n  const parts = base.split(/\\s+/).filter(Boolean)\n  if (parts.length >= 2) {\n    return `${parts[0]![0] ?? ''}${parts[1]![0] ?? ''}`.toUpperCase()\n  }\n  return base.slice(0, 2).toUpperCase()\n}\n\nexport function GuestContactFields({\n  args,\n  compact = false,\n}: {\n  args: MailooChatWelcomeRenderArgs\n  compact?: boolean\n}) {\n  const id = useId()\n  const emailId = `${id}-guest-email`\n  const nameId = `${id}-guest-name`\n  const {\n    labels,\n    guestEmail,\n    setGuestEmail,\n    guestName,\n    setGuestName,\n    error,\n    needsGuestFields,\n  } = args\n\n  if (!needsGuestFields) return null\n\n  return (\n    <div className={compact ? 'space-y-2' : 'space-y-3'}>\n      <div>\n        <label\n          htmlFor={emailId}\n          className=\"mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400\"\n        >\n          {labels.emailLabel}\n        </label>\n        <input\n          id={emailId}\n          type=\"email\"\n          autoComplete=\"email\"\n          value={guestEmail}\n          onChange={(e) => setGuestEmail(e.target.value)}\n          placeholder={labels.emailPlaceholder}\n          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\"\n        />\n      </div>\n      <div>\n        <label\n          htmlFor={nameId}\n          className=\"mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400\"\n        >\n          {labels.nameLabel}\n        </label>\n        <input\n          id={nameId}\n          type=\"text\"\n          autoComplete=\"name\"\n          value={guestName}\n          onChange={(e) => setGuestName(e.target.value)}\n          placeholder={labels.namePlaceholder}\n          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\"\n        />\n      </div>\n      {error && (\n        <p className=\"text-xs text-red-600 dark:text-red-400\">{error}</p>\n      )}\n    </div>\n  )\n}\n\nexport function PrivacyFooter({\n  privacyPolicyUrl,\n  className = '',\n}: {\n  privacyPolicyUrl?: string\n  className?: string\n}) {\n  if (!privacyPolicyUrl) return null\n  return (\n    <p\n      className={`text-center text-[10px] leading-snug text-gray-500 dark:text-gray-400 ${className}`}\n    >\n      By continuing, you agree to our{' '}\n      <a\n        href={privacyPolicyUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"underline hover:text-gray-700 dark:hover:text-gray-300\"\n      >\n        privacy policy\n      </a>\n      .\n    </p>\n  )\n}\n","'use client'\n\nimport type { MailooChatWelcomeRenderArgs } from '../components/mailoo-site-chat-widget.js'\nimport { GuestContactFields, PrivacyFooter } from './shared.js'\n\n/** Assistant welcome: persona hero, intro bubble, topic chips. */\nexport function AssistantWelcomePreset(args: MailooChatWelcomeRenderArgs) {\n  const {\n    widgetConfig,\n    title,\n    welcomeMessage,\n    brandBtnClass,\n    brandStyle,\n    topics,\n    selectedTopicId,\n    setSelectedTopicId,\n    labels,\n    needsGuestFields,\n    confirmGuestContact,\n  } = args\n\n  const personaName = widgetConfig?.welcomeTitle?.trim() || title\n  const heroLine = widgetConfig?.welcomeTagline?.trim() || welcomeMessage\n  const headerBg =\n    'bg-[var(--mailoo-chat-brand,#5b21b6)] text-[var(--mailoo-chat-brand-on,#ffffff)]'\n\n  return (\n    <div\n      className=\"flex min-h-0 flex-1 flex-col overflow-hidden\"\n      style={brandStyle}\n    >\n      <div className={`shrink-0 px-4 pb-3 pt-5 ${headerBg}`}>\n        <div className=\"mb-3 flex items-center gap-3\">\n          <span className=\"flex h-12 w-12 items-center justify-center rounded-full bg-white/20 text-lg font-bold\">\n            {personaName.slice(0, 1).toUpperCase()}\n          </span>\n          <div>\n            <p className=\"text-xs uppercase tracking-wide opacity-80\">\n              Assistant\n            </p>\n            <h2 className=\"text-base font-semibold\">{personaName}</h2>\n          </div>\n        </div>\n        <div className=\"rounded-2xl rounded-tl-sm bg-white/15 px-3 py-2.5 text-sm leading-relaxed\">\n          {heroLine}\n        </div>\n      </div>\n\n      <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\">\n        {topics.length > 0 && (\n          <div className=\"mb-4 flex flex-wrap gap-2\">\n            {topics.map((topic) =>\n              topic.action === 'external_url' && topic.externalUrl ? (\n                <a\n                  key={topic.id}\n                  href={topic.externalUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`rounded-full px-4 py-2 text-xs font-semibold ${brandBtnClass}`}\n                >\n                  {topic.label}\n                </a>\n              ) : (\n                <button\n                  key={topic.id}\n                  type=\"button\"\n                  onClick={() =>\n                    setSelectedTopicId(\n                      selectedTopicId === topic.id ? null : topic.id\n                    )\n                  }\n                  className={`rounded-full px-4 py-2 text-xs font-semibold ${\n                    selectedTopicId === topic.id\n                      ? brandBtnClass\n                      : 'border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-200'\n                  }`}\n                >\n                  {topic.label}\n                </button>\n              )\n            )}\n          </div>\n        )}\n\n        {needsGuestFields && (\n          <p className=\"mb-3 text-sm text-gray-600 dark:text-gray-300\">\n            {labels.intro}\n          </p>\n        )}\n        <GuestContactFields args={args} compact />\n\n        <button\n          type=\"button\"\n          onClick={() => confirmGuestContact(labels.emailInvalid)}\n          className={`mt-4 w-full py-2.5 text-sm font-semibold ${brandBtnClass}`}\n        >\n          {labels.continueCta}\n        </button>\n\n        <PrivacyFooter\n          privacyPolicyUrl={widgetConfig?.privacyPolicyUrl}\n          className=\"mt-4 text-gray-500 dark:text-gray-400\"\n        />\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport type { MailooChatWelcomeRenderArgs } from '../components/mailoo-site-chat-widget.js'\nimport {\n  GuestContactFields,\n  operatorInitials,\n  PrivacyFooter,\n} from './shared.js'\n\n/** Team roster welcome: brand header, operator avatars, topic grid, privacy. */\nexport function TeamWelcomePreset(args: MailooChatWelcomeRenderArgs) {\n  const {\n    widgetConfig,\n    title,\n    welcomeMessage,\n    brandBtnClass,\n    brandStyle,\n    topics,\n    selectedTopicId,\n    setSelectedTopicId,\n    labels,\n    needsGuestFields,\n    confirmGuestContact,\n  } = args\n\n  const operators = widgetConfig?.operators ?? []\n  const headerBg =\n    'bg-[var(--mailoo-chat-brand,#5b21b6)] text-[var(--mailoo-chat-brand-on,#ffffff)]'\n\n  return (\n    <div\n      className=\"flex min-h-0 flex-1 flex-col overflow-hidden\"\n      style={brandStyle}\n    >\n      <div className={`shrink-0 px-4 pb-4 pt-5 ${headerBg}`}>\n        {operators.length > 0 && (\n          <div className=\"mb-3 flex -space-x-2\">\n            {operators.slice(0, 5).map((op) => (\n              <div key={op.userId} className=\"relative\">\n                {op.image ? (\n                  <img\n                    src={op.image}\n                    alt=\"\"\n                    className=\"h-9 w-9 rounded-full border-2 border-white/30 object-cover\"\n                  />\n                ) : (\n                  <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\">\n                    {operatorInitials(op.name)}\n                  </span>\n                )}\n                {op.online && (\n                  <span\n                    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\"\n                    aria-hidden\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n        <h2 className=\"text-lg font-semibold leading-tight\">{title}</h2>\n        <p className=\"mt-1 text-sm opacity-90\">{welcomeMessage}</p>\n      </div>\n\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-y-auto bg-white p-4 dark:bg-gray-900\">\n        {topics.length > 0 && (\n          <div className=\"mb-4 grid grid-cols-2 gap-2\">\n            {topics.map((topic) =>\n              topic.action === 'external_url' && topic.externalUrl ? (\n                <a\n                  key={topic.id}\n                  href={topic.externalUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  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\"\n                >\n                  {topic.label}\n                </a>\n              ) : (\n                <button\n                  key={topic.id}\n                  type=\"button\"\n                  onClick={() =>\n                    setSelectedTopicId(\n                      selectedTopicId === topic.id ? null : topic.id\n                    )\n                  }\n                  className={`rounded-lg border px-3 py-2.5 text-center text-xs font-medium ${\n                    selectedTopicId === topic.id\n                      ? `${brandBtnClass} border-transparent`\n                      : 'border-gray-200 text-gray-800 hover:border-[var(--mailoo-chat-brand,#5b21b6)] dark:border-gray-600 dark:text-gray-100'\n                  }`}\n                >\n                  {topic.label}\n                </button>\n              )\n            )}\n          </div>\n        )}\n\n        {needsGuestFields && (\n          <p className=\"mb-3 text-sm text-gray-600 dark:text-gray-300\">\n            {labels.intro}\n          </p>\n        )}\n        <GuestContactFields args={args} compact />\n\n        <button\n          type=\"button\"\n          onClick={() => confirmGuestContact(labels.emailInvalid)}\n          className={`mt-4 w-full py-2.5 text-sm font-semibold ${brandBtnClass}`}\n        >\n          {labels.continueCta}\n        </button>\n\n        <PrivacyFooter\n          privacyPolicyUrl={widgetConfig?.privacyPolicyUrl}\n          className=\"mt-4\"\n        />\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react'\nimport type { MailooChatWelcomePresetId } from './types.js'\nimport { normalizeLegacyWelcomePresetId } from './types.js'\n\nconst DEFAULT_STORAGE_KEY = 'mailoo-chat-welcome-preset'\n\ntype MailooChatWelcomePresetContextValue = {\n  preset: MailooChatWelcomePresetId\n  setPreset: (preset: MailooChatWelcomePresetId) => void\n}\n\nconst MailooChatWelcomePresetContext =\n  createContext<MailooChatWelcomePresetContextValue | null>(null)\n\nexport function MailooChatWelcomePresetProvider({\n  children,\n  defaultPreset = 'builtin',\n  storageKey = DEFAULT_STORAGE_KEY,\n}: {\n  children: ReactNode\n  defaultPreset?: MailooChatWelcomePresetId\n  storageKey?: string\n}) {\n  const [preset, setPresetState] =\n    useState<MailooChatWelcomePresetId>(defaultPreset)\n\n  useEffect(() => {\n    try {\n      const stored = localStorage.getItem(storageKey)\n      if (!stored) return\n      const normalized = normalizeLegacyWelcomePresetId(stored)\n      if (normalized) {\n        setPresetState(normalized)\n      }\n    } catch {\n      /* ignore */\n    }\n  }, [storageKey])\n\n  const setPreset = useCallback(\n    (next: MailooChatWelcomePresetId) => {\n      setPresetState(next)\n      try {\n        localStorage.setItem(storageKey, next)\n      } catch {\n        /* ignore */\n      }\n    },\n    [storageKey]\n  )\n\n  const value = useMemo(() => ({ preset, setPreset }), [preset, setPreset])\n\n  return (\n    <MailooChatWelcomePresetContext.Provider value={value}>\n      {children}\n    </MailooChatWelcomePresetContext.Provider>\n  )\n}\n\nexport function useMailooChatWelcomePreset(): MailooChatWelcomePresetContextValue {\n  const ctx = useContext(MailooChatWelcomePresetContext)\n  if (!ctx) {\n    throw new Error(\n      'useMailooChatWelcomePreset must be used within MailooChatWelcomePresetProvider'\n    )\n  }\n  return ctx\n}\n\n/** Returns null when no {@link MailooChatWelcomePresetProvider} is present. */\nexport function useOptionalMailooChatWelcomePreset(): MailooChatWelcomePresetContextValue | null {\n  return useContext(MailooChatWelcomePresetContext)\n}\n","import type { MailooChatWelcomePresetOption } from './types.js'\n\nexport const MAILOO_CHAT_WELCOME_PRESET_OPTIONS: MailooChatWelcomePresetOption[] =\n  [\n    {\n      id: 'builtin',\n      label: 'Built-in',\n      description:\n        'Default guest gate with panel header, topics, and email form.',\n    },\n    {\n      id: 'team',\n      label: 'Team',\n      description:\n        'Brand header with operator avatars, online indicators, and a topic grid.',\n    },\n    {\n      id: 'assistant',\n      label: 'Assistant',\n      description:\n        'Persona hero, welcome message bubble, and rounded topic chips.',\n    },\n  ]\n","'use client'\n\nimport { MAILOO_CHAT_WELCOME_PRESET_OPTIONS } from './preset-options.js'\nimport { useMailooChatWelcomePreset } from './preset-context.js'\nimport type {\n  MailooChatWelcomePresetId,\n  MailooChatWelcomePresetOption,\n} from './types.js'\n\nexport type MailooChatWelcomePresetSwitcherProps = {\n  title?: string\n  description?: string\n  className?: string\n  optionClassName?: (active: boolean) => string\n}\n\nexport function MailooChatWelcomePresetSwitcher({\n  title = 'Welcome preset',\n  description = 'Preview optional welcome layouts via renderWelcome on MailooSiteChatWidget.',\n  className = '',\n  optionClassName,\n}: MailooChatWelcomePresetSwitcherProps) {\n  const { preset, setPreset } = useMailooChatWelcomePreset()\n\n  const defaultOptionClass = (active: boolean) =>\n    [\n      'rounded-lg border p-3 text-left transition-colors',\n      active\n        ? 'border-blue-600 bg-blue-50 ring-1 ring-blue-600 dark:border-blue-400 dark:bg-blue-950/40 dark:ring-blue-400'\n        : 'border-gray-200 hover:border-blue-400/50 dark:border-gray-700',\n    ].join(' ')\n\n  const resolveOptionClass = optionClassName ?? defaultOptionClass\n\n  return (\n    <div className={className}>\n      <h2 className=\"text-sm font-semibold text-gray-900 dark:text-white\">\n        {title}\n      </h2>\n      {description ? (\n        <p className=\"mt-1 text-sm text-gray-600 dark:text-gray-400\">\n          {description}\n        </p>\n      ) : null}\n      <div className=\"mt-4 grid gap-3 sm:grid-cols-3\">\n        {MAILOO_CHAT_WELCOME_PRESET_OPTIONS.map(\n          (option: MailooChatWelcomePresetOption) => {\n          const active = preset === option.id\n          return (\n            <button\n              key={option.id}\n              type=\"button\"\n              onClick={() => setPreset(option.id as MailooChatWelcomePresetId)}\n              className={resolveOptionClass(active)}\n            >\n              <span className=\"block text-sm font-medium text-gray-900 dark:text-white\">\n                {option.label}\n              </span>\n              <span className=\"mt-1 block text-xs text-gray-600 dark:text-gray-400\">\n                {option.description}\n              </span>\n            </button>\n          )\n        }\n        )}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport type { ReactNode } from 'react'\nimport type { MailooChatWelcomeRenderArgs } from '../components/mailoo-site-chat-widget.js'\nimport { AssistantWelcomePreset } from './assistant.js'\nimport { TeamWelcomePreset } from './team.js'\nimport {\n  parseMailooChatWelcomePreset,\n  type MailooChatWelcomePresetId,\n  type MailooChatWelcomePresetOption,\n} from './types.js'\nimport { MAILOO_CHAT_WELCOME_PRESET_OPTIONS } from './preset-options.js'\n\nexport {\n  MailooChatWelcomePresetProvider,\n  useMailooChatWelcomePreset,\n  useOptionalMailooChatWelcomePreset,\n} from './preset-context.js'\nexport { AssistantWelcomePreset } from './assistant.js'\nexport { TeamWelcomePreset } from './team.js'\nexport {\n  GuestContactFields,\n  operatorInitials,\n  PrivacyFooter,\n} from './shared.js'\nexport {\n  normalizeLegacyWelcomePresetId,\n  parseMailooChatWelcomePreset,\n  type MailooChatWelcomePresetId,\n  type MailooChatWelcomePresetOption,\n} from './types.js'\nexport { MAILOO_CHAT_WELCOME_PRESET_OPTIONS } from './preset-options.js'\n\nexport function renderMailooChatWelcomePreset(\n  preset: MailooChatWelcomePresetId,\n  args: MailooChatWelcomeRenderArgs\n): ReactNode {\n  if (preset === 'team') return TeamWelcomePreset(args)\n  if (preset === 'assistant') return AssistantWelcomePreset(args)\n  return null\n}\n\n/** Returns `renderWelcome` callback for MailooSiteChatWidget, or undefined for built-in. */\nexport function createMailooChatWelcomePresetRenderer(\n  preset: MailooChatWelcomePresetId\n): ((args: MailooChatWelcomeRenderArgs) => ReactNode) | undefined {\n  if (preset === 'builtin') return undefined\n  return (args) => renderMailooChatWelcomePreset(preset, args)\n}\n\nexport function mailooChatWelcomePresetPanelClassName(\n  preset: MailooChatWelcomePresetId\n): string | undefined {\n  if (preset === 'team' || preset === 'assistant') {\n    return 'border-0 shadow-2xl'\n  }\n  return undefined\n}\n\nexport { MailooChatWelcomePresetSwitcher } from './preset-switcher.js'\nexport type { MailooChatWelcomePresetSwitcherProps } from './preset-switcher.js'\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","jsx","jsx","jsxs"]}