@flowselections/floriday-afhandeling-module 1.0.43 → 1.0.45

package/dist-lib/components/afhandeling/ControlePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AAkJA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BAu3BpE"}
+{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AAkJA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BAo+BpE"}

package/dist-lib/components/afhandeling/ControlePage.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { supabase } from "../../integrations/supabase/moduleClient";
 import { Button, Card, Checkbox, Dialog, DialogDescription, DialogTitle, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, Badge, toast, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { Printer, CheckCircle2, AlertTriangle, History, ChevronLeft, ChevronRight, ScanLine } from "lucide-react";
 import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
@@ -10,6 +9,7 @@ import { getTodaysControlCarts, getControlRescheduleProposals, submitControlSess
 import { ScanControleView } from "./ScanControleView";
 import { renderControleLijstHtml } from "./ControleLijstPrint";
 import { printHtmlDocument, printFoutMelding } from "../../lib/printing";
+import { callServerFn } from "../../lib/serverFnError";
 function dayDiffFromToday(iso) {
     const d = new Date(iso);
     if (Number.isNaN(d.getTime()))
@@ -101,10 +101,15 @@ export function ControlePage({ onExit } = {}) {
     const saveDraft = useServerFn(saveControlDraft);
     const cartsQ = useQuery({
         queryKey: ["control", "today"],
-        queryFn: () => fetchToday(),
+        queryFn: () => callServerFn(() => fetchToday(), "getTodaysControlCarts", { timeoutMs: 8000, maxAttempts: 1 }),
+        // Zelfde houdbaarheid als het verversritme: bij elke terugkomst op het
+        // tabblad opnieuw laden gaf onnodig zware opvragingen.
+        staleTime: 30000,
         refetchInterval: 60000,
         refetchIntervalInBackground: false,
-        refetchOnWindowFocus: true,
+        refetchOnWindowFocus: false,
+        placeholderData: (prev) => prev,
+        retry: false,
     });
     const histQ = useQuery({
         queryKey: ["control", "history"],
@@ -123,7 +128,7 @@ export function ControlePage({ onExit } = {}) {
     const draftQ = useQuery({
         queryKey: controlDraftQueryKey,
         queryFn: async () => (await fetchDraft()),
-        staleTime: 0,
+        staleTime: 30000,
         refetchOnMount: "always",
         refetchOnWindowFocus: true,
     });
@@ -228,6 +233,7 @@ export function ControlePage({ onExit } = {}) {
     const [savingState, setSavingState] = useState("idle");
     const autosaveTimer = useRef(null);
     const controlFinalizedRef = useRef(false);
+    const requestKeyRef = useRef(null);
     useEffect(() => {
         if (controlFinalizedRef.current)
             return;
@@ -305,9 +311,19 @@ export function ControlePage({ onExit } = {}) {
             },
         }));
     };
+    // Vinkt alleen de karren aan/uit die op de huidige pagina staan.
     const toggleAll = (on) => {
-        const keys = carts.map(controlCartKey);
-        setChecked(on ? new Set(keys) : new Set());
+        const keys = pagedCarts.map(controlCartKey);
+        setChecked((prev) => {
+            const next = new Set(prev);
+            for (const key of keys) {
+                if (on)
+                    next.add(key);
+                else
+                    next.delete(key);
+            }
+            return next;
+        });
         const nowIso = new Date().toISOString();
         setCartStates((prev) => {
             const next = { ...prev };
@@ -325,13 +341,18 @@ export function ControlePage({ onExit } = {}) {
         mutationFn: (input) => {
             const visibleKeys = new Set(carts.map(controlCartKey));
             const checkedCartKeys = [...checked].filter((k) => visibleKeys.has(k));
-            return submit({
+            // Eén aanvraag-kenmerk per controlesessie: opnieuw indienen na een
+            // onderbroken verbinding levert nooit een tweede sessie op.
+            if (!requestKeyRef.current)
+                requestKeyRef.current = crypto.randomUUID();
+            return callServerFn(() => submit({
                 data: {
                     checkedCartKeys,
                     confirmedRescheduleCartKeys: input?.confirmedRescheduleCartKeys ?? [],
                     notes,
+                    requestKey: requestKeyRef.current ?? undefined,
                 },
-            });
+            }), "submitControlSession", { timeoutMs: 120000, maxAttempts: 1 });
         },
         onMutate: () => {
             controlFinalizedRef.current = true;
@@ -340,9 +361,23 @@ export function ControlePage({ onExit } = {}) {
         },
         onSuccess: (r) => {
             setResult(r);
+            requestKeyRef.current = null;
+            const stillOpenCount = r.stillOpen?.length ?? 0;
             toast.success(`Controle opgeslagen — ${r.checkedCount} klaar, ${r.rescheduledCount} doorgeschoven, ${r.blockedCount} geblokkeerd.`);
-            qc.invalidateQueries({ queryKey: ["control"] });
-            qc.invalidateQueries({ queryKey: ["floriday", "orders"] });
+            if (stillOpenCount > 0) {
+                const labels = r.stillOpen
+                    .map((c) => c.cartNumber ?? c.orderNumber ?? "onbekend")
+                    .join(", ");
+                toast.warning(`${stillOpenCount} kar(ren) zijn nog niet afgemeld (${labels}). Ze blijven in de lijst staan; probeer die opnieuw.`);
+            }
+            qc.invalidateQueries({ queryKey: ["control", "today"] });
+            qc.invalidateQueries({ queryKey: ["control", "delivered"] });
+            qc.invalidateQueries({ queryKey: ["control", "history"] });
+            qc.invalidateQueries({ queryKey: ["floriday"] });
+            qc.invalidateQueries({ queryKey: ["orders"] });
+            qc.invalidateQueries({ queryKey: ["logistics-cart-index"] });
+            qc.invalidateQueries({ queryKey: ["logistics-pick-agenda"] });
+            qc.invalidateQueries({ queryKey: ["logistics-delivery-agenda"] });
             qc.invalidateQueries({ queryKey: ["cart-overrides"] });
             setChecked(new Set());
             setCartStates({});
@@ -359,13 +394,44 @@ export function ControlePage({ onExit } = {}) {
             qc.setQueryData(controlDraftQueryKey, buildDraftDto(emptyDraftPayload, {}, null));
             qc.invalidateQueries({ queryKey: controlDraftQueryKey });
         },
-        onError: (e) => {
+        onError: async (e) => {
+            const message = e instanceof Error ? e.message : "Opslaan mislukt";
+            // Een time-out betekent alleen dat wij niet langer wachten; de database
+            // kan het afhandelen wél hebben afgerond. Eerst de werkelijke stand
+            // ophalen voordat we een medewerker een foutmelding voorschotelen.
+            if (/time-?out/i.test(message)) {
+                const submittedKeys = new Set(checked);
+                const fresh = await qc
+                    .fetchQuery({
+                    queryKey: ["control", "today"],
+                    queryFn: () => callServerFn(() => fetchToday(), "getTodaysControlCarts", {
+                        timeoutMs: 15000,
+                        maxAttempts: 1,
+                    }),
+                    staleTime: 0,
+                })
+                    .catch(() => null);
+                if (fresh) {
+                    const openAgain = fresh.carts.filter((c) => submittedKeys.has(controlCartKey(c))).length;
+                    qc.invalidateQueries({ queryKey: ["control", "delivered"] });
+                    qc.invalidateQueries({ queryKey: ["control", "history"] });
+                    if (openAgain === 0) {
+                        toast.success("Het afhandelen duurde langer dan verwacht, maar is afgerond: deze karren staan niet meer in de controlelijst.");
+                        setChecked(new Set());
+                        setCartStates({});
+                        return;
+                    }
+                    controlFinalizedRef.current = false;
+                    toast.warning(`Het afhandelen duurde te lang. ${openAgain} van de ${submittedKeys.size} karren staan nog in de lijst; probeer die opnieuw.`);
+                    return;
+                }
+            }
             controlFinalizedRef.current = false;
-            toast.error(e instanceof Error ? e.message : "Opslaan mislukt");
+            toast.error(message);
         },
     });
     const proposalM = useMutation({
-        mutationFn: () => fetchProposals({ data: { checkedCartKeys: [...checked] } }),
+        mutationFn: () => callServerFn(() => fetchProposals({ data: { checkedCartKeys: [...checked] } }), "getControlRescheduleProposals", { timeoutMs: 8000, maxAttempts: 1 }),
         onSuccess: (r) => {
             if (r.proposals.length > 0 || r.blocked.length > 0) {
                 setPendingProposal(r);
@@ -447,42 +513,7 @@ export function ControlePage({ onExit } = {}) {
     const pendingNotReadyCount = pendingProposals.length + pendingBlocked.length;
     const criticalTomorrowCount = pendingProposals.filter((p) => isTomorrowIso(p.pickupDate)).length +
         pendingBlocked.filter((b) => isTomorrowIso(b.pickupDate)).length;
-    // Realtime sync: invalidate control queries on any change to relevant tables.
-    const invalidateTimer = useRef(null);
-    useEffect(() => {
-        const scheduleInvalidate = () => {
-            if (invalidateTimer.current)
-                clearTimeout(invalidateTimer.current);
-            invalidateTimer.current = setTimeout(() => {
-                qc.invalidateQueries({ queryKey: ["control"] });
-            }, 300);
-        };
-        const tables = [
-            "cart_numbers",
-            "cart_control_sessions",
-            "cart_control_items",
-            "cart_pick_overrides",
-            "orders",
-            "floriday_salesorders_cache",
-            "dashboard_critical_alerts",
-            "logistics_tasks",
-            "pick_queue",
-            "print_jobs",
-            "order_carts",
-            "order_cart_items",
-        ];
-        const channel = supabase.channel("controle-page-realtime");
-        for (const table of tables) {
-            channel.on("postgres_changes", { event: "*", schema: "public", table }, scheduleInvalidate);
-        }
-        channel.subscribe();
-        return () => {
-            if (invalidateTimer.current)
-                clearTimeout(invalidateTimer.current);
-            supabase.removeChannel(channel);
-        };
-    }, [qc]);
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Controle karren" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Dagelijkse eindcontrole \u2014 vandaag ", new Date().toLocaleDateString("nl-NL")] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", disabled: printBezig || carts.length === 0, onClick: async () => {
+    return (_jsxs("main", { className: "h-full overflow-y-auto p-6 space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Controle karren" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Dagelijkse eindcontrole \u2014 vandaag ", new Date().toLocaleDateString("nl-NL")] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", disabled: printBezig || carts.length === 0, onClick: async () => {
                                     setPrintBezig(true);
                                     try {
                                         await printHtmlDocument({
@@ -499,14 +530,21 @@ export function ControlePage({ onExit } = {}) {
                                     finally {
                                         setPrintBezig(false);
                                     }
-                                }, children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), printBezig ? "Bezig met printen…" : "Controlelijst afdrukken"] }), _jsxs(Button, { onClick: runControl, disabled: submitM.isPending || proposalM.isPending || carts.length === 0 || tab !== "controle", children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), proposalM.isPending ? "Controleren…" : "Controle uitvoeren"] })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: tab === "controle" ? "default" : "outline", onClick: () => setTab("controle"), children: "Controle" }), _jsxs(Button, { variant: tab === "scan" ? "default" : "outline", onClick: () => setTab("scan"), children: [_jsx(ScanLine, { className: "h-4 w-4 mr-2" }), "Scancontrole"] }), _jsxs(Button, { variant: tab === "afgeleverd" ? "default" : "outline", onClick: () => setTab("afgeleverd"), children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), "Afgeleverd"] }), _jsxs(Button, { variant: tab === "historie" ? "default" : "outline", onClick: () => setTab("historie"), children: [_jsx(History, { className: "h-4 w-4 mr-2" }), "Historie"] })] }), tab === "controle" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap gap-3 items-center", children: [_jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Totaal karren vandaag" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.total })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Geprint" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.printed })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Aangevinkt" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.checked })] })] }), _jsxs(Card, { className: "p-0 overflow-hidden", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-12", children: _jsx(Checkbox, { checked: carts.length > 0 && carts.every((c) => checked.has(controlCartKey(c)))
+                                }, children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), printBezig ? "Bezig met printen…" : "Controlelijst afdrukken"] }), _jsxs(Button, { onClick: runControl, disabled: submitM.isPending || proposalM.isPending || carts.length === 0 || tab !== "controle", children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), proposalM.isPending ? "Controleren…" : "Controle uitvoeren"] })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: tab === "controle" ? "default" : "outline", onClick: () => setTab("controle"), children: "Controle" }), _jsxs(Button, { variant: tab === "scan" ? "default" : "outline", onClick: () => setTab("scan"), children: [_jsx(ScanLine, { className: "h-4 w-4 mr-2" }), "Scancontrole"] }), _jsxs(Button, { variant: tab === "afgeleverd" ? "default" : "outline", onClick: () => setTab("afgeleverd"), children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), "Afgeleverd"] }), _jsxs(Button, { variant: tab === "historie" ? "default" : "outline", onClick: () => setTab("historie"), children: [_jsx(History, { className: "h-4 w-4 mr-2" }), "Historie"] })] }), tab === "controle" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap gap-3 items-center", children: [_jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Totaal karren vandaag" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.total })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Geprint" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.printed })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Aangevinkt" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.checked })] })] }), cartsQ.isError && (_jsx(Card, { className: "border-destructive/40 bg-destructive/10 p-4", children: _jsxs("div", { className: "flex items-start gap-2 text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsx("div", { className: "font-medium", children: "De karren konden niet worden opgehaald" }), _jsx("p", { children: cartsQ.error instanceof Error
+                                                ? cartsQ.error.message
+                                                : "Onbekende fout bij het ophalen van de karren." }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => void cartsQ.refetch(), children: "Opnieuw proberen" })] })] }) })), !cartsQ.isError && cartsQ.data && (cartsQ.data.warnings ?? []).length > 0 && (_jsx(Card, { className: "border-amber-500/40 bg-amber-500/10 p-4", children: _jsxs("div", { className: "flex items-start gap-2 text-amber-700", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "space-y-1 text-sm", children: [_jsx("div", { className: "font-medium", children: "Niet alle gegevens konden worden opgehaald" }), (cartsQ.data.warnings ?? []).map((w) => (_jsx("p", { children: w }, w)))] })] }) })), _jsxs(Card, { className: "p-0 overflow-hidden", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-12", children: _jsx(Checkbox, { checked: pagedCarts.length > 0 &&
+                                                            pagedCarts.every((c) => checked.has(controlCartKey(c)))
                                                             ? true
-                                                            : carts.some((c) => checked.has(controlCartKey(c)))
+                                                            : pagedCarts.some((c) => checked.has(controlCartKey(c)))
                                                                 ? "indeterminate"
-                                                                : false, onCheckedChange: (v) => toggleAll(!!v) }) }), _jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Karnummer" }), _jsx(TableHead, { children: "Uitgeprint" })] }) }), _jsxs(TableBody, { children: [cartsQ.isLoading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground py-8", children: "Laden\u2026" }) })), !cartsQ.isLoading && carts.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground py-8", children: "Geen karren om vandaag te controleren." }) })), pagedCarts.map((c) => {
+                                                                : false, onCheckedChange: (v) => toggleAll(!!v) }) }), _jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Karnummer" }), _jsx(TableHead, { children: "Oorspronkelijk gepland" }), _jsx(TableHead, { children: "Uitgeprint" })] }) }), _jsxs(TableBody, { children: [cartsQ.isLoading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "text-center text-muted-foreground py-8", children: "Laden\u2026" }) })), !cartsQ.isLoading && !cartsQ.isError && carts.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "text-center text-muted-foreground py-8", children: (cartsQ.data?.rpcCount ?? 0) > 0
+                                                        ? `De planning gaf ${cartsQ.data?.rpcCount} karren voor vandaag, maar geen daarvan hoort nog bij een openstaande bestelling in deze module.`
+                                                        : "De planning heeft voor vandaag geen karren om te controleren." }) })), pagedCarts.map((c) => {
                                                 const k = controlCartKey(c);
-                                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { checked: checked.has(k), onCheckedChange: (v) => toggle(k, !!v) }) }), _jsxs(TableCell, { className: "font-mono font-semibold", children: [c.orderNumber || "—", _jsxs("span", { className: "ml-2 text-muted-foreground font-normal", children: ["[", c.cartSeq, " - ", c.cartTotal ?? c.cartSeq, "]"] })] }), _jsx(TableCell, { className: "font-mono font-semibold", children: c.cartNumber ?? "—" }), _jsx(TableCell, { children: (c.printedToday ?? (c.printedCount ?? 0) > 0) ? (_jsx(Badge, { variant: "secondary", children: "Ja" })) : (_jsx(Badge, { variant: "outline", children: "Nee" })) })] }, k));
-                                            })] })] }), carts.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t bg-muted/20 px-4 py-3 text-sm", children: [_jsxs("span", { className: "text-muted-foreground", children: [carts.length, " resultaten"] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground", children: "Resultaten per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => {
+                                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { checked: checked.has(k), onCheckedChange: (v) => toggle(k, !!v) }) }), _jsxs(TableCell, { className: "font-mono font-semibold", children: [c.orderNumber || "—", _jsxs("span", { className: "ml-2 text-muted-foreground font-normal", children: ["[", c.cartSeq, " - ", c.cartTotal ?? c.cartSeq, "]"] })] }), _jsx(TableCell, { className: "font-mono font-semibold", children: c.cartNumber ?? "—" }), _jsxs(TableCell, { className: "whitespace-nowrap", children: [c.originalPickDate ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { children: c.originalPickDate }), c.originalPickDate < c.pickDate ? (_jsx(Badge, { variant: "destructive", children: "Achterstand" })) : null] })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })), c.pickupTime ? (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Ophalen ", c.pickupTime] })) : null] }), _jsx(TableCell, { children: (c.printedToday ?? (c.printedCount ?? 0) > 0) ? (_jsx(Badge, { variant: "secondary", children: "Ja" })) : (_jsx(Badge, { variant: "outline", children: "Nee" })) })] }, k));
+                                            })] })] }), carts.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t bg-muted/20 px-4 py-3 text-sm", children: [_jsxs("span", { className: "text-muted-foreground", children: [carts.length, " resultaten", typeof cartsQ.data?.rpcCount === "number" && (_jsxs(_Fragment, { children: [" · planning gaf ", cartsQ.data.rpcCount, (cartsQ.data.filteredOut ?? 0) > 0
+                                                        ? `, ${cartsQ.data.filteredOut} niet gekoppeld aan een bestelling`
+                                                        : ""] }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground", children: "Resultaten per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => {
                                                     setPageSize(Number(v));
                                                     setPage(1);
                                                 }, children: [_jsx(SelectTrigger, { className: "h-8 w-[80px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: [10, 20, 50, 100].map((n) => (_jsx(SelectItem, { value: String(n), children: n }, n))) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", "aria-label": "Vorige pagina", disabled: currentPage <= 1, onClick: () => setPage((p) => Math.max(1, p - 1)), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("span", { className: "tabular-nums", children: [currentPage, " / ", pageCount] }), _jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", "aria-label": "Volgende pagina", disabled: currentPage >= pageCount, onClick: () => setPage((p) => Math.min(pageCount, p + 1)), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] })] }))] }), _jsxs("div", { className: "max-w-xl", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-sm font-medium", children: "Opmerkingen bij deze controle" }), _jsx("span", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: savingState === "saving"

package/dist-lib/components/afhandeling/WeekAgendaView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACxD,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AA4DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,+BA8JrB"}
+{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACxD,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAgFD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,+BAwKrB"}

package/dist-lib/components/afhandeling/WeekAgendaView.js

@@ -14,6 +14,23 @@ function isOrderReady(o) {
     const s = (o.status ?? "").toLowerCase();
     return s.includes("ready") || s.includes("verzendklaar") || s.includes("completed") || s.includes("delivered") || s.includes("afgerond");
 }
+/** Volledig afgehandeld: de order hoeft niets meer te doen op deze dag. */
+function isDoneStatus(status) {
+    const s = (status ?? "").toLowerCase();
+    if (!s)
+        return false;
+    return [
+        "done",
+        "completed",
+        "afgerond",
+        "afgehandeld",
+        "shipped",
+        "verzonden",
+        "delivered",
+        "geleverd",
+        "afgeleverd",
+    ].some((k) => s.includes(k));
+}
 function getISOWeek(d) {
     const date = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
     const dayNum = date.getUTCDay() || 7;
@@ -85,6 +102,9 @@ export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayCl
                     planten: row?.plantCount ?? 0,
                     verzendklaar: row?.ready ?? 0,
                     voorbereiding: row?.inPreparation ?? 0,
+                    afgehandeld: row
+                        ? Math.max(row.doneCount, row.orders.filter((o) => o.fulfilled || isDoneStatus(o.status)).length)
+                        : 0,
                 };
             }
             const entries = [];
@@ -116,6 +136,7 @@ export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayCl
                 planten,
                 verzendklaar,
                 voorbereiding,
+                afgehandeld: entries.filter((e) => isDoneStatus(e.order.status)).length,
             };
         });
     }, [planned, weekStart, mode, pickAgenda.byDate]);
