@flowselections/floriday-verkoop-module 1.0.39 → 1.0.41

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,sCA+HvE"}
+{"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,sCA6IvE"}

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

@@ -34,7 +34,7 @@ export function EngineBufferCard({ orderId }) {
     });
     if (!orderId)
         return null;
-    return (_jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(Cpu, { className: "h-4 w-4 text-primary" }), _jsx("span", { className: "text-sm font-semibold text-foreground", children: "Logistics Engine" }), data?.shadow && (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: "Schaduwmodus" })), data?.task?.ruleVersion && (_jsxs(Badge, { variant: "outline", className: "text-[10px]", children: ["rule ", data.task.ruleVersion] }))] }), isLoading && _jsx("div", { className: "text-sm text-muted-foreground", children: "Engine raadplegen\u2026" }), error && (_jsxs("div", { className: "flex items-start gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: error.message })] })), data && !data.engineAvailable && (_jsxs("div", { className: "flex items-start gap-2 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500" }), _jsxs("span", { children: ["Engine niet bereikbaar", data.engineError ? `: ${data.engineError}` : "", " \u2014 order gaat los door."] })] })), data && data.engineAvailable && !data.buffer && (_jsxs("div", { className: "text-sm text-muted-foreground", children: ["De Engine buffert deze order niet", data.reason ? ` (${data.reason})` : "", " \u2014 de order gaat los door."] })), data && data.engineAvailable && data.buffer && (_jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: "Buffer sluit" }), _jsx("div", { className: "font-semibold text-foreground", children: fmt(data.closeAt) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: "Vrijgave" }), _jsx("div", { className: "font-semibold text-foreground", children: data.release })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: "Buffersleutel" }), _jsx("div", { className: "font-mono text-xs text-foreground", children: data.bufferKey ?? data.bufferRef ?? "—" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: "Orders in buffer" }), _jsx("div", { className: "font-semibold text-foreground", children: data.orderCount })] })] }), data.matchCriteria && Object.keys(data.matchCriteria).length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-muted-foreground", children: "Samenstelling (matchCriteria)" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: Object.entries(data.matchCriteria).map(([k, v]) => (_jsxs(Badge, { variant: "outline", className: "text-[11px]", children: [k, ": ", typeof v === "object" ? JSON.stringify(v) : String(v)] }, k))) })] })), data.release === "manual" && data.task && (_jsx(Button, { size: "sm", disabled: releasing, onClick: async () => {
+    return (_jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(Cpu, { className: "h-4 w-4 text-primary" }), _jsx("span", { className: "text-sm font-semibold text-foreground", children: "Samenvoegen van orders" }), data?.shadow && (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: "Schaduwmodus" }))] }), isLoading && _jsx("div", { className: "text-sm text-muted-foreground", children: "Bezig met controleren\u2026" }), error && (_jsxs("div", { className: "flex items-start gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: error.message })] })), data && !data.engineAvailable && (_jsxs("div", { className: "flex items-start gap-2 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500" }), _jsxs("span", { children: ["De planning kon niet worden opgehaald \u2014 deze order wordt los verwerkt.", data.engineError ? ` (${data.engineError})` : ""] })] })), data && data.engineAvailable && !data.buffer && (_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Deze order wordt niet samengevoegd met andere orders en gaat los door.", data.reason ? ` (${data.reason})` : ""] })), data && data.engineAvailable && data.buffer && (_jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { className: "text-foreground", children: ["Deze order wordt samengevoegd met", " ", _jsx("span", { className: "font-semibold", children: Math.max((data.orderCount ?? 1) - 1, 0) }), " ", "andere order(s) voor dezelfde levering."] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: "Verzamelen tot" }), _jsx("div", { className: "font-semibold text-foreground", children: fmt(data.closeAt) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: "Orders in deze groep" }), _jsx("div", { className: "font-semibold text-foreground", children: data.orderCount })] })] }), _jsxs("details", { className: "rounded-md border border-border/60 bg-muted/20 p-2", children: [_jsx("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: "Technische details" }), _jsxs("div", { className: "mt-2 space-y-2 text-xs", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Vrijgave: " }), _jsx("span", { className: "text-foreground", children: data.release })] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Buffersleutel: " }), _jsx("span", { className: "font-mono text-foreground", children: data.bufferKey ?? data.bufferRef ?? "—" })] }), data.task?.ruleVersion && (_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Regelversie: " }), _jsx("span", { className: "text-foreground", children: data.task.ruleVersion })] })), data.matchCriteria && Object.keys(data.matchCriteria).length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: Object.entries(data.matchCriteria).map(([k, v]) => (_jsxs(Badge, { variant: "outline", className: "text-[11px]", children: [k, ": ", typeof v === "object" ? JSON.stringify(v) : String(v)] }, k))) }))] })] }), data.release === "manual" && data.task && (_jsx(Button, { size: "sm", disabled: releasing, onClick: async () => {
                             try {
                                 setReleasing(true);
                                 await doRelease({ data: { taskId: data.task.taskId } });
@@ -49,5 +49,5 @@ export function EngineBufferCard({ orderId }) {
                             finally {
                                 setReleasing(false);
                             }
-                        }, children: releasing ? "Bezig…" : "Vrijgeven" })), data.release !== "manual" && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Vrijgave \u201C", data.release, "\u201D \u2014 de Engine bepaalt dit, hier is geen actie nodig."] }))] }))] }));
+                        }, children: releasing ? "Bezig…" : "Vrijgeven" })), data.release !== "manual" && (_jsx("div", { className: "text-xs text-muted-foreground", children: "De vrijgave gebeurt automatisch \u2014 hier is geen actie nodig." }))] }))] }));
 }

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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/InvoiceTimingSettings.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Instellingenkaart: wanneer mag een order gefactureerd worden?
+// Formule: ijkpunt + X dagen, op een vast tijdstip. Zelfafhalers apart.
+import { useEffect, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Switch, toast, } from "@flowselections/core";
+import { DEFAULT_INVOICE_TIMING, INVOICE_ANCHORS, describeInvoiceTiming, } from "../../lib/invoice-timing";
+import { getInvoiceTimingSettings, saveInvoiceTimingSettings, } from "../../lib/invoice-timing.functions";
+function Formula({ anchor, offset, businessOnly, time, onChange, idPrefix, }) {
+    return (_jsxs("div", { className: "grid gap-4 md:grid-cols-4", children: [_jsxs("div", { className: "md:col-span-2 space-y-1.5", children: [_jsx(Label, { htmlFor: `${idPrefix}-anchor`, children: "IJkpunt" }), _jsxs(Select, { value: anchor, onValueChange: (v) => onChange({ anchor: v }), children: [_jsx(SelectTrigger, { id: `${idPrefix}-anchor`, children: _jsx(SelectValue, { placeholder: "Kies een ijkpunt" }) }), _jsx(SelectContent, { children: INVOICE_ANCHORS.map((a) => (_jsx(SelectItem, { value: a.id, children: a.label }, a.id))) })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: INVOICE_ANCHORS.find((a) => a.id === anchor)?.hint })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: `${idPrefix}-offset`, children: "Extra dagen" }), _jsx(Input, { id: `${idPrefix}-offset`, type: "number", min: -60, max: 60, value: offset, onChange: (e) => onChange({ offset: Number(e.target.value) || 0 }) }), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsx(Switch, { id: `${idPrefix}-business`, checked: businessOnly, onCheckedChange: (v) => onChange({ businessOnly: v }) }), _jsx(Label, { htmlFor: `${idPrefix}-business`, className: "text-xs font-normal", children: "Alleen werkdagen tellen" })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: `${idPrefix}-time`, children: "Tijdstip" }), _jsx(Input, { id: `${idPrefix}-time`, type: "time", value: time, onChange: (e) => onChange({ time: e.target.value }) })] })] }));
+}
+export function InvoiceTimingSettingsCard() {
+    const load = useServerFn(getInvoiceTimingSettings);
+    const save = useServerFn(saveInvoiceTimingSettings);
+    const [form, setForm] = useState(DEFAULT_INVOICE_TIMING);
+    const [saving, setSaving] = useState(false);
+    const { data, isLoading } = useQuery({
+        queryKey: ["invoice-timing-settings"],
+        queryFn: () => load(),
+    });
+    useEffect(() => {
+        if (data)
+            setForm(data);
+    }, [data]);
+    const patch = (p) => setForm((f) => ({ ...f, ...p }));
+    async function onSave() {
+        setSaving(true);
+        try {
+            const res = await save({ data: form });
+            toast.success(`Factuurmoment opgeslagen — ${res?.recomputed ?? 0} orders herberekend`);
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Factuurmoment" }), _jsx(CardDescription, { children: "Bepaal wanneer een order automatisch klaargezet wordt voor facturatie. De formule is: ijkpunt + extra dagen, op een vast tijdstip." })] }), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { id: "invoice-timing-enabled", checked: form.enabled, onCheckedChange: (v) => patch({ enabled: v }), disabled: isLoading }), _jsx(Label, { htmlFor: "invoice-timing-enabled", children: "Automatisch factureren inschakelen" })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("h4", { className: "text-sm font-medium", children: "Orders die bezorgd worden" }), _jsx(Formula, { idPrefix: "inv", anchor: form.anchor, offset: form.offsetDays, businessOnly: form.businessDaysOnly, time: form.timeOfDay, onChange: (p) => patch({
+                                    ...(p.anchor ? { anchor: p.anchor } : {}),
+                                    ...(p.offset !== undefined ? { offsetDays: p.offset } : {}),
+                                    ...(p.businessOnly !== undefined ? { businessDaysOnly: p.businessOnly } : {}),
+                                    ...(p.time ? { timeOfDay: p.time } : {}),
+                                }) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Factureren op: ", describeInvoiceTiming(form, false)] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h4", { className: "text-sm font-medium", children: "Orders die de klant zelf ophaalt" }), _jsx(Formula, { idPrefix: "inv-pickup", anchor: form.pickupAnchor, offset: form.pickupOffsetDays, businessOnly: form.pickupBusinessDaysOnly, time: form.pickupTimeOfDay, onChange: (p) => patch({
+                                    ...(p.anchor ? { pickupAnchor: p.anchor } : {}),
+                                    ...(p.offset !== undefined ? { pickupOffsetDays: p.offset } : {}),
+                                    ...(p.businessOnly !== undefined
+                                        ? { pickupBusinessDaysOnly: p.businessOnly }
+                                        : {}),
+                                    ...(p.time ? { pickupTimeOfDay: p.time } : {}),
+                                }) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Factureren op: ", describeInvoiceTiming(form, true)] })] }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { onClick: onSave, disabled: saving || isLoading, children: saving ? "Opslaan…" : "Opslaan" }) })] })] }));
+}
+export default InvoiceTimingSettingsCard;

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

@@ -1 +1 @@
-{"version":3,"file":"SalesOrdersTable.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAsBxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAgFnE,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,GACf,EAAE;IACD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACjD,qBAgQA"}
+{"version":3,"file":"SalesOrdersTable.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAuBxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAmCnE,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,GACf,EAAE;IACD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACjD,qBAwOA"}

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Badge, Checkbox, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
-import { formatLoadUnits, mergeTypeNames } from "../../lib/load-carrier-labels";
+import { formatLoadUnits } from "../../lib/load-carrier-labels";
 import { useAllowedLoadCarriers } from "../../lib/useAllowedLoadCarriers";
+import { orderStageBadgeClass, orderStageLabel } from "../../lib/order-status";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@flowselections/core";
-import { MoreVertical, Package, ArrowDown } from "lucide-react";
+import { MoreVertical, AlertTriangle, ArrowDown } from "lucide-react";
 function formatDateShort(iso) {
     if (!iso)
         return { date: "—", time: "" };
@@ -17,108 +18,60 @@ function formatDateShort(iso) {
     const time = d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
     return { date, time };
 }
-function formatDateLong(iso) {
+function formatDelivery(iso) {
     if (!iso)
-        return "—";
-    // Kale datum (zonder tijd): geen verzonnen tijdstip tonen. new Date("2026-07-31")
-    // is UTC-middernacht en werd eerder als "02:00" weergegeven.
+        return { date: "—", time: "" };
     const dateOnly = /^\d{4}-\d{2}-\d{2}$/.test(iso.trim());
     const d = new Date(dateOnly ? `${iso.trim()}T00:00:00` : iso);
     if (Number.isNaN(d.getTime()))
-        return iso;
-    return d.toLocaleString("nl-NL", {
-        day: "numeric",
-        month: "short",
-        year: "numeric",
-        ...(dateOnly ? {} : { hour: "2-digit", minute: "2-digit" }),
-    });
+        return { date: iso, time: "" };
+    return {
+        date: d.toLocaleDateString("nl-NL", { day: "numeric", month: "short", year: "numeric" }),
+        time: dateOnly
+            ? ""
+            : d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" }),
+    };
 }
-function StatusTag({ status, rawOrder, }) {
-    const rawStatus = String(rawOrder?.status ?? "").toUpperCase();
-    if (status.isCancelled || rawStatus === "CANCELLED") {
-        return (_jsx(Badge, { variant: "outline", className: "border-destructive/30 bg-destructive/10 text-destructive", children: "Geannuleerd" }));
-    }
-    if (rawStatus === "DELIVERED" || (status.isShipped && status.isInvoiced)) {
-        return (_jsx(Badge, { variant: "outline", className: "border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", children: "Geleverd" }));
-    }
-    if (rawStatus === "SHIPPED" || status.isShipped) {
-        return (_jsx(Badge, { variant: "outline", className: "border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400", children: "Onderweg" }));
-    }
-    if (status.isControlled) {
-        return (_jsx(Badge, { variant: "outline", className: "border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400", children: "Verzend klaar" }));
-    }
-    if (rawStatus === "COMMITTED" || status.isConfirmed) {
-        return (_jsx(Badge, { variant: "outline", className: "border-sky-500/30 bg-sky-500/10 text-sky-600 dark:text-sky-400", children: "Nog niet gepakt" }));
-    }
-    return (_jsx(Badge, { variant: "outline", className: "border-muted-foreground/30 bg-muted text-muted-foreground", children: "Nog picken" }));
+function StatusTag({ order }) {
+    const stage = order.stage ?? "incoming";
+    return (_jsx(Badge, { variant: "outline", className: `border-transparent ${orderStageBadgeClass(stage)}`, children: orderStageLabel(stage) }));
 }
 export function SalesOrdersTable({ orders, loading, onSelectOrder, onDeleteOrder, onEditOrder, onConfirmOrder, }) {
     const [selected, setSelected] = useState(new Set());
     const allowedCarrierCodes = useAllowedLoadCarriers().allowed;
     const allChecked = orders.length > 0 && selected.size === orders.length;
+    // Omzetkolom alleen tonen wanneer er daadwerkelijk bedragen bekend zijn.
+    const showRevenue = orders.some((o) => (o.revenue ?? 0) > 0);
+    const columnCount = showRevenue ? 10 : 9;
     const toggle = (id) => setSelected((s) => {
         const n = new Set(s);
         n.has(id) ? n.delete(id) : n.add(id);
         return n;
     });
-    return (_jsx("div", { className: "rounded-lg border border-border bg-card", children: _jsx("div", { className: "max-h-[70vh] overflow-y-auto overflow-x-auto overscroll-contain [scrollbar-gutter:stable]", style: { WebkitOverflowScrolling: "touch" }, children: _jsxs(Table, { className: "min-w-[950px] [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-10 [&_thead_th]:bg-card", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "hover:bg-transparent", children: [_jsx(TableHead, { className: "w-10", children: _jsx(Checkbox, { checked: allChecked, onCheckedChange: (v) => setSelected(v === true ? new Set(orders.map((o) => o.id)) : new Set()) }) }), _jsx(TableHead, { children: "Omzet" }), _jsx(TableHead, { children: _jsxs("span", { className: "inline-flex items-center gap-1", children: ["Bestelmoment ", _jsx(ArrowDown, { className: "h-3 w-3" })] }) }), _jsx(TableHead, { children: "Karren" }), _jsx(TableHead, { children: "Fusten" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Levering" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-10" })] }) }), _jsxs(TableBody, { children: [loading &&
-                                Array.from({ length: 6 }).map((_, i) => (_jsx(TableRow, { children: Array.from({ length: 9 }).map((__, j) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-6 w-full" }) }, j))) }, `s-${i}`))), !loading && orders.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 9, className: "py-12 text-center text-muted-foreground", children: "Geen verkooporders gevonden." }) })), !loading &&
-                                (() => {
-                                    // Groepeer orders met dezelfde bufferId volledig tot één rij.
-                                    // Orders zonder buffer (of buffer met 1 order) blijven staan.
-                                    const groupsMap = new Map();
-                                    const order = [];
-                                    for (const o of orders) {
-                                        const key = o.bufferId && (o.bufferSize ?? 1) > 1 ? `buf:${o.bufferId}` : `one:${o.id}`;
-                                        if (!groupsMap.has(key)) {
-                                            groupsMap.set(key, []);
-                                            order.push(key);
-                                        }
-                                        groupsMap.get(key).push(o);
-                                    }
-                                    const groups = order.map((k) => groupsMap.get(k));
-                                    // Sorteer groepen op meest recente bestelmoment binnen de groep (desc).
-                                    groups.sort((a, b) => {
-                                        const ta = a.reduce((m, o) => (o.orderedAt > m ? o.orderedAt : m), "");
-                                        const tb = b.reduce((m, o) => (o.orderedAt > m ? o.orderedAt : m), "");
-                                        return tb.localeCompare(ta);
-                                    });
-                                    const nodes = [];
-                                    for (const group of groups) {
-                                        const isBuffer = group.length > 1;
-                                        const first = group[0];
-                                        const revenue = group.reduce((s, o) => s + o.revenue, 0);
-                                        const karren = group.reduce((s, o) => s + o.karCount, 0);
-                                        const fusten = group.reduce((s, o) => s + o.fustCount, 0);
-                                        const cartType = mergeTypeNames(group.map((o) => o.cartTypeName));
-                                        const crateType = mergeTypeNames(group.map((o) => o.crateTypeName));
-                                        const orderedAt = group.reduce((m, o) => (o.orderedAt > m ? o.orderedAt : m), "");
-                                        const deliveryAt = group.reduce((m, o) => (o.deliveryAt > m ? o.deliveryAt : m), "");
-                                        const ordered = formatDateShort(orderedAt || first.orderedAt);
-                                        const rowId = isBuffer ? `buf-${first.bufferId}` : first.id;
-                                        const orderNumbers = Array.from(new Set(group.map((o) => o.orderNumber).filter(Boolean)));
-                                        nodes.push(_jsxs(TableRow, { className: `align-top cursor-pointer ${isBuffer ? "bg-muted/20 border-l-2 border-primary/40" : ""}`, onClick: () => onSelectOrder?.(first), children: [_jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: selected.has(rowId), onCheckedChange: () => toggle(rowId) }) }), _jsxs(TableCell, { children: [_jsxs("div", { className: "font-medium text-foreground", children: ["\u20AC ", revenue.toFixed(2)] }), isBuffer ? (_jsx("div", { className: "text-xs text-muted-foreground", children: first.isLocal ? "BVO-order" : "FO-order" })) : (first.orderNumber && (_jsx("div", { className: "text-xs text-muted-foreground", children: first.orderNumber })))] }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Package, { className: "h-4 w-4 text-primary" }), _jsxs("div", { children: [_jsx("div", { className: "font-medium text-foreground", children: ordered.date }), _jsx("div", { className: "text-xs text-muted-foreground", children: ordered.time })] })] }) }), _jsx(TableCell, { children: _jsx("div", { className: "font-medium text-foreground", children: formatLoadUnits(karren, cartType) }) }), _jsx(TableCell, { children: _jsx("div", { className: "font-medium text-foreground", children: formatLoadUnits(fusten, crateType) }) }), _jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-foreground", children: first.customer.name }), isBuffer && (_jsxs(Badge, { variant: "outline", className: "border-primary/30 text-primary", children: ["Buffer \u00B7 ", group.length] })), !isBuffer && first.isLocal && (_jsx(Badge, { variant: "outline", className: "border-primary/30 text-primary", children: "Lokaal" })), (() => {
-                                                                    // Ook bij buffers tonen: alle orders = "Reservering",
-                                                                    // deels = "Reservering · n van m".
-                                                                    const reserved = group.filter((o) => o.isReservation).length;
-                                                                    if (reserved === 0)
-                                                                        return null;
-                                                                    return (_jsx(Badge, { variant: "outline", className: "border-amber-400/40 text-amber-600", children: reserved === group.length
-                                                                            ? "Reservering"
-                                                                            : `Reservering · ${reserved} van ${group.length}` }));
-                                                                })(), (() => {
-                                                                    // Orders met een inmiddels uitgeschakelde ladingdrager
-                                                                    // markeren, zodat een medewerker een andere kiest.
-                                                                    if (allowedCarrierCodes.length === 0)
-                                                                        return null;
-                                                                    const bad = group.filter((o) => o.loadCarrierType && !allowedCarrierCodes.includes(o.loadCarrierType)).length;
-                                                                    if (bad === 0)
-                                                                        return null;
-                                                                    return (_jsx(Badge, { variant: "outline", className: "border-destructive/40 text-destructive", title: "Deze ladingdrager is uitgeschakeld in de Logistics Engine.", children: bad === group.length
-                                                                            ? "Ladingdrager uitgeschakeld"
-                                                                            : `Ladingdrager uitgeschakeld · ${bad} van ${group.length}` }));
-                                                                })()] }), _jsx("div", { className: "text-xs text-muted-foreground", children: [first.customer.postalCode, first.customer.city].filter(Boolean).join(" ") })] }), _jsx(TableCell, { className: "text-sm text-foreground", children: formatDateLong(deliveryAt || first.deliveryAt) }), _jsx(TableCell, { children: _jsx(StatusTag, { status: first.status, rawOrder: first.raw?.order }) }), _jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { disabled: isBuffer || !first.isLocal, onClick: () => !isBuffer && first.isLocal && onEditOrder?.(first), title: isBuffer ? "Buffer-orders kunnen niet gebundeld bewerkt worden." : first.isLocal ? undefined : "FO-orders kunnen niet bewerkt worden.", children: "Bewerken" }), _jsx(DropdownMenuItem, { onClick: () => onSelectOrder?.(first), children: "Details bekijken" }), _jsx(DropdownMenuItem, { onClick: () => onConfirmOrder?.(first), children: "Bevestigen" }), !isBuffer && first.isLocal ? (_jsx(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => onDeleteOrder?.(first), children: "Verwijderen" })) : (_jsxs(DropdownMenuItem, { disabled: true, title: isBuffer ? "Buffer-orders kunnen niet gebundeld verwijderd worden." : "FO-orders kunnen niet verwijderd worden.", children: ["Verwijderen", isBuffer ? "" : " (FO)"] }))] })] }) })] }, rowId));
-                                    }
-                                    return nodes;
-                                })()] })] }) }) }));
+    return (_jsx("div", { className: "rounded-lg border border-border bg-card", children: _jsx("div", { className: "max-h-[70vh] overflow-y-auto overflow-x-auto overscroll-contain [scrollbar-gutter:stable]", style: { WebkitOverflowScrolling: "touch" }, children: _jsxs(Table, { className: "min-w-[950px] [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-10 [&_thead_th]:bg-card", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "hover:bg-transparent", children: [_jsx(TableHead, { className: "w-10", children: _jsx(Checkbox, { checked: allChecked, onCheckedChange: (v) => setSelected(v === true ? new Set(orders.map((o) => o.id)) : new Set()) }) }), _jsx(TableHead, { children: "Levering" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Product" }), _jsx(TableHead, { children: "Karren" }), _jsx(TableHead, { children: "Fusten" }), _jsx(TableHead, { children: "Vervoerder" }), _jsx(TableHead, { children: "Status" }), showRevenue && _jsx(TableHead, { children: "Omzet" }), _jsx(TableHead, { children: _jsxs("span", { className: "inline-flex items-center gap-1", children: ["Besteld ", _jsx(ArrowDown, { className: "h-3 w-3" })] }) }), _jsx(TableHead, { className: "w-10" })] }) }), _jsxs(TableBody, { children: [loading &&
+                                Array.from({ length: 6 }).map((_, i) => (_jsx(TableRow, { children: Array.from({ length: columnCount + 1 }).map((__, j) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-6 w-full" }) }, j))) }, `s-${i}`))), !loading && orders.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columnCount + 1, className: "py-12 text-center text-muted-foreground", children: "Geen verkooporders gevonden." }) })), !loading &&
+                                orders.map((row) => {
+                                    // Buffers zijn serverside al samengevouwen tot één rij.
+                                    const bufferSize = row.bufferSize ?? 1;
+                                    const isBuffer = !!row.bufferId && bufferSize > 1;
+                                    const rowId = isBuffer ? `buf-${row.bufferId}` : row.id;
+                                    const ordered = formatDateShort(row.orderedAt);
+                                    const delivery = formatDelivery(row.deliveryAt);
+                                    const reserved = row.reservationCount ?? (row.isReservation ? 1 : 0);
+                                    const carrierDisabled = allowedCarrierCodes.length > 0 &&
+                                        !!row.loadCarrierType &&
+                                        !allowedCarrierCodes.includes(row.loadCarrierType);
+                                    const incomplete = row.incomplete ?? [];
+                                    return (_jsxs(TableRow, { className: `align-top cursor-pointer ${isBuffer ? "bg-muted/20 border-l-2 border-primary/40" : ""}`, onClick: () => onSelectOrder?.(row), children: [_jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: selected.has(rowId), onCheckedChange: () => toggle(rowId) }) }), _jsxs(TableCell, { children: [_jsx("div", { className: "font-medium text-foreground", children: delivery.date }), delivery.time && (_jsx("div", { className: "text-xs text-muted-foreground", children: delivery.time }))] }), _jsxs(TableCell, { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium text-foreground", children: row.customer.name }), isBuffer && (_jsxs(Badge, { variant: "outline", className: "border-primary/30 text-primary", children: ["Buffer \u00B7 ", bufferSize] })), reserved > 0 && (_jsx(Badge, { variant: "outline", className: "border-amber-400/40 text-amber-600", children: reserved === bufferSize
+                                                                    ? "Reservering"
+                                                                    : `Reservering · ${reserved} van ${bufferSize}` })), carrierDisabled && (_jsx(Badge, { variant: "outline", className: "border-destructive/40 text-destructive", title: "Deze ladingdrager is uitgeschakeld in de Logistiek Engine.", children: "Ladingdrager uitgeschakeld" }))] }), _jsx("div", { className: "text-xs text-muted-foreground", children: [row.customer.postalCode, row.customer.city].filter(Boolean).join(" ") }), incomplete.length > 0 && (_jsxs("div", { className: "mt-1 inline-flex items-center gap-1 text-xs text-amber-600", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), incomplete.join(" · ")] }))] }), _jsxs(TableCell, { children: [_jsx("div", { className: "font-medium text-foreground", children: row.productName || "—" }), _jsx("div", { className: "text-xs text-muted-foreground", children: row.totalPieces > 0 ? `${row.totalPieces} stuks` : "" })] }), _jsx(TableCell, { children: _jsx("div", { className: "font-medium text-foreground", children: formatLoadUnits(row.karCount, row.cartTypeName) }) }), _jsx(TableCell, { children: _jsx("div", { className: "font-medium text-foreground", children: formatLoadUnits(row.fustCount, row.crateTypeName) }) }), _jsx(TableCell, { className: "text-sm text-foreground", children: row.carrierName || _jsx("span", { className: "text-muted-foreground", children: "\u2014" }) }), _jsx(TableCell, { children: _jsx(StatusTag, { order: row }) }), showRevenue && (_jsxs(TableCell, { className: "font-medium text-foreground", children: ["\u20AC ", (row.revenue ?? 0).toFixed(2)] })), _jsxs(TableCell, { children: [_jsx("div", { className: "text-sm text-foreground", children: ordered.date }), _jsx("div", { className: "text-xs text-muted-foreground", children: isBuffer
+                                                            ? `${bufferSize} orders`
+                                                            : row.orderNumber || ordered.time })] }), _jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { disabled: isBuffer || !row.isLocal, onClick: () => !isBuffer && row.isLocal && onEditOrder?.(row), title: isBuffer
+                                                                        ? "Buffer-orders kunnen niet gebundeld bewerkt worden."
+                                                                        : row.isLocal
+                                                                            ? undefined
+                                                                            : "FO-orders kunnen niet bewerkt worden.", children: "Bewerken" }), _jsx(DropdownMenuItem, { onClick: () => onSelectOrder?.(row), children: "Details bekijken" }), _jsx(DropdownMenuItem, { onClick: () => onConfirmOrder?.(row), children: "Bevestigen" }), !isBuffer && row.isLocal ? (_jsx(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => onDeleteOrder?.(row), children: "Verwijderen" })) : (_jsxs(DropdownMenuItem, { disabled: true, title: isBuffer
+                                                                        ? "Buffer-orders kunnen niet gebundeld verwijderd worden."
+                                                                        : "FO-orders kunnen niet verwijderd worden.", children: ["Verwijderen", isBuffer ? "" : " (FO)"] }))] })] }) })] }, rowId));
+                                })] })] }) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"VerkoopOrdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/VerkoopOrdersPage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,iBAAiB,gCA+YhC"}
+{"version":3,"file":"VerkoopOrdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/VerkoopOrdersPage.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,iBAAiB,gCAoahC"}

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

