@flowselections/pick-schermen-kwekers 1.0.16 → 1.0.18

package/dist-lib/components/pick/PreviewDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewDialog.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PreviewDialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,+BAqFlE"}
+{"version":3,"file":"PreviewDialog.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PreviewDialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,+BAqGlE"}

package/dist-lib/components/pick/PreviewDialog.js

@@ -9,6 +9,7 @@ import { fetchPickPreview, PickPreviewError } from "../../lib/pickPreview";
  */
 export function PreviewDialog({ item, stationSlug, onClose }) {
     const [url, setUrl] = useState(null);
+    const [html, setHtml] = useState(null);
     const [bron, setBron] = useState(null);
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(false);
@@ -24,11 +25,19 @@ export function PreviewDialog({ item, stationSlug, onClose }) {
         setLoading(true);
         setError(null);
         setUrl(null);
+        setHtml(null);
         setBron(null);
         fetchPickPreview({ stationSlug, queueItemId: item.id, signal: controller.signal })
             .then((result) => {
-            objectUrl = result.url;
+            if (controller.signal.aborted) {
+                if (result.isObjectUrl && result.url)
+                    URL.revokeObjectURL(result.url);
+                return;
+            }
+            if (result.isObjectUrl)
+                objectUrl = result.url;
             setUrl(result.url);
+            setHtml(result.html);
             setBron(result.bron);
         })
             .catch((err) => {
@@ -48,5 +57,5 @@ export function PreviewDialog({ item, stationSlug, onClose }) {
                 URL.revokeObjectURL(objectUrl);
         };
     }, [item, stationSlug]);
-    return (_jsx(Dialog, { open: !!item, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { className: "max-w-3xl", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Voorbeeld ", item?.document_number ?? ""] }), _jsx(DialogDescription, { children: bron ? `Bron: ${bron}` : "Zo komt dit document uit de printer." })] }), loading && (_jsx("div", { className: "flex h-96 items-center justify-center", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) })), !loading && error && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/10 p-4", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsx("p", { className: "text-sm text-foreground", children: error })] })), !loading && !error && url && (_jsx("object", { data: url, type: "application/pdf", className: "h-[70vh] max-h-[70vh] w-full rounded-lg border", "aria-label": `Voorbeeld van ${item?.document_number ?? "document"}`, children: _jsxs("p", { className: "p-4 text-sm text-muted-foreground", children: ["Deze browser kan de PDF niet tonen.", " ", _jsx("a", { className: "underline", href: url, target: "_blank", rel: "noreferrer", children: "Openen in een nieuw tabblad" })] }) }))] }) }));
+    return (_jsx(Dialog, { open: !!item, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { className: "max-w-3xl", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Voorbeeld ", item?.document_number ?? ""] }), _jsx(DialogDescription, { children: bron ? `Bron: ${bron}` : "Zo komt dit document uit de printer." })] }), loading && (_jsx("div", { className: "flex h-96 items-center justify-center", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) })), !loading && error && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/10 p-4", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsx("p", { className: "text-sm text-foreground", children: error })] })), !loading && !error && url && (_jsx("object", { data: url, type: "application/pdf", className: "h-[70vh] max-h-[70vh] w-full rounded-lg border", "aria-label": `Voorbeeld van ${item?.document_number ?? "document"}`, children: _jsxs("p", { className: "p-4 text-sm text-muted-foreground", children: ["Deze browser kan de PDF niet tonen.", " ", _jsx("a", { className: "underline", href: url, target: "_blank", rel: "noreferrer", children: "Openen in een nieuw tabblad" })] }) })), !loading && !error && !url && html && (_jsx("iframe", { srcDoc: html, className: "h-[70vh] max-h-[70vh] w-full rounded-lg border bg-white", title: `Voorbeeld van ${item?.document_number ?? "document"}` }))] }) }));
 }

package/dist-lib/components/pick/QueueTable.d.ts

@@ -8,10 +8,13 @@ interface Props {
     busyId: string | null;
     onPick: (item: PickQueueItem) => void;
     onReprint?: (item: PickQueueItem) => void;
+    onPrintAll?: (item: PickQueueItem) => void;
+    onSelectPrinted?: (item: PickQueueItem) => void;
+    onMarkPrinted?: (item: PickQueueItem) => void;
     onPreview?: (item: PickQueueItem) => void;
     readOnly?: boolean;
     t?: PickTranslator;
 }
-export declare function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, onPreview, readOnly, t: translator, }: Props): import("react").JSX.Element;
+export declare function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, onPrintAll, onSelectPrinted, onMarkPrinted, onPreview, readOnly, t: translator, }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=QueueTable.d.ts.map

