@flowselections/floriday-afhandeling-module 1.0.50 → 1.0.54

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Button, Card, Checkbox, Dialog, DialogDescription, DialogTitle, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, Badge, toast, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { Printer, CheckCircle2, AlertTriangle, History, ChevronLeft, ChevronRight, ScanLine } from "lucide-react";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog.js";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { getTodaysControlCarts, getControlRescheduleProposals, submitControlSession, listControlHistory, getControlSessionDetail, getControlDraft, listDeliveredToday, saveControlDraft, } from "../../lib/cartControl.functions";

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;AAkFjE,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"}
+{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAmGjE,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"}

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

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
+import { createContext, useContext, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Checkbox, Button, Dialog, DialogTitle, DialogDescription, Input, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
 import { CalendarClock, CheckCircle2, ChevronDown, ChevronRight, Printer, Users } from "lucide-react";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog.js";
 import { usePickAgenda } from "../../hooks/usePickAgenda";
-import { useOrderBuffers } from "../../hooks/useOrderBuffers";
+import { useOrderBuffers, useBufferMembers } from "../../hooks/useOrderBuffers";
 import { isSameDay } from "../../lib/pickDate";
-import { getOrderLines, getDayCartContents, } from "../../lib/cartAssignments.functions";
+import { getOrderLines, getDayCartContents, getOrderCartIds, getPakbonCartInfo, } from "../../lib/cartAssignments.functions";
 import { printLayoutDocument, printPdfDocument, printFoutMelding } from "../../lib/printing";
 import { AutoProcessStatus } from "./AutoProcessStatus";
 import { NuVersturenButton } from "./NuVersturenButton";
@@ -34,6 +34,16 @@ function voortgang(status) {
     }
     return { label: "Nog te picken", done: false, variant: "outline" };
 }
+const ShipStateCtx = createContext(new Map());
+/** Voortgang met voorrang voor de echte verzendstatus: eerst Floriday, dan de scan. */
+function useVoortgang(ref, status) {
+    const st = useContext(ShipStateCtx).get(refKey(ref));
+    if (st?.floridaySent)
+        return { label: "Verzonden naar Floriday", done: true, variant: "default" };
+    if (st?.approvedAll)
+        return { label: "Klaar voor verzending", done: false, variant: "secondary" };
+    return voortgang(status);
+}
 const NL_DATE = new Intl.DateTimeFormat("nl-NL", { dateStyle: "full" });
 function refKey(value) {
     return (value ?? "").trim().toUpperCase();
@@ -99,8 +109,11 @@ function DagDetailContent({ open, date, planned, onOpenChange, }) {
         contentsByRef.set(k, list);
     }
     const coverageByRef = new Map();
-    for (const o of contentsQuery.data?.orders ?? [])
+    const shipState = new Map();
+    for (const o of contentsQuery.data?.orders ?? []) {
         coverageByRef.set(refKey(o.orderRef), o.label);
+        shipState.set(refKey(o.orderRef), { approvedAll: o.approvedAll, floridaySent: o.floridaySent });
+    }
     // Eén rij per kar die op deze dag valt (Engine-dekking is leidend, ook voor bufferkarren).
     const cartRows = [];
     for (const o of ordersOnDay) {
@@ -111,6 +124,7 @@ function DagDetailContent({ open, date, planned, onOpenChange, }) {
             const nr = rc?.cartNumber ?? idx + 1;
             cartRows.push({
                 key: `${o.ref}-${idx}`,
+                cartId: rc?.cartId ?? null,
                 orderRef: o.ref,
                 customerName: o.planned?.order.customerName ?? "—",
                 cartIndex: idx,
@@ -130,7 +144,7 @@ function DagDetailContent({ open, date, planned, onOpenChange, }) {
             });
         }
     }
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", cartRows.length, " karren \u00B7", " ", ordersOnDay.filter((o) => voortgang(o.status).done).length, " van ", ordersOnDay.length, " ", "bestellingen afgehandeld \u00B7 ", cartRows.filter((c) => voortgang(c.status).done).length, " van", " ", cartRows.length, " karren afgehandeld"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: cartRows.length }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, isLoading: agenda.isLoading }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }));
+    return (_jsx(ShipStateCtx.Provider, { value: shipState, children: _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", cartRows.length, " karren \u00B7", " ", ordersOnDay.filter((o) => voortgang(o.status).done).length, " van ", ordersOnDay.length, " ", "bestellingen afgehandeld \u00B7 ", cartRows.filter((c) => voortgang(c.status).done).length, " van", " ", cartRows.length, " karren afgehandeld"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: cartRows.length }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, isLoading: agenda.isLoading }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }) }));
 }
 function BezettingCard({ date, cartsToday }) {
     const queryClient = useQueryClient();
@@ -228,63 +242,195 @@ function BestellingenTab({ orders, isLoading }) {
     if (orders.length === 0) {
         return (_jsx("p", { className: "text-sm text-muted-foreground", children: isLoading ? "Bestellingen laden…" : "Geen bestellingen op deze dag." }));
     }
-    return (_jsx("div", { className: "space-y-3", children: groups.map((g) => g.bufferId && g.orders.length > 1 ? (_jsx(BufferGroup, { orders: g.orders }, g.key)) : (g.orders.map((o) => o.planned ? (_jsx(OrderRow, { planned: o.planned, cartsToday: o.carts, engineStatus: o.status }, o.ref)) : (_jsx(EngineOrderRow, { order: o }, o.ref))))) }));
+    return (_jsx("div", { className: "space-y-3", children: groups.map((g) => g.bufferId && g.orders.length > 1 ? (_jsx(BufferGroup, { bufferId: g.bufferId, orders: g.orders }, g.key)) : (g.orders.map((o) => o.planned ? (_jsx(OrderRow, { planned: o.planned, cartsToday: o.carts, engineStatus: o.status }, o.ref)) : (_jsx(EngineOrderRow, { order: o }, o.ref))))) }));
+}
+/** Al aangevraagd in de wachtrij = de bestaande herprint-regel; niet opnieuw aanmaken. */
+function isDubbeleAanvraag(err) {
+    return err?.name === "DubbeleAanvraagFout";
+}
+function tijdLabel(iso) {
+    const d = new Date(iso);
+    return Number.isNaN(d.getTime()) ? iso : d.toLocaleString("nl-NL", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
+}
+/** Concreet zoals op het pickstation, met direct een knop "Opnieuw printen" (als herprint). */
+function meldOverslagen(s) {
+    const t = toast;
+    t(`Pakbon ${s.label} al verstuurd vanuit ${s.herkomst}${s.printer ? ` naar ${s.printer}` : ""} om ${tijdLabel(s.tijd)}`, {
+        duration: 15000,
+        action: {
+            label: "Opnieuw printen",
+            onClick: () => {
+                s.herprint().then(() => toast.success(`Pakbon ${s.label} opnieuw in de Printwachtrij gezet (herprint).`), (err) => toast.error(printFoutMelding(err)));
+            },
+        },
+    });
+}
+/** Toont de uitkomst direct; de achtergrondopdracht meldt zich later apart. */
+function meldPrintUitkomst(r) {
+    if (r.printed > 0) {
+        toast.success(`${r.printed} opdracht${r.printed === 1 ? "" : "en"} in de Printwachtrij gezet.`);
+    }
+    for (const s of r.skipped)
+        meldOverslagen(s);
+    if (r.printed === 0 && r.skipped.length === 0 && !r.achtergrond) {
+        toast.error(`Er is niets in de Printwachtrij gezet. ${r.reasons[0] ?? ""}`.trim());
+    }
+    else if (r.failed > 0) {
+        toast.error(`${r.failed} document${r.failed === 1 ? "" : "en"} niet in de wachtrij: ${r.reasons[0] ?? ""}`);
+    }
+}
+async function meldAchtergrond(r) {
+    if (!r.achtergrond)
+        return;
+    const a = await r.achtergrond;
+    if (a.printed > 0)
+        toast.success(`Verzendbrief in de Printwachtrij gezet.`);
+    if (a.failed > 0 || (a.printed === 0 && a.reasons.length > 0)) {
+        toast.error(`Verzendbrief niet gemaakt: ${a.reasons[0] ?? "onbekende reden"}`);
+    }
+}
+/** Payload in dezelfde vorm als het pickstation; Pickschermen zoekt op documenttype pakbon + payload.cart_id. */
+function pakbonPayload(args) {
+    return {
+        source: "afhandeling",
+        cart_id: args.cartId,
+        barcode: args.barcode,
+        cart: { id: args.cartId, barcode: args.barcode, number: args.cartNumber },
+        order_id: args.order.id,
+        order_number: args.order.orderNumber,
+        order: {
+            ...args.order,
+            pickDate: args.pickDate,
+            cartIndex: args.cartIndex,
+            cartTotal: args.cartTotal,
+            cartNumber: args.cartNumber,
+            barcode: args.barcode,
+            lines: args.lines,
+        },
+    };
 }
-/** Print alle pakbonnen van één bestelling; geeft aantallen terug. */
-async function printPakbonnenVoorOrder(p, fetchLines) {
+/**
+ * Print alle documentsoorten van één bestelling: per echte Engine-kar een pakbon
+ * (cart_id verplicht) en de verzendbrief/afleverbrief. Pakbonnen gaan direct de
+ * wachtrij in (zonder op de printer te wachten); een kar met al een pakbon wordt
+ * overgeslagen met herkomst/printer/tijd en een herprintknop. De verzendbrief
+ * wordt op de achtergrond gemaakt en meldt zich apart.
+ */
+async function printDocumentenVoorOrder(p, fetchLines, fetchCarts, fetchDeliveryNote, fetchShippingNoteLayout, fetchPakbonInfo) {
     const source = p.order.source;
-    let lines = [];
+    const reasons = [];
+    const [linesRes, cartsRes] = await Promise.allSettled([
+        fetchLines({ data: { orderId: p.order.id, orderSource: source } }),
+        fetchCarts({ data: { orderId: p.order.id } }),
+    ]);
+    const lines = linesRes.status === "fulfilled" ? linesRes.value.lines : [];
+    let engineCarts = [];
+    if (cartsRes.status === "fulfilled")
+        engineCarts = cartsRes.value.carts;
+    else
+        reasons.push(cartsRes.reason instanceof Error ? cartsRes.reason.message : "Karindeling van de Engine niet opgehaald.");
+    if (engineCarts.length === 0) {
+        if (!reasons.length)
+            reasons.push(`De Engine heeft voor ${p.order.orderNumber} nog geen karren ingedeeld.`);
+        return { printed: 0, skipped: [], failed: 1, reasons, achtergrond: null };
+    }
+    let info;
     try {
-        const res = await fetchLines({ data: { orderId: p.order.id, orderSource: source } });
-        lines = res.lines;
+        info = (await fetchPakbonInfo({ data: { cartIds: engineCarts.map((c) => c.cartId) } })).carts;
     }
-    catch {
-        /* doorgaan met lege regels */
+    catch (err) {
+        return { printed: 0, skipped: [], failed: engineCarts.length, reasons: [err instanceof Error ? err.message : "Kar-barcodes niet opgehaald."], achtergrond: null };
     }
-    const cartTotal = Math.max(1, (p.planning?.pickAssignments ?? []).reduce((sum, a) => sum + a.cartCount, 0));
-    const pickDateIso = p.planning?.pickAssignments?.[0]?.date?.toISOString?.().slice(0, 10) ??
-        new Date().toISOString().slice(0, 10);
-    const pakbonLines = lines.map((l) => ({
-        description: l.article,
-        crates: l.crates,
-        unit: null,
-    }));
+    const infoById = new Map(info.map((i) => [i.cartId, i]));
+    const cartTotal = engineCarts.length;
+    const pickDate = p.planning?.pickAssignments?.[0]?.date?.toISOString?.().slice(0, 10) ?? new Date().toISOString().slice(0, 10);
+    const orderInfo = {
+        id: p.order.id,
+        orderNumber: p.order.orderNumber,
+        customerName: p.order.customerName,
+        country: p.order.country ?? null,
+        deliveryDate: p.order.deliveryDate,
+    };
+    const pakbonLines = lines.map((l) => ({ description: l.article, crates: l.crates, unit: null }));
     let printed = 0;
     let failed = 0;
-    for (let idx = 0; idx < cartTotal; idx++) {
-        const cartNumber = `${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`;
+    const skipped = [];
+    await Promise.all(engineCarts.map(async (engineCart, idx) => {
+        const nr = String(engineCart.cartNumber).padStart(2, "0");
+        const cartNumber = `${p.order.orderNumber}-${nr}`;
+        const ci = infoById.get(engineCart.cartId);
+        if (!ci) {
+            failed++;
+            reasons.push(`Pakbon ${cartNumber}: geen kar-barcode van de Engine.`);
+            return;
+        }
+        const opdracht = (isHerprint) => printLayoutDocument({
+            documenttype: "pakbon",
+            documentnaam: `PAK-${p.order.orderNumber}-${nr}`,
+            isHerprint,
+            volgStatus: false,
+            payload: pakbonPayload({ cartId: ci.cartId, barcode: ci.barcode, cartNumber, cartIndex: idx + 1, cartTotal, order: orderInfo, pickDate, lines: pakbonLines }),
+        });
+        if (ci.bestaand) {
+            skipped.push({ label: cartNumber, herkomst: ci.bestaand.herkomst, printer: ci.bestaand.printer, tijd: ci.bestaand.tijd, herprint: () => opdracht(true) });
+            return;
+        }
         try {
-            // Centrale pakbonlayout uit de Layout maker; de wachtrij kiest
-            // zelf de actieve layout en de bijbehorende printer.
-            await printLayoutDocument({
-                documenttype: "pakbon",
-                documentnaam: `PAK-${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`,
-                payload: {
-                    order: {
-                        id: p.order.id,
-                        orderNumber: p.order.orderNumber,
-                        customerName: p.order.customerName,
-                        country: p.order.country ?? null,
-                        deliveryDate: p.order.deliveryDate,
-                        pickDate: pickDateIso,
-                        cartIndex: idx + 1,
-                        cartTotal,
-                        cartNumber,
-                        lines: pakbonLines,
-                    },
-                },
-            });
-            printed++;
+            const jobId = await opdracht(false);
+            if (jobId)
+                printed++;
+            else {
+                failed++;
+                reasons.push(`Pakbon ${cartNumber}: de Printwachtrij gaf geen opdracht-id terug.`);
+            }
         }
         catch (err) {
             failed++;
+            reasons.push(`Pakbon ${cartNumber}: ${printFoutMelding(err)}`);
             console.warn("[print-all] pakbon mislukt", cartNumber, err);
         }
-    }
-    return { printed, failed };
+    }));
+    // Verzendbrief/afleverbrief op de achtergrond: eerst de Engine-layout, anders de Floriday-brief.
+    const achtergrond = (async () => {
+        try {
+            const keuze = await fetchShippingNoteLayout({});
+            let jobId = null;
+            if (keuze.layoutId) {
+                jobId = await printLayoutDocument({
+                    documenttype: keuze.documenttype ?? "afleverbrief",
+                    documentnaam: `AFL-${p.order.orderNumber}`,
+                    layoutId: keuze.layoutId,
+                    volgStatus: false,
+                    payload: { order: { ...orderInfo, cartIndex: 1, cartTotal, cartNumber: p.order.orderNumber } },
+                });
+            }
+            else {
+                const { pdf } = await fetchDeliveryNote({ data: { orderRef: p.order.orderNumber } });
+                if (!pdf)
+                    return { printed: 0, failed: 1, reasons: [`geen Engine-layout en geen Floriday-brief beschikbaar voor ${p.order.orderNumber}.`] };
+                jobId = await printPdfDocument({ documenttype: "afleverbrief", documentnaam: `AFL-${p.order.orderNumber}`, pdfBase64: pdf.base64, volgStatus: false });
+            }
+            return jobId ? { printed: 1, failed: 0, reasons: [] } : { printed: 0, failed: 1, reasons: ["de Printwachtrij gaf geen opdracht-id terug."] };
+        }
+        catch (err) {
+            if (isDubbeleAanvraag(err))
+                return { printed: 0, failed: 0, reasons: [] };
+            console.warn("[print-all] verzendbrief mislukt", p.order.orderNumber, err);
+            return { printed: 0, failed: 1, reasons: [printFoutMelding(err)] };
+        }
+    })();
+    return { printed, skipped, failed, reasons, achtergrond };
 }
 /** Meerdere orders die samen in één buffer zitten; één regel in de agenda. */
-function BufferGroup({ orders }) {
+function BufferGroup({ bufferId, orders: dayOrders }) {
+    // Alle orders van de buffer (koppeling op buffer-id), ook als ze op een andere dag staan.
+    const members = useBufferMembers(bufferId);
+    const orders = [...dayOrders];
+    for (const m of members.data ?? []) {
+        if (!orders.some((o) => refKey(o.ref) === refKey(m.orderNumber))) {
+            orders.push({ ref: m.orderNumber, carts: 0, plants: 0, status: m.status ?? "", planned: null });
+        }
+    }
     const [open, setOpen] = useState(false);
     const [verzetOpen, setVerzetOpen] = useState(false);
     const [printing, setPrinting] = useState(false);
@@ -292,10 +438,20 @@ function BufferGroup({ orders }) {
     const queryClient = useQueryClient();
     const mark = useServerFn(markOrderShipped);
     const fetchLines = useServerFn(getOrderLines);
+    const fetchCarts = useServerFn(getOrderCartIds);
+    const fetchDeliveryNote = useServerFn(getDeliveryNotePdf);
+    const fetchShippingNoteLayout = useServerFn(getShippingNoteLayout);
+    const fetchPakbonInfo = useServerFn(getPakbonCartInfo);
+    const shipState = useContext(ShipStateCtx);
     const carts = orders.reduce((s, o) => s + (o.carts || 0), 0);
     const klant = orders.find((o) => o.planned?.order.customerName)?.planned?.order.customerName ?? null;
-    const alleAf = orders.every((o) => voortgang(o.status).done);
+    const alleAf = orders.every((o) => shipState.get(refKey(o.ref))?.floridaySent === true);
     const refs = orders.map((o) => o.ref).filter(Boolean);
+    // Alleen Floriday-orders (op Floriday-id); de bron-kolom is hier niet betrouwbaar.
+    const bekend = orders.filter((o) => o.planned);
+    const alleFloriday = bekend.length > 0 && bekend.every((o) => !!o.planned?.order.salesOrderId);
+    // Pickstatus uit de Engine: goedgekeurde scan of door de Engine afgemeld.
+    const engineKlaar = (o) => shipState.get(refKey(o.ref))?.approvedAll === true || voortgang(o.status).done;
     const verzetOrders = orders.map((o) => ({
         ref: o.ref,
         customerName: o.planned?.order.customerName ?? "—",
@@ -311,14 +467,16 @@ function BufferGroup({ orders }) {
                 await mark({ data: { orderRef: ref } });
                 ok++;
             }
-            catch {
-                failed.push(ref);
+            catch (err) {
+                failed.push(err instanceof Error ? err.message : `${ref}: afhandelen mislukt.`);
             }
         }
         if (ok > 0)
-            toast.success(`${ok} bestelling${ok === 1 ? "" : "en"} uit deze buffer afgehandeld (verzonden).`);
+            toast.success(`${ok} van ${refs.length} bestelling${refs.length === 1 ? "" : "en"} uit deze buffer afgehandeld (verzonden).`);
         if (failed.length > 0)
-            toast.error(`Niet gelukt voor: ${failed.join(", ")}`);
+            toast.error(`Niet afgehandeld: ${failed.join(" · ")}`);
+        if (ok === 0 && failed.length === 0)
+            toast.error("Er is niets afgehandeld: de buffer heeft geen bestellingen.");
         for (const key of [
             ["logistics-pick-agenda"],
             ["engine"],
@@ -335,23 +493,20 @@ function BufferGroup({ orders }) {
         if (printing)
             return;
         setPrinting(true);
-        let printed = 0;
-        let failed = 0;
         try {
-            for (const o of orders) {
-                if (!o.planned) {
-                    failed++;
-                    continue;
-                }
-                const res = await printPakbonnenVoorOrder(o.planned, fetchLines);
-                printed += res.printed;
-                failed += res.failed;
-            }
-            if (printed > 0) {
-                toast.success(`Documenten geprint — ${printed} pakbon${printed === 1 ? "" : "nen"}.`);
-            }
-            if (failed > 0)
-                toast.error(`${failed} pakbon kon niet worden geprint.`);
+            const uitkomsten = await Promise.all(orders.map(async (o) => o.planned
+                ? printDocumentenVoorOrder(o.planned, fetchLines, fetchCarts, fetchDeliveryNote, fetchShippingNoteLayout, fetchPakbonInfo)
+                : { printed: 0, skipped: [], failed: 1, reasons: [`${o.ref}: ordergegevens niet geladen op deze dag.`], achtergrond: null }));
+            const samen = {
+                printed: uitkomsten.reduce((t, u) => t + u.printed, 0),
+                skipped: uitkomsten.flatMap((u) => u.skipped),
+                failed: uitkomsten.reduce((t, u) => t + u.failed, 0),
+                reasons: uitkomsten.flatMap((u) => u.reasons),
+                achtergrond: null,
+            };
+            samen.achtergrond = uitkomsten.some((u) => u.achtergrond) ? Promise.resolve({ printed: 0, failed: 0, reasons: [] }) : null;
+            meldPrintUitkomst(samen);
+            await Promise.all(uitkomsten.map(meldAchtergrond));
         }
         catch (err) {
             toast.error(printFoutMelding(err));
@@ -360,7 +515,7 @@ function BufferGroup({ orders }) {
             setPrinting(false);
         }
     };
-    return (_jsxs("div", { className: "rounded-lg border border-primary/40 bg-primary/5", children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-primary/10", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: "Buffer" }), _jsxs("span", { className: "font-medium", children: [orders.length, " bestellingen samen"] }), klant ? _jsx("span", { className: "text-xs text-muted-foreground", children: klant }) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [carts, " ", carts === 1 ? "kar" : "karren", " vandaag"] }), _jsx(Badge, { variant: alleAf ? "default" : "outline", children: alleAf ? "Afgehandeld" : "Nog te picken" }), _jsx("span", { className: "text-xs text-muted-foreground", children: refs.join(", ") })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: afhandelen, disabled: busy || alleAf, title: "Alle bestellingen in deze buffer in \u00E9\u00E9n keer afhandelen", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), alleAf ? "Afgehandeld" : busy ? "Bezig…" : "Buffer afhandelen (verzonden)"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: printAlles, disabled: printing, title: "Alle pakbonnen van deze buffer afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVerzetOpen(true), title: "Alle bestellingen van deze buffer verzetten", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] }), open && (_jsx("div", { className: "space-y-2 border-t border-primary/30 px-2 py-2", children: orders.map((o) => o.planned ? (_jsx(OrderRow, { planned: o.planned, cartsToday: o.carts, engineStatus: o.status }, o.ref)) : (_jsx(EngineOrderRow, { order: o }, o.ref))) })), _jsx(BulkVerzetDialog, { open: verzetOpen, orders: verzetOrders, cartCount: carts, onOpenChange: setVerzetOpen, onDone: () => setVerzetOpen(false) })] }));
+    return (_jsxs("div", { className: "rounded-lg border border-primary/40 bg-primary/5", children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-primary/10", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: "Buffer" }), _jsxs("span", { className: "font-medium", children: [orders.length, " bestellingen samen"] }), klant ? _jsx("span", { className: "text-xs text-muted-foreground", children: klant }) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [carts, " ", carts === 1 ? "kar" : "karren", " vandaag"] }), _jsx(Badge, { variant: alleAf ? "default" : "outline", children: alleAf ? "Verzonden naar Floriday" : orders.every(engineKlaar) ? "Klaar voor verzending" : orders.some(engineKlaar) ? "Deels gescand" : "Nog te picken" }), _jsx("span", { className: "text-xs text-muted-foreground", children: refs.join(", ") })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: afhandelen, disabled: busy || alleAf, title: "Alle bestellingen in deze buffer in \u00E9\u00E9n keer afhandelen", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), alleAf ? "Afgehandeld" : busy ? "Bezig…" : "Buffer afhandelen (verzonden)"] }), refs[0] && alleFloriday ? _jsx(NuVersturenButton, { orderRef: refs[0], label: "Buffer naar Floriday versturen" }) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: printAlles, disabled: printing, title: "Alle pakbonnen van deze buffer afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "In de Printwachtrij…" : "Documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVerzetOpen(true), title: "Alle bestellingen van deze buffer verzetten", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] }), open && (_jsx("div", { className: "space-y-2 border-t border-primary/30 px-2 py-2", children: orders.map((o) => o.planned ? (_jsx(OrderRow, { planned: o.planned, cartsToday: o.carts, engineStatus: o.status }, o.ref)) : (_jsx(EngineOrderRow, { order: o }, o.ref))) })), _jsx(BulkVerzetDialog, { open: verzetOpen, orders: verzetOrders, cartCount: carts, onOpenChange: setVerzetOpen, onDone: () => setVerzetOpen(false) })] }));
 }
 /** Bestelling die alleen de Engine kent; verdere ordergegevens ontbreken. */
 /** Knop "Afhandelen (verzonden)" — zet de bestelling in de orderadministratie op Verzonden. */
@@ -400,7 +555,8 @@ function AfhandelenButton({ orderRef, done }) {
     return (_jsxs(Button, { size: "sm", variant: "outline", onClick: handle, disabled: busy || done, title: "Deze bestelling afhandelen en op verzonden zetten", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), done ? "Afgehandeld" : busy ? "Bezig…" : "Afhandelen (verzonden)"] }));
 }
 function EngineOrderRow({ order }) {
-    return (_jsx("div", { className: "rounded-lg border bg-card px-4 py-3", children: _jsxs("div", { className: "grid grid-cols-2 gap-3 text-sm md:grid-cols-4", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: order.ref }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen bekend bij de Engine" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Karren vandaag" }), _jsx("div", { children: order.carts })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Planten" }), _jsx("div", { children: order.plants })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(Badge, { variant: voortgang(order.status).variant, children: voortgang(order.status).label }), _jsx(AfhandelenButton, { orderRef: order.ref, done: voortgang(order.status).done })] })] }) }));
+    const vg = useVoortgang(order.ref, order.status);
+    return (_jsx("div", { className: "rounded-lg border bg-card px-4 py-3", children: _jsxs("div", { className: "grid grid-cols-2 gap-3 text-sm md:grid-cols-4", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: order.ref }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen bekend bij de Engine" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Karren vandaag" }), _jsx("div", { children: order.carts })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Planten" }), _jsx("div", { children: order.plants })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(Badge, { variant: vg.variant, children: vg.label }), _jsx(AfhandelenButton, { orderRef: order.ref, done: vg.done })] })] }) }));
 }
 function OrderRow({ planned: p, cartsToday, engineStatus, }) {
     const [open, setOpen] = useState(false);
@@ -408,6 +564,11 @@ function OrderRow({ planned: p, cartsToday, engineStatus, }) {
     const [verzetOpen, setVerzetOpen] = useState(false);
     const source = p.order.source;
     const fetchLines = useServerFn(getOrderLines);
+    const fetchCarts = useServerFn(getOrderCartIds);
+    const fetchDeliveryNote = useServerFn(getDeliveryNotePdf);
+    const fetchShippingNoteLayout = useServerFn(getShippingNoteLayout);
+    const fetchPakbonInfo = useServerFn(getPakbonCartInfo);
+    const vg = useVoortgang(p.order.orderNumber, engineStatus ?? p.order.status);
     const linesQuery = useQuery({
         queryKey: ["order-lines", source, p.order.id],
         queryFn: () => fetchLines({ data: { orderId: p.order.id, orderSource: source } }),
@@ -419,13 +580,9 @@ function OrderRow({ planned: p, cartsToday, engineStatus, }) {
             return;
         setPrinting(true);
         try {
-            const { printed, failed } = await printPakbonnenVoorOrder(p, fetchLines);
-            if (printed > 0) {
-                toast.success(`Documenten geprint — ${printed} pakbon${printed === 1 ? "" : "nen"}.`);
-            }
-            if (failed > 0) {
-                toast.error(`${failed} pakbon kon niet worden geprint.`);
-            }
+            const r = await printDocumentenVoorOrder(p, fetchLines, fetchCarts, fetchDeliveryNote, fetchShippingNoteLayout, fetchPakbonInfo);
+            meldPrintUitkomst(r);
+            await meldAchtergrond(r);
         }
         catch (err) {
             toast.error(printFoutMelding(err));
@@ -437,7 +594,7 @@ function OrderRow({ planned: p, cartsToday, engineStatus, }) {
     };
     return (_jsxs("div", { className: "rounded-lg border bg-card", children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-muted/50", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-6 gap-y-1 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: p.order.orderNumber }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: p.order.customerName })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Type ", _jsx("span", { className: "text-foreground", children: p.order.deliveryType })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Leverdatum", " ", _jsx("span", { className: "text-foreground", children: p.order.deliveryDate
                                                             ? new Date(p.order.deliveryDate).toLocaleDateString("nl-NL")
-                                                            : "—" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [cartsToday, " karren vandaag"] }), _jsx(Badge, { variant: voortgang(engineStatus ?? p.order.status).variant, children: voortgang(engineStatus ?? p.order.status).label }), _jsx(Badge, { variant: "outline", children: p.order.status }), (() => {
+                                                            : "—" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [cartsToday, " karren vandaag"] }), _jsx(Badge, { variant: vg.variant, children: vg.label }), _jsx(Badge, { variant: "outline", children: p.order.status }), (() => {
                                                 const src = p.order.source === "floriday" ? "floriday" : "manual";
                                                 const soId = p.order.salesOrderId ?? (src === "floriday" ? p.order.id : null);
                                                 return soId ? (_jsx(AutoProcessStatus, { salesOrderId: soId, compact: true, allowManualTrigger: false })) : null;
@@ -445,7 +602,7 @@ function OrderRow({ planned: p, cartsToday, engineStatus, }) {
                                 const src = p.order.source === "floriday" ? "floriday" : "manual";
                                 const soId = p.order.salesOrderId ?? (src === "floriday" ? p.order.id : null);
                                 return soId ? (_jsx(AutoProcessStatus, { salesOrderId: soId, orderRef: p.order.orderNumber })) : null;
-                            })(), p.order.orderNumber ? _jsx(NuVersturenButton, { orderRef: p.order.orderNumber }) : null, _jsx(AfhandelenButton, { orderRef: p.order.orderNumber, done: voortgang(p.order.status).done }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle pakbonnen van deze bestelling afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Alle documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: (e) => {
+                            })(), p.order.orderNumber && p.order.salesOrderId ? _jsx(NuVersturenButton, { orderRef: p.order.orderNumber }) : null, _jsx(AfhandelenButton, { orderRef: p.order.orderNumber, done: vg.done }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle documenten van deze bestelling afdrukken (pakbonnen per kar en de verzendbrief)", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "In de Printwachtrij…" : "Alle documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: (e) => {
                                     e.stopPropagation();
                                     setVerzetOpen(true);
                                 }, title: "Ophaaldag of ophaaltijd van deze order wijzigen", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] }), _jsx(VerzetOrderDialog, { open: verzetOpen, orderRef: p.order.orderNumber, carrierTarget: {
@@ -526,6 +683,7 @@ function KarRow({ cart: c, cartTotal, selected, onToggle, }) {
     const fetchLines = useServerFn(getOrderLines);
     const fetchDeliveryNote = useServerFn(getDeliveryNotePdf);
     const fetchShippingNoteLayout = useServerFn(getShippingNoteLayout);
+    const fetchPakbonInfo = useServerFn(getPakbonCartInfo);
     const printPakbon = async () => {
         if (bezig)
             return;
@@ -548,27 +706,35 @@ function KarRow({ cart: c, cartTotal, selected, onToggle, }) {
                     /* pakbon zonder regels blijft mogelijk */
                 }
             }
-            const nr = String(c.cartIndex).padStart(2, "0");
+            if (!c.cartId)
+                throw new Error(`Pakbon ${c.cartNumber}: de Engine heeft voor deze kar nog geen kar-id.`);
+            const [ci] = (await fetchPakbonInfo({ data: { cartIds: [c.cartId] } })).carts;
+            if (!ci)
+                throw new Error(`Pakbon ${c.cartNumber}: geen kar-barcode van de Engine.`);
+            const nr = String(c.cartIndex + 1).padStart(2, "0");
             await printLayoutDocument({
                 documenttype: "pakbon",
                 documentnaam: `PAK-${c.orderRef}-${nr}`,
                 isHerprint: true,
-                payload: {
+                volgStatus: false,
+                payload: pakbonPayload({
+                    cartId: ci.cartId,
+                    barcode: ci.barcode,
+                    cartNumber: c.cartNumber,
+                    cartIndex: c.cartIndex + 1,
+                    cartTotal,
                     order: {
                         id: p?.order.id ?? c.orderRef,
                         orderNumber: c.orderRef,
                         customerName: c.customerName,
                         country: p?.order.country ?? null,
                         deliveryDate: p?.order.deliveryDate ?? null,
-                        pickDate: new Date().toISOString().slice(0, 10),
-                        cartIndex: c.cartIndex,
-                        cartTotal,
-                        cartNumber: c.cartNumber,
-                        lines: pakbonLines,
                     },
-                },
+                    pickDate: new Date().toISOString().slice(0, 10),
+                    lines: pakbonLines,
+                }),
             });
-            toast.success(`Pakbon ${c.cartNumber} is naar de printer gestuurd.`);
+            toast.success(`Pakbon ${c.cartNumber} als herprint in de Printwachtrij gezet.`);
         }
         catch (err) {
             toast.error(printFoutMelding(err));

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

@@ -1,5 +1,5 @@
-/** "Nu versturen": toont eerst een samenvatting met controles en vraagt bevestiging. */
-export declare function NuVersturenButton({ orderRef }: {
+export declare function NuVersturenButton({ orderRef, label }: {
     orderRef: string;
+    label?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=NuVersturenButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NuVersturenButton.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/NuVersturenButton.tsx"],"names":[],"mappings":"AAYA,wFAAwF;AACxF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAkGnE"}
+{"version":3,"file":"NuVersturenButton.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/NuVersturenButton.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAsB,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAmH3G"}

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

@@ -5,20 +5,34 @@ import { Button, toast, AlertDialog, AlertDialogCancel, AlertDialogContent, Aler
 import { Send, Loader2, CheckCircle2, XCircle } from "lucide-react";
 import { prepareFloridayLoading, sendFloridayLoading, } from "../../lib/floridayLoading.functions";
 /** "Nu versturen": toont eerst een samenvatting met controles en vraagt bevestiging. */
-export function NuVersturenButton({ orderRef }) {
+const PICK_LABEL = {
+    geen_pickrij: "geen pickrij bij de Engine",
+    open: "nog te picken",
+    bezig: "wordt gepickt",
+    gepickt: "gepickt",
+};
+export function NuVersturenButton({ orderRef, label = "Nu versturen" }) {
     const prepare = useServerFn(prepareFloridayLoading);
     const send = useServerFn(sendFloridayLoading);
     const [loading, setLoading] = useState(false);
     const [sending, setSending] = useState(false);
     const [preview, setPreview] = useState(null);
     const load = async () => setPreview(await prepare({ data: { orderRef } }));
+    const meldFout = (e, standaard) => {
+        const t = e instanceof Error ? e.message : standaard;
+        const m = /^(.*?)\s*\[([^\]]+)\]$/s.exec(t);
+        if (m)
+            toast.error(m[1], { description: m[2] });
+        else
+            toast.error(t);
+    };
     const open = async () => {
         setLoading(true);
         try {
             await load();
         }
         catch (e) {
-            toast.error(e instanceof Error ? e.message : "Belading samenstellen mislukt");
+            meldFout(e, "Belading samenstellen mislukt");
         }
         finally {
             setLoading(false);
@@ -44,7 +58,11 @@ export function NuVersturenButton({ orderRef }) {
             setSending(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: open, disabled: loading, children: [loading ? _jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }) : _jsx(Send, { className: "h-3 w-3 mr-1" }), "Nu versturen"] }), _jsx(AlertDialog, { open: !!preview, onOpenChange: (o) => !o && !sending && setPreview(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Belading naar Floriday versturen?" }), _jsx(AlertDialogDescription, { children: "Een geaccepteerde opdracht start de verzendbrief, vooraankondiging, fust-administratie en afrekening, en is op productie niet terug te draaien." })] }), preview && (_jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Orders:" }), " ", preview.orderRefs.join(", ")] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Leveringen:" }), " ", preview.shipments.length] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Karren:" }), " ", preview.cartCount, preview.carriers.some((c) => c.shared) ? " (waarvan gedeeld)" : ""] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Regels:" }), " ", preview.lineCount] }), _jsx("ul", { className: "space-y-1", children: preview.orders.map((o) => (_jsxs("li", { className: "flex items-center gap-2", children: [o.controlled
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: open, disabled: loading, children: [loading ? _jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }) : _jsx(Send, { className: "h-3 w-3 mr-1" }), label] }), _jsx(AlertDialog, { open: !!preview, onOpenChange: (o) => !o && !sending && setPreview(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Belading naar Floriday versturen?" }), _jsx(AlertDialogDescription, { children: "Een geaccepteerde opdracht start de verzendbrief, vooraankondiging, fust-administratie en afrekening, en is op productie niet terug te draaien." })] }), preview && (_jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Orders:" }), " ", preview.orderRefs.join(", ")] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Leveringen:" }), " ", preview.shipments.length] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Karren:" }), " ", preview.cartCount, preview.carriers.some((c) => c.shared) ? " (waarvan gedeeld)" : ""] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Regels:" }), " ", preview.lineCount] }), _jsx("ul", { className: "space-y-1", children: preview.orders.map((o) => (_jsxs("li", { className: "flex items-center gap-2", children: [o.controlled
                                                 ? _jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-primary" })
-                                                : _jsx(XCircle, { className: "h-3.5 w-3.5 text-destructive" }), _jsxs("span", { children: [o.orderRef, ": ", o.cartsControlled, "/", o.cartsTotal, " karren goedgekeurd op Scan-controle \u00B7 ", o.pickStatus ?? "geen pickrij", o.autoStatus ? ` · auto-verwerking: ${o.autoStatus}` : ""] })] }, o.orderRef))) }), preview.shipments.filter((sh) => sh.floridayStatus || preview.lastAttempts.some((a) => a.fulfillmentOrderId === sh.fulfillmentOrderId && (a.code === "created" || a.code === "already_fulfilled"))).map((sh) => (_jsxs("div", { className: "rounded border border-border p-2", children: ["Belading verstuurd", sh.floridayStatus ? ` (Floriday: ${sh.floridayStatus})` : "", " \u00B7", " ", sh.deliveryNoteReady === true ? "verzendbrief klaar" : "verzendbrief volgt via de Engine"] }, sh.fulfillmentOrderId))), preview.lastAttempts.length > 0 && (_jsxs("div", { className: "rounded border border-border p-2", children: [_jsx("div", { className: "text-muted-foreground mb-1", children: "Laatste pogingen" }), preview.lastAttempts.slice(0, 4).map((a) => (_jsxs("div", { children: [new Date(a.createdAt).toLocaleString("nl-NL"), " \u00B7 versturen \u00B7 ", a.code] }, a.createdAt + a.step)))] })), preview.blockers.length > 0 && (_jsx("ul", { className: "list-disc pl-5 text-destructive", children: preview.blockers.map((b) => _jsx("li", { children: b }, b)) }))] })), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: sending, children: "Annuleren" }), _jsxs(Button, { onClick: doSend, disabled: !preview?.canSend || sending, children: [sending ? _jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }) : null, "Versturen"] })] })] }) })] }));
+                                                : _jsx(XCircle, { className: "h-3.5 w-3.5 text-destructive" }), _jsxs("span", { children: [o.orderRef, ": ", o.cartsControlled, " van ", o.cartsTotal, " karren goedgekeurd op de Scan-controle", o.controlled ? " — klaar voor verzending" : "", o.pickStatus ? ` · pickstatus: ${PICK_LABEL[o.pickStatus] ?? o.pickStatus}` : "", o.autoStatus ? ` · auto-verwerking: ${o.autoStatus}` : ""] })] }, o.orderRef))) }), preview.shipments.filter((sh) => sh.floridayStatus || preview.lastAttempts.some((a) => a.fulfillmentOrderId === sh.fulfillmentOrderId && (a.code === "created" || a.code === "already_fulfilled"))).map((sh) => (_jsxs("div", { className: "rounded border border-border p-2", children: ["Verzonden naar Floriday", sh.floridayStatus ? ` (Floriday: ${sh.floridayStatus})` : "", " \u00B7", " ", sh.deliveryNoteReady === true ? "verzendbrief klaar" : "verzendbrief volgt via de Engine"] }, sh.fulfillmentOrderId))), preview.lastAttempts.length > 0 && (_jsxs("div", { className: "rounded border border-border p-2", children: [_jsx("div", { className: "text-muted-foreground mb-1", children: "Laatste pogingen" }), preview.lastAttempts.slice(0, 4).map((a) => (_jsxs("div", { children: [new Date(a.createdAt).toLocaleString("nl-NL"), " \u00B7 versturen \u00B7 ", a.code] }, a.createdAt + a.step)))] })), preview.blockers.length > 0 && (_jsx("ul", { className: "list-disc pl-5 text-destructive", children: preview.blockers.map((b) => {
+                                        // Begrijpelijke zin, technische code klein eronder.
+                                        const m = /^(.*?)\s*\[([^\]]+)\]$/s.exec(b);
+                                        return (_jsxs("li", { children: [m ? m[1] : b, m ? _jsx("div", { className: "text-xs text-muted-foreground", children: m[2] }) : null] }, b));
+                                    }) }))] })), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: sending, children: "Annuleren" }), _jsxs(Button, { onClick: doSend, disabled: !preview?.canSend || sending, children: [sending ? _jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }) : null, "Versturen"] })] })] }) })] }));
 }

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

@@ -1,6 +1,6 @@
 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 { supabase } from "../../integrations/supabase/moduleClient.js";
 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";