@flowselections/offertes-installatie-techniek 1.0.2 → 1.21.1

package/dist-lib/components/offertes/VoorstelOffertePaneel.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Groot paneel: links het werkbonvoorstel, rechts het bewerkbare AI-offertevoorstel.
+import { useEffect, useMemo, useState } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea, supabase, toast, } from "@flowselections/core";
+import { ChevronLeft, ChevronRight, Loader2, Plus, RefreshCw, Trash2, Wand2, X } from "lucide-react";
+import { laadVoorstelRegels, } from "../../hooks/useWerkbonVoorstellen";
+import { genereerOfferteConcept } from "../../lib/offerteAi.functions";
+import { formatDatum, formatEuro } from "../../lib/offertes";
+const db = supabase;
+function plusDagen(n) {
+    const d = new Date();
+    d.setDate(d.getDate() + n);
+    return d.toISOString().slice(0, 10);
+}
+function Veld({ label, value }) {
+    if (value === null || value === undefined || value === "")
+        return null;
+    return (_jsxs("div", { className: "space-y-0.5", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { className: "whitespace-pre-wrap text-sm", children: value })] }));
+}
+export function VoorstelOffertePaneel({ voorstel, index, aantalVoorstellen, onNavigate, onClose, onCreated, onSaveConcept }) {
+    const navigate = useNavigate();
+    const genereer = useServerFn(genereerOfferteConcept);
+    const [bronRegels, setBronRegels] = useState([]);
+    const [regels, setRegels] = useState([]);
+    const [omschrijving, setOmschrijving] = useState("");
+    const [vat, setVat] = useState(21);
+    const [geldigTot, setGeldigTot] = useState(plusDagen(30));
+    const [aiBezig, setAiBezig] = useState(false);
+    const [aiFout, setAiFout] = useState(null);
+    const [opslaan, setOpslaan] = useState(false);
+    const pasToe = (c) => {
+        setRegels(Array.isArray(c.regels) ? c.regels : []);
+        setOmschrijving(c.omschrijving ?? "");
+        setVat(c.vat_rate ?? 21);
+        setGeldigTot(plusDagen(c.geldig_dagen ?? 30));
+    };
+    const draaiAi = async (lijnen) => {
+        setAiBezig(true);
+        setAiFout(null);
+        try {
+            const { data: sess } = await supabase.auth.getSession();
+            const token = sess?.session?.access_token;
+            if (!token)
+                throw new Error("Niet ingelogd");
+            const { data: pk } = await db.rpc("quote_list_packages");
+            const pakketten = (Array.isArray(pk) ? pk : []).map((p) => ({
+                id: p.id,
+                code: p.code,
+                name: p.name,
+                unit_price_cents: p.unit_price_cents,
+            }));
+            const { klant_naam, ai_concept, seen_at, offerte_id, ...bron } = voorstel;
+            const res = await genereer({
+                data: { accessToken: token, voorstel: { ...bron, klant_naam }, regels: lijnen, pakketten },
+            });
+            if (res.error || !res.concept) {
+                setAiFout(res.error ?? "AI kon geen offerte opstellen.");
+                return;
+            }
+            pasToe(res.concept);
+            onSaveConcept(res.concept);
+        }
+        catch (e) {
+            setAiFout(e?.message ?? "AI-verzoek mislukt");
+        }
+        finally {
+            setAiBezig(false);
+        }
+    };
+    useEffect(() => {
+        (async () => {
+            const lijnen = await laadVoorstelRegels(voorstel.id);
+            setBronRegels(lijnen);
+            const bestaand = voorstel.ai_concept;
+            if (bestaand && Array.isArray(bestaand.regels))
+                pasToe(bestaand);
+            else
+                draaiAi(lijnen);
+        })();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [voorstel.id]);
+    const subtotaal = useMemo(() => regels.reduce((s, r) => s + Math.round((r.quantity || 0) * (r.unit_price_cents || 0)), 0), [regels]);
+    const btw = Math.round((subtotaal * (vat || 0)) / 100);
+    const totaal = subtotaal + btw;
+    const mandaat = voorstel.budget_mandate_cents ?? 0;
+    const binnenMandaat = mandaat > 0 && totaal <= mandaat;
+    const wijzig = (i, patch) => setRegels((rs) => rs.map((r, j) => (j === i ? { ...r, ...patch } : r)));
+    const maakAan = async () => {
+        setOpslaan(true);
+        try {
+            const { data, error } = await db
+                .from("itk_offertes")
+                .insert({
+                source_type: "werkbon_voorstel",
+                source_ref: voorstel.id,
+                source_number: voorstel.externe_referentie || voorstel.subject || null,
+                customer_id: voorstel.customer_id,
+                omschrijving,
+                vat_rate: vat,
+                valid_until: geldigTot || null,
+                mandaat_restant_cents: mandaat,
+                binnen_mandaat: binnenMandaat,
+                ai_generated: true,
+            })
+                .select("id")
+                .single();
+            if (error || !data)
+                throw error ?? new Error("geen id");
+            const id = data.id;
+            if (regels.length) {
+                const { error: rErr } = await db.from("itk_offerte_regels").insert(regels.map((r, i) => ({
+                    offerte_id: id,
+                    source: "ai",
+                    omschrijving: r.description,
+                    quantity: r.quantity,
+                    unit_price_cents: Math.round(r.unit_price_cents),
+                    sort_order: i,
+                })));
+                if (rErr)
+                    throw rErr;
+            }
+            await db.from("itk_offerte_events").insert({
+                offerte_id: id,
+                event_type: "aangemaakt",
+                omschrijving: `Aangemaakt vanuit werkbonvoorstel ${voorstel.subject ?? ""}`.trim(),
+            });
+            await onCreated(id);
+            toast.success("Offerte aangemaakt");
+            navigate({ to: "/offertes/$offerteId", params: { offerteId: id } });
+        }
+        catch (e) {
+            console.error(e);
+            toast.error("Offerte aanmaken mislukt");
+        }
+        finally {
+            setOpslaan(false);
+        }
+    };
+    return (_jsxs("div", { className: "fixed inset-y-0 right-0 z-50 flex flex-col bg-background shadow-2xl", style: { left: "var(--flow-sidebar-width, 16rem)" }, children: [_jsxs("div", { className: "flex items-center justify-between border-b px-6 py-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: "Offerte opstellen uit werkbonvoorstel" }), _jsx("p", { className: "text-xs text-muted-foreground", children: voorstel.klant_naam ?? voorstel.from_name ?? voorstel.from_email })] }), _jsxs("div", { className: "flex items-center gap-2", children: [aantalVoorstellen > 1 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", disabled: index <= 0, onClick: () => onNavigate(index - 1), "aria-label": "Vorig voorstel", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("span", { className: "min-w-20 text-center text-sm text-muted-foreground", children: ["Voorstel ", index + 1, " van ", aantalVoorstellen] }), _jsx(Button, { variant: "outline", size: "icon", disabled: index >= aantalVoorstellen - 1, onClick: () => onNavigate(index + 1), "aria-label": "Volgend voorstel", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, "aria-label": "Sluiten", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsxs("div", { className: "grid min-h-0 flex-1 grid-cols-1 overflow-hidden lg:grid-cols-2", children: [_jsxs("div", { className: "space-y-4 overflow-y-auto border-r p-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Werkbonvoorstel" }) }), _jsxs(CardContent, { className: "space-y-3", children: [_jsx(Veld, { label: "Onderwerp", value: voorstel.subject }), _jsx(Veld, { label: "Afzender", value: [voorstel.from_name, voorstel.from_email].filter(Boolean).join(" · ") }), _jsx(Veld, { label: "Ontvangen", value: formatDatum(voorstel.received_at) }), _jsx(Veld, { label: "Klant", value: voorstel.klant_naam }), _jsx(Veld, { label: "Werkadres", value: [voorstel.work_address, voorstel.room_number].filter(Boolean).join(" · ") }), _jsx(Veld, { label: "Klacht", value: voorstel.complaint_description }), _jsx(Veld, { label: "Taak monteur", value: voorstel.technician_task_description }), _jsx(Veld, { label: "Gepland", value: voorstel.scheduled_start_time ? formatDatum(voorstel.scheduled_start_time) : null }), _jsx(Veld, { label: "Geschatte duur", value: voorstel.estimated_duration_minutes ? `${voorstel.estimated_duration_minutes} min` : null }), _jsx(Veld, { label: "Deadline", value: voorstel.deadline_date ? formatDatum(voorstel.deadline_date) : null }), _jsx(Veld, { label: "Externe referentie", value: voorstel.externe_referentie }), _jsx(Veld, { label: "Mandaat", value: mandaat ? formatEuro(mandaat) : null }), _jsx(Veld, { label: "Interne notities", value: voorstel.internal_notes })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Regels in voorstel" }) }), _jsxs(CardContent, { className: "space-y-2", children: [bronRegels.length === 0 && _jsx("p", { className: "text-sm text-muted-foreground", children: "Geen regels." }), bronRegels.map((r) => (_jsxs("div", { className: "flex justify-between gap-2 text-sm", children: [_jsxs("span", { children: [r.description || r.article_number || r.line_type, r.note && _jsx("span", { className: "block text-xs text-muted-foreground", children: r.note })] }), _jsxs("span", { className: "text-muted-foreground", children: [r.quantity ?? "", " ", r.unit ?? ""] })] }, r.id)))] })] })] }), _jsxs("div", { className: "space-y-4 overflow-y-auto p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("h3", { className: "flex items-center gap-2 font-semibold", children: [_jsx(Wand2, { className: "h-4 w-4 text-primary" }), " Offertevoorstel"] }), _jsxs(Button, { variant: "outline", size: "sm", disabled: aiBezig, onClick: () => draaiAi(bronRegels), children: [aiBezig ? _jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : _jsx(RefreshCw, { className: "mr-1 h-4 w-4" }), "Opnieuw laten opstellen door AI"] })] }), aiBezig && _jsx("p", { className: "text-sm text-muted-foreground", children: "AI stelt de offerte op\u2026" }), aiFout && _jsx("p", { className: "rounded-md bg-destructive/10 p-2 text-sm text-destructive", children: aiFout }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Offerteregels" }) }), _jsxs(CardContent, { className: "space-y-3", children: [regels.map((r, i) => (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [_jsx(Textarea, { rows: 2, placeholder: "Omschrijving", value: r.description, onChange: (e) => wijzig(i, { description: e.target.value }) }), _jsxs("div", { className: "flex items-end gap-2", children: [_jsxs("div", { className: "w-24 space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Aantal" }), _jsx(Input, { type: "number", className: "text-right", value: r.quantity, onChange: (e) => wijzig(i, { quantity: Number(e.target.value) }) })] }), _jsxs("div", { className: "w-32 space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Stukprijs (\u20AC)" }), _jsx(Input, { type: "number", step: "0.01", className: "text-right", value: (r.unit_price_cents / 100).toString(), onChange: (e) => wijzig(i, { unit_price_cents: Math.round(Number(e.target.value) * 100) }) })] }), _jsxs("div", { className: "ml-auto space-y-1 text-right", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: "Totaal" }), _jsx("p", { className: "text-sm font-medium", children: formatEuro(Math.round(r.quantity * r.unit_price_cents)) })] }), _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Regel verwijderen", onClick: () => setRegels((rs) => rs.filter((_, j) => j !== i)), children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }, i))), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setRegels((rs) => [...rs, { description: "", quantity: 1, unit_price_cents: 0 }]), children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Regel toevoegen"] }), _jsxs("div", { className: "ml-auto mt-4 w-64 space-y-1 border-t pt-3 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Subtotaal" }), _jsx("span", { children: formatEuro(subtotaal) })] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1 text-muted-foreground", children: ["Btw", _jsx(Input, { type: "number", className: "h-7 w-16 text-right", value: vat, onChange: (e) => setVat(Number(e.target.value)) }), "%"] }), _jsx("span", { children: formatEuro(btw) })] }), _jsxs("div", { className: "flex justify-between text-base font-semibold", children: [_jsx("span", { children: "Totaal" }), _jsx("span", { children: formatEuro(totaal) })] })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Omschrijving" }) }), _jsx(CardContent, { children: _jsx(Textarea, { rows: 4, value: omschrijving, onChange: (e) => setOmschrijving(e.target.value) }) })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Mandaat" }) }), _jsxs(CardContent, { className: "space-y-2 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Resterend mandaat" }), _jsx("span", { className: "font-medium", children: formatEuro(mandaat) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Offertetotaal" }), _jsx("span", { className: "font-medium", children: formatEuro(totaal) })] }), _jsx("p", { className: "rounded-md bg-muted p-2 text-muted-foreground", children: binnenMandaat
+                                                            ? "Binnen mandaat — kan direct worden omgezet naar een werkbon."
+                                                            : "Buiten mandaat — de klant moet deze offerte eerst goedkeuren." })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Gegevens" }) }), _jsxs(CardContent, { className: "space-y-3 text-sm", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "geldig", children: "Geldig t/m" }), _jsx(Input, { id: "geldig", type: "date", value: geldigTot, onChange: (e) => setGeldigTot(e.target.value) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Klant" }), _jsx("span", { children: voorstel.klant_naam ?? "—" })] })] })] })] })] })] }), _jsxs("div", { className: "flex justify-end gap-2 border-t px-6 py-3", children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Sluiten" }), _jsxs(Button, { onClick: maakAan, disabled: opslaan || aiBezig, children: [opslaan && _jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" }), " Offerte aanmaken"] })] })] }));
+}

