@flowselections/mailbox-orders 1.0.9 → 1.0.11

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" }), "."] })] })) })] }));
-}