@flowselections/floriday-verkoop-module 1.0.15 → 1.0.17

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":"AA6CA,wBAAgB,eAAe,4CA+b9B"}
+{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,eAAe,4CA6c9B"}

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

@@ -11,7 +11,6 @@ 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";
-import { CartAssignmentWizard } from "./CartAssignmentWizard";
 import { listCustomersForCreateOrder, listProductsForCreateOrder, listDeliveryLocationsForCustomerCO, listPickupLocationsCO, listCarriersForCreateOrder, getOrderPickDaysCO, createManualOrder, } from "../../lib/create-order.functions";
 function ReadOnlyField({ label, value }) {
     return (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: label }), _jsx("div", { className: "text-sm", children: value && String(value).trim() !== "" ? value : _jsx("span", { className: "text-muted-foreground", children: "\u2014" }) })] }));
@@ -61,7 +60,6 @@ export function CreateOrderPage() {
     const [lines, setLines] = useState([
         { product_id: null, product_name: "", quantity: null, unit: "stuks", unit_price: null },
     ]);
-    const [cartOrderId, setCartOrderId] = useState(null);
     // Afleverlocaties van gekozen klant
     const deliveryLocQ = useQuery({
         queryKey: ["co-delivery-locations", customerId],
@@ -164,16 +162,23 @@ export function CreateOrderPage() {
                         quantity: l.quantity,
                         unit: l.unit ?? p?.unit ?? "stuks",
                         unit_price: l.unit_price ?? undefined,
+                        plants_per_crate: p?.plants_per_crate ?? undefined,
+                        crates_per_layer: p?.crates_per_layer ?? undefined,
+                        layers_per_cart: p?.layers_per_cart ?? undefined,
+                        article_code: p?.article_code ?? undefined,
                     };
                 }),
             };
             return await fetchCreate({ data: payload });
         },
         onSuccess: (res) => {
-            toast.success("Bestelling aangemaakt — deel nu de karren in");
+            toast.success("Bestelling aangemaakt — karindeling is automatisch berekend");
             qc.invalidateQueries({ queryKey: ["floriday", "salesorders-cache"] });
             if (res?.orderId) {
-                setCartOrderId(res.orderId);
+                navigate({
+                    to: "/floriday-verkoop/verkooporders/$salesOrderId",
+                    params: { salesOrderId: `local:${res.orderId}` },
+                });
             }
             else {
                 navigate({ to: "/floriday-verkoop/verkooporders" });
@@ -211,26 +216,36 @@ export function CreateOrderPage() {
                                         const ppc = Math.max(1, Number(product?.plants_per_crate ?? 1));
                                         const plants = line.quantity ?? null;
                                         const cratesDisplay = plants === null ? "" : String(Math.ceil(plants / ppc));
-                                        return (_jsxs("div", { className: "grid grid-cols-12 gap-2 items-start", children: [_jsx("div", { className: "col-span-5", children: _jsx(SearchableSelect, { value: line.product_id, placeholder: "Kies product...", clearLabel: "\u2014 Handmatig \u2014", options: products.map((p) => ({ value: p.id, label: p.product, hint: p.unit })), onChange: (v) => {
-                                                            const next = [...lines];
-                                                            if (v === null)
-                                                                next[idx] = { ...next[idx], product_id: null };
-                                                            else {
-                                                                const p = products.find((x) => x.id === v);
-                                                                const newPpc = Math.max(1, Number(p?.plants_per_crate ?? 1));
-                                                                const currentQ = Number(next[idx].quantity ?? 0);
-                                                                const normalizedQ = currentQ > 0 ? Math.ceil(currentQ / newPpc) * newPpc : newPpc;
-                                                                next[idx] = {
-                                                                    ...next[idx],
-                                                                    product_id: v,
-                                                                    product_name: p?.product ?? "",
-                                                                    unit: next[idx].unit ?? p?.unit ?? "stuks",
-                                                                    quantity: normalizedQ,
-                                                                    unit_price: next[idx].unit_price ?? (p?.sale_price != null ? Number(p.sale_price) : null),
-                                                                };
-                                                            }
-                                                            setLines(next);
-                                                        } }) }), _jsx(Input, { className: "col-span-2", type: "number", min: ppc, step: ppc, inputMode: "numeric", onKeyDown: blockDecimal, value: plants ?? "", onChange: (e) => {
+                                        const outOfStock = !!product && product.in_stock === false;
+                                        return (_jsxs("div", { className: "grid grid-cols-12 gap-2 items-start", children: [_jsxs("div", { className: "col-span-5", children: [_jsx(SearchableSelect, { value: line.product_id, placeholder: "Kies product...", clearLabel: "\u2014 Handmatig \u2014", options: products.map((p) => {
+                                                                const code = p.article_code ? `${p.article_code} · ` : "";
+                                                                const label = p.in_stock
+                                                                    ? `${code}${p.product}`
+                                                                    : `${code}${p.product} — niet op voorraad`;
+                                                                const hint = p.in_stock
+                                                                    ? `Beschikbaar: ${p.available_stock} · ${p.plants_per_crate}/fust`
+                                                                    : `Voorraad 0 · ${p.plants_per_crate}/fust`;
+                                                                return { value: p.id, label, hint, muted: !p.in_stock };
+                                                            }), onChange: (v) => {
+                                                                const next = [...lines];
+                                                                if (v === null)
+                                                                    next[idx] = { ...next[idx], product_id: null };
+                                                                else {
+                                                                    const p = products.find((x) => x.id === v);
+                                                                    const newPpc = Math.max(1, Number(p?.plants_per_crate ?? 1));
+                                                                    const currentQ = Number(next[idx].quantity ?? 0);
+                                                                    const normalizedQ = currentQ > 0 ? Math.ceil(currentQ / newPpc) * newPpc : newPpc;
+                                                                    next[idx] = {
+                                                                        ...next[idx],
+                                                                        product_id: v,
+                                                                        product_name: p?.product ?? "",
+                                                                        unit: next[idx].unit ?? p?.unit ?? "stuks",
+                                                                        quantity: normalizedQ,
+                                                                        unit_price: next[idx].unit_price ?? (p?.sale_price != null ? Number(p.sale_price) : null),
+                                                                    };
+                                                                }
+                                                                setLines(next);
+                                                            } }), outOfStock && (_jsx("div", { className: "mt-1 text-xs text-amber-600", children: "Let op: dit product staat momenteel niet op voorraad." }))] }), _jsx(Input, { className: "col-span-2", type: "number", min: ppc, step: ppc, inputMode: "numeric", onKeyDown: blockDecimal, value: plants ?? "", onChange: (e) => {
                                                         const next = [...lines];
                                                         const raw = e.target.value.replace(/[.,]/g, "");
                                                         const v = raw ? Number(raw) : null;
@@ -249,8 +264,5 @@ export function CreateOrderPage() {
                                                         next[idx] = { ...next[idx], unit_price: v };
                                                         setLines(next);
                                                     }, placeholder: "\u20AC prijs" }), _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));
-                                    }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setLines([...lines, { product_id: null, product_name: "", quantity: null, unit: "stuks", unit_price: 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 })] }), _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, children: createMut.isPending ? "Bezig..." : "Bestelling Aanmaken" })] })] })] }), _jsx(CartAssignmentWizard, { orderId: cartOrderId, open: !!cartOrderId, onClose: () => {
-                    setCartOrderId(null);
-                    navigate({ to: "/floriday-verkoop/verkooporders" });
-                } })] }));
+                                    }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setLines([...lines, { product_id: null, product_name: "", quantity: null, unit: "stuks", unit_price: 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 })] }), _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, children: createMut.isPending ? "Bezig..." : "Bestelling Aanmaken" })] })] })] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SalesOrdersFilters.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersFilters.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,OAAO;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACnE;AAoCD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,2CA4PA"}
+{"version":3,"file":"SalesOrdersFilters.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersFilters.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,OAAO;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACnE;AAoCD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,2CA0NA"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
-import { ChevronDown, ChevronLeft, ChevronRight, MoreVertical, ShoppingCart, Truck, Search, } from "lucide-react";
+import { ChevronDown, ChevronLeft, ChevronRight, MoreVertical, Search, } from "lucide-react";
 import { WeekCalendar } from "./WeekCalendar";
 function getCurrentWeek() {
     const now = new Date();
@@ -127,13 +127,7 @@ export function SalesOrdersFilters({ value, onChange, }) {
     return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "flex h-9 items-center gap-1 rounded-md border border-border bg-card px-1", children: [showArrows && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => shiftPeriod(-1), className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Vorige", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: () => shiftPeriod(1), className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Volgende", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })), period === "month" ? (_jsxs(Select, { value: `${monthYear}-${month}`, onValueChange: (v) => {
                             const [y, m] = v.split("-").map(Number);
                             onChange({ ...value, month: m, monthYear: y });
-                        }, children: [_jsx(SelectTrigger, { className: "h-7 w-36 border-0 bg-transparent px-2 text-sm font-medium text-foreground shadow-none focus:ring-0", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: monthOptions.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })) : period === "day" ? (_jsx(Input, { type: "date", value: day, onChange: (e) => onChange({ ...value, day: e.target.value }), className: "h-7 w-40 border-0 bg-transparent px-2 text-sm font-medium text-foreground shadow-none focus-visible:ring-0" })) : period === "custom" ? (_jsxs("div", { className: "flex items-center gap-1 px-2", children: [_jsx(Input, { type: "date", value: value.customFrom ?? todayYmd, onChange: (e) => onChange({ ...value, customFrom: e.target.value }), className: "h-7 w-36 border-0 bg-transparent px-1 text-sm font-medium text-foreground shadow-none focus-visible:ring-0" }), _jsx("span", { className: "text-muted-foreground", children: "\u2013" }), _jsx(Input, { type: "date", value: value.customTo ?? todayYmd, onChange: (e) => onChange({ ...value, customTo: e.target.value }), className: "h-7 w-36 border-0 bg-transparent px-1 text-sm font-medium text-foreground shadow-none focus-visible:ring-0" })] })) : period === "last7" || period === "last30" ? (_jsx("span", { className: "px-2 text-sm font-medium text-foreground whitespace-nowrap", children: period === "last7" ? "Afgelopen 7 dagen" : "Afgelopen 30 dagen" })) : (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "px-2 text-sm font-medium text-foreground whitespace-nowrap rounded hover:bg-accent h-7", "aria-label": "Kies week", children: ["Week ", week, " - ", year] }) }), _jsx(PopoverContent, { className: "w-auto p-0 pointer-events-auto", align: "start", children: _jsx(WeekCalendar, { week: week, year: year, onSelect: (w, y) => onChange({ ...value, week: w, year: y }) }) })] })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Periode-opties", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [_jsxs(DropdownMenuRadioGroup, { value: period, onValueChange: (v) => handlePeriodChange(v), children: [_jsx(DropdownMenuRadioItem, { value: "day", children: "Dag" }), _jsx(DropdownMenuRadioItem, { value: "week", children: "Week" }), _jsx(DropdownMenuRadioItem, { value: "month", children: "Maand" }), _jsx(DropdownMenuRadioItem, { value: "last7", children: "Afgelopen 7 dagen" }), _jsx(DropdownMenuRadioItem, { value: "last30", children: "Afgelopen 30 dagen" }), _jsx(DropdownMenuRadioItem, { value: "custom", children: "Aangepast tijdsbestek" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs("div", { className: "px-2 py-1.5 text-sm text-muted-foreground inline-flex items-center gap-1", children: [periodLabel(), _jsx(ChevronDown, { className: "h-3.5 w-3.5" })] })] })] })] }), _jsxs("div", { className: "flex h-9 items-center rounded-md border border-border bg-card", children: [_jsx("button", { type: "button", onClick: () => onChange({ ...value, dateField: "ordered" }), className: "inline-flex h-9 w-9 items-center justify-center rounded-l-md border-r border-border " +
-                            ((value.dateField ?? "ordered") === "ordered"
-                                ? "bg-accent text-foreground"
-                                : "text-muted-foreground hover:bg-accent hover:text-foreground"), "aria-label": "Filter op besteldatum", title: "Filter op besteldatum", "aria-pressed": (value.dateField ?? "ordered") === "ordered", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: () => onChange({ ...value, dateField: "delivery" }), className: "inline-flex h-9 w-9 items-center justify-center rounded-r-md " +
-                            (value.dateField === "delivery"
-                                ? "bg-accent text-foreground"
-                                : "text-muted-foreground hover:bg-accent hover:text-foreground"), "aria-label": "Filter op transportdatum", title: "Filter op transportdatum", "aria-pressed": value.dateField === "delivery", children: _jsx(Truck, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border bg-card", children: [_jsx(Input, { placeholder: "Op briefnummer zoeken", value: search, onChange: (e) => setSearch(e.target.value), onKeyDown: (e) => {
+                        }, children: [_jsx(SelectTrigger, { className: "h-7 w-36 border-0 bg-transparent px-2 text-sm font-medium text-foreground shadow-none focus:ring-0", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: monthOptions.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })) : period === "day" ? (_jsx(Input, { type: "date", value: day, onChange: (e) => onChange({ ...value, day: e.target.value }), className: "h-7 w-40 border-0 bg-transparent px-2 text-sm font-medium text-foreground shadow-none focus-visible:ring-0" })) : period === "custom" ? (_jsxs("div", { className: "flex items-center gap-1 px-2", children: [_jsx(Input, { type: "date", value: value.customFrom ?? todayYmd, onChange: (e) => onChange({ ...value, customFrom: e.target.value }), className: "h-7 w-36 border-0 bg-transparent px-1 text-sm font-medium text-foreground shadow-none focus-visible:ring-0" }), _jsx("span", { className: "text-muted-foreground", children: "\u2013" }), _jsx(Input, { type: "date", value: value.customTo ?? todayYmd, onChange: (e) => onChange({ ...value, customTo: e.target.value }), className: "h-7 w-36 border-0 bg-transparent px-1 text-sm font-medium text-foreground shadow-none focus-visible:ring-0" })] })) : period === "last7" || period === "last30" ? (_jsx("span", { className: "px-2 text-sm font-medium text-foreground whitespace-nowrap", children: period === "last7" ? "Afgelopen 7 dagen" : "Afgelopen 30 dagen" })) : (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "px-2 text-sm font-medium text-foreground whitespace-nowrap rounded hover:bg-accent h-7", "aria-label": "Kies week", children: ["Week ", week, " - ", year] }) }), _jsx(PopoverContent, { className: "w-auto p-0 pointer-events-auto", align: "start", children: _jsx(WeekCalendar, { week: week, year: year, onSelect: (w, y) => onChange({ ...value, week: w, year: y }) }) })] })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Periode-opties", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [_jsxs(DropdownMenuRadioGroup, { value: period, onValueChange: (v) => handlePeriodChange(v), children: [_jsx(DropdownMenuRadioItem, { value: "day", children: "Dag" }), _jsx(DropdownMenuRadioItem, { value: "week", children: "Week" }), _jsx(DropdownMenuRadioItem, { value: "month", children: "Maand" }), _jsx(DropdownMenuRadioItem, { value: "last7", children: "Afgelopen 7 dagen" }), _jsx(DropdownMenuRadioItem, { value: "last30", children: "Afgelopen 30 dagen" }), _jsx(DropdownMenuRadioItem, { value: "custom", children: "Aangepast tijdsbestek" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs("div", { className: "px-2 py-1.5 text-sm text-muted-foreground inline-flex items-center gap-1", children: [periodLabel(), _jsx(ChevronDown, { className: "h-3.5 w-3.5" })] })] })] })] }), _jsxs("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border bg-card", children: [_jsx(Input, { placeholder: "Op briefnummer zoeken", value: search, onChange: (e) => setSearch(e.target.value), onKeyDown: (e) => {
                             if (e.key === "Enter")
                                 onChange({ ...value, search });
                         }, onBlur: () => onChange({ ...value, search }), className: "h-9 w-56 border-0 shadow-none focus-visible:ring-0" }), _jsx("button", { type: "button", onClick: () => onChange({ ...value, search }), className: "inline-flex h-9 w-10 items-center justify-center bg-primary text-primary-foreground hover:opacity-90", "aria-label": "Zoeken", children: _jsx(Search, { className: "h-4 w-4" }) })] })] }));

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

