@flowselections/floriday-klanten-module 1.0.15 → 1.0.17

package/dist-lib/components/klanten/pricegroups/PriceGroupsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceGroupsPage.d.ts","sourceRoot":"","sources":["../../../../src/components/klanten/pricegroups/PriceGroupsPage.tsx"],"names":[],"mappings":"AAiHA,wBAAgB,eAAe,gCAoO9B"}

package/dist-lib/components/klanten/pricegroups/PriceGroupsPage.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Input, Card, CardContent, Badge, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsList, TabsTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, DropdownMenuSeparator, } from "@flowselections/core";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { Plus, Search, MoreVertical, GripVertical, EyeOff, Eye, Pencil, Users, Copy, Trash2, Tag, ChevronLeft, ChevronRight } from "lucide-react";
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, useSortable, arrayMove, } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { listCustomerPriceGroups, deleteCustomerPriceGroup, reorderCustomerPriceGroups, updateCustomerPriceGroup, createCustomerPriceGroup, } from "../../../lib/price-groups-local.functions";
+import { CustomerPickerDialog } from "./CustomerPickerDialog";
+function unitLabel(u) {
+    switch (u) {
+        case "per_fust": return "Per fust";
+        case "per_stuk": return "Per stuk";
+        case "per_ladingdrager": return "Per ladingdrager";
+        default: return u;
+    }
+}
+function calcSummary(g) {
+    if (g.pricing_mode !== "calculated")
+        return "—";
+    if (!g.calc_type || !g.calc_value_type || !g.calc_value)
+        return "Geen berekening";
+    const verb = g.calc_type === "discount" ? "Korting" : "Opslag";
+    const val = g.calc_value_type === "percentage" ? `${g.calc_value}%` : `€ ${Number(g.calc_value).toFixed(2)}`;
+    return `${verb} — ${val}`;
+}
+function SortableRow({ g, onEdit, onMembers, onDelete, onDuplicate, onToggleActive }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: g.id });
+    const style = { transform: CSS.Transform.toString(transform), transition, opacity: isDragging ? 0.6 : 1 };
+    return (_jsxs(TableRow, { ref: setNodeRef, style: style, className: isDragging ? "bg-muted/50" : undefined, children: [_jsx(TableCell, { className: "w-[36px] p-0 pl-2", children: _jsx("button", { type: "button", className: "cursor-grab touch-none text-muted-foreground hover:text-foreground p-2", "aria-label": "Verslepen", ...attributes, ...listeners, children: _jsx(GripVertical, { className: "h-4 w-4" }) }) }), _jsxs(TableCell, { children: [_jsxs("div", { className: "font-medium flex items-center gap-2", children: [g.name, !g.is_active && _jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Inactief" })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Laatst gewijzigd: ", new Date(g.updated_at).toLocaleString("nl-NL")] })] }), _jsx(TableCell, { children: _jsx(Badge, { variant: g.pricing_mode === "calculated" ? "default" : "secondary", children: g.pricing_mode === "calculated" ? "Berekende prijzen" : "Handmatige prijzen" }) }), _jsxs(TableCell, { className: "tabular-nums", children: [g.member_count, " klanten"] }), _jsxs(TableCell, { className: "text-sm", children: [g.price_scope === "incl_delivery" ? "Levering en transport" : "Exclusief levering", g.include_stickers && _jsx("div", { className: "text-xs text-muted-foreground", children: "Incl. stickers" })] }), _jsx(TableCell, { className: "text-sm", children: unitLabel(g.unit) }), _jsx(TableCell, { className: "text-sm", children: g.currency }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: calcSummary(g) }), _jsx(TableCell, { className: "w-[52px] text-right pr-2", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Acties", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: onEdit, children: [_jsx(Pencil, { className: "h-4 w-4 mr-2" }), "Bewerken"] }), _jsxs(DropdownMenuItem, { onClick: onMembers, children: [_jsx(Users, { className: "h-4 w-4 mr-2" }), "Klanten toewijzen"] }), _jsxs(DropdownMenuItem, { onClick: onDuplicate, children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), "Dupliceren"] }), _jsx(DropdownMenuItem, { onClick: onToggleActive, children: g.is_active
+                                        ? (_jsxs(_Fragment, { children: [_jsx(EyeOff, { className: "h-4 w-4 mr-2" }), "Op inactief zetten"] }))
+                                        : (_jsxs(_Fragment, { children: [_jsx(Eye, { className: "h-4 w-4 mr-2" }), "Activeren"] })) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: onDelete, className: "text-destructive focus:text-destructive", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2" }), "Verwijderen"] })] })] }) })] }));
+}
+export function PriceGroupsPage() {
+    const qc = useQueryClient();
+    const navigate = useNavigate();
+    const listFn = useServerFn(listCustomerPriceGroups);
+    const delFn = useServerFn(deleteCustomerPriceGroup);
+    const reorderFn = useServerFn(reorderCustomerPriceGroups);
+    const updateFn = useServerFn(updateCustomerPriceGroup);
+    const createFn = useServerFn(createCustomerPriceGroup);
+    const { data: groups = [], isLoading } = useQuery({
+        queryKey: ["customer-price-groups"],
+        queryFn: () => listFn(),
+    });
+    const [search, setSearch] = useState("");
+    const [statusFilter, setStatusFilter] = useState("all");
+    const [membersFor, setMembersFor] = useState(null);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const resetPage = () => setPage(1);
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+    const filtered = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        return groups.filter((g) => {
+            if (statusFilter === "active" && !g.is_active)
+                return false;
+            if (statusFilter === "inactive" && g.is_active)
+                return false;
+            if (!q)
+                return true;
+            return g.name.toLowerCase().includes(q);
+        });
+    }, [groups, search, statusFilter]);
+    const reorderMut = useMutation({
+        mutationFn: (ids) => reorderFn({ data: { ids } }),
+        onMutate: async (ids) => {
+            await qc.cancelQueries({ queryKey: ["customer-price-groups"] });
+            const prev = qc.getQueryData(["customer-price-groups"]);
+            if (prev) {
+                const map = new Map(prev.map((g) => [g.id, g]));
+                const next = ids.map((id, idx) => ({ ...map.get(id), sort_order: idx + 1 }));
+                qc.setQueryData(["customer-price-groups"], next);
+            }
+            return { prev };
+        },
+        onError: (_e, _v, ctx) => { if (ctx?.prev)
+            qc.setQueryData(["customer-price-groups"], ctx.prev); },
+        onSettled: () => qc.invalidateQueries({ queryKey: ["customer-price-groups"] }),
+    });
+    const deleteMut = useMutation({
+        mutationFn: (id) => delFn({ data: { id } }),
+        onSuccess: () => qc.invalidateQueries({ queryKey: ["customer-price-groups"] }),
+    });
+    const toggleActiveMut = useMutation({
+        mutationFn: async (g) => {
+            const { id, member_count, created_at, updated_at, sort_order, ...rest } = g;
+            return updateFn({ data: { id, input: { ...rest, is_active: !g.is_active } } });
+        },
+        onSuccess: () => qc.invalidateQueries({ queryKey: ["customer-price-groups"] }),
+    });
+    const duplicateMut = useMutation({
+        mutationFn: async (g) => {
+            const { id, member_count, created_at, updated_at, sort_order, ...rest } = g;
+            return createFn({ data: { ...rest, name: `${g.name} (kopie)` } });
+        },
+        onSuccess: () => qc.invalidateQueries({ queryKey: ["customer-price-groups"] }),
+    });
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (!over || active.id === over.id)
+            return;
+        const ids = filtered.map((g) => g.id);
+        const oldIndex = ids.indexOf(String(active.id));
+        const newIndex = ids.indexOf(String(over.id));
+        if (oldIndex < 0 || newIndex < 0)
+            return;
+        // Reorder only over full list to keep global ordering stable
+        const fullIds = groups.map((g) => g.id);
+        const from = fullIds.indexOf(String(active.id));
+        const to = fullIds.indexOf(String(over.id));
+        const next = arrayMove(fullIds, from, to);
+        reorderMut.mutate(next);
+    };
+    const active = groups.filter((g) => g.is_active).length;
+    const inactive = groups.length - active;
+    const total = filtered.length;
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const currentPage = Math.min(page, totalPages);
+    const startIdx = total === 0 ? 0 : (currentPage - 1) * pageSize;
+    const endIdx = Math.min(startIdx + pageSize, total);
+    const pageRows = filtered.slice(startIdx, endIdx);
+    return (_jsxs("main", { className: "p-6 space-y-5", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Prijsgroepen" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer prijsafspraken en wijs klanten uit elke bron toe aan een prijsgroep." })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/klanten/prijsgroepen/nieuw", children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "Prijsgroep toevoegen"] }) })] }), _jsxs(Card, { children: [_jsx("div", { className: "border-b px-4 pt-3", children: _jsx(Tabs, { value: statusFilter, onValueChange: (v) => { setStatusFilter(v); resetPage(); }, children: _jsxs(TabsList, { className: "flex-wrap", children: [_jsxs(TabsTrigger, { value: "all", children: ["Alle ", _jsx("span", { className: "ml-1.5 text-xs text-muted-foreground", children: groups.length })] }), _jsxs(TabsTrigger, { value: "active", children: ["Actief ", _jsx("span", { className: "ml-1.5 text-xs text-muted-foreground", children: active })] }), _jsxs(TabsTrigger, { value: "inactive", children: ["Inactief ", _jsx("span", { className: "ml-1.5 text-xs text-muted-foreground", children: inactive })] })] }) }) }), _jsx("div", { className: "flex items-center gap-2 flex-wrap p-4 border-b", children: _jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op naam\u2026", value: search, onChange: (e) => { setSearch(e.target.value); resetPage(); }, className: "pl-9" })] }) }), _jsx(CardContent, { className: "p-0", children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[36px]" }), _jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "Klanten" }), _jsx(TableHead, { children: "Diensten" }), _jsx(TableHead, { children: "Afname-eenheid" }), _jsx(TableHead, { children: "Valuta" }), _jsx(TableHead, { children: "Berekening" }), _jsx(TableHead, { className: "w-[52px]" })] }) }), _jsx(TableBody, { children: isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 9, className: "text-center py-8 text-muted-foreground text-sm", children: "Laden\u2026" }) })) : pageRows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 9, children: _jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx("div", { className: "h-12 w-12 rounded-full bg-muted flex items-center justify-center mb-3", children: _jsx(Tag, { className: "h-5 w-5 text-muted-foreground" }) }), _jsx("div", { className: "font-medium", children: "Geen prijsgroepen gevonden" }), _jsx("div", { className: "text-sm text-muted-foreground mt-1", children: groups.length === 0
+                                                                ? "Voeg je eerste prijsgroep toe om te beginnen."
+                                                                : "Pas je filters aan of voeg een nieuwe prijsgroep toe." }), _jsx(Button, { asChild: true, className: "mt-4", children: _jsxs(Link, { to: "/klanten/prijsgroepen/nieuw", children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), "Prijsgroep toevoegen"] }) })] }) }) })) : (_jsx(SortableContext, { items: pageRows.map((g) => g.id), strategy: verticalListSortingStrategy, children: pageRows.map((g) => (_jsx(SortableRow, { g: g, onEdit: () => navigate({ to: "/klanten/prijsgroepen/$id", params: { id: g.id } }), onMembers: () => setMembersFor(g.id), onDelete: () => {
+                                                    if (confirm(`Prijsgroep "${g.name}" verwijderen?`))
+                                                        deleteMut.mutate(g.id);
+                                                }, onDuplicate: () => duplicateMut.mutate(g), onToggleActive: () => toggleActiveMut.mutate(g) }, g.id))) })) })] }) }) }), _jsxs("div", { className: "flex items-center justify-between gap-3 flex-wrap px-4 py-3 border-t text-sm", children: [_jsxs("div", { className: "text-muted-foreground", children: [total, " prijsgroep", total === 1 ? "" : "en"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground", children: "Per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => { setPageSize(Number(v)); resetPage(); }, children: [_jsx(SelectTrigger, { className: "w-20", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: [10, 25, 50, 100].map((n) => (_jsx(SelectItem, { value: String(n), children: n }, n))) })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: currentPage <= 1, children: [_jsx(ChevronLeft, { className: "h-4 w-4 mr-1" }), "Vorige"] }), _jsxs("span", { className: "text-muted-foreground tabular-nums", children: [currentPage, " / ", totalPages] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPage((p) => Math.min(totalPages, p + 1)), disabled: currentPage >= totalPages, children: ["Volgende", _jsx(ChevronRight, { className: "h-4 w-4 ml-1" })] })] })] })] }), membersFor && (_jsx(CustomerPickerDialog, { priceGroupId: membersFor, open: !!membersFor, onOpenChange: (o) => { if (!o)
+                    setMembersFor(null); } }))] }));
+}

