@burdenoff/microfe-billing 2026.830.1 → 2026.830.2

package/dist/billing/modules/dashboard/pages/OverviewPage.js

@@ -1,6 +1,7 @@
 import { useBilling as e } from "../../../providers/BillingProvider.js";
-import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
-import { StatCard as n } from "../../../shared/components/StatCard.js";
+import { useTr as t } from "../../../shared/hooks/useTr.js";
+import { AccessDenied as n } from "../../../shared/components/AccessDenied.js";
+import { StatCard as r } from "../../../shared/components/StatCard.js";
 import { ServerError as ee } from "../../../shared/components/ServerError.js";
 import { useBillingEventEmitter as te } from "../../../hooks/useBillingEventEmitter.js";
 import { getStoredBillingAccountId as ne, setStoredBillingAccountId as re } from "../../../hooks/useBillingAccountSelection.js";
@@ -14,311 +15,307 @@ import { BillingAccountCard as ce } from "../components/BillingAccountCard.js";
 import { PaymentMethodsSection as le } from "../components/PaymentMethodsSection.js";
 import { ActiveSubscriptionCard as ue } from "../components/ActiveSubscriptionCard.js";
 import { RecommendedAddonsSection as de } from "../components/RecommendedAddonsSection.js";
-import { CreateBillingAccountModal as r } from "../components/CreateBillingAccountModal.js";
+import { CreateBillingAccountModal as i } from "../components/CreateBillingAccountModal.js";
 import { AddPaymentMethodModal as fe } from "../components/AddPaymentMethodModal.js";
 import "../components/index.js";
 import { useAddonCartStore as pe } from "../../addons/store/addonCartStore.js";
 import { FloatingCartDrawer as me } from "../../addons/components/FloatingCartDrawer.js";
