@flowselections/pick-schermen-kwekers 1.0.41 → 1.0.46

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

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MARK_PRINTED_CONFIRM, departureOf } from "../../lib/pick144";
+import { crateLabelOf, departureLabel } from "../../lib/pick145";
 import { Badge, Button, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
 import { AlertTriangle, Check, Eye, Loader2, Lock, Printer, RefreshCw, RotateCcw } from "lucide-react";
-import { bufferOrdersOf, cartColumnInfo, comparePickQueue, dedupeByUnit, displayCartCount, displayPageCount, sinceLabel, unitTitleOf } from "../../lib/pickTypes";
+import { cartColumnInfo, comparePickQueue, dedupeByUnit, displayCartCount, displayPageCount, sinceLabel, unitTitleOf } from "../../lib/pickTypes";
 import { duplicateNameTag } from "../../lib/pickRowState";
+import { CART_PLAN_MISMATCH_MESSAGE, orderNumbersLabel } from "../../lib/pick142";
+import { isRowPrintable, rowWaitMessage, rowWaitOf } from "../../lib/pick143";
 import { getPickTranslator } from "../../lib/pickI18n";
 import { parseSentElsewhere } from "../../lib/pickApi";
 import { sentElsewhereMessage } from "../../lib/pickCartResults";
@@ -30,6 +34,30 @@ function printedSlipCount(item) {
         return printed;
     return displayCartCount(item.cart_count) ?? 1;
 }
+/** Kar die nu niet geprint mag worden: karindeling klopt niet, of deelkar wacht. */
+function blockedMessage(r, timeZone, item) {
+    if (r?.mismatch)
+        return CART_PLAN_MISMATCH_MESSAGE;
+    if (r?.notStarted)
+        return r.notStarted;
+    const wait = item ? rowWaitOf(item.payload) : null;
+    if (wait && !wait.printable)
+        return rowWaitMessage(wait, timeZone);
+    if (r?.notPrintable || r?.waitUntil)
+        return rowWaitMessage({ printable: false, until: r.waitUntil ?? null, reason: null }, timeZone);
+    return null;
+}
+/** Vier stappen per kar; alleen wat echt bekend is, wordt als gedaan getoond. */
+function CartSteps({ printed, waiting }) {
+    const steps = [
+        { label: "Printen", done: printed },
+        { label: "Bij printer", done: printed && !waiting },
+        { label: "Gescand", done: false },
+        { label: "Gemeld bij Floriday", done: false },
+    ];
+    return (_jsx("ol", { className: "mt-3 flex flex-wrap items-center gap-1 text-xs", children: steps.map((step, i) => (_jsxs("li", { className: "flex items-center gap-1", children: [_jsx("span", { className: "rounded-full px-2 py-0.5 font-medium " +
+                        (step.done ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"), children: step.label }), i < steps.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "\u2192" })] }, step.label))) }));
+}
 function priorityTone(priority, urgent) {
     if (urgent)
         return "bg-destructive text-destructive-foreground";
@@ -39,7 +67,7 @@ function priorityTone(priority, urgent) {
         return "bg-secondary text-secondary-foreground";
     return "bg-muted text-muted-foreground";
 }
-export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, readinessById, waitingIds, onPick, onReprint, onPrintAll, onSelectPrinted, onMarkPrinted, onPreview, readOnly, t: translator, }) {
+export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, readinessById, waitingIds, onPick, onReprint, onPrintAll, onSelectPrinted, onMarkPrinted, onPreview, readOnly, t: translator, siteTimeZone = null, pickDay = null, }) {
     const t = translator ?? getPickTranslator("nl");
     // Volgorde identiek aan de keuze van "volgende uitprinten" (zie
     // comparePickQueue): niet-geprinte regels bovenaan, en bij gelijke stand op
@@ -50,7 +78,7 @@ export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId,
         .slice()
         .sort(comparePickQueue);
     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: "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) => {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden overflow-x-auto rounded-lg border min-[1100px]: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: "sticky right-0 z-10 bg-background text-right shadow-[-8px_0_8px_-8px_hsl(var(--border))]", children: t("action") })] }) }), _jsxs(TableBody, { children: [safeItems.map((item) => {
                                     const printed = !!item.printed_at;
                                     const readiness = readinessById[item.id];
                                     const checking = !readiness || readiness.checking;
@@ -62,7 +90,7 @@ export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId,
                                     const doc = item.document_type_id ? docById.get(item.document_type_id) : undefined;
                                     const warnings = Array.isArray(item.warnings) ? item.warnings : [];
                                     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: () => {
+                                    return (_jsxs(TableRow, { tabIndex: selectable ? 0 : undefined, role: selectable ? "button" : undefined, "aria-label": selectable ? `Selecteer ${item.document_number}` : undefined, className: (locked || printed || !isRowPrintable(item) ? "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) => {
@@ -70,7 +98,7 @@ export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId,
                                                 event.preventDefault();
                                                 onSelectPrinted?.(item);
                                             }
-                                        }, children: [_jsxs(TableCell, { className: "font-medium", children: [_jsxs("div", { className: "flex items-center gap-2", children: [unitTitleOf(item), dupTag && _jsxs("span", { className: "text-xs font-normal text-muted-foreground", children: ["(", dupTag, ")"] }), replaced && (_jsx("span", { className: "rounded bg-destructive/10 px-1.5 py-0.5 text-xs font-semibold text-destructive", title: readiness?.reason ?? undefined, children: "Vervangen" })), replaced && readiness?.reason && (_jsx("span", { className: "text-xs font-normal text-destructive", children: readiness.reason })), waiting && (_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs font-semibold text-muted-foreground", children: "Wacht op printer" })), sentElsewhereLines(item).map((line) => (_jsx("span", { className: "text-xs font-normal text-muted-foreground", children: line }, line))), 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: (() => {
+                                        }, children: [_jsxs(TableCell, { className: "font-medium", children: [_jsxs("div", { className: "flex items-center gap-2", children: [unitTitleOf(item), dupTag && _jsxs("span", { className: "text-xs font-normal text-muted-foreground", children: ["(", dupTag, ")"] }), replaced && (_jsx("span", { className: "rounded bg-destructive/10 px-1.5 py-0.5 text-xs font-semibold text-destructive", title: readiness?.reason ?? undefined, children: "Vervangen" })), replaced && readiness?.reason && (_jsx("span", { className: "text-xs font-normal text-destructive", children: readiness.reason })), waiting && (_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs font-semibold text-muted-foreground", children: "Wacht op printer" })), sentElsewhereLines(item).map((line) => (_jsx("span", { className: "text-xs font-normal text-muted-foreground", children: line }, line))), 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: orderNumbersLabel(item) }), _jsx(TableCell, { children: item.customer_name }), _jsx(TableCell, { className: "text-right", children: item.line_count }), _jsx(TableCell, { className: "text-right", children: (() => {
                                                     const info = cartColumnInfo(item);
                                                     return (_jsxs("div", { className: "flex flex-col items-end", children: [_jsx("span", { children: info.carts }), info.cartLabel && (_jsx("span", { className: "text-xs text-muted-foreground", children: info.cartLabel })), info.reason && (_jsx("span", { className: "text-xs text-muted-foreground", children: info.reason }))] }));
                                                 })() }), _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([], {
@@ -80,20 +108,21 @@ export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId,
                                                         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) => {
+                                                }) }), _jsx(TableCell, { className: "whitespace-nowrap text-sm", children: sinceLabel(item.announced_at) }), _jsx(TableCell, { className: "sticky right-0 z-10 bg-background text-right shadow-[-8px_0_8px_-8px_hsl(var(--border))]", 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 && 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 || checking || replaced, onClick: (e) => {
+                                                                if (window.confirm(MARK_PRINTED_CONFIRM))
+                                                                    onMarkPrinted(item);
+                                                            }, children: _jsx(Check, { className: "h-5 w-5" }) })), blockedMessage(readinessById[item.id], siteTimeZone, item) && !printed ? (_jsx("span", { className: "max-w-56 text-right text-xs font-medium text-destructive", children: blockedMessage(readinessById[item.id], siteTimeZone, item) })) : printed ? (_jsxs(Button, { size: "sm", variant: "ghost", disabled: readOnly || busyId === item.id || checking || replaced, onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 (onPrintAll ?? onReprint ?? onPick)(item);
                                                             }, children: [checking ? (_jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" })) : ready ? (_jsx(RotateCcw, { className: "mr-1 h-4 w-4" })) : (_jsx(RefreshCw, { className: "mr-1 h-4 w-4" })), replaced ? "Vervangen" : checking ? "Pakbon controleren" : ready ? t("print") : "Pakbon ophalen"] })) : 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 || checking || replaced, onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 (onPrintAll ?? onPick)(item);
                                                             }, children: [checking ? (_jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" })) : !ready ? (_jsx(RefreshCw, { className: "mr-1 h-4 w-4" })) : (_jsx(Printer, { className: "mr-1 h-4 w-4" })), replaced ? "Vervangen" : checking ? "Pakbon controleren" : ready ? t("print") : "Pakbon ophalen"] }))] }) })] }, 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) => {
+                                }), 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 min-[1100px]:hidden", children: [safeItems.map((item) => {
                         const printed = !!item.printed_at;
                         const readiness = readinessById[item.id];
                         const checking = !readiness || readiness.checking;
@@ -105,7 +134,7 @@ export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId,
                         const doc = item.document_type_id ? docById.get(item.document_type_id) : undefined;
                         const warnings = Array.isArray(item.warnings) ? item.warnings : [];
                         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: () => {
+                        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 || !isRowPrintable(item) ? "opacity-60 " : "") + (selectable ? "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : ""), onClick: () => {
                                 if (selectable)
                                     onSelectPrinted?.(item);
                             }, onKeyDown: (event) => {
@@ -120,21 +149,33 @@ export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId,
                                                                 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] }), (() => {
+                                                                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: [orderNumbersLabel(item) && (_jsx("p", { className: "truncate text-foreground", children: orderNumbersLabel(item) })), _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] }), (() => {
                                             const info = cartColumnInfo(item);
                                             return (_jsxs("span", { children: ["Karren: ", info.carts, info.cartLabel ? ` · ${info.cartLabel}` : "", info.reason ? ` · ${info.reason}` : ""] }));
                                         })(), _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)] })] }), _jsxs("div", { className: "mt-3", children: [printed ? (_jsxs(Button, { size: "lg", variant: "outline", className: "h-12 w-full", disabled: readOnly || busyId === item.id || checking || replaced, onClick: (e) => {
+                                                })] }), _jsxs("span", { children: [t("waiting"), ": ", sinceLabel(item.announced_at)] })] }), (() => {
+                                    const info = cartColumnInfo(item);
+                                    const payload = (item.payload && typeof item.payload === "object" ? item.payload : {});
+                                    const cartType = typeof payload["cartTypeName"] === "string" ? payload["cartTypeName"] : null;
+                                    const crates = crateLabelOf(item);
+                                    const departure = departureLabel(departureOf(item), pickDay, siteTimeZone);
+                                    const late = readiness?.lateSignup === true;
+                                    return (_jsxs("div", { className: "mt-2 space-y-0.5", children: [info.cartLabel && (_jsx("p", { className: "text-xl font-bold text-foreground", children: [info.cartLabel, cartType].filter(Boolean).join(" · ") })), _jsx("p", { className: "text-sm text-muted-foreground", children: [
+                                                    crates,
+                                                    departure,
+                                                ].filter(Boolean).join(" · ") }), late && (_jsx("span", { className: "inline-block rounded border border-primary/40 bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary", children: "Te laat aangemeld" }))] }));
+                                })(), _jsx(CartSteps, { printed: printed, waiting: waiting }), _jsxs("div", { className: "mt-3", children: [blockedMessage(readiness, siteTimeZone, item) && !printed ? (_jsx("p", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm font-medium text-destructive", children: blockedMessage(readiness, siteTimeZone, item) })) : printed ? (_jsxs(Button, { size: "lg", variant: "outline", className: "h-12 w-full", disabled: readOnly || busyId === item.id || checking || replaced, onClick: (e) => {
                                                 e.stopPropagation();
                                                 (onPrintAll ?? onReprint ?? onPick)(item);
                                             }, children: [checking ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : ready ? (_jsx(RotateCcw, { className: "mr-2 h-4 w-4" })) : (_jsx(RefreshCw, { className: "mr-2 h-4 w-4" })), replaced ? "Vervangen" : checking ? "Pakbon controleren" : ready ? t("print") : "Pakbon ophalen"] })) : 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 || checking || replaced, onClick: (e) => {
                                                 e.stopPropagation();
                                                 (onPrintAll ?? onPick)(item);
-                                            }, children: [checking ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : !ready ? (_jsx(RefreshCw, { className: "mr-2 h-4 w-4" })) : (_jsx(Printer, { className: "mr-2 h-4 w-4" })), replaced ? "Vervangen" : checking ? "Pakbon controleren" : ready ? t("print") : "Pakbon ophalen"] })), !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));
+                                            }, children: [checking ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : !ready ? (_jsx(RefreshCw, { className: "mr-2 h-4 w-4" })) : (_jsx(Printer, { className: "mr-2 h-4 w-4" })), replaced ? "Vervangen" : checking ? "Pakbon controleren" : ready ? t("print") : "Pakbon ophalen"] })), !printed && onMarkPrinted && (_jsxs("details", { className: "mt-2 text-sm", onClick: (e) => e.stopPropagation(), children: [_jsx("summary", { className: "cursor-pointer select-none text-muted-foreground", children: "Meer" }), _jsxs(Button, { size: "sm", variant: "ghost", className: "mt-1 w-full", disabled: readOnly || busyId === item.id, onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        if (window.confirm(MARK_PRINTED_CONFIRM))
+                                                            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/ReferentiedataBanner.js

@@ -13,5 +13,5 @@ export function ReferentiedataBanner() {
     const problemen = referentieProblemen(data);
     if (problemen.length === 0)
         return null;
-    return (_jsxs("div", { className: "space-y-3 rounded-lg border border-destructive/50 bg-destructive/5 p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "font-semibold text-destructive", children: "Referentiedata ontbreekt \u2014 er komt niets in de pickwachtrij" }), _jsx("ul", { className: "list-inside list-disc text-sm text-destructive", children: problemen.map((p) => (_jsx("li", { children: p }, p))) }), _jsx("p", { className: "text-sm text-muted-foreground", children: "De synchronisatie stopt hierop en pickstations blijven leeg." })] })] }), _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { to: "/instellingen", children: "Naar referentiedata-instellingen" }) })] }));
+    return (_jsxs("div", { className: "space-y-3 rounded-lg border border-destructive/50 bg-destructive/5 p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "font-semibold text-destructive", children: "Instellingen voor pickdocumenten ontbreken; er komen geen orders op het pickstation. Vraag kantoor dit te herstellen." }), _jsxs("details", { className: "text-sm text-muted-foreground", children: [_jsx("summary", { children: "Details voor beheer" }), _jsx("ul", { className: "list-inside list-disc", children: problemen.map((p) => (_jsx("li", { children: p }, p))) })] })] })] }), _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { to: "/instellingen", children: "Naar instellingen" }) })] }));
 }

package/dist-lib/index.d.ts

@@ -27,4 +27,5 @@ export { ReferentiedataBanner } from './components/pick/ReferentiedataBanner';
 export declare const pickSchermenModule: FlowModule;
 export * from './lib/pickStickers';
 export { CartStickerState, OrderStickerMeldingen } from './components/pick/StickerState';
+export * from "./lib/pick145";
 //# sourceMappingURL=index.d.ts.map

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,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,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;AAEF,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,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,cAAc,0BAA0B,CAAC;AACzC,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;AAEF,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACzF,cAAc,eAAe,CAAC"}

package/dist-lib/index.js

@@ -52,3 +52,4 @@ export const pickSchermenModule = {
 };
 export * from './lib/pickStickers';
 export { CartStickerState, OrderStickerMeldingen } from './components/pick/StickerState';
+export * from "./lib/pick145";

package/dist-lib/integrations/supabase/previewAuthStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"previewAuthStorage.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/previewAuthStorage.ts"],"names":[],"mappings":"AAIA,wBAAgB,sBAAsB;mBA2Db,MAAM;mBAeZ,MAAM,SAAS,MAAM;sBASlB,MAAM;cAK3B"}
+{"version":3,"file":"previewAuthStorage.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/previewAuthStorage.ts"],"names":[],"mappings":"AAIA,wBAAgB,sBAAsB;mBA6Db,MAAM;mBAwBZ,MAAM,SAAS,MAAM;sBASlB,MAAM;cAM3B"}

package/dist-lib/integrations/supabase/previewAuthStorage.js

@@ -61,21 +61,38 @@ export function brokeredPreviewStorage() {
     // The editor may not be listening yet at the first getItem, so retry once.
     let firstGet = true;
     const RETRY_DELAY = 250;
+    // Blocked third-party storage throws here; seeding must not break broker reads.
+    const readLocal = (key) => { try {
+        return localStorage.getItem(key);
+    }
+    catch {
+        return undefined;
+    } };
     return {
         getItem: async (key) => {
-            let res = await request('lovable-preview-auth:get', key);
+            // Sent with GET and REMOVE so an editor that never cached this session can check or revoke it.
+            const local = readLocal(key);
+            let res = await request('lovable-preview-auth:get', key, local ?? undefined);
             if (!res && firstGet) {
                 await new Promise((r) => setTimeout(r, RETRY_DELAY));
-                res = await request('lovable-preview-auth:get', key);
+                res = await request('lovable-preview-auth:get', key, local ?? undefined);
             }
             firstGet = false;
             // '' is the logout tombstone: clear the local copy too so it can't resurrect if
             // the broker later goes silent. A null reply means never-synced -> keep local.
             if (res && res.ok && typeof res.value === 'string') {
                 if (res.value === '') {
-                    localStorage.removeItem(key);
+                    if (local !== undefined && readLocal(key) === local)
+                        localStorage.removeItem(key);
                     return null;
                 }
+                // Seed this origin so a new tab, whose editor holds no session, stays signed in.
+                if (local === null && readLocal(key) === null) {
+                    try {
+                        localStorage.setItem(key, res.value);
+                    }
+                    catch { /* storage full: still return the editor's session */ }
+                }
                 return res.value;
             }
             return localStorage.getItem(key);
@@ -92,8 +109,9 @@ export function brokeredPreviewStorage() {
             });
         },
         removeItem: (key) => {
+            const local = readLocal(key);
             localStorage.removeItem(key);
-            return request('lovable-preview-auth:remove', key).then(() => undefined);
+            return request('lovable-preview-auth:remove', key, local ?? undefined).then(() => undefined);
         },
     };
 }