@flowselections/floriday-afhandeling-module 1.0.31 → 1.0.33

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

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Button, Badge, toast } from "@flowselections/core";
 import { ChevronLeft, ChevronRight, Package, Truck, Sprout, Clock, CheckCircle2, Scale, Printer } from "lucide-react";
+import { printFoutMelding } from "../../lib/printing";
+import { WerkplekWaarschuwing, useWerkplek } from "./WerkplekWaarschuwing";
 import { isSameDay, startOfWeek, addDays } from "../../lib/pickDate";
 import { printDeliveryNote, printDeliveryNotesMerged, } from "../../lib/deliveryNotePrint";
 import { useCapacityCheck } from "../../hooks/useCapacityCheck";
@@ -144,12 +146,17 @@ export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayCl
         d.setHours(0, 0, 0, 0);
         setCursor(startOfWeek(d));
     };
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("h2", { className: "text-xl font-semibold tracking-tight", children: title ?? headerLabel }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: goPrev, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), " Vorige week"] }), _jsx(Button, { variant: "outline", size: "sm", onClick: goToday, children: "Deze week" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: goNext, children: ["Volgende week ", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(SummaryCard, { label: MODE_LABELS[mode].summary, value: totals.leveringen, tone: "default" }), _jsx(SummaryCard, { label: "Verzendklaar", value: totals.verzendklaar, tone: "success" }), _jsx(SummaryCard, { label: "In voorbereiding", value: totals.voorbereiding, tone: "muted" }), _jsx(SummaryCard, { label: "Totaal stuks", value: totals.totaalStuks, tone: "default" })] }), _jsx("div", { className: "max-h-[520px] space-y-2 overflow-y-auto rounded-lg border bg-muted/20 p-2", children: isLoading ? (_jsx("div", { className: "rounded-lg border bg-card p-10 text-center text-sm text-muted-foreground", children: "Laden\u2026" })) : (days.map((day) => (_jsx(DayRow, { day: day, onOrderClick: onOrderClick, onDayClick: onDayClick, showPrintButtons: showPrintButtons, capacity: mode === "delivery" ? undefined : capacity.byDate.get(toDayKey(day.date)) }, day.date.toISOString())))) })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("h2", { className: "text-xl font-semibold tracking-tight", children: title ?? headerLabel }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: goPrev, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), " Vorige week"] }), _jsx(Button, { variant: "outline", size: "sm", onClick: goToday, children: "Deze week" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: goNext, children: ["Volgende week ", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(SummaryCard, { label: MODE_LABELS[mode].summary, value: totals.leveringen, tone: "default" }), _jsx(SummaryCard, { label: "Verzendklaar", value: totals.verzendklaar, tone: "success" }), _jsx(SummaryCard, { label: "In voorbereiding", value: totals.voorbereiding, tone: "muted" }), _jsx(SummaryCard, { label: "Totaal stuks", value: totals.totaalStuks, tone: "default" })] }), _jsxs("div", { className: "max-h-[520px] space-y-2 overflow-y-auto rounded-lg border bg-muted/20 p-2", children: [showPrintButtons && _jsx(AgendaWerkplekBanner, {}), isLoading ? (_jsx("div", { className: "rounded-lg border bg-card p-10 text-center text-sm text-muted-foreground", children: "Laden\u2026" })) : (days.map((day) => (_jsx(DayRow, { day: day, onOrderClick: onOrderClick, onDayClick: onDayClick, showPrintButtons: showPrintButtons, capacity: mode === "delivery" ? undefined : capacity.byDate.get(toDayKey(day.date)) }, day.date.toISOString()))))] })] }));
 }
 function SummaryCard({ label, value, tone, }) {
     const valueClass = tone === "success" ? "text-green-600" : "text-foreground";
     return (_jsxs("div", { className: "rounded-lg border bg-card p-4", children: [_jsx("div", { className: `text-3xl font-bold ${valueClass}`, children: value }), _jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: label })] }));
 }
+/** Eén melding bovenaan de agenda zolang de werkplek ontbreekt. */
+function AgendaWerkplekBanner() {
+    const werkplek = useWerkplek();
+    return _jsx(WerkplekWaarschuwing, { werkplek: werkplek });
+}
 function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, capacity, }) {
     const weekdayIdx = (day.date.getDay() + 6) % 7;
     const today = new Date();
@@ -160,6 +167,7 @@ function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, capacity, })
     const printableItems = day.entries
         .filter((e) => e.order.source === "floriday" && e.order.salesOrderId)
         .map((e) => ({ id: e.order.id, salesOrderId: e.order.salesOrderId ?? undefined }));