package/dist-lib/components/offertes/WerkbonAanmakenPaneel.d.ts

@@ -0,0 +1,32 @@
+export interface WerkbonConceptRegel {
+    package_id: string | null;
+    description: string;
+    unit: string;
+    quantity: number;
+    unit_price_cents: number;
+}
+export interface WerkbonConcept {
+    customer_id: string | null;
+    customer_name: string;
+    parent_work_order_id: string | null;
+    parent_work_order_number: string;
+    work_address: string;
+    room_number: string;
+    reference: string;
+    complaint_description: string;
+    technician_task_description: string;
+    budget_mandate_cents: number;
+    is_follow_up: boolean;
+    estimated_duration_minutes: number | null;
+    deadline_date: string | null;
+    regels: WerkbonConceptRegel[];
+}
+interface Props {
+    initialValue: WerkbonConcept;
+    saving: boolean;
+    onCancel: () => void;
+    onCreate: (value: WerkbonConcept) => Promise<void>;
+}
+export declare function WerkbonAanmakenPaneel({ initialValue, saving, onCancel, onCreate }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=WerkbonAanmakenPaneel.d.ts.map

package/dist-lib/components/offertes/WerkbonAanmakenPaneel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WerkbonAanmakenPaneel.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/WerkbonAanmakenPaneel.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wBAAwB,EAAE,MAAM,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,2BAA2B,EAAE,MAAM,CAAC;IACpC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,0BAA0B,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,mBAAmB,EAAE,CAAC;CAC/B;AAED,UAAU,KAAK;IACb,YAAY,EAAE,cAAc,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAmLxF"}

package/dist-lib/components/offertes/WerkbonAanmakenPaneel.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea, } from "@flowselections/core";
+import { Loader2, Plus, Trash2, Wrench } from "lucide-react";
+export function WerkbonAanmakenPaneel({ initialValue, saving, onCancel, onCreate }) {
+    const [value, setValue] = useState(initialValue);
+    useEffect(() => setValue(initialValue), [initialValue]);
+    const setField = (field, next) => setValue((current) => ({ ...current, [field]: next }));
+    const setRegel = (index, patch) => setField("regels", value.regels.map((regel, regelIndex) => regelIndex === index ? { ...regel, ...patch } : regel));
+    const veiligeRegels = Array.isArray(value.regels) ? value.regels : [];
+    const totaalCents = Math.round(veiligeRegels.reduce((som, r) => som + Number(r.quantity || 0) * Number(r.unit_price_cents || 0), 0));
+    const overMandaat = totaalCents > value.budget_mandate_cents;
+    const duur = value.estimated_duration_minutes ?? 0;
+    const duurUren = Math.floor(duur / 60);
+    const duurMinuten = duur % 60;
+    const zetDuur = (uren, minuten) => {
+        const totaal = Math.max(0, Math.round(uren) * 60 + Math.round(minuten));
+        setField("estimated_duration_minutes", totaal > 0 ? totaal : null);
+    };
+    const duurOntbreekt = duur <= 0;
+    const parentOntbreekt = value.is_follow_up && !value.parent_work_order_id;
+    const euro = (c) => new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR" }).format(c / 100);
+    return (_jsxs(Card, { className: "h-fit min-w-0", children: [_jsxs(CardHeader, { className: "border-b", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-lg", children: [_jsx(Wrench, { className: "h-5 w-5" }), " Nieuwe werkbon"] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Wordt als nieuw aangemaakt. Inplannen gebeurt daarna in Werkbonnen." })] }), _jsxs(CardContent, { className: "space-y-5 pt-5", children: [_jsxs("label", { className: "flex items-center gap-2 rounded-md border p-3 text-sm", children: [_jsx("input", { type: "checkbox", className: "h-4 w-4", checked: value.is_follow_up, onChange: (event) => setField("is_follow_up", event.target.checked) }), _jsxs("span", { children: [_jsx("span", { className: "font-medium", children: "Vervolgklus" }), _jsx("span", { className: "block text-xs text-muted-foreground", children: value.is_follow_up
+                                            ? `Gekoppeld aan ${value.parent_work_order_number || "de moederwerkbon"}; het nummer loopt door.`
+                                            : "Losse werkbon met een eigen nieuw nummer." })] })] }), _jsxs("section", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Klant en locatie" }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-klant", children: "Klant" }), _jsx(Input, { id: "werkbon-klant", value: value.customer_name, readOnly: true })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-adres", children: "Werkadres" }), _jsx(Input, { id: "werkbon-adres", value: value.work_address, onChange: (event) => setField("work_address", event.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-ruimte", children: "Kamer / ruimtenummer" }), _jsx(Input, { id: "werkbon-ruimte", value: value.room_number, onChange: (event) => setField("room_number", event.target.value) })] })] }), _jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Project en opdracht" }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-moeder", children: "Moeder-werkbon" }), _jsx(Input, { id: "werkbon-moeder", value: value.parent_work_order_number, readOnly: true })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-referentie", children: "Referentie" }), _jsx(Input, { id: "werkbon-referentie", value: value.reference, onChange: (event) => setField("reference", event.target.value) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-klacht", children: "Klacht / aanleiding" }), _jsx(Textarea, { id: "werkbon-klacht", rows: 3, value: value.complaint_description, onChange: (event) => setField("complaint_description", event.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-opdracht", children: "Opdracht voor monteur" }), _jsx(Textarea, { id: "werkbon-opdracht", rows: 5, value: value.technician_task_description, onChange: (event) => setField("technician_task_description", event.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-mandaat", children: "Mandaat (\u20AC)" }), _jsx(Input, { id: "werkbon-mandaat", type: "number", min: "0", step: "0.01", value: (value.budget_mandate_cents / 100).toFixed(2), onChange: (event) => setField("budget_mandate_cents", Math.max(0, Math.round(Number(event.target.value || 0) * 100))) })] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Duur *" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Input, { "aria-label": "Uren", type: "number", min: "0", value: duurUren, onChange: (e) => zetDuur(Number(e.target.value || 0), duurMinuten) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "u" }), _jsx(Input, { "aria-label": "Minuten", type: "number", min: "0", max: "59", step: "5", value: duurMinuten, onChange: (e) => zetDuur(duurUren, Math.min(59, Number(e.target.value || 0))) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "min" })] }), duurOntbreekt && _jsx("p", { className: "text-xs text-destructive", children: "Duur is verplicht." })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "werkbon-deadline", children: "Deadline (optioneel)" }), _jsx(Input, { id: "werkbon-deadline", type: "date", value: value.deadline_date ?? "", onChange: (e) => setField("deadline_date", e.target.value || null) })] })] })] }), _jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Werkbonregels" }), _jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setField("regels", [...value.regels, { package_id: null, description: "", unit: "st", quantity: 1, unit_price_cents: 0 }]), children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Regel"] })] }), _jsx("div", { className: "space-y-3", children: value.regels.map((regel, index) => (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Textarea, { "aria-label": `Omschrijving regel ${index + 1}`, rows: 2, value: regel.description, onChange: (event) => setRegel(index, { description: event.target.value }), className: "flex-1" }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": `Verwijder regel ${index + 1}`, onClick: () => setField("regels", value.regels.filter((_, i) => i !== index)), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "grid grid-cols-3 gap-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Eenheid" }), _jsx(Input, { value: regel.unit, onChange: (event) => setRegel(index, { unit: event.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Aantal" }), _jsx(Input, { type: "number", min: "0", step: "0.01", value: regel.quantity, onChange: (event) => setRegel(index, { quantity: Number(event.target.value || 0) }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Prijs (\u20AC)" }), _jsx(Input, { type: "number", min: "0", step: "0.01", value: (regel.unit_price_cents / 100).toFixed(2), onChange: (event) => setRegel(index, { unit_price_cents: Math.max(0, Math.round(Number(event.target.value || 0) * 100)) }) })] })] })] }, `${regel.package_id ?? "vrij"}-${index}`))) }), _jsxs("div", { className: "space-y-1 rounded-md bg-muted/50 p-3 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Totaal regels" }), _jsx("span", { className: overMandaat ? "font-semibold text-destructive" : "font-semibold", children: euro(totaalCents) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Mandaat" }), _jsx("span", { children: euro(value.budget_mandate_cents) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Nog beschikbaar" }), _jsx("span", { className: overMandaat ? "text-destructive" : "", children: euro(value.budget_mandate_cents - totaalCents) })] }), overMandaat && _jsx("p", { className: "pt-1 text-xs text-destructive", children: "De werkbonregels gaan boven het mandaat uit. Pas de regels aan." })] })] }), _jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [_jsx(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: saving, children: "Annuleren" }), _jsxs(Button, { type: "button", onClick: () => void onCreate(value), disabled: saving || parentOntbreekt || overMandaat || duurOntbreekt, children: [saving ? _jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : _jsx(Wrench, { className: "mr-1 h-4 w-4" }), "Werkbon aanmaken"] })] })] })] }));
+}

