@flowselections/facturen-installatie-techniek 1.4.5 → 1.5.1

package/README.md

@@ -0,0 +1,27 @@
+# @flowselections/facturen-installatie-techniek
+
+Facturen-module voor FlowSelections-shells: facturen maken uit werkbonnen/offertes of handmatig, bewerken, samenvoegen, als PDF versturen.
+
+## Instellingen (per database)
+- **Btw-tarieven** — tabel `invoice_vat_rates` (tarief, omschrijving, standaard, actief). Standaard 21% (standaard) en 9%. "Btw verlegd" (0%) is altijd een aparte keuze. Beheer: Instellingen → Btw en tijdzone.
+- **Tijdzone** — tabel `invoice_module_settings.timezone`, standaard `Europe/Amsterdam`. Bepaalt "vandaag" voor de factuurdatum en de week/maand/jaar-periodes.
+- Ontbreken deze tabellen of rijen, dan gebruikt de module de standaardwaarden hierboven en logt een waarschuwing (`[facturen] instellingen ontbreken…`); de controlekaart toont dit ook.
+
+## Rekenregels
+`src/lib/rekenregels.ts` bevat de gedeelde FlowSelections-rekenregels (bedragen naar centen, kalenderdatums, pakket-, reis-, afrondings- en mandaatregels). Deze module gebruikt `parseBedragNaarCenten`, `vandaagLokaal`, `plusDagen` en `lokaleDatum`; basispakketten rekenen nog met de bestaande factuurlogica.
+
+## Gedrag
+- Bedragen en aantallen: "12,50", "12.50", "1.250,00" en "1,250.00" worden herkend; ongeldige invoer geeft "Ongeldig bedrag" en blokkeert opslaan.
+- Per bron (werkbon/offerte) bestaat maximaal één niet-gecrediteerde factuur (unieke index + controle in `invoice_create_from_source`).
+- Samenvoegen alleen bij dezelfde klant (klant-id) en hetzelfde btw-regime; ook in `invoice_merge` gecontroleerd.
+- Opslaan controleert of een ander intussen wijzigde (`invoice_update_full_vat`, optionele `_expected_updated_at`).
+- Lange facturen worden meerdere A4-pagina's met kopregel en paginanummer. De PDF wordt alleen gedownload via de knop "PDF downloaden".
+- Verzenden naar een ander adres wijzigt het klantrecord niet.
+
+## Vereist in de omgeving
+- Shell-sessie en Supabase-client via `@flowselections/core`.
+- Opslagbuckets `layout-logos` en `artikel-fotos`.
+- Server: `SUPABASE_URL`, `SUPABASE_PUBLISHABLE_KEY` (door de shell geleverd).
+
+## Tests
+`bunx vitest@3 run`

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

@@ -1 +1 @@
-{"version":3,"file":"FacturenForInstallatieTechniek.d.ts","sourceRoot":"","sources":["../../src/components/FacturenForInstallatieTechniek.tsx"],"names":[],"mappings":"AAmLA,wBAAgB,8BAA8B,gCAwiB7C"}
+{"version":3,"file":"FacturenForInstallatieTechniek.d.ts","sourceRoot":"","sources":["../../src/components/FacturenForInstallatieTechniek.tsx"],"names":[],"mappings":"AAqLA,wBAAgB,8BAA8B,gCAwjB7C"}

package/dist-lib/components/FacturenForInstallatieTechniek.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { WerkbonPreviewPanel } from "./WerkbonPreviewPanel.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { dependencyMessage } from "../lib/dependencies";
-import { DEFAULT_VAT_RATE } from "../lib/config";
+import { dependencyMessage, explainError } from "../lib/dependencies";
+import { plusDagen, vandaagLokaal } from "../lib/rekenregels";
+import { useInvoiceSettings } from "../lib/settings";
 import { supabase } from "@flowselections/core";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Dialog, DialogContent, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
 import { Plus } from "lucide-react";