+    const werkplek = useWerkplek();
     const handlePrintDay = async () => {
         if (printingDay || printableItems.length === 0)
             return;
@@ -174,7 +182,7 @@ function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, capacity, })
             }
         }
         catch (err) {
-            toast.error(err instanceof Error ? err.message : "Printen mislukt");
+            toast.error(printFoutMelding(err));
         }
         finally {
             setPrintingDay(false);
@@ -185,16 +193,19 @@ function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, capacity, })
             return;
         setPrintingOrderId(order.id);
         try {
-            await printDeliveryNote(order.salesOrderId);
+            await printDeliveryNote(order.salesOrderId, {
+                documentnaam: `AFL-${order.orderNumber}`,
+            });
+            toast.success(`Afleverbrief ${order.orderNumber} naar de printer gestuurd.`);
         }
         catch (err) {
-            toast.error(err instanceof Error ? err.message : "Afleverbrief printen mislukt");
+            toast.error(printFoutMelding(err));
         }
         finally {
             setPrintingOrderId(null);
         }
     };
-    return (_jsxs("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [day.movedEarlierOrderIds.size > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat vervroegd is ingepland door Pickverdeling.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.movedEarlierOrderIds.size, " vervroegd"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), showPrintButtons && printableItems.length > 0 && (_jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintDay, disabled: printingDay, children: [_jsx(Printer, { className: "mr-1 h-4 w-4" }), printingDay ? "Printen…" : `Print afleverbrieven (${printableItems.length})`] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }), _jsx(CapacityWarning, { day: capacity, className: "mx-4 mb-4 sm:mx-6" })] }));
+    return (_jsxs("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [day.movedEarlierOrderIds.size > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat vervroegd is ingepland door Pickverdeling.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.movedEarlierOrderIds.size, " vervroegd"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), showPrintButtons && printableItems.length > 0 && (_jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintDay, disabled: printingDay || !werkplek, children: [_jsx(Printer, { className: "mr-1 h-4 w-4" }), printingDay ? "Printen…" : `Print afleverbrieven (${printableItems.length})`] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }), _jsx(CapacityWarning, { day: capacity, className: "mx-4 mb-4 sm:mx-6" })] }));
 }
 function Stat({ icon, bg, value, label, }) {
     return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: `grid h-8 w-8 place-items-center rounded-full ${bg}`, children: icon }), _jsxs("div", { children: [_jsx("div", { className: "text-lg font-bold leading-none", children: value }), _jsx("div", { className: "text-xs text-muted-foreground", children: label })] })] }));

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

@@ -0,0 +1,10 @@
+/** Leest de ingestelde werkplek client-side (SSR-veilig). */
+export declare function useWerkplek(): string | null;
+/**
+ * Eén melding bovenaan een printscherm zolang er geen werkplek is ingesteld.
+ * Printknoppen zijn dan uitgeschakeld, zodat er geen fout per printactie komt.
+ */
+export declare function WerkplekWaarschuwing({ werkplek }: {
+    werkplek: string | null;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=WerkplekWaarschuwing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WerkplekWaarschuwing.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WerkplekWaarschuwing.tsx"],"names":[],"mappings":"AAIA,6DAA6D;AAC7D,wBAAgB,WAAW,IAAI,MAAM,GAAG,IAAI,CAa3C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAW7E"}

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AlertTriangle } from "lucide-react";
+import { getWerkplek } from "../../lib/printing";
+/** Leest de ingestelde werkplek client-side (SSR-veilig). */
+export function useWerkplek() {
+    const [werkplek, setWerkplekState] = useState(null);
+    useEffect(() => {
+        setWerkplekState(getWerkplek());
+        const onStorage = () => setWerkplekState(getWerkplek());
+        window.addEventListener("storage", onStorage);
+        window.addEventListener("focus", onStorage);
+        return () => {
+            window.removeEventListener("storage", onStorage);
+            window.removeEventListener("focus", onStorage);
+        };
+    }, []);
+    return werkplek;
+}
+/**
+ * Eén melding bovenaan een printscherm zolang er geen werkplek is ingesteld.
+ * Printknoppen zijn dan uitgeschakeld, zodat er geen fout per printactie komt.
+ */
+export function WerkplekWaarschuwing({ werkplek }) {
+    if (werkplek)
+        return null;
+    return (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), _jsxs("div", { children: [_jsx("span", { className: "font-medium", children: "Geen werkplek ingesteld." }), " Printen is uitgeschakeld. Stel de werkplek (pickstation- of computernaam) in bij ", _jsx("strong", { children: "Instellingen" }), "."] })] }));
+}

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

@@ -14,82 +14,82 @@ export function renderPakbonHtml(order, lang = "nl") {
     };
     const rows = order.lines.length
         ? order.lines