package/dist-lib/components/klanten/pricegroups/ProductPickerDialog.d.ts

@@ -0,0 +1,8 @@
+import type { TradeItemPreview } from "../../../lib/floriday-trade-items.functions";
+export declare function ProductPickerDialog({ open, onOpenChange, items, onSelect, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    items: TradeItemPreview[];
+    onSelect: (item: TradeItemPreview) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ProductPickerDialog.d.ts.map

package/dist-lib/components/klanten/pricegroups/ProductPickerDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPickerDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/klanten/pricegroups/ProductPickerDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,GACpC,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC5C,+BA0DA"}

package/dist-lib/components/klanten/pricegroups/ProductPickerDialog.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, Input, } from "@flowselections/core";
+import { ImageIcon, Search } from "lucide-react";
+export function ProductPickerDialog({ open, onOpenChange, items, onSelect, }) {
+    const [q, setQ] = useState("");
+    const filtered = useMemo(() => {
+        const s = q.trim().toLowerCase();
+        if (!s)
+            return items;
+        return items.filter((i) => i.name.toLowerCase().includes(s) ||
+            (i.vbn_code ?? "").toLowerCase().includes(s));
+    }, [items, q]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Kies een product voor de voorbeeldberekening" }) }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "h-4 w-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { autoFocus: true, placeholder: "Zoek op naam of VBN-code", value: q, onChange: (e) => setQ(e.target.value), className: "pl-9" })] }), _jsxs("div", { className: "max-h-[420px] overflow-y-auto -mx-2 px-2 divide-y", children: [filtered.length === 0 && (_jsx("div", { className: "text-sm text-muted-foreground py-6 text-center", children: "Geen producten gevonden." })), filtered.map((i) => (_jsxs("button", { type: "button", onClick: () => { onSelect(i); onOpenChange(false); }, className: "w-full flex items-center gap-3 py-2.5 text-left hover:bg-muted/40 rounded-md px-2", children: [_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center overflow-hidden shrink-0", children: i.image_url
+                                        ? _jsx("img", { src: i.image_url, alt: "", className: "h-full w-full object-contain" })
+                                        : _jsx(ImageIcon, { className: "h-5 w-5 text-muted-foreground" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium truncate", children: i.name }), _jsxs("div", { className: "text-xs text-muted-foreground truncate", children: [[i.packaging_code, `${i.units_per_fust}×${i.packages_per_layer}×${i.layers_per_carrier}`, i.carrier_code]
+                                                    .filter(Boolean).join(" - "), i.vbn_code ? ` · ${i.vbn_code}` : ""] })] })] }, i.id)))] })] }) }));
+}

