@flowselections/floriday-verkoop-module 1.0.6 → 1.0.8

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

@@ -4,8 +4,8 @@ const eur = new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR"
 const eurPrecise = new Intl.NumberFormat("nl-NL", {
     style: "currency",
     currency: "EUR",
-    minimumFractionDigits: 3,
-    maximumFractionDigits: 3,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
 });
 const num = new Intl.NumberFormat("nl-NL");
 export function AnalyticsCards({ totals, loading, }) {

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AA6IA,wBAAgB,eAAe,4CAoX9B"}

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

@@ -0,0 +1,221 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Badge, Button, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { ArrowLeft, ChevronDown, Plus, Search, Trash2, Truck, MapPin, } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+const eur = new Intl.NumberFormat("nl-NL", {
+    style: "currency",
+    currency: "EUR",
+});
+function pickStr(v) {
+    if (v == null)
+        return null;
+    if (typeof v === "string")
+        return v;
+    if (typeof v === "number")
+        return String(v);
+    if (Array.isArray(v)) {
+        for (const x of v) {
+            const s = pickStr(x?.text ?? x?.value ?? x);
+            if (s)
+                return s;
+        }
+        return null;
+    }
+    if (typeof v === "object") {
+        return (v.nl ?? v.NL ?? v.en ?? v.EN ?? v.text ?? v.value ??
+            Object.values(v).find((x) => typeof x === "string") ??
+            null);
+    }
+    return null;
+}
+function useCustomersForOrder() {
+    return useQuery({
+        queryKey: ["create-order", "customers"],
+        queryFn: async () => {
+            const { data, error } = await supabase
+                .from("customers")
+                .select("id, company_name, city, is_active")
+                .or("is_active.is.null,is_active.eq.true")
+                .order("company_name", { ascending: true })
+                .limit(2000);
+            if (error)
+                throw error;
+            return (data ?? []);
+        },
+        staleTime: 60000,
+    });
+}
+function useProductsForOrder() {
+    return useQuery({
+        queryKey: ["create-order", "products"],
+        queryFn: async () => {
+            const [localRes, floridayRes] = await Promise.all([
+                supabase
+                    .from("products")
+                    .select("id, product, sale_price, unit")
+                    .order("product", { ascending: true })
+                    .limit(2000),
+                supabase
+                    .from("floriday_trade_items_cache")
+                    .select("floriday_id, data")
+                    .eq("is_deleted", false)
+                    .limit(5000),
+            ]);
+            if (localRes.error)
+                throw localRes.error;
+            if (floridayRes.error)
+                throw floridayRes.error;
+            const out = [];
+            for (const r of localRes.data ?? []) {
+                out.push({
+                    id: `local:${r.id}`,
+                    name: r.product ?? "Onbekend product",
+                    source: "local",
+                    price: r.sale_price != null ? Number(r.sale_price) : null,
+                    unit: r.unit ?? null,
+                });
+            }
+            for (const r of floridayRes.data ?? []) {
+                const d = r.data ?? {};
+                const name = pickStr(d.name) ??
+                    pickStr(d.productName) ??
+                    pickStr(d.tradeItemName) ??
+                    pickStr(d.tradeItemTexts) ??
+                    "Onbekend artikel";
+                out.push({
+                    id: `floriday:${r.floriday_id}`,
+                    name,
+                    source: "floriday",
+                    price: null,
+                });
+            }
+            return out;
+        },
+        staleTime: 60000,
+    });
+}
+export function CreateOrderPage() {
+    const navigate = useNavigate();
+    const queryClient = useQueryClient();
+    const customersQ = useCustomersForOrder();
+    const productsQ = useProductsForOrder();
+    const [customerId, setCustomerId] = useState("");
+    const [deliveryDate, setDeliveryDate] = useState("");
+    const [carrier, setCarrier] = useState("");
+    const [country, setCountry] = useState("");
+    const [productPickerOpen, setProductPickerOpen] = useState(false);
+    const [productQuery, setProductQuery] = useState("");
+    const [selectedProduct, setSelectedProduct] = useState(null);
+    const [quantity, setQuantity] = useState("");
+    const [unitPrice, setUnitPrice] = useState("");
+    const [lines, setLines] = useState([]);
+    const filteredProducts = useMemo(() => {
+        const list = productsQ.data ?? [];
+        const q = productQuery.trim().toLowerCase();
+        const base = q
+            ? list.filter((p) => p.name.toLowerCase().includes(q))
+            : list;
+        return base.slice(0, 100);
+    }, [productsQ.data, productQuery]);
+    const total = lines.reduce((s, l) => s + l.quantity * l.unitPrice, 0);
+    const addLine = () => {
+        if (!selectedProduct)
+            return;
+        const qty = Number(quantity);
+        const price = Number(unitPrice);
+        if (!Number.isFinite(qty) || qty <= 0) {
+            toast.error("Vul een geldig aantal in");
+            return;
+        }
+        if (!Number.isFinite(price) || price < 0) {
+            toast.error("Vul een geldige prijs in");
+            return;
+        }
+        setLines((prev) => [
+            ...prev,
+            {
+                key: `${selectedProduct.id}-${Date.now()}`,
+                product: selectedProduct,
+                quantity: qty,
+                unitPrice: price,
+            },
+        ]);
+        setSelectedProduct(null);
+        setQuantity("");
+        setUnitPrice("");
+        setProductQuery("");
+    };
+    const removeLine = (key) => setLines((prev) => prev.filter((l) => l.key !== key));
+    const createMutation = useMutation({
+        mutationFn: async () => {
+            if (!customerId)
+                throw new Error("Selecteer een klant");
+            if (!deliveryDate)
+                throw new Error("Selecteer een leverdatum");
+            if (lines.length === 0)
+                throw new Error("Voeg minimaal één product toe");
+            const customer = customersQ.data?.find((c) => c.id === customerId);
+            const orderNumber = `LOC-${new Date()
+                .toISOString()
+                .slice(0, 10)
+                .replace(/-/g, "")}-${Math.floor(Math.random() * 9000 + 1000)}`;
+            const { data: orderRow, error: orderErr } = await supabase
+                .from("orders")
+                .insert({
+                order_number: orderNumber,
+                customer_id: customerId,
+                customer_name: customer?.company_name ?? "Onbekende klant",
+                order_date: new Date().toISOString(),
+                delivery_date: deliveryDate,
+                status: "open",
+                total: String(total.toFixed(2)),
+                custom_fields: {
+                    source: "local",
+                    transporteur: carrier || null,
+                    land: country || null,
+                },
+            })
+                .select("id")
+                .single();
+            if (orderErr)
+                throw orderErr;
+            const itemsPayload = lines.map((l) => ({
+                order_id: orderRow.id,
+                product_id: l.product.source === "local"
+                    ? l.product.id.replace(/^local:/, "")
+                    : undefined,
+                product_name: l.product.name,
+                quantity: Math.round(l.quantity),
+                unit: l.product.unit ?? undefined,
+                unit_price: l.unitPrice,
+            }));
+            const { error: itemsErr } = await supabase
+                .from("order_items")
+                .insert(itemsPayload);
+            if (itemsErr)
+                throw itemsErr;
+        },
+        onSuccess: () => {
+            toast.success("Bestelling aangemaakt");
+            queryClient.invalidateQueries({ queryKey: ["floriday", "salesorders-cache"] });
+            navigate({ to: "/floriday-verkoop/verkooporders" });
+        },
+        onError: (e) => toast.error(e?.message ?? "Aanmaken mislukt"),
+    });
+    return (_jsxs("main", { className: "space-y-5 p-6", children: [_jsx("div", { children: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs(Link, { to: "/floriday-verkoop/verkooporders", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Terug naar verkooporders"] }) }) }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsx("h1", { className: "text-xl font-semibold text-foreground", children: "Nieuwe Bestelling" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Maak een nieuwe bestelling aan door producten te zoeken en toe te voegen." }), _jsxs("div", { className: "mt-6 grid gap-5 md:grid-cols-2", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsxs(Label, { children: ["Klant ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsxs(Select, { value: customerId, onValueChange: setCustomerId, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Selecteer klant" }) }), _jsxs(SelectContent, { children: [(customersQ.data ?? []).map((c) => (_jsxs(SelectItem, { value: c.id, children: [c.company_name ?? "Onbekend", c.city ? ` — ${c.city}` : ""] }, c.id))), customersQ.data?.length === 0 && (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: "Geen klanten gevonden" }))] })] })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsxs(Label, { htmlFor: "delivery", children: ["Leverdatum ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { id: "delivery", type: "date", value: deliveryDate, onChange: (e) => setDeliveryDate(e.target.value) })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "carrier", children: "Transporteur" }), _jsxs("div", { className: "relative", children: [_jsx(Truck, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { id: "carrier", className: "pl-9", placeholder: "Bv. DHL, PostNL", value: carrier, onChange: (e) => setCarrier(e.target.value) })] })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "country", children: "Land" }), _jsxs("div", { className: "relative", children: [_jsx(MapPin, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { id: "country", className: "pl-9", placeholder: "Bv. Nederland", value: country, onChange: (e) => setCountry(e.target.value) })] })] })] }), _jsxs("div", { className: "mt-8", children: [_jsx(Label, { children: "Producten toevoegen" }), _jsxs("div", { className: "mt-2 flex flex-wrap items-stretch gap-2", children: [_jsx("div", { className: "min-w-[260px] flex-1", children: _jsxs(Popover, { open: productPickerOpen, onOpenChange: setProductPickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", className: "w-full justify-between font-normal", children: [_jsx("span", { className: selectedProduct ? "" : "text-muted-foreground", children: selectedProduct ? selectedProduct.name : "Zoek product..." }), _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" })] }) }), _jsxs(PopoverContent, { align: "start", className: "w-[--radix-popover-trigger-width] p-0", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [_jsx(Search, { className: "h-4 w-4 text-muted-foreground" }), _jsx("input", { autoFocus: true, placeholder: "Zoek product...", value: productQuery, onChange: (e) => setProductQuery(e.target.value), className: "h-8 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground" })] }), _jsxs("div", { className: "max-h-72 overflow-y-auto py-1", children: [productsQ.isLoading && (_jsx("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "Laden\u2026" })), !productsQ.isLoading && filteredProducts.length === 0 && (_jsx("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "Geen producten gevonden." })), filteredProducts.map((p) => (_jsxs("button", { type: "button", onClick: () => {
+                                                                        setSelectedProduct(p);
+                                                                        if (p.price != null && unitPrice === "")
+                                                                            setUnitPrice(p.price);
+                                                                        if (quantity === "")
+                                                                            setQuantity(1);
+                                                                        setProductPickerOpen(false);
+                                                                    }, className: "flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-sm hover:bg-accent", children: [_jsx("span", { className: "truncate", children: p.name }), _jsx(Badge, { variant: "outline", className: p.source === "local"
+                                                                                ? "border-primary/30 text-primary"
+                                                                                : "border-emerald-500/30 text-emerald-600", children: p.source === "local" ? "Lokaal" : "Floriday" })] }, p.id)))] })] })] }) }), _jsx(Input, { type: "number", min: 1, placeholder: "Aantal", className: "w-28", value: quantity, onChange: (e) => setQuantity(e.target.value === "" ? "" : Number(e.target.value)) }), _jsx(Input, { type: "number", min: 0, step: "0.01", placeholder: "\u20AC Prijs", className: "w-32", value: unitPrice, onChange: (e) => setUnitPrice(e.target.value === "" ? "" : Number(e.target.value)) }), _jsx(Button, { type: "button", onClick: addLine, disabled: !selectedProduct, "aria-label": "Toevoegen", children: _jsx(Plus, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "mt-3 rounded-lg border border-dashed border-border bg-muted/30", children: lines.length === 0 ? (_jsx("div", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: "Voeg producten toe aan de bestelling" })) : (_jsxs("div", { className: "divide-y divide-border", children: [lines.map((l) => (_jsxs("div", { className: "flex items-center gap-3 px-4 py-3 text-sm", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "truncate font-medium text-foreground", children: l.product.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: l.product.source === "local" ? "Lokaal" : "Floriday" })] }), _jsxs("div", { className: "w-20 text-right", children: [l.quantity, " st."] }), _jsx("div", { className: "w-24 text-right", children: eur.format(l.unitPrice) }), _jsx("div", { className: "w-28 text-right font-medium", children: eur.format(l.quantity * l.unitPrice) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => removeLine(l.key), "aria-label": "Regel verwijderen", children: _jsx(Trash2, { className: "h-4 w-4 text-muted-foreground" }) })] }, l.key))), _jsxs("div", { className: "flex items-center justify-end gap-3 px-4 py-3 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "Totaal" }), _jsx("span", { className: "text-base font-semibold text-foreground", children: eur.format(total) })] })] })) })] }), _jsxs("div", { className: "mt-8 flex items-center justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => navigate({ to: "/floriday-verkoop/verkooporders" }), disabled: createMutation.isPending, children: "Annuleren" }), _jsx(Button, { onClick: () => createMutation.mutate(), disabled: createMutation.isPending ||
+                                    !customerId ||
+                                    !deliveryDate ||
+                                    lines.length === 0, children: createMutation.isPending ? "Aanmaken…" : "Bestelling Aanmaken" })] })] })] }));
+}

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

