@flowselections/actie-mail-kwekers-erp-mathot 1.0.0

package/dist-lib/components/DateRangePicker.d.ts

@@ -0,0 +1,20 @@
+export interface DateRange {
+    from: Date | null;
+    to: Date | null;
+    presetId: string;
+    label: string;
+}
+type PresetId = "today" | "yesterday" | "this_week" | "last_week" | "this_month" | "last_month" | "last_30" | "last_60" | "last_90" | "this_quarter" | "last_quarter" | "this_year" | "last_year" | "all" | "custom";
+export declare function computePreset(id: PresetId): {
+    from: Date | null;
+    to: Date | null;
+    label: string;
+};
+export declare function DateRangePicker({ value, onChange }: {
+    value: DateRange;
+    onChange: (v: DateRange) => void;
+}): import("react").JSX.Element;
+export declare function loadStoredRange(): DateRange;
+export declare function storeRange(r: DateRange): void;
+export {};
+//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/components/DateRangePicker.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,QAAQ,GACT,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GACjD,YAAY,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAC/D,cAAc,GAAG,cAAc,GAAG,WAAW,GAAG,WAAW,GAC3D,KAAK,GAAG,QAAQ,CAAC;AA4BrB,wBAAgB,aAAa,CAAC,EAAE,EAAE,QAAQ,GAAG;IAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAqBjG;AAeD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;CAAE,+BA+E1G;AAID,wBAAgB,eAAe,IAAI,SAAS,CAuB3C;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,QAQtC"}