package/dist-lib/index.d.ts

@@ -8,5 +8,6 @@ export { NieuweKlant } from "./components/klanten/NieuweKlant";
 export { ImportKlanten } from "./components/klanten/ImportKlanten";
 export { KlantDetailRoute } from "./components/klanten/KlantDetailRoute";
 export { GroupedKlantDetailRoute } from "./components/klanten/GroupedKlantDetailRoute";
+export { PriceGroupsPage } from "./components/klanten/pricegroups/PriceGroupsPage";
 export declare const floridayKlantenModule: 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":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAEvF,eAAO,MAAM,qBAAqB,EAAE,UAYnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,eAAO,MAAM,qBAAqB,EAAE,UAgBnC,CAAC"}

package/dist-lib/index.js

@@ -13,7 +13,7 @@
 //   3. Add your nav item — use `children` if you need a dropdown
 //   4. Done! You don't need to touch any other file for registration.
 // ============================================================================
-import { Users } from "lucide-react";
+import { Users, Tag } from "lucide-react";
 import { CustomerFieldsCard } from "./components/settings/CustomerFieldsCard";
 export * from "./_core-safelist";
 export { KlantenOverzicht } from "./components/klanten/KlantenOverzicht";
@@ -24,6 +24,7 @@ export { NieuweKlant } from "./components/klanten/NieuweKlant";
 export { ImportKlanten } from "./components/klanten/ImportKlanten";
 export { KlantDetailRoute } from "./components/klanten/KlantDetailRoute";
 export { GroupedKlantDetailRoute } from "./components/klanten/GroupedKlantDetailRoute";
+export { PriceGroupsPage } from "./components/klanten/pricegroups/PriceGroupsPage";
 export const floridayKlantenModule = {
     id: "customers",
     name: "Klanten",
@@ -32,6 +33,10 @@ export const floridayKlantenModule = {
         label: "Klanten",
         href: "/klanten",
         icon: Users,
+        children: [
+            { label: "Overzicht", href: "/klanten", icon: Users },
+            { label: "Prijsgroepen", href: "/klanten/prijsgroepen", icon: Tag },
+        ],
     },
     settingsCards: [
         { component: CustomerFieldsCard, order: 10 },