package/dist-lib/components/pick/QueueTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueueTable.d.ts","sourceRoot":"","sources":["../../../src/components/pick/QueueTable.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEvF,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE5E,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,CAAC,EAAE,cAAc,CAAC;CACpB;AASD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,CAAC,EAAE,UAAU,GACd,EAAE,KAAK,+BA4PP"}
+{"version":3,"file":"QueueTable.d.ts","sourceRoot":"","sources":["../../../src/components/pick/QueueTable.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEvF,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE5E,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,CAAC,EAAE,cAAc,CAAC;CACpB;AAqBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,eAAe,EACf,aAAa,EACb,SAAS,EAGT,QAAQ,EACR,CAAC,EAAE,UAAU,GACd,EAAE,KAAK,+BAuXP"}

package/dist-lib/components/pick/QueueTable.js

@@ -1,8 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Badge, Button, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
-import { AlertTriangle, Eye, Lock, Printer, RotateCcw } from "lucide-react";
-import { sinceLabel } from "../../lib/pickTypes";
+import { AlertTriangle, Check, Eye, Lock, Printer, RotateCcw } from "lucide-react";
+import { bufferOrdersOf, dedupeByUnit, displayCartColumn, displayCartCount, displayPageCount, sinceLabel, unitTitleOf } from "../../lib/pickTypes";
 import { getPickTranslator } from "../../lib/pickI18n";
+/**
+ * Uit hoeveel pakbonnen een order bestaat, is pas bekend nadat er geprint is.
+ * Vóór het printen blijft de kolom leeg in plaats van een aantal te beloven
+ * dat de Logistiek Engine nog kan wijzigen.
+ */
+function printedSlipCount(item) {
+    if (!item.printed_at)
+        return null;
+    const printed = Array.isArray(item.printed_cart_ids) ? item.printed_cart_ids.length : 0;
+    if (printed > 0)
+        return printed;
+    return displayCartCount(item.cart_count) ?? 1;
+}
 function priorityTone(priority, urgent) {
     if (urgent)
         return "bg-destructive text-destructive-foreground";
@@ -12,35 +25,88 @@ function priorityTone(priority, urgent) {
         return "bg-secondary text-secondary-foreground";
     return "bg-muted text-muted-foreground";
 }
-export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, onPreview, readOnly, t: translator, }) {
+export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, onPrintAll, onSelectPrinted, onMarkPrinted, onPreview, readOnly, t: translator, }) {
     const t = translator ?? getPickTranslator("nl");
-    const safeItems = Array.isArray(items) ? items : [];
+    // Nog te printen documenten altijd bovenaan; onderlinge volgorde blijft gelijk.
+    // Eén regel per eenheid: een bufferorder verschijnt nooit als losse orders.
+    const safeItems = dedupeByUnit(Array.isArray(items) ? items : [])
+        .map((item, index) => ({ item, index }))
+        .sort((a, b) => {
+        const aPrinted = a.item.printed_at ? 1 : 0;
+        const bPrinted = b.item.printed_at ? 1 : 0;
+        if (aPrinted !== bPrinted)
+            return aPrinted - bPrinted;
+        return a.index - b.index;
+    })
+        .map((entry) => entry.item);
     const docById = new Map((Array.isArray(documentTypes) ? documentTypes : []).map((d) => [d.id, d]));
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden overflow-x-auto rounded-lg border md:block", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t("document") }), _jsx(TableHead, { children: t("order") }), _jsx(TableHead, { children: t("customer") }), _jsx(TableHead, { className: "hidden lg:table-cell", children: t("deliveryAddress") }), _jsx(TableHead, { className: "text-right", children: t("lines") }), _jsx(TableHead, { className: "text-right", children: t("carts") }), _jsx(TableHead, { children: t("status") }), _jsx(TableHead, { children: t("priority") }), _jsx(TableHead, { children: t("announced") }), _jsx(TableHead, { children: t("waiting") }), _jsx(TableHead, { className: "text-right", children: t("action") })] }) }), _jsxs(TableBody, { children: [safeItems.map((item) => {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden overflow-x-auto rounded-lg border md:block", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t("document") }), _jsx(TableHead, { children: t("order") }), _jsx(TableHead, { children: t("customer") }), _jsx(TableHead, { className: "text-right", children: t("lines") }), _jsx(TableHead, { className: "text-right", children: "Karren" }), _jsx(TableHead, { className: "text-right", children: "Pakbonnen" }), _jsx(TableHead, { className: "text-right", children: t("page") }), _jsx(TableHead, { children: t("status") }), _jsx(TableHead, { children: t("priority") }), _jsx(TableHead, { children: t("announced") }), _jsx(TableHead, { children: t("waiting") }), _jsx(TableHead, { className: "text-right", children: t("action") })] }) }), _jsxs(TableBody, { children: [safeItems.map((item) => {
                                     const printed = !!item.printed_at;
                                     const locked = !printed && lockedIds.has(item.id);
                                     const doc = item.document_type_id ? docById.get(item.document_type_id) : undefined;
                                     const warnings = Array.isArray(item.warnings) ? item.warnings : [];
-                                    return (_jsxs(TableRow, { className: locked || printed ? "opacity-60" : undefined, children: [_jsxs(TableCell, { className: "font-medium", children: [_jsxs("div", { className: "flex items-center gap-2", children: [item.document_number, warnings.length > 0 && (_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive", "aria-label": t("warning") }))] }), _jsx("div", { className: "text-xs text-muted-foreground", children: doc?.name ?? "-" })] }), _jsx(TableCell, { children: item.order_number }), _jsx(TableCell, { children: item.customer_name }), _jsx(TableCell, { className: "hidden max-w-56 truncate lg:table-cell", children: item.delivery_address }), _jsx(TableCell, { className: "text-right", children: item.line_count }), _jsx(TableCell, { className: "text-right", children: item.cart_count }), _jsx(TableCell, { children: _jsx(Badge, { variant: printed ? "secondary" : "default", children: printed ? t("statusPrinted") : t("statusToPrint") }) }), _jsx(TableCell, { children: _jsx("span", { className: "rounded px-2 py-1 text-xs font-semibold " +
+                                    const selectable = !!onSelectPrinted && !readOnly && !locked;
+                                    return (_jsxs(TableRow, { tabIndex: selectable ? 0 : undefined, role: selectable ? "button" : undefined, "aria-label": selectable ? `Selecteer ${item.document_number}` : undefined, className: (locked || printed ? "opacity-60 " : "") + (selectable ? "cursor-pointer hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : ""), onClick: () => {
+                                            if (selectable)
+                                                onSelectPrinted?.(item);
+                                        }, onKeyDown: (event) => {
+                                            if (selectable && (event.key === "Enter" || event.key === " ")) {
+                                                event.preventDefault();
+                                                onSelectPrinted?.(item);
+                                            }
+                                        }, children: [_jsxs(TableCell, { className: "font-medium", children: [_jsxs("div", { className: "flex items-center gap-2", children: [unitTitleOf(item), warnings.length > 0 && (_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive", "aria-label": t("warning") }))] }), _jsx("div", { className: "text-xs text-muted-foreground", children: doc?.name ?? "-" })] }), _jsx(TableCell, { children: bufferOrdersOf(item).length > 0 ? "" : item.order_number }), _jsx(TableCell, { children: item.customer_name }), _jsx(TableCell, { className: "text-right", children: item.line_count }), _jsx(TableCell, { className: "text-right", children: displayCartColumn(item) }), _jsx(TableCell, { className: "text-right", children: printedSlipCount(item) ?? "—" }), _jsx(TableCell, { className: "text-right", children: displayPageCount(item.line_count) }), _jsxs(TableCell, { children: [_jsx(Badge, { variant: printed ? "secondary" : "default", children: printed ? t("statusPrinted") : t("statusToPrint") }), printed && (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: new Date(item.printed_at).toLocaleTimeString([], {
+                                                            hour: "2-digit",
+                                                            minute: "2-digit",
+                                                        }) }))] }), _jsx(TableCell, { children: _jsx("span", { className: "rounded px-2 py-1 text-xs font-semibold " +
                                                         priorityTone(item.priority, item.is_urgent), children: item.is_urgent ? t("urgent") : item.priority }) }), _jsx(TableCell, { className: "whitespace-nowrap text-sm", children: new Date(item.announced_at).toLocaleTimeString(t.locale, {
                                                     hour: "2-digit",
                                                     minute: "2-digit",
                                                 }) }), _jsx(TableCell, { className: "whitespace-nowrap text-sm", children: sinceLabel(item.announced_at) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [onPreview && (_jsx("button", { type: "button", "aria-label": "Voorbeeld " + item.document_number, title: "Voorbeeld " + item.document_number, className: "inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground", onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 onPreview(item);
-                                                            }, children: _jsx(Eye, { className: "h-5 w-5" }) })), printed ? (_jsxs(Button, { size: "sm", variant: "ghost", disabled: readOnly || busyId === item.id, onClick: () => (onReprint ?? onPick)(item), children: [_jsx(RotateCcw, { className: "mr-1 h-4 w-4" }), t("print")] })) : locked ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Lock, { className: "h-3.5 w-3.5" }), " ", t("inProgress")] })) : (_jsxs(Button, { size: "sm", variant: "outline", disabled: readOnly || busyId === item.id, onClick: () => onPick(item), children: [_jsx(Printer, { className: "mr-1 h-4 w-4" }), t("print")] }))] }) })] }, item.id));
+                                                            }, children: _jsx(Eye, { className: "h-5 w-5" }) })), !printed && onMarkPrinted && (_jsx("button", { type: "button", "aria-label": "Markeer " + item.document_number + " als geprint", title: "Markeer als geprint (zonder opnieuw printen)", disabled: readOnly || busyId === item.id, className: "inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50", onClick: (e) => {
+                                                                e.stopPropagation();
+                                                                onMarkPrinted(item);
+                                                            }, children: _jsx(Check, { className: "h-5 w-5" }) })), printed ? (_jsxs(Button, { size: "sm", variant: "ghost", disabled: readOnly || busyId === item.id, onClick: (e) => {
+                                                                e.stopPropagation();
+                                                                (onPrintAll ?? onReprint ?? onPick)(item);
+                                                            }, children: [_jsx(RotateCcw, { className: "mr-1 h-4 w-4" }), t("print")] })) : locked ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Lock, { className: "h-3.5 w-3.5" }), " ", t("inProgress")] })) : (_jsxs(Button, { size: "sm", variant: "outline", disabled: readOnly || busyId === item.id, onClick: (e) => {
+                                                                e.stopPropagation();
+                                                                (onPrintAll ?? onPick)(item);
+                                                            }, children: [_jsx(Printer, { className: "mr-1 h-4 w-4" }), t("print")] }))] }) })] }, item.id));
                                 }), safeItems.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 11, className: "py-10 text-center text-muted-foreground", children: t("emptyQueue") }) }))] })] }) }), _jsxs("div", { className: "space-y-3 md:hidden", children: [safeItems.map((item) => {
                         const printed = !!item.printed_at;
                         const locked = !printed && lockedIds.has(item.id);
                         const doc = item.document_type_id ? docById.get(item.document_type_id) : undefined;
                         const warnings = Array.isArray(item.warnings) ? item.warnings : [];
-                        return (_jsxs("div", { className: "rounded-lg border bg-card p-4 " + (locked || printed ? "opacity-60" : ""), children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate text-lg font-bold text-foreground", children: item.document_number }), warnings.length > 0 && (_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-destructive", "aria-label": t("warning") }))] }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: doc?.name ?? "-" })] }), _jsxs("div", { className: "flex shrink-0 items-start gap-1", children: [onPreview && (_jsx("button", { type: "button", "aria-label": "Voorbeeld " + item.document_number, title: "Voorbeeld " + item.document_number, className: "inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground", onClick: (e) => {
+                        const selectable = !!onSelectPrinted && !readOnly && !locked;
+                        return (_jsxs("div", { tabIndex: selectable ? 0 : undefined, role: selectable ? "button" : undefined, "aria-label": selectable ? `Selecteer ${item.document_number}` : undefined, className: "rounded-lg border bg-card p-4 " + (locked || printed ? "opacity-60 " : "") + (selectable ? "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : ""), onClick: () => {
+                                if (selectable)
+                                    onSelectPrinted?.(item);
+                            }, onKeyDown: (event) => {
+                                if (selectable && (event.key === "Enter" || event.key === " ")) {
+                                    event.preventDefault();
+                                    onSelectPrinted?.(item);
+                                }
+                            }, children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate text-lg font-bold text-foreground", children: unitTitleOf(item) }), warnings.length > 0 && (_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-destructive", "aria-label": t("warning") }))] }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: doc?.name ?? "-" })] }), _jsxs("div", { className: "flex shrink-0 items-start gap-1", children: [onPreview && (_jsx("button", { type: "button", "aria-label": "Voorbeeld " + item.document_number, title: "Voorbeeld " + item.document_number, className: "inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground", onClick: (e) => {
                                                         e.stopPropagation();
                                                         onPreview(item);
-                                                    }, children: _jsx(Eye, { className: "h-5 w-5" }) })), _jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [_jsx(Badge, { variant: printed ? "secondary" : "default", children: printed ? t("statusPrinted") : t("statusToPrint") }), _jsx("span", { className: "rounded px-2 py-0.5 text-xs font-semibold " +
-                                                                priorityTone(item.priority, item.is_urgent), children: item.is_urgent ? t("urgent") : item.priority })] })] })] }), _jsxs("div", { className: "mt-2 min-w-0 space-y-0.5 text-sm", children: [_jsx("p", { className: "truncate text-foreground", children: item.order_number }), _jsx("p", { className: "truncate text-muted-foreground", children: item.customer_name }), item.delivery_address && (_jsx("p", { className: "truncate text-xs text-muted-foreground", children: item.delivery_address }))] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { children: [t("lines"), ": ", item.line_count] }), _jsxs("span", { children: [t("carts"), ": ", item.cart_count] }), _jsxs("span", { children: [t("announced"), ":", " ", new Date(item.announced_at).toLocaleTimeString(t.locale, {
+                                                    }, children: _jsx(Eye, { className: "h-5 w-5" }) })), _jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [_jsx(Badge, { variant: printed ? "secondary" : "default", children: printed ? t("statusPrinted") : t("statusToPrint") }), printed && (_jsx("span", { className: "text-xs text-muted-foreground", children: new Date(item.printed_at).toLocaleTimeString([], {
+                                                                hour: "2-digit",
+                                                                minute: "2-digit",
+                                                            }) })), _jsx("span", { className: "rounded px-2 py-0.5 text-xs font-semibold " +
+                                                                priorityTone(item.priority, item.is_urgent), children: item.is_urgent ? t("urgent") : item.priority })] })] })] }), _jsxs("div", { className: "mt-2 min-w-0 space-y-0.5 text-sm", children: [bufferOrdersOf(item).length > 0 ? null : (_jsx("p", { className: "truncate text-foreground", children: item.order_number })), _jsx("p", { className: "truncate text-muted-foreground", children: item.customer_name })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { children: [t("lines"), ": ", item.line_count] }), _jsxs("span", { children: ["Karren: ", displayCartColumn(item)] }), _jsxs("span", { children: ["Pakbonnen: ", printedSlipCount(item) ?? "—"] }), _jsxs("span", { children: [t("page"), ": ", displayPageCount(item.line_count)] }), _jsxs("span", { children: [t("announced"), ":", " ", new Date(item.announced_at).toLocaleTimeString(t.locale, {
                                                     hour: "2-digit",
                                                     minute: "2-digit",
-                                                })] }), _jsxs("span", { children: [t("waiting"), ": ", sinceLabel(item.announced_at)] })] }), _jsx("div", { className: "mt-3", children: printed ? (_jsxs(Button, { size: "lg", variant: "outline", className: "h-12 w-full", disabled: readOnly || busyId === item.id, onClick: () => (onReprint ?? onPick)(item), children: [_jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), t("print")] })) : locked ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Lock, { className: "h-3.5 w-3.5" }), " ", t("inProgress")] })) : (_jsxs(Button, { size: "lg", className: "h-12 w-full", disabled: readOnly || busyId === item.id, onClick: () => onPick(item), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), t("print")] })) })] }, item.id));
+                                                })] }), _jsxs("span", { children: [t("waiting"), ": ", sinceLabel(item.announced_at)] })] }), _jsxs("div", { className: "mt-3", children: [printed ? (_jsxs(Button, { size: "lg", variant: "outline", className: "h-12 w-full", disabled: readOnly || busyId === item.id, onClick: (e) => {
+                                                e.stopPropagation();
+                                                (onPrintAll ?? onReprint ?? onPick)(item);
+                                            }, children: [_jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), t("print")] })) : locked ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Lock, { className: "h-3.5 w-3.5" }), " ", t("inProgress")] })) : (_jsxs(Button, { size: "lg", className: "h-12 w-full", disabled: readOnly || busyId === item.id, onClick: (e) => {
+                                                e.stopPropagation();
+                                                (onPrintAll ?? onPick)(item);
+                                            }, children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), t("print")] })), !printed && onMarkPrinted && (_jsxs(Button, { size: "sm", variant: "ghost", className: "mt-2 w-full", disabled: readOnly || busyId === item.id, onClick: (e) => {
+                                                e.stopPropagation();
+                                                onMarkPrinted(item);
+                                            }, children: [_jsx(Check, { className: "mr-2 h-4 w-4" }), "Markeer als geprint"] }))] })] }, item.id));
                     }), safeItems.length === 0 && (_jsx("div", { className: "rounded-lg border py-10 text-center text-muted-foreground", children: t("emptyQueue") }))] })] }));
 }

