@flowselections/floriday-klanten-module 1.0.9 → 1.0.10

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

@@ -0,0 +1,4 @@
+export declare function GroupedKlantDetail({ groupKey }: {
+    groupKey: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=GroupedKlantDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedKlantDetail.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/GroupedKlantDetail.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BA4MpE"}

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

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { useState } from "react";
+import { Card, CardContent, Badge, Button, Tabs, TabsList, TabsTrigger, TabsContent, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { ArrowLeft, Mail, Phone } from "lucide-react";
+import { getGroupedCustomerDetail, } from "../../lib/external-customers.functions";
+import { ProfileCard, KpiStrip, BadgeList, EmptyState, adaptGroupedToProfile, } from "../../components/klanten/KlantDetailLayout";
+export function GroupedKlantDetail({ groupKey }) {
+    const navigate = useNavigate();
+    const get = useServerFn(getGroupedCustomerDetail);
+    const [tab, setTab] = useState("overview");
+    const { data, isLoading, error } = useQuery({
+        queryKey: ["grouped-customer", groupKey],
+        queryFn: () => get({ data: { groupKey } }),
+    });
+    if (isLoading)
+        return _jsx("main", { className: "p-6", children: "Laden..." });
+    if (error || !data) {
+        return (_jsxs("main", { className: "p-6 space-y-3", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate({ to: "/klanten" }), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), " Terug naar klanten"] }), _jsx("p", { className: "text-sm text-destructive", children: error instanceof Error ? error.message : "Klant niet gevonden." })] }));
+    }
+    const g = data.group;
+    const providerMap = new Map(data.providers.map((p) => [p.provider, p]));
+    const sources = g.sources ?? [];
+    const profile = adaptGroupedToProfile(g);
+    const contacts = collectContacts(sources, providerMap);
+    const locations = collectLocations(sources, providerMap);
+    const segments = collectArray(sources, ["segments"]);
+    const tradeForms = collectArray(sources, ["trade_forms", "tradeForms"]);
+    const markets = collectArray(sources, ["markets"]);
+    const productGroups = collectArray(sources, ["product_groups", "productGroups"]);
+    const paymentMethods = collectArray(sources, ["payment_methods", "paymentMethods"]);
+    const activity = sources
+        .filter((s) => s.fetched_at)
+        .map((s) => ({
+        id: `${s.provider}-${s.external_id}`,
+        action: "sync",
+        created_at: s.fetched_at,
+        provider: providerMap.get(s.provider)?.label ?? s.provider,
+    }))
+        .sort((a, b) => +new Date(b.created_at) - +new Date(a.created_at));
+    return (_jsxs("main", { className: "p-6 max-w-7xl mx-auto space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate({ to: "/klanten" }), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), " Terug naar klanten"] }) }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-[340px_1fr]", children: [_jsx(ProfileCard, { profile: profile }), _jsxs("div", { className: "space-y-4 min-w-0", children: [_jsx(KpiStrip, { counts: {
+                                    contacts: contacts.length,
+                                    locations: locations.length,
+                                    assortment: 0,
+                                    orders: 0,
+                                    lastSync: g.fetched_at,
+                                }, onSelect: setTab }), _jsxs(Tabs, { value: tab, onValueChange: setTab, children: [_jsxs(TabsList, { className: "flex-wrap", children: [_jsx(TabsTrigger, { value: "overview", children: "Overzicht" }), _jsxs(TabsTrigger, { value: "contacts", children: ["Contacten (", contacts.length, ")"] }), _jsxs(TabsTrigger, { value: "locations", children: ["Locaties (", locations.length, ")"] }), _jsx(TabsTrigger, { value: "assortment", children: "Assortiment (0)" }), _jsx(TabsTrigger, { value: "orders", children: "Bestellingen (0)" }), _jsx(TabsTrigger, { value: "trade", children: "Handel" }), _jsx(TabsTrigger, { value: "activity", children: "Activiteit" }), g.is_merged && sources.length > 1 && (_jsxs(TabsTrigger, { value: "sources", children: ["Bronnen (", sources.length, ")"] }))] }), _jsxs(TabsContent, { value: "overview", className: "space-y-4", children: [(segments.length || tradeForms.length || markets.length || productGroups.length) ? (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-6 grid gap-4 md:grid-cols-2", children: [_jsx(BadgeList, { label: "Segmenten", items: segments }), _jsx(BadgeList, { label: "Handelsvorm", items: tradeForms }), _jsx(BadgeList, { label: "Afzetmarkten", items: markets }), _jsx(BadgeList, { label: "Productgroepen", items: productGroups })] }) })) : null, paymentMethods.length > 0 && (_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsx(BadgeList, { label: "Betaalmethoden", items: paymentMethods }) }) })), !segments.length && !tradeForms.length && !markets.length && !productGroups.length && !paymentMethods.length && (_jsx(EmptyState, { message: "Geen extra profielinformatie beschikbaar voor deze klant." }))] }), _jsx(TabsContent, { value: "contacts", children: contacts.length === 0 ? (_jsx(EmptyState, { message: "Geen contactpersonen beschikbaar via de koppeling." })) : (_jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contacts.map((p, i) => (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-6 space-y-2", children: [_jsx("div", { className: "font-semibold", children: p.full_name }), p.job_title && _jsx("div", { className: "text-sm text-muted-foreground", children: p.job_title }), p.phone && (_jsxs("a", { href: `tel:${p.phone}`, className: "text-sm flex items-center gap-2 hover:underline", children: [_jsx(Phone, { className: "h-3.5 w-3.5 text-muted-foreground" }), " ", p.phone] })), p.email && (_jsxs("a", { href: `mailto:${p.email}`, className: "text-sm flex items-center gap-2 hover:underline", children: [_jsx(Mail, { className: "h-3.5 w-3.5 text-muted-foreground" }), " ", p.email] })), _jsx(Badge, { variant: "secondary", children: p.source_label })] }) }, i))) })) }), _jsx(TabsContent, { value: "locations", children: locations.length === 0 ? (_jsx(EmptyState, { message: "Geen afleverlocaties beschikbaar via de koppeling." })) : (_jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Adres" }), _jsx(TableHead, { children: "GLN" }), _jsx(TableHead, { children: "Postcode" }), _jsx(TableHead, { children: "Bron" })] }) }), _jsx(TableBody, { children: locations.map((l, i) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("div", { className: "font-medium", children: l.name || l.address_line || "—" }), l.name && l.address_line && (_jsxs("div", { className: "text-xs text-muted-foreground", children: [l.address_line, ", ", l.city ?? ""] }))] }), _jsx(TableCell, { className: "font-mono text-sm", children: l.gln || "—" }), _jsx(TableCell, { className: "text-sm", children: [l.postal_code, l.country].filter(Boolean).join(" · ") }), _jsx(TableCell, { children: _jsx(Badge, { variant: "secondary", children: l.source_label }) })] }, i))) })] }) }) })) }), _jsx(TabsContent, { value: "assortment", children: _jsx(EmptyState, { message: "Assortiment is beschikbaar zodra de koppeling dit levert." }) }), _jsx(TabsContent, { value: "orders", children: _jsx(EmptyState, { message: "Bestellingen zijn beschikbaar zodra de koppeling dit levert." }) }), _jsx(TabsContent, { value: "trade", children: _jsx(EmptyState, { message: "Handelsinstellingen zijn niet beschikbaar via deze koppeling." }) }), _jsx(TabsContent, { value: "activity", children: _jsx(Card, { children: _jsx(CardContent, { className: "pt-6 space-y-2", children: activity.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen activiteit voor deze klant." })) : (activity.map((a) => (_jsxs("div", { className: "flex items-center justify-between text-sm border-l-2 border-primary pl-3 py-1", children: [_jsxs("span", { children: ["Bijgewerkt via ", _jsx("strong", { children: a.provider })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: new Date(a.created_at).toLocaleString("nl-NL") })] }, a.id)))) }) }) }), g.is_merged && sources.length > 1 && (_jsx(TabsContent, { value: "sources", children: _jsx(CompareCard, { sources: sources, providerMap: providerMap }) }))] })] })] })] }));
+}
+function collectContacts(sources, providerMap) {
+    const out = [];
+    for (const s of sources) {
+        const label = providerMap.get(s.provider)?.label ?? s.provider;
+        const raw = s.raw ?? {};
+        const candidates = [];
+        if (raw.primaryContact)
+            candidates.push(raw.primaryContact);
+        if (Array.isArray(raw.contactPersons))
+            candidates.push(...raw.contactPersons);
+        if (Array.isArray(raw.contacts))
+            candidates.push(...raw.contacts);
+        if (candidates.length === 0 && s.contact_person) {
+            candidates.push({ name: s.contact_person, email: s.email, phone: s.phone });
+        }
+        for (const c of candidates) {
+            const full_name = c.fullName ?? c.name ?? [c.firstName, c.lastName].filter(Boolean).join(" ");
+            if (!full_name)
+                continue;
+            out.push({
+                full_name,
+                job_title: c.jobTitle ?? c.role ?? null,
+                email: c.email ?? c.emailAddress ?? null,
+                phone: c.phone ?? c.phoneNumber ?? null,
+                source_label: label,
+            });
+        }
+    }
+    return out;
+}
+function collectLocations(sources, providerMap) {
+    const out = [];
+    for (const s of sources) {
+        const label = providerMap.get(s.provider)?.label ?? s.provider;
+        const raw = s.raw ?? {};
+        const rawLocs = Array.isArray(raw.deliveryLocations)
+            ? raw.deliveryLocations
+            : Array.isArray(raw.locations) ? raw.locations : [];
+        if (rawLocs.length > 0) {
+            for (const l of rawLocs) {
+                out.push({
+                    name: l.name ?? null,
+                    address_line: [l.street, l.houseNumber].filter(Boolean).join(" ") || l.addressLine || null,
+                    city: l.city ?? null,
+                    postal_code: l.postalCode ?? l.zipCode ?? null,
+                    country: l.country ?? l.countryCode ?? null,
+                    gln: l.gln ?? null,
+                    source_label: label,
+                });
+            }
+        }
+        else if (s.street || s.city || s.postal_code) {
+            out.push({
+                name: null,
+                address_line: [s.street, s.house_number].filter(Boolean).join(" ") || null,
+                city: s.city,
+                postal_code: s.postal_code,
+                country: s.country,
+                gln: s.gln,
+                source_label: label,
+            });
+        }
+    }
+    return out;
+}
+function collectArray(sources, keys) {
+    const set = new Set();
+    for (const s of sources) {
+        for (const key of keys) {
+            const v = s.raw?.[key];
+            if (Array.isArray(v))
+                for (const x of v)
+                    if (x)
+                        set.add(String(x));
+        }
+    }
+    return Array.from(set);
+}
+function CompareCard({ sources, providerMap, }) {
+    const fields = [
+        { key: "company_name", label: "Bedrijfsnaam" },
+        { key: "commercial_name", label: "Handelsnaam" },
+        { key: "contact_person", label: "Contactpersoon" },
+        { key: "email", label: "E-mail" },
+        { key: "phone", label: "Telefoon" },
+        { key: "street", label: "Straat" },
+        { key: "postal_code", label: "Postcode" },
+        { key: "city", label: "Plaats" },
+        { key: "country", label: "Land" },
+        { key: "website", label: "Website" },
+        { key: "vat_number", label: "BTW" },
+        { key: "gln", label: "GLN" },
+    ];
+    return (_jsx(Card, { children: _jsx(CardContent, { className: "pt-6 overflow-auto", children: _jsxs("table", { className: "w-full text-sm border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b", children: [_jsx("th", { className: "text-left py-2 pr-3 text-xs font-medium uppercase text-muted-foreground", children: "Veld" }), sources.map((s) => (_jsx("th", { className: "text-left py-2 px-3 text-xs font-medium", children: providerMap.get(s.provider)?.label ?? s.provider }, s.provider)))] }) }), _jsx("tbody", { children: fields.map((f) => {
+                            const values = sources.map((s) => s[f.key] ?? null);
+                            const firstNonEmpty = values.find((v) => v != null && v !== "");
+                            return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "py-2 pr-3 text-muted-foreground align-top", children: f.label }), values.map((v, i) => {
+                                        const differs = v != null && v !== "" && firstNonEmpty != null && v !== firstNonEmpty;
+                                        return (_jsx("td", { className: `py-2 px-3 align-top ${differs ? "bg-muted/40 rounded" : ""}`, children: v && v !== "" ? v : _jsx("span", { className: "text-muted-foreground", children: "\u2014" }) }, i));
+                                    })] }, String(f.key)));
+                        }) })] }) }) }));
+}

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