package/dist-lib/components/DateRangePicker.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Popover, PopoverContent, PopoverTrigger, Label } from "@flowselections/core";
+import { Calendar as CalendarIcon } from "lucide-react";
+const PRESETS = [
+    { id: "today", label: "Vandaag" },
+    { id: "yesterday", label: "Gisteren" },
+    { id: "this_week", label: "Deze week" },
+    { id: "last_week", label: "Vorige week" },
+    { id: "this_month", label: "Deze maand" },
+    { id: "last_month", label: "Vorige maand" },
+    { id: "last_30", label: "Laatste 30 dagen" },
+    { id: "last_60", label: "Laatste 60 dagen" },
+    { id: "last_90", label: "Laatste 90 dagen" },
+    { id: "this_quarter", label: "Dit kwartaal" },
+    { id: "last_quarter", label: "Vorig kwartaal" },
+    { id: "this_year", label: "Dit jaar" },
+    { id: "last_year", label: "Vorig jaar" },
+    { id: "all", label: "Alles" },
+];
+function startOfDay(d) { const x = new Date(d); x.setHours(0, 0, 0, 0); return x; }
+function endOfDay(d) { const x = new Date(d); x.setHours(23, 59, 59, 999); return x; }
+function addDays(d, n) { const x = new Date(d); x.setDate(x.getDate() + n); return x; }
+function startOfWeek(d) { const x = startOfDay(d); const day = (x.getDay() + 6) % 7; return addDays(x, -day); } // ma
+function startOfMonth(d) { return new Date(d.getFullYear(), d.getMonth(), 1); }
+function endOfMonth(d) { return endOfDay(new Date(d.getFullYear(), d.getMonth() + 1, 0)); }
+function startOfQuarter(d) { const q = Math.floor(d.getMonth() / 3); return new Date(d.getFullYear(), q * 3, 1); }
+function endOfQuarter(d) { const q = Math.floor(d.getMonth() / 3); return endOfDay(new Date(d.getFullYear(), q * 3 + 3, 0)); }
+export function computePreset(id) {
+    const now = new Date();
+    const preset = PRESETS.find((p) => p.id === id);
+    const label = preset?.label ?? "Aangepast";
+    switch (id) {
+        case "today": return { from: startOfDay(now), to: endOfDay(now), label };
+        case "yesterday": {
+            const y = addDays(now, -1);
+            return { from: startOfDay(y), to: endOfDay(y), label };
+        }
+        case "this_week": return { from: startOfWeek(now), to: endOfDay(now), label };
+        case "last_week": {
+            const s = addDays(startOfWeek(now), -7);
+            return { from: s, to: endOfDay(addDays(s, 6)), label };
+        }
+        case "this_month": return { from: startOfMonth(now), to: endOfDay(now), label };
+        case "last_month": {
+            const s = startOfMonth(addDays(startOfMonth(now), -1));
+            return { from: s, to: endOfMonth(s), label };
+        }
+        case "last_30": return { from: startOfDay(addDays(now, -29)), to: endOfDay(now), label };
+        case "last_60": return { from: startOfDay(addDays(now, -59)), to: endOfDay(now), label };
+        case "last_90": return { from: startOfDay(addDays(now, -89)), to: endOfDay(now), label };
+        case "this_quarter": return { from: startOfQuarter(now), to: endOfDay(now), label };
+        case "last_quarter": {
+            const s = startOfQuarter(addDays(startOfQuarter(now), -1));
+            return { from: s, to: endOfQuarter(s), label };
+        }
+        case "this_year": return { from: new Date(now.getFullYear(), 0, 1), to: endOfDay(now), label };
+        case "last_year": return { from: new Date(now.getFullYear() - 1, 0, 1), to: endOfDay(new Date(now.getFullYear() - 1, 11, 31)), label };
+        case "all": return { from: null, to: null, label };
+        default: return { from: null, to: null, label };
+    }
+}
+function fmt(d) {
+    if (!d)
+        return "";
+    return d.toLocaleDateString("nl-NL", { day: "2-digit", month: "short", year: "numeric" });
+}
+function toInputDate(d) {
+    if (!d)
+        return "";
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    return `${y}-${m}-${day}`;
+}
+export function DateRangePicker({ value, onChange }) {
+    const [open, setOpen] = useState(false);
+    const [customFrom, setCustomFrom] = useState(toInputDate(value.from));
+    const [customTo, setCustomTo] = useState(toInputDate(value.to));
+    const pick = (id) => {
+        const r = computePreset(id);
+        onChange({ from: r.from, to: r.to, presetId: id, label: r.label });
+        setOpen(false);
+    };
+    const applyCustom = () => {
+        if (!customFrom || !customTo)
+            return;
+        const f = startOfDay(new Date(customFrom));
+        const t = endOfDay(new Date(customTo));
+        onChange({
+            from: f,
+            to: t,
+            presetId: "custom",
+            label: `${fmt(f)} – ${fmt(t)}`,
+        });
+        setOpen(false);
+    };
+    const labelText = value.presetId === "all"
+        ? "Periode: Alles"
+        : value.from && value.to
+            ? `${fmt(value.from)} – ${fmt(value.to)}`
+            : value.label || "Periode selecteren";
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "gap-2", children: [_jsx(CalendarIcon, { className: "h-4 w-4" }), labelText] }) }), _jsx(PopoverContent, { align: "end", className: "w-[420px] p-0", children: _jsxs("div", { className: "grid grid-cols-2 gap-0", children: [_jsx("div", { className: "border-r p-2 max-h-[360px] overflow-y-auto", children: PRESETS.map((p) => (_jsx("button", { onClick: () => pick(p.id), className: `w-full text-left px-3 py-1.5 rounded-md text-sm hover:bg-muted ${value.presetId === p.id ? "bg-muted font-medium" : ""}`, children: p.label }, p.id))) }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Aangepaste periode" }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Van" }), _jsx("input", { type: "date", value: customFrom, onChange: (e) => setCustomFrom(e.target.value), className: "w-full border rounded-md px-2 py-1.5 text-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Tot" }), _jsx("input", { type: "date", value: customTo, onChange: (e) => setCustomTo(e.target.value), className: "w-full border rounded-md px-2 py-1.5 text-sm" })] }), _jsx(Button, { size: "sm", className: "w-full", onClick: applyCustom, disabled: !customFrom || !customTo, children: "Toepassen" })] })] }) })] }));
+}
+const STORAGE_KEY = "aanbiedingsmailtje:reportPeriod";
+export function loadStoredRange() {
+    if (typeof window === "undefined") {
+        const r = computePreset("last_30");
+        return { from: r.from, to: r.to, presetId: "last_30", label: r.label };
+    }
+    try {
+        const raw = window.localStorage.getItem(STORAGE_KEY);
+        if (raw) {
+            const obj = JSON.parse(raw);
+            if (obj.presetId && obj.presetId !== "custom") {
+                const r = computePreset(obj.presetId);
+                return { from: r.from, to: r.to, presetId: obj.presetId, label: r.label };
+            }
+            return {
+                from: obj.from ? new Date(obj.from) : null,
+                to: obj.to ? new Date(obj.to) : null,
+                presetId: obj.presetId,
+                label: obj.label,
+            };
+        }
+    }
+    catch { /* noop */ }
+    const r = computePreset("last_30");
+    return { from: r.from, to: r.to, presetId: "last_30", label: r.label };
+}
+export function storeRange(r) {
+    if (typeof window === "undefined")
+        return;
+    window.localStorage.setItem(STORAGE_KEY, JSON.stringify({
+        presetId: r.presetId,
+        from: r.from ? r.from.toISOString() : null,
+        to: r.to ? r.to.toISOString() : null,
+        label: r.label,
+    }));
+}