@@ -147,7 +168,9 @@ function DayRow({ day, onOrderClick, onDayClick, capacity, }) {
     const today = new Date();
     today.setHours(0, 0, 0, 0);
     const isToday = isSameDay(day.date, today);
-    return (_jsxs("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [day.shiftedCount > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat te laat is aangemeld en door de Engine is verschoven.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.shiftedCount, " te laat aangemeld"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }), _jsx(CapacityWarning, { day: capacity, className: "mx-4 mb-4 sm:mx-6" })] }));
+    // Alles van deze dag is afgehandeld: toon een groene bevestiging.
+    const dagAfgesloten = day.bestellingen > 0 && day.afgehandeld >= day.bestellingen;
+    return (_jsxs("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [dagAfgesloten && (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-green-600/30 bg-green-500/15 px-3 py-1.5 text-sm font-medium text-green-700", children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), "Dag is afgesloten"] })), day.shiftedCount > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat te laat is aangemeld en door de Engine is verschoven.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.shiftedCount, " te laat aangemeld"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }), _jsx(CapacityWarning, { day: capacity, className: "mx-4 mb-4 sm:mx-6" })] }));
 }
 function Stat({ icon, bg, value, label, }) {
     return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: `grid h-8 w-8 place-items-center rounded-full ${bg}`, children: icon }), _jsxs("div", { children: [_jsx("div", { className: "text-lg font-bold leading-none", children: value }), _jsx("div", { className: "text-xs text-muted-foreground", children: label })] })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"useCartIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useCartIndex.ts"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;6BAqBrB,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,MAAM,GAAG,IAAI;;;EA4B1F"}
