@flowselections/pick-schermen-kwekers 1.0.60 → 1.0.62

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":"AA0DA,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA2D7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAwBD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAkqEpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AA0DA,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA2D7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAwBD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAyqEpD"}

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

@@ -26,7 +26,7 @@ import { usePrintBatch, usePrintJob } from "../../hooks/usePrintJob.js";
 import { useShippingNoteStatus } from "../../hooks/useShippingNoteStatus.js";
 import { firstVisibleTarget, isJobFinished, isRowGoneError, NO_ROW_IN_FILTER_MESSAGE, RELEASE_PENDING_MESSAGE, ROW_GONE_MESSAGE, stuckMessage, stuckMinutesOf, } from "../../lib/pickRowState.js";
 import { CartItemRows, PlanWarnings } from "./CartItemRows.js";
-import { CartStickerState, OrderStickerMeldingen, StickerFitMeldingen } from "./StickerState.js";
+import { CartStickerState, OrderStickerMeldingen, StickerFitMeldingen, VroegeStickerWaarschuwing } from "./StickerState.js";
 import { StickerReprintButton } from "./StickerReprintButton.js";
 import { isJobFailed } from "../../lib/pick142.js";
 import { isPrintBlocked } from "../../lib/pick156.js";
@@ -144,15 +144,22 @@ export function PickScherm({ station, onBack }) {
         if (fetchingNotes)
             return;
         setFetchingNotes(true);
+        const id = toast.loading("Verzendbrieven ophalen…");
         try {
             const result = await refreshShippingNotesNow();
             if (result.ok) {
-                toast.success(result.message ?? "Verzendbrieven worden opgehaald.");
+                toast.success(result.message ?? "Verzendbrieven worden opgehaald.", { id });
             }
             else {
-                toast.info("De verzendbrieven worden zo vanzelf opgehaald. Je hoeft niets te doen.");
+                toast.info("De verzendbrieven worden zo vanzelf opgehaald. Je hoeft niets te doen.", { id });
             }
         }
+        catch (e) {
+            toast.error("Verzendbrieven ophalen lukte niet. Probeer het over een minuut opnieuw.", {
+                id,
+                description: e instanceof Error ? `Details voor beheer: ${e.message}` : undefined,
+            });
+        }
         finally {
             setFetchingNotes(false);
         }
@@ -1371,7 +1378,7 @@ export function PickScherm({ station, onBack }) {
                                     const cart = plannedCart ?? { cartId: r.cartId, cartLabel: r.cartLabel ?? r.cartId };
                                     setLastCartResults((prev) => prev.filter((x) => x.cartId !== r.cartId));
                                     void reprintCart(lastPrinted, cart);
-                                }, children: "Opnieuw printen" })] }, r.cartId))) }) })), lastCartResults.length > 1 && (_jsxs("div", { className: "rounded-md border p-3 text-sm", "aria-label": "Resultaat per kar", children: [_jsx("p", { className: "mb-1 font-semibold text-foreground", children: "Resultaat per kar" }), _jsx("ul", { className: "space-y-0.5 text-muted-foreground", children: lastCartResults.map((r) => (_jsx("li", { className: r.outcome === "created" ? "text-foreground" : r.outcome === "error" ? "text-destructive" : "", children: cartResultLine(r) }, r.cartId))) })] })), _jsx(ShippingNoteScan, { stationId: station.id }), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsxs(Card, { className: "border-2 border-primary", children: [_jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: (busyId !== null || actionBusy), children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: (busyId !== null || actionBusy) || fetchingData, variant: readiness.ready ? "default" : "secondary", children: [busyId === "confirm" || fetchingData ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : readiness.ready ? (_jsx(Printer, { className: "mr-2 h-5 w-5" })) : (_jsx(RefreshCw, { className: "mr-2 h-5 w-5" })), readiness.ready ? t("print") : "Pakbon ophalen"] })] })] }), !readiness.ready && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "flex items-start gap-2 rounded-md border bg-muted/30 p-3 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: fetchingData
+                                }, children: "Opnieuw printen" })] }, r.cartId))) }) })), lastCartResults.length > 1 && (_jsxs("div", { className: "rounded-md border p-3 text-sm", "aria-label": "Resultaat per kar", children: [_jsx("p", { className: "mb-1 font-semibold text-foreground", children: "Resultaat per kar" }), _jsx("ul", { className: "space-y-0.5 text-muted-foreground", children: lastCartResults.map((r) => (_jsx("li", { className: r.outcome === "created" ? "text-foreground" : r.outcome === "error" ? "text-destructive" : "", children: cartResultLine(r) }, r.cartId))) })] })), _jsx(VroegeStickerWaarschuwing, { stationId: station.id }), _jsx(ShippingNoteScan, { stationId: station.id }), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsxs(Card, { className: "border-2 border-primary", children: [_jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: (busyId !== null || actionBusy), children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: (busyId !== null || actionBusy) || fetchingData, variant: readiness.ready ? "default" : "secondary", children: [busyId === "confirm" || fetchingData ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : readiness.ready ? (_jsx(Printer, { className: "mr-2 h-5 w-5" })) : (_jsx(RefreshCw, { className: "mr-2 h-5 w-5" })), readiness.ready ? t("print") : "Pakbon ophalen"] })] })] }), !readiness.ready && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "flex items-start gap-2 rounded-md border bg-muted/30 p-3 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: fetchingData
                                         ? "De pakbon wordt opgevraagd. Zodra alles compleet is, verschijnt de printknop weer."
                                         : planReason
                                             ? `${planReason} Klik op "Pakbon ophalen" om hem op te vragen.`

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