@@ -0,0 +1,5 @@
+export declare function DiagnoseConnectionDialog({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiagnoseConnectionDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnoseConnectionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/DiagnoseConnectionDialog.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,GACb,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,2CAmLA"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { useServerFn } from "@tanstack/react-start";
+import { CheckCircle2, XCircle, Loader2, RefreshCw } from "lucide-react";
+import { diagnoseFloridayConnection } from "../../lib/salesorders.functions";
+export function DiagnoseConnectionDialog({ open, onOpenChange, }) {
+    const run = useServerFn(diagnoseFloridayConnection);
+    const [loading, setLoading] = useState(false);
+    const [data, setData] = useState(null);
+    const fire = async () => {
+        try {
+            setLoading(true);
+            const r = await run();
+            setData(r);
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Diagnose mislukt");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        if (open) {
+            setData(null);
+            fire();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const Row = ({ label, ok, value, }) => (_jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border py-2 last:border-0", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [ok === true ? (_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-500" })) : ok === false ? (_jsx(XCircle, { className: "h-4 w-4 text-destructive" })) : (_jsx("span", { className: "inline-block h-4 w-4" })), label] }), _jsx("div", { className: "text-right text-sm font-medium", children: value })] }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Diagnose Floriday-connectie" }), _jsx(DialogDescription, { children: "Roept GET /sales-orders/current-max-sequence aan met de actieve credentials en toont de cron-status. Bij succes wordt een verouderde sync-fout gewist." })] }), loading && (_jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Bezig met diagnose\u2026"] })), !loading && data && (_jsxs("div", { className: "space-y-1", children: [_jsx(Row, { label: "Omgeving", ok: null, value: data.environment ?? "—" }), _jsx(Row, { label: "GLN (lokaal opgeslagen)", ok: data.localTenant.gln ? true : null, value: _jsx("code", { children: data.localTenant.gln ?? "—" }) }), _jsx(Row, { label: "currentMaxSequence (sales-orders)", ok: data.maxSequence.ok, value: data.maxSequence.ok ? (_jsx("code", { children: data.maxSequence.value ?? 0 })) : (_jsxs("span", { className: "text-destructive", children: ["HTTP ", data.maxSequence.status, " \u2014 ", data.maxSequence.rawError] })) }), _jsx(Row, { label: "last_sequence_number (lokaal)", ok: null, value: _jsx("code", { children: data.cronHealth.lastSequenceNumber }) }), _jsx(Row, { label: "last_synced_at", ok: data.cronHealth.neverSynced ? false : true, value: data.cronHealth.lastSyncedAt ?? "—" }), _jsx(Row, { label: "achterstand (max \u2212 lokaal)", ok: null, value: data.cronHealth.behindBy === null ? ("—") : (_jsx("code", { children: data.cronHealth.behindBy })) }), _jsx(Row, { label: "last_error", ok: data.syncState?.last_error ? false : true, value: data.syncState?.last_error ?? "—" }), _jsxs("div", { className: "mt-3 rounded-md border border-border bg-muted/30 p-3 text-sm", children: [!data.maxSequence.ok &&
+                                    (data.maxSequence.status === 401 || data.maxSequence.status === 403) && (_jsxs(_Fragment, { children: [_jsx("strong", { children: "Token of credentials ongeldig:" }), " Floriday weigert de call (", data.maxSequence.status, "). De auth-module moet", " ", _jsx("code", { children: "client_id" }), "/", _jsx("code", { children: "client_secret" }), " controleren of nieuwe credentials inlezen."] })), !data.maxSequence.ok &&
+                                    data.maxSequence.status !== 401 &&
+                                    data.maxSequence.status !== 403 && (_jsxs(_Fragment, { children: [_jsx("strong", { children: "Floriday onbereikbaar:" }), " HTTP", " ", data.maxSequence.status, ". Geen credentials-probleem; controleer Floriday-status of probeer later opnieuw."] })), data.maxSequence.ok && data.cronHealth.neverSynced && (_jsxs(_Fragment, { children: [_jsx("strong", { children: "Credentials werken, maar de sync heeft nog niets weggeschreven." }), " ", _jsxs("code", { children: ["currentMaxSequence = ", data.maxSequence.value] }), ", maar lokaal staat ", _jsx("code", { children: "last_synced_at = \u2014" }), ". Klik op \"Sync nu\" en raadpleeg de server-function-logs; mogelijk geeft", " ", _jsxs("code", { children: ["/sales-orders/sync/", "{", "seq", "}"] }), " een lege array terug vanaf ", _jsx("code", { children: "fromSequence = 0" }), " (Floriday-retentie)."] })), data.maxSequence.ok &&
+                                    !data.cronHealth.neverSynced &&
+                                    (data.cronHealth.behindBy ?? 0) > 1000 && (_jsxs(_Fragment, { children: [_jsx("strong", { children: "Cron loopt achter:" }), " achterstand van", " ", _jsx("code", { children: data.cronHealth.behindBy }), " sequences. Klik \"Sync nu\" om bij te trekken."] })), data.maxSequence.ok &&
+                                    !data.cronHealth.neverSynced &&
+                                    (data.cronHealth.behindBy ?? 0) <= 1000 && (_jsxs(_Fragment, { children: [_jsx("strong", { children: "OK:" }), " Floriday is bereikbaar en de cron is bij(na) bij. Nieuwe orders verschijnen automatisch."] }))] })] })), _jsxs(DialogFooter, { children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: fire, disabled: loading, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4 " + (loading ? "animate-spin" : "") }), "Opnieuw uitvoeren"] }), _jsx(Button, { size: "sm", onClick: () => onOpenChange(false), children: "Sluiten" })] })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SalesOrderDetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrderDetailPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,oBAAoB,4CAsCnC"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useParams } from "@tanstack/react-router";
+import { Button } from "@flowselections/core";
+import { ArrowLeft } from "lucide-react";
+import { SalesOrderDetailView } from "../../components/verkoop/SalesOrderDetailView";
+import { useSalesOrdersQuery } from "../../lib/useSalesOrdersQuery";
+export function SalesOrderDetailPage() {
+    const { salesOrderId } = useParams({
+        from: "/_authenticated/floriday-verkoop/verkooporders/$salesOrderId",
+    });
+    const { data, isLoading, error } = useSalesOrdersQuery();
+    const order = data?.orders.find((o) => o.id === salesOrderId) ?? null;
+    return (_jsxs("main", { className: "space-y-5 p-6", children: [_jsx("div", { className: "flex items-center justify-between gap-3", children: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs(Link, { to: "/floriday-verkoop/verkooporders", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Terug naar verkooporders"] }) }) }), isLoading && (_jsx("div", { className: "rounded-lg border border-border bg-card p-8 text-sm text-muted-foreground", children: "Laden\u2026" })), error && (_jsx("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: error.message })), !isLoading && !error && !order && (_jsx("div", { className: "rounded-lg border border-border bg-card p-8 text-sm text-muted-foreground", children: "Order niet gevonden." })), order && (_jsx(SalesOrderDetailView, { order: order, sellerFallback: data?.sellerFallback ?? null }))] }));
+}

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

@@ -0,0 +1,6 @@
+import type { SalesOrderDTO } from "../../lib/salesorders-mapping";
+export declare function SalesOrderDetailView({ order, sellerFallback, }: {
+    order: SalesOrderDTO;
+    sellerFallback?: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SalesOrderDetailView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SalesOrderDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrderDetailView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AA4HnE,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,cAAc,GACf,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,2CAiRA"}

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

@@ -0,0 +1,213 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2, ImageIcon } from "lucide-react";
+const eurFlex = new Intl.NumberFormat("nl-NL", {
+    style: "currency",
+    currency: "EUR",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 3,
+});
+function fmtDateTime(iso) {
+    if (!iso)
+        return "—";
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return d.toLocaleString("nl-NL", {
+        day: "numeric",
+        month: "long",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
+}
+function pickStr(v) {
+    if (v == null)
+        return null;
+    if (typeof v === "string")
+        return v.length > 0 ? v : null;
+    if (typeof v === "number")
+        return String(v);
+    if (Array.isArray(v)) {
+        for (const item of v) {
+            const s = pickStr(item?.text ?? item?.value ?? item);
+            if (s)
+                return s;
+        }
+        return null;
+    }
+    if (typeof v === "object") {
+        return (v.nl ?? v.NL ?? v.en ?? v.EN ?? v.text ?? v.value ??
+            Object.values(v).find((x) => typeof x === "string") ?? null);
+    }
+    return null;
+}
+const TRADE_INSTRUMENT_LABELS = {
+    DIRECT_SALES: "Directe verkoop",
+    DIRECT_SALE: "Directe verkoop",
+    CLOCK_PRESALES: "Klokvoorverkoop",
+    CLOCK_PRESALE: "Klokvoorverkoop",
+    CONTRACT: "Contract",
+    DAYTRADE: "Daghandel",
+    BLANKET_ORDER: "Raamcontract",
+    BUNDLED_OFFER: "Bundelaanbod",
+};
+const LOAD_CARRIER_SHORT = {
+    DANISH_TROLLEY: "DC",
+    DANISH_CONTAINER: "DC",
+    CC_CONTAINER: "CC",
+    CC_TROLLEY: "CC",
+    EURO_PALLET: "EP",
+    BLOCK_PALLET: "BP",
+    BOX: "BX",
+    NONE: "—",
+};
+const SALES_CHANNEL_LABELS = {
+    FLORIDAY: "Floriday",
+    RFH: "Royal FloraHolland",
+    PLANTION: "Plantion",
+};
+const SALES_INTERFACE_LABELS = {
+    UI: "user interface",
+    API: "api",
+    CONNECT: "connect",
+    EDI: "edi",
+};
+const PAYMENT_PROVIDER_LABELS = {
+    RFH: "Royal FloraHolland",
+    RFH_E_WALLET: "Royal FloraHolland (E-wallet)",
+    PLANTION: "Plantion",
+    DIRECT: "Direct",
+};
+const STATUS_LABELS = {
+    COMMITTED: "Order bevestigd",
+    CONFIRMED: "Order bevestigd",
+    SHIPPED: "Verzonden",
+    DELIVERED: "Geleverd",
+    CANCELLED: "Geannuleerd",
+    OPEN: "Open",
+};
+function initials(name) {
+    return name
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((p) => p[0]?.toUpperCase() ?? "")
+        .join("");
+}
+function shortLoadCarrier(raw) {
+    if (!raw)
+        return "";
+    return LOAD_CARRIER_SHORT[raw.toUpperCase()] ?? raw.slice(0, 2).toUpperCase();
+}
+function Row({ label, children }) {
+    return (_jsxs("div", { className: "grid grid-cols-[200px_1fr] gap-4 py-2 text-sm", children: [_jsx("div", { className: "text-muted-foreground", children: label }), _jsx("div", { className: "text-foreground", children: children })] }));
+}
+function SectionTitle({ children }) {
+    return (_jsx("div", { className: "border-b border-border pb-2 text-sm font-semibold text-foreground", children: children }));
+}
+export function SalesOrderDetailView({ order, sellerFallback, }) {
+    const o = order.raw.order ?? {};
+    const c = order.raw.customer ?? {};
+    const cRaw = c?.raw ?? {};
+    const instr = String(o.tradeInstrument ?? o.tradingType ?? o.tradeType ?? "").toUpperCase();
+    const tradingType = TRADE_INSTRUMENT_LABELS[instr] ?? (instr ? instr.replace(/_/g, " ").toLowerCase() : "—");
+    const pack = o.packingConfiguration ?? {};
+    const piecesPerPackage = Number(pack.piecesPerPackage ?? order.quantity.count) || order.quantity.count;
+    const packagesPerLayer = Number(pack.packagesPerLayer ?? 0);
+    const layersPerLoadCarrier = Number(pack.layersPerLoadCarrier ?? 0);
+    const numberOfPieces = Number(o.numberOfPieces ?? piecesPerPackage * order.quantity.multiplier);
+    const packages = piecesPerPackage > 0 ? Math.ceil(numberOfPieces / piecesPerPackage) : order.quantity.multiplier;
+    const vbnCode = pack.package?.vbnPackageCode ?? pack.vbnPackageCode ?? null;
+    const lcShort = shortLoadCarrier(pickStr(pack.loadCarrier) ?? pickStr(o.loadCarrier));
+    const beladingParts = [];
+    if (vbnCode)
+        beladingParts.push(String(vbnCode));
+    if (layersPerLoadCarrier && packagesPerLayer && piecesPerPackage) {
+        beladingParts.push(`${layersPerLoadCarrier}×${packagesPerLayer}×${piecesPerPackage}`);
+    }
+    if (lcShort)
+        beladingParts.push(lcShort);
+    const belading = beladingParts.length > 0 ? beladingParts.join(" - ") : "—";
+    const klantReferentie = pickStr(o.customerOrderId) ?? "—";
+    const floridayRef = pickStr(o.salesChannelOrderId) ??
+        pickStr(o.batchReference) ??
+        pickStr(o.salesOrderId)?.slice(0, 16) ??
+        "—";
+    const channelKey = String(o.salesChannel ?? "").toUpperCase();
+    const interfaceKey = String(o.salesChannelInterface ?? "").toUpperCase();
+    const channelLabel = SALES_CHANNEL_LABELS[channelKey] ?? (channelKey || "—");
+    const interfaceLabel = SALES_INTERFACE_LABELS[interfaceKey] ?? (interfaceKey ? interfaceKey.toLowerCase() : "");
+    const verkoopkanaal = interfaceLabel ? `${channelLabel} (${interfaceLabel})` : channelLabel;
+    const payKey = String(o.paymentProvider ?? "").toUpperCase();
+    const financial = PAYMENT_PROVIDER_LABELS[payKey] ?? (payKey || "—");
+    const sellerName = pickStr(o.createdByUserName) ??
+        pickStr(o.sellerName) ??
+        pickStr(o.seller?.name) ??
+        pickStr(o.salesEmployeeName) ??
+        sellerFallback ??
+        null;
+    const delivLoc = o.delivery?.location ?? o.delivery?.deliveryLocation ?? o.deliveryLocation ?? {};
+    const delivAddrObj = delivLoc.address ?? null;
+    const fallbackAddr = cRaw.mailingAddress ?? cRaw.physicalAddress ?? null;
+    const addr = {
+        line: pickStr(delivAddrObj?.addressLine) ??
+            pickStr(delivLoc.addressLine) ??
+            pickStr(c.street) ??
+            pickStr(fallbackAddr?.addressLine) ??
+            null,
+        postal: pickStr(delivAddrObj?.postalCode) ??
+            pickStr(delivLoc.postalCode) ??
+            pickStr(c.postal_code) ??
+            pickStr(fallbackAddr?.postalCode) ??
+            null,
+        city: pickStr(delivAddrObj?.city) ??
+            pickStr(delivLoc.city) ??
+            pickStr(c.city) ??
+            pickStr(fallbackAddr?.city) ??
+            null,
+        country: pickStr(delivAddrObj?.countryCode) ??
+            pickStr(delivAddrObj?.country) ??
+            pickStr(delivLoc.country) ??
+            pickStr(c.country) ??
+            pickStr(fallbackAddr?.countryCode) ??
+            null,
+        gln: pickStr(delivLoc.gln) ??
+            pickStr(delivLoc.glnCode) ??
+            pickStr(delivLoc.locationGln) ??
+            null,
+    };
+    const countryLabel = (() => {
+        if (!addr.country)
+            return null;
+        const map = { NL: "Nederland", BE: "België", DE: "Duitsland", FR: "Frankrijk", ES: "Spanje", IT: "Italië", GB: "Verenigd Koninkrijk", PL: "Polen", DK: "Denemarken" };
+        return map[addr.country.toUpperCase()] ?? addr.country;
+    })();
+    const incoterm = pickStr(o.delivery?.incoterm) ?? pickStr(o.incoterm) ?? "—";
+    const productUnit = Number(o.calculatedFields?.totalPricePerPiece?.value ?? o.pricePerPiece?.value ?? order.quantity.unitPrice) || 0;
+    const purchaseUnit = Number(o.pricePerPiece?.value ?? productUnit) || 0;
+    const transportPerPiece = Number(o.deliveryPricePerPiece ?? Math.max(0, productUnit - purchaseUnit)) || 0;
+    const totalAmount = Number(o.calculatedFields?.orderAmount?.value ?? order.revenue) || 0;
+    let oldProductPrice = null;
+    const mutations = Array.isArray(o.mutations) ? o.mutations : [];
+    const lastCorrection = [...mutations]
+        .reverse()
+        .find((m) => String(m?.mutationType ?? "").toUpperCase() === "CORRECTION_REQUEST");
+    if (lastCorrection) {
+        const oldP = Number(lastCorrection.oldValues?.totalPricePerPiece ?? lastCorrection.oldValues?.pricePerPiece);
+        if (Number.isFinite(oldP) && Math.abs(oldP - productUnit) > 1e-9)
+            oldProductPrice = oldP;
+    }
+    const hasCorrection = !!lastCorrection;
+    const customerName = pickStr(cRaw.commercialName) ?? pickStr(c.commercial_name) ?? pickStr(c.company_name) ?? order.customer.name;
+    const customerGln = pickStr(c.gln) ?? pickStr(cRaw.companyGln) ?? "—";
+    const customerAdmin = pickStr(c.custom_fields?.rfh_relation_id) ??
+        pickStr(cRaw.rfhRelationId) ??
+        pickStr(cRaw.rfhCompanyAccountId) ??
+        "—";
+    const customerPhone = pickStr(c.phone) ?? pickStr(c.phone_number) ?? pickStr(c.contact_person?.phone) ?? "—";
+    const statusKey = String(o.status ?? "").toUpperCase();
+    const bestellingLabel = order.status.isCancelled
+        ? "Geannuleerd"
+        : STATUS_LABELS[statusKey] ?? (order.status.isShipped ? "Verzonden" : order.status.isConfirmed ? "Order bevestigd" : "Open");
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center gap-3 rounded-md border border-border bg-muted/30 p-3", children: [_jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded-md bg-muted", children: order.imageUrl ? (_jsx("img", { src: order.imageUrl, alt: "", className: "h-full w-full object-cover" })) : (_jsx(ImageIcon, { className: "h-6 w-6 text-muted-foreground" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "truncate text-base font-semibold text-foreground", children: [order.productName, o.tradeItemVersion ? (_jsxs("span", { className: "ml-2 text-xs font-normal text-muted-foreground", children: ["\u00B7 v", o.tradeItemVersion] })) : null] }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: pickStr(o.customerOrderId) ?? order.sku ?? order.orderNumber })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[1fr_360px]", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx(SectionTitle, { children: "Verkooporder" }), _jsx(Row, { label: "Handelsvorm", children: tradingType }), _jsx(Row, { label: "Bestelmoment", children: fmtDateTime(order.orderedAt) }), _jsxs(Row, { label: "Aantal", children: [packages, " fusten (", piecesPerPackage, " st/f)"] }), _jsx(Row, { label: "Belading", children: belading }), _jsx(Row, { label: "Klant referentie", children: klantReferentie }), _jsx(Row, { label: "Floriday-referentie", children: floridayRef }), _jsx(Row, { label: "Verkoopkanaal", children: verkoopkanaal }), _jsx(Row, { label: "Financi\u00EBle afhandeling", children: financial }), _jsx(Row, { label: "Verkoper", children: sellerName ? (_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("span", { className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground", children: initials(sellerName) }), sellerName] })) : ("—") })] }), _jsxs("div", { children: [_jsx(SectionTitle, { children: "Levering" }), _jsx(Row, { label: "Afleverdatum", children: fmtDateTime(order.deliveryAt) }), _jsx(Row, { label: "Incoterm", children: incoterm }), _jsx(Row, { label: "Levering", children: _jsxs("div", { className: "inline-flex max-w-xs items-start gap-3 rounded-md border border-border bg-card p-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-primary/10 text-primary", children: _jsxs("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 11l9-8 9 8" }), _jsx("path", { d: "M5 10v10h14V10" }), _jsx("path", { d: "M10 20v-6h4v6" })] }) }), _jsxs("div", { className: "text-sm", children: [_jsx("div", { children: addr.line || "—" }), _jsx("div", { children: [addr.postal, addr.city].filter(Boolean).join(" ") || "—" }), _jsx("div", { children: countryLabel ?? "" }), addr.gln && (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: addr.gln }))] })] }) })] }), _jsxs("div", { children: [_jsx(SectionTitle, { children: "Klant" }), _jsx(Row, { label: "Naam", children: _jsx("span", { className: "font-medium", children: customerName }) }), _jsx(Row, { label: "GLN", children: customerGln }), _jsx(Row, { label: "Administratienummer", children: customerAdmin }), _jsx(Row, { label: "Telefoonnummer", children: customerPhone })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "rounded-md border border-border p-4", children: [_jsx("div", { className: "mb-3 text-sm font-semibold", children: "Prijs per stuk" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Product" }), _jsxs("span", { children: [oldProductPrice !== null && (_jsx("span", { className: "mr-2 text-destructive line-through", children: eurFlex.format(oldProductPrice) })), eurFlex.format(productUnit)] })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Transportkosten" }), _jsx("span", { children: eurFlex.format(transportPerPiece) })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Inkoopprijs" }), _jsx("span", { children: eurFlex.format(purchaseUnit) })] }), _jsxs("div", { className: "mt-2 flex justify-between border-t border-border pt-2 font-semibold", children: [_jsx("span", { children: "Totaal" }), _jsxs("span", { children: [_jsxs("span", { className: "mr-2 text-xs font-normal text-muted-foreground", children: ["(", packages, " \u00D7 ", piecesPerPackage, " \u00D7 ", eurFlex.format(productUnit), ")"] }), eurFlex.format(totalAmount)] })] })] })] }), _jsxs("div", { className: "rounded-md border border-border p-4", children: [_jsx("div", { className: "mb-3 text-sm font-semibold", children: "Status" }), _jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-muted-foreground", children: "Bestelling" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-600" }), bestellingLabel] })] }), hasCorrection && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-muted-foreground", children: "Correctie" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-600" }), "Correctie is verwerkt"] })] }))] })] })] })] })] }));
+}

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

@@ -0,0 +1,9 @@
+import type { Filters } from "./SalesOrdersFilters";
+export declare function countActiveFilters(f: Filters): number;
+export declare function SalesOrdersFilterPanel({ open, onOpenChange, value, onChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    value: Filters;
+    onChange: (next: Filters) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SalesOrdersFilterPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SalesOrdersFilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersFilterPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAYrD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,2CA2OA"}