@flowselections/pick-schermen-kwekers 1.0.15 → 1.0.16

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

@@ -1 +1 @@
-{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAkBtE,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAgmBpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAkBtE,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAwmBpD"}

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

@@ -4,6 +4,7 @@ import { Badge, Button, Card, CardContent, Input, Select, SelectContent, SelectI
 import { AlertTriangle, ArrowLeft, CheckCircle2, Globe, Loader2, Printer, RefreshCw, ScanLine, Search, WifiOff, Zap, } from "lucide-react";
 import { LanguageTiles } from "./LanguageTiles";
 import { QueueTable } from "./QueueTable";
+import { PreviewDialog } from "./PreviewDialog";
 import { getSessionId, pickApi } from "../../lib/pickApi";
 import { completeLogisticsTaskForItem } from "../../lib/pickPrint";
 import { getPickTranslator } from "../../lib/pickI18n";
@@ -26,6 +27,7 @@ export function PickScherm({ station, onBack }) {
     const [busyId, setBusyId] = useState(null);
     const [pending, setPending] = useState(null);
     const [lastPrinted, setLastPrinted] = useState(null);
+    const [previewItem, setPreviewItem] = useState(null);
     const [emptyNotice, setEmptyNotice] = useState(null);
     const resetDone = useRef(null);
     const autoFetched = useRef(false);
@@ -304,5 +306,5 @@ export function PickScherm({ station, onBack }) {
                                             return;
                                         e.preventDefault();
                                         void handleScan(scanInput);
-                                    } })] }), _jsxs(Select, { value: filters.documentTypeId ?? "all", onValueChange: (v) => setFilters((f) => ({ ...f, documentTypeId: v === "all" ? null : v, page: 0 })), children: [_jsx(SelectTrigger, { className: "h-12 w-full sm:w-52", children: _jsx(SelectValue, { placeholder: ui.allDocumentTypes }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: ui.allDocumentTypes }), (Array.isArray(documentTypes) ? documentTypes : []).map((dt) => (_jsx(SelectItem, { value: dt.id, children: dt.name }, dt.id)))] })] }), _jsx(Button, { variant: filters.onlyPending ? "default" : "outline", className: "h-12", onClick: () => setFilters((f) => ({ ...f, onlyPending: !f.onlyPending, page: 0 })), children: ui.onlyPending }), _jsxs(Button, { variant: filters.urgentOnly ? "default" : "outline", className: "h-12", onClick: () => setFilters((f) => ({ ...f, urgentOnly: !f.urgentOnly, page: 0 })), children: [_jsx(Zap, { className: "mr-2 h-4 w-4" }), ui.onlyUrgent, urgentCount > 0 ? ` (${urgentCount})` : ""] })] }) }), !realtimeOk && (_jsx("p", { className: "text-sm text-muted-foreground", children: ui.connectionLost })), loading ? (_jsxs("div", { className: "flex items-center justify-center py-16 text-muted-foreground", children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), " ", t("loadingQueue")] })) : (_jsx(QueueTable, { items: items, lockedIds: lockedIds, statuses: Array.isArray(statuses) ? statuses : [], documentTypes: Array.isArray(documentTypes) ? documentTypes : [], busyId: busyId, onPick: handlePick, onReprint: handleReprint, t: t })), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("span", { className: "text-center text-sm text-muted-foreground sm:text-left", children: [t("page"), " ", filters.page + 1, " ", t("of"), " ", totalPages] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 sm:flex", children: [_jsx(Button, { variant: "outline", className: "h-12 w-full sm:w-auto", disabled: filters.page === 0, onClick: () => setFilters((f) => ({ ...f, page: Math.max(0, f.page - 1) })), children: t("previous") }), _jsx(Button, { variant: "outline", className: "h-12 w-full sm:w-auto", disabled: filters.page + 1 >= totalPages, onClick: () => setFilters((f) => ({ ...f, page: f.page + 1 })), children: t("next") })] })] }), _jsx("div", { className: "fixed inset-x-0 bottom-0 z-40 border-t bg-background/95 p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] backdrop-blur md:hidden", children: _jsxs(Button, { size: "lg", className: "h-14 w-full text-lg", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), _jsxs("span", { className: "truncate", children: [t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] }) })] }));
+                                    } })] }), _jsxs(Select, { value: filters.documentTypeId ?? "all", onValueChange: (v) => setFilters((f) => ({ ...f, documentTypeId: v === "all" ? null : v, page: 0 })), children: [_jsx(SelectTrigger, { className: "h-12 w-full sm:w-52", children: _jsx(SelectValue, { placeholder: ui.allDocumentTypes }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: ui.allDocumentTypes }), (Array.isArray(documentTypes) ? documentTypes : []).map((dt) => (_jsx(SelectItem, { value: dt.id, children: dt.name }, dt.id)))] })] }), _jsx(Button, { variant: filters.onlyPending ? "default" : "outline", className: "h-12", onClick: () => setFilters((f) => ({ ...f, onlyPending: !f.onlyPending, page: 0 })), children: ui.onlyPending }), _jsxs(Button, { variant: filters.urgentOnly ? "default" : "outline", className: "h-12", onClick: () => setFilters((f) => ({ ...f, urgentOnly: !f.urgentOnly, page: 0 })), children: [_jsx(Zap, { className: "mr-2 h-4 w-4" }), ui.onlyUrgent, urgentCount > 0 ? ` (${urgentCount})` : ""] })] }) }), !realtimeOk && (_jsx("p", { className: "text-sm text-muted-foreground", children: ui.connectionLost })), loading ? (_jsxs("div", { className: "flex items-center justify-center py-16 text-muted-foreground", children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), " ", t("loadingQueue")] })) : (_jsx(QueueTable, { items: items, lockedIds: lockedIds, statuses: Array.isArray(statuses) ? statuses : [], documentTypes: Array.isArray(documentTypes) ? documentTypes : [], busyId: busyId, onPick: handlePick, onReprint: handleReprint, onPreview: setPreviewItem, t: t })), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("span", { className: "text-center text-sm text-muted-foreground sm:text-left", children: [t("page"), " ", filters.page + 1, " ", t("of"), " ", totalPages] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 sm:flex", children: [_jsx(Button, { variant: "outline", className: "h-12 w-full sm:w-auto", disabled: filters.page === 0, onClick: () => setFilters((f) => ({ ...f, page: Math.max(0, f.page - 1) })), children: t("previous") }), _jsx(Button, { variant: "outline", className: "h-12 w-full sm:w-auto", disabled: filters.page + 1 >= totalPages, onClick: () => setFilters((f) => ({ ...f, page: f.page + 1 })), children: t("next") })] })] }), _jsx("div", { className: "fixed inset-x-0 bottom-0 z-40 border-t bg-background/95 p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] backdrop-blur md:hidden", children: _jsxs(Button, { size: "lg", className: "h-14 w-full text-lg", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), _jsxs("span", { className: "truncate", children: [t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] }) }), _jsx(PreviewDialog, { item: previewItem, stationSlug: station.slug, onClose: () => setPreviewItem(null) })] }));
 }

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

