@flowselections/mailbox-orders 1.0.1

package/dist-lib/components/settings/ImapProfilesCard.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, Switch, Badge, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
+import { Inbox, Plus, Pencil, Trash2, RefreshCw, PlayCircle } from "lucide-react";
+import { listImapAccounts, listImapProfiles, upsertImapProfile, deleteImapProfile, setProfileAccount, pollImapProfile, } from "../../lib/imap.functions";
+const emptyProfile = {
+    id: undefined,
+    profile_key: "",
+    name: "",
+    account_id: null,
+    folder: "INBOX",
+    polling_enabled: false,
+};
+export function ImapProfilesCard() {
+    const [profiles, setProfiles] = useState([]);
+    const [accounts, setAccounts] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [editing, setEditing] = useState(null);
+    const [saving, setSaving] = useState(false);
+    const [pollingId, setPollingId] = useState(null);
+    const reload = async () => {
+        setLoading(true);
+        try {
+            const [p, a] = await Promise.all([listImapProfiles(), listImapAccounts()]);
+            setProfiles(Array.isArray(p?.items) ? p.items : []);
+            setAccounts(Array.isArray(a?.items) ? a.items : []);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => { reload(); }, []);
+    const handleSave = async () => {
+        if (!editing)
+            return;
+        setSaving(true);
+        try {
+            await upsertImapProfile({ data: { ...editing } });
+            toast.success("Profiel opgeslagen");
+            setEditing(null);
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleDelete = async (id) => {
+        if (!confirm("Profiel verwijderen?"))
+            return;
+        try {
+            await deleteImapProfile({ data: { id } });
+            toast.success("Verwijderd");
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Verwijderen mislukt");
+        }
+    };
+    const handleChangeAccount = async (profile_id, account_id) => {
+        try {
+            await setProfileAccount({ data: { profile_id, account_id: account_id === "__none__" ? null : account_id } });
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Wijzigen mislukt");
+        }
+    };
+    const handlePoll = async (id) => {
+        setPollingId(id);
+        try {
+            const res = await pollImapProfile({ data: { profile_id: id } });
+            if (res?.ok)
+                toast.success(`${res.inserted ?? 0} nieuwe e-mail(s) opgehaald`);
+            else
+                toast.error(res?.error ?? "Ophalen mislukt");
+            reload();
+        }
+        finally {
+            setPollingId(null);
+        }
+    };
+    const handleTogglePolling = async (p, v) => {
+        try {
+            await upsertImapProfile({ data: {
+                    id: p.id, profile_key: p.profile_key, name: p.name,
+                    account_id: p.account_id, folder: p.folder, polling_enabled: v,
+                } });
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Wijzigen mislukt");
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Inbox, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "IMAP Profielen" })] }), _jsx(CardDescription, { children: "Profielen zijn de logische \"rol\" waar modules aan koppelen (bv. Orders, Offertes, Support). Wissel hier het achterliggende account zonder dat modules iets merken." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: reload, disabled: loading, children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${loading ? "animate-spin" : ""}` }), "Vernieuwen"] }), _jsxs(Button, { size: "sm", onClick: () => setEditing({ ...emptyProfile }), children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "Profiel toevoegen"] })] })] }), _jsx(CardContent, { children: loading ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Laden..." })) : profiles.length === 0 ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen profielen." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Profiel" }), _jsx(TableHead, { children: "Sleutel" }), _jsx(TableHead, { children: "Account" }), _jsx(TableHead, { children: "Map" }), _jsx(TableHead, { children: "Auto" }), _jsx(TableHead, { children: "Laatste sync" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: profiles.map((p) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: p.name }), _jsx(TableCell, { children: _jsx("code", { className: "text-xs", children: p.profile_key }) }), _jsx(TableCell, { children: _jsxs(Select, { value: p.account_id ?? "__none__", onValueChange: (v) => handleChangeAccount(p.id, v), children: [_jsx(SelectTrigger, { className: "h-8 w-[220px]", children: _jsx(SelectValue, { placeholder: "Geen account" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "\u2014 Geen \u2014" }), accounts.map((a) => (_jsx(SelectItem, { value: a.id, children: a.name }, a.id)))] })] }) }), _jsx(TableCell, { className: "text-muted-foreground text-xs", children: p.folder }), _jsx(TableCell, { children: _jsx(Switch, { checked: p.polling_enabled, onCheckedChange: (v) => handleTogglePolling(p, v) }) }), _jsxs(TableCell, { className: "text-xs", children: [p.last_polled_at ? new Date(p.last_polled_at).toLocaleString("nl-NL") : "—", p.last_error ? _jsx(Badge, { variant: "destructive", className: "ml-2", title: p.last_error, children: "Fout" }) : null] }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex gap-1 justify-end", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => handlePoll(p.id), disabled: pollingId === p.id || !p.account_id, children: _jsx(PlayCircle, { className: `h-4 w-4 ${pollingId === p.id ? "animate-pulse" : ""}` }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEditing({
+                                                        id: p.id, profile_key: p.profile_key, name: p.name,
+                                                        account_id: p.account_id, folder: p.folder, polling_enabled: p.polling_enabled,
+                                                    }), children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleDelete(p.id), children: _jsx(Trash2, { className: "h-4 w-4 text-destructive" }) })] }) })] }, p.id))) })] })) }), _jsx(Dialog, { open: !!editing, onOpenChange: (o) => !o && setEditing(null), children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: editing?.id ? "Profiel bewerken" : "Nieuw profiel" }) }), editing && (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: editing.name, onChange: (e) => setEditing({ ...editing, name: e.target.value }), placeholder: "bv. Mailbox Orders" })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "Profielsleutel (uniek)" }), _jsx(Input, { value: editing.profile_key, onChange: (e) => setEditing({ ...editing, profile_key: e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "_") }), placeholder: "mailbox_orders", disabled: !!editing.id }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Modules verwijzen naar deze sleutel." })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "Gekoppeld account" }), _jsxs(Select, { value: editing.account_id ?? "__none__", onValueChange: (v) => setEditing({ ...editing, account_id: v === "__none__" ? null : v }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "\u2014 Geen \u2014" }), accounts.map((a) => (_jsx(SelectItem, { value: a.id, children: a.name }, a.id)))] })] })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "Map" }), _jsx(Input, { value: editing.folder, onChange: (e) => setEditing({ ...editing, folder: e.target.value }) })] }), _jsxs("div", { className: "col-span-2 flex items-center justify-between", children: [_jsx(Label, { children: "Automatisch ophalen (elke 5 min)" }), _jsx(Switch, { checked: editing.polling_enabled, onCheckedChange: (v) => setEditing({ ...editing, polling_enabled: v }) })] })] })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setEditing(null), children: "Annuleren" }), _jsx(Button, { onClick: handleSave, disabled: saving, children: saving ? "Opslaan..." : "Opslaan" })] })] }) })] }));
+}

package/dist-lib/components/settings/MailboxOrderTemplateCard.d.ts

@@ -0,0 +1,2 @@
+export declare function MailboxOrderTemplateCard(): import("react").JSX.Element;
+//# sourceMappingURL=MailboxOrderTemplateCard.d.ts.map

package/dist-lib/components/settings/MailboxOrderTemplateCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailboxOrderTemplateCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MailboxOrderTemplateCard.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,wBAAwB,gCAgHvC"}

package/dist-lib/components/settings/MailboxOrderTemplateCard.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, Switch, Textarea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Settings2, Plus, Trash2, ArrowUp, ArrowDown } from "lucide-react";
+import { listTemplateFields, upsertTemplateField, deleteTemplateField, reorderTemplateFields, } from "../../lib/mailbox-template.functions";
+const FIELD_TYPES = [
+    { value: "text", label: "Tekst", defaultSource: "static" },
+    { value: "number", label: "Nummer", defaultSource: "static" },
+    { value: "date", label: "Datum", defaultSource: "static" },
+    { value: "select", label: "Keuzelijst", defaultSource: "static" },
+    { value: "multiselect", label: "Meerkeuzelijst", defaultSource: "static" },
+    { value: "boolean", label: "Ja/Nee", defaultSource: "static" },
+    { value: "customer", label: "Klant", defaultSource: "database", defaultTable: "customers" },
+    { value: "product", label: "Product", defaultSource: "database", defaultTable: "products" },
+    { value: "plant_type", label: "Plantsoort", defaultSource: "database", defaultTable: "products" },
+    { value: "supplier", label: "Leverancier", defaultSource: "database", defaultTable: "suppliers" },
+    { value: "note", label: "Opmerking", defaultSource: "static" },
+];
+export function MailboxOrderTemplateCard() {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [editing, setEditing] = useState(null);
+    const load = async () => {
+        const res = await listTemplateFields();
+        const safe = Array.isArray(res?.items) ? res.items : [];
+        setItems(safe);
+        setLoading(false);
+    };
+    useEffect(() => { load(); }, []);
+    const handleSave = async (field) => {
+        try {
+            await upsertTemplateField({ data: field });
+            toast.success("Veld opgeslagen");
+            setEditing(null);
+            await load();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+    };
+    const handleDelete = async (id) => {
+        if (!confirm("Veld verwijderen?"))
+            return;
+        try {
+            await deleteTemplateField({ data: { id } });
+            toast.success("Verwijderd");
+            await load();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Verwijderen mislukt");
+        }
+    };
+    const move = async (idx, dir) => {
+        const target = idx + dir;
+        if (target < 0 || target >= items.length)
+            return;
+        const next = [...items];
+        [next[idx], next[target]] = [next[target], next[idx]];
+        setItems(next);
+        await reorderTemplateFields({ data: { ids: next.map((f) => f.id).filter(Boolean) } });
+    };
+    const addNew = () => {
+        setEditing({
+            key: "",
+            label: "",
+            field_type: "text",
+            required: false,
+            visible: true,
+            sort_order: (items.length + 1) * 10,
+            default_value: null,
+            options: null,
+            source: "static",
+            source_table: null,
+            ai_enabled: true,
+            ai_hint: null,
+        });
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Settings2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Ordertemplate" })] }), _jsx(CardDescription, { children: "Stel zelf samen welke velden de AI moet invullen bij binnenkomende bestel-e-mails." })] }), _jsx(CardContent, { className: "space-y-3", children: loading ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Laden..." })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "space-y-2", children: items.map((f, idx) => (_jsxs("div", { className: "flex items-center gap-2 border rounded-md p-2", children: [_jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "font-medium text-sm", children: [f.label, " ", _jsxs("span", { className: "text-muted-foreground", children: ["(", f.key, ")"] })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [FIELD_TYPES.find((t) => t.value === f.field_type)?.label, f.required && " · verplicht", !f.visible && " · verborgen", f.ai_enabled ? " · AI aan" : " · AI uit"] })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => move(idx, -1), children: _jsx(ArrowUp, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => move(idx, 1), children: _jsx(ArrowDown, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setEditing(f), children: "Bewerken" }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => handleDelete(f.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, f.id))) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: addNew, children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Veld toevoegen"] }), editing && (_jsx(FieldEditor, { field: editing, onCancel: () => setEditing(null), onSave: handleSave }))] })) })] }));
+}
+function FieldEditor({ field, onCancel, onSave, }) {
+    const [f, setF] = useState(field);
+    const typeMeta = FIELD_TYPES.find((t) => t.value === f.field_type);
+    return (_jsxs("div", { className: "border rounded-md p-3 space-y-3 bg-muted/30", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Label" }), _jsx(Input, { value: f.label, onChange: (e) => setF({ ...f, label: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Sleutel (key)" }), _jsx(Input, { value: f.key, onChange: (e) => setF({ ...f, key: e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "_") }), placeholder: "bv. delivery_date" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Type" }), _jsxs(Select, { value: f.field_type, onValueChange: (v) => {
+                                    const meta = FIELD_TYPES.find((t) => t.value === v);
+                                    setF({
+                                        ...f,
+                                        field_type: v,
+                                        source: meta?.defaultSource ?? "static",
+                                        source_table: meta?.defaultTable ?? null,
+                                    });
+                                }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: FIELD_TYPES.map((t) => _jsx(SelectItem, { value: t.value, children: t.label }, t.value)) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Standaardwaarde" }), _jsx(Input, { value: f.default_value ?? "", onChange: (e) => setF({ ...f, default_value: e.target.value || null }) })] })] }), _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: f.required, onCheckedChange: (v) => setF({ ...f, required: v }) }), _jsx(Label, { children: "Verplicht" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: f.visible, onCheckedChange: (v) => setF({ ...f, visible: v }) }), _jsx(Label, { children: "Zichtbaar" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: f.ai_enabled, onCheckedChange: (v) => setF({ ...f, ai_enabled: v }) }), _jsx(Label, { children: "AI vult in" })] })] }), (f.field_type === "select" || f.field_type === "multiselect") && (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Opties (\u00E9\u00E9n per regel, formaat: waarde|label)" }), _jsx(Textarea, { rows: 4, value: (f.options ?? []).map((o) => `${o.value}|${o.label}`).join("\n"), onChange: (e) => {
+                            const opts = e.target.value.split("\n").map((l) => l.trim()).filter(Boolean).map((line) => {
+                                const [value, label] = line.split("|");
+                                return { value: (value ?? "").trim(), label: (label ?? value ?? "").trim() };
+                            });
+                            setF({ ...f, options: opts });
+                        } })] })), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "AI-instructie (optioneel)" }), _jsx(Textarea, { rows: 2, value: f.ai_hint ?? "", onChange: (e) => setF({ ...f, ai_hint: e.target.value || null }), placeholder: "Hint voor de AI om dit veld correct in te vullen." })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Bron: ", _jsx("strong", { children: f.source === "database" ? `Database (${f.source_table ?? typeMeta?.defaultTable ?? "n.v.t."})` : "Vrij invoer" }), f.source === "database" && " — alleen bestaande waarden uit de database mogen worden geselecteerd."] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { onClick: () => onSave(f), disabled: !f.key || !f.label, children: "Opslaan" }), _jsx(Button, { variant: "outline", onClick: onCancel, children: "Annuleren" })] })] }));
+}

package/dist-lib/components/settings/MailboxSettingsCard.d.ts

@@ -0,0 +1,2 @@
+export declare function MailboxSettingsCard(): import("react").JSX.Element;
+//# sourceMappingURL=MailboxSettingsCard.d.ts.map

package/dist-lib/components/settings/MailboxSettingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailboxSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MailboxSettingsCard.tsx"],"names":[],"mappings":"AAWA,wBAAgB,mBAAmB,gCA8IlC"}

package/dist-lib/components/settings/MailboxSettingsCard.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, Switch, toast, } from "@flowselections/core";
+import { Mail, RefreshCw } from "lucide-react";
+import { getMailboxSettings, saveMailboxSettings, testMailboxConnection, pollMailbox, } from "../../lib/mailbox.functions";
+export function MailboxSettingsCard() {
+    const [form, setForm] = useState({
+        imap_host: "",
+        imap_port: 993,
+        imap_username: "",
+        imap_use_tls: true,
+        folder: "INBOX",
+        polling_enabled: false,
+    });
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [testing, setTesting] = useState(false);
+    const [polling, setPolling] = useState(false);
+    useEffect(() => {
+        (async () => {
+            try {
+                const res = await getMailboxSettings();
+                if (res?.settings) {
+                    setForm({
+                        imap_host: res.settings.imap_host ?? "",
+                        imap_port: res.settings.imap_port ?? 993,
+                        imap_username: res.settings.imap_username ?? "",
+                        imap_use_tls: res.settings.imap_use_tls ?? true,
+                        folder: res.settings.folder ?? "INBOX",
+                        polling_enabled: res.settings.polling_enabled ?? false,
+                    });
+                }
+            }
+            finally {
+                setLoading(false);
+            }
+        })();
+    }, []);
+    const handleSave = async () => {
+        setSaving(true);
+        try {
+            await saveMailboxSettings({ data: form });
+            toast.success("Instellingen opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleTest = async () => {
+        setTesting(true);
+        try {
+            const res = await testMailboxConnection();
+            if (res?.ok)
+                toast.success("Verbinding OK");
+            else
+                toast.error(res?.error ?? "Verbinding mislukt");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Verbinding mislukt");
+        }
+        finally {
+            setTesting(false);
+        }
+    };
+    const handlePoll = async () => {
+        setPolling(true);
+        try {
+            const res = await pollMailbox();
+            if (res?.ok)
+                toast.success(`${res.inserted ?? 0} nieuwe e-mail(s) opgehaald`);
+            else
+                toast.error(res?.error ?? "Ophalen mislukt");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Ophalen mislukt");
+        }
+        finally {
+            setPolling(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Mailbox (IMAP)" })] }), _jsx(CardDescription, { children: "IMAP-mailbox waaruit bestel-e-mails worden opgehaald. Het wachtwoord staat als geheime sleutel opgeslagen." })] }), _jsx(CardContent, { className: "space-y-4", children: loading ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Laden..." })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-2 col-span-2", children: [_jsx(Label, { htmlFor: "host", children: "IMAP host" }), _jsx(Input, { id: "host", value: form.imap_host, onChange: (e) => setForm({ ...form, imap_host: e.target.value }), placeholder: "imap.example.com" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "port", children: "Poort" }), _jsx(Input, { id: "port", type: "number", value: form.imap_port, onChange: (e) => setForm({ ...form, imap_port: Number(e.target.value) }) })] }), _jsxs("div", { className: "space-y-2 flex flex-col", children: [_jsx(Label, { htmlFor: "tls", children: "TLS" }), _jsx(Switch, { id: "tls", checked: form.imap_use_tls, onCheckedChange: (v) => setForm({ ...form, imap_use_tls: v }) })] }), _jsxs("div", { className: "space-y-2 col-span-2", children: [_jsx(Label, { htmlFor: "user", children: "Gebruikersnaam" }), _jsx(Input, { id: "user", value: form.imap_username, onChange: (e) => setForm({ ...form, imap_username: e.target.value }), placeholder: "bestellingen@example.com" })] }), _jsxs("div", { className: "space-y-2 col-span-2", children: [_jsx(Label, { htmlFor: "folder", children: "Map" }), _jsx(Input, { id: "folder", value: form.folder, onChange: (e) => setForm({ ...form, folder: e.target.value }) })] }), _jsxs("div", { className: "space-y-2 col-span-2 flex items-center justify-between", children: [_jsx(Label, { htmlFor: "poll", children: "Automatisch ophalen (elke 5 min)" }), _jsx(Switch, { id: "poll", checked: form.polling_enabled, onCheckedChange: (v) => setForm({ ...form, polling_enabled: v }) })] })] }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { onClick: handleSave, disabled: saving, children: saving ? "Opslaan..." : "Opslaan" }), _jsx(Button, { variant: "outline", onClick: handleTest, disabled: testing, children: testing ? "Testen..." : "Test verbinding" }), _jsxs(Button, { variant: "outline", onClick: handlePoll, disabled: polling, children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${polling ? "animate-spin" : ""}` }), "Nu ophalen"] })] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Het IMAP-wachtwoord is opgeslagen als geheime sleutel ", _jsx("code", { children: "MAILBOX_IMAP_PASSWORD" }), "."] })] })) })] }));
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,12 @@
+import type { FlowModule } from "@flowselections/core";
+export * from "./_core-safelist";
+export { MailboxInboxPage } from "./components/MailboxInboxPage";
+export { MailboxProposalsPage } from "./components/MailboxProposalsPage";
+export { SearchableSelect } from "./components/SearchableSelect";
+export { MailboxProcessedPage } from "./components/MailboxProcessedPage";
+export { MailboxSettingsCard } from "./components/settings/MailboxSettingsCard";
+export { MailboxOrderTemplateCard } from "./components/settings/MailboxOrderTemplateCard";
+export { ImapAccountsCard } from "./components/settings/ImapAccountsCard";
+export { ImapProfilesCard } from "./components/settings/ImapProfilesCard";
+export declare const mailboxOrdersModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,UAoBjC,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,34 @@
+// ============================================================================
+// src/index.ts — MODULE CONTRACT (Mailbox bestellingen)
+// ============================================================================
+import { Mail, Inbox, ClipboardCheck, CheckCircle2 } from "lucide-react";
+import { ImapAccountsCard } from "./components/settings/ImapAccountsCard";
+import { MailboxOrderTemplateCard } from "./components/settings/MailboxOrderTemplateCard";
+export * from "./_core-safelist";
+export { MailboxInboxPage } from "./components/MailboxInboxPage";
+export { MailboxProposalsPage } from "./components/MailboxProposalsPage";
+export { SearchableSelect } from "./components/SearchableSelect";
+export { MailboxProcessedPage } from "./components/MailboxProcessedPage";
+export { MailboxSettingsCard } from "./components/settings/MailboxSettingsCard";
+export { MailboxOrderTemplateCard } from "./components/settings/MailboxOrderTemplateCard";
+export { ImapAccountsCard } from "./components/settings/ImapAccountsCard";
+export { ImapProfilesCard } from "./components/settings/ImapProfilesCard";
+export const mailboxOrdersModule = {
+    id: "mailbox_orders",
+    name: "Mailbox bestellingen",
+    version: "1.1.0",
+    nav: {
+        label: "Mailbox",
+        href: "/mailbox-orders",
+        icon: Mail,
+        children: [
+            { label: "Inbox", href: "/mailbox-orders", icon: Inbox },
+            { label: "Voorstellen", href: "/mailbox-orders/voorstellen", icon: ClipboardCheck },
+            { label: "Verwerkt", href: "/mailbox-orders/verwerkt", icon: CheckCircle2 },
+        ],
+    },
+    settingsCards: [
+        { component: ImapAccountsCard, order: 5 },
+        { component: MailboxOrderTemplateCard, order: 20 },
+    ],
+};

package/dist-lib/integrations/supabase/auth-attacher.d.ts

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,mHAa9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -0,0 +1,15 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    if (typeof window === 'undefined') {
+        return next();
+    }
+    const { supabase } = await import('./client');
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});