@burdenoff/microfe-billing 2026.830.1 → 2026.830.2

package/dist/billing/modules/settings/pages/SettingsPage.js

@@ -1,248 +1,248 @@
 import { useBilling as e } from "../../../providers/BillingProvider.js";
-import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
-import { PageHeader as n } from "../../../shared/components/PageHeader.js";
+import { useTr as t } from "../../../shared/hooks/useTr.js";
+import { AccessDenied as n } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as ee } from "../../../shared/components/PageHeader.js";
 import "../../../shared/components/index.js";
-import { useBillingEventEmitter as ee } from "../../../hooks/useBillingEventEmitter.js";
-import { directBillingGraphqlRequest as te } from "../../../shared/utils/directBillingGraphql.js";
+import { useBillingEventEmitter as te } from "../../../hooks/useBillingEventEmitter.js";
+import { directBillingGraphqlRequest as r } from "../../../shared/utils/directBillingGraphql.js";
 import "../../../shared/utils/index.js";
-import { useBillingPermissions as ne } from "../../../hooks/useBillingPermissions.js";
-import { ArchiveBillingAccountSettingsDocument as re, useGetBillingAccountSettingsQuery as ie, useGetBillingAccountsSettingsQuery as ae, useGetDefaultBillingAccountSettingsQuery as oe, useSetDefaultBillingAccountSettingsMutation as se, useUpdateBillingAccountSettingsMutation as ce } from "../../../../generated/global-operations.js";
-import { useCallback as r, useEffect as le, useMemo as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertDialog as de, AlertDialogAction as fe, AlertDialogCancel as pe, AlertDialogContent as me, AlertDialogDescription as he, AlertDialogFooter as ge, AlertDialogHeader as _e, AlertDialogTitle as l, OptionalFields as u, PagePurpose as ve } from "@burdenoff/fe-libs/ui";
+import { useBillingPermissions as i } from "../../../hooks/useBillingPermissions.js";
+import { ArchiveBillingAccountSettingsDocument as ne, useGetBillingAccountSettingsQuery as re, useGetBillingAccountsSettingsQuery as ie, useGetDefaultBillingAccountSettingsQuery as ae, useSetDefaultBillingAccountSettingsMutation as a, useUpdateBillingAccountSettingsMutation as oe } from "../../../../generated/global-operations.js";
+import { useCallback as o, useEffect as se, useMemo as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AlertDialog as ce, AlertDialogAction as le, AlertDialogCancel as ue, AlertDialogContent as de, AlertDialogDescription as fe, AlertDialogFooter as pe, AlertDialogHeader as me, AlertDialogTitle as f, OptionalFields as he, PagePurpose as ge } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/settings/pages/SettingsPage.tsx
-var ye = () => {
+var _e = () => {
 	if (!(typeof window > "u")) return new URLSearchParams(window.location.search).get("billingAccountId") || void 0;
-}, d = () => {
-	let { t: d } = ue(), f = (e, t) => {
-		let n = d(e);
-		return n === e ? t : n;
-	}, p = ne(), { apiGatewayUrl: m, authToken: h, orgId: g } = e(), { emit: _ } = ee(), [v, y] = a(ye), [b, x] = a(!1), [S, C] = a(!1), [w, T] = a(!1), [be, E] = a(!1), [D, O] = a(null), [xe, k] = a(!1), [A, j] = a(!1), [M, N] = a(!1), [P, F] = a({
+}, p = () => {
+	let p = t(), m = i(), { apiGatewayUrl: h, authToken: g, orgId: _ } = e(), { emit: v } = te(), [y, b] = c(_e), [x, S] = c(!1), [C, w] = c(!1), [T, E] = c(!1), [ve, D] = c(!1), [O, k] = c(null), [ye, A] = c(!1), [j, M] = c(!1), [N, P] = c(!1), [F, I] = c({
 		name: "",
 		email: "",
 		billingEmail: "",
 		currency: "USD",
 		taxId: "",
 		isDefault: !1
-	}), { data: I, loading: Se, refetch: L } = ae({}), R = i(() => I?.getBillingAccountsByOrg || [], [I?.getBillingAccountsByOrg]), { data: Ce, loading: we, refetch: z } = oe({}), B = Ce?.getDefaultBillingAccount || null, { data: Te, loading: V, refetch: H } = ie({
-		variables: { id: v },
-		skip: !v
-	}), U = Te?.getBillingAccount || null, [W] = ce(), [G] = se(), K = i(() => {
-		if (v) {
-			if (U) return U;
-			let e = R.find((e) => e.id === v);
+	}), { data: L, loading: be, refetch: R } = ie({}), z = s(() => L?.getBillingAccountsByOrg || [], [L?.getBillingAccountsByOrg]), { data: xe, loading: Se, refetch: B } = ae({}), V = xe?.getDefaultBillingAccount || null, { data: Ce, loading: H, refetch: U } = re({
+		variables: { id: y },
+		skip: !y
+	}), W = Ce?.getBillingAccount || null, [G] = oe(), [K] = a(), q = s(() => {
+		if (y) {
+			if (W) return W;
+			let e = z.find((e) => e.id === y);
 			if (e) return e;
-			if (V) return null;
+			if (H) return null;
 		}
-		return B;
+		return V;
 	}, [
-		v,
-		U,
-		R,
-		V,
-		B
-	]), Ee = Se || we || v && V;
-	le(() => {
-		K && F({
-			name: K.name || "",
-			email: K.email || "",
-			billingEmail: K.billingEmail || "",
-			currency: K.currency || "USD",
-			taxId: K.taxId || "",
-			isDefault: K.isDefault || !1
+		y,
+		W,
+		z,
+		H,
+		V
+	]), we = be || Se || y && H;
+	se(() => {
+		q && I({
+			name: q.name || "",
+			email: q.email || "",
+			billingEmail: q.billingEmail || "",
+			currency: q.currency || "USD",
+			taxId: q.taxId || "",
+			isDefault: q.isDefault || !1
 		});
-	}, [K]);
-	let De = (e) => {
-		y(e.id), x(!1), k(!1), O(null);
-	}, q = (e, t) => {
-		F((n) => ({
+	}, [q]);
+	let Te = (e) => {
+		b(e.id), S(!1), A(!1), k(null);
+	}, J = (e, t) => {
+		I((n) => ({
 			...n,
 			[e]: t
-		})), k(!1), O(null);
-	}, J = i(() => R.find((e) => e.isDefault) || null, [R]), Y = i(() => K ? P.name !== (K.name || "") || P.email !== (K.email || "") || P.billingEmail !== (K.billingEmail || "") || P.currency !== (K.currency || "USD") || P.taxId !== (K.taxId || "") || P.isDefault !== (K.isDefault || !1) : !1, [P, K]), X = P.isDefault && !K?.isDefault, Z = X && J && J.id !== K?.id, Q = r(async () => {
-		if (K?.id) {
-			C(!0), O(null), k(!1), j(!1), N(!1);
+		})), A(!1), k(null);
+	}, Y = s(() => z.find((e) => e.isDefault) || null, [z]), Ee = s(() => q ? F.name !== (q.name || "") || F.email !== (q.email || "") || F.billingEmail !== (q.billingEmail || "") || F.currency !== (q.currency || "USD") || F.taxId !== (q.taxId || "") || F.isDefault !== (q.isDefault || !1) : !1, [F, q]), X = F.isDefault && !q?.isDefault, Z = X && Y && Y.id !== q?.id, Q = o(async () => {
+		if (q?.id) {
+			w(!0), k(null), A(!1), M(!1), P(!1);
 			try {
-				await W({ variables: { input: {
-					id: K.id,
-					name: P.name,
-					email: P.email,
-					billingEmail: P.billingEmail || null,
-					currency: P.currency,
-					taxId: P.taxId || null
-				} } }), _("billing.billing_account.updated", {
+				await G({ variables: { input: {
+					id: q.id,
+					name: F.name,
+					email: F.email,
+					billingEmail: F.billingEmail || null,
+					currency: F.currency,
+					taxId: F.taxId || null
+				} } }), v("billing.billing_account.updated", {
 					route: "/billing/settings",
-					entityId: K.id,
+					entityId: q.id,
 					source: "settings"
-				}), X && (await G({
-					variables: { id: K.id },
+				}), X && (await K({
+					variables: { id: q.id },
 					refetchQueries: ["GetBillingAccountsByTenant", "GetDefaultBillingAccount"]
-				}), _("billing.billing_account.updated", {
+				}), v("billing.billing_account.updated", {
 					route: "/billing/settings",
-					entityId: K.id,
+					entityId: q.id,
 					source: "settings.default"
-				})), v ? await H() : await z(), k(!0), setTimeout(() => k(!1), 3e3);
+				})), y ? await U() : await B(), A(!0), setTimeout(() => A(!1), 3e3);
 			} catch (e) {
-				O(e instanceof Error ? e.message : "Failed to save changes");
+				k(e instanceof Error ? e.message : "Failed to save changes");
 			} finally {
-				C(!1);
+				w(!1);
 			}
 		}
 	}, [
-		K?.id,
-		P,
+		q?.id,
+		F,
 		X,
-		W,
 		G,
-		v,
-		H,
-		z,
-		_
-	]), Oe = r(() => {
-		K?.id && (Z ? (N(!0), j(!0)) : Q());
+		K,
+		y,
+		U,
+		B,
+		v
+	]), De = o(() => {
+		q?.id && (Z ? (P(!0), M(!0)) : Q());
 	}, [
-		K?.id,
+		q?.id,
 		Z,
 		Q
-	]), $ = i(() => K ? R.find((e) => e.id !== K.id && e.isActive) : void 0, [K, R]), ke = K ? K.isDefault ? `Archive ${K.name}? ${$ ? `${$.name} will become the default account.` : "No replacement default account is available."}` : `Archive ${K.name}?` : "", Ae = r(async () => {
-		if (!(!K?.id || !K.isActive)) {
-			T(!0), O(null), k(!1);
+	]), $ = s(() => q ? z.find((e) => e.id !== q.id && e.isActive) : void 0, [q, z]), Oe = q ? q.isDefault ? $ ? p("billing.settings.archiveDefaultConfirm", "Archive {{accountName}}? {{replacementName}} will become the default account.", {
+		accountName: q.name,
+		replacementName: $.name
+	}) : p("billing.settings.archiveDefaultNoReplacementConfirm", "Archive {{accountName}}? No replacement default account is available.", { accountName: q.name }) : p("billing.settings.archiveConfirm", "Archive {{accountName}}?", { accountName: q.name }) : "", ke = o(async () => {
+		if (!(!q?.id || !q.isActive)) {
+			E(!0), k(null), A(!1);
 			try {
-				await te({
-					apiGatewayUrl: m,
-					authToken: h,
-					orgId: g,
-					query: re,
+				await r({
+					apiGatewayUrl: h,
+					authToken: g,
+					orgId: _,
+					query: ne,
 					variables: {
-						id: K.id,
+						id: q.id,
 						reason: "Archived from billing settings",
-						replacementDefaultBillingAccountId: K.isDefault ? $?.id ?? null : null
+						replacementDefaultBillingAccountId: q.isDefault ? $?.id ?? null : null
 					}
-				}), _("billing.billing_account.archived", {
+				}), v("billing.billing_account.archived", {
 					route: "/billing/settings",
-					entityId: K.id,
+					entityId: q.id,
 					source: "settings"
-				}), await Promise.all([L(), z()]), y($?.id), k(!0), setTimeout(() => k(!1), 3e3);
+				}), await Promise.all([R(), B()]), b($?.id), A(!0), setTimeout(() => A(!1), 3e3);
 			} catch (e) {
-				O(e instanceof Error ? e.message : "Failed to archive billing account");
+				k(e instanceof Error ? e.message : "Failed to archive billing account");
 			} finally {
-				T(!1);
+				E(!1);
 			}
 		}
 	}, [
-		m,
 		h,
-		K,
-		$,
 		g,
-		L,
-		z,
-		_
+		q,
+		$,
+		_,
+		R,
+		B,
+		v
 	]);
-	return p.canManageBillingAccount ? Ee && !K ? /* @__PURE__ */ c("div", {
+	return m.canManageBillingAccount ? we && !q ? /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ s("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }), /* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }), /* @__PURE__ */ u("div", {
 			className: "border border-border-subtle rounded-lg p-6 space-y-4",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ s("div", { className: "h-10 bg-bg-sunken animate-pulse rounded" }, e))
+			].map((e) => /* @__PURE__ */ u("div", { className: "h-10 bg-bg-sunken animate-pulse rounded" }, e))
 		})]
-	}) : /* @__PURE__ */ c("div", {
+	}) : /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s(n, {
-				title: f("billing.settings.billingSettings", "Billing Settings"),
-				description: f("billing.settings.description", "Manage your billing account configuration")
+			/* @__PURE__ */ u(ee, {
+				title: p("billing.settings.billingSettings", "Billing Settings"),
+				description: p("billing.settings.description", "Manage your billing account configuration")
 			}),
-			/* @__PURE__ */ s(ve, { children: f("billing.settings.purpose", "Configure how a billing account behaves — its name and contact details, default currency, tax information and whether it's your default account. Changes here affect how invoices are generated and which account new purchases bill to.") }),
-			R.length > 1 && /* @__PURE__ */ c("div", {
+			/* @__PURE__ */ u(ge, { children: p("billing.settings.purpose", "Configure how a billing account behaves — its name and contact details, default currency, tax information and whether it's your default account. Changes here affect how invoices are generated and which account new purchases bill to.") }),
+			z.length > 1 && /* @__PURE__ */ d("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ c("button", {
+				children: [/* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: () => x(!b),
+					onClick: () => S(!x),
 					className: "w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border-subtle rounded-lg bg-bg-surface hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ s("div", {
+						children: [/* @__PURE__ */ u("div", {
 							className: "size-8 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
-							children: /* @__PURE__ */ s("svg", {
+							children: /* @__PURE__ */ u("svg", {
 								className: "size-4 text-primary",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								stroke: "currentColor",
-								children: /* @__PURE__ */ s("path", {
+								children: /* @__PURE__ */ u("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
 									d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
 								})
 							})
-						}), /* @__PURE__ */ c("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "text-left",
-							children: [/* @__PURE__ */ s("p", {
+							children: [/* @__PURE__ */ u("p", {
 								className: "text-sm font-medium text-text-primary",
-								children: K?.name || f("billing.settings.selectAccount", "Select Account")
-							}), /* @__PURE__ */ s("p", {
+								children: q?.name || p("billing.settings.selectAccount", "Select Account")
+							}), /* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
-								children: K?.email
+								children: q?.email
 							})]
 						})]
-					}), /* @__PURE__ */ s("svg", {
-						className: `size-4 text-text-secondary transition-transform ${b ? "rotate-180" : ""}`,
+					}), /* @__PURE__ */ u("svg", {
+						className: `size-4 text-text-secondary transition-transform ${x ? "rotate-180" : ""}`,
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ s("path", {
+						children: /* @__PURE__ */ u("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M19 9l-7 7-7-7"
 						})
 					})]
-				}), b && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+				}), x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
 					className: "fixed inset-0 z-10",
-					onClick: () => x(!1)
-				}), /* @__PURE__ */ s("div", {
+					onClick: () => S(!1)
+				}), /* @__PURE__ */ u("div", {
 					className: "absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-popover border border-border-subtle rounded-lg shadow-lg z-20 py-1 max-h-60 overflow-y-auto",
-					children: R.map((e) => /* @__PURE__ */ c("button", {
+					children: z.map((e) => /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: () => De(e),
+						onClick: () => Te(e),
 						className: "w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-3 min-w-0",
-							children: [/* @__PURE__ */ s("div", {
+							children: [/* @__PURE__ */ u("div", {
 								className: "size-8 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ s("svg", {
+								children: /* @__PURE__ */ u("svg", {
 									className: "size-4 text-text-secondary",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									stroke: "currentColor",
-									children: /* @__PURE__ */ s("path", {
+									children: /* @__PURE__ */ u("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
 										d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
 									})
 								})
-							}), /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: "text-left min-w-0",
-								children: [/* @__PURE__ */ s("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "text-sm font-medium text-text-primary truncate",
 									children: e.name
-								}), /* @__PURE__ */ s("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary truncate",
 									children: e.email
 								})]
 							})]
-						}), K?.id === e.id && /* @__PURE__ */ s("svg", {
+						}), q?.id === e.id && /* @__PURE__ */ u("svg", {
 							className: "size-4 text-primary flex-shrink-0",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ s("path", {
+							children: /* @__PURE__ */ u("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -252,397 +252,393 @@ var ye = () => {
 					}, e.id))
 				})] })]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ d("div", {
 				className: "border border-border-subtle rounded-lg bg-bg-surface",
-				children: [/* @__PURE__ */ s("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "p-6 border-b border-border-subtle",
-					children: /* @__PURE__ */ c("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h2", {
 							className: "text-lg font-semibold text-text-primary",
-							children: f("billing.settings.accountInfo", "Account Information")
-						}), /* @__PURE__ */ s("p", {
+							children: p("billing.settings.accountInfo", "Account Information")
+						}), /* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary mt-1",
-							children: f("billing.settings.accountInfoDescription", "Update your billing contact details and tax information")
-						})] }), K?.isDefault && /* @__PURE__ */ c("span", {
+							children: p("billing.settings.accountInfoDescription", "Update your billing contact details and tax information")
+						})] }), q?.isDefault && /* @__PURE__ */ d("span", {
 							className: "inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium bg-action-primary-bg/10 text-primary rounded-full",
-							children: [/* @__PURE__ */ s("svg", {
+							children: [/* @__PURE__ */ u("svg", {
 								className: "size-3",
 								fill: "currentColor",
 								viewBox: "0 0 20 20",
-								children: /* @__PURE__ */ s("path", {
+								children: /* @__PURE__ */ u("path", {
 									fillRule: "evenodd",
 									d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
 									clipRule: "evenodd"
 								})
-							}), f("billing.settings.defaultAccount", "Default Account")]
+							}), p("billing.settings.defaultAccount", "Default Account")]
 						})]
 					})
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "p-6 space-y-6",
 					children: [
-						K && /* @__PURE__ */ c("div", {
+						q && /* @__PURE__ */ d("div", {
 							className: "grid grid-cols-2 sm:grid-cols-4 gap-4 text-sm pb-4 border-b border-border-subtle",
 							children: [
-								/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "text-text-secondary",
-									children: f("billing.settings.status", "Status")
-								}), /* @__PURE__ */ s("p", {
-									className: `font-medium ${K.isActive ? "text-status-success-text" : "text-status-error-text"}`,
-									children: K.isActive ? f("billing.settings.active", "Active") : f("billing.settings.inactive", "Inactive")
+									children: p("billing.settings.status", "Status")
+								}), /* @__PURE__ */ u("p", {
+									className: `font-medium ${q.isActive ? "text-status-success-text" : "text-status-error-text"}`,
+									children: q.isActive ? p("billing.settings.active", "Active") : p("billing.settings.inactive", "Inactive")
 								})] }),
-								/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "text-text-secondary",
-									children: f("billing.settings.creditBalance", "Credit Balance")
-								}), /* @__PURE__ */ c("p", {
+									children: p("billing.settings.creditBalance", "Credit Balance")
+								}), /* @__PURE__ */ d("p", {
 									className: "font-medium text-text-primary",
-									children: [(K.creditAmount || 0).toLocaleString(), " Credits"]
+									children: [
+										(q.creditAmount || 0).toLocaleString(),
+										" ",
+										p("billing.common.credits", "Credits")
+									]
 								})] }),
-								/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "text-text-secondary",
-									children: f("billing.settings.accountId", "Account ID")
-								}), /* @__PURE__ */ s("p", {
+									children: p("billing.settings.accountId", "Account ID")
+								}), /* @__PURE__ */ u("p", {
 									className: "font-mono text-xs text-text-primary truncate",
-									title: K.id,
-									children: K.id
+									title: q.id,
+									children: q.id
 								})] }),
-								/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "text-text-secondary",
-									children: f("billing.settings.created", "Created")
-								}), /* @__PURE__ */ s("p", {
+									children: p("billing.settings.created", "Created")
+								}), /* @__PURE__ */ u("p", {
 									className: "font-medium text-text-primary",
-									children: K.createdAt ? new Date(K.createdAt).toLocaleDateString() : f("billing.settings.notAvailable", "N/A")
+									children: q.createdAt ? new Date(q.createdAt).toLocaleDateString() : p("billing.settings.notAvailable", "N/A")
 								})] })
 							]
 						}),