-import { createInvoiceFromSource, emptyInvoiceDetails, fetchInvoicesDetailed, fetchInvoiceKpis, fetchSourceLines, formatCents, listSources, SOURCE_LABELS, STATUS_LABELS, emptyInvoiceBranding, fetchInvoiceBranding, getInvoiceLogoUrl, editLineToBillable, emptyEditLine, peekNextInvoiceNumber, canMerge, canSelectForMerge, mergeInvoices, } from "../lib/facturen";
+import { createInvoiceFromSource, emptyInvoiceDetails, firstLineInputError, mergeBlockReason, fetchInvoicesDetailed, fetchInvoiceKpis, fetchSourceLines, formatCents, listSources, SOURCE_LABELS, STATUS_LABELS, emptyInvoiceBranding, fetchInvoiceBranding, getInvoiceLogoUrl, editLineToBillable, emptyEditLine, peekNextInvoiceNumber, canMerge, canSelectForMerge, mergeInvoices, } from "../lib/facturen";
 import { InvoiceA4Preview } from "./InvoiceA4Preview";
 function statusVariant(status) {
     if (status === "betaald")
@@ -34,7 +35,7 @@ function InvoiceTable({ invoices, emptyText, onOpen, selection, }) {
                                 onOpen(invoice.id);
                         }, children: [selection && (_jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: _jsx("input", { type: "checkbox", "aria-label": `Selecteer ${invoice.invoice_number ?? "factuur"}`, className: "h-4 w-4 accent-primary", checked: checked, disabled: !selectable, onChange: () => selection.onToggle(invoice) }) })), _jsx(TableCell, { className: "font-medium", children: selection ? (invoice.invoice_number ?? "—") : (_jsx(Link, { to: "/facturen-installatietechniek/detail/$id", params: { id: invoice.id }, search: { send: false }, className: "underline-offset-2 hover:underline", children: invoice.invoice_number ?? "—" })) }), _jsx(TableCell, { children: invoice.customer_name ?? "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: "outline", children: SOURCE_LABELS[invoice.source_type]
                                         ? SOURCE_LABELS[invoice.source_type] + (invoice.source_number ? ` ${invoice.source_number}` : "")
-                                        : "—" }) }), _jsx(TableCell, { children: new Date(invoice.invoice_date).toLocaleDateString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: formatCents(invoice.total_cents) }), _jsx(TableCell, { children: _jsx(Badge, { variant: statusVariant(invoice.status), children: STATUS_LABELS[invoice.status] ?? invoice.status }) })] }, invoice.id));
+                                        : "—" }) }), _jsx(TableCell, { children: invoice.invoice_date ? new Date(`${invoice.invoice_date}T12:00:00`).toLocaleDateString("nl-NL") : "—" }), _jsx(TableCell, { className: "text-right", children: formatCents(invoice.total_cents) }), _jsx(TableCell, { children: _jsx(Badge, { variant: statusVariant(invoice.status), children: STATUS_LABELS[invoice.status] ?? invoice.status }) })] }, invoice.id));
                 }) })] }));
 }
 export function FacturenForInstallatieTechniek() {
@@ -60,9 +61,18 @@ export function FacturenForInstallatieTechniek() {
     const mergeRef = useRef(false);
     const mergeIds = useMemo(() => new Set(mergeSelected.map((i) => i.id)), [mergeSelected]);
     const stopMerge = () => { setMergeMode(false); setMergeSelected([]); setMergeConfirm(false); };
-    const toggleMerge = (invoice) => setMergeSelected((cur) => cur.some((i) => i.id === invoice.id)
-        ? cur.filter((i) => i.id !== invoice.id)
-        : canSelectForMerge(invoice, cur) ? [...cur, invoice] : cur);
+    const toggleMerge = (invoice) => {
+        if (!mergeSelected.some((i) => i.id === invoice.id)) {
+            const reason = mergeBlockReason(invoice, mergeSelected);
+            if (reason) {
+                toast.error(`Niet samen te voegen: ${reason}`);
+                return;
+            }
+        }
+        setMergeSelected((cur) => cur.some((i) => i.id === invoice.id)
+            ? cur.filter((i) => i.id !== invoice.id)
+            : canSelectForMerge(invoice, cur) ? [...cur, invoice] : cur);
+    };
     const doMerge = async () => {
         if (!canMerge(mergeSelected) || mergeRef.current)
             return;
@@ -75,7 +85,8 @@ export function FacturenForInstallatieTechniek() {
             await navigate({ to: "/facturen-installatietechniek/detail/$id", params: { id }, search: { send: true } });
         }
         catch (e) {
-            toast.error(e instanceof Error ? e.message : "Samenvoegen mislukt");
+            console.error("Samenvoegen mislukt", e);
+            toast.error(`Samenvoegen mislukt: ${explainError(e)}`);
         }
         finally {
             mergeRef.current = false;
@@ -91,7 +102,9 @@ export function FacturenForInstallatieTechniek() {
     const [pickedCustomerId, setPickedCustomerId] = useState(null);
     const [tab, setTab] = useState("handmatig");
     const [details, setDetails] = useState(emptyInvoiceDetails);
-    const [vatRate, setVatRate] = useState(String(DEFAULT_VAT_RATE));
+    const settings = useInvoiceSettings();
+    const [vatRate, setVatRate] = useState(String(settings.defaultVatRate));
+    useEffect(() => { setVatRate(String(settings.defaultVatRate)); }, [settings.defaultVatRate]);
     const [lines, setLines] = useState([emptyEditLine()]);
     const [nextNumber, setNextNumber] = useState(null);
     const [linkedWorkOrder, setLinkedWorkOrder] = useState(null);
@@ -198,26 +211,27 @@ export function FacturenForInstallatieTechniek() {
         search: { send: false },
     }), [navigate]);
     const kpi = useMemo(() => {
-        const now = new Date();
+        // Kalenderdatums (yyyy-mm-dd) in de tijdzone uit de instellingen.
+        const today = vandaagLokaal(settings.timezone);
+        const weekday = (new Date(`${today}T00:00:00Z`).getUTCDay() + 6) % 7; // ma = 0
+        const weekStart = plusDagen(today, -weekday);
+        const weekEnd = plusDagen(weekStart, 7);
         const inPeriod = (d) => {
+            if (!d)
+                return false;
             if (paidPeriod === "jaar")
-                return d.getFullYear() === now.getFullYear();
+                return d.slice(0, 4) === today.slice(0, 4);
             if (paidPeriod === "maand")
-                return d.getFullYear() === now.getFullYear() && d.getMonth() === now.getMonth();
-            // huidige kalenderweek (maandag t/m zondag)
-            const start = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-            start.setDate(start.getDate() - ((start.getDay() + 6) % 7));
-            const end = new Date(start);
-            end.setDate(end.getDate() + 7);
-            return d >= start && d < end;
+                return d.slice(0, 7) === today.slice(0, 7);
+            return d >= weekStart && d < weekEnd;
         };
         const paidRows = Array.isArray(kpiData?.paidThisYear) ? kpiData.paidThisYear : [];
         const paidMonthCents = paidRows
-            .filter((i) => inPeriod(new Date(i.invoice_date)))
+            .filter((i) => inPeriod(String(i.invoice_date ?? "").slice(0, 10)))
             .reduce((sum, i) => sum + (Number(i.total_cents) || 0), 0);
         const openCount = kpiData?.openCount ?? 0;
         return { paidMonthCents, openCount };
-    }, [kpiData, paidPeriod]);
+    }, [kpiData, paidPeriod, settings.timezone]);
     const createFromSource = async () => {
         const source = sources.find((s) => s.id === selectedSource);
         if (!source) {
@@ -229,6 +243,11 @@ export function FacturenForInstallatieTechniek() {
         createRef.current = true;
         setSaving(true);
         try {
+            const { data: sess } = await supabase.auth.getSession();
+            if (!sess?.session) {
+                toast.error("Factuur aanmaken mislukt: Je bent niet (meer) ingelogd. Log opnieuw in.");
+                return;
+            }
             const sourceLines = await fetchSourceLines(sourceType, source.id);
             if (sourceLines.length === 0) {
                 toast.error("Deze bron heeft geen factureerbare regels");
@@ -246,8 +265,9 @@ export function FacturenForInstallatieTechniek() {
             setOpen(false);
             await load();
         }
-        catch {
-            toast.error("Factuur aanmaken mislukt");
+        catch (e) {
+            console.error("Factuur aanmaken mislukt", e);
+            toast.error(`Factuur aanmaken mislukt: ${explainError(e)}`);
         }
         finally {
             createRef.current = false;
@@ -255,6 +275,11 @@ export function FacturenForInstallatieTechniek() {
         }
     };
     const createManual = async () => {
+        const invalid = firstLineInputError(lines);
+        if (invalid) {
+            toast.error(invalid);
+            return;
+        }
         const payloadLines = lines.filter((l) => l.description.trim() !== "").map(editLineToBillable);
         if (!details.customer_name.trim() || payloadLines.length === 0) {
             toast.error("Vul een klantnaam en minimaal één regel in");
@@ -265,11 +290,16 @@ export function FacturenForInstallatieTechniek() {
         createRef.current = true;
         setSaving(true);
         try {
+            const { data: sess } = await supabase.auth.getSession();
+            if (!sess?.session) {
+                toast.error("Factuur aanmaken mislukt: Je bent niet (meer) ingelogd. Log opnieuw in.");
+                return;
+            }
             const result = await createInvoiceFromSource({
                 sourceType: linkedWorkOrder ? "work_order" : "manual",
                 sourceId: linkedWorkOrder?.id ?? null,
                 customerId: linkedWorkOrder?.customer_id ?? pickedCustomerId ?? null,
-                vatRate: parseFloat(vatRate.replace(",", ".")) || DEFAULT_VAT_RATE,
+                vatRate: Number(vatRate.replace(",", ".")) || settings.defaultVatRate,
                 lines: payloadLines,
                 details,
             });
@@ -282,8 +312,9 @@ export function FacturenForInstallatieTechniek() {
                 search: { send: true },
             });
         }
-        catch {
-            toast.error("Factuur aanmaken mislukt");
+        catch (e) {
+            console.error("Factuur aanmaken mislukt", e);
+            toast.error(`Factuur aanmaken mislukt: ${explainError(e)}`);
         }
         finally {
             createRef.current = false;

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

@@ -1 +1 @@
-{"version":3,"file":"FactuurDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/FactuurDetailPage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,iBAAiB,gCA2chC"}
+{"version":3,"file":"FactuurDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/FactuurDetailPage.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,iBAAiB,gCAudhC"}

package/dist-lib/components/FactuurDetailPage.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { DEFAULT_VAT_RATE } from "../lib/config";
+import { useInvoiceSettings } from "../lib/settings";
 import { Link, useNavigate, useParams, useSearch } from "@tanstack/react-router";
 import { Badge, Button, Dialog, DialogContent, DialogHeader, DialogTitle, Input, Label, Textarea, toast, } from "@flowselections/core";
 import { ArrowLeft, ChevronLeft, ChevronRight, Download, FileCheck2, Mail, Pencil, Save, X } from "lucide-react";
-import { detailsFromRecord, downloadPdfBase64, elementToPdfBase64, emptyInvoiceBranding, emptyInvoiceDetails, fetchCustomerEmail, fetchInvoice, fetchInvoiceEmailPurpose, fetchSenderForPurpose, fetchInvoiceItems, fetchInvoices, getInvoiceLogoUrl, itemToEditLine, registerInvoiceSend, sendInvoiceEmail, setInvoiceNote, SOURCE_LABELS, STATUS_LABELS, updateInvoiceFull, } from "../lib/facturen";
+import { detailsFromRecord, downloadPdfBase64, elementToPdfBase64, emptyInvoiceBranding, emptyInvoiceDetails, fetchCustomerEmail, fetchInvoice, fetchInvoiceEmailPurpose, fetchSenderForPurpose, fetchInvoiceItems, fetchInvoices, getInvoiceLogoUrl, itemToEditLine, registerInvoiceSend, sendInvoiceEmail, setInvoiceNote, SOURCE_LABELS, STATUS_LABELS, updateInvoiceFull, firstLineInputError, InvoiceConflictError, } from "../lib/facturen";
 import { InvoiceA4Preview } from "./InvoiceA4Preview";
 const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const isValidEmail = (value) => EMAIL_PATTERN.test(value.trim());
@@ -39,6 +39,9 @@ export function FactuurDetailPage() {
     const [reverseCharge, setReverseCharge] = useState(false);
     const [noteSaving, setNoteSaving] = useState(false);
     const [noteSavedAt, setNoteSavedAt] = useState(null);
+    const settings = useInvoiceSettings();
+    const settingsRef = useRef(settings);
+    settingsRef.current = settings;
     const loadSeqRef = useRef(0);
     const load = useCallback(async () => {
         const seq = ++loadSeqRef.current;
@@ -56,7 +59,7 @@ export function FactuurDetailPage() {
             setNoteSavedAt(null);
             setDetails(detailsFromRecord(inv));
             const safeRows = Array.isArray(rows) ? rows : [];
-            setLines(safeRows.map((r) => itemToEditLine(r, Number(inv?.vat_rate ?? DEFAULT_VAT_RATE))));
+            setLines(safeRows.map((r) => itemToEditLine(r, Number(inv?.vat_rate ?? settingsRef.current.defaultVatRate))));
             setLogoUrl(logo);
         }
         catch {
@@ -111,18 +114,29 @@ export function FactuurDetailPage() {
             search: { send: false },
         });
     };
+    const saveRef = useRef(false);
+    const lineError = firstLineInputError(lines);
     const save = async () => {
+        if (saveRef.current)
+            return;
+        if (lineError) {
+            toast.error(`Kan niet opslaan: ${lineError}`);
+            return;
+        }
+        saveRef.current = true;
         setSaving(true);
         try {
-            await updateInvoiceFull(id, details, lines, invoice?.note ?? null, reverseCharge);
+            await updateInvoiceFull(id, details, lines, invoice?.note ?? null, reverseCharge, invoice?.updated_at ?? null);
             toast.success("Factuur opgeslagen");
             setEditing(false);
             await load();
         }
         catch (e) {
-            toast.error(e instanceof Error ? e.message : "Opslaan mislukt");
+            console.error("[facturen] opslaan mislukt", e);
+            toast.error(e instanceof InvoiceConflictError ? e.message : e instanceof Error ? e.message : "Opslaan mislukt");
         }
         finally {
+            saveRef.current = false;
             setSaving(false);
         }
     };
@@ -174,9 +188,8 @@ export function FactuurDetailPage() {
             return;
         setPreparingPdf(true);
         try {
-            const pdf = await elementToPdfBase64(sheetRef.current);
+            const pdf = await elementToPdfBase64(sheetRef.current, { header: `Factuur ${invoice?.invoice_number ?? ""}`.trim() });
             setPreparedPdf(pdf);
-            downloadPdfBase64(pdf, pdfFilename);
         }
         catch (error) {
             toast.error(error instanceof Error ? error.message : "De factuur-PDF kon niet worden aangemaakt");
@@ -281,5 +294,10 @@ export function FactuurDetailPage() {
     }
     const isConcept = invoice.status === "concept";
     const wasSent = Boolean(invoice.sent_at);
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "sticky top-16 z-20 -mx-6 flex flex-wrap items-center gap-3 border-b border-border/60 bg-background px-6 py-3", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs(Link, { to: "/facturen-installatietechniek", className: "gap-1", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Overzicht"] }) }), _jsx("h1", { className: "text-xl font-semibold", children: invoice.invoice_number ?? "Concept" }), _jsxs(Badge, { variant: "outline", children: [SOURCE_LABELS[invoice.source_type] ?? invoice.source_type, invoice.source_number ? ` ${invoice.source_number}` : ""] }), invoice.sent_at ? (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Verzonden ", new Date(invoice.sent_at).toLocaleString("nl-NL"), " aan ", invoice.sent_to] })) : null, _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "flex items-center gap-1 rounded-full border border-border bg-card p-1", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-full", "aria-label": "Vorige factuur op de lijst", title: "Vorige factuur op de lijst", disabled: editing || loading || siblingsLoading || !prevInvoice, onClick: () => goToSibling(prevInvoice?.id), children: _jsx(ChevronLeft, { className: "h-5 w-5" }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-full", "aria-label": "Volgende factuur op de lijst", title: "Volgende factuur op de lijst", disabled: editing || loading || siblingsLoading || !nextInvoice, onClick: () => goToSibling(nextInvoice?.id), children: _jsx(ChevronRight, { className: "h-5 w-5" }) })] }), editing ? (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: () => { setEditing(false); void load(); }, disabled: saving, children: [_jsx(X, { className: "mr-2 h-4 w-4" }), "Annuleren"] }), _jsxs(Button, { onClick: save, disabled: saving, children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), saving ? "Opslaan…" : "Opslaan"] })] })) : (_jsxs(_Fragment, { children: [!wasSent ? (_jsxs(Button, { variant: "outline", onClick: () => (isConcept ? setEditing(true) : toast.error("Alleen conceptfacturen kunnen worden bewerkt. Zet de status terug op Concept.")), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Bewerken"] })) : null, _jsxs(Button, { onClick: () => void openSend(), children: [_jsx(Mail, { className: "mr-2 h-4 w-4" }), wasSent ? "Opnieuw verzenden" : "Verzenden"] })] })), _jsx(Badge, { variant: "secondary", className: "px-3 py-1.5 text-sm", title: "De status wordt automatisch bepaald", children: STATUS_LABELS[invoice.status] ?? invoice.status })] })] }), _jsxs("div", { className: "flex flex-col gap-6 xl:flex-row xl:items-start", children: [_jsxs("aside", { className: "w-full shrink-0 space-y-2 rounded-lg border border-border bg-card p-4 xl:sticky xl:top-36 xl:w-72", children: [_jsx(Label, { htmlFor: "inv-note", className: "text-sm font-semibold", children: "Notitie" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Alleen intern. Komt niet op de factuur of in de e-mail." }), _jsx(Textarea, { id: "inv-note", rows: 6, value: noteText, onChange: (e) => setNoteText(e.target.value), placeholder: "Typ hier een notitie\u2026" }), _jsxs(Button, { size: "sm", className: "w-full", onClick: () => void saveNote(), disabled: noteSaving || noteText === (invoice.note ?? ""), children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), noteSaving ? "Opslaan…" : "Notitie opslaan"] }), noteSavedAt ? (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Laatst opgeslagen ", new Date(noteSavedAt).toLocaleString("nl-NL")] })) : null] }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx(InvoiceA4Preview, { ref: sheetRef, branding: invoice.branding_snapshot ?? emptyInvoiceBranding(), details: details, lines: lines, invoiceNumber: invoice.invoice_number, logoUrl: logoUrl, printable: !editing, editable: editing, defaultVat: String(Number(invoice.vat_rate) || DEFAULT_VAT_RATE), onDetailsChange: setDetails, onLinesChange: setLines, reverseCharge: reverseCharge, onReverseChargeChange: setReverseCharge }) })] }), _jsx(Dialog, { open: sendOpen, onOpenChange: changeSendOpen, children: _jsxs(DialogContent, { className: "flex max-h-[92vh] max-w-[calc(100vw-2rem)] flex-col sm:max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Factuur verzenden" }) }), _jsxs("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto pr-1", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "mail-to", children: "E-mailadres klant" }), _jsx(Input, { id: "mail-to", type: "email", value: mail.to, onChange: (e) => setMail({ ...mail, to: e.target.value }), onBlur: () => setMailToTouched(true), placeholder: "naam@bedrijf.nl", "aria-invalid": mailToTouched && !isValidEmail(mail.to) }), mailToTouched && !isValidEmail(mail.to) ? (_jsx("p", { className: "text-xs text-destructive", children: "Vul een geldig e-mailadres in, bijvoorbeeld naam@bedrijf.nl" })) : null] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "mail-subject", children: "Onderwerp" }), _jsx(Input, { id: "mail-subject", value: mail.subject, onChange: (e) => setMail({ ...mail, subject: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "mail-msg", children: "Bericht" }), _jsx(Textarea, { id: "mail-msg", rows: 6, value: mail.message, onChange: (e) => setMail({ ...mail, message: e.target.value }) })] }), _jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-md border border-border p-3", children: [_jsx("input", { type: "checkbox", checked: attachPdf, onChange: (event) => setAttachPdf(event.target.checked), className: "mt-1 h-4 w-4 accent-primary" }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [preparedPdf ? _jsx(FileCheck2, { className: "h-4 w-4 text-primary" }) : _jsx(Download, { className: "h-4 w-4" }), "Factuur als PDF meesturen"] }), _jsx("span", { className: "mt-1 block truncate text-xs text-muted-foreground", children: preparingPdf ? "PDF wordt aangemaakt en gedownload…" : preparedPdf ? `${pdfFilename} is gedownload en klaar als bijlage.` : "PDF kon niet worden voorbereid." })] })] }), !attachPdf ? _jsx("p", { className: "text-xs text-destructive", children: "Vink de PDF aan om deze e-mail te kunnen versturen." }) : null, _jsxs("p", { className: "text-xs text-muted-foreground", children: [!senderChecked ? _jsx(_Fragment, { children: "Afzender controleren\u2026 " }) : sender ? _jsxs(_Fragment, { children: ["Verzonden vanaf ", _jsx("span", { className: "font-medium text-foreground", children: sender.account_email }), ". "] }) : _jsx("span", { className: "text-destructive", children: "Geen afzender ingesteld (Instellingen \u2192 Factuur e-mail). " }), "De factuur wordt als PDF-bijlage aangeboden aan de e-mailmodule."] }), _jsxs(Button, { className: "w-full", onClick: send, disabled: saving || preparingPdf || (senderChecked && !sender) || !attachPdf || !preparedPdf || !isValidEmail(mail.to), children: [_jsx(Mail, { className: "mr-2 h-4 w-4" }), saving ? "Bezig…" : preparingPdf ? "PDF voorbereiden…" : "Verzenden met PDF"] })] })] }) }), _jsx(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Ander e-mailadres dan bekend" }) }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [knownEmail ? (_jsxs(_Fragment, { children: ["Dit adres wijkt af van het bekende adres van de klant (", _jsx("span", { className: "font-medium text-foreground", children: knownEmail }), ")."] })) : (_jsx(_Fragment, { children: "Er is geen e-mailadres van deze klant bekend." })), " ", "Weet je zeker dat je naar ", _jsx("span", { className: "font-medium text-foreground", children: mail.to.trim() }), " wilt verzenden?"] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setConfirmOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: () => void doSend(), disabled: saving, children: "Toch verzenden" })] })] }) })] }));
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "sticky top-16 z-20 -mx-6 flex flex-wrap items-center gap-3 border-b border-border/60 bg-background px-6 py-3", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs(Link, { to: "/facturen-installatietechniek", className: "gap-1", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Overzicht"] }) }), _jsx("h1", { className: "text-xl font-semibold", children: invoice.invoice_number ?? "Concept" }), _jsxs(Badge, { variant: "outline", children: [SOURCE_LABELS[invoice.source_type] ?? invoice.source_type, invoice.source_number ? ` ${invoice.source_number}` : ""] }), invoice.sent_at ? (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Verzonden ", new Date(invoice.sent_at).toLocaleString("nl-NL"), " aan ", invoice.sent_to] })) : null, _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "flex items-center gap-1 rounded-full border border-border bg-card p-1", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-full", "aria-label": "Vorige factuur op de lijst", title: "Vorige factuur op de lijst", disabled: editing || loading || siblingsLoading || !prevInvoice, onClick: () => goToSibling(prevInvoice?.id), children: _jsx(ChevronLeft, { className: "h-5 w-5" }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-full", "aria-label": "Volgende factuur op de lijst", title: "Volgende factuur op de lijst", disabled: editing || loading || siblingsLoading || !nextInvoice, onClick: () => goToSibling(nextInvoice?.id), children: _jsx(ChevronRight, { className: "h-5 w-5" }) })] }), editing ? (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: () => { setEditing(false); void load(); }, disabled: saving, children: [_jsx(X, { className: "mr-2 h-4 w-4" }), "Annuleren"] }), _jsxs(Button, { onClick: save, disabled: saving || Boolean(lineError), title: lineError ?? undefined, children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), saving ? "Opslaan…" : "Opslaan"] })] })) : (_jsxs(_Fragment, { children: [!wasSent ? (_jsxs(Button, { variant: "outline", onClick: () => (isConcept ? setEditing(true) : toast.error("Alleen conceptfacturen kunnen worden bewerkt. Zet de status terug op Concept.")), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Bewerken"] })) : null, _jsxs(Button, { onClick: () => void openSend(), children: [_jsx(Mail, { className: "mr-2 h-4 w-4" }), wasSent ? "Opnieuw verzenden" : "Verzenden"] })] })), _jsx(Badge, { variant: "secondary", className: "px-3 py-1.5 text-sm", title: "De status wordt automatisch bepaald", children: STATUS_LABELS[invoice.status] ?? invoice.status })] })] }), _jsxs("div", { className: "flex flex-col gap-6 xl:flex-row xl:items-start", children: [_jsxs("aside", { className: "w-full shrink-0 space-y-2 rounded-lg border border-border bg-card p-4 xl:sticky xl:top-36 xl:w-72", children: [_jsx(Label, { htmlFor: "inv-note", className: "text-sm font-semibold", children: "Notitie" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Alleen intern. Komt niet op de factuur of in de e-mail." }), _jsx(Textarea, { id: "inv-note", rows: 6, value: noteText, onChange: (e) => setNoteText(e.target.value), placeholder: "Typ hier een notitie\u2026" }), _jsxs(Button, { size: "sm", className: "w-full", onClick: () => void saveNote(), disabled: noteSaving || noteText === (invoice.note ?? ""), children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), noteSaving ? "Opslaan…" : "Notitie opslaan"] }), noteSavedAt ? (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Laatst opgeslagen ", new Date(noteSavedAt).toLocaleString("nl-NL")] })) : null] }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx(InvoiceA4Preview, { ref: sheetRef, branding: invoice.branding_snapshot ?? emptyInvoiceBranding(), details: details, lines: lines, invoiceNumber: invoice.invoice_number, logoUrl: logoUrl, printable: !editing, editable: editing, defaultVat: String(Number(invoice.vat_rate) || settings.defaultVatRate), onDetailsChange: setDetails, onLinesChange: setLines, reverseCharge: reverseCharge, onReverseChargeChange: setReverseCharge }) })] }), _jsx(Dialog, { open: sendOpen, onOpenChange: changeSendOpen, children: _jsxs(DialogContent, { className: "flex max-h-[92vh] max-w-[calc(100vw-2rem)] flex-col sm:max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Factuur verzenden" }) }), _jsxs("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto pr-1", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "mail-to", children: "E-mailadres klant" }), _jsx(Input, { id: "mail-to", type: "email", value: mail.to, onChange: (e) => setMail({ ...mail, to: e.target.value }), onBlur: () => setMailToTouched(true), placeholder: "naam@bedrijf.nl", "aria-invalid": mailToTouched && !isValidEmail(mail.to) }), mailToTouched && !isValidEmail(mail.to) ? (_jsx("p", { className: "text-xs text-destructive", children: "Vul een geldig e-mailadres in, bijvoorbeeld naam@bedrijf.nl" })) : null] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "mail-subject", children: "Onderwerp" }), _jsx(Input, { id: "mail-subject", value: mail.subject, onChange: (e) => setMail({ ...mail, subject: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "mail-msg", children: "Bericht" }), _jsx(Textarea, { id: "mail-msg", rows: 6, value: mail.message, onChange: (e) => setMail({ ...mail, message: e.target.value }) })] }), _jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-md border border-border p-3", children: [_jsx("input", { type: "checkbox", checked: attachPdf, onChange: (event) => setAttachPdf(event.target.checked), className: "mt-1 h-4 w-4 accent-primary" }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [preparedPdf ? _jsx(FileCheck2, { className: "h-4 w-4 text-primary" }) : _jsx(Download, { className: "h-4 w-4" }), "Factuur als PDF meesturen"] }), _jsx("span", { className: "mt-1 block truncate text-xs text-muted-foreground", children: preparingPdf ? "PDF wordt aangemaakt…" : preparedPdf ? `${pdfFilename} is klaar als bijlage.` : "PDF kon niet worden voorbereid." })] })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: !preparedPdf || preparingPdf, onClick: () => { try {
+                                        downloadPdfBase64(preparedPdf, pdfFilename);
+                                    }
+                                    catch (e) {
+                                        toast.error(e instanceof Error ? e.message : "Downloaden mislukt");
+                                    } }, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "PDF downloaden"] }), !attachPdf ? _jsx("p", { className: "text-xs text-destructive", children: "Vink de PDF aan om deze e-mail te kunnen versturen." }) : null, _jsxs("p", { className: "text-xs text-muted-foreground", children: [!senderChecked ? _jsx(_Fragment, { children: "Afzender controleren\u2026 " }) : sender ? _jsxs(_Fragment, { children: ["Verzonden vanaf ", _jsx("span", { className: "font-medium text-foreground", children: sender.account_email }), ". "] }) : _jsx("span", { className: "text-destructive", children: "Geen afzender ingesteld (Instellingen \u2192 Factuur e-mail). " }), "De factuur wordt als PDF-bijlage aangeboden aan de e-mailmodule."] }), _jsxs(Button, { className: "w-full", onClick: send, disabled: saving || preparingPdf || (senderChecked && !sender) || !attachPdf || !preparedPdf || !isValidEmail(mail.to), children: [_jsx(Mail, { className: "mr-2 h-4 w-4" }), saving ? "Bezig…" : preparingPdf ? "PDF voorbereiden…" : "Verzenden met PDF"] })] })] }) }), _jsx(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Ander e-mailadres dan bekend" }) }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [knownEmail ? (_jsxs(_Fragment, { children: ["Dit adres wijkt af van het bekende adres van de klant (", _jsx("span", { className: "font-medium text-foreground", children: knownEmail }), ")."] })) : (_jsx(_Fragment, { children: "Er is geen e-mailadres van deze klant bekend." })), " ", "Weet je zeker dat je naar ", _jsx("span", { className: "font-medium text-foreground", children: mail.to.trim() }), " wilt verzenden?"] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setConfirmOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: () => void doSend(), disabled: saving, children: "Toch verzenden" })] })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InvoiceA4Preview.d.ts","sourceRoot":"","sources":["../../src/components/InvoiceA4Preview.tsx"],"names":[],"mappings":"AAMA,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,cAAc,EAGpB,MAAM,iBAAiB,CAAC;AAIzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACxC,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAqDF,eAAO,MAAM,gBAAgB,+FAmN3B,CAAC"}
+{"version":3,"file":"InvoiceA4Preview.d.ts","sourceRoot":"","sources":["../../src/components/InvoiceA4Preview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAWL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,cAAc,EAGpB,MAAM,iBAAiB,CAAC;AAIzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACxC,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAoDF,eAAO,MAAM,gBAAgB,+FAuN3B,CAAC"}

package/dist-lib/components/InvoiceA4Preview.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useEffect, useMemo, useState } from "react";
-import { DEFAULT_VAT_RATE, SEARCH_DEBOUNCE_MS, VAT_OPTIONS as CONFIG_VAT_OPTIONS } from "../lib/config";
+import { SEARCH_DEBOUNCE_MS } from "../lib/config";
+import { useInvoiceSettings } from "../lib/settings";
 import { dependencyMessage } from "../lib/dependencies";
 import { useServerFn } from "@tanstack/react-start";
 import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@flowselections/core";
 import { ChevronDown, Minus, Package, Plus, Printer, Search, Trash2 } from "lucide-react";
