@flowselections/floriday-afhandeling-module 1.0.8 → 1.0.10

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

@@ -0,0 +1,9 @@
+import type { PlannedOrder } from "../../hooks/useOrderPlanning";
+export interface DagDetailDialogProps {
+    open: boolean;
+    date: Date | null;
+    planned: PlannedOrder[];
+    onOpenChange: (open: boolean) => void;
+}
+export declare function DagDetailDialog({ open, date, planned, onOpenChange }: DagDetailDialogProps): import("react").JSX.Element | null;
+//# sourceMappingURL=DagDetailDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAyBjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAID,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,oBAAoB,sCAyE1F"}

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

@@ -0,0 +1,145 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Dialog, DialogContent, DialogHeader, DialogTitle, Input, Tabs, TabsContent, TabsList, TabsTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
+import { ChevronDown, ChevronRight, MoveRight, Truck } from "lucide-react";
+import { isSameDay } from "../../lib/pickDate";
+import { getOrderLines, moveCart as moveCartFn, } from "../../lib/cartAssignments.functions";
+import { evaluateCartMove } from "../../lib/cartMoveImpact";
+const NL_DATE = new Intl.DateTimeFormat("nl-NL", { dateStyle: "full" });
+export function DagDetailDialog({ open, date, planned, onOpenChange }) {
+    if (!date)
+        return null;
+    const ordersOnDay = planned.filter((p) => {
+        if (!p.planning)
+            return false;
+        const assigns = p.planning.pickAssignments ?? [];
+        return assigns.some((a) => isSameDay(a.date, date));
+    });
+    // Synthetiseer karren — één rij per kar die op deze dag valt
+    const cartRows = [];
+    for (const p of ordersOnDay) {
+        const assigns = p.planning.pickAssignments ?? [];
+        const totalCarts = p.order.cartCount ?? 0;
+        if (totalCarts <= 0)
+            continue;
+        let runningIdx = 0;
+        for (const a of assigns) {
+            const onThisDay = isSameDay(a.date, date);
+            const cartIndexes = a.cartIndexes && a.cartIndexes.length > 0
+                ? a.cartIndexes
+                : Array.from({ length: a.cartCount }, (_, i) => runningIdx + i);
+            for (const idx of cartIndexes) {
+                if (onThisDay) {
+                    const plantsPerCart = totalCarts > 0 ? Math.round((p.order.plantCount ?? 0) / totalCarts) : 0;
+                    cartRows.push({
+                        key: `${p.order.id}-${idx}`,
+                        orderId: p.order.id,
+                        orderSource: p.order.source,
+                        cartIndex: idx,
+                        cartNumber: `${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`,
+                        order: p,
+                        layers: 4,
+                        crates: 0,
+                        plants: plantsPerCart,
+                        occupancy: 100,
+                    });
+                }
+            }
+            runningIdx += a.cartCount;
+        }
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-5xl max-h-[90vh] overflow-y-auto", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }) }), _jsxs("div", { className: "flex flex-wrap gap-3 text-sm text-muted-foreground", children: [_jsxs("span", { children: [ordersOnDay.length, " bestellingen"] }), _jsx("span", { children: "\u00B7" }), _jsxs("span", { children: [cartRows.length, " karren"] })] }), _jsxs(Tabs, { defaultValue: "bestellingen", className: "mt-4", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, date: date }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows, currentDate: date }) })] })] }) }));
+}
+function BestellingenTab({ orders, date }) {
+    if (orders.length === 0) {
+        return _jsx("p", { className: "text-sm text-muted-foreground", children: "Geen bestellingen op deze dag." });
+    }
+    return (_jsx("div", { className: "space-y-3", children: orders.map((p) => {
+            const cartsToday = (p.planning?.pickAssignments ?? []).find((a) => isSameDay(a.date, date))?.cartCount ?? 0;
+            return (_jsx(OrderRow, { planned: p, cartsToday: cartsToday }, p.order.id));
+        }) }));
+}
+function OrderRow({ planned: p, cartsToday }) {
+    const [open, setOpen] = useState(false);
+    const source = p.order.source;
+    const fetchLines = useServerFn(getOrderLines);
+    const linesQuery = useQuery({
+        queryKey: ["order-lines", source, p.order.id],
+        queryFn: () => fetchLines({ data: { orderId: p.order.id, orderSource: source } }),
+        enabled: open,
+    });
+    return (_jsxs("div", { className: "rounded-lg border bg-card", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "flex w-full items-center gap-3 px-4 py-3 text-left hover:bg-muted/50", children: [open ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }), _jsxs("div", { className: "flex-1 grid grid-cols-2 md:grid-cols-4 gap-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: p.order.orderNumber }), _jsx("div", { className: "text-xs text-muted-foreground", children: p.order.customerName })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Type" }), _jsx("div", { children: p.order.deliveryType })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Leverdatum" }), _jsx("div", { children: p.order.deliveryDate
+                                            ? new Date(p.order.deliveryDate).toLocaleDateString("nl-NL")
+                                            : "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [cartsToday, " karren vandaag"] }), _jsx(Badge, { variant: "outline", children: p.order.status })] })] })] }), open && (_jsxs("div", { className: "border-t px-4 py-3 space-y-3", children: [_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-3 text-sm", children: [_jsx(Field, { label: "Afleverlocatie", value: "\u2014" }), _jsx(Field, { label: "Ophaallocatie (tuin)", value: "\u2014" }), _jsx(Field, { label: "Vervoerder", value: "\u2014" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Orderregels" }), linesQuery.isLoading && _jsx("p", { className: "text-xs", children: "Regels laden\u2026" }), linesQuery.data && _jsx(OrderLinesTable, { lines: linesQuery.data.lines }), linesQuery.error && _jsx("p", { className: "text-xs text-destructive", children: "Kon regels niet laden" })] })] }))] }));
+}
+function Field({ label, value }) {
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { children: value })] }));
+}
+function OrderLinesTable({ lines }) {
+    if (lines.length === 0) {
+        return _jsx("p", { className: "text-xs text-muted-foreground", children: "Geen orderregels gevonden." });
+    }
+    return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Artikel" }), _jsx(TableHead, { className: "text-right", children: "Planten" }), _jsx(TableHead, { className: "text-right", children: "Fusten" }), _jsx(TableHead, { className: "text-right", children: "Overig" })] }) }), _jsx(TableBody, { children: lines.map((l) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: l.article }), _jsx(TableCell, { className: "text-right", children: l.plants }), _jsx(TableCell, { className: "text-right", children: l.crates ?? "—" }), _jsx(TableCell, { className: "text-right", children: l.otherUnits ?? "—" })] }, l.id))) })] }));
+}
+function KarrenTab({ carts, currentDate }) {
+    const [moveCartRow, setMoveCartRow] = useState(null);
+    if (carts.length === 0) {
+        return _jsx("p", { className: "text-sm text-muted-foreground", children: "Geen karren ingepland op deze dag." });
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Karnummer" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Bestelling" }), _jsx(TableHead, { children: "Tuin" }), _jsx(TableHead, { children: "Vervoerder" }), _jsx(TableHead, { className: "text-right", children: "Bezetting" }), _jsx(TableHead, { className: "text-right", children: "Lagen" }), _jsx(TableHead, { className: "text-right", children: "Planten" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Actie" })] }) }), _jsx(TableBody, { children: carts.map((c) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: c.cartNumber }), _jsx(TableCell, { children: c.order.order.customerName }), _jsx(TableCell, { children: c.order.order.orderNumber }), _jsx(TableCell, { children: "\u2014" }), _jsx(TableCell, { children: "\u2014" }), _jsxs(TableCell, { className: "text-right", children: [c.occupancy, "%"] }), _jsx(TableCell, { className: "text-right", children: c.layers }), _jsx(TableCell, { className: "text-right", children: c.plants }), _jsx(TableCell, { children: _jsx(Badge, { variant: "secondary", children: "Nog te picken" }) }), _jsx(TableCell, { className: "text-right", children: _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setMoveCartRow(c), children: [_jsx(MoveRight, { className: "mr-1 h-3.5 w-3.5" }), " Verplaatsen"] }) })] }, c.key))) })] }), _jsx(VerplaatsKarDialog, { cart: moveCartRow, currentDate: currentDate, onClose: () => setMoveCartRow(null) })] }));
+}
+function VerplaatsKarDialog({ cart, currentDate, onClose, }) {
+    const [newDate, setNewDate] = useState("");
+    const move = useServerFn(moveCartFn);
+    const qc = useQueryClient();
+    const mutation = useMutation({
+        mutationFn: async () => {
+            if (!cart)
+                throw new Error("Geen kar geselecteerd");
+            if (!newDate)
+                throw new Error("Kies eerst een nieuwe pickdatum");
+            return move({
+                data: {
+                    orderId: cart.orderId,
+                    orderSource: cart.orderSource,
+                    cartIndex: cart.cartIndex,
+                    newDate,
+                    fromDate: currentDate,
+                },
+            });
+        },
+        onSuccess: async (res) => {
+            const target = new Date(newDate).toLocaleDateString("nl-NL", {
+                weekday: "long", day: "numeric", month: "long",
+            });
+            toast.success(`Kar ${cart?.cartNumber ?? ""} verplaatst naar ${target}`);
+            qc.setQueryData(["cart-overrides"], (current) => {
+                const overrides = current?.overrides ?? [];
+                const next = overrides.filter((o) => !(o.order_id === res.override.order_id &&
+                    o.order_source === res.override.order_source &&
+                    o.cart_index === res.override.cart_index));
+                return { overrides: [...next, res.override] };
+            });
+            await Promise.all([
+                qc.invalidateQueries({ queryKey: ["floriday", "orders"] }),
+                qc.invalidateQueries({ queryKey: ["cart-overrides"] }),
+            ]);
+            await qc.refetchQueries({ queryKey: ["cart-overrides"], type: "active" });
+            setNewDate("");
+            onClose();
+            return res;
+        },
+        onError: (e) => {
+            const msg = e instanceof Error ? e.message : "Verplaatsen mislukt";
+            toast.error(msg);
+            console.error("[moveCart]", e);
+        },
+    });
+    if (!cart)
+        return null;
+    const parsed = newDate ? new Date(newDate) : null;
+    const impact = parsed ? evaluateCartMove(parsed, currentDate, cart.order.planning) : null;
+    return (_jsx(Dialog, { open: !!cart, onOpenChange: (o) => !o && onClose(), children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(Truck, { className: "h-4 w-4" }), " Kar verplaatsen"] }) }), _jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { className: "rounded-md border bg-muted/40 p-3", children: [_jsx("div", { className: "font-medium", children: cart.cartNumber }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [cart.order.order.customerName, " \u00B7 ", cart.order.order.orderNumber] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Nieuwe pickdatum" }), _jsx(Input, { type: "date", value: newDate, onChange: (e) => setNewDate(e.target.value) })] }), impact && (_jsxs("div", { className: "space-y-1", children: [impact.blockers.map((b, i) => (_jsxs("p", { className: "text-xs text-destructive", children: ["\u26A0 ", b] }, `b${i}`))), impact.warnings.map((w, i) => (_jsxs("p", { className: "text-xs text-amber-600", children: ["! ", w] }, `w${i}`))), impact.ok && impact.warnings.length === 0 && (_jsx("p", { className: "text-xs text-green-600", children: "\u2713 Verplaatsing is logistiek haalbaar." }))] })), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "ghost", onClick: onClose, children: "Annuleren" }), _jsx(Button, { onClick: () => mutation.mutate(), disabled: !newDate || (impact ? !impact.ok : false) || mutation.isPending, children: mutation.isPending ? "Bezig…" : "Bevestig verplaatsing" })] })] })] }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,cAAc,gCAuM7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,cAAc,gCA2G7B"}

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

@@ -1,79 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from "@tanstack/react-router";
-import { useServerFn } from "@tanstack/react-start";
-import { useQuery } from "@tanstack/react-query";
 import { useMemo, useState } from "react";
-import { Button, Badge, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
-import { Plus } from "lucide-react";
-import { getFloridayOrders } from "../../lib/floriday.functions";
+import { useQueryClient } from "@tanstack/react-query";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
+import { RefreshCw } from "lucide-react";
+import { WeekAgendaView } from "./WeekAgendaView";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning";
+import { invalidatePlanning } from "../../lib/invalidatePlanning";
 const ALL = "__all__";
-function formatDate(iso) {
-    if (!iso)
-        return "—";
-    const d = new Date(iso);
-    if (Number.isNaN(d.getTime()))
-        return iso;
-    return d.toLocaleDateString("nl-NL", { day: "2-digit", month: "2-digit", year: "numeric" });
-}
-function formatMoney(amount, currency) {
-    if (amount == null)
-        return "—";
-    try {
-        return new Intl.NumberFormat("nl-NL", {
-            style: "currency",
-            currency: currency ?? "EUR",
-        }).format(amount);
-    }
-    catch {
-        return `${amount.toFixed(2)} ${currency ?? ""}`.trim();
-    }
-}
-function statusVariant(status) {
-    const s = status.toLowerCase();
-    if (s.includes("delivered") || s.includes("completed") || s.includes("afgerond"))
-        return "bg-green-500/10 text-green-600";
-    if (s.includes("cancel") || s.includes("annul") || s.includes("reject"))
-        return "bg-red-500/10 text-red-600";
-    if (s.includes("pending") || s.includes("open") || s.includes("nieuw"))
-        return "bg-blue-500/10 text-blue-600";
-    return "bg-amber-500/10 text-amber-600";
-}
 export function LeveringenPage() {
-    const fetchOrders = useServerFn(getFloridayOrders);
-    const { data, isLoading, refetch, isFetching } = useQuery({
-        queryKey: ["floriday", "orders"],
-        queryFn: async () => {
-            try {
-                return await fetchOrders();
-            }
-            catch (e) {
-                let message = "Onbekende fout";
-                if (e instanceof Response) {
-                    const text = await e.clone().text().catch(() => "");
-                    message = `Floriday-aanvraag mislukt (${e.status}): ${text.slice(0, 200) || e.statusText}`;
-                }
-                else if (e instanceof Error) {
-                    message = e.message;
-                }
-                else {
-                    message = String(e);
-                }
-                console.error("[getFloridayOrders]", message);
-                return { orders: [], error: message };
-            }
-        },
-        retry: false,
-    });
-    const orders = data?.orders ?? [];
-    const error = data?.error ? new Error(data.error) : null;
+    const { planned, isLoading, error, warning, refetch } = useOrderPlanning();
+    const qc = useQueryClient();
+    const handleRecalc = async () => {
+        await invalidatePlanning(qc);
+        toast.success("Planning herberekend met actuele instellingen");
+    };
     const [customer, setCustomer] = useState(ALL);
     const [deliveryType, setDeliveryType] = useState(ALL);
     const [dateFrom, setDateFrom] = useState("");
     const [dateTo, setDateTo] = useState("");
-    const customers = useMemo(() => Array.from(new Set(orders.map((o) => o.customerName).filter(Boolean))).sort(), [orders]);
-    const deliveryTypes = useMemo(() => Array.from(new Set(orders.map((o) => o.deliveryType).filter(Boolean))).sort(), [orders]);
+    const customers = useMemo(() => Array.from(new Set(planned.map((p) => p.order.customerName).filter(Boolean))).sort(), [planned]);
+    const deliveryTypes = useMemo(() => Array.from(new Set(planned.map((p) => p.order.deliveryType).filter(Boolean))).sort(), [planned]);
     const filtered = useMemo(() => {
-        return orders.filter((o) => {
+        return planned.filter(({ order: o }) => {
             if (customer !== ALL && o.customerName !== customer)
                 return false;
             if (deliveryType !== ALL && o.deliveryType !== deliveryType)
@@ -84,6 +32,6 @@ export function LeveringenPage() {
                 return false;
             return true;
         });
-    }, [orders, customer, deliveryType, dateFrom, dateTo]);
-    return (_jsx("main", { className: "p-6 space-y-6", children: _jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => (_jsx(SelectItem, { value: c, children: c }, c)))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => (_jsx(SelectItem, { value: t, children: t }, t)))] })] })] })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/leveringen/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Levering aanmaken"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error.message, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Leverdatum" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Regels" }), _jsx(TableHead, { className: "text-right", children: "Totaal" })] }) }), _jsx(TableBody, { children: isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-center text-muted-foreground", children: "Leveringen laden\u2026" }) })) : filtered.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-center text-muted-foreground", children: "Geen leveringen gevonden." }) })) : (filtered.map((o) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: o.orderNumber }), _jsx(TableCell, { children: o.customerName }), _jsx(TableCell, { children: formatDate(o.deliveryDate) }), _jsx(TableCell, { children: o.deliveryType }), _jsx(TableCell, { children: _jsx(Badge, { className: statusVariant(o.status), variant: "secondary", children: o.status }) }), _jsx(TableCell, { className: "text-right", children: o.lineCount }), _jsx(TableCell, { className: "text-right", children: formatMoney(o.totalAmount, o.currency) })] }, o.id)))) })] }) })), _jsx("div", { className: "text-xs text-muted-foreground", children: isFetching ? "Bijwerken…" : `${filtered.length} van ${orders.length} leveringen` })] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }) }));
+    }, [planned, customer, deliveryType, dateFrom, dateTo]);
+    return (_jsx("main", { className: "p-6 space-y-6", children: _jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "delivery", isLoading: isLoading }))] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }) }));
 }

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

