@burdenoff/microfe-billing 2026.531.1 → 2026.531.2

package/dist/billing/modules/checkout/pages/CheckoutPage.js

@@ -25,24 +25,25 @@ import { RazorpayPaymentButton as be } from "../components/RazorpayPaymentButton
 import { SubscriptionSelector as xe } from "../components/SubscriptionSelector.js";
 import { SimpleAutoPayToggle as Se } from "../components/SimpleAutoPayToggle.js";
 import { UnifiedPaymentMethodSelector as Ce } from "../components/UnifiedPaymentMethodSelector.js";
+import { CompleteBillingAccountModal as we, isBillingAccountComplete as Te } from "../components/CompleteBillingAccountModal.js";
 import "../components/index.js";
-import { buildStoreOrderCheckoutItems as we, normalizeStoreOrderCurrency as Te } from "../utils/storeOrder.js";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as Ee, useState as u } from "react";
-import { ArrowLeft as De, ArrowRight as Oe, Blocks as ke, CheckCircle as Ae, Coins as je, CreditCard as Me, Loader2 as d, Package as Ne, Receipt as Pe, RefreshCw as Fe, ShoppingCart as Ie, Wallet as Le, XCircle as Re } from "lucide-react";
-import { useLocation as ze, useParams as Be } from "react-router-dom";
-import { useAppShell as Ve } from "@burdenoff/fe-libs/shared/providers/shell";
+import { buildStoreOrderCheckoutItems as Ee, normalizeStoreOrderCurrency as De } from "../utils/storeOrder.js";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as Oe, useState as u } from "react";
+import { ArrowLeft as ke, ArrowRight as Ae, Blocks as je, CheckCircle as Me, Coins as Ne, CreditCard as Pe, Loader2 as d, Package as Fe, Receipt as Ie, RefreshCw as Le, ShoppingCart as Re, Wallet as ze, XCircle as Be } from "lucide-react";
+import { useLocation as Ve, useParams as He } from "react-router-dom";
+import { useAppShell as Ue } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as He } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { getProfileScopedKey as Ue } from "@burdenoff/fe-libs/shared/utils";
+import { useI18n as We } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getProfileScopedKey as Ge } from "@burdenoff/fe-libs/shared/utils";
 //#region src/billing/modules/checkout/pages/CheckoutPage.tsx
