@flowselections/floriday-afhandeling-module 1.0.25 → 1.0.26

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

@@ -0,0 +1,203 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Dialog, DialogTitle, DialogDescription, Input, Label, Textarea, toast, } from "@flowselections/core";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
+import { applyReschedule, listRescheduleHistory, previewReschedule, getPickMoments, setPickDay, } from "../../lib/logisticsEngine/reschedule";
+import { ENGINE_TASKS_KEY } from "../../hooks/useEngineTasks";
+import { listCarriers } from "../../lib/carriers.functions";
+import { normalizePickupMoments, selectCarrierForTarget } from "../../lib/carrierPlanning";
+import { safeServerCall } from "../../lib/serverFnError";
+import { amsterdamDay, formatAmsterdam } from "../../lib/timezone";
+function fmtDateTime(v) {
+    if (!v)
+        return "—";
+    return formatAmsterdam(v, { dateStyle: "full", timeStyle: "short" }) || v;
+}
+function toDayInput(v) {
+    if (!v)
+        return "";
+    return amsterdamDay(v);
+}
+function fmtDate(v) {
+    if (!v)
+        return "—";
+    return formatAmsterdam(v, { dateStyle: "short" }) || v;
+}
+export function VerzetOrderDialog({ open, orderRef, carrierTarget, onOpenChange }) {
+    const qc = useQueryClient();
+    const fetchCarriers = useServerFn(listCarriers);
+    const [pickupDate, setPickupDate] = useState("");
+    const [pickupFrom, setPickupFrom] = useState("");
+    const [pickupTo, setPickupTo] = useState("");
+    const [confirmOpen, setConfirmOpen] = useState(false);
+    const [reason, setReason] = useState("");
+    const [preview, setPreview] = useState(null);
+    const [loadingPreview, setLoadingPreview] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [history, setHistory] = useState([]);
+    const [pickMoments, setPickMoments] = useState([]);
+    const [pickDay, setPickDayValue] = useState("");
+    const carriersQuery = useQuery({
+        queryKey: ["carriers"],
+        enabled: open,
+        queryFn: () => safeServerCall(() => fetchCarriers(), { carriers: [] }, "listCarriers"),
+        retry: false,
+    });
+    const carrier = useMemo(() => {
+        const carriers = carriersQuery.data?.carriers ?? [];
+        if (carriers.length === 0)
+            return null;
+        return selectCarrierForTarget(carriers, {
+            carrierId: carrierTarget?.carrierId ?? null,
+            country: carrierTarget?.country ?? null,
+            province: carrierTarget?.province ?? null,
+            city: carrierTarget?.city ?? null,
+        });
+    }, [carriersQuery.data, carrierTarget?.carrierId, carrierTarget?.country, carrierTarget?.province, carrierTarget?.city]);
+    const carrierMoments = useMemo(() => (carrier ? normalizePickupMoments(carrier.pickup_moments) : []), [carrier]);
+    // Voorvertoning live opvragen bij elke wijziging in het formulier.
+    useEffect(() => {
+        if (!open)
+            return;
+        let cancelled = false;
+        setLoadingPreview(true);
+        const timer = setTimeout(async () => {
+            const res = await previewReschedule({
+                orderRef,
+                pickupDate: pickupDate || null,
+                pickupFrom: pickupFrom || null,
+                pickupTo: pickupTo || null,
+            });
+            if (cancelled)
+                return;
+            setPreview(res);
+            setLoadingPreview(false);
+        }, 250);
+        return () => {
+            cancelled = true;
+            clearTimeout(timer);
+        };
+    }, [open, orderRef, pickupDate, pickupFrom, pickupTo]);
+    useEffect(() => {
+        if (!open)
+            return;
+        void listRescheduleHistory(orderRef).then(setHistory);
+        void getPickMoments(orderRef).then((m) => {
+            setPickMoments(m);
+            setPickDayValue(toDayInput(m[0]?.plannedStart));
+        });
+    }, [open, orderRef]);
+    // Aanmeldmoment voorvullen met de huidige waarden, zodat het zichtbaar én wijzigbaar is.
+    useEffect(() => {
+        if (!open || !preview?.current)
+            return;
+        setPickupDate((v) => v || (preview.current.pickupDate ?? "").slice(0, 10));
+        setPickupFrom((v) => v || (preview.current.pickupFrom ?? "").slice(0, 5));
+        setPickupTo((v) => v || (preview.current.pickupTo ?? "").slice(0, 5));
+    }, [open, preview?.current?.pickupDate, preview?.current?.pickupFrom, preview?.current?.pickupTo]);
+    const currentPickDay = toDayInput(pickMoments[0]?.plannedStart);
+    const pickDayChanged = !!pickDay && pickDay !== currentPickDay;
+    const transportChanged = (!!pickupDate && pickupDate !== (preview?.current?.pickupDate ?? "").slice(0, 10)) ||
+        (!!pickupFrom && pickupFrom !== (preview?.current?.pickupFrom ?? "").slice(0, 5)) ||
+        (!!pickupTo && pickupTo !== (preview?.current?.pickupTo ?? "").slice(0, 5));
+    const direction = preview?.direction;
+    const needsCustomerChoice = direction === "later" && preview?.customerNoticeRequired !== false;
+    const blocked = !preview || preview.ok === false;
+    const summary = useMemo(() => {
+        if (!preview || preview.ok === false)
+            return null;
+        const shift = Math.abs(preview.dayShift ?? 0);
+        if (direction === "earlier") {
+            return `Order wordt ${shift} dag(en) eerder opgehaald. Het aflevermoment blijft ${fmtDate(preview.current?.deliveryDate)}.`;
+        }
+        if (direction === "later") {
+            return `Order wordt ${shift} dag(en) later. Nieuwe leverdatum: ${fmtDate(preview.next?.deliveryDate)}.`;
+        }
+        if (preview.timeChanged) {
+            return `Nieuwe ophaaltijd: ${preview.next?.pickupFrom ?? "—"} – ${preview.next?.pickupTo ?? "—"}.`;
+        }
+        return "Nog geen wijziging ingevuld.";
+    }, [preview, direction]);
+    const submit = async (notifyCustomer) => {
+        if (saving)
+            return;
+        setConfirmOpen(false);
+        setSaving(true);
+        try {
+            // Alleen de pickdag gewijzigd? Dan niets naar de Engine sturen: die zou
+            // "geen wijziging" terugmelden en de pickdag zou nooit worden opgeslagen.
+            if (!transportChanged) {
+                const res = await setPickDay(orderRef, pickDay);
+                if (!res.ok) {
+                    toast.error(res.error ?? "Pickdag verzetten mislukt");
+                    return;
+                }
+                await Promise.all([
+                    qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY }),
+                    qc.invalidateQueries({ queryKey: ["floriday", "orders"] }),
+                ]);
+                toast.success(`Pickdag verzet naar ${fmtDate(pickDay)} (${res.updated} pick-taak/taken).`);
+                onOpenChange(false);
+                return;
+            }
+            const result = await applyReschedule({
+                orderRef,
+                pickupDate: pickupDate || null,
+                pickupFrom: pickupFrom || null,
+                pickupTo: pickupTo || null,
+                notifyCustomer,
+                reason: reason.trim() || undefined,
+            });
+            if (result.ok === false || !result.applied) {
+                toast.error(result.error ?? "Verzetten mislukt");
+                return;
+            }
+            if (pickDayChanged) {
+                const res = await setPickDay(orderRef, pickDay);
+                if (!res.ok)
+                    toast.error(res.error ?? "Pickdag verzetten mislukt");
+            }
+            // Taken opnieuw laden — de Engine heeft alles al herpland.
+            await Promise.all([
+                qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY }),
+                qc.invalidateQueries({ queryKey: ["floriday", "orders"] }),
+            ]);
+            if (notifyCustomer && !result.customerNotified) {
+                toast.error(`Verzet gelukt, maar de klantmail is niet verstuurd${result.customerNotifyError ? `: ${result.customerNotifyError}` : "."}`);
+            }
+            toast.success(`Verzet naar ${fmtDate(result.next?.pickupDate ?? result.current?.pickupDate)} ` +
+                `(${result.next?.pickupFrom ?? "—"}–${result.next?.pickupTo ?? "—"}), ` +
+                `leverdatum ${fmtDate(result.next?.deliveryDate)}. ` +
+                (result.customerNotified
+                    ? "De Logistiek Engine heeft de klant per e-mail geïnformeerd."
+                    : "Klant is niet geïnformeerd."));
+            onOpenChange(false);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleVerzetten = () => {
+        if (saving)
+            return;
+        if (!pickDayChanged && !transportChanged)
+            return;
+        if (transportChanged && blocked)
+            return;
+        // Alleen bij een latere leverdatum vragen we of de klant geïnformeerd moet worden.
+        if (needsCustomerChoice) {
+            setConfirmOpen(true);
+            return;
+        }
+        void submit(false);
+    };
+    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [_jsxs(ResponsiveDialogContent, { size: "lg", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Order verzetten \u2014 ", orderRef] }), _jsx(DialogDescription, { children: "De Logistics Engine bepaalt de gevolgen; deze module past niets zelf aan." })] }), _jsxs(ResponsiveDialogBody, { className: "space-y-4", children: [_jsxs("div", { className: "rounded-md border p-3 space-y-2", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Pickmoment (dag waarop de order gemaakt wordt)" }), pickMoments.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen pickmoment van de Engine." })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm", children: ["Nu ingepland: ", fmtDateTime(pickMoments[0]?.plannedStart)] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Nieuwe pickdag" }), _jsx(Input, { type: "date", value: pickDay, onChange: (e) => setPickDayValue(e.target.value), className: "sm:w-56" })] }), pickDayChanged && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [pickMoments.length, " pick-taak(en) worden naar deze dag verzet; het tijdstip blijft gelijk."] }))] }))] }), _jsxs("div", { className: "rounded-md border p-3 space-y-2", children: [_jsxs("p", { className: "text-xs font-medium text-muted-foreground", children: ["Vervoerder", carrier ? `: ${carrier.name}` : ""] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Vervoersdatum" }), _jsx(Input, { type: "date", value: pickupDate, onChange: (e) => setPickupDate(e.target.value), className: "sm:w-56" })] }), carrierMoments.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen vervoerder gekoppeld \u2014 aanmeldtijden zijn niet bekend." })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm", children: ["Huidige aanmeldtijd: ", pickupFrom || "—", pickupTo && pickupTo !== pickupFrom ? `–${pickupTo}` : ""] }), _jsx("div", { className: "flex flex-wrap gap-2", children: carrierMoments.map((m, i) => {
+                                                    const active = pickupFrom === m.signup_time;
+                                                    return (_jsxs(Button, { type: "button", size: "sm", variant: active ? "default" : "outline", onClick: () => {
+                                                            setPickupFrom(m.signup_time);
+                                                            setPickupTo(m.signup_time);
+                                                        }, children: [m.signup_time, _jsxs("span", { className: "ml-1 text-xs opacity-70", children: ["(", m.signup_days, " wd vooraf \u00B7 ophalen ", m.pickup_time, ")"] })] }, `${m.signup_time}-${i}`));
+                                                }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Kies een aanmeldtijd van deze vervoerder." })] }))] }), preview?.current && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Huidig aanmeldmoment: ", fmtDate(preview.current.pickupDate), " ", preview.current.pickupFrom ?? "—", "\u2013", preview.current.pickupTo ?? "—", " \u00B7 leverdatum ", fmtDate(preview.current.deliveryDate)] })), loadingPreview && _jsx("p", { className: "text-sm text-muted-foreground", children: "Voorvertoning ophalen\u2026" }), preview && preview.ok === false && (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive", children: preview.error ?? "De Engine kan deze wijziging niet verwerken." })), preview && preview.ok !== false && (_jsxs("div", { className: "rounded-md border bg-muted/40 p-3 text-sm space-y-2", children: [_jsx("p", { children: summary }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [preview.affectedTasks ?? 0, " taken worden opnieuw ingepland."] }), preview.planLocked && (_jsx(Badge, { variant: "outline", children: "Planning is vergrendeld door de Engine" }))] })), needsCustomerChoice && (_jsxs("div", { className: "space-y-1 rounded-md border p-3", children: [_jsx(Label, { children: "Reden voor de klantmelding (optioneel)" }), _jsx(Textarea, { value: reason, onChange: (e) => setReason(e.target.value), maxLength: 500, placeholder: "Bijv. Aanvoer bloemen vertraagd" })] })), history.length > 0 && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Verzetgeschiedenis" }), _jsx("ul", { className: "space-y-1 text-xs text-muted-foreground", children: history.map((h) => (_jsxs("li", { children: [new Date(h.created_at).toLocaleString("nl-NL"), " \u2014", " ", String(h.direction ?? ""), " ", String(h.reason ?? "")] }, h.id))) })] }))] }), _jsxs(ResponsiveDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { onClick: handleVerzetten, disabled: saving || loadingPreview || (!pickDayChanged && (!transportChanged || blocked)), children: saving ? "Opslaan…" : "Verzetten" })] })] }), _jsx(AlertDialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Klant informeren?" }), _jsx(AlertDialogDescription, { children: "De leverdatum is gewijzigd naar een latere datum. Wilt u de klant hierover informeren?" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { onClick: () => void submit(false), children: "Nee" }), _jsx(AlertDialogAction, { onClick: () => void submit(true), children: "Ja" })] })] }) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,GACjB,EAAE,mBAAmB,+BA8JrB"}
+{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAUjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,GACjB,EAAE,mBAAmB,+BAiKrB"}

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

@@ -4,6 +4,9 @@ import { Button, Badge, toast } from "@flowselections/core";
 import { ChevronLeft, ChevronRight, Package, Truck, Sprout, Clock, CheckCircle2, Scale, Printer } from "lucide-react";
 import { isSameDay, startOfWeek, addDays } from "../../lib/pickDate";
 import { printDeliveryNote, printDeliveryNotesMerged, } from "../../lib/deliveryNotePrint";
+import { useCapacityCheck } from "../../hooks/useCapacityCheck";
+import { CapacityWarning } from "./CapacityWarning";
+import { toDayKey } from "../../lib/logisticsEngine/capacity";
 const WEEKDAY_LABELS = ["MAANDAG", "DINSDAG", "WOENSDAG", "DONDERDAG", "VRIJDAG", "ZATERDAG", "ZONDAG"];
 const MONTHS_NL_SHORT = ["jan", "feb", "mrt", "apr", "mei", "jun", "jul", "aug", "sep", "okt", "nov", "dec"];
 function isOrderReady(o) {
@@ -142,6 +145,7 @@ export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayCl
         const totaalStuks = days.reduce((s, d) => s + d.planten, 0);
         return { leveringen, verzendklaar, voorbereiding, totaalStuks };
     }, [days]);
