@flowselections/offertes-installatie-techniek 1.0.2 → 1.21.1

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Offerte als A4-vellen in de huisstijl (gedeeld met Facturen).
+// editable = alle teksten direct op het vel aanpasbaar, zoals bij de factuur.
+import { forwardRef, useEffect, useRef } from "react";
+import { Plus, Trash2 } from "lucide-react";
+import { formatEuro } from "../../lib/offertes";
+import { useHuisstijl } from "../../hooks/useHuisstijl";
+const invoer = "w-full rounded-sm border border-dashed border-border bg-transparent px-1 py-0.5 outline-none focus:border-primary";
+function datum(v) {
+    if (!v)
+        return "—";
+    return new Intl.DateTimeFormat("nl-NL", { day: "2-digit", month: "2-digit", year: "numeric" }).format(new Date(v));
+}
+function AutoTekst({ value, onChange, placeholder, className }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        el.style.height = "auto";
+        el.style.height = `${el.scrollHeight}px`;
+    }, [value]);
+    return (_jsx("textarea", { ref: ref, rows: 1, value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value), className: `${invoer} resize-none overflow-hidden ${className ?? ""}` }));
+}
+function Briefhoofd({ h, logoUrl }) {
+    const contact = h
+        ? [h.address, [h.postal_code, h.city].filter(Boolean).join(" "), h.email, h.phone, h.website].filter(Boolean)
+        : [];
+    return (_jsxs("header", { className: "flex h-32 items-stretch bg-[var(--offerte-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: `${h?.company_name ?? ""} logo`, crossOrigin: "anonymous", className: "max-h-full max-w-56 object-contain" }) : _jsx("span", { className: "text-xs opacity-75", children: "BEDRIJFSLOGO" }) }), h?.show_company_name !== false ? _jsx("div", { className: "text-2xl font-semibold", children: h?.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)) })] }));
+}
+function Voet({ h }) {
+    return (_jsxs("footer", { className: "grid min-h-14 grid-cols-3 items-center gap-4 bg-[var(--offerte-secondary)] px-8 py-4 text-[10px] text-primary-foreground", children: [_jsxs("span", { children: ["KvK ", h?.chamber_of_commerce_number || "—"] }), _jsxs("span", { className: "text-center", children: ["Btw ", h?.vat_identification_number || "—"] }), _jsxs("span", { className: "text-right", children: ["IBAN ", h?.iban || "—"] })] }));
+}
+function Pagina({ children, h, logoUrl }) {
+    return (_jsxs("article", { "data-offerte-pagina": true, className: "flex min-h-[1123px] w-[794px] shrink-0 flex-col bg-card text-card-foreground shadow-md ring-1 ring-border", style: { "--offerte-primary": h?.primary_color ?? "#17365D", "--offerte-secondary": h?.secondary_color ?? "#6B7280" }, children: [_jsx(Briefhoofd, { h: h, logoUrl: logoUrl }), _jsx("div", { className: "flex-1 px-10 py-8 text-[13px] leading-[1.4]", children: children }), _jsx(Voet, { h: h })] }));
+}
+export const OfferteA4 = forwardRef(function OfferteA4({ waarden, offerteNummer, werkbonNummer, editable = false, onChange }, ref) {
+    const { huisstijl, ingesteld, logoUrl, loading, fout } = useHuisstijl();
+    const regels = Array.isArray(waarden.regels) ? waarden.regels : [];
+    const subtotaal = regels.reduce((s, r) => s + Math.round((r.quantity || 0) * (r.unit_price_cents || 0)), 0);
+    const btw = Math.round((subtotaal * (waarden.vatRate || 0)) / 100);
+    const totaal = subtotaal + btw;
+    const zet = (k, v) => onChange?.({ ...waarden, [k]: v });
+    const zetRegel = (i, patch) => zet("regels", regels.map((r, j) => (j === i ? { ...r, ...patch } : r)));
+    const T = ({ k, placeholder, className }) => editable ? (_jsx(AutoTekst, { value: waarden[k], placeholder: placeholder, onChange: (v) => zet(k, v), className: className })) : (_jsx("p", { className: `whitespace-pre-wrap ${className ?? ""}`, children: waarden[k] || (placeholder ? "" : "") }));
+    return (_jsxs("div", { ref: ref, className: "flex flex-col items-center gap-6", children: [!loading && (fout || !ingesteld) && (_jsx("p", { className: "w-[794px] rounded-md bg-warning/15 px-3 py-2 text-sm text-warning-foreground", children: fout ?? "Vul eerst de huisstijl in bij Instellingen (bedrijfsnaam, logo, KvK, btw, IBAN en kleuren)." })), _jsxs(Pagina, { h: huisstijl, logoUrl: logoUrl, children: [_jsx("h1", { className: "mb-5 text-2xl font-bold", children: "OFFERTE" }), _jsxs("div", { className: "mb-5 flex items-start justify-between gap-8", children: [_jsxs("div", { className: "w-72 space-y-1", children: [_jsx(T, { k: "klantNaam", placeholder: "Klantnaam", className: "font-semibold" }), _jsx(T, { k: "werkadres", placeholder: "Werkadres" })] }), _jsxs("dl", { className: "grid min-w-64 grid-cols-[auto_1fr] items-center gap-x-5 gap-y-1", children: [_jsx("dt", { children: "Offertenummer" }), _jsx("dd", { className: "font-medium", children: offerteNummer ?? "Concept" }), _jsx("dt", { children: "Datum offerte" }), _jsx("dd", { children: datum(new Date().toISOString()) }), _jsx("dt", { children: "Geldig t/m" }), _jsx("dd", { children: editable ? _jsx("input", { type: "date", className: invoer, value: waarden.geldigTot, onChange: (e) => zet("geldigTot", e.target.value) }) : datum(waarden.geldigTot) }), _jsx("dt", { children: "Werkbonnummer" }), _jsx("dd", { children: werkbonNummer ?? "—" })] })] }), _jsxs("div", { className: "mb-6 flex items-start gap-2", children: [_jsx("strong", { className: "shrink-0 pt-0.5", children: "Betreft:" }), _jsx("div", { className: "flex-1", children: _jsx(T, { k: "onderwerp", placeholder: "Onderwerp" }) })] }), _jsxs("section", { className: "mb-6", children: [_jsx("h2", { className: "mb-2 text-base font-bold", children: "Aanleiding en context" }), _jsx(T, { k: "aanleiding", placeholder: "Aanleiding (melding monteur)", className: "mb-2" }), _jsx(T, { k: "omschrijving", placeholder: "Toelichting op de offerte" })] }), _jsxs("section", { className: "mb-6", children: [_jsx("h2", { className: "mb-2 text-base font-bold", children: "Werkzaamheden" }), regels.length ? (_jsx("ol", { className: "list-decimal space-y-1 pl-7", children: regels.map((r, i) => _jsx("li", { className: "pl-1 whitespace-pre-wrap", children: r.description || "—" }, i)) })) : _jsx("p", { children: "Er zijn nog geen werkzaamheden toegevoegd." })] }), _jsxs("section", { children: [_jsx("h2", { className: "mb-2 text-base font-bold", children: "Risico's en aandachtspunten" }), _jsx(T, { k: "aandachtspunten", placeholder: "Aandachtspunten" })] })] }), _jsxs(Pagina, { h: huisstijl, logoUrl: logoUrl, children: [_jsxs("section", { className: "mb-7", children: [_jsx("h2", { className: "mb-4 text-base font-bold", children: "Financieel overzicht" }), _jsxs("table", { className: "w-full table-fixed border-collapse text-left", children: [_jsx("thead", { className: "border-y border-border", children: _jsxs("tr", { className: "font-bold", children: [_jsx("th", { className: "w-[44%] py-2", children: "Omschrijving" }), _jsx("th", { className: "w-[11%] py-2", children: "Eenheid" }), _jsx("th", { className: "w-[10%] py-2 text-right", children: "Aantal" }), _jsx("th", { className: "w-[15%] py-2 text-right", children: "Stukprijs" }), _jsx("th", { className: "w-[15%] py-2 text-right", children: "Totaalprijs" }), editable && _jsx("th", { className: "w-[5%]" })] }) }), _jsxs("tbody", { children: [regels.map((r, i) => (_jsxs("tr", { className: "align-top", children: [_jsx("td", { className: "py-1 pr-2", children: editable ? _jsx(AutoTekst, { value: r.description, placeholder: "Omschrijving", onChange: (v) => zetRegel(i, { description: v }) }) : _jsx("span", { className: "whitespace-pre-wrap break-words", children: r.description || "—" }) }), _jsx("td", { className: "py-1 pr-2", children: editable ? _jsx("input", { className: invoer, value: r.unit, onChange: (e) => zetRegel(i, { unit: e.target.value }) }) : r.unit }), _jsx("td", { className: "py-1 text-right", children: editable ? _jsx("input", { type: "number", className: `${invoer} text-right`, value: r.quantity, onChange: (e) => zetRegel(i, { quantity: Number(e.target.value) }) }) : r.quantity }), _jsx("td", { className: "py-1 text-right", children: editable ? _jsx("input", { type: "number", step: "0.01", className: `${invoer} text-right`, value: (r.unit_price_cents / 100).toString(), onChange: (e) => zetRegel(i, { unit_price_cents: Math.round(Number(e.target.value) * 100) }) }) : formatEuro(r.unit_price_cents) }), _jsx("td", { className: "py-1 text-right", children: formatEuro(Math.round(r.quantity * r.unit_price_cents)) }), editable && (_jsx("td", { className: "py-1 text-right", children: _jsx("button", { type: "button", "aria-label": "Regel verwijderen", className: "text-muted-foreground hover:text-destructive", onClick: () => zet("regels", regels.filter((_, j) => j !== i)), children: _jsx(Trash2, { className: "h-4 w-4" }) }) }))] }, i))), editable && (_jsx("tr", { children: _jsx("td", { colSpan: 6, className: "py-2", children: _jsxs("button", { type: "button", className: "flex items-center gap-1 text-primary", onClick: () => zet("regels", [...regels, { description: "", unit: "st", quantity: 1, unit_price_cents: 0 }]), children: [_jsx(Plus, { className: "h-4 w-4" }), " Regel toevoegen"] }) }) })), _jsxs("tr", { className: "border-t border-border", children: [_jsx("td", { colSpan: 4, className: "pt-2", children: "Subtotaal" }), _jsx("td", { className: "pt-2 text-right", children: formatEuro(subtotaal) })] }), _jsxs("tr", { children: [_jsx("td", { colSpan: 4, children: _jsxs("span", { className: "flex items-center gap-1", children: ["Btw ", editable ? _jsx("input", { type: "number", className: `${invoer} w-14 text-right`, value: waarden.vatRate, onChange: (e) => zet("vatRate", Number(e.target.value)) }) : waarden.vatRate, "%"] }) }), _jsx("td", { className: "text-right", children: formatEuro(btw) })] }), _jsxs("tr", { className: "font-bold", children: [_jsx("td", { colSpan: 4, children: "Totaalprijs incl. btw" }), _jsx("td", { className: "text-right", children: formatEuro(totaal) })] })] })] })] }), _jsxs("section", { className: "mb-8", children: [_jsx("h2", { className: "mb-3 text-base font-bold", children: "Voorwaarden en toelichting" }), _jsx(T, { k: "voorwaarden", placeholder: "Voorwaarden" })] }), _jsxs("section", { children: [_jsx("p", { className: "mb-6", children: "Voor akkoord:" }), _jsxs("div", { className: "space-y-5", children: [_jsx("p", { children: "Plaats: ................................................................................" }), _jsx("p", { children: "Datum: ................................................................................." }), _jsx("p", { children: "Naam ondertekenaar: ............................................................." }), _jsx("p", { className: "pt-6", children: "Handtekening: ......................................................................." })] })] })] })] }));
+});

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

@@ -0,0 +1,4 @@
+export declare function OfferteAkkoordPage({ token }: {
+    token: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=OfferteAkkoordPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferteAkkoordPage.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OfferteAkkoordPage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BA4J9D"}

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Publieke akkoordpagina: klant opent de link uit de mail, bekijkt en accepteert de offerte.
+// Lezen gaat uitsluitend via de unieke token; accepteren via een gevalideerde serverfunctie.
+import { useEffect, useState } from "react";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Input, Label, supabase } from "@flowselections/core";
+import { CheckCircle2, Loader2 } from "lucide-react";
+import { formatEuro } from "../../lib/offertes";
+import { accepteerPubliekeOfferte } from "../../lib/offerteAcceptatie.functions";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const db = supabase;
+export function OfferteAkkoordPage({ token }) {
+    const [offerte, setOfferte] = useState(null);
+    const [laden, setLaden] = useState(true);
+    const [naam, setNaam] = useState("");
+    const [email, setEmail] = useState("");
+    const [akkoord, setAkkoord] = useState(false);
+    const [bezig, setBezig] = useState(false);
+    const [fout, setFout] = useState(null);
+    const [klaar, setKlaar] = useState(false);
+    const accepteer = useServerFn(accepteerPubliekeOfferte);
+    useEffect(() => {
+        let actief = true;
+        db.rpc("quote_public_get", { _token: token }).then(({ data, error }) => {
+            if (!actief)
+                return;
+            setOfferte(error ? null : data);
+            if (!error && data?.klant_email)
+                setEmail(data.klant_email);
+            setLaden(false);
+        });
+        return () => {
+            actief = false;
+        };
+    }, [token]);
+    const accepteren = async () => {
+        setFout(null);
+        if (naam.trim().length < 2)
+            return setFout("Vul uw naam in.");
+        if (!/^\S+@\S+\.\S+$/.test(email.trim()))
+            return setFout("Vul een geldig e-mailadres in.");
+        if (!akkoord)
+            return setFout("Vink aan dat u akkoord gaat met de offerte en voorwaarden.");
+        setBezig(true);
+        try {
+            await accepteer({ data: { token, naam: naam.trim(), email: email.trim(), akkoord: true } });
+            setKlaar(true);
+        }
+        catch (error) {
+            setFout(error instanceof Error ? error.message : "Offerte accepteren is mislukt.");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    if (laden)
+        return _jsx("main", { className: "flex min-h-screen items-center justify-center text-muted-foreground", children: "Laden\u2026" });
+    if (!offerte)
+        return (_jsx("main", { className: "flex min-h-screen items-center justify-center p-6 text-center text-muted-foreground", children: "Deze offerte is niet gevonden of de link is niet meer geldig." }));
+    const h = offerte.huisstijl ?? {};
+    const regels = Array.isArray(offerte.regels) ? offerte.regels : [];
+    const geaccepteerd = klaar || Boolean(offerte.acceptatie || offerte.signed_at);
+    const kanAccepteren = !geaccepteerd && ["verzonden", "bekeken"].includes(offerte.status);
+    const akkoordverklaring = `Ik heb de offerte en voorwaarden gelezen en ga akkoord met offerte #${offerte.offerte_number ?? ""} voor ${formatEuro(offerte.total_cents)} incl. btw.`;
+    return (_jsx("main", { className: "min-h-screen bg-muted px-4 py-8", children: _jsxs("div", { className: "mx-auto max-w-3xl space-y-6 rounded-lg border border-border bg-card p-6 text-card-foreground shadow-sm sm:p-10", children: [_jsxs("header", { className: "flex flex-wrap items-start justify-between gap-4 border-b border-border pb-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-lg font-semibold", children: h.company_name ?? "" }), _jsx("p", { className: "text-xs text-muted-foreground", children: [h.address, [h.postal_code, h.city].filter(Boolean).join(" "), h.email, h.phone].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Offerte" }), _jsx("p", { className: "font-mono text-lg font-semibold", children: offerte.offerte_number ?? "" })] })] }), _jsxs("section", { className: "space-y-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Voor ", offerte.klant_naam ?? "u"] }), offerte.onderwerp && _jsx("h1", { className: "text-2xl font-semibold", children: offerte.onderwerp }), offerte.omschrijving && _jsx("p", { className: "whitespace-pre-line text-sm", children: offerte.omschrijving }), offerte.aandachtspunten && (_jsx("p", { className: "whitespace-pre-line text-sm text-muted-foreground", children: offerte.aandachtspunten }))] }), _jsxs("section", { className: "overflow-x-auto", children: [_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "border-b border-border text-left text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-2", children: "Omschrijving" }), _jsx("th", { className: "py-2 text-right", children: "Aantal" }), _jsx("th", { className: "py-2 text-right", children: "Prijs" }), _jsx("th", { className: "py-2 text-right", children: "Totaal" })] }) }), _jsx("tbody", { children: regels.map((r, i) => (_jsxs("tr", { className: "border-b border-border/60", children: [_jsx("td", { className: "py-2 pr-2", children: r.omschrijving }), _jsxs("td", { className: "py-2 text-right", children: [r.quantity, " ", r.unit ?? ""] }), _jsx("td", { className: "py-2 text-right", children: formatEuro(r.unit_price_cents) }), _jsx("td", { className: "py-2 text-right", children: formatEuro(r.line_total_cents) })] }, i))) })] }), _jsxs("div", { className: "ml-auto mt-3 w-full max-w-xs space-y-1 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: "Subtotaal" }), _jsx("span", { children: formatEuro(offerte.subtotal_cents) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsxs("span", { children: ["Btw ", Number(offerte.vat_rate ?? 21), "%"] }), _jsx("span", { children: formatEuro(offerte.vat_cents) })] }), _jsxs("div", { className: "flex justify-between border-t border-border pt-1 font-semibold", children: [_jsx("span", { children: "Totaal" }), _jsx("span", { children: formatEuro(offerte.total_cents) })] })] }), offerte.valid_until && (_jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: ["Geldig tot ", new Date(offerte.valid_until).toLocaleDateString("nl-NL")] }))] }), offerte.voorwaarden && (_jsx("section", { className: "whitespace-pre-line text-xs text-muted-foreground", children: offerte.voorwaarden })), geaccepteerd ? (_jsxs("section", { className: "flex items-start gap-3 rounded-md border border-primary/40 bg-primary/10 p-4", children: [_jsx(CheckCircle2, { className: "mt-0.5 h-5 w-5 text-primary" }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Bedankt voor uw akkoord!" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["De offerte is online geaccepteerd", offerte.acceptatie?.signer_name || offerte.signer_name || naam ? ` door ${offerte.acceptatie?.signer_name ?? offerte.signer_name ?? naam}` : "", offerte.acceptatie?.accepted_at ? ` op ${new Date(offerte.acceptatie.accepted_at).toLocaleString("nl-NL")}` : "", ". De werkzaamheden worden ingepland."] })] })] })) : kanAccepteren ? (_jsxs("section", { className: "space-y-4 border-t border-border pt-6", children: [_jsx("h2", { className: "text-lg font-semibold", children: "Akkoord geven" }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "akkoord-naam", children: "Uw naam" }), _jsx(Input, { id: "akkoord-naam", value: naam, onChange: (e) => setNaam(e.target.value), maxLength: 200 })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "akkoord-email", children: "Uw e-mailadres" }), _jsx(Input, { id: "akkoord-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), maxLength: 254 })] }), _jsxs("label", { className: "flex items-start gap-3 rounded-md border border-border bg-muted/40 p-4 text-sm", children: [_jsx("input", { type: "checkbox", checked: akkoord, onChange: (e) => setAkkoord(e.target.checked), className: "mt-1" }), _jsx("span", { children: akkoordverklaring })] }), fout && _jsx("p", { className: "text-sm text-destructive", children: fout }), _jsxs(Button, { size: "lg", className: "w-full", onClick: () => void accepteren(), disabled: bezig, children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(CheckCircle2, { className: "mr-2 h-4 w-4" }), "Offerte accepteren"] })] })) : (_jsx("p", { className: "border-t border-border pt-4 text-sm text-muted-foreground", children: "Deze offerte kan niet meer online worden geaccepteerd. Neem contact met ons op." }))] }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"OfferteDetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OfferteDetailPage.tsx"],"names":[],"mappings":"AAwBA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BAgPrD"}
+{"version":3,"file":"OfferteDetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OfferteDetailPage.tsx"],"names":[],"mappings":"AAyCA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BA0gBrD"}

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