@@ -2,6 +2,7 @@ export interface SearchableOption {
     value: string;
     label: string;
     hint?: string | null;
+    muted?: boolean;
 }
 interface SearchableSelectProps {
     value: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SearchableSelect.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,OAAO,EAAE,WAAuB,EAAE,UAA6B,EACtE,UAAiB,EAAE,UAAiC,EACpD,QAAQ,EAAE,SAAS,EAAE,QAAgB,GACtC,EAAE,qBAAqB,2CAuFvB"}
+{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SearchableSelect.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,OAAO,EAAE,WAAuB,EAAE,UAA6B,EACtE,UAAiB,EAAE,UAAiC,EACpD,QAAQ,EAAE,SAAS,EAAE,QAAgB,GACtC,EAAE,qBAAqB,2CAuFvB"}

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

@@ -17,5 +17,5 @@ export function SearchableSelect({ value, options, placeholder = "Kies...", empt
     }, [options, q]);
     return (_jsxs(Popover, { open: open, onOpenChange: (o) => { if (disabled)
             return; setOpen(o); if (!o)
-            setQ(""); }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: `w-full justify-between font-normal ${className ?? ""}`, children: [_jsx("span", { className: `truncate ${selected ? "" : "text-muted-foreground"}`, children: selected?.label ?? placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [_jsx("div", { className: "p-2 border-b", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: q, onChange: (e) => setQ(e.target.value), placeholder: `Zoek in ${options.length} items...`, className: "pl-8 h-9" })] }) }), _jsxs("div", { className: "max-h-64 overflow-y-auto py-1", children: [allowClear && (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-center gap-2", onClick: () => { onChange(null); setOpen(false); }, children: [value === null && _jsx(Check, { className: "h-3 w-3" }), _jsx("span", { className: "text-muted-foreground italic", children: clearLabel })] })), filtered.length === 0 ? (_jsx("div", { className: "px-3 py-6 text-sm text-muted-foreground text-center", children: emptyLabel })) : (filtered.map((o) => (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-start gap-2", onClick: () => { onChange(o.value); setOpen(false); }, children: [_jsx(Check, { className: `h-3 w-3 mt-1 shrink-0 ${value === o.value ? "" : "invisible"}` }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "truncate", children: o.label }), o.hint && _jsx("div", { className: "text-xs text-muted-foreground truncate", children: o.hint })] })] }, o.value)))), filtered.length === 200 && (_jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground text-center border-t", children: "Toon eerste 200 resultaten \u2014 verfijn je zoekopdracht" }))] })] })] }));
+            setQ(""); }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: `w-full justify-between font-normal ${className ?? ""}`, children: [_jsx("span", { className: `truncate ${selected ? "" : "text-muted-foreground"}`, children: selected?.label ?? placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [_jsx("div", { className: "p-2 border-b", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: q, onChange: (e) => setQ(e.target.value), placeholder: `Zoek in ${options.length} items...`, className: "pl-8 h-9" })] }) }), _jsxs("div", { className: "max-h-64 overflow-y-auto py-1", children: [allowClear && (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-center gap-2", onClick: () => { onChange(null); setOpen(false); }, children: [value === null && _jsx(Check, { className: "h-3 w-3" }), _jsx("span", { className: "text-muted-foreground italic", children: clearLabel })] })), filtered.length === 0 ? (_jsx("div", { className: "px-3 py-6 text-sm text-muted-foreground text-center", children: emptyLabel })) : (filtered.map((o) => (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-start gap-2", onClick: () => { onChange(o.value); setOpen(false); }, children: [_jsx(Check, { className: `h-3 w-3 mt-1 shrink-0 ${value === o.value ? "" : "invisible"}` }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: `truncate ${o.muted ? "text-muted-foreground" : ""}`, children: o.label }), o.hint && _jsx("div", { className: `text-xs truncate ${o.muted ? "text-muted-foreground/70" : "text-muted-foreground"}`, children: o.hint })] })] }, o.value)))), filtered.length === 200 && (_jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground text-center border-t", children: "Toon eerste 200 resultaten \u2014 verfijn je zoekopdracht" }))] })] })] }));
 }