package/dist-lib/components/RapportagePage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RapportagePage.d.ts","sourceRoot":"","sources":["../../src/components/RapportagePage.tsx"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,gCAiG7B"}

package/dist-lib/components/RapportagePage.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, CardHeader, CardTitle, Skeleton, Badge, Button } from "@flowselections/core";
+import { getOverallStats } from "../lib/stats.functions";
+import { Mail, Eye, MousePointerClick, ShoppingCart, Euro, BarChart3, ArrowLeft } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+import { DateRangePicker, loadStoredRange, storeRange } from "./DateRangePicker";
+export function RapportagePage() {
+    const fn = useServerFn(getOverallStats);
+    const [range, setRange] = useState(null);
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => { setRange(loadStoredRange()); }, []);
+    useEffect(() => {
+        if (!range)
+            return;
+        setLoading(true);
+        const payload = {};
+        if (range.from)
+            payload.from = range.from.toISOString();
+        if (range.to)
+            payload.to = range.to.toISOString();
+        fn({ data: payload }).then((r) => { setData(r); setLoading(false); });
+    }, [range]);
+    const handleChange = (r) => { storeRange(r); setRange(r); };
+    const { topCustomers, topProducts } = useMemo(() => {
+        if (!data)
+            return { topCustomers: [], topProducts: [] };
+        const byCustomer = new Map();
+        for (const o of data.orders) {
+            const key = o.customer_id ?? o.customer_name;
+            const cur = byCustomer.get(key) ?? { name: o.customer_name, orders: 0, revenue: 0 };
+            cur.orders += 1;
+            cur.revenue += Number(o.total_amount ?? 0);
+            byCustomer.set(key, cur);
+        }
+        const byProduct = new Map();
+        for (const o of data.orders) {
+            for (const it of (Array.isArray(o.items) ? o.items : [])) {
+                const cur = byProduct.get(it.product_name) ?? { name: it.product_name, qty: 0, revenue: 0 };
+                cur.qty += Number(it.quantity ?? 0);
+                cur.revenue += Number(it.quantity ?? 0) * Number(it.unit_price ?? 0);
+                byProduct.set(it.product_name, cur);
+            }
+        }
+        return {
+            topCustomers: [...byCustomer.values()].sort((a, b) => b.revenue - a.revenue).slice(0, 10),
+            topProducts: [...byProduct.values()].sort((a, b) => b.qty - a.qty).slice(0, 10),
+        };
+    }, [data]);
+    if (!range || !data)
+        return _jsx("div", { className: "p-6", children: _jsx(Skeleton, { className: "h-64" }) });
+    const t = data.totals;
+    const totalRecords = t.sent + t.orders;
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx(Link, { to: "/aanbiedingsmailtje", children: _jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-2", children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-1" }), "Terug"] }) }), _jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BarChart3, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold", children: "Rapportage" })] }), range && _jsx(DateRangePicker, { value: range, onChange: handleChange })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx("span", { children: "Actieve periode:" }), _jsx(Badge, { variant: "secondary", className: "font-medium", children: range.label }), _jsxs("span", { className: "text-xs", children: ["\u00B7 ", totalRecords, " records ", loading && "(bijwerken…)"] })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-6 gap-3", children: [_jsx(Stat, { icon: _jsx(Mail, {}), label: "Verzonden", value: t.sent }), _jsx(Stat, { icon: _jsx(Eye, {}), label: "Geopend", value: t.opened }), _jsx(Stat, { icon: _jsx(MousePointerClick, {}), label: "Klikken", value: t.clicked }), _jsx(Stat, { icon: _jsx(ShoppingCart, {}), label: "Bestellingen", value: t.orders }), _jsx(Stat, { icon: _jsx(Euro, {}), label: "Omzet", value: `€ ${t.revenue.toFixed(2)}` }), _jsx(Stat, { icon: _jsx(BarChart3, {}), label: "Campagnes", value: t.campaigns })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Top klanten op omzet" }) }), _jsx(CardContent, { children: topCustomers.length === 0 ? _jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen bestellingen in deze periode" }) : (_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "text-left text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-1", children: "Klant" }), _jsx("th", { children: "Bestellingen" }), _jsx("th", { className: "text-right", children: "Omzet" })] }) }), _jsx("tbody", { children: topCustomers.map((c, i) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "py-2", children: c.name }), _jsx("td", { children: c.orders }), _jsxs("td", { className: "text-right", children: ["\u20AC ", c.revenue.toFixed(2)] })] }, i))) })] })) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Best verkochte actieproducten" }) }), _jsx(CardContent, { children: topProducts.length === 0 ? _jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen bestellingen in deze periode" }) : (_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "text-left text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-1", children: "Product" }), _jsx("th", { children: "Aantal" }), _jsx("th", { className: "text-right", children: "Omzet" })] }) }), _jsx("tbody", { children: topProducts.map((p, i) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "py-2", children: p.name }), _jsx("td", { children: p.qty }), _jsxs("td", { className: "text-right", children: ["\u20AC ", p.revenue.toFixed(2)] })] }, i))) })] })) })] })] }));
+}
+function Stat({ icon, label, value }) {
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs mb-1", children: [icon, _jsx("span", { children: label })] }), _jsx("div", { className: "text-2xl font-bold", children: value })] }) }));
+}