@@ -3,18 +3,129 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // src/components/offertes/OfferteDetailPage.tsx — detailpagina van één offerte
 // Geen eigen <Header /> — die levert de shell via staticData.title
 // ============================================================================
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
-import { Button, Card, CardContent, CardHeader, CardTitle, Separator, Textarea, cn, toast, } from "@flowselections/core";
-import { ArrowLeft, CheckCircle2, Send, ShieldCheck, XCircle } from "lucide-react";
+import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Textarea, supabase, toast, } from "@flowselections/core";
+import { ArrowLeft, CheckCircle2, ChevronLeft, ChevronRight, Loader2, Save, Send, ShieldCheck, Wrench, XCircle, } from "lucide-react";
 import { useOfferte } from "../../hooks/useOfferte";
-import { useWerkbonPakketten } from "../../hooks/useWerkbonPakketten";
-import { OfferteRegelsEditor } from "./OfferteRegelsEditor";
 import { OfferteStatusBadge } from "./OfferteStatusBadge";
-import { effectieveStatus, formatDatum, formatEuro } from "../../lib/offertes";
+import { OfferteA4 } from "./OfferteA4";
+import { MoederWerkbonPaneel } from "./MoederWerkbonPaneel";
+import { effectieveStatus } from "../../lib/offertes";
+import { a4NaarPdfBase64, verstuurOfferteEmail } from "../../lib/offerteMail";
+import { useHuisstijl } from "../../hooks/useHuisstijl";
+import { WerkbonAanmakenPaneel } from "./WerkbonAanmakenPaneel";
 export function OfferteDetailPage({ offerteId }) {
     const navigate = useNavigate();
-    const { offerte, klantNaam, werkbonNummer, regels, events, restantMandaat, loading, updateOfferte, addRegel, updateRegel, deleteRegel, naarWerkbon, } = useOfferte(offerteId);
-    const { pakketten } = useWerkbonPakketten();
+    const { offerte, klantNaam, klantEmail, werkbonNummer, bronWerkbon, regels, restantMandaat, werkbonAanvraag, loading, reload, updateOfferte, saveDocument, maakWerkbon, } = useOfferte(offerteId);
+    const [waarden, setWaarden] = useState(null);
+    const [opslaan, setOpslaan] = useState(false);
+    const [verzendOpen, setVerzendOpen] = useState(false);
+    const [verzenden, setVerzenden] = useState(false);
+    const [mailAan, setMailAan] = useState("");
+    const [mailOnderwerp, setMailOnderwerp] = useState("");
+    const [mailBericht, setMailBericht] = useState("");
+    const [nummer, setNummer] = useState(null);
+    const [werkbonOpen, setWerkbonOpen] = useState(false);
+    const [moederOpen, setMoederOpen] = useState(false);
+    const [werkbonOpslaan, setWerkbonOpslaan] = useState(false);
+    const pdfRef = useRef(null);
+    const { huisstijl } = useHuisstijl();
+    const [lijstIds, setLijstIds] = useState([]);
+    useEffect(() => {
+        let actief = true;
+        supabase
+            .from("itk_offertes")
+            .select("id, status, valid_until, source_type, notities")
+            .order("created_at", { ascending: false })
+            .then((r) => {
+            if (!actief)
+                return;
+            const rijen = Array.isArray(r?.data) ? r.data : [];
+            // Zelfde filter als de overzichtslijst: geen omgezette offertes en geen
+            // onverzonden extra-werk-concepten (die staan alleen in het meldingenblok)
+            const zichtbaar = rijen.filter((o) => {
+                if (effectieveStatus(o) === "omgezet")
+                    return false;
+                if (o.source_type === "work_order" &&
+                    o.status === "concept" &&
+                    typeof o.notities === "string" &&
+                    o.notities.startsWith("Extra werk gemeld"))
+                    return false;
+                return true;
+            });
+            setLijstIds(zichtbaar.map((x) => String(x.id)));
+        });
+        return () => { actief = false; };
+    }, []);
+    const lijstIndex = lijstIds.indexOf(offerteId);
+    const gaNaar = (i) => {
+        const id = lijstIds[i];
+        if (id)
+            navigate({ to: "/offertes/$offerteId", params: { offerteId: id } });
+    };
+    const documentWaarden = useMemo(() => {
+        if (!offerte)
+            return null;
+        const bron = bronWerkbon ?? {};
+        const veilig = Array.isArray(regels) ? regels : [];
+        return {
+            klantNaam: klantNaam ?? "",
+            werkadres: [bron.work_address, bron.room_number]
+                .filter((waarde) => typeof waarde === "string" && waarde.length > 0)
+                .join(" · "),
+            onderwerp: offerte.onderwerp ??
+                (typeof bron.technician_task_description === "string" ? bron.technician_task_description : ""),
+            aanleiding: typeof bron.complaint_description === "string" ? bron.complaint_description : "",
+            omschrijving: offerte.omschrijving ?? "",
+            aandachtspunten: offerte.aandachtspunten ??
+                (typeof bron.technician_notes === "string" ? bron.technician_notes : ""),
+            voorwaarden: offerte.voorwaarden ?? "",
+            geldigTot: offerte.valid_until?.slice(0, 10) ?? "",
+            vatRate: Number(offerte.vat_rate ?? 21),
+            regels: veilig.map((regel) => ({
+                description: regel.omschrijving ?? "",
+                unit: regel.unit ?? "st",
+                quantity: Number(regel.quantity ?? 0),
+                unit_price_cents: Number(regel.unit_price_cents ?? 0),
+            })),
+        };
+    }, [bronWerkbon, klantNaam, offerte, regels]);
+    const werkbonConcept = useMemo(() => {
+        if (!offerte)
+            return null;
+        const bron = bronWerkbon ?? {};
+        const veiligeRegels = Array.isArray(regels) ? regels : [];
+        return {
+            customer_id: offerte.customer_id,
+            customer_name: klantNaam ?? "",
+            parent_work_order_id: typeof bron.id === "string" ? bron.id : offerte.source_ref ?? offerte.werkbon_id,
+            parent_work_order_number: typeof bron.project_number === "string" ? bron.project_number : werkbonNummer ?? "",
+            work_address: typeof bron.work_address === "string" ? bron.work_address : "",
+            room_number: typeof bron.room_number === "string" ? bron.room_number : "",
+            reference: offerte.offerte_number ?? "",
+            complaint_description: offerte.onderwerp ??
+                (typeof bron.complaint_description === "string" ? bron.complaint_description : offerte.omschrijving),
+            technician_task_description: offerte.omschrijving ?? "",
+            budget_mandate_cents: Math.max(0, Number(offerte.total_cents ?? 0)),
+            is_follow_up: true,
+            estimated_duration_minutes: null,
+            deadline_date: null,
+            regels: veiligeRegels.map((regel) => ({
+                package_id: regel.package_id,
+                description: regel.omschrijving ?? "",
+                unit: regel.unit ?? "st",
+                quantity: Number(regel.quantity ?? 0),
+                unit_price_cents: Number(regel.unit_price_cents ?? 0),
+            })),
+        };
+    }, [bronWerkbon, klantNaam, offerte, regels, werkbonNummer]);
+    useEffect(() => {
+        setWaarden(documentWaarden);
+    }, [documentWaarden]);
+    useEffect(() => {
+        setNummer(offerte?.offerte_number ?? null);
+    }, [offerte?.offerte_number]);
     if (loading) {
         return _jsx("main", { className: "p-6 text-sm text-muted-foreground", children: "Laden\u2026" });
     }
@@ -25,24 +136,137 @@ export function OfferteDetailPage({ offerteId }) {
     const bewerkbaar = ["concept", "mandaat"].includes(status);
     const binnenMandaat = offerte.total_cents > 0 && offerte.total_cents <= restantMandaat;
     const isOmgezet = Boolean(offerte.follow_up_werkbon_id);
+    const wachtOpWerkbon = !isOmgezet && werkbonAanvraag?.status === "open";
+    const aanvraagMislukt = !isOmgezet && werkbonAanvraag?.status === "mislukt";
     const markeerMandaat = async () => {
         await updateOfferte({ status: "mandaat", binnen_mandaat: true, mandaat_restant_cents: restantMandaat }, "mandaat_bevestigd", "Binnen mandaat — geen verzending naar klant nodig");
     };
-    const verzenden = () => updateOfferte({ status: "verzonden", sent_at: new Date().toISOString() }, "verzonden", "Offerte verzonden naar de klant");
-    const goedkeuren = () => updateOfferte({ status: "goedgekeurd", approved_at: new Date().toISOString() }, "goedgekeurd", "Offerte goedgekeurd");
-    const afwijzen = () => updateOfferte({ status: "afgewezen", rejected_at: new Date().toISOString() }, "afgewezen", "Offerte afgewezen");
-    const omzetten = async () => {
-        const ok = await naarWerkbon();
-        if (ok)
-            toast.success("Vervolgwerkbon staat klaar in de werkbonnenmodule");
+    const goedkeuren = async () => {
+        const ok = await updateOfferte({ status: "goedgekeurd", approved_at: new Date().toISOString(), rejected_at: null }, "goedgekeurd", status === "afgewezen" ? "Eerdere afwijzing gewijzigd naar akkoord" : "Offerte goedgekeurd");
+        if (!ok || !offerte.werkbon_concept || offerte.follow_up_werkbon_id)
+            return;
+        const { data, error } = await supabase.rpc("quote_release_work_order", { _offerte_id: offerteId });
+        if (error) {
+            toast.error(`Werkbon doorzetten mislukt: ${error.message}`);
+        }
+        else {
+            toast.success(`Werkbon ${data?.werkbon_nummer ?? ""} staat nu in Werkbonnen`);
+        }
+        await reload();
     };
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-2", onClick: () => navigate({ to: "/offertes" }), children: [_jsx(ArrowLeft, { className: "mr-1 h-4 w-4" }), " Offertes"] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "font-mono text-2xl font-semibold text-foreground", children: offerte.offerte_number }), _jsx(OfferteStatusBadge, { status: status })] }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [klantNaam ?? "Onbekende klant", werkbonNummer ? ` · vanuit ${werkbonNummer}` : ""] })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [bewerkbaar && !binnenMandaat && (_jsxs(Button, { variant: "outline", onClick: verzenden, children: [_jsx(Send, { className: "mr-1 h-4 w-4" }), " Verzenden"] })), bewerkbaar && binnenMandaat && status !== "mandaat" && (_jsxs(Button, { variant: "outline", onClick: markeerMandaat, children: [_jsx(ShieldCheck, { className: "mr-1 h-4 w-4" }), " Binnen mandaat"] })), ["verzonden", "bekeken"].includes(status) && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: afwijzen, children: [_jsx(XCircle, { className: "mr-1 h-4 w-4" }), " Afwijzen"] }), _jsxs(Button, { onClick: goedkeuren, children: [_jsx(CheckCircle2, { className: "mr-1 h-4 w-4" }), " Goedkeuren"] })] })), !isOmgezet && (status === "goedgekeurd" || (status === "mandaat" && binnenMandaat)) && (_jsx(Button, { onClick: omzetten, children: "Omzetten naar werkbon" }))] })] }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6 lg:col-span-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Offerteregels" }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx(OfferteRegelsEditor, { regels: regels, pakketten: pakketten, readOnly: !bewerkbaar, onAdd: addRegel, onUpdate: updateRegel, onDelete: deleteRegel }), _jsx(Separator, {}), _jsxs("div", { className: "ml-auto w-full max-w-xs space-y-1 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Subtotaal" }), _jsx("span", { children: formatEuro(offerte.subtotal_cents) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsxs("span", { className: "text-muted-foreground", children: ["Btw (", offerte.vat_rate, "%)"] }), _jsx("span", { children: formatEuro(offerte.vat_cents) })] }), _jsxs("div", { className: "flex justify-between text-base font-semibold", children: [_jsx("span", { children: "Totaal" }), _jsx("span", { children: formatEuro(offerte.total_cents) })] })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Omschrijving" }) }), _jsx(CardContent, { children: _jsx(Textarea, { rows: 4, defaultValue: offerte.omschrijving, disabled: !bewerkbaar, onBlur: (e) => e.target.value !== offerte.omschrijving &&
-                                                updateOfferte({ omschrijving: e.target.value }) }) })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { 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(restantMandaat) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Offertetotaal" }), _jsx("span", { className: "font-medium", children: formatEuro(offerte.total_cents) })] }), _jsx("p", { className: cn("rounded-md px-3 py-2 text-sm", binnenMandaat
-                                                    ? "bg-primary/10 text-foreground"
-                                                    : "bg-muted text-muted-foreground"), children: binnenMandaat
-                                                    ? "Binnen mandaat — deze offerte mag direct worden omgezet in een werkbon zonder verzending naar de klant."
-                                                    : "Buiten mandaat — de klant moet deze offerte eerst goedkeuren." }), isOmgezet && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Vervolgwerkbon aangemaakt op ", formatDatum(offerte.converted_at), "."] }))] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Gegevens" }) }), _jsxs(CardContent, { className: "space-y-2 text-sm", children: [_jsx(Rij, { label: "Geldig t/m", value: formatDatum(offerte.valid_until) }), _jsx(Rij, { label: "Aangemaakt", value: formatDatum(offerte.created_at) }), _jsx(Rij, { label: "Verzonden", value: formatDatum(offerte.sent_at) }), _jsx(Rij, { label: "Goedgekeurd", value: formatDatum(offerte.approved_at) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Activiteit" }) }), _jsxs(CardContent, { className: "space-y-3", children: [(Array.isArray(events) ? events : []).length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen activiteit." })), (Array.isArray(events) ? events : []).map((event) => (_jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-medium", children: event.omschrijving || event.event_type }), _jsx("p", { className: "text-xs text-muted-foreground", children: formatDatum(event.created_at) })] }, event.id)))] })] })] })] })] }));
-}
-function Rij({ label, value }) {
-    return (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { children: value })] }));
+    const afwijzen = () => updateOfferte({ status: "afgewezen", rejected_at: new Date().toISOString(), approved_at: null }, "afgewezen", status === "goedgekeurd" ? "Eerder akkoord gewijzigd naar afgewezen" : "Offerte afgewezen");
+    const werkbonAanmaken = async (concept) => {
+        setWerkbonOpslaan(true);
+        try {
+            const resultaat = await maakWerkbon(concept);
+            toast.success(resultaat.changed
+                ? `Werkbon ${resultaat.werkbon_nummer ?? ""} is direct aangemaakt`
+                : `Werkbon ${resultaat.werkbon_nummer ?? ""} bestond al`);
+            setWerkbonOpen(false);
+        }
+        catch (error) {
+            console.error(error);
+            toast.error(error instanceof Error ? error.message : "Werkbon aanmaken mislukt");
+        }
+        finally {
+            setWerkbonOpslaan(false);
+        }
+    };
+    const bewaarA4 = async () => {
+        if (!waarden)
+            return;
+        setOpslaan(true);
+        try {
+            const veilig = Array.isArray(waarden.regels) ? waarden.regels : [];
+            const gelukt = await saveDocument({
+                onderwerp: waarden.onderwerp,
+                omschrijving: waarden.omschrijving,
+                aandachtspunten: waarden.aandachtspunten,
+                voorwaarden: waarden.voorwaarden,
+                valid_until: waarden.geldigTot || null,
+                vat_rate: waarden.vatRate,
+            }, veilig);
+            if (gelukt)
+                toast.success("Offerte opgeslagen");
+        }
+        finally {
+            setOpslaan(false);
+        }
+    };
+    const openVerzenden = () => {
+        if (!waarden)
+            return;
+        setMailAan(klantEmail);
+        setMailOnderwerp(`Offerte${nummer ? ` ${nummer}` : ""}${waarden.onderwerp ? ` – ${waarden.onderwerp}` : ""}`);
+        const klus = waarden.onderwerp.trim() || werkbonNummer || "de werkzaamheden";
+        setMailBericht(`Beste ${waarden.klantNaam || "klant"},\n\n` +
+            `Voor ${klus} sturen wij u onderstaande offerte. In de offerte leest u precies welke werkzaamheden moeten worden uitgevoerd en wat deze kosten. De offerte vindt u als bijlage bij deze e-mail.\n\n` +
+            `Wij horen graag of u akkoord gaat met deze offerte.\n\n\n\n` +
+            `Met vriendelijke groet,\n\n${huisstijl?.company_name ?? ""}`);
+        setVerzendOpen(true);
+    };
+    const verstuur = async () => {
+        if (!waarden)
+            return;
+        const aan = mailAan.trim();
+        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(aan)) {
+            toast.error("Vul een geldig e-mailadres in");
+            return;
+        }
+        setVerzenden(true);
+        try {
+            const veilig = Array.isArray(waarden.regels) ? waarden.regels : [];
+            const opgeslagen = await saveDocument({
+                onderwerp: waarden.onderwerp,
+                omschrijving: waarden.omschrijving,
+                aandachtspunten: waarden.aandachtspunten,
+                voorwaarden: waarden.voorwaarden,
+                valid_until: waarden.geldigTot || null,
+                vat_rate: waarden.vatRate,
+            }, veilig);
+            if (!opgeslagen)
+                throw new Error("Offerte opslaan mislukt");
+            let definitiefNummer = nummer;
+            if (!definitiefNummer) {
+                const { data, error } = await supabase.rpc("quote_assign_number", { _offerte_id: offerteId });
+                if (error || typeof data !== "string")
+                    throw new Error(error?.message ?? "Offertenummer toekennen mislukt");
+                definitiefNummer = data;
+                setNummer(data);
+            }
+            await new Promise((resolve) => setTimeout(resolve, 150));
+            const onderwerp = /^Offerte(\s|$)/.test(mailOnderwerp) && !mailOnderwerp.includes(definitiefNummer)
+                ? mailOnderwerp.replace(/^Offerte/, `Offerte ${definitiefNummer}`)
+                : mailOnderwerp;
+            const paginas = Array.from(pdfRef.current?.querySelectorAll("[data-offerte-pagina]") ?? []);
+            const pdfBase64 = await a4NaarPdfBase64(paginas);
+            await verstuurOfferteEmail({
+                offerteId,
+                to: aan,
+                subject: onderwerp,
+                message: mailBericht,
+                pdfBase64,
+                filename: `Offerte-${definitiefNummer}.pdf`,
+            });
+            await reload();
+            toast.success(`Offerte verzonden naar ${aan}`);
+            setVerzendOpen(false);
+        }
+        catch (error) {
+            console.error(error);
+            toast.error(error instanceof Error ? error.message : "Verzenden mislukt");
+        }
+        finally {
+            setVerzenden(false);
+        }
+    };
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-2", onClick: () => navigate({ to: "/offertes" }), children: [_jsx(ArrowLeft, { className: "mr-1 h-4 w-4" }), " Offertes"] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "font-mono text-2xl font-semibold text-foreground", children: nummer ?? "Concept" }), _jsx(OfferteStatusBadge, { status: status })] }), _jsx("p", { className: "text-sm text-muted-foreground", children: klantNaam ?? "Onbekende klant" }), _jsx("div", { className: "mt-2 rounded-md border bg-muted/40 px-3 py-2 text-sm", children: werkbonNummer ? (_jsx("p", { children: _jsxs("span", { className: "font-medium", children: ["Vervolg op werkbon ", werkbonNummer] }) })) : (_jsx("p", { className: "font-medium", children: "Nieuwe klus, geen eerdere werkbon" })) })] }), _jsxs("div", { className: "flex flex-col items-end gap-2", children: [_jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [bewerkbaar && !binnenMandaat && (_jsxs(Button, { variant: "outline", onClick: openVerzenden, children: [_jsx(Send, { className: "mr-1 h-4 w-4" }), " Verzenden"] })), bewerkbaar && binnenMandaat && status !== "mandaat" && (_jsxs(Button, { variant: "outline", onClick: markeerMandaat, children: [_jsx(ShieldCheck, { className: "mr-1 h-4 w-4" }), " Binnen mandaat"] })), ["verzonden", "bekeken"].includes(status) && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: openVerzenden, disabled: verzenden, children: [_jsx(Send, { className: "mr-1 h-4 w-4" }), " Opnieuw verzenden"] }), _jsxs(Button, { variant: "outline", onClick: afwijzen, children: [_jsx(XCircle, { className: "mr-1 h-4 w-4" }), " Afwijzen"] }), _jsxs(Button, { onClick: goedkeuren, children: [_jsx(CheckCircle2, { className: "mr-1 h-4 w-4" }), " Goedkeuren"] })] })), status === "goedgekeurd" && !isOmgezet && !wachtOpWerkbon && (_jsxs(Button, { variant: "outline", onClick: afwijzen, children: [_jsx(XCircle, { className: "mr-1 h-4 w-4" }), " Toch afwijzen"] })), status === "afgewezen" && (_jsxs(Button, { onClick: goedkeuren, children: [_jsx(CheckCircle2, { className: "mr-1 h-4 w-4" }), " Toch akkoord"] })), !isOmgezet &&
+                                        (status === "goedgekeurd" || status === "wacht_op_werkbon" || aanvraagMislukt || status === "mandaat") && (_jsxs(Button, { onClick: () => {
+                                            setWerkbonOpen(true);
+                                            setMoederOpen(false);
+                                        }, children: [_jsx(Wrench, { className: "mr-1 h-4 w-4" }), " Werkbon aanmaken"] }))] }), lijstIndex >= 0 && lijstIds.length > 1 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", disabled: lijstIndex <= 0, onClick: () => gaNaar(lijstIndex - 1), "aria-label": "Vorige offerte", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("span", { className: "min-w-24 text-center text-sm text-muted-foreground", children: ["Offerte ", lijstIndex + 1, " van ", lijstIds.length] }), _jsx(Button, { variant: "outline", size: "icon", disabled: lijstIndex >= lijstIds.length - 1, onClick: () => gaNaar(lijstIndex + 1), "aria-label": "Volgende offerte", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }))] })] }), wachtOpWerkbon && (_jsx("p", { className: "rounded-md border border-border bg-muted/40 px-4 py-3 text-sm text-muted-foreground", children: "Er staat nog een oudere aanvraag klaar. Je kunt de werkbon hierboven nu direct aanmaken." })), aanvraagMislukt && (_jsxs("p", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: ["Het aanmaken van de vervolgwerkbon is niet gelukt", werkbonAanvraag?.foutmelding ? `: ${werkbonAanvraag.foutmelding}` : "", ". Je kunt de aanvraag opnieuw doen."] })), isOmgezet && werkbonAanvraag?.werkbon_nummer && (_jsxs("p", { className: "rounded-md border border-border bg-muted/40 px-4 py-3 text-sm text-muted-foreground", children: ["Vervolgwerkbon ", werkbonAanvraag.werkbon_nummer, " is aangemaakt."] })), waarden && (_jsxs("div", { className: werkbonOpen
+                    ? moederOpen
+                        ? "grid items-start gap-4 xl:grid-cols-[40px_minmax(280px,1fr)_620px_minmax(340px,1fr)]"
+                        : "grid items-start gap-4 xl:grid-cols-[40px_620px_minmax(340px,1fr)]"
+                    : "", children: [werkbonOpen && werkbonConcept && (_jsxs("button", { type: "button", onClick: () => setMoederOpen((v) => !v), "aria-expanded": moederOpen, "aria-label": moederOpen ? "Moederwerkbon terugklappen" : "Moederwerkbon uitklappen", className: "sticky top-6 flex h-fit min-h-72 w-full shrink-0 flex-col items-center justify-center gap-2 rounded-md border border-border bg-muted/60 px-1 py-4 text-muted-foreground transition-colors hover:bg-muted", children: [moederOpen ? (_jsx(ChevronLeft, { className: "h-5 w-5" })) : (_jsx(ChevronRight, { className: "h-5 w-5" })), _jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide", style: { writingMode: "vertical-rl" }, children: "Moederwerkbon" }), !moederOpen && werkbonConcept.parent_work_order_number && (_jsx("span", { className: "font-mono text-[10px]", style: { writingMode: "vertical-rl" }, children: werkbonConcept.parent_work_order_number }))] })), werkbonOpen && werkbonConcept && (_jsx("div", { className: moederOpen ? "" : "hidden", children: _jsx(MoederWerkbonPaneel, { werkbonId: werkbonConcept.parent_work_order_id, klantNaam: werkbonConcept.customer_name }) })), _jsx("div", { className: "overflow-x-auto bg-muted px-4 py-6 sm:px-6", children: _jsx("div", { style: werkbonOpen ? { zoom: 0.72 } : undefined, children: _jsx(OfferteA4, { waarden: waarden, onChange: setWaarden, editable: bewerkbaar, offerteNummer: nummer, werkbonNummer: werkbonNummer }) }) }), werkbonOpen && werkbonConcept && (_jsx(WerkbonAanmakenPaneel, { initialValue: werkbonConcept, saving: werkbonOpslaan, onCancel: () => setWerkbonOpen(false), onCreate: werkbonAanmaken }))] })), bewerkbaar && waarden && (_jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [_jsxs(Button, { onClick: () => void bewaarA4(), disabled: opslaan, children: [opslaan ? _jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : _jsx(Save, { className: "mr-1 h-4 w-4" }), "Offerte opslaan"] }), !binnenMandaat && (_jsxs(Button, { variant: "outline", onClick: openVerzenden, disabled: opslaan || verzenden, children: [_jsx(Send, { className: "mr-1 h-4 w-4" }), " Verzenden"] }))] })), waarden && (_jsx("div", { "aria-hidden": true, className: "pointer-events-none fixed -left-[10000px] top-0", children: _jsx(OfferteA4, { ref: pdfRef, waarden: waarden, offerteNummer: nummer, werkbonNummer: werkbonNummer }) })), _jsx(Dialog, { open: verzendOpen, onOpenChange: setVerzendOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Offerte verzenden" }) }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "detail-mail-aan", children: "E-mailadres" }), _jsx(Input, { id: "detail-mail-aan", type: "email", value: mailAan, onChange: (event) => setMailAan(event.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "detail-mail-onderwerp", children: "Onderwerp" }), _jsx(Input, { id: "detail-mail-onderwerp", value: mailOnderwerp, onChange: (event) => setMailOnderwerp(event.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "detail-mail-bericht", children: "Bericht" }), _jsx(Textarea, { id: "detail-mail-bericht", rows: 10, value: mailBericht, onChange: (event) => setMailBericht(event.target.value) })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "De offerte wordt eerst opgeslagen en als PDF-bijlage meegestuurd." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setVerzendOpen(false), disabled: verzenden, children: "Annuleren" }), _jsxs(Button, { onClick: () => void verstuur(), disabled: verzenden, children: [verzenden ? _jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : _jsx(Send, { className: "mr-1 h-4 w-4" }), "Versturen"] })] })] }) })] }));
 }

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