@@ -0,0 +1,13 @@
+import type { PickQueueItem } from "../../lib/pickTypes";
+interface Props {
+    item: PickQueueItem | null;
+    stationSlug: string | null;
+    onClose: () => void;
+}
+/**
+ * Toont het PDF-voorbeeld zoals de printketen het opbouwt. Bewust zonder
+ * printknop: printen loopt uitsluitend via de wachtrijknoppen.
+ */
+export declare function PreviewDialog({ item, stationSlug, onClose }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewDialog.d.ts.map

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

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

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

@@ -0,0 +1,52 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@flowselections/core";
+import { AlertTriangle, Loader2 } from "lucide-react";
+import { fetchPickPreview, PickPreviewError } from "../../lib/pickPreview";
+/**
+ * Toont het PDF-voorbeeld zoals de printketen het opbouwt. Bewust zonder
+ * printknop: printen loopt uitsluitend via de wachtrijknoppen.
+ */
+export function PreviewDialog({ item, stationSlug, onClose }) {
+    const [url, setUrl] = useState(null);
+    const [bron, setBron] = useState(null);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (!item)
+            return;
+        if (!stationSlug) {
+            setError("Dit pickstation heeft geen openbare verwijzing; een voorbeeld is niet mogelijk.");
+            return;
+        }
+        const controller = new AbortController();
+        let objectUrl = null;
+        setLoading(true);
+        setError(null);
+        setUrl(null);
+        setBron(null);
+        fetchPickPreview({ stationSlug, queueItemId: item.id, signal: controller.signal })
+            .then((result) => {
+            objectUrl = result.url;
+            setUrl(result.url);
+            setBron(result.bron);
+        })
+            .catch((err) => {
+            if (controller.signal.aborted)
+                return;
+            setError(err instanceof PickPreviewError
+                ? err.message
+                : "Het voorbeeld kon niet worden opgehaald.");
+        })
+            .finally(() => {
+            if (!controller.signal.aborted)
+                setLoading(false);
+        });
+        return () => {
+            controller.abort();
+            if (objectUrl)
+                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" })] }) }))] }) }));
+}

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

@@ -8,9 +8,10 @@ interface Props {
     busyId: string | null;
     onPick: (item: PickQueueItem) => void;
     onReprint?: (item: PickQueueItem) => void;
+    onPreview?: (item: PickQueueItem) => void;
     readOnly?: boolean;
     t?: PickTranslator;
 }
-export declare function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, readOnly, t: translator, }: Props): import("react").JSX.Element;
+export declare function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, 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,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,QAAQ,EACR,CAAC,EAAE,UAAU,GACd,EAAE,KAAK,+BA4NP"}
+{"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"}

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