-						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h3", {
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 							className: "text-sm font-medium text-text-primary mb-4",
-							children: f("billing.settings.contactDetails", "Contact Details")
-						}), /* @__PURE__ */ c("div", {
+							children: p("billing.settings.contactDetails", "Contact Details")
+						}), /* @__PURE__ */ d("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("label", {
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
 								htmlFor: "billing-account-name",
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: [
-									f("billing.settings.accountName", "Account Name"),
+									p("billing.settings.accountName", "Account Name"),
 									" ",
-									/* @__PURE__ */ s("span", {
+									/* @__PURE__ */ u("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})
 								]
-							}), /* @__PURE__ */ s("input", {
+							}), /* @__PURE__ */ u("input", {
 								id: "billing-account-name",
 								type: "text",
-								value: P.name,
-								onChange: (e) => q("name", e.target.value),
+								value: F.name,
+								onChange: (e) => J("name", e.target.value),
 								className: "w-full px-3 py-2 text-sm border border-border-subtle rounded-md bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-							})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("label", {
+							})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
 								htmlFor: "billing-account-email",
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: [
-									f("billing.settings.email", "Email"),
+									p("billing.settings.email", "Email"),
 									" ",
-									/* @__PURE__ */ s("span", {
+									/* @__PURE__ */ u("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})
 								]
-							}), /* @__PURE__ */ s("input", {
+							}), /* @__PURE__ */ u("input", {
 								id: "billing-account-email",
 								type: "email",
-								value: P.email,
-								onChange: (e) => q("email", e.target.value),
+								value: F.email,
+								onChange: (e) => J("email", e.target.value),
 								className: "w-full px-3 py-2 text-sm border border-border-subtle rounded-md bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
 							})] })]
 						})] }),