@@ -0,0 +1,6 @@
+import type { FloridayOrder } from "../../lib/floriday.functions";
+export interface PickAgendaViewProps {
+    onOrderClick?: (order: FloridayOrder) => void;
+}
+export declare function PickAgendaView({ onOrderClick }: PickAgendaViewProps): import("react").JSX.Element;
+//# sourceMappingURL=PickAgendaView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BAkHnE"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, } from "@flowselections/core";
+import { RefreshCw } from "lucide-react";
+import { toast } from "@flowselections/core";
+import { WeekAgendaView } from "./WeekAgendaView";
+import { DagDetailDialog } from "./DagDetailDialog";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning";
+import { invalidatePlanning } from "../../lib/invalidatePlanning";
+const ALL = "__all__";
+export function PickAgendaView({ onOrderClick }) {
+    const { planned, isLoading, error, warning, refetch } = useOrderPlanning();
+    const qc = useQueryClient();
+    const [dayDetailDate, setDayDetailDate] = useState(null);
+    const handleRecalc = async () => {
+        await invalidatePlanning(qc);
+        toast.success("Planning herberekend met actuele instellingen");
+    };
+    const [customer, setCustomer] = useState(ALL);
+    const [deliveryType, setDeliveryType] = useState(ALL);
+    const [dateFrom, setDateFrom] = useState("");
+    const [dateTo, setDateTo] = useState("");
+    const customers = useMemo(() => Array.from(new Set(planned.map((p) => p.order.customerName).filter(Boolean))).sort(), [planned]);
+    const deliveryTypes = useMemo(() => Array.from(new Set(planned.map((p) => p.order.deliveryType).filter(Boolean))).sort(), [planned]);
+    const filtered = useMemo(() => {
+        return planned.filter(({ order: o }) => {
+            if (customer !== ALL && o.customerName !== customer)
+                return false;
+            if (deliveryType !== ALL && o.deliveryType !== deliveryType)
+                return false;
+            if (dateFrom && (!o.deliveryDate || o.deliveryDate < dateFrom))
+                return false;
+            if (dateTo && (!o.deliveryDate || o.deliveryDate > dateTo + "T23:59:59"))
+                return false;
+            return true;
+        });
+    }, [planned, customer, deliveryType, dateFrom, dateTo]);
+    return (_jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate }))] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) }), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: filtered, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickingPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickingPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,gCAY1B"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PickAgendaView } from "./PickAgendaView";
+export function PickingPage() {
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Pick Agenda" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Overzicht van alle orders die gepickt moeten worden." })] }), _jsx(PickAgendaView, {})] }));
+}

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

