your-ai-workflow-firebase-os 2.0.10 → 2.0.13

package/dist/TransactionsAdmin-CKD8mikC.js

@@ -0,0 +1,837 @@
+import { N as e, Q as t, W as n, m as r, t as i, w as a, y as o } from "./PageTitle-DO0OE7Tr.js";
+import { A as s, O as c, bt as l, k as u, l as d, mt as f, t as p } from "./Picture-CzSiC5hG.js";
+import { t as m } from "./DashboardNav-B4DPCUp_.js";
+import { A as h } from "./paymentGives-Dyzbh-Ba.js";
+import { t as g } from "./chevron-down-ClpQvvDS.js";
+import { t as _ } from "./FileViewerPopup-DoR_iMQ3.js";
+import { t as v } from "./SupportBar-OxtSzIqL.js";
+import { t as y } from "./FormNote-BGn7DwkX.js";
+import { t as b } from "./trash-DAl9EQts.js";
+import { t as x } from "./Loader-DNRaP6wF.js";
+import { d as S, u as C } from "./casesFromForm-DSnRlCFC.js";
+import { a as w, c as T, d as E, f as D, h as O, l as k, m as A, n as ee, o as j, p as M, r as N, t as P } from "./transactions-BDYZi9FG.js";
+import { t as te } from "./ConfirmModal-SxRCyUuu.js";
+import { n as F } from "./soldLines-DaAXbn9x.js";
+import { t as ne } from "./openOnArrival-Bop8h_s7.js";
+import { i as I } from "./serviceStatus-6IeXMPf9.js";
+import { t as L } from "./Attachments-BxdDnQX6.js";
+import { t as R } from "./practiceLeft-CdMDFlaR.js";
+import { Fragment as z, useCallback as B, useEffect as V, useMemo as H, useRef as U, useState as W } from "react";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { collection as J, deleteDoc as Y, doc as X, getDoc as re, getDocs as ie, limit as ae, onSnapshot as oe, orderBy as se, query as Z, startAfter as ce, where as le } from "firebase/firestore";
+import { Link as ue, useSearchParams as de } from "react-router-dom";
+//#region src/pages/TransactionsAdmin.tsx
+function fe(e, t, n = !1) {
+	let [r, i] = W({}), [a, o] = W({}), [s, c] = W({}), [u, d] = W({}), [p, m] = W({}), [h, g] = W(!1), [_, v] = W({}), y = U(/* @__PURE__ */ new Set());
+	V(() => {
+		let t = P.map((t) => oe(e ? Z(J(l, t), le("transaction", "==", !0)) : Z(J(l, t), se("submittedAt", "desc"), ae(100)), (n) => {
+			let r = !e && n.docs.length >= 100;
+			i((e) => ({
+				...e,
+				[t]: Q(n.docs, t)
+			})), c((e) => ({
+				...e,
+				[t]: {
+					more: r,
+					last: r ? n.docs[n.docs.length - 1] : null
+				}
+			})), d((e) => e[t] ? {
+				...e,
+				[t]: ""
+			} : e);
+		}, (e) => {
+			d((n) => ({
+				...n,
+				[t]: f(e, "The orders could not be read.")
+			})), c((e) => ({
+				...e,
+				[t]: {
+					more: !1,
+					last: null
+				}
+			}));
+		}));
+		return () => t.forEach((e) => e());
+	}, [e]), V(() => {
+		if (!n || e) {
+			o({});
+			return;
+		}
+		let t = P.map((e) => oe(Z(J(l, e), le("test", "==", !0)), (t) => o((n) => ({
+			...n,
+			[e]: Q(t.docs, e)
+		})), () => {}));
+		return () => t.forEach((e) => e());
+	}, [n, e]);
+	let b = H(() => {
+		let e = /* @__PURE__ */ new Set(), t = [], n = (n) => {
+			let r = `${n.collection}:${n.id}`;
+			e.has(r) || (e.add(r), t.push(n));
+		};
+		for (let e of P) (r[e] || []).forEach(n);
+		for (let e of P) (p[e]?.rows || []).forEach(n);
+		Object.values(_).forEach(n);
+		for (let e of P) (a[e] || []).forEach(n);
+		return t;
+	}, [
+		r,
+		p,
+		_,
+		a
+	]), x = P.some((e) => !s[e]);
+	V(() => {
+		if (x) return;
+		let e = new Set(b.map((e) => e.id));
+		for (let n of t) e.has(n) || y.current.has(n) || (y.current.add(n), (async () => {
+			for (let e of P) try {
+				let t = await re(X(l, e, n));
+				if (!t.exists()) continue;
+				let [r] = Q([t], e);
+				r && v((e) => ({
+					...e,
+					[n]: r
+				}));
+				return;
+			} catch {}
+		})());
+	}, [
+		x,
+		t,
+		b
+	]);
+	let S = (e) => p[e] || s[e] || {
+		more: !1,
+		last: null
+	}, C = async () => {
+		g(!0);
+		try {
+			await Promise.all(P.map(async (e) => {
+				let t = S(e);
+				if (!t.more || !t.last) return;
+				let n = await ie(Z(J(l, e), se("submittedAt", "desc"), ce(t.last), ae(100))), i = n.docs.length >= 100, a = Q(n.docs, e);
+				m((t) => ({
+					...t,
+					[e]: {
+						rows: [...t[e]?.rows || r[e] || [], ...a],
+						more: i,
+						last: i ? n.docs[n.docs.length - 1] : null
+					}
+				}));
+			})), d((e) => e.older ? {
+				...e,
+				older: ""
+			} : e);
+		} catch (e) {
+			d((t) => ({
+				...t,
+				older: f(e, "The older orders could not be read.")
+			}));
+		}
+		g(!1);
+	}, w = B((e, t) => {
+		o((n) => n[e] ? {
+			...n,
+			[e]: n[e].filter((e) => e.id !== t)
+		} : n), m((n) => n[e] ? {
+			...n,
+			[e]: {
+				...n[e],
+				rows: n[e].rows.filter((e) => e.id !== t)
+			}
+		} : n), v((n) => {
+			if (n[t]?.collection !== e) return n;
+			let r = { ...n };
+			return delete r[t], r;
+		});
+	}, []), T = Math.max(0, ...P.map((e) => {
+		let t = S(e);
+		return t.more && t.last ? ge(t.last.data()) : 0;
+	}));
+	return {
+		entries: b,
+		loading: x,
+		error: Object.values(u).find(Boolean) || "",
+		more: P.some((e) => S(e).more),
+		reachedBack: T,
+		loadingOlder: h,
+		loadOlder: C,
+		forget: w
+	};
+}
+var Q = (e, t) => e.map((e) => ({
+	...e.data(),
+	id: e.id,
+	collection: t
+})).filter(j), pe = [
+	"orderEntryId",
+	"entryId",
+	"orderId",
+	"submissionId",
+	"entry",
+	"order"
+], me = (e) => {
+	for (let t of pe) {
+		let n = String(e?.[t] ?? "").trim();
+		if (/^[A-Za-z0-9_-]{1,128}$/.test(n)) return n;
+	}
+	return "";
+};
+async function he(e) {
+	let t = Array.isArray(e.arrivedIn) ? e.arrivedIn.filter((e) => typeof e == "string" && e) : [];
+	for (let n of t) await Y(X(l, n, e.id));
+}
+var ge = (e) => {
+	let t = e?.submittedAt;
+	if (!t) return 0;
+	if (typeof t.toMillis == "function") return t.toMillis();
+	if (typeof t.toDate == "function") return t.toDate().getTime();
+	let n = new Date(t).getTime();
+	return Number.isNaN(n) ? 0 : n;
+};
+function _e(e) {
+	let { user: n } = t(), r = U(n);
+	V(() => {
+		r.current = n;
+	}, [n]);
+	let i = n?.uid || "", [a, o] = W([]), [s, c] = W([]), [l, u] = W({
+		charges: null,
+		subscriptions: null
+	}), [d, f] = W(!1), [p, m] = W(""), [h, g] = W(!1), [_, v] = W(!1), y = B(async (e, t) => {
+		let n = r.current, i = n ? await n.getIdToken() : "", a = await fetch(e, {
+			...t,
+			headers: {
+				...t?.body ? { "Content-Type": "application/json" } : {},
+				...i ? { Authorization: `Bearer ${i}` } : {}
+			}
+		}), o = await a.json().catch(() => ({}));
+		if (!a.ok || o?.success === !1) throw Error(o?.error || "The server could not answer.");
+		return o;
+	}, []), b = B((e, t) => {
+		let n = e.charges || [], r = e.subscriptions || [];
+		o((e) => t ? [...e, ...n] : n), c((e) => t ? [...e, ...r] : r), g(!!(e.chargesHasMore || e.subscriptionsHasMore)), u((i) => {
+			let a = {
+				charges: e.chargesAfter || n[n.length - 1]?.id || (t ? i.charges : null),
+				subscriptions: e.subscriptionsAfter || r[r.length - 1]?.id || (t ? i.subscriptions : null)
+			};
+			return a.charges === i.charges && a.subscriptions === i.subscriptions ? i : a;
+		});
+	}, []);
+	V(() => {
+		if (!e || !i) return;
+		let t = !1;
+		return y("/api/payments/orders").then((e) => {
+			t || (b(e, !1), m(""), f(!0));
+		}).catch((e) => {
+			t || (m(e.message), f(!0));
+		}), () => {
+			t = !0;
+		};
+	}, [
+		e,
+		i,
+		y,
+		b
+	]);
+	let x = async () => {
+		v(!0);
+		try {
+			let e = new URLSearchParams();
+			l.charges && e.set("starting_after", l.charges), l.subscriptions && e.set("subscriptions_after", l.subscriptions), b(await y(`/api/payments/orders?${e}`), !0), m("");
+		} catch (e) {
+			m(e.message);
+		}
+		v(!1);
+	}, S = B((e, t) => {
+		e === "charge" ? o((e) => e.filter((e) => e.id !== t)) : c((e) => e.filter((e) => e.id !== t));
+	}, []);
+	return {
+		orders: H(() => [...a, ...s], [a, s]),
+		loaded: d,
+		error: p,
+		hasMore: h,
+		loadingMore: _,
+		loadMore: x,
+		authed: y,
+		drop: S
+	};
+}
+var ve = (e) => e ? new Date(e).toLocaleString(void 0, {
+	day: "numeric",
+	month: "short",
+	year: "numeric",
+	hour: "numeric",
+	minute: "2-digit"
+}) : "", ye = (e) => e ? new Date(e).toLocaleDateString(void 0, {
+	day: "numeric",
+	month: "short",
+	year: "numeric"
+}) : "";
+function be(e) {
+	let t = e.order, n = [];
+	if (w(e) && n.push({ value: t ? "Test payment, no real money moved" : "Practice order" }), e.at) {
+		let r = t ? t.kind === "subscription" ? "Started" : t.paid ? "Paid on" : "Date" : "Sent on";
+		n.push({
+			label: r,
+			value: ve(e.at)
+		});
+	}
+	return t?.paidWith && n.push({ value: t.paidWith }), e.page && n.push({
+		label: "Sold on",
+		value: e.page
+	}), t && (t.amountRefunded || 0) > 0 && n.push({ value: `${N(t.amountRefunded, t.currency)} refunded` }), t && e.entry && S(e.entry, t) && n.push({ value: "Paid less than this order says — do not send it" }), t && e.entry && C(e.entry, t) && n.push({ value: "Paid for other things than this order says — do not send it" }), n;
+}
+var xe = (e) => /^(charge|subscription|entry):/.test(e) ? e : e.startsWith("sub_") ? `subscription:${e}` : `charge:${e}`, Se = (e) => !e.order && w(e) ? {
+	title: "Delete this practice order?",
+	message: "It goes from this screen, and from any orders page it reached. Nothing in your Stripe account changes."
+} : e.order ? e.order.kind === "subscription" ? {
+	title: "Delete this subscription?",
+	message: "It comes off this screen for good. The subscription itself stays in your Stripe account and keeps running — cancel it there if that is what you mean."
+} : {
+	title: "Delete this payment?",
+	message: "It comes off this screen for good. The payment itself stays in your Stripe account, and nothing is refunded."
+} : {
+	title: "Delete this order?",
+	message: "The order they started is deleted. No payment for it was found here, and nothing in your Stripe account changes."
+}, Ce = "grid grid-cols-[minmax(0,1fr)_auto_1rem] md:grid-cols-[minmax(0,1.5fr)_minmax(0,1.3fr)_6.5rem_7rem_8.5rem_1rem] items-center gap-x-3 md:gap-x-6 px-4 md:px-5";
+function we({ status: e, className: t = "" }) {
+	return /* @__PURE__ */ q("span", {
+		className: `inline-flex items-center gap-2 text-[12.5px] font-medium text-foreground/60 leading-tight whitespace-nowrap ${t}`,
+		children: [/* @__PURE__ */ K("span", {
+			"aria-hidden": "true",
+			className: `w-1.5 h-1.5 rounded-full shrink-0 ${e.in ? "bg-accent" : "bg-foreground/25"}`
+		}), e.label]
+	});
+}
+var Te = {
+	in: !1,
+	label: "Test"
+}, Ee = "text-[12.5px] font-semibold text-foreground/50 leading-tight mb-3", De = "block text-[12px] font-medium text-foreground/45 leading-tight mb-0.5", $ = "text-[13.5px] text-foreground/85 leading-snug break-words [overflow-wrap:anywhere]";
+function Oe({ row: e }) {
+	let t = e.name || e.email || "Someone", n = [];
+	return e.email && e.email !== t && n.push(["Email", e.email]), e.order?.phone && n.push(["Phone", e.order.phone]), e.order?.address ? n.push(["Delivery address", e.order.address]) : e.order?.cardAddress && n.push(["Card address", e.order.cardAddress]), /* @__PURE__ */ q("section", {
+		className: "min-w-0",
+		children: [
+			/* @__PURE__ */ K("h3", {
+				className: Ee,
+				children: "Who"
+			}),
+			/* @__PURE__ */ K("p", {
+				className: "text-[14px] font-semibold text-foreground leading-snug break-words [overflow-wrap:anywhere]",
+				children: t
+			}),
+			n.length > 0 && /* @__PURE__ */ K("div", {
+				className: "flex flex-col gap-2.5 mt-3",
+				children: n.map(([e, t]) => /* @__PURE__ */ q("p", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ K("span", {
+						className: De,
+						children: e
+					}), /* @__PURE__ */ K("span", {
+						className: `block ${$}`,
+						children: t
+					})]
+				}, e))
+			})
+		]
+	});
+}
+function ke({ lines: e, onOpen: t }) {
+	return /* @__PURE__ */ q("section", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ K("h3", {
+			className: Ee,
+			children: "What they bought"
+		}), /* @__PURE__ */ K("div", {
+			className: "flex flex-col gap-2",
+			children: e.map((e, n) => {
+				let r = /* @__PURE__ */ K("span", {
+					className: e.kind === "total" ? "text-[13.5px] font-semibold text-foreground leading-snug" : e.kind === "extra" ? `${$} text-foreground/60` : $,
+					children: e.left
+				});
+				return /* @__PURE__ */ q("div", {
+					className: `flex justify-between gap-4 ${e.picture ? "items-center" : "items-baseline"} ${e.kind === "total" ? "border-t border-[var(--panel-border)]/70 pt-2.5 mt-1" : ""}`,
+					children: [e.picture ? /* @__PURE__ */ q("span", {
+						className: "flex items-center gap-3 min-w-0",
+						children: [/* @__PURE__ */ K("button", {
+							type: "button",
+							onClick: () => t({
+								src: e.picture,
+								name: e.left || "Picture"
+							}),
+							"aria-label": `Open the picture of ${e.left || "this"}`,
+							title: e.left,
+							className: "shrink-0 rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-accent/50 hover:opacity-90 active:scale-[0.99] transition cursor-pointer",
+							children: /* @__PURE__ */ K(p, {
+								src: e.picture,
+								alt: "",
+								fit: "cover",
+								className: "w-10 h-10 rounded-lg border border-[var(--panel-border)]"
+							})
+						}), r]
+					}) : r, e.right && /* @__PURE__ */ K("span", {
+						className: `text-[13.5px] tabular-nums whitespace-nowrap shrink-0 leading-snug ${e.kind === "total" ? "font-semibold text-foreground" : "text-foreground/85"}`,
+						children: e.right
+					})]
+				}, n);
+			})
+		})]
+	});
+}
+function Ae({ pairs: e, currency: t, onOpen: n }) {
+	return /* @__PURE__ */ q("section", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ K("h3", {
+			className: Ee,
+			children: "What they told you"
+		}), /* @__PURE__ */ K("dl", {
+			className: "grid grid-cols-1 sm:grid-cols-[minmax(0,11rem)_minmax(0,1fr)] gap-x-8 gap-y-1 sm:gap-y-2",
+			children: e.map(([e, r]) => {
+				let i = ee(e, r, t);
+				return /* @__PURE__ */ q(z, { children: [/* @__PURE__ */ K("dt", {
+					className: "text-[13px] text-foreground/50 leading-snug",
+					children: T(e)
+				}), d(r) ? /* @__PURE__ */ K("dd", {
+					className: "my-1 max-sm:mb-2.5",
+					children: /* @__PURE__ */ K(L, {
+						value: r,
+						onOpen: n,
+						className: "w-20 h-14"
+					})
+				}) : /* @__PURE__ */ K("dd", {
+					className: `${$} max-sm:mb-2`,
+					children: (i.length ? i : ["—"]).map((e, t) => /* @__PURE__ */ K("span", {
+						className: "block",
+						children: e
+					}, t))
+				})] }, e);
+			})
+		})]
+	});
+}
+function je({ row: t, open: i, onToggle: a, onDelete: o, onOpenFile: l }) {
+	let d = c(), f = D(t), p = w(t) ? Te : f, m = t.name || t.email || "Someone", h = t.email && t.email !== m ? t.email : "", _ = t.order?.currency || null, v = t.order ? N(t.order.amount, t.order.currency) : "", y = t.order?.kind === "subscription" && t.order.interval ? `/ ${t.order.interval}` : "", { bought: x, told: S } = M(t.collected.filter(([e]) => !F(e))), C = new Set([
+		t.name,
+		t.email,
+		t.order?.phone,
+		t.order?.address,
+		t.order?.cardAddress
+	].filter(Boolean)), T = S.filter(([, e]) => !(typeof e == "string" && C.has(e.trim()))), O = be(t), k = E(x, _);
+	return t.order && !k.some((e) => e.kind === "item") && k.unshift({
+		left: t.what,
+		right: y ? `${v} ${y}` : v,
+		kind: "item"
+	}), /* @__PURE__ */ q("div", {
+		"data-ledger-row": t.key,
+		className: `scroll-mt-6 ${i ? "bg-foreground/[0.02]" : ""}`,
+		children: [/* @__PURE__ */ q("button", {
+			type: "button",
+			onClick: a,
+			"aria-expanded": i,
+			className: `w-full ${Ce} py-3 text-left cursor-pointer transition-colors hover:bg-foreground/[0.03]`,
+			children: [
+				/* @__PURE__ */ q("span", {
+					className: "flex flex-col min-w-0 gap-0.5",
+					children: [
+						/* @__PURE__ */ K("span", {
+							className: "text-[13.5px] font-bold text-foreground leading-tight truncate",
+							children: m
+						}),
+						/* @__PURE__ */ K("span", {
+							className: "md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate",
+							children: t.what
+						}),
+						h && /* @__PURE__ */ K("span", {
+							className: "max-md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate",
+							children: h
+						})
+					]
+				}),
+				/* @__PURE__ */ q("span", {
+					className: "max-md:hidden md:flex flex-col min-w-0 gap-0.5",
+					children: [/* @__PURE__ */ K("span", {
+						className: "text-[13px] font-medium text-foreground/80 leading-tight truncate",
+						children: t.what
+					}), t.page && /* @__PURE__ */ K("span", {
+						className: "text-[11.5px] font-medium text-foreground/40 leading-tight truncate",
+						children: t.page
+					})]
+				}),
+				/* @__PURE__ */ K("span", {
+					className: "max-md:hidden text-[12.5px] font-medium text-foreground/45 tabular-nums whitespace-nowrap leading-tight",
+					children: ye(t.at)
+				}),
+				/* @__PURE__ */ K(we, {
+					status: p,
+					className: "max-md:hidden"
+				}),
+				/* @__PURE__ */ q("span", {
+					className: "flex flex-col items-end gap-1 min-w-0",
+					children: [/* @__PURE__ */ q("span", {
+						className: "text-[13.5px] font-semibold text-foreground tabular-nums whitespace-nowrap leading-tight",
+						children: [v || /* @__PURE__ */ K("span", {
+							className: "text-foreground/25 font-medium",
+							children: "—"
+						}), y && /* @__PURE__ */ q("span", {
+							className: "text-[12.5px] text-foreground/40 font-medium",
+							children: [" ", y]
+						})]
+					}), /* @__PURE__ */ K(we, {
+						status: p,
+						className: "md:hidden !text-[11.5px] !gap-1.5"
+					})]
+				}),
+				/* @__PURE__ */ K(g, { className: `w-4 h-4 text-foreground/35 shrink-0 justify-self-end transition-transform ${i ? "rotate-180" : ""}` })
+			]
+		}), /* @__PURE__ */ K(s, {
+			initial: !1,
+			children: i && /* @__PURE__ */ K(u.div, {
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: d ? { duration: 0 } : e,
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ q("div", {
+					className: "mx-4 md:mx-5 pt-4 pb-5 md:pt-5 md:pb-6 border-t border-[var(--panel-border)]/50 flex flex-col gap-6",
+					children: [
+						/* @__PURE__ */ q("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ K("div", {
+								className: "flex items-center flex-wrap gap-x-4 gap-y-1",
+								children: v ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q("span", {
+									className: "text-2xl font-semibold tracking-tight text-foreground tabular-nums leading-none",
+									children: [v, y && /* @__PURE__ */ q("span", {
+										className: "text-[15px] font-medium text-foreground/45 tracking-normal",
+										children: [" ", y]
+									})]
+								}), /* @__PURE__ */ K(we, {
+									status: f,
+									className: "!text-[13px]"
+								})] }) : /* @__PURE__ */ K("span", {
+									className: "text-lg font-semibold tracking-tight leading-none text-foreground/50",
+									children: f.label
+								})
+							}), O.length > 0 && /* @__PURE__ */ K("p", {
+								className: "flex flex-wrap items-baseline gap-x-2 text-[13px] text-foreground/60 leading-snug",
+								children: O.map((e, t) => /* @__PURE__ */ q("span", {
+									className: "inline-flex flex-wrap gap-x-1",
+									children: [
+										t > 0 && /* @__PURE__ */ K("span", {
+											"aria-hidden": "true",
+											className: "text-foreground/30 mr-1",
+											children: "·"
+										}),
+										e.label && /* @__PURE__ */ K("span", {
+											className: "text-foreground/45",
+											children: e.label
+										}),
+										/* @__PURE__ */ K("span", { children: e.value })
+									]
+								}, t))
+							})]
+						}),
+						/* @__PURE__ */ q("div", {
+							className: "grid grid-cols-1 md:grid-cols-[minmax(0,2fr)_minmax(0,3fr)] gap-x-12 gap-y-6",
+							children: [/* @__PURE__ */ K(Oe, { row: t }), k.length > 0 && /* @__PURE__ */ K(ke, {
+								lines: k,
+								onOpen: l
+							})]
+						}),
+						T.length > 0 && /* @__PURE__ */ K(Ae, {
+							pairs: T,
+							currency: _,
+							onOpen: l
+						}),
+						k.length === 0 && T.length === 0 && /* @__PURE__ */ K("p", {
+							className: "text-[13px] text-foreground/40",
+							children: "Nothing was asked before paying."
+						}),
+						/* @__PURE__ */ q("div", {
+							className: "flex items-center justify-between gap-3",
+							children: [t.order?.receiptUrl ? /* @__PURE__ */ q("a", {
+								href: t.order.receiptUrl,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex items-center gap-1.5 text-[13px] font-medium text-foreground/55 hover:text-accent transition-colors",
+								children: ["Stripe receipt", /* @__PURE__ */ K(n, { className: "w-3.5 h-3.5" })]
+							}) : /* @__PURE__ */ K("span", {}), o && /* @__PURE__ */ K(r, {
+								icon: b,
+								tone: "danger",
+								compact: !0,
+								title: "Delete this transaction",
+								onClick: o,
+								children: "Delete"
+							})]
+						})
+					]
+				})
+			})
+		})]
+	});
+}
+function Me({ rows: e, waiting: t, configured: n, error: s, hasMore: c, loadingMore: l, onLoadMore: d, onDelete: p, initialOpen: h = null, help: g = !1, focus: b = null, onFocused: S, mode: C = null, onDeletePractice: T }) {
+	let [E, D] = W(!1), O = H(() => C === "live" ? e.filter(w) : [], [e, C]), A = H(() => O.length && !E ? e.filter((e) => !w(e)) : e, [
+		e,
+		O.length,
+		E
+	]), [ee, j] = W(!1), [M, N] = W(h), [P, F] = W(null), [I, L] = W(null), [R, z] = W(!1), [B, V] = W(""), U = b ? xe(b) : null;
+	ne(U, !t && !!U && A.some((e) => e.key === U), N, S);
+	let J = async () => {
+		if (!(!I || !p)) {
+			z(!0), V("");
+			try {
+				await p(I), M === I.key && N(null), L(null);
+			} catch (e) {
+				V(f(e, e?.message || "It could not be deleted."));
+			}
+			z(!1);
+		}
+	}, Y = I ? Se(I) : null;
+	return /* @__PURE__ */ q("main", {
+		className: "flex-1 w-full max-w-7xl mx-auto p-4 pt-2 md:p-8 md:pt-4 z-10 flex flex-col min-h-screen",
+		children: [
+			/* @__PURE__ */ q(u.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ K(i, { children: "Transactions" }), /* @__PURE__ */ q("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ K("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/transactions"]
+				})]
+			}),
+			/* @__PURE__ */ q("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [/* @__PURE__ */ K(m, {}), /* @__PURE__ */ K("div", {
+					className: "glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-5 md:p-8 shadow-2xl relative bg-background flex flex-col fbos-tab-fill min-h-[400px] gap-4",
+					children: t ? /* @__PURE__ */ K(x, {
+						block: !0,
+						className: "flex-1"
+					}) : /* @__PURE__ */ q(G, { children: [
+						s && /* @__PURE__ */ K(a, {
+							tone: "error",
+							children: s
+						}),
+						!n && /* @__PURE__ */ q(a, { children: [
+							"Stripe is not connected yet, so there is no money to show — connect it on the",
+							" ",
+							/* @__PURE__ */ K(ue, {
+								to: "/payments",
+								className: "font-bold text-accent hover:underline",
+								children: "Payments"
+							}),
+							" screen and every payment lands here on its own."
+						] }),
+						n && C === "test" && e.length > 0 && /* @__PURE__ */ K(a, { children: "Test mode: these are practice payments. No real money has moved." }),
+						O.length > 0 && /* @__PURE__ */ q("p", {
+							className: "flex flex-wrap items-baseline gap-x-4 gap-y-1 px-1 text-[12.5px] font-medium leading-relaxed text-foreground/50",
+							children: [
+								/* @__PURE__ */ K("span", { children: k(O.length) }),
+								/* @__PURE__ */ K(o, {
+									onClick: () => D((e) => !e),
+									children: E ? "Hide them" : "Show them"
+								}),
+								T && /* @__PURE__ */ K(o, {
+									onClick: () => {
+										V(""), j(!0);
+									},
+									children: "Delete them"
+								})
+							]
+						}),
+						A.length === 0 && c ? /* @__PURE__ */ q("div", {
+							className: "flex flex-col items-center justify-center flex-1 gap-3 py-16 text-center",
+							children: [/* @__PURE__ */ K("p", {
+								className: "text-[13px] font-medium text-foreground/50",
+								children: "Nothing recent."
+							}), /* @__PURE__ */ K(r, {
+								busy: l,
+								onClick: d,
+								children: "Show older payments"
+							})]
+						}) : A.length === 0 ? /* @__PURE__ */ K("div", {
+							className: "flex flex-col items-center justify-center flex-1 gap-3 py-16 text-center",
+							children: /* @__PURE__ */ K("p", {
+								className: "text-[13px] font-medium text-foreground/50 max-w-md leading-relaxed",
+								children: "Nothing yet. When somebody pays, or answers a payment’s form, it lands here on its own — with what they bought and everything they told the page beside it. A refund you make in Stripe shows here too."
+							})
+						}) : /* @__PURE__ */ q("div", {
+							className: "flex flex-col gap-3",
+							children: [/* @__PURE__ */ q("div", {
+								className: "rounded-2xl border border-[var(--panel-border)]/60 divide-y divide-[var(--panel-border)]/60 overflow-hidden",
+								children: [/* @__PURE__ */ q("div", {
+									className: `max-md:hidden ${Ce} py-2.5 text-[11.5px] font-medium text-foreground/40`,
+									children: [
+										/* @__PURE__ */ K("span", { children: "Who" }),
+										/* @__PURE__ */ K("span", { children: "What" }),
+										/* @__PURE__ */ K("span", { children: "When" }),
+										/* @__PURE__ */ K("span", { children: "Status" }),
+										/* @__PURE__ */ K("span", {
+											className: "text-right",
+											children: "Amount"
+										}),
+										/* @__PURE__ */ K("span", {})
+									]
+								}), A.map((e) => /* @__PURE__ */ K(je, {
+									row: e,
+									open: M === e.key,
+									onToggle: () => N((t) => t === e.key ? null : e.key),
+									onDelete: p ? () => {
+										V(""), L(e);
+									} : void 0,
+									onOpenFile: F
+								}, e.key))]
+							}), c && /* @__PURE__ */ K(r, {
+								busy: l,
+								onClick: d,
+								className: "self-center mt-1",
+								children: "Show older payments"
+							})]
+						})
+					] })
+				})]
+			}),
+			g && /* @__PURE__ */ K(v, {}),
+			/* @__PURE__ */ K(_, {
+				open: !!P,
+				onClose: () => F(null),
+				src: P?.src || "",
+				name: P?.name
+			}),
+			/* @__PURE__ */ K(te, {
+				isOpen: ee,
+				title: O.length === 1 ? "Delete the practice order?" : `Delete the ${O.length} practice orders?`,
+				message: /* @__PURE__ */ q(G, { children: [
+					O.length === 1 ? "It goes" : "They go",
+					" from this screen, and from any orders page ",
+					O.length === 1 ? "it" : "they",
+					" reached. Nothing in your Stripe account changes.",
+					B && /* @__PURE__ */ K("span", {
+						className: "block mt-4 text-left",
+						children: /* @__PURE__ */ K(y, {
+							tone: "error",
+							children: B
+						})
+					})
+				] }),
+				confirmText: "Delete them",
+				isProcessing: R,
+				onConfirm: async () => {
+					if (T) {
+						z(!0), V("");
+						try {
+							await T(O), D(!1), j(!1);
+						} catch (e) {
+							V(f(e, e?.message || "They could not all be deleted."));
+						}
+						z(!1);
+					}
+				},
+				onCancel: () => {
+					R || j(!1);
+				}
+			}),
+			/* @__PURE__ */ K(te, {
+				isOpen: !!I,
+				title: Y?.title || "",
+				message: /* @__PURE__ */ q(G, { children: [Y?.message, B && /* @__PURE__ */ K("span", {
+					className: "block mt-4 text-left",
+					children: /* @__PURE__ */ K(y, {
+						tone: "error",
+						children: B
+					})
+				})] }),
+				confirmText: "Delete",
+				isProcessing: R,
+				onConfirm: J,
+				onCancel: () => {
+					R || L(null);
+				}
+			})
+		]
+	});
+}
+function Ne() {
+	let { userRole: e } = t(), n = h(e), { status: r, error: i } = I(), a = !!r?.configured, o = r?.mode ?? null, s = _e(a), c = U(!1);
+	V(() => {
+		!n || !a || c.current || (c.current = !0, s.authed("/api/payments/tidy", {
+			method: "POST",
+			body: "{}"
+		}).catch(() => void 0));
+	}, [
+		n,
+		a,
+		s.authed
+	]);
+	let u = H(() => n ? s.orders.map((e) => me(e.collected)).filter(Boolean) : [], [n, s.orders]), d = fe(!n, u, o === "live"), { entries: f, loading: p, error: m } = d, [g, _] = W(() => /* @__PURE__ */ new Set()), v = H(() => f.filter((e) => e.test === !0), [f]), y = H(() => v.map((e) => `${e.collection}:${e.id}`).sort().join(" "), [v]), b = U(v);
+	V(() => {
+		b.current = v;
+	}, [v]), V(() => {
+		if (o !== "live" || !y) return;
+		let e = !0;
+		return R(b.current).then((t) => {
+			e && _(t);
+		}), () => {
+			e = !1;
+		};
+	}, [o, y]);
+	let x = H(() => A(s.orders, O(f, g)).filter((e) => e.order || w(e) || e.at >= d.reachedBack), [
+		s.orders,
+		f,
+		g,
+		d.reachedBack
+	]), S = !r && !i || p || a && !s.loaded, C = () => {
+		s.hasMore ? s.loadMore() : d.loadOlder();
+	}, [T, E] = de(), D = async (e, t = !1) => {
+		e.order && await s.authed("/api/payments/orders/remove", {
+			method: "POST",
+			body: JSON.stringify({
+				kind: e.order.kind,
+				id: e.order.id
+			})
+		}), e.entry && w(e) && (t || !(await R([e.entry])).has(e.entry.id)) && await he(e.entry), e.entry?.collection && (await Y(X(l, e.entry.collection, e.entry.id)), d.forget(e.entry.collection, e.entry.id)), e.order && s.drop(e.order.kind, e.order.id);
+	};
+	return /* @__PURE__ */ K(Me, {
+		rows: x,
+		waiting: S,
+		configured: a,
+		error: [s.error, m].filter(Boolean).join(" "),
+		hasMore: s.hasMore || d.more,
+		loadingMore: s.loadingMore || d.loadingOlder,
+		onLoadMore: C,
+		onDelete: n ? D : void 0,
+		mode: o,
+		onDeletePractice: n ? async (e) => {
+			let t = await R(e.map((e) => e.entry));
+			t.size && _((e) => new Set([...e, ...t]));
+			let n = 0;
+			for (let r of e) if (!(r.entry && t.has(r.entry.id))) try {
+				await D(r, !0);
+			} catch {
+				n += 1;
+			}
+			if (n) throw Error(n === e.length ? "They could not be deleted just now. Please try again in a moment." : `${n} of them could not be deleted just now. Please try again in a moment.`);
+		} : void 0,
+		help: n,
+		focus: T.get("open"),
+		onFocused: () => E((e) => {
+			let t = new URLSearchParams(e);
+			return t.delete("open"), t;
+		}, { replace: !0 })
+	});
+}
+//#endregion
+export { Ne as TransactionsAdmin };