@flowselections/actie-mail-kwekers-erp-mathot 1.0.28 → 1.0.31

package/dist-lib/components/AanbiedingsmailtjePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AanbiedingsmailtjePage.d.ts","sourceRoot":"","sources":["../../src/components/AanbiedingsmailtjePage.tsx"],"names":[],"mappings":"AAqDA,wBAAgB,sBAAsB,gCAmgCrC"}
+{"version":3,"file":"AanbiedingsmailtjePage.d.ts","sourceRoot":"","sources":["../../src/components/AanbiedingsmailtjePage.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,sBAAsB,gCA2hCrC"}

package/dist-lib/components/AanbiedingsmailtjePage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { useAuth, supabase, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Textarea, Badge, Separator, Skeleton, Switch, toast, } from "@flowselections/core";
+import { useAuth, supabase, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Textarea, Badge, Separator, Skeleton, Switch, toast, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@flowselections/core";
 import { useServerFn } from "@tanstack/react-start";
 import { useNavigate } from "@tanstack/react-router";
 import { Mail, Send, Search, X, Package, Users, Percent, Tag, BarChart3, Info, ArrowLeft, ArrowRight, CheckCircle2, Check } from "lucide-react";
@@ -21,7 +21,8 @@ export function AanbiedingsmailtjePage() {
     const [busy, setBusy] = useState(false);
     const [step, setStep] = useState(1);
     const [maxStep, setMaxStep] = useState(1);
-    const [name, setName] = useState("Nieuwe aanbieding");
+    const [name, setName] = useState("");
+    const [confirmSend, setConfirmSend] = useState(false);
     const [subject, setSubject] = useState("🌷 Speciale aanbieding voor u!");
     const [fromName, setFromName] = useState("");
     const [fromEmail, setFromEmail] = useState(user?.email ?? "");
@@ -250,30 +251,35 @@ export function AanbiedingsmailtjePage() {
         if (existing) {
             return;
         }
+        // Startprijs per fust = stukprijs × planten per fust; alleen als beide bekend en > 0, anders leeg.
+        const unit = Number(p.sale_price ?? 0);
+        const ppc = Number(p.plants_per_crate ?? 0);
+        const startCrate = unit > 0 && ppc > 0 ? round2(unit * ppc) : 0;
         setSelProducts((prev) => [...prev, {
                 product_id: p.id ?? `tmp:${p.product}`,
                 product_name: p.product ?? "(naamloos)",
                 description: "",
                 image_url: p.image_url,
-                normal_price: 0,
+                normal_price: startCrate,
                 discount_price: 0,
                 available_stock: p.quantity ?? 0,
                 plants_per_crate: p.plants_per_crate ?? 0,
                 belading: p.belading ?? "",
                 barcode: p.barcode ?? "",
-                crate_price: 0,
-                base_crate_price: 0,
+                crate_price: startCrate,
+                base_crate_price: startCrate,
                 sticker_cost: null,
                 sticker_available: true,
-                tiers: [{ min_crates: 1, price_per_crate: 0 }],
-                base_tiers: [{ min_crates: 1, price_per_crate: 0 }],
+                tiers: [],
+                base_tiers: [],
             }]);
     };
     const removeProduct = (id) => setSelProducts((prev) => prev.filter((p) => p.product_id !== id));
     const updateProd = (id, patch) => setSelProducts((prev) => prev.map((p) => (p.product_id === id ? { ...p, ...patch } : p)));
     /** Originele (ongekorte) referenties van een product. */
     const baseOf = (p) => {
-        const baseTiers = (p.base_tiers && p.base_tiers.length > 0 ? p.base_tiers : p.tiers) ?? [];
+        const baseTiers = ((p.base_tiers && p.base_tiers.length > 0 ? p.base_tiers : p.tiers) ?? [])
+            .filter((t) => Number.isFinite(Number(t.price_per_crate)) && Number(t.price_per_crate) > 0);
         const baseCrate = p.base_crate_price > 0
             ? p.base_crate_price
             : Math.max(p.crate_price, p.normal_price, 0);
@@ -457,8 +463,14 @@ export function AanbiedingsmailtjePage() {
                 recipient_email: c.email,
             }));
             // Blokkeer ongeldige staffels (bijv. dubbele "vanaf"-aantallen) vóór opslaan.
+            if (!name.trim()) {
+                toast.error("Geef de aanbieding een naam");
+                setBusy(false);
+                return;
+            }
             for (const p of selProducts) {
-                const blocking = validateTiers(p.tiers).find((i) => i.level === "error");
+                const filled = p.tiers.filter((t) => Number.isFinite(Number(t.price_per_crate)));
+                const blocking = validateTiers(filled, baseOf(p).baseCrate).find((i) => i.level === "error");
                 if (blocking) {
                     toast.error(`${p.product_name}: ${blocking.message}`);
                     setBusy(false);
@@ -466,11 +478,12 @@ export function AanbiedingsmailtjePage() {
                 }
             }
             const res = await createFn({ data: {
-                    name, subject, from_name: fromName || (user?.email ?? "FlowSelections"),
+                    name: name.trim(), subject, from_name: fromName || (user?.email ?? "FlowSelections"),
                     from_email: fromEmail, intro_message: intro,
                     products: selProducts.map((p, i) => {
                         const { base_tiers: _bt, base_crate_price: _bc, ...rest } = p;
-                        return { ...rest, tiers: sortTiers(p.tiers), sort_order: i };
+                        // Staffels zonder ingevulde prijs worden niet opgeslagen.
+                        return { ...rest, tiers: sortTiers(p.tiers.filter((t) => Number.isFinite(Number(t.price_per_crate)))), sort_order: i };
                     }),
                     recipients,
                 } });
@@ -541,8 +554,8 @@ export function AanbiedingsmailtjePage() {
                                                                 const sorted = sortTiers(p.tiers);
                                                                 const last = sorted[sorted.length - 1];
                                                                 const nextMin = last ? last.min_crates + 5 : 1;
-                                                                const basePrice = p.base_crate_price > 0 ? p.base_crate_price : (last?.price_per_crate ?? 0);
-                                                                const newTier = { min_crates: nextMin, price_per_crate: basePrice };
+                                                                // Nieuwe staffel start met een leeg prijsveld (nooit € 0).
+                                                                const newTier = { min_crates: nextMin, price_per_crate: Number.NaN };
                                                                 updateProd(p.product_id, {
                                                                     tiers: [...p.tiers, newTier],
                                                                     base_tiers: [...(p.base_tiers ?? p.tiers), newTier],
@@ -554,9 +567,10 @@ export function AanbiedingsmailtjePage() {
                                                                     base_tiers: (p.base_tiers ?? p.tiers).filter((_, i) => i !== idx),
                                                                 });
                                                             };
-                                                            const tierIssues = validateTiers(p.tiers);
-                                                            return (_jsxs("div", { className: "border rounded-md p-3 space-y-3 bg-muted/30", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex items-start gap-3 min-w-0", children: [_jsx("div", { className: "h-14 w-14 shrink-0 rounded-md border bg-muted overflow-hidden flex items-center justify-center", children: p.image_url ? (_jsx("img", { src: p.image_url, alt: p.product_name, className: "h-full w-full object-cover" })) : (_jsx(Package, { className: "h-6 w-6 text-muted-foreground" })) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: p.product_name }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Originele prijs: \u20AC ", p.normal_price.toFixed(2)] })] })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => removeProduct(p.product_id), children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-24 shrink-0", children: "Planten/fust:" }), _jsx("span", { className: "text-sm font-medium", children: p.plants_per_crate || "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-20 shrink-0", children: "Belading:" }), _jsx("span", { className: "text-sm font-medium", children: p.belading || "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-24 shrink-0", children: "Barcode:" }), _jsx("span", { className: "text-sm font-medium", children: p.barcode || "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-20 shrink-0", children: "Fustprijs: \u20AC" }), _jsx(Input, { type: "number", step: "0.01", value: p.crate_price, onChange: (e) => {
-                                                                                            const newPrice = round2(Number(e.target.value));
+                                                            const tierIssues = validateTiers(p.tiers, baseOf(p).baseCrate);
+                                                            return (_jsxs("div", { className: "border rounded-md p-3 space-y-3 bg-muted/30", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex items-start gap-3 min-w-0", children: [_jsx("div", { className: "h-14 w-14 shrink-0 rounded-md border bg-muted overflow-hidden flex items-center justify-center", children: p.image_url ? (_jsx("img", { src: p.image_url, alt: p.product_name, className: "h-full w-full object-cover" })) : (_jsx(Package, { className: "h-6 w-6 text-muted-foreground" })) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: p.product_name }), _jsx("div", { className: "text-xs text-muted-foreground", children: p.normal_price > 0 ? `Originele prijs: ${fmtEuroNL(p.normal_price)}` : "Geen prijs bekend — vul de fustprijs in" })] })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => removeProduct(p.product_id), children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-24 shrink-0", children: "Planten/fust:" }), _jsx("span", { className: "text-sm font-medium", children: p.plants_per_crate || "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-20 shrink-0", children: "Belading:" }), _jsx("span", { className: "text-sm font-medium", children: p.belading || "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-24 shrink-0", children: "Barcode:" }), _jsx("span", { className: "text-sm font-medium", children: p.barcode || "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-xs w-20 shrink-0", children: "Fustprijs: \u20AC" }), _jsx(Input, { type: "number", step: "0.01", min: "0", placeholder: "Vul de fustprijs in", value: p.crate_price > 0 ? p.crate_price : "", onChange: (e) => {
+                                                                                            const raw = Number(e.target.value);
+                                                                                            const newPrice = e.target.value === "" || !Number.isFinite(raw) || raw < 0 ? 0 : round2(raw);
                                                                                             // Fustprijs is de originele adviesprijs; staffelprijzen blijven ongemoeid.
                                                                                             updateProd(p.product_id, {
                                                                                                 crate_price: newPrice,
@@ -566,13 +580,14 @@ export function AanbiedingsmailtjePage() {
                                                                                             });
                                                                                         } })] })] }), _jsx("p", { className: "text-xs text-muted-foreground -mt-1", children: "Plantgegevens komen automatisch uit het product (voorraad) en zijn hier niet aanpasbaar." }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t pt-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Korting dit product:" }), [10, 15, 20, 25, 30].map((pct) => (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => applyProductDiscount(p.product_id, pct), children: [_jsx(Percent, { className: "h-3 w-3 mr-1" }), pct, "%"] }, pct))), _jsx(Input, { type: "number", min: 1, max: 99, placeholder: "%", className: "w-20 h-8", value: prodPct[p.product_id] ?? "", onChange: (e) => setProdPct((prev) => ({ ...prev, [p.product_id]: e.target.value })) }), _jsx(Button, { type: "button", size: "sm", variant: "secondary", onClick: () => applyProductDiscount(p.product_id, Number((prodPct[p.product_id] || "").replace(",", "."))), children: "Toepassen" }), _jsx("span", { className: "text-xs text-muted-foreground ml-1", children: "of \u20AC korting:" }), _jsx(Input, { type: "number", step: "0.01", min: "0.01", placeholder: "\u20AC", className: "w-24 h-8", value: prodEur[p.product_id] ?? "", onChange: (e) => setProdEur((prev) => ({ ...prev, [p.product_id]: e.target.value })) }), _jsx(Button, { type: "button", size: "sm", variant: "secondary", onClick: () => applyProductDiscountAmount(p.product_id, Number((prodEur[p.product_id] || "").replace(",", "."))), children: "Toepassen" })] }), _jsxs("div", { className: "flex items-center gap-2 border-t pt-2", children: [_jsx(Label, { className: "text-xs", children: "Stickeropdruk beschikbaar:" }), _jsx(Button, { type: "button", size: "sm", variant: p.sticker_available ? "default" : "outline", onClick: () => updateProd(p.product_id, { sticker_available: true }), children: "Ja" }), _jsx(Button, { type: "button", size: "sm", variant: !p.sticker_available ? "default" : "outline", onClick: () => updateProd(p.product_id, { sticker_available: false }), children: "Nee" })] }), _jsxs("div", { className: "space-y-2 border-t pt-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs font-medium", children: "Prijs aftuin ex. Fust vanaf .." }), _jsx(Button, { variant: "outline", size: "sm", onClick: addTier, children: "+ Staffel" })] }), p.tiers.map((t, idx) => {
                                                                                 const pct = discountPercent(p.normal_price, t.price_per_crate);
-                                                                                return (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Vanaf" }), _jsx(Input, { type: "number", className: "w-20", value: t.min_crates, onChange: (e) => updateTier(idx, { min_crates: Number(e.target.value) }) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "fust(en): \u20AC" }), _jsx(Input, { type: "number", step: "0.01", className: "w-24", value: t.price_per_crate, onChange: (e) => updateTier(idx, { price_per_crate: Number(e.target.value) }) }), _jsxs("span", { className: `text-xs font-medium ${pct > 0 ? "text-destructive" : "text-muted-foreground"}`, children: ["(", pct, "%)"] }), p.tiers.length > 1 && (_jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", onClick: () => removeTier(idx), children: _jsx(X, { className: "h-3 w-3" }) }))] }, idx));
-                                                                            }), _jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Percentage t.o.v. de originele fustprijs (\u20AC ", p.normal_price.toFixed(2), "), afgerond op hele procenten. Bij minder fusten dan de laagste staffel geldt de gewone prijs."] }), tierIssues.map((issue, i) => (_jsxs("p", { className: `text-[11px] ${issue.level === "error" ? "text-destructive" : "text-amber-600"}`, children: [issue.level === "error" ? "Fout: " : "Let op: ", issue.message] }, i)))] }), _jsx(Textarea, { placeholder: "Omschrijving (optioneel)", rows: 2, value: p.description, onChange: (e) => updateProd(p.product_id, { description: e.target.value }) })] }, p.product_id));
+                                                                                return (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Vanaf" }), _jsx(Input, { type: "number", className: "w-20", value: t.min_crates, onChange: (e) => updateTier(idx, { min_crates: Number(e.target.value) }) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "fust(en): \u20AC" }), _jsx(Input, { type: "number", step: "0.01", min: "0.01", className: "w-24", placeholder: "Prijs", value: Number.isFinite(t.price_per_crate) ? t.price_per_crate : "", onChange: (e) => updateTier(idx, { price_per_crate: e.target.value === "" ? Number.NaN : Number(e.target.value.replace(",", ".")) }) }), _jsxs("span", { className: `text-xs font-medium ${pct > 0 ? "text-destructive" : "text-muted-foreground"}`, children: ["(", pct, "%)"] }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", onClick: () => removeTier(idx), children: _jsx(X, { className: "h-3 w-3" }) })] }, idx));
+                                                                            }), _jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Percentage t.o.v. de originele fustprijs (", fmtEuroNL(p.normal_price), "), afgerond op hele procenten. Bij minder fusten dan de laagste staffel geldt de gewone prijs."] }), tierIssues.map((issue, i) => (_jsxs("p", { className: `text-[11px] ${issue.level === "error" ? "text-destructive" : "text-amber-600"}`, children: [issue.level === "error" ? "Fout: " : "Let op: ", issue.message] }, i)))] }), _jsx(Textarea, { placeholder: "Omschrijving (optioneel)", rows: 2, value: p.description, onChange: (e) => updateProd(p.product_id, { description: e.target.value }) })] }, p.product_id));
                                                         }) })] }))] })] })), step === 2 && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-5 w-5" }), _jsx(CardTitle, { children: "Aan wie stuur je het?" })] }), _jsx(CardDescription, { children: "Kies de klanten die deze aanbieding ontvangen." }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground pt-1", children: [_jsx(Info, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: "Er worden alleen klanten getoond met een e-mailadres. Klanten zonder e-mailadres zijn niet selecteerbaar." })] })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek klant...", value: customerSearch, onChange: (e) => setCustomerSearch(e.target.value) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: allVisibleSelected, onChange: toggleAllVisible }), "Selecteer alle klanten met email"] }), _jsxs(Badge, { variant: "secondary", children: [selCustomers.size, " geselecteerd"] })] }), showCustomerClasses && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Selecteer op klantgroep" }), _jsx("div", { className: "flex flex-wrap gap-2", children: classGroups.map((g) => {
                                                             const allSel = g.customers.length > 0 && g.customers.every((c) => selCustomers.has(c.id));
                                                             return (_jsxs(Button, { type: "button", variant: allSel ? "default" : "outline", size: "sm", onClick: () => toggleClass(g.letter), className: "gap-2", children: ["Klasse ", g.letter, _jsx(Badge, { variant: "secondary", className: "px-1.5 py-0 text-xs", children: g.customers.length })] }, g.letter));
                                                         }) })] })), _jsx(Separator, {}), _jsx("div", { className: "max-h-[500px] overflow-y-auto space-y-2 pr-1", children: filteredCustomers.slice(0, 500).map((c) => {
                                                     const checked = selCustomers.has(c.id);
                                                     return (_jsxs("button", { onClick: () => toggleCustomer(c.id), className: `w-full text-left p-3 rounded-md border hover:bg-muted text-sm flex items-center gap-3 ${checked ? "bg-primary/5 border-primary/40" : ""}`, children: [_jsx("input", { type: "checkbox", checked: checked, readOnly: true }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "font-medium truncate flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: c.company_name }), c.source === "ext" && _jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0", children: "Floriday" })] }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: c.email })] }), c.customer_class && _jsx(Badge, { variant: "secondary", children: c.customer_class })] }, c.id));