package/dist-lib/components/pick/ShippingNoteScan.d.ts

@@ -0,0 +1,15 @@
+interface Props {
+    stationId: string | null;
+    /** Wordt aangeroepen met het nummer van de aangemaakte printopdracht. */
+    onJobCreated?: (args: {
+        jobId: string;
+        label: string | null;
+    }) => void;
+}
+/**
+ * Pakbon scannen -> verzendbrief. De module zoekt eerst op (leest alleen) en
+ * maakt pas na een expliciete bevestiging een verzendbrief aan via de Engine.
+ */
+export declare function ShippingNoteScan({ stationId, onJobCreated }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ShippingNoteScan.d.ts.map

package/dist-lib/components/pick/ShippingNoteScan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingNoteScan.d.ts","sourceRoot":"","sources":["../../../src/components/pick/ShippingNoteScan.tsx"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,+BA0LlE"}

package/dist-lib/components/pick/ShippingNoteScan.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Badge, Button, Card, CardContent, Input, toast } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, Loader2, ScanLine } from "lucide-react";
+import { createShippingNote, lookupBarcode, } from "../../lib/shippingNote";
+/**
+ * Pakbon scannen -> verzendbrief. De module zoekt eerst op (leest alleen) en
+ * maakt pas na een expliciete bevestiging een verzendbrief aan via de Engine.
+ */
+export function ShippingNoteScan({ stationId, onJobCreated }) {
+    const [code, setCode] = useState("");
+    const [busy, setBusy] = useState(false);
+    const [found, setFound] = useState(null);
+    const [notice, setNotice] = useState(null);
+    const [reprintNotice, setReprintNotice] = useState(null);
+    const [warning, setWarning] = useState(null);
+    const reset = useCallback(() => {
+        setFound(null);
+        setReprintNotice(null);
+        setWarning(null);
+    }, []);
+    const handleLookup = useCallback(async (raw) => {
+        const barcode = raw.trim();
+        if (!barcode)
+            return;
+        setBusy(true);
+        reset();
+        setNotice(null);
+        try {
+            const lookup = await lookupBarcode(barcode);
+            if (!lookup.ok) {
+                // De RPC levert een kant-en-klare melding; die tonen we letterlijk.
+                setNotice(lookup.error ?? "De barcode kon niet worden opgezocht.");
+                return;
+            }
+            setFound({ barcode, lookup });
+            setCode("");
+        }
+        catch (e) {
+            setNotice(e instanceof Error ? e.message : "De barcode kon niet worden opgezocht.");
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [reset]);
+    const handleConfirm = useCallback(async (allowReprint) => {
+        if (!found)
+            return;
+        setBusy(true);
+        setWarning(null);
+        try {
+            const result = await createShippingNote({
+                barcode: found.barcode,
+                allowReprint,
+                stationId,
+            });
+            if (!result.ok) {
+                if (result.errorCode === "al_geprint") {
+                    setReprintNotice(result.error ?? "Er is al een verzendbrief voor deze kar gemaakt.");
+                    return;
+                }
+                setNotice(result.error ?? "De verzendbrief kon niet worden klaargezet.");
+                reset();
+                return;
+            }
+            if (result.warning)
+                setWarning(result.warning);
+            toast.success("Verzendbrief staat klaar bij de printer.");
+            if (result.printJobId) {
+                onJobCreated?.({ jobId: result.printJobId, label: found.lookup.cart?.cartLabel ?? null });
+            }
+            setFound(null);
+            setReprintNotice(null);
+        }
+        catch (e) {
+            setNotice(e instanceof Error ? e.message : "De verzendbrief kon niet worden klaargezet.");
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [found, stationId, onJobCreated, reset]);
+    const cart = found?.lookup.cart ?? null;
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "space-y-3 p-3 sm:p-4", children: [_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Verzendbrief \u00B7 pakbon scannen" }), _jsxs("div", { className: "relative w-full min-w-0 sm:w-72", children: [_jsx(ScanLine, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "h-12 pl-9 text-base", placeholder: "Barcode van de pakbon", value: code, disabled: busy, onChange: (e) => setCode(e.target.value), onKeyDown: (e) => {
+                                        if (e.key !== "Enter")
+                                            return;
+                                        e.preventDefault();
+                                        void handleLookup(code);
+                                    } })] })] }), notice && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: notice })] })), warning && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border p-3 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: warning })] })), found && (_jsxs("div", { className: "rounded-md border-2 border-primary/40 bg-muted/20 p-3 sm:p-4", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-lg font-bold text-foreground", children: found.lookup.orderNumber ?? "Order" }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [found.lookup.customerName, cart?.cartLabel].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [cart?.slipVariant && _jsx(Badge, { variant: "outline", children: cart.slipVariant }), cart?.barcode && _jsx(Badge, { variant: "outline", children: cart.barcode }), found.lookup.alreadyPrinted && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: ["Al geprint (", found.lookup.printCount, ")"] }))] })] }), _jsx("div", { className: "mt-3 divide-y rounded-md border bg-background", children: cart && cart.items.length > 0 ? (cart.items.map((item, index) => (_jsxs("div", { className: "flex items-center justify-between gap-3 p-3", children: [_jsx("span", { className: "min-w-0 truncate text-sm text-foreground", children: item.productName }), _jsx("span", { className: "shrink-0 text-sm font-semibold text-foreground", children: item.quantity ?? 0 })] }, `${item.productName}-${index}`)))) : (_jsx("p", { className: "p-3 text-sm text-muted-foreground", children: "Geen regels bij deze kar." })) }), reprintNotice && (_jsxs("div", { className: "mt-3 flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: reprintNotice })] })), _jsxs("div", { className: "mt-3 flex flex-col gap-2 sm:flex-row sm:justify-end", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: reset, disabled: busy, children: "Annuleren" }), _jsxs(Button, { size: "lg", className: "h-12 w-full sm:w-auto", onClick: () => void handleConfirm(reprintNotice !== null), disabled: busy, children: [busy ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(CheckCircle2, { className: "mr-2 h-5 w-5" })), reprintNotice ? "Toch opnieuw printen" : "Verzendbrief klaarzetten"] })] })] }))] }) }));
+}

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