-import { applyVatChoice, editLineToBillable, emptyEditLine, searchCustomers, fetchPackages, formatCents, basisLinePatch, isBasisPackage, splitQuarterDescription, } from "../lib/facturen";
+import { applyVatChoice, editLineToBillable, lineInputErrors, emptyEditLine, searchCustomers, fetchPackages, formatCents, basisLinePatch, isBasisPackage, splitQuarterDescription, } from "../lib/facturen";
 import { listInvoiceArticles } from "../lib/articles.functions";
 import { ArticlePhoto } from "./ArticlePhoto";
-const VAT_OPTIONS = CONFIG_VAT_OPTIONS;
 function CustomerPicker({ details, onDetailsChange, onPick }) {
     const [open, setOpen] = useState(false);
     const [q, setQ] = useState("");
@@ -38,8 +38,11 @@ function CustomerPicker({ details, onDetailsChange, onPick }) {
     const filtered = Array.isArray(items) ? items : [];
     return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("input", { value: details.customer_name, placeholder: "Klantnaam", onChange: (e) => onDetailsChange?.({ ...details, customer_name: e.target.value }), className: "w-full rounded-sm border border-dashed border-border bg-transparent px-1 py-0.5 font-semibold outline-none focus:border-primary" }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "h-6 shrink-0 px-1.5 print:hidden", "aria-label": "Kies klant", children: _jsx(ChevronDown, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { align: "start", className: "w-80 p-2", children: [_jsx(Input, { autoFocus: true, placeholder: "Zoek klant\u2026", value: q, onChange: (e) => setQ(e.target.value) }), _jsx("div", { className: "mt-2 max-h-64 overflow-y-auto", children: error ? _jsx("p", { className: "p-2 text-xs text-destructive", children: error }) : loading ? _jsx("p", { className: "p-2 text-xs text-muted-foreground", children: "Laden\u2026" }) : filtered.length === 0 ? _jsx("p", { className: "p-2 text-xs text-muted-foreground", children: "Geen klanten gevonden." }) : filtered.map((c) => (_jsxs("button", { type: "button", onClick: () => { onPick(c); setOpen(false); setQ(""); }, className: "block w-full rounded-sm px-2 py-1.5 text-left text-sm hover:bg-accent", children: [_jsx("div", { className: "font-medium", children: c.name ?? "—" }), _jsx("div", { className: "text-xs text-muted-foreground", children: [c.customer_number, c.billing_city].filter(Boolean).join(" · ") })] }, c.id))) })] })] })] }));
 }
