@flowselections/floriday-klanten-module 1.0.49 → 1.0.51

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

@@ -4,12 +4,12 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Button, Input, Checkbox, Badge, } from "@flowselections/core";
 import { Search } from "lucide-react";
-import { listExternalCustomers } from "../../../lib/external-customers.functions";
-import { setPriceGroupMembers, getCustomerPriceGroup, listUnknownFloridayMembers, } from "../../../lib/price-groups-local.functions";
-import { decodeDeep } from "../../../lib/decode-html";
-import { countryNameToFlag } from "../../../lib/countries";
-import { formatDateTime } from "../../../lib/format-date";
-import { UnknownFloridayMembers } from "./UnknownFloridayMembers";
+import { listExternalCustomers } from "../../../lib/external-customers.functions.js";
+import { setPriceGroupMembers, getCustomerPriceGroup, listUnknownFloridayMembers, } from "../../../lib/price-groups-local.functions.js";
+import { decodeDeep } from "../../../lib/decode-html.js";
+import { countryNameToFlag } from "../../../lib/countries.js";
+import { formatDateTime } from "../../../lib/format-date.js";
+import { UnknownFloridayMembers } from "./UnknownFloridayMembers.js";
 export function CustomerPickerDialog({ priceGroupId, open, onOpenChange, value, onChange, }) {
     const qc = useQueryClient();
     const listCustomers = useServerFn(listExternalCustomers);

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

@@ -3,9 +3,9 @@ import { useMemo, useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "@flowselections/core";
-import { SearchableSelect } from "../SearchableSelect";
-import { listCustomerPriceGroups, getPriceGroupsForCustomer, setPriceGroupForCustomer, } from "../../../lib/price-groups-local.functions";
-import { friendlyError } from "../../../lib/errors";
+import { SearchableSelect } from "../SearchableSelect.js";
+import { listCustomerPriceGroups, getPriceGroupsForCustomer, setPriceGroupForCustomer, } from "../../../lib/price-groups-local.functions.js";
+import { friendlyError } from "../../../lib/errors.js";
 const NONE = "__none__";
 export function CustomerPriceGroupSelect({ customerKey }) {
     const qc = useQueryClient();

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useParams } from "@tanstack/react-router";
-import { PriceGroupFormPage } from "./PriceGroupFormPage";
+import { PriceGroupFormPage } from "./PriceGroupFormPage.js";
 export function PriceGroupEditRoute({ id: propId } = {}) {
     const params = useParams({ strict: false });
     const id = propId ?? ("id" in params ? params.id : undefined);

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

@@ -5,18 +5,18 @@ import { useServerFn } from "@tanstack/react-start";
 import { useNavigate } from "@tanstack/react-router";
 import { Button, Input, Label, Separator, Card, CardContent, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Checkbox, } from "@flowselections/core";
 import { ArrowRight, Check, ChevronDown, PencilLine, Calculator, Users, Globe2, Circle, CheckCircle2, Info, ChevronLeft, ChevronRight, ImageIcon } from "lucide-react";
-import { BackLink } from "../BackLink";
-import { createCustomerPriceGroup, updateCustomerPriceGroup, getCustomerPriceGroup, setPriceGroupMembers, } from "../../../lib/price-groups-local.functions";
-import { computePrice } from "../../../lib/pricing";
-import { formatEur } from "../../../lib/format-currency";
-import { listTradeItemsForPreview } from "../../../lib/floriday-trade-items.functions";
-import { ProductPickerDialog } from "./ProductPickerDialog";
-import { PriceGroupItemPrices } from "./PriceGroupItemPrices";
-import { CustomerPickerDialog } from "./CustomerPickerDialog";
+import { BackLink } from "../BackLink.js";
+import { createCustomerPriceGroup, updateCustomerPriceGroup, getCustomerPriceGroup, setPriceGroupMembers, } from "../../../lib/price-groups-local.functions.js";
+import { computePrice } from "../../../lib/pricing.js";
+import { formatEur } from "../../../lib/format-currency.js";
+import { listTradeItemsForPreview } from "../../../lib/floriday-trade-items.functions.js";
+import { ProductPickerDialog } from "./ProductPickerDialog.js";
+import { PriceGroupItemPrices } from "./PriceGroupItemPrices.js";
+import { CustomerPickerDialog } from "./CustomerPickerDialog.js";
 import { UserPlus, Users2 } from "lucide-react";
-import { listExternalCustomers } from "../../../lib/external-customers.functions";
-import { decodeDeep } from "../../../lib/decode-html";
-import { countryNameToFlag } from "../../../lib/countries";
+import { listExternalCustomers } from "../../../lib/external-customers.functions.js";
+import { decodeDeep } from "../../../lib/decode-html.js";
+import { countryNameToFlag } from "../../../lib/countries.js";
 import { Badge } from "@flowselections/core";
 import { toast } from "sonner";
 const emptyInput = {
@@ -257,7 +257,7 @@ export function PriceGroupFormPage({ editingId }) {
                                                                 "De ingestelde transport- en afleverkosten in de levervoorwaarden worden in rekening gebracht",
                                                             ] }))] }), _jsxs("div", { className: "pt-2", children: [_jsx("div", { className: "text-sm text-muted-foreground mb-2", children: "Diensten" }), _jsx(Separator, { className: "mb-3" }), _jsxs("label", { className: "flex items-center gap-2 cursor-pointer select-none", children: [_jsx(Checkbox, { checked: form.include_stickers, onCheckedChange: (v) => patch({ include_stickers: v === true }) }), _jsx("span", { className: "text-sm font-medium", children: "Inclusief stickeren" })] })] }), _jsxs("div", { className: "pt-2", children: [_jsx("div", { className: "text-sm text-muted-foreground mb-2", children: "Afname" }), _jsx(Separator, { className: "mb-3" }), _jsxs("div", { className: "max-w-sm", children: [_jsx(Label, { children: "Afname-eenheid" }), _jsxs(Select, { value: form.unit, onValueChange: (v) => patch({ unit: v }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "- Selecteer een eenheid -" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "per_fust", children: "Per fust" }), _jsx(SelectItem, { value: "per_laag", children: "Per laag" }), _jsx(SelectItem, { value: "per_ladingdrager", children: "Per ladingdrager" })] })] })] }), _jsxs("div", { className: "text-xs text-muted-foreground mt-2 leading-relaxed", children: ["Afname-eenheid per aangeboden artikel.", _jsx("br", {}), "Deze instelling geldt voor alle klanten in deze prijsgroep, per aangeboden artikel, niet per bestelling."] })] }), _jsx("div", { className: "pt-2 flex justify-end", children: _jsxs(Button, { onClick: () => nextStep(1), children: ["Volgende stap ", _jsx(ArrowRight, { className: "h-4 w-4 ml-1" })] }) })] }) }), _jsx(StepSection, { index: 2, title: STEP_TITLES[2], subtitle: summaries[2], open: openStep === 2, completed: form.pricing_mode === "calculated" && maxReached >= 2 && openStep !== 2, disabled: maxReached < 2 || form.pricing_mode !== "calculated", onToggle: () => goToStep(2), children: _jsx("div", { className: "space-y-4", children: form.pricing_mode !== "calculated" ? (_jsx("div", { className: "text-sm text-muted-foreground p-4 border rounded-md bg-muted/30", children: "Deze prijsgroep gebruikt handmatige prijzen. Prijsberekening is niet van toepassing." })) : (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(Label, { children: "Korting/opslag per stuk" }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3 mt-1.5", children: [_jsxs(Select, { value: form.calc_type ?? "discount", onValueChange: (v) => patch({ calc_type: v }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "discount", children: "Korting" }), _jsx(SelectItem, { value: "surcharge", children: "Opslag" })] })] }), _jsxs(Select, { value: form.calc_value_type ?? "fixed", onValueChange: (v) => patch({ calc_value_type: v }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "percentage", children: "Percentage" }), _jsx(SelectItem, { value: "fixed", children: "Vast bedrag" })] })] }), _jsxs("div", { className: "relative", children: [form.calc_value_type !== "percentage" && (_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none", children: "\u20AC" })), _jsx(Input, { type: "number", step: form.calc_value_type === "percentage" ? "1" : "0.001", value: form.calc_value ?? 0, onChange: (e) => patch({ calc_value: Number(e.target.value) }), className: form.calc_value_type === "percentage" ? "pr-8" : "pl-7" }), form.calc_value_type === "percentage" && (_jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none", children: "%" }))] })] })] }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsxs(Label, { className: "flex items-center gap-1.5", children: ["Afhandelingskosten (optioneel)", _jsx(Info, { className: "h-3.5 w-3.5 text-muted-foreground", "aria-label": "Extra kosten die bovenop de prijs komen. Kies hoe deze verdeeld worden." })] }), _jsxs("div", { className: "relative mt-1.5", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none", children: "\u20AC" }), _jsx(Input, { type: "number", step: "0.01", value: form.handling_fee ?? 0, onChange: (e) => patch({ handling_fee: Number(e.target.value) }), className: "pl-7" })] })] }), _jsxs("div", { children: [_jsx(Label, { children: "Verdeeld over het aantal planten of bloemen op een" }), _jsxs(Select, { value: form.distribute_over ?? "ladingdrager", onValueChange: (v) => patch({ distribute_over: v }), children: [_jsx(SelectTrigger, { className: "mt-1.5", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "ladingdrager", children: "Ladingdrager" }), _jsx(SelectItem, { value: "laag", children: "Laag" }), _jsx(SelectItem, { value: "fust", children: "Fust" })] })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx(Label, { children: "Prijs afronden" }), _jsxs(Select, { value: form.rounding, onValueChange: (v) => patch({ rounding: v }), children: [_jsx(SelectTrigger, { className: "mt-1.5", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: "Niet afronden" }), _jsx(SelectItem, { value: "up", children: "Omhoog" }), _jsx(SelectItem, { value: "down", children: "Omlaag" }), _jsx(SelectItem, { value: "nearest", children: "Dichtstbijzijnde" })] })] })] }), form.rounding !== "none" && (_jsxs("div", { children: [_jsx(Label, { children: "Op" }), _jsxs(Select, { value: String(form.rounding_step ?? 0.05), onValueChange: (v) => patch({ rounding_step: Number(v) }), children: [_jsx(SelectTrigger, { className: "mt-1.5", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "0.01", children: "\u20AC 0,01" }), _jsx(SelectItem, { value: "0.05", children: "\u20AC 0,05" }), _jsx(SelectItem, { value: "0.1", children: "\u20AC 0,10" })] })] })] }))] }), _jsx("div", { className: "pt-2 flex justify-end", children: _jsxs(Button, { onClick: () => nextStep(2), children: ["Volgende stap ", _jsx(ArrowRight, { className: "h-4 w-4 ml-1" })] }) })] })) }) }), _jsxs(StepSection, { index: 3, title: STEP_TITLES[3], subtitle: summaries[3], open: openStep === 3, completed: form.group_type === "customer_specific" && maxReached >= 3 && openStep !== 3 && selectedCustomerKeys.length > 0, disabled: maxReached < 3 || form.group_type !== "customer_specific", onToggle: () => goToStep(3), children: [form.group_type !== "customer_specific" ? (_jsx("div", { className: "text-sm text-muted-foreground p-4 border rounded-md bg-muted/30", children: "Algemene prijsgroepen zijn zichtbaar voor alle klanten \u2014 een doelgroep is niet van toepassing." })) : selectedCustomerKeys.length === 0 ? (_jsxs("div", { className: "rounded-lg border bg-muted/20 p-8", children: [_jsxs("div", { className: "flex flex-col items-center text-center gap-3", children: [_jsxs("div", { className: "relative h-16 w-16 rounded-full bg-muted flex items-center justify-center", children: [_jsx(Users2, { className: "h-8 w-8 text-muted-foreground/60" }), _jsx("span", { className: "absolute -top-1 -right-1 h-6 w-6 rounded-full bg-background border flex items-center justify-center", children: _jsx(UserPlus, { className: "h-3.5 w-3.5 text-muted-foreground" }) })] }), _jsx("div", { children: _jsx("div", { className: "font-medium text-sm", children: "Nog geen klanten toegevoegd" }) })] }), _jsx("div", { className: "flex justify-end mt-4", children: _jsxs(Button, { variant: "outline", onClick: () => setCustomerPickerOpen(true), children: [_jsx(UserPlus, { className: "h-4 w-4 mr-1.5" }), " Organisaties wijzigen"] }) })] })) : (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "text-sm text-muted-foreground", children: [_jsx("strong", { className: "text-foreground", children: selectedCustomerKeys.length }), " ", "klant", selectedCustomerKeys.length === 1 ? "" : "en", " gekoppeld"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setCustomerPickerOpen(true), children: [_jsx(UserPlus, { className: "h-4 w-4 mr-1.5" }), " Organisaties wijzigen"] })] }), _jsx("div", { className: "max-h-[320px] overflow-y-auto border rounded-md divide-y", children: selectedCustomerKeys.map((k) => {
                                                             const c = customersByKey.get(k);
-                                                            return (_jsxs("div", { className: "flex items-center gap-3 p-2.5", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium truncate", children: c?.display_name ?? k }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: c ? (c.city || c.country ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [c.city && _jsx("span", { children: c.city }), c.city && c.country && _jsx("span", { children: "\u00B7" }), c.country && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-base", "aria-hidden": "true", children: countryNameToFlag(c.country) ?? "🌐" }), _jsx("span", { children: c.country })] }))] })) : "—") : "Niet in cache" })] }), _jsx("div", { className: "flex gap-1", children: (c?.providers ?? []).slice(0, 3).map((p) => (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: p }, p))) })] }, k));
+                                                            return (_jsxs("div", { className: "flex items-center gap-3 p-2.5", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium truncate", children: c?.display_name ?? k }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: c ? (c.city || c.country ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [c.city && _jsx("span", { children: c.city }), c.city && c.country && _jsx("span", { children: "\u00B7" }), c.country && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-base", "aria-hidden": "true", children: countryNameToFlag(c.country) ?? "🌐" }), _jsx("span", { children: c.country })] }))] })) : "—") : "Nog niet opgehaald uit Floriday" })] }), _jsx("div", { className: "flex gap-1", children: (c?.providers ?? []).slice(0, 3).map((p) => (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: p }, p))) })] }, k));
                                                         }) })] })), _jsx(CustomerPickerDialog, { open: customerPickerOpen, onOpenChange: setCustomerPickerOpen, value: selectedCustomerKeys, onChange: setSelectedCustomerKeys })] }), editingId && (_jsx(PriceGroupItemPrices, { priceGroupId: editingId, currency: form.currency })), error && _jsx("div", { className: "text-sm text-destructive", children: error })] }), form.pricing_mode === "calculated" && (_jsxs("aside", { className: "lg:sticky lg:top-4 space-y-3", children: [_jsx(Card, { children: _jsxs(CardContent, { className: "p-4 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-sm font-medium", children: "Voorbeeld prijscalculatie" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => cycleItem(-1), disabled: items.length < 2, "aria-label": "Vorige product", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => cycleItem(1), disabled: items.length < 2, "aria-label": "Volgend product", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] }), _jsxs("button", { type: "button", onClick: () => setPickerOpen(true), className: "w-full flex items-center gap-3 text-left hover:bg-muted/30 rounded-md p-2 -m-2", children: [_jsx("div", { className: "h-14 w-14 rounded bg-muted flex items-center justify-center overflow-hidden shrink-0", children: selectedItem?.image_url
                                                                 ? _jsx("img", { src: selectedItem.image_url, alt: "", className: "h-full w-full object-contain" })
                                                                 : _jsx(ImageIcon, { className: "h-6 w-6 text-muted-foreground" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium truncate", children: selectedItem?.name ?? "Geen product beschikbaar" }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: selectedItem
@@ -265,7 +265,7 @@ export function PriceGroupFormPage({ editingId }) {
                                                                             `${selectedItem.units_per_fust}×${selectedItem.packages_per_layer}×${selectedItem.layers_per_carrier}`,
                                                                             selectedItem.carrier_code]
                                                                             .filter(Boolean).join(" - ")
-                                                                        : "Wacht op Floriday-cache" })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-xs", children: "Basisprijs" }), _jsxs("div", { className: "relative mt-1.5", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none", children: "\u20AC" }), _jsx(Input, { type: "number", step: "0.01", value: basePrice, onChange: (e) => setBasePrice(Number(e.target.value)), className: "pl-7" })] })] }), _jsxs("div", { children: [_jsx("div", { className: "flex justify-end text-xs text-muted-foreground mb-1", children: "Prijzen" }), _jsxs("div", { className: "space-y-1.5 text-sm tabular-nums border-t pt-2", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Basisprijs" }), _jsx("span", { children: formatEur(basePrice) })] }), Math.abs(preview.discountAmount) > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsxs("span", { className: "text-muted-foreground", children: [form.calc_type === "surcharge" ? "Opslag" : "Korting", " ", form.calc_value_type === "percentage"
+                                                                        : "Nog niet opgehaald uit Floriday" })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-xs", children: "Basisprijs" }), _jsxs("div", { className: "relative mt-1.5", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none", children: "\u20AC" }), _jsx(Input, { type: "number", step: "0.01", value: basePrice, onChange: (e) => setBasePrice(Number(e.target.value)), className: "pl-7" })] })] }), _jsxs("div", { children: [_jsx("div", { className: "flex justify-end text-xs text-muted-foreground mb-1", children: "Prijzen" }), _jsxs("div", { className: "space-y-1.5 text-sm tabular-nums border-t pt-2", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Basisprijs" }), _jsx("span", { children: formatEur(basePrice) })] }), Math.abs(preview.discountAmount) > 0 && (_jsxs("div", { className: "flex justify-between", children: [_jsxs("span", { className: "text-muted-foreground", children: [form.calc_type === "surcharge" ? "Opslag" : "Korting", " ", form.calc_value_type === "percentage"
                                                                                     ? `${(form.calc_value ?? 0).toLocaleString("nl-NL")}%`
                                                                                     : formatEur(form.calc_value ?? 0, { decimals: 3 })] }), _jsxs("span", { children: [preview.discountAmount < 0 ? "− " : "", formatEur(Math.abs(preview.discountAmount))] })] })), preview.handlingPerUnit > 0 && (_jsxs("div", { className: "flex justify-between items-baseline gap-2", children: [_jsxs("span", { className: "text-muted-foreground truncate", children: ["Afhandelingskosten (optioneel)", " ", _jsxs("span", { className: "italic text-muted-foreground/80", children: [formatEur(form.handling_fee ?? 0), handlingSuffix] })] }), _jsx("span", { children: formatEur(preview.handlingPerUnit, { decimals: 3 }) })] })), _jsxs("div", { className: "flex justify-between border-t pt-1.5", children: [_jsx("span", { className: form.rounding === "none" ? "font-medium" : "text-muted-foreground", children: "Berekende prijs" }), _jsx("span", { className: form.rounding === "none" ? "font-medium" : "", children: formatEur(preview.adjusted, { decimals: 3 }) })] }), form.rounding !== "none" && (_jsxs("div", { className: "flex justify-between font-medium border-t pt-1.5", children: [_jsx("span", { children: "Afgeronde prijs" }), _jsx("span", { children: formatEur(preview.rounded) })] }))] })] })] }) }), _jsx(ProductPickerDialog, { open: pickerOpen, onOpenChange: setPickerOpen, items: items, onSelect: (i) => setSelectedItemId(i.id) })] }))] })] }), _jsx("div", { className: "fixed bottom-0 left-0 right-0 bg-background/95 backdrop-blur border-t z-10", children: _jsxs("div", { className: "max-w-6xl mx-auto px-6 py-3 flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", onClick: goBack, children: "Annuleren" }), _jsx(Button, { onClick: () => saveMut.mutate(), disabled: saveMut.isPending ||
                                 !form.name.trim() ||

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PriceGroupFormPage } from "./PriceGroupFormPage";
+import { PriceGroupFormPage } from "./PriceGroupFormPage.js";
 export function PriceGroupNewRoute() {
     return _jsx(PriceGroupFormPage, {});
 }

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

@@ -10,10 +10,10 @@ import { Plus, Search, MoreVertical, GripVertical, EyeOff, Eye, Pencil, Users, C
 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, importFloridayPriceGroups, } from "../../../lib/price-groups-local.functions";
-import { CustomerPickerDialog } from "./CustomerPickerDialog";
-import { UnknownFloridayMembers } from "./UnknownFloridayMembers";
-import { friendlyError } from "../../../lib/errors";
+import { listCustomerPriceGroups, deleteCustomerPriceGroup, reorderCustomerPriceGroups, updateCustomerPriceGroup, createCustomerPriceGroup, importFloridayPriceGroups, } from "../../../lib/price-groups-local.functions.js";
+import { CustomerPickerDialog } from "./CustomerPickerDialog.js";
+import { UnknownFloridayMembers } from "./UnknownFloridayMembers.js";
+import { friendlyError } from "../../../lib/errors.js";
 import { toast } from "sonner";
 function unitLabel(u) {
     switch (u) {

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Outlet, useRouterState } from "@tanstack/react-router";
-import { PriceGroupsPage } from "./PriceGroupsPage";
+import { PriceGroupsPage } from "./PriceGroupsPage.js";
 export function PriceGroupsRoute() {
     const pathname = useRouterState({
         select: (state) => state.location.pathname.replace(/\/+$/, ""),

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

@@ -1,4 +1,4 @@
-import type { TradeItemPreview } from "../../../lib/floriday-trade-items.functions";
+import type { TradeItemPreview } from "../../../lib/floriday-trade-items.functions.js";
 export declare function ProductPickerDialog({ open, onOpenChange, items, onSelect, }: {
     open: boolean;
     onOpenChange: (v: boolean) => void;

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

@@ -1,4 +1,4 @@
-import { type UnknownFloridayMember } from "../../../lib/price-groups-local.functions";
+import { type UnknownFloridayMember } from "../../../lib/price-groups-local.functions.js";
 /**
  * Floriday-leden van een prijsgroep die nog geen ERP-klant zijn. Er wordt niets vastgelegd
  * tot iemand op "Toevoegen" klikt; dan ontstaat een klant zonder Twinfield-debiteur.

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

@@ -4,8 +4,8 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Button, Badge } from "@flowselections/core";
 import { toast } from "sonner";
-import { addFloridayMemberToPriceGroup, } from "../../../lib/price-groups-local.functions";
-import { friendlyError } from "../../../lib/errors";
+import { addFloridayMemberToPriceGroup, } from "../../../lib/price-groups-local.functions.js";
+import { friendlyError } from "../../../lib/errors.js";
 /**
  * Floriday-leden van een prijsgroep die nog geen ERP-klant zijn. Er wordt niets vastgelegd
  * tot iemand op "Toevoegen" klikt; dan ontstaat een klant zonder Twinfield-debiteur.
@@ -29,7 +29,7 @@ export function UnknownFloridayMembers({ members, priceGroupIdFor, }) {
             qc.invalidateQueries({ queryKey: ["unknown-floriday-members"] });
             qc.invalidateQueries({ queryKey: ["customer-price-group"] });
             qc.invalidateQueries({ queryKey: ["external-customers-picker"] });
-            toast.success(`${m.commercial_name ?? m.name} is toegevoegd als klant (zonder debiteur in Twinfield).`);
+            toast.success(`${m.commercial_name ?? m.name} is toegevoegd als klant en staat in deze prijsgroep.`);
         },
         onError: (e) => toast.error(friendlyError(e)),
     });
@@ -39,5 +39,5 @@ export function UnknownFloridayMembers({ members, priceGroupIdFor, }) {
                     const added = done.has(m.organization_id);
                     const canAdd = m.groups.some((g) => priceGroupIdFor(g.external_id));
                     return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 px-3 py-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium truncate", children: m.commercial_name ?? m.name }), _jsxs("div", { className: "text-xs text-muted-foreground truncate", children: [m.commercial_name ? `${m.name} · ` : "", m.city ?? "—", " \u00B7 ", m.reason] }), m.groups.length > 0 && (_jsxs("div", { className: "text-xs text-muted-foreground truncate", children: ["In Floriday: ", m.groups.map((g) => g.name).join(", ")] }))] }), added ? (_jsx(Badge, { variant: "secondary", children: "Toegevoegd" })) : (_jsx(Button, { size: "sm", variant: "outline", disabled: !canAdd || addMut.isPending, title: canAdd ? undefined : "Importeer eerst de prijsgroep", onClick: () => addMut.mutate(m), children: "Toevoegen" }))] }, m.organization_id));
-                }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Toevoegen maakt een klant aan op organisatie-id, zonder debiteur in Twinfield, en deelt die in bij de prijsgroep." })] }));
+                }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Toevoegen maakt een nieuwe klant aan (nog niet in de boekhouding) en zet die in deze prijsgroep." })] }));
 }

package/dist-lib/components/klanten/useCustomerDefaults.d.ts

@@ -1,7 +1,7 @@
 /** Standaardwaarden van de actieve administratie (land, taal, grootboek, betaaltermijn). */
 export declare function useCustomerDefaults(): {
     isLoading: boolean;
-    defaults?: import("../../lib/twinfield-customer-defaults.server").CustomerDefaults | undefined;
+    defaults?: import("../../lib/twinfield-customer-defaults.server.js").CustomerDefaults | undefined;
     isAdmin?: boolean | undefined;
 };
 export declare const MISSING_DEFAULT_MESSAGE = "Standaardwaarde ontbreekt in de Twinfield-instellingen";

package/dist-lib/index.d.ts

@@ -1,37 +1,37 @@
 import type { FlowModule } from "@flowselections/core";
-export * from "./_core-safelist";
-export { KlantenOverzicht } from "./components/klanten/KlantenOverzicht";
-export { KlantDetail } from "./components/klanten/KlantDetail";
-export { GroupedKlantDetail } from "./components/klanten/GroupedKlantDetail";
-export { NetwerkPagina } from "./components/klanten/NetwerkPagina";
-export { NieuweKlant } from "./components/klanten/NieuweKlant";
-export { KlantFormulier } from "./components/klanten/KlantFormulier";
-export { BewerkKlant } from "./components/klanten/BewerkKlant";
-export { BewerkKlantRoute } from "./components/klanten/BewerkKlantRoute";
-export { KlantBewerkenDialog } from "./components/klanten/KlantBewerkenDialog";
-export { OvernemenTwinfieldKlant } from "./components/klanten/OvernemenTwinfieldKlant";
-export { OvernemenTwinfieldKlantRoute } from "./components/klanten/OvernemenTwinfieldKlantRoute";
-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 { PriceGroupsRoute } from "./components/klanten/pricegroups/PriceGroupsRoute";
-export { PriceGroupFormPage } from "./components/klanten/pricegroups/PriceGroupFormPage";
-export { PriceGroupNewRoute } from "./components/klanten/pricegroups/PriceGroupNewRoute";
-export { PriceGroupEditRoute } from "./components/klanten/pricegroups/PriceGroupEditRoute";
-export { CustomerPriceGroupSelect } from "./components/klanten/pricegroups/CustomerPriceGroupSelect";
-export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTab";
-export { listCustomerAssortment } from "./lib/customer-assortment.functions";
-export { loadFloridayCatalogPrices, type CatalogPrice } from "./lib/floriday-catalog-prices";
-export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog";
-export { CustomerStickerCell } from "./components/klanten/CustomerStickerCell";
-export { CustomerStickerFormatDialog } from "./components/klanten/CustomerStickerFormatDialog";
-export { BulkStickerUploadDialog } from "./components/klanten/BulkStickerUploadDialog";
-export { listCustomerStickers, confirmStickerUpload, deleteCustomerSticker, getCustomerStickerSettings, setCustomerStickerSettings, getStickerForPrint, suggestStickerMatches, commitStickerBatch, discardStickerBatch, ALLOWED_STICKER_MIME, type CustomerSticker, type CustomerStickersResult, type StickerFormat, } from "./lib/customer-stickers.functions";
-export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions";
-export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions";
-export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices";
-export { listLogisticsStrategies, getLogisticsStrategyBinding, setLogisticsStrategyBinding, resolveLogisticsStrategy, } from "./lib/logistics-strategy.functions";
-export { emitLogisticsEvent } from "./lib/logistics-events.functions";
+export * from "./_core-safelist.js";
+export { KlantenOverzicht } from "./components/klanten/KlantenOverzicht.js";
+export { KlantDetail } from "./components/klanten/KlantDetail.js";
+export { GroupedKlantDetail } from "./components/klanten/GroupedKlantDetail.js";
+export { NetwerkPagina } from "./components/klanten/NetwerkPagina.js";
+export { NieuweKlant } from "./components/klanten/NieuweKlant.js";
+export { KlantFormulier } from "./components/klanten/KlantFormulier.js";
+export { BewerkKlant } from "./components/klanten/BewerkKlant.js";
+export { BewerkKlantRoute } from "./components/klanten/BewerkKlantRoute.js";
+export { KlantBewerkenDialog } from "./components/klanten/KlantBewerkenDialog.js";
+export { OvernemenTwinfieldKlant } from "./components/klanten/OvernemenTwinfieldKlant.js";
+export { OvernemenTwinfieldKlantRoute } from "./components/klanten/OvernemenTwinfieldKlantRoute.js";
+export { ImportKlanten } from "./components/klanten/ImportKlanten.js";
+export { KlantDetailRoute } from "./components/klanten/KlantDetailRoute.js";
+export { GroupedKlantDetailRoute } from "./components/klanten/GroupedKlantDetailRoute.js";
+export { PriceGroupsPage } from "./components/klanten/pricegroups/PriceGroupsPage.js";
+export { PriceGroupsRoute } from "./components/klanten/pricegroups/PriceGroupsRoute.js";
+export { PriceGroupFormPage } from "./components/klanten/pricegroups/PriceGroupFormPage.js";
+export { PriceGroupNewRoute } from "./components/klanten/pricegroups/PriceGroupNewRoute.js";
+export { PriceGroupEditRoute } from "./components/klanten/pricegroups/PriceGroupEditRoute.js";
+export { CustomerPriceGroupSelect } from "./components/klanten/pricegroups/CustomerPriceGroupSelect.js";
+export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTab.js";
+export { listCustomerAssortment } from "./lib/customer-assortment.functions.js";
+export { loadFloridayCatalogPrices, type CatalogPrice } from "./lib/floriday-catalog-prices.js";
+export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog.js";
+export { CustomerStickerCell } from "./components/klanten/CustomerStickerCell.js";
+export { CustomerStickerFormatDialog } from "./components/klanten/CustomerStickerFormatDialog.js";
+export { BulkStickerUploadDialog } from "./components/klanten/BulkStickerUploadDialog.js";
+export { listCustomerStickers, confirmStickerUpload, deleteCustomerSticker, getCustomerStickerSettings, setCustomerStickerSettings, getStickerForPrint, suggestStickerMatches, commitStickerBatch, discardStickerBatch, ALLOWED_STICKER_MIME, type CustomerSticker, type CustomerStickersResult, type StickerFormat, } from "./lib/customer-stickers.functions.js";
+export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions.js";
+export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions.js";
+export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices.js";
+export { listLogisticsStrategies, getLogisticsStrategyBinding, setLogisticsStrategyBinding, resolveLogisticsStrategy, } from "./lib/logistics-strategy.functions.js";
+export { emitLogisticsEvent } from "./lib/logistics-events.functions.js";
 export declare const floridayKlantenModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/index.js

@@ -14,41 +14,41 @@
 //   4. Done! You don't need to touch any other file for registration.
 // ============================================================================
 import { Users, Tag } from "lucide-react";
-import { CustomerFieldsCard } from "./components/settings/CustomerFieldsCard";
-export * from "./_core-safelist";
-export { KlantenOverzicht } from "./components/klanten/KlantenOverzicht";
-export { KlantDetail } from "./components/klanten/KlantDetail";
-export { GroupedKlantDetail } from "./components/klanten/GroupedKlantDetail";
-export { NetwerkPagina } from "./components/klanten/NetwerkPagina";
-export { NieuweKlant } from "./components/klanten/NieuweKlant";
-export { KlantFormulier } from "./components/klanten/KlantFormulier";
-export { BewerkKlant } from "./components/klanten/BewerkKlant";
-export { BewerkKlantRoute } from "./components/klanten/BewerkKlantRoute";
-export { KlantBewerkenDialog } from "./components/klanten/KlantBewerkenDialog";
-export { OvernemenTwinfieldKlant } from "./components/klanten/OvernemenTwinfieldKlant";
-export { OvernemenTwinfieldKlantRoute } from "./components/klanten/OvernemenTwinfieldKlantRoute";
-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 { PriceGroupsRoute } from "./components/klanten/pricegroups/PriceGroupsRoute";
-export { PriceGroupFormPage } from "./components/klanten/pricegroups/PriceGroupFormPage";
-export { PriceGroupNewRoute } from "./components/klanten/pricegroups/PriceGroupNewRoute";
-export { PriceGroupEditRoute } from "./components/klanten/pricegroups/PriceGroupEditRoute";
-export { CustomerPriceGroupSelect } from "./components/klanten/pricegroups/CustomerPriceGroupSelect";
-export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTab";
-export { listCustomerAssortment } from "./lib/customer-assortment.functions";
-export { loadFloridayCatalogPrices } from "./lib/floriday-catalog-prices";
-export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog";
-export { CustomerStickerCell } from "./components/klanten/CustomerStickerCell";
-export { CustomerStickerFormatDialog } from "./components/klanten/CustomerStickerFormatDialog";
-export { BulkStickerUploadDialog } from "./components/klanten/BulkStickerUploadDialog";
-export { listCustomerStickers, confirmStickerUpload, deleteCustomerSticker, getCustomerStickerSettings, setCustomerStickerSettings, getStickerForPrint, suggestStickerMatches, commitStickerBatch, discardStickerBatch, ALLOWED_STICKER_MIME, } from "./lib/customer-stickers.functions";
-export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions";
-export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions";
-export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices";
-export { listLogisticsStrategies, getLogisticsStrategyBinding, setLogisticsStrategyBinding, resolveLogisticsStrategy, } from "./lib/logistics-strategy.functions";
-export { emitLogisticsEvent } from "./lib/logistics-events.functions";
+import { CustomerFieldsCard } from "./components/settings/CustomerFieldsCard.js";
+export * from "./_core-safelist.js";
+export { KlantenOverzicht } from "./components/klanten/KlantenOverzicht.js";
+export { KlantDetail } from "./components/klanten/KlantDetail.js";
+export { GroupedKlantDetail } from "./components/klanten/GroupedKlantDetail.js";
+export { NetwerkPagina } from "./components/klanten/NetwerkPagina.js";
+export { NieuweKlant } from "./components/klanten/NieuweKlant.js";
+export { KlantFormulier } from "./components/klanten/KlantFormulier.js";
+export { BewerkKlant } from "./components/klanten/BewerkKlant.js";
+export { BewerkKlantRoute } from "./components/klanten/BewerkKlantRoute.js";
+export { KlantBewerkenDialog } from "./components/klanten/KlantBewerkenDialog.js";
+export { OvernemenTwinfieldKlant } from "./components/klanten/OvernemenTwinfieldKlant.js";
+export { OvernemenTwinfieldKlantRoute } from "./components/klanten/OvernemenTwinfieldKlantRoute.js";
+export { ImportKlanten } from "./components/klanten/ImportKlanten.js";
+export { KlantDetailRoute } from "./components/klanten/KlantDetailRoute.js";
+export { GroupedKlantDetailRoute } from "./components/klanten/GroupedKlantDetailRoute.js";
+export { PriceGroupsPage } from "./components/klanten/pricegroups/PriceGroupsPage.js";
+export { PriceGroupsRoute } from "./components/klanten/pricegroups/PriceGroupsRoute.js";
+export { PriceGroupFormPage } from "./components/klanten/pricegroups/PriceGroupFormPage.js";
+export { PriceGroupNewRoute } from "./components/klanten/pricegroups/PriceGroupNewRoute.js";
+export { PriceGroupEditRoute } from "./components/klanten/pricegroups/PriceGroupEditRoute.js";
+export { CustomerPriceGroupSelect } from "./components/klanten/pricegroups/CustomerPriceGroupSelect.js";
+export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTab.js";
+export { listCustomerAssortment } from "./lib/customer-assortment.functions.js";
+export { loadFloridayCatalogPrices } from "./lib/floriday-catalog-prices.js";
+export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog.js";
+export { CustomerStickerCell } from "./components/klanten/CustomerStickerCell.js";
+export { CustomerStickerFormatDialog } from "./components/klanten/CustomerStickerFormatDialog.js";
+export { BulkStickerUploadDialog } from "./components/klanten/BulkStickerUploadDialog.js";
+export { listCustomerStickers, confirmStickerUpload, deleteCustomerSticker, getCustomerStickerSettings, setCustomerStickerSettings, getStickerForPrint, suggestStickerMatches, commitStickerBatch, discardStickerBatch, ALLOWED_STICKER_MIME, } from "./lib/customer-stickers.functions.js";
+export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions.js";
+export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions.js";
+export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices.js";
+export { listLogisticsStrategies, getLogisticsStrategyBinding, setLogisticsStrategyBinding, resolveLogisticsStrategy, } from "./lib/logistics-strategy.functions.js";
+export { emitLogisticsEvent } from "./lib/logistics-events.functions.js";
 export const floridayKlantenModule = {
     id: "customers",
     name: "Klanten",

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -1,6 +1,6 @@
 // This file is automatically generated. Do not edit it directly.
 import { createMiddleware } from '@tanstack/react-start';
-import { supabase } from './client';
+import { supabase } from './client.js';
 // Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
 // the browser never attaches the bearer token to serverFn RPCs.
 export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {

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

@@ -1,5 +1,5 @@
 import type { SupabaseClient } from '@supabase/supabase-js';
-import type { Database } from './types';
+import type { Database } from './types.js';
 export interface AuthedSupabaseClient extends SupabaseClient<Database> {
 }
 export declare const requireSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterServer<{}, unknown, undefined, {

package/dist-lib/integrations/supabase/client.d.ts

@@ -1,4 +1,4 @@
 import type { SupabaseClient } from '@supabase/supabase-js';
-import type { Database } from './types';
+import type { Database } from './types.js';
 export declare const supabase: SupabaseClient<Database>;
 //# sourceMappingURL=client.d.ts.map

package/dist-lib/integrations/supabase/client.server.d.ts

@@ -1,4 +1,4 @@
 import type { SupabaseClient } from '@supabase/supabase-js';
-import type { Database } from './types';
+import type { Database } from './types.js';
 export declare const supabaseAdmin: SupabaseClient<Database>;
 //# sourceMappingURL=client.server.d.ts.map