@flowselections/floriday-afhandeling-module 1.0.11 → 1.0.13

package/dist-lib/components/afhandeling/ControleLijstPrint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControleLijstPrint.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControleLijstPrint.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAanE,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,sCAkIA"}
+{"version":3,"file":"ControleLijstPrint.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControleLijstPrint.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAqEnE,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,sCAgJA"}

package/dist-lib/components/afhandeling/ControleLijstPrint.js

@@ -3,7 +3,7 @@ import { useEffect } from "react";
 import { createPortal } from "react-dom";
 import { Button } from "@flowselections/core";
 import { X, Printer } from "lucide-react";
-function fmt(iso) {
+function fmtDate(iso) {
     if (!iso)
         return "—";
     const d = new Date(iso);
@@ -15,6 +15,51 @@ function fmt(iso) {
         year: "numeric",
     });
 }
+/** Trek 1 uur af van "HH:MM" en geef terug als "HH:MM". */
+function minusOneHour(hhmm) {
+    const [h, m] = hhmm.split(":").map((n) => parseInt(n, 10));
+    if (Number.isNaN(h) || Number.isNaN(m))
+        return hhmm;
+    const total = h * 60 + m - 60;
+    const norm = ((total % (24 * 60)) + 24 * 60) % (24 * 60);
+    const hh = String(Math.floor(norm / 60)).padStart(2, "0");
+    const mm = String(norm % 60).padStart(2, "0");
+    return `${hh}:${mm}`;
+}
+function todayIsoDay() {
+    const d = new Date();
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    return `${y}-${m}-${day}`;
+}
+function tomorrowIsoDay() {
+    const d = new Date();
+    d.setDate(d.getDate() + 1);
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    return `${y}-${m}-${day}`;
+}
+function computeKlaarzet(cart) {
+    const today = todayIsoDay();
+    const tomorrow = tomorrowIsoDay();
+    if (cart.pickupDate === today) {
+        const time = cart.pickupTime ? minusOneHour(cart.pickupTime) : null;
+        if (time) {
+            const [h, m] = time.split(":").map((n) => parseInt(n, 10));
+            return { label: time, sortKey: h * 60 + m };
+        }
+        // Ophaaldatum vandaag maar geen tijd bekend → einde van vandaag.
+        return { label: "vandaag", sortKey: 23 * 60 + 59 };
+    }
+    if (cart.pickupDate === tomorrow) {
+        // Moet uiterlijk vandaag klaar → toon datum vandaag.
+        return { label: fmtDate(today), sortKey: 23 * 60 + 58 };
+    }
+    // Overige gevallen: eind van de dag, met datum als label.
+    return { label: fmtDate(cart.pickupDate), sortKey: 24 * 60 + 999 };
+}
 /** Printbare controlelijst — één regel per kar met checkbox en opmerkingveld. */
 export function ControleLijstPrint({ carts, onClose, }) {
     useEffect(() => {
@@ -32,7 +77,23 @@ export function ControleLijstPrint({ carts, onClose, }) {
         month: "long",
         year: "numeric",
     });
-    const content = (_jsxs("div", { id: "controle-print-root", className: "fixed inset-0 z-[100] bg-white overflow-auto", children: [_jsxs("div", { className: "print:hidden sticky top-0 flex items-center justify-between p-3 border-b bg-white", children: [_jsx("div", { className: "font-semibold", children: "Controlelijst \u2014 printweergave" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => window.print(), children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), "Opnieuw printen"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: onClose, children: [_jsx(X, { className: "h-4 w-4 mr-2" }), "Sluiten"] })] })] }), _jsxs("div", { className: "print-sheet p-8 print:p-0 max-w-[210mm] mx-auto text-black", children: [_jsxs("div", { className: "flex items-baseline justify-between border-b border-black pb-2 mb-4", children: [_jsx("h1", { className: "text-2xl font-bold", children: "Controlelijst karren" }), _jsx("div", { className: "text-sm", children: today })] }), _jsxs("div", { className: "text-sm mb-3", children: ["Totaal karren: ", _jsx("strong", { children: carts.length })] }), _jsxs("table", { className: "w-full text-[11px] border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-black", children: [_jsx("th", { className: "text-left py-1 pr-2", children: "Karnr" }), _jsx("th", { className: "text-left py-1 pr-2", children: "Klant" }), _jsx("th", { className: "text-left py-1 pr-2", children: "Vervoerder" }), _jsx("th", { className: "text-left py-1 pr-2", children: "Lever" }), _jsx("th", { className: "text-left py-1 pr-2", children: "Ophaal" }), _jsx("th", { className: "text-left py-1 pr-2", children: "Print" }), _jsx("th", { className: "text-center py-1 px-2", children: "Klaar" }), _jsx("th", { className: "text-left py-1 pr-2", children: "Opmerkingen" })] }) }), _jsxs("tbody", { children: [carts.map((c) => (_jsxs("tr", { className: "border-b border-gray-300", children: [_jsx("td", { className: "py-2 pr-2 font-mono font-bold whitespace-nowrap", children: c.cartNumber ?? "—" }), _jsx("td", { className: "py-2 pr-2", children: c.customerName }), _jsx("td", { className: "py-2 pr-2", children: c.carrierName ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap", children: fmt(c.deliveryDate) }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap", children: fmt(c.pickupDate) }), _jsx("td", { className: "py-2 pr-2 text-center", children: c.printedCount > 0 ? "✓" : "" }), _jsx("td", { className: "py-2 px-2 text-center", children: _jsx("span", { className: "inline-block w-4 h-4 border border-black" }) }), _jsx("td", { className: "py-2 pr-2 w-[30%]", children: _jsx("span", { className: "inline-block w-full border-b border-gray-400 h-4" }) })] }, `${c.orderSource}#${c.orderId}#${c.cartIndex}`))), carts.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 8, className: "py-6 text-center text-gray-500", children: "Geen karren om vandaag te controleren." }) }))] })] }), _jsxs("div", { className: "mt-6 text-[11px]", children: [_jsxs("div", { children: ["Gecontroleerd door: ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: ["Datum / tijd: ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: ["Handtekening: ", _jsx("span", { className: "inline-block border-b border-black w-64" })] })] })] }), _jsx("style", { children: `
+    // Bereken klaarzet-moment per kar en sorteer op prioriteit
+    // (vroegste klaarzet bovenaan; daarna land, karnummer).
+    const sortedCarts = carts
+        .map((cart) => ({ cart, klaarzet: computeKlaarzet(cart) }))
+        .sort((a, b) => {
+        if (a.klaarzet.sortKey !== b.klaarzet.sortKey) {
+            return a.klaarzet.sortKey - b.klaarzet.sortKey;
+        }
+        const ac = a.cart.country ?? "\uFFFF";
+        const bc = b.cart.country ?? "\uFFFF";
+        if (ac !== bc)
+            return ac.localeCompare(bc);
+        const an = a.cart.cartNumber ?? "\uFFFF";
+        const bn = b.cart.cartNumber ?? "\uFFFF";
+        return an.localeCompare(bn);
+    });
+    const content = (_jsxs("div", { id: "controle-print-root", className: "fixed inset-0 z-[100] bg-white overflow-auto", children: [_jsxs("div", { className: "print:hidden sticky top-0 flex items-center justify-between p-3 border-b bg-white", children: [_jsx("div", { className: "font-semibold", children: "Controlelijst \u2014 printweergave" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => window.print(), children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), "Opnieuw printen"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: onClose, children: [_jsx(X, { className: "h-4 w-4 mr-2" }), "Sluiten"] })] })] }), _jsxs("div", { className: "print-sheet p-8 print:p-0 max-w-[210mm] mx-auto text-black", children: [_jsxs("div", { className: "flex items-baseline justify-between border-b border-black pb-2 mb-4", children: [_jsx("h1", { className: "text-2xl font-bold", children: "Controlelijst karren" }), _jsx("div", { className: "text-sm", children: today })] }), _jsxs("div", { className: "text-sm mb-3", children: ["Totaal karren: ", _jsx("strong", { children: carts.length })] }), _jsxs("table", { className: "w-full text-[11px] border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-black", children: [_jsx("th", { className: "text-left py-1 pr-2", children: "KARNR" }), _jsx("th", { className: "text-right py-1 pr-2", children: "FUSTEN" }), _jsx("th", { className: "text-left py-1 pr-2", children: "LAND" }), _jsx("th", { className: "text-left py-1 pr-2", children: "KLAARZETTEN" }), _jsx("th", { className: "text-center py-1 px-2", children: "KLAAR" }), _jsx("th", { className: "text-left py-1 pr-2", children: "OPMERKINGEN" })] }) }), _jsxs("tbody", { children: [sortedCarts.map(({ cart: c, klaarzet }) => (_jsxs("tr", { className: "border-b border-gray-300", children: [_jsx("td", { className: "py-2 pr-2 font-mono font-bold whitespace-nowrap", children: c.cartNumber ?? "—" }), _jsx("td", { className: "py-2 pr-2 text-right whitespace-nowrap", children: c.cratesOnCart ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap", children: c.country ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap font-semibold", children: klaarzet.label }), _jsx("td", { className: "py-2 px-2 text-center", children: _jsx("span", { className: "inline-block w-4 h-4 border border-black" }) }), _jsx("td", { className: "py-2 pr-2 w-[35%]", children: _jsx("span", { className: "inline-block w-full border-b border-gray-400 h-4" }) })] }, `${c.orderSource}#${c.orderId}#${c.cartIndex}`))), sortedCarts.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 6, className: "py-6 text-center text-gray-500", children: "Geen karren om vandaag te controleren." }) }))] })] }), _jsxs("div", { className: "mt-6 text-[11px]", children: [_jsxs("div", { children: ["Gecontroleerd door: ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: ["Datum / tijd: ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: ["Handtekening: ", _jsx("span", { className: "inline-block border-b border-black w-64" })] })] })] }), _jsx("style", { children: `
         @media print {
           @page { size: A4 portrait; margin: 12mm; }
           html, body { background: #fff !important; margin: 0 !important; padding: 0 !important; }

package/dist-lib/components/afhandeling/ControlePage.d.ts

@@ -1,2 +1,4 @@
-export declare function ControlePage(): import("react").JSX.Element;
+export declare function ControlePage({ onExit }?: {
+    onExit?: () => void;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ControlePage.d.ts.map

package/dist-lib/components/afhandeling/ControlePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,YAAY,gCAwtB3B"}
+{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BA+tBpE"}

package/dist-lib/components/afhandeling/ControlePage.js

@@ -54,7 +54,7 @@ function buildDraftDto(input, formState, updatedAt) {
         updatedAt,
     };
 }
-export function ControlePage() {
+export function ControlePage({ onExit } = {}) {
     const qc = useQueryClient();
     const [tab, setTab] = useState("controle");
     const [notes, setNotes] = useState("");
@@ -411,7 +411,11 @@ export function ControlePage() {
                                                 ? "Voortgang automatisch opgeslagen"
                                                 : lastSavedRef.current && notes === lastSavedRef.current
                                                     ? "Concept bewaard"
-                                                    : "" })] }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Bijzonderheden, afwijkingen\u2026", rows: 3 }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Wordt automatisch bewaard tot de controle definitief is goedgekeurd." })] })] })), tab === "historie" && _jsx(HistorieView, { loading: histQ.isLoading, sessions: histQ.data?.sessions ?? [] }), showPrint && (_jsx(ControleLijstPrint, { carts: carts, onClose: () => setShowPrint(false) })), _jsx(Dialog, { open: !!result, onOpenChange: (v) => !v && setResult(null), children: _jsxs(ResponsiveDialogContent, { size: "md", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Resultaat controle" }), _jsxs(DialogDescription, { children: [result?.checkedCount, " klaar \u00B7 ", result?.rescheduledCount, " doorgeschoven \u00B7", " ", result?.blockedCount, " geblokkeerd"] })] }), _jsxs(ResponsiveDialogBody, { className: "space-y-4", children: [result?.blocked && result.blocked.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2 text-destructive font-medium", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "De volgende karren kunnen niet automatisch worden doorgeschoven omdat hierdoor de planning of levering in gevaar komt." })] }), _jsx(BlockedTable, { blocked: result.blocked })] })), result?.rescheduled && result.rescheduled.length > 0 && (_jsxs("div", { className: "border rounded-md p-3", children: [_jsx("div", { className: "font-medium mb-2", children: "Doorgeschoven karren" }), _jsx("ul", { className: "text-sm space-y-1", children: result.rescheduled.map((r, i) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono", children: r.cartNumber ?? "—" }), " \u2014", " ", r.customerName, " \u2192 nieuwe pickdatum", " ", _jsx("strong", { children: fmtDate(r.newPickDate) })] }, i))) })] }))] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { onClick: () => setResult(null), children: "Sluiten" }) })] }) }), _jsx(Dialog, { open: !!pendingProposal, onOpenChange: (v) => !v && setPendingProposal(null), children: _jsxs(ResponsiveDialogContent, { size: "lg", rows: "with-alert", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Controle beslisscherm" }), _jsx(DialogDescription, { children: "Bepaal wat er met de niet-gereed gemelde karren moet gebeuren voordat je de controle definitief afrondt." })] }), _jsx("div", { className: criticalTomorrowCount > 0 ? "border-b bg-destructive/10 px-6 py-4" : "border-b bg-muted/30 px-6 py-4", children: _jsxs("div", { className: criticalTomorrowCount > 0 ? "flex min-w-0 items-start gap-3 text-destructive" : "flex min-w-0 items-start gap-3 text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0" }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsx("div", { className: "font-semibold", children: criticalTomorrowCount > 0
+                                                    : "" })] }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Bijzonderheden, afwijkingen\u2026", rows: 3 }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Wordt automatisch bewaard tot de controle definitief is goedgekeurd." })] })] })), tab === "historie" && _jsx(HistorieView, { loading: histQ.isLoading, sessions: histQ.data?.sessions ?? [] }), showPrint && (_jsx(ControleLijstPrint, { carts: carts, onClose: () => setShowPrint(false) })), _jsx(Dialog, { open: !!result, onOpenChange: (v) => !v && setResult(null), children: _jsxs(ResponsiveDialogContent, { size: "md", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Resultaat controle" }), _jsxs(DialogDescription, { children: [result?.checkedCount, " klaar \u00B7 ", result?.rescheduledCount, " doorgeschoven \u00B7", " ", result?.blockedCount, " geblokkeerd"] })] }), _jsxs(ResponsiveDialogBody, { className: "space-y-4", children: [result?.blocked && result.blocked.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2 text-destructive font-medium", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "De volgende karren kunnen niet automatisch worden doorgeschoven omdat hierdoor de planning of levering in gevaar komt." })] }), _jsx(BlockedTable, { blocked: result.blocked })] })), result?.rescheduled && result.rescheduled.length > 0 && (_jsxs("div", { className: "border rounded-md p-3", children: [_jsx("div", { className: "font-medium mb-2", children: "Doorgeschoven karren" }), _jsx("ul", { className: "text-sm space-y-1", children: result.rescheduled.map((r, i) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono", children: r.cartNumber ?? "—" }), " \u2014", " ", r.customerName, " \u2192 nieuwe pickdatum", " ", _jsx("strong", { children: fmtDate(r.newPickDate) })] }, i))) })] }))] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { onClick: () => {
+                                    setResult(null);
+                                    if (onExit)
+                                        onExit();
+                                }, children: "Sluiten" }) })] }) }), _jsx(Dialog, { open: !!pendingProposal, onOpenChange: (v) => !v && setPendingProposal(null), children: _jsxs(ResponsiveDialogContent, { size: "lg", rows: "with-alert", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Controle beslisscherm" }), _jsx(DialogDescription, { children: "Bepaal wat er met de niet-gereed gemelde karren moet gebeuren voordat je de controle definitief afrondt." })] }), _jsx("div", { className: criticalTomorrowCount > 0 ? "border-b bg-destructive/10 px-6 py-4" : "border-b bg-muted/30 px-6 py-4", children: _jsxs("div", { className: criticalTomorrowCount > 0 ? "flex min-w-0 items-start gap-3 text-destructive" : "flex min-w-0 items-start gap-3 text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0" }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsx("div", { className: "font-semibold", children: criticalTomorrowCount > 0
                                                     ? `LET OP: Er ${criticalTomorrowCount === 1 ? "staat 1 kar" : `staan ${criticalTomorrowCount} karren`} gepland om morgen opgehaald te worden die nog niet gereed ${criticalTomorrowCount === 1 ? "is" : "zijn"}.`
                                                     : "Geen kritieke karren met ophaaldatum morgen." }), _jsx("div", { className: criticalTomorrowCount > 0 ? "text-sm text-destructive/90" : "text-sm text-muted-foreground", children: criticalTomorrowCount > 0
                                                     ? "Controleer deze karren voordat je verder gaat met de vervolgprocessen."

package/dist-lib/components/pickstation/KioskControle.d.ts

@@ -0,0 +1,2 @@
+export declare function KioskControle(): import("react").JSX.Element;
+//# sourceMappingURL=KioskControle.d.ts.map

package/dist-lib/components/pickstation/KioskControle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KioskControle.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/KioskControle.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,gCAoB5B"}

package/dist-lib/components/pickstation/KioskControle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from "@tanstack/react-router";
+import { ControlePage } from "../afhandeling/ControlePage";
+export function KioskControle() {
+    const navigate = useNavigate();
+    return (_jsxs("div", { className: "min-h-screen bg-slate-50 text-slate-900 flex flex-col", children: [_jsx("header", { className: "bg-white border-b sticky top-0 z-20", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 py-3 flex items-center gap-3", children: [_jsx("button", { onClick: () => navigate({ to: "/pickstation" }), className: "h-12 px-4 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 font-semibold", children: "\u2190 Terug naar Picking" }), _jsx("h1", { className: "text-xl font-semibold", children: "Picking-modus" })] }) }), _jsx("main", { className: "flex-1", children: _jsx(ControlePage, { onExit: () => navigate({ to: "/pickstation" }) }) })] }));
+}

package/dist-lib/components/pickstation/PickstationPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PickstationPage(): import("react").JSX.Element;
+//# sourceMappingURL=PickstationPage.d.ts.map

package/dist-lib/components/pickstation/PickstationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickstationPage.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/PickstationPage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,eAAe,gCA8W9B"}

package/dist-lib/components/pickstation/PickstationPage.js

@@ -0,0 +1,217 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { LanguagePicker } from "./LanguagePicker";
+import { renderPakbonHtml } from "./PakbonTemplate";
+import { printHtml, printPdfBase64 } from "./printDocuments";
+import { ControleLijstPrint } from "../afhandeling/ControleLijstPrint";
+import { PICKSTATION_DICT, PICKSTATION_LANGUAGES, } from "../../lib/pickstationI18n";
+const LANG_KEY = "pickstation.lang";
+const LAST_GOOD_ORDERS_KEY = "pickstation.lastGoodOrders";
+function statusBadge(status, t, printedCount) {
+    switch (status) {
+        case "not_printed":
+            return { label: t.notPrinted, className: "bg-slate-200 text-slate-700" };
+        case "printed":
+            return {
+                label: `✓ ${t.printed(printedCount || 1)}`,
+                className: "bg-emerald-100 text-emerald-800",
+            };
+        case "checked":
+            return { label: `✓ ${t.statusChecked}`, className: "bg-sky-100 text-sky-800" };
+        case "ready":
+            return { label: t.statusReady, className: "bg-indigo-100 text-indigo-800" };
+        case "shipped":
+            return { label: t.statusShipped, className: "bg-amber-100 text-amber-900" };
+        case "delivered":
+            return { label: `✓ ${t.statusDelivered}`, className: "bg-emerald-600 text-white" };
+    }
+}
+export function PickstationPage() {
+    const navigate = useNavigate();
+    const [lang, setLang] = useState(null);
+    const [printingId, setPrintingId] = useState(null);
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const [lastGoodOrders, setLastGoodOrders] = useState([]);
+    const [pendingConfirm, setPendingConfirm] = useState(null);
+    const [confirming, setConfirming] = useState(false);
+    const [printWarning, setPrintWarning] = useState(null);
+    const [showChecklist, setShowChecklist] = useState(false);
+    useEffect(() => {
+        const stored = (typeof localStorage !== "undefined"
+            ? localStorage.getItem(LANG_KEY)
+            : null);
+        const storedOrders = typeof localStorage !== "undefined"
+            ? localStorage.getItem(LAST_GOOD_ORDERS_KEY)
+            : null;
+        if (storedOrders) {
+            try {
+                const parsed = JSON.parse(storedOrders);
+                if (Array.isArray(parsed))
+                    setLastGoodOrders(parsed);
+            }
+            catch {
+                localStorage.removeItem(LAST_GOOD_ORDERS_KEY);
+            }
+        }
+        if (stored && PICKSTATION_LANGUAGES.some((l) => l.code === stored)) {
+            setLang(stored);
+        }
+        else {
+            setPickerOpen(true);
+        }
+    }, []);
+    const pickLang = useCallback((l) => {
+        setLang(l);
+        setPickerOpen(false);
+        try {
+            localStorage.setItem(LANG_KEY, l);
+        }
+        catch {
+            /* ignore */
+        }
+    }, []);
+    const ordersQuery = useQuery({
+        queryKey: ["pickstation", "orders"],
+        queryFn: async () => {
+            const res = await fetch("/api/public/pickstation/orders", { cache: "no-store" });
+            if (!res.ok)
+                throw new Error(`HTTP ${res.status}`);
+            return res.json();
+        },
+        refetchInterval: 30000,
+        refetchOnWindowFocus: true,
+        enabled: lang !== null,
+    });
+    const t = useMemo(() => PICKSTATION_DICT[lang ?? "nl"], [lang]);
+    useEffect(() => {
+        if (ordersQuery.data && !ordersQuery.data.error) {
+            const next = ordersQuery.data.orders ?? [];
+            setLastGoodOrders(next);
+            try {
+                localStorage.setItem(LAST_GOOD_ORDERS_KEY, JSON.stringify(next));
+            }
+            catch {
+                /* ignore */
+            }
+        }
+    }, [ordersQuery.data]);
+    const queryError = ordersQuery.data?.error ??
+        (ordersQuery.error instanceof Error ? ordersQuery.error.message : undefined);
+    const freshOrders = ordersQuery.data?.orders ?? [];
+    const orders = queryError ? lastGoodOrders : freshOrders;
+    const printedCount = orders.filter((o) => o.printedCount > 0).length;
+    const handlePrint = useCallback(async (order) => {
+        if (printingId || pendingConfirm)
+            return;
+        setPrintingId(order.id);
+        setPrintWarning(null);
+        try {
+            let auctionLetter = null;
+            try {
+                const res = await fetch("/api/public/pickstation/print", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        orderId: order.id,
+                        sourceOrderId: order.orderId,
+                        orderNumber: `${order.orderNumber} (kar ${order.cartIndex}/${order.cartTotal})`,
+                        customerName: order.customerName,
+                        documents: ["packing-slip", "auction-letter"],
+                        confirmed: false,
+                    }),
+                });
+                if (res.ok) {
+                    const body = (await res.json());
+                    auctionLetter = body.auctionLetter ?? null;
+                }
+            }
+            catch {
+                /* network error – continue with pakbon only */
+            }
+            const html = renderPakbonHtml(order);
+            await printHtml(html);
+            if (auctionLetter) {
+                await printPdfBase64(auctionLetter.base64, auctionLetter.mime);
+            }
+            setPendingConfirm(order);
+        }
+        finally {
+            setPrintingId(null);
+        }
+    }, [printingId, pendingConfirm]);
+    const confirmPrinted = useCallback(async (yes) => {
+        const order = pendingConfirm;
+        if (!order)
+            return;
+        if (!yes) {
+            setPendingConfirm(null);
+            return;
+        }
+        setConfirming(true);
+        setPrintWarning(null);
+        try {
+            const res = await fetch("/api/public/pickstation/print", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    orderId: order.id,
+                    sourceOrderId: order.orderId,
+                    orderNumber: `${order.orderNumber} (kar ${order.cartIndex}/${order.cartTotal})`,
+                    customerName: order.customerName,
+                    documents: ["packing-slip", "auction-letter"],
+                    confirmed: true,
+                }),
+            });
+            if (res.ok) {
+                const body = (await res.json());
+                if (body.warning)
+                    setPrintWarning(body.warning);
+            }
+            else {
+                setPrintWarning(`Bevestigen mislukt (HTTP ${res.status}).`);
+            }
+        }
+        catch (e) {
+            setPrintWarning(e instanceof Error ? e.message : "Bevestigen mislukt.");
+        }
+        finally {
+            setConfirming(false);
+            setPendingConfirm(null);
+            void ordersQuery.refetch();
+        }
+    }, [pendingConfirm, ordersQuery]);
+    const printNext = useCallback(() => {
+        const next = orders[0];
+        if (next)
+            void handlePrint(next);
+    }, [orders, handlePrint]);
+    if (!lang || pickerOpen) {
+        return _jsx(LanguagePicker, { onPick: pickLang });
+    }
+    return (_jsxs("div", { className: "min-h-screen bg-slate-50 text-slate-900", children: [_jsx("header", { className: "bg-white border-b sticky top-0 z-10", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 py-4 flex items-center gap-3 flex-wrap", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h1", { className: "text-2xl font-semibold leading-tight", children: t.title }), _jsxs("p", { className: "text-sm text-slate-500", children: [t.subtitle, " \u00B7 ", t.ofTotal(printedCount, orders.length)] })] }), _jsxs("button", { onClick: () => setPickerOpen(true), className: "h-14 px-5 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 font-semibold text-lg", children: ["\uD83C\uDF10 ", t.changeLang] }), _jsxs("button", { onClick: () => setShowChecklist(true), className: "h-14 px-5 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 font-semibold text-lg", children: ["\uD83D\uDCCB ", t.printChecklist] }), _jsxs("button", { onClick: () => navigate({ to: "/controle" }), className: "h-14 px-5 rounded-xl bg-sky-600 hover:bg-sky-700 text-white font-semibold text-lg shadow", children: ["\u2713 ", t.runControl] }), _jsxs("button", { onClick: printNext, disabled: printingId !== null || orders.length === 0, className: "h-14 px-6 rounded-xl bg-emerald-600 hover:bg-emerald-700 disabled:bg-slate-300 text-white font-bold text-lg shadow", children: ["\uD83D\uDDA8 ", t.printNext] })] }) }), _jsxs("main", { className: "max-w-6xl mx-auto px-4 py-6", children: [ordersQuery.isLoading && _jsx("p", { className: "text-xl text-center py-12", children: t.loading }), queryError && orders.length > 0 && (_jsxs("div", { className: "bg-amber-50 border-2 border-amber-300 text-amber-900 rounded-xl p-4 mb-4", children: [_jsx("strong", { children: "Let op:" }), " verversen is niet gelukt, daarom blijven de laatst bekende pakbonnen zichtbaar. ", queryError] })), printWarning && (_jsxs("div", { className: "bg-amber-50 border-2 border-amber-300 text-amber-900 rounded-xl p-4 mb-4", children: [_jsx("strong", { children: "Let op:" }), " ", printWarning] })), queryError && orders.length === 0 && (_jsxs("div", { className: "bg-rose-50 border-2 border-rose-300 text-rose-900 rounded-xl p-4 mb-4", children: [_jsx("strong", { children: "Picklijst niet bijgewerkt:" }), " ", queryError, " De orders zijn hierdoor niet verwijderd; controleer de Pickagenda of probeer opnieuw."] })), !ordersQuery.isLoading && orders.length === 0 && !queryError && (_jsx("p", { className: "text-2xl text-center py-16 text-slate-500", children: t.empty })), orders.length > 0 && (_jsx("div", { className: "bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm", children: _jsxs("table", { className: "w-full text-lg", children: [_jsx("thead", { className: "bg-slate-100 text-slate-600 text-sm uppercase tracking-wide", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left px-5 py-3", children: "Karnr" }), _jsx("th", { className: "text-left px-5 py-3", children: t.orderNumber }), _jsx("th", { className: "text-left px-5 py-3", children: "Kar" }), _jsx("th", { className: "text-left px-5 py-3", children: "Fusten" }), _jsx("th", { className: "text-left px-5 py-3", children: t.customer }), _jsx("th", { className: "text-left px-5 py-3", children: t.country }), _jsx("th", { className: "text-left px-5 py-3", children: t.deliveryDate }), _jsx("th", { className: "text-left px-5 py-3", children: t.status })] }) }), _jsx("tbody", { children: orders.map((o) => {
+                                        const isPrinting = printingId === o.id;
+                                        const badge = statusBadge(o.status, t, o.printedCount);
+                                        return (_jsxs("tr", { className: `border-t border-slate-100 transition select-none ${isPrinting ? "bg-emerald-50" : "hover:bg-slate-50"}`, style: { minHeight: 64 }, children: [_jsx("td", { className: "px-5 py-4 whitespace-nowrap cursor-pointer", onClick: () => void handlePrint(o), children: _jsx("span", { className: "inline-block px-3 py-1.5 rounded-md bg-black text-white font-black text-xl tracking-widest font-mono whitespace-nowrap", children: o.cartNumber ?? "—" }) }), _jsx("td", { className: "px-5 py-4 font-bold text-xl cursor-pointer", onClick: () => void handlePrint(o), children: o.orderNumber }), _jsxs("td", { className: "px-5 py-4 font-semibold", children: [o.cartIndex, "/", o.cartTotal] }), _jsx("td", { className: "px-5 py-4 font-semibold", children: o.cratesOnCart != null ? o.cratesOnCart : "—" }), _jsx("td", { className: "px-5 py-4", children: o.customerName }), _jsx("td", { className: "px-5 py-4", children: o.country ?? "—" }), _jsx("td", { className: "px-5 py-4", children: o.deliveryDate
+                                                        ? new Date(o.deliveryDate).toLocaleDateString(lang === "en" ? "en-GB" : lang)
+                                                        : "—" }), _jsx("td", { className: "px-5 py-4", children: isPrinting ? (_jsx("span", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-600 text-white font-semibold", children: t.printingNow })) : (_jsx("span", { className: `inline-flex items-center gap-2 px-3 py-1 rounded-full font-semibold ${badge.className}`, children: badge.label })) })] }, o.id));
+                                    }) })] }) })), _jsx("p", { className: "text-xs text-slate-400 mt-6 text-center", children: t.printDialogHint })] }), pendingConfirm && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: _jsxs("div", { className: "bg-white rounded-2xl shadow-2xl max-w-md w-full p-6", children: [_jsx("h2", { className: "text-2xl font-bold mb-2", children: t.confirmPrintedTitle }), _jsx("p", { className: "text-slate-600 mb-2", children: t.confirmPrintedBody }), _jsx("div", { className: "mb-4 inline-block px-4 py-2 rounded-md bg-black text-white font-black text-3xl tracking-widest font-mono", children: pendingConfirm.cartNumber ?? "—" }), _jsxs("p", { className: "text-slate-800 font-semibold mb-6", children: [pendingConfirm.orderNumber, " \u00B7 kar ", pendingConfirm.cartIndex, "/", pendingConfirm.cartTotal] }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("button", { onClick: () => void confirmPrinted(true), disabled: confirming, className: "h-14 rounded-xl bg-emerald-600 hover:bg-emerald-700 disabled:bg-slate-300 text-white font-bold text-lg shadow", children: ["\u2713 ", t.confirmYes] }), _jsxs("button", { onClick: () => void confirmPrinted(false), disabled: confirming, className: "h-14 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 disabled:opacity-60 font-semibold text-lg", children: ["\u2715 ", t.confirmNo] })] })] }) })), showChecklist && (_jsx(ControleLijstPrint, { carts: orders.map((o) => ({
+                    cartNumberId: null,
+                    cartNumber: o.cartNumber,
+                    orderId: o.orderId,
+                    orderSource: o.orderSource,
+                    cartIndex: o.cartIndex - 1,
+                    orderNumber: o.orderNumber,
+                    customerName: o.customerName,
+                    carrierName: o.carrierName,
+                    deliveryDate: o.deliveryDate,
+                    pickupDate: o.pickupDate,
+                    pickupTime: o.pickupTime,
+                    country: o.country,
+                    cratesOnCart: o.cratesOnCart,
+                    pickDate: o.deliveryDate ?? "",
+                    printedCount: o.printedCount,
+                    status: o.status,
+                })), onClose: () => setShowChecklist(false) }))] }));
+}

package/dist-lib/index.d.ts

@@ -9,5 +9,7 @@ export { PlanningAgendaPage } from "./components/afhandeling/PlanningAgendaPage"
 export { ControlePage } from "./components/afhandeling/ControlePage";
 export { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
 export { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
+export { PickstationPage } from "./components/pickstation/PickstationPage";
+export { KioskControle } from "./components/pickstation/KioskControle";
 export declare const floridayAfhandelingModule: FlowModule;
 //# 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":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAKxF,eAAO,MAAM,yBAAyB,EAAE,UAkBvC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAKvE,eAAO,MAAM,yBAAyB,EAAE,UAkBvC,CAAC"}

package/dist-lib/index.js

@@ -9,6 +9,8 @@ export { PlanningAgendaPage } from "./components/afhandeling/PlanningAgendaPage"
 export { ControlePage } from "./components/afhandeling/ControlePage";
 export { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
 export { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
+export { PickstationPage } from "./components/pickstation/PickstationPage";
+export { KioskControle } from "./components/pickstation/KioskControle";
 import { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
 import { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
 export const floridayAfhandelingModule = {