@xiwebdesign/xicms-core 5.5.3 → 5.6.1

package/dist/admin/shop/OrdersTab.js

@@ -1,11 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
-import { collection, doc, limit, onSnapshot, orderBy, query, serverTimestamp, updateDoc } from "firebase/firestore";
+import { collection, limit, onSnapshot, orderBy, query } from "firebase/firestore";
 import { getDb } from "../../firebase/client";
 import { formatCents } from "../../schema/shop";
-import { Badge, Button, Card } from "../ui/primitives";
+import { Badge, Button, Card, Input } from "../ui/primitives";
 import { Select } from "../ui/select";
+import { Switch } from "../ui/switch";
 import { useToast } from "../ui/toast";
 import { useConfirm } from "../ui/ConfirmDialog";
 import { ORDER_STATUS_LABELS, shopCallable } from "./lib";
@@ -22,39 +23,80 @@ function fmtDate(t) {
   if (!t?.toDate) return "\u2014";
   return t.toDate().toLocaleString("nl-NL", { dateStyle: "short", timeStyle: "short" });
 }
+function vatOf(cents, rate) {
+  return Math.round(cents * rate / (100 + rate));
+}
 function OrdersTab({ siteId }) {
   const { toast } = useToast();
   const confirm = useConfirm();
   const [orders, setOrders] = useState([]);
   const [selected, setSelected] = useState(null);
   const [filter, setFilter] = useState("all");
+  const [search, setSearch] = useState("");
   const [busy, setBusy] = useState(false);
+  const [shipOpen, setShipOpen] = useState(false);
+  const [trackingUrl, setTrackingUrl] = useState("");
+  const [notify, setNotify] = useState(true);
   useEffect(() => {
     const db = getDb();
     if (!db) return;
     return onSnapshot(
-      query(collection(db, "sites", siteId, "orders"), orderBy("createdAt", "desc"), limit(200)),
+      query(collection(db, "sites", siteId, "orders"), orderBy("createdAt", "desc"), limit(300)),
       (snap) => setOrders(snap.docs.map((d) => ({ id: d.id, ...d.data() })))
     );
   }, [siteId]);
+  const stats = useMemo(() => {
+    const now = /* @__PURE__ */ new Date();
+    const startToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+    const startWeek = startToday - (now.getDay() + 6) % 7 * 864e5;
+    const paidish = orders.filter((o) => ["paid", "shipped"].includes(o.status));
+    return {
+      today: paidish.filter((o) => (o.createdAt?.toMillis?.() ?? 0) >= startToday).length,
+      week: paidish.filter((o) => (o.createdAt?.toMillis?.() ?? 0) >= startWeek).length,
+      openPaid: orders.filter((o) => o.status === "paid").length,
+      revenueCents: paidish.reduce((n, o) => n + o.amount.totalCents, 0)
+    };
+  }, [orders]);
   const visible = useMemo(() => {
-    if (filter === "all") return orders;
-    if (filter === "donation") return orders.filter((o) => o.items.some((i) => i.kind === "donation"));
-    return orders.filter((o) => o.status === filter);
-  }, [orders, filter]);
+    let list = orders;
+    if (filter === "donation") list = list.filter((o) => o.items.some((i) => i.kind === "donation"));
+    else if (filter !== "all") list = list.filter((o) => o.status === filter);
+    const needle = search.trim().toLowerCase();
+    if (needle) {
+      list = list.filter(
+        (o) => o.number.toLowerCase().includes(needle) || o.customer.name.toLowerCase().includes(needle) || o.customer.email.toLowerCase().includes(needle)
+      );
+    }
+    return list;
+  }, [orders, filter, search]);
   const current = orders.find((o) => o.id === selected) ?? null;
   async function setStatus(order, status) {
-    const db = getDb();
-    if (!db) return;
-    const patch = { status };
-    if (status === "shipped") patch.shippedAt = serverTimestamp();
-    await updateDoc(doc(db, "sites", siteId, "orders", order.id), patch);
-    toast({ title: status === "shipped" ? "Gemarkeerd als verzonden" : "Bestelling geannuleerd", tone: "success" });
+    setBusy(true);
+    try {
+      await shopCallable("updateOrderStatus")({
+        siteId,
+        orderId: order.id,
+        status,
+        notify,
+        trackingUrl: status === "shipped" && trackingUrl.trim() ? trackingUrl.trim() : void 0
+      });
+      toast({
+        title: status === "shipped" ? "Gemarkeerd als verzonden" : "Bestelling geannuleerd",
+        description: notify ? "De klant heeft een e-mail ontvangen." : void 0,
+        tone: "success"
+      });
+      setShipOpen(false);
+      setTrackingUrl("");
+    } catch (e) {
+      toast({ title: "Status wijzigen mislukt", description: e instanceof Error ? e.message : void 0, tone: "error" });
+    } finally {
+      setBusy(false);
+    }
   }
   async function refund(order) {
     const ok = await confirm({
       title: `Bestelling ${order.number} terugbetalen?`,
-      description: `Het volledige bedrag (${formatCents(order.amount.totalCents)}) wordt via Stripe teruggestort.`,
+      description: `Het volledige bedrag (${formatCents(order.amount.totalCents)}) wordt via Stripe teruggestort; de klant krijgt een e-mail.`,
       tone: "danger",
       confirmLabel: "Terugbetalen"
     });
@@ -80,20 +122,40 @@ function OrdersTab({ siteId }) {
       setBusy(false);
     }
   }
