@flowselections/floriday-afhandeling-module 1.0.50 → 1.0.52

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;AA+FjE,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, } 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) {
@@ -130,7 +143,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,10 +241,35 @@ 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))))) }));
 }
-/** Print alle pakbonnen van één bestelling; geeft aantallen terug. */
-async function printPakbonnenVoorOrder(p, fetchLines) {
+/** Al aangevraagd in de wachtrij = de bestaande herprint-regel; niet opnieuw aanmaken. */
+function isDubbeleAanvraag(err) {
+    return err?.name === "DubbeleAanvraagFout";
+}
+/** Toont de uitkomst van een printactie; groen alleen als er echt opdrachten in de wachtrij staan. */
+function meldPrintUitkomst(r) {
+    if (r.printed > 0) {
+        toast.success(`${r.printed} document${r.printed === 1 ? "" : "en"} in de Printwachtrij gezet.` +
+            (r.skipped > 0 ? ` ${r.skipped} overgeslagen (al geprint).` : ""));
+    }
+    if (r.printed === 0 && r.skipped > 0 && r.failed === 0) {
+        toast.success(`Alles was al geprint: ${r.skipped} document${r.skipped === 1 ? "" : "en"} overgeslagen.`);
+    }
+    if (r.printed === 0 && r.skipped === 0) {
+        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] ?? ""}`);
+    }
+}
+/**
+ * Print alle documentsoorten van één bestelling: per echte Engine-kar een pakbon
+ * (cart_id verplicht in de Printwachtrij) plus de verzendbrief/afleverbrief van de
+ * order. Een document dat voor die kar al in de wachtrij staat wordt overgeslagen
+ * (bestaande herprint-regel) en als zodanig gemeld.
+ */
+async function printDocumentenVoorOrder(p, fetchLines, fetchCarts, fetchDeliveryNote, fetchShippingNoteLayout) {
     const source = p.order.source;
     let lines = [];
     try {
@@ -241,7 +279,21 @@ async function printPakbonnenVoorOrder(p, fetchLines) {
     catch {
         /* doorgaan met lege regels */
     }
-    const cartTotal = Math.max(1, (p.planning?.pickAssignments ?? []).reduce((sum, a) => sum + a.cartCount, 0));
+    // De Printwachtrij neemt alleen een pakbon per echte Engine-kar aan (cart_id verplicht).
+    const reasons = [];
+    let engineCarts = [];
+    try {
+        engineCarts = (await fetchCarts({ data: { orderId: p.order.id } })).carts;
+    }
+    catch (err) {
+        reasons.push(err instanceof Error ? err.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: 0, failed: 1, reasons };
+    }
+    const cartTotal = engineCarts.length;
     const pickDateIso = p.planning?.pickAssignments?.[0]?.date?.toISOString?.().slice(0, 10) ??
         new Date().toISOString().slice(0, 10);
     const pakbonLines = lines.map((l) => ({
@@ -250,16 +302,21 @@ async function printPakbonnenVoorOrder(p, fetchLines) {
         unit: null,
     }));
     let printed = 0;
+    let skipped = 0;
     let failed = 0;
     for (let idx = 0; idx < cartTotal; idx++) {
-        const cartNumber = `${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`;
+        const engineCart = engineCarts[idx];
+        const cartNumber = `${p.order.orderNumber}-${String(engineCart.cartNumber).padStart(2, "0")}`;
         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")}`,
+                documentnaam: `PAK-${p.order.orderNumber}-${String(engineCart.cartNumber).padStart(2, "0")}`,
                 payload: {
+                    cart_id: engineCart.cartId,
+                    order_id: p.order.id,
+                    order_number: p.order.orderNumber,
                     order: {
                         id: p.order.id,
                         orderNumber: p.order.orderNumber,
@@ -274,17 +331,82 @@ async function printPakbonnenVoorOrder(p, fetchLines) {
                     },
                 },
             });
+            // printLayoutDocument geeft alleen een opdracht-id terug als de rij echt in de wachtrij staat.
             printed++;
         }
         catch (err) {
+            if (isDubbeleAanvraag(err)) {
+                skipped++;
+            }
+            else {
+                failed++;
+                reasons.push(`Pakbon ${cartNumber}: ${printFoutMelding(err)}`);
+                console.warn("[print-all] pakbon mislukt", cartNumber, err);
+            }
+        }
+    }
+    // Verzendbrief/afleverbrief van de order: eerst de layout die de Engine koppelt,
+    // anders de Floriday-brief als die er is.
+    try {
+        const keuze = await fetchShippingNoteLayout({});
+        if (keuze.layoutId) {
+            await printLayoutDocument({
+                documenttype: keuze.documenttype ?? "afleverbrief",
+                documentnaam: `AFL-${p.order.orderNumber}`,
+                layoutId: keuze.layoutId,
+                payload: {
+                    order: {
+                        id: p.order.id,
+                        orderNumber: p.order.orderNumber,
+                        customerName: p.order.customerName,
+                        country: p.order.country ?? null,
+                        deliveryDate: p.order.deliveryDate,
+                        cartIndex: 1,
+                        cartTotal,
+                        cartNumber: p.order.orderNumber,
+                    },
+                },
+            });
+            printed++;
+        }
+        else {
+            const { pdf } = await fetchDeliveryNote({ data: { orderRef: p.order.orderNumber } });
+            if (!pdf) {
+                skipped++;
+                reasons.push(`Verzendbrief ${p.order.orderNumber}: geen Engine-layout en geen Floriday-brief beschikbaar.`);
+            }
+            else {
+                await printPdfDocument({
+                    documenttype: "afleverbrief",
+                    documentnaam: `AFL-${p.order.orderNumber}`,
+                    pdfBase64: pdf.base64,
+                });
+                printed++;
+            }
+        }
+    }
+    catch (err) {
+        if (isDubbeleAanvraag(err)) {
+            skipped++;
+        }
+        else {
             failed++;
-            console.warn("[print-all] pakbon mislukt", cartNumber, err);
+            reasons.push(`Verzendbrief ${p.order.orderNumber}: ${printFoutMelding(err)}`);
+            console.warn("[print-all] verzendbrief mislukt", p.order.orderNumber, err);
         }
     }
