@flowselections/floriday-afhandeling-module 1.0.42 → 1.0.43

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

@@ -1,5 +1,7 @@
 interface Props {
     salesOrderId: string;
+    /** Ordernummer (order_ref) — nodig om opnieuw in te plannen via de Engine. */
+    orderRef?: string | null;
     /** Datum waarop de auto-verwerking mag starten (targetPickDate). */
     autoProcessDate?: Date | null;
     /** Toon knop "Nu verwerken" ook als datum nog niet bereikt. */
@@ -7,6 +9,6 @@ interface Props {
     /** Compact = alleen badge, geen knoppen. */
     compact?: boolean;
 }
-export declare function AutoProcessStatus({ salesOrderId, autoProcessDate, allowManualTrigger, compact, }: Props): import("react").JSX.Element;
+export declare function AutoProcessStatus({ salesOrderId, orderRef, autoProcessDate, allowManualTrigger, compact, }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=AutoProcessStatus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoProcessStatus.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/AutoProcessStatus.tsx"],"names":[],"mappings":"AAUA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAeD,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,eAAe,EACf,kBAAyB,EACzB,OAAe,GAChB,EAAE,KAAK,+BAiJP"}
+{"version":3,"file":"AutoProcessStatus.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/AutoProcessStatus.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,oEAAoE;IACpE,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAeD,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,kBAAyB,EACzB,OAAe,GAChB,EAAE,KAAK,+BAiLP"}

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

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
 import { Badge, Button, toast } from "@flowselections/core";
 import { CheckCircle2, Clock, Loader2, PlayCircle, RefreshCw, AlertTriangle } from "lucide-react";
 import { autoProcessSalesOrder, fetchAutoProcessStatuses, } from "../../lib/floridayAutoProcess";
 import { supabase } from "../../integrations/supabase/moduleClient";
+import { replanToNextDeliveryMoment } from "../../lib/logisticsEngine/reschedule";
 const NL_DATE = new Intl.DateTimeFormat("nl-NL", { day: "2-digit", month: "short" });
 function formatWaiting(date) {
     const today = new Date();
@@ -17,17 +19,20 @@ function formatWaiting(date) {
         return "Verwerkt morgen";
     return `Wacht tot ${NL_DATE.format(target)} (${diffDays} dagen)`;
 }
-export function AutoProcessStatus({ salesOrderId, autoProcessDate, allowManualTrigger = true, compact = false, }) {
+export function AutoProcessStatus({ salesOrderId, orderRef, autoProcessDate, allowManualTrigger = true, compact = false, }) {
     const [row, setRow] = useState(null);
     const [loading, setLoading] = useState(false);
+    const queryClient = useQueryClient();
     useEffect(() => {
         let cancelled = false;
         fetchAutoProcessStatuses([salesOrderId]).then((m) => {
             if (!cancelled)
                 setRow(m.get(salesOrderId) ?? null);
         });
+        // Unieke kanaalnaam per instantie: dezelfde order kan meerdere keren in
+        // beeld staan en Supabase hergebruikt anders een al geabonneerd kanaal.
         const channel = supabase
-            .channel(`auto-process-${salesOrderId}`)
+            .channel(`auto-process-${salesOrderId}-${Math.random().toString(36).slice(2)}`)
             .on("postgres_changes", {
             event: "*",
             schema: "public",
@@ -48,6 +53,34 @@ export function AutoProcessStatus({ salesOrderId, autoProcessDate, allowManualTr
     const handleProcess = async () => {
         setLoading(true);
         try {
+            if (orderRef) {
+                // Opnieuw inplannen op het eerstvolgende aflevermoment; de Engine
+                // bepaalt daarna zelf de pickdag en de bijbehorende taken.
+                const res = await replanToNextDeliveryMoment(orderRef);
+                if (!res.ok) {
+                    toast.error(res.error ?? "Opnieuw inplannen mislukt");
+                }
+                else {
+                    const d = res.moment
+                        ? new Date(`${res.moment.date}T00:00:00`).toLocaleDateString("nl-NL")
+                        : null;
+                    toast.success(d
+                        ? `Ingepland op ${d}${res.moment?.time ? ` om ${res.moment.time}` : ""}`
+                        : "Order opnieuw ingepland");
+                    // Direct verversen zodat de nieuwe leverdatum en de status meteen
+                    // in beeld staan, precies zoals bij de andere bestellingen.
+                    await Promise.all([
+                        queryClient.invalidateQueries({ queryKey: ["logistics-pick-agenda"] }),
+                        queryClient.invalidateQueries({ queryKey: ["engine", "tasks"] }),
+                        queryClient.invalidateQueries({ queryKey: ["order-buffers"] }),
+                        queryClient.invalidateQueries({ queryKey: ["floriday", "orders"] }),
+                        queryClient.invalidateQueries({ queryKey: ["logistics-cart-index"] }),
+                        queryClient.invalidateQueries({ queryKey: ["known-orders"] }),
+                    ]);
+                    await queryClient.refetchQueries({ queryKey: ["logistics-pick-agenda"], type: "active" });
+                }
+                return;
+            }
             const res = await autoProcessSalesOrder(salesOrderId);
             toast.success(res.status === "done"
                 ? "Verwerkt — afleverbrief wordt aangemaakt"
@@ -99,5 +132,5 @@ export function AutoProcessStatus({ salesOrderId, autoProcessDate, allowManualTr
         return _jsx(_Fragment, { children: badge });
     const showRetry = status === "error";
     const showTrigger = allowManualTrigger && status !== "done" && status !== "acknowledging" && !loading;
-    return (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [badge, showTrigger ? (_jsx(Button, { size: "sm", variant: showRetry ? "outline" : "secondary", onClick: handleProcess, disabled: loading, children: showRetry ? (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { className: "h-3 w-3 mr-1" }), " Opnieuw"] })) : (_jsxs(_Fragment, { children: [_jsx(PlayCircle, { className: "h-3 w-3 mr-1" }), " Nu verwerken"] })) })) : null] }));
+    return (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [badge, showTrigger ? (_jsx(Button, { size: "sm", variant: showRetry ? "outline" : "secondary", onClick: handleProcess, disabled: loading, children: showRetry ? (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { className: "h-3 w-3 mr-1" }), " Opnieuw"] })) : (_jsxs(_Fragment, { children: [_jsx(PlayCircle, { className: "h-3 w-3 mr-1" }), " ", orderRef ? "Nu inplannen" : "Nu verwerken"] })) })) : null] }));
 }

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

@@ -70,62 +70,62 @@ export function renderControleLijstHtml(carts, lang = "nl") {
     });
     const rows = sorted.length
         ? sorted
-            .map(({ cart: c, klaarzet }) => `
-          <tr>
-            <td class="mono bold">${esc(c.cartNumber ?? "—")}</td>
-            <td class="right">${esc(c.cratesOnCart ?? "—")}</td>
-            <td class="bold">${esc(countryCode(c.country) ?? c.country ?? "—")}</td>
-            <td class="bold">${esc(klaarzet.label)}</td>
-            <td>${esc(statusLabel(c.status, c.printedCount))}</td>
+            .map(({ cart: c, klaarzet }) => `
+          <tr>
+            <td class="mono bold">${esc(c.cartNumber ?? "—")}</td>
+            <td class="right">${esc(c.cratesOnCart ?? "—")}</td>
+            <td class="bold">${esc(countryCode(c.country) ?? c.country ?? "—")}</td>
+            <td class="bold">${esc(klaarzet.label)}</td>
+            <td>${esc(statusLabel(c.status, c.printedCount))}</td>
           </tr>`)
             .join("")
         : `<tr><td colspan="5" class="empty">${esc(t.noCartsToday)}</td></tr>`;
-    return `<!DOCTYPE html>
-<html lang="${esc(lang)}">
-<head>
-<meta charset="utf-8" />
-<title>${esc(t.checklistTitle)}</title>
-<style>
-  @page { size: A4 portrait; margin: 12mm; }
-  body { font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0; }
-  h1 { font-size: 20px; margin: 0; }
-  .head { display: flex; align-items: baseline; justify-content: space-between;
-          border-bottom: 1px solid #000; padding-bottom: 6px; margin-bottom: 12px; }
-  .total { font-size: 12px; margin-bottom: 10px; }
-  table { width: 100%; border-collapse: collapse; font-size: 11px; }
-  th { text-align: left; border-bottom: 1px solid #000; padding: 3px 6px 3px 0; }
-  td { border-bottom: 1px solid #ccc; padding: 6px 6px 6px 0; white-space: nowrap; }
-  td.right, th.right { text-align: right; }
-  .mono { font-family: "Courier New", monospace; }
-  .bold { font-weight: 700; }
-  .empty { text-align: center; color: #666; padding: 24px 0; border: none; }
-  .sign { margin-top: 24px; font-size: 11px; }
-  .sign div { margin-top: 8px; }
-  .line { display: inline-block; border-bottom: 1px solid #000; width: 220px; }
-  tr { page-break-inside: avoid; }
-  thead { display: table-header-group; }
-</style>
-</head>
-<body>
-  <div class="head"><h1>${esc(t.checklistTitle)}</h1><div>${esc(today)}</div></div>
-  <div class="total">${esc(t.totalCarts)}: <strong>${carts.length}</strong></div>
-  <table>
-    <thead>
-      <tr>
-        <th>${esc(t.colKarnr)}</th>
-        <th class="right">${esc(t.colFusten)}</th>
-        <th>${esc(t.colLand)}</th>
-        <th>${esc(t.colKlaarzetten)}</th>
-        <th>${esc(t.colStatus)}</th>
-      </tr>
-    </thead>
-    <tbody>${rows}</tbody>
-  </table>
-  <div class="sign">
-    <div>${esc(t.checkedBy)}: <span class="line"></span></div>
-    <div>${esc(t.dateTime)}: <span class="line"></span></div>
-    <div>${esc(t.signature)}: <span class="line"></span></div>
-  </div>
-</body>
+    return `<!DOCTYPE html>
+<html lang="${esc(lang)}">
+<head>
+<meta charset="utf-8" />
+<title>${esc(t.checklistTitle)}</title>
+<style>
+  @page { size: A4 portrait; margin: 12mm; }
+  body { font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0; }
+  h1 { font-size: 20px; margin: 0; }
+  .head { display: flex; align-items: baseline; justify-content: space-between;
+          border-bottom: 1px solid #000; padding-bottom: 6px; margin-bottom: 12px; }
+  .total { font-size: 12px; margin-bottom: 10px; }
+  table { width: 100%; border-collapse: collapse; font-size: 11px; }
+  th { text-align: left; border-bottom: 1px solid #000; padding: 3px 6px 3px 0; }
+  td { border-bottom: 1px solid #ccc; padding: 6px 6px 6px 0; white-space: nowrap; }
+  td.right, th.right { text-align: right; }
+  .mono { font-family: "Courier New", monospace; }
+  .bold { font-weight: 700; }
+  .empty { text-align: center; color: #666; padding: 24px 0; border: none; }
+  .sign { margin-top: 24px; font-size: 11px; }
+  .sign div { margin-top: 8px; }
+  .line { display: inline-block; border-bottom: 1px solid #000; width: 220px; }
+  tr { page-break-inside: avoid; }
+  thead { display: table-header-group; }
+</style>
+</head>
+<body>
+  <div class="head"><h1>${esc(t.checklistTitle)}</h1><div>${esc(today)}</div></div>
+  <div class="total">${esc(t.totalCarts)}: <strong>${carts.length}</strong></div>
+  <table>
+    <thead>
+      <tr>
+        <th>${esc(t.colKarnr)}</th>
+        <th class="right">${esc(t.colFusten)}</th>
+        <th>${esc(t.colLand)}</th>
+        <th>${esc(t.colKlaarzetten)}</th>
+        <th>${esc(t.colStatus)}</th>
+      </tr>
+    </thead>
+    <tbody>${rows}</tbody>
+  </table>
+  <div class="sign">
+    <div>${esc(t.checkedBy)}: <span class="line"></span></div>
+    <div>${esc(t.dateTime)}: <span class="line"></span></div>
+    <div>${esc(t.signature)}: <span class="line"></span></div>
+  </div>
+</body>
 </html>`;
 }

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":"AA+JA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BAw1BpE"}
+{"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"}

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

@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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 } from "lucide-react";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog";
+import { Printer, CheckCircle2, AlertTriangle, History, ChevronLeft, ChevronRight, ScanLine } from "lucide-react";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
-import { getTodaysControlCarts, getControlRescheduleProposals, submitControlSession, listControlHistory, getControlSessionDetail, getControlDraft, saveControlDraft, } from "../../lib/cartControl.functions";
+import { getTodaysControlCarts, getControlRescheduleProposals, submitControlSession, listControlHistory, getControlSessionDetail, getControlDraft, listDeliveredToday, saveControlDraft, } from "../../lib/cartControl.functions";
+import { ScanControleView } from "./ScanControleView";
 import { renderControleLijstHtml } from "./ControleLijstPrint";
 import { printHtmlDocument, printFoutMelding } from "../../lib/printing";
 function dayDiffFromToday(iso) {
@@ -36,24 +37,6 @@ function relDayLabel(iso) {
         return `${Math.abs(diff)} dagen geleden`;
     return d.toLocaleDateString("nl-NL", { weekday: "short", day: "2-digit", month: "2-digit" });
 }
-function fmtTime(time) {
-    if (!time)
-        return null;
-    const m = /^(\d{1,2}):(\d{2})/.exec(time.trim());
-    if (!m)
-        return null;
-    return `${m[1].padStart(2, "0")}:${m[2]}`;
-}
-/** "vandaag - 10:00" */
-function fmtPickup(iso, time) {
-    if (!iso)
-        return "—";
-    const d = new Date(iso);
-    if (Number.isNaN(d.getTime()))
-        return iso;
-    const t = fmtTime(time);
-    return t ? `${relDayLabel(iso)} - ${t}` : relDayLabel(iso);
-}
 function fmtDate(iso) {
     if (!iso)
         return "—";
@@ -114,6 +97,7 @@ export function ControlePage({ onExit } = {}) {
     const fetchProposals = useServerFn(getControlRescheduleProposals);
     const submit = useServerFn(submitControlSession);
     const fetchDraft = useServerFn(getControlDraft);
+    const fetchDelivered = useServerFn(listDeliveredToday);
     const saveDraft = useServerFn(saveControlDraft);
     const cartsQ = useQuery({
         queryKey: ["control", "today"],
@@ -129,6 +113,13 @@ export function ControlePage({ onExit } = {}) {
         refetchOnMount: "always",
         refetchOnWindowFocus: true,
     });
+    const deliveredQ = useQuery({
+        queryKey: ["control", "delivered"],
+        queryFn: () => fetchDelivered(),
+        enabled: tab === "afgeleverd",
+        refetchOnMount: "always",
+        refetchOnWindowFocus: true,
+    });
     const draftQ = useQuery({
         queryKey: controlDraftQueryKey,
         queryFn: async () => (await fetchDraft()),
@@ -450,6 +441,7 @@ export function ControlePage({ onExit } = {}) {
             setPage(pageCount);
     }, [pageCount, page]);
     const pagedCarts = useMemo(() => carts.slice((currentPage - 1) * pageSize, currentPage * pageSize), [carts, currentPage, pageSize]);
+    // Geen eigen hernummering meer: het karnummer komt uitsluitend uit de Engine.
     const pendingProposals = pendingProposal?.proposals ?? [];
     const pendingBlocked = pendingProposal?.blocked ?? [];
     const pendingNotReadyCount = pendingProposals.length + pendingBlocked.length;
@@ -507,13 +499,13 @@ 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 === "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 })] })] }), _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)))
                                                             ? true
                                                             : carts.some((c) => checked.has(controlCartKey(c)))
                                                                 ? "indeterminate"
-                                                                : false, onCheckedChange: (v) => toggleAll(!!v) }) }), _jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Ophaaldatum" }), _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: "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) => {
                                                 const k = controlCartKey(c);
-                                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { checked: checked.has(k), onCheckedChange: (v) => toggle(k, !!v) }) }), _jsx(TableCell, { className: "font-mono font-semibold", children: (c.orderNumbers?.length ?? 0) > 0 ? (_jsx("div", { className: "flex flex-col gap-0.5", children: c.orderNumbers.map((n) => (_jsx("span", { children: n }, n))) })) : (c.orderNumber || "—") }), _jsx(TableCell, { children: fmtPickup(c.pickupDate, c.pickupTime) }), _jsx(TableCell, { children: (c.printedToday ?? (c.printedCount ?? 0) > 0) ? (_jsx(Badge, { variant: "secondary", children: "Ja" })) : (_jsx(Badge, { variant: "outline", children: "Nee" })) })] }, k));
+                                                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) => {
                                                     setPageSize(Number(v));
                                                     setPage(1);
@@ -523,7 +515,7 @@ export function ControlePage({ onExit } = {}) {
                                                 ? "Voortgang automatisch opgeslagen"
                                                 : lastSavedRef.current && notes === lastSavedRef.current
                                                     ? "Concept bewaard"
-                                                    : "" })] }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Bijzonderheden, afwijkingen\u2026", rows: 3 }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Wordt automatisch bewaard tot de controle definitief is goedgekeurd." })] })] })), tab === "historie" && _jsx(HistorieView, { loading: histQ.isLoading, sessions: histQ.data?.sessions ?? [] }), _jsx(Dialog, { open: !!result, onOpenChange: (v) => !v && setResult(null), children: _jsxs(ResponsiveDialogContent, { size: "md", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Resultaat controle" }), _jsxs(DialogDescription, { children: [result?.checkedCount, " klaar \u00B7 ", result?.rescheduledCount, " doorgeschoven \u00B7", " ", result?.blockedCount, " geblokkeerd"] })] }), _jsxs(ResponsiveDialogBody, { className: "space-y-4", children: [result?.blocked && result.blocked.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2 text-destructive font-medium", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "De volgende karren kunnen niet automatisch worden doorgeschoven omdat hierdoor de planning of levering in gevaar komt." })] }), _jsx(BlockedTable, { blocked: result.blocked })] })), result?.rescheduled && result.rescheduled.length > 0 && (_jsxs("div", { className: "border rounded-md p-3", children: [_jsx("div", { className: "font-medium mb-2", children: "Doorgeschoven karren" }), _jsx("ul", { className: "text-sm space-y-1", children: result.rescheduled.map((r, i) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono", children: r.cartNumber ?? "—" }), " \u2014", " ", r.customerName, " \u2192 nieuwe pickdatum", " ", _jsx("strong", { children: fmtDate(r.newPickDate) })] }, i))) })] }))] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { onClick: () => {
+                                                    : "" })] }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Bijzonderheden, afwijkingen\u2026", rows: 3 }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Wordt automatisch bewaard tot de controle definitief is goedgekeurd." })] })] })), tab === "scan" && _jsx(ScanControleView, {}), tab === "afgeleverd" && (_jsx(AfgeleverdView, { loading: deliveredQ.isLoading, carts: deliveredQ.data?.carts ?? [] })), tab === "historie" && _jsx(HistorieView, { loading: histQ.isLoading, sessions: histQ.data?.sessions ?? [] }), _jsx(Dialog, { open: !!result, onOpenChange: (v) => !v && setResult(null), children: _jsxs(ResponsiveDialogContent, { size: "md", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Resultaat controle" }), _jsxs(DialogDescription, { children: [result?.checkedCount, " klaar \u00B7 ", result?.rescheduledCount, " doorgeschoven \u00B7", " ", result?.blockedCount, " geblokkeerd"] })] }), _jsxs(ResponsiveDialogBody, { className: "space-y-4", children: [result?.blocked && result.blocked.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2 text-destructive font-medium", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "De volgende karren kunnen niet automatisch worden doorgeschoven omdat hierdoor de planning of levering in gevaar komt." })] }), _jsx(BlockedTable, { blocked: result.blocked })] })), result?.rescheduled && result.rescheduled.length > 0 && (_jsxs("div", { className: "border rounded-md p-3", children: [_jsx("div", { className: "font-medium mb-2", children: "Doorgeschoven karren" }), _jsx("ul", { className: "text-sm space-y-1", children: result.rescheduled.map((r, i) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono", children: r.cartNumber ?? "—" }), " \u2014", " ", r.customerName, " \u2192 nieuwe pickdatum", " ", _jsx("strong", { children: fmtDate(r.newPickDate) })] }, i))) })] }))] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { onClick: () => {
                                     setResult(null);
                                     if (onExit)
                                         onExit();
@@ -570,3 +562,9 @@ function SummaryTile({ label, value, tone = "default", }) {
 }
 // Silence unused Input import (may be used later); keep tree-shakeable
 void Input;
+function AfgeleverdView({ loading, carts }) {
+    return (_jsx(Card, { className: "p-0 overflow-hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Karnummer" }), _jsx(TableHead, { children: "Gecontroleerd om" })] }) }), _jsxs(TableBody, { children: [loading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, className: "text-center text-muted-foreground py-8", children: "Laden\u2026" }) })), !loading && carts.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, className: "text-center text-muted-foreground py-8", children: "Vandaag zijn er nog geen karren afgeleverd." }) })), carts.map((c, i) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono font-semibold", children: c.orderNumber || "—" }), _jsx(TableCell, { className: "font-mono", children: c.cartNumberLabel || "—" }), _jsx(TableCell, { children: new Date(c.deliveredAt).toLocaleTimeString("nl-NL", {
+                                        hour: "2-digit",
+                                        minute: "2-digit",
+                                    }) })] }, `${c.orderNumber ?? "?"}-${c.cartNumberLabel ?? i}-${i}`)))] })] }) }));
+}

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

@@ -5,5 +5,5 @@ export interface DagDetailDialogProps {
     planned: PlannedOrder[];
     onOpenChange: (open: boolean) => void;
 }
-export declare function DagDetailDialog({ open, date, planned, onOpenChange }: DagDetailDialogProps): import("react").JSX.Element | null;
+export declare function DagDetailDialog(props: DagDetailDialogProps): import("react").JSX.Element | null;
 //# sourceMappingURL=DagDetailDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAsCjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAID,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,oBAAoB,sCAiF1F"}
+{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAyEjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAQD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sCAG1D"}