@@ -1 +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"}
+{"version":3,"file":"ShippingNoteScan.d.ts","sourceRoot":"","sources":["../../../src/components/pick/ShippingNoteScan.tsx"],"names":[],"mappings":"AAkBA,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,+BA0NlE"}

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

@@ -3,6 +3,16 @@ 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.js";
+import { friendlyEngineMessage, isPakbonNumber, quantityText, SCAN_UNKNOWN, slipVariantText } from "../../lib/pick161.js";
+import { pickDb } from "../../lib/pickApi.js";
+async function toCartBarcode(code) {
+    if (!isPakbonNumber(code))
+        return code;
+    const { data, error } = await pickDb.rpc("pick_resolve_scan_code", { p_code: code });
+    if (error)
+        throw new Error(error.message);
+    return typeof data === "string" && data ? data : null;
+}
 /**
  * Pakbon scannen -> verzendbrief. De module zoekt eerst op (leest alleen) en
  * maakt pas na een expliciete bevestiging een verzendbrief aan via de Engine.
@@ -11,7 +21,19 @@ 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 [notice, setNoticeRaw] = useState(null);
+    const [detail, setDetail] = useState(null);
+    const [status, setStatus] = useState(null);
+    const setNotice = useCallback((raw, fallback = SCAN_UNKNOWN) => {
+        if (raw == null) {
+            setNoticeRaw(null);
+            setDetail(null);
+            return;
+        }
+        const f = friendlyEngineMessage(raw, fallback);
+        setNoticeRaw(f.message);
+        setDetail(f.detail);
+    }, []);
     const [reprintNotice, setReprintNotice] = useState(null);
     const [warning, setWarning] = useState(null);
     const reset = useCallback(() => {
@@ -23,31 +45,43 @@ export function ShippingNoteScan({ stationId, onJobCreated }) {
         const barcode = raw.trim();
         if (!barcode)
             return;
+        let found_barcode = barcode;
         setBusy(true);
         reset();
         setNotice(null);
+        setStatus("Pakbon opzoeken…");
         try {
-            const lookup = await lookupBarcode(barcode);
+            const cartBarcode = await toCartBarcode(barcode);
+            if (!cartBarcode) {
+                setNotice(null);
+                setNoticeRaw(SCAN_UNKNOWN);
+                return;
+            }
+            const lookup = await lookupBarcode(cartBarcode);
             if (!lookup.ok) {
-                // De RPC levert een kant-en-klare melding; die tonen we letterlijk.
-                setNotice(lookup.error ?? "De barcode kon niet worden opgezocht.");
+                setNoticeRaw(SCAN_UNKNOWN);
+                setDetail(lookup.error);
                 return;
             }
-            setFound({ barcode, lookup });
+            found_barcode = cartBarcode;
+            setFound({ barcode: found_barcode, lookup });
             setCode("");
         }
         catch (e) {
-            setNotice(e instanceof Error ? e.message : "De barcode kon niet worden opgezocht.");
+            setNoticeRaw("De pakbon kon niet worden opgezocht. Probeer het opnieuw.");
+            setDetail(e instanceof Error ? e.message : null);
         }
         finally {
             setBusy(false);
+            setStatus(null);
         }
-    }, [reset]);
+    }, [reset, setNotice]);
     const handleConfirm = useCallback(async (allowReprint) => {
         if (!found)
             return;
         setBusy(true);
         setWarning(null);
+        setStatus("Verzendbrief klaarzetten…");
         try {
             const result = await createShippingNote({
                 barcode: found.barcode,
@@ -56,10 +90,12 @@ export function ShippingNoteScan({ stationId, onJobCreated }) {
             });
             if (!result.ok) {
                 if (result.errorCode === "al_geprint") {
-                    setReprintNotice(result.error ?? "Er is al een verzendbrief voor deze kar gemaakt.");
+                    setReprintNotice("Er is al een verzendbrief voor deze kar gemaakt.");
                     return;
                 }
-                setNotice(result.error ?? "De verzendbrief kon niet worden klaargezet.");
+                setNotice(result.error ?? result.errorCode ?? null, "De verzendbrief kon niet worden klaargezet. Meld dit bij kantoor.");
+                if (!result.error && !result.errorCode)
+                    setNoticeRaw("De verzendbrief kon niet worden klaargezet. Meld dit bij kantoor.");
                 reset();
                 return;
             }
@@ -73,17 +109,20 @@ export function ShippingNoteScan({ stationId, onJobCreated }) {
             setReprintNotice(null);
         }
         catch (e) {
-            setNotice(e instanceof Error ? e.message : "De verzendbrief kon niet worden klaargezet.");
+            setNotice(e instanceof Error ? e.message : null, "De verzendbrief kon niet worden klaargezet. Probeer het opnieuw.");
+            if (!(e instanceof Error))
+                setNoticeRaw("De verzendbrief kon niet worden klaargezet. Probeer het opnieuw.");
         }
         finally {
             setBusy(false);
+            setStatus(null);
         }
-    }, [found, stationId, onJobCreated, reset]);
+    }, [found, stationId, onJobCreated, reset, setNotice]);
     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: "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) => {
+    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: "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: "Pakbonnummer of barcode onderaan 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"] })] })] }))] }) }));
+                                    } })] })] }), 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 })] })), status && (_jsxs("p", { role: "status", className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " ", status] })), detail && notice && (_jsxs("details", { className: "text-xs text-muted-foreground", children: [_jsx("summary", { className: "cursor-pointer", children: "Details voor beheer" }), _jsx("p", { children: detail })] })), 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: [slipVariantText(cart?.slipVariant) && _jsx(Badge, { variant: "outline", children: slipVariantText(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: quantityText(item.quantity, item.crates) })] }, `${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/components/pick/StickerState.d.ts

@@ -13,4 +13,8 @@ export declare function CartStickerState({ cartId, slug }: {
     cartId: string;
     slug: string | null;
 }): import("react").JSX.Element | null;
+/** Bovenaan het pickstation: stickers die vandaag/morgen via A4 of verkleind gaan. Niets als Layouts het nog niet levert. */
+export declare function VroegeStickerWaarschuwing({ stationId }: {
+    stationId: string | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=StickerState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StickerState.d.ts","sourceRoot":"","sources":["../../../src/components/pick/StickerState.tsx"],"names":[],"mappings":"AAaA,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAuC5F;AAED,6EAA6E;AAC7E,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoBvG;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAqCzF"}
+{"version":3,"file":"StickerState.d.ts","sourceRoot":"","sources":["../../../src/components/pick/StickerState.tsx"],"names":[],"mappings":"AAcA,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAuC5F;AAED,6EAA6E;AAC7E,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoBvG;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCA8CzF;AAED,6HAA6H;AAC7H,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAiBpF"}

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

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { fetchCartStickerState, fetchOrderStickerMeldingen, STICKER_UNKNOWN, stickerStatusLabel, stickerSummary, } from "../../lib/pickStickers.js";
+import { fetchCartStickerState, fetchOrderStickerMeldingen, STICKER_UNKNOWN, stickerStatusLabel, } from "../../lib/pickStickers.js";
+import { stickerLine } from "../../lib/pick161.js";
+import { fetchUitwijk, fetchVroegeWaarschuwing, vroegeWaarschuwingText } from "../../lib/pickUitwijk.js";
 import { fetchStickerFit, STICKER_FIT_UNKNOWN, stickerFitTone } from "../../lib/pick150.js";
 const POLL = 15000;
 /** Controle vooraf of de klantstickers van de kar passen; vóór het printen. */
@@ -59,15 +61,39 @@ export function CartStickerState({ cartId, slug }) {
         placeholderData: (prev) => prev,
         retry: 1,
     });
+    const jobIds = Array.isArray(q.data?.regels) ? q.data.regels.map((r) => r.printJobId).filter((x) => !!x).sort() : [];
+    const u = useQuery({
+        queryKey: ["pick", "uitwijk", jobIds.join(",")],
+        queryFn: () => fetchUitwijk(jobIds),
+        enabled: jobIds.length > 0,
+        refetchInterval: POLL,
+        placeholderData: (prev) => prev,
+        retry: 1,
+    });
     if (q.isLoading)
         return null;
     if (q.isError || !q.data) {
         return _jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: STICKER_UNKNOWN });
     }
     const s = q.data;
