@flowselections/floriday-klanten-module 1.0.50 → 1.0.53

package/dist-lib/components/CustomerAvatar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils";
+import { cn } from "../lib/utils.js";
 function initials(name) {
     if (!name)
         return "?";

package/dist-lib/components/klanten/BewerkKlant.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { REFRESH_MS } from "../../lib/refresh-intervals.js";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { useNavigate } from "@tanstack/react-router";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";

package/dist-lib/components/klanten/BewerkKlantRoute.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useParams } from "@tanstack/react-router";
-import { BewerkKlant } from "./BewerkKlant";
+import { BewerkKlant } from "./BewerkKlant.js";
 /** Route-onafhankelijk: leest `$id` uit welke route de shell ook gebruikt. */
 export function BewerkKlantRoute({ id: propId } = {}) {
     const params = useParams({ strict: false });

package/dist-lib/components/klanten/BulkStickerUploadDialog.js

@@ -7,7 +7,7 @@ import { toast } from "sonner";
 import { supabase } from "../../integrations/supabase/client.js";
 import { ALLOWED_STICKER_MIME, commitStickerBatch, discardStickerBatch, suggestStickerMatches, } from "../../lib/customer-stickers.functions.js";
 import { friendlyError } from "../../lib/errors.js";
-import { SearchableSelect } from "./SearchableSelect";
+import { SearchableSelect } from "./SearchableSelect.js";
 const BUCKET = "customer-stickers";
 const MAX_SIZE = 10 * 1024 * 1024;
 const ACCEPT = ".pdf,.png,.jpg,.jpeg,.svg";

package/dist-lib/components/klanten/CustomerAnalyticsTab.js

@@ -7,8 +7,8 @@ import { useServerFn } from "@tanstack/react-start";
 import { Card, CardContent, CardHeader, CardTitle, Badge, Button, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Input, } from "@flowselections/core";
 import { ResponsiveContainer, LineChart, Line, BarChart, Bar, XAxis, YAxis, Tooltip, CartesianGrid, PieChart, Pie, Cell, Legend, } from "recharts";
 import { TrendingUp, TrendingDown, Minus } from "lucide-react";
-import { getCustomerAnalytics } from "../../lib/customer-analytics.functions";
-import { decodeDeep } from "../../lib/decode-html";
+import { getCustomerAnalytics } from "../../lib/customer-analytics.functions.js";
+import { decodeDeep } from "../../lib/decode-html.js";
 function presetRange(key) {
     const now = new Date();
     const y = now.getFullYear(), m = now.getMonth(), d = now.getDate();

package/dist-lib/components/klanten/CustomerAssortmentTab.js

@@ -12,10 +12,10 @@ import { importFloridayStickers } from "../../lib/floriday-sticker-import.functi
 import { decodeDeep } from "../../lib/decode-html.js";
 import { friendlyError } from "../../lib/errors.js";
 import { formatMoney } from "../../lib/format-currency.js";
-import { FloridayPriceImportDialog } from "./FloridayPriceImportDialog";
-import { CustomerStickerCell } from "./CustomerStickerCell";
-import { CustomerStickerFormatDialog } from "./CustomerStickerFormatDialog";
-import { BulkStickerUploadDialog } from "./BulkStickerUploadDialog";
+import { FloridayPriceImportDialog } from "./FloridayPriceImportDialog.js";
+import { CustomerStickerCell } from "./CustomerStickerCell.js";
+import { CustomerStickerFormatDialog } from "./CustomerStickerFormatDialog.js";
+import { BulkStickerUploadDialog } from "./BulkStickerUploadDialog.js";
 function money(value, currency) {
     if (value == null)
         return "—";

package/dist-lib/components/klanten/DeliveryLocationsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeliveryLocationsTab.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/DeliveryLocationsTab.tsx"],"names":[],"mappings":"AAwEA,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACZ,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,+BAuhBA"}
+{"version":3,"file":"DeliveryLocationsTab.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/DeliveryLocationsTab.tsx"],"names":[],"mappings":"AAwEA,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACZ,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,+BA6jBA"}

package/dist-lib/components/klanten/DeliveryLocationsTab.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { useCustomerDefaults } from "./useCustomerDefaults.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Button, Card, CardContent, Badge, toast, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@flowselections/core";
 import { MapPin, Plus, Pencil, Trash2, Truck, Sparkles, PackageCheck, Download } from "lucide-react";
-import { listCarriers, listDeliveryLocations, upsertDeliveryLocation, deleteDeliveryLocation, pickCarrierForLocation, importFloridayDeliveryLocations, } from "../../lib/delivery-locations.functions";
-import { EU_COUNTRIES, findCountry } from "../../lib/eu-regions";
-import { decodeDeep } from "../../lib/decode-html";
-import { countryNameToFlag } from "../../lib/countries";
+import { listCarriers, listDeliveryLocations, upsertDeliveryLocation, deleteDeliveryLocation, pickCarrierForLocation, importFloridayDeliveryLocations, setPrimaryDeliveryLocation, } from "../../lib/delivery-locations.functions.js";
+import { EU_COUNTRIES, findCountry } from "../../lib/eu-regions.js";
+import { decodeDeep } from "../../lib/decode-html.js";
+import { countryNameToFlag } from "../../lib/countries.js";
 const EMPTY = {
     name: "", street: "", house_number: "", postal_code: "",
     city: "", province: "", country: "",
@@ -37,6 +37,7 @@ export function DeliveryLocationsTab({ customerId, groupKey, externalProvider, e
     const carriersFn = useServerFn(listCarriers);
     const upsertFn = useServerFn(upsertDeliveryLocation);
     const deleteFn = useServerFn(deleteDeliveryLocation);
+    const primaryFn = useServerFn(setPrimaryDeliveryLocation);
     const { data: list } = useQuery({
         queryKey: ["delivery-locations", ownerKey],
         queryFn: () => listFn({ data: owner }).then(decodeDeep),
@@ -158,6 +159,14 @@ export function DeliveryLocationsTab({ customerId, groupKey, externalProvider, e
             qc.invalidateQueries({ queryKey: ["customer", ownerKey] });
         },
     });
+    const primaryMut = useMutation({
+        mutationFn: (id) => primaryFn({ data: { id } }),
+        onSuccess: () => {
+            toast.success("Dit is nu de vaste afleverlocatie.");
+            qc.invalidateQueries({ queryKey: ["delivery-locations", ownerKey] });
+        },
+        onError: (e) => toast.error(friendlyError(e, "Vast maken mislukt")),
+    });
     const handleSubmit = () => {
         setSubmitted(true);
         const order = ["street", "house_number", "postal_code", "city", "country", "province"];
@@ -173,7 +182,9 @@ export function DeliveryLocationsTab({ customerId, groupKey, externalProvider, e
     };
     return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "Afleverlocaties staan volledig los van de boekhoudlocatie uit Twinfield en worden alleen gebruikt voor orderverwerking, planning, picking en levering. De vervoerder wordt automatisch gekoppeld op basis van het bedieningsgebied." }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => previewMut.mutate(), disabled: previewMut.isPending, children: [_jsx(Download, { className: "h-4 w-4 mr-2" }), previewMut.isPending ? "Laden…" : "Importeren uit Floriday"] }), _jsxs(Button, { size: "sm", onClick: startNew, children: [_jsx(Plus, { className: "h-4 w-4 mr-2" }), " Locatie toevoegen"] })] })] }), locations.length === 0 ? (_jsx(Card, { children: _jsx(CardContent, { className: "py-10 text-center text-sm text-muted-foreground", children: "Nog geen afleverlocaties." }) })) : (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: locations.map((loc) => {
                     const street = [loc.street, loc.house_number].filter(Boolean).join(" ") || loc.raw?.address?.addressLine || loc.address_line || "";
-                    return (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-5 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "font-semibold flex items-center gap-2", children: [_jsx(MapPin, { className: "h-4 w-4 text-muted-foreground" }), loc.name || street || "Afleverlocatie"] }), _jsxs("div", { className: "text-sm text-muted-foreground mt-0.5", children: [loc.name ? street : "", loc.name && street && (loc.postal_code || loc.city) ? ", " : "", [loc.postal_code, loc.city].filter(Boolean).join(" "), loc.province ? ` · ${loc.province}` : "", loc.country ? (_jsxs("span", { className: "inline-flex items-center gap-1 ml-1", children: [_jsx("span", { className: "text-base", "aria-hidden": "true", children: countryNameToFlag(loc.country) ?? "🌐" }), _jsx("span", { children: loc.country })] })) : null] })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => startEdit(loc), children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(Trash2, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Locatie verwijderen?" }), _jsx(AlertDialogDescription, { children: "Deze actie kan niet ongedaan worden gemaakt." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => delMut.mutate(loc.id), children: "Verwijderen" })] })] })] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap text-sm", children: [loc.self_pickup ? (_jsxs(_Fragment, { children: [_jsx(PackageCheck, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "font-medium", children: "Eigen vervoer" }), _jsx(Badge, { variant: "secondary", children: "Klant haalt zelf op" })] })) : (_jsxs(_Fragment, { children: [_jsx(Truck, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "font-medium", children: carrierName(loc.carrier_id) }), loc.carrier_assignment_source === "auto" && loc.carrier_id && (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [_jsx(Sparkles, { className: "h-3 w-3" }), "Automatisch"] })), loc.carrier_assignment_source === "manual" && (_jsx(Badge, { variant: "outline", children: "Handmatig" })), !loc.carrier_id && (_jsx(Badge, { variant: "outline", className: "text-warning-soft-foreground border-warning bg-warning-soft", children: "Geen match" }))] })), loc.external_provider === "floriday" && (_jsx(Badge, { variant: "outline", className: "text-success-soft-foreground border-success", children: "Floriday" })), loc.gln && _jsxs(Badge, { variant: "secondary", children: ["GLN ", loc.gln] }), (loc.external_provider === "floriday" && loc.raw?.isDefault === true) ? _jsx(Badge, { children: "Vaste afleverlocatie" }) : loc.is_primary && _jsx(Badge, { children: "Vaste locatie" })] })] }) }, loc.id));
+                    return (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-5 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "font-semibold flex items-center gap-2", children: [_jsx(MapPin, { className: "h-4 w-4 text-muted-foreground" }), loc.name || street || "Afleverlocatie"] }), _jsxs("div", { className: "text-sm text-muted-foreground mt-0.5", children: [loc.name ? street : "", loc.name && street && (loc.postal_code || loc.city) ? ", " : "", [loc.postal_code, loc.city].filter(Boolean).join(" "), loc.province ? ` · ${loc.province}` : "", loc.country ? (_jsxs("span", { className: "inline-flex items-center gap-1 ml-1", children: [_jsx("span", { className: "text-base", "aria-hidden": "true", children: countryNameToFlag(loc.country) ?? "🌐" }), _jsx("span", { children: loc.country })] })) : null] })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => startEdit(loc), children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(Trash2, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Locatie verwijderen?" }), _jsx(AlertDialogDescription, { children: "Deze actie kan niet ongedaan worden gemaakt." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => delMut.mutate(loc.id), children: "Verwijderen" })] })] })] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap text-sm", children: [loc.self_pickup ? (_jsxs(_Fragment, { children: [_jsx(PackageCheck, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "font-medium", children: "Eigen vervoer" }), _jsx(Badge, { variant: "secondary", children: "Klant haalt zelf op" })] })) : (_jsxs(_Fragment, { children: [_jsx(Truck, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "font-medium", children: carrierName(loc.carrier_id) }), loc.carrier_assignment_source === "auto" && loc.carrier_id && (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [_jsx(Sparkles, { className: "h-3 w-3" }), "Automatisch"] })), loc.carrier_assignment_source === "manual" && (_jsx(Badge, { variant: "outline", children: "Handmatig" })), !loc.carrier_id && (_jsx(Badge, { variant: "outline", className: "text-warning-soft-foreground border-warning bg-warning-soft", children: "Geen match" }))] })), loc.external_provider === "floriday" && (_jsx(Badge, { variant: "outline", className: "text-success-soft-foreground border-success", children: "Floriday" })), loc.gln && _jsxs(Badge, { variant: "secondary", children: ["GLN ", loc.gln] }), loc.is_primary && _jsx(Badge, { children: "Vaste afleverlocatie" }), loc.external_provider === "floriday" && loc.raw?.isDefault === true && (_jsx(Badge, { variant: "outline", children: "Standaard in Floriday" })), !loc.is_primary && (_jsx(Button, { size: "sm", variant: "outline", className: "h-7", disabled: primaryMut.isPending, onClick: () => primaryMut.mutate(loc.id), title: loc.external_provider === "floriday"
+                                                ? "Dit verandert niets in Floriday; de koper kiest daar zelf zijn standaard."
+                                                : undefined, children: "Maak vaste afleverlocatie" }))] })] }) }, loc.id));
                 }) })), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: form.id ? "Locatie bewerken" : "Nieuwe locatie" }), _jsx(DialogDescription, { children: "De vervoerder wordt automatisch gekozen op basis van plaats, provincie of land." })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "md:col-span-2", children: [_jsx(Label, { children: "Locatienaam (optioneel)" }), _jsx(Input, { value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }) })] }), _jsxs("div", { className: "md:col-span-2 grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "col-span-2", children: [_jsxs(Label, { children: ["Straat ", req && _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { ref: fieldRefs.street, value: form.street, onChange: (e) => setForm({ ...form, street: e.target.value }), onBlur: () => markTouched("street"), "aria-invalid": !!showError("street"), className: showError("street") ? "border-destructive" : undefined }), showError("street") && _jsx("p", { className: "mt-1 text-xs text-destructive", children: showError("street") })] }), _jsxs("div", { children: [_jsxs(Label, { children: ["Huisnummer ", req && _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { ref: fieldRefs.house_number, value: form.house_number, onChange: (e) => setForm({ ...form, house_number: e.target.value }), onBlur: () => markTouched("house_number"), "aria-invalid": !!showError("house_number"), className: showError("house_number") ? "border-destructive" : undefined }), showError("house_number") && _jsx("p", { className: "mt-1 text-xs text-destructive", children: showError("house_number") })] })] }), _jsxs("div", { children: [_jsxs(Label, { children: ["Postcode ", req && _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { ref: fieldRefs.postal_code, value: form.postal_code, onChange: (e) => setForm({ ...form, postal_code: e.target.value }), onBlur: () => {
                                                 markTouched("postal_code");
                                                 setForm((f) => ({ ...f, postal_code: normalizePostalCode(f.postal_code, f.country) }));
@@ -198,7 +209,7 @@ export function DeliveryLocationsTab({ customerId, groupKey, externalProvider, e
                                                     setForm({ ...form, self_pickup: false, carrier_id: v, carrier_assignment_source: "manual" });
                                                 }
                                             }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies een vervoerder" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__self__", children: "Eigen vervoer (klant haalt zelf op)" }), _jsx(SelectItem, { value: "__none__", children: "\u2014 Geen vervoerder \u2014" }), carriers.map((c) => (_jsx(SelectItem, { value: c.id, children: c.name }, c.id)))] })] }), form.self_pickup ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "De klant komt zelf de karren ophalen \u2014 er wordt geen vervoerder gekoppeld." })) : form.carrier_assignment_source === "manual" ? (_jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [_jsx("span", { children: "Handmatig overschreven." }), _jsx(Button, { variant: "link", size: "sm", className: "h-auto p-0", onClick: () => setForm({ ...form, carrier_assignment_source: "auto" }), children: "Terug naar automatisch" })] })) : autoSuggested?.carrier_id ? (_jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [_jsx(Sparkles, { className: "h-3 w-3" }), "Automatisch geselecteerd op basis van ", autoSuggested.matched_on === "city"
-                                                    ? "plaats" : autoSuggested.matched_on === "province" ? "provincie" : "land", "."] })) : (_jsx("div", { className: "text-xs text-warning-soft-foreground", children: "Geen vervoerder gevonden voor dit bedieningsgebied \u2014 selecteer er handmatig \u00E9\u00E9n." }))] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: handleSubmit, disabled: saveMut.isPending, children: form.id ? "Opslaan" : "Toevoegen" })] })] }) }), _jsx(Dialog, { open: importOpen, onOpenChange: setImportOpen, children: _jsxs(DialogContent, { className: "max-w-3xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Afleverlocaties importeren uit Floriday" }), _jsx(DialogDescription, { children: "Controleer de locaties voordat je importeert. Adres, plaats, land en GLN-code komen uit Floriday. De vervoerder wordt automatisch gekoppeld op basis van het bedieningsgebied." })] }), _jsx("div", { className: "max-h-[50vh] overflow-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 font-medium", children: "Locatie" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Klant" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Adres" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "GLN" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Actie" })] }) }), _jsxs("tbody", { children: [(importPreview?.items ?? []).map((it) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "px-3 py-2", children: it.name }), _jsx("td", { className: "px-3 py-2", children: it.customer_name ?? "—" }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: it.address || "—" }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: it.gln ?? "—" }), _jsxs("td", { className: "px-3 py-2", children: [it.action === "create" && _jsx(Badge, { children: "Nieuw" }), it.action === "update" && _jsx(Badge, { variant: "secondary", children: "Bijwerken" }), it.action === "no_customer" && (_jsx(Badge, { variant: "outline", className: "text-warning-soft-foreground border-warning bg-warning-soft", children: "Geen klant gevonden" }))] })] }, it.floriday_id))), (importPreview?.items ?? []).length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-3 py-6 text-center text-muted-foreground", children: "Geen locaties gevonden in Floriday." }) }))] })] }) }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [importPreview?.created ?? 0, " nieuw \u00B7 ", importPreview?.updated ?? 0, " bijwerken", (importPreview?.skipped ?? 0) > 0
+                                                    ? "plaats" : autoSuggested.matched_on === "province" ? "provincie" : "land", "."] })) : (_jsx("div", { className: "text-xs text-warning-soft-foreground", children: "Geen vervoerder gevonden voor dit bedieningsgebied \u2014 selecteer er handmatig \u00E9\u00E9n." }))] }), _jsxs("label", { className: "md:col-span-2 flex items-start gap-2 text-sm", children: [_jsx("input", { type: "checkbox", className: "mt-1", checked: form.is_primary, onChange: (e) => setForm({ ...form, is_primary: e.target.checked }) }), _jsxs("span", { children: ["Vaste afleverlocatie", _jsx("span", { className: "block text-xs text-muted-foreground", children: "Wordt bij nieuwe orders vooraf gekozen. Een eventuele andere vaste locatie van deze klant vervalt." })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: handleSubmit, disabled: saveMut.isPending, children: form.id ? "Opslaan" : "Toevoegen" })] })] }) }), _jsx(Dialog, { open: importOpen, onOpenChange: setImportOpen, children: _jsxs(DialogContent, { className: "max-w-3xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Afleverlocaties importeren uit Floriday" }), _jsx(DialogDescription, { children: "Controleer de locaties voordat je importeert. Adres, plaats, land en GLN-code komen uit Floriday. De vervoerder wordt automatisch gekoppeld op basis van het bedieningsgebied." })] }), _jsx("div", { className: "max-h-[50vh] overflow-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 font-medium", children: "Locatie" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Klant" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Adres" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "GLN" }), _jsx("th", { className: "px-3 py-2 font-medium", children: "Actie" })] }) }), _jsxs("tbody", { children: [(importPreview?.items ?? []).map((it) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "px-3 py-2", children: it.name }), _jsx("td", { className: "px-3 py-2", children: it.customer_name ?? "—" }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: it.address || "—" }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: it.gln ?? "—" }), _jsxs("td", { className: "px-3 py-2", children: [it.action === "create" && _jsx(Badge, { children: "Nieuw" }), it.action === "update" && _jsx(Badge, { variant: "secondary", children: "Bijwerken" }), it.action === "no_customer" && (_jsx(Badge, { variant: "outline", className: "text-warning-soft-foreground border-warning bg-warning-soft", children: "Geen klant gevonden" }))] })] }, it.floriday_id))), (importPreview?.items ?? []).length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-3 py-6 text-center text-muted-foreground", children: "Geen locaties gevonden in Floriday." }) }))] })] }) }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [importPreview?.created ?? 0, " nieuw \u00B7 ", importPreview?.updated ?? 0, " bijwerken", (importPreview?.skipped ?? 0) > 0
                                     ? ` · ${importPreview?.skipped} overgeslagen omdat de Floriday-organisatie niet aan een klant gekoppeld is`
                                     : ""] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setImportOpen(false), children: "Afbreken" }), _jsx(Button, { onClick: () => importMut.mutate(), disabled: importMut.isPending || ((importPreview?.created ?? 0) + (importPreview?.updated ?? 0)) === 0, children: importMut.isPending ? "Importeren…" : "Importeren" })] })] }) })] }));
 }

