@flowselections/offertes-installatie-techniek 1.0.2 → 1.21.1

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

@@ -0,0 +1,32 @@
+export interface Huisstijl {
+    company_name: string;
+    address: string;
+    postal_code: string;
+    city: string;
+    chamber_of_commerce_number: string;
+    vat_identification_number: string;
+    email: string;
+    phone: string;
+    iban: string;
+    website: string;
+    primary_color: string;
+    secondary_color: string;
+    logo_path: string | null;
+    payment_term_days: number;
+    show_company_name: boolean;
+}
+export declare const legeHuisstijl: () => Huisstijl;
+export declare function haalHuisstijl(): Promise<{
+    huisstijl: Huisstijl;
+    ingesteld: boolean;
+}>;
+export declare function bewaarHuisstijl(value: Huisstijl): Promise<Huisstijl>;
+export declare function huisstijlLogoUrl(path: string | null | undefined): Promise<string | null>;
+export declare function useHuisstijl(): {
+    huisstijl: Huisstijl | null;
+    ingesteld: boolean;
+    logoUrl: string | null;
+    loading: boolean;
+    fout: string | null;
+};
+//# sourceMappingURL=useHuisstijl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHuisstijl.d.ts","sourceRoot":"","sources":["../../src/hooks/useHuisstijl.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IACzE,0BAA0B,EAAE,MAAM,CAAC;IAAC,yBAAyB,EAAE,MAAM,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAC5D,aAAa,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,QAAO,SAO/B,CAAC;AAEH,wBAAsB,aAAa,IAAI,OAAO,CAAC;IAAE,SAAS,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CAU3F;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAI1E;AAED,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAK9F;AAED,wBAAgB,YAAY;eAEb,SAAS,GAAG,IAAI;eAChB,OAAO;aACT,MAAM,GAAG,IAAI;aACb,OAAO;UACV,MAAM,GAAG,IAAI;EAoBtB"}

package/dist-lib/hooks/useHuisstijl.js

@@ -0,0 +1,60 @@
+// Huisstijl wordt gedeeld met de Facturen-module (eigenaar van invoice_branding_settings).
+// Lezen: directe select. Schrijven: uitsluitend via invoice_save_branding_settings.
+import { useEffect, useState } from "react";
+import { supabase } from "@flowselections/core";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const db = supabase;
+export const legeHuisstijl = () => ({
+    company_name: "", address: "", postal_code: "", city: "",
+    chamber_of_commerce_number: "", vat_identification_number: "",
+    email: "", phone: "", iban: "", website: "",
+    primary_color: "#17365D", secondary_color: "#6B7280", logo_path: null,
+    payment_term_days: 30,
+    show_company_name: true,
+});
+export async function haalHuisstijl() {
+    const { data, error } = await db
+        .from("invoice_branding_settings")
+        .select("*")
+        .eq("singleton_key", true)
+        .maybeSingle();
+    if (error)
+        throw error;
+    return data
+        ? { huisstijl: { ...legeHuisstijl(), ...data }, ingesteld: true }
+        : { huisstijl: legeHuisstijl(), ingesteld: false };
+}
+export async function bewaarHuisstijl(value) {
+    const { data, error } = await db.rpc("invoice_save_branding_settings", { _payload: value });
+    if (error)
+        throw error;
+    return { ...legeHuisstijl(), ...data };
+}
+export async function huisstijlLogoUrl(path) {
+    if (!path)
+        return null;
+    const { data, error } = await supabase.storage.from("layout-logos").createSignedUrl(path, 3600);
+    if (error)
+        return null;
+    return data?.signedUrl ?? null;
+}
+export function useHuisstijl() {
+    const [state, setState] = useState({ huisstijl: null, ingesteld: false, logoUrl: null, loading: true, fout: null });
+    useEffect(() => {
+        let actief = true;
+        haalHuisstijl()
+            .then(async ({ huisstijl, ingesteld }) => {
+            const logoUrl = await huisstijlLogoUrl(huisstijl.logo_path);
+            if (actief)
+                setState({ huisstijl, ingesteld, logoUrl, loading: false, fout: null });
+        })
+            .catch(() => {
+            if (actief)
+                setState({ huisstijl: null, ingesteld: false, logoUrl: null, loading: false, fout: "Huisstijl kon niet worden geladen" });
+        });
+        return () => {
+            actief = false;
+        };
+    }, []);
+    return state;
+}

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

