@flowselections/floriday-verkoop-module 1.0.94 → 1.0.98

package/dist-lib/components/verkoop/AnalyticsCards.d.ts

@@ -5,5 +5,5 @@ export declare function AnalyticsCards({ totals, loading, }: {
         orderCount: number;
     };
     loading?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=AnalyticsCards.d.ts.map

package/dist-lib/components/verkoop/AnalyticsCards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsCards.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/AnalyticsCards.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAwBA"}
+{"version":3,"file":"AnalyticsCards.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/AnalyticsCards.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAwBA"}

package/dist-lib/components/verkoop/CartAssignmentWizard.d.ts

@@ -2,5 +2,5 @@ export declare function CartAssignmentWizard({ orderId, open, onClose, }: {
     orderId: string | null;
     open: boolean;
     onClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=CartAssignmentWizard.d.ts.map

package/dist-lib/components/verkoop/CartAssignmentWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartAssignmentWizard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CartAssignmentWizard.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EAAE,IAAI,EAAE,OAAO,GACvB,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,2CA4ThE"}
+{"version":3,"file":"CartAssignmentWizard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CartAssignmentWizard.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EAAE,IAAI,EAAE,OAAO,GACvB,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BA4ThE"}

package/dist-lib/components/verkoop/CartLayersDialog.d.ts

@@ -4,6 +4,6 @@ interface Props {
     open: boolean;
     onOpenChange: (open: boolean) => void;
 }
-export declare function CartLayersDialog({ cartId, cartNumber, open, onOpenChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function CartLayersDialog({ cartId, cartNumber, open, onOpenChange }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CartLayersDialog.d.ts.map

package/dist-lib/components/verkoop/CartLayersDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartLayersDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CartLayersDialog.tsx"],"names":[],"mappings":"AA4BA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AA2ID,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,2CAyMjF"}
+{"version":3,"file":"CartLayersDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CartLayersDialog.tsx"],"names":[],"mappings":"AA4BA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AA2ID,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,+BAyMjF"}

package/dist-lib/components/verkoop/CreateOrderPage.d.ts

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

package/dist-lib/components/verkoop/CreateOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,eAAe,4CAyzB9B"}
+{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AAuFA,wBAAgB,eAAe,gCAq3B9B"}

package/dist-lib/components/verkoop/CreateOrderPage.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Handmatig aanmaken van een bestelling — gebruikt exact dezelfde workflow,
 // server-fns en validaties als de Mailbox-module. Beide modules leunen op
 // gedeelde queries (klanten, producten met voorraad, afleverlocaties,
-// afhaallocaties, vervoerders, orderpicktijd) en dezelfde eerstmogelijke-
-// leverdatum-berekening. Zie src/lib/create-order.functions.ts.
+// afhaallocaties, vervoerders). Ophaalmoment en haalbare leverdatum komen
+// van de Logistiek Engine (logistics_departure_preview).
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea, toast, } from "@flowselections/core";
 import { Link, useNavigate } from "@tanstack/react-router";
@@ -11,7 +11,9 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { ArrowLeft, Plus, Trash2 } from "lucide-react";
 import { useServerFn } from "@tanstack/react-start";
 import { SearchableSelect } from "./SearchableSelect.js";
-import { computeEarliestDelivery } from "../../lib/carrier-availability.js";
+import { toISODate } from "../../lib/carrier-availability.js";
+import { getDeparturePreview } from "../../lib/departure-preview.functions.js";
+import { decidePreview, momentLabel, LATE_CONFIRM } from "../../lib/departure-preview.js";
 import { listCustomersForCreateOrder, ensureCustomerFromTwinfield, listProductsForCreateOrder, listDeliveryLocationsForCustomerCO, listPickupLocationsCO, listCarriersForCreateOrder, getOrderPickDaysCO, listBeladingOptionsForProducts, createManualOrder, getEffectivePrices, } from "../../lib/create-order.functions.js";
 import { checkOrderStockAllowed } from "../../lib/logistics-stock.functions.js";
 import { useAllowedLoadCarriers } from "../../lib/useAllowedLoadCarriers.js";
@@ -74,7 +76,6 @@ export function CreateOrderPage() {
     const products = productsQ.data?.items ?? [];
     const pickupLocations = pickupQ.data?.items ?? [];
     const carriers = carriersQ.data?.items ?? [];
-    const pickDays = Math.max(0, Number(pickDaysQ.data?.pickDays ?? 0));
     const [customerId, setCustomerId] = useState(null);
     // Twinfield-only klanten (id `twinfield:<code>`) worden bij selectie eerst
     // geïmporteerd naar een lokale customers-rij; daarna gaat de flow normaal door.
@@ -187,10 +188,8 @@ export function CreateOrderPage() {
         if (deliveryLocationId !== lastLocRef.current) {
             lastLocRef.current = deliveryLocationId;
             const loc = deliveryLocations.find((l) => l.id === deliveryLocationId);
-            if (loc?.carrier_id)
-                setCarrierId(loc.carrier_id);
-            else if (deliveryLocationId === null)
-                setCarrierId(null);
+            // Zonder standaardvervoerder kiest de Engine er een (voorbeeldversie).
+            setCarrierId(loc?.carrier_id ? loc.carrier_id : null);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [deliveryLocationId, deliveryLocations.length]);
@@ -203,31 +202,64 @@ export function CreateOrderPage() {
             setLoadCarrierType(loadCarriersEngine.default ?? allowed[0]);
         }
     }, [loadCarriersEngine.allowed.join(","), loadCarriersEngine.default]);
-    const selectedCarrier = carriers.find((c) => c.id === carrierId) ?? null;
-    const carrierDeliveryDays = Math.max(0, Number(selectedCarrier?.delivery_days ?? 0));
-    const canPickDate = !!customerId && !!deliveryLocationId && !!pickupLocationId && !!carrierId;
-    const earliest = useMemo(() => computeEarliestDelivery(selectedCarrier, pickDays, new Date()), [selectedCarrier, pickDays]);
-    const earliestISO = earliest.deliveryISO;
-    const earliestDate = useMemo(() => {
-        const [y, m, d] = earliestISO.split("-").map(Number);
-        return new Date(y, (m ?? 1) - 1, d ?? 1);
-    }, [earliestISO]);
-    const earliestLabel = earliestDate.toLocaleDateString("nl-NL", {
-        weekday: "long", day: "numeric", month: "long", year: "numeric",
+    const canPickDate = !!customerId && !!deliveryLocationId && !!pickupLocationId;
+    const [momentKey, setMomentKey] = useState(null);
+    // ---- Ophaalmoment (Logistiek Engine) ----------------------------------
+    // Bij elke wijziging van vervoerder, afleverlocatie, leverdatum of moment
+    // vraagt het scherm de Engine om een voorbeeld. Kort wachten zodat niet
+    // elke toetsaanslag een vraag wordt.
+    const fetchPreview = useServerFn(getDeparturePreview);
+    const previewInput = useMemo(() => canPickDate && !isReservation
+        ? {
+            carrierId: carrierId ?? null,
+            deliveryLocation: deliveryLocationId,
+            deliveryDate: deliveryDate || toISODate(new Date()),
+            momentKey,
+        }
+        : null, [canPickDate, isReservation, carrierId, deliveryLocationId, deliveryDate, momentKey]);
+    const [debouncedInput, setDebouncedInput] = useState(previewInput);
+    useEffect(() => {
+        const t = setTimeout(() => setDebouncedInput(previewInput), 300);
+        return () => clearTimeout(t);
+    }, [previewInput]);
+    const previewQ = useQuery({
+        queryKey: ["co-departure-preview", debouncedInput],
+        enabled: !!debouncedInput,
+        staleTime: 15000,
+        queryFn: async () => {
+            try {
+                return (await fetchPreview({ data: debouncedInput })).preview;
+            }
+            catch {
+                return null;
+            }
+        },
     });
-    const signupLabel = earliest.signupDeadlineISO
-        ? new Date(earliest.signupDeadlineISO).toLocaleString("nl-NL", {
-            weekday: "long", day: "numeric", month: "long", hour: "2-digit", minute: "2-digit",
-        })
-        : null;
+    const preview = previewQ.data ?? null;
+    const decision = previewQ.isSuccess ? decidePreview(preview) : null;
+    // Nog geen leverdatum: neem de eerste haalbare datum van de Engine over.
     useEffect(() => {
-        if (!canPickDate)
-            return;
-        if (!deliveryDate || deliveryDate < earliestISO) {
-            setDeliveryDate(earliestISO);
+        if (!deliveryDate && preview?.firstFeasibleDeliveryDate)
+            setDeliveryDate(preview.firstFeasibleDeliveryDate);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [preview?.firstFeasibleDeliveryDate]);
+    // Geen vervoerder gekozen: de Engine kiest er een op de afleverlocatie.
+    useEffect(() => {
+        if (!carrierId && preview?.carrierId)
+            setCarrierId(preview.carrierId);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [preview?.carrierId]);
+    // Andere vervoerder/locatie/datum: eigen momentkeuze vervalt als hij er niet meer is.
+    useEffect(() => {
+        if (momentKey && preview && !preview.moments.some((m) => m.momentKey === momentKey && m.feasible)) {
+            setMomentKey(null);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [canPickDate, earliestISO]);
+    }, [preview]);
+    const fmtDate = (iso) => {
+        const [y, m, d] = iso.split("-").map(Number);
+        return new Date(y, (m ?? 1) - 1, d ?? 1).toLocaleDateString("nl-NL", { weekday: "long", day: "numeric", month: "long" });
+    };
     // ---- Voorraadcontrole (Logistics Engine) -------------------------------
     // De Engine beslist of een order met producten zonder voorraad aangemaakt
     // mag worden. Antwoord nooit cachen: de instelling kan elk moment wijzigen.
@@ -263,10 +295,20 @@ export function CreateOrderPage() {
                 throw new Error("Selecteer een afleverlocatie");
             if (!pickupLocationId)
                 throw new Error("Selecteer een afhaallocatie (tuin)");
-            if (!isReservation && !carrierId)
-                throw new Error("Selecteer een vervoerder");
             if (!isReservation && !deliveryDate)
                 throw new Error("Selecteer een leverdatum");
+            let acceptLateSignup = false;
+            if (!isReservation) {
+                if (!decision)
+                    throw new Error("Het ophaalmoment wordt nog opgehaald. Probeer het zo opnieuw.");
+                if (decision.kind === "blocked")
+                    throw new Error(decision.reason);
+                if (decision.kind === "late") {
+                    if (!window.confirm(LATE_CONFIRM))
+                        throw new Error("__cancelled__");
+                    acceptLateSignup = true;
+                }
+            }
             const validLines = lines.filter((l) => l.product_id && (l.quantity ?? 0) > 0);
             if (validLines.length === 0)
                 throw new Error("Voeg minimaal één product toe");
@@ -302,7 +344,9 @@ export function CreateOrderPage() {
                 customerName: customer?.company_name ?? "Onbekende klant",
                 deliveryLocationId,
                 pickupLocationId,
-                carrierId: isReservation ? null : carrierId,
+                carrierId: isReservation ? null : (carrierId ?? preview?.carrierId ?? null),
+                momentKey: isReservation ? null : momentKey,
+                acceptLateSignup,
                 deliveryDate: isReservation ? null : deliveryDate,
                 isReservation,
                 loadCarrierType,
@@ -339,8 +383,11 @@ export function CreateOrderPage() {
             }
         },
         onError: (e) => {
+            if (e?.message === "__cancelled__")
+                return;
             console.error(e);
-            toast.error("De order is niet aangemaakt. Controleer de regels en probeer opnieuw.");
+            const msg = typeof e?.message === "string" && e.message.length < 400 ? e.message : null;
+            toast.error(msg ?? "De order is niet aangemaakt. Controleer de regels en probeer opnieuw.");
         },
     });
     return (_jsxs("main", { className: "space-y-5 p-6", children: [_jsx("div", { children: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs(Link, { to: "/floriday-verkoop/verkooporders", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Terug naar verkooporders"] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Nieuwe Bestelling" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Doorloop de stappen: klant \u2192 afleverlocatie \u2192 afhaallocatie \u2192 vervoerder \u2192 leverdatum \u2192 producten." })] }), _jsxs(CardContent, { className: "space-y-5", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Klant ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(SearchableSelect, { value: customerId, placeholder: customersQ.isLoading ? "Laden..." : "Kies klant...", options: customers.map((c) => ({
@@ -363,18 +410,10 @@ export function CreateOrderPage() {
                                             };
                                         }), onChange: setDeliveryLocationId })] }), selectedLocation && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Adresgegevens" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(ReadOnlyField, { label: "Straat", value: selectedLocation.street }), _jsx(ReadOnlyField, { label: "Huisnummer", value: selectedLocation.house_number }), _jsx(ReadOnlyField, { label: "Postcode", value: selectedLocation.postal_code }), _jsx(ReadOnlyField, { label: "Plaats", value: selectedLocation.city }), _jsx(ReadOnlyField, { label: "Provincie", value: selectedLocation.province }), _jsx(ReadOnlyField, { label: "Land", value: selectedLocation.country })] })] })), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Afhaallocatie / Tuin ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(SearchableSelect, { value: pickupLocationId, placeholder: pickupLocations.length ? "Kies eigen locatie..." : "Geen eigen locaties bekend", disabled: pickupLocations.length === 0, allowClear: false, options: pickupLocations.map((l) => ({ value: l.id, label: l.name })), onChange: setPickupLocationId }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Eigen locatie (tuin) van waaruit de bestelling wordt geleverd of opgehaald." })] }), isReservation ? (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Vervoerder" }), _jsx("div", { className: "rounded-md border border-border bg-muted/40 px-3 py-2 text-sm text-muted-foreground", children: "Nog niet van toepassing \u2014 de vervoerder wordt pas gekozen bij het aanmaken van de verzending." })] })) : (_jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { children: ["Vervoerder ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(SearchableSelect, { value: carrierId, placeholder: !customerId ? "Selecteer eerst een klant"
                                             : !deliveryLocationId ? "Selecteer eerst een afleverlocatie"
-                                                : "Kies vervoerder...", disabled: !deliveryLocationId, allowClear: false, options: carriers.map((c) => ({
+                                                : "Wordt gekozen bij de afleverlocatie", disabled: !deliveryLocationId, allowClear: false, options: carriers.map((c) => ({
                                             value: c.id,
                                             label: c.name + (c.is_default ? " (standaard)" : ""),
-                                        })), onChange: setCarrierId }), selectedLocation?.carrier_id && carrierId && carrierId !== selectedLocation.carrier_id && (_jsx("div", { className: "text-xs text-muted-foreground", children: "Wijkt af van standaard vervoerder van deze locatie \u2014 geldt alleen voor deze bestelling." }))] })), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Leverdatum ", !isReservation && _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { type: "date", value: !isReservation && canPickDate ? deliveryDate : "", min: canPickDate ? earliestISO : undefined, disabled: isReservation || !canPickDate, onChange: (e) => {
-                                            const v = e.target.value || "";
-                                            if (v && v < earliestISO) {
-                                                toast.error(`Eerst mogelijke leverdatum is ${earliestLabel}.`);
-                                                setDeliveryDate(earliestISO);
-                                                return;
-                                            }
-                                            setDeliveryDate(v);
-                                        } }), _jsxs("label", { className: "mt-1 flex items-center gap-2 text-sm text-foreground", children: [_jsx("input", { type: "checkbox", checked: isReservation, onChange: (e) => setIsReservation(e.target.checked), className: "h-4 w-4 rounded border-input" }), "Reservering (nog geen vaste leverdatum)"] }), isReservation ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "De bestelling wordt als reservering aangemaakt zonder leverdatumvalidatie." })) : !canPickDate ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Selecteer eerst klant, afleverlocatie, afhaallocatie en vervoerder." })) : (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Eerst beschikbare leverdatum is ", earliestLabel, signupLabel ? `, o.b.v. het eerstvolgende aanmeldmoment (${signupLabel})` : "", " ", "en orderpicktijd (", pickDays, "d).", _jsx("div", { className: "mt-0.5", children: "Het definitieve ophaalmoment wordt bepaald zodra de order is aangemaakt." })] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bestelregels" }), _jsxs("div", { className: "grid grid-cols-12 gap-2 text-xs text-muted-foreground px-1", children: [_jsx("div", { className: "col-span-4", children: "Product" }), _jsx("div", { className: "col-span-3", children: "Belading" }), _jsx("div", { className: "col-span-2", children: "Fusten" }), _jsx("div", { className: "col-span-2", children: "Prijs" }), _jsx("div", { className: "col-span-1" })] }), lines.map((line, idx) => {
+                                        })), onChange: (v) => { setCarrierId(v); setMomentKey(null); } }), selectedLocation?.carrier_id && carrierId && carrierId !== selectedLocation.carrier_id && (_jsx("div", { className: "text-xs text-muted-foreground", children: "Wijkt af van standaard vervoerder van deze locatie \u2014 geldt alleen voor deze bestelling." }))] })), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Leverdatum ", !isReservation && _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { type: "date", value: !isReservation && canPickDate ? deliveryDate : "", disabled: isReservation || !canPickDate, onChange: (e) => { setDeliveryDate(e.target.value || ""); setMomentKey(null); } }), _jsxs("label", { className: "mt-1 flex items-center gap-2 text-sm text-foreground", children: [_jsx("input", { type: "checkbox", checked: isReservation, onChange: (e) => setIsReservation(e.target.checked), className: "h-4 w-4 rounded border-input" }), "Reservering (nog geen vaste leverdatum)"] }), isReservation ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "De bestelling wordt als reservering aangemaakt zonder leverdatumvalidatie." })) : !canPickDate ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Selecteer eerst klant, afleverlocatie en afhaallocatie." })) : !decision ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Ophaalmoment ophalen\u2026" })) : decision.kind === "blocked" ? (_jsx("div", { className: "text-xs text-destructive", children: decision.reason })) : (_jsxs("div", { className: "space-y-2 text-xs", children: [preview && preview.moments.length > 0 && (_jsx("select", { className: "h-9 w-full rounded-md border border-border bg-background px-2 text-sm text-foreground", value: momentKey ?? decision.momentKey ?? "", onChange: (e) => setMomentKey(e.target.value || null), "aria-label": "Ophaalmoment kiezen", children: preview.moments.map((m) => (_jsxs("option", { value: m.momentKey, disabled: !m.feasible, className: m.feasible ? "" : "text-muted-foreground", children: [momentLabel(m), m.feasible ? "" : " (niet haalbaar)"] }, m.momentKey))) })), decision.text && _jsx("div", { className: "text-foreground", children: decision.text }), decision.kind === "late" && (_jsxs("div", { className: "space-y-2 rounded-md border border-destructive/40 p-2", children: [_jsx("div", { className: "text-destructive", children: decision.reason }), decision.firstReason && _jsx("div", { className: "text-muted-foreground", children: decision.firstReason }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [decision.firstDate && (_jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => { setDeliveryDate(decision.firstDate); setMomentKey(null); }, children: ["Gebruik ", fmtDate(decision.firstDate)] })), _jsxs(Button, { type: "button", size: "sm", variant: "outline", disabled: createMut.isPending, onClick: () => createMut.mutate(), children: ["Toch aanmaken voor ", deliveryDate ? fmtDate(deliveryDate) : "de gekozen datum"] })] })] }))] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bestelregels" }), _jsxs("div", { className: "grid grid-cols-12 gap-2 text-xs text-muted-foreground px-1", children: [_jsx("div", { className: "col-span-4", children: "Product" }), _jsx("div", { className: "col-span-3", children: "Belading" }), _jsx("div", { className: "col-span-2", children: "Fusten" }), _jsx("div", { className: "col-span-2", children: "Prijs" }), _jsx("div", { className: "col-span-1" })] }), lines.map((line, idx) => {
                                         const product = line.product_id ? products.find((p) => p.id === line.product_id) : null;
                                         const defaultBelading = completeBelading(product);
                                         const effBelading = completeBelading(line.belading) ?? defaultBelading;

package/dist-lib/components/verkoop/DiagnoseConnectionDialog.d.ts

@@ -1,5 +1,5 @@
 export declare function DiagnoseConnectionDialog({ open, onOpenChange, }: {
     open: boolean;
     onOpenChange: (v: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=DiagnoseConnectionDialog.d.ts.map

package/dist-lib/components/verkoop/DiagnoseConnectionDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiagnoseConnectionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/DiagnoseConnectionDialog.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,GACb,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,2CAoMA"}
+{"version":3,"file":"DiagnoseConnectionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/DiagnoseConnectionDialog.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,GACb,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,+BAoMA"}

package/dist-lib/components/verkoop/EditLocalOrderDialog.d.ts

@@ -2,5 +2,5 @@ export declare function EditLocalOrderDialog({ orderId, open, onOpenChange, }: {
     orderId: string;
     open: boolean;
     onOpenChange: (o: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=EditLocalOrderDialog.d.ts.map

package/dist-lib/components/verkoop/EditLocalOrderDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditLocalOrderDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/EditLocalOrderDialog.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,YAAY,GACb,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,kDAuiBA"}
+{"version":3,"file":"EditLocalOrderDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/EditLocalOrderDialog.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,YAAY,GACb,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,sCAuiBA"}

package/dist-lib/components/verkoop/EngineBufferCard.d.ts

@@ -4,5 +4,5 @@
  */
 export declare function EngineBufferCard({ orderId }: {
     orderId: string | null;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=EngineBufferCard.d.ts.map

package/dist-lib/components/verkoop/EngineBufferCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EngineBufferCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/EngineBufferCard.tsx"],"names":[],"mappings":"AAiBA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,kDAkJvE"}
+{"version":3,"file":"EngineBufferCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/EngineBufferCard.tsx"],"names":[],"mappings":"AAiBA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAkJvE"}

package/dist-lib/components/verkoop/FloridayStageLine.d.ts

@@ -8,8 +8,8 @@ export declare function FloridayStageLine({ status, stage, floridayFulfilled, is
     isFloriday?: boolean;
     notReportedCount?: number;
     bufferSize?: number;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function MissingPriceBadge({ show }: {
     show: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=FloridayStageLine.d.ts.map

package/dist-lib/components/verkoop/FloridayStageLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloridayStageLine.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/FloridayStageLine.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8D,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,uFAAuF;AACvF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,EAAE;IACD,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,kDAwCA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,kDAOxE"}
+{"version":3,"file":"FloridayStageLine.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/FloridayStageLine.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8D,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,uFAAuF;AACvF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,EAAE;IACD,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,sCAwCA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,sCAOxE"}

package/dist-lib/components/verkoop/InvoiceTimingSettings.d.ts

@@ -1,3 +1,3 @@
-export declare function InvoiceTimingSettingsCard(): import("react/jsx-runtime").JSX.Element;
+export declare function InvoiceTimingSettingsCard(): import("react").JSX.Element;
 export default InvoiceTimingSettingsCard;
 //# sourceMappingURL=InvoiceTimingSettings.d.ts.map

package/dist-lib/components/verkoop/InvoiceTimingSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvoiceTimingSettings.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/InvoiceTimingSettings.tsx"],"names":[],"mappings":"AA+GA,wBAAgB,yBAAyB,4CA2GxC;AAED,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"InvoiceTimingSettings.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/InvoiceTimingSettings.tsx"],"names":[],"mappings":"AA+GA,wBAAgB,yBAAyB,gCA2GxC;AAED,eAAe,yBAAyB,CAAC"}

package/dist-lib/components/verkoop/OrderAfleverbrievenCard.d.ts

@@ -2,5 +2,5 @@ export declare function OrderAfleverbrievenCard({ salesOrderId, orderNumber, wer
     salesOrderId: string;
     orderNumber?: string;
     werkplek?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=OrderAfleverbrievenCard.d.ts.map

package/dist-lib/components/verkoop/OrderAfleverbrievenCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderAfleverbrievenCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderAfleverbrievenCard.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,WAAW,EACX,QAAQ,GACT,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAwMA"}
+{"version":3,"file":"OrderAfleverbrievenCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderAfleverbrievenCard.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,WAAW,EACX,QAAQ,GACT,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAwMA"}

package/dist-lib/components/verkoop/OrderCarrierPicker.d.ts

@@ -9,5 +9,5 @@ export declare function OrderCarrierPicker({ orderId, applyToBuffer, compact, lo
     applyToBuffer?: boolean;
     compact?: boolean;
     locked?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=OrderCarrierPicker.d.ts.map

package/dist-lib/components/verkoop/OrderCarrierPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderCarrierPicker.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderCarrierPicker.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAqB,EACrB,OAAe,EACf,MAAc,GACf,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CA4EA"}
+{"version":3,"file":"OrderCarrierPicker.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderCarrierPicker.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAqB,EACrB,OAAe,EACf,MAAc,GACf,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BA4EA"}

package/dist-lib/components/verkoop/OrderControlStatusCard.d.ts

@@ -2,5 +2,5 @@ export declare function OrderControlStatusCard({ floridayId, isControlled, contr
     floridayId: string;
     isControlled: boolean;
     controlledAt: string | null;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=OrderControlStatusCard.d.ts.map

package/dist-lib/components/verkoop/OrderControlStatusCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderControlStatusCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderControlStatusCard.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,YAAY,EACZ,YAAY,GACb,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,2CA6DA"}
+{"version":3,"file":"OrderControlStatusCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderControlStatusCard.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,YAAY,EACZ,YAAY,GACb,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,+BA6DA"}

package/dist-lib/components/verkoop/OrderKarindelingCard.d.ts

@@ -1,5 +1,5 @@
 import type { SalesOrderDTO } from "../../lib/salesorders-mapping.js";
 export declare function OrderKarindelingCard({ order }: {
     order: SalesOrderDTO;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=OrderKarindelingCard.d.ts.map

package/dist-lib/components/verkoop/OrderKarindelingCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderKarindelingCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderKarindelingCard.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAkB/D,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,2CAyJvE"}
+{"version":3,"file":"OrderKarindelingCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderKarindelingCard.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAkB/D,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,+BAyKvE"}

package/dist-lib/components/verkoop/OrderKarindelingCard.js

@@ -46,7 +46,7 @@ export function OrderKarindelingCard({ order }) {
     const carts = Array.isArray(cov?.carts) ? cov.carts : [];
     const pickRows = Array.isArray(cov?.pickRows) ? cov.pickRows : [];
     const [layersFor, setLayersFor] = useState(null);
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2 sm:flex sm:flex-row sm:justify-between", children: [_jsx(CardTitle, { className: "truncate text-base", children: "Karindeling" }), _jsxs("div", { className: "flex items-center gap-2", children: [cov && cov.state !== "onbekend" && (_jsxs(Badge, { variant: "secondary", children: [carts.length, " kar(ren)"] })), _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Vernieuwen", title: "Vernieuwen", onClick: () => void queryClient.invalidateQueries({ queryKey }), children: _jsx(RefreshCw, { className: "h-4 w-4 " + (isFetching ? "animate-spin" : "") }) })] })] }), _jsx(CardContent, { className: "space-y-4", children: isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Karindeling laden\u2026" })) : error ? (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Indeling onbekend" }), _jsx("p", { className: "text-sm text-muted-foreground", children: error.message })] })) : cov ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-start gap-x-6 gap-y-2 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Indeling" }), _jsx(PlanCoverageBadge, { coverage: summarize(cov) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Pickstatus" }), _jsxs("div", { className: "mt-1", children: [cov.pickStatus ? PICK_LABEL[cov.pickStatus] : "—", cov.pickStatus === "gepickt" && cov.pickedAt ? ` · ${fmt(cov.pickedAt)}` : ""] })] }), pickRows.length > 0 && (_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Pickdocumenten" }), _jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: pickRows.map((p, i) => (_jsxs(Badge, { variant: "outline", className: "text-[10px]", title: [
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2 sm:flex sm:flex-row sm:justify-between", children: [_jsx(CardTitle, { className: "truncate text-base", children: "Karindeling" }), _jsxs("div", { className: "flex items-center gap-2", children: [cov && cov.state !== "onbekend" && (_jsxs(Badge, { variant: "secondary", children: [carts.length, " kar(ren)"] })), _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Vernieuwen", title: "Vernieuwen", onClick: () => void queryClient.invalidateQueries({ queryKey }), children: _jsx(RefreshCw, { className: "h-4 w-4 " + (isFetching ? "animate-spin" : "") }) })] })] }), _jsx(CardContent, { className: "space-y-4", children: isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Karindeling laden\u2026" })) : error ? (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Indeling onbekend" }), _jsx("p", { className: "text-sm text-muted-foreground", children: error.message })] })) : cov ? (_jsxs(_Fragment, { children: [cov.externalFulfilled && !cov.externalFulfilled.full && (_jsxs("p", { className: "text-sm text-muted-foreground", children: [cov.externalFulfilled.salesOrderIds.length, " bestelling(en) afgehandeld in Floriday; de voortgang telt alleen de rest."] })), data?.externalEvent?.sendError ? (_jsxs("p", { className: "text-sm text-destructive", children: ["Het afronden in de planning lukte niet: de melding kon niet worden verstuurd (", data.externalEvent.sendError, ")."] })) : data?.externalEvent?.status === "failed" ? (_jsxs("p", { className: "text-sm text-destructive", children: ["Het afronden in de planning lukte niet: ", data.externalEvent.error ?? "geen reden opgegeven"] })) : data?.externalEvent && data.externalEvent.status && !["done", "processed", "completed", "applied", "skipped"].includes(data.externalEvent.status) ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "De planning verwerkt \"Afgehandeld in Floriday\" nog." })) : null, _jsxs("div", { className: "flex flex-wrap items-start gap-x-6 gap-y-2 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Indeling" }), _jsx(PlanCoverageBadge, { coverage: summarize(cov) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Pickstatus" }), _jsxs("div", { className: "mt-1", children: [cov.pickStatus ? PICK_LABEL[cov.pickStatus] : "—", cov.pickStatus === "gepickt" && cov.pickedAt ? ` · ${fmt(cov.pickedAt)}` : ""] })] }), pickRows.length > 0 && (_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Pickdocumenten" }), _jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: pickRows.map((p, i) => (_jsxs(Badge, { variant: "outline", className: "text-[10px]", title: [
                                                     p.printedAt ? `Geprint ${fmt(p.printedAt)}` : "Nog niet geprint",
                                                     p.completedAt ? `Afgerond ${fmt(p.completedAt)}` : null,
                                                 ]

package/dist-lib/components/verkoop/OrderLinePackingCard.d.ts

@@ -1,4 +1,4 @@
 export declare function OrderLinePackingCard({ orderId }: {
     orderId: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=OrderLinePackingCard.d.ts.map

package/dist-lib/components/verkoop/OrderLinePackingCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderLinePackingCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderLinePackingCard.tsx"],"names":[],"mappings":"AAmJA,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,kDA4CpE"}
+{"version":3,"file":"OrderLinePackingCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderLinePackingCard.tsx"],"names":[],"mappings":"AAmJA,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,sCA4CpE"}

package/dist-lib/components/verkoop/OrderPickupMomentPicker.d.ts

@@ -6,5 +6,5 @@ export declare function OrderPickupMomentPicker({ orderId, readOnly, compact, }:
     orderId: string;
     readOnly?: boolean;
     compact?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=OrderPickupMomentPicker.d.ts.map

package/dist-lib/components/verkoop/OrderPickupMomentPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderPickupMomentPicker.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderPickupMomentPicker.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,QAAgB,EAChB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAuEA"}
+{"version":3,"file":"OrderPickupMomentPicker.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderPickupMomentPicker.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,QAAgB,EAChB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA6EA"}

package/dist-lib/components/verkoop/OrderPickupMomentPicker.js

@@ -4,6 +4,7 @@ import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Clock } from "lucide-react";
 import { getOrderPickupMoment, setOrderPickupMoment } from "../../lib/order-pickup.functions.js";
+import { formatMoment } from "../../lib/order-departure.js";
 /**
  * Toont het ophaal- en aanmeldmoment zoals de planning het heeft berekend.
  * Zonder `readOnly` kun je een ander moment van de vervoerder kiezen.
@@ -40,5 +41,5 @@ export function OrderPickupMomentPicker({ orderId, readOnly = false, compact = f
         return _jsx("span", { className: "text-sm text-muted-foreground", children: "Laden\u2026" });
     const view = data?.view;
     const options = data?.options ?? [];
-    return (_jsxs("div", { className: compact ? "space-y-1" : "inline-flex flex-col gap-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm text-foreground", children: [!compact && _jsx(Clock, { className: "h-4 w-4 text-muted-foreground" }), view?.text ? (_jsxs("span", { children: [view.text, data?.deliveryTime ? (_jsxs("span", { className: "text-muted-foreground", children: [" \u00B7 aanlevering ", data.deliveryTime] })) : null] })) : (_jsx("span", { className: "text-muted-foreground", children: view?.reason ?? "Geen ophaalmoment bekend" })), view?.lateSignup && (_jsx("span", { className: "rounded border border-destructive/40 px-1.5 py-0.5 text-xs text-destructive", children: "te laat aangemeld" }))] }), !readOnly && options.length > 1 && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { className: "h-9 min-w-[18rem] rounded-md border border-border bg-background px-2 text-sm text-foreground disabled:opacity-60", value: data?.selectedKey ?? "", disabled: saving, onChange: (e) => onChange(e.target.value), "aria-label": "Ander ophaalmoment kiezen", children: [!data?.selectedKey && _jsx("option", { value: "", children: "Ander ophaalmoment kiezen\u2026" }), options.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key)))] }), saving && _jsx("span", { className: "text-xs text-muted-foreground", children: "Opslaan\u2026" })] })), error && _jsx("span", { className: "text-xs text-destructive", children: error })] }));
+    return (_jsxs("div", { className: compact ? "space-y-1" : "inline-flex flex-col gap-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm text-foreground", children: [!compact && _jsx(Clock, { className: "h-4 w-4 text-muted-foreground" }), view?.text ? (_jsxs("span", { children: [view.text, data?.deliveryTime ? (_jsxs("span", { className: "text-muted-foreground", children: [" \u00B7 aanlevering ", data.deliveryTime] })) : null] })) : (_jsx("span", { className: "text-muted-foreground", children: view?.reason ?? "Geen ophaalmoment bekend" })), view?.lateSignup && (_jsx("span", { className: "rounded border border-destructive/40 px-1.5 py-0.5 text-xs text-destructive", children: "te laat aangemeld" }))] }), !readOnly && options.length > 1 && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { className: "h-9 min-w-[18rem] rounded-md border border-border bg-background px-2 text-sm text-foreground disabled:opacity-60", value: data?.selectedKey ?? "", disabled: saving, onChange: (e) => onChange(e.target.value), "aria-label": "Ander ophaalmoment kiezen", children: [!data?.selectedKey && _jsx("option", { value: "", children: "Ander ophaalmoment kiezen\u2026" }), options.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key)))] }), saving && _jsx("span", { className: "text-xs text-muted-foreground", children: "Opslaan\u2026" })] })), data?.lateOverride && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Toch aangemaakt na de aanmeldtijd door ", data.lateOverride.by ?? "onbekend", data.lateOverride.at ? ` op ${formatMoment(data.lateOverride.at)}` : ""] })), error && _jsx("span", { className: "text-xs text-destructive", children: error })] }));
 }

package/dist-lib/components/verkoop/OrderShipmentsCard.d.ts

@@ -1,5 +1,5 @@
 import type { SalesOrderDTO } from "../../lib/salesorders-mapping.js";
 export declare function OrderShipmentsCard({ order }: {
     order: SalesOrderDTO;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=OrderShipmentsCard.d.ts.map

package/dist-lib/components/verkoop/OrderShipmentsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderShipmentsCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderShipmentsCard.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AA+C/D,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,kDASrE"}
+{"version":3,"file":"OrderShipmentsCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/OrderShipmentsCard.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AA+C/D,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,sCASrE"}

package/dist-lib/components/verkoop/PlanCoverageBadge.d.ts

@@ -2,5 +2,5 @@ import { type PlanCoverageSummary } from "../../lib/plan-coverage.js";
 export declare function PlanCoverageBadge({ coverage, showReason, }: {
     coverage: PlanCoverageSummary | null | undefined;
     showReason?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=PlanCoverageBadge.d.ts.map

package/dist-lib/components/verkoop/PlanCoverageBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlanCoverageBadge.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/PlanCoverageBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGnF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,kDAoCA"}
+{"version":3,"file":"PlanCoverageBadge.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/PlanCoverageBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGnF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,sCAsCA"}

package/dist-lib/components/verkoop/PlanCoverageBadge.js

@@ -12,11 +12,13 @@ export function PlanCoverageBadge({ coverage, showReason = true, }) {
     if (state === "geen_indeling") {
         return (_jsxs("div", { className: "mt-1 min-w-0", children: [_jsxs("span", { className: `${base} border-destructive/40 bg-destructive/10 text-destructive`, title: tip, children: [_jsx(AlertTriangle, { className: "h-3 w-3 shrink-0" }), label] }), showReason && reason && _jsx("div", { className: "mt-0.5 text-xs text-destructive", children: reason })] }));
     }
-    const tone = state === "deels"
-        ? "border-primary/40 bg-primary/10 text-foreground"
-        : state === "ingedeeld"
-            ? "border-border bg-muted text-foreground"
-            : "border-border bg-muted/50 text-muted-foreground";
+    const tone = state === "afgehandeld_extern"
+        ? "border-accent bg-accent text-accent-foreground"
+        : state === "deels"
+            ? "border-primary/40 bg-primary/10 text-foreground"
+            : state === "ingedeeld"
+                ? "border-border bg-muted text-foreground"
+                : "border-border bg-muted/50 text-muted-foreground";
     const text = state === "deels" && progressPct != null
         ? `${label} · ${Math.round(progressPct)}%`
         : state === "ingedeeld" && shared

package/dist-lib/components/verkoop/ProductDimensionsSettings.d.ts

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

package/dist-lib/components/verkoop/ProductDimensionsSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDimensionsSettings.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/ProductDimensionsSettings.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,6BAA6B,4CAoK5C"}
+{"version":3,"file":"ProductDimensionsSettings.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/ProductDimensionsSettings.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,6BAA6B,gCAoK5C"}

package/dist-lib/components/verkoop/SalesOrderDetailPage.d.ts

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

package/dist-lib/components/verkoop/SalesOrderDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SalesOrderDetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrderDetailPage.tsx"],"names":[],"mappings":"AAgGA,wBAAgB,oBAAoB,4CAsPnC"}
+{"version":3,"file":"SalesOrderDetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrderDetailPage.tsx"],"names":[],"mappings":"AAgGA,wBAAgB,oBAAoB,gCAsPnC"}

package/dist-lib/components/verkoop/SalesOrderDetailPage.js

@@ -5,13 +5,13 @@ import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Button } from "@flowselections/core";
 import { ArrowLeft, Pencil, Layers, ChevronDown, ChevronRight, ImageIcon, MapPin, Truck, Clock } from "lucide-react";
-import { SalesOrderDetailView } from "../../components/verkoop/SalesOrderDetailView.js";
+import { SalesOrderDetailView } from "./SalesOrderDetailView.js";
 import { formatLoadUnits, mergeTypeNames } from "../../lib/load-carrier-labels.js";
-import { OrderKarindelingCard } from "../../components/verkoop/OrderKarindelingCard.js";
-import { EngineBufferCard } from "../../components/verkoop/EngineBufferCard.js";
-import { OrderCarrierPicker } from "../../components/verkoop/OrderCarrierPicker.js";
-import { OrderPickupMomentPicker } from "../../components/verkoop/OrderPickupMomentPicker.js";
-import { EditLocalOrderDialog } from "../../components/verkoop/EditLocalOrderDialog.js";
+import { OrderKarindelingCard } from "./OrderKarindelingCard.js";
+import { EngineBufferCard } from "./EngineBufferCard.js";
+import { OrderCarrierPicker } from "./OrderCarrierPicker.js";
+import { OrderPickupMomentPicker } from "./OrderPickupMomentPicker.js";
+import { EditLocalOrderDialog } from "./EditLocalOrderDialog.js";
 import { useSalesOrdersQuery } from "../../lib/useSalesOrdersQuery.js";
 import { useBufferEvents } from "../../lib/useBufferEvents.js";
 import { useSalesOrderDetailQuery } from "../../lib/useSalesOrderDetailQuery.js";

package/dist-lib/components/verkoop/SalesOrderDetailView.d.ts

@@ -3,5 +3,5 @@ export declare function SalesOrderDetailView({ order, sellerFallback, hideKarind
     order: SalesOrderDTO;
     sellerFallback?: string | null;
     hideKarindeling?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=SalesOrderDetailView.d.ts.map

package/dist-lib/components/verkoop/SalesOrderDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SalesOrderDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrderDetailView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AA4JnE,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,cAAc,EACd,eAAuB,GACxB,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAydA"}
+{"version":3,"file":"SalesOrderDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrderDetailView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AA4JnE,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,cAAc,EACd,eAAuB,GACxB,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,+BA6eA"}