@openrails/billing-ui 0.242.0 → 0.243.0

package/dist/admin-settings-Bmoy95uO.js

@@ -0,0 +1,1434 @@
+import { E as e, S as t, f as n, l as r, p as i, w as a } from "./admin-utils-BK4Vh1o_.js";
+import { t as o } from "./admin-button-CTL3DgOt.js";
+import { t as s } from "./admin-input-CcfQfJFN.js";
+import { a as c, i as l, l as u, n as d, u as f } from "./admin-capabilities-BuigAgtm.js";
+import { n as p, o as m, s as h, t as g } from "./admin-format-DoohJ7Fg.js";
+import { n as _ } from "./admin-confirm-katGq0Qo.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 { a as w, n as ee, o as te, r as T, s as E, t as ne } from "./admin-table-CH9TrXJf.js";
+import { t as D } from "./admin-badge-DR5-1qd8.js";
+import { a as O, i as k, n as A, o as j, r as M, s as N, t as P } from "./admin-dialog-BjuKI5Hp.js";
+import { t as F } from "./admin-label-BiEN5cjb.js";
+import { t as re } from "./admin-switch-BJUxLCsa.js";
+import { n as I } from "./admin-dialog-width-BPrgdYlj.js";
+import { i as L, n as R, r as ie, t as ae } from "./admin-tabs-528FJMjt.js";
+import { t as z } from "./admin-typed-confirm-dialog-DU7m9-O7.js";
+import * as B from "react";
+import { useMutation as V, useQuery as H, useQueryClient as U } from "@tanstack/react-query";
+import { Fragment as oe, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { HugeiconsIcon as se } from "@hugeicons/react";
+import { Add01Icon as ce, Delete02Icon as le } from "@hugeicons/core-free-icons";
+import { useForm as K } from "@tanstack/react-form";
+//#region src/admin/pages/settings/configuration-edit.ts
+function q(e) {
+	let { toast: n, toastApiError: r, toastStaleEdit: a, adminMutations: o } = i(), [s, c] = B.useState(null), l = U(), u = V(o.updateMerchantConfiguration(l));
+	return {
+		editing: s !== null,
+		open: () => {
+			e && c(e.revision);
+		},
+		close: () => c(null),
+		save: async (e, i, o) => {
+			if (s !== null) try {
+				await u.mutateAsync({
+					...e,
+					expected_revision: s
+				}), n.success(i), c(null);
+			} catch (e) {
+				if (e instanceof t && e.revisionMismatch) {
+					a("The configuration"), c(null);
+					return;
+				}
+				r(e, o), e instanceof t && e.merchantConfigReadOnly && c(null);
+			}
+		}
+	};
+}
+//#endregion
+//#region src/admin/pages/settings/setting-fields.tsx
+function J() {
+	let { adminQueries: e } = i(), { data: t } = H(e.config());
+	return !t || t.capabilities.features?.merchant_config_edits ? null : /* @__PURE__ */ W("p", {
+		className: "rounded-md border px-3 py-2 text-sm text-muted-foreground",
+		children: /* @__PURE__ */ W(a, { id: "Read-only: this merchant's configuration comes from a file. Change it there." })
+	});
+}
+function Y({ edits: e, editing: t, form: n, saving: r, canSave: i = !0, onEdit: s, onCancel: c }) {
+	return e ? t ? /* @__PURE__ */ G("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ W(o, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: r,
+			onClick: c,
+			children: /* @__PURE__ */ W(a, { id: "Cancel" })
+		}), /* @__PURE__ */ W(o, {
+			type: "submit",
+			size: "sm",
+			form: n,
+			disabled: !i || r,
+			children: r ? "Saving…" : "Save"
+		})]
+	}) : /* @__PURE__ */ W(o, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		onClick: s,
+		children: /* @__PURE__ */ W(a, { id: "Edit" })
+	}) : null;
+}
+function X({ label: e, value: t }) {
+	return /* @__PURE__ */ G("div", {
+		className: "grid gap-1.5 md:grid-cols-[11rem_minmax(0,1fr)] md:gap-6",
+		children: [/* @__PURE__ */ W("dt", {
+			className: "text-sm text-muted-foreground",
+			children: e
+		}), /* @__PURE__ */ W("dd", {
+			className: t ? "min-w-0 text-sm break-words" : "text-sm text-muted-foreground",
+			children: t || "Not set"
+		})]
+	});
+}
+function Z({ label: t, id: n, children: r }) {
+	let { id: i } = e();
+	return /* @__PURE__ */ G("div", {
+		className: "grid gap-2 md:grid-cols-[11rem_minmax(0,1fr)] md:items-center md:gap-6",
+		children: [/* @__PURE__ */ W(F, {
+			htmlFor: i(n),
+			children: t
+		}), /* @__PURE__ */ W("div", {
+			className: "min-w-0",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/admin/pages/settings/notifications.tsx
+function ue() {
+	let { adminQueries: e } = i(), t = H(e.merchantConfiguration("Load settings")), n = H(e.webhooks()), r = f(), o = n.data?.data ?? [];
+	return /* @__PURE__ */ G("div", {
+		className: "flex flex-col gap-10",
+		children: [
+			/* @__PURE__ */ W(J, {}),
+			t.data ? /* @__PURE__ */ W(de, {
+				configuration: t.data,
+				edits: r
+			}) : /* @__PURE__ */ W("p", {
+				className: "text-sm text-muted-foreground",
+				children: /* @__PURE__ */ W(a, { id: "Loading…" })
+			}),
+			/* @__PURE__ */ W(pe, {
+				webhooks: o,
+				loading: n.isPending,
+				edits: r
+			})
+		]
+	});
+}
+function de({ configuration: t, edits: n }) {
+	let { id: r, text: i } = e(), o = t.settings.alert_email ?? "", c = q(t), l = K({
+		defaultValues: { email: o },
+		onSubmit: ({ value: e }) => c.save({ settings: { alert_email: e.email.trim() } }, e.email.trim() ? "Alert email saved" : "Alert email cleared", "Save alert email")
+	});
+	return /* @__PURE__ */ G("section", {
+		className: "grid gap-5",
+		children: [/* @__PURE__ */ G("div", {
+			className: "flex flex-wrap items-start justify-between gap-4",
+			children: [/* @__PURE__ */ G("div", {
+				className: "grid gap-1",
+				children: [/* @__PURE__ */ W("h2", {
+					className: "text-base font-semibold",
+					children: /* @__PURE__ */ W(a, { id: "Email delivery" })
+				}), /* @__PURE__ */ W("p", {
+					className: "text-sm text-muted-foreground",
+					children: /* @__PURE__ */ W(a, { id: "Send email alerts to this address." })
+				})]
+			}), /* @__PURE__ */ W(l.Subscribe, {
+				selector: (e) => e.isSubmitting,
+				children: (e) => /* @__PURE__ */ W(Y, {
+					edits: n,
+					editing: c.editing,
+					form: "alert-email-form",
+					saving: e,
+					onEdit: () => {
+						l.reset({ email: o }), c.open();
+					},
+					onCancel: c.close
+				})
+			})]
+		}), c.editing ? /* @__PURE__ */ W("form", {
+			id: r("alert-email-form"),
+			onSubmit: (e) => {
+				e.preventDefault(), e.stopPropagation(), l.handleSubmit();
+			},
+			children: /* @__PURE__ */ W(l.Field, {
+				name: "email",
+				children: (e) => /* @__PURE__ */ W(Z, {
+					label: i("Alert email"),
+					id: "alert-email",
+					children: /* @__PURE__ */ W(s, {
+						id: r("alert-email"),
+						type: "email",
+						placeholder: i("alerts@example.com"),
+						value: e.state.value,
+						onBlur: e.handleBlur,
+						onChange: (t) => e.handleChange(t.target.value)
+					})
+				})
+			})
+		}) : /* @__PURE__ */ W("dl", { children: /* @__PURE__ */ W(X, {
+			label: i("Alert email"),
+			value: o
+		}) })]
+	});
+}
+var fe = [
+	{
+		value: "generic",
+		label: "Generic (your own receiver)"
+	},
+	{
+		value: "discord",
+		label: "Discord"
+	},
+	{
+		value: "slack",
+		label: "Slack"
+	}
+];
+function pe({ webhooks: e, loading: t, edits: n }) {
+	return /* @__PURE__ */ G("section", {
+		className: "grid gap-5",
+		children: [/* @__PURE__ */ G("div", {
+			className: "flex flex-wrap items-start justify-between gap-4",
+			children: [/* @__PURE__ */ G("div", {
+				className: "grid max-w-2xl gap-1",
+				children: [/* @__PURE__ */ W("h2", {
+					className: "text-base font-semibold",
+					children: /* @__PURE__ */ W(a, { id: "Webhooks" })
+				}), /* @__PURE__ */ W("p", {
+					className: "text-sm text-pretty text-muted-foreground",
+					children: /* @__PURE__ */ W(a, { id: "Send alerts to Discord, Slack, or your own endpoint." })
+				})]
+			}), n && /* @__PURE__ */ W(he, {})]
+		}), t ? /* @__PURE__ */ W("p", {
+			className: "text-sm text-muted-foreground",
+			children: /* @__PURE__ */ W(a, { id: "Loading…" })
+		}) : e.length === 0 ? /* @__PURE__ */ W("p", {
+			className: "py-2 text-sm text-muted-foreground",
+			children: /* @__PURE__ */ W(a, { id: "No webhooks configured." })
+		}) : /* @__PURE__ */ G(ne, {
+			className: "min-w-[36rem]",
+			children: [/* @__PURE__ */ W(te, { children: /* @__PURE__ */ G(E, {
+				className: "hover:bg-transparent",
+				children: [
+					/* @__PURE__ */ W(w, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ W(a, { id: "Name" })
+					}),
+					/* @__PURE__ */ W(w, {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ W(a, { id: "Format" })
+					}),
+					/* @__PURE__ */ W(w, {
+						className: "text-muted-foreground",
+						children: "URL"
+					}),
+					n && /* @__PURE__ */ W(w, {
+						className: "text-right text-muted-foreground",
+						children: /* @__PURE__ */ W(a, { id: "Action" })
+					})
+				]
+			}) }), /* @__PURE__ */ W(ee, { children: e.map((e) => /* @__PURE__ */ W(me, {
+				webhook: e,
+				edits: n
+			}, e.id)) })]
+		})]
+	});
+}
+function me({ webhook: t, edits: n }) {
+	let { toast: r, toastApiError: s, adminMutations: c } = i(), { text: l } = e(), [u, d] = B.useState(!1), f = U(), p = V(c.deleteWebhook(f)), m = t.name ?? t.destination_host;
+	return /* @__PURE__ */ G(E, {
+		className: t.enabled ? void 0 : "opacity-60",
+		children: [
+			/* @__PURE__ */ W(T, {
+				className: "py-3 font-medium",
+				children: m
+			}),
+			/* @__PURE__ */ W(T, {
+				className: "py-3",
+				children: /* @__PURE__ */ G("span", {
+					className: "flex flex-wrap gap-1",
+					children: [/* @__PURE__ */ W(D, {
+						variant: "secondary",
+						children: t.format
+					}), !t.enabled && /* @__PURE__ */ W(D, {
+						variant: "outline",
+						children: /* @__PURE__ */ W(a, { id: "disabled" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ W(T, {
+				className: "max-w-[22rem] truncate py-3 text-xs text-muted-foreground",
+				title: t.destination_host,
+				children: t.destination_host
+			}),
+			n && /* @__PURE__ */ W(T, {
+				className: "py-3 text-right",
+				children: /* @__PURE__ */ G("div", {
+					className: "flex justify-end gap-1",
+					children: [
+						/* @__PURE__ */ W(he, { webhook: t }),
+						/* @__PURE__ */ W(o, {
+							variant: "ghost",
+							size: "icon",
+							"aria-label": l("Delete webhook"),
+							onClick: () => d(!0),
+							children: /* @__PURE__ */ W(se, {
+								icon: le,
+								className: "size-4 text-muted-foreground"
+							})
+						}),
+						/* @__PURE__ */ W(z, {
+							open: u,
+							onOpenChange: d,
+							title: `Delete "${m}"?`,
+							description: l("Operational notifications will stop delivering to this webhook. This cannot be undone."),
+							confirmationWord: "DELETE",
+							actionLabel: "Delete webhook",
+							onConfirm: async () => {
+								try {
+									await p.mutateAsync(t.id), r.success("Webhook deleted");
+								} catch (e) {
+									s(e, "Delete webhook");
+								}
+							}
+						})
+					]
+				})
+			})
+		]
+	});
+}
+function he({ webhook: t }) {
+	let { toast: n, toastApiError: r, adminMutations: c } = i(), { id: l, text: u } = e(), [d, f] = B.useState(!1), p = U(), m = V(c.createWebhook(p)), h = V(c.updateWebhook(p)), g = () => ({
+		name: t?.name ?? "",
+		url: "",
+		format: t?.format ?? "generic",
+		enabled: t?.enabled ?? !0
+	}), _ = K({
+		defaultValues: g(),
+		onSubmit: async ({ value: e }) => {
+			let i = e.url.trim();
+			try {
+				t ? await h.mutateAsync({
+					id: t.id,
+					webhook: {
+						name: e.name.trim() || null,
+						format: e.format,
+						enabled: e.enabled,
+						...i ? { url: i } : {}
+					}
+				}) : await m.mutateAsync({
+					name: e.name.trim(),
+					url: i,
+					format: e.format
+				}), n.success(t ? "Webhook saved" : "Webhook added"), w(!1);
+			} catch (e) {
+				r(e, t ? "Save webhook" : "Add webhook");
+			}
+		}
+	}), w = (e) => {
+		e ? _.reset(g()) : _.reset(), f(e);
+	};
+	return /* @__PURE__ */ G(P, {
+		open: d,
+		onOpenChange: w,
+		children: [/* @__PURE__ */ W(N, { render: /* @__PURE__ */ G(o, {
+			size: "sm",
+			variant: "outline",
+			children: [
+				!t && /* @__PURE__ */ W(se, {
+					icon: ce,
+					className: "size-4"
+				}),
+				" ",
+				t ? "Edit" : "Add webhook"
+			]
+		}) }), /* @__PURE__ */ G(A, {
+			className: I,
+			children: [/* @__PURE__ */ G(O, { children: [/* @__PURE__ */ W(j, { children: t ? `Edit ${t.name ?? t.destination_host}` : "Add webhook" }), /* @__PURE__ */ W(M, { children: t ? "The current URL is never shown. Paste a new one to replace it, or leave it blank to keep it." : "Paste a webhook address from Discord, Slack, or your own alert receiver." })] }), /* @__PURE__ */ G("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), _.handleSubmit();
+				},
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ G("div", {
+					className: "grid gap-3",
+					children: [
+						/* @__PURE__ */ W(_.Field, {
+							name: "name",
+							validators: { onChange: ({ value: e }) => t || e.trim() ? void 0 : "Enter a webhook name" },
+							children: (e) => /* @__PURE__ */ G("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ W(F, {
+										htmlFor: l("wh-name"),
+										children: /* @__PURE__ */ W(a, { id: "Name" })
+									}),
+									/* @__PURE__ */ W(s, {
+										id: l("wh-name"),
+										placeholder: u("e.g. #billing-alerts"),
+										value: e.state.value,
+										onBlur: e.handleBlur,
+										onChange: (t) => e.handleChange(t.target.value),
+										"aria-invalid": e.state.meta.errors.length > 0
+									}),
+									/* @__PURE__ */ W(v, { errors: e.state.meta.errors })
+								]
+							})
+						}),
+						/* @__PURE__ */ W(_.Field, {
+							name: "format",
+							children: (e) => /* @__PURE__ */ G("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ W(F, {
+									htmlFor: l("wh-format"),
+									children: /* @__PURE__ */ W(a, { id: "Format" })
+								}), /* @__PURE__ */ G(C, {
+									value: e.state.value,
+									onValueChange: (t) => e.handleChange(t),
+									children: [/* @__PURE__ */ W(b, {
+										id: l("wh-format"),
+										className: "w-full",
+										children: /* @__PURE__ */ W(y, {})
+									}), /* @__PURE__ */ W(x, { children: fe.map((e) => /* @__PURE__ */ W(S, {
+										value: e.value,
+										children: e.label
+									}, e.value)) })]
+								})]
+							})
+						}),
+						/* @__PURE__ */ W(_.Field, {
+							name: "url",
+							validators: { onChange: ({ value: e }) => {
+								if (!e.trim()) return t ? void 0 : "Enter a webhook URL";
+								try {
+									new URL(e);
+									return;
+								} catch {
+									return "Enter a valid webhook URL";
+								}
+							} },
+							children: (e) => /* @__PURE__ */ G("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ W(F, {
+										htmlFor: l("wh-url"),
+										children: /* @__PURE__ */ W(a, { id: "Webhook URL" })
+									}),
+									/* @__PURE__ */ W(s, {
+										id: l("wh-url"),
+										type: "url",
+										autoComplete: "off",
+										className: "text-xs",
+										placeholder: t ? "unchanged" : "https://discord.com/api/webhooks/…",
+										value: e.state.value,
+										onBlur: e.handleBlur,
+										onChange: (t) => e.handleChange(t.target.value),
+										"aria-invalid": e.state.meta.errors.length > 0
+									}),
+									/* @__PURE__ */ W(v, { errors: e.state.meta.errors })
+								]
+							})
+						}),
+						t && /* @__PURE__ */ W(_.Field, {
+							name: "enabled",
+							children: (e) => /* @__PURE__ */ G("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ W(re, {
+									id: l("wh-enabled"),
+									checked: e.state.value,
+									onCheckedChange: e.handleChange
+								}), /* @__PURE__ */ W(F, {
+									htmlFor: l("wh-enabled"),
+									children: /* @__PURE__ */ W(a, { id: "Enabled" })
+								})]
+							})
+						})
+					]
+				}), /* @__PURE__ */ W(k, { children: /* @__PURE__ */ W(_.Subscribe, {
+					selector: (e) => [
+						e.values.name,
+						e.values.url,
+						e.isDirty,
+						e.canSubmit,
+						e.isSubmitting
+					],
+					children: ([e, n, r, i, a]) => /* @__PURE__ */ W(o, {
+						type: "submit",
+						disabled: (t ? !r : !e.trim() || !n.trim()) || !i || a,
+						children: a ? "Saving…" : t ? "Save" : "Add webhook"
+					})
+				}) })]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/admin/pages/settings/index.tsx
+var Q = "flex-none px-0 after:bg-primary group-data-horizontal/tabs:after:bottom-[-1px]";
+function ge() {
+	let [e, t] = r(), i = u(), o = l(), s = n().props.settingsTabs ?? [], c = s.map((e) => e.value), f = d(null, i, o, c), p = d(e.get("tab"), i, o, c);
+	return /* @__PURE__ */ G(ae, {
+		value: p,
+		onValueChange: (n) => {
+			let r = new URLSearchParams(e);
+			!n || n === f ? r.delete("tab") : r.set("tab", n), t(r);
+		},
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ W("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ G(ie, {
+					variant: "line",
+					className: "w-max min-w-full justify-start gap-6 rounded-none p-0",
+					children: [
+						i && /* @__PURE__ */ W(L, {
+							value: "merchant",
+							className: Q,
+							children: /* @__PURE__ */ W(a, { id: "Merchant" })
+						}),
+						i && /* @__PURE__ */ W(L, {
+							value: "notifications",
+							className: Q,
+							children: /* @__PURE__ */ W(a, { id: "Notifications" })
+						}),
+						i && /* @__PURE__ */ W(L, {
+							value: "psps",
+							className: Q,
+							children: /* @__PURE__ */ W(a, { id: "PSPs" })
+						}),
+						o && /* @__PURE__ */ W(L, {
+							value: "customer-controls",
+							className: Q,
+							children: /* @__PURE__ */ W(a, { id: "Customer controls" })
+						}),
+						s.map((e) => /* @__PURE__ */ W(L, {
+							value: e.value,
+							className: Q,
+							children: e.title
+						}, e.value))
+					]
+				})
+			}),
+			i && /* @__PURE__ */ W(R, {
+				value: "merchant",
+				children: /* @__PURE__ */ W(_e, {})
+			}),
+			i && /* @__PURE__ */ W(R, {
+				value: "notifications",
+				children: /* @__PURE__ */ W(ue, {})
+			}),
+			i && /* @__PURE__ */ W(R, {
+				value: "psps",
+				children: /* @__PURE__ */ W(be, {})
+			}),
+			o && /* @__PURE__ */ W(R, {
+				value: "customer-controls",
+				children: /* @__PURE__ */ W(Ae, {})
+			}),
+			s.map((e) => /* @__PURE__ */ W(R, {
+				value: e.value,
+				children: e.element
+			}, e.value))
+		]
+	});
+}
+function _e() {
+	let { adminQueries: e } = i(), { data: t } = H(e.merchantConfiguration("Load settings")), n = f();
+	return t ? /* @__PURE__ */ G("div", {
+		className: "grid gap-10",
+		children: [
+			/* @__PURE__ */ W(J, {}),
+			/* @__PURE__ */ W(ve, {
+				configuration: t,
+				edits: n
+			}),
+			/* @__PURE__ */ W(ye, {
+				configuration: t,
+				edits: n
+			})
+		]
+	}) : /* @__PURE__ */ W("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ W(a, { id: "Loading…" })
+	});
+}
+function ve({ configuration: t, edits: n }) {
+	let { id: r, text: i } = e(), o = t.settings.profile, c = () => ({
+		displayName: t.display_name,
+		fromEmail: o?.from_email ?? "",
+		supportURL: o?.support_url ?? "",
+		logoURL: o?.logo_url ?? ""
+	}), l = q(t), u = K({
+		defaultValues: c(),
+		onSubmit: ({ value: e }) => l.save({
+			display_name: e.displayName.trim(),
+			settings: { profile: {
+				from_email: e.fromEmail || void 0,
+				support_url: e.supportURL || void 0,
+				logo_url: e.logoURL || void 0
+			} }
+		}, "Profile saved", "Save profile")
+	});
+	return /* @__PURE__ */ G("section", {
+		className: "grid gap-5",
+		children: [/* @__PURE__ */ G("div", {
+			className: "flex flex-wrap items-start justify-between gap-4",
+			children: [/* @__PURE__ */ G("div", {
+				className: "grid gap-1",
+				children: [/* @__PURE__ */ W("h2", {
+					className: "text-base font-semibold",
+					children: /* @__PURE__ */ W(a, { id: "Merchant profile" })
+				}), /* @__PURE__ */ W("p", {
+					className: "text-sm text-pretty text-muted-foreground",
+					children: /* @__PURE__ */ W(a, { id: "Customer-facing merchant details used on invoices and emails." })
+				})]
+			}), /* @__PURE__ */ W(u.Subscribe, {
+				selector: (e) => [e.canSubmit, e.isSubmitting],
+				children: ([e, t]) => /* @__PURE__ */ W(Y, {
+					edits: n,
+					editing: l.editing,
+					form: "merchant-profile-form",
+					saving: t,
+					canSave: e,
+					onEdit: () => {
+						u.reset(c()), l.open();
+					},
+					onCancel: l.close
+				})
+			})]
+		}), l.editing ? /* @__PURE__ */ G("form", {
+			id: r("merchant-profile-form"),
+			onSubmit: (e) => {
+				e.preventDefault(), e.stopPropagation(), u.handleSubmit();
+			},
+			className: "grid gap-4",
+			children: [
+				/* @__PURE__ */ W(u.Field, {
+					name: "displayName",
+					validators: { onChange: ({ value: e }) => e.trim() ? void 0 : "Enter the merchant's name" },
+					children: (e) => /* @__PURE__ */ W(Z, {
+						label: i("Display name"),
+						id: "s-name",
+						children: /* @__PURE__ */ G("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ W(s, {
+								id: r("s-name"),
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: (t) => e.handleChange(t.target.value),
+								autoComplete: "organization",
+								"aria-invalid": e.state.meta.errors.length > 0
+							}), /* @__PURE__ */ W(v, { errors: e.state.meta.errors })]
+						})
+					})
+				}),
+				/* @__PURE__ */ W(u.Field, {
+					name: "fromEmail",
+					children: (e) => /* @__PURE__ */ W(Z, {
+						label: i("From email"),
+						id: "s-email",
+						children: /* @__PURE__ */ W(s, {
+							id: r("s-email"),
+							type: "email",
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							autoComplete: "email"
+						})
+					})
+				}),
+				/* @__PURE__ */ W(u.Field, {
+					name: "supportURL",
+					children: (e) => /* @__PURE__ */ W(Z, {
+						label: i("Support URL"),
+						id: "s-support",
+						children: /* @__PURE__ */ W(s, {
+							id: r("s-support"),
+							type: "url",
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: i("https://example.com/support")
+						})
+					})
+				}),
+				/* @__PURE__ */ W(u.Field, {
+					name: "logoURL",
+					children: (e) => /* @__PURE__ */ W(Z, {
+						label: i("Logo URL"),
+						id: "s-logo",
+						children: /* @__PURE__ */ W(s, {
+							id: r("s-logo"),
+							type: "url",
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: i("https://example.com/logo.png")
+						})
+					})
+				})
+			]
+		}) : /* @__PURE__ */ G("dl", {
+			className: "grid gap-4",
+			children: [
+				/* @__PURE__ */ W(X, {
+					label: i("Display name"),
+					value: t.display_name
+				}),
+				/* @__PURE__ */ W(X, {
+					label: i("From email"),
+					value: o?.from_email
+				}),
+				/* @__PURE__ */ W(X, {
+					label: i("Support URL"),
+					value: o?.support_url
+				}),
+				/* @__PURE__ */ W(X, {
+					label: i("Logo URL"),
+					value: o?.logo_url
+				})
+			]
+		})]
+	});
+}
+function ye({ configuration: t, edits: n }) {
+	let { id: r, text: i } = e(), o = t.settings.reprice_notice_window_days ?? 30, c = q(t), l = K({
+		defaultValues: { days: String(o) },
+		onSubmit: ({ value: e }) => c.save({ settings: { reprice_notice_window_days: Number(e.days) } }, "Notice window saved", "Save notice window")
+	});
+	return /* @__PURE__ */ G("section", {
+		className: "grid gap-5",
+		children: [/* @__PURE__ */ G("div", {
+			className: "flex flex-wrap items-start justify-between gap-4",
+			children: [/* @__PURE__ */ G("div", {
+				className: "grid max-w-2xl gap-1",
+				children: [/* @__PURE__ */ W("h2", {
+					className: "text-base font-semibold",
+					children: /* @__PURE__ */ W(a, { id: "Pricing policies" })
+				}), /* @__PURE__ */ W("p", {
+					className: "text-sm text-pretty text-muted-foreground",
+					children: /* @__PURE__ */ W(a, { id: "Set how much notice customers receive before a price increase." })
+				})]
+			}), /* @__PURE__ */ W(l.Subscribe, {
+				selector: (e) => [e.canSubmit, e.isSubmitting],
+				children: ([e, t]) => /* @__PURE__ */ W(Y, {
+					edits: n,
+					editing: c.editing,
+					form: "notice-window-form",
+					saving: t,
+					canSave: e,
+					onEdit: () => {
+						l.reset({ days: String(o) }), c.open();
+					},
+					onCancel: c.close
+				})
+			})]
+		}), c.editing ? /* @__PURE__ */ W("form", {
+			id: r("notice-window-form"),
+			onSubmit: (e) => {
+				e.preventDefault(), e.stopPropagation(), l.handleSubmit();
+			},
+			children: /* @__PURE__ */ W(l.Field, {
+				name: "days",
+				validators: { onChange: ({ value: e }) => {
+					let t = Number(e);
+					return e.trim() && Number.isInteger(t) && t >= 0 ? void 0 : "Enter a whole number of days";
+				} },
+				children: (e) => /* @__PURE__ */ W(Z, {
+					label: i("Notice period (days)"),
+					id: "s-notice-window",
+					children: /* @__PURE__ */ G("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ W(s, {
+							id: r("s-notice-window"),
+							type: "number",
+							step: "1",
+							min: "0",
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							"aria-invalid": e.state.meta.errors.length > 0
+						}), /* @__PURE__ */ W(v, { errors: e.state.meta.errors })]
+					})
+				})
+			})
+		}) : /* @__PURE__ */ W("dl", { children: /* @__PURE__ */ W(X, {
+			label: i("Notice period"),
+			value: `${o} ${o === 1 ? "day" : "days"}`
+		}) })]
+	});
+}
+function be() {
+	let { selectedMerchant: e, adminQueries: t } = i(), n = H(t.psps()), r = H(t.rails()), o = f();
+	if (n.isPending || r.isPending) return /* @__PURE__ */ W("p", {
+		className: "text-sm text-muted-foreground",
+		children: /* @__PURE__ */ W(a, { id: "Loading…" })
+	});
+	let s = r.data ?? [];
+	return /* @__PURE__ */ G("div", {
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ W(J, {}), /* @__PURE__ */ G("section", {
+			className: "grid gap-5",
+			children: [/* @__PURE__ */ G("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ G("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ W("h2", {
+						className: "text-base font-semibold",
+						children: /* @__PURE__ */ W(a, { id: "PSPs" })
+					}), /* @__PURE__ */ W("p", {
+						className: "text-sm text-muted-foreground",
+						children: /* @__PURE__ */ W(a, { id: "The accounts this merchant takes payments through, one or more per rail." })
+					})]
+				}), o && /* @__PURE__ */ W(ke, { railDefinitions: s }, e() ?? "")]
+			}), n.data?.data?.length ? /* @__PURE__ */ G(ne, {
+				className: "min-w-[44rem]",
+				children: [/* @__PURE__ */ W(te, { children: /* @__PURE__ */ G(E, {
+					className: "hover:bg-transparent",
+					children: [
+						/* @__PURE__ */ W(w, {
+							className: "text-muted-foreground",
+							children: "PSP"
+						}),
+						/* @__PURE__ */ W(w, {
+							className: "text-muted-foreground",
+							children: /* @__PURE__ */ W(a, { id: "Environment" })
+						}),
+						/* @__PURE__ */ W(w, {
+							className: "text-muted-foreground",
+							children: /* @__PURE__ */ W(a, { id: "Credentials" })
+						}),
+						/* @__PURE__ */ W(w, {
+							className: "text-muted-foreground",
+							children: /* @__PURE__ */ W(a, { id: "State" })
+						}),
+						o && /* @__PURE__ */ W(w, {
+							className: "text-right text-muted-foreground",
+							children: /* @__PURE__ */ W(a, { id: "Action" })
+						})
+					]
+				}) }), /* @__PURE__ */ W(ee, { children: n.data.data.map((e) => /* @__PURE__ */ W(Se, {
+					psp: e,
+					railDefinitions: s,
+					edits: o
+				}, e.id)) })]
+			}) : /* @__PURE__ */ W("p", {
+				className: "py-2 text-sm text-muted-foreground",
+				children: /* @__PURE__ */ W(a, { id: "No PSPs configured." })
+			})]
+		})]
+	});
+}
+function xe(e) {
+	return e.validated_at ? `Validated ${m(e.validated_at)}` : e.configured ? "Configured" : "Not configured";
+}
+function Se({ psp: n, railDefinitions: r, edits: s }) {
+	let { toast: c, toastApiError: l, toastStaleEdit: u, adminMutations: d, selectedMerchant: f } = i(), { text: p } = e(), m = U(), h = V(d.updatePSP(m)), [g, v] = B.useState(!1), y = _(), b = r.find((e) => e.rail === n.rail), x = b?.display_name ?? n.rail, S = n.credentials ?? {}, C = async (e) => {
+		if (!(!e && !await y({
+			title: `Archive ${n.key}?`,
+			description: "New checkout stops routing to it. Existing subscriptions, refunds and webhooks keep using it.",
+			confirmLabel: "Archive PSP"
+		}))) try {
+			await h.mutateAsync({
+				id: n.id,
+				psp: {
+					archived: !0,
+					expected_revision: n.revision,
+					...e ? { allow_last: !0 } : {}
+				}
+			}), c.success("PSP archived");
+		} catch (r) {
+			if (r instanceof t && r.code === "psp_last_active") {
+				e ? l(r, "Archive PSP") : v(!0);
+				return;
+			}
+			if (r instanceof t && r.revisionMismatch) {
+				u(`PSP ${n.key}`);
+				return;
+			}
+			l(r, "Archive PSP");
+		}
+	};
+	return /* @__PURE__ */ G(E, {
+		className: n.archived ? "opacity-60" : void 0,
+		children: [
+			/* @__PURE__ */ W(T, {
+				className: "py-3",
+				children: /* @__PURE__ */ G("div", {
+					className: "grid min-w-0 leading-tight",
+					children: [/* @__PURE__ */ W("span", {
+						className: "font-medium",
+						children: n.key
+					}), /* @__PURE__ */ G("span", {
+						className: "truncate text-xs text-muted-foreground",
+						children: [
+							x,
+							" · ",
+							n.account_id
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ W(T, {
+				className: "py-3 capitalize",
+				children: n.environment
+			}),
+			/* @__PURE__ */ W(T, {
+				className: "py-3",
+				children: Object.keys(S).length > 0 ? /* @__PURE__ */ W("span", {
+					className: "flex flex-wrap gap-1",
+					children: Object.entries(S).map(([e, t]) => /* @__PURE__ */ W(D, {
+						variant: "secondary",
+						className: t.configured ? "" : "bg-held-surface text-held",
+						title: xe(t),
+						children: e
+					}, e))
+				}) : /* @__PURE__ */ W("span", {
+					className: "text-sm text-muted-foreground",
+					children: /* @__PURE__ */ W(a, { id: "None required" })
+				})
+			}),
+			/* @__PURE__ */ W(T, {
+				className: "py-3",
+				children: n.archived && n.open_obligations === 0 ? /* @__PURE__ */ W(D, {
+					variant: "secondary",
+					children: /* @__PURE__ */ W(a, { id: "archived" })
+				}) : n.archived ? /* @__PURE__ */ G(D, {
+					variant: "secondary",
+					className: "bg-held-surface text-held",
+					children: [
+						/* @__PURE__ */ W(a, { id: "draining (" }),
+						n.open_obligations,
+						")"
+					]
+				}) : /* @__PURE__ */ W(D, {
+					variant: "secondary",
+					className: "bg-settled-surface text-settled",
+					children: /* @__PURE__ */ W(a, { id: "active" })
+				})
+			}),
+			s && /* @__PURE__ */ W(T, {
+				className: "py-3 text-right",
+				children: !n.archived && /* @__PURE__ */ G("div", {
+					className: "flex justify-end gap-2",
+					children: [
+						/* @__PURE__ */ W(Ce, {
+							psp: n,
+							credentialKeys: b?.credential_keys ?? Object.keys(S)
+						}, `${f() ?? ""}:${n.id}`),
+						/* @__PURE__ */ W(o, {
+							variant: "outline",
+							size: "sm",
+							disabled: h.isPending,
+							onClick: () => C(!1),
+							children: /* @__PURE__ */ W(a, { id: "Archive" })
+						}),
+						/* @__PURE__ */ W(z, {
+							open: g,
+							onOpenChange: v,
+							title: `Archive the last active ${x} PSP?`,
+							description: p("New checkout on this rail is refused until another PSP is armed. Existing subscriptions, refunds and webhooks keep using this one."),
+							confirmationWord: "ARCHIVE",
+							actionLabel: "Archive PSP",
+							onConfirm: () => C(!0)
+						})
+					]
+				})
+			})
+		]
+	});
+}
+function Ce({ psp: n, credentialKeys: r }) {
+	let { toast: c, toastApiError: l, toastStaleEdit: u, adminMutations: d, selectedMerchant: f } = i(), { id: p } = e(), [h, g] = B.useState(!1), [_] = B.useState(() => f() ?? ""), v = B.useRef(n.revision), y = U(), b = V(d.updatePSP(y)), x = n.credentials ?? {}, S = K({
+		defaultValues: { credentials: {} },
+		onSubmit: async ({ value: e }) => {
+			let r = Object.fromEntries(Object.entries(e.credentials).filter(([, e]) => e.trim()));
+			try {
+				if ((f() ?? "") !== _) throw Error("Merchant changed; reopen this form");
+				await b.mutateAsync({
+					id: n.id,
+					psp: {
+						expected_revision: v.current,
+						credentials: r
+					}
+				}), c.success(`${n.key} credentials validated and rotated`), C(!1);
+			} catch (e) {
+				if (e instanceof t && e.revisionMismatch) {
+					u(`PSP ${n.key}`), C(!1);
+					return;
+				}
+				l(e, "Rotate credentials");
+			} finally {
+				b.reset();
+			}
+		}
+	}), C = (e) => {
+		e || S.reset(), e && (v.current = n.revision), g(e);
+	};
+	return /* @__PURE__ */ G(P, {
+		open: h,
+		onOpenChange: C,
+		children: [/* @__PURE__ */ W(N, { render: /* @__PURE__ */ W(o, {
+			variant: "outline",
+			size: "sm",
+			children: /* @__PURE__ */ W(a, { id: "Rotate" })
+		}) }), /* @__PURE__ */ G(A, {
+			className: I,
+			children: [/* @__PURE__ */ G(O, { children: [/* @__PURE__ */ G(j, { children: [
+				/* @__PURE__ */ W(a, { id: "Rotate " }),
+				n.key,
+				/* @__PURE__ */ W(a, { id: " credentials · " }),
+				n.account_id
+			] }), /* @__PURE__ */ W(M, { children: /* @__PURE__ */ W(a, { id: "Current credentials are never shown. A new one is validated against the live provider before it is stored; if that check fails, nothing is written. Leave a field blank to keep the credential it holds now." }) })] }), /* @__PURE__ */ G("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), S.handleSubmit();
+				},
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ W(S.Field, {
+					name: "credentials",
+					children: (e) => /* @__PURE__ */ G("div", {
+						className: "grid gap-3",
+						children: [r.map((t) => {
+							let r = x[t];
+							return /* @__PURE__ */ G($, {
+								label: t,
+								id: `rot-${n.id}-${t}`,
+								children: [/* @__PURE__ */ W(s, {
+									id: p(`rot-${n.id}-${t}`),
+									type: "password",
+									autoComplete: "new-password",
+									placeholder: r?.configured ? "unchanged" : "not configured",
+									value: e.state.value[t] ?? "",
+									onChange: (n) => e.handleChange({
+										...e.state.value,
+										[t]: n.target.value
+									})
+								}), r?.validated_at && /* @__PURE__ */ G("p", {
+									className: "text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ W(a, { id: "Last validated " }), m(r.validated_at)]
+								})]
+							}, t);
+						}), /* @__PURE__ */ W("p", {
+							className: "text-xs text-muted-foreground",
+							children: /* @__PURE__ */ W(a, { id: "Once this succeeds, the new credential is used for the next charge and every one after it. Previous webhook signing secrets remain accepted while their required overlap is active." })
+						})]
+					})
+				}), /* @__PURE__ */ W(k, { children: /* @__PURE__ */ W(S.Subscribe, {
+					selector: (e) => [e.values.credentials, e.isSubmitting],
+					children: ([e, t]) => /* @__PURE__ */ W(o, {
+						type: "submit",
+						disabled: t || !Object.values(e).some((e) => e.trim()),
+						children: t ? "Validating…" : "Validate & rotate"
+					})
+				}) })]
+			})]
+		})]
+	});
+}
+function we(e) {
+	switch (e) {
+		case "nmi": return "The Gateway ID shown in your NMI dashboard.";
+		case "stripe": return "Your Stripe account ID. It starts with acct_.";
+		case "ccbill": return "Your account and sub-account joined with a dash, such as 999999-0000.";
+		case "solana": return "Taken from your signing key, so whatever you enter here is ignored.";
+		default: return;
+	}
+}
+var Te = {
+	nmi: "NMI",
+	ccbill: "CCBill",
+	stripe: "Stripe",
+	solana: "Solana"
+};
+function Ee(e, t) {
+	let n = Te[e] ?? e;
+	return !t || t.toLowerCase() === n.toLowerCase() ? n : `${t} (${n})`;
+}
+var De = {
+	api: "API",
+	id: "ID",
+	url: "URL"
+};
+function Oe(e) {
+	return e.split(/[_-]+/).filter(Boolean).map((e, t) => De[e.toLowerCase()] || (t > 0 ? e.toLowerCase() : e.charAt(0).toUpperCase() + e.slice(1).toLowerCase())).join(" ");
+}
+function ke({ railDefinitions: t }) {
+	let { toast: n, toastApiError: r, adminMutations: c, selectedMerchant: l } = i(), { text: u, id: d } = e(), [f, p] = B.useState(!1), [m] = B.useState(() => l() ?? ""), h = U(), g = V(c.createPSP(h)), _ = K({
+		defaultValues: {
+			rail: "",
+			key: "",
+			accountID: "",
+			credentials: {}
+		},
+		onSubmit: async ({ value: e }) => {
+			let t = Object.fromEntries(Object.entries(e.credentials).filter(([, e]) => e !== ""));
+			try {
+				if ((l() ?? "") !== m) throw Error("Merchant changed; reopen this form");
+				await g.mutateAsync({
+					key: e.key.trim().toLowerCase(),
+					rail: e.rail,
+					account_id: e.accountID.trim(),
+					...Object.keys(t).length ? { credentials: t } : {}
+				}), _.reset(), n.success("PSP added"), p(!1);
+			} catch (e) {
+				r(e, "Add PSP");
+			} finally {
+				g.reset();
+			}
+		}
+	}), w = (e) => {
+		e || _.reset(), p(e);
+	};
+	return /* @__PURE__ */ G(P, {
+		open: f,
+		onOpenChange: w,
+		children: [/* @__PURE__ */ W(N, { render: /* @__PURE__ */ W(o, {
+			size: "sm",
+			children: /* @__PURE__ */ W(a, { id: "Add PSP" })
+		}) }), /* @__PURE__ */ G(A, {
+			className: I,
+			children: [/* @__PURE__ */ G(O, { children: [/* @__PURE__ */ W(j, { children: /* @__PURE__ */ W(a, { id: "Add a PSP" }) }), /* @__PURE__ */ W(M, { children: /* @__PURE__ */ W(a, { id: "Connect the account that will take money for you. Credentials go straight into the secret store and are never shown again." }) })] }), /* @__PURE__ */ G("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), _.handleSubmit();
+				},
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ G("div", {
+					className: "grid gap-3",
+					children: [
+						/* @__PURE__ */ W(_.Field, {
+							name: "rail",
+							validators: { onChange: ({ value: e }) => e ? void 0 : "Choose a payment rail" },
+							children: (e) => /* @__PURE__ */ G($, {
+								label: u("Payment rail"),
+								id: "pv-rail",
+								children: [/* @__PURE__ */ G(C, {
+									items: t.map((e) => ({
+										value: e.rail,
+										label: Ee(e.rail, e.display_name)
+									})),
+									value: e.state.value || null,
+									onValueChange: (t) => {
+										e.handleChange(t ?? ""), _.setFieldValue("credentials", {});
+									},
+									children: [/* @__PURE__ */ W(b, {
+										id: d("pv-rail"),
+										className: "w-full",
+										"aria-invalid": e.state.meta.errors.length > 0,
+										children: /* @__PURE__ */ W(y, { placeholder: u("Pick a rail…") })
+									}), /* @__PURE__ */ W(x, { children: t.map((e) => /* @__PURE__ */ W(S, {
+										value: e.rail,
+										children: Ee(e.rail, e.display_name)
+									}, e.rail)) })]
+								}), /* @__PURE__ */ W(v, { errors: e.state.meta.errors })]
+							})
+						}),
+						/* @__PURE__ */ W(_.Field, {
+							name: "key",
+							validators: { onChange: ({ value: e }) => /^[a-z0-9][a-z0-9_-]{0,62}$/.test(e.trim().toLowerCase()) ? void 0 : "Lowercase letters, digits, - or _" },
+							children: (e) => /* @__PURE__ */ G($, {
+								label: u("Key"),
+								id: "pv-key",
+								hint: "Your name for this PSP, such as mobius. Prices and checkout name it by this key.",
+								children: [/* @__PURE__ */ W(s, {
+									id: d("pv-key"),
+									value: e.state.value,
+									onBlur: e.handleBlur,
+									onChange: (t) => e.handleChange(t.target.value),
+									"aria-invalid": e.state.meta.errors.length > 0
+								}), /* @__PURE__ */ W(v, { errors: e.state.meta.errors })]
+							})
+						}),
+						/* @__PURE__ */ W(_.Subscribe, {
+							selector: (e) => e.values.rail,
+							children: (e) => /* @__PURE__ */ W(_.Field, {
+								name: "accountID",
+								validators: { onChange: ({ value: e }) => e.trim() ? void 0 : "Enter the provider account ID" },
+								children: (t) => /* @__PURE__ */ G($, {
+									label: u("Account ID"),
+									id: "pv-acct",
+									hint: we(e),
+									children: [/* @__PURE__ */ W(s, {
+										id: d("pv-acct"),
+										value: t.state.value,
+										onBlur: t.handleBlur,
+										onChange: (e) => t.handleChange(e.target.value),
+										"aria-invalid": t.state.meta.errors.length > 0
+									}), /* @__PURE__ */ W(v, { errors: t.state.meta.errors })]
+								})
+							})
+						}),
+						/* @__PURE__ */ W(_.Subscribe, {
+							selector: (e) => e.values.rail,
+							children: (e) => {
+								let n = t.find((t) => t.rail === e);
+								return /* @__PURE__ */ W(_.Field, {
+									name: "credentials",
+									children: (e) => /* @__PURE__ */ W(oe, { children: n?.credential_keys.map((t) => /* @__PURE__ */ W($, {
+										label: Oe(t),
+										id: `pv-credential-${t}`,
+										children: /* @__PURE__ */ W(s, {
+											id: d(`pv-credential-${t}`),
+											type: "password",
+											autoComplete: "new-password",
+											value: e.state.value[t] ?? "",
+											onChange: (n) => e.handleChange({
+												...e.state.value,
+												[t]: n.target.value
+											})
+										})
+									}, t)) })
+								});
+							}
+						})
+					]
+				}), /* @__PURE__ */ W(k, { children: /* @__PURE__ */ W(_.Subscribe, {
+					selector: (e) => [
+						e.values.rail,
+						e.values.key,
+						e.values.accountID,
+						e.canSubmit,
+						e.isSubmitting
+					],
+					children: ([e, t, n, r, i]) => /* @__PURE__ */ G(oe, { children: [/* @__PURE__ */ W(o, {
+						type: "button",
+						variant: "outline",
+						onClick: () => w(!1),
+						children: /* @__PURE__ */ W(a, { id: "Cancel" })
+					}), /* @__PURE__ */ W(o, {
+						type: "submit",
+						disabled: !e || !t.trim() || !n.trim() || !r || i,
+						children: i ? "Saving…" : "Add PSP"
+					})] })
+				}) })]
+			})]
+		})]
+	});
+}
+function Ae() {
+	let { toast: t, toastApiError: n, adminMutations: r } = i(), { text: l, id: u } = e(), [d, f] = B.useState(), m = V(r.lookupCustomerControls()), _ = V(r.setCreditLimit()), y = c(), b = K({
+		defaultValues: { newLimit: "" },
+		onSubmit: async ({ value: e }) => {
+			if (!d) return;
+			let r = p(d.currency), i = r === void 0 ? null : g(e.newLimit, r);
+			if (!(i === null || i.startsWith("-"))) try {
+				await _.mutateAsync({
+					customerId: d.customerID,
+					currency: d.currency,
+					amount: i
+				}), f((e) => e && {
+					...e,
+					creditLimit: i
+				}), b.reset(), t.success("Credit limit updated");
+			} catch (e) {
+				n(e, "Set credit limit");
+			}
+		}
+	}), x = K({
+		defaultValues: {
+			customerID: "",
+			currency: "usd"
+		},
+		onSubmit: async ({ value: e }) => {
+			let t = e.customerID.trim(), r = e.currency.trim().toLowerCase();
+			try {
+				let e = await m.mutateAsync({
+					customerId: t,
+					currency: r
+				});
+				f({
+					customerID: t,
+					...e
+				}), b.reset();
+			} catch (e) {
+				n(e, "Lookup customer controls"), f(void 0);
+			}
+		}
+	});
+	return /* @__PURE__ */ G("div", {
+		className: "grid gap-10",
+		children: [/* @__PURE__ */ G("section", {
+			className: "grid gap-5",
+			children: [/* @__PURE__ */ G("div", {
+				className: "grid gap-1",
+				children: [/* @__PURE__ */ W("h2", {
+					className: "text-base font-semibold",
+					children: /* @__PURE__ */ W(a, { id: "Customer lookup" })
+				}), /* @__PURE__ */ W("p", {
+					className: "text-sm text-muted-foreground",
+					children: /* @__PURE__ */ W(a, { id: "Find a customer by ID and currency." })
+				})]
+			}), /* @__PURE__ */ G("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), x.handleSubmit();
+				},
+				className: "grid gap-4 md:grid-cols-[minmax(0,1fr)_10rem_auto] md:items-end",
+				children: [
+					/* @__PURE__ */ W(x.Field, {
+						name: "customerID",
+						validators: { onChange: ({ value: e }) => e.trim() ? void 0 : "Enter a customer ID" },
+						children: (e) => /* @__PURE__ */ G($, {
+							label: l("Customer ID"),
+							id: "customer-controls-id",
+							children: [/* @__PURE__ */ W(s, {
+								id: u("customer-controls-id"),
+								placeholder: l("Customer UUID"),
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: (t) => e.handleChange(t.target.value),
+								"aria-invalid": e.state.meta.errors.length > 0
+							}), /* @__PURE__ */ W(v, { errors: e.state.meta.errors })]
+						})
+					}),
+					/* @__PURE__ */ W(x.Field, {
+						name: "currency",
+						validators: { onChange: ({ value: e }) => e.trim() ? void 0 : "Enter a currency" },
+						children: (e) => /* @__PURE__ */ G($, {
+							label: l("Currency"),
+							id: "customer-controls-currency",
+							children: [/* @__PURE__ */ W(s, {
+								id: u("customer-controls-currency"),
+								placeholder: l("USD"),
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: (t) => e.handleChange(t.target.value),
+								"aria-invalid": e.state.meta.errors.length > 0
+							}), /* @__PURE__ */ W(v, { errors: e.state.meta.errors })]
+						})
+					}),
+					/* @__PURE__ */ W(x.Subscribe, {
+						selector: (e) => [
+							e.values.customerID,
+							e.values.currency,
+							e.canSubmit,
+							e.isSubmitting
+						],
+						children: ([e, t, n, r]) => /* @__PURE__ */ W(o, {
+							type: "submit",
+							variant: "outline",
+							disabled: !e.trim() || !t.trim() || !n || r,
+							children: r ? "Looking up…" : "Look up"
+						})
+					})
+				]
+			})]
+		}), d && /* @__PURE__ */ G("section", {
+			className: "grid gap-5",
+			children: [
+				/* @__PURE__ */ G("div", {
+					className: "grid gap-1",
+					children: [/* @__PURE__ */ W("h2", {
+						className: "text-base font-semibold",
+						children: /* @__PURE__ */ W(a, { id: "Credit and trust" })
+					}), /* @__PURE__ */ G("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							/* @__PURE__ */ W("span", {
+								className: "font-mono text-xs break-all text-foreground",
+								children: d.customerID
+							}),
+							" ",
+							"· ",
+							d.currency.toUpperCase()
+						]
+					})]
+				}),
+				/* @__PURE__ */ G("dl", {
+					className: "grid gap-4",
+					children: [/* @__PURE__ */ W(X, {
+						label: l("Trust level"),
+						value: d.trustLevel || "Default"
+					}), /* @__PURE__ */ W(X, {
+						label: l("Credit limit"),
+						value: d.creditLimit === "0" ? "Off" : h(d.creditLimit, d.currency)
+					})]
+				}),
+				y && /* @__PURE__ */ W("form", {
+					onSubmit: (e) => {
+						e.preventDefault(), e.stopPropagation(), b.handleSubmit();
+					},
+					children: /* @__PURE__ */ W(Z, {
+						label: `New limit (${d.currency.toUpperCase()})`,
+						id: "customer-controls-limit",
+						children: /* @__PURE__ */ W(b.Field, {
+							name: "newLimit",
+							validators: { onChange: ({ value: e }) => {
+								let t = p(d.currency), n = t === void 0 ? null : g(e, t);
+								return e !== "" && n !== null && !n.startsWith("-") ? void 0 : "Enter a valid amount";
+							} },
+							children: (e) => /* @__PURE__ */ G("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ G("div", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ W(s, {
+											id: u("customer-controls-limit"),
+											placeholder: "0.00",
+											type: "number",
+											step: "any",
+											min: "0",
+											value: e.state.value,
+											onBlur: e.handleBlur,
+											onChange: (t) => e.handleChange(t.target.value),
+											"aria-invalid": e.state.meta.errors.length > 0
+										}), /* @__PURE__ */ W(b.Subscribe, {
+											selector: (e) => [
+												e.values.newLimit,
+												e.canSubmit,
+												e.isSubmitting
+											],
+											children: ([e, t, n]) => /* @__PURE__ */ W(o, {
+												type: "submit",
+												disabled: !e || !t || n,
+												children: n ? "Updating…" : "Update"
+											})
+										})]
+									}),
+									/* @__PURE__ */ W(v, { errors: e.state.meta.errors }),
+									/* @__PURE__ */ W("p", {
+										className: "text-xs text-muted-foreground",
+										children: /* @__PURE__ */ W(a, { id: "Enter 0 to turn credit off." })
+									})
+								]
+							})
+						})
+					})
+				})
+			]
+		})]
+	});
+}
+function $({ label: t, id: n, hint: r, children: i }) {
+	let { id: a } = e();
+	return /* @__PURE__ */ G("div", {
+		className: "grid gap-1.5",
+		children: [
+			/* @__PURE__ */ W(F, {
+				htmlFor: a(n),
+				children: t
+			}),
+			r ? /* @__PURE__ */ W("p", {
+				className: "text-[13px] text-muted-foreground",
+				children: r
+			}) : null,
+			i
+		]
+	});
+}
+//#endregion
+export { ge as SettingsPage };
+
+//# sourceMappingURL=admin-settings-Bmoy95uO.js.map