-import { withBillingAccountId as i } from "../../../shared/utils/navigation.js";
-import { useCallback as a, useEffect as o, useState as s } from "react";
-import { Activity as he, ArrowRight as ge, Building2 as c, Check as l, ChevronDown as _e, Coins as ve, Crown as ye, Loader2 as be, Plus as u, Receipt as xe, RefreshCw as Se, Sparkles as Ce, Wallet as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AuroraBackground as h, Button as Te, CTAOverflowMenu as Ee, GlassCard as De, GradientText as g, IllustratedEmptyState as Oe, PagePurpose as ke } from "@burdenoff/fe-libs/ui";
+import { withBillingAccountId as a } from "../../../shared/utils/navigation.js";
+import { useCallback as o, useEffect as s, useState as c } from "react";
+import { Activity as he, ArrowRight as ge, Building2 as l, Check as u, ChevronDown as _e, Coins as ve, Crown as ye, Loader2 as be, Plus as d, Receipt as xe, RefreshCw as f, Sparkles as Se, Wallet as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { AuroraBackground as _, Button as Ce, CTAOverflowMenu as we, GlassCard as Te, GradientText as v, IllustratedEmptyState as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/dashboard/pages/OverviewPage.tsx
-var _ = () => {
-	let { t: _ } = we(), v = (e, t) => {
-		let n = _(e);
-		return n === e ? t : n;
-	}, { navigate: y, basePath: b, orgId: x, productId: Ae } = e(), S = ae(), { emit: C } = te(), [w, je] = s(() => ne(x)), [T, E] = s(!1), [D, O] = s(null), [k, A] = s(!1), [Me, j] = s(!1), [M, N] = s(0), [P, F] = s(!1), { billingAccounts: I, currentAccount: L, paymentMethods: R, activeSubscriptions: z, hasActiveSubscription: B, recommendedAddons: Ne, isLoading: V, error: H, refetchAll: U } = se(w, Ae), W = L?.id, Pe = V, G = a((e) => {
-		je(e), re(x, e);
-	}, [x]), { addToCart: K, isInCart: q, getCartItem: J, updateQuantity: Y, removeFromCart: X } = pe(), { createBillingAccount: Fe, setBillingAddress: Ie, setDefaultPaymentMethod: Le, deletePaymentMethod: Re, isCreatingAccount: ze } = oe();
-	o(() => {
-		N(0), F(!1);
-	}, [W, z.length]), o(() => {
-		w && I.length > 0 && (I.some((e) => e.id === w) || G(null));
+var y = () => {
+	let y = t(), { navigate: b, basePath: x, orgId: S, productId: Oe } = e(), C = ae(), { emit: w } = te(), [T, ke] = c(() => ne(S)), [Ae, E] = c(!1), [D, O] = c(null), [k, A] = c(!1), [je, j] = c(!1), [Me, M] = c(0), [N, P] = c(!1), { billingAccounts: F, currentAccount: I, paymentMethods: L, activeSubscriptions: R, hasActiveSubscription: z, recommendedAddons: Ne, isLoading: B, error: V, refetchAll: H } = se(T, Oe), U = I?.id, Pe = B, W = o((e) => {
+		ke(e), re(S, e);
+	}, [S]), { addToCart: G, isInCart: K, getCartItem: q, updateQuantity: J, removeFromCart: Y } = pe(), { createBillingAccount: X, setBillingAddress: Fe, setDefaultPaymentMethod: Ie, deletePaymentMethod: Le, isCreatingAccount: Re } = oe();
+	s(() => {
+		M(0), P(!1);
+	}, [U, R.length]), s(() => {
+		T && F.length > 0 && (F.some((e) => e.id === T) || W(null));
 	}, [
-		I,
-		w,
-		G
-	]), o(() => {
-		!w && I.length > 0 && G((I.find((e) => e.isDefault) ?? I[0]).id);
+		F,
+		T,
+		W
+	]), s(() => {
+		!T && F.length > 0 && W((F.find((e) => e.isDefault) ?? F[0]).id);
 	}, [
-		I,
-		w,
-		G
+		F,
+		T,
+		W
 	]);
-	let Z = z[M] || z[0] || null, Q = a((e) => {
+	let Z = R[Me] || R[0] || null, Q = o((e) => {
 		let t = e;
-		b && b !== "/" && (t = `${b.endsWith("/") ? b.slice(0, -1) : b}${e.startsWith("/") ? e : `/${e}`}`), y(t);
-	}, [y, b]), Be = a(async (e, t) => {
+		x && x !== "/" && (t = `${x.endsWith("/") ? x.slice(0, -1) : x}${e.startsWith("/") ? e : `/${e}`}`), b(t);
+	}, [b, x]), ze = o(async (e, t) => {
 		O(null);
 		try {
-			let n = await Fe(e);
-			t && n.id && await Ie({
+			let n = await X(e);
+			t && n.id && await Fe({
 				billingAccountId: n.id,
 				...t
-			}), E(!1), G(n.id), C("billing.billing_account.created", {
+			}), E(!1), W(n.id), w("billing.billing_account.created", {
 				route: "/billing/overview",
 				entityId: n.id,
 				source: "overview"
-			}), await U();
+			}), await H();
 		} catch (e) {
 			O(e instanceof Error ? e.message : "Failed to create billing account");
 		}
 	}, [
+		X,
+		w,
+		H,
 		Fe,
-		C,
-		U,
-		Ie,
-		G
-	]), Ve = a(() => {
+		W
+	]), Be = o(() => {
 		j(!0);
-	}, []), $ = a(async () => {
-		await U();
-	}, [U]), He = a(async () => {
-		C("billing.payment_method.added", {
+	}, []), $ = o(async () => {
+		await H();
+	}, [H]), Ve = o(async () => {
+		w("billing.payment_method.added", {
 			route: "/billing/overview",
-			entityId: W,
+			entityId: U,
 			source: "overview"
 		}), await $();
 	}, [
-		W,
-		C,
+		U,
+		w,
 		$
-	]), Ue = a(async (e) => {
-		W && (await Le(e, W), C("billing.payment_method.default_set", {
+	]), He = o(async (e) => {
+		U && (await Ie(e, U), w("billing.payment_method.default_set", {
 			route: "/billing/overview",
 			entityId: e,
 			source: "overview"
 		}), await $());
 	}, [
-		W,
-		C,
-		Le,
+		U,
+		w,
+		Ie,
 		$
-	]), We = a(async (e) => {
-		W && (await Re(e, W), C("billing.payment_method.deleted", {
+	]), Ue = o(async (e) => {
+		U && (await Le(e, U), w("billing.payment_method.deleted", {
 			route: "/billing/overview",
 			entityId: e,
 			source: "overview"
 		}), await $());
 	}, [
-		W,
-		Re,
-		C,
+		U,
+		Le,
+		w,
 		$
-	]), Ge = a((e) => {
-		G(e.id), A(!1);
-	}, [G]), Ke = a(async () => {
-		await U();
-	}, [U]), qe = a((e) => {
-		K(e);
-	}, [K]), Je = a((e) => q(e), [q]), Ye = a((e) => J(e)?.quantity || 0, [J]), Xe = a((e, t) => {
-		t <= 0 ? X(e) : Y(e, t);
-	}, [Y, X]), Ze = a((e) => {
-		X(e);
-	}, [X]);
-	return S.canViewBillingAccount ? H && ie(H) && !V ? /* @__PURE__ */ p("div", {
+	]), We = o((e) => {
+		W(e.id), A(!1);
+	}, [W]), Ge = o(async () => {
+		await H();
+	}, [H]), Ke = o((e) => {
+		G(e);
+	}, [G]), qe = o((e) => K(e), [K]), Je = o((e) => q(e)?.quantity || 0, [q]), Ye = o((e, t) => {
+		t <= 0 ? Y(e) : J(e, t);
+	}, [J, Y]), Xe = o((e) => {
+		Y(e);
+	}, [Y]);
+	return C.canViewBillingAccount ? V && ie(V) && !B ? /* @__PURE__ */ h("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ p(ee, {
-			title: "Server Unavailable",
-			message: "Unable to load billing overview. The server might be down or experiencing issues.",
-			onRetry: Ke,
+		children: /* @__PURE__ */ h(ee, {
+			title: y("billing.serverError.title", "Server Unavailable"),
+			message: y("billing.overview.serverUnavailableMessage", "Unable to load billing overview. The server might be down or experiencing issues."),
+			onRetry: Ge,
 			showRetry: !0
 		})
-	}) : V && !L ? /* @__PURE__ */ p("div", {
+	}) : B && !I ? /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ p(be, { className: "size-8 animate-spin text-text-link" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ h(be, { className: "size-8 animate-spin text-text-link" }), /* @__PURE__ */ h("p", {
 				className: "text-sm text-text-secondary",
-				children: v("billing.overview.loadingInfo", "Loading billing information...")
+				children: y("billing.overview.loadingInfo", "Loading billing information...")
 			})]
 		})
-	}) : !V && I.length === 0 && !L ? /* @__PURE__ */ m("div", {
+	}) : !B && F.length === 0 && !I ? /* @__PURE__ */ g("div", {
 		className: "px-6 lg:px-8 py-6",
 		children: [
-			/* @__PURE__ */ m("header", {
+			/* @__PURE__ */ g("header", {
 				className: "relative overflow-hidden mb-8 rounded-card",
 				children: [
-					/* @__PURE__ */ p(h, { intensity: "subtle" }),
-					/* @__PURE__ */ p("h1", {
+					/* @__PURE__ */ h(_, { intensity: "subtle" }),
+					/* @__PURE__ */ h("h1", {
 						className: "text-2xl md:text-3xl font-semibold tracking-tight text-text-primary",
-						children: /* @__PURE__ */ p(g, { children: v("billing.overview.title", "Billing Overview") })
+						children: /* @__PURE__ */ h(v, { children: y("billing.overview.title", "Billing Overview") })
 					}),
-					/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: v("billing.overview.emptySetupDescription", "Set up billing to manage subscriptions, payments, and invoices")
+						children: y("billing.overview.emptySetupDescription", "Set up billing to manage subscriptions, payments, and invoices")
 					})
 				]
 			}),
-			/* @__PURE__ */ p(Oe, {
+			/* @__PURE__ */ h(Ee, {
 				illustration: "onboarding",
-				title: v("billing.overview.emptyTitle", "No billing account"),
-				description: v("billing.overview.emptyDescription", "Create a billing account to start managing your subscriptions and payments"),
-				action: S.canManageBillingAccount ? /* @__PURE__ */ m("button", {
+				title: y("billing.overview.emptyTitle", "No billing account"),
+				description: y("billing.overview.emptyDescription", "Create a billing account to start managing your subscriptions and payments"),
+				action: C.canManageBillingAccount ? /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: () => E(!0),
 					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-button hover:bg-action-primary-bgHover transition-colors duration-200",
-					children: [/* @__PURE__ */ p(u, { className: "size-4" }), v("billing.overview.createBillingAccount", "Create Billing Account")]
+					children: [/* @__PURE__ */ h(d, { className: "size-4" }), y("billing.overview.createBillingAccount", "Create Billing Account")]
 				}) : void 0
 			}),
-			/* @__PURE__ */ p(r, {
-				isOpen: T,
+			/* @__PURE__ */ h(i, {
+				isOpen: Ae,
 				onClose: () => {
 					E(!1), O(null);
 				},
-				onSubmit: Be,
-				isSubmitting: ze,
+				onSubmit: ze,
+				isSubmitting: Re,
 				error: D
 			})
 		]
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ g("div", {
 		className: "px-6 lg:px-8 py-6 space-y-6 sm:space-y-8",
 		children: [
-			/* @__PURE__ */ m("header", {
+			/* @__PURE__ */ g("header", {
 				className: "relative overflow-hidden rounded-card flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
 				children: [
-					/* @__PURE__ */ p(h, { intensity: "subtle" }),
-					/* @__PURE__ */ m("div", { children: [
-						/* @__PURE__ */ p("h1", {
+					/* @__PURE__ */ h(_, { intensity: "subtle" }),
+					/* @__PURE__ */ g("div", { children: [
+						/* @__PURE__ */ h("h1", {
 							className: "text-2xl md:text-3xl font-semibold tracking-tight text-text-primary",
-							children: /* @__PURE__ */ p(g, { children: v("billing.overview.title", "Billing Overview") })
+							children: /* @__PURE__ */ h(v, { children: y("billing.overview.title", "Billing Overview") })
 						}),
-						/* @__PURE__ */ p("p", {
+						/* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary mt-1",
-							children: v("billing.overview.description", "Manage your billing accounts, subscriptions, and payment methods")
+							children: y("billing.overview.description", "Manage your billing accounts, subscriptions, and payment methods")
 						}),
-						/* @__PURE__ */ p(ke, {
+						/* @__PURE__ */ h(De, {
 							className: "mt-3",
-							children: v("billing.overview.purpose", "Your billing home base — see your current plan, credit balance and payment methods at a glance, and jump to transactions, usage, credits or new plans. Start here to understand what you are paying for and manage it.")
+							children: y("billing.overview.purpose", "Your billing home base — see your current plan, credit balance and payment methods at a glance, and jump to transactions, usage, credits or new plans. Start here to understand what you are paying for and manage it.")
 						})
 					] }),
-					/* @__PURE__ */ p(Ee, {
-						primary: S.canManageBillingAccount && I.length > 0 ? {
-							label: v("billing.overview.newAccount", "New Account"),
+					/* @__PURE__ */ h(we, {
+						primary: C.canManageBillingAccount && F.length > 0 ? {
+							label: y("billing.overview.newAccount", "New Account"),
 							onSelect: () => E(!0),
-							icon: /* @__PURE__ */ p(u, { className: "size-4" })
+							icon: /* @__PURE__ */ h(d, { className: "size-4" })
 						} : void 0,
 						actions: [{
-							label: v("billing.overview.refresh", "Refresh"),
+							label: y("billing.overview.refresh", "Refresh"),
 							onSelect: () => {
-								Ke();
+								Ge();
 							},
-							icon: /* @__PURE__ */ p(Se, { className: `size-4 ${V ? "animate-spin" : ""}` })
+							icon: /* @__PURE__ */ h(f, { className: `size-4 ${B ? "animate-spin" : ""}` })
 						}]
 					})
 				]
 			}),
-			I.length > 1 && /* @__PURE__ */ m("div", {
+			F.length > 1 && /* @__PURE__ */ g("div", {
 				className: "relative",
 				"data-tour": "billing-overview-account-selector",
-				children: [/* @__PURE__ */ m("button", {
+				children: [/* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: () => A(!k),
 					className: "w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border-seam rounded-card bg-bg-surface hover:bg-bg-sunken hover:border-border-strong transition-all duration-200",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "size-9 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-							children: /* @__PURE__ */ p(c, { className: "size-4 text-text-link" })
-						}), /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h(l, { className: "size-4 text-text-link" })
+						}), /* @__PURE__ */ g("div", {
 							className: "text-left",
-							children: [/* @__PURE__ */ p("p", {
+							children: [/* @__PURE__ */ h("p", {
 								className: "text-sm font-medium text-text-primary",
-								children: L?.name || v("billing.overview.selectAccount", "Select Account")
-							}), /* @__PURE__ */ p("p", {
+								children: I?.name || y("billing.overview.selectAccount", "Select Account")
+							}), /* @__PURE__ */ h("p", {
 								className: "text-xs text-text-secondary",
-								children: L?.email
+								children: I?.email
 							})]
 						})]
-					}), /* @__PURE__ */ p(_e, { className: `size-4 text-text-muted transition-transform ${k ? "rotate-180" : ""}` })]
-				}), k && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ h(_e, { className: `size-4 text-text-muted transition-transform ${k ? "rotate-180" : ""}` })]
+				}), k && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
 					className: "fixed inset-0 z-10",
 					onClick: () => A(!1)
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-bg-elevated border border-border-seam rounded-card shadow-elevation-3 z-20 py-1 max-h-60 overflow-y-auto",
-					children: I.map((e) => /* @__PURE__ */ m("button", {
+					children: F.map((e) => /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => Ge(e),
+						onClick: () => We(e),
 						className: "w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-3 min-w-0",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "size-9 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ p(c, { className: "size-4 text-text-secondary" })
-							}), /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ h(l, { className: "size-4 text-text-secondary" })
+							}), /* @__PURE__ */ g("div", {
 								className: "text-left min-w-0",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-sm font-medium text-text-primary truncate",
 									children: e.name
-								}), /* @__PURE__ */ p("p", {
+								}), /* @__PURE__ */ h("p", {
 									className: "text-xs text-text-secondary truncate",
 									children: e.email
 								})]
 							})]
-						}), L?.id === e.id && /* @__PURE__ */ p(l, { className: "size-4 text-text-link flex-shrink-0" })]
+						}), I?.id === e.id && /* @__PURE__ */ h(u, { className: "size-4 text-text-link flex-shrink-0" })]
 					}, e.id))
 				})] })]
 			}),
-			L && /* @__PURE__ */ m("div", {
+			I && /* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",
 				"data-tour": "billing-overview-stats-row",
 				children: [
-					/* @__PURE__ */ p(n, {
-						label: v("billing.overview.stats.creditBalance", "Credit Balance"),
-						value: `${(L.creditAmount || 0).toLocaleString()} Credits`,
-						icon: /* @__PURE__ */ p(d, { className: "size-5" })
+					/* @__PURE__ */ h(r, {
+						label: y("billing.overview.stats.creditBalance", "Credit Balance"),
+						value: `${(I.creditAmount || 0).toLocaleString()} Credits`,
+						icon: /* @__PURE__ */ h(p, { className: "size-5" })
 					}),
-					/* @__PURE__ */ p(n, {
-						label: v("billing.overview.stats.activePlans", "Active Plans"),
-						value: z.length > 0 ? z.length === 1 ? z[0]?.plan?.name || "1 Plan" : `${z.length} ${v("billing.overview.stats.plansSuffix", "Plans")}` : v("billing.overview.stats.none", "None"),
-						icon: /* @__PURE__ */ p(Se, { className: "size-5" })
+					/* @__PURE__ */ h(r, {
+						label: y("billing.overview.stats.activePlans", "Active Plans"),
+						value: R.length > 0 ? R.length === 1 ? R[0]?.plan?.name || "1 Plan" : `${R.length} ${y("billing.overview.stats.plansSuffix", "Plans")}` : y("billing.overview.stats.none", "None"),
+						icon: /* @__PURE__ */ h(f, { className: "size-5" })
 					}),
-					/* @__PURE__ */ p(n, {
-						label: v("billing.overview.stats.paymentMethods", "Payment Methods"),
-						value: R.length,
-						icon: /* @__PURE__ */ p(c, { className: "size-5" })
+					/* @__PURE__ */ h(r, {
+						label: y("billing.overview.stats.paymentMethods", "Payment Methods"),
+						value: L.length,
+						icon: /* @__PURE__ */ h(l, { className: "size-5" })
 					}),
-					/* @__PURE__ */ p(n, {
-						label: v("billing.overview.stats.paymentCurrency", "Payment Currency"),
-						value: L.currency || "USD",
-						icon: /* @__PURE__ */ p(c, { className: "size-5" })
+					/* @__PURE__ */ h(r, {
+						label: y("billing.overview.stats.paymentCurrency", "Payment Currency"),
+						value: I.currency || "USD",
+						icon: /* @__PURE__ */ h(l, { className: "size-5" })
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						L && /* @__PURE__ */ p(ce, {
+						I && /* @__PURE__ */ h(ce, {
 							dataTour: "billing-overview-billing-account-card",
-							account: L,
-							isDefault: L.isDefault ?? !1,
-							onEdit: () => L && Q(`/settings?billingAccountId=${L.id}`),
-							onViewTransactions: () => Q(`/transactions/${L.id}`),
-							onViewCreditTransactions: () => Q(`/creditTransactions/${L.id}`)
+							account: I,
+							isDefault: I.isDefault ?? !1,
+							onEdit: () => I && Q(`/settings?billingAccountId=${I.id}`),
+							onViewTransactions: () => Q(`/transactions/${I.id}`),
+							onViewCreditTransactions: () => Q(`/creditTransactions/${I.id}`)
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ g("div", {
 							className: "space-y-3",
-							children: [z.length > 1 && /* @__PURE__ */ m("div", {
+							children: [R.length > 1 && /* @__PURE__ */ g("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ m("button", {
+								children: [/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => F(!P),
+									onClick: () => P(!N),
 									className: "w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border-seam rounded-card bg-bg-surface hover:bg-bg-sunken hover:border-border-strong transition-all duration-200",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ p("div", {
+										children: [/* @__PURE__ */ h("div", {
 											className: "size-9 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-											children: /* @__PURE__ */ p(ye, { className: "size-4 text-text-link" })
-										}), /* @__PURE__ */ m("div", {
+											children: /* @__PURE__ */ h(ye, { className: "size-4 text-text-link" })
+										}), /* @__PURE__ */ g("div", {
 											className: "text-left",
-											children: [/* @__PURE__ */ m("p", {
+											children: [/* @__PURE__ */ g("p", {
 												className: "text-sm font-medium text-text-primary",
-												children: [Z?.plan?.name || v("billing.overview.selectSubscription", "Select Subscription"), Z?.plan?.product?.name && /* @__PURE__ */ m("span", {
+												children: [Z?.plan?.name || y("billing.overview.selectSubscription", "Select Subscription"), Z?.plan?.product?.name && /* @__PURE__ */ g("span", {
 													className: "text-text-secondary font-normal",
 													children: [
 														" ",
@@ -326,185 +323,185 @@ var _ = () => {
 														Z.plan.product.name
 													]
 												})]
-											}), /* @__PURE__ */ m("p", {
+											}), /* @__PURE__ */ g("p", {
 												className: "text-xs text-text-secondary",
 												children: [
-													z.length,
+													R.length,
 													" ",
-													v("billing.overview.activeSubscriptions", "active subscriptions")
+													y("billing.overview.activeSubscriptions", "active subscriptions")
 												]
 											})]
 										})]
-									}), /* @__PURE__ */ p(_e, { className: `size-4 text-text-muted transition-transform ${P ? "rotate-180" : ""}` })]
-								}), P && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+									}), /* @__PURE__ */ h(_e, { className: `size-4 text-text-muted transition-transform ${N ? "rotate-180" : ""}` })]
+								}), N && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
 									className: "fixed inset-0 z-10",
-									onClick: () => F(!1)
-								}), /* @__PURE__ */ p("div", {
+									onClick: () => P(!1)
+								}), /* @__PURE__ */ h("div", {
 									className: "absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-bg-elevated border border-border-seam rounded-card shadow-elevation-3 z-20 py-1 max-h-60 overflow-y-auto",
-									children: z.map((e, t) => /* @__PURE__ */ m("button", {
+									children: R.map((e, t) => /* @__PURE__ */ g("button", {
 										type: "button",
 										onClick: () => {
-											N(t), F(!1);
+											M(t), P(!1);
 										},
 										className: "w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-bg-sunken transition-colors",
-										children: [/* @__PURE__ */ m("div", {
+										children: [/* @__PURE__ */ g("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ p("div", {
+											children: [/* @__PURE__ */ h("div", {
 												className: "size-9 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-												children: /* @__PURE__ */ p(ye, { className: "size-4 text-text-secondary" })
-											}), /* @__PURE__ */ m("div", {
+												children: /* @__PURE__ */ h(ye, { className: "size-4 text-text-secondary" })
+											}), /* @__PURE__ */ g("div", {
 												className: "text-left min-w-0",
-												children: [/* @__PURE__ */ p("p", {
+												children: [/* @__PURE__ */ h("p", {
 													className: "text-sm font-medium text-text-primary truncate",
-													children: e.plan?.name || v("billing.overview.subscription", "Subscription")
-												}), /* @__PURE__ */ m("p", {
+													children: e.plan?.name || y("billing.overview.subscription", "Subscription")
+												}), /* @__PURE__ */ g("p", {
 													className: "text-xs text-text-secondary truncate",
 													children: [
-														e.plan?.product?.name || v("billing.overview.unknownProduct", "Unknown Product"),
+														e.plan?.product?.name || y("billing.overview.unknownProduct", "Unknown Product"),
 														" ",
 														"· ",
-														v("billing.overview.ends", "Ends"),
+														y("billing.overview.ends", "Ends"),
 														" ",
 														new Date(e.endDate).toLocaleDateString()
 													]
 												})]
 											})]
-										}), M === t && /* @__PURE__ */ p(l, { className: "size-4 text-text-link flex-shrink-0" })]
+										}), Me === t && /* @__PURE__ */ h(u, { className: "size-4 text-text-link flex-shrink-0" })]
 									}, e.id))
 								})] })]
-							}), /* @__PURE__ */ p(ue, {
+							}), /* @__PURE__ */ h(ue, {
 								dataTour: "billing-overview-active-subscription-card",
 								subscription: Z,
-								onViewDetails: () => Z && Q(i(`/subscriptions/${Z.id}`, Z.billingAccountId ?? L?.id)),
-								onUpgrade: () => Z && Q(i(`/subscriptions/${Z.id}/upgrade`, Z.billingAccountId ?? L?.id)),
-								onManage: () => L && Q(`/subscriptions?billingAccountId=${L.id}`),
+								onViewDetails: () => Z && Q(a(`/subscriptions/${Z.id}`, Z.billingAccountId ?? I?.id)),
+								onUpgrade: () => Z && Q(a(`/subscriptions/${Z.id}/upgrade`, Z.billingAccountId ?? I?.id)),
+								onManage: () => I && Q(`/subscriptions?billingAccountId=${I.id}`),
 								onPurchasePlan: () => Q("/plans")
 							})]
 						}),
-						L && /* @__PURE__ */ p(le, {
+						I && /* @__PURE__ */ h(le, {
 							dataTour: "billing-overview-payment-methods-section",
-							paymentMethods: R,
-							billingAccountId: L.id,
-							onAddPaymentMethod: Ve,
-							onSetDefault: Ue,
-							onDelete: We,
-							isLoading: V
+							paymentMethods: L,
+							billingAccountId: I.id,
+							onAddPaymentMethod: Be,
+							onSetDefault: He,
+							onDelete: Ue,
+							isLoading: B
 						})
 					]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ m("section", {
+					children: [/* @__PURE__ */ g("section", {
 						className: "border border-border-seam rounded-card bg-bg-surface shadow-elevation-1 p-5",
 						"data-tour": "billing-overview-quick-actions",
-						children: [/* @__PURE__ */ p("h3", {
+						children: [/* @__PURE__ */ h("h3", {
 							className: "font-semibold text-text-primary mb-4",
-							children: "Quick Actions"
-						}), /* @__PURE__ */ m("div", {
+							children: y("billing.overview.quickActions", "Quick Actions")
+						}), /* @__PURE__ */ g("div", {
 							className: "space-y-1.5",
 							children: [
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => L && Q(`/transactions/${L.id}`),
-									disabled: !L,
+									onClick: () => I && Q(`/transactions/${I.id}`),
+									disabled: !I,
 									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-text-primary hover:bg-bg-sunken rounded-button transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "size-9 rounded-lg bg-status-info-bg-subtle flex items-center justify-center",
-										children: /* @__PURE__ */ p(xe, { className: "size-4 text-status-info-text" })
-									}), "View Transactions"]
+										children: /* @__PURE__ */ h(xe, { className: "size-4 text-status-info-text" })
+									}), y("billing.overview.viewTransactions", "View Transactions")]
 								}),
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => L && Q(`/creditTransactions/${L.id}`),
-									disabled: !L,
+									onClick: () => I && Q(`/creditTransactions/${I.id}`),
+									disabled: !I,
 									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-text-primary hover:bg-bg-sunken rounded-button transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "size-9 rounded-lg bg-status-warning-bg-subtle flex items-center justify-center",
-										children: /* @__PURE__ */ p(d, { className: "size-4 text-status-warning-text" })
-									}), "Credit History"]
+										children: /* @__PURE__ */ h(p, { className: "size-4 text-status-warning-text" })
+									}), y("billing.overview.creditHistory", "Credit History")]
 								}),
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ g("button", {
 									type: "button",
 									onClick: () => Q("/checkout/credits"),
 									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-text-primary hover:bg-bg-sunken rounded-button transition-colors",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "size-9 rounded-lg bg-status-success-bg-subtle flex items-center justify-center",
-										children: /* @__PURE__ */ p(ve, { className: "size-4 text-status-success-text" })
-									}), "Purchase Credits"]
+										children: /* @__PURE__ */ h(ve, { className: "size-4 text-status-success-text" })
+									}), y("billing.overview.purchaseCredits", "Purchase Credits")]
 								}),
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => L && Q(`/usage?billingAccountId=${L.id}`),
-									disabled: !L,
+									onClick: () => I && Q(`/usage?billingAccountId=${I.id}`),
+									disabled: !I,
 									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-text-primary hover:bg-bg-sunken rounded-button transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "size-9 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-										children: /* @__PURE__ */ p(he, { className: "size-4 text-text-link" })
-									}), "Usage Analytics"]
+										children: /* @__PURE__ */ h(he, { className: "size-4 text-text-link" })
+									}), y("billing.overview.usageAnalytics", "Usage Analytics")]
 								})
 							]
 						})]
-					}), !B && /* @__PURE__ */ m(De, {
+					}), !z && /* @__PURE__ */ g(Te, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-5",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-start gap-3 mb-4",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "size-10 rounded-lg bg-bg-surface flex items-center justify-center flex-shrink-0 shadow-elevation-1",
-								children: /* @__PURE__ */ p(Ce, { className: "size-5 text-text-link" })
-							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+								children: /* @__PURE__ */ h(Se, { className: "size-5 text-text-link" })
+							}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 								className: "font-semibold text-text-primary",
-								children: "Get Started"
-							}), /* @__PURE__ */ p("p", {
+								children: y("billing.overview.getStarted", "Get Started")
+							}), /* @__PURE__ */ h("p", {
 								className: "text-sm text-text-secondary mt-1",
-								children: "Choose a plan that fits your needs to unlock all features"
+								children: y("billing.overview.getStartedDescription", "Choose a plan that fits your needs to unlock all features")
 							})] })]
-						}), /* @__PURE__ */ m(Te, {
+						}), /* @__PURE__ */ g(Ce, {
 							type: "button",
 							onClick: () => Q("/plans"),
 							className: "w-full",
-							children: ["Browse Plans", /* @__PURE__ */ p(ge, { className: "size-4" })]
+							children: [y("billing.overview.browsePlans", "Browse Plans"), /* @__PURE__ */ h(ge, { className: "size-4" })]
 						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p(de, {
+			/* @__PURE__ */ h(de, {
 				dataTour: "billing-overview-recommended-addons",
 				addons: Ne,
-				hasSubscription: B,
+				hasSubscription: z,
 				onViewAddon: (e) => Q(`/addons/${e}`),
 				onPurchaseAddon: (e) => Q(`/addons/${e}?action=purchase`),
 				onViewAllAddons: () => Q("/addons"),
-				onAddToCart: qe,
-				isInCart: Je,
-				getCartQuantity: Ye,
-				onUpdateQuantity: Xe,
-				onRemoveFromCart: Ze,
+				onAddToCart: Ke,
+				isInCart: qe,
+				getCartQuantity: Je,
+				onUpdateQuantity: Ye,
+				onRemoveFromCart: Xe,
 				maxAddons: 3,
 				isLoading: Pe
 			}),
-			/* @__PURE__ */ p(me, {}),
-			/* @__PURE__ */ p(r, {
-				isOpen: T,
+			/* @__PURE__ */ h(me, {}),
+			/* @__PURE__ */ h(i, {
+				isOpen: Ae,
 				onClose: () => {
 					E(!1), O(null);
 				},
-				onSubmit: Be,
-				isSubmitting: ze,
+				onSubmit: ze,
+				isSubmitting: Re,
 				error: D
 			}),
-			L && /* @__PURE__ */ p(fe, {
-				isOpen: Me,
+			I && /* @__PURE__ */ h(fe, {
+				isOpen: je,
 				onClose: () => j(!1),
-				billingAccountId: L.id,
-				currency: L.currency,
-				country: L.billingAddresses?.[0]?.country,
-				onSuccess: He
+				billingAccountId: I.id,
+				currency: I.currency,
+				country: I.billingAddresses?.[0]?.country,
+				onSuccess: Ve
 			})
 		]
-	}) : /* @__PURE__ */ p(t, { message: "You don't have permission to view billing information." });
+	}) : /* @__PURE__ */ h(n, { message: "You don't have permission to view billing information." });
 };
 //#endregion
-export { _ as OverviewPage };
+export { y as OverviewPage };
 
 //# sourceMappingURL=OverviewPage.js.map