@@ -1,17 +1,38 @@
 import type { Offerte, OfferteEvent, OfferteRegel } from "../lib/offertes";
+import type { WerkbonConcept } from "../components/offertes/WerkbonAanmakenPaneel";
 export declare function useOfferte(offerteId: string): {
     offerte: Offerte | null;
     klantNaam: string | null;
+    klantEmail: string;
     werkbonNummer: string | null;
+    bronWerkbon: Record<string, unknown> | null;
     regels: OfferteRegel[];
     events: OfferteEvent[];
     restantMandaat: number;
+    werkbonAanvraag: {
+        id: string;
+        status: string;
+        werkbon_nummer: string | null;
+        foutmelding: string | null;
+    } | null;
     loading: boolean;
     reload: () => Promise<void>;
     updateOfferte: (patch: Record<string, unknown>, eventType?: string, eventTekst?: string) => Promise<boolean>;
     addRegel: (regel: Partial<OfferteRegel>) => Promise<void>;
     updateRegel: (id: string, patch: Partial<OfferteRegel>) => Promise<void>;
     deleteRegel: (id: string) => Promise<void>;
+    saveDocument: (patch: Record<string, unknown>, nieuweRegels: Array<{
+        description: string;
+        unit: string;
+        quantity: number;
+        unit_price_cents: number;
+        package_id?: string | null;
+    }>) => Promise<boolean>;
     naarWerkbon: () => Promise<boolean>;
+    maakWerkbon: (concept: WerkbonConcept) => Promise<{
+        werkbon_id: string;
+        werkbon_nummer: string | null;
+        changed: boolean;
+    }>;
 };
 //# sourceMappingURL=useOfferte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOfferte.d.ts","sourceRoot":"","sources":["../../src/hooks/useOfferte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI3E,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM;;;;;;;;;2BAuE1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,MAAM,eAAe,MAAM;sBAchE,OAAO,CAAC,YAAY,CAAC;sBAgBxB,MAAM,SAAS,OAAO,CAAC,YAAY,CAAC;sBAYpC,MAAM;;EAqCpB"}
