@flowselections/pick-schermen-kwekers 1.0.58 → 1.0.62

package/dist-lib/components/PickPublicPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickPublicPage.d.ts","sourceRoot":"","sources":["../../src/components/PickPublicPage.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,+BA2B7C"}
+{"version":3,"file":"PickPublicPage.d.ts","sourceRoot":"","sources":["../../src/components/PickPublicPage.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,+BAiE7C"}

package/dist-lib/components/PickPublicPage.js

@@ -1,17 +1,48 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Loader2 } from "lucide-react";
 import { pickApi } from "../lib/pickApi.js";
+import { fetchDeviceStatus, mustPair, readDeviceKey, setActiveDeviceKey } from "../lib/pick159.js";
 import { PickScherm } from "./pick/PickScherm.js";
+import { StationPairing } from "./pick/StationPairing.js";
 /** Openbaar pickscherm, bereikbaar via /pickstation/<slug>. */
 export function PickPublicPage({ slug }) {
+    const [deviceKey, setDeviceKey] = useState(null);
+    const [keyRead, setKeyRead] = useState(false);
+    const [qrCode, setQrCode] = useState(undefined);
+    useEffect(() => {
+        setActiveDeviceKey(deviceKey);
+        return () => setActiveDeviceKey(null);
+    }, [deviceKey]);
+    useEffect(() => {
+        setDeviceKey(readDeviceKey(slug));
+        const c = new URLSearchParams(window.location.search).get("koppelcode");
+        if (c)
+            setQrCode(c);
+        setKeyRead(true);
+    }, [slug]);
+    const { data: deviceStatus, isLoading: statusLoading, refetch } = useQuery({
+        queryKey: ["pick", "device-status", slug, deviceKey],
+        queryFn: () => fetchDeviceStatus(slug, deviceKey),
+        enabled: keyRead,
+    });
     const { data: station, isLoading } = useQuery({
-        queryKey: ["pick", "station", slug],
+        queryKey: ["pick", "station", slug, deviceKey],
         queryFn: () => pickApi.stationBySlug(slug),
+        enabled: keyRead,
     });
-    if (isLoading) {
+    if (isLoading || !keyRead || statusLoading) {
         return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) }));
     }
+    if (mustPair(deviceStatus ?? null) || (qrCode && !deviceStatus?.gekoppeld)) {
+        return (_jsx(StationPairing, { slug: slug, initialCode: qrCode, onPaired: () => {
+                setQrCode(undefined);
+                window.history.replaceState(null, "", window.location.pathname);
+                setDeviceKey(readDeviceKey(slug));
+                void refetch();
+            } }));
+    }
     if (!station) {
         return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: _jsx("p", { className: "text-muted-foreground", children: "Pickstation niet gevonden of niet actief." }) }));
     }