-            .map((l) => `
-        <tr>
-          <td>${escapeHtml(l.description)}</td>
-          <td style="text-align:right">${l.crates ?? ""}</td>
-          <td>${escapeHtml(l.unit ?? "")}</td>
+            .map((l) => `
+        <tr>
+          <td>${escapeHtml(l.description)}</td>
+          <td style="text-align:right">${l.crates ?? ""}</td>
+          <td>${escapeHtml(l.unit ?? "")}</td>
         </tr>`)
             .join("")
         : `<tr><td colspan="3" style="text-align:center;color:#666">${escapeHtml(t.noLines)}</td></tr>`;
     const cartLabel = t.cartOf(order.cartIndex, order.cartTotal);
     const fustenLabel = order.cratesOnCart != null ? `${order.cratesOnCart}` : "—";
     const cartNumber = order.cartNumber ?? `${order.orderNumber}-${order.cartIndex}`;
-    return `<!doctype html>
-<html lang="${escapeHtml(htmlLang)}">
-<head>
-  <meta charset="utf-8">
-  <title>${escapeHtml(t.packingSlip)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartNumber)}</title>
-  <style>
-    @page {
-      size: A4;
-      margin: 16mm;
-      @top-center { content: element(cartno); }
-    }
-    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
-    h1 { margin: 0 0 4px; font-size: 26px; }
-    .sub { color:#444; margin-bottom: 8px; }
-
-    .cart-number-hero {
-      position: running(cartno);
-      font-size: 88px;
-      font-weight: 900;
-      letter-spacing: 4px;
-      line-height: 1;
-      color: #000;
-      background: #fff;
-      border: 4px solid #000;
-      padding: 12px 20px;
-      display: inline-block;
-      margin: 6px 0 20px;
-      font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-
-    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 8px 0 22px; }
-    .grid div { font-size: 14px; }
-    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
-    .value { font-size: 16px; font-weight: 600; }
-    table { width:100%; border-collapse: collapse; font-size: 14px; }
-    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
-    th { text-align: left; background:#f5f5f5; }
-    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
-    .footer { margin-top: 28px; font-size: 11px; color:#666; }
-  </style>
-</head>
-<body>
-  <h1>${escapeHtml(t.packingSlip)}</h1>
-  <div class="sub">${escapeHtml(t.order)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</div>
-
-  <div class="cart-number-hero">${escapeHtml(cartNumber)}</div>
-
-  <div class="grid">
-    <div><div class="label">${escapeHtml(t.customer)}</div><div class="value">${escapeHtml(order.customerName)}</div></div>
-    <div><div class="label">${escapeHtml(t.country)}</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
-    <div><div class="label">${escapeHtml(t.deliveryDate)}</div><div class="value">${fmt(order.deliveryDate)}</div></div>
-    <div><div class="label">${escapeHtml(t.pickDate)}</div><div class="value">${fmt(order.pickDate)}</div></div>
-    <div><div class="label">${escapeHtml(t.cart)}</div><div class="value">${escapeHtml(cartLabel)}</div></div>
-    <div><div class="label">${escapeHtml(t.cratesOnThisCart)}</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
-  </div>
-
-  <table>
-    <thead><tr><th>${escapeHtml(t.description)}</th><th style="text-align:right;width:90px">${escapeHtml(t.crates)}</th><th style="width:90px">${escapeHtml(t.unit)}</th></tr></thead>
-    <tbody>${rows}</tbody>
-  </table>
-
-  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
-
-  <div class="footer">${escapeHtml(t.printedVia)} · ${new Date().toLocaleString(locale)}</div>
-</body>
+    return `<!doctype html>
+<html lang="${escapeHtml(htmlLang)}">
+<head>
+  <meta charset="utf-8">
+  <title>${escapeHtml(t.packingSlip)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartNumber)}</title>
+  <style>
+    @page {
+      size: A4;
+      margin: 16mm;
+      @top-center { content: element(cartno); }
+    }
+    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
+    h1 { margin: 0 0 4px; font-size: 26px; }
+    .sub { color:#444; margin-bottom: 8px; }
+
+    .cart-number-hero {
+      position: running(cartno);
+      font-size: 88px;
+      font-weight: 900;
+      letter-spacing: 4px;
+      line-height: 1;
+      color: #000;
+      background: #fff;
+      border: 4px solid #000;
+      padding: 12px 20px;
+      display: inline-block;
+      margin: 6px 0 20px;
+      font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 8px 0 22px; }
+    .grid div { font-size: 14px; }
+    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
+    .value { font-size: 16px; font-weight: 600; }
+    table { width:100%; border-collapse: collapse; font-size: 14px; }
+    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
+    th { text-align: left; background:#f5f5f5; }
+    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
+    .footer { margin-top: 28px; font-size: 11px; color:#666; }
+  </style>
+</head>
+<body>
+  <h1>${escapeHtml(t.packingSlip)}</h1>
+  <div class="sub">${escapeHtml(t.order)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</div>
+
+  <div class="cart-number-hero">${escapeHtml(cartNumber)}</div>
+
+  <div class="grid">
+    <div><div class="label">${escapeHtml(t.customer)}</div><div class="value">${escapeHtml(order.customerName)}</div></div>
+    <div><div class="label">${escapeHtml(t.country)}</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
+    <div><div class="label">${escapeHtml(t.deliveryDate)}</div><div class="value">${fmt(order.deliveryDate)}</div></div>
+    <div><div class="label">${escapeHtml(t.pickDate)}</div><div class="value">${fmt(order.pickDate)}</div></div>
+    <div><div class="label">${escapeHtml(t.cart)}</div><div class="value">${escapeHtml(cartLabel)}</div></div>
+    <div><div class="label">${escapeHtml(t.cratesOnThisCart)}</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
+  </div>
+
+  <table>
+    <thead><tr><th>${escapeHtml(t.description)}</th><th style="text-align:right;width:90px">${escapeHtml(t.crates)}</th><th style="width:90px">${escapeHtml(t.unit)}</th></tr></thead>
+    <tbody>${rows}</tbody>
+  </table>
+
+  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
+
+  <div class="footer">${escapeHtml(t.printedVia)} · ${new Date().toLocaleString(locale)}</div>
+</body>
 </html>`;
 }
 function escapeHtml(s) {

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

@@ -1,3 +1,10 @@
-export declare function printHtml(html: string): Promise<void>;
-export declare function printPdfBase64(base64: string, mime?: string): Promise<void>;
+import { type AfhandelingDocumenttype } from "../../lib/printing";
+export interface PrintDocumentOpties {
+    documenttype: AfhandelingDocumenttype;
+    documentnaam: string;
+    isHerprint?: boolean;
+    papierformaat?: string;
+}
+export declare function printHtml(html: string, opties: PrintDocumentOpties): Promise<void>;
+export declare function printPdfBase64(base64: string, opties: PrintDocumentOpties): Promise<void>;
 //# sourceMappingURL=printDocuments.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"printDocuments.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/printDocuments.ts"],"names":[],"mappings":"AAqCA,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAO3D;AAED,wBAAsB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,SAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAS5F"}
+{"version":3,"file":"printDocuments.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/printDocuments.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,uBAAuB,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAExF;AAED,wBAAsB,cAAc,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,mBAAmB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAEf"}

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

@@ -1,53 +1,9 @@
-// Browser-only helpers: print a HTML string and optionally a PDF (base64) via hidden iframes.
-function makeFrame() {
-    const f = document.createElement("iframe");
-    f.style.position = "fixed";
-    f.style.right = "-9999px";
-    f.style.bottom = "-9999px";
-    f.style.width = "0";
-    f.style.height = "0";
-    f.style.border = "0";
-    document.body.appendChild(f);
-    return f;
-}
-function waitForFrame(f) {
-    return new Promise((resolve) => {
-        const handler = () => {
-            f.removeEventListener("load", handler);
-            resolve();
-        };
-        f.addEventListener("load", handler);
-    });
-}
-function callPrint(win) {
-    return new Promise((resolve) => {
-        if (!win)
-            return resolve();
-        try {
-            win.focus();
-            win.print();
-        }
-        catch {
-            // ignored
-        }
-        setTimeout(resolve, 800);
-    });
-}
-export async function printHtml(html) {
-    const f = makeFrame();
-    const load = waitForFrame(f);
-    f.srcdoc = html;
-    await load;
-    await callPrint(f.contentWindow);
-    setTimeout(() => f.remove(), 2000);
-}
-export async function printPdfBase64(base64, mime = "application/pdf") {
-    const f = makeFrame();
-    const load = waitForFrame(f);
-    f.src = `data:${mime};base64,${base64}`;
-    await load;
-    // Give the browser a moment to render the PDF.
-    await new Promise((r) => setTimeout(r, 600));
-    await callPrint(f.contentWindow);
-    setTimeout(() => f.remove(), 2000);
+// Dunne wrappers rond de centrale printlaag. De verborgen iframes zijn
+// verwijderd: alles gaat via de printwachtrij van de Layout maker.
+import { printHtmlDocument, printPdfDocument, } from "../../lib/printing";
+export async function printHtml(html, opties) {
+    await printHtmlDocument({ ...opties, html });
+}
+export async function printPdfBase64(base64, opties) {
+    await printPdfDocument({ ...opties, pdfBase64: base64 });
 }

package/dist-lib/components/settings/AfhandelingSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AfhandelingSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AfhandelingSettingsCard.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,uBAAuB,gCA4TtC"}
+{"version":3,"file":"AfhandelingSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AfhandelingSettingsCard.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,uBAAuB,gCAoVtC"}

package/dist-lib/components/settings/AfhandelingSettingsCard.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { getWerkplek, setWerkplek } from "../../lib/printing";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, Switch, toast, } from "@flowselections/core";
@@ -44,6 +45,11 @@ export function AfhandelingSettingsCard() {
     const [extraStickerDays, setExtraStickerDays] = useState(0);
     const [autoProcessPaused, setAutoProcessPaused] = useState(false);
     const [autoPrintDelivery, setAutoPrintDelivery] = useState(false);
+    const [werkplek, setWerkplekState] = useState("");
+    // Werkplek staat per apparaat in localStorage (SSR-veilig inlezen).
+    useEffect(() => {
+        setWerkplekState(getWerkplek() ?? "");
+    }, []);
     useEffect(() => {
         if (data) {
             setPickDays(data.pickDaysBeforeTransport);
@@ -87,5 +93,10 @@ export function AfhandelingSettingsCard() {
         },
     });
     const clamp = (n) => Math.max(0, Math.min(30, Math.floor(n) || 0));
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Afhandeling \u2014 Planning" })] }), _jsx(CardDescription, { children: "Centrale werkdag-instellingen voor de automatische order\u00ADplanning. Alle berekeningen tellen alleen werkdagen (ma\u2013vr)." })] }), _jsxs(CardContent, { className: "space-y-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "pickDays", children: "Aantal pickdagen (werkdagen v\u00F3\u00F3r ophaaldag)" }), _jsx(Input, { id: "pickDays", type: "number", min: 0, max: 30, value: pickDays, onChange: (e) => setPickDays(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Wordt vanaf de berekende ophaaldag teruggeteld om de uiterste pickdatum te bepalen." })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Sticker, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "extraStickerDays", className: "font-semibold", children: "Extra pickdagen bij stickers" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Wanneer een order stickers bevat, mag het picken langer duren. Deze werkdagen worden bovenop het standaard aantal pickdagen opgeteld, zodat de uiterste pickdatum vroeger valt." }), _jsx(Input, { id: "extraStickerDays", type: "number", min: 0, max: 30, value: extraStickerDays, onChange: (e) => setExtraStickerDays(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Voorbeeld: standaard 1 pickdag + 2 extra = 3 werkdagen picktijd voor orders met stickers." })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-4 w-4 text-primary" }), _jsx(Label, { className: "font-semibold", children: "Orderpickdagen" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Selecteer de dagen waarop het systeem orders mag inplannen om te picken. Andere dagen worden automatisch overgeslagen." }), _jsx(WeekdayPicker, { value: pickWeekdays, onChange: setPickWeekdays, idPrefix: "pick-wd" }), pickWeekdays.length === 0 ? (_jsx("p", { className: "text-xs text-destructive", children: "Kies minimaal \u00E9\u00E9n pickdag; anders kan het systeem geen orders inplannen." })) : null] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Scale, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "pickDistribution", className: "font-semibold", children: "Pickverdeling" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Verdeelt de pickbelasting automatisch over werkdagen. Orders mogen eerder ingepland worden, maar nooit later dan de berekende uiterste pickdatum \u2014 leverbetrouwbaarheid blijft gegarandeerd." })] }), _jsx(Switch, { id: "pickDistribution", checked: distributionEnabled, onCheckedChange: setDistributionEnabled })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "maxEarlier", children: "Maximaal aantal werkdagen eerder picken" }), _jsx(Input, { id: "maxEarlier", type: "number", min: 0, max: 30, value: maxEarlier, disabled: !distributionEnabled, onChange: (e) => setMaxEarlier(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "0 = geen vervroeging. Bijv. 2 = orders mogen maximaal 2 werkdagen voor hun uiterste pickdatum ingepland worden." })] })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "mailEnabled", className: "font-semibold", children: "Aanmeldmail vervoerders" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Verstuurt automatisch een mail met de te verwachten karren naar de vervoerder v\u00F3\u00F3r de aanmelddeadline van het ophaalmoment. E\u00E9n mail per ophaaldag/-moment per vervoerder." })] }), _jsx(Switch, { id: "mailEnabled", checked: mailEnabled, onCheckedChange: setMailEnabled })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "mailLead", children: "Minuten v\u00F3\u00F3r aanmelddeadline versturen" }), _jsx(Input, { id: "mailLead", type: "number", min: 0, max: 1440, value: mailLead, disabled: !mailEnabled, onChange: (e) => setMailLead(Math.max(0, Math.min(1440, Math.floor(Number(e.target.value)) || 0))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "mailPurpose", children: "E-mail-doeleinde (purpose)" }), _jsx(Input, { id: "mailPurpose", value: mailPurpose, disabled: !mailEnabled, onChange: (e) => setMailPurpose(e.target.value) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Koppel dit doeleinde in de module ", _jsx("strong", { children: "E-mailkoppeling" }), " aan een actief send-adres. Standaard: ", _jsx("code", { children: "afhandeling_carrier_signup" }), "."] })] })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Pause, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "autoPause", className: "font-semibold", children: "Automatische Floriday-verwerking pauzeren" })] }), _jsxs("p", { className: "text-xs text-muted-foreground max-w-prose", children: ["Zet dit aan om ", _jsx("strong", { children: "tijdelijk" }), " te stoppen met automatisch Sales Orders acknowledgen, delivery orders aanmaken en fulfillment orders versturen. Bestaande orders in de wachtrij blijven staan."] })] }), _jsx(Switch, { id: "autoPause", checked: autoProcessPaused, onCheckedChange: setAutoProcessPaused })] }), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Printer, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "autoPrint", className: "font-semibold", children: "Afleverbrief automatisch printen" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Wanneer een afleverbrief beschikbaar komt, wordt hij direct naar de standaardprinter gestuurd. Handig voor onbemande balies." })] }), _jsx(Switch, { id: "autoPrint", checked: autoPrintDelivery, onCheckedChange: setAutoPrintDelivery })] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Timing van de automatische verwerking wordt bepaald door", " ", _jsx("strong", { children: "Maximaal aantal werkdagen eerder picken" }), ",", " ", _jsx("strong", { children: "Orderpickdagen" }), " en", " ", _jsx("strong", { children: "Extra pickdagen bij stickers" }), " hierboven."] })] }), _jsxs("div", { className: "rounded-md bg-muted/50 p-3 text-xs text-muted-foreground", children: [_jsx("strong", { children: "Ophaaltijd" }), " en ", _jsx("strong", { children: "Aanmeldtijd" }), " stel je per vervoerder in (werkdagen v\u00F3\u00F3r bezorgdag). De vervoerder die als ", _jsx("strong", { children: "standaard" }), " is gemarkeerd, wordt gebruikt voor orders zonder eigen vervoerder."] }), _jsx(Button, { onClick: () => mutation.mutate(), disabled: mutation.isPending, children: mutation.isPending ? "Opslaan…" : "Opslaan" })] })] }));
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Afhandeling \u2014 Planning" })] }), _jsx(CardDescription, { children: "Centrale werkdag-instellingen voor de automatische order\u00ADplanning. Alle berekeningen tellen alleen werkdagen (ma\u2013vr)." })] }), _jsxs(CardContent, { className: "space-y-5", children: [_jsxs("div", { className: "space-y-2 rounded-lg border p-3", children: [_jsx(Label, { htmlFor: "werkplek", children: "Werkplek (voor printen)" }), _jsx(Input, { id: "werkplek", placeholder: "bijv. pickstation-1 of controle-pc", value: werkplek, onChange: (e) => {
+                                    setWerkplekState(e.target.value);
+                                    setWerkplek(e.target.value);
+                                } }), _jsx("p", { className: "text-xs text-muted-foreground", children: werkplek.trim()
+                                    ? "Printopdrachten gaan naar de printer die aan deze werkplek is gekoppeld."
+                                    : "Zolang dit leeg is kan er niet geprint worden. Deze instelling geldt alleen op dit apparaat." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "pickDays", children: "Aantal pickdagen (werkdagen v\u00F3\u00F3r ophaaldag)" }), _jsx(Input, { id: "pickDays", type: "number", min: 0, max: 30, value: pickDays, onChange: (e) => setPickDays(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Wordt vanaf de berekende ophaaldag teruggeteld om de uiterste pickdatum te bepalen." })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Sticker, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "extraStickerDays", className: "font-semibold", children: "Extra pickdagen bij stickers" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Wanneer een order stickers bevat, mag het picken langer duren. Deze werkdagen worden bovenop het standaard aantal pickdagen opgeteld, zodat de uiterste pickdatum vroeger valt." }), _jsx(Input, { id: "extraStickerDays", type: "number", min: 0, max: 30, value: extraStickerDays, onChange: (e) => setExtraStickerDays(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Voorbeeld: standaard 1 pickdag + 2 extra = 3 werkdagen picktijd voor orders met stickers." })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-4 w-4 text-primary" }), _jsx(Label, { className: "font-semibold", children: "Orderpickdagen" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Selecteer de dagen waarop het systeem orders mag inplannen om te picken. Andere dagen worden automatisch overgeslagen." }), _jsx(WeekdayPicker, { value: pickWeekdays, onChange: setPickWeekdays, idPrefix: "pick-wd" }), pickWeekdays.length === 0 ? (_jsx("p", { className: "text-xs text-destructive", children: "Kies minimaal \u00E9\u00E9n pickdag; anders kan het systeem geen orders inplannen." })) : null] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Scale, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "pickDistribution", className: "font-semibold", children: "Pickverdeling" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Verdeelt de pickbelasting automatisch over werkdagen. Orders mogen eerder ingepland worden, maar nooit later dan de berekende uiterste pickdatum \u2014 leverbetrouwbaarheid blijft gegarandeerd." })] }), _jsx(Switch, { id: "pickDistribution", checked: distributionEnabled, onCheckedChange: setDistributionEnabled })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "maxEarlier", children: "Maximaal aantal werkdagen eerder picken" }), _jsx(Input, { id: "maxEarlier", type: "number", min: 0, max: 30, value: maxEarlier, disabled: !distributionEnabled, onChange: (e) => setMaxEarlier(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "0 = geen vervroeging. Bijv. 2 = orders mogen maximaal 2 werkdagen voor hun uiterste pickdatum ingepland worden." })] })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "mailEnabled", className: "font-semibold", children: "Aanmeldmail vervoerders" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Verstuurt automatisch een mail met de te verwachten karren naar de vervoerder v\u00F3\u00F3r de aanmelddeadline van het ophaalmoment. E\u00E9n mail per ophaaldag/-moment per vervoerder." })] }), _jsx(Switch, { id: "mailEnabled", checked: mailEnabled, onCheckedChange: setMailEnabled })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "mailLead", children: "Minuten v\u00F3\u00F3r aanmelddeadline versturen" }), _jsx(Input, { id: "mailLead", type: "number", min: 0, max: 1440, value: mailLead, disabled: !mailEnabled, onChange: (e) => setMailLead(Math.max(0, Math.min(1440, Math.floor(Number(e.target.value)) || 0))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "mailPurpose", children: "E-mail-doeleinde (purpose)" }), _jsx(Input, { id: "mailPurpose", value: mailPurpose, disabled: !mailEnabled, onChange: (e) => setMailPurpose(e.target.value) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Koppel dit doeleinde in de module ", _jsx("strong", { children: "E-mailkoppeling" }), " aan een actief send-adres. Standaard: ", _jsx("code", { children: "afhandeling_carrier_signup" }), "."] })] })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Pause, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "autoPause", className: "font-semibold", children: "Automatische Floriday-verwerking pauzeren" })] }), _jsxs("p", { className: "text-xs text-muted-foreground max-w-prose", children: ["Zet dit aan om ", _jsx("strong", { children: "tijdelijk" }), " te stoppen met automatisch Sales Orders acknowledgen, delivery orders aanmaken en fulfillment orders versturen. Bestaande orders in de wachtrij blijven staan."] })] }), _jsx(Switch, { id: "autoPause", checked: autoProcessPaused, onCheckedChange: setAutoProcessPaused })] }), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Printer, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "autoPrint", className: "font-semibold", children: "Afleverbrief automatisch printen" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Wanneer een afleverbrief beschikbaar komt, wordt hij direct naar de standaardprinter gestuurd. Handig voor onbemande balies." })] }), _jsx(Switch, { id: "autoPrint", checked: autoPrintDelivery, onCheckedChange: setAutoPrintDelivery })] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Timing van de automatische verwerking wordt bepaald door", " ", _jsx("strong", { children: "Maximaal aantal werkdagen eerder picken" }), ",", " ", _jsx("strong", { children: "Orderpickdagen" }), " en", " ", _jsx("strong", { children: "Extra pickdagen bij stickers" }), " hierboven."] })] }), _jsxs("div", { className: "rounded-md bg-muted/50 p-3 text-xs text-muted-foreground", children: [_jsx("strong", { children: "Ophaaltijd" }), " en ", _jsx("strong", { children: "Aanmeldtijd" }), " stel je per vervoerder in (werkdagen v\u00F3\u00F3r bezorgdag). De vervoerder die als ", _jsx("strong", { children: "standaard" }), " is gemarkeerd, wordt gebruikt voor orders zonder eigen vervoerder."] }), _jsx(Button, { onClick: () => mutation.mutate(), disabled: mutation.isPending, children: mutation.isPending ? "Opslaan…" : "Opslaan" })] })] }));
 }