-export const InvoiceA4Preview = forwardRef(function InvoiceA4Preview({ branding, details, lines, invoiceNumber, numberIsProvisional, logoUrl, printable = true, editable = false, defaultVat = String(DEFAULT_VAT_RATE), onDetailsChange, onLinesChange, onCustomerPick, reverseCharge = false, onReverseChargeChange }, ref) {
+export const InvoiceA4Preview = forwardRef(function InvoiceA4Preview({ branding, details, lines, invoiceNumber, numberIsProvisional, logoUrl, printable = true, editable = false, defaultVat: defaultVatProp, onDetailsChange, onLinesChange, onCustomerPick, reverseCharge = false, onReverseChargeChange }, ref) {
     const safeLines = Array.isArray(lines) ? lines : [];
+    const settings = useInvoiceSettings();
+    const defaultVat = defaultVatProp ?? String(settings.defaultVatRate);
+    const VAT_OPTIONS = settings.vatRates.filter((r) => r.active).map((r) => String(r.rate));
     const listArticles = useServerFn(listInvoiceArticles);
     const [articles, setArticles] = useState([]);
     const articleIds = safeLines.map((line) => line.articleId).filter((id) => Boolean(id));
@@ -94,8 +97,9 @@ export const InvoiceA4Preview = forwardRef(function InvoiceA4Preview({ branding,
     const fmtDate = (v) => (v ? new Date(`${v}T12:00:00`).toLocaleDateString("nl-NL") : "—");
     return (_jsxs("div", { className: "space-y-2", children: [printable ? (_jsx("div", { className: "flex justify-end print:hidden", children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => window.print(), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), "Afdrukken"] }) })) : null, _jsxs("article", { ref: ref, className: "invoice-print-target mx-auto flex min-h-[1123px] w-full max-w-[794px] flex-col bg-card text-card-foreground shadow-sm ring-1 ring-border", style: { "--invoice-primary": branding.primary_color, "--invoice-secondary": branding.secondary_color }, children: [_jsxs("header", { className: "flex h-36 items-stretch bg-[var(--invoice-primary)] px-8 py-4 text-primary-foreground", children: [_jsxs("div", { className: "flex flex-1 items-center gap-3", children: [_jsx("div", { className: "flex h-full items-center", children: logoUrl ? _jsx("img", { src: logoUrl, alt: `${branding.company_name} logo`, crossOrigin: "anonymous", className: "max-h-full max-w-56 object-contain" }) : _jsx("span", { className: "text-xs opacity-75", children: "BEDRIJFSLOGO" }) }), branding.show_company_name !== false ? _jsx("div", { className: "text-2xl font-semibold", children: branding.company_name || "Bedrijfsnaam" }) : null] }), _jsx("div", { className: "flex flex-col items-start justify-center text-left text-[11px] leading-4", children: contact.map((v) => _jsx("div", { children: v }, v)) })] }), _jsxs("div", { className: "flex flex-1 flex-col px-10 py-8 text-xs", children: [_jsxs("div", { className: "mb-8 flex items-start justify-between gap-8", children: [_jsxs("div", { className: "w-64 space-y-0.5 leading-5", children: [editable && onCustomerPick ? (_jsx(CustomerPicker, { details: details, onDetailsChange: onDetailsChange, onPick: onCustomerPick })) : (F({ k: "customer_name", placeholder: "Klantnaam", className: "font-semibold" })), editable || details.customer_attention ? _jsx("div", { children: F({ k: "customer_attention", placeholder: "T.a.v." }) }) : null, _jsx("div", { children: F({ k: "customer_address", placeholder: "Adres" }) }), _jsxs("div", { className: "flex gap-1", children: [F({ k: "customer_postal_code", placeholder: "Postcode", className: "w-24" }), F({ k: "customer_city", placeholder: "Plaats" })] }), editable || details.customer_vat_number ? _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "shrink-0", children: "Btw-nr:" }), F({ k: "customer_vat_number", placeholder: "—" })] }) : null] }), _jsxs("div", { className: "min-w-72", children: [_jsx("h2", { className: "mb-3 text-2xl font-semibold", children: "FACTUUR" }), _jsxs("dl", { className: "grid grid-cols-[auto_1fr] items-center gap-x-5 gap-y-1", children: [_jsx("dt", { children: "Factuurnummer" }), _jsxs("dd", { className: "font-medium", children: [number, numberIsProvisional && invoiceNumber ? _jsx("span", { className: "ml-1 text-[10px] font-normal text-muted-foreground print:hidden", children: "(voorlopig)" }) : null] }), _jsx("dt", { children: "Factuurdatum" }), _jsx("dd", { children: editable ? F({ k: "invoice_date", placeholder: "", type: "date" }) : fmtDate(details.invoice_date) }), _jsx("dt", { children: "Betaaltermijn" }), _jsx("dd", { children: editable ? _jsxs("span", { className: "flex items-center gap-1", children: [F({ k: "payment_term_days", placeholder: "30", className: "w-14" }), "dagen"] }) : `${details.payment_term_days || branding.payment_term_days} dagen` }), _jsx("dt", { children: "Vervaldatum" }), _jsx("dd", { children: formatDueDate(details.invoice_date, details.payment_term_days) }), _jsx("dt", { children: "Debiteurnummer" }), _jsx("dd", { children: F({ k: "debtor_number", placeholder: "—" }) }), _jsx("dt", { children: "Referentie" }), _jsx("dd", { children: F({ k: "reference", placeholder: "—" }) }), _jsx("dt", { children: "Werkbonnummer" }), _jsx("dd", { children: F({ k: "source_number", placeholder: "—" }) }), _jsx("dt", { children: "Werkadres" }), _jsx("dd", { children: F({ k: "work_address", placeholder: "—" }) }), _jsx("dt", { children: "Uitvoerdatum" }), _jsx("dd", { children: editable ? F({ k: "execution_date", placeholder: "", type: "date" }) : fmtDate(details.execution_date) })] })] })] }), _jsxs("table", { className: "w-full table-fixed border-collapse text-left", children: [_jsx("thead", { className: "border-y border-foreground/30", children: _jsxs("tr", { children: [_jsx("th", { className: "w-[44%] py-2", children: "Omschrijving" }), _jsx("th", { className: "w-[12%] py-2 text-right", children: "Aantal" }), _jsx("th", { className: "w-[15%] py-2 text-right", children: "Prijs" }), _jsx("th", { className: "w-[11%] py-2 text-right", children: "Btw" }), _jsx("th", { className: "w-[15%] py-2 text-right", children: "Totaal" }), editable ? _jsx("th", { className: "w-[3%]" }) : null] }) }), _jsx("tbody", { children: safeLines.length ? safeLines.map((line, i) => {
                                             const c = computed[i];
-                                            return (_jsx("tr", { className: "border-b border-border/60 align-top", children: editable ? (_jsxs(_Fragment, { children: [_jsx("td", { className: "py-1 pr-2", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("textarea", { rows: 1, value: line.description, placeholder: "Omschrijving", readOnly: Boolean(line.articleId) || isBasisLine(line), onChange: (e) => setL(i, { description: e.target.value }), className: "min-w-0 flex-1 resize-y rounded-sm border border-dashed border-border bg-transparent px-1 py-0.5 outline-none focus:border-primary read-only:border-transparent read-only:bg-muted/40" }), isBasisLine(line) ? _jsx(BasisBadge, {}) : null, line.articleId ? _jsx(ArticlePhoto, { src: articleById.get(line.articleId)?.photo_url ?? line.photoUrl, alt: line.description, className: "h-9 w-9" }) : null] }) }), _jsx("td", { className: "py-1", children: isBasisLine(line) ? (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx("button", { type: "button", "aria-label": "Kwartier minder", onClick: () => stepQuarter(i, -1), disabled: (line.extraQuarters ?? splitQuarterDescription(line.description).quarters) <= 0, className: "rounded border border-border p-0.5 disabled:opacity-40", children: _jsx(Minus, { className: "h-3 w-3" }) }), _jsxs("span", { className: "whitespace-nowrap text-xs tabular-nums", children: ["+", line.extraQuarters ?? splitQuarterDescription(line.description).quarters, " kw"] }), _jsx("button", { type: "button", "aria-label": "Kwartier meer", onClick: () => stepQuarter(i, 1), className: "rounded border border-border p-0.5", children: _jsx(Plus, { className: "h-3 w-3" }) })] })) : _jsx("input", { value: line.quantity, onChange: (e) => setL(i, { quantity: e.target.value }), className: "w-full rounded-sm border border-dashed border-border bg-transparent px-1 py-0.5 text-right outline-none focus:border-primary" }) }), _jsx("td", { className: "py-1 pl-1", children: _jsx("input", { value: line.price, placeholder: "0,00", readOnly: isBasisLine(line), onChange: (e) => setL(i, { price: e.target.value }), className: "w-full rounded-sm border border-dashed border-border bg-transparent px-1 py-0.5 text-right outline-none focus:border-primary read-only:border-transparent read-only:bg-muted/40" }) }), _jsx("td", { className: "py-1 pl-1", children: _jsx("select", { value: line.vat, disabled: Boolean(line.articleId) || reverseCharge, onChange: (e) => setL(i, { vat: e.target.value }), className: "w-full rounded-sm border border-dashed border-border bg-transparent px-0.5 py-0.5 text-right outline-none disabled:border-transparent disabled:bg-muted/40 disabled:opacity-100", children: [...new Set([...VAT_OPTIONS, line.vat])].map((v) => _jsxs("option", { value: v, children: [v, "%"] }, v)) }) }), _jsx("td", { className: "py-1.5 text-right", children: formatCents(c.line_total_cents) }), _jsx("td", { className: "py-1 text-right print:hidden", children: _jsx("button", { type: "button", "aria-label": "Regel verwijderen", onClick: () => onLinesChange?.(safeLines.filter((_, idx) => idx !== i)), className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) })] })) : (_jsxs(_Fragment, { children: [_jsx("td", { className: "whitespace-pre-wrap break-words py-2 pr-3", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "min-w-0 flex-1", children: line.description || "—" }), isBasisLine(line) ? _jsx(BasisBadge, {}) : null, line.articleId ? _jsx(ArticlePhoto, { src: articleById.get(line.articleId)?.photo_url ?? line.photoUrl, alt: line.description, className: "h-9 w-9" }) : null] }) }), _jsxs("td", { className: "py-2 text-right", children: [c.quantity, " ", line.unit] }), _jsx("td", { className: "py-2 text-right", children: formatCents(c.unit_price_cents) }), _jsxs("td", { className: "py-2 text-right", children: [c.vat_rate, "%"] }), _jsx("td", { className: "py-2 text-right", children: formatCents(c.line_total_cents) })] })) }, i));
-                                        }) : _jsx("tr", { children: _jsx("td", { colSpan: editable ? 6 : 5, className: "py-8 text-center text-muted-foreground", children: "Nog geen factuurregels" }) }) })] }), editable ? _jsx(AddLineBar, { defaultVat: reverseCharge ? "0" : defaultVat, onAdd: (l) => onLinesChange?.([...safeLines, l]) }) : null, _jsxs("div", { className: "mt-6 ml-auto w-64 space-y-1.5", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Totaal excl. btw" }), _jsx("span", { children: formatCents(subtotal) })] }), editable && onReverseChargeChange ? (_jsxs("div", { className: "flex items-center justify-between gap-2", "data-html2canvas-ignore": true, children: [_jsx("span", { children: "Btw factuur" }), _jsx("div", { className: "flex overflow-hidden rounded-md border border-border", children: ["21", "9", "verlegd"].map((c) => {
+                                            const errs = editable ? lineInputErrors(line) : {};
+                                            return (_jsx("tr", { className: "border-b border-border/60 align-top", children: editable ? (_jsxs(_Fragment, { children: [_jsx("td", { className: "py-1 pr-2", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("textarea", { rows: 1, value: line.description, placeholder: "Omschrijving", readOnly: Boolean(line.articleId) || isBasisLine(line), onChange: (e) => setL(i, { description: e.target.value }), className: "min-w-0 flex-1 resize-y rounded-sm border border-dashed border-border bg-transparent px-1 py-0.5 outline-none focus:border-primary read-only:border-transparent read-only:bg-muted/40" }), isBasisLine(line) ? _jsx(BasisBadge, {}) : null, line.articleId ? _jsx(ArticlePhoto, { src: articleById.get(line.articleId)?.photo_url ?? line.photoUrl, alt: line.description, className: "h-9 w-9" }) : null] }) }), _jsx("td", { className: "py-1", children: isBasisLine(line) ? (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx("button", { type: "button", "aria-label": "Kwartier minder", onClick: () => stepQuarter(i, -1), disabled: (line.extraQuarters ?? splitQuarterDescription(line.description).quarters) <= 0, className: "rounded border border-border p-0.5 disabled:opacity-40", children: _jsx(Minus, { className: "h-3 w-3" }) }), _jsxs("span", { className: "whitespace-nowrap text-xs tabular-nums", children: ["+", line.extraQuarters ?? splitQuarterDescription(line.description).quarters, " kw"] }), _jsx("button", { type: "button", "aria-label": "Kwartier meer", onClick: () => stepQuarter(i, 1), className: "rounded border border-border p-0.5", children: _jsx(Plus, { className: "h-3 w-3" }) })] })) : _jsxs(_Fragment, { children: [_jsx("input", { value: line.quantity, "aria-invalid": Boolean(errs.quantity), onChange: (e) => setL(i, { quantity: e.target.value }), className: `w-full rounded-sm border border-dashed bg-transparent px-1 py-0.5 text-right outline-none focus:border-primary ${errs.quantity ? "border-destructive" : "border-border"}` }), errs.quantity ? _jsx("span", { className: "block text-right text-[10px] text-destructive", "data-html2canvas-ignore": true, children: errs.quantity }) : null] }) }), _jsxs("td", { className: "py-1 pl-1", children: [_jsx("input", { value: line.price, placeholder: "0,00", "aria-invalid": Boolean(errs.price), readOnly: isBasisLine(line), onChange: (e) => setL(i, { price: e.target.value }), className: `w-full rounded-sm border border-dashed bg-transparent px-1 py-0.5 text-right outline-none focus:border-primary read-only:border-transparent read-only:bg-muted/40 ${errs.price ? "border-destructive" : "border-border"}` }), errs.price ? _jsx("span", { className: "block text-right text-[10px] text-destructive", "data-html2canvas-ignore": true, children: errs.price }) : null] }), _jsx("td", { className: "py-1 pl-1", children: _jsx("select", { value: line.vat, disabled: Boolean(line.articleId) || reverseCharge, onChange: (e) => setL(i, { vat: e.target.value }), className: "w-full rounded-sm border border-dashed border-border bg-transparent px-0.5 py-0.5 text-right outline-none disabled:border-transparent disabled:bg-muted/40 disabled:opacity-100", children: [...new Set([...VAT_OPTIONS, line.vat])].map((v) => _jsxs("option", { value: v, children: [v, "%"] }, v)) }) }), _jsx("td", { className: "py-1.5 text-right", children: formatCents(c.line_total_cents) }), _jsx("td", { className: "py-1 text-right print:hidden", children: _jsx("button", { type: "button", "aria-label": "Regel verwijderen", onClick: () => onLinesChange?.(safeLines.filter((_, idx) => idx !== i)), className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) })] })) : (_jsxs(_Fragment, { children: [_jsx("td", { className: "whitespace-pre-wrap break-words py-2 pr-3", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "min-w-0 flex-1", children: line.description || "—" }), isBasisLine(line) ? _jsx(BasisBadge, {}) : null, line.articleId ? _jsx(ArticlePhoto, { src: articleById.get(line.articleId)?.photo_url ?? line.photoUrl, alt: line.description, className: "h-9 w-9" }) : null] }) }), _jsxs("td", { className: "py-2 text-right", children: [c.quantity, " ", line.unit] }), _jsx("td", { className: "py-2 text-right", children: formatCents(c.unit_price_cents) }), _jsxs("td", { className: "py-2 text-right", children: [c.vat_rate, "%"] }), _jsx("td", { className: "py-2 text-right", children: formatCents(c.line_total_cents) })] })) }, i));
+                                        }) : _jsx("tr", { children: _jsx("td", { colSpan: editable ? 6 : 5, className: "py-8 text-center text-muted-foreground", children: "Nog geen factuurregels" }) }) })] }), editable ? _jsx(AddLineBar, { defaultVat: reverseCharge ? "0" : defaultVat, onAdd: (l) => onLinesChange?.([...safeLines, l]) }) : null, _jsxs("div", { className: "mt-6 ml-auto w-64 space-y-1.5", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Totaal excl. btw" }), _jsx("span", { children: formatCents(subtotal) })] }), editable && onReverseChargeChange ? (_jsxs("div", { className: "flex items-center justify-between gap-2", "data-html2canvas-ignore": true, children: [_jsx("span", { children: "Btw factuur" }), _jsx("div", { className: "flex overflow-hidden rounded-md border border-border", children: [...VAT_OPTIONS, "verlegd"].map((c) => {
                                                     const active = c === "verlegd" ? reverseCharge : !reverseCharge && computed.length > 0 && computed.every((l) => String(l.vat_rate) === c);
                                                     return (_jsx("button", { type: "button", onClick: () => { onReverseChargeChange(c === "verlegd"); onLinesChange?.(applyVatChoice(safeLines, c)); }, className: `px-2 py-0.5 text-xs ${active ? "bg-primary text-primary-foreground" : "bg-transparent hover:bg-muted"}`, children: c === "verlegd" ? "Verlegd" : `${c}%` }, c));
                                                 }) })] })) : null, reverseCharge ? (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Btw verlegd" }), _jsx("span", { children: formatCents(0) })] })) : (vatGroups.length ? vatGroups : [{ rate: Number(defaultVat) || 0, vat: 0 }]).map((g) => (_jsxs("div", { className: "flex justify-between", children: [_jsxs("span", { children: ["Btw ", g.rate, "%"] }), _jsx("span", { children: formatCents(g.vat) })] }, g.rate))), _jsxs("div", { className: "flex justify-between border-t border-foreground pt-2 text-sm font-semibold", children: [_jsx("span", { children: "Door u te betalen" }), _jsx("span", { children: formatCents(subtotal + (reverseCharge ? 0 : vatTotal)) })] }), reverseCharge ? _jsxs("p", { className: "pt-1 text-xs", children: ["Btw verlegd naar afnemer", details.customer_vat_number ? ` (btw-nr. ${details.customer_vat_number})` : ""] }) : null] }), _jsxs("p", { className: "mt-auto pb-5 pt-8 text-center font-medium", children: ["Graag betaling binnen ", details.payment_term_days || branding.payment_term_days, " dagen o.v.v. ", number] })] }), _jsxs("footer", { className: "grid min-h-16 grid-cols-3 items-center gap-4 bg-[var(--invoice-secondary)] px-8 py-4 text-[10px] text-primary-foreground", children: [_jsxs("span", { children: ["KvK ", branding.chamber_of_commerce_number || "—"] }), _jsxs("span", { className: "text-center", children: ["Btw-id ", branding.vat_identification_number || "—"] }), _jsxs("span", { className: "text-right", children: ["IBAN ", branding.iban || "—"] })] })] }), _jsx("style", { children: `@page{size:A4;margin:0}@media print{body *{visibility:hidden!important}.invoice-print-target,.invoice-print-target *{visibility:visible!important}.invoice-print-target{position:absolute!important;inset:0!important;width:210mm!important;min-height:297mm!important;height:auto!important;max-width:none!important;box-shadow:none!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.invoice-print-target tr{break-inside:avoid}}` })] }));

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceModuleSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/InvoiceModuleSettingsCard.tsx"],"names":[],"mappings":"AAKA,wBAAgB,yBAAyB,gCAiFxC"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Switch, toast } from "@flowselections/core";
+import { Loader2, Percent, Plus } from "lucide-react";
+import { fetchAllVatRates, saveTimezone, saveVatRate, useInvoiceSettings } from "../../lib/settings";
+export function InvoiceModuleSettingsCard() {
+    const settings = useInvoiceSettings();
+    const [tz, setTz] = useState(settings.timezone);
+    const [rates, setRates] = useState([]);
+    const [loadError, setLoadError] = useState(null);
+    const [busy, setBusy] = useState(null);
+    const [newRate, setNewRate] = useState("");
+    const [newDesc, setNewDesc] = useState("");
+    const reload = async () => {
+        try {
+            setRates(await fetchAllVatRates());
+            setLoadError(null);
+        }
+        catch (e) {
+            const m = e instanceof Error ? e.message : "Laden mislukt";
+            console.error("[facturen] btw-tarieven", e);
+            setLoadError(m);
+        }
+    };
+    useEffect(() => { void reload(); }, []);
+    useEffect(() => { setTz(settings.timezone); }, [settings.timezone]);
+    const run = async (key, fn, ok) => {
+        if (busy)
+            return;
+        setBusy(key);
+        try {
+            await fn();
+            await reload();
+            toast.success(ok);
+        }
+        catch (e) {
+            console.error("[facturen] instellingen", e);
+            toast.error(e instanceof Error ? e.message : "Opslaan mislukt");
+        }
+        finally {
+            setBusy(null);
+        }
+    };
+    const addRate = () => {
+        const n = Number(newRate.replace(",", "."));
+        if (!Number.isFinite(n) || n <= 0 || n >= 100) {
+            toast.error("Vul een btw-percentage tussen 0 en 100 in");
+            return;
+        }
+        void run("new", async () => { await saveVatRate({ rate: n, description: newDesc, is_default: false, active: true }); setNewRate(""); setNewDesc(""); }, "Btw-tarief toegevoegd");
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Percent, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Btw en tijdzone" })] }), _jsx(CardDescription, { children: "Btw-tarieven voor factuurregels en de tijdzone voor factuurdatums en periodes. \"Btw verlegd\" is altijd beschikbaar." })] }), _jsxs(CardContent, { className: "space-y-5", children: [settings.usingFallback && settings.warnings.length ? (_jsx("p", { className: "rounded-md border border-destructive/40 p-2 text-xs text-destructive", children: settings.warnings.join(" ") })) : null, _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "invoice-tz", children: "Tijdzone" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { id: "invoice-tz", value: tz, onChange: (e) => setTz(e.target.value), placeholder: "Europe/Amsterdam" }), _jsx(Button, { onClick: () => void run("tz", () => saveTimezone(tz.trim()), "Tijdzone opgeslagen"), disabled: Boolean(busy) || !tz.trim() || tz.trim() === settings.timezone, children: busy === "tz" ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Opslaan" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Btw-tarieven" }), loadError ? _jsxs("p", { className: "text-xs text-destructive", children: ["Btw-tarieven niet beschikbaar: ", loadError] }) : null, _jsx("div", { className: "space-y-2", children: rates.map((r) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-md border border-border p-2 text-sm", children: [_jsxs("span", { className: "w-12 font-medium tabular-nums", children: [r.rate, "%"] }), _jsx("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: r.description || "—" }), _jsxs("label", { className: "flex items-center gap-1 text-xs", children: [_jsx("input", { type: "radio", name: "invoice-vat-default", checked: r.is_default, disabled: Boolean(busy) || !r.active, onChange: () => void run(`d-${r.id}`, () => saveVatRate({ ...r, is_default: true }), `${r.rate}% is nu standaard`) }), "Standaard"] }), _jsxs("label", { className: "flex items-center gap-1 text-xs", children: [_jsx(Switch, { checked: r.active, disabled: Boolean(busy) || r.is_default, onCheckedChange: (v) => void run(`a-${r.id}`, () => saveVatRate({ ...r, active: v }), v ? "Tarief geactiveerd" : "Tarief uitgezet") }), "Actief"] })] }, r.id ?? r.rate))) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { value: newRate, onChange: (e) => setNewRate(e.target.value), placeholder: "%", className: "w-20", inputMode: "decimal" }), _jsx(Input, { value: newDesc, onChange: (e) => setNewDesc(e.target.value), placeholder: "Omschrijving", maxLength: 60 }), _jsx(Button, { variant: "outline", onClick: addRate, disabled: Boolean(busy) || !newRate.trim(), children: busy === "new" ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : _jsx(Plus, { className: "h-4 w-4" }) })] })] })] })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"ModuleHealthSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ModuleHealthSettingsCard.tsx"],"names":[],"mappings":"AAsBA,mFAAmF;AACnF,wBAAgB,wBAAwB,gCAmDvC"}
+{"version":3,"file":"ModuleHealthSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ModuleHealthSettingsCard.tsx"],"names":[],"mappings":"AAuBA,mFAAmF;AACnF,wBAAgB,wBAAwB,gCAoDvC"}

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