package/dist-lib/components/offertes/WerkbonVoorstellenLijst.d.ts

@@ -0,0 +1,4 @@
+export declare function WerkbonVoorstellenLijst({ onOfferteGemaakt }: {
+    onOfferteGemaakt?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=WerkbonVoorstellenLijst.d.ts.map

package/dist-lib/components/offertes/WerkbonVoorstellenLijst.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WerkbonVoorstellenLijst.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/WerkbonVoorstellenLijst.tsx"],"names":[],"mappings":"AAOA,wBAAgB,uBAAuB,CAAC,EAAE,gBAAgB,EAAE,EAAE;IAAE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,+BA8F9F"}

package/dist-lib/components/offertes/WerkbonVoorstellenLijst.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Badge, Card, CardContent, CardHeader, CardTitle, cn } from "@flowselections/core";
+import { Inbox } from "lucide-react";
+import { useWerkbonVoorstellen } from "../../hooks/useWerkbonVoorstellen";
+import { VoorstelOffertePaneel } from "./VoorstelOffertePaneel";
+import { formatDatum, formatEuro } from "../../lib/offertes";
+export function WerkbonVoorstellenLijst({ onOfferteGemaakt }) {
+    const { voorstellen, loading, reload, upsertStatus } = useWerkbonVoorstellen();
+    const [actief, setActief] = useState(null);
+    const [navigatieLijst, setNavigatieLijst] = useState([]);
+    const actiefRef = useRef(null);
+    const open = (Array.isArray(voorstellen) ? voorstellen : []).filter((v) => !v.offerte_id);
+    // Zodra een voorstel open staat, vries de lijstvolgorde vast: de "gezien"-markering
+    // hersorteert de lijst onder water, maar de pijlen en de teller in het paneel moeten
+    // blijven wijzen op de posities zoals de gebruiker de lijst zag toen hij opende.
+    const openen = async (v) => {
+        if (!actiefRef.current)
+            setNavigatieLijst(open);
+        actiefRef.current = v;
+        setActief(v);
+        if (!v.seen_at) {
+            await upsertStatus(v.id, { seen_at: new Date().toISOString() });
+            reload();
+        }
+    };
+    const sluit = () => {
+        actiefRef.current = null;
+        setActief(null);
+    };
+    const navigatieBasis = actief ? navigatieLijst : open;
+    const actieveIndex = actief
+        ? Math.max(navigatieBasis.findIndex((v) => v.id === actief.id), 0)
+        : 0;
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Inbox, { className: "h-4 w-4 text-primary" }), " Werkbonvoorstellen uit de mail", _jsxs("span", { className: "text-sm font-normal text-muted-foreground", children: ["(", open.length, ")"] })] }) }), _jsxs(CardContent, { className: "space-y-1", children: [loading && _jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" }), !loading && open.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen openstaande voorstellen." })), open.map((v) => (_jsxs("button", { type: "button", onClick: () => openen(v), className: cn("flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left hover:bg-muted", !v.seen_at && "border-primary/40 bg-primary/5"), children: [!v.seen_at && _jsx(Badge, { className: "shrink-0", children: "Nieuw" }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: v.subject || v.technician_task_description || "Werkbonvoorstel" }), _jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [v.klant_naam ?? v.from_name ?? v.from_email ?? "Onbekende klant", " \u00B7", " ", formatDatum(v.reviewed_at ?? v.created_at)] })] }), v.budget_mandate_cents ? (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Mandaat ", formatEuro(v.budget_mandate_cents)] })) : null] }, v.id)))] }), actief && (_jsx(VoorstelOffertePaneel, { voorstel: actief, index: actieveIndex, aantalVoorstellen: navigatieBasis.length, onNavigate: (i) => {
+                    const doel = navigatieBasis[i];
+                    if (!doel)
+                        return;
+                    const vers = open.find((o) => o.id === doel.id);
+                    if (vers)
+                        openen(vers);
+                }, onClose: sluit, onSaveConcept: (c) => upsertStatus(actief.id, { ai_concept: c }), onCreated: async (offerteId) => {
+                    await upsertStatus(actief.id, { offerte_id: offerteId });
+                    await reload();
+                    onOfferteGemaakt?.();
+                } }))] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferteEmailSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/OfferteEmailSettingsCard.tsx"],"names":[],"mappings":"AAWA,wBAAgB,wBAAwB,gCAmDvC"}

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