+  async function download(order, path) {
+    setBusy(true);
+    try {
+      const res = await shopCallable("getOrderFileUrl")({
+        siteId,
+        orderId: order.id,
+        path
+      });
+      window.open(res.url, "_blank", "noopener");
+    } catch (e) {
+      toast({ title: "Download mislukt", description: e instanceof Error ? e.message : void 0, tone: "error" });
+    } finally {
+      setBusy(false);
+    }
+  }
   function exportCsv() {
     const rows = [
-      ["nummer", "datum", "status", "naam", "email", "items", "subtotaal", "verzendkosten", "totaal"],
-      ...orders.map((o) => [
-        o.number,
-        fmtDate(o.createdAt),
-        o.status,
-        o.customer.name,
-        o.customer.email,
-        o.items.map((i) => `${i.qty}x ${i.name}${i.variantKey ? ` (${i.variantKey})` : ""}`).join(" | "),
-        (o.amount.itemsCents / 100).toFixed(2),
-        (o.amount.shippingCents / 100).toFixed(2),
-        (o.amount.totalCents / 100).toFixed(2)
-      ])
+      ["nummer", "datum", "status", "naam", "email", "items", "subtotaal", "korting", "verzendkosten", "totaal", "btw"],
+      ...orders.map((o) => {
+        const vat = o.items.reduce((n, i) => n + vatOf(i.unitPriceCents * i.qty, i.vatRate ?? 21), 0) + (o.amount.shippingCents > 0 ? vatOf(o.amount.shippingCents, 21) : 0);
+        return [
+          o.number,
+          fmtDate(o.createdAt),
+          o.status,
+          o.customer.name,
+          o.customer.email,
+          o.items.map((i) => `${i.qty}x ${i.name}${i.variantKey ? ` (${i.variantKey})` : ""}`).join(" | "),
+          (o.amount.itemsCents / 100).toFixed(2),
+          ((o.amount.discountCents ?? 0) / 100).toFixed(2),
+          (o.amount.shippingCents / 100).toFixed(2),
+          (o.amount.totalCents / 100).toFixed(2),
+          (vat / 100).toFixed(2)
+        ];
+      })
     ];
     const csv = rows.map((r) => r.map((c) => `"${String(c).replaceAll('"', '""')}"`).join(";")).join("\n");
     const blob = new Blob(["\uFEFF" + csv], { type: "text/csv;charset=utf-8" });
@@ -103,131 +165,201 @@ function OrdersTab({ siteId }) {
     a.click();
     URL.revokeObjectURL(a.href);
   }
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-[340px_1fr]", children: [
-    /* @__PURE__ */ jsxs(Card, { className: "h-fit", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Bestellingen" }),
-        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: exportCsv, disabled: orders.length === 0, children: "CSV" })
-      ] }),
-      /* @__PURE__ */ jsx(Select, { value: filter, onValueChange: setFilter, options: FILTERS, className: "mb-2" }),
-      /* @__PURE__ */ jsxs("ul", { className: "grid max-h-[65vh] gap-1 overflow-y-auto", children: [
-        visible.map((o) => {
-          const st = ORDER_STATUS_LABELS[o.status] ?? { label: o.status, tone: "slate" };
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => setSelected(o.id),
-              className: `grid w-full gap-0.5 rounded-lg px-3 py-2 text-left text-sm ${o.id === selected ? "bg-brand-50 text-brand-700" : "hover:bg-slate-100"}`,
-              children: [
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: o.number }),
-                  /* @__PURE__ */ jsx(Badge, { tone: st.tone, children: st.label })
-                ] }),
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2 text-xs text-slate-500", children: [
-                  /* @__PURE__ */ jsx("span", { className: "truncate", children: o.customer.name }),
-                  /* @__PURE__ */ jsx("span", { children: formatCents(o.amount.totalCents) })
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-400", children: fmtDate(o.createdAt) })
-              ]
-            }
-          ) }, o.id);
-        }),
-        visible.length === 0 && /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-slate-500", children: "Geen bestellingen." })
-      ] })
-    ] }),
-    current ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs("h3", { className: "text-base font-semibold", children: [
-          current.number,
-          " ",
-          /* @__PURE__ */ jsx(Badge, { tone: (ORDER_STATUS_LABELS[current.status] ?? { tone: "slate" }).tone, children: (ORDER_STATUS_LABELS[current.status] ?? { label: current.status }).label })
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: [
+      { label: "Vandaag", value: String(stats.today) },
+      { label: "Deze week", value: String(stats.week) },
+      { label: "Te verzenden", value: String(stats.openPaid) },
+      { label: "Omzet (betaald)", value: formatCents(stats.revenueCents) }
+    ].map((s) => /* @__PURE__ */ jsxs(Card, { className: "py-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: s.label }),
+      /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: s.value })
+    ] }, s.label)) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-[340px_1fr]", children: [
+      /* @__PURE__ */ jsxs(Card, { className: "h-fit", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Bestellingen" }),
+          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: exportCsv, disabled: orders.length === 0, children: "CSV" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "text-sm text-slate-500", children: [
-          "Geplaatst: ",
-          fmtDate(current.createdAt)
+        /* @__PURE__ */ jsx(Input, { placeholder: "Zoek op nummer, naam of e-mail\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "mb-2" }),
+        /* @__PURE__ */ jsx(Select, { value: filter, onValueChange: setFilter, options: FILTERS, className: "mb-2" }),
+        /* @__PURE__ */ jsxs("ul", { className: "grid max-h-[60vh] gap-1 overflow-y-auto", children: [
+          visible.map((o) => {
+            const st = ORDER_STATUS_LABELS[o.status] ?? { label: o.status, tone: "slate" };
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => {
+                  setSelected(o.id);
+                  setShipOpen(false);
+                },
+                className: `grid w-full gap-0.5 rounded-lg px-3 py-2 text-left text-sm ${o.id === selected ? "bg-brand-50 text-brand-700" : "hover:bg-slate-100"}`,
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2", children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: o.number }),
+                    /* @__PURE__ */ jsx(Badge, { tone: st.tone, children: st.label })
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2 text-xs text-slate-500", children: [
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: o.customer.name }),
+                    /* @__PURE__ */ jsx("span", { children: formatCents(o.amount.totalCents) })
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-400", children: fmtDate(o.createdAt) })
+                ]
+              }
+            ) }, o.id);
+          }),
+          visible.length === 0 && /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-slate-500", children: "Geen bestellingen." })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Klant" }),
-          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
-            current.customer.name,
-            /* @__PURE__ */ jsx("br", {}),
-            /* @__PURE__ */ jsx("a", { className: "text-brand-700 underline", href: `mailto:${current.customer.email}`, children: current.customer.email }),
-            current.customer.phone && /* @__PURE__ */ jsxs(Fragment, { children: [
+      current ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("h3", { className: "text-base font-semibold", children: [
+            current.number,
+            " ",
+            /* @__PURE__ */ jsx(Badge, { tone: (ORDER_STATUS_LABELS[current.status] ?? { tone: "slate" }).tone, children: (ORDER_STATUS_LABELS[current.status] ?? { label: current.status }).label })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-slate-500", children: [
+            "Geplaatst: ",
+            fmtDate(current.createdAt)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Klant" }),
+            /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+              current.customer.name,
               /* @__PURE__ */ jsx("br", {}),
-              current.customer.phone
+              /* @__PURE__ */ jsx("a", { className: "text-brand-700 underline", href: `mailto:${current.customer.email}`, children: current.customer.email }),
+              current.customer.phone && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("br", {}),
+                current.customer.phone
+              ] })
             ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Verzendadres" }),
+            current.shipping ? /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+              current.shipping.address,
+              /* @__PURE__ */ jsx("br", {}),
+              current.shipping.zip,
+              " ",
+              current.shipping.city,
+              " (",
+              current.shipping.country,
+              ")"
+            ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Geen verzending (donatie)." }),
+            current.trackingUrl && /* @__PURE__ */ jsx("a", { className: "text-sm text-brand-700 underline", href: current.trackingUrl, target: "_blank", rel: "noreferrer", children: "Track & trace \u2197" })
           ] })
         ] }),
