your-ai-workflow-firebase-os 2.0.1 → 2.0.3

package/dist/TransactionsAdmin-BsZ-oQWi.js

@@ -0,0 +1,582 @@
+import { t as e } from "./PageTitle-D93YCiN8.js";
+import { Nn as t, T as n, Ta as r, Vn as i, cr as a, dr as o, g as s, ka as c, o as l, or as u, sr as d } from "./TimeZoneField-DkI1Bkcz.js";
+import { t as f } from "./DashboardNav-Dmn7PVSp.js";
+import { h as p } from "./verifiedAccount-DRbRFJ6H.js";
+import { C as m, Ht as h, on as g } from "./lucide-react-CA7GD7Nv.js";
+import { t as _ } from "./Loader-D4gwgBOq.js";
+import { a as v, d as y, f as b, l as x, n as S, r as C, s as w, t as T, u as E } from "./transactions-BqMQDRx3.js";
+import { t as D } from "./FileViewerPopup-CX-J75TM.js";
+import { t as O } from "./FormNote-BivRNA3J.js";
+import { t as k } from "./ConfirmModal-gKQEpd4d.js";
+import { t as ee } from "./SupportBar-CN_JGC-9.js";
+import { t as te } from "./openOnArrival-S2K6v-lB.js";
+import { r as A } from "./serviceStatus-vS8AI7SZ.js";
+import { t as j } from "./Attachments-Bl9_dfsu.js";
+import { Fragment as M, useCallback as N, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { collection as V, deleteDoc as ne, doc as re, onSnapshot as ie, orderBy as H, query as U, where as W } from "firebase/firestore";
+import { Link as G, useSearchParams as K } from "react-router-dom";
+//#region src/pages/TransactionsAdmin.tsx
+function q(e) {
+	let [t, n] = L({}), [i, a] = L({}), [o, s] = L("");
+	return P(() => {
+		let t = T.map((t) => ie(e ? U(V(c, t), W("transaction", "==", !0)) : U(V(c, t), H("submittedAt", "desc")), (e) => {
+			let r = e.docs.map((e) => ({
+				...e.data(),
+				id: e.id,
+				collection: t
+			})).filter(v);
+			n((e) => ({
+				...e,
+				[t]: r
+			})), a((e) => ({
+				...e,
+				[t]: !0
+			}));
+		}, (e) => {
+			s(r(e, "The orders could not be read.")), a((e) => ({
+				...e,
+				[t]: !0
+			}));
+		}));
+		return () => t.forEach((e) => e());
+	}, [e]), {
+		entries: F(() => T.flatMap((e) => t[e] || []), [t]),
+		loading: T.some((e) => !i[e]),
+		error: o
+	};
+}
+function J(e) {
+	let { user: t } = o(), n = I(t);
+	P(() => {
+		n.current = t;
+	}, [t]);
+	let r = t?.uid || "", [i, a] = L([]), [s, c] = L([]), [l, u] = L({
+		charges: null,
+		subscriptions: null
+	}), [d, f] = L(!1), [p, m] = L(""), [h, g] = L(!1), [_, v] = L(!1), y = N(async (e, t) => {
+		let r = n.current, i = r ? await r.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 = N((e, t) => {
+		let n = e.charges || [], r = e.subscriptions || [];
+		a((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;
+		});
+	}, []);
+	P(() => {
+		if (!e || !r) return;
+		let t = !1;
+		return y("/api/payments/orders").then((e) => {
+			t || (b(e, !1), f(!0));
+		}).catch((e) => {
+			t || (m(e.message), f(!0));
+		}), () => {
+			t = !0;
+		};
+	}, [
+		e,
+		r,
+		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);
+		} catch (e) {
+			m(e.message);
+		}
+		v(!1);
+	}, S = N((e, t) => {
+		e === "charge" ? a((e) => e.filter((e) => e.id !== t)) : c((e) => e.filter((e) => e.id !== t));
+	}, []);
+	return {
+		orders: [...i, ...s],
+		loaded: d,
+		error: p,
+		hasMore: h,
+		loadingMore: _,
+		loadMore: x,
+		authed: y,
+		drop: S
+	};
+}
+var ae = (e) => e ? new Date(e).toLocaleString(void 0, {
+	day: "numeric",
+	month: "short",
+	year: "numeric",
+	hour: "numeric",
+	minute: "2-digit"
+}) : "", oe = (e) => e ? new Date(e).toLocaleDateString(void 0, {
+	day: "numeric",
+	month: "short",
+	year: "numeric"
+}) : "";
+function se(e) {
+	let t = e.order, n = [];
+	if (e.at) {
+		let r = t ? t.kind === "subscription" ? "Started" : t.paid ? "Paid on" : "Date" : "Sent on";
+		n.push({
+			label: r,
+			value: ae(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: `${C(t.amountRefunded, t.currency)} refunded` }), n;
+}
+var ce = (e) => /^(charge|subscription|entry):/.test(e) ? e : e.startsWith("sub_") ? `subscription:${e}` : `charge:${e}`, le = (e) => 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. Nothing was paid, so there is nothing in Stripe to keep."
+}, Y = "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 X({ status: e, className: t = "" }) {
+	return /* @__PURE__ */ B("span", {
+		className: `inline-flex items-center gap-2 text-[12.5px] font-medium text-foreground/60 leading-tight whitespace-nowrap ${t}`,
+		children: [/* @__PURE__ */ z("span", {
+			"aria-hidden": "true",
+			className: `w-1.5 h-1.5 rounded-full shrink-0 ${e.in ? "bg-emerald-500" : "bg-foreground/25"}`
+		}), e.label]
+	});
+}
+var Z = "text-[12.5px] font-semibold text-foreground/50 leading-tight mb-3", ue = "block text-[12px] font-medium text-foreground/45 leading-tight mb-0.5", Q = "text-[13.5px] text-foreground/85 leading-snug break-words [overflow-wrap:anywhere]";
+function $({ 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]), /* @__PURE__ */ B("section", {
+		className: "min-w-0",
+		children: [
+			/* @__PURE__ */ z("h3", {
+				className: Z,
+				children: "Who"
+			}),
+			/* @__PURE__ */ z("p", {
+				className: "text-[14px] font-semibold text-foreground leading-snug break-words [overflow-wrap:anywhere]",
+				children: t
+			}),
+			n.length > 0 && /* @__PURE__ */ z("div", {
+				className: "flex flex-col gap-2.5 mt-3",
+				children: n.map(([e, t]) => /* @__PURE__ */ B("p", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ z("span", {
+						className: ue,
+						children: e
+					}), /* @__PURE__ */ z("span", {
+						className: `block ${Q}`,
+						children: t
+					})]
+				}, e))
+			})
+		]
+	});
+}
+function de({ lines: e, onOpen: n }) {
+	return /* @__PURE__ */ B("section", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ z("h3", {
+			className: Z,
+			children: "What they bought"
+		}), /* @__PURE__ */ z("div", {
+			className: "flex flex-col gap-2",
+			children: e.map((e, r) => {
+				let i = /* @__PURE__ */ z("span", {
+					className: e.kind === "total" ? "text-[13.5px] font-semibold text-foreground leading-snug" : e.kind === "extra" ? `${Q} text-foreground/60` : Q,
+					children: e.left
+				});
+				return /* @__PURE__ */ B("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__ */ B("span", {
+						className: "flex items-center gap-3 min-w-0",
+						children: [/* @__PURE__ */ z("button", {
+							type: "button",
+							onClick: () => n({
+								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__ */ z(t, {
+								src: e.picture,
+								alt: "",
+								fit: "cover",
+								className: "w-10 h-10 rounded-lg border border-[var(--panel-border)]"
+							})
+						}), i]
+					}) : i, e.right && /* @__PURE__ */ z("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
+					})]
+				}, r);
+			})
+		})]
+	});
+}
+function fe({ pairs: e, currency: t, onOpen: n }) {
+	return /* @__PURE__ */ B("section", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ z("h3", {
+			className: Z,
+			children: "What they told you"
+		}), /* @__PURE__ */ z("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 a = S(e, r, t);
+				return /* @__PURE__ */ B(M, { children: [/* @__PURE__ */ z("dt", {
+					className: "text-[13px] text-foreground/50 leading-snug",
+					children: w(e)
+				}), i(r) ? /* @__PURE__ */ z("dd", {
+					className: "my-1 max-sm:mb-2.5",
+					children: /* @__PURE__ */ z(j, {
+						value: r,
+						onOpen: n,
+						className: "w-20 h-14"
+					})
+				}) : /* @__PURE__ */ z("dd", {
+					className: `${Q} max-sm:mb-2`,
+					children: (a.length ? a : ["—"]).map((e, t) => /* @__PURE__ */ z("span", {
+						className: "block",
+						children: e
+					}, t))
+				})] }, e);
+			})
+		})]
+	});
+}
+function pe({ row: e, open: t, onToggle: r, onDelete: i, onOpenFile: o }) {
+	let s = u(), c = E(e), f = e.name || e.email || "Someone", p = e.email && e.email !== f ? e.email : "", _ = e.order?.currency || null, v = e.order ? C(e.order.amount, e.order.currency) : "", b = e.order?.kind === "subscription" && e.order.interval ? `/ ${e.order.interval}` : "", { bought: S, told: w } = y(e.collected), T = new Set([
+		e.name,
+		e.email,
+		e.order?.phone,
+		e.order?.address
+	].filter(Boolean)), D = w.filter(([, e]) => !(typeof e == "string" && T.has(e.trim()))), O = se(e), k = x(S, _);
+	return e.order && !k.some((e) => e.kind === "item") && k.unshift({
+		left: e.what,
+		right: b ? `${v} ${b}` : v,
+		kind: "item"
+	}), /* @__PURE__ */ B("div", {
+		"data-ledger-row": e.key,
+		className: `scroll-mt-6 ${t ? "bg-foreground/[0.02]" : ""}`,
+		children: [/* @__PURE__ */ B("button", {
+			type: "button",
+			onClick: r,
+			"aria-expanded": t,
+			className: `w-full ${Y} py-3 text-left cursor-pointer transition-colors hover:bg-foreground/[0.03]`,
+			children: [
+				/* @__PURE__ */ B("span", {
+					className: "flex flex-col min-w-0 gap-0.5",
+					children: [
+						/* @__PURE__ */ z("span", {
+							className: "text-[13.5px] font-bold text-foreground leading-tight truncate",
+							children: f
+						}),
+						/* @__PURE__ */ z("span", {
+							className: "md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate",
+							children: e.what
+						}),
+						p && /* @__PURE__ */ z("span", {
+							className: "max-md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate",
+							children: p
+						})
+					]
+				}),
+				/* @__PURE__ */ B("span", {
+					className: "max-md:hidden md:flex flex-col min-w-0 gap-0.5",
+					children: [/* @__PURE__ */ z("span", {
+						className: "text-[13px] font-medium text-foreground/80 leading-tight truncate",
+						children: e.what
+					}), e.page && /* @__PURE__ */ z("span", {
+						className: "text-[11.5px] font-medium text-foreground/40 leading-tight truncate",
+						children: e.page
+					})]
+				}),
+				/* @__PURE__ */ z("span", {
+					className: "max-md:hidden text-[12.5px] font-medium text-foreground/45 tabular-nums whitespace-nowrap leading-tight",
+					children: oe(e.at)
+				}),
+				/* @__PURE__ */ z(X, {
+					status: c,
+					className: "max-md:hidden"
+				}),
+				/* @__PURE__ */ B("span", {
+					className: "flex flex-col items-end gap-1 min-w-0",
+					children: [/* @__PURE__ */ B("span", {
+						className: "text-[13.5px] font-semibold text-foreground tabular-nums whitespace-nowrap leading-tight",
+						children: [v || /* @__PURE__ */ z("span", {
+							className: "text-foreground/25 font-medium",
+							children: "—"
+						}), b && /* @__PURE__ */ B("span", {
+							className: "text-[12.5px] text-foreground/40 font-medium",
+							children: [" ", b]
+						})]
+					}), /* @__PURE__ */ z(X, {
+						status: c,
+						className: "md:hidden !text-[11.5px] !gap-1.5"
+					})]
+				}),
+				/* @__PURE__ */ z(g, { className: `w-4 h-4 text-foreground/35 shrink-0 justify-self-end transition-transform ${t ? "rotate-180" : ""}` })
+			]
+		}), /* @__PURE__ */ z(a, {
+			initial: !1,
+			children: t && /* @__PURE__ */ z(d.div, {
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: s ? { duration: 0 } : n,
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ B("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__ */ B("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ z("div", {
+								className: "flex items-center flex-wrap gap-x-4 gap-y-1",
+								children: v ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("span", {
+									className: "text-2xl font-semibold tracking-tight text-foreground tabular-nums leading-none",
+									children: [v, b && /* @__PURE__ */ B("span", {
+										className: "text-[15px] font-medium text-foreground/45 tracking-normal",
+										children: [" ", b]
+									})]
+								}), /* @__PURE__ */ z(X, {
+									status: c,
+									className: "!text-[13px]"
+								})] }) : /* @__PURE__ */ z("span", {
+									className: "text-lg font-semibold tracking-tight leading-none text-foreground/50",
+									children: c.label
+								})
+							}), O.length > 0 && /* @__PURE__ */ z("p", {
+								className: "flex flex-wrap items-baseline gap-x-2 text-[13px] text-foreground/60 leading-snug",
+								children: O.map((e, t) => /* @__PURE__ */ B("span", {
+									className: "inline-flex flex-wrap gap-x-1",
+									children: [
+										t > 0 && /* @__PURE__ */ z("span", {
+											"aria-hidden": "true",
+											className: "text-foreground/30 mr-1",
+											children: "·"
+										}),
+										e.label && /* @__PURE__ */ z("span", {
+											className: "text-foreground/45",
+											children: e.label
+										}),
+										/* @__PURE__ */ z("span", { children: e.value })
+									]
+								}, t))
+							})]
+						}),
+						/* @__PURE__ */ B("div", {
+							className: "grid grid-cols-1 md:grid-cols-[minmax(0,2fr)_minmax(0,3fr)] gap-x-12 gap-y-6",
+							children: [/* @__PURE__ */ z($, { row: e }), k.length > 0 && /* @__PURE__ */ z(de, {
+								lines: k,
+								onOpen: o
+							})]
+						}),
+						D.length > 0 && /* @__PURE__ */ z(fe, {
+							pairs: D,
+							currency: _,
+							onOpen: o
+						}),
+						k.length === 0 && D.length === 0 && /* @__PURE__ */ z("p", {
+							className: "text-[13px] text-foreground/40",
+							children: "Nothing was asked before paying."
+						}),
+						/* @__PURE__ */ B("div", {
+							className: "flex items-center justify-between gap-3",
+							children: [e.order?.receiptUrl ? /* @__PURE__ */ B("a", {
+								href: e.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__ */ z(h, { className: "w-3.5 h-3.5" })]
+							}) : /* @__PURE__ */ z("span", {}), i && /* @__PURE__ */ z(l, {
+								icon: m,
+								tone: "danger",
+								compact: !0,
+								title: "Delete this transaction",
+								onClick: i,
+								children: "Delete"
+							})]
+						})
+					]
+				})
+			})
+		})]
+	});
+}
+function me({ rows: t, waiting: n, configured: i, error: a, hasMore: o, loadingMore: c, onLoadMore: u, onDelete: p, initialOpen: m = null, help: h = !1, focus: g = null, onFocused: v }) {
+	let [y, b] = L(m), [x, S] = L(null), [C, w] = L(null), [T, E] = L(!1), [A, j] = L(""), M = g ? ce(g) : null;
+	te(M, !n && !!M && t.some((e) => e.key === M), b, v);
+	let N = async () => {
+		if (!(!C || !p)) {
+			E(!0), j("");
+			try {
+				await p(C), y === C.key && b(null), w(null);
+			} catch (e) {
+				j(r(e, e?.message || "It could not be deleted."));
+			}
+			E(!1);
+		}
+	}, P = C ? le(C) : null;
+	return /* @__PURE__ */ B("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__ */ B(d.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ z(e, { children: "Transactions" }), /* @__PURE__ */ B("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ z("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/transactions"]
+				})]
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [/* @__PURE__ */ z(f, {}), /* @__PURE__ */ z("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: n ? /* @__PURE__ */ z(_, {
+						block: !0,
+						className: "flex-1"
+					}) : /* @__PURE__ */ B(R, { children: [
+						a && /* @__PURE__ */ z(s, {
+							tone: "error",
+							children: a
+						}),
+						!i && /* @__PURE__ */ B(s, { children: [
+							"Stripe is not connected yet, so there is no money to show — connect it on the",
+							" ",
+							/* @__PURE__ */ z(G, {
+								to: "/payments",
+								className: "font-bold text-accent hover:underline",
+								children: "Payments"
+							}),
+							" screen and every payment lands here on its own."
+						] }),
+						t.length === 0 ? /* @__PURE__ */ z("div", {
+							className: "flex flex-col items-center justify-center flex-1 gap-3 py-16 text-center",
+							children: /* @__PURE__ */ z("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__ */ B("div", {
+							className: "flex flex-col gap-3",
+							children: [/* @__PURE__ */ B("div", {
+								className: "rounded-2xl border border-[var(--panel-border)]/60 divide-y divide-[var(--panel-border)]/60 overflow-hidden",
+								children: [/* @__PURE__ */ B("div", {
+									className: `max-md:hidden ${Y} py-2.5 text-[11.5px] font-medium text-foreground/40`,
+									children: [
+										/* @__PURE__ */ z("span", { children: "Who" }),
+										/* @__PURE__ */ z("span", { children: "What" }),
+										/* @__PURE__ */ z("span", { children: "When" }),
+										/* @__PURE__ */ z("span", { children: "Status" }),
+										/* @__PURE__ */ z("span", {
+											className: "text-right",
+											children: "Amount"
+										}),
+										/* @__PURE__ */ z("span", {})
+									]
+								}), t.map((e) => /* @__PURE__ */ z(pe, {
+									row: e,
+									open: y === e.key,
+									onToggle: () => b((t) => t === e.key ? null : e.key),
+									onDelete: p ? () => {
+										j(""), w(e);
+									} : void 0,
+									onOpenFile: S
+								}, e.key))]
+							}), o && /* @__PURE__ */ z(l, {
+								busy: c,
+								onClick: u,
+								className: "self-center mt-1",
+								children: "Show older payments"
+							})]
+						})
+					] })
+				})]
+			}),
+			h && /* @__PURE__ */ z(ee, {}),
+			/* @__PURE__ */ z(D, {
+				open: !!x,
+				onClose: () => S(null),
+				src: x?.src || "",
+				name: x?.name
+			}),
+			/* @__PURE__ */ z(k, {
+				isOpen: !!C,
+				title: P?.title || "",
+				message: /* @__PURE__ */ B(R, { children: [P?.message, A && /* @__PURE__ */ z("span", {
+					className: "block mt-4 text-left",
+					children: /* @__PURE__ */ z(O, {
+						tone: "error",
+						children: A
+					})
+				})] }),
+				confirmText: "Delete",
+				isProcessing: T,
+				onConfirm: N,
+				onCancel: () => {
+					T || w(null);
+				}
+			})
+		]
+	});
+}
+function he() {
+	let { userRole: e } = o(), t = p(e), { status: n, error: r } = A(), i = !!n?.configured, a = J(i), { entries: s, loading: l, error: u } = q(!t), d = F(() => b(a.orders, s), [a.orders, s]), f = !n && !r || l || i && !a.loaded, [m, h] = K();
+	return /* @__PURE__ */ z(me, {
+		rows: d,
+		waiting: f,
+		configured: i,
+		error: [a.error, u].filter(Boolean).join(" "),
+		hasMore: a.hasMore,
+		loadingMore: a.loadingMore,
+		onLoadMore: a.loadMore,
+		onDelete: t ? async (e) => {
+			e.order && await a.authed("/api/payments/orders/remove", {
+				method: "POST",
+				body: JSON.stringify({
+					kind: e.order.kind,
+					id: e.order.id
+				})
+			}), e.entry?.collection && await ne(re(c, e.entry.collection, e.entry.id)), e.order && a.drop(e.order.kind, e.order.id);
+		} : void 0,
+		help: t,
+		focus: m.get("open"),
+		onFocused: () => h((e) => {
+			let t = new URLSearchParams(e);
+			return t.delete("open"), t;
+		}, { replace: !0 })
+	});
+}
+//#endregion
+export { he as TransactionsAdmin };