@@ -0,0 +1,38 @@
+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, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Mail } from "lucide-react";
+import { OFFERTE_EMAIL_PURPOSES, bewaarOfferteEmailPurpose, haalMailboxVoorPurpose, haalOfferteEmailPurpose, } from "../../lib/offerteMail";
+export function OfferteEmailSettingsCard() {
+    const [purpose, setPurpose] = useState("");
+    const [mailbox, setMailbox] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const laadMailbox = async (p) => {
+        try {
+            setMailbox(await haalMailboxVoorPurpose(p || null));
+        }
+        catch {
+            setMailbox(null);
+        }
+    };
+    useEffect(() => {
+        haalOfferteEmailPurpose()
+            .then(async (p) => { setPurpose(p ?? ""); await laadMailbox(p ?? ""); })
+            .catch(() => toast.error("E-mailinstelling kon niet worden geladen"))
+            .finally(() => setLoading(false));
+    }, []);
+    const wijzig = async (v) => {
+        const vorige = purpose;
+        setPurpose(v);
+        try {
+            await bewaarOfferteEmailPurpose(v);
+            await laadMailbox(v);
+            toast.success("Doeleinde opgeslagen");
+        }
+        catch {
+            setPurpose(vorige);
+            toast.error("Opslaan mislukt");
+        }
+    };
+    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: "Offerte e-mail" })] }), _jsx(CardDescription, { children: "Kies via welk e-maildoeleinde uit de e-mailmodule offertes worden verstuurd." })] }), _jsx(CardContent, { className: "space-y-3", children: loading ? _jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" }) : _jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "E-maildoeleinde" }), _jsxs(Select, { value: purpose, onValueChange: (v) => void wijzig(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies een doeleinde" }) }), _jsx(SelectContent, { children: OFFERTE_EMAIL_PURPOSES.map((o) => _jsx(SelectItem, { value: o.key, children: o.label }, o.key)) })] })] }), purpose ? (mailbox ? (_jsxs("p", { className: "text-sm", children: ["Verzonden vanaf: ", _jsx("strong", { children: mailbox.display_name || mailbox.account_email }), mailbox.display_name && mailbox.account_email ? ` (${mailbox.account_email})` : ""] })) : (_jsx("p", { className: "text-sm text-destructive", children: "Er is geen mailbox aan dit doeleinde gekoppeld. Koppel er een in de e-mailmodule." }))) : _jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen doeleinde gekozen; offertes kunnen dan niet worden verstuurd." })] }) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferteHuisstijlSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/OfferteHuisstijlSettingsCard.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,4BAA4B,gCA0D3C"}

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, Input, Label, supabase, toast } from "@flowselections/core";
+import { Building2, ImagePlus, Loader2, Trash2 } from "lucide-react";
+import { bewaarHuisstijl, haalHuisstijl, huisstijlLogoUrl, legeHuisstijl } from "../../hooks/useHuisstijl";
+const velden = [
+    { key: "company_name", label: "Bedrijfsnaam" }, { key: "address", label: "Adres" },
+    { key: "postal_code", label: "Postcode" }, { key: "city", label: "Plaats" },
+    { key: "chamber_of_commerce_number", label: "KvK-nummer" },
+    { key: "vat_identification_number", label: "Btw-identificatienummer" },
+    { key: "email", label: "E-mailadres", type: "email", optional: true },
+    { key: "phone", label: "Telefoonnummer", optional: true }, { key: "iban", label: "IBAN" },
+    { key: "website", label: "Website", optional: true },
+    { key: "payment_term_days", label: "Standaard betaaltermijn (dagen)", type: "number" },
+];
+export function OfferteHuisstijlSettingsCard() {
+    const [value, setValue] = useState(legeHuisstijl());
+    const [logoUrl, setLogoUrl] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [fout, setFout] = useState(null);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        haalHuisstijl()
+            .then(async ({ huisstijl }) => {
+            setValue(huisstijl);
+            setLogoUrl(await huisstijlLogoUrl(huisstijl.logo_path));
+        })
+            .catch(() => setFout("De huisstijl kon niet worden geladen. Is de Facturen-module in deze omgeving geïnstalleerd?"))
+            .finally(() => setLoading(false));
+    }, []);
+    const uploadLogo = async (file) => {
+        if (!file)
+            return;
+        if (!["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(file.type) || file.size > 2 * 1024 * 1024) {
+            toast.error("Gebruik PNG, JPEG, WebP of SVG van maximaal 2 MB");
+            return;
+        }
+        const ext = file.name.split(".").pop()?.toLowerCase() || "png";
+        const path = `offertes-installatietechniek/${crypto.randomUUID()}.${ext}`;
+        const { error } = await supabase.storage.from("layout-logos").upload(path, file, { contentType: file.type, upsert: false });
+        if (error) {
+            toast.error("Logo uploaden mislukt");
+            return;
+        }
+        setValue((v) => ({ ...v, logo_path: path }));
+        setLogoUrl(await huisstijlLogoUrl(path));
+    };
+    const save = async () => {
+        if (value.company_name.toUpperCase().replace(/[^A-Z]/g, "").length < 2) {
+            toast.error("De bedrijfsnaam moet minimaal twee letters bevatten");
+            return;
+        }
+        setSaving(true);
+        try {
+            setValue(await bewaarHuisstijl(value));
+            toast.success("Huisstijl opgeslagen");
+        }
+        catch {
+            toast.error("Huisstijl opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Offertehuisstijl" })] }), _jsx(CardDescription, { children: "Bedrijfsgegevens, logo en kleuren voor offertes. Deze gegevens worden gedeeld met de facturen." })] }), _jsx(CardContent, { className: "space-y-5", children: loading ? _jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" }) : fout ? _jsx("p", { className: "text-sm text-destructive", children: fout }) : _jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bedrijfslogo" }), _jsxs("div", { className: "flex min-h-28 items-center gap-4 rounded-md border p-3", children: [_jsx("div", { className: "flex h-20 w-36 items-center justify-center bg-muted", children: logoUrl ? _jsx("img", { src: logoUrl, alt: "Bedrijfslogo", className: "max-h-20 max-w-36 object-contain" }) : _jsx(ImagePlus, { className: "h-7 w-7 text-muted-foreground" }) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "button", variant: "outline", asChild: true, children: _jsxs("label", { children: ["Afbeelding kiezen", _jsx("input", { className: "sr-only", type: "file", accept: "image/png,image/jpeg,image/webp,image/svg+xml", onChange: (e) => void uploadLogo(e.target.files?.[0]) })] }) }), value.logo_path ? _jsx(Button, { type: "button", variant: "ghost", size: "icon", title: "Logo verwijderen", onClick: () => { setValue((v) => ({ ...v, logo_path: null })); setLogoUrl(null); }, children: _jsx(Trash2, { className: "h-4 w-4" }) }) : null] })] })] }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: velden.map((f) => _jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { htmlFor: `huisstijl-${f.key}`, children: [f.label, f.optional ? " (optioneel)" : ""] }), _jsx(Input, { id: `huisstijl-${f.key}`, type: f.type || "text", min: f.type === "number" ? 1 : undefined, max: f.type === "number" ? 365 : undefined, value: String(value[f.key] ?? ""), onChange: (e) => setValue((v) => ({ ...v, [f.key]: f.type === "number" ? Number(e.target.value) : e.target.value })) }), f.key === "company_name" ? _jsxs("label", { htmlFor: "huisstijl-show-company-name", className: "flex cursor-pointer items-center gap-2 pt-0.5 text-xs text-muted-foreground", children: [_jsx(Checkbox, { id: "huisstijl-show-company-name", checked: value.show_company_name !== false, onCheckedChange: (checked) => setValue((v) => ({ ...v, show_company_name: checked === true })) }), "Bedrijfsnaam naast het logo tonen in de bovenbalk"] }) : null] }, f.key)) }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: ["primary_color", "secondary_color"].map((key, i) => _jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { htmlFor: `huisstijl-${key}`, children: ["Bedrijfskleur ", i + 1] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { className: "h-10 w-14 p-1", id: `huisstijl-${key}`, type: "color", value: value[key], onChange: (e) => setValue((v) => ({ ...v, [key]: e.target.value.toUpperCase() })) }), _jsx(Input, { value: value[key], onChange: (e) => setValue((v) => ({ ...v, [key]: e.target.value.toUpperCase() })) })] })] }, key)) }), _jsxs("div", { className: "overflow-hidden rounded-md border", children: [_jsx("div", { className: "h-12 px-4 py-3 text-sm font-semibold text-primary-foreground", style: { backgroundColor: value.primary_color }, children: value.show_company_name !== false ? (value.company_name || "Bedrijfsnaam") : "Logo" }), _jsx("div", { className: "h-8 px-4 py-2 text-xs text-primary-foreground", style: { backgroundColor: value.secondary_color }, children: "KvK \u00B7 Btw-id \u00B7 IBAN" })] }), _jsxs(Button, { onClick: save, disabled: saving, children: [saving ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, "Opslaan"] })] }) })] });
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferteVoorwaardenSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/OfferteVoorwaardenSettingsCard.tsx"],"names":[],"mappings":"AAOA,wBAAgB,8BAA8B,gCAmD7C"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Label, Textarea, toast, } from "@flowselections/core";
+import { ScrollText } from "lucide-react";
+import { bewaarOfferteVoorwaarden, haalOfferteVoorwaarden } from "../../lib/offerteMail";
+export function OfferteVoorwaardenSettingsCard() {
+    const [tekst, setTekst] = useState("");
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        haalOfferteVoorwaarden()
+            .then(setTekst)
+            .catch(() => toast.error("Voorwaarden konden niet worden geladen"))
+            .finally(() => setLoading(false));
+    }, []);
+    const opslaan = async () => {
+        setSaving(true);
+        try {
+            await bewaarOfferteVoorwaarden(tekst);
+            toast.success("Voorwaarden opgeslagen");
+        }
+        catch {
+            toast.error("Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ScrollText, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Voorwaarden en toelichting" })] }), _jsx(CardDescription, { children: "Deze tekst staat standaard op elke nieuwe offerte, onder het financi\u00EBle overzicht. Per offerte kun je de tekst nog aanpassen." })] }), _jsx(CardContent, { className: "space-y-3", children: loading ? _jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" }) : _jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Standaardtekst op de offerte" }), _jsx(Textarea, { rows: 8, value: tekst, onChange: (e) => setTekst(e.target.value), placeholder: "Bijvoorbeeld:\n- Deze offerte is 30 dagen geldig.\n- Wijzigingen in de uitvoering kunnen de prijs beïnvloeden.\n- Betaling binnen 14 dagen na factuurdatum." })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Leeg laten = geen standaardtekst op nieuwe offertes. Al verzonden offertes veranderen niet." }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { onClick: () => void opslaan(), disabled: saving, children: saving ? "Opslaan…" : "Opslaan" }) })] }) })] }));
+}