-                                                }) })] })] })), step === 3 && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-5 w-5" }), _jsx(CardTitle, { children: "Wat staat er in de mail?" })] }), _jsx(CardDescription, { children: "Pas het onderwerp en de boodschap aan \u2014 je ziet het direct in het voorbeeld." })] }), _jsxs(CardContent, { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Onderwerp" }), _jsx(Input, { value: subject, onChange: (e) => setSubject(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bericht" }), _jsx(Textarea, { value: intro, onChange: (e) => setIntro(e.target.value), rows: 3 })] }), _jsxs("div", { className: "space-y-2 md:col-span-2 hidden", children: [_jsx(Label, { children: "Afzendernaam" }), _jsx(Input, { value: fromName, onChange: (e) => setFromName(e.target.value) }), _jsx(Label, { children: "Afzender e-mail" }), _jsx(Input, { type: "email", value: fromEmail, onChange: (e) => setFromEmail(e.target.value) })] }), _jsxs("div", { className: "md:col-span-2 flex items-start gap-2 rounded-md border bg-muted/40 p-3 text-xs text-muted-foreground", children: [_jsx(Info, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: "Tip: een duidelijk onderwerp en korte samenvatting zorgen voor meer openingen." })] })] })] })), step === 4 && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-5 w-5" }), _jsx(CardTitle, { children: "Controleren & versturen" })] }), _jsx(CardDescription, { children: "Controleer je aanbieding en verstuur of bewaar als concept." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Producten" }), _jsx("div", { className: "text-xl font-semibold", children: selProducts.length })] }), _jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Ontvangers" }), _jsx("div", { className: "text-xl font-semibold", children: selCustomers.size })] }), _jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Onderwerp" }), _jsx("div", { className: "truncate text-sm font-medium", children: subject || "—" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Producten in deze aanbieding" }), selProducts.length === 0 ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen producten geselecteerd." })) : (_jsx("div", { className: "divide-y rounded-md border", children: selProducts.map((p) => (_jsxs("div", { className: "flex items-center justify-between gap-3 p-3 text-sm", children: [_jsx("span", { className: "truncate", children: p.product_name }), _jsxs("span", { className: "shrink-0 font-medium", children: ["\u20AC ", p.crate_price.toFixed(2)] })] }, p.product_id))) }))] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "outline", disabled: busy, onClick: () => handleSave(false), children: "Opslaan als concept" }), _jsxs(Button, { disabled: busy || selProducts.length === 0 || selCustomers.size === 0, onClick: () => handleSave(true), children: [_jsx(Send, { className: "h-4 w-4 mr-2" }), busy ? "Bezig..." : "Actie Versturen"] })] })] })] }))] }), _jsx(EmailPreview, { subject: subject, intro: intro, fromName: fromName || (user?.email ?? ""), products: selProducts, recipientCount: selCustomers.size, offerName: name, branding: branding })] }), _jsx("div", { className: "sticky bottom-0 z-30 -mx-6 -mb-6 border-t bg-background/95 backdrop-blur px-6 py-3", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-semibold", children: stepDef.title }), _jsxs("div", { className: "truncate text-sm text-muted-foreground", children: [selProducts.length, " product(en) \u2022 ", selCustomers.size, " klant(en)", nextHint ? ` • ${nextHint}` : ""] })] }), _jsxs("div", { className: "flex shrink-0 gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => (step === 1 ? navigate({ to: "/aanbiedingsmailtje/overzicht" }) : goTo(step - 1)), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), step === 1 ? "Annuleren" : "Vorige"] }), step < 4 ? (_jsxs(Button, { onClick: goNext, disabled: !canNext, children: ["Verder naar ", AANBIEDING_STEPS[step].title.toLowerCase(), _jsx(ArrowRight, { className: "h-4 w-4 ml-2" })] })) : (_jsxs(Button, { disabled: busy || selProducts.length === 0 || selCustomers.size === 0, onClick: () => handleSave(true), children: [_jsx(Send, { className: "h-4 w-4 mr-2" }), busy ? "Bezig..." : "Actie Versturen"] }))] })] }) })] }));
+                                                }) })] })] })), step === 3 && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-5 w-5" }), _jsx(CardTitle, { children: "Wat staat er in de mail?" })] }), _jsx(CardDescription, { children: "Pas het onderwerp en de boodschap aan \u2014 je ziet het direct in het voorbeeld." })] }), _jsxs(CardContent, { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Onderwerp" }), _jsx(Input, { value: subject, onChange: (e) => setSubject(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bericht" }), _jsx(Textarea, { value: intro, onChange: (e) => setIntro(e.target.value), rows: 3 })] }), _jsxs("div", { className: "space-y-2 md:col-span-2 hidden", children: [_jsx(Label, { children: "Afzendernaam" }), _jsx(Input, { value: fromName, onChange: (e) => setFromName(e.target.value) }), _jsx(Label, { children: "Afzender e-mail" }), _jsx(Input, { type: "email", value: fromEmail, onChange: (e) => setFromEmail(e.target.value) })] }), _jsxs("div", { className: "md:col-span-2 flex items-start gap-2 rounded-md border bg-muted/40 p-3 text-xs text-muted-foreground", children: [_jsx(Info, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: "Tip: een duidelijk onderwerp en korte samenvatting zorgen voor meer openingen." })] })] })] })), step === 4 && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-5 w-5" }), _jsx(CardTitle, { children: "Controleren & versturen" })] }), _jsx(CardDescription, { children: "Controleer je aanbieding en verstuur of bewaar als concept." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Producten" }), _jsx("div", { className: "text-xl font-semibold", children: selProducts.length })] }), _jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Ontvangers" }), _jsx("div", { className: "text-xl font-semibold", children: selCustomers.size })] }), _jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Onderwerp" }), _jsx("div", { className: "truncate text-sm font-medium", children: subject || "—" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Producten in deze aanbieding" }), selProducts.length === 0 ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen producten geselecteerd." })) : (_jsx("div", { className: "divide-y rounded-md border", children: selProducts.map((p) => (_jsxs("div", { className: "flex items-center justify-between gap-3 p-3 text-sm", children: [_jsx("span", { className: "truncate", children: p.product_name }), _jsxs("span", { className: "shrink-0 font-medium", children: ["\u20AC ", p.crate_price.toFixed(2)] })] }, p.product_id))) }))] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "outline", disabled: busy, onClick: () => handleSave(false), children: "Opslaan als concept" }), _jsxs(Button, { disabled: busy || selProducts.length === 0 || selCustomers.size === 0, onClick: () => setConfirmSend(true), children: [_jsx(Send, { className: "h-4 w-4 mr-2" }), busy ? "Bezig..." : "Actie Versturen"] })] })] })] }))] }), _jsx(EmailPreview, { subject: subject, intro: intro, fromName: fromName || (user?.email ?? ""), products: selProducts, recipientCount: selCustomers.size, offerName: name, branding: branding })] }), _jsx("div", { className: "sticky bottom-0 z-30 -mx-6 -mb-6 border-t bg-background/95 backdrop-blur px-6 py-3", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-semibold", children: stepDef.title }), _jsxs("div", { className: "truncate text-sm text-muted-foreground", children: [selProducts.length, " product(en) \u2022 ", selCustomers.size, " klant(en)", nextHint ? ` • ${nextHint}` : ""] })] }), _jsxs("div", { className: "flex shrink-0 gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => (step === 1 ? navigate({ to: "/aanbiedingsmailtje/overzicht" }) : goTo(step - 1)), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), step === 1 ? "Annuleren" : "Vorige"] }), step < 4 ? (_jsxs(Button, { onClick: goNext, disabled: !canNext, children: ["Verder naar ", AANBIEDING_STEPS[step].title.toLowerCase(), _jsx(ArrowRight, { className: "h-4 w-4 ml-2" })] })) : (_jsxs(Button, { disabled: busy || selProducts.length === 0 || selCustomers.size === 0, onClick: () => setConfirmSend(true), children: [_jsx(Send, { className: "h-4 w-4 mr-2" }), busy ? "Bezig..." : "Actie Versturen"] }))] })] }) }), _jsx(AlertDialog, { open: confirmSend, onOpenChange: setConfirmSend, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Actie versturen?" }), _jsxs(AlertDialogDescription, { children: ["Je verstuurt deze actie nu naar ", selCustomers.size, " ", selCustomers.size === 1 ? "ontvanger" : "ontvangers", ". Dit kun je niet terugdraaien."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => { setConfirmSend(false); void handleSave(true); }, children: "Ja, versturen" })] })] }) })] }));
 }