@@ -0,0 +1,4 @@
+export declare function KlantDetail({ id }: {
+    id: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=KlantDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KlantDetail.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/KlantDetail.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,+BAkPjD"}

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from "@tanstack/react-router";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { useState } from "react";
+import { Card, CardContent, CardHeader, CardTitle, Badge, Button, toast, Tabs, TabsContent, TabsList, TabsTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@flowselections/core";
+import { ArrowLeft, Trash2, Mail, Phone, Power, } from "lucide-react";
+import { getCustomer, deleteCustomer, updateCustomer } from "../../lib/customers.functions";
+import { ProfileCard, KpiStrip, BadgeList, EmptyState, ActivityItem, adaptLocalToProfile, } from "../../components/klanten/KlantDetailLayout";
+import { DeliveryLocationsTab } from "../../components/klanten/DeliveryLocationsTab";
+import { CustomerAnalyticsTab } from "../../components/klanten/CustomerAnalyticsTab";
+export function KlantDetail({ id }) {
+    const navigate = useNavigate();
+    const qc = useQueryClient();
+    const get = useServerFn(getCustomer);
+    const del = useServerFn(deleteCustomer);
+    const upd = useServerFn(updateCustomer);
+    const [tab, setTab] = useState("overview");
+    const { data, isLoading } = useQuery({
+        queryKey: ["customer", id],
+        queryFn: () => get({ data: { id } }),
+    });
+    const delMut = useMutation({
+        mutationFn: () => del({ data: { id } }),
+        onSuccess: () => { toast.success("Verwijderd"); navigate({ to: "/klanten" }); },
+    });
+    const toggleActive = useMutation({
+        mutationFn: (active) => upd({ data: { id, is_active: active } }),
+        onSuccess: () => qc.invalidateQueries({ queryKey: ["customer", id] }),
+    });
+    if (isLoading)
+        return _jsx("main", { className: "p-6", children: "Laden..." });
+    if (!data)
+        return _jsx("main", { className: "p-6", children: "Klant niet gevonden" });
+    const c = data.customer;
+    return (_jsxs("main", { className: "p-6 max-w-7xl mx-auto space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate({ to: "/klanten" }), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), " Terug naar klanten"] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => toggleActive.mutate(!c.is_active), children: [_jsx(Power, { className: "h-4 w-4 mr-2" }), c.is_active ? "Op inactief zetten" : "Activeren"] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2" }), " Verwijderen"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Klant verwijderen?" }), _jsxs(AlertDialogDescription, { children: ["Weet je zeker dat je ", _jsx("strong", { children: c.company_name }), " wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => delMut.mutate(), children: "Verwijderen" })] })] })] })] })] }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-[340px_1fr]", children: [_jsx(ProfileCard, { profile: adaptLocalToProfile(c, data.contacts) }), _jsxs("div", { className: "space-y-4 min-w-0", children: [_jsx(KpiStrip, { counts: {
+                                    contacts: data.contacts.length,
+                                    locations: data.delivery_locations.length,
+                                    assortment: data.assortment.length,
+                                    orders: data.orders.length,
+                                    lastSync: c.last_synced_at,
+                                }, onSelect: setTab }), _jsxs(Tabs, { value: tab, onValueChange: setTab, children: [_jsxs(TabsList, { className: "flex flex-wrap h-auto gap-1 mb-4", children: [_jsx(TabsTrigger, { value: "overview", children: "Overzicht" }), _jsx(TabsTrigger, { value: "dashboard", children: "Analyses" }), _jsxs(TabsTrigger, { value: "contacts", children: ["Contacten (", data.contacts.length, ")"] }), _jsxs(TabsTrigger, { value: "locations", children: ["Locaties (", data.delivery_locations.length, ")"] }), _jsxs(TabsTrigger, { value: "assortment", children: ["Assortiment (", data.assortment.length, ")"] }), _jsxs(TabsTrigger, { value: "orders", children: ["Bestellingen (", data.orders.length, ")"] }), _jsx(TabsTrigger, { value: "trade", children: "Handel" }), _jsx(TabsTrigger, { value: "activity", children: "Activiteit" })] }), _jsxs(TabsContent, { value: "overview", className: "space-y-4", children: [c.bio && (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Bio" }) }), _jsx(CardContent, { className: "text-sm whitespace-pre-wrap", children: c.bio })] })), (c.segments?.length || c.trade_forms?.length || c.markets?.length || c.product_groups?.length) ? (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Profiel" }) }), _jsxs(CardContent, { className: "grid gap-4 md:grid-cols-2", children: [_jsx(BadgeList, { label: "Segmenten", items: c.segments }), _jsx(BadgeList, { label: "Handelsvorm", items: c.trade_forms }), _jsx(BadgeList, { label: "Afzetmarkten", items: c.markets }), _jsx(BadgeList, { label: "Productgroepen", items: c.product_groups })] })] })) : null, (c.payment_methods?.length ?? 0) > 0 && (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Financi\u00EBle afhandeling" }) }), _jsx(CardContent, { children: _jsx(BadgeList, { label: "Betaalmethoden", items: c.payment_methods }) })] })), c.notes && (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Notities" }) }), _jsx(CardContent, { className: "text-sm whitespace-pre-wrap", children: c.notes })] })), !c.bio && !c.notes && !(c.segments?.length || c.trade_forms?.length || c.markets?.length || c.product_groups?.length) && !(c.payment_methods?.length) && (_jsx(EmptyState, { message: "Geen extra profielinformatie beschikbaar voor deze klant." }))] }), _jsx(TabsContent, { value: "contacts", children: data.contacts.length === 0 ? (_jsx(EmptyState, { message: "Geen contactpersonen gesynchroniseerd." })) : (_jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: data.contacts.map((p) => (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-6 space-y-2", children: [_jsx("div", { className: "font-semibold", children: p.full_name }), p.job_title && _jsx("div", { className: "text-sm text-muted-foreground", children: p.job_title }), p.phone && (_jsxs("a", { href: `tel:${p.phone}`, className: "text-sm flex items-center gap-2 hover:underline", children: [_jsx(Phone, { className: "h-3.5 w-3.5 text-muted-foreground" }), " ", p.phone] })), p.email && (_jsxs("a", { href: `mailto:${p.email}`, className: "text-sm flex items-center gap-2 hover:underline", children: [_jsx(Mail, { className: "h-3.5 w-3.5 text-muted-foreground" }), " ", p.email] })), p.is_active ? _jsx(Badge, { children: "Actief" }) : _jsx(Badge, { variant: "secondary", children: "Inactief" })] }) }, p.id))) })) }), _jsx(TabsContent, { value: "trade", children: data.trade_settings.length === 0 ? (_jsx(EmptyState, { message: "Handelsinstellingen zijn (nog) niet beschikbaar via de Suppliers API voor deze klant." })) : (_jsx(Card, { children: _jsx(CardContent, { className: "pt-6 space-y-2", children: data.trade_settings.map((s) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, { variant: s.is_active ? "default" : "secondary", children: s.is_active ? "Actief" : "Niet actief" }), _jsx("span", { className: "text-sm", children: s.setting_label })] }, s.id))) }) })) }), _jsx(TabsContent, { value: "locations", children: _jsx(DeliveryLocationsTab, { customerId: id }) }), _jsx(TabsContent, { value: "dashboard", children: _jsx(CustomerAnalyticsTab, { customerId: id }) }), _jsx(TabsContent, { value: "assortment", children: data.assortment.length === 0 ? (_jsx(EmptyState, { message: "Geen geselecteerd assortiment voor deze klant." })) : (_jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Artikelnummer" }), _jsx(TableHead, { children: "Product" }), _jsx(TableHead, { children: "Groep" }), _jsx(TableHead, { children: "Prijs" })] }) }), _jsx(TableBody, { children: data.assortment.map((a) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-xs", children: a.article_number || "—" }), _jsx(TableCell, { children: a.product_name }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: a.product_group || "—" }), _jsx(TableCell, { children: a.price != null ? `€ ${Number(a.price).toFixed(2)}${a.unit ? ` / ${a.unit}` : ""}` : "—" })] }, a.id))) })] }) }) })) }), _jsx(TabsContent, { value: "orders", children: _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Datum" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Totaal" })] }) }), _jsx(TableBody, { children: data.orders.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center py-6 text-muted-foreground", children: "Geen bestellingen" }) })) : data.orders.map((o) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: o.order_number }), _jsx(TableCell, { children: o.order_date }), _jsx(TableCell, { children: _jsx(Badge, { children: o.status }) }), _jsx(TableCell, { children: o.total })] }, o.id))) })] }) }) }) }), _jsx(TabsContent, { value: "activity", children: _jsx(Card, { children: _jsx(CardContent, { className: "pt-6 space-y-2", children: data.audit.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen activiteit voor deze klant." })) : (data.audit.map((a) => _jsx(ActivityItem, { entry: a }, a.id))) }) }) })] })] })] })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function NetwerkPagina(): import("react").JSX.Element;
+//# sourceMappingURL=NetwerkPagina.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetwerkPagina.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/NetwerkPagina.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,aAAa,gCAyH5B"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { useState } from "react";
+import { Input, Card, CardContent, Badge, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Switch, Label, } from "@flowselections/core";
+import { ArrowLeft, Search } from "lucide-react";
+import { listFloridayNetwork } from "../../lib/customers.functions";
+export function NetwerkPagina() {
+    const [search, setSearch] = useState("");
+    const [hideUnknown, setHideUnknown] = useState(true);
+    const list = useServerFn(listFloridayNetwork);
+    const { data, isLoading } = useQuery({
+        queryKey: ["floriday-network", search],
+        queryFn: () => list({ data: { search } }),
+    });
+    const all = data?.organizations ?? [];
+    const orgs = hideUnknown
+        ? all.filter((o) => o.organization_name && o.organization_name.trim() !== "")
+        : all;
+    const hiddenCount = all.length - orgs.length;
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsx("div", { className: "flex items-center justify-between gap-4", children: _jsxs("div", { children: [_jsxs(Link, { to: "/klanten", className: "text-sm text-muted-foreground hover:text-foreground inline-flex items-center gap-1", children: [_jsx(ArrowLeft, { className: "h-3 w-3" }), " Terug naar klanten"] }), _jsx("h1", { className: "text-2xl font-semibold mt-1", children: "Klanten toevoegen uit netwerk" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Doorzoek alle organisaties die via het netwerk beschikbaar zijn." })] }) }), _jsxs("div", { className: "relative max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op organisatienaam of GLN...", value: search, onChange: (e) => setSearch(e.target.value), className: "pl-9" })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Switch, { id: "hide-unknown", checked: hideUnknown, onCheckedChange: setHideUnknown }), _jsx(Label, { htmlFor: "hide-unknown", className: "cursor-pointer", children: "Verberg organisaties zonder naam" }), hideUnknown && hiddenCount > 0 ? (_jsxs("span", { className: "text-muted-foreground", children: ["(", hiddenCount, " verborgen)"] })) : null] }), _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Organisatie" }), _jsx(TableHead, { children: "GLN" }), _jsx(TableHead, { children: "Plaats" }), _jsx(TableHead, { children: "Land" }), _jsx(TableHead, { children: "Bijgewerkt" })] }) }), _jsx(TableBody, { children: isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "text-center py-8 text-muted-foreground", children: "Laden..." }) })) : orgs.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "text-center py-8 text-muted-foreground", children: "Geen organisaties gevonden." }) })) : (orgs.map((o) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: o.organization_name && o.organization_name.trim() !== "" ? (o.organization_name) : (_jsx("span", { className: "italic text-muted-foreground", children: "Onbekende organisatie" })) }), _jsx(TableCell, { children: o.gln ? (_jsx(Badge, { variant: "outline", children: o.gln })) : ("—") }), _jsx(TableCell, { children: o.city ?? "—" }), _jsx(TableCell, { children: o.country ?? "—" }), _jsx(TableCell, { className: "text-muted-foreground text-sm", children: new Date(o.fetched_at).toLocaleDateString("nl-NL") })] }, `${o.connection_id}-${o.organization_id}`)))) })] }) }) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function NieuweKlant(): import("react").JSX.Element;
+//# sourceMappingURL=NieuweKlant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NieuweKlant.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/NieuweKlant.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,WAAW,gCA4H1B"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from "@tanstack/react-router";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea, toast, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@flowselections/core";
+import { ArrowLeft } from "lucide-react";
+import { createCustomer, listCustomerClasses } from "../../lib/customers.functions";
+import { customerCreateSchema } from "../../lib/customer-schemas";
+export function NieuweKlant() {
+    const navigate = useNavigate();
+    const create = useServerFn(createCustomer);
+    const classesFn = useServerFn(listCustomerClasses);
+    const [dupes, setDupes] = useState([]);
+    const [pendingData, setPendingData] = useState(null);
+    const { data: classData } = useQuery({
+        queryKey: ["customer-classes"],
+        queryFn: () => classesFn({ data: undefined }),
+    });
+    const form = useForm({
+        resolver: zodResolver(customerCreateSchema),
+        defaultValues: {
+            company_name: "", vat_number: "", contact_person: "", email: "", phone: "",
+            street: "", house_number: "", postal_code: "", city: "", country: "Nederland",
+            customer_class: "", notes: "", is_active: true, force: false,
+        },
+    });
+    const mut = useMutation({
+        mutationFn: (data) => create({ data }),
+        onSuccess: (r) => {
+            if (!r.customer && r.duplicates?.length) {
+                setDupes(r.duplicates);
+                return;
+            }
+            toast.success("Klant aangemaakt");
+            navigate({ to: "/klanten/$id", params: { id: r.customer.id } });
+        },
+        onError: (e) => toast.error(e instanceof Error ? e.message : "Fout"),
+    });
+    const onSubmit = (values) => {
+        setPendingData(values);
+        mut.mutate(values);
+    };
+    const forceCreate = () => {
+        if (!pendingData)
+            return;
+        setDupes([]);
+        mut.mutate({ ...pendingData, force: true });
+    };
+    const fieldErr = (k) => form.formState.errors[k]?.message;
+    return (_jsxs("main", { className: "p-6 max-w-3xl mx-auto space-y-4", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate({ to: "/klanten" }), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), " Terug"] }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Nieuwe klant" }) }), _jsxs(CardContent, { className: "grid grid-cols-2 gap-4", children: [_jsx(Field, { label: "Bedrijfsnaam *", error: fieldErr("company_name"), children: _jsx(Input, { ...form.register("company_name") }) }), _jsx(Field, { label: "BTW-nummer", error: fieldErr("vat_number"), children: _jsx(Input, { ...form.register("vat_number") }) }), _jsx(Field, { label: "Contactpersoon", error: fieldErr("contact_person"), children: _jsx(Input, { ...form.register("contact_person") }) }), _jsx(Field, { label: "E-mail *", error: fieldErr("email"), children: _jsx(Input, { type: "email", ...form.register("email") }) }), _jsx(Field, { label: "Telefoon", error: fieldErr("phone"), children: _jsx(Input, { ...form.register("phone") }) }), _jsx(Field, { label: "Klantklasse", children: _jsxs(Select, { onValueChange: (v) => form.setValue("customer_class", v), defaultValue: "", children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies klasse..." }) }), _jsx(SelectContent, { children: (classData?.classes ?? []).map((c) => _jsx(SelectItem, { value: c, children: c }, c)) })] }) }), _jsx(Field, { label: "Straat *", error: fieldErr("street"), children: _jsx(Input, { ...form.register("street") }) }), _jsx(Field, { label: "Huisnummer *", error: fieldErr("house_number"), children: _jsx(Input, { ...form.register("house_number") }) }), _jsx(Field, { label: "Postcode", error: fieldErr("postal_code"), children: _jsx(Input, { ...form.register("postal_code") }) }), _jsx(Field, { label: "Stad", error: fieldErr("city"), children: _jsx(Input, { ...form.register("city") }) }), _jsx(Field, { label: "Land *", error: fieldErr("country"), children: _jsx(Input, { ...form.register("country") }) }), _jsxs("div", { className: "col-span-2", children: [_jsx(Label, { children: "Notities" }), _jsx(Textarea, { ...form.register("notes") })] })] })] }), _jsxs("div", { className: "flex justify-end gap-2 mt-4", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => navigate({ to: "/klanten" }), children: "Annuleren" }), _jsx(Button, { type: "submit", disabled: mut.isPending, children: mut.isPending ? "Opslaan..." : "Klant aanmaken" })] })] }), _jsx(AlertDialog, { open: dupes.length > 0, onOpenChange: (o) => !o && setDupes([]), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Mogelijke duplicaten gevonden" }), _jsx(AlertDialogDescription, { children: _jsx("ul", { className: "list-disc pl-5 space-y-1 mt-2", children: dupes.map((d) => _jsxs("li", { children: [_jsx("strong", { children: d.company_name }), " \u2014 ", d.reason] }, d.id + d.reason)) }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: forceCreate, children: "Toch aanmaken" })] })] }) })] }));
+}
+function Field({ label, error, children }) {
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: label }), children, error && _jsx("p", { className: "text-xs text-destructive", children: error })] }));
+}