package/dist-lib/components/settings/AfzenderSettingsCard.d.ts

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

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, Textarea, supabase, toast, useAuth } from "@flowselections/core";
+import { Mail } from "lucide-react";
+export function AfzenderSettingsCard() {
+    const { isAdmin } = useAuth();
+    const [state, setState] = useState({ from_name: "", from_email: "", default_subject: "", default_intro: "" });
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        supabase.from("offer_settings").select("from_name, from_email, default_subject, default_intro").maybeSingle()
+            .then(({ data }) => { if (data)
+            setState(data); });
+    }, []);
+    const save = async () => {
+        setSaving(true);
+        try {
+            const { error } = await supabase.from("offer_settings").update(state).eq("singleton", true);
+            if (error)
+                throw error;
+            toast.success("Opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Fout");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Afzender" })] }), _jsx(CardDescription, { children: "Standaard afzendergegevens voor aanbiedingsmails" })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Afzendernaam" }), _jsx(Input, { value: state.from_name, onChange: (e) => setState({ ...state, from_name: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Afzender e-mail" }), _jsx(Input, { type: "email", value: state.from_email, onChange: (e) => setState({ ...state, from_email: e.target.value }) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Standaard onderwerp" }), _jsx(Input, { value: state.default_subject, onChange: (e) => setState({ ...state, default_subject: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Standaard intro" }), _jsx(Textarea, { rows: 3, value: state.default_intro, onChange: (e) => setState({ ...state, default_intro: e.target.value }) })] }), _jsx(Button, { onClick: save, disabled: saving || !isAdmin, children: saving ? "Opslaan..." : "Opslaan" }), !isAdmin && _jsx("p", { className: "text-xs text-muted-foreground", children: "Alleen admins kunnen deze instellingen wijzigen." })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HuisstijlSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/HuisstijlSettingsCard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,gCAoCpC"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, supabase, toast, useAuth } from "@flowselections/core";
+import { Palette } from "lucide-react";
+export function HuisstijlSettingsCard() {
+    const { isAdmin } = useAuth();
+    const [state, setState] = useState({ logo_url: "", primary_color: "#16a34a", button_color: "#16a34a" });
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        supabase.from("offer_settings").select("logo_url, primary_color, button_color").maybeSingle()
+            .then(({ data }) => { if (data)
+            setState({ logo_url: data.logo_url ?? "", primary_color: data.primary_color, button_color: data.button_color }); });
+    }, []);
+    const save = async () => {
+        setSaving(true);
+        try {
+            const { error } = await supabase.from("offer_settings").update(state).eq("singleton", true);
+            if (error)
+                throw error;
+            toast.success("Opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Fout");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Palette, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Huisstijl" })] }), _jsx(CardDescription, { children: "Logo en kleuren voor de e-mail en actiepagina" })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Logo URL" }), _jsx(Input, { value: state.logo_url, onChange: (e) => setState({ ...state, logo_url: e.target.value }), placeholder: "https://..." })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Primaire kleur" }), _jsx(Input, { type: "color", value: state.primary_color, onChange: (e) => setState({ ...state, primary_color: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Knop kleur" }), _jsx(Input, { type: "color", value: state.button_color, onChange: (e) => setState({ ...state, button_color: e.target.value }) })] })] }), _jsx(Button, { onClick: save, disabled: saving || !isAdmin, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
+}

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+export function StickerSettingsCard() {
+    const { isAdmin } = useAuth();
+    const [value, setValue] = useState("0");
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        supabase.from("offer_settings").select("default_sticker_cost").maybeSingle()
+            .then(({ data }) => {
+            if (data && data.default_sticker_cost != null) {
+                setValue(String(data.default_sticker_cost));
+            }
+        });
+    }, []);
+    const save = async () => {
+        const v = Number(value.replace(",", "."));
+        if (!Number.isFinite(v) || v < 0) {
+            toast.error("Vul een geldige prijs in");
+            return;
+        }
+        setSaving(true);
+        try {
+            const { error } = await supabase
+                .from("offer_settings")
+                .update({ default_sticker_cost: v })
+                .eq("singleton", true);
+            if (error)
+                throw error;
+            toast.success("Opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Fout");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Tag, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Stickers" })] }), _jsx(CardDescription, { children: "Basisprijs voor een sticker (per plant). Wordt automatisch ingevuld bij nieuwe aanbiedingen." })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "default-sticker-cost", children: "Basisprijs sticker (\u20AC per plant)" }), _jsx(Input, { id: "default-sticker-cost", type: "number", step: "0.01", min: "0", inputMode: "decimal", value: value, onChange: (e) => setValue(e.target.value), className: "w-40" })] }), _jsx(Button, { onClick: save, disabled: saving || !isAdmin, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
+}

package/dist-lib/components/settings/TestmailCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestmailCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/TestmailCard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,gCA0B3B"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, toast } from "@flowselections/core";
+import { TestTube2 } from "lucide-react";
+export function TestmailCard() {
+    const [email, setEmail] = useState("");
+    const [sending, setSending] = useState(false);
+    const send = async () => {
+        if (!email) {
+            toast.error("Vul een e-mailadres in");
+            return;
+        }
+        setSending(true);
+        // Note: actual delivery requires Lovable Emails infrastructure to be configured.
+        setTimeout(() => {
+            setSending(false);
+            toast.success(`Testmail wordt verstuurd naar ${email} (vereist e-mailinfrastructuur)`);
+        }, 500);
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(TestTube2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Testmail" })] }), _jsx(CardDescription, { children: "Verstuur een voorbeeldcampagne naar uzelf" })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Test e-mailadres" }), _jsx(Input, { type: "email", value: email, onChange: (e) => setEmail(e.target.value) })] }), _jsx(Button, { onClick: send, disabled: sending, children: sending ? "Versturen..." : "Verstuur testmail" })] })] }));
+}

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+export function TrackingSettingsCard() {
+    const { isAdmin } = useAuth();
+    const [state, setState] = useState({ tracking_enabled: true, discount_display: "percent", show_customer_classes: true });
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        supabase.from("offer_settings").select("tracking_enabled, discount_display, show_customer_classes").maybeSingle()
+            .then(({ data }) => { if (data)
+            setState({ tracking_enabled: data.tracking_enabled ?? true, discount_display: data.discount_display ?? "percent", show_customer_classes: data.show_customer_classes ?? true }); });
+    }, []);
+    const save = async () => {
+        setSaving(true);
+        try {
+            const { error } = await supabase.from("offer_settings").update(state).eq("singleton", true);
+            if (error)
+                throw error;
+            toast.success("Opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Fout");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Eye, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Tracking & weergave" })] }), _jsx(CardDescription, { children: "Automatische tracking en kortingsweergave" })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { children: "Automatische tracking" }), _jsx(Switch, { checked: state.tracking_enabled, onCheckedChange: (v) => setState({ ...state, tracking_enabled: v }) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx(Label, { children: "Klantgroepen tonen" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Toon de \"Selecteer op klantgroep\" knoppen bij het aanmaken van een aanbieding" })] }), _jsx(Switch, { checked: state.show_customer_classes, onCheckedChange: (v) => setState({ ...state, show_customer_classes: v }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Kortingsweergave" }), _jsxs(Select, { value: state.discount_display, onValueChange: (v) => setState({ ...state, discount_display: v }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "percent", children: "Percentage (-20%)" }), _jsx(SelectItem, { value: "amount", children: "Bedrag (\u20AC5 korting)" }), _jsx(SelectItem, { value: "both", children: "Beide" })] })] })] }), _jsx(Button, { onClick: save, disabled: saving || !isAdmin, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
+}

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+export function UitsluitingenSettingsCard() {
+    const { isAdmin } = useAuth();
+    const [customers, setCustomers] = useState([]);
+    const [excluded, setExcluded] = useState([]);
+    const [search, setSearch] = useState("");
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        (async () => {
+            const [{ data: cs }, { data: s }] = await Promise.all([
+                supabase.from("customers").select("id, company_name, email").order("company_name").limit(1000),
+                supabase.from("offer_settings").select("excluded_customer_ids").maybeSingle(),
+            ]);
+            setCustomers((cs ?? []));
+            if (s?.excluded_customer_ids)
+                setExcluded(s.excluded_customer_ids);
+        })();
+    }, []);
+    const toggle = (id) => setExcluded((p) => p.includes(id) ? p.filter((x) => x !== id) : [...p, id]);
+    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;
+            toast.success("Opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Fout");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const excludedCustomers = customers.filter((c) => excluded.includes(c.id));
+    const filtered = customers.filter((c) => c.company_name?.toLowerCase().includes(search.toLowerCase()) && !excluded.includes(c.id));
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(UserX, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Uitsluitingen" })] }), _jsx(CardDescription, { children: "Klanten die nooit aanbiedingsmails moeten ontvangen" })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [excludedCustomers.map((c) => (_jsxs(Badge, { variant: "secondary", className: "cursor-pointer", onClick: () => toggle(c.id), children: [c.company_name, " ", _jsx(X, { className: "h-3 w-3 ml-1" })] }, c.id))), excludedCustomers.length === 0 && _jsx("p", { className: "text-sm text-muted-foreground", children: "Geen uitsluitingen" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Klant toevoegen" }), _jsx("input", { className: "w-full border rounded-md px-3 py-2 text-sm", placeholder: "Zoek...", value: search, onChange: (e) => setSearch(e.target.value) }), search && (_jsx("div", { className: "max-h-40 overflow-y-auto border rounded-md mt-2", children: filtered.slice(0, 20).map((c) => (_jsx("button", { onClick: () => { toggle(c.id); setSearch(""); }, className: "w-full text-left px-3 py-1.5 hover:bg-muted text-sm", children: c.company_name }, c.id))) }))] }), _jsx(Button, { onClick: save, disabled: saving || !isAdmin, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,17 @@
+import type { FlowModule } from "@flowselections/core";
+export * from "./_core-safelist";
+export { AanbiedingsmailtjePage } from "./components/AanbiedingsmailtjePage";
+export { CampagneOverzicht } from "./components/CampagneOverzicht";
+export { CampagneDetail } from "./components/CampagneDetail";
+export { RapportagePage } from "./components/RapportagePage";
+export { ActiePage } from "./components/ActiePage";
+import { AfzenderSettingsCard } from "./components/settings/AfzenderSettingsCard";
+import { HuisstijlSettingsCard } from "./components/settings/HuisstijlSettingsCard";
+import { TrackingSettingsCard } from "./components/settings/TrackingSettingsCard";
+import { UitsluitingenSettingsCard } from "./components/settings/UitsluitingenSettingsCard";
+import { StickerSettingsCard } from "./components/settings/StickerSettingsCard";
+import { TestmailCard } from "./components/settings/TestmailCard";
+export { AfzenderSettingsCard, HuisstijlSettingsCard, TrackingSettingsCard, UitsluitingenSettingsCard, StickerSettingsCard, TestmailCard };
+export declare const aanbiedingsmailtjeModule: FlowModule;
+export declare const myModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,iDAAiD,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC;AAE3I,eAAO,MAAM,wBAAwB,EAAE,UAiBtC,CAAC;AAGF,eAAO,MAAM,QAAQ,YAA2B,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,34 @@
+import { Mail } from "lucide-react";
+export * from "./_core-safelist";
+export { AanbiedingsmailtjePage } from "./components/AanbiedingsmailtjePage";
+export { CampagneOverzicht } from "./components/CampagneOverzicht";
+export { CampagneDetail } from "./components/CampagneDetail";
+export { RapportagePage } from "./components/RapportagePage";
+export { ActiePage } from "./components/ActiePage";
+import { AfzenderSettingsCard } from "./components/settings/AfzenderSettingsCard";
+import { HuisstijlSettingsCard } from "./components/settings/HuisstijlSettingsCard";
+import { TrackingSettingsCard } from "./components/settings/TrackingSettingsCard";
+import { UitsluitingenSettingsCard } from "./components/settings/UitsluitingenSettingsCard";
+import { StickerSettingsCard } from "./components/settings/StickerSettingsCard";
+import { TestmailCard } from "./components/settings/TestmailCard";
+export { AfzenderSettingsCard, HuisstijlSettingsCard, TrackingSettingsCard, UitsluitingenSettingsCard, StickerSettingsCard, TestmailCard };
+export const aanbiedingsmailtjeModule = {
+    id: "aanbiedingsmailtje",
+    name: "Aanbiedingsmailtje",
+    version: "1.0.0",
+    nav: {
+        label: "Aanbiedingsmailtje",
+        href: "/aanbiedingsmailtje",
+        icon: Mail,
+    },
+    settingsCards: [
+        { component: AfzenderSettingsCard, order: 10 },
+        { component: HuisstijlSettingsCard, order: 20 },
+        { component: TrackingSettingsCard, order: 30 },
+        { component: StickerSettingsCard, order: 35 },
+        { component: UitsluitingenSettingsCard, order: 40 },
+        { component: TestmailCard, order: 50 },
+    ],
+};
+// Backwards-compatibility alias used by _authenticated.tsx
+export const myModule = aanbiedingsmailtjeModule;

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

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}

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

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});