-    return { printed, failed };
+    return { printed, skipped, failed, reasons };
 }
 /** 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,9 +414,13 @@ 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 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);
     const verzetOrders = orders.map((o) => ({
         ref: o.ref,
@@ -311,14 +437,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"],
@@ -336,22 +464,23 @@ function BufferGroup({ orders }) {
             return;
         setPrinting(true);
         let printed = 0;
+        let skipped = 0;
         let failed = 0;
+        const reasons = [];
         try {
             for (const o of orders) {
                 if (!o.planned) {
                     failed++;
+                    reasons.push(`${o.ref}: ordergegevens niet geladen op deze dag.`);
                     continue;
                 }
-                const res = await printPakbonnenVoorOrder(o.planned, fetchLines);
+                const res = await printDocumentenVoorOrder(o.planned, fetchLines, fetchCarts, fetchDeliveryNote, fetchShippingNoteLayout);
                 printed += res.printed;
+                skipped += res.skipped;
                 failed += res.failed;
+                reasons.push(...res.reasons);
             }
-            if (printed > 0) {
-                toast.success(`Documenten geprint — ${printed} pakbon${printed === 1 ? "" : "nen"}.`);
-            }
-            if (failed > 0)
-                toast.error(`${failed} pakbon kon niet worden geprint.`);
+            meldPrintUitkomst({ printed, skipped, failed, reasons });
         }
         catch (err) {
             toast.error(printFoutMelding(err));
@@ -360,7 +489,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((o) => shipState.get(refKey(o.ref))?.approvedAll) ? "Klaar voor verzending" : "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] ? _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 ? "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) })] }));
 }
 /** Bestelling die alleen de Engine kent; verdere ordergegevens ontbreken. */
 /** Knop "Afhandelen (verzonden)" — zet de bestelling in de orderadministratie op Verzonden. */
