@flowselections/mailbox-orders 1.0.57 → 1.0.59

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

@@ -0,0 +1,136 @@
+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, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
+import { Server, Plus, Pencil, Trash2, TestTube2, RefreshCw, CheckCircle2, PlayCircle } from "lucide-react";
+import { listImapAccounts, upsertImapAccount, deleteImapAccount, testImapAccount, listImapProfiles, activateImapAccount, pollImapProfile, } from "../../lib/imap.functions.js";
+const emptyAccount = {
+    id: undefined,
+    name: "",
+    email: "",
+    host: "",
+    port: 993,
+    username: "",
+    use_tls: true,
+    password: "",
+    is_active: true,
+};
+export function ImapAccountsCard() {
+    const [items, setItems] = useState([]);
+    const [activeAccountId, setActiveAccountId] = useState(null);
+    const [activeProfileId, setActiveProfileId] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [editing, setEditing] = useState(null);
+    const [saving, setSaving] = useState(false);
+    const [testingId, setTestingId] = useState(null);
+    const [pollingId, setPollingId] = useState(null);
+    const reload = async () => {
+        setLoading(true);
+        try {
+            const [accRes, profRes] = await Promise.all([listImapAccounts(), listImapProfiles()]);
+            setItems(Array.isArray(accRes?.items) ? accRes.items : []);
+            const profs = Array.isArray(profRes?.items) ? profRes.items : [];
+            const orders = profs.find((p) => p.profile_key === "mailbox_orders") ?? profs[0] ?? null;
+            setActiveAccountId(orders?.account_id ?? null);
+            setActiveProfileId(orders?.id ?? null);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => { reload(); }, []);
+    const handleSave = async () => {
+        if (!editing)
+            return;
+        setSaving(true);
+        try {
+            const saved = await upsertImapAccount({
+                data: {
+                    id: editing.id,
+                    name: editing.name,
+                    email: editing.email || null,
+                    host: editing.host,
+                    port: Number(editing.port),
+                    username: editing.username,
+                    use_tls: editing.use_tls,
+                    password: editing.password || undefined,
+                    is_active: editing.is_active,
+                },
+            });
+            toast.success("Account opgeslagen");
+            // Nieuw account direct als actief markeren als er nog geen is
+            if (!editing.id && saved?.id && !activeAccountId) {
+                await activateImapAccount({ data: { account_id: saved.id } });
+            }
+            setEditing(null);
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleDelete = async (id) => {
+        if (!confirm("Account verwijderen?"))
+            return;
+        try {
+            await deleteImapAccount({ data: { id } });
+            toast.success("Verwijderd");
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Verwijderen mislukt");
+        }
+    };
+    const handleTest = async (id) => {
+        setTestingId(id);
+        try {
+            const res = await testImapAccount({ data: { id } });
+            if (res?.ok)
+                toast.success("Verbinding OK");
+            else
+                toast.error(res?.error ?? "Verbinding mislukt");
+            reload();
+        }
+        finally {
+            setTestingId(null);
+        }
+    };
+    const handleActivate = async (id) => {
+        try {
+            await activateImapAccount({ data: { account_id: id } });
+            toast.success("Account geactiveerd");
+            reload();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Activeren mislukt");
+        }
+    };
+    const handlePoll = async () => {
+        if (!activeProfileId)
+            return;
+        setPollingId(activeProfileId);
+        try {
+            const res = await pollImapProfile({ data: { profile_id: activeProfileId } });
+            if (res?.ok)
+                toast.success(`${res.inserted ?? 0} nieuwe e-mail(s) opgehaald`);
+            else
+                toast.error(res?.error ?? "Ophalen mislukt");
+        }
+        finally {
+            setPollingId(null);
+        }
+    };
+    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(Server, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "IMAP Account" })] }), _jsx(CardDescription, { children: "Beheer je e-mailaccounts en kies eenvoudig welke nu actief is voor de mailbox-bestellingen." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handlePoll, disabled: !activeProfileId || !!pollingId, children: [_jsx(PlayCircle, { className: `h-4 w-4 mr-2 ${pollingId ? "animate-pulse" : ""}` }), "Nu ophalen"] }), _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({ ...emptyAccount }), children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "Account toevoegen"] })] })] }), _jsx(CardContent, { children: loading ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Laden..." })) : items.length === 0 ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen accounts. Klik op \"Account toevoegen\"." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[80px]", children: "Actief" }), _jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "E-mail" }), _jsx(TableHead, { children: "Server" }), _jsx(TableHead, { children: "Laatste test" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: items.map((a) => {
+                                const isActive = a.id === activeAccountId;
+                                return (_jsxs(TableRow, { className: isActive ? "bg-primary/5" : "", children: [_jsx(TableCell, { children: isActive ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), "Actief"] })) : (_jsx(Button, { variant: "outline", size: "sm", onClick: () => handleActivate(a.id), children: "Activeer" })) }), _jsx(TableCell, { className: "font-medium", children: a.name }), _jsx(TableCell, { className: "text-muted-foreground", children: a.email ?? a.username }), _jsxs(TableCell, { className: "text-muted-foreground", children: [a.host, ":", a.port, a.use_tls ? " · TLS" : ""] }), _jsx(TableCell, { children: a.last_tested_at ? (a.last_test_ok
+                                                ? _jsx(Badge, { variant: "default", children: "OK" })
+                                                : _jsx(Badge, { variant: "destructive", title: a.last_test_error ?? "", children: "Fout" })) : _jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex gap-1 justify-end", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleTest(a.id), disabled: testingId === a.id, title: "Test verbinding", children: _jsx(TestTube2, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEditing({
+                                                            id: a.id, name: a.name, email: a.email ?? "", host: a.host, port: a.port,
+                                                            username: a.username, use_tls: a.use_tls,
+                                                            password: "",
+                                                            is_active: a.is_active,
+                                                        }), title: "Bewerken", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleDelete(a.id), title: "Verwijderen", children: _jsx(Trash2, { className: "h-4 w-4 text-destructive" }) })] }) })] }, a.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 ? "Account bewerken" : "Nieuw account" }) }), 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. Orders Mailbox" })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "E-mailadres" }), _jsx(Input, { type: "email", value: editing.email, onChange: (e) => setEditing({ ...editing, email: e.target.value }), placeholder: "bestellingen@example.com" })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "IMAP-server" }), _jsx(Input, { value: editing.host, onChange: (e) => setEditing({ ...editing, host: e.target.value }), placeholder: "imap.example.com" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Poort" }), _jsx(Input, { type: "number", value: editing.port, onChange: (e) => setEditing({ ...editing, port: Number(e.target.value) }) })] }), _jsxs("div", { className: "space-y-1 flex flex-col", children: [_jsx(Label, { children: "TLS / SSL" }), _jsx(Switch, { checked: editing.use_tls, onCheckedChange: (v) => setEditing({ ...editing, use_tls: v }) })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "Gebruikersnaam" }), _jsx(Input, { value: editing.username, onChange: (e) => setEditing({ ...editing, username: e.target.value }) })] }), _jsxs("div", { className: "space-y-1 col-span-2", children: [_jsx(Label, { children: "Wachtwoord" }), _jsx(Input, { type: "password", value: editing.password, onChange: (e) => setEditing({ ...editing, password: e.target.value }), placeholder: editing.id ? "Laat leeg om huidig wachtwoord te behouden" : "Voer wachtwoord in", autoComplete: "new-password" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Wachtwoord wordt versleuteld opgeslagen en alleen gebruikt voor de IMAP-verbinding." })] }), _jsxs("div", { className: "col-span-2 flex items-center justify-between", children: [_jsx(Label, { children: "Actief" }), _jsx(Switch, { checked: editing.is_active, onCheckedChange: (v) => setEditing({ ...editing, is_active: 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/ImapProfilesCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImapProfilesCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ImapProfilesCard.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,gBAAgB,gCAgN/B"}

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.js";
+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/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.js";
+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/integrations/supabase/client.server.js

@@ -20,7 +20,7 @@ function createSupabaseAdminClient() {
 let _supabaseAdmin;
 // Server-side Supabase client with service role - bypasses RLS
 // SECURITY: Only use this for trusted server-side operations, never expose to client code
-// Import like: import { supabaseAdmin } from "./client.server.js";
+// Import like: import { supabaseAdmin } from "../../integrations/supabase/client.server.js";
 export const supabaseAdmin = new Proxy({}, {
     get(_, prop, receiver) {
         if (!_supabaseAdmin)

package/dist-lib/integrations/supabase/types.d.ts

@@ -33210,6 +33210,25 @@ export type Database = {
                 };
                 Returns: undefined;
             };
+            aanbiedingsmail_campagnes_lijst: {
+                Args: {
+                    p_limit?: number;
+                    p_offset?: number;
+                    p_status?: string;
+                    p_tot?: string;
+                    p_van?: string;
+                    p_zoek?: string;
+                };
+                Returns: Json;
+            };
+            aanbiedingsmail_campagnes_tellers: {
+                Args: {
+                    p_tot?: string;
+                    p_van?: string;
+                    p_zoek?: string;
+                };
+                Returns: Json;
+            };
             aanbiedingsmail_create_order: {
                 Args: {
                     p_offer_order_id: string;
@@ -33246,6 +33265,15 @@ export type Database = {
                 };
                 Returns: Json;
             };
+            aanbiedingsmail_ontvangers_lijst: {
+                Args: {
+                    p_campaign_id: string;
+                    p_limit?: number;
+                    p_offset?: number;
+                    p_zoek?: string;
+                };
+                Returns: Json;
+            };
             aanbiedingsmail_place_offer_order: {
                 Args: {
                     p_code: string;
@@ -33265,6 +33293,12 @@ export type Database = {
                 };
                 Returns: string;
             };
+            aanbiedingsmail_status_sleutel: {
+                Args: {
+                    p_status: string;
+                };
+                Returns: string;
+            };
             aanbiedingsmail_stock_key: {
                 Args: {
                     p_ref: string;
@@ -35882,6 +35916,19 @@ export type Database = {
                 };
                 Returns: Json;
             };
+            inkoop_artikelen_page: {
+                Args: {
+                    _asc?: boolean;
+                    _limit?: number;
+                    _location?: string;
+                    _offset?: number;
+                    _search?: string;
+                    _sort?: string;
+                    _tab?: string;
+                    _unit?: string;
+                };
+                Returns: Json;
+            };
             inkoop_cancel_line: {
                 Args: {
                     _item_id: string;
@@ -35931,6 +35978,18 @@ export type Database = {
                 Args: never;
                 Returns: string;
             };
+            inkoop_orders_page: {
+                Args: {
+                    _delivery_from?: string;
+                    _delivery_to?: string;
+                    _limit?: number;
+                    _offset?: number;
+                    _search?: string;
+                    _supplier_id?: string;
+                    _tab?: string;
+                };
+                Returns: Json;
+            };
             inkoop_process_request: {
                 Args: {
                     _request_id: string;
@@ -44758,6 +44817,12 @@ export type Database = {
                 };
                 Returns: Json;
             };
+            scan_kar_scans_lezen: {
+                Args: {
+                    p_kar_id: string;
+                };
+                Returns: Json;
+            };
             scan_kar_voortgang: {
                 Args: {
                     p_cart_id: string;
@@ -44774,6 +44839,17 @@ export type Database = {
                 };
                 Returns: Json;
             };
+            scan_karren_overzicht: {
+                Args: {
+                    p_limit?: number;
+                    p_offset?: number;
+                    p_status?: string;
+                    p_tot?: string;
+                    p_van?: string;
+                    p_zoek?: string;
+                };
+                Returns: Json;
+            };
             scan_koppelcode_maken: {
                 Args: {
                     p_scanner_id: string;