@@ -0,0 +1,9 @@
+import { type WeekAgendaMode } from "./WeekAgendaView";
+interface Props {
+    title: string;
+    description: string;
+    mode: WeekAgendaMode;
+}
+export declare function PlanningAgendaPage({ title, description, mode }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PlanningAgendaPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanningAgendaPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PlanningAgendaPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,KAAK,+BAqBrE"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WeekAgendaView } from "./WeekAgendaView";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning";
+export function PlanningAgendaPage({ title, description, mode }) {
+    const { planned, isLoading, error, warning } = useOrderPlanning();
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), error && (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive", children: error })), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), _jsx(WeekAgendaView, { planned: planned, mode: mode, isLoading: isLoading })] }));
+}

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

@@ -0,0 +1,12 @@
+export interface ServiceAreaValue {
+    countries: string[];
+    provinces: string[];
+    cities: string[];
+}
+interface Props {
+    value: ServiceAreaValue;
+    onChange: (next: ServiceAreaValue) => void;
+}
+export declare function ServiceAreaSelect({ value, onChange }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ServiceAreaSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceAreaSelect.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ServiceAreaSelect.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC5C;AAiCD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAwH3D"}

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

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Popover, PopoverContent, PopoverTrigger, Badge, cn } from "@flowselections/core";
+import { ChevronDown, Search, X, Check, Globe, MapPin, Building2 } from "lucide-react";
+import { GEO_ITEMS, getGeoItem } from "../../lib/geo/euServiceAreas";
+const LEVEL_META = {
+    country: { label: "Land", icon: Globe, tone: "bg-blue-100 text-blue-700" },
+    province: { label: "Provincie", icon: MapPin, tone: "bg-emerald-100 text-emerald-700" },
+    city: { label: "Plaats", icon: Building2, tone: "bg-amber-100 text-amber-700" },
+};
+function isSelected(value, item) {
+    if (item.level === "country")
+        return value.countries.includes(item.code);
+    if (item.level === "province")
+        return value.provinces.includes(item.code);
+    return value.cities.includes(item.code);
+}
+function toggle(value, item) {
+    const has = isSelected(value, item);
+    if (item.level === "country") {
+        return { ...value, countries: has ? value.countries.filter((c) => c !== item.code) : [...value.countries, item.code] };
+    }
+    if (item.level === "province") {
+        return { ...value, provinces: has ? value.provinces.filter((c) => c !== item.code) : [...value.provinces, item.code] };
+    }
+    return { ...value, cities: has ? value.cities.filter((c) => c !== item.code) : [...value.cities, item.code] };
+}
+function removeCode(value, code) {
+    return {
+        countries: value.countries.filter((c) => c !== code),
+        provinces: value.provinces.filter((c) => c !== code),
+        cities: value.cities.filter((c) => c !== code),
+    };
+}
+export function ServiceAreaSelect({ value, onChange }) {
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    const filtered = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        const items = q
+            ? GEO_ITEMS.filter((i) => i.label.toLowerCase().includes(q) || i.code.toLowerCase().includes(q))
+            : GEO_ITEMS;
+        const byLevel = { country: [], province: [], city: [] };
+        for (const i of items)
+            byLevel[i.level].push(i);
+        for (const k of Object.keys(byLevel)) {
+            byLevel[k].sort((a, b) => a.label.localeCompare(b.label, "nl"));
+        }
+        // cap city list to keep the popover snappy when no query
+        if (!q)
+            byLevel.city = byLevel.city.slice(0, 60);
+        return byLevel;
+    }, [query]);
+    const selectedItems = useMemo(() => {
+        const all = [...value.countries, ...value.provinces, ...value.cities];
+        return all
+            .map((c) => getGeoItem(c) ?? { code: c, label: c, level: "country", country: c })
+            .sort((a, b) => {
+            const order = { country: 0, province: 1, city: 2 };
+            return order[a.level] - order[b.level] || a.label.localeCompare(b.label, "nl");
+        });
+    }, [value]);
+    const total = selectedItems.length;
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "flex items-center justify-between w-full min-h-10 px-3 py-2 rounded-md border bg-background text-sm", children: [_jsx("span", { className: total === 0 ? "text-muted-foreground" : "", children: total === 0 ? "Selecteer landen, provincies of plaatsen…" : `${total} gebied${total === 1 ? "" : "en"} geselecteerd` }), _jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })] }) }), _jsxs(PopoverContent, { className: "p-0 w-[360px]", align: "start", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b", children: [_jsx(Search, { className: "w-4 h-4 text-muted-foreground" }), _jsx("input", { autoFocus: true, value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Zoek land, provincie of plaats\u2026", className: "flex-1 bg-transparent text-sm outline-none" })] }), _jsxs("div", { className: "max-h-[340px] overflow-y-auto py-1", children: [Object.keys(filtered).map((level) => {
+                                        const items = filtered[level];
+                                        if (items.length === 0)
+                                            return null;
+                                        const Meta = LEVEL_META[level];
+                                        return (_jsxs("div", { children: [_jsxs("div", { className: "px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: [Meta.label, "en"] }), items.map((item) => {
+                                                    const sel = isSelected(value, item);
+                                                    const Icon = LEVEL_META[item.level].icon;
+                                                    return (_jsxs("button", { type: "button", onClick: () => onChange(toggle(value, item)), className: cn("flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-muted", sel && "bg-muted/60"), children: [_jsx(Icon, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), _jsx("span", { className: "flex-1 truncate", children: item.label }), _jsx("span", { className: "text-[10px] text-muted-foreground", children: item.code }), sel ? _jsx(Check, { className: "h-4 w-4 text-primary" }) : null] }, item.code));
+                                                })] }, level));
+                                    }), filtered.country.length === 0 && filtered.province.length === 0 && filtered.city.length === 0 && (_jsx("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "Geen resultaten" }))] })] })] }), selectedItems.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: selectedItems.map((item) => {
+                    const meta = LEVEL_META[item.level];
+                    const Icon = meta.icon;
+                    return (_jsxs(Badge, { variant: "secondary", className: cn("gap-1 pr-1", meta.tone), children: [_jsx(Icon, { className: "h-3 w-3" }), _jsx("span", { children: item.label }), _jsx("button", { type: "button", onClick: () => onChange(removeCode(value, item.code)), className: "ml-1 rounded-sm hover:bg-black/10 p-0.5", "aria-label": `Verwijder ${item.label}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, item.code));
+                }) }))] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"VervoerderForm.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerderForm.tsx"],"names":[],"mappings":"AA4CA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAmHD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BA+TlD"}
+{"version":3,"file":"VervoerderForm.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerderForm.tsx"],"names":[],"mappings":"AA8CA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAyPD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BA4XlD"}