+{"version":3,"file":"useCartIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useCartIndex.ts"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;6BA2CrB,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,MAAM,GAAG,IAAI;;;EAc1F"}

package/dist-lib/hooks/useCartIndex.js

@@ -1,4 +1,4 @@
-import { useCallback } from "react";
+import { useCallback, useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/moduleClient";
 import { useKnownOrders } from "./useKnownOrders";
@@ -26,8 +26,10 @@ export function useCartIndex(from, to) {
     });
     const { isKnownRef } = useKnownOrders();
     const rows = query.data;
-    // Per orderreferentie de unieke karren tellen.
-    const cartsForOrder = useCallback((...refs) => {
+    // Eén keer tellen zodra de gegevens binnenkomen. Deze telling stond eerder in
+    // `cartsForOrder` zelf en werd dus per orderregel opnieuw uitgevoerd — bij
+    // honderden orders liep de browser daarop vast.
+    const countsByRef = useMemo(() => {
         const perOrder = new Map();
         for (const r of rows ?? []) {
             const cart = r.cart_id ?? "";
@@ -44,15 +46,22 @@ export function useCartIndex(from, to) {
                 perOrder.set(ref, set);
             }
         }
+        const counts = new Map();
+        for (const [ref, set] of perOrder)
+            counts.set(ref, set.size);
+        return counts;
+    }, [rows, isKnownRef]);
+    /** Alleen opzoeken, niet meer rekenen. */
+    const cartsForOrder = useCallback((...refs) => {
         for (const ref of refs) {
             if (!ref)
                 continue;
-            const set = perOrder.get(ref);
-            if (set)
-                return set.size;
+            const count = countsByRef.get(ref);
+            if (count !== undefined)
+                return count;
         }
         return null;
-    }, [rows, isKnownRef]);
+    }, [countsByRef]);
     return {
         cartsForOrder,
         isLoading: query.isLoading,

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

@@ -0,0 +1,12 @@
+/**
+ * Luistert naar `public.logistics_events` en ververst de agenda's, de
+ * karrencontrole en alle karrentellingen zodra de Engine meldt dat een buffer
+ * is gesloten of dat een order is losgekoppeld.
+ *
+ * Seintjes worden samengevoegd en we invalideren alleen: React Query haalt de
+ * schermen die daadwerkelijk in beeld staan zelf opnieuw op. Een directe
+ * `refetchQueries({type:"active"})` per seintje veroorzaakte een stortvloed aan
+ * gelijktijdige opvragingen en liet het scherm blokkeren.
+ */
+export declare function useEngineBufferEvents(): void;
+//# sourceMappingURL=useEngineBufferEvents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEngineBufferEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineBufferEvents.ts"],"names":[],"mappings":"AA0BA;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAmB5C"}

package/dist-lib/hooks/useEngineBufferEvents.js

@@ -0,0 +1,52 @@
+import { useEffect } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { debounce, subscribeTable } from "../lib/realtimeBus";
+/** Seintjes van de Engine die de indeling van buffers en karren wijzigen. */
+const BUFFER_EVENTS = new Set(["buffer.closed", "buffer.order_detached"]);
+/**
+ * Querykeys die opnieuw bij de Engine opgehaald moeten worden zodra een buffer
+ * sluit of een order wordt losgekoppeld. Alles komt van de Engine
+ * (logistics_pick_agenda, logistics_delivery_agenda, control_get_todays_carts,
+ * logistics_cart_units); deze module telt of cachet niets zelf.
+ */
+const KEYS = [
+    ["logistics-pick-agenda"],
+    ["logistics-delivery-agenda"],
+    ["logistics-cart-index"],
+    ["control"],
+    ["order-buffers"],
+    ["order-pick-dates"],
+    ["engine"],
+    ["orders"],
+    ["known-orders"],
+    ["floriday"],
+];
+/**
+ * Luistert naar `public.logistics_events` en ververst de agenda's, de
+ * karrencontrole en alle karrentellingen zodra de Engine meldt dat een buffer
+ * is gesloten of dat een order is losgekoppeld.
+ *
+ * Seintjes worden samengevoegd en we invalideren alleen: React Query haalt de
+ * schermen die daadwerkelijk in beeld staan zelf opnieuw op. Een directe
+ * `refetchQueries({type:"active"})` per seintje veroorzaakte een stortvloed aan
+ * gelijktijdige opvragingen en liet het scherm blokkeren.
+ */
+export function useEngineBufferEvents() {
+    const qc = useQueryClient();
+    useEffect(() => {
+        const refresh = debounce(() => {
+            for (const key of KEYS)
+                qc.invalidateQueries({ queryKey: key });
+        }, 1000);
+        const off = subscribeTable("logistics_events", (row) => {
+            const eventType = row.event_type;
+            if (typeof eventType !== "string" || !BUFFER_EVENTS.has(eventType))
+                return;
+            refresh();
+        });
+        return () => {
+            refresh.cancel();
+            off();
+        };
+    }, [qc]);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IACvC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;;;;;EAmDA;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}
+{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IACvC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;;;;;EAuCA;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}

package/dist-lib/hooks/useEngineTasks.js

@@ -1,7 +1,7 @@
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { supabase } from "../integrations/supabase/moduleClient";
 import { listEngineTasks } from "../lib/logisticsEngine/engine";
+import { debounce, subscribeTable } from "../lib/realtimeBus";
 export const ENGINE_TASKS_KEY = ["engine", "tasks"];
 const OPEN_STATUSES = ["planned", "ready", "in_progress"];
 export function useEngineTasks(options) {
@@ -22,24 +22,14 @@ export function useEngineTasks(options) {
     });
     // Realtime-updates komen in bursts binnen als de Engine een batch plant;
     // daarom gebundeld invalideren in plaats van per rij.
-    const timerRef = useRef(null);
     useEffect(() => {
-        const channel = supabase
-            .channel(`engine-tasks-${Math.random().toString(36).slice(2)}`)
-            .on("postgres_changes", { event: "*", schema: "public", table: "logistics_tasks" }, () => {
-            if (timerRef.current)
-                return;
-            timerRef.current = setTimeout(() => {
-                timerRef.current = null;
-                void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
-            }, 2000);
-        })
-            .subscribe();
+        const refresh = debounce(() => {
+            void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
+        }, 2000);
+        const off = subscribeTable("logistics_tasks", refresh);
         return () => {
-            if (timerRef.current)
-                clearTimeout(timerRef.current);
-            timerRef.current = null;
-            void supabase.removeChannel(channel);
+            refresh.cancel();
+            off();
         };
     }, [qc]);
     const tasks = useMemo(() => query.data ?? [], [query.data]);

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

@@ -5,6 +5,7 @@
 export declare function useKnownOrders(): {
     refs: Set<string>;
     isKnownRef: (...candidates: (string | null | undefined)[]) => boolean;
+    isFulfilledRef: (...candidates: (string | null | undefined)[]) => boolean;
     isReady: boolean;
     isLoading: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useKnownOrders.d.ts","sourceRoot":"","sources":["../../src/hooks/useKnownOrders.ts"],"names":[],"mappings":"AAaA;;;GAGG;AACH,wBAAgB,cAAc;;gCA4BV,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,OAAO;;;EAY1D"}
+{"version":3,"file":"useKnownOrders.d.ts","sourceRoot":"","sources":["../../src/hooks/useKnownOrders.ts"],"names":[],"mappings":"AAgBA;;;GAGG;AACH,wBAAgB,cAAc;;gCAyCV,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,OAAO;oCAavC,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,OAAO;;;EAW1D"}

package/dist-lib/hooks/useKnownOrders.js

@@ -3,6 +3,8 @@ import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { listKnownOrders } from "../lib/floriday.functions";
 import { normalizeOrderNumber } from "../lib/orderRefs";
+import { isFulfilledOrderStatus } from "../lib/orderStatus";
+import { callServerFn } from "../lib/serverFnError";
 function keyOf(value) {
     if (!value)
         return null;
@@ -19,7 +21,7 @@ export function useKnownOrders() {
     const fetchKnown = useServerFn(listKnownOrders);
     const query = useQuery({
         queryKey: ["known-orders"],
-        queryFn: () => fetchKnown(),
+        queryFn: () => callServerFn(() => fetchKnown(), "listKnownOrders"),
         retry: 1,
         staleTime: 30000,
         refetchInterval: 60000,
@@ -37,6 +39,21 @@ export function useKnownOrders() {
         }
         return set;
     }, [query.data]);
+    /** Referenties waarvan de Verkoop-module zegt dat ze afgehandeld zijn. */
+    const fulfilledRefs = useMemo(() => {
+        const set = new Set();
+        for (const o of query.data?.orders ?? []) {
+            if (!isFulfilledOrderStatus(o.status))
+                continue;
+            const id = keyOf(o.id);
+            const num = keyOf(o.orderNumber);
+            if (id)
+                set.add(id);
+            if (num)
+                set.add(num);
+        }
+        return set;
+    }, [query.data]);
     // Zodra de lijst geladen is filteren we, ook als er niets open staat.
     const isReady = !query.isLoading && !!query.data && !query.data.error;
     /** Onbekende referentie? Dan niet tonen. Zolang de lijst laadt: niets filteren. */
@@ -50,5 +67,14 @@ export function useKnownOrders() {
         }
         return false;
     }, [refs, isReady]);
-    return { refs, isKnownRef, isReady, isLoading: query.isLoading };
+    /** Waar = deze order staat in de Verkoop-module als afgehandeld. */
+    const isFulfilledRef = useCallback((...candidates) => {
+        for (const c of candidates) {
+            const k = keyOf(c);
+            if (k && fulfilledRefs.has(k))
+                return true;
+        }
+        return false;
+    }, [fulfilledRefs]);
+    return { refs, isKnownRef, isFulfilledRef, isReady, isLoading: query.isLoading };
 }

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

@@ -3,7 +3,7 @@
  * door naar vandaag; een order hoort te staan op de dag waarop hij ooit
  * gepland is en nooit ná zijn leverdatum.
  */
-export declare function useOrderPickDates(): {
+export declare function useOrderPickDates(from?: string | null, to?: string | null): {
     correctPickDate: (orderRef: string, enginePickDate: string) => string;
     isLoading: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useOrderPickDates.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPickDates.ts"],"names":[],"mappings":"AAaA;;;;GAIG;AACH,wBAAgB,iBAAiB;gCA+BlB,MAAM,kBAAkB,MAAM,KAAG,MAAM;;EAerD"}
+{"version":3,"file":"useOrderPickDates.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPickDates.ts"],"names":[],"mappings":"AAcA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;gCAoC3D,MAAM,kBAAkB,MAAM,KAAG,MAAM;;EAerD"}

package/dist-lib/hooks/useOrderPickDates.js

@@ -3,6 +3,7 @@ import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { listOrderPickDates } from "../lib/pickDates.functions";
 import { normalizeOrderNumber } from "../lib/orderRefs";
+import { callServerFn } from "../lib/serverFnError";
 function keyOf(value) {
     if (!value)
         return null;
@@ -16,13 +17,14 @@ function keyOf(value) {
  * door naar vandaag; een order hoort te staan op de dag waarop hij ooit
  * gepland is en nooit ná zijn leverdatum.
  */
-export function useOrderPickDates() {
+export function useOrderPickDates(from, to) {
     const fetchDates = useServerFn(listOrderPickDates);
     const query = useQuery({
-        queryKey: ["order-pick-dates"],
-        queryFn: () => fetchDates(),
+        queryKey: ["order-pick-dates", from ?? null, to ?? null],
+        queryFn: () => callServerFn(() => fetchDates({ data: { from: from ?? undefined, to: to ?? undefined } }), "listOrderPickDates"),
         staleTime: 60000,
         retry: 1,
+        placeholderData: (prev) => prev,
     });
     const map = useMemo(() => {
         const m = new Map();