package/dist-lib/hooks/useExtraWerkMeldingen.d.ts

@@ -0,0 +1,32 @@
+export interface ExtraWerkMelding {
+    offerte_id: string;
+    offerte_number: string | null;
+    omschrijving: string | null;
+    notities: string | null;
+    mandaat_restant_cents: number | null;
+    vat_rate: number | null;
+    valid_until: string | null;
+    created_at: string;
+    customer_id: string | null;
+    klant_naam: string | null;
+    geschat_cents: number;
+    werkbon: Record<string, any> | null;
+    seen_at: string | null;
+    ai_concept: unknown;
+}
+export interface BronRegel {
+    id: string;
+    soort: string;
+    description: string;
+    quantity: number | null;
+    unit: string | null;
+}
+export declare function useExtraWerkMeldingen(): {
+    meldingen: ExtraWerkMelding[];
+    loading: boolean;
+    reload: () => Promise<void>;
+    logEvent: (offerteId: string, eventType: string, omschrijving: string, metadata?: Record<string, unknown>) => Promise<void>;
+};
+/** Materialen en pakketten die al op de bronwerkbon staan. */
+export declare function laadBronwerkbonRegels(werkbonId: string | null | undefined): Promise<BronRegel[]>;
+//# sourceMappingURL=useExtraWerkMeldingen.d.ts.map