package/dist-lib/index.js

@@ -5,10 +5,10 @@ export { SalesOrderDetailPage } from "./components/verkoop/SalesOrderDetailPage"
 export { CreateOrderPage } from "./components/verkoop/CreateOrderPage";
 export const floridayVerkoopModule = {
     id: "verkoop",
-    name: "Verkoop",
+    name: "Orders",
     version: "1.0.0",
     nav: {
-        label: "Verkoop",
+        label: "Orders",
         href: "/floriday-verkoop",
         icon: ShoppingCart,
         children: [

package/dist-lib/integrations/supabase/auth-middleware.d.ts

@@ -242,6 +242,165 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            ai_credentials: {
+                Row: {
+                    active: boolean;
+                    api_key: string;
+                    created_at: string;
+                    created_by: string | null;
+                    id: string;
+                    label: string;
+                    provider_id: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    active?: boolean;
+                    api_key: string;
+                    created_at?: string;
+                    created_by?: string | null;
+                    id?: string;
+                    label: string;
+                    provider_id: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    active?: boolean;
+                    api_key?: string;
+                    created_at?: string;
+                    created_by?: string | null;
+                    id?: string;
+                    label?: string;
+                    provider_id?: string;
+                    updated_at?: string;
+                };
+                Relationships: [{
+                    foreignKeyName: "ai_credentials_provider_id_fkey";
+                    columns: ["provider_id"];
+                    isOneToOne: false;
+                    referencedRelation: "ai_providers";
+                    referencedColumns: ["id"];
+                }];
+            };
+            ai_models: {
+                Row: {
+                    active: boolean;
+                    context_window: number | null;
+                    created_at: string;
+                    display_name: string;
+                    id: string;
+                    is_default: boolean;
+                    modality: string;
+                    provider_id: string;
+                    slug: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    active?: boolean;
+                    context_window?: number | null;
+                    created_at?: string;
+                    display_name: string;
+                    id?: string;
+                    is_default?: boolean;
+                    modality?: string;
+                    provider_id: string;
+                    slug: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    active?: boolean;
+                    context_window?: number | null;
+                    created_at?: string;
+                    display_name?: string;
+                    id?: string;
+                    is_default?: boolean;
+                    modality?: string;
+                    provider_id?: string;
+                    slug?: string;
+                    updated_at?: string;
+                };
+                Relationships: [{
+                    foreignKeyName: "ai_models_provider_id_fkey";
+                    columns: ["provider_id"];
+                    isOneToOne: false;
+                    referencedRelation: "ai_providers";
+                    referencedColumns: ["id"];
+                }];
+            };
+            ai_module_bindings: {
+                Row: {
+                    consumer_module_id: string;
+                    created_at: string;
+                    credential_id: string;
+                    id: string;
+                    model_id: string;
+                    notes: string | null;
+                    updated_at: string;
+                };
+                Insert: {
+                    consumer_module_id: string;
+                    created_at?: string;
+                    credential_id: string;
+                    id?: string;
+                    model_id: string;
+                    notes?: string | null;
+                    updated_at?: string;
+                };
+                Update: {
+                    consumer_module_id?: string;
+                    created_at?: string;
+                    credential_id?: string;
+                    id?: string;
+                    model_id?: string;
+                    notes?: string | null;
+                    updated_at?: string;
+                };
+                Relationships: [{
+                    foreignKeyName: "ai_module_bindings_credential_id_fkey";
+                    columns: ["credential_id"];
+                    isOneToOne: false;
+                    referencedRelation: "ai_credentials";
+                    referencedColumns: ["id"];
+                }, {
+                    foreignKeyName: "ai_module_bindings_model_id_fkey";
+                    columns: ["model_id"];
+                    isOneToOne: false;
+                    referencedRelation: "ai_models";
+                    referencedColumns: ["id"];
+                }];
+            };
+            ai_providers: {
+                Row: {
+                    active: boolean;
+                    auth_type: string;
+                    base_url: string | null;
+                    created_at: string;
+                    id: string;
+                    name: string;
+                    slug: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    active?: boolean;
+                    auth_type?: string;
+                    base_url?: string | null;
+                    created_at?: string;
+                    id?: string;
+                    name: string;
+                    slug: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    active?: boolean;
+                    auth_type?: string;
+                    base_url?: string | null;
+                    created_at?: string;
+                    id?: string;
+                    name?: string;
+                    slug?: string;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             app_settings: {
                 Row: {
                     created_at: string;
@@ -3845,6 +4004,27 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     referencedColumns: ["id"];
                 }];
             };
+            floriday_continuous_stock_cache: {
+                Row: {
+                    connection_id: string;
+                    fetched_at: string;
+                    number_of_pieces: number;
+                    trade_item_id: string;
+                };
+                Insert: {
+                    connection_id: string;
+                    fetched_at?: string;
+                    number_of_pieces?: number;
+                    trade_item_id: string;
+                };
+                Update: {
+                    connection_id?: string;
+                    fetched_at?: string;
+                    number_of_pieces?: number;
+                    trade_item_id?: string;
+                };
+                Relationships: [];
+            };
             floriday_continuous_stock_queue: {
                 Row: {
                     attempts: number;
@@ -5968,39 +6148,60 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
             };
             manufacture_products: {
                 Row: {
+                    aantal_te_produceren: number;
                     created_at: string;
                     description: string | null;
                     id: string;
                     is_active: boolean;
+                    location_id: string | null;
                     name: string;
+                    partij_nummer: string | null;
+                    photos: import("./types").Json;
                     produced_stock: number;
                     product_code: string;
                     tenant_id: string;
+                    unit: string;
                     updated_at: string;
                 };
                 Insert: {
+                    aantal_te_produceren?: number;
                     created_at?: string;
                     description?: string | null;
                     id?: string;
                     is_active?: boolean;
+                    location_id?: string | null;
                     name: string;
+                    partij_nummer?: string | null;
+                    photos?: import("./types").Json;
                     produced_stock?: number;
                     product_code: string;
                     tenant_id: string;
+                    unit?: string;
                     updated_at?: string;
                 };
                 Update: {
+                    aantal_te_produceren?: number;
                     created_at?: string;
                     description?: string | null;
                     id?: string;
                     is_active?: boolean;
+                    location_id?: string | null;
                     name?: string;
+                    partij_nummer?: string | null;
+                    photos?: import("./types").Json;
                     produced_stock?: number;
                     product_code?: string;
                     tenant_id?: string;
+                    unit?: string;
                     updated_at?: string;
                 };
-                Relationships: [];
+                Relationships: [{
+                    foreignKeyName: "manufacture_products_location_id_fkey";
+                    columns: ["location_id"];
+                    isOneToOne: false;
+                    referencedRelation: "locations";
+                    referencedColumns: ["id"];
+                }];
             };
             monteurs: {
                 Row: {
@@ -10864,6 +11065,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: undefined;
             };
+            next_manufacture_partij: {
+                Args: {
+                    _tenant_id: string;
+                };
+                Returns: string;
+            };
             next_order_number: {
                 Args: {
                     p_prefix: string;