@xiwebdesign/xicms-core 5.4.0 → 5.5.0

package/dist/admin/shop/OrdersTab.js

@@ -0,0 +1,236 @@
+"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 { getDb } from "../../firebase/client";
+import { formatCents } from "../../schema/shop";
+import { Badge, Button, Card } from "../ui/primitives";
+import { Select } from "../ui/select";
+import { useToast } from "../ui/toast";
+import { useConfirm } from "../ui/ConfirmDialog";
+import { ORDER_STATUS_LABELS, shopCallable } from "./lib";
+const FILTERS = [
+  { value: "all", label: "Alles" },
+  { value: "pending", label: "Wacht op betaling" },
+  { value: "paid", label: "Betaald" },
+  { value: "shipped", label: "Verzonden" },
+  { value: "cancelled", label: "Geannuleerd" },
+  { value: "refunded", label: "Terugbetaald" },
+  { value: "donation", label: "Donaties" }
+];
+function fmtDate(t) {
+  if (!t?.toDate) return "\u2014";
+  return t.toDate().toLocaleString("nl-NL", { dateStyle: "short", timeStyle: "short" });
+}
+function OrdersTab({ siteId }) {
+  const { toast } = useToast();
+  const confirm = useConfirm();
+  const [orders, setOrders] = useState([]);
+  const [selected, setSelected] = useState(null);
+  const [filter, setFilter] = useState("all");
+  const [busy, setBusy] = useState(false);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) return;
+    return onSnapshot(
+      query(collection(db, "sites", siteId, "orders"), orderBy("createdAt", "desc"), limit(200)),
+      (snap) => setOrders(snap.docs.map((d) => ({ id: d.id, ...d.data() })))
+    );
+  }, [siteId]);
+  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]);
+  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" });
+  }
+  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.`,
+      tone: "danger",
+      confirmLabel: "Terugbetalen"
+    });
+    if (!ok) return;
+    setBusy(true);
+    try {
+      await shopCallable("refundOrder")({ siteId, orderId: order.id });
+      toast({ title: "Terugbetaling gestart", tone: "success" });
+    } catch (e) {
+      toast({ title: "Terugbetalen mislukt", description: e instanceof Error ? e.message : void 0, tone: "error" });
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function resendMail(order) {
+    setBusy(true);
+    try {
+      await shopCallable("resendOrderMail")({ siteId, orderId: order.id });
+      toast({ title: "Bevestigingsmail opnieuw verstuurd", tone: "success" });
+    } catch (e) {
+      toast({ title: "Mail versturen 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)
+      ])
+    ];
+    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" });
+    const a = document.createElement("a");
+    a.href = URL.createObjectURL(blob);
+    a.download = `bestellingen-${siteId}.csv`;
+    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 })
+        ] }),
+        /* @__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", {}),
+            /* @__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.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 "),
+                ")"
+              ] }),
+              i.kind === "donation" && /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "donatie" })
+            ] }),
+            /* @__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) })
+          ] })
+        ] }) })
+      ] }),
+      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." }) })
+  ] });
+}
+export {
+  OrdersTab
+};
+//# sourceMappingURL=OrdersTab.js.map

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

@@ -0,0 +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":[]}

package/dist/admin/shop/ProductsTab.d.ts

@@ -0,0 +1,3 @@
+export declare function ProductsTab({ siteId }: {
+    siteId: string;
+}): import("react").JSX.Element;