+        current.note && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Opmerking van de klant" }),
+          /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm", children: current.note })
+        ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Verzendadres" }),
-          current.shipping ? /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
-            current.shipping.address,
-            /* @__PURE__ */ jsx("br", {}),
-            current.shipping.zip,
-            " ",
-            current.shipping.city,
-            " (",
-            current.shipping.country,
-            ")"
-          ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Geen verzending (donatie)." })
-        ] })
-      ] }),
-      current.note && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Opmerking van de klant" }),
-        /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm", children: current.note })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Regels" }),
-        /* @__PURE__ */ jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxs("tbody", { children: [
-          current.items.map((i, idx) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-100", children: [
-            /* @__PURE__ */ jsxs("td", { className: "py-1 pr-2", children: [
-              i.qty,
-              "\xD7 ",
-              i.name,
-              i.variantKey && /* @__PURE__ */ jsxs("span", { className: "text-slate-500", children: [
-                " (",
-                i.variantKey.split("|").join(" \xB7 "),
-                ")"
+          /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold", children: "Regels" }),
+          /* @__PURE__ */ jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxs("tbody", { children: [
+            current.items.map((i, idx) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-100 align-top", children: [
+              /* @__PURE__ */ jsxs("td", { className: "py-1 pr-2", children: [
+                i.qty,
+                "\xD7 ",
+                i.name,
+                i.variantKey && /* @__PURE__ */ jsxs("span", { className: "text-slate-500", children: [
+                  " (",
+                  i.variantKey.split("|").join(" \xB7 "),
+                  ")"
+                ] }),
+                i.kind === "donation" && /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "donatie" }),
+                i.personalization && Object.entries(i.personalization).map(([k, v]) => /* @__PURE__ */ jsxs("span", { className: "block text-xs text-slate-600", children: [
+                  "\u21B3 ",
+                  v.text ?? v.fileName ?? "eigen ontwerp",
+                  v.imagePath && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ml-1 text-brand-700 underline",
+                      disabled: busy,
+                      onClick: () => download(current, v.imagePath),
+                      children: "download"
+                    }
+                  )
+                ] }, k))
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: formatCents(i.unitPriceCents * i.qty) })
+            ] }, idx)),
+            (current.amount.discountCents ?? 0) > 0 && /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-100 text-slate-500", children: [
+              /* @__PURE__ */ jsxs("td", { className: "py-1 pr-2", children: [
+                "Korting",
+                current.discount?.code ? ` (${current.discount.code})` : ""
               ] }),
-              i.kind === "donation" && /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "donatie" })
+              /* @__PURE__ */ jsxs("td", { className: "py-1 text-right", children: [
+                "\u2212",
+                formatCents(current.amount.discountCents ?? 0)
+              ] })
             ] }),
-            /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: formatCents(i.unitPriceCents * i.qty) })
-          ] }, idx)),
-          /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-100 text-slate-500", children: [
-            /* @__PURE__ */ jsx("td", { className: "py-1 pr-2", children: "Verzendkosten" }),
-            /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: current.amount.shippingCents === 0 ? "gratis" : formatCents(current.amount.shippingCents) })
-          ] }),
-          /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-200 font-semibold", children: [
-            /* @__PURE__ */ jsx("td", { className: "py-1 pr-2", children: "Totaal" }),
-            /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: formatCents(current.amount.totalCents) })
+            /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-100 text-slate-500", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-1 pr-2", children: "Verzendkosten" }),
+              /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: current.amount.shippingCents === 0 ? "gratis" : formatCents(current.amount.shippingCents) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { className: "border-t border-slate-200 font-semibold", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-1 pr-2", children: "Totaal" }),
+              /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: formatCents(current.amount.totalCents) })
+            ] })
+          ] }) })
+        ] }),
+        current.mail?.error && /* @__PURE__ */ jsxs("p", { className: "rounded-lg bg-amber-50 px-3 py-2 text-sm text-amber-700", children: [
+          "Bevestigingsmail mislukt: ",
+          current.mail.error
+        ] }),
+        shipOpen && current.status === "paid" && /* @__PURE__ */ jsxs("div", { className: "grid gap-3 rounded-lg border border-slate-200 p-3", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: "Track & trace-link (optioneel, https://\u2026)",
+              value: trackingUrl,
+              onChange: (e) => setTrackingUrl(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx(Switch, { checked: notify, onCheckedChange: setNotify, label: "Klant per e-mail informeren" }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", disabled: busy, onClick: () => setStatus(current, "shipped"), children: "Bevestig verzending" })
           ] })
-        ] }) })
-      ] }),
-      current.mail?.error && /* @__PURE__ */ jsxs("p", { className: "rounded-lg bg-amber-50 px-3 py-2 text-sm text-amber-700", children: [
-        "Bevestigingsmail mislukt: ",
-        current.mail.error
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-slate-100 pt-4", children: [
-        current.status === "paid" && /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => setStatus(current, "shipped"), children: "Markeer als verzonden" }),
-        current.status === "pending" && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: () => setStatus(current, "cancelled"), children: "Annuleer" }),
-        (current.status === "paid" || current.status === "shipped") && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", disabled: busy, onClick: () => resendMail(current), children: "Mail opnieuw versturen" }),
-          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "danger", disabled: busy, onClick: () => refund(current), children: "Terugbetalen" })
         ] }),