@@ -20,6 +20,8 @@ export declare function usePickQueue(args: {
     screenId?: string;
     filters: QueueFilters;
     enabled?: boolean;
+    /** Handmatig gekozen pickdag (YYYY-MM-DD). Leeg = de dag van de Engine. */
+    pickDayOverride?: string | null;
 }): {
     items: PickQueueItem[];
     total: number;
@@ -41,4 +43,9 @@ export declare function usePickCountryCounts(args: {
     stationId?: string;
     screenId?: string;
 }): import("@tanstack/react-query").UseQueryResult<NoInfer<Record<string, number>>, Error>;
+/** Pickdagen waarop nog orders klaarstaan (vandaag en later). */
+export declare function usePickDays(enabled?: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<{
+    day: string;
+    orders: number;
+}[]>, Error>;
 //# sourceMappingURL=usePickQueue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;;;;;;;EA6IA;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,0FAOnF"}
+{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;;;;;;EAoJA;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,0FAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;aAQzC"}

package/dist-lib/hooks/usePickQueue.js

@@ -18,13 +18,21 @@ export const defaultFilters = {
  */
 export function usePickQueue(args) {
     const queryClient = useQueryClient();
-    const { stationId, screenId, filters } = args;
+    const { stationId, screenId, filters, pickDayOverride } = args;
     const enabled = args.enabled !== false;
     const syncQuery = useQuery({
         queryKey: ["pick", "sync"],
         enabled,
         queryFn: async () => {
             await pickApi.syncQueue();
+            // Bewaking: orders zonder karplan meteen bij de Engine melden. Mislukt
+            // dit, dan mag de wachtrij daar niet op stuklopen.
+            try {
+                await pickApi.reportMissingCartPlans();
+            }
+            catch {
+                /* bewaking is aanvullend, nooit blokkerend */
+            }
             return Date.now();
         },
         staleTime: 60000,
@@ -37,7 +45,7 @@ export function usePickQueue(args) {
         queryFn: () => pickApi.currentPickDay(),
         staleTime: 30000,
     });
-    const pickDay = pickDayQuery.data ?? null;
+    const pickDay = pickDayOverride ?? pickDayQuery.data ?? null;
     // Na een geslaagde synchronisatie opnieuw pickdag, wachtrij en tellers laden.
     useEffect(() => {
         if (syncQuery.data === undefined)
@@ -171,3 +179,13 @@ export function usePickCountryCounts(args) {
         refetchInterval: 20000,
     });
 }
+/** Pickdagen waarop nog orders klaarstaan (vandaag en later). */
+export function usePickDays(enabled = true) {
+    return useQuery({
+        queryKey: ["pick", "pickDays"],
+        enabled,
+        queryFn: () => pickApi.availablePickDays(),
+        staleTime: 60000,
+        refetchInterval: 120000,
+    });
+}

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

@@ -1,8 +1,11 @@
 import type { PickPrintJob } from "../lib/pickTypes";
+import type { PickBatchPrintJob } from "../lib/pickApi";
 export interface TrackedPrintJob {
     jobId: string;
     queueItemId: string;
     documentNumber: string | null;
+    cartId: string | null;
+    cartLabel: string | null;
     job: PickPrintJob | null;
 }
 /**
@@ -16,7 +19,27 @@ export declare function usePrintJob(): {
         jobId: string;
         queueItemId: string;
         documentNumber: string | null;
+        cartId?: string | null;
+        cartLabel?: string | null;
     }) => void;
     clear: () => void;
 };
+export interface TrackedPrintBatchJob extends PickBatchPrintJob {
+    job: PickPrintJob | null;
+}
+export interface TrackedPrintBatch {
+    queueItemId: string;
+    documentNumber: string | null;
+    jobs: TrackedPrintBatchJob[];
+}
+/** Volgt alle opdrachten van één order via één realtime-kanaal en één terugvalpoll. */
+export declare function usePrintBatch(): {
+    batch: TrackedPrintBatch | null;
+    trackBatch: (args: {
+        queueItemId: string;
+        documentNumber: string | null;
+        jobs: PickBatchPrintJob[];
+    }) => void;
+    clearBatch: () => void;
+};
 //# sourceMappingURL=usePrintJob.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePrintJob.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrintJob.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,GAAG,EAAE,YAAY,GAAG,IAAI,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,WAAW;;kBAKhB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE;;EA2D/E"}
+{"version":3,"file":"usePrintJob.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrintJob.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,GAAG,EAAE,YAAY,GAAG,IAAI,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,WAAW;;kBAKhB;QACL,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC3B;;EAgEJ;AAED,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,GAAG,EAAE,YAAY,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,IAAI,EAAE,oBAAoB,EAAE,CAAC;CAC9B;AAED,uFAAuF;AACvF,wBAAgB,aAAa;;uBAIW;QACpC,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,IAAI,EAAE,iBAAiB,EAAE,CAAC;KAC3B;;EA2EF"}

package/dist-lib/hooks/usePrintJob.js

@@ -10,7 +10,12 @@ export function usePrintJob() {
     const jobIdRef = useRef(null);
     const track = useCallback((args) => {
         jobIdRef.current = args.jobId;
-        setTracked({ ...args, job: null });
+        setTracked({
+            ...args,
+            cartId: args.cartId ?? null,
+            cartLabel: args.cartLabel ?? null,
+            job: null,
+        });
     }, []);
     const clear = useCallback(() => {
         jobIdRef.current = null;
@@ -57,3 +62,80 @@ export function usePrintJob() {
     }, [jobId]);
     return { tracked, track, clear };
 }
+/** Volgt alle opdrachten van één order via één realtime-kanaal en één terugvalpoll. */
+export function usePrintBatch() {
+    const [batch, setBatch] = useState(null);
+    const batchRef = useRef(null);
+    const trackBatch = useCallback((args) => {
+        const next = { ...args, jobs: args.jobs.map((job) => ({ ...job, job: null })) };
+        batchRef.current = next;
+        setBatch(next);
+    }, []);
+    const clearBatch = useCallback(() => {
+        batchRef.current = null;
+        setBatch(null);
+    }, []);
+    const batchKey = batch?.jobs.map((entry) => entry.jobId).join(",") ?? "";
+    useEffect(() => {
+        if (!batchKey)
+            return;
+        const channelSeed = batchRef.current?.jobs[0]?.jobId ?? "unknown";
+        const jobIds = batchKey.split(",").filter(Boolean);
+        const jobIdSet = new Set(jobIds);
+        let stopped = false;
+        let timer = null;
+        const read = async () => {
+            const current = batchRef.current;
+            if (!current)
+                return;
+            let statuses;
+            try {
+                statuses = await pickApi.printJobsStatus(jobIds);
+            }
+            catch {
+                return;
+            }
+            if (stopped || batchRef.current !== current)
+                return;
+            const statusesById = new Map(statuses.map((status) => [status.id, status]));
+            const next = {
+                ...current,
+                // Geannuleerde opdrachten (bijv. van een meelopend bufferlid) verdwijnen direct.
+                jobs: current.jobs
+                    .map((entry) => ({
+                    ...entry,
+                    job: statusesById.get(entry.jobId) ?? entry.job,
+                }))
+                    .filter((entry) => entry.job?.status !== "geannuleerd"),
+            };
+            batchRef.current = next;
+            setBatch(next);
+            if (next.jobs.every((entry) => entry.job && ["voltooid", "mislukt", "geannuleerd"].includes(entry.job.status)) && timer !== null) {
+                window.clearInterval(timer);
+                timer = null;
+            }
+        };
+        void read();
+        timer = window.setInterval(read, 10000);
+        const channel = pickDb
+            .channel(`print_batch_${channelSeed}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "print_jobs",
+            filter: `id=in.(${jobIds.join(",")})`,
+        }, (payload) => {
+            const changedId = payload.new?.id ?? payload.old?.id;
+            if (changedId && jobIdSet.has(changedId))
+                void read();
+        })
+            .subscribe();
+        return () => {
+            stopped = true;
+            if (timer !== null)
+                window.clearInterval(timer);
+            pickDb.removeChannel(channel);
+        };
+    }, [batchKey]);
+    return { batch, trackBatch, clearBatch };
+}

package/dist-lib/index.d.ts

@@ -12,6 +12,8 @@ export * from './hooks/usePickQueue';
 export { LanguageTiles } from './components/pick/LanguageTiles';
 export * from './lib/pickI18n';
 export { QueueTable } from './components/pick/QueueTable';
+export { ShippingNoteScan } from './components/pick/ShippingNoteScan';
+export * from './lib/shippingNote';
 export { PickScherm } from './components/pick/PickScherm';
 export { PickstationsPage } from './components/PickstationsPage';
 export { PickPublicPage } from './components/PickPublicPage';

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC9F,OAAO,EAAE,gCAAgC,EAAE,MAAM,wDAAwD,CAAC;AAC1G,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAE9E,eAAO,MAAM,kBAAkB,EAAE,UAYhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC9F,OAAO,EAAE,gCAAgC,EAAE,MAAM,wDAAwD,CAAC;AAC1G,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAE9E,eAAO,MAAM,kBAAkB,EAAE,UAYhC,CAAC"}

package/dist-lib/index.js

@@ -28,6 +28,8 @@ export * from './hooks/usePickQueue';
 export { LanguageTiles } from './components/pick/LanguageTiles';
 export * from './lib/pickI18n';
 export { QueueTable } from './components/pick/QueueTable';
+export { ShippingNoteScan } from './components/pick/ShippingNoteScan';
+export * from './lib/shippingNote';
 export { PickScherm } from './components/pick/PickScherm';
 export { PickstationsPage } from './components/PickstationsPage';
 export { PickPublicPage } from './components/PickPublicPage';