@flowselections/floriday-afhandeling-module 1.0.42 → 1.0.43

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.js

@@ -136,7 +136,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";

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/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,11 @@
+/**
+ * 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;
+    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":"AAaA;;;GAGG;AACH,wBAAgB,cAAc;;gCA4BV,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,OAAO;;;EAY1D"}

package/dist-lib/hooks/useKnownOrders.js

@@ -0,0 +1,54 @@
+import { useCallback, useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { listKnownOrders } from "../lib/floriday.functions";
+import { normalizeOrderNumber } from "../lib/orderRefs";
+function keyOf(value) {
+    if (!value)
+        return null;
+    const trimmed = value.trim();
+    if (!trimmed || trimmed === "—" || trimmed === "-")
+        return null;
+    return normalizeOrderNumber(trimmed) ?? trimmed.toUpperCase();
+}
+/**
+ * Alle orderreferenties die de Verkoop-module kent. Alles wat hier niet in
+ * staat, hoort in deze module niet zichtbaar te zijn.
+ */
+export function useKnownOrders() {
+    const fetchKnown = useServerFn(listKnownOrders);
+    const query = useQuery({
+        queryKey: ["known-orders"],
+        queryFn: () => fetchKnown(),
+        retry: 1,
+        staleTime: 30000,
+        refetchInterval: 60000,
+        refetchOnWindowFocus: true,
+    });
+    const refs = useMemo(() => {
+        const set = new Set();
+        for (const o of query.data?.orders ?? []) {
+            const id = keyOf(o.id);
+            const num = keyOf(o.orderNumber);
+            if (id)
+                set.add(id);
+            if (num)
+                set.add(num);
+        }
+        return set;
+    }, [query.data]);
+    // Zodra de lijst geladen is filteren we, ook als er niets open staat.
+    const isReady = !query.isLoading && !!query.data && !query.data.error;
+    /** Onbekende referentie? Dan niet tonen. Zolang de lijst laadt: niets filteren. */
+    const isKnownRef = useCallback((...candidates) => {
+        if (!isReady)
+            return true;
+        for (const c of candidates) {
+            const k = keyOf(c);
+            if (k && refs.has(k))
+                return true;
+        }
+        return false;
+    }, [refs, isReady]);
+    return { refs, isKnownRef, isReady, isLoading: query.isLoading };
+}

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

@@ -0,0 +1,17 @@
+/** Bufferkoppeling van een order zoals de Engine die heeft vastgelegd. */
+export interface OrderBufferInfo {
+    bufferId: string;
+    bufferKey: string | null;
+    pickupDate: string | null;
+    closed: boolean;
+}
+/**
+ * Haalt per ordernummer de buffer op waar de order in zit. De buffer wordt
+ * door de Logistics Engine bepaald; deze module groepeert er alleen op.
+ */
+export declare function useOrderBuffers(orderRefs: string[]): {
+    byRef: Map<string, OrderBufferInfo>;
+    bufferFor: (ref: string | null | undefined) => OrderBufferInfo | null;
+    isLoading: boolean;
+};
+//# sourceMappingURL=useOrderBuffers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderBuffers.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderBuffers.ts"],"names":[],"mappings":"AAIA,0EAA0E;AAC1E,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;CACjB;AAMD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE;;qBA2C9B,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,eAAe,GAAG,IAAI;;EAItE"}

package/dist-lib/hooks/useOrderBuffers.js

@@ -0,0 +1,53 @@
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { supabase } from "../integrations/supabase/moduleClient";
+function normalize(ref) {
+    return (ref ?? "").trim().toUpperCase();
+}
+/**
+ * Haalt per ordernummer de buffer op waar de order in zit. De buffer wordt
+ * door de Logistics Engine bepaald; deze module groepeert er alleen op.
+ */
+export function useOrderBuffers(orderRefs) {
+    const refs = useMemo(() => {
+        const set = new Set();
+        for (const r of orderRefs) {
+            const v = (r ?? "").trim();
+            if (v)
+                set.add(v);
+        }
+        return [...set].sort();
+    }, [orderRefs]);
+    const query = useQuery({
+        queryKey: ["order-buffers", refs],
+        enabled: refs.length > 0,
+        staleTime: 60000,
+        retry: false,
+        queryFn: async () => {
+            const out = new Map();
+            const { data, error } = await supabase
+                .from("orders")
+                .select("order_number, buffer_id, order_buffers(buffer_key, pickup_date, closed_at)")
+                .in("order_number", refs);
+            if (error)
+                throw new Error(error.message);
+            for (const row of (data ?? [])) {
+                if (!row.order_number || !row.buffer_id)
+                    continue;
+                out.set(normalize(row.order_number), {
+                    bufferId: row.buffer_id,
+                    bufferKey: row.order_buffers?.buffer_key ?? null,
+                    pickupDate: row.order_buffers?.pickup_date ?? null,
+                    closed: !!row.order_buffers?.closed_at,
+                });
+            }
+            return out;
+        },
+    });
+    const byRef = query.data ?? new Map();
+    return {
+        byRef,
+        bufferFor: (ref) => byRef.get(normalize(ref)) ?? null,
+        isLoading: query.isLoading,
+    };
+}

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

@@ -0,0 +1,10 @@
+/**
+ * Corrigeert de pickdag die de Engine teruggeeft. De Engine schuift oude taken
+ * 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(): {
+    correctPickDate: (orderRef: string, enginePickDate: string) => string;
+    isLoading: boolean;
+};
+//# sourceMappingURL=useOrderPickDates.d.ts.map