+    const capacity = useCapacityCheck(toDayKey(weekStart), toDayKey(weekEnd));
     const headerLabel = `Week ${weekNumber} - ${weekStart.getDate()} ${MONTHS_NL_SHORT[weekStart.getMonth()]}. t/m ${weekEnd.getDate()} ${MONTHS_NL_SHORT[weekEnd.getMonth()]}. ${weekEnd.getFullYear()}`;
     const goPrev = () => setCursor((c) => addDays(c, -7));
     const goNext = () => setCursor((c) => addDays(c, 7));
@@ -150,13 +154,13 @@ 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: "space-y-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 }, 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" })] }), _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())))) })] }));
 }
 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 })] }));
 }
-function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, }) {
+function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, capacity, }) {
     const weekdayIdx = (day.date.getDay() + 6) % 7;
     const today = new Date();
     today.setHours(0, 0, 0, 0);
@@ -200,7 +204,7 @@ function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, }) {
             setPrintingOrderId(null);
         }
     };
-    return (_jsx("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" }))] })] }) }));
+    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" })] }));
 }
 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/pickstation/PickstationPage.d.ts.map

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

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

@@ -264,6 +264,7 @@ export function PickstationPage() {
                     orderSource: o.orderSource,
                     cartIndex: o.cartIndex - 1,
                     orderNumber: o.orderNumber,
+                    orderNumbers: [o.orderNumber].filter(Boolean),
                     customerName: o.customerName,
                     carrierName: o.carrierName,
                     deliveryDate: o.deliveryDate,

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

@@ -1 +1 @@
-{"version":3,"file":"VervoerdersSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/VervoerdersSettingsCard.tsx"],"names":[],"mappings":"AAcA,wBAAgB,uBAAuB,gCAwDtC"}
+{"version":3,"file":"VervoerdersSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/VervoerdersSettingsCard.tsx"],"names":[],"mappings":"AAeA,wBAAgB,uBAAuB,gCAoDtC"}

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