+const fmtEuroNL = (n) => new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR" }).format(Number(n) || 0);

package/dist-lib/components/ActiePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActiePage.d.ts","sourceRoot":"","sources":["../../src/components/ActiePage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,SAAS,gCAysBxB"}
+{"version":3,"file":"ActiePage.d.ts","sourceRoot":"","sources":["../../src/components/ActiePage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,SAAS,gCA+sBxB"}

package/dist-lib/components/ActiePage.js

@@ -6,7 +6,7 @@ import { Button, Input, Label, Textarea, Skeleton, toast } from "@flowselections
 import { getOfferByLinkCode, trackOfferClick, placeOfferOrder, getOfferDeliveryOptions, getOfferBranding, } from "../lib/public-offer.functions.js";
 import { ShoppingCart, Check, Package, Truck, Minus, Plus, Send, Leaf, MapPin } from "lucide-react";
 import { resolveBranding } from "../lib/branding.js";
-import { sortTiers, resolveTierPrice, discountPercent } from "../lib/pricing.js";
+import { validTiers, resolveTierPrice, discountPercent } from "../lib/pricing.js";
 // ISO weekday: Ma=1 .. Zo=7
 function isoWeekday(d) {
     const js = d.getDay(); // 0..6, 0=Sun
@@ -175,18 +175,19 @@ export function ActiePage() {
         const plants = crates * ppc;
         // Prijsprioriteit: (1) geldende staffelprijs uit actie-e-mail, (2) discount_price uit
         // e-mail, (3) standaardprijs. Onder de laagste staffel geldt (2)/(3).
-        const tiers = sortTiers((Array.isArray(p.tiers) ? p.tiers : []).map((t) => ({
+        const tiers = validTiers((Array.isArray(p.tiers) ? p.tiers : []).map((t) => ({
             min_crates: Number(t.min_crates),
             price_per_crate: Number(t.price_per_crate),
         })));
-        const resolved = resolveTierPrice(tiers, crates, {
+        // Bij aantal 0 tonen we de prijs voor 1 fust (nooit stukprijs × planten).
+        const resolved = resolveTierPrice(tiers, Math.max(1, crates), {
             discount_price: Number(p.discount_price ?? 0),
             normal_price: Number(p.normal_price ?? 0),
         });
         const priceSource = resolved.source;
-        // Staffelprijs is per fust; discount/normal zijn per plant.
-        const cratePrice = priceSource === "tier" ? resolved.price : resolved.price * ppc;
-        const unit = priceSource === "tier" ? resolved.price / ppc : resolved.price;
+        // Alle prijzen (staffel, actie, normaal) zijn per fust — gelijk aan de server.
+        const cratePrice = resolved.price;
+        const unit = Math.round((resolved.price / ppc) * 100) / 100;
         const priceSourceLabel = priceSource === "tier" ? "Prijs uit actie-e-mail"
             : priceSource === "discount" ? "Actieprijs uit e-mail"
                 : "Standaardprijs artikelbeheer";
@@ -262,7 +263,15 @@ export function ActiePage() {
                     items,
                 },
             });
-            setPlaced({ id: r.orderId, total: r.total, orderNumber: r.orderNumber ?? null, unmatched: !r.ok });
+            if (!r.ok && r.reason === "price_changed") {
+                toast.error(r.message ?? "De prijs is gewijzigd. Controleer je bestelling.");
+                try {
+                    setData(await getFn({ data: { code: linkCode } }));
+                }
+                catch { /* blijft oude weergave */ }
+                return;
+            }
+            setPlaced({ id: r.orderId ?? "", total: r.total, orderNumber: r.orderNumber ?? null, unmatched: !r.ok });
         }
         catch (e) {
             toast.error(e?.message ?? "Fout");
@@ -276,7 +285,7 @@ export function ActiePage() {
         if (placed.unmatched) {
             return (_jsx("div", { className: "min-h-screen bg-[#fffbeb] flex items-center justify-center p-6", children: _jsxs("div", { className: "max-w-md w-full bg-white rounded-2xl shadow-lg border border-amber-200 p-8 text-center", children: [_jsx("h2", { className: "text-2xl font-bold text-slate-900", children: "Bestelling ontvangen \u2014 actie nodig" }), _jsxs("p", { className: "mt-3 text-slate-700", children: ["We hebben je bestelling (referentie ", _jsx("strong", { children: ref }), ") ontvangen, maar konden die niet automatisch aan je klantaccount koppelen."] }), _jsxs("p", { className: "mt-3 text-slate-700", children: ["Neem contact op met ", brandName, " en noem deze referentie, dan verwerken we je bestelling voor je."] })] }) }));
         }
-        return (_jsx("div", { className: "min-h-screen bg-[#f0fdf4] flex items-center justify-center p-6", children: _jsxs("div", { className: "max-w-md w-full bg-white rounded-2xl shadow-lg border border-green-100 p-8 text-center", children: [_jsx("div", { className: "mx-auto rounded-full bg-green-100 p-3 w-fit", children: _jsx(Check, { className: "h-8 w-8 text-green-600" }) }), _jsx("h2", { className: "mt-4 text-2xl font-bold text-slate-900", children: "Bedankt voor uw bestelling!" }), _jsxs("p", { className: "mt-2 text-slate-600", children: ["Bestelling ", ref] }), _jsxs("p", { className: "mt-1 text-lg font-semibold text-green-700", children: ["Totaal: ", fmtEuro(placed.total)] }), _jsx("p", { className: "mt-4 text-sm text-slate-500", children: "We nemen zo spoedig mogelijk contact met u op." })] }) }));
+        return (_jsx("div", { className: "min-h-screen bg-[#f0fdf4] flex items-center justify-center p-6", children: _jsxs("div", { className: "max-w-md w-full bg-white rounded-2xl shadow-lg border border-green-100 p-8 text-center", children: [_jsx("div", { className: "mx-auto rounded-full bg-green-100 p-3 w-fit", children: _jsx(Check, { className: "h-8 w-8 text-green-600" }) }), _jsx("h2", { className: "mt-4 text-2xl font-bold text-slate-900", children: "Bedankt, je bestelling is ontvangen" }), _jsxs("p", { className: "mt-2 text-slate-600", children: ["Bestelling ", ref] }), _jsxs("p", { className: "mt-1 text-lg font-semibold text-green-700", children: ["Totaal: ", fmtEuro(placed.total)] }), _jsx("p", { className: "mt-4 text-sm text-slate-500", children: "We gaan er direct mee aan de slag." })] }) }));
     }
     return (_jsxs("div", { className: "min-h-screen bg-[#f0fdf4] flex flex-col", style: brandStyle, children: [_jsx("header", { className: "text-white", style: { backgroundColor: "var(--offer-primary)" }, children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 sm:px-6 py-6 sm:py-10 text-center", children: [_jsxs("div", { className: "mx-auto mb-3 sm:mb-4 inline-flex max-w-full items-center justify-center gap-2 bg-white rounded-md px-3 py-2 shadow-sm", children: [brand.logoUrl ? (_jsx("img", { src: brand.logoUrl, alt: brandName, className: "h-6 sm:h-7 w-auto max-w-[180px] object-contain" })) : (_jsx(Leaf, { className: "h-5 w-5 shrink-0", style: { color: "var(--offer-primary)" } })), _jsx("span", { className: "font-bold text-slate-900 tracking-tight truncate", children: brandName })] }), _jsxs("h1", { className: "text-2xl sm:text-3xl md:text-4xl font-extrabold tracking-tight break-words", children: ["\uD83C\uDF31 ", data?.campaign?.subject ?? "Speciale Aanbieding"] }), data?.campaign?.intro_message ? (_jsx("p", { className: "mt-3 text-white/90 text-sm sm:text-base whitespace-pre-line max-w-2xl mx-auto", children: data.campaign.intro_message })) : (_jsx("p", { className: "mt-3 text-white/90 text-sm sm:text-base", children: "Wij hebben een mooie aanbieding voor u!" }))] }) }), _jsxs("main", { className: "flex-1 max-w-6xl w-full mx-auto px-3 sm:px-6 py-6 sm:py-8 space-y-6 pb-28 lg:pb-8", children: [_jsxs("div", { className: "w-full text-left p-3 rounded-md border border-slate-200 bg-white text-sm flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-md bg-primary text-white grid place-items-center text-sm font-bold shrink-0", children: data?.recipient?.recipient_name
                                     ?.split(" ")

package/dist-lib/components/CampagneDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CampagneDetail.d.ts","sourceRoot":"","sources":["../../src/components/CampagneDetail.tsx"],"names":[],"mappings":"AASA,wBAAgB,cAAc,gCA0H7B"}
+{"version":3,"file":"CampagneDetail.d.ts","sourceRoot":"","sources":["../../src/components/CampagneDetail.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,gCA0H7B"}

package/dist-lib/components/CampagneDetail.js

@@ -1,4 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CampaignStatusBadge, euro } from "./overzicht/campaignStatus.js";
 import { useEffect, useState } from "react";
 import { useParams } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
@@ -60,7 +61,7 @@ export function CampagneDetail() {
         toast.success("Verwijderd");
         navigate({ to: "/aanbiedingsmailtje/overzicht" });
     };
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx(Link, { to: "/aanbiedingsmailtje/overzicht", children: _jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-2", children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-1" }), "Terug"] }) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: c.name }), _jsx(CardDescription, { children: c.subject })] }), _jsx(Badge, { variant: c.status === "sent" ? "default" : "secondary", children: c.status })] }) }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Van: ", c.from_name, " <", c.from_email, ">"] }), c.intro_message && _jsx("p", { className: "text-sm", children: c.intro_message }), _jsxs("div", { className: "flex gap-2", children: [c.status !== "sent" && (_jsxs(Button, { onClick: handleSend, disabled: busy, children: [_jsx(Send, { className: "h-4 w-4 mr-1" }), "Versturen"] })), _jsxs(Button, { variant: "destructive", onClick: handleDel, children: [_jsx(Trash2, { className: "h-4 w-4 mr-1" }), "Verwijderen"] })] })] })] }), stats && (_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3", children: [_jsx(StatCard, { icon: _jsx(Mail, {}), label: "Verzonden", value: stats.sent }), _jsx(StatCard, { icon: _jsx(Eye, {}), label: "Geopend", value: stats.opened }), _jsx(StatCard, { icon: _jsx(MousePointerClick, {}), label: "Klikken", value: stats.clicked }), _jsx(StatCard, { icon: _jsx(ShoppingCart, {}), label: "Bestellingen", value: stats.ordered }), _jsx(StatCard, { icon: _jsx("span", { children: "\u20AC" }), label: "Omzet", value: `€ ${Number(stats.revenue).toFixed(2)}` })] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: ["Producten (", data.products.length, ")"] }) }), _jsx(CardContent, { className: "space-y-2", children: data.products.map((p) => (_jsxs("div", { className: "flex justify-between border-b py-2 text-sm", children: [_jsx("span", { children: p.product_name }), _jsxs("span", { children: [_jsxs("span", { className: "line-through text-muted-foreground mr-2", children: ["\u20AC ", Number(p.normal_price).toFixed(2)] }), _jsxs("span", { className: "font-semibold", children: ["\u20AC ", Number(p.discount_price).toFixed(2)] })] })] }, p.id))) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { children: ["Ontvangers (", data.recipients.length, ")"] }), _jsx(CardDescription, { children: "Klik op een rij om de unieke actie-URL te kopi\u00EBren" })] }), _jsx(CardContent, { children: _jsx("div", { className: "max-h-[400px] overflow-y-auto divide-y text-sm", children: data.recipients.map((r) => {
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx(Link, { to: "/aanbiedingsmailtje/overzicht", children: _jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-2", children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-1" }), "Terug"] }) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: c.name }), _jsx(CardDescription, { children: c.subject })] }), _jsx(CampaignStatusBadge, { status: c.status })] }) }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Van: ", c.from_name, " <", c.from_email, ">"] }), c.intro_message && _jsx("p", { className: "text-sm", children: c.intro_message }), _jsxs("div", { className: "flex gap-2", children: [c.status !== "sent" && (_jsxs(Button, { onClick: handleSend, disabled: busy, children: [_jsx(Send, { className: "h-4 w-4 mr-1" }), "Versturen"] })), _jsxs(Button, { variant: "destructive", onClick: handleDel, children: [_jsx(Trash2, { className: "h-4 w-4 mr-1" }), "Verwijderen"] })] })] })] }), stats && (_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3", children: [_jsx(StatCard, { icon: _jsx(Mail, {}), label: "Verzonden", value: stats.sent }), _jsx(StatCard, { icon: _jsx(Eye, {}), label: "Geopend", value: stats.opened }), _jsx(StatCard, { icon: _jsx(MousePointerClick, {}), label: "Klikken", value: stats.clicked }), _jsx(StatCard, { icon: _jsx(ShoppingCart, {}), label: "Bestellingen", value: stats.ordered }), _jsx(StatCard, { icon: _jsx("span", { children: "\u20AC" }), label: "Omzet", value: euro(Number(stats.revenue)) })] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: ["Producten (", data.products.length, ")"] }) }), _jsx(CardContent, { className: "space-y-2", children: data.products.map((p) => (_jsxs("div", { className: "flex justify-between border-b py-2 text-sm", children: [_jsx("span", { children: p.product_name }), _jsx("span", { children: Number(p.discount_price) > 0 && Number(p.discount_price) < Number(p.normal_price) ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "line-through text-muted-foreground mr-2", children: euro(Number(p.normal_price)) }), _jsx("span", { className: "font-semibold", children: euro(Number(p.discount_price)) })] })) : (_jsx("span", { className: "font-semibold", children: euro(Number(p.normal_price)) })) })] }, p.id))) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { children: ["Ontvangers (", data.recipients.length, ")"] }), _jsx(CardDescription, { children: "Klik op een rij om de unieke actie-URL te kopi\u00EBren" })] }), _jsx(CardContent, { children: _jsx("div", { className: "max-h-[400px] overflow-y-auto divide-y text-sm", children: data.recipients.map((r) => {
                                 const url = `${origin}/actie/${r.link_code}`;
                                 return (_jsxs("button", { onClick: () => { navigator.clipboard.writeText(url); toast.success("Link gekopieerd"); }, className: "w-full text-left py-2 hover:bg-muted/50 grid grid-cols-12 gap-2 items-center", children: [_jsx("div", { className: "col-span-4 font-medium truncate", children: r.recipient_name }), _jsx("div", { className: "col-span-4 text-muted-foreground truncate", children: r.recipient_email }), _jsxs("div", { className: "col-span-4 flex gap-1 justify-end", children: [r.sent_at && _jsx(Badge, { variant: "outline", children: "verzonden" }), r.opened_at && _jsx(Badge, { variant: "secondary", children: "geopend" }), r.clicked_at && _jsx(Badge, { children: "geklikt" }), r.ordered_at && _jsx(Badge, { variant: "default", children: "besteld" })] })] }, r.id));
                             }) }) })] })] }));