-						/* @__PURE__ */ s(u, {
-							title: f("billing.settings.advancedTitle", "Advanced settings"),
-							description: f("billing.settings.advancedDescription", "Billing email override, currency, and tax identification."),
-							children: /* @__PURE__ */ c("div", {
+						/* @__PURE__ */ u(he, {
+							title: p("billing.settings.advancedTitle", "Advanced settings"),
+							description: p("billing.settings.advancedDescription", "Billing email override, currency, and tax identification."),
+							children: /* @__PURE__ */ d("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ c("div", { children: [
-										/* @__PURE__ */ s("label", {
+									/* @__PURE__ */ d("div", { children: [
+										/* @__PURE__ */ u("label", {
 											htmlFor: "billing-account-billing-email",
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: f("billing.settings.billingEmail", "Billing Email")
+											children: p("billing.settings.billingEmail", "Billing Email")
 										}),
-										/* @__PURE__ */ s("input", {
+										/* @__PURE__ */ u("input", {
 											id: "billing-account-billing-email",
 											type: "email",
-											value: P.billingEmail,
-											onChange: (e) => q("billingEmail", e.target.value),
-											placeholder: f("billing.settings.billingEmailPlaceholder", "Optional - defaults to account email"),
+											value: F.billingEmail,
+											onChange: (e) => J("billingEmail", e.target.value),
+											placeholder: p("billing.settings.billingEmailPlaceholder", "Optional - defaults to account email"),
 											className: "w-full px-3 py-2 text-sm border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
 										}),
-										/* @__PURE__ */ s("p", {
+										/* @__PURE__ */ u("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: f("billing.settings.billingEmailHelp", "Invoices will be sent to this email if provided")
+											children: p("billing.settings.billingEmailHelp", "Invoices will be sent to this email if provided")
 										})
 									] }),
-									/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										htmlFor: "billing-account-currency",
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: f("billing.settings.currency", "Currency")
-									}), /* @__PURE__ */ c("select", {
+										children: p("billing.settings.currency", "Currency")
+									}), /* @__PURE__ */ d("select", {
 										id: "billing-account-currency",
-										value: P.currency,
-										onChange: (e) => q("currency", e.target.value),
+										value: F.currency,
+										onChange: (e) => J("currency", e.target.value),
 										className: "w-full px-3 py-2 text-sm border border-border-subtle rounded-md bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
 										children: [
-											/* @__PURE__ */ s("option", {
+											/* @__PURE__ */ u("option", {
 												value: "USD",
 												children: "USD - US Dollar"
 											}),
-											/* @__PURE__ */ s("option", {
+											/* @__PURE__ */ u("option", {
 												value: "EUR",
 												children: "EUR - Euro"
 											}),
-											/* @__PURE__ */ s("option", {
+											/* @__PURE__ */ u("option", {
 												value: "GBP",
 												children: "GBP - British Pound"
 											}),
-											/* @__PURE__ */ s("option", {
+											/* @__PURE__ */ u("option", {
 												value: "INR",
 												children: "INR - Indian Rupee"
 											})
 										]
 									})] }),
-									/* @__PURE__ */ c("div", {
+									/* @__PURE__ */ d("div", {
 										className: "sm:col-span-2 max-w-md",
 										children: [
-											/* @__PURE__ */ s("label", {
+											/* @__PURE__ */ u("label", {
 												htmlFor: "billing-account-tax-id",
 												className: "block text-sm font-medium text-text-primary mb-1",
-												children: f("billing.settings.taxId", "Tax ID / VAT Number")
+												children: p("billing.settings.taxId", "Tax ID / VAT Number")
 											}),
-											/* @__PURE__ */ s("input", {
+											/* @__PURE__ */ u("input", {
 												id: "billing-account-tax-id",
 												type: "text",
-												value: P.taxId,
-												onChange: (e) => q("taxId", e.target.value),
-												placeholder: f("billing.settings.taxIdPlaceholder", "Enter your tax identification number"),
+												value: F.taxId,
+												onChange: (e) => J("taxId", e.target.value),
+												placeholder: p("billing.settings.taxIdPlaceholder", "Enter your tax identification number"),
 												className: "w-full px-3 py-2 text-sm border border-border-subtle rounded-md bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
 											}),
-											/* @__PURE__ */ s("p", {
+											/* @__PURE__ */ u("p", {
 												className: "text-xs text-text-secondary mt-1",
-												children: f("billing.settings.taxIdHelp", "Used for invoices and tax compliance (e.g., GST, VAT number)")
+												children: p("billing.settings.taxIdHelp", "Used for invoices and tax compliance (e.g., GST, VAT number)")
 											})
 										]
 									})
 								]
 							})
 						}),
-						K?.isActive && R.length > 1 && /* @__PURE__ */ s("div", {
+						q?.isActive && z.length > 1 && /* @__PURE__ */ u("div", {
 							className: "pt-4 border-t border-border-subtle",
-							children: /* @__PURE__ */ c("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ s("div", {
+								children: [/* @__PURE__ */ u("div", {
 									className: "flex items-center h-6",
-									children: /* @__PURE__ */ s("input", {
+									children: /* @__PURE__ */ u("input", {
 										type: "checkbox",
 										id: "isDefault",
-										checked: P.isDefault,
-										onChange: (e) => F((t) => ({
+										checked: F.isDefault,
+										onChange: (e) => I((t) => ({
 											...t,
 											isDefault: e.target.checked
 										})),
-										disabled: K?.isDefault,
+										disabled: q?.isDefault,
 										className: "size-4 rounded border-border-subtle text-primary focus:ring-primary focus:ring-offset-0 disabled:opacity-50 disabled:cursor-not-allowed"
 									})
-								}), /* @__PURE__ */ c("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "flex-1",
-									children: [/* @__PURE__ */ s("label", {
+									children: [/* @__PURE__ */ u("label", {
 										htmlFor: "isDefault",
 										className: "text-sm font-medium text-text-primary cursor-pointer",
-										children: f("billing.settings.setDefault", "Set as default billing account")
-									}), /* @__PURE__ */ s("p", {
+										children: p("billing.settings.setDefault", "Set as default billing account")
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-text-secondary mt-0.5",
-										children: K?.isDefault ? f("billing.settings.currentDefaultDescription", "This is currently your default billing account") : f("billing.settings.makePrimaryDescription", "Make this your primary billing account for new subscriptions")
+										children: q?.isDefault ? p("billing.settings.currentDefaultDescription", "This is currently your default billing account") : p("billing.settings.makePrimaryDescription", "Make this your primary billing account for new subscriptions")
 									})]
 								})]
 							})
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ d("div", {
 							className: "pt-4 border-t border-border-subtle flex items-center justify-between",
-							children: [/* @__PURE__ */ c("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [xe && /* @__PURE__ */ c("div", {
+								children: [ye && /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-2 text-sm text-status-success-text",
-									children: [/* @__PURE__ */ s("svg", {
+									children: [/* @__PURE__ */ u("svg", {
 										className: "size-4",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										stroke: "currentColor",
-										children: /* @__PURE__ */ s("path", {
+										children: /* @__PURE__ */ u("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											strokeWidth: 2,
 											d: "M5 13l4 4L19 7"
 										})
-									}), f("billing.settings.saveSuccess", "Changes saved successfully")]
-								}), D && /* @__PURE__ */ c("div", {
+									}), p("billing.settings.saveSuccess", "Changes saved successfully")]
+								}), O && /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-2 text-sm text-status-error-text",
-									children: [/* @__PURE__ */ s("svg", {
+									children: [/* @__PURE__ */ u("svg", {
 										className: "size-4",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										stroke: "currentColor",
-										children: /* @__PURE__ */ s("path", {
+										children: /* @__PURE__ */ u("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											strokeWidth: 2,
 											d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 										})
-									}), D]
+									}), O]
 								})]
-							}), /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: "flex items-center gap-3",
-								children: [p.canArchiveBillingAccount && K?.isActive ? /* @__PURE__ */ s("button", {
+								children: [m.canArchiveBillingAccount && q?.isActive ? /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: () => E(!0),
-									disabled: S || w,
+									onClick: () => D(!0),
+									disabled: C || T,
 									className: "px-4 py-2 text-sm font-medium border border-border-subtle text-status-error-text rounded-md hover:bg-status-error-bg-subtle disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-									children: w ? "Archiving..." : "Archive Account"
-								}) : null, /* @__PURE__ */ c("button", {
+									children: T ? p("billing.settings.archiving", "Archiving...") : p("billing.settings.archiveAccount", "Archive Account")
+								}) : null, /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: Oe,
-									disabled: !Y || S || w || !P.name || !P.email,
+									onClick: De,
+									disabled: !Ee || C || T || !F.name || !F.email,
 									className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center gap-2",
-									children: [S && /* @__PURE__ */ c("svg", {
+									children: [C && /* @__PURE__ */ d("svg", {
 										className: "size-4 animate-spin",
 										fill: "none",
 										viewBox: "0 0 24 24",
-										children: [/* @__PURE__ */ s("circle", {
+										children: [/* @__PURE__ */ u("circle", {
 											className: "opacity-25",
 											cx: "12",
 											cy: "12",
 											r: "10",
 											stroke: "currentColor",
 											strokeWidth: "4"
-										}), /* @__PURE__ */ s("path", {
+										}), /* @__PURE__ */ u("path", {
 											className: "opacity-75",
 											fill: "currentColor",
 											d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 										})]
-									}), S ? "Saving..." : "Save Changes"]
+									}), C ? p("billing.common.saving", "Saving...") : p("billing.common.saveChanges", "Save Changes")]
 								})]
 							})]
 						})
 					]
 				})]
 			}),
-			A && M && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+			j && N && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
 				className: "fixed inset-0 bg-overlay-scrim z-40",
 				onClick: () => {
-					S || (j(!1), N(!1), F((e) => ({
+					C || (M(!1), P(!1), I((e) => ({
 						...e,
-						isDefault: K?.isDefault || !1
+						isDefault: q?.isDefault || !1
 					})));
 				}
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ u("div", {
 				className: "fixed inset-0 flex items-center justify-center z-50 p-4",
-				children: /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: "bg-bg-surface border border-border-subtle rounded-lg shadow-xl max-w-md w-full p-6",
 					children: [
-						/* @__PURE__ */ s("h3", {
+						/* @__PURE__ */ u("h3", {
 							className: "text-lg font-semibold text-text-primary mb-2",
-							children: "Confirm Default Account Change"
+							children: p("billing.settings.confirmDefaultTitle", "Confirm Default Account Change")
 						}),
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: [
-								"You are about to set",
-								" ",
-								/* @__PURE__ */ s("strong", {
-									className: "text-text-primary",
-									children: K?.name
-								}),
-								" as your default billing account and save your changes."
-							]
+							children: p("billing.settings.confirmDefaultDescription", "You are about to set {{accountName}} as your default billing account and save your changes.", { accountName: q?.name ?? "" })
 						}),
-						J && J.id !== K?.id && /* @__PURE__ */ s("div", {
+						Y && Y.id !== q?.id && /* @__PURE__ */ u("div", {
 							className: "mb-4 p-3 bg-status-warning-bg-subtle border border-border-subtle rounded-md",
-							children: /* @__PURE__ */ c("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: "flex items-start gap-2",
-								children: [/* @__PURE__ */ s("svg", {
+								children: [/* @__PURE__ */ u("svg", {
 									className: "size-5 text-status-warning-text flex-shrink-0 mt-0.5",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									stroke: "currentColor",
-									children: /* @__PURE__ */ s("path", {
+									children: /* @__PURE__ */ u("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
 										d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 									})
-								}), /* @__PURE__ */ c("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "text-sm",
-									children: [/* @__PURE__ */ s("p", {
+									children: [/* @__PURE__ */ u("p", {
 										className: "font-medium text-status-warning-text",
-										children: "Current default will change"
-									}), /* @__PURE__ */ c("p", {
+										children: p("billing.settings.currentDefaultWillChange", "Current default will change")
+									}), /* @__PURE__ */ u("p", {
 										className: "text-status-warning-text mt-0.5",
-										children: [/* @__PURE__ */ s("strong", { children: J.name }), " will no longer be the default account."]
+										children: p("billing.settings.currentDefaultWillChangeDescription", "{{accountName}} will no longer be the default account.", { accountName: Y.name })
 									})]
 								})]
 							})
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex justify-end gap-3",
-							children: [/* @__PURE__ */ s("button", {
+							children: [/* @__PURE__ */ u("button", {
 								type: "button",
 								onClick: () => {
-									j(!1), N(!1), F((e) => ({
+									M(!1), P(!1), I((e) => ({
 										...e,
-										isDefault: K?.isDefault || !1
+										isDefault: q?.isDefault || !1
 									}));
 								},
-								disabled: S,
+								disabled: C,
 								className: "px-4 py-2 text-sm font-medium text-text-primary border border-border-subtle rounded-md hover:bg-bg-sunken transition-colors disabled:opacity-50",
-								children: "Cancel"
-							}), /* @__PURE__ */ c("button", {
+								children: p("billing.common.cancel", "Cancel")
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: Q,
-								disabled: S,
+								disabled: C,
 								className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg/90 disabled:opacity-50 transition-colors flex items-center gap-2",
-								children: [S && /* @__PURE__ */ c("svg", {
+								children: [C && /* @__PURE__ */ d("svg", {
 									className: "size-4 animate-spin",
 									fill: "none",
 									viewBox: "0 0 24 24",
-									children: [/* @__PURE__ */ s("circle", {
+									children: [/* @__PURE__ */ u("circle", {
 										className: "opacity-25",
 										cx: "12",
 										cy: "12",
 										r: "10",
 										stroke: "currentColor",
 										strokeWidth: "4"
-									}), /* @__PURE__ */ s("path", {
+									}), /* @__PURE__ */ u("path", {
 										className: "opacity-75",
 										fill: "currentColor",
 										d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 									})]
-								}), S ? "Saving..." : "Save Changes"]
+								}), C ? p("billing.common.saving", "Saving...") : p("billing.common.saveChanges", "Save Changes")]
 							})]
 						})
 					]
 				})
 			})] }),
-			/* @__PURE__ */ s(de, {
-				open: be,
-				onOpenChange: E,
-				children: /* @__PURE__ */ c(me, { children: [/* @__PURE__ */ c(_e, { children: [/* @__PURE__ */ s(l, { children: "Archive billing account?" }), /* @__PURE__ */ s(he, { children: ke })] }), /* @__PURE__ */ c(ge, { children: [/* @__PURE__ */ s(pe, { children: "Cancel" }), /* @__PURE__ */ s(fe, {
+			/* @__PURE__ */ u(ce, {
+				open: ve,
+				onOpenChange: D,
+				children: /* @__PURE__ */ d(de, { children: [/* @__PURE__ */ d(me, { children: [/* @__PURE__ */ u(f, { children: p("billing.settings.archiveDialogTitle", "Archive billing account?") }), /* @__PURE__ */ u(fe, { children: Oe })] }), /* @__PURE__ */ d(pe, { children: [/* @__PURE__ */ u(ue, { children: p("billing.common.cancel", "Cancel") }), /* @__PURE__ */ u(le, {
 					onClick: () => {
-						E(!1), Ae();
+						D(!1), ke();
 					},
-					children: "Archive Account"
+					children: p("billing.settings.archiveAccount", "Archive Account")
 				})] })] })
 			})
 		]
-	}) : /* @__PURE__ */ s(t, { message: "You don't have permission to manage billing settings." });
+	}) : /* @__PURE__ */ u(n, { message: p("billing.settings.noManagePermission", "You don't have permission to manage billing settings.") });
 };
 //#endregion
-export { d as SettingsPage };
+export { p as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map