@flowselections/floriday-afhandeling-module 1.0.42 → 1.0.44

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

@@ -1 +1 @@
-{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AA2BD,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BA6FnE"}
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AA2BD,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BAwFnE"}

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

@@ -20,9 +20,9 @@ function CategoryLine({ items, label, }) {
 export function PickAgendaView({ onOrderClick }) {
     const [weekStart, setWeekStart] = useState(() => currentWeekStart());
     const range = useMemo(() => agendaRange(weekStart), [weekStart]);
-    const { planned, awaiting, notMirrored, tasksWithoutStart, nearestDeliveryDate, signalError, lastEngineRun, isLoading, error, warning, refetch, } = useOrderPlanning(range);
+    const { planned, awaiting, tasksWithoutStart, nearestDeliveryDate, signalError, lastEngineRun, isLoading, error, warning, refetch, } = useOrderPlanning(range);
     const awaitingCount = awaiting.length;
-    const anyIssue = awaitingCount + notMirrored.length + tasksWithoutStart.length > 0;
+    const anyIssue = awaitingCount + tasksWithoutStart.length > 0;
     const lastRunLabel = lastEngineRun
         ? new Date(lastEngineRun).toLocaleString("nl-NL", {
             timeZone: "Europe/Amsterdam",
@@ -31,11 +31,11 @@ export function PickAgendaView({ onOrderClick }) {
         })
         : null;
     const [dayDetailDate, setDayDetailDate] = useState(null);
-    return (_jsxs("div", { className: "space-y-6", children: [anyIssue && (_jsxs("div", { className: "space-y-1 rounded-md border border-sky-300 bg-sky-50 p-4 text-sm text-sky-900", children: [_jsx(CategoryLine, { items: awaiting, label: (n) => `${n} order${n === 1 ? "" : "s"} zonder indeling van de Logistics Engine, daarom nog niet in de agenda` }), _jsx(CategoryLine, { items: notMirrored, label: (n) => `${n} Floriday-order${n === 1 ? "" : "s"} nog niet overgezet naar de orderadministratie door de Verkoop Module; de Engine kan ${n === 1 ? "die" : "die"} nog niet indelen` }), _jsx(CategoryLine, { items: tasksWithoutStart, label: (n) => `${n} order${n === 1 ? "" : "s"} met een Engine-taak zonder geldige starttijd` }), _jsxs("div", { className: "text-xs", children: [lastRunLabel
+    return (_jsxs("div", { className: "flex h-full flex-col gap-6 overflow-hidden", children: [anyIssue && (_jsxs("div", { className: "shrink-0 space-y-1 rounded-md border border-sky-300 bg-sky-50 p-4 text-sm text-sky-900", children: [_jsx(CategoryLine, { items: awaiting, label: (n) => `${n} order${n === 1 ? "" : "s"} zonder indeling van de Logistics Engine, daarom nog niet in de agenda` }), _jsx(CategoryLine, { items: tasksWithoutStart, label: (n) => `${n} order${n === 1 ? "" : "s"} met een Engine-taak zonder geldige starttijd` }), _jsxs("div", { className: "text-xs", children: [lastRunLabel
                                 ? `Laatste indeling door de Engine: ${lastRunLabel}.`
                                 : "Er is nog geen indeling van de Engine bekend voor deze periode.", " ", awaitingCount === 0
                                 ? "Orders die buiten deze week zijn ingedeeld staan hier niet bij."
                                 : signalError
                                     ? `Melding vanuit deze module is mislukt: ${signalError}`
-                                    : "Melding vanuit deze module is verstuurd; het inplannen gebeurt door de Logistics Engine."] })] })), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: planned, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate, onWeekChange: setWeekStart, jumpToDate: nearestDeliveryDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: planned, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
+                                    : "Melding vanuit deze module is verstuurd; het inplannen gebeurt door de Logistics Engine."] })] })), warning && !error && (_jsxs("div", { className: "shrink-0 rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "shrink-0 rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx("div", { className: "min-h-0 flex-1", children: _jsx(WeekAgendaView, { planned: planned, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate, onWeekChange: setWeekStart, jumpToDate: nearestDeliveryDate }) })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: planned, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PickingPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickingPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,gCAY1B"}
+{"version":3,"file":"PickingPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickingPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,gCAc1B"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PickAgendaView } from "./PickAgendaView";
 export function PickingPage() {
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Pick Agenda" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Overzicht van alle orders die gepickt moeten worden." })] }), _jsx(PickAgendaView, {})] }));
+    return (_jsxs("main", { className: "flex h-full flex-col gap-6 overflow-hidden p-6", children: [_jsxs("div", { className: "shrink-0", children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Pick Agenda" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Overzicht van alle orders die gepickt moeten worden." })] }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(PickAgendaView, {}) })] }));
 }

package/dist-lib/components/afhandeling/ScanControleView.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScanControleView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ScanControleView.tsx"],"names":[],"mappings":"AA4FA,wBAAgB,gBAAgB,gCAqV/B"}

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

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { supabase } from "../../integrations/supabase/moduleClient";
+import { Button, Badge, Card, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, RefreshCw, ScanLine } from "lucide-react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+const AFGEROND_STATUS = "geprint";
+function statusVariant(status) {
+    if (status === AFGEROND_STATUS)
+        return "default";
+    if (status === "mislukt")
+        return "destructive";
+    return "secondary";
+}
+function tijd(iso) {
+    if (!iso)
+        return "—";
+    const d = new Date(iso);
+    return Number.isNaN(d.getTime())
+        ? "—"
+        : d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
+}
+// --------------------------------------------------------------------------
+export function ScanControleView() {
+    const qc = useQueryClient();
+    const [barcode, setBarcode] = useState("");
+    const [lookup, setLookup] = useState(null);
+    const inputRef = useRef(null);
+    const settingsQ = useQuery({
+        queryKey: ["logistics-control-settings"],
+        queryFn: async () => {
+            const { data, error } = await supabase.rpc("logistics_control_settings");
+            if (error)
+                throw new Error(error.message);
+            return (data ?? {});
+        },
+    });
+    const settings = settingsQ.data;
+    const scannerId = settings?.scannerId ?? null;
+    const printerId = settings?.printerId ?? null;
+    const postKlaar = Boolean(scannerId && printerId);
+    const overviewQ = useQuery({
+        queryKey: ["logistics-control-scan-overview", scannerId],
+        enabled: Boolean(scannerId),
+        refetchInterval: 15000,
+        queryFn: async () => {
+            const { data, error } = await supabase.rpc("logistics_control_scan_overview", {
+                _scanner_id: scannerId ?? undefined,
+                _date: new Date().toISOString().slice(0, 10),
+            });
+            if (error)
+                throw new Error(error.message);
+            return (data ?? []);
+        },
+    });
+    // Ververs zodra de Engine een scan bijwerkt.
+    useEffect(() => {
+        const channel = supabase
+            .channel("logistics-control-scan")
+            .on("postgres_changes", { event: "*", schema: "public", table: "logistics_control_scan" }, () => {
+            void qc.invalidateQueries({ queryKey: ["logistics-control-scan-overview"] });
+        })
+            .subscribe();
+        return () => {
+            void supabase.removeChannel(channel);
+        };
+    }, [qc]);
+    const lookupM = useMutation({
+        mutationFn: async (code) => {
+            const { data, error } = await supabase.rpc("logistics_control_scan_lookup", {
+                p_barcode: code,
+            });
+            if (error)
+                throw new Error(error.message);
+            return (data ?? { ok: false, error: "Geen antwoord van de controlepost." });
+        },
+        onSuccess: (res) => {
+            setLookup(res);
+            if (!res.ok)
+                toast.error(res.error ?? "Deze barcode is niet herkend.");
+        },
+        onError: (err) => toast.error(err.message),
+    });
+    const approveM = useMutation({
+        mutationFn: async (vars) => {
+            const { data, error } = await supabase.rpc("logistics_control_scan_approve", {
+                p_barcode: vars.code,
+                p_scanner_id: scannerId ?? undefined,
+                p_printer_id: printerId ?? undefined,
+                p_allow_reprint: vars.allowReprint,
+            });
+            if (error)
+                throw new Error(error.message);
+            return (data ?? {});
+        },
+        onSuccess: (res) => {
+            void qc.invalidateQueries({ queryKey: ["logistics-control-scan-overview"] });
+            if (!res.ok) {
+                setLookup((prev) => (prev ? { ...prev, ...res } : res));
+                toast.error(res.error ?? "Goedkeuren is niet gelukt.");
+                return;
+            }
+            toast.success(res.isFloriday
+                ? "Goedgekeurd — de Floriday-afleverbrief wordt opgehaald en geprint."
+                : "Goedgekeurd — de afleverbrief staat klaar op de printer.");
+            setLookup(null);
+            setBarcode("");
+            inputRef.current?.focus();
+        },
+        onError: (err) => toast.error(err.message),
+    });
+    const retryM = useMutation({
+        mutationFn: async (id) => {
+            const { data, error } = await supabase.rpc("logistics_control_scan_retry", { _id: id });
+            if (error)
+                throw new Error(error.message);
+            return data;
+        },
+        onSuccess: (res) => {
+            void qc.invalidateQueries({ queryKey: ["logistics-control-scan-overview"] });
+            if (res && res.ok === false)
+                toast.error(res.error ?? "Opnieuw proberen is niet gelukt.");
+            else
+                toast.success("Opnieuw aangeboden aan de controlepost.");
+        },
+        onError: (err) => toast.error(err.message),
+    });
+    const bezig = lookupM.isPending || approveM.isPending;
+    const rows = overviewQ.data ?? [];
+    const stats = useMemo(() => ({
+        totaal: rows.length,
+        geprint: rows.filter((r) => r.status === AFGEROND_STATUS).length,
+        wacht: rows.filter((r) => r.status === "afleverbrief_aangevraagd" || r.status === "goedgekeurd").length,
+        mislukt: rows.filter((r) => r.status === "mislukt").length,
+    }), [rows]);
+    function scan(code) {
+        const c = code.trim();
+        if (!c || !postKlaar)
+            return;
+        setLookup(null);
+        lookupM.mutate(c);
+    }
+    if (settingsQ.isLoading) {
+        return _jsx("div", { className: "text-sm text-muted-foreground", children: "Controlepost laden\u2026" });
+    }
+    if (!postKlaar) {
+        return (_jsx(Card, { className: "p-4 border-destructive/40 bg-destructive/10", 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: "text-sm", children: [_jsx("div", { className: "font-medium", children: "Controlepost nog niet ingesteld" }), _jsxs("p", { children: ["Er is nog geen ", scannerId ? "printer" : printerId ? "scanner" : "scanner en printer", " ", "gekozen bij Logistiek Engine \u2192 stap 6 \u201CControle\u201D \u2192 Scancontrole. Zolang dat ontbreekt kan er niet gescand worden."] })] })] }) }));
+    }
+    const cart = lookup?.cart ?? null;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("form", { className: "flex gap-2", onSubmit: (e) => {
+                            e.preventDefault();
+                            scan(barcode);
+                        }, children: [_jsx(Input, { ref: inputRef, autoFocus: true, value: barcode, onChange: (e) => setBarcode(e.target.value), placeholder: "Scan de barcode op de pakbon\u2026", disabled: bezig }), _jsxs(Button, { type: "submit", disabled: bezig || !barcode.trim(), children: [_jsx(ScanLine, { className: "h-4 w-4 mr-2" }), lookupM.isPending ? "Zoeken…" : "Opzoeken"] })] }), lookup && !lookup.ok && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: lookup.error ?? "Deze barcode is niet herkend." })), lookup?.ok && (_jsxs("div", { className: "rounded-md border p-3 space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-semibold", children: lookup.order?.orderNumber ?? "—" }), _jsx(Badge, { variant: lookup.isFloriday ? "default" : "outline", children: lookup.isFloriday ? "Floriday-order (FO)" : "Eigen order" }), _jsx(Badge, { variant: "secondary", children: cart?.cartLabel ?? "Kar onbekend" }), lookup.alreadyControlled && (_jsxs(Badge, { variant: "destructive", children: ["Al gecontroleerd \u2014 ", lookup.scan?.status] }))] }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [lookup.order?.customerName ?? "—", cart?.cartNumber ? ` · karnummer ${cart.cartNumber}` : "", typeof cart?.occupancyPct === "number" ? ` · ${Math.round(cart.occupancyPct)}% vol` : ""] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Product" }), _jsx(TableHead, { className: "text-right", children: "Fusten" }), _jsx(TableHead, { className: "text-right", children: "Aantal" })] }) }), _jsx(TableBody, { children: (cart?.items ?? []).length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, className: "text-sm text-muted-foreground", children: "Geen belading gevonden op deze kar." }) })) : ((cart?.items ?? []).map((it, i) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: it.productName ?? "—" }), _jsx(TableCell, { className: "text-right", children: it.crates ?? "—" }), _jsx(TableCell, { className: "text-right", children: it.quantity ?? "—" })] }, it.itemId ?? i)))) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { disabled: approveM.isPending, onClick: () => approveM.mutate({ code: lookup.barcode ?? barcode, allowReprint: false }), children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), approveM.isPending ? "Bezig…" : "Goedkeuren"] }), lookup.alreadyControlled && (_jsx(Button, { variant: "outline", disabled: approveM.isPending, onClick: () => approveM.mutate({ code: lookup.barcode ?? barcode, allowReprint: true }), children: "Toch opnieuw printen" })), _jsx(Button, { variant: "ghost", disabled: approveM.isPending, onClick: () => {
+                                            setLookup(null);
+                                            setBarcode("");
+                                            inputRef.current?.focus();
+                                        }, children: "Annuleren" })] })] }))] }), _jsxs("div", { className: "flex flex-wrap gap-3", children: [_jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Gescand vandaag" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.totaal })] }), _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.geprint })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "In behandeling" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.wacht })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Mislukt" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.mislukt })] })] }), _jsx(Card, { className: "p-0 overflow-hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Soort" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Melding" }), _jsx(TableHead, { children: "Bijgewerkt" }), _jsx(TableHead, {})] }) }), _jsx(TableBody, { children: overviewQ.isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "text-sm text-muted-foreground", children: "Laden\u2026" }) })) : rows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "text-sm text-muted-foreground", children: "Vandaag nog niets gescand." }) })) : (rows.map((r) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: r.orderNumber ?? "—" }), _jsx(TableCell, { children: r.isFloriday ? "FO" : "Eigen" }), _jsx(TableCell, { children: _jsx(Badge, { variant: statusVariant(r.status), children: r.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: r.error ?? "—" }), _jsx(TableCell, { children: tijd(r.updatedAt) }), _jsx(TableCell, { className: "text-right", children: r.status === "mislukt" && (_jsxs(Button, { size: "sm", variant: "outline", disabled: retryM.isPending, onClick: () => retryM.mutate(r.id), children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-2" }), "Opnieuw proberen"] })) })] }, r.id)))) })] }) })] }));
+}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogTitle, toast, } from "@flowselections/core";
 import { Plus, Pencil, Trash2, Truck, ArrowUp, ArrowDown } from "lucide-react";