@@ -21,7 +21,7 @@ export function OfferteRegelsEditor({ regels, pakketten, readOnly, onAdd, onUpda
         setPakketId("");
     };
     return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Omschrijving" }), _jsx(TableHead, { className: "w-24 text-right", children: "Aantal" }), _jsx(TableHead, { className: "w-32 text-right", children: "Stukprijs" }), _jsx(TableHead, { className: "w-32 text-right", children: "Totaal" }), !readOnly && _jsx(TableHead, { className: "w-12" })] }) }), _jsxs(TableBody, { children: [veiligeRegels.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: readOnly ? 4 : 5, className: "text-sm text-muted-foreground", children: "Nog geen regels toegevoegd." }) })), veiligeRegels.map((regel) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: readOnly ? (_jsx("span", { className: "text-sm", children: regel.omschrijving })) : (_jsx(Input, { defaultValue: regel.omschrijving, onBlur: (e) => e.target.value !== regel.omschrijving &&
-                                                onUpdate(regel.id, { omschrijving: e.target.value }) })) }), _jsx(TableCell, { className: "text-right", children: readOnly ? (Number(regel.quantity)) : (_jsx(Input, { type: "number", step: "0.25", className: "text-right", defaultValue: Number(regel.quantity), onBlur: (e) => onUpdate(regel.id, { quantity: Number(e.target.value) || 0 }) })) }), _jsx(TableCell, { className: "text-right", children: readOnly ? (formatEuro(regel.unit_price_cents)) : (_jsx(Input, { type: "number", step: "0.01", className: "text-right", defaultValue: (regel.unit_price_cents / 100).toFixed(2), onBlur: (e) => onUpdate(regel.id, {
+                                                onUpdate(regel.id, { omschrijving: e.target.value }) })) }), _jsx(TableCell, { className: "text-right", children: readOnly ? (Number(regel.quantity)) : (_jsx(Input, { type: "number", step: "1", className: "text-right", defaultValue: Number(regel.quantity), onBlur: (e) => onUpdate(regel.id, { quantity: Number(e.target.value) || 0 }) })) }), _jsx(TableCell, { className: "text-right", children: readOnly ? (formatEuro(regel.unit_price_cents)) : (_jsx(Input, { type: "number", step: "0.01", className: "text-right", defaultValue: (regel.unit_price_cents / 100).toFixed(2), onBlur: (e) => onUpdate(regel.id, {
                                                 unit_price_cents: Math.round((Number(e.target.value) || 0) * 100),
                                             }) })) }), _jsx(TableCell, { className: "text-right font-medium", children: formatEuro(regel.line_total_cents) }), !readOnly && (_jsx(TableCell, { children: _jsx(Button, { variant: "ghost", size: "icon", onClick: () => onDelete(regel.id), children: _jsx(Trash2, { className: "h-4 w-4" }) }) }))] }, regel.id)))] })] }), !readOnly && (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Select, { value: pakketId, onValueChange: setPakketId, children: [_jsx(SelectTrigger, { className: "w-72", children: _jsx(SelectValue, { placeholder: "Pakket toevoegen" }) }), _jsx(SelectContent, { children: veiligePakketten.map((p) => (_jsxs(SelectItem, { value: p.id, children: [p.name, " \u2014 ", formatEuro(p.unit_price_cents ?? 0)] }, p.id))) })] }), _jsxs(Button, { variant: "secondary", onClick: voegPakketToe, disabled: !pakketId, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Pakket"] }), _jsxs(Button, { variant: "outline", onClick: () => onAdd({ source: "vrij", omschrijving: "Nieuwe regel", quantity: 1, unit_price_cents: 0 }), children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Vrije regel"] })] }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"OfferteStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OfferteStatusBadge.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,+BAShE"}