package/dist-lib/components/CampagneOverzicht.js

@@ -5,12 +5,12 @@ import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { getOverallStats } from "../lib/stats.functions.js";
 import { Plus, ArrowLeft, Search, BarChart3, Mail } from "lucide-react";
-import { DateRangePicker, loadStoredRange, storeRange } from "./DateRangePicker";
-import { PrestatieTegels } from "./overzicht/PrestatieTegels";
-import { RecenteCampagnes } from "./overzicht/RecenteCampagnes";
-import { TopLijsten } from "./overzicht/TopLijsten";
-import { NietGekoppeldeBestellingen } from "./overzicht/NietGekoppeldeBestellingen";
-import { CampaignStatusBadge, campaignStatus, campaignTimeLabel, euro } from "./overzicht/campaignStatus";
+import { DateRangePicker, loadStoredRange, storeRange } from "./DateRangePicker.js";
+import { PrestatieTegels } from "./overzicht/PrestatieTegels.js";
+import { RecenteCampagnes } from "./overzicht/RecenteCampagnes.js";
+import { TopLijsten } from "./overzicht/TopLijsten.js";
+import { NietGekoppeldeBestellingen } from "./overzicht/NietGekoppeldeBestellingen.js";
+import { CampaignStatusBadge, campaignStatus, campaignTimeLabel, euro } from "./overzicht/campaignStatus.js";
 const STATUS_FILTERS = [
     { id: "all", label: "Alle" },
     { id: "sent", label: "Verzonden" },

package/dist-lib/components/aanbieding/EmailPreview.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, cn } from "@flowselections/core";
 import { Monitor, Smartphone, Package, Info, Mail, ExternalLink, ShoppingCart } from "lucide-react";
