@flowselections/floriday-afhandeling-module 1.0.44 → 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/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

@@ -2,6 +2,11 @@
  * 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

@@ -1 +1 @@
-{"version":3,"file":"useEngineBufferEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineBufferEvents.ts"],"names":[],"mappings":"AA0BA;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAsB5C"}
+{"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

@@ -1,11 +1,11 @@
 import { useEffect } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { supabase } from "../integrations/supabase/moduleClient";
+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 volledig opnieuw bij de Engine opgehaald moeten worden zodra
- * een buffer sluit of een order wordt losgekoppeld. Alles komt van de Engine
+ * 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.
  */
@@ -25,23 +25,28 @@ const KEYS = [
  * 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 channel = supabase
-            .channel(`engine-buffer-events-${Math.random().toString(36).slice(2)}`)
-            .on("postgres_changes", { event: "*", schema: "public", table: "logistics_events" }, (payload) => {
-            const row = (payload.new ?? {});
-            if (!row.event_type || !BUFFER_EVENTS.has(row.event_type))
-                return;
+        const refresh = debounce(() => {
             for (const key of KEYS)
                 qc.invalidateQueries({ queryKey: key });
-            void qc.refetchQueries({ type: "active" });
-        })
-            .subscribe();
+        }, 1000);
+        const off = subscribeTable("logistics_events", (row) => {
+            const eventType = row.event_type;
+            if (typeof eventType !== "string" || !BUFFER_EVENTS.has(eventType))
+                return;
+            refresh();
+        });
         return () => {
-            supabase.removeChannel(channel);
+            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.map

@@ -1 +1 @@
-{"version":3,"file":"useKnownOrders.d.ts","sourceRoot":"","sources":["../../src/hooks/useKnownOrders.ts"],"names":[],"mappings":"AAeA;;;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"}
+{"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

@@ -4,6 +4,7 @@ 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;
@@ -20,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,

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();

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

@@ -1 +1 @@
-{"version":3,"file":"usePickAgenda.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickAgenda.ts"],"names":[],"mappings":"AAOA,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,gDAAgD;AAChD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAwCD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;;;;;EA8GnE"}
+{"version":3,"file":"usePickAgenda.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickAgenda.ts"],"names":[],"mappings":"AAQA,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,gDAAgD;AAChD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAwCD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;;;;;EA6GnE"}

package/dist-lib/hooks/usePickAgenda.js

@@ -1,6 +1,7 @@
 import { useEffect, useMemo } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/moduleClient";
+import { debounce, subscribeTable } from "../lib/realtimeBus";
 import { useKnownOrders } from "./useKnownOrders";
 import { useOrderPickDates } from "./useOrderPickDates";
 function toOrders(value) {
@@ -30,9 +31,10 @@ function shiftDay(day, delta) {
 }
 export function usePickAgenda(from, to) {
     const queryClient = useQueryClient();
-    // Ruimer ophalen dan gevraagd: de Engine schuift oude taken naar vandaag, wij
-    // zetten ze terug op hun oorspronkelijke dag en dat kan buiten de week vallen.
-    const wideFrom = from ? shiftDay(from, -180) : null;
+    // Beperkte marge rond de zichtbare week: de Engine schuift oude taken naar
+    // vandaag en wij zetten ze terug op hun oorspronkelijke dag. Een venster van
+    // een half jaar haalde honderden dagen op die daarna toch werden weggefilterd.
+    const wideFrom = from ? shiftDay(from, -21) : null;
     const wideTo = to ? shiftDay(to, 30) : null;
     const queryKey = ["logistics-pick-agenda", wideFrom, wideTo];
     const query = useQuery({
@@ -41,7 +43,10 @@ export function usePickAgenda(from, to) {
         staleTime: 30000,
         retry: false,
         refetchInterval: 60000,
+        refetchIntervalInBackground: false,
         refetchOnWindowFocus: true,
+        // Vorige week blijft zichtbaar tijdens het laden van een nieuwe week.
+        placeholderData: (prev) => prev,
         queryFn: async () => {
             const { data, error } = await supabase.rpc("logistics_pick_agenda", {
                 p_from: wideFrom,
@@ -63,25 +68,24 @@ export function usePickAgenda(from, to) {
             }));
         },
     });
-    // Ververs zodra de Engine taken wijzigt. Elke hook-instantie krijgt een eigen
-    // kanaalnaam; hergebruik van dezelfde naam laat Supabase een al-geabonneerd
-    // kanaal terugvinden en gooit "cannot add postgres_changes after subscribe()".
+    // Ververs zodra de Engine taken wijzigt, via één gedeelde verbinding en met
+    // samenvoegen van seintjes: de Engine schrijft tientallen taken achter elkaar
+    // en elke wijziging afzonderlijk opnieuw ophalen liet het scherm blokkeren.
     useEffect(() => {
-        const channel = supabase
-            .channel(`pick-agenda-logistics-tasks-${Math.random().toString(36).slice(2)}`)
-            .on("postgres_changes", { event: "*", schema: "public", table: "logistics_tasks" }, () => {
+        const refresh = debounce(() => {
             queryClient.invalidateQueries({ queryKey: ["logistics-pick-agenda"] });
-        })
-            .subscribe();
+        }, 750);
+        const off = subscribeTable("logistics_tasks", refresh);
         return () => {
-            supabase.removeChannel(channel);
+            refresh.cancel();
+            off();
         };
     }, [queryClient]);
     // Orders die de Verkoop-module niet kent horen hier niet te staan, en orders
     // die de Engine ná hun leverdatum plant gaan terug naar hun eigen dag. De
     // dagtotalen worden opnieuw opgeteld uit wat overblijft.
     const { isKnownRef, isFulfilledRef } = useKnownOrders();
-    const { correctPickDate } = useOrderPickDates();
+    const { correctPickDate } = useOrderPickDates(wideFrom, wideTo);
     const days = useMemo(() => {
         const perDay = new Map();
         for (const d of query.data ?? []) {

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

@@ -1,10 +1,16 @@
+import { type PickModeInfo } from "../lib/pickMode";
 /**
  * De Engine bepaalt de actieve pickmethode. Alleen bij "picken per kar"
- * bestaat er een karcontrolestap. Zonder antwoord blijft die verborgen.
+ * bestaat er een karcontrolestap. Mislukt het ophalen, dan blijft de laatst
+ * bekende werkwijze gelden en melden we dat als fout — nooit stil uitzetten.
  */
 export declare function usePickMode(): {
-    pickMode: "order" | "buffer" | "cart" | "smallest" | null;
+    pickMode: import("..").PickMode;
     showCartControl: boolean;
     isLoading: boolean;
+    isError: boolean;
+    isUnknown: boolean;
+    error: string | undefined;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<PickModeInfo>, Error>>;
 };
 //# sourceMappingURL=usePickMode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePickMode.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickMode.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,wBAAgB,WAAW;;;;EA0B1B"}
+{"version":3,"file":"usePickMode.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickMode.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,wBAAgB,WAAW;;;;;;;;EAkC1B"}