@@ -1,6 +1,6 @@
 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, Lock, Printer, RotateCcw } from "lucide-react";
+import { AlertTriangle, Eye, Lock, Printer, RotateCcw } from "lucide-react";
 import { sinceLabel } from "../../lib/pickTypes";
 import { getPickTranslator } from "../../lib/pickI18n";
 function priorityTone(priority, urgent) {
@@ -12,7 +12,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, onPick, onReprint, readOnly, t: translator, }) {
+export function QueueTable({ items, lockedIds, statuses, documentTypes, busyId, onPick, onReprint, onPreview, readOnly, t: translator, }) {
     const t = translator ?? getPickTranslator("nl");
     const safeItems = Array.isArray(items) ? items : [];
     const docById = new Map((Array.isArray(documentTypes) ? documentTypes : []).map((d) => [d.id, d]));
@@ -25,14 +25,20 @@ 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: 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));
+                                                }) }), _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));
                                 }), 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 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, {
+                        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) => {
+                                                        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, {
                                                     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));

package/dist-lib/integrations/supabase/auth-middleware.d.ts

@@ -2,18 +2,6 @@ import type { Database } from './types';
 export declare const requireSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterServer<{}, unknown, undefined, {
     supabase: import("@supabase/supabase-js").SupabaseClient<Database, "public", "public", {
         Tables: {
-            _banner_check: {
-                Row: {
-                    inactief: import("./types").Json | null;
-                };
-                Insert: {
-                    inactief?: import("./types").Json | null;
-                };
-                Update: {
-                    inactief?: import("./types").Json | null;
-                };
-                Relationships: [];
-            };
             afhandeling_settings: {
                 Row: {
                     auto_print_delivery_note: boolean;
@@ -10748,6 +10736,24 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            maps_job_lease: {
+                Row: {
+                    job: string;
+                    locked_until: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    job: string;
+                    locked_until?: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    job?: string;
+                    locked_until?: string;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             maps_request_queue: {
                 Row: {
                     attempts: number;
@@ -10809,6 +10815,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     last_error: string | null;
                     last_error_at: string | null;
                     last_success_at: string | null;
+                    provider: string;
                     updated_at: string;
                 };
                 Insert: {
@@ -10820,6 +10827,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     last_error?: string | null;
                     last_error_at?: string | null;
                     last_success_at?: string | null;
+                    provider?: string;
                     updated_at?: string;
                 };
                 Update: {
@@ -10831,6 +10839,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     last_error?: string | null;
                     last_error_at?: string | null;
                     last_success_at?: string | null;
+                    provider?: string;
                     updated_at?: string;
                 };
                 Relationships: [];
@@ -13568,6 +13577,39 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            print_dedupe_events: {
+                Row: {
+                    bestaande_job_id: string | null;
+                    created_at: string;
+                    detail: string | null;
+                    documentnaam: string | null;
+                    documenttype: string | null;
+                    id: string;
+                    idempotentie_sleutel: string;
+                    reden: string;
+                };
+                Insert: {
+                    bestaande_job_id?: string | null;
+                    created_at?: string;
+                    detail?: string | null;
+                    documentnaam?: string | null;
+                    documenttype?: string | null;
+                    id?: string;
+                    idempotentie_sleutel: string;
+                    reden: string;
+                };
+                Update: {
+                    bestaande_job_id?: string | null;
+                    created_at?: string;
+                    detail?: string | null;
+                    documentnaam?: string | null;
+                    documenttype?: string | null;
+                    id?: string;
+                    idempotentie_sleutel?: string;
+                    reden?: string;
+                };
+                Relationships: [];
+            };
             print_job_logs: {
                 Row: {
                     created_at: string;
@@ -13609,6 +13651,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding: string | null;
                     gebruiker_id: string | null;
                     gebruiker_naam: string;
+                    gebruikte_bron: string | null;
+                    gebruikte_layout_id: string | null;
                     gestart_op: string | null;
                     herkomst: string | null;
                     id: string;
@@ -13639,6 +13683,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding?: string | null;
                     gebruiker_id?: string | null;
                     gebruiker_naam?: string;
+                    gebruikte_bron?: string | null;
+                    gebruikte_layout_id?: string | null;
                     gestart_op?: string | null;
                     herkomst?: string | null;
                     id?: string;
@@ -13669,6 +13715,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding?: string | null;
                     gebruiker_id?: string | null;
                     gebruiker_naam?: string;
+                    gebruikte_bron?: string | null;
+                    gebruikte_layout_id?: string | null;
                     gestart_op?: string | null;
                     herkomst?: string | null;
                     id?: string;
@@ -13802,6 +13850,39 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            print_preview_events: {
+                Row: {
+                    code: string | null;
+                    created_at: string;
+                    detail: import("./types").Json;
+                    id: string;
+                    queue_item_id: string | null;
+                    reden: string | null;
+                    station_slug: string | null;
+                    uitkomst: string;
+                };
+                Insert: {
+                    code?: string | null;
+                    created_at?: string;
+                    detail?: import("./types").Json;
+                    id?: string;
+                    queue_item_id?: string | null;
+                    reden?: string | null;
+                    station_slug?: string | null;
+                    uitkomst?: string;
+                };
+                Update: {
+                    code?: string | null;
+                    created_at?: string;
+                    detail?: import("./types").Json;
+                    id?: string;
+                    queue_item_id?: string | null;
+                    reden?: string | null;
+                    station_slug?: string | null;
+                    uitkomst?: string;
+                };
+                Relationships: [];
+            };
             print_queue_runners: {
                 Row: {
                     actief: boolean;
@@ -14029,6 +14110,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     created_at: string;
                     driver: string;
                     extern_printer_id: string | null;
+                    formaten_bijgewerkt_op: string | null;
                     id: string;
                     ip_adres: string | null;
                     laatst_gezien: string | null;
@@ -14036,6 +14118,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     merk: string;
                     naam: string;
                     omschrijving: string;
+                    ondersteunde_formaten: import("./types").Json | null;
+                    ondersteunde_laden: import("./types").Json | null;
                     online: boolean;
                     papierformaat: string;
                     poort: number | null;
@@ -14051,6 +14135,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     created_at?: string;
                     driver?: string;
                     extern_printer_id?: string | null;
+                    formaten_bijgewerkt_op?: string | null;
                     id?: string;
                     ip_adres?: string | null;
                     laatst_gezien?: string | null;
@@ -14058,6 +14143,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     merk?: string;
                     naam: string;
                     omschrijving?: string;
+                    ondersteunde_formaten?: import("./types").Json | null;
+                    ondersteunde_laden?: import("./types").Json | null;
                     online?: boolean;
                     papierformaat?: string;
                     poort?: number | null;
@@ -14073,6 +14160,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     created_at?: string;
                     driver?: string;
                     extern_printer_id?: string | null;
+                    formaten_bijgewerkt_op?: string | null;
                     id?: string;
                     ip_adres?: string | null;
                     laatst_gezien?: string | null;
@@ -14080,6 +14168,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     merk?: string;
                     naam?: string;
                     omschrijving?: string;
+                    ondersteunde_formaten?: import("./types").Json | null;
+                    ondersteunde_laden?: import("./types").Json | null;
                     online?: boolean;
                     papierformaat?: string;
                     poort?: number | null;
@@ -20329,6 +20419,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding: string | null;
                     gebruiker_id: string | null;
                     gebruiker_naam: string;
+                    gebruikte_bron: string | null;
+                    gebruikte_layout_id: string | null;
                     gestart_op: string | null;
                     herkomst: string | null;
                     id: string;
@@ -20450,6 +20542,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding: string | null;
                     gebruiker_id: string | null;
                     gebruiker_naam: string;
+                    gebruikte_bron: string | null;
+                    gebruikte_layout_id: string | null;
                     gestart_op: string | null;
                     herkomst: string | null;
                     id: string;
@@ -21506,6 +21600,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: string;
             };
+            logistics_document_type_map: {
+                Args: {
+                    _document_code: string;
+                };
+                Returns: Database["public"]["Enums"]["doc_layout_type"][];
+            };
             logistics_emit_event: {
                 Args: {
                     p_event_type: string;
@@ -22279,6 +22379,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
             };
             pick_enqueue_print_job: {
                 Args: {
+                    _is_herprint?: boolean;
                     _printer_id?: string;
                     _queue_item_id: string;
                     _session_id?: string;
@@ -22292,6 +22393,13 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            pick_preview_job: {
+                Args: {
+                    _queue_item_id: string;
+                    _station_slug: string;
+                };
+                Returns: import("./types").Json;
+            };
             pick_print_job_status: {
                 Args: {
                     _job_id: string;
@@ -22469,6 +22577,24 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: undefined;
             };
+            print_preview_toestaan: {
+                Args: {
+                    _max?: number;
+                    _queue_item_id: string;
+                    _station_slug: string;
+                    _venster_sec?: number;
+                };
+                Returns: import("./types").Json;
+            };
+            print_preview_weiger: {
+                Args: {
+                    _code: string;
+                    _queue_item_id: string;
+                    _reden: string;
+                    _station_slug: string;
+                };
+                Returns: undefined;
+            };
             process_logistics_event: {
                 Args: {
                     p_event_id: string;
@@ -22586,6 +22712,14 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: undefined;
             };
+            replace_order_carts: {
+                Args: {
+                    p_buffer_id: string;
+                    p_carts: import("./types").Json;
+                    p_order_id: string;
+                };
+                Returns: import("./types").Json;
+            };
             reset_floriday_sync_cursor: {
                 Args: {
                     p_connection_id: string;