@flowselections/logistiek-engine 1.0.1

package/dist-lib/components/rule-engine/RuleFieldInput.d.ts

@@ -0,0 +1,9 @@
+import type { RuleField } from "../../lib/ruleEngineSchema";
+interface Props {
+    field: RuleField;
+    value: unknown;
+    onChange: (value: unknown) => void;
+}
+export declare function RuleFieldInput({ field, value, onChange }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RuleFieldInput.d.ts.map

package/dist-lib/components/rule-engine/RuleFieldInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/RuleFieldInput.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAM3E,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAyP/D"}

package/dist-lib/components/rule-engine/RuleFieldInput.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/RuleFieldInput.tsx — rendert één schemaveld
+// ============================================================================
+// De uitleg staat niet meer onder het veld maar achter het vraagteken naast
+// het label, zodat het scherm rustig blijft.
+// ============================================================================
+import { Input, Label, Switch, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@flowselections/core";
+import { fieldHelp } from "../../lib/ruleEngineWizard";
+import { FieldHelp, FieldLabel } from "./FieldHelp";
+import { usePickstations } from "../../hooks/usePickstations";
+import { useDocumentLayouts } from "../../hooks/useDocumentLayouts";
+export function RuleFieldInput({ field, value, onChange }) {
+    const { stations, types, loading } = usePickstations();
+    const { layouts: matching, allLayouts, loading: layoutsLoading } = useDocumentLayouts(field.layoutTypes);
+    const help = fieldHelp(field);
+    if (field.type === "layout") {
+        const others = allLayouts.filter((l) => !matching.some((m) => m.id === l.id));
+        const options = [...matching, ...others];
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v === "__none__" ? "" : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: layoutsLoading ? "Laden…" : "Kies een layout" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "Automatisch kiezen" }), options.map((layout) => (_jsxs(SelectItem, { value: layout.id, children: [layout.name, " \u00B7 ", layout.documentType, " \u00B7 v", layout.version, layout.active ? "" : " (inactief)"] }, layout.id)))] })] }), !layoutsLoading && options.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Er staan nog geen layouts klaar om te kiezen." }))] }));
+    }
+    if (field.type === "pickstation") {
+        const options = field.type === "pickstation" ? stations : types;
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v === "__none__" ? "" : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: loading ? "Laden…" : "Kies een pickstation" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "Niet instellen" }), options.map((option) => (_jsx(SelectItem, { value: option.id, children: option.name }, option.id)))] })] }), !loading && options.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Er zijn nog geen pickstations ingericht." }))] }));
+    }
+    if (field.type === "days") {
+        const selected = Array.isArray(value) ? value : [];
+        const days = field.options ?? [];
+        const toggleDay = (day) => {
+            onChange(selected.includes(day) ? selected.filter((d) => d !== day) : [...selected, day]);
+        };
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsx("div", { className: "flex flex-wrap gap-2", children: days.map((day) => {
+                        const active = selected.includes(day.value);
+                        return (_jsx("button", { type: "button", onClick: () => toggleDay(day.value), className: `rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${active
+                                ? "border-primary bg-primary/10 text-primary"
+                                : "border-border text-muted-foreground hover:bg-muted"}`, children: day.label }, day.value));
+                    }) })] }));
+    }
+    if (field.type === "toggle") {
+        return (_jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border border-border p-3", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsx(Switch, { checked: value === true, onCheckedChange: (checked) => onChange(checked) })] }));
+    }
+    if (field.type === "radio") {
+        const options = Array.isArray(field.options) ? field.options : [];
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsx("div", { className: "space-y-2", children: options.map((option) => {
+                        const selected = String(value ?? "") === option.value;
+                        return (_jsx("button", { type: "button", onClick: () => onChange(option.value), className: `w-full rounded-lg border p-3 text-left transition-colors ${selected ? "border-primary bg-primary/5 ring-1 ring-primary" : "border-border hover:bg-muted/50"}`, children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${selected ? "border-primary" : "border-muted-foreground/40"}`, children: selected && _jsx("span", { className: "h-2 w-2 rounded-full bg-primary" }) }), _jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [option.label, option.badge && (_jsx("span", { className: "rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-primary", children: option.badge })), _jsx(FieldHelp, { text: option.description })] })] }) }, option.value));
+                    }) })] }));
+    }
+    if (field.type === "select") {
+        const options = Array.isArray(field.options) ? field.options : [];
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies een optie" }) }), _jsx(SelectContent, { children: options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }));
+    }
+    if (field.type === "number") {
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help, unit: field.unit }), _jsx(Input, { type: "number", min: field.min, max: field.max, value: value === undefined || value === null ? "" : String(value), onChange: (e) => onChange(e.target.value === "" ? "" : Number(e.target.value)) })] }));
+    }
+    if (field.type === "textarea") {
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsx(Textarea, { rows: 3, value: String(value ?? ""), onChange: (e) => onChange(e.target.value), placeholder: "naam@bedrijf.nl, inkoop@bedrijf.nl" })] }));
+    }
+    if (field.type === "time") {
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsx(Input, { type: "time", value: String(value ?? ""), onChange: (e) => onChange(e.target.value) })] }));
+    }
+    if (field.type === "priority") {
+        const options = Array.isArray(field.options) ? field.options : [];
+        const stored = Array.isArray(value) ? value : [];
+        // Altijd op de actuele optielijst baseren, zodat nieuwe/hernoemde criteria verschijnen
+        const entries = options.map((o) => {
+            const found = stored.find((e) => e && e.key === o.value);
+            return { key: o.value, enabled: found ? found.enabled : true };
+        });
+        const toggle = (index) => {
+            const next = entries.map((entry, i) => (i === index ? { ...entry, enabled: !entry.enabled } : entry));
+            onChange(next);
+        };
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsx("ul", { className: "grid gap-2 sm:grid-cols-2", children: entries.map((entry, index) => {
+                        const label = options.find((o) => o.value === entry.key)?.label ?? entry.key;
+                        return (_jsxs("li", { className: "flex items-center gap-3 rounded-lg border border-border p-2.5", children: [_jsx("span", { className: entry.enabled ? "flex-1 text-sm" : "flex-1 text-sm text-muted-foreground line-through", children: label }), _jsx(Switch, { checked: entry.enabled, onCheckedChange: () => toggle(index) })] }, entry.key));
+                    }) })] }));
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-sm font-medium", children: field.label }), _jsx(Input, { value: String(value ?? ""), onChange: (e) => onChange(e.target.value) })] }));
+}

package/dist-lib/components/rule-engine/VersionsPanel.d.ts

@@ -0,0 +1,10 @@
+import type { RuleEngineSettings } from "../../lib/ruleEngineSchema";
+import type { RuleVersion } from "../../hooks/useRuleEngine";
+interface Props {
+    versions: RuleVersion[];
+    currentSettings: RuleEngineSettings;
+    onRestore: (version: RuleVersion) => void;
+}
+export declare function VersionsPanel({ versions, currentSettings, onRestore }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=VersionsPanel.d.ts.map

package/dist-lib/components/rule-engine/VersionsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/VersionsPanel.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,UAAU,KAAK;IACb,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,EAAE,kBAAkB,CAAC;IACpC,SAAS,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,KAAK,+BAiF5E"}

package/dist-lib/components/rule-engine/VersionsPanel.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/VersionsPanel.tsx — versiebeheer + vergelijking
+// ============================================================================
+import { useState } from "react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@flowselections/core";
+import { GitCompare, History, RotateCcw } from "lucide-react";
+import { diffSettings } from "../../lib/ruleEngineImpact";
+export function VersionsPanel({ versions, currentSettings, onRestore }) {
+    const [compare, setCompare] = useState(null);
+    const safeVersions = Array.isArray(versions) ? versions : [];
+    const diff = compare ? diffSettings(compare.settings, currentSettings) : [];
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(History, { className: "h-4 w-4" }), "Versies"] }) }), _jsx(CardContent, { children: safeVersions.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen versies opgeslagen. Gebruik \"Versie vastleggen\" om een momentopname te bewaren." })) : (_jsx("ul", { className: "space-y-2", children: safeVersions.map((version) => (_jsxs("li", { className: "flex items-center justify-between gap-2 rounded-lg border border-border p-2.5", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-sm font-medium", children: ["Versie ", version.version] }), _jsx(Badge, { variant: "secondary", className: "text-[10px]", children: version.status })] }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: version.note ?? new Date(version.created_at).toLocaleString("nl-NL") })] }), _jsxs("div", { className: "flex shrink-0 gap-1", children: [_jsx(Button, { size: "icon", variant: "ghost", onClick: () => setCompare(version), "aria-label": "Vergelijken", children: _jsx(GitCompare, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => onRestore(version), "aria-label": "Herstellen", children: _jsx(RotateCcw, { className: "h-4 w-4" }) })] })] }, version.id))) })) }), _jsx(Dialog, { open: !!compare, onOpenChange: (open) => !open && setCompare(null), children: _jsxs(DialogContent, { className: "max-h-[80vh] overflow-y-auto sm:max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Versie ", compare?.version, " vergelijken met huidig"] }), _jsx(DialogDescription, { children: diff.length === 0
+                                        ? "Geen verschillen gevonden."
+                                        : `${diff.length} verschil${diff.length === 1 ? "" : "len"} gevonden.` })] }), _jsx("ul", { className: "space-y-2", children: diff.map((line, index) => (_jsxs("li", { className: "rounded-lg border border-border p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: line.step }), _jsx("span", { className: "text-sm font-medium", children: line.label })] }), _jsxs("p", { className: "mt-1 text-xs", children: [_jsx("span", { className: "text-muted-foreground line-through", children: line.before }), _jsx("span", { className: "mx-2", children: "\u2192" }), _jsx("span", { className: "font-medium", children: line.after })] })] }, index))) })] }) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogistiekEngineSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/LogistiekEngineSettingsCard.tsx"],"names":[],"mappings":"AAcA,wBAAgB,2BAA2B,gCA2C1C"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, toast, } from "@flowselections/core";
+import { Settings2 } from "lucide-react";
+export function LogistiekEngineSettingsCard() {
+    const [standaardVertrektijd, setStandaardVertrektijd] = useState("");
+    const [saving, setSaving] = useState(false);
+    const handleSave = async () => {
+        setSaving(true);
+        try {
+            // TODO: opslaan naar de instellingen-tabel van deze module
+            toast.success("Instellingen opgeslagen");
+        }
+        catch {
+            toast.error("Fout bij het opslaan");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Settings2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Logistiek Engine" })] }), _jsx(CardDescription, { children: "Instellingen voor het logistieke gedeelte van de orderflow" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "vertrektijd", children: "Standaard vertrektijd" }), _jsx(Input, { id: "vertrektijd", type: "time", value: standaardVertrektijd, onChange: (e) => setStandaardVertrektijd(e.target.value) })] }), _jsx(Button, { onClick: handleSave, disabled: saving, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
+}

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

@@ -0,0 +1,20 @@
+export interface CapaciteitMelding {
+    id: string;
+    plan_date: string;
+    pickup_label: string | null;
+    required_minutes: number | null;
+    available_minutes: number | null;
+    shortage_minutes: number | null;
+    carts_total: number | null;
+    carts_short: number | null;
+    status: string;
+    created_at: string;
+}
+export declare function useCapaciteitMeldingen(): {
+    meldingen: CapaciteitMelding[];
+    staff: number;
+    loading: boolean;
+    reload: () => Promise<void>;
+    controleer: () => Promise<void>;
+};
+//# sourceMappingURL=useCapaciteitMeldingen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCapaciteitMeldingen.d.ts","sourceRoot":"","sources":["../../src/hooks/useCapaciteitMeldingen.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,sBAAsB;;;;;;EA4CrC"}

package/dist-lib/hooks/useCapaciteitMeldingen.js

@@ -0,0 +1,46 @@
+// ============================================================================
+// src/hooks/useCapaciteitMeldingen.ts — capaciteitswaarschuwingen per pickdag
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = () => supabase;
+export function useCapaciteitMeldingen() {
+    const [meldingen, setMeldingen] = useState([]);
+    const [staff, setStaff] = useState(0);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        const { data, error } = await db()
+            .from("logistics_capacity_alerts")
+            .select("*")
+            .eq("status", "open")
+            .order("plan_date", { ascending: true })
+            .limit(50);
+        setMeldingen(error || !Array.isArray(data) ? [] : data);
+        const { data: configs } = await db()
+            .from("logistics_rule_configs")
+            .select("settings, is_active, updated_at")
+            .order("is_active", { ascending: false })
+            .order("updated_at", { ascending: false })
+            .limit(1);
+        const settings = Array.isArray(configs) && configs[0] ? configs[0].settings : null;
+        const value = Number(settings?.order_picken?.fields?.avg_staff ?? 0);
+        setStaff(Number.isFinite(value) && value > 0 ? value : 0);
+        setLoading(false);
+    }, []);
+    const controleer = useCallback(async () => {
+        const today = new Date();
+        const from = today.toISOString().slice(0, 10);
+        const to = new Date(today.getTime() + 21 * 86400000).toISOString().slice(0, 10);
+        const { error } = await db().rpc("logistics_capacity_day_check", { p_from: from, p_to: to });
+        if (error)
+            toast.error(`Capaciteitscontrole mislukt: ${error.message}`);
+        else
+            toast.success("Capaciteit opnieuw berekend");
+        await load();
+    }, [load]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { meldingen, staff, loading, reload: load, controleer };
+}

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

@@ -0,0 +1,13 @@
+export interface DocumentLayoutOption {
+    id: string;
+    name: string;
+    documentType: string;
+    version: number;
+    active: boolean;
+}
+export declare function useDocumentLayouts(documentTypes?: string[]): {
+    layouts: DocumentLayoutOption[];
+    allLayouts: DocumentLayoutOption[];
+    loading: boolean;
+};
+//# sourceMappingURL=useDocumentLayouts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentLayouts.d.ts","sourceRoot":"","sources":["../../src/hooks/useDocumentLayouts.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;CACjB;AA4BD,wBAAgB,kBAAkB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE;;;;EAyB1D"}

package/dist-lib/hooks/useDocumentLayouts.js

@@ -0,0 +1,54 @@
+// ============================================================================
+// src/hooks/useDocumentLayouts.ts — layouts uit de Layout maker, zodat je per
+// documentsoort in de Logistiek Engine een layout kunt koppelen.
+// ============================================================================
+import { useEffect, useState } from "react";
+import { supabase } from "@flowselections/core";
+const db = () => supabase;
+let cache = null;
+let inflight = null;
+async function load() {
+    if (cache)
+        return cache;
+    if (!inflight) {
+        inflight = (async () => {
+            const { data } = await db()
+                .from("document_layouts")
+                .select("id, naam, documenttype, huidige_versie, actief")
+                .order("naam", { ascending: true });
+            cache = (Array.isArray(data) ? data : []).map((r) => ({
+                id: String(r.id),
+                name: String(r.naam ?? r.id),
+                documentType: String(r.documenttype ?? ""),
+                version: Number(r.huidige_versie ?? 1),
+                active: r.actief !== false,
+            }));
+            return cache;
+        })();
+    }
+    return inflight;
+}
+export function useDocumentLayouts(documentTypes) {
+    const [layouts, setLayouts] = useState(cache ?? []);
+    const [loading, setLoading] = useState(!cache);
+    useEffect(() => {
+        let active = true;
+        load()
+            .then((rows) => {
+            if (active)
+                setLayouts(rows);
+        })
+            .catch(() => undefined)
+            .finally(() => {
+            if (active)
+                setLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, []);
+    const filtered = documentTypes && documentTypes.length > 0
+        ? layouts.filter((l) => documentTypes.includes(l.documentType))
+        : layouts;
+    return { layouts: filtered, allLayouts: layouts, loading };
+}

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

@@ -0,0 +1,16 @@
+import type { LoadCarrierTypeRow } from "../lib/loadCarrierTypes";
+export type LadingdragerInput = Partial<Omit<LoadCarrierTypeRow, "id">> & {
+    code: string;
+    name: string;
+};
+export declare function useLadingdragers(): {
+    items: LoadCarrierTypeRow[];
+    loading: boolean;
+    saving: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+    create: (input: LadingdragerInput) => Promise<boolean>;
+    update: (id: string, input: Partial<LoadCarrierTypeRow>) => Promise<boolean>;
+    remove: (id: string) => Promise<boolean>;
+};
+//# sourceMappingURL=useLadingdragers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLadingdragers.d.ts","sourceRoot":"","sources":["../../src/hooks/useLadingdragers.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzG,wBAAgB,gBAAgB;;;;;;oBAkDW,iBAAiB;iBArBpB,MAAM,SAAS,OAAO,CAAC,kBAAkB,CAAC;iBAuC1C,MAAM;EAY7C"}

package/dist-lib/hooks/useLadingdragers.js

@@ -0,0 +1,86 @@
+// src/hooks/useLadingdragers.ts — beheer van ladingdragertypen
+import { useCallback, useEffect, useState } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = () => supabase;
+export function useLadingdragers() {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const { data, error } = await db()
+                .from("load_carrier_types")
+                .select("*")
+                .order("sort_order", { ascending: true })
+                .limit(100);
+            if (error)
+                throw error;
+            setItems(Array.isArray(data) ? data : []);
+        }
+        catch {
+            setError("Fout bij het laden van ladingdragers");
+            toast.error("Fout bij het laden van ladingdragers");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        load();
+    }, [load]);
+    const update = useCallback(async (id, input) => {
+        setSaving(true);
+        try {
+            const { data, error } = await db()
+                .from("load_carrier_types")
+                .update(input)
+                .eq("id", id)
+                .select()
+                .single();
+            if (error)
+                throw error;
+            setItems((prev) => prev.map((i) => (i.id === id ? data : i)));
+            toast.success("Ladingdrager bijgewerkt");
+            return true;
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Bijwerken mislukt");
+            return false;
+        }
+        finally {
+            setSaving(false);
+        }
+    }, []);
+    const create = useCallback(async (input) => {
+        setSaving(true);
+        try {
+            const { data, error } = await db().from("load_carrier_types").insert(input).select().single();
+            if (error)
+                throw error;
+            setItems((prev) => [...prev, data].sort((a, b) => a.sort_order - b.sort_order));
+            toast.success("Ladingdrager toegevoegd");
+            return true;
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Toevoegen mislukt");
+            return false;
+        }
+        finally {
+            setSaving(false);
+        }
+    }, []);
+    const remove = useCallback(async (id) => {
+        const { error } = await db().from("load_carrier_types").delete().eq("id", id);
+        if (error) {
+            toast.error("Verwijderen mislukt");
+            return false;
+        }
+        setItems((prev) => prev.filter((i) => i.id !== id));
+        toast.success("Ladingdrager verwijderd");
+        return true;
+    }, []);
+    return { items, loading, saving, error, reload: load, create, update, remove };
+}

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

@@ -0,0 +1,29 @@
+export interface LogistiekStrategie {
+    id: string;
+    name: string;
+    description: string | null;
+    priority: number;
+    color: string;
+    is_active: boolean;
+    version: number;
+    [key: string]: unknown;
+}
+export interface StrategieInput {
+    name: string;
+    description: string;
+    priority: number;
+    color: string;
+    is_active: boolean;
+}
+export declare function useLogistiekStrategieen(): {
+    items: LogistiekStrategie[];
+    loading: boolean;
+    saving: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+    create: (input: StrategieInput) => Promise<boolean>;
+    update: (id: string, input: Partial<StrategieInput>) => Promise<boolean>;
+    remove: (id: string) => Promise<boolean>;
+    toggleActive: (item: LogistiekStrategie) => Promise<boolean>;
+};
+//# sourceMappingURL=useLogistiekStrategieen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLogistiekStrategieen.d.ts","sourceRoot":"","sources":["../../src/hooks/useLogistiekStrategieen.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,wBAAgB,uBAAuB;;;;;;oBA6CI,cAAc;iBA0BjB,MAAM,SAAS,OAAO,CAAC,cAAc,CAAC;iBA2BtC,MAAM;yBAYnC,kBAAkB;EAK5B"}

package/dist-lib/hooks/useLogistiekStrategieen.js

@@ -0,0 +1,111 @@
+// src/hooks/useLogistiekStrategieen.ts — data hook voor logistieke strategieën
+import { useState, useEffect, useCallback } from "react";
+import { supabase, toast } from "@flowselections/core";
+const db = () => supabase;
+export function useLogistiekStrategieen() {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const { data, error } = await db()
+                .from("logistics_strategies")
+                .select("*")
+                .order("priority", { ascending: true })
+                .limit(100);
+            if (error)
+                throw error;
+            setItems(Array.isArray(data) ? data : []);
+        }
+        catch {
+            setError("Fout bij het laden van logistieke strategieën");
+            toast.error("Fout bij het laden van gegevens");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        load();
+        const channel = supabase
+            .channel("logistics_strategies_changes")
+            .on("postgres_changes", { event: "*", schema: "public", table: "logistics_strategies" }, () => {
+            load();
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [load]);
+    const create = useCallback(async (input) => {
+        setSaving(true);
+        try {
+            const { data: userData } = await supabase.auth.getUser();
+            const userId = userData?.user?.id;
+            if (!userId) {
+                toast.error("Je bent niet ingelogd");
+                return false;
+            }
+            const { data, error } = await db()
+                .from("logistics_strategies")
+                .insert({ ...input, description: input.description || null, user_id: userId })
+                .select()
+                .single();
+            if (error)
+                throw error;
+            setItems((prev) => [...prev, data].sort((a, b) => a.priority - b.priority));
+            toast.success("Strategie aangemaakt");
+            return true;
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Aanmaken mislukt");
+            return false;
+        }
+        finally {
+            setSaving(false);
+        }
+    }, []);
+    const update = useCallback(async (id, input) => {
+        setSaving(true);
+        try {
+            const payload = { ...input };
+            if ("description" in payload)
+                payload.description = input.description || null;
+            const { data, error } = await db()
+                .from("logistics_strategies")
+                .update(payload)
+                .eq("id", id)
+                .select()
+                .single();
+            if (error)
+                throw error;
+            setItems((prev) => prev
+                .map((item) => (item.id === id ? data : item))
+                .sort((a, b) => a.priority - b.priority));
+            toast.success("Strategie bijgewerkt");
+            return true;
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Bijwerken mislukt");
+            return false;
+        }
+        finally {
+            setSaving(false);
+        }
+    }, []);
+    const remove = useCallback(async (id) => {
+        const { error } = await db().from("logistics_strategies").delete().eq("id", id);
+        if (error) {
+            toast.error("Verwijderen mislukt");
+            return false;
+        }
+        setItems((prev) => prev.filter((item) => item.id !== id));
+        toast.success("Strategie verwijderd");
+        return true;
+    }, []);
+    const toggleActive = useCallback((item) => update(item.id, { is_active: !item.is_active }), [update]);
+    return { items, loading, saving, error, reload: load, create, update, remove, toggleActive };
+}