package/dist-lib/components/PickstationsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAkGA,wBAAgB,gBAAgB,gCA4L/B"}
+{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAmGA,wBAAgB,gBAAgB,gCA6L/B"}

package/dist-lib/components/PickstationsPage.js

@@ -8,6 +8,7 @@ import { usePickStations } from "../hooks/usePickConfig.js";
 import { useKoppelingVoorBron } from "../hooks/useKoppelingVoorBron.js";
 import { ReferentiedataBanner } from "./pick/ReferentiedataBanner.js";
 import { DOCUMENT_AUTO_TEXT } from "../lib/pick156.js";
+import { StationDevices } from "./pick/StationDevices.js";
 const emptyDraft = { name: "", description: "", active: true };
 function publicUrl(slug) {
     const origin = typeof window !== "undefined" ? window.location.origin : "";
@@ -61,7 +62,7 @@ export function PickstationsPage() {
     return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-foreground", children: "Pickstations" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beheer je pickstations en de link die je met de medewerkers deelt." })] }), _jsxs(Button, { onClick: () => setDraft({ ...emptyDraft }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw pickstation"] })] }), _jsx(ReferentiedataBanner, {}), isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] })) : safeStations.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen pickstations." })) : (_jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: safeStations.map((station) => (_jsx(Card, { className: "border-2", children: _jsxs(CardContent, { className: "space-y-4 p-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: station.name }), _jsx("p", { className: "text-sm text-muted-foreground", children: station.description })] }), _jsx("span", { className: "rounded-full px-2 py-1 text-xs font-medium " +
                                             (station.active
                                                 ? "bg-primary/10 text-primary"
-                                                : "bg-muted text-muted-foreground"), children: station.active ? "Actief" : "Inactief" })] }), _jsx("code", { className: "block truncate rounded bg-muted px-2 py-1 text-xs text-muted-foreground", children: publicUrl(station.slug) }), _jsx(StationPrintplek, { station: station }), _jsx("p", { className: "text-sm text-muted-foreground", children: DOCUMENT_AUTO_TEXT }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { className: "flex-1", asChild: true, children: _jsxs("a", { href: publicUrl(station.slug), target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " Open pickstation"] }) }), _jsxs(Button, { variant: "outline", onClick: () => copyLink(station), children: [_jsx(Copy, { className: "mr-2 h-4 w-4" }), " Link kopi\u00EBren"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setDraft({
+                                                : "bg-muted text-muted-foreground"), children: station.active ? "Actief" : "Inactief" })] }), _jsx("code", { className: "block truncate rounded bg-muted px-2 py-1 text-xs text-muted-foreground", children: publicUrl(station.slug) }), _jsx(StationPrintplek, { station: station }), _jsx("p", { className: "text-sm text-muted-foreground", children: DOCUMENT_AUTO_TEXT }), _jsx(StationDevices, { stationId: station.id, slug: station.slug ?? null }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { className: "flex-1", asChild: true, children: _jsxs("a", { href: publicUrl(station.slug), target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " Open pickstation"] }) }), _jsxs(Button, { variant: "outline", onClick: () => copyLink(station), children: [_jsx(Copy, { className: "mr-2 h-4 w-4" }), " Link kopi\u00EBren"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setDraft({
                                             id: station.id,
                                             name: station.name,
                                             description: station.description ?? "",

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/StationDevices.d.ts

@@ -0,0 +1,6 @@
+/** Beheer: apparaat koppelen (code + QR-link) en apparaten intrekken. */
+export declare function StationDevices({ stationId, slug }: {
+    stationId: string;
+    slug: string | null;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StationDevices.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StationDevices.d.ts","sourceRoot":"","sources":["../../../src/components/pick/StationDevices.tsx"],"names":[],"mappings":"AAOA,yEAAyE;AACzE,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,+BAyE7F"}

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

@@ -0,0 +1,55 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import QRCode from "qrcode";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { Button, toast } from "@flowselections/core";
+import { Loader2, Smartphone } from "lucide-react";
+import { createPairCode, listDevices, revokeDevice } from "../../lib/pick159.js";
+/** Beheer: apparaat koppelen (code + QR-link) en apparaten intrekken. */
+export function StationDevices({ stationId, slug }) {
+    const qc = useQueryClient();
+    const [code, setCode] = useState(null);
+    const [bezig, setBezig] = useState(false);
+    const { data: devices = [], isLoading } = useQuery({
+        queryKey: ["pick", "devices", stationId],
+        queryFn: () => listDevices(stationId),
+    });
+    const actief = (Array.isArray(devices) ? devices : []).filter((d) => !d.ingetrokken_op);
+    const origin = typeof window !== "undefined" ? window.location.origin : "";
+    const link = code && slug ? `${origin}/pickstation/${slug}?koppelcode=${code.code}` : null;
+    const [qr, setQr] = useState(null);
+    useEffect(() => {
+        // QR wordt in de browser zelf getekend; er gaat niets naar een dienst van buiten.
+        if (!link)
+            return setQr(null);
+        let actief = true;
+        QRCode.toDataURL(link, { margin: 1, width: 220 }).then((u) => actief && setQr(u)).catch(() => actief && setQr(null));
+        return () => {
+            actief = false;
+        };
+    }, [link]);
+    async function nieuweCode() {
+        setBezig(true);
+        try {
+            setCode(await createPairCode(stationId));
+        }
+        catch {
+            toast.error("Er kon geen koppelcode worden gemaakt.");
+        }
+        finally {
+            setBezig(false);
+        }
+    }
+    async function intrekken(id) {
+        if (!window.confirm("Dit apparaat intrekken? Het kan daarna niet meer printen."))
+            return;
+        try {
+            await revokeDevice(id);
+            void qc.invalidateQueries({ queryKey: ["pick", "devices", stationId] });
+        }
+        catch {
+            toast.error("Intrekken lukte niet.");
+        }
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-sm font-medium text-foreground", children: ["Apparaten ", isLoading ? "" : actief.length === 0 ? "– nog niet gekoppeld" : `– ${actief.length} gekoppeld`] }), actief.map((d) => (_jsxs("div", { className: "flex items-center justify-between gap-2 text-sm", children: [_jsxs("span", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Smartphone, { className: "h-4 w-4" }), d.naam ?? "Apparaat", d.laatst_gezien ? ` · laatst gezien ${new Date(d.laatst_gezien).toLocaleString("nl-NL")}` : ""] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => void intrekken(d.id), children: "Intrekken" })] }, d.id))), _jsxs(Button, { size: "sm", variant: "secondary", disabled: bezig, onClick: () => void nieuweCode(), children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, "Apparaat koppelen"] }), code ? (_jsxs("div", { className: "rounded-md border border-border p-3 text-sm", children: [_jsxs("p", { children: ["Koppelcode: ", _jsx("span", { className: "font-mono text-lg font-bold tracking-widest", children: code.code })] }), _jsx("p", { className: "text-muted-foreground", children: "10 minuten geldig, maximaal 5 pogingen." }), qr ? _jsx("img", { src: qr, alt: "QR-code om dit apparaat te koppelen", className: "mt-2 h-44 w-44 rounded bg-background" }) : null, link ? _jsxs("p", { className: "mt-2 break-all text-muted-foreground", children: ["Of open op het apparaat: ", link] }) : null] })) : null] }));
+}

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

@@ -0,0 +1,7 @@
+/** Volledig scherm voor een apparaat zonder geldige sleutel. */
+export declare function StationPairing({ slug, initialCode, onPaired }: {
+    slug: string;
+    initialCode?: string;
+    onPaired: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StationPairing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StationPairing.d.ts","sourceRoot":"","sources":["../../../src/components/pick/StationPairing.tsx"],"names":[],"mappings":"AAKA,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAE,+BAuC3H"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Card, CardContent, Input, Label } from "@flowselections/core";
+import { Loader2 } from "lucide-react";
+import { NOT_PAIRED_TEXT, pairDevice, saveDeviceKey } from "../../lib/pick159.js";
+/** Volledig scherm voor een apparaat zonder geldige sleutel. */
+export function StationPairing({ slug, initialCode, onPaired }) {
+    const [code, setCode] = useState(initialCode ?? "");
+    const [naam, setNaam] = useState("");
+    const [bezig, setBezig] = useState(false);
+    const [fout, setFout] = useState(null);
+    async function koppel() {
+        setBezig(true);
+        setFout(null);
+        const r = await pairDevice(slug, code.trim().toUpperCase(), naam.trim() || null);
+        setBezig(false);
+        if (r.ok) {
+            saveDeviceKey(slug, r.key);
+            onPaired();
+        }
+        else
+            setFout(r.tekst);
+    }
+    return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-4", children: _jsx(Card, { className: "w-full max-w-md", children: _jsxs(CardContent, { className: "space-y-4 p-6", children: [_jsx("p", { className: "text-lg font-semibold text-foreground", children: NOT_PAIRED_TEXT }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "pair-code", children: "Koppelcode" }), _jsx(Input, { id: "pair-code", value: code, maxLength: 6, autoComplete: "off", onChange: (e) => setCode(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "pair-naam", children: "Naam van dit apparaat (mag leeg)" }), _jsx(Input, { id: "pair-naam", value: naam, maxLength: 80, onChange: (e) => setNaam(e.target.value) })] }), fout ? _jsx("p", { className: "text-sm text-destructive", children: fout }) : null, _jsxs(Button, { className: "w-full", disabled: bezig || code.trim().length !== 6, onClick: () => void koppel(), children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, "Koppelen"] })] }) }) }));
+}

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))] }));
 }

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

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

package/dist-lib/hooks/usePickQueue.js

@@ -164,6 +164,10 @@ export function usePickQueue(args) {
             .channel(`pick-queue-${stationId ?? "all"}`)
             .on("postgres_changes", queueFilter, invalidate)
             .on("postgres_changes", lockFilter, invalidate)
+            // 1.0.59: alleen een seintje per station; de gegevens komen via functies met sleutel.
+            .on("postgres_changes", stationId
+            ? { event: "UPDATE", schema: "public", table: "pick_station_signals", filter: `station_id=eq.${stationId}` }
+            : { event: "UPDATE", schema: "public", table: "pick_station_signals" }, invalidate)
             .subscribe((status) => {
             setRealtimeOk(status === "SUBSCRIBED");
         });

package/dist-lib/index.d.ts

@@ -31,5 +31,6 @@ export * from "./lib/pick145.js";
 export * from "./lib/pick150.js";
 export * from "./lib/pick152.js";
 export * from "./lib/pick156.js";
+export * from "./lib/pick159.js";
 export { DocumentChoiceMelding, useDocumentChoice } from "./components/pick/DocumentChoiceMelding.js";
 //# 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;AACzF,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,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;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC"}

package/dist-lib/index.js

@@ -56,4 +56,5 @@ export * from "./lib/pick145.js";
 export * from "./lib/pick150.js";
 export * from "./lib/pick152.js";
 export * from "./lib/pick156.js";
+export * from "./lib/pick159.js";
 export { DocumentChoiceMelding, useDocumentChoice } from "./components/pick/DocumentChoiceMelding.js";