package/dist/TransactionsAdmin-CTSTiPld.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./PageTitle-CZhgmmDT.cjs`),t=require(`./TimeZoneField-qs7NPR30.cjs`),n=require(`./DashboardNav-CXa_ci-_.cjs`),r=require(`./verifiedAccount-DScyKk96.cjs`),i=require(`./lucide-react-BwV6L6Is.cjs`),a=require(`./Loader-Bu89fsbB.cjs`),o=require(`./transactions-CufFrdAM.cjs`),s=require(`./FileViewerPopup-D8-MmIoS.cjs`),c=require(`./FormNote-BtdTGpml.cjs`),l=require(`./ConfirmModal-Di9GR-vV.cjs`),u=require(`./SupportBar-CDT0HwdP.cjs`),d=require(`./openOnArrival-Buwqb86D.cjs`),f=require(`./serviceStatus-TQyZO_Y_.cjs`),p=require(`./Attachments-UVK9SRXf.cjs`);let m=require(`react`),h=require(`react/jsx-runtime`),g=require(`firebase/firestore`),_=require(`react-router-dom`);function v(e){let[n,r]=(0,m.useState)({}),[i,a]=(0,m.useState)({}),[s,c]=(0,m.useState)(``);return(0,m.useEffect)(()=>{let n=o.t.map(n=>(0,g.onSnapshot)(e?(0,g.query)((0,g.collection)(t.ka,n),(0,g.where)(`transaction`,`==`,!0)):(0,g.query)((0,g.collection)(t.ka,n),(0,g.orderBy)(`submittedAt`,`desc`)),e=>{let t=e.docs.map(e=>({...e.data(),id:e.id,collection:n})).filter(o.a);r(e=>({...e,[n]:t})),a(e=>({...e,[n]:!0}))},e=>{c(t.Ta(e,`The orders could not be read.`)),a(e=>({...e,[n]:!0}))}));return()=>n.forEach(e=>e())},[e]),{entries:(0,m.useMemo)(()=>o.t.flatMap(e=>n[e]||[]),[n]),loading:o.t.some(e=>!i[e]),error:s}}function y(e){let{user:n}=t.dr(),r=(0,m.useRef)(n);(0,m.useEffect)(()=>{r.current=n},[n]);let i=n?.uid||``,[a,o]=(0,m.useState)([]),[s,c]=(0,m.useState)([]),[l,u]=(0,m.useState)({charges:null,subscriptions:null}),[d,f]=(0,m.useState)(!1),[p,h]=(0,m.useState)(``),[g,_]=(0,m.useState)(!1),[v,y]=(0,m.useState)(!1),b=(0,m.useCallback)(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},[]),x=(0,m.useCallback)((e,t)=>{let n=e.charges||[],r=e.subscriptions||[];o(e=>t?[...e,...n]:n),c(e=>t?[...e,...r]:r),_(!!(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})},[]);(0,m.useEffect)(()=>{if(!e||!i)return;let t=!1;return b(`/api/payments/orders`).then(e=>{t||(x(e,!1),f(!0))}).catch(e=>{t||(h(e.message),f(!0))}),()=>{t=!0}},[e,i,b,x]);let S=async()=>{y(!0);try{let e=new URLSearchParams;l.charges&&e.set(`starting_after`,l.charges),l.subscriptions&&e.set(`subscriptions_after`,l.subscriptions),x(await b(`/api/payments/orders?${e}`),!0)}catch(e){h(e.message)}y(!1)},C=(0,m.useCallback)((e,t)=>{e===`charge`?o(e=>e.filter(e=>e.id!==t)):c(e=>e.filter(e=>e.id!==t))},[]);return{orders:[...a,...s],loaded:d,error:p,hasMore:g,loadingMore:v,loadMore:S,authed:b,drop:C}}var b=e=>e?new Date(e).toLocaleString(void 0,{day:`numeric`,month:`short`,year:`numeric`,hour:`numeric`,minute:`2-digit`}):``,x=e=>e?new Date(e).toLocaleDateString(void 0,{day:`numeric`,month:`short`,year:`numeric`}):``;function S(e){let t=e.order,n=[];if(e.at){let r=t?t.kind===`subscription`?`Started`:t.paid?`Paid on`:`Date`:`Sent on`;n.push({label:r,value:b(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:`${o.r(t.amountRefunded,t.currency)} refunded`}),n}var C=e=>/^(charge|subscription|entry):/.test(e)?e:e.startsWith(`sub_`)?`subscription:${e}`:`charge:${e}`,w=e=>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. Nothing was paid, so there is nothing in Stripe to keep.`},T=`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 E({status:e,className:t=``}){return(0,h.jsxs)(`span`,{className:`inline-flex items-center gap-2 text-[12.5px] font-medium text-foreground/60 leading-tight whitespace-nowrap ${t}`,children:[(0,h.jsx)(`span`,{"aria-hidden":`true`,className:`w-1.5 h-1.5 rounded-full shrink-0 ${e.in?`bg-emerald-500`:`bg-foreground/25`}`}),e.label]})}var D=`text-[12.5px] font-semibold text-foreground/50 leading-tight mb-3`,O=`block text-[12px] font-medium text-foreground/45 leading-tight mb-0.5`,k=`text-[13.5px] text-foreground/85 leading-snug break-words [overflow-wrap:anywhere]`;function A({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]),(0,h.jsxs)(`section`,{className:`min-w-0`,children:[(0,h.jsx)(`h3`,{className:D,children:`Who`}),(0,h.jsx)(`p`,{className:`text-[14px] font-semibold text-foreground leading-snug break-words [overflow-wrap:anywhere]`,children:t}),n.length>0&&(0,h.jsx)(`div`,{className:`flex flex-col gap-2.5 mt-3`,children:n.map(([e,t])=>(0,h.jsxs)(`p`,{className:`min-w-0`,children:[(0,h.jsx)(`span`,{className:O,children:e}),(0,h.jsx)(`span`,{className:`block ${k}`,children:t})]},e))})]})}function j({lines:e,onOpen:n}){return(0,h.jsxs)(`section`,{className:`min-w-0`,children:[(0,h.jsx)(`h3`,{className:D,children:`What they bought`}),(0,h.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,r)=>{let i=(0,h.jsx)(`span`,{className:e.kind===`total`?`text-[13.5px] font-semibold text-foreground leading-snug`:e.kind===`extra`?`${k} text-foreground/60`:k,children:e.left});return(0,h.jsxs)(`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?(0,h.jsxs)(`span`,{className:`flex items-center gap-3 min-w-0`,children:[(0,h.jsx)(`button`,{type:`button`,onClick:()=>n({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:(0,h.jsx)(t.Nn,{src:e.picture,alt:``,fit:`cover`,className:`w-10 h-10 rounded-lg border border-[var(--panel-border)]`})}),i]}):i,e.right&&(0,h.jsx)(`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})]},r)})})]})}function M({pairs:e,currency:n,onOpen:r}){return(0,h.jsxs)(`section`,{className:`min-w-0`,children:[(0,h.jsx)(`h3`,{className:D,children:`What they told you`}),(0,h.jsx)(`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,i])=>{let a=o.n(e,i,n);return(0,h.jsxs)(m.Fragment,{children:[(0,h.jsx)(`dt`,{className:`text-[13px] text-foreground/50 leading-snug`,children:o.s(e)}),t.Vn(i)?(0,h.jsx)(`dd`,{className:`my-1 max-sm:mb-2.5`,children:(0,h.jsx)(p.t,{value:i,onOpen:r,className:`w-20 h-14`})}):(0,h.jsx)(`dd`,{className:`${k} max-sm:mb-2`,children:(a.length?a:[`—`]).map((e,t)=>(0,h.jsx)(`span`,{className:`block`,children:e},t))})]},e)})})]})}function N({row:e,open:n,onToggle:r,onDelete:a,onOpenFile:s}){let c=t.or(),l=o.u(e),u=e.name||e.email||`Someone`,d=e.email&&e.email!==u?e.email:``,f=e.order?.currency||null,p=e.order?o.r(e.order.amount,e.order.currency):``,m=e.order?.kind===`subscription`&&e.order.interval?`/ ${e.order.interval}`:``,{bought:g,told:_}=o.d(e.collected),v=new Set([e.name,e.email,e.order?.phone,e.order?.address].filter(Boolean)),y=_.filter(([,e])=>!(typeof e==`string`&&v.has(e.trim()))),b=S(e),C=o.l(g,f);return e.order&&!C.some(e=>e.kind===`item`)&&C.unshift({left:e.what,right:m?`${p} ${m}`:p,kind:`item`}),(0,h.jsxs)(`div`,{"data-ledger-row":e.key,className:`scroll-mt-6 ${n?`bg-foreground/[0.02]`:``}`,children:[(0,h.jsxs)(`button`,{type:`button`,onClick:r,"aria-expanded":n,className:`w-full ${T} py-3 text-left cursor-pointer transition-colors hover:bg-foreground/[0.03]`,children:[(0,h.jsxs)(`span`,{className:`flex flex-col min-w-0 gap-0.5`,children:[(0,h.jsx)(`span`,{className:`text-[13.5px] font-bold text-foreground leading-tight truncate`,children:u}),(0,h.jsx)(`span`,{className:`md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate`,children:e.what}),d&&(0,h.jsx)(`span`,{className:`max-md:hidden text-[12px] font-medium text-foreground/45 leading-tight truncate`,children:d})]}),(0,h.jsxs)(`span`,{className:`max-md:hidden md:flex flex-col min-w-0 gap-0.5`,children:[(0,h.jsx)(`span`,{className:`text-[13px] font-medium text-foreground/80 leading-tight truncate`,children:e.what}),e.page&&(0,h.jsx)(`span`,{className:`text-[11.5px] font-medium text-foreground/40 leading-tight truncate`,children:e.page})]}),(0,h.jsx)(`span`,{className:`max-md:hidden text-[12.5px] font-medium text-foreground/45 tabular-nums whitespace-nowrap leading-tight`,children:x(e.at)}),(0,h.jsx)(E,{status:l,className:`max-md:hidden`}),(0,h.jsxs)(`span`,{className:`flex flex-col items-end gap-1 min-w-0`,children:[(0,h.jsxs)(`span`,{className:`text-[13.5px] font-semibold text-foreground tabular-nums whitespace-nowrap leading-tight`,children:[p||(0,h.jsx)(`span`,{className:`text-foreground/25 font-medium`,children:`—`}),m&&(0,h.jsxs)(`span`,{className:`text-[12.5px] text-foreground/40 font-medium`,children:[` `,m]})]}),(0,h.jsx)(E,{status:l,className:`md:hidden !text-[11.5px] !gap-1.5`})]}),(0,h.jsx)(i.on,{className:`w-4 h-4 text-foreground/35 shrink-0 justify-self-end transition-transform ${n?`rotate-180`:``}`})]}),(0,h.jsx)(t.cr,{initial:!1,children:n&&(0,h.jsx)(t.sr.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:c?{duration:0}:t.T,className:`overflow-hidden`,children:(0,h.jsxs)(`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:[(0,h.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,h.jsx)(`div`,{className:`flex items-center flex-wrap gap-x-4 gap-y-1`,children:p?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(`span`,{className:`text-2xl font-semibold tracking-tight text-foreground tabular-nums leading-none`,children:[p,m&&(0,h.jsxs)(`span`,{className:`text-[15px] font-medium text-foreground/45 tracking-normal`,children:[` `,m]})]}),(0,h.jsx)(E,{status:l,className:`!text-[13px]`})]}):(0,h.jsx)(`span`,{className:`text-lg font-semibold tracking-tight leading-none text-foreground/50`,children:l.label})}),b.length>0&&(0,h.jsx)(`p`,{className:`flex flex-wrap items-baseline gap-x-2 text-[13px] text-foreground/60 leading-snug`,children:b.map((e,t)=>(0,h.jsxs)(`span`,{className:`inline-flex flex-wrap gap-x-1`,children:[t>0&&(0,h.jsx)(`span`,{"aria-hidden":`true`,className:`text-foreground/30 mr-1`,children:`·`}),e.label&&(0,h.jsx)(`span`,{className:`text-foreground/45`,children:e.label}),(0,h.jsx)(`span`,{children:e.value})]},t))})]}),(0,h.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-[minmax(0,2fr)_minmax(0,3fr)] gap-x-12 gap-y-6`,children:[(0,h.jsx)(A,{row:e}),C.length>0&&(0,h.jsx)(j,{lines:C,onOpen:s})]}),y.length>0&&(0,h.jsx)(M,{pairs:y,currency:f,onOpen:s}),C.length===0&&y.length===0&&(0,h.jsx)(`p`,{className:`text-[13px] text-foreground/40`,children:`Nothing was asked before paying.`}),(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[e.order?.receiptUrl?(0,h.jsxs)(`a`,{href:e.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`,(0,h.jsx)(i.Ht,{className:`w-3.5 h-3.5`})]}):(0,h.jsx)(`span`,{}),a&&(0,h.jsx)(t.o,{icon:i.C,tone:`danger`,compact:!0,title:`Delete this transaction`,onClick:a,children:`Delete`})]})]})})})]})}function P({rows:r,waiting:i,configured:o,error:f,hasMore:p,loadingMore:g,onLoadMore:v,onDelete:y,initialOpen:b=null,help:x=!1,focus:S=null,onFocused:E}){let[D,O]=(0,m.useState)(b),[k,A]=(0,m.useState)(null),[j,M]=(0,m.useState)(null),[P,F]=(0,m.useState)(!1),[I,L]=(0,m.useState)(``),R=S?C(S):null;d.t(R,!i&&!!R&&r.some(e=>e.key===R),O,E);let z=async()=>{if(!(!j||!y)){F(!0),L(``);try{await y(j),D===j.key&&O(null),M(null)}catch(e){L(t.Ta(e,e?.message||`It could not be deleted.`))}F(!1)}},B=j?w(j):null;return(0,h.jsxs)(`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:[(0,h.jsxs)(t.sr.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:`mb-6`,children:[(0,h.jsx)(e.t,{children:`Transactions`}),(0,h.jsxs)(`div`,{className:`flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]`,children:[(0,h.jsx)(`span`,{className:`w-8 h-[1px] bg-foreground/10`}),`/transactions`]})]}),(0,h.jsxs)(`div`,{className:`flex flex-col gap-6 flex-1 pb-16`,children:[(0,h.jsx)(n.t,{}),(0,h.jsx)(`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:i?(0,h.jsx)(a.t,{block:!0,className:`flex-1`}):(0,h.jsxs)(h.Fragment,{children:[f&&(0,h.jsx)(t.g,{tone:`error`,children:f}),!o&&(0,h.jsxs)(t.g,{children:[`Stripe is not connected yet, so there is no money to show — connect it on the`,` `,(0,h.jsx)(_.Link,{to:`/payments`,className:`font-bold text-accent hover:underline`,children:`Payments`}),` screen and every payment lands here on its own.`]}),r.length===0?(0,h.jsx)(`div`,{className:`flex flex-col items-center justify-center flex-1 gap-3 py-16 text-center`,children:(0,h.jsx)(`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.`})}):(0,h.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,h.jsxs)(`div`,{className:`rounded-2xl border border-[var(--panel-border)]/60 divide-y divide-[var(--panel-border)]/60 overflow-hidden`,children:[(0,h.jsxs)(`div`,{className:`max-md:hidden ${T} py-2.5 text-[11.5px] font-medium text-foreground/40`,children:[(0,h.jsx)(`span`,{children:`Who`}),(0,h.jsx)(`span`,{children:`What`}),(0,h.jsx)(`span`,{children:`When`}),(0,h.jsx)(`span`,{children:`Status`}),(0,h.jsx)(`span`,{className:`text-right`,children:`Amount`}),(0,h.jsx)(`span`,{})]}),r.map(e=>(0,h.jsx)(N,{row:e,open:D===e.key,onToggle:()=>O(t=>t===e.key?null:e.key),onDelete:y?()=>{L(``),M(e)}:void 0,onOpenFile:A},e.key))]}),p&&(0,h.jsx)(t.o,{busy:g,onClick:v,className:`self-center mt-1`,children:`Show older payments`})]})]})})]}),x&&(0,h.jsx)(u.t,{}),(0,h.jsx)(s.t,{open:!!k,onClose:()=>A(null),src:k?.src||``,name:k?.name}),(0,h.jsx)(l.t,{isOpen:!!j,title:B?.title||``,message:(0,h.jsxs)(h.Fragment,{children:[B?.message,I&&(0,h.jsx)(`span`,{className:`block mt-4 text-left`,children:(0,h.jsx)(c.t,{tone:`error`,children:I})})]}),confirmText:`Delete`,isProcessing:P,onConfirm:z,onCancel:()=>{P||M(null)}})]})}function F(){let{userRole:e}=t.dr(),n=r.h(e),{status:i,error:a}=f.r(),s=!!i?.configured,c=y(s),{entries:l,loading:u,error:d}=v(!n),p=(0,m.useMemo)(()=>o.f(c.orders,l),[c.orders,l]),b=!i&&!a||u||s&&!c.loaded,[x,S]=(0,_.useSearchParams)();return(0,h.jsx)(P,{rows:p,waiting:b,configured:s,error:[c.error,d].filter(Boolean).join(` `),hasMore:c.hasMore,loadingMore:c.loadingMore,onLoadMore:c.loadMore,onDelete:n?async e=>{e.order&&await c.authed(`/api/payments/orders/remove`,{method:`POST`,body:JSON.stringify({kind:e.order.kind,id:e.order.id})}),e.entry?.collection&&await(0,g.deleteDoc)((0,g.doc)(t.ka,e.entry.collection,e.entry.id)),e.order&&c.drop(e.order.kind,e.order.id)}:void 0,help:n,focus:x.get(`open`),onFocused:()=>S(e=>{let t=new URLSearchParams(e);return t.delete(`open`),t},{replace:!0})})}exports.TransactionsAdmin=F;

package/dist/Trouble-9es_AI4F.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-CiTBaPhY.cjs`),t=require(`./TimeZoneField-qs7NPR30.cjs`),n=require(`./lucide-react-BwV6L6Is.cjs`);let r=require(`react`);r=e.a(r,1);let i=require(`react/jsx-runtime`);var a=`fbos:trouble`;function o(e){typeof window>`u`||window.dispatchEvent(new CustomEvent(a,{detail:e}))}var s=12e3,c=e=>String(e?.message??e??``).toLowerCase().includes(`websocket`),l=e=>{let t=String(e?.name||``),n=String(e?.code||``).toLowerCase(),r=String(e?.message??e??``).toLowerCase();return!(!r&&!n&&!t||c(e)||t===`AbortError`||n===`storage/canceled`||n===`cancelled`||r.includes(`resizeobserver`)||r===`script error.`||r===`script error`||r.includes(`the above error occurred`))};function u(){let[e,n]=(0,r.useState)(null),[i,o]=(0,r.useState)(()=>typeof navigator<`u`&&navigator.onLine===!1),u=(0,r.useRef)({words:``,at:0}),d=(0,r.useRef)(0),f=(0,r.useRef)(null);return(0,r.useEffect)(()=>{if(typeof window>`u`)return;let e=(e,r)=>{if(!l(e)){c(e)&&r?.preventDefault?.();return}console.warn(`Your AI Firebase: something did not finish —`,e),r?.preventDefault?.();let i=`${e?.code||``}|${e?.message??e??``}`,a=Date.now();u.current.words===i&&a-u.current.at<15e3||(u.current={words:i,at:a},d.current+=1,n({error:e,id:d.current}),f.current&&clearTimeout(f.current),t.Ea(e)||(f.current=setTimeout(()=>n(null),s)))},r=t=>e(t.reason,t),i=t=>e(t.detail),p=t=>{typeof t.target?.tagName!=`string`&&e(t.error??t.message,t)},m=()=>o(!0),h=()=>{o(!1),n(null),u.current={words:``,at:0}};return window.addEventListener(`unhandledrejection`,r),window.addEventListener(a,i),window.addEventListener(`error`,p,!0),window.addEventListener(`offline`,m),window.addEventListener(`online`,h),()=>{window.removeEventListener(`unhandledrejection`,r),window.removeEventListener(a,i),window.removeEventListener(`error`,p,!0),window.removeEventListener(`offline`,m),window.removeEventListener(`online`,h),f.current&&clearTimeout(f.current)}},[]),{problem:e,offline:i,dismiss:()=>n(null)}}var d=()=>{typeof window<`u`&&window.location.reload()},f=()=>{let e=typeof window<`u`?window.location.pathname:`/`;return e&&e!==`/login`&&e!==`/`?`/login?from=${encodeURIComponent(e)}`:`/login`},p={again:n.B,reload:n.B,signin:n.pt,none:n.B},m=`w-full flex items-center justify-center gap-2 py-2.5 bg-foreground/5 hover:bg-foreground/10 text-foreground text-[14px] font-bold rounded-xl transition-colors`,h=`w-full text-center py-2 mt-2 text-[13px] font-bold text-foreground/50 hover:text-foreground/80 transition-colors`;function g({found:e,onRetry:n,way:r,onTried:a}){let o=e.next===`again`&&!n?`reload`:e.next,s=p[o],c=t.ba[o];return o===`signin`?(0,i.jsxs)(`a`,{href:r.signInHref??f(),className:m,children:[(0,i.jsx)(s,{className:`w-4 h-4 shrink-0`}),c]}):(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{a(),o===`again`&&n?n():(r.reload??d)()},className:m,children:[(0,i.jsx)(s,{className:`w-4 h-4 shrink-0`}),c]})}function _({error:e,override:n,onRetry:a,size:o=`page`,...s}){let[c,l]=(0,r.useState)(0),u={...t.wa(e),...n||{}},f=u.next===`again`&&!!a;return(0,i.jsx)(`div`,{className:o===`page`?`flex-1 flex flex-col items-center justify-center relative z-10 min-h-[60vh] px-4 fbos-fade-in`:`w-full flex flex-col items-center justify-center py-10 px-4 fbos-fade-in`,role:`alert`,children:(0,i.jsxs)(`div`,{className:`glass-panel p-8 md:p-10 rounded-3xl border border-[var(--panel-border)] text-center shadow-xl max-w-sm w-full relative overflow-hidden`,children:[(0,i.jsx)(`div`,{className:`absolute inset-0 bg-amber-500/5`}),(0,i.jsx)(`h2`,{className:`text-2xl font-bold text-foreground mb-3 relative z-10 tracking-tight`,children:u.title}),(0,i.jsx)(`p`,{className:`text-[14px] text-foreground/70 font-medium leading-relaxed relative z-10 mb-6`,children:u.message}),(0,i.jsxs)(`div`,{className:`relative z-10`,children:[(0,i.jsx)(g,{found:u,onRetry:a,way:s,onTried:()=>l(e=>e+1)}),f&&c>0&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>(s.reload??d)(),className:h,children:`Still not working? Reload the page`})]})]})})}var v=0,y=new Set,b=()=>y.forEach(e=>e()),x=e=>(y.add(e),()=>{y.delete(e)});function S(){return(0,r.useSyncExternalStore)(x,()=>v>0,()=>!1)}function C({error:e,offline:a,onRetry:o,onDismiss:s,...c}){let l=t.wa(e),u=a?`You are offline. The app will catch up by itself the moment you are back.`:l.short;return(0,r.useEffect)(()=>(v+=1,b(),()=>{--v,b()}),[]),(0,i.jsx)(`div`,{className:`fixed bottom-4 left-1/2 -translate-x-1/2 z-[60] w-[calc(100%-2rem)] max-w-md px-0`,role:`status`,children:(0,i.jsxs)(`div`,{className:`glass-panel rounded-2xl border border-[var(--panel-border)] shadow-xl px-4 py-3 flex items-center gap-3`,children:[a?(0,i.jsx)(n.l,{className:`w-4 h-4 shrink-0 text-amber-500`}):(0,i.jsx)(n.B,{className:`w-4 h-4 shrink-0 text-amber-500`}),(0,i.jsx)(`p`,{className:`text-[13px] font-semibold text-foreground/80 leading-snug flex-1`,children:u}),!a&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>o?o():(c.reload??d)(),className:`shrink-0 text-[13px] font-bold text-foreground hover:text-accent transition-colors whitespace-nowrap`,children:o?`Try again`:`Reload`}),s&&(0,i.jsx)(`button`,{type:`button`,onClick:s,"aria-label":`Hide this`,className:`shrink-0 text-[13px] font-bold text-foreground/40 hover:text-foreground/70 transition-colors`,children:`✕`})]})})}function w(){let{problem:e,offline:t,dismiss:n}=u();return t?(0,i.jsx)(C,{offline:!0}):e?(0,i.jsx)(C,{error:e.error,onDismiss:n},e.id):null}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});