@flowselections/twinfield-authenticatie-module-15-06-2026 1.3.19 → 1.3.20

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

@@ -1 +1 @@
-{"version":3,"file":"TwinfieldAuthSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/TwinfieldAuthSettingsCard.tsx"],"names":[],"mappings":"AA0aA,wBAAgB,yBAAyB,CAAC,EACxC,eAAsB,GACvB,GAAE;IACD,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,+BA6WL"}
+{"version":3,"file":"TwinfieldAuthSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/TwinfieldAuthSettingsCard.tsx"],"names":[],"mappings":"AAobA,wBAAgB,yBAAyB,CAAC,EACxC,eAAsB,GACvB,GAAE;IACD,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,+BA+WL"}

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

@@ -5,7 +5,7 @@ import { Card, Button, Badge, Select, SelectContent, SelectItem, SelectTrigger,
 import { ChevronUp, ChevronDown, Link2, Unlink } from "lucide-react";
 const twinfieldLogo = "/flowselections-assets/twinfield-authenticatie/twinfield-logo.svg";
 import { startTwinfieldOAuth, syncTwinfieldCentralAccounts, listTwinfieldConnections, disconnectTwinfieldConnection, setTwinfieldConnectionOffice, listTwinfieldOfficesForConnection, } from "../../lib/twinfield.functions.js";
-import { triggerTwinfieldSync, getTwinfieldSyncState, } from "../../lib/twinfield-sync.functions.js";
+import { triggerTwinfieldSync, getTwinfieldSyncState, getTwinfieldPublicBaseUrl, setTwinfieldPublicBaseUrl, } from "../../lib/twinfield-sync.functions.js";
 import { listTwinfieldPushQueue, retryTwinfieldQueueItem, } from "../../lib/twinfield-adapter.functions.js";
 import { cn } from "../../lib/utils.js";
 /** PostgREST meldt ontbrekende kolommen als schema-cachefout. Dat betekent in de
@@ -169,7 +169,7 @@ function ConnectionCard({ conn, onChanged, onDisconnected, }) {
         try {
             const res = await trigger({ data: { entity_type: entity } });
             if (res.ok) {
-                toast.success(`${entity === "customers" ? "Debiteuren" : "Verkoopfacturen"} bijgewerkt (${res.upserted} rij(en)).`);
+                toast.success(`${entity === "customers" ? "Debiteuren" : entity === "invoices" ? "Verkoopfacturen" : "Grootboekrekeningen"} bijgewerkt (${res.upserted} rij(en)).`);
             }
             else {
                 toast.error(`Bijwerken mislukt: ${res.error ?? "onbekende fout"}`);
@@ -195,7 +195,7 @@ function ConnectionCard({ conn, onChanged, onDisconnected, }) {
                                             return null;
                                         return (_jsxs("span", { className: "flex items-baseline gap-2 truncate", children: [_jsx("span", { className: "truncate", children: selected.name ?? selected.code }), _jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: selected.code })] }));
                                     })() }) }), _jsx(SelectContent, { children: offices.map((o) => (_jsx(SelectItem, { value: o.code, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { children: o.name ?? o.code }), _jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: o.code })] }) }, o.code))) })] })) : loadingOffices ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Administraties ophalen\u2026" })) : officesStatus === "error" ? (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-xs text-destructive", children: officesMessage ?? "Administraties konden niet opgehaald worden." }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => setOfficesReload((n) => n + 1), children: "Opnieuw proberen" }), needsReauth && (_jsxs(Button, { size: "sm", onClick: handleReauthorize, disabled: reauthorizing, children: [_jsx(Link2, { className: "h-4 w-4 mr-1.5" }), reauthorizing ? "Bezig…" : "Opnieuw autoriseren"] }))] })] })) : (_jsx("div", { className: "text-xs text-muted-foreground", children: officesMessage ??
-                            "Dit Twinfield-account heeft geen administraties. Koppel een account met toegang tot een administratie." }))] }), effectiveOfficeCode && (_jsxs("div", { className: "flex flex-wrap gap-2 pt-1", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => runSync("customers"), disabled: busy === "customers", children: busy === "customers" ? "Debiteuren…" : "Debiteuren bijwerken" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => runSync("invoices"), disabled: busy === "invoices", children: busy === "invoices" ? "Facturen…" : "Facturen bijwerken" })] }))] }));
+                            "Dit Twinfield-account heeft geen administraties. Koppel een account met toegang tot een administratie." }))] }), effectiveOfficeCode && (_jsxs("div", { className: "flex flex-wrap gap-2 pt-1", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => runSync("customers"), disabled: busy === "customers", children: busy === "customers" ? "Debiteuren…" : "Debiteuren bijwerken" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => runSync("invoices"), disabled: busy === "invoices", children: busy === "invoices" ? "Facturen…" : "Facturen bijwerken" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => runSync("ledger-accounts"), disabled: busy === "ledger-accounts", children: busy === "ledger-accounts" ? "Grootboek…" : "Grootboekrekeningen bijwerken" })] }))] }));
 }
 export function TwinfieldAuthSettingsCard({ defaultExpanded = true, } = {}) {
     const startOAuth = useServerFn(startTwinfieldOAuth);
@@ -301,7 +301,7 @@ export function TwinfieldAuthSettingsCard({ defaultExpanded = true, } = {}) {
                                                             ? "Koppeling controleren…"
                                                             : anyConnected
                                                                 ? "Verbonden"
-                                                                : "Niet verbonden" })] })] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "E\u00E9n Twinfield-account per omgeving. Verbreek eerst de huidige koppeling om te wisselen naar een ander account." })] })] }), _jsx("button", { type: "button", onClick: () => setIsExpanded((v) => !v), className: "shrink-0 p-1 rounded-md hover:bg-muted transition-colors", "aria-label": isExpanded ? "Samenvouwen" : "Uitklappen", children: isExpanded ? (_jsx(ChevronUp, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(ChevronDown, { className: "h-5 w-5 text-muted-foreground" })) })] }), isExpanded && (_jsxs("div", { className: "space-y-6 p-6", children: [centralNotice && (_jsx("div", { className: "rounded-lg border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", "aria-live": "polite", children: centralNotice })), !hasAny && !loading && (_jsxs("div", { className: "rounded-lg border border-dashed p-8 text-center space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Nog niet verbonden met Twinfield" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Log in bij Twinfield en geef eenmalig toestemming. Wij bewaren de toegang veilig en verversen tokens automatisch." })] }), _jsxs(Button, { size: "lg", onClick: handleConnect, disabled: connecting, children: [_jsx(Link2, { className: "h-4 w-4 mr-2" }), connecting ? "Koppelen…" : "Verbind met Twinfield"] })] })), hasAny && (_jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Gekoppelde administratie" }), _jsx("div", { className: "space-y-3", children: connections.map((c) => (_jsx(ConnectionCard, { conn: c, onChanged: () => loadAll(), onDisconnected: async () => {
+                                                                : "Niet verbonden" })] })] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "E\u00E9n Twinfield-account per omgeving. Verbreek eerst de huidige koppeling om te wisselen naar een ander account." })] })] }), _jsx("button", { type: "button", onClick: () => setIsExpanded((v) => !v), className: "shrink-0 p-1 rounded-md hover:bg-muted transition-colors", "aria-label": isExpanded ? "Samenvouwen" : "Uitklappen", children: isExpanded ? (_jsx(ChevronUp, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(ChevronDown, { className: "h-5 w-5 text-muted-foreground" })) })] }), isExpanded && (_jsxs("div", { className: "space-y-6 p-6", children: [_jsx(ShellAddressSection, {}), centralNotice && (_jsx("div", { className: "rounded-lg border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", "aria-live": "polite", children: centralNotice })), !hasAny && !loading && (_jsxs("div", { className: "rounded-lg border border-dashed p-8 text-center space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Nog niet verbonden met Twinfield" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Log in bij Twinfield en geef eenmalig toestemming. Wij bewaren de toegang veilig en verversen tokens automatisch." })] }), _jsxs(Button, { size: "lg", onClick: handleConnect, disabled: connecting, children: [_jsx(Link2, { className: "h-4 w-4 mr-2" }), connecting ? "Koppelen…" : "Verbind met Twinfield"] })] })), hasAny && (_jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Gekoppelde administratie" }), _jsx("div", { className: "space-y-3", children: connections.map((c) => (_jsx(ConnectionCard, { conn: c, onChanged: () => loadAll(), onDisconnected: async () => {
                                         // Optimistisch: verwijder rij direct uit UI en sla Central-sync over,
                                         // anders wordt de rij vanuit Central Auth meteen opnieuw opgehaald.
                                         setConnections((prev) => prev.filter((row) => row.id !== c.id));
@@ -348,3 +348,56 @@ export function TwinfieldAuthSettingsCard({ defaultExpanded = true, } = {}) {
                                                 }, children: retrying === q.id ? "Bezig…" : "Opnieuw" }))] }, q.id));
                                 }) })] }))] }))] }));
 }
+function formatTs(ts) {
+    if (!ts)
+        return "nog nooit";
+    const d = new Date(ts);
+    return isNaN(d.getTime()) ? "onbekend" : d.toLocaleString("nl-NL");
+}
+function ShellAddressSection() {
+    const load = useServerFn(getTwinfieldPublicBaseUrl);
+    const save = useServerFn(setTwinfieldPublicBaseUrl);
+    const [envSet, setEnvSet] = useState(false);
+    const [value, setValue] = useState("");
+    const [saving, setSaving] = useState(false);
+    const [jobs, setJobs] = useState([]);
+    const refresh = () => load()
+        .then((r) => {
+        setEnvSet(!!r?.env_set);
+        setValue(r?.stored ?? "");
+        setJobs(Array.isArray(r?.job_states) ? r.job_states : []);
+    })
+        .catch(() => { });
+    useEffect(() => {
+        void refresh();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const onSave = async () => {
+        setSaving(true);
+        try {
+            const r = await save({ data: { url: value } });
+            if (r.ok)
+                toast.success(`Taken geregistreerd op ${r.base_url}`);
+            else
+                toast.error(r.error);
+            await refresh();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const job = (k) => jobs.find((j) => j.entity_type === k);
+    const rows = [
+        ["open_payments", "Betaalstatus (elk uur)"],
+        ["invoices_reconcile", "Nachtelijke herscan"],
+    ];
+    return (_jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Shell-adres voor achtergrondtaken" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: envSet
+                            ? "Ingesteld via de omgevingsvariabele PUBLIC_BASE_URL; die gaat voor op dit veld."
+                            : "Het publieke adres van deze shell. Zonder adres worden er geen taken ingepland." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "url", value: value, onChange: (e) => setValue(e.target.value), placeholder: "https://\u2026", className: "flex-1 rounded-md border bg-background px-3 py-2 text-sm" }), _jsx(Button, { onClick: onSave, disabled: saving || value.trim().length < 8, children: saving ? "Bezig…" : "Opslaan en taken registreren" })] }), _jsx("div", { className: "space-y-1 text-xs", children: rows.map(([k, label]) => {
+                    const j = job(k);
+                    return (_jsxs("div", { className: "flex flex-wrap justify-between gap-2", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsxs("span", { className: j?.last_error ? "text-destructive" : "text-foreground", children: [formatTs(j?.last_synced_at), j?.last_error ? ` — ${j.last_error}` : ""] })] }, k));
+                }) })] }));
+}