-import { sortTiers, discountPercent } from "../../lib/pricing.js";
+import { validTiers, discountPercent } from "../../lib/pricing.js";
 import { resolveBranding } from "../../lib/branding.js";
 const euro = (n) => `€ ${(Number.isFinite(n) ? n : 0).toFixed(2)}`;
 export function EmailPreview({ subject, intro, fromName, products, recipientCount, offerName, branding }) {
@@ -14,7 +14,7 @@ export function EmailPreview({ subject, intro, fromName, products, recipientCoun
     return (_jsxs(Card, { className: "xl:sticky xl:top-6", children: [_jsxs(CardHeader, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Voorbeeld" }), _jsx(CardDescription, { children: view === "email"
                                             ? "Zo ziet je e-mail eruit voor je ontvangers."
                                             : "Zo ziet de actiepagina eruit na het klikken op de link." })] }), _jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [_jsx(Button, { type: "button", size: "icon", variant: device === "desktop" ? "default" : "ghost", className: "h-7 w-7", "aria-label": "Desktopweergave", onClick: () => setDevice("desktop"), children: _jsx(Monitor, { className: "h-4 w-4" }) }), _jsx(Button, { type: "button", size: "icon", variant: isMobile ? "default" : "ghost", className: "h-7 w-7", "aria-label": "Mobiele weergave", onClick: () => setDevice("mobile"), children: _jsx(Smartphone, { className: "h-4 w-4" }) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-1 rounded-md border bg-muted/40 p-1", children: [_jsxs(Button, { type: "button", size: "sm", variant: view === "email" ? "default" : "ghost", className: "h-8 gap-1.5", onClick: () => setView("email"), "aria-pressed": view === "email", children: [_jsx(Mail, { className: "h-3.5 w-3.5" }), " E-mail"] }), _jsxs(Button, { type: "button", size: "sm", variant: view === "landing" ? "default" : "ghost", className: "h-8 gap-1.5", onClick: () => setView("landing"), "aria-pressed": view === "landing", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), " Actiepagina"] })] })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsx("div", { className: cn("mx-auto transition-all", isMobile ? "max-w-[340px]" : "w-full"), children: view === "email" ? (_jsxs("div", { className: "rounded-lg border bg-card overflow-hidden", children: [_jsxs("div", { className: "border-b bg-muted/40 px-4 py-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Onderwerpregel" }), _jsx("div", { className: "font-semibold leading-snug break-words", children: subject?.trim() || "Speciale aanbieding voor u!" }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground truncate", children: ["Van: ", fromName?.trim() || "Aanbiedingsmailtje"] })] }), _jsxs("div", { className: "flex flex-col items-center gap-2 px-4 py-4 text-center", style: { backgroundColor: brand.primary }, children: [brand.logoUrl && (_jsx("img", { src: brand.logoUrl, alt: "", className: "h-8 w-auto max-w-[160px] object-contain" })), _jsx("div", { className: "text-sm font-bold", style: { color: "#ffffff" }, children: subject?.trim() || "Speciale aanbieding voor u!" })] }), _jsxs("div", { className: "space-y-4 px-4 py-4", children: [_jsx("p", { className: "text-sm text-muted-foreground whitespace-pre-wrap", children: intro?.trim() || "Korte samenvatting van je aanbieding..." }), _jsx("button", { className: "w-full rounded-md px-4 py-2 text-sm font-semibold", type: "button", disabled: true, style: { backgroundColor: brand.button, color: brand.buttonText }, children: "\uD83D\uDED2 Direct Bestellen" }), _jsxs("div", { className: "rounded-md border p-3 space-y-3", children: [_jsx("div", { className: "text-sm font-medium", children: "Producten in deze aanbieding" }), safeProducts.length === 0 ? (_jsx("div", { className: cn("grid gap-2", isMobile ? "grid-cols-2" : "grid-cols-3"), children: [0, 1, 2].map((i) => (_jsxs("div", { className: "rounded-md border bg-muted/40 p-3 space-y-2", children: [_jsx("div", { className: "flex h-16 items-center justify-center rounded bg-muted", children: _jsx(Package, { className: "h-5 w-5 text-muted-foreground" }) }), _jsx("div", { className: "h-2 w-3/4 rounded bg-muted" }), _jsx("div", { className: "h-2 w-1/2 rounded bg-muted" })] }, i))) })) : (_jsx("div", { className: cn("grid gap-2", isMobile ? "grid-cols-1" : "grid-cols-2"), children: safeProducts.map((p) => {
-                                                        const tiers = sortTiers(Array.isArray(p.tiers) ? p.tiers : []);
+                                                        const tiers = validTiers(Array.isArray(p.tiers) ? p.tiers : []);
                                                         return (_jsxs("div", { className: "rounded-md border p-2 space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "h-14 w-14 shrink-0 overflow-hidden rounded border bg-muted flex items-center justify-center", children: p.image_url ? (_jsx("img", { src: p.image_url, alt: p.product_name, className: "h-full w-full object-cover" })) : (_jsx(Package, { className: "h-5 w-5 text-muted-foreground" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium leading-tight break-words", children: p.product_name }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-baseline gap-1.5", children: [_jsx("span", { className: "text-sm font-semibold text-primary", children: euro(p.crate_price) }), p.normal_price > p.crate_price && (_jsx("span", { className: "text-xs text-muted-foreground line-through", children: euro(p.normal_price) }))] })] })] }), p.description?.trim() && (_jsx("p", { className: "text-xs text-muted-foreground break-words", children: p.description })), tiers.length > 0 && (_jsx("ul", { className: "space-y-0.5 text-xs text-muted-foreground", children: tiers.map((t, i) => {
                                                                         const pct = discountPercent(p.normal_price, t.price_per_crate);
                                                                         return (_jsxs("li", { children: ["Vanaf ", t.min_crates, " fust(en): ", euro(t.price_per_crate), pct > 0 ? ` (-${pct}%)` : ""] }, i));

package/dist-lib/components/overzicht/NietGekoppeldeBestellingen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NietGekoppeldeBestellingen.d.ts","sourceRoot":"","sources":["../../../src/components/overzicht/NietGekoppeldeBestellingen.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,0BAA0B,uCAsBzC"}
+{"version":3,"file":"NietGekoppeldeBestellingen.d.ts","sourceRoot":"","sources":["../../../src/components/overzicht/NietGekoppeldeBestellingen.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,0BAA0B,uCAsBzC"}

package/dist-lib/components/overzicht/NietGekoppeldeBestellingen.js

@@ -5,7 +5,7 @@ import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
 import { AlertTriangle } from "lucide-react";
 import { listUnlinkedOfferOrders, searchCustomersForLink, relinkOfferOrder, } from "../../lib/unlinked-offer-orders.functions.js";
-import { euro } from "./campaignStatus";
+import { euro } from "./campaignStatus.js";
 function Row({ o, onDone }) {
     const search = useServerFn(searchCustomersForLink);
     const relink = useServerFn(relinkOfferOrder);
@@ -43,7 +43,7 @@ function Row({ o, onDone }) {
             setBusy(false);
         }
     };
-    return (_jsxs("div", { className: "space-y-2 rounded-lg border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsxs("p", { className: "font-medium", children: [o.order_number ?? o.id.slice(0, 8), " \u00B7 ", o.customer_name] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [o.customer_email, " \u00B7 ", new Date(o.created_at).toLocaleString("nl-NL"), " \u00B7 ", euro(Number(o.total_amount ?? 0))] })] }), o.order_creation_error && _jsx(Badge, { variant: "destructive", children: o.order_creation_error })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Input, { className: "max-w-xs", placeholder: "Zoek klant (naam, e-mail, nummer)", value: q, onChange: (e) => setQ(e.target.value) }), _jsxs("select", { className: "rounded-md border bg-background px-2 text-sm", value: choice, onChange: (e) => setChoice(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 kies klant \u2014" }), results.map((c) => (_jsxs("option", { value: c.id, children: [c.company_name ?? "(naamloos)", c.email ? ` · ${c.email}` : "", c.customer_number ? ` · ${c.customer_number}` : ""] }, c.id)))] }), _jsx(Button, { size: "sm", disabled: busy || !choice, onClick: submit, children: "Koppelen en order aanmaken" })] })] }));
+    return (_jsxs("div", { className: "space-y-2 rounded-lg border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsxs("p", { className: "font-medium", children: [o.order_number ?? o.id.slice(0, 8), " \u00B7 ", o.customer_name] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [o.customer_email, " \u00B7 ", new Date(o.created_at).toLocaleString("nl-NL"), " \u00B7 ", euro(Number(o.total_amount ?? 0))] })] }), Number(o.order_creation_attempts ?? 0) >= 10 && _jsx(Badge, { variant: "destructive", children: "Lukt niet automatisch, kijk even na" }), o.order_creation_error && _jsx("span", { className: "text-xs text-muted-foreground", title: "Details voor beheer", children: o.order_creation_error })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Input, { className: "max-w-xs", placeholder: "Zoek klant (naam, e-mail, nummer)", value: q, onChange: (e) => setQ(e.target.value) }), _jsxs("select", { className: "rounded-md border bg-background px-2 text-sm", value: choice, onChange: (e) => setChoice(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 kies klant \u2014" }), results.map((c) => (_jsxs("option", { value: c.id, children: [c.company_name ?? "(naamloos)", c.email ? ` · ${c.email}` : "", c.customer_number ? ` · ${c.customer_number}` : ""] }, c.id)))] }), _jsx(Button, { size: "sm", disabled: busy || !choice, onClick: submit, children: "Koppelen en order aanmaken" })] })] }));
 }
 export function NietGekoppeldeBestellingen() {
     const list = useServerFn(listUnlinkedOfferOrders);

package/dist-lib/components/overzicht/PrestatieTegels.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardContent } from "@flowselections/core";
 import { Mail, Eye, MousePointerClick, ShoppingCart, Euro as EuroIcon, BarChart3, ArrowUp, ArrowDown } from "lucide-react";