package/dist-lib/components/klanten/DiscountsTab.js

@@ -6,8 +6,8 @@ import { useServerFn } from "@tanstack/react-start";
 import { Card, CardContent, Badge, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
 import { Info, Percent, FileText, Users } from "lucide-react";
 import { listCustomerDiscounts, } from "../../lib/floriday-discounts.functions.js";
-import { EmptyState } from "./KlantDetailLayout";
-import { ExternalCacheBanner } from "./ExternalCacheBanner";
+import { EmptyState } from "./KlantDetailLayout.js";
+import { ExternalCacheBanner } from "./ExternalCacheBanner.js";
 import { decodeDeep } from "../../lib/decode-html.js";
 import { formatMoney } from "../../lib/format-currency.js";
 const SOURCE_LABEL = {

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

@@ -1,4 +1,4 @@
-import type { ExternalProvider } from "../../lib/external-customers.functions";
+import type { ExternalProvider } from "../../lib/external-customers.functions.js";
 export declare function ExternalCacheBanner({ lastFetchedAt, providers, title, description, }: {
     lastFetchedAt: string | null;
     providers: ExternalProvider[];

package/dist-lib/components/klanten/FloridayNetworkStatus.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
-import { getFloridayNetworkStatus } from "../../lib/floriday-network-status.functions";
-import { formatDate } from "../../lib/format-date";
-import { useCustomerDefaults } from "./useCustomerDefaults";
+import { getFloridayNetworkStatus } from "../../lib/floriday-network-status.functions.js";
+import { formatDate } from "../../lib/format-date.js";
+import { useCustomerDefaults } from "./useCustomerDefaults.js";
 /** Alleen weergave: staat deze Floriday-organisatie in je Floriday-netwerk? Geen klantstatus. */
 export function FloridayNetworkStatus({ organizationId }) {
     const fn = useServerFn(getFloridayNetworkStatus);

package/dist-lib/components/klanten/GroupedKlantDetailRoute.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useParams } from "@tanstack/react-router";
-import { GroupedKlantDetail } from "./GroupedKlantDetail";
+import { GroupedKlantDetail } from "./GroupedKlantDetail.js";
 /** Route-onafhankelijk: leest `$groupKey` uit welke route de shell ook gebruikt. */
 export function GroupedKlantDetailRoute({ groupKey: propKey } = {}) {
     const params = useParams({ strict: false });

package/dist-lib/components/klanten/ImportKlanten.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { useNavigate } from "@tanstack/react-router";
 import { useEffect, useMemo, useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";

package/dist-lib/components/klanten/KlantBewerkenDialog.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "@flowselections/core";
-import { BewerkKlant } from "./BewerkKlant";
-import { OvernemenTwinfieldKlant } from "./OvernemenTwinfieldKlant";
+import { BewerkKlant } from "./BewerkKlant.js";
+import { OvernemenTwinfieldKlant } from "./OvernemenTwinfieldKlant.js";
 /**
  * Bewerken/overnemen in een dialoog, zodat de module geen eigen routes nodig
  * heeft. Werkt daardoor in elke shell, ongeacht welke routes die declareert.

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ExternalCustomer, GroupedCustomer } from "../../lib/external-customers.functions";
+import type { ExternalCustomer, GroupedCustomer } from "../../lib/external-customers.functions.js";
 export type CustomerProfile = {
     logo_url: string | null;
     company_name: string;

package/dist-lib/components/klanten/KlantDetailLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCustomerDefaults } from "./useCustomerDefaults";
+import { useCustomerDefaults } from "./useCustomerDefaults.js";
 import { useState, useEffect } from "react";
 import { formatDateTime } from "../../lib/format-date.js";
 import { Card, CardContent, Badge, Separator, Textarea, Button, } from "@flowselections/core";
 import { Mail, Phone, Globe, MapPin, Hash, Building2, ChevronDown, ChevronRight, Users, Truck, Package, ShoppingCart, StickyNote, Pencil, Check, X, } from "lucide-react";
-import { CustomerAvatar } from "../CustomerAvatar";
-import { formatCountry, countryNameToFlag } from "../../lib/countries";
+import { CustomerAvatar } from "../CustomerAvatar.js";
+import { formatCountry, countryNameToFlag } from "../../lib/countries.js";
 function formatOrgType(t) {
     if (t === "CUSTOMER")
         return "Koper";
@@ -20,8 +20,8 @@ function firstNonEmpty(values) {
     }
     return null;
 }
-import { formatPaymentMethodLabel } from "../../lib/payment-method";
-import { FloridayNetworkStatus } from "./FloridayNetworkStatus";
+import { formatPaymentMethodLabel } from "../../lib/payment-method.js";
+import { FloridayNetworkStatus } from "./FloridayNetworkStatus.js";
 function fmtAddr(a) {
     if (!a)
         return null;

package/dist-lib/components/klanten/KlantDetailRoute.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useParams } from "@tanstack/react-router";
-import { KlantDetail } from "./KlantDetail";
+import { KlantDetail } from "./KlantDetail.js";
 /** Route-onafhankelijk: leest `$id` uit welke route de shell ook gebruikt. */
 export function KlantDetailRoute({ id: propId } = {}) {
     const params = useParams({ strict: false });

package/dist-lib/components/klanten/KlantenOverzicht.js

@@ -5,25 +5,25 @@ import { formatDate } from "../../lib/format-date.js";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { usePersistedState, markReturnToList, consumeReturnToList } from "../../lib/persisted-state";
-import { formatEur } from "../../lib/format-currency";
+import { usePersistedState, markReturnToList, consumeReturnToList } from "../../lib/persisted-state.js";
+import { formatEur } from "../../lib/format-currency.js";
 import { Button, Input, Card, CardContent, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsList, TabsTrigger, Skeleton, } from "@flowselections/core";
 import { Plus, Search, Users, UserCheck, UserX, AlertCircle, X, ArrowUpDown, Mail, MapPin, Upload, ChevronLeft, ChevronRight, Pencil, } from "lucide-react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { listCustomers } from "../../lib/customers.functions";
-import { listExternalCustomers } from "../../lib/external-customers.functions";
-import { listOverdueBalances } from "../../lib/overdue-invoices.functions";
-import { listRevenueActivity } from "../../lib/customer-revenue.functions";
-import { supabase } from "../../integrations/supabase/client";
-import { decodeDeep } from "../../lib/decode-html";
-import { friendlyError, isBackendUnavailable, retryOnTransient, retryBackoff } from "../../lib/errors";
-import { CustomerAvatar } from "../CustomerAvatar";
-import { PriceGroupBadges } from "./PriceGroupBadges";
-import { KlantBewerkenDialog } from "./KlantBewerkenDialog";
-import { ChannelBadges } from "./ChannelBadges";
-import { derivePaymentMethod, paymentToneClasses } from "../../lib/payment-method";
-import { formatCountry, getCountryFlagAndName, countryNameToFlag } from "../../lib/countries";
-import { MultiSearchableSelect } from "./MultiSearchableSelect";
+import { listCustomers } from "../../lib/customers.functions.js";
+import { listExternalCustomers } from "../../lib/external-customers.functions.js";
+import { listOverdueBalances } from "../../lib/overdue-invoices.functions.js";
+import { listRevenueActivity } from "../../lib/customer-revenue.functions.js";
+import { supabase } from "../../integrations/supabase/client.js";
+import { decodeDeep } from "../../lib/decode-html.js";
+import { friendlyError, isBackendUnavailable, retryOnTransient, retryBackoff } from "../../lib/errors.js";
+import { CustomerAvatar } from "../CustomerAvatar.js";
+import { PriceGroupBadges } from "./PriceGroupBadges.js";
+import { KlantBewerkenDialog } from "./KlantBewerkenDialog.js";
+import { ChannelBadges } from "./ChannelBadges.js";
+import { derivePaymentMethod, paymentToneClasses } from "../../lib/payment-method.js";
+import { formatCountry, getCountryFlagAndName, countryNameToFlag } from "../../lib/countries.js";
+import { MultiSearchableSelect } from "./MultiSearchableSelect.js";
 export function KlantenOverzicht() {
     const navigate = useNavigate();
     const queryClient = useQueryClient();

package/dist-lib/components/klanten/LocalDiscountFormDialog.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { useEffect, useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";

package/dist-lib/components/klanten/LocalDiscountsTab.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { formatDate } from "../../lib/format-date.js";
 import { useMemo, useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -7,7 +7,7 @@ import { useServerFn } from "@tanstack/react-start";
 import { Card, CardContent, Badge, Input, Button, toast, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
 import { Percent, FileText, Users, Plus, Pencil, Trash2 } from "lucide-react";
 import { listLocalCustomerDiscounts, deleteLocalDiscount, } from "../../lib/local-discounts.functions.js";
-import { LocalDiscountFormDialog } from "./LocalDiscountFormDialog";
+import { LocalDiscountFormDialog } from "./LocalDiscountFormDialog.js";
 import { decodeDeep } from "../../lib/decode-html.js";
 import { formatMoney } from "../../lib/format-currency.js";
 const SOURCE_LABEL = {

package/dist-lib/components/klanten/NetwerkPagina.js

@@ -8,9 +8,9 @@ import { Search, MapPin, Globe } from "lucide-react";
 import { BackLink } from "./BackLink.js";
 import { countryNameToFlag } from "../../lib/countries.js";
 import { listFloridayNetwork } from "../../lib/customers.functions.js";
-import { CustomerAvatar } from "../CustomerAvatar";
-import { PriceGroupBadges } from "./PriceGroupBadges";
-import { FloridayDeeplinkButton } from "./FloridayDeeplinkButton";
+import { CustomerAvatar } from "../CustomerAvatar.js";
+import { PriceGroupBadges } from "./PriceGroupBadges.js";
+import { FloridayDeeplinkButton } from "./FloridayDeeplinkButton.js";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { decodeDeep } from "../../lib/decode-html.js";
 const TYPE_OPTIONS = [

package/dist-lib/components/klanten/NieuweKlant.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { useNavigate } from "@tanstack/react-router";
 import { useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";

package/dist-lib/components/klanten/OvernemenTwinfieldKlant.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 import { useNavigate } from "@tanstack/react-router";
 import { useEffect } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";

package/dist-lib/components/klanten/OvernemenTwinfieldKlantRoute.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useParams } from "@tanstack/react-router";
-import { OvernemenTwinfieldKlant } from "./OvernemenTwinfieldKlant";
+import { OvernemenTwinfieldKlant } from "./OvernemenTwinfieldKlant.js";
 /** Route-onafhankelijk: leest `$code` uit welke route de shell ook gebruikt. */
 export function OvernemenTwinfieldKlantRoute({ code: propCode } = {}) {
     const params = useParams({ strict: false });

package/dist-lib/components/klanten/RouteError.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRouter } from "@tanstack/react-router";
 import { Button, Card, CardContent } from "@flowselections/core";
 import { AlertCircle, RefreshCw } from "lucide-react";
-import { friendlyError } from "../../lib/errors";
+import { friendlyError } from "../../lib/errors.js";
 /** Nette foutweergave voor route-loaders en render-fouten binnen Klanten. */
 export function RouteError({ error }) {
     const router = useRouter();

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 = {

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.

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";