@flowselections/offertes-installatie-techniek 1.0.2

package/dist-lib/hooks/useOfferte.js

@@ -0,0 +1,135 @@
+// ============================================================================
+// src/hooks/useOfferte.ts — detaildata en acties voor één offerte
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = supabase;
+export function useOfferte(offerteId) {
+    const [offerte, setOfferte] = useState(null);
+    const [klantNaam, setKlantNaam] = useState(null);
+    const [werkbonNummer, setWerkbonNummer] = useState(null);
+    const [regels, setRegels] = useState([]);
+    const [events, setEvents] = useState([]);
+    const [restantMandaat, setRestantMandaat] = useState(0);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const { data, error } = await db
+                .from("itk_offertes")
+                .select("*, itk_customers(name)")
+                .eq("id", offerteId)
+                .maybeSingle();
+            if (error)
+                throw error;
+            if (!data) {
+                setOfferte(null);
+                return;
+            }
+            setOfferte(data);
+            setKlantNaam(data.itk_customers?.name ?? null);
+            setWerkbonNummer(data.source_number ?? null);
+            const [regelRes, eventRes] = await Promise.all([
+                db.from("itk_offerte_regels").select("*").eq("offerte_id", offerteId).order("sort_order"),
+                db
+                    .from("itk_offerte_events")
+                    .select("*")
+                    .eq("offerte_id", offerteId)
+                    .order("created_at", { ascending: false }),
+            ]);
+            setRegels(Array.isArray(regelRes.data) ? regelRes.data : []);
+            setEvents(Array.isArray(eventRes.data) ? eventRes.data : []);
+            const bronRef = data.source_ref ?? data.werkbon_id;
+            if (bronRef) {
+                const { data: restant } = await db.rpc("itk_offerte_restant_mandaat", {
+                    _werkbon_id: bronRef,
+                    _exclude_offerte_id: offerteId,
+                });
+                setRestantMandaat(typeof restant === "number" ? restant : 0);
+            }
+            else {
+                setRestantMandaat(0);
+            }
+        }
+        catch {
+            toast.error("Offerte kon niet worden geladen");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [offerteId]);
+    useEffect(() => {
+        load();
+    }, [load]);
+    const logEvent = useCallback(async (eventType, omschrijving) => {
+        await db.from("itk_offerte_events").insert({
+            offerte_id: offerteId,
+            event_type: eventType,
+            omschrijving,
+        });
+    }, [offerteId]);
+    const updateOfferte = useCallback(async (patch, eventType, eventTekst) => {
+        const { error } = await db.from("itk_offertes").update(patch).eq("id", offerteId);
+        if (error) {
+            toast.error("Opslaan mislukt");
+            return false;
+        }
+        if (eventType)
+            await logEvent(eventType, eventTekst ?? "");
+        await load();
+        return true;
+    }, [offerteId, load, logEvent]);
+    const addRegel = useCallback(async (regel) => {
+        const { error } = await db.from("itk_offerte_regels").insert({
+            offerte_id: offerteId,
+            sort_order: regels.length,
+            ...regel,
+        });
+        if (error) {
+            toast.error("Regel toevoegen mislukt");
+            return;
+        }
+        await load();
+    }, [offerteId, regels.length, load]);
+    const updateRegel = useCallback(async (id, patch) => {
+        const { error } = await db.from("itk_offerte_regels").update(patch).eq("id", id);
+        if (error) {
+            toast.error("Regel bijwerken mislukt");
+            return;
+        }
+        await load();
+    }, [load]);
+    const deleteRegel = useCallback(async (id) => {
+        const { error } = await db.from("itk_offerte_regels").delete().eq("id", id);
+        if (error) {
+            toast.error("Regel verwijderen mislukt");
+            return;
+        }
+        await load();
+    }, [load]);
+    const naarWerkbon = useCallback(async () => {
+        const { error } = await db.rpc("itk_offerte_naar_werkbon", { _offerte_id: offerteId });
+        if (error) {
+            toast.error("Omzetten naar werkbon mislukt");
+            return false;
+        }
+        toast.success("Vervolgwerkbon aangemaakt");
+        await load();
+        return true;
+    }, [offerteId, load]);
+    return {
+        offerte,
+        klantNaam,
+        werkbonNummer,
+        regels,
+        events,
+        restantMandaat,
+        loading,
+        reload: load,
+        updateOfferte,
+        addRegel,
+        updateRegel,
+        deleteRegel,
+        naarWerkbon,
+    };
+}

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