-var We = () => {
-	let { t: We } = He(), h = (e, t) => {
-		let n = We(e);
+var Ke = () => {
+	let { t: Ke } = We(), h = (e, t) => {
+		let n = Ke(e);
 		return n === e ? t : n;
-	}, { planId: Ge, addonId: g, storeOrderId: _ } = Be(), v = se(), y = ze(), b = y.state, Ke = a(), { emit: x } = r(), { orgId: S, stripePublishableKey: qe, razorpayKey: Je, apiGatewayUrl: Ye, authToken: Xe, currentUser: Ze } = e(), { productSlug: Qe } = Ve(), $e = Ee(null), { items: C, clearCart: et, _hasHydrated: w } = oe(), T = y.pathname.includes("/checkout/addons") && !g, E = y.pathname.includes("/checkout/store") && !!_, D = T ? "ADDON" : E ? "ORDER" : b?.purchaseType ?? (Ge ? "PLAN" : g ? "ADDON" : "CREDITS"), O = b?.itemId ?? Ge ?? g ?? _, [k, A] = u("select"), [j, M] = u(null), [tt, N] = u(null), [P, F] = u(null), [nt, rt] = u("card");
+	}, { planId: qe, addonId: g, storeOrderId: _ } = He(), v = se(), Je = Ve(), y = Je.state, Ye = a(), { emit: b } = r(), { orgId: x, stripePublishableKey: Xe, razorpayKey: Ze, apiGatewayUrl: Qe, authToken: $e, currentUser: et } = e(), { productSlug: tt } = Ue(), S = Oe(null), { items: C, clearCart: nt, _hasHydrated: w } = oe(), T = Je.pathname.includes("/checkout/addons") && !g, E = Je.pathname.includes("/checkout/store") && !!_, D = T ? "ADDON" : E ? "ORDER" : y?.purchaseType ?? (qe ? "PLAN" : g ? "ADDON" : "CREDITS"), O = y?.itemId ?? qe ?? g ?? _, [rt, k] = u(!1), [A, j] = u("select"), [M, N] = u(null), [it, P] = u(null), [F, I] = u(null), [at, ot] = u("card");
 	c(() => {
-		if (k !== "success" || !P) return;
-		let e = typeof window < "u" ? window.localStorage.getItem(Ue("boff-referral-attribution")) : null;
+		if (A !== "success" || !F) return;
+		let e = typeof window < "u" ? window.localStorage.getItem(Ge("boff-referral-attribution")) : null;
 		if (!e) return;
 		let t;
 		try {
@@ -51,168 +52,168 @@ var We = () => {
 			return;
 		}
 		if (!t.journeyId && !t.codeId) return;
-		let n = P.transactionId || j?.paymentId || j?.orderId || _ || O || D, r = `${t.journeyId ?? "journey"}:${n}`;
-		$e.current !== r && ($e.current = r, ce({
+		let n = F.transactionId || M?.paymentId || M?.orderId || _ || O || D, r = `${t.journeyId ?? "journey"}:${n}`;
+		S.current !== r && (S.current = r, ce({
 			journeyId: t.journeyId,
 			codeId: t.codeId,
 			eventType: D === "ORDER" ? "STORE_PURCHASE" : "PAID_CONVERSION",
-			productSlug: Qe,
-			actorUserId: Ze?.id,
-			orderId: P.transactionId || j?.paymentId || j?.orderId,
-			billingAccountId: P.billingAccountId,
+			productSlug: tt,
+			actorUserId: et?.id,
+			orderId: F.transactionId || M?.paymentId || M?.orderId,
+			billingAccountId: F.billingAccountId,
 			storeOrderId: D === "ORDER" ? _ : void 0,
-			valueAmount: P.total,
-			currency: P.currency,
+			valueAmount: F.total,
+			currency: F.currency,
 			mode: "billing-checkout",
 			metadata: {
 				purchaseType: D,
-				billingAccountName: P.billingAccountName
+				billingAccountName: F.billingAccountName
 			}
 		}, {
-			apiGatewayUrl: Ye,
-			authToken: Xe,
-			orgId: S
+			apiGatewayUrl: Qe,
+			authToken: $e,
+			orgId: x
 		}).catch(() => {
-			$e.current = null;
+			S.current = null;
 		}));
 	}, [
-		Ye,
-		Xe,
-		Ze?.id,
-		O,
-		k,
-		S,
-		j?.orderId,
-		j?.paymentId,
 		Qe,
-		P,
+		$e,
+		et?.id,
+		O,
+		A,
+		x,
+		M?.orderId,
+		M?.paymentId,
+		tt,
+		F,
 		D,
 		_
 	]);
-	let [I, L] = u(1), R = le({
+	let [L, R] = u(1), z = le({
 		defaultCurrency: "USD",
-		upgradeFromSubscriptionId: b?.upgradeFromSubscriptionId,
-		downgradeFromSubscriptionId: b?.downgradeFromSubscriptionId
-	}), { config: it, stripeEnabled: at, razorpayEnabled: z } = fe(), { elapsedTime: B, error: ot } = pe({
-		paymentId: k === "processing" ? j?.paymentId ?? null : null,
-		billingAccountId: R.billingAccount?.id ?? P?.billingAccountId ?? null,
-		paymentType: nt,
+		upgradeFromSubscriptionId: y?.upgradeFromSubscriptionId,
+		downgradeFromSubscriptionId: y?.downgradeFromSubscriptionId
+	}), { config: st, stripeEnabled: ct, razorpayEnabled: B } = fe(), { elapsedTime: lt, error: ut } = pe({
+		paymentId: A === "processing" ? M?.paymentId ?? null : null,
+		billingAccountId: z.billingAccount?.id ?? F?.billingAccountId ?? null,
+		paymentType: at,
 		pollingInterval: 5e3,
 		maxPollingTime: 3e5,
 		onSuccess: (e) => {
-			e.transactionId && F((t) => t && {
+			e.transactionId && I((t) => t && {
 				...t,
 				transactionId: e.transactionId
-			}), A("success"), T && et();
+			}), j("success"), T && nt();
 		},
 		onFailure: (e) => {
-			N(e.failureReason || "Payment failed"), A("error");
+			P(e.failureReason || "Payment failed"), j("error");
 		},
 		onTimeout: () => {
-			N("Payment verification timed out. Please check your billing history for the payment status."), A("error");
+			P("Payment verification timed out. Please check your billing history for the payment status."), j("error");
 		}
-	}), { data: st, loading: ct } = ee({}), { data: V, loading: lt } = re({
+	}), { data: dt, loading: ft } = ee({}), { data: V, loading: pt } = re({
 		variables: { id: O },
 		skip: D !== "PLAN" || !O
-	}), { data: H, loading: ut } = ie({
+	}), { data: H, loading: mt } = ie({
 		variables: { addonIDs: O ? [O] : [] },
 		skip: D !== "ADDON" || !O || E
 	}), { data: U } = ae({
 		variables: { id: _ },
 		skip: !E || !_
-	}), { data: dt, loading: ft } = ne({
-		variables: { billingAccountId: R.billingAccount?.id },
-		skip: !R.billingAccount?.id
-	}), { data: pt, loading: mt } = o({
-		variables: { billingAccountId: R.billingAccount?.id },
-		skip: !R.billingAccount?.id || D !== "ADDON" || E
-	}), W = l(() => pt?.getActiveSubscriptions ?? [], [pt]), G = l(() => !R.selectedSubscriptionId || W.length === 0 ? null : W.find((e) => e.id === R.selectedSubscriptionId) ?? null, [R.selectedSubscriptionId, W]), K = R.items[0]?.type === "CREDITS" ? R.items[0].quantity : 100, { data: q, loading: ht } = te({
+	}), { data: ht, loading: gt } = ne({
+		variables: { billingAccountId: z.billingAccount?.id },
+		skip: !z.billingAccount?.id
+	}), { data: _t, loading: vt } = o({
+		variables: { billingAccountId: z.billingAccount?.id },
+		skip: !z.billingAccount?.id || D !== "ADDON" || E
+	}), W = l(() => _t?.getActiveSubscriptions ?? [], [_t]), G = l(() => !z.selectedSubscriptionId || W.length === 0 ? null : W.find((e) => e.id === z.selectedSubscriptionId) ?? null, [z.selectedSubscriptionId, W]), K = z.items[0]?.type === "CREDITS" ? z.items[0].quantity : 100, { data: q, loading: yt } = te({
 		variables: {
 			creditAmount: K,
-			currency: R.selectedCurrency || "USD"
+			currency: z.selectedCurrency || "USD"
 		},
 		skip: D !== "CREDITS"
-	}), J = l(() => q?.getCostOfCredits?.amount && K > 0 ? q.getCostOfCredits.amount / K : .01, [q, K]), Y = l(() => dt?.getPaymentMethods ?? [], [dt]), X = l(() => st?.getBillingAccountsByOrg ?? [], [st]), Z = l(() => {
-		if (!R.billingAccount) return;
-		let e = X.find((e) => e.id === R.billingAccount?.id)?.billingAddresses;
+	}), J = l(() => q?.getCostOfCredits?.amount && K > 0 ? q.getCostOfCredits.amount / K : .01, [q, K]), Y = l(() => ht?.getPaymentMethods ?? [], [ht]), X = l(() => dt?.getBillingAccountsByOrg ?? [], [dt]), Z = l(() => {
+		if (!z.billingAccount) return;
+		let e = X.find((e) => e.id === z.billingAccount?.id)?.billingAddresses;
 		if (e && e.length > 0) return e[0]?.country || void 0;
-	}, [R.billingAccount, X]), [gt, _t] = u(null);
+	}, [z.billingAccount, X]), [bt, xt] = u(null);
 	c(() => {
-		if (Z) if (Z === "IN") R.selectedCurrency !== "INR" && R.setCurrency("INR"), z && gt !== Z && R.selectedProvider !== "CREDITS" && (R.setPaymentProvider("RAZORPAY"), _t(Z));
+		if (Z) if (Z === "IN") z.selectedCurrency !== "INR" && z.setCurrency("INR"), B && bt !== Z && z.selectedProvider !== "CREDITS" && (z.setPaymentProvider("RAZORPAY"), xt(Z));
 		else {
-			if (R.selectedCurrency === "INR") {
-				let e = R.billingAccount?.currency, t = e && e !== "INR" ? e : "USD";
-				R.setCurrency(t);
+			if (z.selectedCurrency === "INR") {
+				let e = z.billingAccount?.currency, t = e && e !== "INR" ? e : "USD";
+				z.setCurrency(t);
 			}
-			R.selectedProvider === "RAZORPAY" && (R.setPaymentProvider("STRIPE"), _t(Z));
+			z.selectedProvider === "RAZORPAY" && (z.setPaymentProvider("STRIPE"), xt(Z));
 		}
 	}, [
 		Z,
-		R.selectedCurrency,
-		R.selectedProvider,
-		R.setCurrency,
-		R.setPaymentProvider,
-		R.billingAccount?.currency,
-		z,
-		gt
+		z.selectedCurrency,
+		z.selectedProvider,
+		z.setCurrency,
+		z.setPaymentProvider,
+		z.billingAccount?.currency,
+		B,
+		bt
 	]), c(() => {
-		if (!R.billingAccount?.currency || Z === "IN") return;
-		let e = R.billingAccount.currency;
-		e !== "INR" && R.selectedCurrency !== e && R.setCurrency(e);
+		if (!z.billingAccount?.currency || Z === "IN") return;
+		let e = z.billingAccount.currency;
+		e !== "INR" && z.selectedCurrency !== e && z.setCurrency(e);
 	}, [
-		R.billingAccount?.id,
-		R.billingAccount?.currency,
+		z.billingAccount?.id,
+		z.billingAccount?.currency,
 		Z,
-		R.selectedCurrency,
-		R.setCurrency
+		z.selectedCurrency,
+		z.setCurrency
 	]), c(() => {
-		if (R.selectedProvider !== "AUTO" && R.selectedProvider !== null) return;
-		let e = R.availableCredits >= R.total;
-		if (R.canPayWithCredits && e) {
-			R.setPaymentProvider("CREDITS"), R.setSelectedPaymentMethodId(null);
+		if (z.selectedProvider !== "AUTO" && z.selectedProvider !== null) return;
+		let e = z.availableCredits >= z.total;
+		if (z.canPayWithCredits && e) {
+			z.setPaymentProvider("CREDITS"), z.setSelectedPaymentMethodId(null);
 			return;
 		}
-		if (Y.length > 0 && !R.selectedPaymentMethodId) {
+		if (Y.length > 0 && !z.selectedPaymentMethodId) {
 			let e = Y.find((e) => e.isDefault && e.isVerified), t = Y.find((e) => e.isVerified), n = e || t;
 			if (n) {
-				R.setSelectedPaymentMethodId(n.id), n.razorpayPaymentMethodId ? R.setPaymentProvider("RAZORPAY") : n.stripePaymentMethodId && R.setPaymentProvider("STRIPE");
+				z.setSelectedPaymentMethodId(n.id), n.razorpayPaymentMethodId ? z.setPaymentProvider("RAZORPAY") : n.stripePaymentMethodId && z.setPaymentProvider("STRIPE");
 				return;
 			}
 		}
 	}, [
 		Y.length,
-		R.canPayWithCredits,
-		R.availableCredits,
-		R.total
+		z.canPayWithCredits,
+		z.availableCredits,
+		z.total
 	]);
 	let [Q, $] = u(!1);
 	c(() => {
 		if (!E || Q || !U?.getStoreOrder) return;
-		let e = Te(U.getStoreOrder.currency);
-		R.selectedCurrency !== e && R.setCurrency(e);
+		let e = De(U.getStoreOrder.currency);
+		z.selectedCurrency !== e && z.setCurrency(e);
 	}, [
 		E,
 		Q,
 		U,
-		R.selectedCurrency,
-		R.setCurrency
+		z.selectedCurrency,
+		z.setCurrency
 	]), c(() => {
 		if (D === "PLAN" && V?.getPlan?.pricingModel === "PER_SEAT") {
 			let e = V.getPlan.minSeats ?? 1;
-			L((t) => t < e ? e : t);
+			R((t) => t < e ? e : t);
 		}
 	}, [V, D]), c(() => {
 		D === "PLAN" && V?.getPlan?.pricingModel === "PER_SEAT" && Q && $(!1);
-	}, [I]), c(() => {
+	}, [L]), c(() => {
 		if (!Q) {
 			if (T && w && C.length > 0) {
-				R.clearItems();
+				z.clearItems();
 				for (let e of C) {
 					let t = e.addon, n = t.features?.map((e) => ({
 						id: e.quota?.id || e.id,
 						name: e.quota?.name || "Feature",
 						limits: e.quota?.limits
-					})) || [], r = R.selectedCurrency || "USD", i = t.currencyPrices?.[r] ?? t.price, a = {
+					})) || [], r = z.selectedCurrency || "USD", i = t.currencyPrices?.[r] ?? t.price, a = {
 						id: t.id,
 						type: "ADDON",
 						name: t.name,
@@ -224,7 +225,7 @@ var We = () => {
 						features: n,
 						metadata: { addonId: t.id }
 					};
-					R.addItem(a);
+					z.addItem(a);
 				}
 				$(!0);
 				return;
@@ -234,15 +235,15 @@ var We = () => {
 					id: e.quota?.id || e.id,
 					name: e.quota?.name || "Feature",
 					limits: e.quota?.limits
-				})) || [], n = R.selectedCurrency || "USD", r = e.currencyPrices, i = e.pricingModel === "PER_SEAT", a;
+				})) || [], n = z.selectedCurrency || "USD", r = e.currencyPrices, i = e.pricingModel === "PER_SEAT", a;
 				if (i && e.pricePerSeat) {
 					let t = r?.[n];
-					a = (typeof t == "object" && t?.perSeat ? t.perSeat : e.pricePerSeat) * I;
+					a = (typeof t == "object" && t?.perSeat ? t.perSeat : e.pricePerSeat) * L;
 				} else {
 					let t = r?.[n];
 					a = typeof t == "number" ? t : e.price;
 				}
-				let o = i ? I : 1, ee = {
+				let o = i ? L : 1, ee = {
 					id: e.id,
 					type: "PLAN",
 					name: e.name,
@@ -258,13 +259,13 @@ var We = () => {
 						seatCount: i ? o : void 0
 					}
 				};
-				R.addItem(ee), $(!0);
+				z.addItem(ee), $(!0);
 			} else if (D === "ADDON" && !T && H?.getSelectedAddons?.[0]) {
 				let e = H.getSelectedAddons[0], t = e.features?.map((e) => ({
 					id: e.quota?.id || e.id,
 					name: e.quota?.name || "Feature",
 					limits: e.quota?.limits
-				})) || [], n = R.selectedCurrency || "USD", r = e.currencyPrices?.[n] ?? e.price, i = {
+				})) || [], n = z.selectedCurrency || "USD", r = e.currencyPrices?.[n] ?? e.price, i = {
 					id: e.id,
 					type: "ADDON",
 					name: e.name,
@@ -272,14 +273,14 @@ var We = () => {
 					price: r,
 					priceUSD: e.price,
 					currency: n,
-					quantity: b?.quantity ?? 1,
+					quantity: y?.quantity ?? 1,
 					features: t,
 					metadata: { addonId: e.id }
 				};
-				R.addItem(i), $(!0);
+				z.addItem(i), $(!0);
 			} else if (E && U?.getStoreOrder) {
-				let e = U.getStoreOrder, t = we(e);
-				for (let e of t) R.addItem(e);
+				let e = U.getStoreOrder, t = Ee(e);
+				for (let e of t) z.addItem(e);
 				$(!0);
 			} else if (D === "CREDITS") {
 				let e = {
@@ -288,10 +289,10 @@ var We = () => {
 					name: "Credits",
 					description: "Purchase credits for your account",
 					price: J,
-					currency: R.selectedCurrency || "USD",
+					currency: z.selectedCurrency || "USD",
 					quantity: 100
 				};
-				R.addItem(e), $(!0);
+				z.addItem(e), $(!0);
 			}
 		}
 	}, [
@@ -299,97 +300,97 @@ var We = () => {
 		V,
 		H,
 		U,
-		R.addItem,
-		R.clearItems,
-		b?.quantity,
+		z.addItem,
+		z.clearItems,
+		y?.quantity,
 		Q,
 		T,
 		E,
 		C,
 		w,
 		J,
-		R.selectedCurrency
+		z.selectedCurrency
 	]), c(() => {
-		if (!(!E || !Q || R.conversionRate <= 1)) {
-			for (let e of R.items) if (e.type === "ORDER" && e.currency !== R.selectedCurrency) {
-				let t = e.price * R.conversionRate;
-				R.updateItemPrice(e.id, t, R.selectedCurrency);
+		if (!(!E || !Q || z.conversionRate <= 1)) {
+			for (let e of z.items) if (e.type === "ORDER" && e.currency !== z.selectedCurrency) {
+				let t = e.price * z.conversionRate;
+				z.updateItemPrice(e.id, t, z.selectedCurrency);
 			}
 		}
 	}, [
 		E,
 		Q,
-		R.conversionRate,
-		R.selectedCurrency,
-		R.updateItemPrice
+		z.conversionRate,
+		z.selectedCurrency,
+		z.updateItemPrice
 	]), c(() => {
 		if (D === "CREDITS" && Q && J > 0) {
-			let e = R.items.find((e) => e.id === "credits-purchase");
-			e && e.price !== J && R.updateItemPrice("credits-purchase", J);
+			let e = z.items.find((e) => e.id === "credits-purchase");
+			e && e.price !== J && z.updateItemPrice("credits-purchase", J);
 		}
 	}, [
 		D,
 		Q,
 		J,
-		R.items,
-		R.updateItemPrice
+		z.items,
+		z.updateItemPrice
 	]), c(() => {
-		if (!Q || R.items.length === 0) return;
-		let e = R.selectedCurrency || "USD";
-		for (let t of R.items) if (t.type === "PLAN" && V?.getPlan) {
+		if (!Q || z.items.length === 0) return;
+		let e = z.selectedCurrency || "USD";
+		for (let t of z.items) if (t.type === "PLAN" && V?.getPlan) {
 			let n = V.getPlan.currencyPrices?.[e] ?? V.getPlan.price;
-			(t.price !== n || t.currency !== e) && R.updateItemPrice(t.id, n, e);
+			(t.price !== n || t.currency !== e) && z.updateItemPrice(t.id, n, e);
 		} else if (t.type === "ADDON") {
 			if (!T && H?.getSelectedAddons?.[0]) {
 				let n = H.getSelectedAddons[0], r = n.currencyPrices?.[e] ?? n.price;
-				(t.price !== r || t.currency !== e) && R.updateItemPrice(t.id, r, e);
+				(t.price !== r || t.currency !== e) && z.updateItemPrice(t.id, r, e);
 			}
 			if (T) {
 				let n = C.find((e) => e.addon.id === t.id);
 				if (n) {
 					let r = n.addon.currencyPrices?.[e] ?? n.addon.price;
-					(t.price !== r || t.currency !== e) && R.updateItemPrice(t.id, r, e);
+					(t.price !== r || t.currency !== e) && z.updateItemPrice(t.id, r, e);
 				}
 			}
 		}
 	}, [
-		R.selectedCurrency,
+		z.selectedCurrency,
 		Q,
-		R.items,
-		R.updateItemPrice,
+		z.items,
+		z.updateItemPrice,
 		V,
 		H,
 		C,
 		T
 	]), c(() => {
-		if (X.length > 0 && !R.billingAccount) {
-			if (b?.billingAccountId) {
-				let e = X.find((e) => e.id === b.billingAccountId);
+		if (X.length > 0 && !z.billingAccount) {
+			if (y?.billingAccountId) {
+				let e = X.find((e) => e.id === y.billingAccountId);
 				if (e) {
-					R.setBillingAccount(e);
+					z.setBillingAccount(e);
 					return;
 				}
 			}
-			if (S) {
-				let e = i(S);
+			if (x) {
+				let e = i(x);
 				if (e) {
 					let t = X.find((t) => t.id === e);
 					if (t) {
-						R.setBillingAccount(t);
+						z.setBillingAccount(t);
 						return;
 					}
 				}
 			}
-			R.setBillingAccount(X[0]);
+			z.setBillingAccount(X[0]);
 		}
 	}, [
 		X,
-		R.billingAccount,
-		R.setBillingAccount,
-		b?.billingAccountId,
-		S
+		z.billingAccount,
+		z.setBillingAccount,
+		y?.billingAccountId,
+		x
 	]);
-	let vt = !!(b?.upgradeFromSubscriptionId || b?.downgradeFromSubscriptionId);
+	let St = !!(y?.upgradeFromSubscriptionId || y?.downgradeFromSubscriptionId);
 	c(() => {
 		T && w && C.length === 0 && !Q && v("/addons", { replace: !0 });
 	}, [
@@ -399,52 +400,56 @@ var We = () => {
 		Q,
 		v
 	]);
-	let yt = de({
-		billingAccountId: R.billingAccount?.id,
+	let Ct = de({
+		billingAccountId: z.billingAccount?.id,
 		purchaseType: D,
 		productId: O
-	}), bt = s(async () => {
-		if (!R.billingAccount) return;
-		N(null);
-		let e = R.billingAccount.creditAmount ?? 0, t = [...R.items], n = R.total, r = await R.initiatePayment();
+	}), wt = s(async () => {
+		if (!z.billingAccount) return;
+		if (!Te(z.billingAccount)) {
+			k(!0);
+			return;
+		}
+		P(null);
+		let e = z.billingAccount.creditAmount ?? 0, t = [...z.items], n = z.total, r = await z.initiatePayment();
 		if (r.success) {
-			if (x("billing.checkout.initiated", {
+			if (b("billing.checkout.initiated", {
 				route: "/billing/checkout",
 				entityId: r.paymentId ?? r.orderId,
 				source: "checkout",
 				amount: r.total || n,
-				currency: r.currency || R.selectedCurrency
-			}), R.selectedProvider === "CREDITS") {
-				x("billing.credits.spent", {
+				currency: r.currency || z.selectedCurrency
+			}), z.selectedProvider === "CREDITS") {
+				b("billing.credits.spent", {
 					route: "/billing/checkout",
 					entityId: r.orderId,
 					source: "checkout",
 					amount: n,
 					currency: "CREDITS"
-				}), F({
+				}), I({
 					items: t,
 					total: n,
-					billingAccountName: R.billingAccount.name,
-					billingAccountId: R.billingAccount.id,
+					billingAccountName: z.billingAccount.name,
+					billingAccountId: z.billingAccount.id,
 					previousBalance: e,
 					newBalance: e - n,
 					paymentMethod: "credits",
 					currency: "Credits",
 					transactionId: r.orderId
-				}), rt("credits"), M({ paymentId: r.orderId }), A("processing");
+				}), ot("credits"), N({ paymentId: r.orderId }), j("processing");
 				return;
 			}
-			F({
+			I({
 				items: t,
 				total: r.total || n,
-				billingAccountName: R.billingAccount.name,
-				billingAccountId: R.billingAccount.id,
+				billingAccountName: z.billingAccount.name,
+				billingAccountId: z.billingAccount.id,
 				previousBalance: e,
 				newBalance: e,
 				paymentMethod: "card",
-				currency: r.currency || R.selectedCurrency,
+				currency: r.currency || z.selectedCurrency,
 				transactionId: r.paymentId
-			}), rt("card"), M({
+			}), ot("card"), N({
 				clientSecret: r.clientSecret,
 				orderId: r.orderId,
 				razorpayKeyId: r.razorpayKeyId,
@@ -456,49 +461,49 @@ var We = () => {
 				prefillContact: r.prefillContact,
 				total: r.total,
 				currency: r.currency
-			}), r.paymentComplete ? A("processing") : A("payment");
-		} else x("billing.checkout.failed", {
+			}), r.paymentComplete ? j("processing") : j("payment");
+		} else b("billing.checkout.failed", {
 			route: "/billing/checkout",
 			source: "checkout",
 			reason: r.error || "Payment initiation failed"
-		}), N(r.error || "Payment initiation failed"), A("error");
-	}, [R, x]), xt = s((e) => {
-		x("billing.payment.succeeded", {
+		}), P(r.error || "Payment initiation failed"), j("error");
+	}, [z, b]), Tt = s((e) => {
+		b("billing.payment.succeeded", {
 			route: "/billing/checkout",
-			entityId: j?.paymentId ?? j?.orderId,
+			entityId: M?.paymentId ?? M?.orderId,
 			source: "checkout"
-		}), M((e) => e), A("processing");
+		}), N((e) => e), j("processing");
 	}, [
-		x,
-		j?.orderId,
-		j?.paymentId
-	]), St = s((e) => {
-		x("billing.payment.failed", {
+		b,
+		M?.orderId,
+		M?.paymentId
+	]), Et = s((e) => {
+		b("billing.payment.failed", {
 			route: "/billing/checkout",
-			entityId: j?.paymentId ?? j?.orderId,
+			entityId: M?.paymentId ?? M?.orderId,
 			source: "checkout",
 			reason: e
-		}), N(e), A("error");
+		}), P(e), j("error");
 	}, [
-		x,
-		j?.orderId,
-		j?.paymentId
-	]), Ct = s((e) => {
-		R.updateItemQuantity("credits-purchase", e);
-	}, [R]);
-	if (!Ke.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
+		b,
+		M?.orderId,
+		M?.paymentId
+	]), Dt = s((e) => {
+		z.updateItemQuantity("credits-purchase", e);
+	}, [z]);
+	if (!Ye.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
 	if (ue()) return /* @__PURE__ */ p(me, {
 		purchaseType: D,
 		productId: O,
-		billingAccountId: R.billingAccount?.id,
-		nativeCheckout: yt,
+		billingAccountId: z.billingAccount?.id,
+		nativeCheckout: Ct,
 		onBack: () => v("dashboard")
 	});
-	let wt = ct || lt && D === "PLAN" || ut && D === "ADDON" && !T || T && !w;
+	let Ot = ft || pt && D === "PLAN" || mt && D === "ADDON" && !T || T && !w;
 	if (T && w && C.length === 0 && !Q) return null;
-	let Tt = () => {
+	let kt = () => {
 		if (T) {
-			let e = R.items.length;
+			let e = z.items.length;
 			return `Purchase ${e} Add-on${e === 1 ? "" : "s"}`;
 		}
 		switch (D) {
@@ -507,15 +512,15 @@ var We = () => {
 			case "ADDON": return "Purchase Add-on";
 			default: return "Checkout";
 		}
-	}, Et = () => {
+	}, At = () => {
 		switch (D) {
-			case "CREDITS": return /* @__PURE__ */ p(je, { className: "size-6" });
-			case "PLAN": return /* @__PURE__ */ p(Ne, { className: "size-6" });
-			case "ADDON": return /* @__PURE__ */ p(ke, { className: "size-6" });
-			default: return /* @__PURE__ */ p(Ie, { className: "size-6" });
+			case "CREDITS": return /* @__PURE__ */ p(Ne, { className: "size-6" });
+			case "PLAN": return /* @__PURE__ */ p(Fe, { className: "size-6" });
+			case "ADDON": return /* @__PURE__ */ p(je, { className: "size-6" });
+			default: return /* @__PURE__ */ p(Re, { className: "size-6" });
 		}
 	};
-	if (wt) return /* @__PURE__ */ p("div", {
+	if (Ot) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
@@ -525,10 +530,10 @@ var We = () => {
 			})]
 		})
 	});
-	if (k === "success") {
+	if (A === "success") {
 		let e = (e) => {
-			if (!P) return `${e.toFixed(2)}`;
-			let t = P.currency;
+			if (!F) return `${e.toFixed(2)}`;
+			let t = F.currency;
 			return t === "Credits" ? `${e.toFixed(2)} Credits` : `${{
 				INR: "₹",
 				USD: "$",
@@ -543,7 +548,7 @@ var We = () => {
 					className: "text-center space-y-4",
 					children: [/* @__PURE__ */ p("div", {
 						className: "inline-flex p-4 rounded-full bg-status-success-bg-subtle text-status-success-text",
-						children: /* @__PURE__ */ p(Ae, { className: "size-12" })
+						children: /* @__PURE__ */ p(Me, { className: "size-12" })
 					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-bold text-foreground",
 						children: h("billing.checkout.paymentSuccessful", "Payment Successful!")
@@ -552,25 +557,25 @@ var We = () => {
 						children: h("billing.checkout.purchaseCompleted", "Your purchase has been completed successfully.")
 					})] })]
 				}),
-				P && /* @__PURE__ */ m("div", {
+				F && /* @__PURE__ */ m("div", {
 					className: "bg-card border border-border rounded-lg overflow-hidden",
 					children: [
 						/* @__PURE__ */ m("div", {
 							className: "p-4 border-b border-border",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
+								children: [/* @__PURE__ */ p(Ie, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
 							}), /* @__PURE__ */ p("div", {
 								className: "space-y-2",
-								children: P.items.map((t) => /* @__PURE__ */ m("div", {
+								children: F.items.map((t) => /* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
-											t.type === "PLAN" && /* @__PURE__ */ p(Ne, { className: "size-4 text-accent-blue" }),
-											t.type === "ADDON" && /* @__PURE__ */ p(ke, { className: "size-4 text-accent-purple" }),
-											t.type === "CREDITS" && /* @__PURE__ */ p(je, { className: "size-4 text-status-warning-text" }),
-											t.type === "ORDER" && /* @__PURE__ */ p(Ie, { className: "size-4 text-status-success-text" }),
+											t.type === "PLAN" && /* @__PURE__ */ p(Fe, { className: "size-4 text-accent-blue" }),
+											t.type === "ADDON" && /* @__PURE__ */ p(je, { className: "size-4 text-accent-purple" }),
+											t.type === "CREDITS" && /* @__PURE__ */ p(Ne, { className: "size-4 text-status-warning-text" }),
+											t.type === "ORDER" && /* @__PURE__ */ p(Re, { className: "size-4 text-status-success-text" }),
 											/* @__PURE__ */ p("span", {
 												className: "text-foreground",
 												children: t.name
@@ -596,10 +601,10 @@ var We = () => {
 									children: h("billing.checkout.paymentMethod", "Payment Method")
 								}), /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2",
-									children: P.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Le, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
+									children: F.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ze, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-foreground",
 										children: h("billing.checkout.credits", "Credits")
-									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Me, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
+									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Pe, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-foreground",
 										children: h("billing.checkout.card", "Card")
 									})] })
@@ -610,16 +615,16 @@ var We = () => {
 										children: h("billing.checkout.totalPaid", "Total Paid")
 									}), /* @__PURE__ */ p("p", {
 										className: "font-bold text-lg text-foreground",
-										children: e(P.total)
+										children: e(F.total)
 									})]
 								})]
 							})
 						}),
-						P.paymentMethod === "credits" && /* @__PURE__ */ m("div", {
+						F.paymentMethod === "credits" && /* @__PURE__ */ m("div", {
 							className: "p-4 border-b border-border",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ p(Le, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
+								children: [/* @__PURE__ */ p(ze, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
 							}), /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-4",
 								children: [
@@ -630,10 +635,10 @@ var We = () => {
 											children: h("billing.checkout.previousBalance", "Previous Balance")
 										}), /* @__PURE__ */ p("p", {
 											className: "font-semibold text-foreground",
-											children: t(P.previousBalance)
+											children: t(F.previousBalance)
 										})]
 									}),
-									/* @__PURE__ */ p(Oe, { className: "size-5 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ p(Ae, { className: "size-5 text-muted-foreground shrink-0" }),
 									/* @__PURE__ */ m("div", {
 										className: "flex-1 text-center p-3 rounded-lg bg-status-success-bg-subtle",
 										children: [/* @__PURE__ */ p("p", {
@@ -641,7 +646,7 @@ var We = () => {
 											children: h("billing.checkout.newBalance", "New Balance")
 										}), /* @__PURE__ */ p("p", {
 											className: "font-semibold text-status-success-text",
-											children: t(P.newBalance)
+											children: t(F.newBalance)
 										})]
 									})
 								]
@@ -656,15 +661,15 @@ var We = () => {
 									children: h("billing.checkout.billingAccount", "Billing Account")
 								}), /* @__PURE__ */ p("p", {
 									className: "font-medium text-foreground",
-									children: P.billingAccountName
-								})] }), P.transactionId && /* @__PURE__ */ m("div", {
+									children: F.billingAccountName
+								})] }), F.transactionId && /* @__PURE__ */ m("div", {
 									className: "text-right",
 									children: [/* @__PURE__ */ p("p", {
 										className: "text-xs text-muted-foreground mb-1",
 										children: h("billing.checkout.transactionId", "Transaction ID")
 									}), /* @__PURE__ */ m("p", {
 										className: "font-mono text-xs text-muted-foreground",
-										children: [P.transactionId.slice(0, 8), "..."]
+										children: [F.transactionId.slice(0, 8), "..."]
 									})]
 								})]
 							})
@@ -688,21 +693,21 @@ var We = () => {
 			]
 		});
 	}
-	if (k === "error") return /* @__PURE__ */ p("div", {
+	if (A === "error") return /* @__PURE__ */ p("div", {
 		className: "max-w-lg mx-auto p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-6",
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-destructive/10 text-destructive",
-					children: /* @__PURE__ */ p(Re, { className: "size-12" })
+					children: /* @__PURE__ */ p(Be, { className: "size-12" })
 				}),
 				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-foreground",
 					children: h("billing.checkout.paymentFailed", "Payment Failed")
 				}), /* @__PURE__ */ p("p", {
 					className: "text-muted-foreground mt-2",
-					children: tt || ot || R.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
+					children: it || ut || z.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
 				})] }),
 				/* @__PURE__ */ m("div", {
 					className: "flex gap-3 justify-center",
@@ -714,7 +719,7 @@ var We = () => {
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: () => {
-							A("select"), N(null), R.reset();
+							j("select"), P(null), z.reset();
 						},
 						className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90",
 						children: h("billing.checkout.tryAgain", "Try Again")
@@ -723,7 +728,7 @@ var We = () => {
 			]
 		})
 	});
-	if (k === "processing") return /* @__PURE__ */ p("div", {
+	if (A === "processing") return /* @__PURE__ */ p("div", {
 		className: "max-w-lg mx-auto p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-6",
@@ -751,7 +756,7 @@ var We = () => {
 								children: ((e) => {
 									let t = Math.floor(e / 1e3);
 									return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
-								})(B)
+								})(lt)
 							})
 						]
 					}), /* @__PURE__ */ p("p", {
@@ -763,13 +768,13 @@ var We = () => {
 					className: "w-full bg-muted rounded-full h-2 overflow-hidden",
 					children: /* @__PURE__ */ p("div", {
 						className: "bg-primary h-2 rounded-full transition-all duration-1000",
-						style: { width: `${Math.min(B / 3e5 * 100, 100)}%` }
+						style: { width: `${Math.min(lt / 3e5 * 100, 100)}%` }
 					})
 				}),
-				B > 3e4 && /* @__PURE__ */ p("button", {
+				lt > 3e4 && /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => {
-						A("error"), N("Payment verification was cancelled. Please check your billing history.");
+						j("error"), P("Payment verification was cancelled. Please check your billing history.");
 					},
 					className: "text-sm text-muted-foreground hover:text-foreground underline",
 					children: h("billing.checkout.cancelAndCheckHistory", "Cancel and check billing history")
@@ -777,21 +782,21 @@ var We = () => {
 			]
 		})
 	});
-	if (k === "payment" && j) {
+	if (A === "payment" && M) {
 		let e = (e, t) => `${{
 			INR: "₹",
 			USD: "$",
 			EUR: "€",
 			GBP: "£"
-		}[t] || t + " "}${e.toFixed(2)}`, t = j.currency || R.selectedCurrency, r = j.total ?? R.total;
+		}[t] || t + " "}${e.toFixed(2)}`, t = M.currency || z.selectedCurrency, r = M.total ?? z.total;
 		return /* @__PURE__ */ m("div", {
 			className: "max-w-2xl mx-auto p-4 sm:p-6 space-y-6",
 			children: [
 				/* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => A("select"),
+					onClick: () => j("select"),
 					className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
-					children: [/* @__PURE__ */ p(De, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
+					children: [/* @__PURE__ */ p(ke, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
 				}),
 				/* @__PURE__ */ p(n, {
 					title: h("billing.checkout.completePayment", "Complete Payment"),
@@ -802,9 +807,9 @@ var We = () => {
 					children: [
 						/* @__PURE__ */ m("h3", {
 							className: "font-semibold text-foreground flex items-center gap-2",
-							children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
+							children: [/* @__PURE__ */ p(Ie, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
 						}),
-						R.billingAccount && /* @__PURE__ */ m("div", {
+						z.billingAccount && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-muted/30 rounded-lg space-y-1",
 							children: [
 								/* @__PURE__ */ p("div", {
@@ -813,15 +818,15 @@ var We = () => {
 								}),
 								/* @__PURE__ */ p("div", {
 									className: "font-medium text-foreground",
-									children: R.billingAccount.name
+									children: z.billingAccount.name
 								}),
 								/* @__PURE__ */ p("div", {
 									className: "text-sm text-muted-foreground",
-									children: R.billingAccount.email
+									children: z.billingAccount.email
 								})
 							]
 						}),
-						D === "ADDON" && R.selectedSubscriptionId && G && /* @__PURE__ */ m("div", {
+						D === "ADDON" && z.selectedSubscriptionId && G && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-muted/30 rounded-lg space-y-1",
 							children: [
 								/* @__PURE__ */ p("div", {
@@ -842,7 +847,7 @@ var We = () => {
 							className: "space-y-2 text-sm",
 							children: [
 								(() => {
-									let n = R.taxRate, i = n > 0 ? r / (1 + n) : r, a = n > 0 ? r - i : 0;
+									let n = z.taxRate, i = n > 0 ? r / (1 + n) : r, a = n > 0 ? r - i : 0;
 									return /* @__PURE__ */ m(f, { children: [
 										/* @__PURE__ */ m("div", {
 											className: "flex justify-between",
@@ -854,16 +859,16 @@ var We = () => {
 												children: e(i, t)
 											})]
 										}),
-										R.discountAmount > 0 && /* @__PURE__ */ m("div", {
+										z.discountAmount > 0 && /* @__PURE__ */ m("div", {
 											className: "flex justify-between text-status-success-text",
-											children: [/* @__PURE__ */ p("span", { children: h("billing.checkout.discount", "Discount") }), /* @__PURE__ */ m("span", { children: ["-", e(R.discountAmount, t)] })]
+											children: [/* @__PURE__ */ p("span", { children: h("billing.checkout.discount", "Discount") }), /* @__PURE__ */ m("span", { children: ["-", e(z.discountAmount, t)] })]
 										}),
 										a > 0 && /* @__PURE__ */ m("div", {
 											className: "flex justify-between",
 											children: [/* @__PURE__ */ m("span", {
 												className: "text-muted-foreground",
 												children: [
-													R.taxType || h("billing.checkout.tax", "Tax"),
+													z.taxType || h("billing.checkout.tax", "Tax"),
 													" (",
 													(n * 100).toFixed(0),
 													"%)"
@@ -890,23 +895,23 @@ var We = () => {
 						})
 					]
 				}),
-				R.selectedProvider === "STRIPE" && j.clientSecret && /* @__PURE__ */ p("div", {
+				z.selectedProvider === "STRIPE" && M.clientSecret && /* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border bg-card overflow-hidden",
 					children: /* @__PURE__ */ p("div", {
 						className: "p-4 space-y-4",
 						children: /* @__PURE__ */ p(ye, {
-							clientSecret: j.clientSecret,
-							publishableKey: qe || it?.stripePublishableKey || "",
-							amount: Math.round((j.total ?? R.total) * 100),
-							currency: j.currency || R.selectedCurrency,
-							onSuccess: xt,
-							onError: St,
-							onCancel: () => A("select"),
-							isCompletingExistingPayment: !!R.selectedPaymentMethodId
+							clientSecret: M.clientSecret,
+							publishableKey: Xe || st?.stripePublishableKey || "",
+							amount: Math.round((M.total ?? z.total) * 100),
+							currency: M.currency || z.selectedCurrency,
+							onSuccess: Tt,
+							onError: Et,
+							onCancel: () => j("select"),
+							isCompletingExistingPayment: !!z.selectedPaymentMethodId
 						})
 					})
 				}),
-				R.selectedProvider === "RAZORPAY" && j.orderId && /* @__PURE__ */ p("div", {
+				z.selectedProvider === "RAZORPAY" && M.orderId && /* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border bg-card overflow-hidden",
 					children: /* @__PURE__ */ m("div", {
 						className: "p-4 space-y-4",
@@ -914,27 +919,27 @@ var We = () => {
 							className: "flex items-center gap-2 cursor-pointer",
 							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
-								checked: R.saveCard,
-								onChange: (e) => R.setSaveCard(e.target.checked),
+								checked: z.saveCard,
+								onChange: (e) => z.setSaveCard(e.target.checked),
 								className: "size-4 rounded border-border text-primary focus:ring-primary"
 							}), /* @__PURE__ */ p("span", {
 								className: "text-sm text-muted-foreground",
 								children: "Save card for future purchases"
 							})]
 						}), /* @__PURE__ */ p(be, {
-							orderId: j.orderId,
-							keyId: j.razorpayKeyId || Je || "",
-							amount: Math.round((j.total ?? R.total) * 100),
-							currency: j.currency || "INR",
-							customerId: j.razorpayCustomerId,
+							orderId: M.orderId,
+							keyId: M.razorpayKeyId || Ze || "",
+							amount: Math.round((M.total ?? z.total) * 100),
+							currency: M.currency || "INR",
+							customerId: M.razorpayCustomerId,
 							prefill: {
-								name: j.prefillName,
-								email: j.prefillEmail,
-								contact: j.prefillContact
+								name: M.prefillName,
+								email: M.prefillEmail,
+								contact: M.prefillContact
 							},
-							onSuccess: (e) => xt(e.razorpay_payment_id),
-							onError: St,
-							onCancel: () => A("select")
+							onSuccess: (e) => Tt(e.razorpay_payment_id),
+							onError: Et,
+							onCancel: () => j("select")
 						})]
 					})
 				})
@@ -948,28 +953,28 @@ var We = () => {
 				type: "button",
 				onClick: () => v(-1),
 				className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground mb-4",
-				children: [/* @__PURE__ */ p(De, { className: "size-4" }), "Back"]
+				children: [/* @__PURE__ */ p(ke, { className: "size-4" }), "Back"]
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3 mb-6",
 				children: [/* @__PURE__ */ p("div", {
 					className: "p-2 rounded-lg bg-primary/10 text-primary",
-					children: Et()
+					children: At()
 				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-foreground",
-					children: Tt()
+					children: kt()
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground",
 					children: "Complete your purchase securely"
 				})] })]
 			}),
-			b?.upgradeFromSubscriptionId && b?.currentPlanName && /* @__PURE__ */ p("div", {
+			y?.upgradeFromSubscriptionId && y?.currentPlanName && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-lg border border-border-subtle bg-status-info-bg-subtle",
 				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-info-bg-subtle",
-						children: /* @__PURE__ */ p(Fe, { className: "size-4 text-accent-blue" })
+						children: /* @__PURE__ */ p(Le, { className: "size-4 text-accent-blue" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -979,7 +984,7 @@ var We = () => {
 								" ",
 								/* @__PURE__ */ p("span", {
 									className: "font-semibold",
-									children: b.currentPlanName
+									children: y.currentPlanName
 								})
 							]
 						}), /* @__PURE__ */ p("p", {
@@ -989,13 +994,13 @@ var We = () => {
 					})]
 				})
 			}),
-			b?.downgradeFromSubscriptionId && b?.currentPlanName && /* @__PURE__ */ p("div", {
+			y?.downgradeFromSubscriptionId && y?.currentPlanName && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle",
 				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-warning-bg-subtle",
-						children: /* @__PURE__ */ p(Fe, { className: "size-4 text-status-warning-text" })
+						children: /* @__PURE__ */ p(Le, { className: "size-4 text-status-warning-text" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -1005,7 +1010,7 @@ var We = () => {
 								" ",
 								/* @__PURE__ */ p("span", {
 									className: "font-semibold",
-									children: b.currentPlanName
+									children: y.currentPlanName
 								})
 							]
 						}), /* @__PURE__ */ p("p", {
@@ -1020,30 +1025,30 @@ var We = () => {
 				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-3 space-y-6 order-2 lg:order-1",
 					children: [
-						D === "CREDITS" && R.items[0] && /* @__PURE__ */ p("div", {
+						D === "CREDITS" && z.items[0] && /* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border bg-card p-4 sm:p-6",
 							children: /* @__PURE__ */ p(ve, {
-								value: R.items[0].quantity,
-								onChange: Ct,
+								value: z.items[0].quantity,
+								onChange: Dt,
 								costPerCredit: J,
-								currency: R.selectedCurrency,
-								disabled: ht
+								currency: z.selectedCurrency,
+								disabled: yt
 							})
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border bg-card p-4 sm:p-6 space-y-4",
 							children: [/* @__PURE__ */ p(he, {
 								accounts: X,
-								selectedAccountId: R.billingAccount?.id ?? null,
-								onSelect: R.setBillingAccount,
-								isLoading: ct,
-								disabled: vt,
-								disabledMessage: vt ? "Billing account is locked for plan changes" : void 0
-							}), D === "ADDON" && !E && R.billingAccount && /* @__PURE__ */ p(xe, {
+								selectedAccountId: z.billingAccount?.id ?? null,
+								onSelect: z.setBillingAccount,
+								isLoading: ft,
+								disabled: St,
+								disabledMessage: St ? "Billing account is locked for plan changes" : void 0
+							}), D === "ADDON" && !E && z.billingAccount && /* @__PURE__ */ p(xe, {
 								subscriptions: W,
-								selectedSubscriptionId: R.selectedSubscriptionId,
-								onSelect: R.setSelectedSubscriptionId,
-								isLoading: mt
+								selectedSubscriptionId: z.selectedSubscriptionId,
+								onSelect: z.setSelectedSubscriptionId,
+								isLoading: vt
 							})]
 						}),
 						/* @__PURE__ */ m("div", {
@@ -1051,22 +1056,22 @@ var We = () => {
 							children: [
 								/* @__PURE__ */ p(Ce, {
 									savedPaymentMethods: Y,
-									selectedPaymentMethodId: R.selectedPaymentMethodId,
-									onSelectSavedCard: R.setSelectedPaymentMethodId,
-									selectedProvider: R.selectedProvider,
-									onSelectProvider: R.setPaymentProvider,
-									stripeEnabled: at,
-									razorpayEnabled: z,
-									canPayWithCredits: R.canPayWithCredits && R.hasEnoughCredits,
-									availableCredits: R.availableCredits,
-									totalAmount: R.subtotalUSD,
+									selectedPaymentMethodId: z.selectedPaymentMethodId,
+									onSelectSavedCard: z.setSelectedPaymentMethodId,
+									selectedProvider: z.selectedProvider,
+									onSelectProvider: z.setPaymentProvider,
+									stripeEnabled: ct,
+									razorpayEnabled: B,
+									canPayWithCredits: z.canPayWithCredits && z.hasEnoughCredits,
+									availableCredits: z.availableCredits,
+									totalAmount: z.subtotalUSD,
 									billingCountry: Z,
-									saveCard: R.saveCard,
-									onSaveCardChange: R.setSaveCard,
-									autoRenewEnabled: D === "PLAN" && R.autoRenew,
-									isLoading: ft
+									saveCard: z.saveCard,
+									onSaveCardChange: z.setSaveCard,
+									autoRenewEnabled: D === "PLAN" && z.autoRenew,
+									isLoading: gt
 								}),
-								R.selectedProvider !== "CREDITS" && R.selectedProvider !== "AUTO" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-t border-border" }), /* @__PURE__ */ p("div", {
+								z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-t border-border" }), /* @__PURE__ */ p("div", {
 									className: "bg-muted/50 p-4 rounded-md",
 									children: /* @__PURE__ */ m("div", {
 										className: "flex items-start gap-3",
@@ -1085,7 +1090,7 @@ var We = () => {
 											className: "flex-1 text-sm",
 											children: [/* @__PURE__ */ m("p", {
 												className: "font-medium text-foreground mb-1",
-												children: ["Currency: ", R.selectedCurrency]
+												children: ["Currency: ", z.selectedCurrency]
 											}), /* @__PURE__ */ m("p", {
 												className: "text-muted-foreground text-xs",
 												children: [
@@ -1093,11 +1098,11 @@ var We = () => {
 													" ",
 													/* @__PURE__ */ p("strong", {
 														className: "text-foreground",
-														children: R.selectedCurrency
+														children: z.selectedCurrency
 													}),
 													" ",
 													"based on your billing account settings.",
-													R.selectedCurrency === "INR" && " GST will be applied at checkout."
+													z.selectedCurrency === "INR" && " GST will be applied at checkout."
 												]
 											})]
 										})]
@@ -1124,26 +1129,26 @@ var We = () => {
 											children: [
 												/* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => L((e) => Math.max(V.getPlan?.minSeats ?? 1, e - 1)),
-													disabled: I <= (V.getPlan.minSeats ?? 1),
+													onClick: () => R((e) => Math.max(V.getPlan?.minSeats ?? 1, e - 1)),
+													disabled: L <= (V.getPlan.minSeats ?? 1),
 													className: "size-9 rounded-md border border-border flex items-center justify-center hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-foreground",
 													children: "−"
 												}),
 												/* @__PURE__ */ p("input", {
 													type: "number",
-													value: I,
+													value: L,
 													min: V.getPlan.minSeats ?? 1,
 													max: V.getPlan.maxSeats ?? 999,
 													onChange: (e) => {
 														let t = parseInt(e.target.value, 10);
-														isNaN(t) || L(Math.max(V.getPlan?.minSeats ?? 1, t));
+														isNaN(t) || R(Math.max(V.getPlan?.minSeats ?? 1, t));
 													},
 													className: "w-20 h-9 text-center border border-border rounded-md bg-background text-foreground text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 												}),
 												/* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => L((e) => Math.min(V.getPlan?.maxSeats ?? 999, e + 1)),
-													disabled: I >= (V.getPlan.maxSeats ?? 999),
+													onClick: () => R((e) => Math.min(V.getPlan?.maxSeats ?? 999, e + 1)),
+													disabled: L >= (V.getPlan.maxSeats ?? 999),
 													className: "size-9 rounded-md border border-border flex items-center justify-center hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-foreground",
 													children: "+"
 												}),
@@ -1159,7 +1164,7 @@ var We = () => {
 														" ",
 														"=",
 														" ",
-														(V.getPlan.pricePerSeat * I).toLocaleString("en", {
+														(V.getPlan.pricePerSeat * L).toLocaleString("en", {
 															style: "currency",
 															currency: V.getPlan.currency ?? "USD"
 														}),
@@ -1184,46 +1189,46 @@ var We = () => {
 									/* @__PURE__ */ p("div", {
 										className: "p-4",
 										children: /* @__PURE__ */ p(ge, {
-											items: R.items,
-											subtotal: R.subtotal,
-											discountAmount: R.discountAmount,
-											taxAmount: R.taxAmount,
-											taxRate: R.taxRate,
-											taxType: R.taxType,
-											total: R.total,
-											currency: R.selectedCurrency,
-											isCalculatingTax: R.isCalculatingTax,
-											showInCredits: R.selectedProvider === "CREDITS",
-											onUpdateQuantity: D === "PLAN" ? void 0 : R.updateItemQuantity,
-											onRemoveItem: R.removeItem,
+											items: z.items,
+											subtotal: z.subtotal,
+											discountAmount: z.discountAmount,
+											taxAmount: z.taxAmount,
+											taxRate: z.taxRate,
+											taxType: z.taxType,
+											total: z.total,
+											currency: z.selectedCurrency,
+											isCalculatingTax: z.isCalculatingTax,
+											showInCredits: z.selectedProvider === "CREDITS",
+											onUpdateQuantity: D === "PLAN" ? void 0 : z.updateItemQuantity,
+											onRemoveItem: z.removeItem,
 											isEditable: D !== "PLAN"
 										})
 									}),
 									/* @__PURE__ */ p("div", {
 										className: "px-4 pb-4 border-t border-border pt-4",
 										children: /* @__PURE__ */ p(_e, {
-											value: R.promoCode,
-											onChange: R.setPromoCode,
-											onValidate: async () => await R.validatePromoCode(),
-											onClear: R.clearPromoCode,
-											isApplied: R.promoDiscount > 0,
-											discountValue: R.promoDiscount,
-											discountType: R.promoDiscountType,
-											isValidating: R.isProcessing
+											value: z.promoCode,
+											onChange: z.setPromoCode,
+											onValidate: async () => await z.validatePromoCode(),
+											onClear: z.clearPromoCode,
+											isApplied: z.promoDiscount > 0,
+											discountValue: z.promoDiscount,
+											discountType: z.promoDiscountType,
+											isValidating: z.isProcessing
 										})
 									}),
-									D === "PLAN" && R.selectedProvider !== "CREDITS" && R.selectedProvider !== "AUTO" && (() => {
+									D === "PLAN" && z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && (() => {
 										let e = "", t = !1, n = !1;
-										if (R.selectedPaymentMethodId) {
-											let r = Y.find((e) => e.id === R.selectedPaymentMethodId);
+										if (z.selectedPaymentMethodId) {
+											let r = Y.find((e) => e.id === z.selectedPaymentMethodId);
 											r && (e = `${r.type === "CREDIT_CARD" || r.type === "DEBIT_CARD" ? "Card" : r.type}${r.last4 ? ` •••• ${r.last4}` : ""}`, t = !0, n = !1);
-										} else (R.selectedProvider === "RAZORPAY" || R.selectedProvider === "STRIPE") && (e = R.selectedProvider === "RAZORPAY" ? "new card (Razorpay)" : "new card (Stripe)", t = !0, n = !0);
+										} else (z.selectedProvider === "RAZORPAY" || z.selectedProvider === "STRIPE") && (e = z.selectedProvider === "RAZORPAY" ? "new card (Razorpay)" : "new card (Stripe)", t = !0, n = !0);
 										return /* @__PURE__ */ p("div", {
 											className: "px-4 pb-4",
 											children: /* @__PURE__ */ p(Se, {
-												enabled: R.autoRenew,
+												enabled: z.autoRenew,
 												onToggle: (e) => {
-													R.setAutoRenew(e), e && R.selectedPaymentMethodId && R.setAutoRenewPaymentMethodId(R.selectedPaymentMethodId);
+													z.setAutoRenew(e), e && z.selectedPaymentMethodId && z.setAutoRenewPaymentMethodId(z.selectedPaymentMethodId);
 												},
 												hasPaymentMethodSelected: t,
 												selectedPaymentMethodDisplay: e,
@@ -1235,10 +1240,10 @@ var We = () => {
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: bt,
-								disabled: R.isProcessing || !R.billingAccount || R.items.length === 0 || D === "ADDON" && !E && mt || D === "ADDON" && !E && W.length === 0 || D === "ADDON" && !E && !R.selectedSubscriptionId,
+								onClick: wt,
+								disabled: z.isProcessing || !z.billingAccount || z.items.length === 0 || D === "ADDON" && !E && vt || D === "ADDON" && !E && W.length === 0 || D === "ADDON" && !E && !z.selectedSubscriptionId,
 								className: "w-full px-6 py-4 rounded-lg bg-primary text-primary-foreground font-semibold\n                hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors flex items-center justify-center gap-2",
-								children: R.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-5 animate-spin" }), "Processing…"] }) : R.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
+								children: z.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-5 animate-spin" }), "Processing…"] }) : z.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
 							}),
 							/* @__PURE__ */ p("p", {
 								className: "text-center text-xs text-muted-foreground",
@@ -1247,11 +1252,20 @@ var We = () => {
 						]
 					})
 				})]
+			}),
+			rt && z.billingAccount && /* @__PURE__ */ p(we, {
+				billingAccountId: z.billingAccount.id,
+				hasPhone: !!z.billingAccount.contactNumber?.trim(),
+				hasAddress: !!(z.billingAccount.billingAddresses?.[0]?.line1?.trim() && z.billingAccount.billingAddresses?.[0]?.postalCode?.trim()),
+				onCompleted: () => {
+					k(!1), wt();
+				},
+				onCancel: () => k(!1)
 			})
 		]
 	});
 };
 //#endregion
-export { We as CheckoutPage };
+export { Ke as CheckoutPage };
 
 //# sourceMappingURL=CheckoutPage.js.map