@flowselections/floriday-verkoop-module 1.0.94 → 1.0.100

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/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, onConfirm, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    onConfirm: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/ConfirmDialog.tsx"],"names":[],"mappings":"AAaA,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAyB,EACzB,WAAmB,EACnB,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,+BAuBA"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Eigen bevestigingsvenster in plaats van het browservenster (window.confirm),
+// dat sommige browsers en ingesloten vensters stil blokkeren.
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@flowselections/core";
+export function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel = "Annuleren", destructive = false, onConfirm, }) {
+    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), description && _jsx(AlertDialogDescription, { children: description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: cancelLabel }), _jsx(AlertDialogAction, { className: destructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : undefined, onClick: () => {
+                                onOpenChange(false);
+                                onConfirm();
+                            }, children: confirmLabel })] })] }) }));
+}

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":"AAwFA,wBAAgB,eAAe,gCA+7B9B"}

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,10 @@ 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, firstDateText, LATE_CONFIRM } from "../../lib/departure-preview.js";
+import { ConfirmDialog } from "./ConfirmDialog.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 +77,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.
@@ -105,6 +107,10 @@ export function CreateOrderPage() {
     // Ladingdrager — lijst en voorselectie komen uitsluitend van de Engine.
     const [loadCarrierType, setLoadCarrierType] = useState(null);
     const [notes, setNotes] = useState("");
+    const [customerReference, setCustomerReference] = useState("");
+    // Eigen vervoer / zelf afleveren: bewuste keuze, geen vervoerder.
+    const [ownTransport, setOwnTransport] = useState(false);
+    const [lateConfirmOpen, setLateConfirmOpen] = useState(false);
     const [lines, setLines] = useState([
         { product_id: null, product_name: "", quantity: null, unit: "stuks", unit_price: null, belading: null },
     ]);
@@ -174,11 +180,19 @@ export function CreateOrderPage() {
     });
     const deliveryLocations = deliveryLocQ.data?.items ?? [];
     const selectedLocation = deliveryLocations.find((l) => l.id === deliveryLocationId) ?? null;