@@ -400,7 +529,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 +538,10 @@ 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 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 +553,7 @@ 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.`);
-            }
+            meldPrintUitkomst(await printDocumentenVoorOrder(p, fetchLines, fetchCarts, fetchDeliveryNote, fetchShippingNoteLayout));
         }
         catch (err) {
             toast.error(printFoutMelding(err));
@@ -437,7 +565,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 +573,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 ? _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 ? "Bezig…" : "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: {

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

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

@@ -5,7 +5,13 @@ 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);
@@ -44,7 +50,7 @@ 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) => _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"] })] })] }) })] }));
 }

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";

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 "../../components/ui/responsive-dialog";
+import { ResponsiveAlertDialogBody, ResponsiveAlertDialogContent, ResponsiveAlertDialogFooter, ResponsiveAlertDialogHeader, } from "../ui/responsive-dialog.js";
 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 "../../components/ui/responsive-dialog";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog.js";
 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/WerkplekWaarschuwing.d.ts

@@ -1,10 +1,10 @@
-/** Leest de ingestelde werkplek client-side (SSR-veilig). */
-export declare function useWerkplek(): string | null;
-/**
- * Eén melding bovenaan een printscherm zolang er geen werkplek is ingesteld.
- * Printknoppen zijn dan uitgeschakeld, zodat er geen fout per printactie komt.
- */
-export declare function WerkplekWaarschuwing({ werkplek }: {
-    werkplek: string | null;
-}): import("react").JSX.Element | null;
+/** Leest de ingestelde werkplek client-side (SSR-veilig). */
+export declare function useWerkplek(): string | null;
+/**
+ * Eén melding bovenaan een printscherm zolang er geen werkplek is ingesteld.
+ * Printknoppen zijn dan uitgeschakeld, zodat er geen fout per printactie komt.
+ */
+export declare function WerkplekWaarschuwing({ werkplek }: {
+    werkplek: string | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=WerkplekWaarschuwing.d.ts.map

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

@@ -1,28 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { AlertTriangle } from "lucide-react";
-import { getWerkplek } from "../../lib/printing";
-/** Leest de ingestelde werkplek client-side (SSR-veilig). */
-export function useWerkplek() {
-    const [werkplek, setWerkplekState] = useState(null);
-    useEffect(() => {
-        setWerkplekState(getWerkplek());
-        const onStorage = () => setWerkplekState(getWerkplek());
-        window.addEventListener("storage", onStorage);
-        window.addEventListener("focus", onStorage);
-        return () => {
-            window.removeEventListener("storage", onStorage);
-            window.removeEventListener("focus", onStorage);
-        };
-    }, []);
-    return werkplek;
-}
-/**
- * Eén melding bovenaan een printscherm zolang er geen werkplek is ingesteld.
- * Printknoppen zijn dan uitgeschakeld, zodat er geen fout per printactie komt.
- */
-export function WerkplekWaarschuwing({ werkplek }) {
-    if (werkplek)
-        return null;
-    return (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), _jsxs("div", { children: [_jsx("span", { className: "font-medium", children: "Geen werkplek ingesteld." }), " Printen is uitgeschakeld. Stel de werkplek (pickstation- of computernaam) in bij ", _jsx("strong", { children: "Instellingen" }), "."] })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AlertTriangle } from "lucide-react";
+import { getWerkplek } from "../../lib/printing";
+/** Leest de ingestelde werkplek client-side (SSR-veilig). */
+export function useWerkplek() {
+    const [werkplek, setWerkplekState] = useState(null);
+    useEffect(() => {
+        setWerkplekState(getWerkplek());
+        const onStorage = () => setWerkplekState(getWerkplek());
+        window.addEventListener("storage", onStorage);
+        window.addEventListener("focus", onStorage);
+        return () => {
+            window.removeEventListener("storage", onStorage);
+            window.removeEventListener("focus", onStorage);
+        };
+    }, []);
+    return werkplek;
+}
+/**
+ * Eén melding bovenaan een printscherm zolang er geen werkplek is ingesteld.
+ * Printknoppen zijn dan uitgeschakeld, zodat er geen fout per printactie komt.
+ */
+export function WerkplekWaarschuwing({ werkplek }) {
+    if (werkplek)
+        return null;
+    return (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), _jsxs("div", { children: [_jsx("span", { className: "font-medium", children: "Geen werkplek ingesteld." }), " Printen is uitgeschakeld. Stel de werkplek (pickstation- of computernaam) in bij ", _jsx("strong", { children: "Instellingen" }), "."] })] }));
+}

package/dist-lib/components/ui/responsive-dialog.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AlertDialogContent, AlertDialogFooter, AlertDialogHeader, DialogContent, DialogFooter, DialogHeader, } from "@flowselections/core";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const WIDTH_BY_SIZE = {
     sm: "min(40rem, calc(100vw - 2rem))",
     md: "min(48rem, calc(100vw - 2rem))",

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

@@ -14,4 +14,10 @@ export declare function useOrderBuffers(orderRefs: string[]): {
     bufferFor: (ref: string | null | undefined) => OrderBufferInfo | null;
     isLoading: boolean;
 };
+/** Alle orders van één buffer (koppeling op buffer-id), ook van andere dagen. */
+export declare function useBufferMembers(bufferId: string | null): import("@tanstack/react-query").UseQueryResult<{
+    id: string;
+    orderNumber: string;
+    status: string | null;
+}[], Error>;
 //# sourceMappingURL=useOrderBuffers.d.ts.map

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

@@ -1 +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"}
+{"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;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;QAMnB,MAAM;iBAAe,MAAM;YAAU,MAAM,GAAG,IAAI;YAYtF"}

package/dist-lib/hooks/useOrderBuffers.js

@@ -51,3 +51,24 @@ export function useOrderBuffers(orderRefs) {
         isLoading: query.isLoading,
     };
 }
+/** Alle orders van één buffer (koppeling op buffer-id), ook van andere dagen. */
+export function useBufferMembers(bufferId) {
+    return useQuery({
+        queryKey: ["order-buffers", "members", bufferId],
+        enabled: !!bufferId,
+        staleTime: 60000,
+        retry: false,
+        queryFn: async () => {
+            const { data, error } = await supabase
+                .from("orders")
+                .select("id, order_number, status")
+                .eq("buffer_id", bufferId)
+                .is("deleted_at", null);
+            if (error)
+                throw new Error(error.message);
+            return (data ?? [])
+                .filter((r) => !!r.order_number)
+                .map((r) => ({ id: r.id, orderNumber: r.order_number, status: r.status }));
+        },
+    });
+}