@@ -4,6 +4,7 @@ import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, supa
 import { CheckCircle2, AlertTriangle, RefreshCw } from "lucide-react";
 import { STORAGE_BUCKETS } from "../../lib/config";
 import { isMissingObjectError } from "../../lib/dependencies";
+import { loadInvoiceSettings } from "../../lib/settings";
 import { fetchInvoiceBranding, fetchInvoiceEmailPurpose, fetchSenderForPurpose } from "../../lib/facturen";
 const db = supabase;
 async function tableCheck(table, label, module) {
@@ -33,6 +34,7 @@ export function ModuleHealthSettingsCard() {
                 return { label: "Afzender factuurmail", ok: Boolean(s?.id), hint: `Geen mailbox gekoppeld aan '${p}'.` };
             })
                 .catch((e) => ({ label: "Afzender factuurmail", ok: false, hint: isMissingObjectError(e) ? "Module E-mail - Authenticatie ontbreekt." : "Niet bereikbaar." })),
+            loadInvoiceSettings(true).then((st) => ({ label: "Btw-tarieven en tijdzone", ok: !st.usingFallback, hint: `${st.warnings.join(" ")} Standaardwaarden worden gebruikt.` })),
             bucketCheck(STORAGE_BUCKETS.logos, "Opslag logo"),
             bucketCheck(STORAGE_BUCKETS.articlePhotos, "Opslag artikelfoto's"),
             tableCheck("artikelen_instellingen", "Marge-instelling", "Artikelen"),