-    // Reset delivery_location bij klantwissel
+    // Reset delivery_location bij klantwissel; daarna de vaste locatie (★,
+    // hooguit één per klant) standaard kiezen. Geen vaste locatie: niets kiezen.
+    const primaryPickedFor = useRef(null);
     useEffect(() => {
         if (deliveryLocationId && !deliveryLocations.some((l) => l.id === deliveryLocationId)) {
             setDeliveryLocationId(null);
         }
+        if (customerId && deliveryLocQ.data && primaryPickedFor.current !== customerId) {
+            primaryPickedFor.current = customerId;
+            const primaries = deliveryLocations.filter((l) => l.is_primary === true && (!l.customer_id || l.customer_id === customerId));
+            if (!deliveryLocationId && primaries.length === 1)
+                setDeliveryLocationId(primaries[0].id);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [customerId, deliveryLocQ.data]);
     // Auto-fill vervoerder op basis van gekozen afleverlocatie (één keer per wissel)
@@ -187,10 +201,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 +215,65 @@ 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: ownTransport ? null : momentKey,
+            ownTransport,
+        }
+        : null, [canPickDate, isReservation, carrierId, deliveryLocationId, deliveryDate, momentKey, ownTransport]);
+    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.
@@ -256,17 +302,31 @@ export function CreateOrderPage() {
             e.preventDefault();
     };
     const createMut = useMutation({
-        mutationFn: async () => {
+        mutationFn: async (opts) => {
             if (!customerId)
                 throw new Error("Selecteer een klant");
             if (!deliveryLocationId)
                 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 === "departed")
+                    throw new Error(decision.reason);
+                if (decision.kind === "late") {
+                    if (!opts?.lateConfirmed) {
+                        setLateConfirmOpen(true);
+                        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 +362,11 @@ export function CreateOrderPage() {
                 customerName: customer?.company_name ?? "Onbekende klant",
                 deliveryLocationId,
                 pickupLocationId,
-                carrierId: isReservation ? null : carrierId,
+                carrierId: isReservation || ownTransport ? null : (carrierId ?? preview?.carrierId ?? null),
+                momentKey: isReservation || ownTransport ? null : momentKey,
+                ownTransport: !isReservation && ownTransport,
+                customerReference: customerReference.trim() ? customerReference.trim() : null,
+                acceptLateSignup,
                 deliveryDate: isReservation ? null : deliveryDate,
                 isReservation,
                 loadCarrierType,
@@ -329,6 +393,10 @@ export function CreateOrderPage() {
             toast.success("Bestelling aangemaakt — karindeling is automatisch berekend");
             qc.invalidateQueries({ queryKey: ["floriday", "salesorders-cache"] });
             if (res?.orderId) {
+                try {
+                    window.sessionStorage.setItem(`verkoop:just-created:${res.orderId}`, String(Date.now()));
+                }
+                catch { /* geen opslag */ }
                 navigate({
                     to: "/floriday-verkoop/verkooporders/$salesOrderId",
                     params: { salesOrderId: `local:${res.orderId}` },
@@ -339,8 +407,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 +434,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 && (_jsxs("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [_jsx("input", { type: "checkbox", checked: ownTransport, onChange: (e) => { setOwnTransport(e.target.checked); setMomentKey(null); }, className: "h-4 w-4 rounded border-input" }), "Eigen vervoer / zelf afleveren (geen vervoerder)"] })), 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 })) : decision.kind === "departed" ? (_jsxs("div", { className: "space-y-2 rounded-md border border-destructive/40 p-2 text-xs", children: [_jsx("div", { className: "text-destructive", children: decision.reason }), firstDateText(decision.firstDate, decision.next?.signupDeadline ?? null) && (_jsx("div", { className: "text-muted-foreground", children: firstDateText(decision.firstDate, decision.next?.signupDeadline ?? null) })), _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)] })), _jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => { setOwnTransport(true); setMomentKey(null); }, children: "Eigen vervoer / zelf afleveren" })] })] })) : (_jsxs("div", { className: "space-y-2 text-xs", children: [!ownTransport && 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 }), (firstDateText(decision.firstDate, preview?.nextFeasibleMoment?.signupDeadline ?? null) ?? decision.firstReason) && (_jsx("div", { className: "text-muted-foreground", children: firstDateText(decision.firstDate, preview?.nextFeasibleMoment?.signupDeadline ?? null) ?? 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: () => setLateConfirmOpen(true), 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;
@@ -513,13 +576,13 @@ export function CreateOrderPage() {
                                                         next[idx] = { ...next[idx], unit_price: v };
                                                         setLines(next);
                                                     }, placeholder: "\u20AC prijs", "aria-invalid": !!line.product_id && !(Number(line.unit_price) > 0), title: !!line.product_id && !(Number(line.unit_price) > 0) ? "Geen prijs" : undefined }), _jsx(Button, { variant: "ghost", size: "icon", className: "col-span-1", onClick: () => setLines(lines.filter((_, i) => i !== idx)), "aria-label": "Regel verwijderen", children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, idx));
-                                    }), lines.some((l) => l.product_id && !(Number(l.unit_price) > 0)) && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: ["Geen prijs: ", lines.filter((l) => l.product_id && !(Number(l.unit_price) > 0)).length, " regel(s) zonder prijs. Er is geen prijs gevonden in prijsgroep of artikel; vul de prijs in."] })), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setLines([...lines, { product_id: null, product_name: "", quantity: null, unit: "stuks", unit_price: null, belading: null }]), children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Regel toevoegen"] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Opmerkingen" }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Optionele notities bij deze bestelling", rows: 3 })] }), stockCheck && stockCheck.shortages.length > 0 && (_jsxs("div", { className: `rounded-md border p-3 text-sm ${stockBlocked
+                                    }), lines.some((l) => l.product_id && !(Number(l.unit_price) > 0)) && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: ["Geen prijs: ", lines.filter((l) => l.product_id && !(Number(l.unit_price) > 0)).length, " regel(s) zonder prijs. Er is geen prijs gevonden in prijsgroep of artikel; vul de prijs in."] })), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setLines([...lines, { product_id: null, product_name: "", quantity: null, unit: "stuks", unit_price: null, belading: null }]), children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Regel toevoegen"] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Referentie klant" }), _jsx(Input, { value: customerReference, maxLength: 100, onChange: (e) => setCustomerReference(e.target.value), placeholder: "Optioneel, bijvoorbeeld het bestelnummer van je klant" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Opmerkingen" }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Optionele notities bij deze bestelling", rows: 3 })] }), stockCheck && stockCheck.shortages.length > 0 && (_jsxs("div", { className: `rounded-md border p-3 text-sm ${stockBlocked
                                     ? "border-destructive/40 bg-destructive/5 text-destructive"
                                     : "border-amber-500/40 bg-amber-500/5 text-amber-700"}`, children: [_jsx("div", { className: "font-medium", children: stockBlocked
                                             ? "Bestelling geblokkeerd — onvoldoende voorraad"
-                                            : "Let op: tekorten (uitleveren zonder voorraad staat aan)" }), _jsx("ul", { className: "mt-1 space-y-0.5", children: stockCheck.shortages.map((s) => (_jsxs("li", { children: [s.product, ": besteld ", s.wanted, ", beschikbaar ", s.available, ", tekort ", s.missing] }, s.productId))) })] })), _jsxs("div", { className: "flex items-center justify-end gap-2 pt-2", children: [_jsx(Button, { variant: "outline", onClick: () => navigate({ to: "/floriday-verkoop/verkooporders" }), disabled: createMut.isPending, children: "Annuleren" }), _jsx(Button, { onClick: () => createMut.mutate(), disabled: createMut.isPending || stockBlocked || stockQ.isFetching, title: stockBlocked ? "Onvoldoende voorraad; deze order kan zo niet worden aangemaakt. Pas de aantallen aan." : undefined, children: createMut.isPending
+                                            : "Let op: tekorten (uitleveren zonder voorraad staat aan)" }), _jsx("ul", { className: "mt-1 space-y-0.5", children: stockCheck.shortages.map((s) => (_jsxs("li", { children: [s.product, ": besteld ", s.wanted, ", beschikbaar ", s.available, ", tekort ", s.missing] }, s.productId))) })] })), _jsxs("div", { className: "flex items-center justify-end gap-2 pt-2", children: [_jsx(Button, { variant: "outline", onClick: () => navigate({ to: "/floriday-verkoop/verkooporders" }), disabled: createMut.isPending, children: "Annuleren" }), _jsx(Button, { onClick: () => createMut.mutate(undefined), disabled: createMut.isPending || stockBlocked || stockQ.isFetching, title: stockBlocked ? "Onvoldoende voorraad; deze order kan zo niet worden aangemaakt. Pas de aantallen aan." : undefined, children: createMut.isPending
                                             ? "Bezig..."
                                             : stockQ.isFetching
                                                 ? "Voorraad controleren..."
-                                                : "Bestelling Aanmaken" })] })] })] })] }));
+                                                : "Bestelling Aanmaken" })] })] })] }), _jsx(ConfirmDialog, { open: lateConfirmOpen, onOpenChange: setLateConfirmOpen, title: "Toch aanmaken na de aanmeldtijd?", description: LATE_CONFIRM, confirmLabel: "Toch aanmaken", onConfirm: () => createMut.mutate({ lateConfirmed: true }) })] }));
 }

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;AAoB/D,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,+BAmMvE"}

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // (logistics_order_plan_coverage). Deze kaart leest order_carts/
 // order_cart_items niet zelf en berekent niets: alleen de regels van DEZE
 // order, per kar, met of de kar gedeeld is met de buffer.
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@flowselections/core";
@@ -20,6 +20,7 @@ const PICK_LABEL = {
     bezig: "Bezig met picken",
     gepickt: "Gepickt",
 };