@@ -0,0 +1,7 @@
+import type { OfferteMetKlant } from "../lib/offertes";
+export declare function useOffertes(): {
+    offertes: OfferteMetKlant[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useOffertes.d.ts.map

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

@@ -0,0 +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"}

package/dist-lib/hooks/useOffertes.js

@@ -0,0 +1,38 @@
+// ============================================================================
+// src/hooks/useOffertes.ts — overzichtsdata voor de offertemodule
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = supabase;
+export function useOffertes() {
+    const [offertes, setOffertes] = useState([]);
+    const [loading, setLoading] = useState(true);
+    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 : [];
+            setOffertes(rows.map((row) => ({
+                ...row,
+                klant_naam: row.itk_customers?.name ?? null,
+                werkbon_nummer: row.source_number ?? null,
+            })));
+        }
+        catch {
+            toast.error("Offertes konden niet worden geladen");
+            setOffertes([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        load();
+    }, [load]);
+    return { offertes, loading, reload: load };
+}

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

@@ -0,0 +1,7 @@
+import type { Pakket } from "../lib/offertes";
+export declare function useWerkbonPakketten(): {
+    pakketten: Pakket[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useWerkbonPakketten.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWerkbonPakketten.d.ts","sourceRoot":"","sources":["../../src/hooks/useWerkbonPakketten.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAI9C,wBAAgB,mBAAmB;;;;EAgBlC"}

package/dist-lib/hooks/useWerkbonPakketten.js

@@ -0,0 +1,20 @@
+// ============================================================================
+// src/hooks/useWerkbonPakketten.ts — pakketten via het broncontract (RPC)
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "@flowselections/core";
+const db = supabase;
+export function useWerkbonPakketten() {
+    const [pakketten, setPakketten] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        const { data } = await db.rpc("quote_list_packages");
+        setPakketten(Array.isArray(data) ? data : []);
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        load();
+    }, [load]);
+    return { pakketten, loading, reload: load };
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,15 @@
+import type { FlowModule } from "@flowselections/core";
+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 { OfferteStatusBadge } from "./components/offertes/OfferteStatusBadge";
+export { OfferteKpiCards } from "./components/offertes/OfferteKpiCards";
+export { OfferteRegelsEditor } from "./components/offertes/OfferteRegelsEditor";
+export { NieuweOfferteDialog } from "./components/offertes/NieuweOfferteDialog";
+export { useOffertes } from "./hooks/useOffertes";
+export { useOfferte } from "./hooks/useOfferte";
+export { useWerkbonPakketten } from "./hooks/useWerkbonPakketten";
+export declare const offertesInstallatieTechniekModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist-lib/index.js

@@ -0,0 +1,32 @@
+// ============================================================================
+// src/index.ts — MODULE CONTRACT
+// ============================================================================
+// De shell leest dit bestand voor het nav-item, de settingskaarten en de
+// identiteit van de module. Pagina's worden als expliciete named exports
+// geëxporteerd zodat de shell-configurator ze kan detecteren.
+// ============================================================================
+import { FileText, List } from "lucide-react";
+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 { OfferteStatusBadge } from "./components/offertes/OfferteStatusBadge";
+export { OfferteKpiCards } from "./components/offertes/OfferteKpiCards";
+export { OfferteRegelsEditor } from "./components/offertes/OfferteRegelsEditor";
+export { NieuweOfferteDialog } from "./components/offertes/NieuweOfferteDialog";
+export { useOffertes } from "./hooks/useOffertes";
+export { useOfferte } from "./hooks/useOfferte";
+export { useWerkbonPakketten } from "./hooks/useWerkbonPakketten";
+export const offertesInstallatieTechniekModule = {
+    id: "offertes-installatietechniek",
+    name: "Offertes Installatie Techniek",
+    version: "1.0.0",
+    nav: {
+        label: "Offertes",
+        href: "/offertes",
+        icon: FileText,
+        children: [{ label: "Overzicht", href: "/offertes", icon: List }],
+    },
+    settingsCards: [],
+};

package/dist-lib/integrations/supabase/auth-attacher.d.ts

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});