package/dist-lib/index.d.ts

@@ -1,6 +1,8 @@
 import type { FlowModule } from "@flowselections/core";
 import { InvoiceEmailSettingsCard } from "./components/settings/InvoiceEmailSettingsCard";
 import { ModuleHealthSettingsCard } from "./components/settings/ModuleHealthSettingsCard";
+import { InvoiceModuleSettingsCard } from "./components/settings/InvoiceModuleSettingsCard";
+export { InvoiceModuleSettingsCard };
 export { ModuleHealthSettingsCard };
 export { ModuleErrorView } from "./components/ModuleErrorView";
 export { InvoiceEmailSettingsCard };

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,eAAO,MAAM,iCAAiC,EAAE,UAgB/C,CAAC;AACF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,iDAAiD,CAAC;AAC5F,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,eAAO,MAAM,iCAAiC,EAAE,UAiB/C,CAAC;AACF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC"}

package/dist-lib/index.js

@@ -5,6 +5,8 @@ import { FileText } from "lucide-react";
 import { InvoiceBrandingSettingsCard } from "./components/settings/InvoiceBrandingSettingsCard";
 import { InvoiceEmailSettingsCard } from "./components/settings/InvoiceEmailSettingsCard";
 import { ModuleHealthSettingsCard } from "./components/settings/ModuleHealthSettingsCard";