@@ -4,6 +4,7 @@ import { Building2, Truck, ArrowRight } from "lucide-react";
 import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useQuery } from "@tanstack/react-query";
+import { toServerFnError } from "../../lib/serverFnError";
 import { listCarriers } from "../../lib/carriers.functions";
 export function VervoerdersSettingsCard() {
     const fetchList = useServerFn(listCarriers);
@@ -14,11 +15,7 @@ export function VervoerdersSettingsCard() {
                 return await fetchList();
             }
             catch (e) {
-                if (e instanceof Response) {
-                    const text = await e.text().catch(() => e.statusText);
-                    throw new Error(`${e.status}: ${text}`);
-                }
-                throw e;
+                throw await toServerFnError(e);
             }
         },
     });

package/dist-lib/hooks/useCapacityCheck.d.ts

@@ -0,0 +1,10 @@
+import { type CapacityDay } from "../lib/logisticsEngine/capacity";
+/**
+ * Capaciteitscontrole van de Logistics Engine voor een periode.
+ * Wordt opnieuw opgehaald bij elke periodewissel (from/to zitten in de queryKey).
+ */
+export declare function useCapacityCheck(from: string | null, to: string | null): {
+    byDate: Map<string, CapacityDay>;
+    isLoading: boolean;
+};
+//# sourceMappingURL=useCapacityCheck.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCapacityCheck.d.ts","sourceRoot":"","sources":["../../src/hooks/useCapacityCheck.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;;;EAgBtE"}