+{"version":3,"file":"useOfferte.d.ts","sourceRoot":"","sources":["../../src/hooks/useOfferte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAInF,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM;;;;;;;;;;YAUpC,MAAM;gBACF,MAAM;wBACE,MAAM,GAAG,IAAI;qBAChB,MAAM,GAAG,IAAI;;;;2BAsFZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,MAAM,eAAe,MAAM;sBAchE,OAAO,CAAC,YAAY,CAAC;sBAgBxB,MAAM,SAAS,OAAO,CAAC,YAAY,CAAC;sBAYpC,MAAM;0BAaR,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,gBAChB,KAAK,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,gBAAgB,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;;2BAoDtF,cAAc;oBAqC/B,MAAM;wBAAkB,MAAM,GAAG,IAAI;iBAAW,OAAO;;EAuBvF"}

package/dist-lib/hooks/useOfferte.js

@@ -7,17 +7,20 @@ const db = supabase;
 export function useOfferte(offerteId) {
     const [offerte, setOfferte] = useState(null);
     const [klantNaam, setKlantNaam] = useState(null);
+    const [klantEmail, setKlantEmail] = useState("");
     const [werkbonNummer, setWerkbonNummer] = useState(null);
+    const [bronWerkbon, setBronWerkbon] = useState(null);
     const [regels, setRegels] = useState([]);
     const [events, setEvents] = useState([]);
     const [restantMandaat, setRestantMandaat] = useState(0);
+    const [werkbonAanvraag, setWerkbonAanvraag] = useState(null);
     const [loading, setLoading] = useState(true);
     const load = useCallback(async () => {
         setLoading(true);
         try {
             const { data, error } = await db
                 .from("itk_offertes")
-                .select("*, itk_customers(name)")
+                .select("*, itk_customers(name, general_email)")
                 .eq("id", offerteId)
                 .maybeSingle();
             if (error)
@@ -28,6 +31,7 @@ export function useOfferte(offerteId) {
             }
             setOfferte(data);
             setKlantNaam(data.itk_customers?.name ?? null);
+            setKlantEmail(data.itk_customers?.general_email ?? "");
             setWerkbonNummer(data.source_number ?? null);
             const [regelRes, eventRes] = await Promise.all([
                 db.from("itk_offerte_regels").select("*").eq("offerte_id", offerteId).order("sort_order"),
@@ -40,6 +44,24 @@ export function useOfferte(offerteId) {
             setRegels(Array.isArray(regelRes.data) ? regelRes.data : []);
             setEvents(Array.isArray(eventRes.data) ? eventRes.data : []);
             const bronRef = data.source_ref ?? data.werkbon_id;
+            if (bronRef && data.source_type === "work_order") {
+                const { data: werkbon } = await db
+                    .from("werkbonnen")
+                    .select("id, project_number, customer_id, work_address, room_number, complaint_description, technician_task_description, technician_notes, budget_mandate_cents")
+                    .eq("id", bronRef)
+                    .maybeSingle();
+                setBronWerkbon(werkbon ?? null);
+            }
+            else {
+                setBronWerkbon(null);
+            }
+            const { data: queueRows } = await db
+                .from("itk_offerte_werkbon_queue")
+                .select("id, status, werkbon_nummer, foutmelding")
+                .eq("offerte_id", offerteId)
+                .order("created_at", { ascending: false })
+                .limit(1);
+            setWerkbonAanvraag(Array.isArray(queueRows) && queueRows[0] ? queueRows[0] : null);
             if (bronRef) {
                 const { data: restant } = await db.rpc("itk_offerte_restant_mandaat", {
                     _werkbon_id: bronRef,
@@ -107,29 +129,108 @@ export function useOfferte(offerteId) {
         }
         await load();
     }, [load]);
+    const saveDocument = useCallback(async (patch, nieuweRegels) => {
+        const veiligeRegels = Array.isArray(nieuweRegels) ? nieuweRegels : [];
+        const { error: offerteError } = await db.from("itk_offertes").update(patch).eq("id", offerteId);
+        if (offerteError) {
+            toast.error("Opslaan mislukt");
+            return false;
+        }
+        const { error: deleteError } = await db.from("itk_offerte_regels").delete().eq("offerte_id", offerteId);
+        if (deleteError) {
+            toast.error("Offerteregels opslaan mislukt");
+            return false;
+        }
+        if (veiligeRegels.length > 0) {
+            const { error: insertError } = await db.from("itk_offerte_regels").insert(veiligeRegels.map((regel, index) => ({
+                offerte_id: offerteId,
+                source: "vrij",
+                package_id: regel.package_id ??
+                    regels.find((r) => r.omschrijving === regel.description)?.package_id ??
+                    null,
+                omschrijving: regel.description,
+                unit: regel.unit || null,
+                quantity: regel.quantity,
+                unit_price_cents: Math.round(regel.unit_price_cents),
+                sort_order: index,
+            })));
+            if (insertError) {
+                toast.error("Offerteregels opslaan mislukt");
+                return false;
+            }
+        }
+        await db.rpc("quote_sync_work_order", { _offerte_id: offerteId, _monteur_instructies: null });
+        await logEvent("concept_bijgewerkt", "Offerte op het A4 bijgewerkt");
+        await load();
+        return true;
+    }, [offerteId, load, logEvent, regels]);
     const naarWerkbon = useCallback(async () => {
-        const { error } = await db.rpc("itk_offerte_naar_werkbon", { _offerte_id: offerteId });
+        const { error } = await db.rpc("quote_queue_follow_up", { _offerte_id: offerteId });
         if (error) {
-            toast.error("Omzetten naar werkbon mislukt");
+            toast.error("Vervolgwerkbon aanvragen mislukt");
             return false;
         }
-        toast.success("Vervolgwerkbon aangemaakt");
         await load();
         return true;
     }, [offerteId, load]);
+    const maakWerkbon = useCallback(async (concept) => {
+        const veiligeRegels = Array.isArray(concept.regels) ? concept.regels : [];
+        const packages = veiligeRegels
+            .filter((regel) => Boolean(regel.package_id))
+            .map((regel) => ({
+            package_id: regel.package_id,
+            quantity: Number(regel.quantity || 0),
+            unit_price_cents: Math.round(Number(regel.unit_price_cents || 0)),
+        }));
+        const materials = veiligeRegels
+            .filter((regel) => !regel.package_id)
+            .map((regel) => ({
+            description: regel.description.trim() || "Werkzaamheden",
+            quantity: Number(regel.quantity || 0),
+            unit: regel.unit.trim() || "st",
+            unit_price_cents: Math.round(Number(regel.unit_price_cents || 0)),
+        }));
+        const { data, error } = await db.rpc("quote_create_follow_up_now", {
+            _offerte_id: offerteId,
+            _payload: {
+                parent_work_order_id: concept.is_follow_up ? concept.parent_work_order_id : null,
+                is_follow_up: concept.is_follow_up,
+                estimated_duration_minutes: concept.estimated_duration_minutes,
+                deadline_date: concept.deadline_date || null,
+                customer_id: concept.customer_id,
+                work_address: concept.work_address.trim(),
+                room_number: concept.room_number.trim(),
+                reference: concept.reference.trim(),
+                description: concept.complaint_description.trim(),
+                technician_task_description: concept.technician_task_description.trim(),
+                budget_mandate_cents: Math.max(0, Math.round(concept.budget_mandate_cents)),
+                packages,
+                materials,
+            },
+        });
+        if (error)
+            throw error;
+        await load();
+        return data;
+    }, [offerteId, load]);
     return {
         offerte,
         klantNaam,
+        klantEmail,
         werkbonNummer,
+        bronWerkbon,
         regels,
         events,
         restantMandaat,
+        werkbonAanvraag,
         loading,
         reload: load,
         updateOfferte,
         addRegel,
         updateRegel,
         deleteRegel,
+        saveDocument,
         naarWerkbon,
+        maakWerkbon,
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useOffertes.d.ts","sourceRoot":"","sources":["../../src/hooks/useOffertes.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,wBAAgB,WAAW;;;;EAmC1B"}
+{"version":3,"file":"useOffertes.d.ts","sourceRoot":"","sources":["../../src/hooks/useOffertes.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,wBAAgB,WAAW;;;;EA0C1B"}

package/dist-lib/hooks/useOffertes.js

@@ -10,13 +10,23 @@ export function useOffertes() {
     const load = useCallback(async () => {
         setLoading(true);
         try {
-            const { data, error } = await db
-                .from("itk_offertes")
-                .select("*, itk_customers(name)")
-                .order("created_at", { ascending: false });
-            if (error)
-                throw error;
-            const rows = Array.isArray(data) ? data : [];
+            // In blokken ophalen: Supabase geeft max. 1000 rijen per verzoek.
+            const BLOK = 1000;
+            const rows = [];
+            for (let van = 0; van < 100000; van += BLOK) {
+                const { data, error } = await db
+                    .from("itk_offertes")
+                    .select("*, itk_customers(name)")
+                    .order("created_at", { ascending: false })
+                    .order("id", { ascending: false })
+                    .range(van, van + BLOK - 1);
+                if (error)
+                    throw error;
+                const blok = Array.isArray(data) ? data : [];
+                rows.push(...blok);
+                if (blok.length < BLOK)
+                    break;
+            }
             setOffertes(rows.map((row) => ({
                 ...row,
                 klant_naam: row.itk_customers?.name ?? null,

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

@@ -0,0 +1,45 @@
+export interface WerkbonVoorstel {
+    id: string;
+    from_email: string | null;
+    from_name: string | null;
+    subject: string | null;
+    received_at: string | null;
+    customer_id: string | null;
+    work_address: string | null;
+    room_number: string | null;
+    complaint_description: string | null;
+    technician_task_description: string | null;
+    scheduled_start_time: string | null;
+    scheduled_end_time: string | null;
+    estimated_duration_minutes: number | null;
+    externe_referentie: string | null;
+    budget_mandate_cents: number | null;
+    internal_notes: string | null;
+    deadline_date: string | null;
+    reviewed_at: string | null;
+    created_at: string;
+    klant_naam: string | null;
+    seen_at: string | null;
+    offerte_id: string | null;
+    ai_concept: unknown;
+}
+export interface WerkbonVoorstelRegel {
+    id: string;
+    proposal_id: string;
+    line_type: string | null;
+    package_id: string | null;
+    description: string | null;
+    article_number: string | null;
+    quantity: number | null;
+    unit: string | null;
+    note: string | null;
+    sort_order: number | null;
+}
+export declare function useWerkbonVoorstellen(): {
+    voorstellen: WerkbonVoorstel[];
+    loading: boolean;
+    reload: () => Promise<void>;
+    upsertStatus: (proposalId: string, patch: Record<string, unknown>) => Promise<void>;
+};
+export declare function laadVoorstelRegels(proposalId: string): Promise<WerkbonVoorstelRegel[]>;
+//# sourceMappingURL=useWerkbonVoorstellen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWerkbonVoorstellen.d.ts","sourceRoot":"","sources":["../../src/hooks/useWerkbonVoorstellen.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,2BAA2B,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,0BAA0B,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,qBAAqB;;;;+BAoDiB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EAQ3F;AAED,wBAAsB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAO5F"}

package/dist-lib/hooks/useWerkbonVoorstellen.js

@@ -0,0 +1,74 @@
+// ============================================================================
+// src/hooks/useWerkbonVoorstellen.ts — goedgekeurde werkbonvoorstellen (uit
+// de E-mailmodule, alleen lezen) plus eigen status (gezien / omgezet).
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = supabase;
+export function useWerkbonVoorstellen() {
+    const [voorstellen, setVoorstellen] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const { data, error } = await db
+                .from("werkbon_proposals")
+                .select("*")
+                .eq("status", "approved")
+                .order("reviewed_at", { ascending: false, nullsFirst: false });
+            if (error)
+                throw error;
+            const rows = Array.isArray(data) ? data : [];
+            const ids = rows.map((r) => r.id);
+            const custIds = [...new Set(rows.map((r) => r.customer_id).filter(Boolean))];
+            const [statusRes, klantRes] = await Promise.all([
+                ids.length
+                    ? db.from("itk_offerte_voorstel_status").select("*").in("proposal_id", ids)
+                    : Promise.resolve({ data: [] }),
+                custIds.length
+                    ? db.from("itk_customers").select("id, name").in("id", custIds)
+                    : Promise.resolve({ data: [] }),
+            ]);
+            const statussen = Array.isArray(statusRes.data) ? statusRes.data : [];
+            const klanten = Array.isArray(klantRes.data) ? klantRes.data : [];
+            const lijst = rows.map((r) => {
+                const s = statussen.find((x) => x.proposal_id === r.id);
+                return {
+                    ...r,
+                    klant_naam: klanten.find((k) => k.id === r.customer_id)?.name ?? null,
+                    seen_at: s?.seen_at ?? null,
+                    offerte_id: s?.offerte_id ?? null,
+                    ai_concept: s?.ai_concept ?? null,
+                };
+            });
+            lijst.sort((a, b) => Number(!!a.seen_at) - Number(!!b.seen_at));
+            setVoorstellen(lijst);
+        }
+        catch {
+            toast.error("Werkbonvoorstellen konden niet worden geladen");
+            setVoorstellen([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        load();
+    }, [load]);
+    const upsertStatus = useCallback(async (proposalId, patch) => {
+        const { error } = await db
+            .from("itk_offerte_voorstel_status")
+            .upsert({ proposal_id: proposalId, ...patch }, { onConflict: "proposal_id" });
+        if (error)
+            console.error("voorstelstatus opslaan mislukt", error);
+    }, []);
+    return { voorstellen, loading, reload: load, upsertStatus };
+}
+export async function laadVoorstelRegels(proposalId) {
+    const { data } = await db
+        .from("werkbon_proposal_lines")
+        .select("*")
+        .eq("proposal_id", proposalId)
+        .order("sort_order");
+    return Array.isArray(data) ? data : [];
+}

package/dist-lib/index.d.ts

@@ -1,15 +1,32 @@
 import type { FlowModule } from "@flowselections/core";
+import { OfferteHuisstijlSettingsCard } from "./components/settings/OfferteHuisstijlSettingsCard";
+import { OfferteEmailSettingsCard } from "./components/settings/OfferteEmailSettingsCard";
+import { OfferteVoorwaardenSettingsCard } from "./components/settings/OfferteVoorwaardenSettingsCard";
+export { OfferteEmailSettingsCard };
+export { OfferteHuisstijlSettingsCard };
+export { OfferteVoorwaardenSettingsCard };
+export { useHuisstijl } from "./hooks/useHuisstijl";
 export * from "./_core-safelist";
 export * from "./lib/offertes";
 export { OffertesOverzichtPage } from "./components/offertes/OffertesOverzichtPage";
 export { OfferteDetailPage } from "./components/offertes/OfferteDetailPage";
 export { OfferteDetailRoute } from "./components/offertes/OfferteDetailRoute";
+export { OfferteAkkoordPage } from "./components/offertes/OfferteAkkoordPage";
 export { OfferteStatusBadge } from "./components/offertes/OfferteStatusBadge";
-export { OfferteKpiCards } from "./components/offertes/OfferteKpiCards";
 export { OfferteRegelsEditor } from "./components/offertes/OfferteRegelsEditor";
-export { NieuweOfferteDialog } from "./components/offertes/NieuweOfferteDialog";
+export { NieuweOfferteFormulier } from "./components/offertes/NieuweOfferteFormulier";
 export { useOffertes } from "./hooks/useOffertes";
 export { useOfferte } from "./hooks/useOfferte";
 export { useWerkbonPakketten } from "./hooks/useWerkbonPakketten";
+export { WerkbonVoorstellenLijst } from "./components/offertes/WerkbonVoorstellenLijst";
+export { VoorstelOffertePaneel } from "./components/offertes/VoorstelOffertePaneel";
+export { useWerkbonVoorstellen } from "./hooks/useWerkbonVoorstellen";
+export { ExtraWerkMeldingenLijst } from "./components/offertes/ExtraWerkMeldingenLijst";
+export { ExtraWerkOffertePaneel } from "./components/offertes/ExtraWerkOffertePaneel";
+export { OfferteA4 } from "./components/offertes/OfferteA4";
+export { WerkbonAanmakenPaneel } from "./components/offertes/WerkbonAanmakenPaneel";
+export { MoederWerkbonPaneel } from "./components/offertes/MoederWerkbonPaneel";
+export type { WerkbonConcept, WerkbonConceptRegel } from "./components/offertes/WerkbonAanmakenPaneel";
+export { useExtraWerkMeldingen } from "./hooks/useExtraWerkMeldingen";
 export declare const offertesInstallatieTechniekModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,eAAO,MAAM,iCAAiC,EAAE,UAa/C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAClG,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,sDAAsD,CAAC;AACtG,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,CAAC;AACxC,OAAO,EAAE,8BAA8B,EAAE,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,eAAO,MAAM,iCAAiC,EAAE,UAmB/C,CAAC"}

package/dist-lib/index.js

@@ -6,27 +6,49 @@
 // geëxporteerd zodat de shell-configurator ze kan detecteren.
 // ============================================================================
 import { FileText, List } from "lucide-react";
+import { OfferteHuisstijlSettingsCard } from "./components/settings/OfferteHuisstijlSettingsCard";
+import { OfferteEmailSettingsCard } from "./components/settings/OfferteEmailSettingsCard";
+import { OfferteVoorwaardenSettingsCard } from "./components/settings/OfferteVoorwaardenSettingsCard";
+export { OfferteEmailSettingsCard };
+export { OfferteHuisstijlSettingsCard };
+export { OfferteVoorwaardenSettingsCard };
+export { useHuisstijl } from "./hooks/useHuisstijl";
 export * from "./_core-safelist";
 export * from "./lib/offertes";
 export { OffertesOverzichtPage } from "./components/offertes/OffertesOverzichtPage";
 export { OfferteDetailPage } from "./components/offertes/OfferteDetailPage";
 export { OfferteDetailRoute } from "./components/offertes/OfferteDetailRoute";
+export { OfferteAkkoordPage } from "./components/offertes/OfferteAkkoordPage";
 export { OfferteStatusBadge } from "./components/offertes/OfferteStatusBadge";
-export { OfferteKpiCards } from "./components/offertes/OfferteKpiCards";
 export { OfferteRegelsEditor } from "./components/offertes/OfferteRegelsEditor";
-export { NieuweOfferteDialog } from "./components/offertes/NieuweOfferteDialog";
+export { NieuweOfferteFormulier } from "./components/offertes/NieuweOfferteFormulier";
 export { useOffertes } from "./hooks/useOffertes";
 export { useOfferte } from "./hooks/useOfferte";
 export { useWerkbonPakketten } from "./hooks/useWerkbonPakketten";
+export { WerkbonVoorstellenLijst } from "./components/offertes/WerkbonVoorstellenLijst";
+export { VoorstelOffertePaneel } from "./components/offertes/VoorstelOffertePaneel";
+export { useWerkbonVoorstellen } from "./hooks/useWerkbonVoorstellen";
+export { ExtraWerkMeldingenLijst } from "./components/offertes/ExtraWerkMeldingenLijst";
+export { ExtraWerkOffertePaneel } from "./components/offertes/ExtraWerkOffertePaneel";
+export { OfferteA4 } from "./components/offertes/OfferteA4";
+export { WerkbonAanmakenPaneel } from "./components/offertes/WerkbonAanmakenPaneel";
+export { MoederWerkbonPaneel } from "./components/offertes/MoederWerkbonPaneel";
+export { useExtraWerkMeldingen } from "./hooks/useExtraWerkMeldingen";
 export const offertesInstallatieTechniekModule = {
     id: "offertes-installatietechniek",
     name: "Offertes Installatie Techniek",
-    version: "1.0.0",
+    version: "1.21.0",
     nav: {
         label: "Offertes",
         href: "/offertes",
         icon: FileText,
         children: [{ label: "Overzicht", href: "/offertes", icon: List }],
     },
-    settingsCards: [],
+    settingsCards: [
+        { component: OfferteHuisstijlSettingsCard, order: 20 },
+        // order 21: direct naast/onder Offertehuisstijl
+        { component: OfferteVoorwaardenSettingsCard, order: 21 },
+        // order 1.5: staat op de plek van het notificatieblok (dat order 2 heeft)
+        { component: OfferteEmailSettingsCard, order: 1.5 },
+    ],
 };