package/dist-lib/index.d.ts

@@ -1,5 +1,9 @@
 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 declare const floridayKlantenModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAEzE,eAAO,MAAM,qBAAqB,EAAE,UAYnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,eAAO,MAAM,qBAAqB,EAAE,UAYnC,CAAC"}

package/dist-lib/index.js

@@ -17,6 +17,10 @@ import { Users } 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 const floridayKlantenModule = {
     id: "customers",
     name: "Klanten",

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

@@ -3899,6 +3899,24 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            floriday_order_number_map: {
+                Row: {
+                    created_at: string;
+                    floriday_id: string;
+                    order_number: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    floriday_id: string;
+                    order_number: string;
+                };
+                Update: {
+                    created_at?: string;
+                    floriday_id?: string;
+                    order_number?: string;
+                };
+                Relationships: [];
+            };
             floriday_packings_cache: {
                 Row: {
                     connection_id: string;
@@ -5744,6 +5762,24 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     referencedColumns: ["id"];
                 }];
             };
+            order_number_counters: {
+                Row: {
+                    last_value: number;
+                    updated_at: string;
+                    year: number;
+                };
+                Insert: {
+                    last_value?: number;
+                    updated_at?: string;
+                    year: number;
+                };
+                Update: {
+                    last_value?: number;
+                    updated_at?: string;
+                    year?: number;
+                };
+                Relationships: [];
+            };
             orders: {
                 Row: {
                     created_at: string;
@@ -5756,6 +5792,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     notes: string | null;
                     order_date: string;
                     order_number: string;
+                    order_source: string;
                     status: string;
                     total: string;
                     updated_at: string;
@@ -5771,6 +5808,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     notes?: string | null;
                     order_date?: string;
                     order_number: string;
+                    order_source?: string;
                     status?: string;
                     total?: string;
                     updated_at?: string;
@@ -5786,6 +5824,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     notes?: string | null;
                     order_date?: string;
                     order_number?: string;
+                    order_source?: string;
                     status?: string;
                     total?: string;
                     updated_at?: string;
@@ -8620,6 +8659,15 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: number;
             };
+            assign_floriday_order_numbers: {
+                Args: {
+                    p_ids: string[];
+                };
+                Returns: {
+                    floriday_id: string;
+                    order_number: string;
+                }[];
+            };
             call_exact_route: {
                 Args: {
                     path: string;
@@ -8829,6 +8877,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            get_or_assign_floriday_order_number: {
+                Args: {
+                    p_floriday_id: string;
+                };
+                Returns: string;
+            };
             get_room_busy_windows: {
                 Args: {
                     p_from: string;
@@ -8875,6 +8929,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 Args: never;
                 Returns: boolean;
             };
+            next_order_number: {
+                Args: {
+                    p_prefix: string;
+                };
+                Returns: string;
+            };
             next_work_order_number: {
                 Args: {
                     p_parent_work_order_id?: string;
@@ -8909,9 +8969,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
             refresh_floricode_derived_code_lists: {
                 Args: never;
                 Returns: {
-                    out_environment: string;
-                    out_list_name: string;
-                    out_row_count: number;
+                    environment: string;
+                    list_name: string;
+                    row_count: number;
                 }[];
             };
             reset_floriday_sync_cursor: {