package/dist-lib/hooks/useCapacityCheck.js

@@ -0,0 +1,22 @@
+import { useQuery } from "@tanstack/react-query";
+import { getCapacityDays } from "../lib/logisticsEngine/capacity";
+/**
+ * Capaciteitscontrole van de Logistics Engine voor een periode.
+ * Wordt opnieuw opgehaald bij elke periodewissel (from/to zitten in de queryKey).
+ */
+export function useCapacityCheck(from, to) {
+    const query = useQuery({
+        queryKey: ["logistics-capacity-day-check", from, to],
+        queryFn: () => getCapacityDays(from, to),
+        enabled: !!from && !!to,
+        staleTime: 60000,
+        retry: false,
+        refetchInterval: 60000,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: true,
+    });
+    const byDate = new Map();
+    for (const d of query.data ?? [])
+        byDate.set(d.date, d);
+    return { byDate, isLoading: query.isLoading };
+}

package/dist-lib/hooks/useEngineTasks.d.ts

@@ -0,0 +1,14 @@
+import { type EngineTask } from "../lib/logisticsEngine/engine";
+export declare const ENGINE_TASKS_KEY: string[];
+export declare function useEngineTasks(options?: {
+    taskTypes?: string[];
+    statuses?: string[];
+}): {
+    tasks: EngineTask[];
+    isLoading: boolean;
+    error: string | undefined;
+    refetch: () => undefined;
+};
+/** Taken per order_ref, gesorteerd op sequence. */
+export declare function groupTasksByOrder(tasks: EngineTask[]): Map<string, EngineTask[]>;
+//# sourceMappingURL=useEngineTasks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE;;;;;EAsCrF;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}