+    const line = stickerLine(s, u.data);
     const regels = Array.isArray(s.regels) ? s.regels : [];
-    const summary = stickerSummary(s);
     if (s.totaal === 0)
-        return _jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: summary });
-    return (_jsxs("details", { className: "mt-3 rounded-md border bg-background p-3 text-sm", children: [_jsxs("summary", { className: "cursor-pointer font-medium text-foreground", children: ["Stickers: ", s.totaal ?? regels.length, " \u00B7 in de printwachtrij ", s.inPrintwachtrij ?? "—", " \u00B7 wachtend ", s.wachtend ?? "—", " \u00B7 geblokkeerd ", s.geblokkeerd ?? "—"] }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "In de printwachtrij betekent nog niet fysiek geprint." }), _jsx("ul", { className: "mt-2 divide-y", children: regels.map((r, i) => (_jsxs("li", { className: "flex flex-wrap justify-between gap-2 py-1.5 text-xs", children: [_jsxs("span", { className: "text-foreground", children: [r.soort ?? "sticker", " \u00B7 ", r.kopieen ?? "—", "x", r.breedteMm && r.hoogteMm ? ` · ${r.breedteMm}x${r.hoogteMm} mm` : ""] }), _jsxs("span", { className: "text-muted-foreground", children: [stickerStatusLabel(r.status), r.reden ? ` — ${r.reden}` : ""] })] }, r.stickerId ?? i))) })] }));
+        return _jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: line });
+    return (_jsxs("details", { className: "mt-3 rounded-md border bg-background p-3 text-sm", children: [_jsxs("summary", { className: "cursor-pointer font-medium text-foreground", children: ["Stickers: ", line] }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "In de printwachtrij betekent nog niet fysiek geprint." }), _jsx("ul", { className: "mt-2 divide-y", children: regels.map((r, i) => (_jsxs("li", { className: "flex flex-wrap justify-between gap-2 py-1.5 text-xs", children: [_jsxs("span", { className: "text-foreground", children: [r.soort ?? "sticker", " \u00B7 ", r.kopieen ?? "—", "x", r.breedteMm && r.hoogteMm ? ` · ${r.breedteMm}x${r.hoogteMm} mm` : ""] }), _jsxs("span", { className: "text-muted-foreground", children: [stickerStatusLabel(r.status), r.reden ? ` — ${r.reden}` : ""] })] }, r.stickerId ?? i))) })] }));
+}
+/** Bovenaan het pickstation: stickers die vandaag/morgen via A4 of verkleind gaan. Niets als Layouts het nog niet levert. */
+export function VroegeStickerWaarschuwing({ stationId }) {
+    const q = useQuery({
+        queryKey: ["pick", "vroege-sticker", stationId],
+        queryFn: () => fetchVroegeWaarschuwing(stationId),
+        refetchInterval: 5 * 60000,
+        placeholderData: (prev) => prev,
+        retry: 1,
+    });
+    const list = Array.isArray(q.data) ? q.data : [];
+    if (list.length === 0)
+        return null;
+    const today = new Date().toLocaleDateString("sv-SE");
+    return (_jsxs("div", { role: "status", className: "mb-3 space-y-1 rounded-md border-2 border-primary/40 bg-primary/5 p-3 text-sm text-foreground", children: [_jsx("p", { className: "font-medium", children: "Let op: stickers passen niet op het gewone etiket" }), list.map((w, i) => _jsx("p", { children: vroegeWaarschuwingText(w, today) }, i))] }));
 }