+{"version":3,"file":"OfferteStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OfferteStatusBadge.tsx"],"names":[],"mappings":"AAeA,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,+BAShE"}

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

@@ -7,6 +7,7 @@ const STYLES = {
     verzonden: "bg-secondary text-secondary-foreground border-transparent",
     bekeken: "bg-secondary text-secondary-foreground border-transparent",
     goedgekeurd: "bg-primary text-primary-foreground border-transparent",
+    wacht_op_werkbon: "bg-accent text-accent-foreground border-transparent",
     omgezet: "bg-primary text-primary-foreground border-transparent",
     afgewezen: "bg-destructive text-destructive-foreground border-transparent",
     verlopen: "bg-background text-muted-foreground border-border",

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

@@ -1 +1 @@
-{"version":3,"file":"OffertesOverzichtPage.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OffertesOverzichtPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,qBAAqB,gCAiJpC"}
+{"version":3,"file":"OffertesOverzichtPage.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/OffertesOverzichtPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,qBAAqB,gCAwOpC"}

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

@@ -8,9 +8,9 @@ import { useNavigate } from "@tanstack/react-router";
 import { Button, Card, CardContent, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsList, TabsTrigger, cn, } from "@flowselections/core";
 import { Building2, Plus, Search } from "lucide-react";
 import { useOffertes } from "../../hooks/useOffertes";
-import { OfferteKpiCards } from "./OfferteKpiCards";
 import { OfferteStatusBadge } from "./OfferteStatusBadge";
-import { NieuweOfferteDialog } from "./NieuweOfferteDialog";
+import { NieuweOfferteFormulier } from "./NieuweOfferteFormulier";
+import { ExtraWerkMeldingenLijst } from "./ExtraWerkMeldingenLijst";
 import { OFFERTE_TABS, effectieveStatus, formatDatum, formatEuro } from "../../lib/offertes";
 export function OffertesOverzichtPage() {
     const { offertes, loading, reload } = useOffertes();
@@ -24,6 +24,15 @@ export function OffertesOverzichtPage() {
         const term = zoek.trim().toLowerCase();
         return lijst.filter((o) => {
             const status = effectieveStatus(o);
+            if (status === "omgezet")
+                return false;
+            // Open extra-werkmeldingen staan alleen in het meldingenblok tot ze verzonden zijn
+            const anyO = o;
+            if (anyO.source_type === "work_order" &&
+                anyO.status === "concept" &&
+                typeof anyO.notities === "string" &&
+                anyO.notities.startsWith("Extra werk gemeld"))
+                return false;
             if (tabDef?.statuses && !tabDef.statuses.includes(status))
                 return false;
             if (!term)
@@ -33,7 +42,20 @@ export function OffertesOverzichtPage() {
                 .some((v) => String(v).toLowerCase().includes(term));
         });
     }, [offertes, tab, zoek]);
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold text-foreground", children: "Offertes" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Offertes vanuit werkbonnen, klantgoedkeuring en vervolgwerk" })] }), _jsxs(Button, { onClick: () => setDialogOpen(true), children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Nieuwe offerte"] })] }), _jsx(OfferteKpiCards, { offertes: offertes }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(Tabs, { value: tab, onValueChange: setTab, children: _jsx(TabsList, { children: OFFERTE_TABS.map((t) => (_jsx(TabsTrigger, { value: t.key, children: t.label }, t.key))) }) }), _jsxs("div", { className: "relative w-full max-w-xs", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op klant, nummer, omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] })] }), _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-36", children: "Nr." }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Omschrijving" }), _jsx(TableHead, { className: "text-right", children: "Totaal" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Geldig t/m" }), _jsx(TableHead, { children: "Aangemaakt" })] }) }), _jsxs(TableBody, { children: [loading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-sm text-muted-foreground", children: "Laden\u2026" }) })), !loading && zichtbaar.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-sm text-muted-foreground", children: "Geen offertes gevonden." }) })), zichtbaar.map((o) => (_jsxs(TableRow, { className: "cursor-pointer", onClick: () => navigate({ to: "/offertes/$offerteId", params: { offerteId: o.id } }), children: [_jsx(TableCell, { className: "font-mono text-xs font-semibold", children: o.offerte_number }), _jsx(TableCell, { children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-primary/10", children: _jsx(Building2, { className: "h-3.5 w-3.5 text-primary" }) }), _jsx("span", { className: "font-medium", children: o.klant_naam ?? "—" })] }) }), _jsx(TableCell, { className: "max-w-xs truncate text-muted-foreground", children: o.omschrijving || "—" }), _jsx(TableCell, { className: "text-right font-medium", children: formatEuro(o.total_cents) }), _jsx(TableCell, { children: _jsx(OfferteStatusBadge, { status: effectieveStatus(o) }) }), _jsx(TableCell, { className: cn("text-sm", !o.valid_until && "text-muted-foreground"), children: formatDatum(o.valid_until) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: formatDatum(o.created_at) })] }, o.id)))] })] }) }) }), _jsx(NieuweOfferteDialog, { open: dialogOpen, onOpenChange: setDialogOpen, onCreated: (id) => {
+    const omgezet = useMemo(() => {
+        const lijst = Array.isArray(offertes) ? offertes : [];
+        const term = zoek.trim().toLowerCase();
+        return lijst.filter((o) => {
+            if (effectieveStatus(o) !== "omgezet")
+                return false;
+            if (!term)
+                return true;
+            return [o.offerte_number, o.klant_naam, o.omschrijving, o.werkbon_nummer]
+                .filter(Boolean)
+                .some((v) => String(v).toLowerCase().includes(term));
+        });
+    }, [offertes, zoek]);
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold text-foreground", children: "Offertes" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Offertes vanuit werkbonnen, klantgoedkeuring en vervolgwerk" })] }), _jsxs(Button, { onClick: () => setDialogOpen(true), children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Nieuwe offerte"] })] }), _jsx(ExtraWerkMeldingenLijst, { onOfferteGemaakt: reload }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(Tabs, { value: tab, onValueChange: setTab, children: _jsx(TabsList, { children: OFFERTE_TABS.map((t) => (_jsx(TabsTrigger, { value: t.key, children: t.label }, t.key))) }) }), _jsxs("div", { className: "relative w-full max-w-xs", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op klant, nummer, omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] })] }), omgezet.length > 0 && (_jsx(Card, { children: _jsxs(CardContent, { className: "p-0", children: [_jsxs("div", { className: "border-b px-4 py-3", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: "Omgezette offertes" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Deze offertes zijn omgezet naar een werkbon \u2014 alleen nog ter inzage." })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-36", children: "Nr." }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Omschrijving" }), _jsx(TableHead, { className: "text-right", children: "Totaal" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Geldig t/m" }), _jsx(TableHead, { children: "Aangemaakt" })] }) }), _jsx(TableBody, { children: omgezet.map((o) => (_jsxs(TableRow, { className: "cursor-pointer", onClick: () => navigate({ to: "/offertes/$offerteId", params: { offerteId: o.id } }), children: [_jsx(TableCell, { className: "font-mono text-xs font-semibold", children: o.offerte_number ?? "Concept" }), _jsx(TableCell, { children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-primary/10", children: _jsx(Building2, { className: "h-3.5 w-3.5 text-primary" }) }), _jsx("span", { className: "font-medium", children: o.klant_naam ?? "—" })] }) }), _jsx(TableCell, { className: "max-w-xs truncate text-muted-foreground", children: o.omschrijving || "—" }), _jsx(TableCell, { className: "text-right font-medium", children: formatEuro(o.total_cents) }), _jsx(TableCell, { children: _jsx(OfferteStatusBadge, { status: effectieveStatus(o) }) }), _jsx(TableCell, { className: cn("text-sm", !o.valid_until && "text-muted-foreground"), children: formatDatum(o.valid_until) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: formatDatum(o.created_at) })] }, o.id))) })] })] }) })), _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-36", children: "Nr." }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Omschrijving" }), _jsx(TableHead, { className: "text-right", children: "Totaal" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Geldig t/m" }), _jsx(TableHead, { children: "Aangemaakt" })] }) }), _jsxs(TableBody, { children: [loading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-sm text-muted-foreground", children: "Laden\u2026" }) })), !loading && zichtbaar.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-sm text-muted-foreground", children: "Geen offertes gevonden." }) })), zichtbaar.map((o) => (_jsxs(TableRow, { className: "cursor-pointer", onClick: () => navigate({ to: "/offertes/$offerteId", params: { offerteId: o.id } }), children: [_jsx(TableCell, { className: "font-mono text-xs font-semibold", children: o.offerte_number ?? "Concept" }), _jsx(TableCell, { children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-primary/10", children: _jsx(Building2, { className: "h-3.5 w-3.5 text-primary" }) }), _jsx("span", { className: "font-medium", children: o.klant_naam ?? "—" })] }) }), _jsx(TableCell, { className: "max-w-xs truncate text-muted-foreground", children: o.omschrijving || "—" }), _jsx(TableCell, { className: "text-right font-medium", children: formatEuro(o.total_cents) }), _jsx(TableCell, { children: _jsx(OfferteStatusBadge, { status: effectieveStatus(o) }) }), _jsx(TableCell, { className: cn("text-sm", !o.valid_until && "text-muted-foreground"), children: formatDatum(o.valid_until) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: formatDatum(o.created_at) })] }, o.id)))] })] }) }) }), _jsx(NieuweOfferteFormulier, { open: dialogOpen, onOpenChange: setDialogOpen, onCreated: (id) => {
                     reload();
                     navigate({ to: "/offertes/$offerteId", params: { offerteId: id } });
                 } }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Werkbonnen, monteurnotities en pakketten worden beheerd in de module Werkbonnen." })] }));

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

@@ -0,0 +1,14 @@
+import { type WerkbonVoorstel } from "../../hooks/useWerkbonVoorstellen";
+import { type AiOfferteConcept } from "../../lib/offerteAi.functions";
+interface Props {
+    voorstel: WerkbonVoorstel;
+    index: number;
+    aantalVoorstellen: number;
+    onNavigate: (index: number) => void;
+    onClose: () => void;
+    onCreated: (offerteId: string) => void | Promise<void>;
+    onSaveConcept: (c: AiOfferteConcept) => void;
+}
+export declare function VoorstelOffertePaneel({ voorstel, index, aantalVoorstellen, onNavigate, onClose, onCreated, onSaveConcept }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=VoorstelOffertePaneel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorstelOffertePaneel.d.ts","sourceRoot":"","sources":["../../../src/components/offertes/VoorstelOffertePaneel.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAW9F,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,aAAa,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C;AAkBD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,KAAK,+BAqXjI"}