package/dist-lib/hooks/useEngineTasks.js

@@ -0,0 +1,49 @@
+import { useEffect, useMemo } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { supabase } from "../integrations/supabase/client";
+import { listEngineTasks } from "../lib/logisticsEngine/engine";
+export const ENGINE_TASKS_KEY = ["engine", "tasks"];
+const OPEN_STATUSES = ["planned", "ready", "in_progress"];
+export function useEngineTasks(options) {
+    const qc = useQueryClient();
+    const taskTypes = options?.taskTypes;
+    const statuses = options?.statuses ?? OPEN_STATUSES;
+    const query = useQuery({
+        queryKey: [...ENGINE_TASKS_KEY, taskTypes ?? "all", statuses],
+        queryFn: () => listEngineTasks({ taskTypes, statuses }),
+        retry: false,
+        refetchInterval: 60000,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: true,
+    });
+    useEffect(() => {
+        const channel = supabase
+            .channel("engine-tasks")
+            .on("postgres_changes", { event: "*", schema: "public", table: "logistics_tasks" }, () => {
+            void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
+        })
+            .subscribe();
+        return () => {
+            void supabase.removeChannel(channel);
+        };
+    }, [qc]);
+    const tasks = useMemo(() => query.data ?? [], [query.data]);
+    return {
+        tasks,
+        isLoading: query.isLoading,
+        error: query.error instanceof Error ? query.error.message : undefined,
+        refetch: () => void query.refetch(),
+    };
+}
+/** Taken per order_ref, gesorteerd op sequence. */
+export function groupTasksByOrder(tasks) {
+    const map = new Map();
+    for (const t of tasks) {
+        const list = map.get(t.order_ref) ?? [];
+        list.push(t);
+        map.set(t.order_ref, list);
+    }
+    for (const list of map.values())
+        list.sort((a, b) => a.sequence - b.sequence);
+    return map;
+}

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

@@ -1,13 +1,19 @@
 import type { FloridayOrder } from "../lib/floriday.functions";
-import { type CartOverride } from "../lib/cartAssignments.functions";
 import { type OrderPlanning } from "../lib/planning";
+import { type EngineTask } from "../lib/logisticsEngine/engine";
 export interface PlannedOrder {
     order: FloridayOrder;
+    /** Planning volgens de Logistics Engine. Null zolang er geen taak is. */
     planning: OrderPlanning | null;
+    /** De leidende load.compose-taak uit de Engine (indien aanwezig). */
+    engineTask: EngineTask | null;
+    /** True zolang de Engine nog geen load.compose-taak heeft geleverd. */
+    awaitingEngine: boolean;
 }
 export interface UseOrderPlanningResult {
     planned: PlannedOrder[];
-    overrides: CartOverride[];
+    /** Orders die op een Engine-taak wachten en dus niet zijn ingedeeld. */
+    awaiting: PlannedOrder[];
     isLoading: boolean;
     error?: string;
     warning?: string;

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;AAI/D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAIxF,OAAO,EAKL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CA+KzD"}
+{"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,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,wBAAgB,gBAAgB,IAAI,sBAAsB,CA6LzD"}