@flowselections/mailbox-orders 1.0.59 → 1.0.60

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