package/dist-lib/hooks/useEngineTasks.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/moduleClient";
 import { listEngineTasks } from "../lib/logisticsEngine/engine";
 export const ENGINE_TASKS_KEY = ["engine", "tasks"];
 const OPEN_STATUSES = ["planned", "ready", "in_progress"];

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

@@ -1 +1 @@
-{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,WAAW,uBAAuB;IACtC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,sBAAsB,CAwOxF"}
+{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AASjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,WAAW,uBAAuB;IACtC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,sBAAsB,CA6PxF"}

package/dist-lib/hooks/useOrderPlanning.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { getFloridayOrders } from "../lib/floriday.functions";
@@ -9,6 +9,7 @@ import { normalizePickupMoments, sanitizeWeekdays, selectCarrierForTarget } from
 import { calculateOrderPlanning, DEFAULT_PICKUP_MOMENT, } from "../lib/planning";
 import { useEngineTasks } from "./useEngineTasks";
 import { emitEngineEvent } from "../lib/logisticsEngine/engine";
+import { MAX_ATTEMPTS, emitQueueStatus, markInFlight, markResult, selectEmitBatch, } from "../lib/logisticsEngine/emitQueue";
 function orderRefsFor(order) {
     return [order.orderNumber, order.id].filter((v) => Boolean(v));
 }
@@ -161,21 +162,36 @@ export function useOrderPlanning(range) {
         });
     }, [ordersQuery.data, settingsQuery.data, carriersQuery.data, composeByRef, pickByRef]);
     // Orders zonder taak melden we bij de Engine; zelf indelen mag niet.