-import { euro } from "./campaignStatus";
+import { euro } from "./campaignStatus.js";
 const EMPTY = { campaigns: 0, sent: 0, opened: 0, clicked: 0, orders: 0, revenue: 0 };
 function pctChange(current, previous) {
     if (!Number.isFinite(current) || !Number.isFinite(previous))

package/dist-lib/components/overzicht/RecenteCampagnes.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
 import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from "@flowselections/core";
 import { Mail, Eye, MousePointerClick, ShoppingCart, Euro as EuroIcon, ChevronRight, Plus } from "lucide-react";
-import { CampaignStatusBadge, campaignTimeLabel, euro } from "./campaignStatus";
+import { CampaignStatusBadge, campaignTimeLabel, euro } from "./campaignStatus.js";
 function Metric({ icon, value, label }) {
     return (_jsxs("div", { className: "min-w-[76px]", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [_jsx("span", { className: "text-muted-foreground", children: icon }), value] }), _jsx("div", { className: "text-xs text-muted-foreground", children: label })] }));
 }

package/dist-lib/components/overzicht/TopLijsten.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Card, CardContent, CardHeader, CardTitle } from "@flowselections/core";
 import { Package } from "lucide-react";
-import { euro } from "./campaignStatus";
+import { euro } from "./campaignStatus.js";
 function Rank({ n, highlight }) {
     return (_jsx("span", { className: `flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${highlight ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`, children: n }));
 }

