@openrails/billing-ui 0.241.0 → 0.243.0

package/dist/admin-detail-CGOyqs7s.js

@@ -0,0 +1,1312 @@
+import { E as e, c as t, f as n, p as r, r as i, s as a, w as o } from "./admin-utils-BK4Vh1o_.js";
+import { t as s } from "./admin-button-CTL3DgOt.js";
+import { t as c } from "./admin-input-CcfQfJFN.js";
+import { a as l } from "./admin-capabilities-BuigAgtm.js";
+import { t as u } from "./admin-auth-DQGHtt0j.js";
+import { a as d, i as f, n as p, o as m, s as h, t as g, u as _ } from "./admin-format-DoohJ7Fg.js";
+import { t as v } from "./admin-form-field-errors-hbUMIriS.js";
+import { a as y, i as b, n as x, r as S, t as C } from "./admin-select-DBgprVW6.js";
+import { n as w, r as T } from "./admin-dom-uMmZzRvU.js";
+import { a as E, n as D, o as O, r as k, s as A, t as j } from "./admin-table-CH9TrXJf.js";
+import { t as M } from "./admin-linked-table-row-BsaUruCN.js";
+import { t as N } from "./admin-badge-DR5-1qd8.js";
+import { t as P } from "./admin-status-badge-BFPgo71d.js";
+import { a as F, i as I, n as L, o as R, r as z, s as ee, t as B } from "./admin-dialog-BjuKI5Hp.js";
+import { t as V } from "./admin-label-BiEN5cjb.js";
+import { n as te } from "./admin-dialog-width-BPrgdYlj.js";
+import { a as H, o as U, r as W, t as G } from "./admin-card-bzAks3-3.js";
+import { n as ne, t as re } from "./admin-invoice-profile-model-Cgjy3zV8.js";
+import { t as ie } from "./admin-dunning-B2zgtrOo.js";
+import * as K from "react";
+import { useState as ae } from "react";
+import { useMutation as q, useQuery as J, useQueryClient as Y } from "@tanstack/react-query";
+import { Fragment as oe, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { HugeiconsIcon as Q } from "@hugeicons/react";
+import { Add01Icon as se, ArrowLeft01Icon as ce, Delete02Icon as le } from "@hugeicons/core-free-icons";
+import { useForm as ue } from "@tanstack/react-form";
+//#region src/admin/pages/customers/invoice-profile.tsx
+function de({ customerId: e }) {
+	let { orderQueries: t } = r(), n = l(), a = J(t.profile(e));
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(U, { children: /* @__PURE__ */ X(o, { id: "Invoice profile" }) }) }), /* @__PURE__ */ Z(W, { children: [/* @__PURE__ */ X(i, {
+		className: "text-sm underline",
+		to: `/orders?customer_id=${e}&origin=usage`,
+		children: /* @__PURE__ */ X(o, { id: "View customer usage orders" })
+	}), a.isPending ? /* @__PURE__ */ X("p", { children: /* @__PURE__ */ X(o, { id: "Loading invoice profile…" }) }) : a.error ? /* @__PURE__ */ X("p", {
+		role: "alert",
+		className: "text-destructive",
+		children: a.error.message
+	}) : /* @__PURE__ */ X(fe, {
+		customerId: e,
+		profile: a.data,
+		readOnly: !n
+	}, e)] })] });
+}
+function fe({ customerId: t, profile: n, readOnly: i = !1 }) {
+	let { id: a, text: l } = e(), { invoiceProfileMutation: u } = r(), [d, f] = ae(() => ne(n)), [p, m] = ae(null), [h, g] = ae(!1), _ = Y(), v = q(u(_, t)), y = (e) => {
+		f((t) => ({
+			...t,
+			...e
+		})), g(!1);
+	};
+	async function b() {
+		m(null), g(!1);
+		try {
+			await v.mutateAsync(re(d, n)), g(!0);
+		} catch (e) {
+			m(e instanceof Error ? e.message : "Invoice profile update failed.");
+		}
+	}
+	return /* @__PURE__ */ Z("form", {
+		className: "mt-4 space-y-4",
+		onSubmit: (e) => {
+			e.preventDefault(), v.isPending || b();
+		},
+		children: [
+			/* @__PURE__ */ X("p", {
+				className: "text-sm text-muted-foreground",
+				children: /* @__PURE__ */ X(o, { id: "Terms and billing facts for future usage orders. Billed orders keep their original snapshots. Tax details are recorded; no tax is calculated." })
+			}),
+			/* @__PURE__ */ Z("fieldset", {
+				disabled: i || v.isPending,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ Z("div", {
+						className: "grid gap-3 sm:grid-cols-2",
+						children: [/* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X(V, {
+							htmlFor: a("invoice-profile-terms"),
+							children: /* @__PURE__ */ X(o, { id: "Payment terms (days)" })
+						}), /* @__PURE__ */ X(c, {
+							id: a("invoice-profile-terms"),
+							type: "number",
+							min: 0,
+							step: 1,
+							value: d.terms,
+							onChange: (e) => y({ terms: e.target.value })
+						})] }), /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X(V, {
+							htmlFor: a("invoice-profile-method"),
+							children: /* @__PURE__ */ X(o, { id: "Collection method" })
+						}), /* @__PURE__ */ Z("select", {
+							id: a("invoice-profile-method"),
+							className: "h-9 w-full rounded-md border bg-background px-2",
+							value: d.method,
+							onChange: (e) => y({ method: e.target.value }),
+							children: [/* @__PURE__ */ X("option", {
+								value: "charge_automatically",
+								children: /* @__PURE__ */ X(o, { id: "Saved payment method" })
+							}), /* @__PURE__ */ X("option", {
+								value: "send_invoice",
+								children: /* @__PURE__ */ X(o, { id: "Manual remittance" })
+							})]
+						})] })]
+					}),
+					/* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X(V, {
+						htmlFor: a("invoice-profile-po"),
+						children: /* @__PURE__ */ X(o, { id: "Purchase order" })
+					}), /* @__PURE__ */ X(c, {
+						id: a("invoice-profile-po"),
+						value: d.po,
+						onChange: (e) => y({ po: e.target.value })
+					})] }),
+					/* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X(V, {
+						htmlFor: a("invoice-profile-memo"),
+						children: /* @__PURE__ */ X(o, { id: "Invoice memo" })
+					}), /* @__PURE__ */ X(c, {
+						id: a("invoice-profile-memo"),
+						value: d.memo,
+						onChange: (e) => y({ memo: e.target.value })
+					})] }),
+					/* @__PURE__ */ Z("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ X("p", {
+								className: "text-sm font-medium",
+								children: /* @__PURE__ */ X(o, { id: "Billing contacts" })
+							}),
+							d.contacts.map((e, t) => /* @__PURE__ */ Z("div", {
+								className: "flex gap-2",
+								children: [
+									/* @__PURE__ */ X(c, {
+										"aria-label": `Contact ${t + 1} name`,
+										placeholder: l("Name"),
+										value: e.name,
+										onChange: (e) => y({ contacts: d.contacts.map((n, r) => r === t ? {
+											...n,
+											name: e.target.value
+										} : n) })
+									}),
+									/* @__PURE__ */ X(c, {
+										"aria-label": `Contact ${t + 1} email`,
+										type: "email",
+										placeholder: l("Email"),
+										value: e.email,
+										onChange: (e) => y({ contacts: d.contacts.map((n, r) => r === t ? {
+											...n,
+											email: e.target.value
+										} : n) })
+									}),
+									/* @__PURE__ */ X(s, {
+										type: "button",
+										variant: "outline",
+										"aria-label": `Remove contact ${t + 1}`,
+										onClick: () => y({ contacts: d.contacts.filter((e, n) => n !== t) }),
+										children: /* @__PURE__ */ X(o, { id: "Remove" })
+									})
+								]
+							}, t)),
+							/* @__PURE__ */ X(s, {
+								type: "button",
+								variant: "outline",
+								onClick: () => y({ contacts: [...d.contacts, {
+									name: "",
+									email: ""
+								}] }),
+								children: /* @__PURE__ */ X(o, { id: "Add contact" })
+							})
+						]
+					}),
+					/* @__PURE__ */ Z("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ X("p", {
+								className: "text-sm font-medium",
+								children: /* @__PURE__ */ X(o, { id: "Tax details" })
+							}),
+							d.tax.map((e, t) => /* @__PURE__ */ Z("div", {
+								className: "flex gap-2",
+								children: [
+									/* @__PURE__ */ X(c, {
+										"aria-label": `Tax detail ${t + 1} name`,
+										placeholder: l("Name, such as tax_id"),
+										value: e.key,
+										onChange: (e) => y({ tax: d.tax.map((n, r) => r === t ? {
+											...n,
+											key: e.target.value
+										} : n) })
+									}),
+									/* @__PURE__ */ X(c, {
+										"aria-label": `Tax detail ${t + 1} value`,
+										placeholder: l("Value"),
+										value: e.value,
+										onChange: (e) => y({ tax: d.tax.map((n, r) => r === t ? {
+											...n,
+											value: e.target.value
+										} : n) })
+									}),
+									/* @__PURE__ */ X(s, {
+										type: "button",
+										variant: "outline",
+										"aria-label": `Remove tax detail ${t + 1}`,
+										onClick: () => y({ tax: d.tax.filter((e, n) => n !== t) }),
+										children: /* @__PURE__ */ X(o, { id: "Remove" })
+									})
+								]
+							}, t)),
+							/* @__PURE__ */ X(s, {
+								type: "button",
+								variant: "outline",
+								onClick: () => y({ tax: [...d.tax, {
+									key: "",
+									value: ""
+								}] }),
+								children: /* @__PURE__ */ X(o, { id: "Add tax detail" })
+							})
+						]
+					})
+				]
+			}),
+			p && /* @__PURE__ */ X("p", {
+				role: "alert",
+				className: "text-destructive",
+				children: p
+			}),
+			h && /* @__PURE__ */ X("p", {
+				role: "status",
+				className: "text-sm",
+				children: /* @__PURE__ */ X(o, { id: "Invoice profile saved. Billed orders were not changed." })
+			}),
+			!i && /* @__PURE__ */ X(s, {
+				type: "submit",
+				disabled: v.isPending,
+				children: v.isPending ? "Saving…" : "Save invoice profile"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/admin/pages/customers/default-card-badges.tsx
+function pe({ currencies: e = [] }) {
+	return /* @__PURE__ */ X(oe, { children: e.map((e) => /* @__PURE__ */ Z(N, {
+		variant: "secondary",
+		className: "mt-1 mr-1",
+		children: [/* @__PURE__ */ X(o, { id: "Default · " }), e]
+	}, e)) });
+}
+//#endregion
+//#region src/admin/pages/customers/credit-form.ts
+function me(e, t = Date.now()) {
+	let n = g(e.amount, e.decimals);
+	if (n === null || BigInt(n) <= 0n) throw Error(`Enter a positive amount with at most ${e.decimals} decimal places, within the supported range.`);
+	let r = e.currency.trim();
+	if (!r) throw Error("Select a currency.");
+	let i;
+	if (e.expires) {
+		let n = new Date(e.expires).getTime();
+		if (!Number.isFinite(n) || n <= t) throw Error("Expiry must be a valid future date.");
+		i = new Date(n).toISOString();
+	}
+	return {
+		amount: n,
+		currency: r,
+		source: "admin",
+		source_id: e.sourceID,
+		expires_at: i,
+		description: e.description.trim() || void 0
+	};
+}
+function he(e) {
+	return (e.state === "active" || e.state === "scheduled") && /^\d+$/.test(e.remaining_amount) && BigInt(e.remaining_amount) > 0n;
+}
+function ge(e, t) {
+	if (!he(e)) throw Error("This grant has no remaining credit to revoke.");
+	if (t = t.trim(), !t || t.length > 500) throw Error("Enter a reason of up to 500 characters.");
+	return {
+		grant: e.id,
+		reason: t
+	};
+}
+//#endregion
+//#region src/admin/pages/customers/credits.tsx
+var $ = (e) => e instanceof Error ? e.message : "The request failed. Try again.";
+function _e({ customerId: e, currencies: t }) {
+	let { activeMerchant: n } = u(), r = n?.slug ?? "";
+	return /* @__PURE__ */ X(ve, {
+		merchant: r,
+		customer: e,
+		initialCurrency: t[0] ?? "USD"
+	}, `${r}:${e}`);
+}
+function ve({ merchant: t, customer: n, initialCurrency: i }) {
+	let { id: a, text: u } = e(), { creditQueries: d } = r(), f = l(), [g, v] = K.useState(i), [y, b] = K.useState(i), x = T(g, 25), S = T(g, 25), [C, M] = K.useState(!1), [N, P] = K.useState(null), F = J(d.grants(t, n, g, x.size, x.cursor)), I = J(d.transactions(t, n, g, S.size, S.cursor)), L = p(g);
+	return /* @__PURE__ */ Z(G, { children: [
+		/* @__PURE__ */ Z(H, {
+			className: "gap-3",
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ X(U, {
+						className: "text-sm",
+						children: /* @__PURE__ */ X(o, { id: "Credits" })
+					}), f && /* @__PURE__ */ X(s, {
+						size: "sm",
+						disabled: L === void 0,
+						onClick: () => M(!0),
+						children: /* @__PURE__ */ X(o, { id: "Grant credit" })
+					})]
+				}),
+				/* @__PURE__ */ Z("form", {
+					className: "flex max-w-sm items-end gap-2",
+					onSubmit: (e) => {
+						e.preventDefault();
+						let t = y.trim();
+						t && v(t.toUpperCase());
+					},
+					children: [/* @__PURE__ */ Z("div", {
+						className: "grid gap-1",
+						children: [/* @__PURE__ */ X(V, {
+							htmlFor: a("credit-currency"),
+							children: /* @__PURE__ */ X(o, { id: "Currency" })
+						}), /* @__PURE__ */ X(c, {
+							id: a("credit-currency"),
+							value: y,
+							onChange: (e) => b(e.target.value),
+							placeholder: u("USD")
+						})]
+					}), /* @__PURE__ */ X(s, {
+						type: "submit",
+						variant: "outline",
+						size: "sm",
+						children: /* @__PURE__ */ X(o, { id: "View" })
+					})]
+				}),
+				L === void 0 && /* @__PURE__ */ Z("p", {
+					className: "text-xs text-muted-foreground",
+					children: [g, /* @__PURE__ */ X(o, { id: " is not a supported currency." })]
+				})
+			]
+		}),
+		/* @__PURE__ */ Z(W, {
+			className: "grid gap-6",
+			children: [/* @__PURE__ */ Z("section", {
+				"aria-label": u("Credit grants"),
+				children: [
+					/* @__PURE__ */ Z("h3", {
+						className: "mb-2 text-sm font-medium",
+						children: [/* @__PURE__ */ X(o, { id: "Grants · " }), g]
+					}),
+					F.isPending ? /* @__PURE__ */ X("p", {
+						className: "text-sm text-muted-foreground",
+						children: /* @__PURE__ */ X(o, { id: "Loading grants…" })
+					}) : F.error ? /* @__PURE__ */ X("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: $(F.error)
+					}) : F.data?.data.length ? /* @__PURE__ */ X("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ Z(j, { children: [/* @__PURE__ */ X(O, { children: /* @__PURE__ */ Z(A, { children: [
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Grant" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Original" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Remaining" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Spent" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Expired" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Revoked" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "State" }) }),
+							/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Expires" }) }),
+							/* @__PURE__ */ X(E, {})
+						] }) }), /* @__PURE__ */ X(D, { children: F.data.data.map((e) => /* @__PURE__ */ Z(A, { children: [
+							/* @__PURE__ */ Z(k, { children: [
+								/* @__PURE__ */ X("span", {
+									title: e.id,
+									children: _(e.id)
+								}),
+								/* @__PURE__ */ X("div", {
+									className: "text-xs text-muted-foreground",
+									children: m(e.created_at)
+								}),
+								/* @__PURE__ */ X("div", {
+									className: "text-xs text-muted-foreground",
+									children: e.description ?? e.source_type
+								})
+							] }),
+							[
+								e.amount,
+								e.remaining_amount,
+								e.spent_amount,
+								e.expired_amount,
+								e.revoked_amount
+							].map((t, n) => /* @__PURE__ */ X(k, {
+								className: "tabular-nums",
+								children: h(t, e.currency)
+							}, n)),
+							/* @__PURE__ */ X(k, { children: e.state }),
+							/* @__PURE__ */ X(k, { children: e.expires_at ? m(e.expires_at) : "No expiry" }),
+							/* @__PURE__ */ X(k, { children: f && /* @__PURE__ */ X(s, {
+								size: "sm",
+								variant: "outline",
+								disabled: !he(e),
+								onClick: () => P(e),
+								children: /* @__PURE__ */ X(o, { id: "Revoke" })
+							}) })
+						] }, e.id)) })] })
+					}) : /* @__PURE__ */ X("p", {
+						className: "text-sm text-muted-foreground",
+						children: /* @__PURE__ */ X(o, { id: "No credit grants in this currency." })
+					}),
+					/* @__PURE__ */ X(w, {
+						pages: x,
+						rows: F.data?.data?.length ?? 0,
+						nextCursor: F.data?.next_cursor,
+						busy: F.isFetching
+					})
+				]
+			}), /* @__PURE__ */ Z("section", {
+				"aria-label": u("Credit transaction ledger"),
+				children: [
+					/* @__PURE__ */ Z("h3", {
+						className: "mb-2 text-sm font-medium",
+						children: [/* @__PURE__ */ X(o, { id: "Transaction ledger · " }), g]
+					}),
+					I.isPending ? /* @__PURE__ */ X("p", {
+						className: "text-sm text-muted-foreground",
+						children: /* @__PURE__ */ X(o, { id: "Loading transactions…" })
+					}) : I.error ? /* @__PURE__ */ X("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: $(I.error)
+					}) : I.data?.data.length ? /* @__PURE__ */ Z(j, { children: [/* @__PURE__ */ X(O, { children: /* @__PURE__ */ Z(A, { children: [
+						/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Date" }) }),
+						/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Type" }) }),
+						/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Amount" }) }),
+						/* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(o, { id: "Source" }) })
+					] }) }), /* @__PURE__ */ X(D, { children: I.data.data.map((e) => /* @__PURE__ */ Z(A, { children: [
+						/* @__PURE__ */ X(k, {
+							title: e.id,
+							children: m(e.created_at)
+						}),
+						/* @__PURE__ */ X(k, { children: e.type.replaceAll("_", " ") }),
+						/* @__PURE__ */ X(k, {
+							className: "tabular-nums",
+							children: h(e.amount, e.currency)
+						}),
+						/* @__PURE__ */ X(k, { children: e.source || "—" })
+					] }, e.id)) })] }) : /* @__PURE__ */ X("p", {
+						className: "text-sm text-muted-foreground",
+						children: /* @__PURE__ */ X(o, { id: "No transactions in this currency." })
+					}),
+					/* @__PURE__ */ X(w, {
+						pages: S,
+						rows: I.data?.data?.length ?? 0,
+						nextCursor: I.data?.next_cursor,
+						busy: I.isFetching
+					})
+				]
+			})]
+		}),
+		C && L !== void 0 && /* @__PURE__ */ X(ye, {
+			merchant: t,
+			customer: n,
+			currency: g,
+			decimals: L,
+			onClose: () => M(!1)
+		}),
+		N && /* @__PURE__ */ X(be, {
+			merchant: t,
+			customer: n,
+			grant: N,
+			onClose: () => P(null)
+		})
+	] });
+}
+function ye({ merchant: t, customer: n, currency: i, decimals: a, onClose: l }) {
+	let { toast: u, creditMutations: d } = r(), { id: f } = e(), p = Y(), m = q(d.grant(p, t, n)), [h, g] = K.useState(""), [_, v] = K.useState(""), [y, b] = K.useState(""), [x] = K.useState(() => crypto.randomUUID()), [S, C] = K.useState("");
+	return /* @__PURE__ */ X(B, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !m.isPending && l();
+		},
+		children: /* @__PURE__ */ Z(L, { children: [/* @__PURE__ */ Z(F, { children: [/* @__PURE__ */ X(R, { children: /* @__PURE__ */ X(o, { id: "Grant credit" }) }), /* @__PURE__ */ Z(z, { children: [
+			/* @__PURE__ */ X(o, { id: "Add credit in " }),
+			i,
+			/* @__PURE__ */ X(o, { id: " to this customer." })
+		] })] }), /* @__PURE__ */ Z("form", {
+			className: "grid gap-4",
+			onSubmit: async (e) => {
+				e.preventDefault(), C("");
+				try {
+					let e = me({
+						amount: h,
+						currency: i,
+						decimals: a,
+						expires: _,
+						description: y,
+						sourceID: x
+					});
+					await m.mutateAsync(e), u.success("Credit granted"), l();
+				} catch (e) {
+					C($(e));
+				}
+			},
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ Z(V, {
+						htmlFor: f("grant-amount"),
+						children: [
+							/* @__PURE__ */ X(o, { id: "Amount (" }),
+							i,
+							")"
+						]
+					}), /* @__PURE__ */ X(c, {
+						id: f("grant-amount"),
+						inputMode: "decimal",
+						value: h,
+						onChange: (e) => g(e.target.value),
+						autoFocus: !0
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ X(V, {
+						htmlFor: f("grant-expiry"),
+						children: /* @__PURE__ */ X(o, { id: "Expires (optional)" })
+					}), /* @__PURE__ */ X(c, {
+						id: f("grant-expiry"),
+						type: "datetime-local",
+						value: _,
+						onChange: (e) => v(e.target.value)
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ X(V, {
+						htmlFor: f("grant-description"),
+						children: /* @__PURE__ */ X(o, { id: "Description (optional)" })
+					}), /* @__PURE__ */ X(c, {
+						id: f("grant-description"),
+						value: y,
+						onChange: (e) => b(e.target.value),
+						maxLength: 500
+					})]
+				}),
+				S && /* @__PURE__ */ X("p", {
+					role: "alert",
+					className: "text-sm text-destructive",
+					children: S
+				}),
+				/* @__PURE__ */ Z(I, { children: [/* @__PURE__ */ X(s, {
+					type: "button",
+					variant: "outline",
+					disabled: m.isPending,
+					onClick: l,
+					children: /* @__PURE__ */ X(o, { id: "Cancel" })
+				}), /* @__PURE__ */ X(s, {
+					type: "submit",
+					disabled: m.isPending,
+					children: m.isPending ? "Granting…" : "Grant credit"
+				})] })
+			]
+		})] })
+	});
+}
+function be({ merchant: t, customer: n, grant: i, onClose: a }) {
+	let { toast: l, creditMutations: u } = r(), { id: d } = e(), f = Y(), p = q(u.revoke(f, t, n)), [m, g] = K.useState(""), [_, v] = K.useState("");
+	return /* @__PURE__ */ X(B, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !p.isPending && a();
+		},
+		children: /* @__PURE__ */ Z(L, { children: [/* @__PURE__ */ Z(F, { children: [/* @__PURE__ */ X(R, { children: /* @__PURE__ */ X(o, { id: "Revoke remaining credit" }) }), /* @__PURE__ */ Z(z, { children: [
+			/* @__PURE__ */ X(o, { id: "Revoke the unspent remainder of" }),
+			" ",
+			h(i.remaining_amount, i.currency),
+			/* @__PURE__ */ X(o, { id: ". Active holds may prevent revocation. Payment refunds are managed separately." })
+		] })] }), /* @__PURE__ */ Z("form", {
+			className: "grid gap-4",
+			onSubmit: async (e) => {
+				e.preventDefault(), v("");
+				try {
+					let e = await p.mutateAsync(ge(i, m));
+					l.success(e.replayed ? "Credit was already revoked" : `${h(e.revoked_amount, e.currency)} revoked`), a();
+				} catch (e) {
+					v($(e));
+				}
+			},
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ X(V, {
+						htmlFor: d("revoke-reason"),
+						children: /* @__PURE__ */ X(o, { id: "Reason" })
+					}), /* @__PURE__ */ X(c, {
+						id: d("revoke-reason"),
+						value: m,
+						onChange: (e) => g(e.target.value),
+						maxLength: 500,
+						autoFocus: !0
+					})]
+				}),
+				_ && /* @__PURE__ */ X("p", {
+					role: "alert",
+					className: "text-sm text-destructive",
+					children: _
+				}),
+				/* @__PURE__ */ Z(I, { children: [/* @__PURE__ */ X(s, {
+					type: "button",
+					variant: "outline",
+					disabled: p.isPending,
+					onClick: a,
+					children: /* @__PURE__ */ X(o, { id: "Cancel" })
+				}), /* @__PURE__ */ X(s, {
+					type: "submit",
+					variant: "destructive",
+					disabled: !he(i) || p.isPending,
+					children: p.isPending ? "Revoking…" : "Revoke credit"
+				})] })
+			]
+		})] })
+	});
+}
+//#endregion
+//#region src/admin/pages/customers/grant-duration.ts
+var xe = [
+	{
+		value: "1",
+		label: "1 day",
+		days: 1
+	},
+	{
+		value: "7",
+		label: "7 days",
+		days: 7
+	},
+	{
+		value: "30",
+		label: "30 days",
+		days: 30
+	},
+	{
+		value: "365",
+		label: "365 days",
+		days: 365
+	},
+	{
+		value: "until",
+		label: "Until a date"
+	},
+	{
+		value: "never",
+		label: "Never expires"
+	}
+], Se = (e) => e.toISOString().slice(0, 10);
+function Ce(e, t, n = /* @__PURE__ */ new Date()) {
+	if (e === "never") return {};
+	if (e === "until") {
+		if (!/^\d{4}-\d{2}-\d{2}$/.test(t) || t < Se(n)) return null;
+		let e = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
+		return e.setUTCDate(e.getUTCDate() + 1), { endsAt: e.toISOString() };
+	}
+	let r = xe.find((t) => t.value === e);
+	return r && "days" in r ? { hours: r.days * 24 } : null;
+}
+//#endregion
+//#region src/admin/pages/customers/detail.tsx
+function we() {
+	let { text: c } = e(), { props: u } = n(), { adminQueries: d } = r(), f = l(), { customerId: p = "" } = t(), g = a(), { data: _, isPending: v } = J(d.customer(p));
+	return v ? /* @__PURE__ */ X("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ X(o, { id: "Loading…" })
+	}) : _ ? /* @__PURE__ */ Z("div", {
+		className: "flex min-w-0 flex-col gap-4",
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ X(s, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => g(-1),
+						"aria-label": c("Back"),
+						children: /* @__PURE__ */ X(Q, {
+							icon: ce,
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ Z("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ X("h2", {
+							className: "truncate text-base font-semibold",
+							children: _.contact?.name || _.contact?.email || "Customer"
+						}), /* @__PURE__ */ Z("p", {
+							className: "truncate text-xs text-muted-foreground",
+							children: [
+								_.id,
+								/* @__PURE__ */ X(o, { id: " · since " }),
+								m(_.created_at),
+								/* @__PURE__ */ X(o, { id: " · last seen" }),
+								" ",
+								m(_.last_seen_at)
+							]
+						})]
+					}),
+					f && /* @__PURE__ */ X("div", {
+						className: "ml-auto flex gap-2",
+						children: /* @__PURE__ */ X(je, { customerId: p })
+					})
+				]
+			}),
+			/* @__PURE__ */ X(Me, { contact: _.contact }),
+			u.userHref && /* @__PURE__ */ X("a", {
+				className: "underline",
+				href: u.userHref(_.id),
+				children: /* @__PURE__ */ X(o, { id: "View user account" })
+			}),
+			u.customerPanels?.(_),
+			_.balances.length > 0 && /* @__PURE__ */ X("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: _.balances.map((e) => /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, {
+					className: "pb-1",
+					children: /* @__PURE__ */ Z(U, {
+						className: "text-xs font-normal text-muted-foreground uppercase",
+						children: [e.currency, /* @__PURE__ */ X(o, { id: " balance" })]
+					})
+				}), /* @__PURE__ */ Z(W, { children: [/* @__PURE__ */ X("p", {
+					className: "text-lg font-semibold",
+					children: h(e.balance_amount, e.currency)
+				}), /* @__PURE__ */ Z("p", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						/* @__PURE__ */ X(o, { id: "held " }),
+						h(e.held_amount, e.currency),
+						/* @__PURE__ */ X(o, { id: " · owed" }),
+						" ",
+						h(e.owed_amount, e.currency)
+					]
+				})] })] }, e.currency))
+			}),
+			_.balances.some((e) => BigInt(e.owed_amount) > 0n) && /* @__PURE__ */ X("p", {
+				className: "text-sm",
+				children: /* @__PURE__ */ X(i, {
+					className: "underline-offset-2 hover:underline",
+					to: `/orders?customer_id=${_.id}&origin=usage&overdue=true`,
+					children: /* @__PURE__ */ X(o, { id: "Overdue usage orders" })
+				})
+			}),
+			/* @__PURE__ */ X(_e, {
+				customerId: p,
+				currencies: _.balances.map((e) => e.currency)
+			}),
+			/* @__PURE__ */ X(de, { customerId: p }),
+			/* @__PURE__ */ Z("div", {
+				className: "grid gap-4 lg:grid-cols-3 lg:items-start",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "grid gap-4 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ X(Te, { customerId: p }),
+						/* @__PURE__ */ X(Ee, { customerId: p }),
+						/* @__PURE__ */ X(De, { customerId: p })
+					]
+				}), /* @__PURE__ */ Z("div", {
+					className: "grid gap-4",
+					children: [/* @__PURE__ */ X(Oe, { customerId: p }), /* @__PURE__ */ X(ke, { customerId: p })]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ X("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ X(o, { id: "Customer not found." })
+	});
+}
+function Te({ customerId: e }) {
+	let { adminQueries: t } = r(), n = T(e, 25), { data: a, isFetching: s } = J(t.customerSubscriptions(e, n.size, n.cursor)), c = a?.data ?? [];
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(U, {
+		className: "text-sm",
+		children: /* @__PURE__ */ X(o, { id: "Subscriptions" })
+	}) }), /* @__PURE__ */ Z(W, {
+		className: "grid gap-3",
+		children: [c.length === 0 ? /* @__PURE__ */ X("p", {
+			className: "text-sm text-muted-foreground",
+			children: /* @__PURE__ */ X(o, { id: "No subscriptions." })
+		}) : /* @__PURE__ */ Z(j, { children: [/* @__PURE__ */ X(O, { children: /* @__PURE__ */ Z(A, {
+			className: "hover:bg-transparent",
+			children: [
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Subscription" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Status" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Rail" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Period ends" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Dunning" })
+				})
+			]
+		}) }), /* @__PURE__ */ X(D, { children: c.map((e) => /* @__PURE__ */ Z(M, {
+			to: `/subscriptions/${e.id}`,
+			children: [
+				/* @__PURE__ */ X(k, { children: /* @__PURE__ */ X(i, {
+					className: "text-xs underline-offset-2 hover:underline",
+					to: `/subscriptions/${e.id}`,
+					children: _(e.id, 13)
+				}) }),
+				/* @__PURE__ */ X(k, { children: /* @__PURE__ */ X(P, { status: e.status }) }),
+				/* @__PURE__ */ X(k, { children: e.rail }),
+				/* @__PURE__ */ X(k, {
+					className: "tabular-nums",
+					children: m(e.current_period_ends_at)
+				}),
+				/* @__PURE__ */ X(k, {
+					className: "text-xs",
+					children: e.dunning ? ie(e.dunning) : "—"
+				})
+			]
+		}, e.id)) })] }), /* @__PURE__ */ X(w, {
+			pages: n,
+			rows: a?.data?.length ?? 0,
+			nextCursor: a?.next_cursor,
+			busy: s
+		})]
+	})] });
+}
+function Ee({ customerId: e }) {
+	let { adminQueries: t } = r(), n = T(e, 25), { data: a, isFetching: s } = J(t.customerPayments(e, n.size, n.cursor)), c = a?.data ?? [];
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(U, {
+		className: "text-sm",
+		children: /* @__PURE__ */ X(o, { id: "Payments" })
+	}) }), /* @__PURE__ */ Z(W, {
+		className: "grid gap-3",
+		children: [c.length === 0 ? /* @__PURE__ */ X("p", {
+			className: "text-sm text-muted-foreground",
+			children: /* @__PURE__ */ X(o, { id: "No payments." })
+		}) : /* @__PURE__ */ Z(j, { children: [/* @__PURE__ */ X(O, { children: /* @__PURE__ */ Z(A, {
+			className: "hover:bg-transparent",
+			children: [
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Payment" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Status" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Amount" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Kind" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Rail" })
+				}),
+				/* @__PURE__ */ X(E, {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Purchased" })
+				})
+			]
+		}) }), /* @__PURE__ */ X(D, { children: c.map((e) => /* @__PURE__ */ Z(M, {
+			to: `/payments/${e.id}`,
+			children: [
+				/* @__PURE__ */ X(k, { children: /* @__PURE__ */ X(i, {
+					className: "text-xs underline-offset-2 hover:underline",
+					to: `/payments/${e.id}`,
+					children: _(e.id, 13)
+				}) }),
+				/* @__PURE__ */ X(k, { children: /* @__PURE__ */ X(P, { status: e.status }) }),
+				/* @__PURE__ */ X(k, {
+					className: "tabular-nums",
+					children: h(e.amount, e.currency)
+				}),
+				/* @__PURE__ */ X(k, { children: e.kind }),
+				/* @__PURE__ */ X(k, { children: e.rail ?? e.channel }),
+				/* @__PURE__ */ X(k, {
+					className: "tabular-nums",
+					children: m(e.created_at)
+				})
+			]
+		}, e.id)) })] }), /* @__PURE__ */ X(w, {
+			pages: n,
+			rows: a?.data?.length ?? 0,
+			nextCursor: a?.next_cursor,
+			busy: s
+		})]
+	})] });
+}
+function De({ customerId: e }) {
+	let { adminQueries: t, queryKeys: n } = r(), i = Y(), a = T(e, 25), { data: c, isFetching: l } = J(t.customerPaymentMethodsPage(e, a.size, a.cursor)), u = c?.data ?? [];
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ Z(H, { children: [/* @__PURE__ */ X(U, {
+		className: "text-sm",
+		children: /* @__PURE__ */ X(o, { id: "Payment methods" })
+	}), /* @__PURE__ */ X(s, {
+		variant: "ghost",
+		size: "sm",
+		onClick: () => void i.invalidateQueries({ queryKey: [...n.customer(e), "payment-methods"] }),
+		children: /* @__PURE__ */ X(o, { id: "Refresh payment methods" })
+	})] }), /* @__PURE__ */ Z(W, {
+		className: "grid gap-3",
+		children: [u.length === 0 ? /* @__PURE__ */ X("p", {
+			className: "text-sm text-muted-foreground",
+			children: /* @__PURE__ */ X(o, { id: "No payment methods on file." })
+		}) : /* @__PURE__ */ X("div", {
+			className: "flex flex-wrap gap-3",
+			children: u.map((e) => /* @__PURE__ */ Z("div", {
+				className: "rounded-md border p-3 text-sm",
+				children: [
+					/* @__PURE__ */ X("p", {
+						className: "font-medium",
+						children: f(e.card)
+					}),
+					/* @__PURE__ */ Z("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							e.rail,
+							/* @__PURE__ */ X(o, { id: " · exp " }),
+							d(e.card)
+						]
+					}),
+					/* @__PURE__ */ X(pe, { currencies: e.default_currencies ?? [] }),
+					e.health.expiry_status && e.health.expiry_status !== "valid" && /* @__PURE__ */ X(N, {
+						variant: "secondary",
+						className: "bg-held-surface text-held mt-1",
+						children: e.health.expiry_status
+					})
+				]
+			}, e.id))
+		}), /* @__PURE__ */ X(w, {
+			pages: a,
+			rows: c?.data?.length ?? 0,
+			nextCursor: c?.next_cursor,
+			busy: l
+		})]
+	})] });
+}
+function Oe({ customerId: e }) {
+	let { adminQueries: t } = r(), n = T(e, 25), { data: i, isFetching: a } = J(t.customerEntitlements(e, n.size, n.cursor)), s = i?.data ?? [];
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(U, {
+		className: "text-sm",
+		children: /* @__PURE__ */ X(o, { id: "Entitlements" })
+	}) }), /* @__PURE__ */ Z(W, {
+		className: "grid gap-3",
+		children: [
+			/* @__PURE__ */ X("p", {
+				className: "text-xs text-muted-foreground",
+				children: /* @__PURE__ */ X(o, { id: "The keys of the products this customer holds now." })
+			}),
+			s.length === 0 ? /* @__PURE__ */ X("p", {
+				className: "text-sm text-muted-foreground",
+				children: /* @__PURE__ */ X(o, { id: "No entitlements." })
+			}) : /* @__PURE__ */ X("div", {
+				className: "flex flex-wrap gap-2",
+				children: s.map((e) => /* @__PURE__ */ X(N, {
+					variant: "secondary",
+					children: e.entitlement
+				}, e.entitlement))
+			}),
+			/* @__PURE__ */ X(w, {
+				pages: n,
+				rows: i?.data?.length ?? 0,
+				nextCursor: i?.next_cursor,
+				busy: a
+			})
+		]
+	})] });
+}
+function ke({ customerId: t }) {
+	let { text: n } = e(), { adminQueries: i } = r(), a = l(), s = T(t, 25), { data: c, isFetching: u } = J(i.customerProductAccess(t, s.size, s.cursor)), d = c?.data ?? [];
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(U, {
+		className: "text-sm",
+		children: /* @__PURE__ */ X(o, { id: "Product access" })
+	}) }), /* @__PURE__ */ Z(W, {
+		className: "grid gap-3",
+		children: [d.length === 0 ? /* @__PURE__ */ X("p", {
+			className: "text-sm text-muted-foreground",
+			children: /* @__PURE__ */ X(o, { id: "No product access." })
+		}) : /* @__PURE__ */ X("div", {
+			className: "grid gap-4",
+			children: d.map((e) => /* @__PURE__ */ Z("div", {
+				className: "flex min-w-0 items-start gap-3",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ Z("div", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [/* @__PURE__ */ X("p", {
+								className: "truncate text-sm font-medium",
+								children: e.product_name || _(e.product_id, 13)
+							}), /* @__PURE__ */ X(P, { status: e.status })]
+						}),
+						/* @__PURE__ */ X("p", {
+							className: "mt-1 text-xs text-muted-foreground",
+							children: e.source_type === "grant" ? `Granted (${e.grant_reason ?? "staff"})${e.note ? `: ${e.note}` : ""}` : e.source_type
+						}),
+						/* @__PURE__ */ X("p", {
+							className: "text-xs text-muted-foreground tabular-nums",
+							children: e.ends_at ? `Ends ${m(e.ends_at)}` : "No end date"
+						})
+					]
+				}), a && /* @__PURE__ */ X(Ae, {
+					customerId: t,
+					grantId: e.id,
+					label: n("Revoke product access")
+				})]
+			}, e.id))
+		}), /* @__PURE__ */ X(w, {
+			pages: s,
+			rows: c?.data?.length ?? 0,
+			nextCursor: c?.next_cursor,
+			busy: u
+		})]
+	})] });
+}
+function Ae({ customerId: t, grantId: n, label: i }) {
+	let { toast: a, toastApiError: l, adminMutations: u } = r(), { id: d } = e(), f = Y(), p = q(u.revokeCustomerProductAccess(f, t)), [m, h] = K.useState(!1), [g, _] = K.useState("");
+	return /* @__PURE__ */ Z(B, {
+		open: m,
+		onOpenChange: h,
+		children: [/* @__PURE__ */ X(ee, { render: /* @__PURE__ */ X(s, {
+			variant: "ghost",
+			size: "icon",
+			"aria-label": i,
+			children: /* @__PURE__ */ X(Q, {
+				icon: le,
+				className: "size-4 text-destructive"
+			})
+		}) }), /* @__PURE__ */ Z(L, {
+			className: te,
+			children: [
+				/* @__PURE__ */ Z(F, { children: [/* @__PURE__ */ X(R, { children: /* @__PURE__ */ X(o, { id: "Take the product back" }) }), /* @__PURE__ */ X(z, { children: /* @__PURE__ */ X(o, { id: "The customer loses its entitlements now. The grant stays on record with your reason." }) })] }),
+				/* @__PURE__ */ Z("div", {
+					className: "flex flex-col gap-1.5",
+					children: [/* @__PURE__ */ X(V, {
+						htmlFor: d("revoke-access-reason"),
+						children: /* @__PURE__ */ X(o, { id: "Reason" })
+					}), /* @__PURE__ */ X(c, {
+						id: d("revoke-access-reason"),
+						value: g,
+						onChange: (e) => _(e.target.value),
+						maxLength: 500
+					})]
+				}),
+				/* @__PURE__ */ Z(I, { children: [/* @__PURE__ */ X(s, {
+					variant: "outline",
+					onClick: () => h(!1),
+					children: /* @__PURE__ */ X(o, { id: "Cancel" })
+				}), /* @__PURE__ */ X(s, {
+					variant: "destructive",
+					disabled: !g.trim() || p.isPending,
+					onClick: async () => {
+						try {
+							await p.mutateAsync({
+								grantId: n,
+								reason: g.trim()
+							}), a.success("Product access revoked"), h(!1);
+						} catch (e) {
+							l(e, i);
+						}
+					},
+					children: p.isPending ? "Revoking…" : "Revoke"
+				})] })
+			]
+		})]
+	});
+}
+function je({ customerId: t }) {
+	let { toast: n, toastApiError: i, adminMutations: a, adminQueries: l } = r(), { id: u, text: d } = e(), [f, p] = K.useState(!1), m = Y(), h = q(a.grantCustomerProductAccess(m, t)), { data: g } = J({
+		...l.allProducts(),
+		enabled: f
+	}), _ = ue({
+		defaultValues: {
+			productId: "",
+			duration: "30",
+			until: "",
+			note: ""
+		},
+		onSubmit: async ({ value: e }) => {
+			let t = Ce(e.duration, e.until);
+			if (t) try {
+				await h.mutateAsync({
+					productId: e.productId,
+					...t,
+					note: e.note.trim() || void 0
+				}), n.success("Product access granted"), w(!1);
+			} catch (e) {
+				i(e, "Grant product access");
+			}
+		}
+	}), w = (e) => {
+		p(e), e || (_.reset(), h.reset());
+	};
+	return /* @__PURE__ */ Z(B, {
+		open: f,
+		onOpenChange: w,
+		children: [/* @__PURE__ */ X(ee, { render: /* @__PURE__ */ Z(s, {
+			variant: "outline",
+			size: "sm",
+			children: [/* @__PURE__ */ X(Q, {
+				icon: se,
+				className: "size-4"
+			}), /* @__PURE__ */ X(o, { id: " Product access" })]
+		}) }), /* @__PURE__ */ Z(L, {
+			className: te,
+			children: [/* @__PURE__ */ Z(F, { children: [/* @__PURE__ */ X(R, { children: /* @__PURE__ */ X(o, { id: "Grant product access" }) }), /* @__PURE__ */ X(z, { children: /* @__PURE__ */ X(o, { id: "Give this customer one of your products without a payment. They hold its keys while the grant lasts, including keys you add to the product later." }) })] }), /* @__PURE__ */ Z("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), _.handleSubmit();
+				},
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "grid gap-3",
+					children: [
+						/* @__PURE__ */ X(_.Field, {
+							name: "productId",
+							validators: { onChange: ({ value: e }) => e ? void 0 : "Pick a product" },
+							children: (e) => /* @__PURE__ */ Z("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ X(V, {
+										htmlFor: u("pa-product"),
+										children: /* @__PURE__ */ X(o, { id: "Product" })
+									}),
+									/* @__PURE__ */ Z(C, {
+										value: e.state.value,
+										onValueChange: (t) => e.handleChange(t ?? ""),
+										children: [/* @__PURE__ */ X(b, {
+											className: "w-full",
+											id: u("pa-product"),
+											"aria-invalid": e.state.meta.errors.length > 0,
+											children: /* @__PURE__ */ X(y, { placeholder: d("Pick a product") })
+										}), /* @__PURE__ */ X(x, { children: (g?.data ?? []).map((e) => /* @__PURE__ */ Z(S, {
+											value: e.id,
+											children: [
+												e.display_name,
+												" (",
+												e.key,
+												")"
+											]
+										}, e.id)) })]
+									}),
+									/* @__PURE__ */ X(v, { errors: e.state.meta.errors })
+								]
+							})
+						}),
+						/* @__PURE__ */ X(_.Field, {
+							name: "duration",
+							children: (e) => /* @__PURE__ */ Z("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ X(V, {
+										htmlFor: u("pa-duration"),
+										children: /* @__PURE__ */ X(o, { id: "How long it lasts" })
+									}),
+									/* @__PURE__ */ X("p", {
+										className: "text-[13px] text-muted-foreground",
+										children: /* @__PURE__ */ X(o, { id: "Days are added after any access they already have." })
+									}),
+									/* @__PURE__ */ Z(C, {
+										items: xe.map((e) => ({
+											value: e.value,
+											label: e.label
+										})),
+										value: e.state.value,
+										onValueChange: (t) => {
+											t && e.handleChange(t);
+										},
+										children: [/* @__PURE__ */ X(b, {
+											className: "w-full",
+											id: u("pa-duration"),
+											children: /* @__PURE__ */ X(y, {})
+										}), /* @__PURE__ */ X(x, { children: xe.map((e) => /* @__PURE__ */ X(S, {
+											value: e.value,
+											children: e.label
+										}, e.value)) })]
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ X(_.Subscribe, {
+							selector: (e) => e.values.duration,
+							children: (e) => e === "until" ? /* @__PURE__ */ X(_.Field, {
+								name: "until",
+								validators: { onChange: ({ value: e }) => Ce("until", e) ? void 0 : "Pick today or a later date" },
+								children: (e) => /* @__PURE__ */ Z("div", {
+									className: "grid gap-1.5",
+									children: [
+										/* @__PURE__ */ X(V, {
+											htmlFor: u("pa-until"),
+											children: /* @__PURE__ */ X(o, { id: "Last day (UTC)" })
+										}),
+										/* @__PURE__ */ X(c, {
+											id: u("pa-until"),
+											type: "date",
+											min: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+											value: e.state.value,
+											onBlur: e.handleBlur,
+											onChange: (t) => e.handleChange(t.target.value),
+											"aria-invalid": e.state.meta.errors.length > 0
+										}),
+										/* @__PURE__ */ X(v, { errors: e.state.meta.errors })
+									]
+								})
+							}) : null
+						}),
+						/* @__PURE__ */ X(_.Field, {
+							name: "note",
+							children: (e) => /* @__PURE__ */ Z("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ X(V, {
+									htmlFor: u("pa-note"),
+									children: /* @__PURE__ */ X(o, { id: "Note" })
+								}), /* @__PURE__ */ X(c, {
+									id: u("pa-note"),
+									value: e.state.value,
+									onBlur: e.handleBlur,
+									onChange: (t) => e.handleChange(t.target.value),
+									placeholder: d("Why it was granted")
+								})]
+							})
+						})
+					]
+				}), /* @__PURE__ */ X(I, { children: /* @__PURE__ */ X(_.Subscribe, {
+					selector: (e) => [
+						e.values.productId,
+						e.canSubmit,
+						e.isSubmitting,
+						Ce(e.values.duration, e.values.until) !== null
+					],
+					children: ([e, t, n, r]) => /* @__PURE__ */ Z(oe, { children: [/* @__PURE__ */ X(s, {
+						type: "button",
+						variant: "outline",
+						disabled: n,
+						onClick: () => w(!1),
+						children: /* @__PURE__ */ X(o, { id: "Cancel" })
+					}), /* @__PURE__ */ X(s, {
+						type: "submit",
+						disabled: !e || !t || n || !r,
+						children: n ? "Granting…" : "Grant access"
+					})] })
+				}) })]
+			})]
+		})]
+	});
+}
+function Me({ contact: e }) {
+	return /* @__PURE__ */ Z(G, { children: [/* @__PURE__ */ X(H, {
+		className: "pb-1",
+		children: /* @__PURE__ */ X(U, {
+			className: "text-sm",
+			children: /* @__PURE__ */ X(o, { id: "Contact" })
+		})
+	}), /* @__PURE__ */ X(W, {
+		className: "text-sm",
+		children: e ? /* @__PURE__ */ Z("dl", {
+			className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1",
+			children: [
+				/* @__PURE__ */ X("dt", {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Email" })
+				}),
+				/* @__PURE__ */ X("dd", {
+					className: "truncate",
+					children: e.email ?? "—"
+				}),
+				/* @__PURE__ */ X("dt", {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Name" })
+				}),
+				/* @__PURE__ */ X("dd", {
+					className: "truncate",
+					children: e.name ?? "—"
+				}),
+				/* @__PURE__ */ X("dt", {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Username" })
+				}),
+				/* @__PURE__ */ X("dd", {
+					className: "truncate",
+					children: e.username ?? "—"
+				}),
+				e.active !== null && /* @__PURE__ */ Z(oe, { children: [/* @__PURE__ */ X("dt", {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Directory" })
+				}), /* @__PURE__ */ X("dd", { children: /* @__PURE__ */ X(N, {
+					variant: e.active ? "secondary" : "outline",
+					children: e.active ? "Active" : "Deactivated"
+				}) })] }),
+				/* @__PURE__ */ X("dt", {
+					className: "text-muted-foreground",
+					children: /* @__PURE__ */ X(o, { id: "Synced" })
+				}),
+				/* @__PURE__ */ X("dd", {
+					className: "tabular-nums",
+					children: e.synced_at ? m(e.synced_at) : "Live"
+				})
+			]
+		}) : /* @__PURE__ */ X("p", {
+			className: "text-muted-foreground",
+			children: /* @__PURE__ */ X(o, { id: "Your directory holds no contact for this customer." })
+		})
+	})] });
+}
+//#endregion
+export { we as CustomerDetailPage };
+
+//# sourceMappingURL=admin-detail-CGOyqs7s.js.map