@@ -17,12 +17,10 @@ import { SalesOrdersFilters } from "./SalesOrdersFilters";
 import { SalesOrdersFilterPanel, countActiveFilters, } from "./SalesOrdersFilterPanel";
 import { SalesOrdersTable } from "./SalesOrdersTable";
 import { EditLocalOrderDialog } from "./EditLocalOrderDialog";
+import { ORDER_STAGES } from "../../lib/order-status";
 const STATUS_TABS = [
     { id: "all", label: "Alle" },
-    { id: "open", label: "Open" },
-    { id: "shipped", label: "Verzonden" },
-    { id: "invoiced", label: "Gefactureerd" },
-    { id: "cancelled", label: "Geannuleerd" },
+    ...ORDER_STAGES.map((s) => ({ id: s.id, label: s.label, hint: s.hint })),
 ];
 // Statusfiltering, buffer-groepering en totalen gebeuren serverside
 // (zie src/lib/salesorders-list.server.ts).
@@ -93,11 +91,14 @@ export function VerkoopOrdersPage() {
     };
     const statusCounts = data?.statusCounts ?? {
         all: 0,
-        open: 0,
+        incoming: 0,
+        topick: 0,
+        picked: 0,
         shipped: 0,
-        invoiced: 0,
         cancelled: 0,
     };
