@flowselections/mailbox-orders 1.0.18 → 1.0.20

package/dist-lib/components/MailboxInboxPage.js

@@ -1,120 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { useServerFn } from "@tanstack/react-start";
-import { Button, Badge, Card, CardContent, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
-import { Mail, Sparkles, AlertCircle, ExternalLink, RefreshCw } from "lucide-react";
-import { listMessages, parseMessage, getActiveOrdersMailbox, ingestEmailEvent, backfillRecentEvents, } from "../lib/mailbox.functions";
-import { supabase } from "../integrations/supabase/client";
-const AUTH_MODULE_URL = "https://auth.flowselections.com/e-mail-authenticatie";
-const STATUS_VARIANT = {
-    new: "secondary",
-    parsing: "outline",
-    parsed: "default",
-    failed: "destructive",
-    ignored: "outline",
-    converted: "default",
-};
-export function MailboxInboxPage() {
-    const qc = useQueryClient();
-    const fetchList = useServerFn(listMessages);
-    const fetchParse = useServerFn(parseMessage);
-    const fetchActive = useServerFn(getActiveOrdersMailbox);
-    const fetchIngest = useServerFn(ingestEmailEvent);
-    const fetchBackfill = useServerFn(backfillRecentEvents);
-    const { data, isLoading } = useQuery({
-        queryKey: ["mailbox-messages"],
-        queryFn: () => fetchList(),
-    });
-    const { data: active, isSuccess: activeLoaded } = useQuery({
-        queryKey: ["mailbox-active-account"],
-        queryFn: () => fetchActive(),
-        refetchInterval: 60000,
-        retry: 1,
-    });
-    // Realtime: nieuwe events uit gedeelde authenticatiemodule
-    const activeId = active?.connected ? active.id : null;
-    useEffect(() => {
-        if (!activeId)
-            return;
-        const channel = supabase
-            .channel(`email_auth_events:${activeId}`)
-            .on("postgres_changes", {
-            event: "INSERT",
-            schema: "public",
-            table: "email_auth_events",
-            filter: `connection_id=eq.${activeId}`,
-        }, async (payload) => {
-            const evId = payload?.new?.id;
-            if (!evId)
-                return;
-            try {
-                const res = await fetchIngest({ data: { eventId: evId } });
-                if (res?.ok && (res.inserted ?? 0) > 0) {
-                    const app = res.autoApproved ?? 0;
-                    if (app > 0)
-                        toast.success(`Nieuwe e-mail — ${app} automatisch omgezet`);
-                    else
-                        toast.success("Nieuwe e-mail ontvangen");
-                    qc.invalidateQueries({ queryKey: ["mailbox-messages"] });
-                    qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
-                }
-            }
-            catch {
-                /* stille fout — backfill vangt het later op */
-            }
-        })
-            .subscribe();
-        return () => {
-            void supabase.removeChannel(channel);
-        };
-    }, [activeId, fetchIngest, qc]);
-    // Backfill bij eerste mount + iedere 60s (vangt gemiste events op)
-    const didInitialBackfill = useRef(false);
-    const backfillMut = useMutation({
-        mutationFn: async () => {
-            try {
-                return await fetchBackfill();
-            }
-            catch {
-                // 401's (token verlopen) en tijdelijke fouten stil opvangen
-                return { ok: false, inserted: 0 };
-            }
-        },
-        onSuccess: (res) => {
-            if (res?.ok && (res.inserted ?? 0) > 0) {
-                qc.invalidateQueries({ queryKey: ["mailbox-messages"] });
-                qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
-            }
-        },
-        onError: () => {
-            /* stille fout — volgende interval probeert opnieuw */
-        },
-    });
-    useEffect(() => {
-        if (!activeId || didInitialBackfill.current)
-            return;
-        didInitialBackfill.current = true;
-        backfillMut.mutate();
-        const t = setInterval(() => backfillMut.mutate(), 60000);
-        return () => clearInterval(t);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeId]);
-    const parseMut = useMutation({
-        mutationFn: (messageId) => fetchParse({ data: { messageId } }),
-        onSuccess: (res) => {
-            if (res?.ok) {
-                toast.success("E-mail geparsed naar voorstel");
-                qc.invalidateQueries({ queryKey: ["mailbox-messages"] });
-                qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
-            }
-            else {
-                toast.error(res?.error ?? "Parsen mislukt");
-            }
-        },
-        onError: (e) => toast.error(e?.message ?? "Parsen mislukt"),
-    });
-    const items = Array.isArray(data?.items) ? data.items : [];
-    const needsReauth = active?.connected && active.needs_reauth;
-    return (_jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("h1", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Mail, { className: "h-6 w-6 text-primary" }), " Inbox"] }), _jsx("p", { className: "text-muted-foreground text-sm mt-1", children: "Binnenkomende bestel-e-mails \u2014 geleverd door de E-mail Authenticatie module" })] }), _jsxs(Button, { variant: "outline", onClick: () => backfillMut.mutate(), disabled: backfillMut.isPending || !active?.connected, title: "Haal achterstallige events op", children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${backfillMut.isPending ? "animate-spin" : ""}` }), "Synchroniseer"] })] }), activeLoaded && !active?.connected ? (_jsx(Card, { children: _jsxs(CardContent, { className: "p-4 flex items-start gap-3 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-destructive mt-0.5" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Nog geen e-mailadres gekoppeld" }), _jsxs("div", { className: "text-muted-foreground", children: ["Koppel in de module ", _jsx("strong", { children: "E-mail Authenticatie" }), " een adres met doeleinde", " ", _jsx("code", { children: "orders" }), " en richting ", _jsx("code", { children: "receive" }), "."] })] }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsxs("a", { href: AUTH_MODULE_URL, target: "_blank", rel: "noreferrer", children: ["Open module ", _jsx(ExternalLink, { className: "h-3 w-3 ml-1" })] }) })] }) })) : needsReauth ? (_jsx(Card, { className: "border-destructive", children: _jsxs(CardContent, { className: "p-4 flex items-start gap-3 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-destructive mt-0.5" }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "font-medium", children: ["Heraanmelding vereist voor ", active.account_email] }), _jsx("div", { className: "text-muted-foreground", children: active.last_error ?? "De koppeling is verlopen. Log opnieuw in via de authenticatiemodule." })] }), _jsx(Button, { asChild: true, variant: "destructive", size: "sm", children: _jsxs("a", { href: `${AUTH_MODULE_URL}?focus=${active.id}`, target: "_blank", rel: "noreferrer", children: ["Opnieuw verbinden ", _jsx(ExternalLink, { className: "h-3 w-3 ml-1" })] }) })] }) })) : active?.connected ? (_jsx(Card, { children: _jsxs(CardContent, { className: "p-4 flex items-center gap-3 text-sm", children: [_jsx(Mail, { className: "h-4 w-4 text-primary" }), _jsx("span", { className: "text-muted-foreground", children: "Actieve mailbox:" }), _jsx("span", { className: "font-medium", children: active.account_email }), _jsx(Badge, { variant: "outline", className: "ml-2", children: active.provider }), active.status && active.status !== "ok" && active.status !== "verified" && (_jsx(Badge, { variant: "secondary", className: "ml-2", children: active.status }))] }) })) : null, _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: isLoading ? (_jsx("div", { className: "p-8 text-center text-muted-foreground", children: "Laden..." })) : items.length === 0 ? (_jsx("div", { className: "p-8 text-center text-muted-foreground", children: "Nog geen e-mails ontvangen. Nieuwe berichten verschijnen automatisch." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Afzender" }), _jsx(TableHead, { children: "Onderwerp" }), _jsx(TableHead, { children: "Ontvangen" }), _jsx(TableHead, { className: "text-right", children: "Actie" })] }) }), _jsx(TableBody, { children: items.map((m) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[m.status] ?? "secondary", children: m.status }) }), _jsxs(TableCell, { children: [_jsx("div", { className: "text-sm font-medium", children: m.from_name || m.from_email }), m.from_name && _jsx("div", { className: "text-xs text-muted-foreground", children: m.from_email })] }), _jsx(TableCell, { className: "max-w-md truncate", children: m.subject || "(geen onderwerp)" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: m.received_at ? new Date(m.received_at).toLocaleString("nl-NL") : "-" }), _jsx(TableCell, { className: "text-right", children: m.status !== "converted" && (_jsxs(Button, { size: "sm", variant: "outline", disabled: parseMut.isPending, onClick: () => parseMut.mutate(m.id), children: [_jsx(Sparkles, { className: "h-3 w-3 mr-1" }), m.status === "parsed" ? "Opnieuw parsen" : "Parse"] })) })] }, m.id))) })] })) }) })] }));
-}

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

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

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

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

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

@@ -1,136 +0,0 @@
-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";
-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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,101 +0,0 @@
-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/MailboxSettingsCard.d.ts

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,85 +0,0 @@
-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" }), "."] })] })) })] }));
-}