@flowselections/mailbox-orders 1.0.9 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/mailbox-orders",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -40,13 +40,14 @@
     "sonner": "^2.0.0"
   },
   "dependencies": {
+    "@flowselections/e-mail-authenticatie-module": "^1.0.8",
     "@supabase/supabase-js": "^2.108.1"
   },
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.25.5",
     "@eslint/js": "^9.32.0",
-    "@flowselections/core": "1.0.12",
-    "@lovable.dev/vite-tanstack-config": "2.6.4",
+    "@flowselections/core": "^1.0.16",
+    "@lovable.dev/vite-tanstack-config": "2.13.1",
     "@rsbuild/core": "^1.0.0",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.83.0",

package/dist-lib/components/CartAssignmentWizard.d.ts

@@ -1,6 +0,0 @@
-export declare function CartAssignmentWizard({ orderId, open, onClose, }: {
-    orderId: string | null;
-    open: boolean;
-    onClose: () => void;
-}): import("react").JSX.Element;
-//# sourceMappingURL=CartAssignmentWizard.d.ts.map

package/dist-lib/components/CartAssignmentWizard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartAssignmentWizard.d.ts","sourceRoot":"","sources":["../../src/components/CartAssignmentWizard.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EAAE,IAAI,EAAE,OAAO,GACvB,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAsUhE"}

package/dist-lib/components/CartAssignmentWizard.js