+    const warnings = data?.warnings ?? [];
+    const truncated = data?.truncated ?? false;
     const totalCount = data?.totalCount ?? 0;
     const fetchListForExport = useServerFn(listSalesOrders);
     // Automatisch verversen wanneer de Authenticatie-module de omgeving wijzigt.
@@ -174,14 +175,14 @@ export function VerkoopOrdersPage() {
     return (_jsxs("main", { className: "space-y-5 p-6", children: [_jsx("div", { className: "flex items-center justify-between border-b border-border", children: _jsx("div", { className: "flex items-center gap-6 overflow-x-auto", children: STATUS_TABS.map((t) => {
                         const active = tab === t.id;
                         const count = statusCounts[t.id];
-                        return (_jsxs("button", { type: "button", onClick: () => setTab(t.id), className: "relative -mb-px flex items-center gap-2 whitespace-nowrap border-b-2 px-1 pb-3 pt-1 text-sm transition-colors " +
+                        return (_jsxs("button", { type: "button", onClick: () => setTab(t.id), title: t.hint, className: "relative -mb-px flex items-center gap-2 whitespace-nowrap border-b-2 px-1 pb-3 pt-1 text-sm transition-colors " +
                                 (active
                                     ? "border-primary font-semibold text-foreground"
                                     : "border-transparent text-muted-foreground hover:text-foreground"), children: [_jsx("span", { children: t.label }), _jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-semibold " +
                                         (active
                                             ? "bg-primary text-primary-foreground"
                                             : "bg-muted text-muted-foreground"), children: count })] }, t.id));
-                    }) }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(SalesOrdersFilters, { value: filters, onChange: setFilters }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setFilterPanelOpen(true), "aria-label": "Filters", children: [_jsx(Filter, { className: "mr-2 h-4 w-4" }), "Filters", activeFilterCount > 0 && (_jsx("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground", children: activeFilterCount }))] }), _jsx(Button, { variant: "outline", size: "icon", onClick: handleSync, disabled: syncing, "aria-label": "Synchroniseren", title: "Synchroniseren", children: _jsx(RefreshCw, { className: "h-4 w-4 " + (syncing ? "animate-spin" : "") }) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Exporteren"] }), _jsxs(Button, { size: "sm", onClick: () => navigate({ to: "/floriday-verkoop/verkooporders/nieuw" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Bestelling aanmaken"] })] })] }), _jsx(AnalyticsCards, { totals: totals, loading: isLoading }), error && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium text-destructive", children: "Floriday gegevens konden niet geladen worden" }), _jsx("div", { className: "mt-1 text-muted-foreground", children: error.message })] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => refetch(), disabled: isFetching, children: "Opnieuw proberen" })] })), _jsx(SalesOrdersTable, { orders: paged, loading: isLoading, onSelectOrder: (o) => navigate({
+                    }) }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(SalesOrdersFilters, { value: filters, onChange: setFilters }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setFilterPanelOpen(true), "aria-label": "Filters", children: [_jsx(Filter, { className: "mr-2 h-4 w-4" }), "Filters", activeFilterCount > 0 && (_jsx("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground", children: activeFilterCount }))] }), _jsx(Button, { variant: "outline", size: "icon", onClick: handleSync, disabled: syncing, "aria-label": "Synchroniseren", title: "Synchroniseren", children: _jsx(RefreshCw, { className: "h-4 w-4 " + (syncing ? "animate-spin" : "") }) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Exporteren"] }), _jsxs(Button, { size: "sm", onClick: () => navigate({ to: "/floriday-verkoop/verkooporders/nieuw" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Bestelling aanmaken"] })] })] }), _jsx(AnalyticsCards, { totals: totals, loading: isLoading }), error && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium text-destructive", children: "Floriday gegevens konden niet geladen worden" }), _jsx("div", { className: "mt-1 text-muted-foreground", children: error.message })] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => refetch(), disabled: isFetching, children: "Opnieuw proberen" })] })), (warnings.length > 0 || truncated) && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-amber-500/30 bg-amber-500/5 p-3 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), _jsxs("div", { className: "space-y-1 text-muted-foreground", children: [warnings.map((w) => (_jsx("div", { children: w }, w))), truncated && (_jsx("div", { children: "Niet alle orders konden worden meegenomen. Kies een kortere periode voor een volledig overzicht." }))] })] })), _jsx(SalesOrdersTable, { orders: paged, loading: isLoading, onSelectOrder: (o) => navigate({
                     to: "/floriday-verkoop/verkooporders/$salesOrderId",
                     params: { salesOrderId: o.id },
                 }), onDeleteOrder: (o) => {

package/dist-lib/index.d.ts

@@ -3,5 +3,6 @@ export * from "./_core-safelist";
 export { VerkoopOrdersPage } from "./components/verkoop/VerkoopOrdersPage";
 export { SalesOrderDetailPage } from "./components/verkoop/SalesOrderDetailPage";
 export { CreateOrderPage } from "./components/verkoop/CreateOrderPage";
+export { InvoiceTimingSettingsCard } from "./components/verkoop/InvoiceTimingSettings";
 export declare const floridayVerkoopModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAGvE,eAAO,MAAM,qBAAqB,EAAE,UAiBnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAGvF,eAAO,MAAM,qBAAqB,EAAE,UAiBnC,CAAC"}

package/dist-lib/index.js

@@ -1,8 +1,10 @@
 import { ShoppingCart, ListOrdered } from "lucide-react";
+import { InvoiceTimingSettingsCard } from "./components/verkoop/InvoiceTimingSettings";
 export * from "./_core-safelist";
 export { VerkoopOrdersPage } from "./components/verkoop/VerkoopOrdersPage";
 export { SalesOrderDetailPage } from "./components/verkoop/SalesOrderDetailPage";
 export { CreateOrderPage } from "./components/verkoop/CreateOrderPage";
+export { InvoiceTimingSettingsCard } from "./components/verkoop/InvoiceTimingSettings";
 export const floridayVerkoopModule = {
     id: "verkoop",
     name: "Orders",
@@ -19,5 +21,5 @@ export const floridayVerkoopModule = {
             },
         ],
     },
-    settingsCards: [],
+    settingsCards: [{ component: InvoiceTimingSettingsCard, order: 10 }],
 };