-    // Alleen bij succes markeren als gemeld, zodat een mislukte melding
-    // bij de volgende ronde opnieuw geprobeerd wordt.
-    const announced = useRef(new Set());
-    const inFlight = useRef(new Set());
+    // De meldlus is begrensd: max MAX_PER_ROUND orders per ronde, pogingenteller
+    // met backoff per order, en na MAX_ATTEMPTS definitief opgeven met melding.
     const [signalError, setSignalError] = useState(null);
     useEffect(() => {
         let cancelled = false;
+        const byRef = new Map();
+        for (const item of planned) {
+            if (!item.awaitingEngine || item.engineTask)
+                continue;
+            const ref = item.order.orderNumber || item.order.id;
+            if (ref && !byRef.has(ref))
+                byRef.set(ref, item);
+        }
+        const refs = [...byRef.keys()];
+        const batch = selectEmitBatch(refs);
+        if (!batch.length) {
+            const status = emitQueueStatus(refs);
+            if (status.gaveUp.length) {
+                setSignalError(`Melden bij de Logistics Engine is na ${MAX_ATTEMPTS} pogingen gestopt voor ${status.gaveUp.length} order(s): ${status.gaveUp.slice(0, 5).join(", ")}${status.gaveUp.length > 5 ? "…" : ""}. ${status.lastError ?? ""}`.trim());
+            }
+            return;
+        }
         void (async () => {
-            for (const item of planned) {
-                if (!item.awaitingEngine || item.engineTask)
-                    continue;
-                const ref = item.order.orderNumber || item.order.id;
-                if (!ref || announced.current.has(ref) || inFlight.current.has(ref))
+            for (const ref of batch) {
+                if (cancelled)
+                    return;
+                const item = byRef.get(ref);
+                if (!item)
                     continue;
-                inFlight.current.add(ref);
+                markInFlight(ref);
                 const result = await emitEngineEvent({
                     eventType: "order.received",
                     orderRef: ref,
@@ -189,15 +205,17 @@ export function useOrderPlanning(range) {
                         hasStickers: Boolean(item.order.hasStickers),
                     },
                 });
-                inFlight.current.delete(ref);
+                markResult(ref, result.ok, result.error);
                 if (cancelled)
                     return;
                 if (result.ok) {
-                    announced.current.add(ref);
                     setSignalError(null);
                 }
                 else {
-                    setSignalError(result.error ?? "Melding aan de Logistics Engine is mislukt.");
+                    const status = emitQueueStatus(refs);
+                    setSignalError(status.gaveUp.length
+                        ? `Melden bij de Logistics Engine is na ${MAX_ATTEMPTS} pogingen gestopt voor ${status.gaveUp.length} order(s): ${status.gaveUp.slice(0, 5).join(", ")}${status.gaveUp.length > 5 ? "…" : ""}. ${status.lastError ?? ""}`.trim()
+                        : `Melding aan de Logistics Engine is mislukt (nieuwe poging volgt automatisch). ${result.error ?? ""}`.trim());
                 }
             }
         })();