+import { InvoiceModuleSettingsCard } from "./components/settings/InvoiceModuleSettingsCard";
+export { InvoiceModuleSettingsCard };
 export { ModuleHealthSettingsCard };
 export { ModuleErrorView } from "./components/ModuleErrorView";
 export { InvoiceEmailSettingsCard };
@@ -15,7 +17,7 @@ export { TemplateModuleLogo } from './components/TemplateModuleLogo';
 export const facturenInstallatietechniekModule = {
     id: "facturen-installatietechniek",
     name: "Facturen Installatietechniek",
-    version: "1.4.4", // houd gelijk aan package.json (zie src/lib/module-version.test.ts)
+    version: "1.5.0", // houd gelijk aan package.json (zie src/lib/module-version.test.ts)
     nav: {
         label: "Facturen",
         href: "/facturen-installatietechniek",
@@ -24,7 +26,8 @@ export const facturenInstallatietechniekModule = {
     settingsCards: [
         { component: InvoiceBrandingSettingsCard, order: 20 },
         { component: InvoiceEmailSettingsCard, order: 21 },
-        { component: ModuleHealthSettingsCard, order: 22 },
+        { component: InvoiceModuleSettingsCard, order: 22 },
+        { component: ModuleHealthSettingsCard, order: 23 },
     ],
 };
 export { InvoiceDetailsFields } from "./components/InvoiceDetailsFields";