package/dist-lib/components/settings/HuisstijlSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HuisstijlSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/HuisstijlSettingsCard.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,qBAAqB,gCAkPpC"}
+{"version":3,"file":"HuisstijlSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/HuisstijlSettingsCard.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,qBAAqB,gCA0OpC"}

package/dist-lib/components/settings/HuisstijlSettingsCard.js

@@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, supabase, toast, useAuth, } from "@flowselections/core";
 import { Palette, Upload, Trash2, Image as ImageIcon, Loader2 } from "lucide-react";
 import { resolveBranding, isValidHex, DEFAULT_PRIMARY } from "../../lib/branding.js";
+import { saveOfferSettings } from "../../lib/offer-settings.functions.js";
 import { uploadBrandingLogo, deleteBrandingLogo } from "../../lib/branding.functions.js";
 const BUCKET = "offer-branding";
 const MAX_BYTES = 2 * 1024 * 1024;
@@ -46,12 +47,7 @@ export function HuisstijlSettingsCard() {
     const primaryValid = isValidHex(state.primary_color);
     const buttonValid = isValidHex(state.button_color);
     const persistLogoUrl = async (url) => {
-        const { error } = await supabase
-            .from("offer_settings")
-            .update({ logo_url: url || null })
-            .eq("singleton", true);
-        if (error)
-            throw error;
+        await saveOfferSettings({ data: { logo_url: url || null } });
     };
     const onFile = async (file) => {
         if (!ALLOWED.includes(file.type)) {
@@ -106,21 +102,16 @@ export function HuisstijlSettingsCard() {
         }
         setSaving(true);
         try {
-            const { error } = await supabase
-                .from("offer_settings")
-                .update({
-                brand_name: state.brand_name.trim() || null,
-                logo_url: state.logo_url.trim() || null,
-                primary_color: brand.primary,
-                button_color: brand.button,
-            })
-                .eq("singleton", true);
-            if (error)
-                throw error;
+            await saveOfferSettings({ data: {
+                    brand_name: state.brand_name.trim() || null,
+                    logo_url: state.logo_url.trim() || null,
+                    primary_color: brand.primary,
+                    button_color: brand.button,
+                } });
             toast.success("Opgeslagen");
         }
         catch (e) {
-            toast.error(e?.message ?? "Fout");
+            toast.error(e?.message ?? "Je instellingen zijn niet opgeslagen.");
         }
         finally {
             setSaving(false);

package/dist-lib/components/settings/StickerSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickerSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/StickerSettingsCard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,mBAAmB,gCA8DlC"}
+{"version":3,"file":"StickerSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/StickerSettingsCard.tsx"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,gCA0DlC"}

package/dist-lib/components/settings/StickerSettingsCard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { saveOfferSettings } from "../../lib/offer-settings.functions.js";
 import { useState, useEffect } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Label, Input, supabase, toast, useAuth } from "@flowselections/core";
 import { Tag } from "lucide-react";
@@ -22,16 +23,11 @@ export function StickerSettingsCard() {
         }
         setSaving(true);
         try {
-            const { error } = await supabase
-                .from("offer_settings")
-                .update({ default_sticker_cost: v })
-                .eq("singleton", true);
-            if (error)
-                throw error;
+            await saveOfferSettings({ data: { default_sticker_cost: v } });
             toast.success("Opgeslagen");
         }
         catch (e) {
-            toast.error(e?.message ?? "Fout");
+            toast.error(e?.message ?? "Je instellingen zijn niet opgeslagen.");
         }
         finally {
             setSaving(false);

package/dist-lib/components/settings/TrackingSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrackingSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/TrackingSettingsCard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,gCAuDnC"}
+{"version":3,"file":"TrackingSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/TrackingSettingsCard.tsx"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,gCAsDnC"}

package/dist-lib/components/settings/TrackingSettingsCard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { saveOfferSettings } from "../../lib/offer-settings.functions.js";
 import { useState, useEffect } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Label, Switch, supabase, toast, useAuth, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@flowselections/core";
 import { Eye } from "lucide-react";
@@ -14,13 +15,11 @@ export function TrackingSettingsCard() {
     const save = async () => {
         setSaving(true);
         try {
-            const { error } = await supabase.from("offer_settings").update(state).eq("singleton", true);
-            if (error)
-                throw error;
+            await saveOfferSettings({ data: state });
             toast.success("Opgeslagen");
         }
         catch (e) {
-            toast.error(e?.message ?? "Fout");
+            toast.error(e?.message ?? "Je instellingen zijn niet opgeslagen.");
         }
         finally {
             setSaving(false);

package/dist-lib/components/settings/UitsluitingenSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UitsluitingenSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/UitsluitingenSettingsCard.tsx"],"names":[],"mappings":"AAMA,wBAAgB,yBAAyB,gCA+DxC"}
+{"version":3,"file":"UitsluitingenSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/UitsluitingenSettingsCard.tsx"],"names":[],"mappings":"AAOA,wBAAgB,yBAAyB,gCA8DxC"}

package/dist-lib/components/settings/UitsluitingenSettingsCard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { saveOfferSettings } from "../../lib/offer-settings.functions.js";
 import { useState, useEffect } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Label, supabase, toast, useAuth, Badge } from "@flowselections/core";
 import { UserX, X } from "lucide-react";
@@ -23,13 +24,11 @@ export function UitsluitingenSettingsCard() {
     const save = async () => {
         setSaving(true);
         try {
-            const { error } = await supabase.from("offer_settings").update({ excluded_customer_ids: excluded }).eq("singleton", true);
-            if (error)
-                throw error;
+            await saveOfferSettings({ data: { excluded_customer_ids: excluded } });
             toast.success("Opgeslagen");
         }
         catch (e) {
-            toast.error(e?.message ?? "Fout");
+            toast.error(e?.message ?? "Je instellingen zijn niet opgeslagen.");
         }
         finally {
             setSaving(false);