-        current.stripe?.paymentIntentId && /* @__PURE__ */ jsx(
-          "a",
-          {
-            className: "ml-auto text-sm text-brand-700 underline",
-            href: `https://dashboard.stripe.com/payments/${current.stripe.paymentIntentId}`,
-            target: "_blank",
-            rel: "noreferrer",
-            children: "Bekijk in Stripe \u2197"
-          }
-        )
-      ] })
-    ] }) }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Selecteer een bestelling." }) })
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-slate-100 pt-4", children: [
+          current.status === "paid" && !shipOpen && /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => setShipOpen(true), children: "Markeer als verzonden" }),
+          ["pending", "paid"].includes(current.status) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "secondary",
+              disabled: busy,
+              onClick: async () => {
+                const ok = await confirm({
+                  title: `Bestelling ${current.number} annuleren?`,
+                  description: notify ? "De klant ontvangt een e-mail." : void 0
+                });
+                if (ok) void setStatus(current, "cancelled");
+              },
+              children: "Annuleer"
+            }
+          ),
+          (current.status === "paid" || current.status === "shipped") && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", disabled: busy, onClick: () => resendMail(current), children: "Mail opnieuw versturen" }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", variant: "danger", disabled: busy, onClick: () => refund(current), children: "Terugbetalen" })
+          ] }),
+          current.invoicePath && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", disabled: busy, onClick: () => download(current, current.invoicePath), children: "Factuur (PDF)" }),
+          current.stripe?.paymentIntentId && /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: "ml-auto text-sm text-brand-700 underline",
+              href: `https://dashboard.stripe.com/payments/${current.stripe.paymentIntentId}`,
+              target: "_blank",
+              rel: "noreferrer",
+              children: "Bekijk in Stripe \u2197"
+            }
+          )
+        ] })
+      ] }) }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Selecteer een bestelling." }) })
+    ] })
   ] });
 }
 export {

package/dist/admin/shop/OrdersTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/shop/OrdersTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport { collection, doc, limit, onSnapshot, orderBy, query, serverTimestamp, updateDoc } from \"firebase/firestore\";\nimport type { Timestamp } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { formatCents, type Order } from \"../../schema/shop\";\nimport { Badge, Button, Card } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { ORDER_STATUS_LABELS, shopCallable } from \"./lib\";\n\ntype StoredOrder = Order & {\n  id: string;\n  createdAt?: Timestamp;\n  paidAt?: Timestamp;\n  shippedAt?: Timestamp;\n  mail?: { confirmationSentAt?: Timestamp; error?: string };\n};\n\nconst FILTERS = [\n  { value: \"all\", label: \"Alles\" },\n  { value: \"pending\", label: \"Wacht op betaling\" },\n  { value: \"paid\", label: \"Betaald\" },\n  { value: \"shipped\", label: \"Verzonden\" },\n  { value: \"cancelled\", label: \"Geannuleerd\" },\n  { value: \"refunded\", label: \"Terugbetaald\" },\n  { value: \"donation\", label: \"Donaties\" },\n];\n\nfunction fmtDate(t?: Timestamp): string {\n  if (!t?.toDate) return \"—\";\n  return t.toDate().toLocaleString(\"nl-NL\", { dateStyle: \"short\", timeStyle: \"short\" });\n}\n\nexport function OrdersTab({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [orders, setOrders] = useState<StoredOrder[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n  const [filter, setFilter] = useState(\"all\");\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(\n      query(collection(db, \"sites\", siteId, \"orders\"), orderBy(\"createdAt\", \"desc\"), limit(200)),\n      (snap) => setOrders(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Order) }) as StoredOrder)),\n    );\n  }, [siteId]);\n\n  const visible = useMemo(() => {\n    if (filter === \"all\") return orders;\n    if (filter === \"donation\") return orders.filter((o) => o.items.some((i) => i.kind === \"donation\"));\n    return orders.filter((o) => o.status === filter);\n  }, [orders, filter]);\n\n  const current = orders.find((o) => o.id === selected) ?? null;\n\n  async function setStatus(order: StoredOrder, status: \"shipped\" | \"cancelled\") {\n    const db = getDb();\n    if (!db) return;\n    const patch: Record<string, unknown> = { status };\n    if (status === \"shipped\") patch.shippedAt = serverTimestamp();\n    await updateDoc(doc(db, \"sites\", siteId, \"orders\", order.id), patch);\n    toast({ title: status === \"shipped\" ? \"Gemarkeerd als verzonden\" : \"Bestelling geannuleerd\", tone: \"success\" });\n  }\n\n  async function refund(order: StoredOrder) {\n    const ok = await confirm({\n      title: `Bestelling ${order.number} terugbetalen?`,\n      description: `Het volledige bedrag (${formatCents(order.amount.totalCents)}) wordt via Stripe teruggestort.`,\n      tone: \"danger\",\n      confirmLabel: \"Terugbetalen\",\n    });\n    if (!ok) return;\n    setBusy(true);\n    try {\n      await shopCallable<{ siteId: string; orderId: string }, { ok: boolean }>(\"refundOrder\")({ siteId, orderId: order.id });\n      toast({ title: \"Terugbetaling gestart\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Terugbetalen mislukt\", description: e instanceof Error ? e.message : undefined, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  async function resendMail(order: StoredOrder) {\n    setBusy(true);\n    try {\n      await shopCallable<{ siteId: string; orderId: string }, { ok: boolean }>(\"resendOrderMail\")({ siteId, orderId: order.id });\n      toast({ title: \"Bevestigingsmail opnieuw verstuurd\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Mail versturen mislukt\", description: e instanceof Error ? e.message : undefined, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  function exportCsv() {\n    const rows = [\n      [\"nummer\", \"datum\", \"status\", \"naam\", \"email\", \"items\", \"subtotaal\", \"verzendkosten\", \"totaal\"],\n      ...orders.map((o) => [\n        o.number,\n        fmtDate(o.createdAt),\n        o.status,\n        o.customer.name,\n        o.customer.email,\n        o.items.map((i) => `${i.qty}x ${i.name}${i.variantKey ? ` (${i.variantKey})` : \"\"}`).join(\" | \"),\n        (o.amount.itemsCents / 100).toFixed(2),\n        (o.amount.shippingCents / 100).toFixed(2),\n        (o.amount.totalCents / 100).toFixed(2),\n      ]),\n    ];\n    const csv = rows.map((r) => r.map((c) => `\"${String(c).replaceAll('\"', '\"\"')}\"`).join(\";\")).join(\"\\n\");\n    const blob = new Blob([\"\" + csv], { type: \"text/csv;charset=utf-8\" });\n    const a = document.createElement(\"a\");\n    a.href = URL.createObjectURL(blob);\n    a.download = `bestellingen-${siteId}.csv`;\n    a.click();\n    URL.revokeObjectURL(a.href);\n  }\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[340px_1fr]\">\n      <Card className=\"h-fit\">\n        <div className=\"mb-3 flex items-center justify-between gap-2\">\n          <h3 className=\"text-sm font-semibold\">Bestellingen</h3>\n          <Button size=\"sm\" variant=\"secondary\" onClick={exportCsv} disabled={orders.length === 0}>\n            CSV\n          </Button>\n        </div>\n        <Select value={filter} onValueChange={setFilter} options={FILTERS} className=\"mb-2\" />\n        <ul className=\"grid max-h-[65vh] gap-1 overflow-y-auto\">\n          {visible.map((o) => {\n            const st = ORDER_STATUS_LABELS[o.status] ?? { label: o.status, tone: \"slate\" as const };\n            return (\n              <li key={o.id}>\n                <button\n                  onClick={() => setSelected(o.id)}\n                  className={`grid w-full gap-0.5 rounded-lg px-3 py-2 text-left text-sm ${\n                    o.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                  }`}\n                >\n                  <span className=\"flex items-center justify-between gap-2\">\n                    <span className=\"font-medium\">{o.number}</span>\n                    <Badge tone={st.tone}>{st.label}</Badge>\n                  </span>\n                  <span className=\"flex items-center justify-between gap-2 text-xs text-slate-500\">\n                    <span className=\"truncate\">{o.customer.name}</span>\n                    <span>{formatCents(o.amount.totalCents)}</span>\n                  </span>\n                  <span className=\"text-xs text-slate-400\">{fmtDate(o.createdAt)}</span>\n                </button>\n              </li>\n            );\n          })}\n          {visible.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Geen bestellingen.</li>}\n        </ul>\n      </Card>\n\n      {current ? (\n        <Card>\n          <div className=\"grid gap-4\">\n            <div className=\"flex flex-wrap items-center justify-between gap-2\">\n              <h3 className=\"text-base font-semibold\">\n                {current.number}{\" \"}\n                <Badge tone={(ORDER_STATUS_LABELS[current.status] ?? { tone: \"slate\" as const }).tone}>\n                  {(ORDER_STATUS_LABELS[current.status] ?? { label: current.status }).label}\n                </Badge>\n              </h3>\n              <span className=\"text-sm text-slate-500\">Geplaatst: {fmtDate(current.createdAt)}</span>\n            </div>\n\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <div>\n                <h4 className=\"mb-1 text-sm font-semibold\">Klant</h4>\n                <p className=\"text-sm\">\n                  {current.customer.name}\n                  <br />\n                  <a className=\"text-brand-700 underline\" href={`mailto:${current.customer.email}`}>{current.customer.email}</a>\n                  {current.customer.phone && (\n                    <>\n                      <br />\n                      {current.customer.phone}\n                    </>\n                  )}\n                </p>\n              </div>\n              <div>\n                <h4 className=\"mb-1 text-sm font-semibold\">Verzendadres</h4>\n                {current.shipping ? (\n                  <p className=\"text-sm\">\n                    {current.shipping.address}\n                    <br />\n                    {current.shipping.zip} {current.shipping.city} ({current.shipping.country})\n                  </p>\n                ) : (\n                  <p className=\"text-sm text-slate-500\">Geen verzending (donatie).</p>\n                )}\n              </div>\n            </div>\n\n            {current.note && (\n              <div>\n                <h4 className=\"mb-1 text-sm font-semibold\">Opmerking van de klant</h4>\n                <p className=\"whitespace-pre-wrap text-sm\">{current.note}</p>\n              </div>\n            )}\n\n            <div>\n              <h4 className=\"mb-1 text-sm font-semibold\">Regels</h4>\n              <table className=\"w-full text-sm\">\n                <tbody>\n                  {current.items.map((i, idx) => (\n                    <tr key={idx} className=\"border-t border-slate-100\">\n                      <td className=\"py-1 pr-2\">\n                        {i.qty}× {i.name}\n                        {i.variantKey && <span className=\"text-slate-500\"> ({i.variantKey.split(\"|\").join(\" · \")})</span>}\n                        {i.kind === \"donation\" && <Badge tone=\"amber\">donatie</Badge>}\n                      </td>\n                      <td className=\"py-1 text-right\">{formatCents(i.unitPriceCents * i.qty)}</td>\n                    </tr>\n                  ))}\n                  <tr className=\"border-t border-slate-100 text-slate-500\">\n                    <td className=\"py-1 pr-2\">Verzendkosten</td>\n                    <td className=\"py-1 text-right\">\n                      {current.amount.shippingCents === 0 ? \"gratis\" : formatCents(current.amount.shippingCents)}\n                    </td>\n                  </tr>\n                  <tr className=\"border-t border-slate-200 font-semibold\">\n                    <td className=\"py-1 pr-2\">Totaal</td>\n                    <td className=\"py-1 text-right\">{formatCents(current.amount.totalCents)}</td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n\n            {current.mail?.error && (\n              <p className=\"rounded-lg bg-amber-50 px-3 py-2 text-sm text-amber-700\">\n                Bevestigingsmail mislukt: {current.mail.error}\n              </p>\n            )}\n\n            <div className=\"flex flex-wrap items-center gap-2 border-t border-slate-100 pt-4\">\n              {current.status === \"paid\" && (\n                <Button size=\"sm\" onClick={() => setStatus(current, \"shipped\")}>Markeer als verzonden</Button>\n              )}\n              {current.status === \"pending\" && (\n                <Button size=\"sm\" variant=\"secondary\" onClick={() => setStatus(current, \"cancelled\")}>Annuleer</Button>\n              )}\n              {(current.status === \"paid\" || current.status === \"shipped\") && (\n                <>\n                  <Button size=\"sm\" variant=\"secondary\" disabled={busy} onClick={() => resendMail(current)}>\n                    Mail opnieuw versturen\n                  </Button>\n                  <Button size=\"sm\" variant=\"danger\" disabled={busy} onClick={() => refund(current)}>\n                    Terugbetalen\n                  </Button>\n                </>\n              )}\n              {current.stripe?.paymentIntentId && (\n                <a\n                  className=\"ml-auto text-sm text-brand-700 underline\"\n                  href={`https://dashboard.stripe.com/payments/${current.stripe.paymentIntentId}`}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  Bekijk in Stripe ↗\n                </a>\n              )}\n            </div>\n          </div>\n        </Card>\n      ) : (\n        <Card>\n          <p className=\"text-sm text-slate-500\">Selecteer een bestelling.</p>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/shop/OrdersTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport { collection, limit, onSnapshot, orderBy, query } from \"firebase/firestore\";\nimport type { Timestamp } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { formatCents, type Order } from \"../../schema/shop\";\nimport { Badge, Button, Card, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { ORDER_STATUS_LABELS, shopCallable } from \"./lib\";\n\ntype StoredOrder = Order & {\n  id: string;\n  createdAt?: Timestamp;\n  paidAt?: Timestamp;\n  shippedAt?: Timestamp;\n  mail?: { confirmationSentAt?: Timestamp; error?: string };\n};\n\nconst FILTERS = [\n  { value: \"all\", label: \"Alles\" },\n  { value: \"pending\", label: \"Wacht op betaling\" },\n  { value: \"paid\", label: \"Betaald\" },\n  { value: \"shipped\", label: \"Verzonden\" },\n  { value: \"cancelled\", label: \"Geannuleerd\" },\n  { value: \"refunded\", label: \"Terugbetaald\" },\n  { value: \"donation\", label: \"Donaties\" },\n];\n\nfunction fmtDate(t?: Timestamp): string {\n  if (!t?.toDate) return \"—\";\n  return t.toDate().toLocaleString(\"nl-NL\", { dateStyle: \"short\", timeStyle: \"short\" });\n}\n\n/** Btw-component uit een incl.-prijs: totaal × tarief / (100 + tarief). */\nfunction vatOf(cents: number, rate: number): number {\n  return Math.round((cents * rate) / (100 + rate));\n}\n\nexport function OrdersTab({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [orders, setOrders] = useState<StoredOrder[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n  const [filter, setFilter] = useState(\"all\");\n  const [search, setSearch] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [shipOpen, setShipOpen] = useState(false);\n  const [trackingUrl, setTrackingUrl] = useState(\"\");\n  const [notify, setNotify] = useState(true);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(\n      query(collection(db, \"sites\", siteId, \"orders\"), orderBy(\"createdAt\", \"desc\"), limit(300)),\n      (snap) => setOrders(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Order) }) as StoredOrder)),\n    );\n  }, [siteId]);\n\n  /** Dashboard-tegels: vandaag / deze week / omzet (betaald + verzonden). */\n  const stats = useMemo(() => {\n    const now = new Date();\n    const startToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n    const startWeek = startToday - ((now.getDay() + 6) % 7) * 86_400_000;\n    const paidish = orders.filter((o) => [\"paid\", \"shipped\"].includes(o.status));\n    return {\n      today: paidish.filter((o) => (o.createdAt?.toMillis?.() ?? 0) >= startToday).length,\n      week: paidish.filter((o) => (o.createdAt?.toMillis?.() ?? 0) >= startWeek).length,\n      openPaid: orders.filter((o) => o.status === \"paid\").length,\n      revenueCents: paidish.reduce((n, o) => n + o.amount.totalCents, 0),\n    };\n  }, [orders]);\n\n  const visible = useMemo(() => {\n    let list = orders;\n    if (filter === \"donation\") list = list.filter((o) => o.items.some((i) => i.kind === \"donation\"));\n    else if (filter !== \"all\") list = list.filter((o) => o.status === filter);\n    const needle = search.trim().toLowerCase();\n    if (needle) {\n      list = list.filter(\n        (o) =>\n          o.number.toLowerCase().includes(needle) ||\n          o.customer.name.toLowerCase().includes(needle) ||\n          o.customer.email.toLowerCase().includes(needle),\n      );\n    }\n    return list;\n  }, [orders, filter, search]);\n\n  const current = orders.find((o) => o.id === selected) ?? null;\n\n  async function setStatus(order: StoredOrder, status: \"shipped\" | \"cancelled\") {\n    setBusy(true);\n    try {\n      await shopCallable<Record<string, unknown>, { ok: boolean }>(\"updateOrderStatus\")({\n        siteId,\n        orderId: order.id,\n        status,\n        notify,\n        trackingUrl: status === \"shipped\" && trackingUrl.trim() ? trackingUrl.trim() : undefined,\n      });\n      toast({\n        title: status === \"shipped\" ? \"Gemarkeerd als verzonden\" : \"Bestelling geannuleerd\",\n        description: notify ? \"De klant heeft een e-mail ontvangen.\" : undefined,\n        tone: \"success\",\n      });\n      setShipOpen(false);\n      setTrackingUrl(\"\");\n    } catch (e) {\n      toast({ title: \"Status wijzigen mislukt\", description: e instanceof Error ? e.message : undefined, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  async function refund(order: StoredOrder) {\n    const ok = await confirm({\n      title: `Bestelling ${order.number} terugbetalen?`,\n      description: `Het volledige bedrag (${formatCents(order.amount.totalCents)}) wordt via Stripe teruggestort; de klant krijgt een e-mail.`,\n      tone: \"danger\",\n      confirmLabel: \"Terugbetalen\",\n    });\n    if (!ok) return;\n    setBusy(true);\n    try {\n      await shopCallable<{ siteId: string; orderId: string }, { ok: boolean }>(\"refundOrder\")({ siteId, orderId: order.id });\n      toast({ title: \"Terugbetaling gestart\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Terugbetalen mislukt\", description: e instanceof Error ? e.message : undefined, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  async function resendMail(order: StoredOrder) {\n    setBusy(true);\n    try {\n      await shopCallable<{ siteId: string; orderId: string }, { ok: boolean }>(\"resendOrderMail\")({ siteId, orderId: order.id });\n      toast({ title: \"Bevestigingsmail opnieuw verstuurd\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Mail versturen mislukt\", description: e instanceof Error ? e.message : undefined, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  async function download(order: StoredOrder, path: string) {\n    setBusy(true);\n    try {\n      const res = await shopCallable<{ siteId: string; orderId: string; path: string }, { url: string }>(\"getOrderFileUrl\")({\n        siteId,\n        orderId: order.id,\n        path,\n      });\n      window.open(res.url, \"_blank\", \"noopener\");\n    } catch (e) {\n      toast({ title: \"Download mislukt\", description: e instanceof Error ? e.message : undefined, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  function exportCsv() {\n    const rows = [\n      [\"nummer\", \"datum\", \"status\", \"naam\", \"email\", \"items\", \"subtotaal\", \"korting\", \"verzendkosten\", \"totaal\", \"btw\"],\n      ...orders.map((o) => {\n        const vat =\n          o.items.reduce((n, i) => n + vatOf(i.unitPriceCents * i.qty, i.vatRate ?? 21), 0) +\n          (o.amount.shippingCents > 0 ? vatOf(o.amount.shippingCents, 21) : 0);\n        return [\n          o.number,\n          fmtDate(o.createdAt),\n          o.status,\n          o.customer.name,\n          o.customer.email,\n          o.items.map((i) => `${i.qty}x ${i.name}${i.variantKey ? ` (${i.variantKey})` : \"\"}`).join(\" | \"),\n          (o.amount.itemsCents / 100).toFixed(2),\n          ((o.amount.discountCents ?? 0) / 100).toFixed(2),\n          (o.amount.shippingCents / 100).toFixed(2),\n          (o.amount.totalCents / 100).toFixed(2),\n          (vat / 100).toFixed(2),\n        ];\n      }),\n    ];\n    const csv = rows.map((r) => r.map((c) => `\"${String(c).replaceAll('\"', '\"\"')}\"`).join(\";\")).join(\"\\n\");\n    const blob = new Blob([\"\" + csv], { type: \"text/csv;charset=utf-8\" });\n    const a = document.createElement(\"a\");\n    a.href = URL.createObjectURL(blob);\n    a.download = `bestellingen-${siteId}.csv`;\n    a.click();\n    URL.revokeObjectURL(a.href);\n  }\n\n  return (\n    <div className=\"grid gap-4\">\n      {/* Dashboard-tegels */}\n      <div className=\"grid grid-cols-2 gap-3 md:grid-cols-4\">\n        {[\n          { label: \"Vandaag\", value: String(stats.today) },\n          { label: \"Deze week\", value: String(stats.week) },\n          { label: \"Te verzenden\", value: String(stats.openPaid) },\n          { label: \"Omzet (betaald)\", value: formatCents(stats.revenueCents) },\n        ].map((s) => (\n          <Card key={s.label} className=\"py-3\">\n            <p className=\"text-xs text-slate-500\">{s.label}</p>\n            <p className=\"text-xl font-bold\">{s.value}</p>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-[340px_1fr]\">\n        <Card className=\"h-fit\">\n          <div className=\"mb-3 flex items-center justify-between gap-2\">\n            <h3 className=\"text-sm font-semibold\">Bestellingen</h3>\n            <Button size=\"sm\" variant=\"secondary\" onClick={exportCsv} disabled={orders.length === 0}>\n              CSV\n            </Button>\n          </div>\n          <Input placeholder=\"Zoek op nummer, naam of e-mail…\" value={search} onChange={(e) => setSearch(e.target.value)} className=\"mb-2\" />\n          <Select value={filter} onValueChange={setFilter} options={FILTERS} className=\"mb-2\" />\n          <ul className=\"grid max-h-[60vh] gap-1 overflow-y-auto\">\n            {visible.map((o) => {\n              const st = ORDER_STATUS_LABELS[o.status] ?? { label: o.status, tone: \"slate\" as const };\n              return (\n                <li key={o.id}>\n                  <button\n                    onClick={() => {\n                      setSelected(o.id);\n                      setShipOpen(false);\n                    }}\n                    className={`grid w-full gap-0.5 rounded-lg px-3 py-2 text-left text-sm ${\n                      o.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                    }`}\n                  >\n                    <span className=\"flex items-center justify-between gap-2\">\n                      <span className=\"font-medium\">{o.number}</span>\n                      <Badge tone={st.tone}>{st.label}</Badge>\n                    </span>\n                    <span className=\"flex items-center justify-between gap-2 text-xs text-slate-500\">\n                      <span className=\"truncate\">{o.customer.name}</span>\n                      <span>{formatCents(o.amount.totalCents)}</span>\n                    </span>\n                    <span className=\"text-xs text-slate-400\">{fmtDate(o.createdAt)}</span>\n                  </button>\n                </li>\n              );\n            })}\n            {visible.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Geen bestellingen.</li>}\n          </ul>\n        </Card>\n\n        {current ? (\n          <Card>\n            <div className=\"grid gap-4\">\n              <div className=\"flex flex-wrap items-center justify-between gap-2\">\n                <h3 className=\"text-base font-semibold\">\n                  {current.number}{\" \"}\n                  <Badge tone={(ORDER_STATUS_LABELS[current.status] ?? { tone: \"slate\" as const }).tone}>\n                    {(ORDER_STATUS_LABELS[current.status] ?? { label: current.status }).label}\n                  </Badge>\n                </h3>\n                <span className=\"text-sm text-slate-500\">Geplaatst: {fmtDate(current.createdAt)}</span>\n              </div>\n\n              <div className=\"grid gap-4 md:grid-cols-2\">\n                <div>\n                  <h4 className=\"mb-1 text-sm font-semibold\">Klant</h4>\n                  <p className=\"text-sm\">\n                    {current.customer.name}\n                    <br />\n                    <a className=\"text-brand-700 underline\" href={`mailto:${current.customer.email}`}>{current.customer.email}</a>\n                    {current.customer.phone && (\n                      <>\n                        <br />\n                        {current.customer.phone}\n                      </>\n                    )}\n                  </p>\n                </div>\n                <div>\n                  <h4 className=\"mb-1 text-sm font-semibold\">Verzendadres</h4>\n                  {current.shipping ? (\n                    <p className=\"text-sm\">\n                      {current.shipping.address}\n                      <br />\n                      {current.shipping.zip} {current.shipping.city} ({current.shipping.country})\n                    </p>\n                  ) : (\n                    <p className=\"text-sm text-slate-500\">Geen verzending (donatie).</p>\n                  )}\n                  {current.trackingUrl && (\n                    <a className=\"text-sm text-brand-700 underline\" href={current.trackingUrl} target=\"_blank\" rel=\"noreferrer\">\n                      Track & trace ↗\n                    </a>\n                  )}\n                </div>\n              </div>\n\n              {current.note && (\n                <div>\n                  <h4 className=\"mb-1 text-sm font-semibold\">Opmerking van de klant</h4>\n                  <p className=\"whitespace-pre-wrap text-sm\">{current.note}</p>\n                </div>\n              )}\n\n              <div>\n                <h4 className=\"mb-1 text-sm font-semibold\">Regels</h4>\n                <table className=\"w-full text-sm\">\n                  <tbody>\n                    {current.items.map((i, idx) => (\n                      <tr key={idx} className=\"border-t border-slate-100 align-top\">\n                        <td className=\"py-1 pr-2\">\n                          {i.qty}× {i.name}\n                          {i.variantKey && <span className=\"text-slate-500\"> ({i.variantKey.split(\"|\").join(\" · \")})</span>}\n                          {i.kind === \"donation\" && <Badge tone=\"amber\">donatie</Badge>}\n                          {i.personalization &&\n                            Object.entries(i.personalization).map(([k, v]) => (\n                              <span key={k} className=\"block text-xs text-slate-600\">\n                                ↳ {v.text ?? v.fileName ?? \"eigen ontwerp\"}\n                                {v.imagePath && (\n                                  <button\n                                    type=\"button\"\n                                    className=\"ml-1 text-brand-700 underline\"\n                                    disabled={busy}\n                                    onClick={() => download(current, v.imagePath as string)}\n                                  >\n                                    download\n                                  </button>\n                                )}\n                              </span>\n                            ))}\n                        </td>\n                        <td className=\"py-1 text-right\">{formatCents(i.unitPriceCents * i.qty)}</td>\n                      </tr>\n                    ))}\n                    {(current.amount.discountCents ?? 0) > 0 && (\n                      <tr className=\"border-t border-slate-100 text-slate-500\">\n                        <td className=\"py-1 pr-2\">Korting{current.discount?.code ? ` (${current.discount.code})` : \"\"}</td>\n                        <td className=\"py-1 text-right\">−{formatCents(current.amount.discountCents ?? 0)}</td>\n                      </tr>\n                    )}\n                    <tr className=\"border-t border-slate-100 text-slate-500\">\n                      <td className=\"py-1 pr-2\">Verzendkosten</td>\n                      <td className=\"py-1 text-right\">\n                        {current.amount.shippingCents === 0 ? \"gratis\" : formatCents(current.amount.shippingCents)}\n                      </td>\n                    </tr>\n                    <tr className=\"border-t border-slate-200 font-semibold\">\n                      <td className=\"py-1 pr-2\">Totaal</td>\n                      <td className=\"py-1 text-right\">{formatCents(current.amount.totalCents)}</td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n\n              {current.mail?.error && (\n                <p className=\"rounded-lg bg-amber-50 px-3 py-2 text-sm text-amber-700\">\n                  Bevestigingsmail mislukt: {current.mail.error}\n                </p>\n              )}\n\n              {/* Verzenden: track & trace + klant informeren */}\n              {shipOpen && current.status === \"paid\" && (\n                <div className=\"grid gap-3 rounded-lg border border-slate-200 p-3\">\n                  <Input\n                    placeholder=\"Track & trace-link (optioneel, https://…)\"\n                    value={trackingUrl}\n                    onChange={(e) => setTrackingUrl(e.target.value)}\n                  />\n                  <div className=\"flex items-center gap-4\">\n                    <Switch checked={notify} onCheckedChange={setNotify} label=\"Klant per e-mail informeren\" />\n                    <Button size=\"sm\" disabled={busy} onClick={() => setStatus(current, \"shipped\")}>\n                      Bevestig verzending\n                    </Button>\n                  </div>\n                </div>\n              )}\n\n              <div className=\"flex flex-wrap items-center gap-2 border-t border-slate-100 pt-4\">\n                {current.status === \"paid\" && !shipOpen && (\n                  <Button size=\"sm\" onClick={() => setShipOpen(true)}>Markeer als verzonden</Button>\n                )}\n                {[\"pending\", \"paid\"].includes(current.status) && (\n                  <Button\n                    size=\"sm\"\n                    variant=\"secondary\"\n                    disabled={busy}\n                    onClick={async () => {\n                      const ok = await confirm({\n                        title: `Bestelling ${current.number} annuleren?`,\n                        description: notify ? \"De klant ontvangt een e-mail.\" : undefined,\n                      });\n                      if (ok) void setStatus(current, \"cancelled\");\n                    }}\n                  >\n                    Annuleer\n                  </Button>\n                )}\n                {(current.status === \"paid\" || current.status === \"shipped\") && (\n                  <>\n                    <Button size=\"sm\" variant=\"secondary\" disabled={busy} onClick={() => resendMail(current)}>\n                      Mail opnieuw versturen\n                    </Button>\n                    <Button size=\"sm\" variant=\"danger\" disabled={busy} onClick={() => refund(current)}>\n                      Terugbetalen\n                    </Button>\n                  </>\n                )}\n                {current.invoicePath && (\n                  <Button size=\"sm\" variant=\"secondary\" disabled={busy} onClick={() => download(current, current.invoicePath as string)}>\n                    Factuur (PDF)\n                  </Button>\n                )}\n                {current.stripe?.paymentIntentId && (\n                  <a\n                    className=\"ml-auto text-sm text-brand-700 underline\"\n                    href={`https://dashboard.stripe.com/payments/${current.stripe.paymentIntentId}`}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    Bekijk in Stripe ↗\n                  </a>\n                )}\n              </div>\n            </div>\n          </Card>\n        ) : (\n          <Card>\n            <p className=\"text-sm text-slate-500\">Selecteer een bestelling.</p>\n          </Card>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}