@openrails/billing-ui 0.242.0 → 0.243.0

package/dist/admin-detail-DUAJQg8G.js

@@ -0,0 +1,710 @@
+import { E as e, S as t, c 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 { i as u, o as d, s as f, u as p } from "./admin-format-DoohJ7Fg.js";
+import { t as m } from "./admin-form-field-errors-hbUMIriS.js";
+import { a as h, i as g, n as ee, r as _, t as v } from "./admin-select-DBgprVW6.js";
+import { a as y, n as b, o as te, r as x, s as S, t as C } from "./admin-table-CH9TrXJf.js";
+import { t as w } from "./admin-badge-DR5-1qd8.js";
+import { t as T } from "./admin-status-badge-BFPgo71d.js";
+import { a as E, i as ne, n as re, o as ie, r as ae, s as oe, t as se } from "./admin-dialog-BjuKI5Hp.js";
+import { t as D } from "./admin-label-BiEN5cjb.js";
+import { t as O } from "./admin-switch-BJUxLCsa.js";
+import { n as ce, r as le } from "./admin-dialog-width-BPrgdYlj.js";
+import { n as k } from "./admin-price-format-DM1qORWI.js";
+import { a as ue, o as de, r as fe, t as pe } from "./admin-card-bzAks3-3.js";
+import { t as A } from "./admin-fact-card-DO_fHosg.js";
+import { t as j } from "./admin-dunning-B2zgtrOo.js";
+import { t as M } from "./admin-typed-confirm-dialog-DU7m9-O7.js";
+import * as N from "react";
+import { useMutation as P, useQuery as F, useQueryClient as I } from "@tanstack/react-query";
+import { Fragment as me, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { HugeiconsIcon as z } from "@hugeicons/react";
+import { ArrowLeft01Icon as B } from "@hugeicons/core-free-icons";
+import { useForm as V } from "@tanstack/react-form";
+//#region src/admin/pages/subscriptions/subscription-change-options.ts
+function he(e) {
+	let t = e.price, n = `${f(t.unit_amount, t.currency)}${t.quantity ? " per seat" : ""}`;
+	return [
+		e.product.display_name,
+		e.direction,
+		`${n} ${k(t)}`,
+		t.key
+	].join(" · ");
+}
+function ge(e, t) {
+	let n = e.quantity;
+	return n ? t !== null && t >= n.min && t <= n.max ? t : n.min : null;
+}
+function _e({ rail: e, status: t, collectionPolicy: n, scheduledChange: r }) {
+	if (t !== "active" && t !== "past_due") return "Only active or past-due subscriptions can change";
+	if (r && n !== "engine") return "Its provider already bills a scheduled change";
+	if (e === "ccbill") return "CCBill changes require customer self-service";
+	if (e === "solana") return "Solana changes require the customer's wallet signature";
+}
+function ve({ currentProduct: e, currentPrice: t, currentCurrency: n, products: r, prices: i, scheduledChange: a }) {
+	let o = e && t && (t.quantity || a) ? [{
+		direction: "current",
+		price: t,
+		product: e
+	}] : [], s = e?.tier_group?.trim(), c = n?.trim().toLowerCase();
+	if (!e || !s || !c || a?.source === "migration") return o;
+	let l = new Map(r.filter((t) => !t.archived && t.id !== e.id && t.tier_group?.trim() === s).map((e) => [e.id, e]));
+	return o.concat(i.flatMap((t) => {
+		let n = l.get(t.product_id);
+		return !n || t.archived || !t.billing_interval_hours || t.currency.trim().toLowerCase() !== c ? [] : [{
+			direction: n.tier_rank < e.tier_rank ? "downgrade" : "upgrade",
+			price: t,
+			product: n
+		}];
+	}).sort((e, t) => e.product.tier_rank - t.product.tier_rank || e.product.display_name.localeCompare(t.product.display_name) || e.price.id.localeCompare(t.price.id)));
+}
+//#endregion
+//#region src/admin/pages/subscriptions/change-subscription-dialog.tsx
+function ye(e) {
+	let { selectedMerchant: t } = r();
+	return /* @__PURE__ */ L(H, { ...e }, `${t() ?? ""}:${e.subscriptionId}`);
+}
+function H({ subscriptionId: n, customerId: i, productId: a, priceId: l, quantity: u, currency: p, collectionPolicy: m, scheduledChange: y, rail: b, status: te }) {
+	let { toast: x, toastApiError: S, adminMutations: C, adminQueries: T } = r(), { id: O, text: ce } = e(), [k, ue] = N.useState(!1), [de, fe] = N.useState(""), [pe, A] = N.useState(""), [j, M] = N.useState(""), [me, z] = N.useState(""), B = N.useRef(/* @__PURE__ */ new Map()), V = N.useRef(0);
+	N.useEffect(() => () => {
+		V.current++;
+	}, []);
+	let ye = I(), H = P(C.previewSubscriptionChange(n)), U = P(C.changeSubscription(ye, n, i)), W = F({
+		...T.allProducts({ errorAction: "Load subscription plans" }),
+		enabled: k
+	}), G = F({
+		...T.allPrices({ errorAction: "Load subscription prices" }),
+		enabled: k
+	}), K = W.data?.data ?? [], be = G.data?.data ?? [], xe = K.find((e) => e.id === a), Se = be.find((e) => e.id === l), q = ve({
+		currentProduct: xe,
+		currentPrice: Se,
+		currentCurrency: p ?? Se?.currency,
+		products: K,
+		prices: be,
+		scheduledChange: y
+	}), J = q.find((e) => e.price.id === de), Y = J?.price.quantity, X = Number(pe), Ce = !Y || Number.isInteger(X) && X >= Y.min && X <= Y.max, Z = J && Ce ? {
+		price_id: J.price.id,
+		...Y ? { quantity: X } : {}
+	} : void 0, we = J?.direction === "current" && !y && (!Y || X === u), Q = Z ? JSON.stringify(Z) : "", $ = Q && me === Q ? H.data : void 0, Te = _e({
+		rail: b,
+		status: te,
+		collectionPolicy: m,
+		scheduledChange: y
+	}), Ee = (e) => {
+		V.current++, ue(e);
+	}, De = (e) => {
+		V.current++;
+		let t = q.find((t) => t.price.id === e)?.price;
+		fe(e ?? ""), A(String(t ? ge(t, u) ?? "" : "")), z(""), H.reset(), U.reset();
+	}, Oe = (e) => {
+		V.current++, A(e), z(""), H.reset(), U.reset();
+	}, ke = H.error instanceof Error ? H.error.message : "", Ae = U.error instanceof Error ? U.error.message : "", je = U.data?.message, Me = U.data?.next_action?.url ?? void 0;
+	return /* @__PURE__ */ R(se, {
+		open: k,
+		onOpenChange: Ee,
+		children: [/* @__PURE__ */ L(oe, { render: /* @__PURE__ */ L(s, {
+			variant: "outline",
+			size: "sm",
+			disabled: !!Te && !U.variables,
+			title: Te,
+			children: /* @__PURE__ */ L(o, { id: "Change subscription" })
+		}) }), /* @__PURE__ */ R(re, {
+			className: le,
+			children: [
+				/* @__PURE__ */ R(E, { children: [/* @__PURE__ */ L(ie, { children: /* @__PURE__ */ L(o, { id: "Change subscription" }) }), /* @__PURE__ */ L(ae, { children: /* @__PURE__ */ L(o, { id: "Schedule the customer's plan or seats for the next renewal. No card is charged now. Choosing the current plan and seats clears a pending change. The customer is told." }) })] }),
+				/* @__PURE__ */ R("div", {
+					className: "grid gap-5",
+					children: [
+						/* @__PURE__ */ R("div", {
+							className: "grid gap-1.5",
+							children: [
+								/* @__PURE__ */ L(D, {
+									htmlFor: O("subscription-tier"),
+									children: /* @__PURE__ */ L(o, { id: "New plan" })
+								}),
+								/* @__PURE__ */ R(v, {
+									value: de,
+									onValueChange: De,
+									children: [/* @__PURE__ */ L(g, {
+										id: O("subscription-tier"),
+										className: "w-full",
+										disabled: W.isPending || G.isPending,
+										children: /* @__PURE__ */ L(h, { placeholder: W.isPending || G.isPending ? "Loading plans…" : "Choose a plan" })
+									}), /* @__PURE__ */ L(ee, { children: q.map((e) => /* @__PURE__ */ L(_, {
+										value: e.price.id,
+										children: he(e)
+									}, e.price.id)) })]
+								}),
+								!W.isPending && !G.isPending && !W.isError && !G.isError && q.length === 0 && /* @__PURE__ */ L("p", {
+									className: "text-xs text-muted-foreground",
+									children: /* @__PURE__ */ L(o, { id: "No eligible recurring plans share this tier group and currency." })
+								}),
+								(W.isError || G.isError) && /* @__PURE__ */ L("p", {
+									className: "text-xs text-destructive",
+									role: "alert",
+									children: /* @__PURE__ */ L(o, { id: "Could not load the available plans." })
+								})
+							]
+						}),
+						Y && /* @__PURE__ */ R("div", {
+							className: "grid gap-1.5",
+							children: [
+								/* @__PURE__ */ L(D, {
+									htmlFor: O("subscription-seats"),
+									children: /* @__PURE__ */ L(o, { id: "Seats" })
+								}),
+								/* @__PURE__ */ L(c, {
+									id: O("subscription-seats"),
+									type: "number",
+									inputMode: "numeric",
+									min: Y.min,
+									max: Y.max,
+									value: pe,
+									onChange: (e) => Oe(e.target.value)
+								}),
+								/* @__PURE__ */ R("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										Y.min,
+										/* @__PURE__ */ L(o, { id: " to " }),
+										Y.max,
+										/* @__PURE__ */ L(o, { id: " seats." })
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ R("div", {
+							className: "grid gap-1.5",
+							children: [
+								/* @__PURE__ */ L(D, {
+									htmlFor: O("subscription-change-reason"),
+									children: /* @__PURE__ */ L(o, { id: "Reason" })
+								}),
+								/* @__PURE__ */ L(c, {
+									id: O("subscription-change-reason"),
+									value: j,
+									maxLength: 500,
+									placeholder: ce("What the customer asked for"),
+									onChange: (e) => M(e.target.value)
+								}),
+								/* @__PURE__ */ L("p", {
+									className: "text-xs text-muted-foreground",
+									children: /* @__PURE__ */ L(o, { id: "Kept with the scheduled change." })
+								})
+							]
+						}),
+						$ && J && /* @__PURE__ */ R("div", {
+							className: "grid gap-3",
+							"aria-live": "polite",
+							children: [
+								/* @__PURE__ */ R("div", {
+									className: "flex items-center justify-between gap-4",
+									children: [/* @__PURE__ */ L("span", {
+										className: "text-sm font-medium",
+										children: /* @__PURE__ */ L(o, { id: "Review" })
+									}), /* @__PURE__ */ L(w, {
+										variant: "secondary",
+										children: $.effective === "now" ? "Immediate" : "At renewal"
+									})]
+								}),
+								/* @__PURE__ */ R("dl", {
+									className: "grid grid-cols-2 gap-x-8 gap-y-3 border-y py-4 text-sm",
+									children: [
+										$.quantity !== null && /* @__PURE__ */ R("div", {
+											className: "grid gap-1",
+											children: [/* @__PURE__ */ L("dt", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ L(o, { id: "Seats" })
+											}), /* @__PURE__ */ L("dd", {
+												className: "font-medium tabular-nums",
+												children: $.quantity
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "grid gap-1",
+											children: [/* @__PURE__ */ L("dt", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ L(o, { id: "Due now" })
+											}), /* @__PURE__ */ L("dd", {
+												className: "font-medium tabular-nums",
+												children: f($.amount_due_now, $.currency)
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "grid gap-1",
+											children: [/* @__PURE__ */ L("dt", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ L(o, { id: "Next charge" })
+											}), /* @__PURE__ */ L("dd", {
+												className: "font-medium tabular-nums",
+												children: f($.next_charge_amount, $.currency)
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "grid gap-1",
+											children: [/* @__PURE__ */ L("dt", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ L(o, { id: "Effective" })
+											}), /* @__PURE__ */ L("dd", {
+												className: "font-medium",
+												children: $.effective === "now" ? "Immediately" : d($.next_charge_date)
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "grid gap-1",
+											children: [/* @__PURE__ */ L("dt", {
+												className: "text-xs text-muted-foreground",
+												children: /* @__PURE__ */ L(o, { id: "Next billing date" })
+											}), /* @__PURE__ */ L("dd", {
+												className: "font-medium tabular-nums",
+												children: d($.next_charge_date)
+											})]
+										})
+									]
+								}),
+								$.is_estimate && /* @__PURE__ */ L("p", {
+									className: "text-xs text-muted-foreground",
+									children: /* @__PURE__ */ L(o, { id: "The payment provider calculates the final prorated amount." })
+								})
+							]
+						}),
+						(ke || Ae) && /* @__PURE__ */ L("p", {
+							className: "text-sm text-destructive",
+							role: "alert",
+							children: Ae || ke
+						}),
+						U.data && U.data.status !== "succeeded" && /* @__PURE__ */ R("div", {
+							className: "grid gap-2 rounded-lg bg-muted px-3 py-2.5 text-sm",
+							"aria-live": "polite",
+							children: [/* @__PURE__ */ L("p", { children: je ?? "This change needs another step." }), Me && /* @__PURE__ */ L("a", {
+								href: Me,
+								target: "_blank",
+								rel: "noreferrer",
+								className: "w-fit font-medium text-primary underline underline-offset-4",
+								children: /* @__PURE__ */ L(o, { id: "Continue with payment provider" })
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(s, {
+					type: "button",
+					variant: "outline",
+					onClick: () => Ee(!1),
+					children: /* @__PURE__ */ L(o, { id: "Cancel" })
+				}), $ ? /* @__PURE__ */ L(s, {
+					type: "button",
+					disabled: U.isPending || !j.trim() || !!U.data && U.data?.status !== "processing",
+					onClick: async () => {
+						if (!Z) return;
+						let e = V.current, n = B.current.get(Q) ?? crypto.randomUUID();
+						B.current.set(Q, n);
+						let r = () => {
+							B.current.get(Q) === n && B.current.delete(Q);
+						};
+						try {
+							let t = await U.mutateAsync({
+								change: {
+									...Z,
+									reason: j.trim()
+								},
+								idempotencyKey: n
+							});
+							if ((t.status === "succeeded" || t.status === "blocked") && r(), V.current !== e) return;
+							t.status === "succeeded" && (x.success(t.effective === "now" ? "Subscription changed" : "Change scheduled for the next renewal"), Ee(!1), fe(""), A(""), M(""), z(""), H.reset(), U.reset()), t.status === "processing" && x.info("The provider is still confirming this change. Check again to read the result.");
+						} catch (n) {
+							n instanceof t && (n.status === 402 || n.status === 409 && (n.code === "subscription_change_refused" || n.code === "subscription_change_idempotency_conflict")) && r(), V.current === e && S(n, "Change subscription");
+						}
+					},
+					children: U.isPending ? "Applying…" : U.data ? U.data.status === "processing" ? "Check result" : U.data.status === "blocked" ? "Change blocked" : "Action required" : "Confirm change"
+				}) : /* @__PURE__ */ L(s, {
+					type: "button",
+					disabled: !Z || we || H.isPending,
+					onClick: async () => {
+						if (!Z) return;
+						let e = V.current;
+						try {
+							if (await H.mutateAsync(Z), V.current !== e) return;
+							z(Q);
+						} catch (t) {
+							V.current === e && S(t, "Preview subscription change");
+						}
+					},
+					children: H.isPending ? "Reviewing…" : "Review change"
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/admin/pages/subscriptions/detail.tsx
+function U() {
+	let { text: t } = e(), { adminQueries: c } = r(), u = l(), { id: m = "" } = n(), h = a(), { data: g, isPending: ee } = F(c.subscription(m)), { data: _ } = F(c.payments({ subscription_id: m }, 20)), v = _?.data ?? [];
+	if (ee) return /* @__PURE__ */ L("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ L(o, { id: "Loading…" })
+	});
+	if (!g) return /* @__PURE__ */ L("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ L(o, { id: "Subscription not found." })
+	});
+	let E = g.status === "active" || g.status === "past_due" || g.status === "awaiting_method" || g.status === "unverified", ne = g.status === "canceled" || g.status === "past_due";
+	return /* @__PURE__ */ R("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ R("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ L(s, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => h(-1),
+						"aria-label": t("Back"),
+						children: /* @__PURE__ */ L(z, {
+							icon: B,
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ R("h2", {
+						className: "flex items-center gap-2 text-sm",
+						children: [
+							g.id,
+							" ",
+							/* @__PURE__ */ L(T, { status: g.status })
+						]
+					}), /* @__PURE__ */ R("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							g.rail,
+							" · ",
+							g.rail_subscription_id || "no rail id"
+						]
+					})] }),
+					/* @__PURE__ */ R("div", {
+						className: "ml-auto flex gap-2",
+						children: [
+							u && ne && /* @__PURE__ */ L(G, {
+								id: g.id,
+								customerId: g.customer_id
+							}),
+							u && /* @__PURE__ */ L(ye, {
+								subscriptionId: g.id,
+								customerId: g.customer_id,
+								productId: g.product_id,
+								priceId: g.price_id,
+								quantity: g.quantity,
+								currency: g.price?.currency,
+								collectionPolicy: g.collection_policy,
+								scheduledChange: g.scheduled_change,
+								rail: g.rail,
+								status: g.status
+							}),
+							u && /* @__PURE__ */ L(be, {
+								subscriptionId: g.id,
+								customerId: g.customer_id,
+								rail: g.rail,
+								collectionPolicy: g.collection_policy
+							}),
+							u && E && /* @__PURE__ */ L(W, {
+								id: g.id,
+								customerId: g.customer_id
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ R("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ L(A, {
+						label: t("Customer"),
+						children: g.customer_id ? /* @__PURE__ */ L(i, {
+							className: "text-xs underline-offset-2 hover:underline",
+							to: `/customers/${g.customer_id}`,
+							children: p(g.customer_id, 13)
+						}) : "—"
+					}),
+					/* @__PURE__ */ L(A, {
+						label: t("Started"),
+						children: d(g.started_at)
+					}),
+					/* @__PURE__ */ R(A, {
+						label: t("Current period"),
+						children: [
+							d(g.current_period_starts_at),
+							" →",
+							" ",
+							d(g.current_period_ends_at)
+						]
+					}),
+					/* @__PURE__ */ L(A, {
+						label: t("Price"),
+						children: /* @__PURE__ */ R("div", {
+							className: "flex flex-col gap-1",
+							children: [
+								/* @__PURE__ */ R("span", {
+									className: "flex items-center gap-2",
+									children: [g.price?.unit_amount !== void 0 && g.price?.currency ? /* @__PURE__ */ L(i, {
+										className: "underline-offset-2 hover:underline",
+										to: `/catalog/prices/${encodeURIComponent(g.price_id)}`,
+										children: f(g.price.unit_amount, g.price.currency)
+									}) : /* @__PURE__ */ L(i, {
+										className: "text-xs underline-offset-2 hover:underline",
+										to: `/catalog/prices/${encodeURIComponent(g.price_id)}`,
+										children: p(g.price_id ?? "—", 13)
+									}), g.price?.archived && /* @__PURE__ */ L(w, {
+										variant: "secondary",
+										title: t("Pinned to an archived (prior) version"),
+										children: /* @__PURE__ */ L(o, { id: "prior version" })
+									})]
+								}),
+								g.price?.key && /* @__PURE__ */ L("span", {
+									className: "text-xs text-muted-foreground",
+									children: g.price.key
+								}),
+								g.scheduled_change && /* @__PURE__ */ L(xe, { change: g.scheduled_change })
+							]
+						})
+					}),
+					g.quantity !== null && /* @__PURE__ */ R(A, {
+						label: t("Seats"),
+						children: [g.quantity, g.scheduled_change?.quantity != null && ` → ${g.scheduled_change.quantity} at renewal`]
+					}),
+					/* @__PURE__ */ L(A, {
+						label: t("Dunning"),
+						children: g.dunning ? j(g.dunning) : "—"
+					}),
+					/* @__PURE__ */ L(A, {
+						label: g.dunning?.waiting_for_new_card ? "Card deadline" : "Final retry",
+						children: d(g.dunning?.final_retry_at)
+					}),
+					/* @__PURE__ */ L(A, {
+						label: t("Last decline"),
+						children: g.dunning?.last_failure_reason ?? "—"
+					}),
+					/* @__PURE__ */ L(A, {
+						label: t("Canceled"),
+						children: g.canceled_at ? `${d(g.canceled_at)} (${g.cancel_type ?? "?"})` : "—"
+					})
+				]
+			}),
+			/* @__PURE__ */ R(pe, { children: [/* @__PURE__ */ L(ue, { children: /* @__PURE__ */ L(de, {
+				className: "text-sm",
+				children: /* @__PURE__ */ L(o, { id: "Payments" })
+			}) }), /* @__PURE__ */ L(fe, { children: v.length ? /* @__PURE__ */ R(C, { children: [/* @__PURE__ */ L(te, { children: /* @__PURE__ */ R(S, {
+				className: "hover:bg-transparent",
+				children: [
+					/* @__PURE__ */ L(y, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ L(o, { id: "Payment" })
+					}),
+					/* @__PURE__ */ L(y, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ L(o, { id: "Status" })
+					}),
+					/* @__PURE__ */ L(y, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ L(o, { id: "Kind" })
+					}),
+					/* @__PURE__ */ L(y, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ L(o, { id: "Amount" })
+					}),
+					/* @__PURE__ */ L(y, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ L(o, { id: "Created" })
+					})
+				]
+			}) }), /* @__PURE__ */ L(b, { children: v.map((e) => /* @__PURE__ */ R(S, { children: [
+				/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(i, {
+					className: "text-xs underline-offset-2 hover:underline",
+					to: `/payments/${e.id}`,
+					children: p(e.id, 13)
+				}) }),
+				/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(T, { status: e.status }) }),
+				/* @__PURE__ */ L(x, { children: e.kind }),
+				/* @__PURE__ */ L(x, { children: f(e.amount, e.currency) }),
+				/* @__PURE__ */ L(x, { children: d(e.created_at) })
+			] }, e.id)) })] }) : /* @__PURE__ */ L("p", {
+				className: "text-sm text-muted-foreground",
+				children: /* @__PURE__ */ L(o, { id: "No payments recorded." })
+			}) })] })
+		]
+	});
+}
+function W({ id: t, customerId: n }) {
+	let { toast: i, toastApiError: a, adminMutations: l } = r(), { text: u, id: d } = e(), [f, p] = N.useState(!1), m = I(), h = P(l.cancelSubscription(m, t, n)), g = V({ defaultValues: {
+		reason: "",
+		revokeAccess: !1
+	} });
+	return /* @__PURE__ */ R(me, { children: [/* @__PURE__ */ L(s, {
+		variant: "destructive",
+		size: "sm",
+		onClick: () => p(!0),
+		children: /* @__PURE__ */ L(o, { id: "Cancel subscription" })
+	}), /* @__PURE__ */ L(M, {
+		open: f,
+		onOpenChange: (e) => {
+			p(e), e || (g.reset(), h.reset());
+		},
+		title: u("Cancel subscription"),
+		description: u("Terminal cancellation at the payment rail. This is a last resort. Dunning parks subscriptions as past_due without losing entitlements."),
+		confirmationWord: "CANCEL",
+		actionLabel: "Cancel subscription",
+		onConfirm: async () => {
+			try {
+				await h.mutateAsync(g.state.values), i.success("Subscription canceled");
+			} catch (e) {
+				throw a(e, "Cancel subscription"), e;
+			}
+		},
+		children: /* @__PURE__ */ R("div", {
+			className: "grid gap-3",
+			children: [/* @__PURE__ */ L(g.Field, {
+				name: "reason",
+				children: (e) => /* @__PURE__ */ R("div", {
+					className: "grid gap-1.5",
+					children: [/* @__PURE__ */ L(D, {
+						htmlFor: d("cancel-reason"),
+						children: /* @__PURE__ */ L(o, { id: "Reason" })
+					}), /* @__PURE__ */ L(c, {
+						id: d("cancel-reason"),
+						value: e.state.value,
+						onBlur: e.handleBlur,
+						onChange: (t) => e.handleChange(t.target.value),
+						placeholder: u("why is this being canceled?")
+					})]
+				})
+			}), /* @__PURE__ */ L(g.Field, {
+				name: "revokeAccess",
+				children: (e) => /* @__PURE__ */ R("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ L(O, {
+						id: d("cancel-revoke"),
+						checked: e.state.value,
+						onCheckedChange: e.handleChange
+					}), /* @__PURE__ */ L(D, {
+						htmlFor: d("cancel-revoke"),
+						children: /* @__PURE__ */ L(o, { id: "Also revoke access immediately" })
+					})]
+				})
+			})]
+		})
+	})] });
+}
+function G({ id: e, customerId: t }) {
+	let { toast: n, toastApiError: i, adminMutations: a } = r(), o = I(), c = P(a.resumeSubscription(o, e, t));
+	return /* @__PURE__ */ L(s, {
+		variant: "outline",
+		size: "sm",
+		disabled: c.isPending,
+		onClick: async () => {
+			try {
+				await c.mutateAsync(), n.success("Resume queued");
+			} catch (e) {
+				i(e, "Resume subscription");
+			}
+		},
+		children: c.isPending ? "Queuing…" : "Resume"
+	});
+}
+var K = "default";
+function be({ subscriptionId: t, customerId: n, rail: i, collectionPolicy: a }) {
+	let { toast: c, toastApiError: l, adminMutations: d, adminQueries: f } = r(), { id: p, text: y } = e(), [b, te] = N.useState(!1), x = I(), S = P(d.changeSubscriptionPaymentMethod(x, t, n)), { data: C } = F(f.customerPaymentMethods(b ? n : void 0)), w = V({
+		defaultValues: { paymentMethodId: "" },
+		onSubmit: async ({ value: e }) => {
+			try {
+				await S.mutateAsync(e.paymentMethodId === K ? null : e.paymentMethodId), c.success("Payment method updated"), T(!1);
+			} catch (e) {
+				l(e, "Change payment method");
+			}
+		}
+	}), T = (e) => {
+		te(e), e || (w.reset(), S.reset());
+	}, O = i !== "solana" && (a === "engine" || a === "nmi_schedule");
+	return /* @__PURE__ */ R(se, {
+		open: b,
+		onOpenChange: T,
+		children: [/* @__PURE__ */ L(oe, { render: /* @__PURE__ */ L(s, {
+			variant: "outline",
+			size: "sm",
+			disabled: !O,
+			title: O ? void 0 : `Payment-method change is not supported on ${i}`,
+			children: /* @__PURE__ */ L(o, { id: "Change payment method" })
+		}) }), /* @__PURE__ */ R(re, {
+			className: ce,
+			children: [/* @__PURE__ */ R(E, { children: [/* @__PURE__ */ L(ie, { children: /* @__PURE__ */ L(o, { id: "Change payment method" }) }), /* @__PURE__ */ L(ae, { children: /* @__PURE__ */ L(o, { id: "Points future renewals of this subscription at another of the customer&apos;s stored cards (same rail), or back at their default card for its currency." }) })] }), /* @__PURE__ */ R("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), w.handleSubmit();
+				},
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ L(w.Field, {
+					name: "paymentMethodId",
+					validators: { onChange: ({ value: e }) => e ? void 0 : "Pick a stored payment method" },
+					children: (e) => /* @__PURE__ */ R("div", {
+						className: "grid gap-1.5",
+						children: [
+							/* @__PURE__ */ L(D, {
+								htmlFor: p("subscription-payment-method"),
+								children: /* @__PURE__ */ L(o, { id: "Payment method" })
+							}),
+							/* @__PURE__ */ R(v, {
+								value: e.state.value,
+								onValueChange: (t) => e.handleChange(t ?? ""),
+								children: [/* @__PURE__ */ L(g, {
+									className: "w-full",
+									id: p("subscription-payment-method"),
+									"aria-invalid": e.state.meta.errors.length > 0,
+									children: /* @__PURE__ */ L(h, { placeholder: y("Pick a stored payment method") })
+								}), /* @__PURE__ */ R(ee, { children: [/* @__PURE__ */ L(_, {
+									value: K,
+									children: /* @__PURE__ */ L(o, { id: "The customer&apos;s default card" })
+								}), (C ?? []).filter((e) => e.rail === i).map((e) => /* @__PURE__ */ R(_, {
+									value: e.id,
+									children: [
+										u(e.card),
+										" (",
+										e.rail,
+										")"
+									]
+								}, e.id))] })]
+							}),
+							/* @__PURE__ */ L(m, { errors: e.state.meta.errors })
+						]
+					})
+				}), /* @__PURE__ */ L(ne, { children: /* @__PURE__ */ L(w.Subscribe, {
+					selector: (e) => [
+						e.values.paymentMethodId,
+						e.canSubmit,
+						e.isSubmitting
+					],
+					children: ([e, t, n]) => /* @__PURE__ */ L(s, {
+						type: "submit",
+						disabled: !e || !t || n,
+						children: n ? "Updating…" : "Update"
+					})
+				}) })]
+			})]
+		})]
+	});
+}
+function xe({ change: e }) {
+	let { adminQueries: t } = r(), { data: n } = F(t.price(e.price_id));
+	return /* @__PURE__ */ R(w, {
+		className: "bg-held-surface text-held",
+		children: [
+			e.source === "migration" ? "migrates" : "changes",
+			/* @__PURE__ */ L(o, { id: " to" }),
+			" ",
+			n ? f(n.unit_amount, n.currency) : p(e.price_id, 9),
+			" ",
+			/* @__PURE__ */ L(o, { id: "at the first renewal from " }),
+			d(e.effective_at)
+		]
+	});
+}
+//#endregion
+export { U as SubscriptionDetailPage };
+
+//# sourceMappingURL=admin-detail-DUAJQg8G.js.map