@@ -1,199 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { useServerFn } from "@tanstack/react-start";
-import { Button, Badge, Card, CardContent, CardHeader, CardTitle, Input, Label, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { Plus, Trash2, AlertTriangle, CheckCircle2 } from "lucide-react";
-import { planAndSaveAutoCarts, saveManualCarts } from "../lib/mailbox.functions";
-export function CartAssignmentWizard({ orderId, open, onClose, }) {
-    const fetchPlan = useServerFn(planAndSaveAutoCarts);
-    const fetchSave = useServerFn(saveManualCarts);
-    const { data, isLoading, refetch } = useQuery({
-        queryKey: ["cart-plan", orderId],
-        enabled: !!orderId && open,
-        queryFn: async () => {
-            try {
-                return await fetchPlan({ data: { orderId: orderId } });
-            }
-            catch (e) {
-                toast.error(e?.message ?? "Indelen mislukt");
-                return { autoCarts: [], remainders: [], existingManualCarts: [], nextCartNumber: 1 };
-            }
-        },
-    });
-    const autoCarts = Array.isArray(data?.autoCarts) ? data.autoCarts : [];
-    const remainders = Array.isArray(data?.remainders) ? data.remainders : [];
-    const existingManualCarts = Array.isArray(data?.existingManualCarts) ? data.existingManualCarts : [];
-    // Pool met nog in te delen fusten per orderregel
-    const [pool, setPool] = useState({});
-    const [manual, setManual] = useState([]);
-    useEffect(() => {
-        const p = {};
-        remainders.forEach((r) => { p[r.order_item_id] = r.crates_remaining; });
-        setPool(p);
-        // Bestaande handmatige karren herstellen — capaciteitsmeta uit remainders aanvullen.
-        const remMeta = {};
-        remainders.forEach((r) => { remMeta[r.order_item_id] = r; });
-        setManual(existingManualCarts.map((c) => ({
-            id: crypto.randomUUID(),
-            items: c.items.map((i) => {
-                const meta = i.order_item_id ? remMeta[i.order_item_id] : null;
-                return {
-                    ...i,
-                    crates_per_layer: meta?.crates_per_layer ?? i.crates_per_layer ?? 1,
-                    layers_per_cart: meta?.layers_per_cart ?? i.layers_per_cart ?? 1,
-                };
-            }),
-        })));
-    }, [data]);
-    const remByItem = useMemo(() => {
-        const m = {};
-        remainders.forEach((r) => { m[r.order_item_id] = r; });
-        return m;
-    }, [remainders]);
-    const addCart = () => setManual((m) => [...m, { id: crypto.randomUUID(), items: [] }]);
-    const addItemToCart = (cartId, orderItemId, crates) => {
-        const rem = remByItem[orderItemId];
-        if (!rem)
-            return;
-        const available = pool[orderItemId] ?? 0;
-        const take = Math.max(0, Math.min(crates, available));
-        if (take === 0)
-            return;
-        setPool((p) => ({ ...p, [orderItemId]: available - take }));
-        setManual((carts) => carts.map((c) => {
-            if (c.id !== cartId)
-                return c;
-            // merge in plaats van duplicate regel
-            const existingIdx = c.items.findIndex((i) => i.order_item_id === orderItemId);
-            if (existingIdx >= 0) {
-                const next = [...c.items];
-                next[existingIdx] = { ...next[existingIdx], crates: next[existingIdx].crates + take };
-                return { ...c, items: next };
-            }
-            return {
-                ...c,
-                items: [...c.items, {
-                        order_item_id: orderItemId,
-                        product_id: rem.product_id,
-                        product_name: rem.product_name,
-                        crates: take,
-                        plants_per_crate: rem.plants_per_crate,
-                        crates_per_layer: rem.crates_per_layer,
-                        layers_per_cart: rem.layers_per_cart,
-                    }],
-            };
-        }));
-    };
-    const removeItem = (cartId, orderItemId) => {
-        setManual((carts) => carts.map((c) => {
-            if (c.id !== cartId)
-                return c;
-            const item = c.items.find((i) => i.order_item_id === orderItemId);
-            if (!item)
-                return c;
-            setPool((p) => ({ ...p, [orderItemId]: (p[orderItemId] ?? 0) + item.crates }));
-            return { ...c, items: c.items.filter((i) => i.order_item_id !== orderItemId) };
-        }));
-    };
-    const removeCart = (cartId) => {
-        setManual((carts) => {
-            const c = carts.find((x) => x.id === cartId);
-            if (c) {
-                setPool((p) => {
-                    const np = { ...p };
-                    c.items.forEach((i) => {
-                        if (!i.order_item_id)
-                            return;
-                        np[i.order_item_id] = (np[i.order_item_id] ?? 0) + i.crates;
-                    });
-                    return np;
-                });
-            }
-            return carts.filter((x) => x.id !== cartId);
-        });
-    };
-    // Capaciteit per kar = max van betrokken artikelen (gemengde karren toegestaan,
-    // pakken we de hoogste cratesPerCart als bovengrens; waarschuwing toont per item).
-    const cartCapacity = (cart) => cart.items.length === 0
-        ? 0
-        : Math.max(...cart.items.map((i) => i.crates_per_layer * i.layers_per_cart));
-    const cartUsed = (cart) => cart.items.reduce((s, i) => s + i.crates, 0);
-    const totalRemainingInPool = Object.values(pool).reduce((s, n) => s + n, 0);
-    const handleSave = async () => {
-        if (totalRemainingInPool > 0) {
-            toast.error(`Nog ${totalRemainingInPool} fust niet ingedeeld — verdeel alles over een kar voordat je opslaat`);
-            return;
-        }
-        if (manual.some((c) => c.items.length === 0)) {
-            toast.error("Lege karren niet toegestaan");
-            return;
-        }
-        const overfull = manual.find((c) => cartUsed(c) > cartCapacity(c));
-        if (overfull) {
-            toast.error("Een kar overschrijdt de capaciteit");
-            return;
-        }
-        try {
-            await fetchSave({
-                data: {
-                    orderId: orderId,
-                    carts: manual.map((c) => ({
-                        is_complete: cartUsed(c) >= cartCapacity(c),
-                        items: c.items.map((i) => ({
-                            order_item_id: i.order_item_id,
-                            product_id: i.product_id,
-                            product_name: i.product_name,
-                            crates: Math.max(1, Math.trunc(i.crates)),
-                            plants_per_crate: Math.max(1, Math.trunc(i.plants_per_crate || 1)),
-                            crates_per_layer: Math.max(1, Math.trunc(i.crates_per_layer || 1)),
-                        })),
-                    })),
-                },
-            });
-            toast.success("Karindeling opgeslagen");
-            onClose();
-        }
-        catch (e) {
-            // requireSupabaseAuth en input-validatie gooien een Response; toString
-            // daarvan is "[object Response]" — zet om in leesbare melding zodat
-            // de React error-overlay niet wordt getriggerd.
-            let msg = "Opslaan mislukt";
-            if (e instanceof Response) {
-                try {
-                    msg = (await e.text()) || `HTTP ${e.status}`;
-                }
-                catch {
-                    msg = `HTTP ${e.status}`;
-                }
-                if (e.status === 401)
-                    msg = "Sessie verlopen — log opnieuw in";
-            }
-            else if (e?.message) {
-                msg = e.message;
-            }
-            toast.error(msg);
-            console.error("saveManualCarts failed:", e);
-        }
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: (o) => { if (!o)
-            onClose(); }, children: _jsxs(DialogContent, { className: "max-w-[95vw] w-[95vw] h-[92vh] max-h-[92vh] overflow-y-auto p-6", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Karindeling" }) }), isLoading ? (_jsx("div", { className: "text-muted-foreground", children: "Karren worden berekend..." })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { className: "text-base", children: "Automatisch ingedeelde karren" }), _jsxs(Badge, { variant: "secondary", children: [autoCarts.length, " kar(ren)"] })] }), _jsx(CardContent, { children: autoCarts.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen volledige karren mogelijk." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Kar #" }), _jsx(TableHead, { children: "Artikel" }), _jsx(TableHead, { className: "text-right", children: "Fusten" }), _jsx(TableHead, { className: "text-right", children: "Planten" }), _jsx(TableHead, { className: "text-right", children: "Bezetting" }), _jsx(TableHead, { children: "Status" })] }) }), _jsx(TableBody, { children: autoCarts.map((c) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono", children: c.cart_number }), _jsx(TableCell, { children: c.product_name }), _jsx(TableCell, { className: "text-right", children: c.crates }), _jsx(TableCell, { className: "text-right", children: c.plants }), _jsx(TableCell, { className: "text-right", children: "100%" }), _jsx(TableCell, { children: _jsxs(Badge, { className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), " Volledig"] }) })] }, c.cart_number))) })] })) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Handmatig in te delen fusten" }) }), _jsx(CardContent, { className: "space-y-3", children: remainders.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen restant \u2014 alles past volledig op karren." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Artikel" }), _jsx(TableHead, { className: "text-right", children: "Beschikbaar (fusten)" }), _jsx(TableHead, { className: "text-right", children: "Planten/fust" }), _jsx(TableHead, { className: "text-right", children: "Capaciteit/kar" })] }) }), _jsx(TableBody, { children: remainders.map((r) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: r.product_name }), _jsxs(TableCell, { className: "text-right font-mono", children: [pool[r.order_item_id] ?? 0, " / ", r.crates_remaining] }), _jsx(TableCell, { className: "text-right", children: r.plants_per_crate }), _jsx(TableCell, { className: "text-right", children: r.crates_per_layer * r.layers_per_cart })] }, r.order_item_id))) })] })) })] }), remainders.length > 0 && (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { className: "text-base", children: "Restant-karren samenstellen" }), _jsxs(Button, { size: "sm", onClick: addCart, children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Kar toevoegen"] })] }), _jsxs(CardContent, { className: "space-y-3", children: [manual.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Voeg een kar toe om restant-fusten in te delen." })), manual.map((cart, idx) => {
-                                            const used = cartUsed(cart);
-                                            const cap = cartCapacity(cart);
-                                            const pct = cap > 0 ? Math.round((used / cap) * 100) : 0;
-                                            const over = cap > 0 && used > cap;
-                                            return (_jsxs(Card, { className: over ? "border-destructive" : "", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between py-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "font-medium", children: ["Restant-kar ", idx + 1] }), _jsxs(Badge, { variant: over ? "destructive" : "secondary", children: [used, " / ", cap || "?", " fusten (", pct, "%)"] }), over && (_jsxs("span", { className: "text-xs text-destructive flex items-center gap-1", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), " Capaciteit overschreden"] }))] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => removeCart(cart.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsxs(CardContent, { className: "space-y-2", children: [cart.items.map((i) => (_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsxs("div", { children: [_jsx("span", { className: "font-medium", children: i.product_name }), _jsxs("span", { className: "text-muted-foreground", children: [" \u00B7 ", i.crates, " fust (", i.crates * i.plants_per_crate, " planten)"] })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => removeItem(cart.id, i.order_item_id), children: _jsx(Trash2, { className: "h-3 w-3" }) })] }, i.order_item_id))), _jsx(AddItemRow, { remainders: remainders, pool: pool, onAdd: (itemId, crates) => addItemToCart(cart.id, itemId, crates) })] })] }, cart.id));
-                                        })] })] }))] })), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Annuleren" }), _jsxs(Button, { onClick: handleSave, disabled: isLoading || totalRemainingInPool > 0, children: ["Karindeling opslaan", totalRemainingInPool > 0 && (_jsxs(Badge, { variant: "destructive", className: "ml-2", children: ["Nog ", totalRemainingInPool, " fust in te delen"] }))] })] })] }) }));
-}
-function AddItemRow({ remainders, pool, onAdd, }) {
-    const available = remainders.filter((r) => (pool[r.order_item_id] ?? 0) > 0);
-    const [sel, setSel] = useState("");
-    const [qty, setQty] = useState(1);
-    if (available.length === 0)
-        return null;
-    return (_jsxs("div", { className: "flex items-end gap-2 pt-2 border-t", children: [_jsxs("div", { className: "flex-1", children: [_jsx(Label, { className: "text-xs", children: "Artikel" }), _jsxs(Select, { value: sel, onValueChange: setSel, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies restant-artikel..." }) }), _jsx(SelectContent, { children: available.map((r) => (_jsxs(SelectItem, { value: r.order_item_id, children: [r.product_name, " (", pool[r.order_item_id], " fust beschikbaar)"] }, r.order_item_id))) })] })] }), _jsxs("div", { className: "w-24", children: [_jsx(Label, { className: "text-xs", children: "Fusten" }), _jsx(Input, { type: "number", min: 1, value: qty, onChange: (e) => setQty(Math.max(1, Number(e.target.value) || 1)) })] }), _jsxs(Button, { size: "sm", disabled: !sel, onClick: () => { if (sel) {
-                    onAdd(sel, qty);
-                    setSel("");
-                    setQty(1);
-                } }, children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Toevoegen"] })] }));
-}

package/dist-lib/components/MailboxInboxPage.d.ts

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

package/dist-lib/components/MailboxInboxPage.d.ts.map

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

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"}