-import { ResponsiveAlertDialogBody, ResponsiveAlertDialogContent, ResponsiveAlertDialogFooter, ResponsiveAlertDialogHeader, } from "../ui/responsive-dialog";
+import { ResponsiveAlertDialogBody, ResponsiveAlertDialogContent, ResponsiveAlertDialogFooter, ResponsiveAlertDialogHeader, } from "../../components/ui/responsive-dialog";
 import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";

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

@@ -3,7 +3,7 @@ import { useEffect, useMemo, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Dialog, DialogTitle, DialogDescription, Input, Label, Textarea, toast, } from "@flowselections/core";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
 import { applyReschedule, listRescheduleHistory, previewReschedule, getPickMoments, setPickDay, } from "../../lib/logisticsEngine/reschedule";
 import { ENGINE_TASKS_KEY } from "../../hooks/useEngineTasks";
 import { listCarriers } from "../../lib/carriers.functions";

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]);
@@ -136,7 +157,7 @@ export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayCl
         d.setHours(0, 0, 0, 0);
         setCursor(startOfWeek(d));
     };
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("h2", { className: "text-xl font-semibold tracking-tight", children: title ?? headerLabel }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: goPrev, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), " Vorige week"] }), _jsx(Button, { variant: "outline", size: "sm", onClick: goToday, children: "Deze week" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: goNext, children: ["Volgende week ", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }), misaligned && (_jsx("div", { className: "rounded-md border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: "Aantallen worden opnieuw uitgelijnd." })), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(SummaryCard, { label: MODE_LABELS[mode].summary, value: totals.leveringen, tone: "default" }), _jsx(SummaryCard, { label: "Verzendklaar", value: totals.verzendklaar, tone: "success" }), _jsx(SummaryCard, { label: "In voorbereiding", value: totals.voorbereiding, tone: "muted" }), _jsx(SummaryCard, { label: "Totaal stuks", value: totals.totaalStuks, tone: "default" })] }), _jsx("div", { className: "max-h-[520px] space-y-2 overflow-y-auto rounded-lg border bg-muted/20 p-2", children: isLoading || (mode === "pick" && pickAgenda.isLoading) ? (_jsx("div", { className: "rounded-lg border bg-card p-10 text-center text-sm text-muted-foreground", children: "Laden\u2026" })) : (days.map((day) => (_jsx(DayRow, { day: day, onOrderClick: onOrderClick, onDayClick: onDayClick, capacity: mode === "delivery" ? undefined : capacity.byDate.get(toDayKey(day.date)) }, day.date.toISOString())))) })] }));
+    return (_jsxs("div", { className: "flex h-full flex-col gap-4 overflow-hidden", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("h2", { className: "text-xl font-semibold tracking-tight", children: title ?? headerLabel }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: goPrev, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), " Vorige week"] }), _jsx(Button, { variant: "outline", size: "sm", onClick: goToday, children: "Deze week" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: goNext, children: ["Volgende week ", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }), misaligned && (_jsx("div", { className: "rounded-md border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: "Aantallen worden opnieuw uitgelijnd." })), _jsxs("div", { className: "grid shrink-0 grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(SummaryCard, { label: MODE_LABELS[mode].summary, value: totals.leveringen, tone: "default" }), _jsx(SummaryCard, { label: "Verzendklaar", value: totals.verzendklaar, tone: "success" }), _jsx(SummaryCard, { label: "In voorbereiding", value: totals.voorbereiding, tone: "muted" }), _jsx(SummaryCard, { label: "Totaal stuks", value: totals.totaalStuks, tone: "default" })] }), _jsx("div", { className: "min-h-0 flex-1 space-y-2 overflow-y-auto rounded-lg border bg-muted/20 p-2", children: isLoading || (mode === "pick" && pickAgenda.isLoading) ? (_jsx("div", { className: "rounded-lg border bg-card p-10 text-center text-sm text-muted-foreground", children: "Laden\u2026" })) : (days.map((day) => (_jsx(DayRow, { day: day, onOrderClick: onOrderClick, onDayClick: onDayClick, capacity: mode === "delivery" ? undefined : capacity.byDate.get(toDayKey(day.date)) }, day.date.toISOString())))) })] }));
 }
 function SummaryCard({ label, value, tone, }) {
     const valueClass = tone === "success" ? "text-green-600" : "text-foreground";
@@ -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/components/pickstation/PakbonTemplate.js

@@ -14,82 +14,82 @@ export function renderPakbonHtml(order, lang = "nl") {
     };
     const rows = order.lines.length
         ? order.lines
-            .map((l) => `
-        <tr>
-          <td>${escapeHtml(l.description)}</td>
-          <td style="text-align:right">${l.crates ?? ""}</td>
-          <td>${escapeHtml(l.unit ?? "")}</td>
+            .map((l) => `
+        <tr>
+          <td>${escapeHtml(l.description)}</td>
+          <td style="text-align:right">${l.crates ?? ""}</td>
+          <td>${escapeHtml(l.unit ?? "")}</td>
         </tr>`)
             .join("")
         : `<tr><td colspan="3" style="text-align:center;color:#666">${escapeHtml(t.noLines)}</td></tr>`;
     const cartLabel = t.cartOf(order.cartIndex, order.cartTotal);
     const fustenLabel = order.cratesOnCart != null ? `${order.cratesOnCart}` : "—";
     const cartNumber = order.cartNumber ?? `${order.orderNumber}-${order.cartIndex}`;
-    return `<!doctype html>
-<html lang="${escapeHtml(htmlLang)}">
-<head>
-  <meta charset="utf-8">
-  <title>${escapeHtml(t.packingSlip)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartNumber)}</title>
-  <style>
-    @page {
-      size: A4;
-      margin: 16mm;
-      @top-center { content: element(cartno); }
-    }
-    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
-    h1 { margin: 0 0 4px; font-size: 26px; }
-    .sub { color:#444; margin-bottom: 8px; }
-
-    .cart-number-hero {
-      position: running(cartno);
-      font-size: 88px;
-      font-weight: 900;
-      letter-spacing: 4px;
-      line-height: 1;
-      color: #000;
-      background: #fff;
-      border: 4px solid #000;
-      padding: 12px 20px;
-      display: inline-block;
-      margin: 6px 0 20px;
-      font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-
-    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 8px 0 22px; }
-    .grid div { font-size: 14px; }
-    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
-    .value { font-size: 16px; font-weight: 600; }
-    table { width:100%; border-collapse: collapse; font-size: 14px; }
-    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
-    th { text-align: left; background:#f5f5f5; }
-    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
-    .footer { margin-top: 28px; font-size: 11px; color:#666; }
-  </style>
-</head>
-<body>
-  <h1>${escapeHtml(t.packingSlip)}</h1>
-  <div class="sub">${escapeHtml(t.order)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</div>
-
-  <div class="cart-number-hero">${escapeHtml(cartNumber)}</div>
-
-  <div class="grid">
-    <div><div class="label">${escapeHtml(t.customer)}</div><div class="value">${escapeHtml(order.customerName)}</div></div>
-    <div><div class="label">${escapeHtml(t.country)}</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
-    <div><div class="label">${escapeHtml(t.deliveryDate)}</div><div class="value">${fmt(order.deliveryDate)}</div></div>
-    <div><div class="label">${escapeHtml(t.pickDate)}</div><div class="value">${fmt(order.pickDate)}</div></div>
-    <div><div class="label">${escapeHtml(t.cart)}</div><div class="value">${escapeHtml(cartLabel)}</div></div>
-    <div><div class="label">${escapeHtml(t.cratesOnThisCart)}</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
-  </div>
-
-  <table>
-    <thead><tr><th>${escapeHtml(t.description)}</th><th style="text-align:right;width:90px">${escapeHtml(t.crates)}</th><th style="width:90px">${escapeHtml(t.unit)}</th></tr></thead>
-    <tbody>${rows}</tbody>
-  </table>
-
-  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
-
-  <div class="footer">${escapeHtml(t.printedVia)} · ${new Date().toLocaleString(locale)}</div>
-</body>
+    return `<!doctype html>
+<html lang="${escapeHtml(htmlLang)}">
+<head>
+  <meta charset="utf-8">
+  <title>${escapeHtml(t.packingSlip)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartNumber)}</title>
+  <style>
+    @page {
+      size: A4;
+      margin: 16mm;
+      @top-center { content: element(cartno); }
+    }
+    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
+    h1 { margin: 0 0 4px; font-size: 26px; }
+    .sub { color:#444; margin-bottom: 8px; }
+
+    .cart-number-hero {
+      position: running(cartno);
+      font-size: 88px;
+      font-weight: 900;
+      letter-spacing: 4px;
+      line-height: 1;
+      color: #000;
+      background: #fff;
+      border: 4px solid #000;
+      padding: 12px 20px;
+      display: inline-block;
+      margin: 6px 0 20px;
+      font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 8px 0 22px; }
+    .grid div { font-size: 14px; }
+    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
+    .value { font-size: 16px; font-weight: 600; }
+    table { width:100%; border-collapse: collapse; font-size: 14px; }
+    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
+    th { text-align: left; background:#f5f5f5; }
+    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
+    .footer { margin-top: 28px; font-size: 11px; color:#666; }
+  </style>
+</head>
+<body>
+  <h1>${escapeHtml(t.packingSlip)}</h1>
+  <div class="sub">${escapeHtml(t.order)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</div>
+
+  <div class="cart-number-hero">${escapeHtml(cartNumber)}</div>
+
+  <div class="grid">
+    <div><div class="label">${escapeHtml(t.customer)}</div><div class="value">${escapeHtml(order.customerName)}</div></div>
+    <div><div class="label">${escapeHtml(t.country)}</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
+    <div><div class="label">${escapeHtml(t.deliveryDate)}</div><div class="value">${fmt(order.deliveryDate)}</div></div>
+    <div><div class="label">${escapeHtml(t.pickDate)}</div><div class="value">${fmt(order.pickDate)}</div></div>
+    <div><div class="label">${escapeHtml(t.cart)}</div><div class="value">${escapeHtml(cartLabel)}</div></div>
+    <div><div class="label">${escapeHtml(t.cratesOnThisCart)}</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
+  </div>
+
+  <table>
+    <thead><tr><th>${escapeHtml(t.description)}</th><th style="text-align:right;width:90px">${escapeHtml(t.crates)}</th><th style="width:90px">${escapeHtml(t.unit)}</th></tr></thead>
+    <tbody>${rows}</tbody>
+  </table>
+
+  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
+
+  <div class="footer">${escapeHtml(t.printedVia)} · ${new Date().toLocaleString(locale)}</div>
+</body>
 </html>`;
 }
 function escapeHtml(s) {

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

@@ -1 +1 @@
-{"version":3,"file":"useCartIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useCartIndex.ts"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;6BAoBrB,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,MAAM,GAAG,IAAI;;;EA0B1F"}
+{"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"}

package/dist-lib/hooks/useCartIndex.js

@@ -1,6 +1,7 @@
 import { useCallback } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/moduleClient";
+import { useKnownOrders } from "./useKnownOrders";
 /**
  * Gedeelde karindex van de Engine. Dit is de enige bron voor karrentellingen:
  * taak-payloads (cartCount) en eigen tellingen op order_carts zijn niet meer
@@ -23,6 +24,7 @@ export function useCartIndex(from, to) {
             return Array.isArray(data) ? data : [];
         },
     });
+    const { isKnownRef } = useKnownOrders();
     const rows = query.data;
     // Per orderreferentie de unieke karren tellen.
     const cartsForOrder = useCallback((...refs) => {
@@ -31,6 +33,9 @@ export function useCartIndex(from, to) {
             const cart = r.cart_id ?? "";
             if (!cart)
                 continue;
+            // Karren van orders die de Verkoop-module niet kent tellen niet mee.
+            if (!isKnownRef(r.order_number, r.order_uuid))
+                continue;
             for (const ref of [r.order_number, r.order_uuid]) {
                 if (!ref)
                     continue;
@@ -47,7 +52,7 @@ export function useCartIndex(from, to) {
                 return set.size;
         }
         return null;
-    }, [rows]);
+    }, [rows, isKnownRef]);
     return {
         cartsForOrder,
         isLoading: query.isLoading,

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

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+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;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAsB5C"}

package/dist-lib/hooks/useEngineBufferEvents.js

@@ -0,0 +1,47 @@
+import { useEffect } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { supabase } from "../integrations/supabase/moduleClient";
+/** 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
+ * (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.
+ */
+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;
+            for (const key of KEYS)
+                qc.invalidateQueries({ queryKey: key });
+            void qc.refetchQueries({ type: "active" });
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [qc]);
+}

package/dist-lib/hooks/useEngineTasks.js

@@ -25,7 +25,7 @@ export function useEngineTasks(options) {
     const timerRef = useRef(null);
     useEffect(() => {
         const channel = supabase
-            .channel("engine-tasks")
+            .channel(`engine-tasks-${Math.random().toString(36).slice(2)}`)
             .on("postgres_changes", { event: "*", schema: "public", table: "logistics_tasks" }, () => {
             if (timerRef.current)
                 return;

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

@@ -0,0 +1,12 @@
+/**
+ * Alle orderreferenties die de Verkoop-module kent. Alles wat hier niet in
+ * staat, hoort in deze module niet zichtbaar te zijn.
+ */
+export declare function useKnownOrders(): {
+    refs: Set<string>;
+    isKnownRef: (...candidates: (string | null | undefined)[]) => boolean;
+    isFulfilledRef: (...candidates: (string | null | undefined)[]) => boolean;
+    isReady: boolean;
+    isLoading: boolean;
+};
+//# sourceMappingURL=useKnownOrders.d.ts.map

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

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