package/dist-lib/hooks/useExtraWerkMeldingen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExtraWerkMeldingen.d.ts","sourceRoot":"","sources":["../../src/hooks/useExtraWerkMeldingen.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,qBAAqB;;;;0BAoEf,MAAM,aAAa,MAAM,gBAAgB,MAAM,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EAUxG;AAED,8DAA8D;AAC9D,wBAAsB,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,CAkBtG"}

package/dist-lib/hooks/useExtraWerkMeldingen.js

@@ -0,0 +1,103 @@
+// ============================================================================
+// src/hooks/useExtraWerkMeldingen.ts — extra-werkmeldingen van monteurs (boven
+// mandaat). De monteur-app maakt daarvoor een concept-offerte in itk_offertes;
+// wij lezen die plus de bronwerkbon. Gezien/uitgewerkt via itk_offerte_events.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = supabase;
+export function useExtraWerkMeldingen() {
+    const [meldingen, setMeldingen] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const { data, error } = await db
+                .from("itk_offertes")
+                .select("*")
+                .eq("source_type", "work_order")
+                .eq("status", "concept")
+                .ilike("notities", "Extra werk gemeld%")
+                .order("created_at", { ascending: false });
+            if (error)
+                throw error;
+            const rows = Array.isArray(data) ? data : [];
+            const ids = rows.map((r) => r.id);
+            const wbIds = [...new Set(rows.map((r) => r.source_ref).filter(Boolean))];
+            const custIds = [...new Set(rows.map((r) => r.customer_id).filter(Boolean))];
+            const [evRes, wbRes, klRes, rgRes] = await Promise.all([
+                ids.length
+                    ? db.from("itk_offerte_events").select("offerte_id, event_type, created_at, metadata").in("offerte_id", ids).in("event_type", ["melding_bekeken", "melding_uitgewerkt", "melding_ai_concept"]).order("created_at", { ascending: false })
+                    : Promise.resolve({ data: [] }),
+                wbIds.length ? db.from("werkbonnen").select("*").in("id", wbIds) : Promise.resolve({ data: [] }),
+                custIds.length ? db.from("itk_customers").select("id, name").in("id", custIds) : Promise.resolve({ data: [] }),
+                ids.length ? db.from("itk_offerte_regels").select("offerte_id, quantity, unit_price_cents").in("offerte_id", ids) : Promise.resolve({ data: [] }),
+            ]);
+            const events = Array.isArray(evRes.data) ? evRes.data : [];
+            const werkbonnen = Array.isArray(wbRes.data) ? wbRes.data : [];
+            const klanten = Array.isArray(klRes.data) ? klRes.data : [];
+            const regels = Array.isArray(rgRes.data) ? rgRes.data : [];
+            const lijst = rows
+                .filter((r) => !events.some((e) => e.offerte_id === r.id && e.event_type === "melding_uitgewerkt"))
+                .map((r) => ({
+                offerte_id: r.id,
+                offerte_number: r.offerte_number ?? null,
+                omschrijving: r.omschrijving ?? null,
+                notities: r.notities ?? null,
+                mandaat_restant_cents: r.mandaat_restant_cents ?? null,
+                vat_rate: r.vat_rate ?? null,
+                valid_until: r.valid_until ?? null,
+                created_at: r.created_at,
+                customer_id: r.customer_id ?? null,
+                klant_naam: klanten.find((k) => k.id === r.customer_id)?.name ?? null,
+                geschat_cents: regels
+                    .filter((g) => g.offerte_id === r.id)
+                    .reduce((s, g) => s + Math.round(Number(g.quantity || 0) * Number(g.unit_price_cents || 0)), 0),
+                werkbon: werkbonnen.find((w) => w.id === r.source_ref) ?? null,
+                seen_at: events.find((e) => e.offerte_id === r.id && e.event_type === "melding_bekeken")?.created_at ?? null,
+                ai_concept: events.find((e) => e.offerte_id === r.id && e.event_type === "melding_ai_concept")?.metadata?.concept ?? null,
+            }));
+            lijst.sort((a, b) => Number(!!a.seen_at) - Number(!!b.seen_at));
+            setMeldingen(lijst);
+        }
+        catch {
+            toast.error("Extra-werkmeldingen konden niet worden geladen");
+            setMeldingen([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        load();
+    }, [load]);
+    const logEvent = useCallback(async (offerteId, eventType, omschrijving, metadata) => {
+        const { error } = await db
+            .from("itk_offerte_events")
+            .insert({ offerte_id: offerteId, event_type: eventType, omschrijving, metadata: metadata ?? {} });
+        if (error)
+            console.error("melding-event opslaan mislukt", error);
+    }, []);
+    return { meldingen, loading, reload: load, logEvent };
+}
+/** Materialen en pakketten die al op de bronwerkbon staan. */
+export async function laadBronwerkbonRegels(werkbonId) {
+    if (!werkbonId)
+        return [];
+    const [mRes, pRes] = await Promise.all([
+        db.from("werkbon_materials").select("id, description, quantity, unit").eq("werkbon_id", werkbonId),
+        db.from("werkbon_package_lines").select("id, quantity, werkbon_packages(name, code)").eq("werkbon_id", werkbonId),
+    ]);
+    const mat = Array.isArray(mRes.data) ? mRes.data : [];
+    const pak = Array.isArray(pRes.data) ? pRes.data : [];
+    return [
+        ...pak.map((p) => ({
+            id: p.id,
+            soort: "pakket",
+            description: p.werkbon_packages?.name ?? p.werkbon_packages?.code ?? "Pakket",
+            quantity: p.quantity ?? null,
+            unit: null,
+        })),
+        ...mat.map((m) => ({ id: m.id, soort: "materiaal", description: m.description ?? "", quantity: m.quantity ?? null, unit: m.unit ?? null })),
+    ];
+}