+const JUST_CREATED_MS = 120000;
 const fmt = (v) => (v ? new Date(v).toLocaleString("nl-NL") : null);
 export function OrderKarindelingCard({ order }) {
     // Lokale orders hebben een prefix in hun DTO-id; Floriday-orders hun
@@ -30,9 +31,27 @@ export function OrderKarindelingCard({ order }) {
     const fetchCoverage = useServerFn(getOrderPlanCoverage);
     const queryClient = useQueryClient();
     const queryKey = ["order-plan-coverage", orderId];
+    // Net aangemaakt (in dit venster)? Dan maakt de planning de kar binnen enkele
+    // seconden: toon "Karindeling wordt gemaakt…" en lees elke 3 s opnieuw, max 2 min.
+    const [justCreatedAt, setJustCreatedAt] = useState(null);
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!orderId)
+            return;
+        try {
+            const v = Number(window.sessionStorage.getItem(`verkoop:just-created:${orderId}`));
+            if (Number.isFinite(v) && v > 0 && Date.now() - v < JUST_CREATED_MS)
+                setJustCreatedAt(v);
+        }
+        catch { /* geen opslag beschikbaar */ }
+    }, [orderId]);
     const { data, isLoading, error, isFetching } = useQuery({
         queryKey,
         enabled: !!orderId,
+        refetchInterval: (q) => {
+            const st = q.state.data?.coverage?.state;
+            return justCreatedAt && st === "geen_indeling" && Date.now() - justCreatedAt < JUST_CREATED_MS ? 3000 : false;
+        },
         staleTime: 30000,
         retry: (failureCount, queryError) => /authorization|token|sessie/i.test(queryError.message) && failureCount < 5,
         retryDelay: (attempt) => Math.min(500 * 2 ** attempt, 4000),
@@ -43,10 +62,17 @@ export function OrderKarindelingCard({ order }) {
         },
     });
     const cov = data?.coverage ?? null;
+    const creating = !!justCreatedAt && cov?.state === "geen_indeling" && now - justCreatedAt < JUST_CREATED_MS;
+    useEffect(() => {
+        if (!justCreatedAt)
+            return;
+        const t = setInterval(() => setNow(Date.now()), 3000);
+        return () => clearInterval(t);
+    }, [justCreatedAt]);
     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" }), creating ? (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Karindeling wordt gemaakt\u2026" })) : (_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