@burdenoff/microfe-billing 2026.625.4 → 2026.626.1

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

@@ -30,24 +30,25 @@ import { WorkspaceQuotaAssignmentModal as Ee, isWorkspaceScopedQuota as De } fro
 import "../components/index.js";
 import { buildStoreOrderCheckoutItems as Oe, normalizeStoreOrderCurrency as ke } from "../utils/storeOrder.js";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as Ae, useState as u } from "react";
-import { ArrowLeft as je, ArrowRight as Me, Blocks as Ne, CheckCircle as Pe, Coins as Fe, CreditCard as Ie, Loader2 as Le, Package as Re, Receipt as ze, RefreshCw as Be, ShoppingCart as Ve, Wallet as He, XCircle as Ue } from "lucide-react";
-import { useLocation as We, useParams as Ge } from "react-router-dom";
-import { useAppShell as Ke } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useI18n as qe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { getProfileScopedKey as Je } from "@burdenoff/fe-libs/shared/utils";
+import { ArrowLeft as je, ArrowRight as Me, Blocks as Ne, CheckCircle as Pe, Coins as Fe, CreditCard as Ie, Loader2 as d, Package as Le, Receipt as Re, RefreshCw as ze, ShoppingCart as Be, Wallet as Ve, XCircle as He } from "lucide-react";
+import { useLocation as Ue, useParams as We } from "react-router-dom";
+import { useAppShell as Ge } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as Ke } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getProfileScopedKey as qe } from "@burdenoff/fe-libs/shared/utils";
+import { PagePurpose as Je } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/checkout/pages/CheckoutPage.tsx
 var Ye = () => {
-	let { t: Ye } = qe(), m = (e, t) => {
+	let { t: Ye } = Ke(), h = (e, t) => {
 		let n = Ye(e);
 		return n === e ? t : n;
-	}, { planId: Xe, addonId: Ze, storeOrderId: h } = Ge(), g = se(), _ = We(), v = _.state, Qe = a(), { emit: y } = r(), { orgId: b, stripePublishableKey: $e, razorpayKey: et, apiGatewayUrl: tt, authToken: nt, currentUser: rt, workspaceId: x } = e(), { productSlug: it } = Ke(), at = Ae(null), ot = x ? [{
-		id: x,
+	}, { planId: Xe, addonId: g, storeOrderId: _ } = We(), v = se(), y = Ue(), b = y.state, Ze = a(), { emit: x } = r(), { orgId: S, stripePublishableKey: Qe, razorpayKey: $e, apiGatewayUrl: et, authToken: tt, currentUser: nt, workspaceId: C } = e(), { productSlug: rt } = Ge(), w = Ae(null), it = C ? [{
+		id: C,
 		name: "Current workspace"
-	}] : [], { items: S, clearCart: st, _hasHydrated: C } = oe(), w = _.pathname.includes("/checkout/addons") && !Ze, T = _.pathname.includes("/checkout/store") && !!h, E = w ? "ADDON" : T ? "ORDER" : v?.purchaseType ?? (Xe ? "PLAN" : Ze ? "ADDON" : "CREDITS"), D = v?.itemId ?? Xe ?? Ze ?? h, [ct, lt] = u(!1), O = Ae(!1), [ut, k] = u(!1), [dt, ft] = u([]), [pt, mt] = u(null), [A, j] = u("select"), [M, N] = u(null), [ht, P] = u(null), [F, I] = u(null), [gt, _t] = u("card");
+	}] : [], { items: T, clearCart: at, _hasHydrated: E } = oe(), D = y.pathname.includes("/checkout/addons") && !g, O = y.pathname.includes("/checkout/store") && !!_, k = D ? "ADDON" : O ? "ORDER" : b?.purchaseType ?? (Xe ? "PLAN" : g ? "ADDON" : "CREDITS"), A = b?.itemId ?? Xe ?? g ?? _, [ot, st] = u(!1), ct = Ae(!1), [lt, j] = u(!1), [ut, dt] = u([]), [ft, pt] = u(null), [M, N] = u("select"), [P, mt] = u(null), [ht, F] = u(null), [I, gt] = u(null), [_t, vt] = u("card");
 	c(() => {
-		if (A !== "success" || !F) return;
-		let e = typeof window < "u" ? window.localStorage.getItem(Je("boff-referral-attribution")) : null;
+		if (M !== "success" || !I) return;
+		let e = typeof window < "u" ? window.localStorage.getItem(qe("boff-referral-attribution")) : null;
 		if (!e) return;
 		let t;
 		try {
@@ -56,59 +57,59 @@ var Ye = () => {
 			return;
 		}
 		if (!t.journeyId && !t.codeId) return;
-		let n = F.transactionId || M?.paymentId || M?.orderId || h || D || E, r = `${t.journeyId ?? "journey"}:${n}`;
-		at.current !== r && (at.current = r, ce({
+		let n = I.transactionId || P?.paymentId || P?.orderId || _ || A || k, r = `${t.journeyId ?? "journey"}:${n}`;
+		w.current !== r && (w.current = r, ce({
 			journeyId: t.journeyId,
 			codeId: t.codeId,
-			eventType: E === "ORDER" ? "STORE_PURCHASE" : "PAID_CONVERSION",
-			productSlug: it,
-			actorUserId: rt?.id,
-			orderId: F.transactionId || M?.paymentId || M?.orderId,
-			billingAccountId: F.billingAccountId,
-			storeOrderId: E === "ORDER" ? h : void 0,
-			valueAmount: F.total,
-			currency: F.currency,
+			eventType: k === "ORDER" ? "STORE_PURCHASE" : "PAID_CONVERSION",
+			productSlug: rt,
+			actorUserId: nt?.id,
+			orderId: I.transactionId || P?.paymentId || P?.orderId,
+			billingAccountId: I.billingAccountId,
+			storeOrderId: k === "ORDER" ? _ : void 0,
+			valueAmount: I.total,
+			currency: I.currency,
 			mode: "billing-checkout",
 			metadata: {
-				purchaseType: E,
-				billingAccountName: F.billingAccountName
+				purchaseType: k,
+				billingAccountName: I.billingAccountName
 			}
 		}, {
-			apiGatewayUrl: tt,
-			authToken: nt,
-			orgId: b
+			apiGatewayUrl: et,
+			authToken: tt,
+			orgId: S
 		}).catch(() => {
-			at.current = null;
+			w.current = null;
 		}));
 	}, [
+		et,
 		tt,
-		nt,
-		rt?.id,
-		D,
+		nt?.id,
 		A,
-		b,
-		M?.orderId,
-		M?.paymentId,
-		it,
-		F,
-		E,
-		h
+		M,
+		S,
+		P?.orderId,
+		P?.paymentId,
+		rt,
+		I,
+		k,
+		_
 	]);
 	let [L, R] = u(1), z = le({
 		defaultCurrency: "USD",
-		upgradeFromSubscriptionId: v?.upgradeFromSubscriptionId,
-		downgradeFromSubscriptionId: v?.downgradeFromSubscriptionId
-	}), { config: vt, stripeEnabled: yt, razorpayEnabled: B } = fe(), { elapsedTime: V, error: bt } = pe({
-		paymentId: A === "processing" ? M?.paymentId ?? null : null,
-		billingAccountId: z.billingAccount?.id ?? F?.billingAccountId ?? null,
-		paymentType: gt,
+		upgradeFromSubscriptionId: b?.upgradeFromSubscriptionId,
+		downgradeFromSubscriptionId: b?.downgradeFromSubscriptionId
+	}), { config: yt, stripeEnabled: bt, razorpayEnabled: B } = fe(), { elapsedTime: V, error: xt } = pe({
+		paymentId: M === "processing" ? P?.paymentId ?? null : null,
+		billingAccountId: z.billingAccount?.id ?? I?.billingAccountId ?? null,
+		paymentType: _t,
 		pollingInterval: 5e3,
 		maxPollingTime: 3e5,
 		onSuccess: (e) => {
-			if (e.transactionId && I((t) => t && {
+			if (e.transactionId && gt((t) => t && {
 				...t,
 				transactionId: e.transactionId
-			}), j("success"), w && st(), (E === "PLAN" || E === "ADDON") && x) {
+			}), N("success"), D && at(), (k === "PLAN" || k === "ADDON") && C) {
 				let e = (H?.getPlan?.features ?? []).filter((e) => e != null).filter((e) => e.quota?.name && De(e.quota.name)).map((e) => {
 					let t = e.quota?.limits, n = t && "value" in t ? Number(t.value) : null, r = t && "type" in t ? String(t.type) : "number";
 					return {
@@ -120,52 +121,52 @@ var Ye = () => {
 						quotaMode: "dedicated"
 					};
 				});
-				e.length > 0 && (ft(e), At().then((e) => {
-					let t = e.data?.getActiveSubscriptions?.find((e) => e.planId === D);
-					t && mt(t.id);
-				}), (ot.length === 1 || ot.length > 1) && k(!0));
+				e.length > 0 && (dt(e), jt().then((e) => {
+					let t = e.data?.getActiveSubscriptions?.find((e) => e.planId === A);
+					t && pt(t.id);
+				}), (it.length === 1 || it.length > 1) && j(!0));
 			}
 		},
 		onFailure: (e) => {
-			P(e.failureReason || "Payment failed"), j("error");
+			F(e.failureReason || "Payment failed"), N("error");
 		},
 		onTimeout: () => {
-			P("Payment verification timed out. Please check your billing history for the payment status."), j("error");
+			F("Payment verification timed out. Please check your billing history for the payment status."), N("error");
 		}
-	}), { data: xt, loading: St, refetch: Ct } = ee({}), { data: H, loading: wt } = re({
-		variables: { id: D },
-		skip: E !== "PLAN" || !D
-	}), { data: U, loading: Tt } = ie({
-		variables: { addonIDs: D ? [D] : [] },
-		skip: E !== "ADDON" || !D || T
+	}), { data: St, loading: Ct, refetch: wt } = ee({}), { data: H, loading: Tt } = re({
+		variables: { id: A },
+		skip: k !== "PLAN" || !A
+	}), { data: U, loading: Et } = ie({
+		variables: { addonIDs: A ? [A] : [] },
+		skip: k !== "ADDON" || !A || O
 	}), { data: W } = ae({
-		variables: { id: h },
-		skip: !T || !h
-	}), { data: Et, loading: Dt } = ne({
+		variables: { id: _ },
+		skip: !O || !_
+	}), { data: Dt, loading: Ot } = ne({
 		variables: { billingAccountId: z.billingAccount?.id },
 		skip: !z.billingAccount?.id
-	}), { data: Ot, loading: kt, refetch: At } = o({
+	}), { data: kt, loading: At, refetch: jt } = o({
 		variables: { billingAccountId: z.billingAccount?.id },
-		skip: !z.billingAccount?.id || E !== "ADDON" && E !== "PLAN" || T
-	}), G = l(() => Ot?.getActiveSubscriptions ?? [], [Ot]), K = l(() => !z.selectedSubscriptionId || G.length === 0 ? null : G.find((e) => e.id === z.selectedSubscriptionId) ?? null, [z.selectedSubscriptionId, G]), q = z.items[0]?.type === "CREDITS" ? z.items[0].quantity : 100, { data: jt, loading: Mt } = te({
+		skip: !z.billingAccount?.id || k !== "ADDON" && k !== "PLAN" || O
+	}), G = l(() => kt?.getActiveSubscriptions ?? [], [kt]), K = l(() => !z.selectedSubscriptionId || G.length === 0 ? null : G.find((e) => e.id === z.selectedSubscriptionId) ?? null, [z.selectedSubscriptionId, G]), q = z.items[0]?.type === "CREDITS" ? z.items[0].quantity : 100, { data: Mt, loading: Nt } = te({
 		variables: {
 			creditAmount: q,
 			currency: z.selectedCurrency || "USD"
 		},
-		skip: E !== "CREDITS"
-	}), J = l(() => jt?.getCostOfCredits?.amount && q > 0 ? jt.getCostOfCredits.amount / q : .01, [jt, q]), Y = l(() => Et?.getPaymentMethods ?? [], [Et]), X = l(() => xt?.getBillingAccountsByOrg ?? [], [xt]), Z = l(() => {
+		skip: k !== "CREDITS"
+	}), J = l(() => Mt?.getCostOfCredits?.amount && q > 0 ? Mt.getCostOfCredits.amount / q : .01, [Mt, q]), Y = l(() => Dt?.getPaymentMethods ?? [], [Dt]), X = l(() => St?.getBillingAccountsByOrg ?? [], [St]), 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;
-	}, [z.billingAccount, X]), [Nt, Pt] = u(null);
+	}, [z.billingAccount, X]), [Pt, Ft] = u(null);
 	c(() => {
-		if (Z) if (Z === "IN") z.selectedCurrency !== "INR" && z.setCurrency("INR"), B && Nt !== Z && z.selectedProvider !== "CREDITS" && (z.setPaymentProvider("RAZORPAY"), Pt(Z));
+		if (Z) if (Z === "IN") z.selectedCurrency !== "INR" && z.setCurrency("INR"), B && Pt !== Z && z.selectedProvider !== "CREDITS" && (z.setPaymentProvider("RAZORPAY"), Ft(Z));
 		else {
 			if (z.selectedCurrency === "INR") {
 				let e = z.billingAccount?.currency, t = e && e !== "INR" ? e : "USD";
 				z.setCurrency(t);
 			}
-			z.selectedProvider === "RAZORPAY" && (z.setPaymentProvider("STRIPE"), Pt(Z));
+			z.selectedProvider === "RAZORPAY" && (z.setPaymentProvider("STRIPE"), Ft(Z));
 		}
 	}, [
 		Z,
@@ -175,7 +176,7 @@ var Ye = () => {
 		z.setPaymentProvider,
 		z.billingAccount?.currency,
 		B,
-		Nt
+		Pt
 	]), c(() => {
 		if (!z.billingAccount?.currency || Z === "IN") return;
 		let e = z.billingAccount.currency;
@@ -208,27 +209,27 @@ var Ye = () => {
 	]);
 	let [Q, $] = u(!1);
 	c(() => {
-		if (!T || Q || !W?.getStoreOrder) return;
+		if (!O || Q || !W?.getStoreOrder) return;
 		let e = ke(W.getStoreOrder.currency);
 		z.selectedCurrency !== e && z.setCurrency(e);
 	}, [
-		T,
+		O,
 		Q,
 		W,
 		z.selectedCurrency,
 		z.setCurrency
 	]), c(() => {
-		if (E === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT") {
+		if (k === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT") {
 			let e = H.getPlan.minSeats ?? 1;
 			R((t) => t < e ? e : t);
 		}
-	}, [H, E]), c(() => {
-		E === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT" && Q && $(!1);
+	}, [H, k]), c(() => {
+		k === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT" && Q && $(!1);
 	}, [L]), c(() => {
 		if (!Q) {
-			if (w && C && S.length > 0) {
+			if (D && E && T.length > 0) {
 				z.clearItems();
-				for (let e of S) {
+				for (let e of T) {
 					let t = e.addon, n = t.features?.map((e) => ({
 						id: e.quota?.id || e.id,
 						name: e.quota?.name || "Feature",
@@ -250,7 +251,7 @@ var Ye = () => {
 				$(!0);
 				return;
 			}
-			if (E === "PLAN" && H?.getPlan) {
+			if (k === "PLAN" && H?.getPlan) {
 				let e = H.getPlan, t = e.features?.map((e) => ({
 					id: e.quota?.id || e.id,
 					name: e.quota?.name || "Feature",
@@ -280,7 +281,7 @@ var Ye = () => {
 					}
 				};
 				z.addItem(ee), $(!0);
-			} else if (E === "ADDON" && !w && U?.getSelectedAddons?.[0]) {
+			} else if (k === "ADDON" && !D && U?.getSelectedAddons?.[0]) {
 				let e = U.getSelectedAddons[0], t = e.features?.map((e) => ({
 					id: e.quota?.id || e.id,
 					name: e.quota?.name || "Feature",
@@ -293,16 +294,16 @@ var Ye = () => {
 					price: r,
 					priceUSD: e.price,
 					currency: n,
-					quantity: v?.quantity ?? 1,
+					quantity: b?.quantity ?? 1,
 					features: t,
 					metadata: { addonId: e.id }
 				};
 				z.addItem(i), $(!0);
-			} else if (T && W?.getStoreOrder) {
+			} else if (O && W?.getStoreOrder) {
 				let e = W.getStoreOrder, t = Oe(e);
 				for (let e of t) z.addItem(e);
 				$(!0);
-			} else if (E === "CREDITS") {
+			} else if (k === "CREDITS") {
 				let e = {
 					id: "credits-purchase",
 					type: "CREDITS",
@@ -316,40 +317,40 @@ var Ye = () => {
 			}
 		}
 	}, [
-		E,
+		k,
 		H,
 		U,
 		W,
 		z.addItem,
 		z.clearItems,
-		v?.quantity,
+		b?.quantity,
 		Q,
-		w,
+		D,
+		O,
 		T,
-		S,
-		C,
+		E,
 		J,
 		z.selectedCurrency
 	]), c(() => {
-		if (!(!T || !Q || z.conversionRate <= 1)) {
+		if (!(!O || !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);
 			}
 		}
 	}, [
-		T,
+		O,
 		Q,
 		z.conversionRate,
 		z.selectedCurrency,
 		z.updateItemPrice
 	]), c(() => {
-		if (E === "CREDITS" && Q && J > 0) {
+		if (k === "CREDITS" && Q && J > 0) {
 			let e = z.items.find((e) => e.id === "credits-purchase");
 			e && e.price !== J && z.updateItemPrice("credits-purchase", J);
 		}
 	}, [
-		E,
+		k,
 		Q,
 		J,
 		z.items,
@@ -361,12 +362,12 @@ var Ye = () => {
 			let n = H.getPlan.currencyPrices?.[e] ?? H.getPlan.price;
 			(t.price !== n || t.currency !== e) && z.updateItemPrice(t.id, n, e);
 		} else if (t.type === "ADDON") {
-			if (!w && U?.getSelectedAddons?.[0]) {
+			if (!D && U?.getSelectedAddons?.[0]) {
 				let n = U.getSelectedAddons[0], r = n.currencyPrices?.[e] ?? n.price;
 				(t.price !== r || t.currency !== e) && z.updateItemPrice(t.id, r, e);
 			}
-			if (w) {
-				let n = S.find((e) => e.addon.id === t.id);
+			if (D) {
+				let n = T.find((e) => e.addon.id === t.id);
 				if (n) {
 					let r = n.addon.currencyPrices?.[e] ?? n.addon.price;
 					(t.price !== r || t.currency !== e) && z.updateItemPrice(t.id, r, e);
@@ -380,19 +381,19 @@ var Ye = () => {
 		z.updateItemPrice,
 		H,
 		U,
-		S,
-		w
+		T,
+		D
 	]), c(() => {
 		if (X.length > 0 && !z.billingAccount) {
-			if (v?.billingAccountId) {
-				let e = X.find((e) => e.id === v.billingAccountId);
+			if (b?.billingAccountId) {
+				let e = X.find((e) => e.id === b.billingAccountId);
 				if (e) {
 					z.setBillingAccount(e);
 					return;
 				}
 			}
-			if (b) {
-				let e = i(b);
+			if (S) {
+				let e = i(S);
 				if (e) {
 					let t = X.find((t) => t.id === e);
 					if (t) {
@@ -407,47 +408,47 @@ var Ye = () => {
 		X,
 		z.billingAccount,
 		z.setBillingAccount,
-		v?.billingAccountId,
-		b
+		b?.billingAccountId,
+		S
 	]);
-	let Ft = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
+	let It = !!(b?.upgradeFromSubscriptionId || b?.downgradeFromSubscriptionId);
 	c(() => {
-		w && C && S.length === 0 && !Q && g("/addons", { replace: !0 });
+		D && E && T.length === 0 && !Q && v("/addons", { replace: !0 });
 	}, [
-		C,
-		S.length,
-		w,
+		E,
+		T.length,
+		D,
 		Q,
-		g
+		v
 	]);
-	let It = de({
+	let Lt = de({
 		billingAccountId: z.billingAccount?.id,
-		purchaseType: E,
-		productId: D
-	}), Lt = s(async () => {
+		purchaseType: k,
+		productId: A
+	}), Rt = s(async () => {
 		if (!z.billingAccount) return;
-		let e = O.current;
-		if (O.current = !1, !e && !Te(z.billingAccount)) {
-			lt(!0);
+		let e = ct.current;
+		if (ct.current = !1, !e && !Te(z.billingAccount)) {
+			st(!0);
 			return;
 		}
-		P(null);
+		F(null);
 		let t = z.billingAccount.creditAmount ?? 0, n = [...z.items], r = z.total, i = await z.initiatePayment();
 		if (i.success) {
-			if (y("billing.checkout.initiated", {
+			if (x("billing.checkout.initiated", {
 				route: "/billing/checkout",
 				entityId: i.paymentId ?? i.orderId,
 				source: "checkout",
 				amount: i.total || r,
 				currency: i.currency || z.selectedCurrency
 			}), z.selectedProvider === "CREDITS") {
-				y("billing.credits.spent", {
+				x("billing.credits.spent", {
 					route: "/billing/checkout",
 					entityId: i.orderId,
 					source: "checkout",
 					amount: r,
 					currency: "CREDITS"
-				}), I({
+				}), gt({
 					items: n,
 					total: r,
 					billingAccountName: z.billingAccount.name,
@@ -457,10 +458,10 @@ var Ye = () => {
 					paymentMethod: "credits",
 					currency: "Credits",
 					transactionId: i.orderId
-				}), _t("credits"), N({ paymentId: i.orderId }), j("processing");
+				}), vt("credits"), mt({ paymentId: i.orderId }), N("processing");
 				return;
 			}
-			I({
+			gt({
 				items: n,
 				total: i.total || r,
 				billingAccountName: z.billingAccount.name,
@@ -470,7 +471,7 @@ var Ye = () => {
 				paymentMethod: "card",
 				currency: i.currency || z.selectedCurrency,
 				transactionId: i.paymentId
-			}), _t("card"), N({
+			}), vt("card"), mt({
 				clientSecret: i.clientSecret,
 				orderId: i.orderId,
 				razorpayKeyId: i.razorpayKeyId,
@@ -482,79 +483,79 @@ var Ye = () => {
 				prefillContact: i.prefillContact,
 				total: i.total,
 				currency: i.currency
-			}), i.paymentComplete ? j("processing") : j("payment");
-		} else y("billing.checkout.failed", {
+			}), i.paymentComplete ? N("processing") : N("payment");
+		} else x("billing.checkout.failed", {
 			route: "/billing/checkout",
 			source: "checkout",
 			reason: i.error || "Payment initiation failed"
-		}), P(i.error || "Payment initiation failed"), j("error");
-	}, [z, y]), Rt = s((e) => {
-		y("billing.payment.succeeded", {
+		}), F(i.error || "Payment initiation failed"), N("error");
+	}, [z, x]), zt = s((e) => {
+		x("billing.payment.succeeded", {
 			route: "/billing/checkout",
-			entityId: M?.paymentId ?? M?.orderId,
+			entityId: P?.paymentId ?? P?.orderId,
 			source: "checkout"
-		}), N((e) => e), j("processing");
+		}), mt((e) => e), N("processing");
 	}, [
-		y,
-		M?.orderId,
-		M?.paymentId
-	]), zt = s((e) => {
-		y("billing.payment.failed", {
+		x,
+		P?.orderId,
+		P?.paymentId
+	]), Bt = s((e) => {
+		x("billing.payment.failed", {
 			route: "/billing/checkout",
-			entityId: M?.paymentId ?? M?.orderId,
+			entityId: P?.paymentId ?? P?.orderId,
 			source: "checkout",
 			reason: e
-		}), P(e), j("error");
+		}), F(e), N("error");
 	}, [
-		y,
-		M?.orderId,
-		M?.paymentId
-	]), Bt = s((e) => {
+		x,
+		P?.orderId,
+		P?.paymentId
+	]), Vt = s((e) => {
 		z.updateItemQuantity("credits-purchase", e);
 	}, [z]);
-	if (!Qe.canProcessPayment) return /* @__PURE__ */ f(t, { message: "You don't have permission to make purchases." });
-	if (ue()) return /* @__PURE__ */ f(me, {
-		purchaseType: E,
-		productId: D,
+	if (!Ze.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
+	if (ue()) return /* @__PURE__ */ p(me, {
+		purchaseType: k,
+		productId: A,
 		billingAccountId: z.billingAccount?.id,
-		nativeCheckout: It,
-		onBack: () => g("dashboard")
+		nativeCheckout: Lt,
+		onBack: () => v("dashboard")
 	});
-	let Vt = St || wt && E === "PLAN" || Tt && E === "ADDON" && !w || w && !C;
-	if (w && C && S.length === 0 && !Q) return null;
-	let Ht = () => {
-		if (w) {
+	let Ht = Ct || Tt && k === "PLAN" || Et && k === "ADDON" && !D || D && !E;
+	if (D && E && T.length === 0 && !Q) return null;
+	let Ut = () => {
+		if (D) {
 			let e = z.items.length;
 			return `Purchase ${e} Add-on${e === 1 ? "" : "s"}`;
 		}
-		switch (E) {
+		switch (k) {
 			case "CREDITS": return "Buy Credits";
 			case "PLAN": return "Subscribe to Plan";
 			case "ADDON": return "Purchase Add-on";
 			default: return "Checkout";
 		}
-	}, Ut = () => {
-		switch (E) {
-			case "CREDITS": return /* @__PURE__ */ f(Fe, { className: "size-6" });
-			case "PLAN": return /* @__PURE__ */ f(Re, { className: "size-6" });
-			case "ADDON": return /* @__PURE__ */ f(Ne, { className: "size-6" });
-			default: return /* @__PURE__ */ f(Ve, { className: "size-6" });
+	}, Wt = () => {
+		switch (k) {
+			case "CREDITS": return /* @__PURE__ */ p(Fe, { className: "size-6" });
+			case "PLAN": return /* @__PURE__ */ p(Le, { className: "size-6" });
+			case "ADDON": return /* @__PURE__ */ p(Ne, { className: "size-6" });
+			default: return /* @__PURE__ */ p(Be, { className: "size-6" });
 		}
 	};
-	if (Vt) return /* @__PURE__ */ f("div", {
+	if (Ht) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
-			children: [/* @__PURE__ */ f(Le, { className: "size-8 animate-spin mx-auto text-text-link" }), /* @__PURE__ */ f("p", {
+			children: [/* @__PURE__ */ p(d, { className: "size-8 animate-spin mx-auto text-text-link" }), /* @__PURE__ */ p("p", {
 				className: "text-text-secondary",
-				children: m("billing.checkout.loadingCheckout", "Loading checkout...")
+				children: h("billing.checkout.loadingCheckout", "Loading checkout...")
 			})]
 		})
 	});
-	if (A === "success") {
+	if (M === "success") {
 		let e = (e) => {
-			if (!F) return `${e.toFixed(2)}`;
-			let t = F.currency;
+			if (!I) return `${e.toFixed(2)}`;
+			let t = I.currency;
 			return t === "Credits" ? `${e.toFixed(2)} Credits` : `${{
 				INR: "₹",
 				USD: "$",
@@ -562,225 +563,225 @@ var Ye = () => {
 				GBP: "£"
 			}[t] || t + " "}${e.toFixed(2)}`;
 		}, t = (e) => `${e.toFixed(2)} Credits`;
-		return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("div", {
+		return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 			className: "max-w-2xl mx-auto p-6 space-y-6",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "text-center space-y-4",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "inline-flex p-4 rounded-full bg-status-success-bg-subtle text-status-success-text",
-						children: /* @__PURE__ */ f(Pe, { className: "size-12" })
-					}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+						children: /* @__PURE__ */ p(Pe, { className: "size-12" })
+					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: m("billing.checkout.paymentSuccessful", "Payment Successful!")
-					}), /* @__PURE__ */ f("p", {
+						children: h("billing.checkout.paymentSuccessful", "Payment Successful!")
+					}), /* @__PURE__ */ p("p", {
 						className: "text-text-secondary mt-2",
-						children: m("billing.checkout.purchaseCompleted", "Your purchase has been completed successfully.")
+						children: h("billing.checkout.purchaseCompleted", "Your purchase has been completed successfully.")
 					})] })]
 				}),
-				F && /* @__PURE__ */ p("div", {
+				I && /* @__PURE__ */ m("div", {
 					className: "bg-bg-surface border border-border-subtle rounded-lg overflow-hidden",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "p-4 border-b border-border-subtle",
-							children: [/* @__PURE__ */ p("h3", {
+							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ f(ze, { className: "size-4" }), m("billing.checkout.itemsPurchased", "Items Purchased")]
-							}), /* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ p(Re, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
+							}), /* @__PURE__ */ p("div", {
 								className: "space-y-2",
-								children: F.items.map((t) => /* @__PURE__ */ p("div", {
+								children: I.items.map((t) => /* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
-											t.type === "PLAN" && /* @__PURE__ */ f(Re, { className: "size-4 text-accent-blue" }),
-											t.type === "ADDON" && /* @__PURE__ */ f(Ne, { className: "size-4 text-accent-purple" }),
-											t.type === "CREDITS" && /* @__PURE__ */ f(Fe, { className: "size-4 text-status-warning-text" }),
-											t.type === "ORDER" && /* @__PURE__ */ f(Ve, { className: "size-4 text-status-success-text" }),
-											/* @__PURE__ */ f("span", {
+											t.type === "PLAN" && /* @__PURE__ */ p(Le, { className: "size-4 text-accent-blue" }),
+											t.type === "ADDON" && /* @__PURE__ */ p(Ne, { className: "size-4 text-accent-purple" }),
+											t.type === "CREDITS" && /* @__PURE__ */ p(Fe, { className: "size-4 text-status-warning-text" }),
+											t.type === "ORDER" && /* @__PURE__ */ p(Be, { className: "size-4 text-status-success-text" }),
+											/* @__PURE__ */ p("span", {
 												className: "text-text-primary",
 												children: t.name
 											}),
-											t.quantity > 1 && /* @__PURE__ */ p("span", {
+											t.quantity > 1 && /* @__PURE__ */ m("span", {
 												className: "text-xs text-text-secondary",
 												children: ["x", t.quantity]
 											})
 										]
-									}), /* @__PURE__ */ f("span", {
+									}), /* @__PURE__ */ p("span", {
 										className: "text-text-secondary",
 										children: e(t.price * t.quantity)
 									})]
 								}, t.id))
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "p-4 border-b border-border-subtle bg-bg-sunken",
-							children: /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 									className: "text-xs text-text-secondary mb-1",
-									children: m("billing.checkout.paymentMethod", "Payment Method")
-								}), /* @__PURE__ */ f("div", {
+									children: h("billing.checkout.paymentMethod", "Payment Method")
+								}), /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2",
-									children: F.paymentMethod === "credits" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(He, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ f("span", {
+									children: I.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ve, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
-										children: m("billing.checkout.credits", "Credits")
-									})] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(Ie, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ f("span", {
+										children: h("billing.checkout.credits", "Credits")
+									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ie, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
-										children: m("billing.checkout.card", "Card")
+										children: h("billing.checkout.card", "Card")
 									})] })
-								})] }), /* @__PURE__ */ p("div", {
+								})] }), /* @__PURE__ */ m("div", {
 									className: "text-right",
-									children: [/* @__PURE__ */ f("p", {
+									children: [/* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary mb-1",
-										children: m("billing.checkout.totalPaid", "Total Paid")
-									}), /* @__PURE__ */ f("p", {
+										children: h("billing.checkout.totalPaid", "Total Paid")
+									}), /* @__PURE__ */ p("p", {
 										className: "font-bold text-lg text-text-primary",
-										children: e(F.total)
+										children: e(I.total)
 									})]
 								})]
 							})
 						}),
-						F.paymentMethod === "credits" && /* @__PURE__ */ p("div", {
+						I.paymentMethod === "credits" && /* @__PURE__ */ m("div", {
 							className: "p-4 border-b border-border-subtle",
-							children: [/* @__PURE__ */ p("h3", {
+							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ f(He, { className: "size-4" }), m("billing.checkout.creditBalance", "Credit Balance")]
-							}), /* @__PURE__ */ p("div", {
+								children: [/* @__PURE__ */ p(Ve, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
+							}), /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-4",
 								children: [
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("div", {
 										className: "flex-1 text-center p-3 rounded-lg bg-bg-sunken",
-										children: [/* @__PURE__ */ f("p", {
+										children: [/* @__PURE__ */ p("p", {
 											className: "text-xs text-text-secondary mb-1",
-											children: m("billing.checkout.previousBalance", "Previous Balance")
-										}), /* @__PURE__ */ f("p", {
+											children: h("billing.checkout.previousBalance", "Previous Balance")
+										}), /* @__PURE__ */ p("p", {
 											className: "font-semibold text-text-primary",
-											children: t(F.previousBalance)
+											children: t(I.previousBalance)
 										})]
 									}),
-									/* @__PURE__ */ f(Me, { className: "size-5 text-text-secondary shrink-0" }),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ p(Me, { className: "size-5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ m("div", {
 										className: "flex-1 text-center p-3 rounded-lg bg-status-success-bg-subtle",
-										children: [/* @__PURE__ */ f("p", {
+										children: [/* @__PURE__ */ p("p", {
 											className: "text-xs text-text-secondary mb-1",
-											children: m("billing.checkout.newBalance", "New Balance")
-										}), /* @__PURE__ */ f("p", {
+											children: h("billing.checkout.newBalance", "New Balance")
+										}), /* @__PURE__ */ p("p", {
 											className: "font-semibold text-status-success-text",
-											children: t(F.newBalance)
+											children: t(I.newBalance)
 										})]
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "p-4 bg-bg-sunken",
-							children: /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 									className: "text-xs text-text-secondary mb-1",
-									children: m("billing.checkout.billingAccount", "Billing Account")
-								}), /* @__PURE__ */ f("p", {
+									children: h("billing.checkout.billingAccount", "Billing Account")
+								}), /* @__PURE__ */ p("p", {
 									className: "font-medium text-text-primary",
-									children: F.billingAccountName
-								})] }), F.transactionId && /* @__PURE__ */ p("div", {
+									children: I.billingAccountName
+								})] }), I.transactionId && /* @__PURE__ */ m("div", {
 									className: "text-right",
-									children: [/* @__PURE__ */ f("p", {
+									children: [/* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary mb-1",
-										children: m("billing.checkout.transactionId", "Transaction ID")
-									}), /* @__PURE__ */ p("p", {
+										children: h("billing.checkout.transactionId", "Transaction ID")
+									}), /* @__PURE__ */ m("p", {
 										className: "font-mono text-xs text-text-secondary",
-										children: [F.transactionId.slice(0, 8), "..."]
+										children: [I.transactionId.slice(0, 8), "..."]
 									})]
 								})]
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex flex-col sm:flex-row gap-3 justify-center pt-2",
-					children: [/* @__PURE__ */ f("button", {
+					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => g("/overview"),
+						onClick: () => v("/overview"),
 						className: "px-6 py-3 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bgHover transition-colors",
-						children: m("billing.checkout.backToOverview", "Back to Overview")
-					}), /* @__PURE__ */ f("button", {
+						children: h("billing.checkout.backToOverview", "Back to Overview")
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => g("/subscriptions"),
+						onClick: () => v("/subscriptions"),
 						className: "px-6 py-3 text-sm font-medium border border-border-subtle text-text-primary rounded-lg hover:bg-bg-sunken transition-colors",
-						children: m("billing.checkout.viewSubscriptions", "View Subscriptions")
+						children: h("billing.checkout.viewSubscriptions", "View Subscriptions")
 					})]
 				})
 			]
-		}), ut && dt.length > 0 && x && pt && /* @__PURE__ */ f(Ee, {
-			billingAccountId: F?.billingAccountId ?? "",
-			subscriptionId: pt,
-			quotas: dt,
-			workspaces: ot,
-			currentWorkspaceId: x,
-			onAssigned: () => k(!1),
-			onSkip: () => k(!1)
+		}), lt && ut.length > 0 && C && ft && /* @__PURE__ */ p(Ee, {
+			billingAccountId: I?.billingAccountId ?? "",
+			subscriptionId: ft,
+			quotas: ut,
+			workspaces: it,
+			currentWorkspaceId: C,
+			onAssigned: () => j(!1),
+			onSkip: () => j(!1)
 		})] });
 	}
-	if (A === "error") return /* @__PURE__ */ f("div", {
+	if (M === "error") return /* @__PURE__ */ p("div", {
 		className: "max-w-lg mx-auto p-6",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-6",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-status-error-bg-subtle text-status-error-text",
-					children: /* @__PURE__ */ f(Ue, { className: "size-12" })
+					children: /* @__PURE__ */ p(He, { className: "size-12" })
 				}),
-				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: m("billing.checkout.paymentFailed", "Payment Failed")
-				}), /* @__PURE__ */ f("p", {
+					children: h("billing.checkout.paymentFailed", "Payment Failed")
+				}), /* @__PURE__ */ p("p", {
 					className: "text-text-secondary mt-2",
-					children: ht || bt || z.error || m("billing.checkout.genericError", "Something went wrong. Please try again.")
+					children: ht || xt || z.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
 				})] }),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex gap-3 justify-center",
-					children: [/* @__PURE__ */ f("button", {
+					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => g(-1),
+						onClick: () => v(-1),
 						className: "px-4 py-2 rounded-lg border border-border-subtle hover:bg-bg-sunken",
-						children: m("billing.checkout.goBack", "Go Back")
-					}), /* @__PURE__ */ f("button", {
+						children: h("billing.checkout.goBack", "Go Back")
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: () => {
-							j("select"), P(null), z.reset();
+							N("select"), F(null), z.reset();
 						},
 						className: "px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover",
-						children: m("billing.checkout.tryAgain", "Try Again")
+						children: h("billing.checkout.tryAgain", "Try Again")
 					})]
 				})
 			]
 		})
 	});
-	if (A === "processing") return /* @__PURE__ */ f("div", {
+	if (M === "processing") return /* @__PURE__ */ p("div", {
 		className: "max-w-lg mx-auto p-6",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-6",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-[var(--color-accent-soft)] text-text-link",
-					children: /* @__PURE__ */ f(Le, { className: "size-12 animate-spin" })
+					children: /* @__PURE__ */ p(d, { className: "size-12 animate-spin" })
 				}),
-				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: m("billing.checkout.verifyingPayment", "Verifying Payment")
-				}), /* @__PURE__ */ f("p", {
+					children: h("billing.checkout.verifyingPayment", "Verifying Payment")
+				}), /* @__PURE__ */ p("p", {
 					className: "text-text-secondary mt-2",
-					children: m("billing.checkout.verifyingPaymentDescription", "Please wait while we confirm your payment...")
+					children: h("billing.checkout.verifyingPaymentDescription", "Please wait while we confirm your payment...")
 				})] }),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "bg-bg-sunken rounded-lg p-4",
-					children: [/* @__PURE__ */ p("p", {
+					children: [/* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							m("billing.checkout.timeElapsed", "Time elapsed:"),
+							h("billing.checkout.timeElapsed", "Time elapsed:"),
 							" ",
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ p("span", {
 								className: "font-mono font-medium text-text-primary",
 								children: ((e) => {
 									let t = Math.floor(e / 1e3);
@@ -788,134 +789,134 @@ var Ye = () => {
 								})(V)
 							})
 						]
-					}), /* @__PURE__ */ f("p", {
+					}), /* @__PURE__ */ p("p", {
 						className: "text-xs text-text-secondary mt-1",
-						children: m("billing.checkout.keepPageOpen", "This may take a few moments. Please don't close this page.")
+						children: h("billing.checkout.keepPageOpen", "This may take a few moments. Please don't close this page.")
 					})]
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "w-full bg-bg-sunken rounded-full h-2 overflow-hidden",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "bg-action-primary-bg h-2 rounded-full transition-all duration-1000",
 						style: { width: `${Math.min(V / 3e5 * 100, 100)}%` }
 					})
 				}),
-				V > 3e4 && /* @__PURE__ */ f("button", {
+				V > 3e4 && /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => {
-						j("error"), P("Payment verification was cancelled. Please check your billing history.");
+						N("error"), F("Payment verification was cancelled. Please check your billing history.");
 					},
 					className: "text-sm text-text-secondary hover:text-text-primary underline",
-					children: m("billing.checkout.cancelAndCheckHistory", "Cancel and check billing history")
+					children: h("billing.checkout.cancelAndCheckHistory", "Cancel and check billing history")
 				})
 			]
 		})
 	});
-	if (A === "payment" && M) {
+	if (M === "payment" && P) {
 		let e = (e, t) => `${{
 			INR: "₹",
 			USD: "$",
 			EUR: "€",
 			GBP: "£"
-		}[t] || t + " "}${e.toFixed(2)}`, t = M.currency || z.selectedCurrency, r = M.total ?? z.total;
-		return /* @__PURE__ */ p("div", {
+		}[t] || t + " "}${e.toFixed(2)}`, t = P.currency || z.selectedCurrency, r = P.total ?? z.total;
+		return /* @__PURE__ */ m("div", {
 			className: "max-w-2xl mx-auto p-4 sm:p-6 space-y-6",
 			children: [
-				/* @__PURE__ */ p("button", {
+				/* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => j("select"),
+					onClick: () => N("select"),
 					className: "flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary",
-					children: [/* @__PURE__ */ f(je, { className: "size-4" }), m("billing.checkout.backToCheckout", "Back to checkout")]
+					children: [/* @__PURE__ */ p(je, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
 				}),
-				/* @__PURE__ */ f(n, {
-					title: m("billing.checkout.completePayment", "Complete Payment"),
-					description: m("billing.checkout.completePaymentDescription", "Enter your payment details to complete the purchase")
+				/* @__PURE__ */ p(n, {
+					title: h("billing.checkout.completePayment", "Complete Payment"),
+					description: h("billing.checkout.completePaymentDescription", "Enter your payment details to complete the purchase")
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-4",
 					children: [
-						/* @__PURE__ */ p("h3", {
+						/* @__PURE__ */ m("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ f(ze, { className: "size-4" }), m("billing.checkout.paymentSummary", "Payment Summary")]
+							children: [/* @__PURE__ */ p(Re, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
 						}),
-						z.billingAccount && /* @__PURE__ */ p("div", {
+						z.billingAccount && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-bg-sunken rounded-lg space-y-1",
 							children: [
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "text-xs text-text-secondary uppercase tracking-wide",
-									children: m("billing.checkout.billingAccount", "Billing Account")
+									children: h("billing.checkout.billingAccount", "Billing Account")
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "font-medium text-text-primary",
 									children: z.billingAccount.name
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "text-sm text-text-secondary",
 									children: z.billingAccount.email
 								})
 							]
 						}),
-						E === "ADDON" && z.selectedSubscriptionId && K && /* @__PURE__ */ p("div", {
+						k === "ADDON" && z.selectedSubscriptionId && K && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-bg-sunken rounded-lg space-y-1",
 							children: [
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "text-xs text-text-secondary uppercase tracking-wide",
-									children: m("billing.checkout.addingToSubscription", "Adding to Subscription")
+									children: h("billing.checkout.addingToSubscription", "Adding to Subscription")
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "font-medium text-text-primary",
-									children: K.plan?.name || m("billing.checkout.subscription", "Subscription")
+									children: K.plan?.name || h("billing.checkout.subscription", "Subscription")
 								}),
-								K.plan?.product?.name && /* @__PURE__ */ f("div", {
+								K.plan?.product?.name && /* @__PURE__ */ p("div", {
 									className: "text-sm text-text-secondary",
 									children: K.plan.product.name
 								})
 							]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "space-y-2 text-sm",
 							children: [
 								(() => {
 									let n = z.taxRate, i = n > 0 ? r / (1 + n) : r, a = n > 0 ? r - i : 0;
-									return /* @__PURE__ */ p(d, { children: [
-										/* @__PURE__ */ p("div", {
+									return /* @__PURE__ */ m(f, { children: [
+										/* @__PURE__ */ m("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ f("span", {
+											children: [/* @__PURE__ */ p("span", {
 												className: "text-text-secondary",
-												children: m("billing.checkout.subtotal", "Subtotal")
-											}), /* @__PURE__ */ f("span", {
+												children: h("billing.checkout.subtotal", "Subtotal")
+											}), /* @__PURE__ */ p("span", {
 												className: "text-text-primary",
 												children: e(i, t)
 											})]
 										}),
-										z.discountAmount > 0 && /* @__PURE__ */ p("div", {
+										z.discountAmount > 0 && /* @__PURE__ */ m("div", {
 											className: "flex justify-between text-status-success-text",
-											children: [/* @__PURE__ */ f("span", { children: m("billing.checkout.discount", "Discount") }), /* @__PURE__ */ p("span", { children: ["-", e(z.discountAmount, t)] })]
+											children: [/* @__PURE__ */ p("span", { children: h("billing.checkout.discount", "Discount") }), /* @__PURE__ */ m("span", { children: ["-", e(z.discountAmount, t)] })]
 										}),
-										a > 0 && /* @__PURE__ */ p("div", {
+										a > 0 && /* @__PURE__ */ m("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ p("span", {
+											children: [/* @__PURE__ */ m("span", {
 												className: "text-text-secondary",
 												children: [
-													z.taxType || m("billing.checkout.tax", "Tax"),
+													z.taxType || h("billing.checkout.tax", "Tax"),
 													" (",
 													(n * 100).toFixed(0),
 													"%)"
 												]
-											}), /* @__PURE__ */ f("span", {
+											}), /* @__PURE__ */ p("span", {
 												className: "text-text-primary",
 												children: e(a, t)
 											})]
 										})
 									] });
 								})(),
-								/* @__PURE__ */ f("div", { className: "border-t border-border-subtle my-2" }),
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ p("div", { className: "border-t border-border-subtle my-2" }),
+								/* @__PURE__ */ m("div", {
 									className: "flex justify-between font-semibold",
-									children: [/* @__PURE__ */ f("span", {
+									children: [/* @__PURE__ */ p("span", {
 										className: "text-text-primary",
-										children: m("billing.checkout.total", "Total")
-									}), /* @__PURE__ */ f("span", {
+										children: h("billing.checkout.total", "Total")
+									}), /* @__PURE__ */ p("span", {
 										className: "text-lg text-text-primary",
 										children: e(r, t)
 									})]
@@ -924,172 +925,176 @@ var Ye = () => {
 						})
 					]
 				}),
-				z.selectedProvider === "STRIPE" && M.clientSecret && /* @__PURE__ */ f("div", {
+				z.selectedProvider === "STRIPE" && P.clientSecret && /* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "p-4 space-y-4",
-						children: /* @__PURE__ */ f(ye, {
-							clientSecret: M.clientSecret,
-							publishableKey: $e || vt?.stripePublishableKey || "",
-							amount: Math.round((M.total ?? z.total) * 100),
-							currency: M.currency || z.selectedCurrency,
-							onSuccess: Rt,
-							onError: zt,
-							onCancel: () => j("select"),
+						children: /* @__PURE__ */ p(ye, {
+							clientSecret: P.clientSecret,
+							publishableKey: Qe || yt?.stripePublishableKey || "",
+							amount: Math.round((P.total ?? z.total) * 100),
+							currency: P.currency || z.selectedCurrency,
+							onSuccess: zt,
+							onError: Bt,
+							onCancel: () => N("select"),
 							isCompletingExistingPayment: !!z.selectedPaymentMethodId
 						})
 					})
 				}),
-				z.selectedProvider === "RAZORPAY" && M.orderId && /* @__PURE__ */ f("div", {
+				z.selectedProvider === "RAZORPAY" && P.orderId && /* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "p-4 space-y-4",
-						children: [/* @__PURE__ */ p("label", {
+						children: [/* @__PURE__ */ m("label", {
 							className: "flex items-center gap-2 cursor-pointer",
-							children: [/* @__PURE__ */ f("input", {
+							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
 								checked: z.saveCard,
 								onChange: (e) => z.setSaveCard(e.target.checked),
 								className: "size-4 rounded border-border-subtle text-text-link focus:ring-[var(--color-focus-ring)]"
-							}), /* @__PURE__ */ f("span", {
+							}), /* @__PURE__ */ p("span", {
 								className: "text-sm text-text-secondary",
 								children: "Save card for future purchases"
 							})]
-						}), /* @__PURE__ */ f(be, {
-							orderId: M.orderId,
-							keyId: M.razorpayKeyId || et || "",
-							amount: Math.round((M.total ?? z.total) * 100),
-							currency: M.currency || "INR",
-							customerId: M.razorpayCustomerId,
+						}), /* @__PURE__ */ p(be, {
+							orderId: P.orderId,
+							keyId: P.razorpayKeyId || $e || "",
+							amount: Math.round((P.total ?? z.total) * 100),
+							currency: P.currency || "INR",
+							customerId: P.razorpayCustomerId,
 							prefill: {
-								name: M.prefillName,
-								email: M.prefillEmail,
-								contact: M.prefillContact
+								name: P.prefillName,
+								email: P.prefillEmail,
+								contact: P.prefillContact
 							},
-							onSuccess: (e) => Rt(e.razorpay_payment_id),
-							onError: zt,
-							onCancel: () => j("select")
+							onSuccess: (e) => zt(e.razorpay_payment_id),
+							onError: Bt,
+							onCancel: () => N("select")
 						})]
 					})
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "max-w-6xl mx-auto p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => g(-1),
+				onClick: () => v(-1),
 				className: "flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary mb-4",
-				children: [/* @__PURE__ */ f(je, { className: "size-4" }), "Back"]
+				children: [/* @__PURE__ */ p(je, { className: "size-4" }), "Back"]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3 mb-6",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "p-2 rounded-lg bg-[var(--color-accent-soft)] text-text-link",
-					children: Ut()
-				}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+					children: Wt()
+				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: Ht()
-				}), /* @__PURE__ */ f("p", {
+					children: Ut()
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
 					children: "Complete your purchase securely"
 				})] })]
 			}),
-			v?.upgradeFromSubscriptionId && v?.currentPlanName && /* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p(Je, {
+				className: "mb-6",
+				children: h("billing.checkout.purpose", "Review what you are buying — plan, add-ons or credits — pick the billing account and payment method, apply any discount code, and pay. Taxes and the final total are shown before you confirm.")
+			}),
+			b?.upgradeFromSubscriptionId && b?.currentPlanName && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-lg border border-border-subtle bg-status-info-bg-subtle",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-info-bg-subtle",
-						children: /* @__PURE__ */ f(Be, { className: "size-4 text-accent-blue" })
-					}), /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ p(ze, { className: "size-4 text-accent-blue" })
+					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-sm font-medium text-status-info-text",
 							children: [
 								"Upgrading from:",
 								" ",
-								/* @__PURE__ */ f("span", {
+								/* @__PURE__ */ p("span", {
 									className: "font-semibold",
-									children: v.currentPlanName
+									children: b.currentPlanName
 								})
 							]
-						}), /* @__PURE__ */ f("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-status-info-text mt-0.5",
 							children: "Your current subscription will be marked as upgraded and quotas will transfer to the new plan."
 						})]
 					})]
 				})
 			}),
-			v?.downgradeFromSubscriptionId && v?.currentPlanName && /* @__PURE__ */ f("div", {
+			b?.downgradeFromSubscriptionId && b?.currentPlanName && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-warning-bg-subtle",
-						children: /* @__PURE__ */ f(Be, { className: "size-4 text-status-warning-text" })
-					}), /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ p(ze, { className: "size-4 text-status-warning-text" })
+					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-sm font-medium text-status-warning-text",
 							children: [
 								"Downgrading from:",
 								" ",
-								/* @__PURE__ */ f("span", {
+								/* @__PURE__ */ p("span", {
 									className: "font-semibold",
-									children: v.currentPlanName
+									children: b.currentPlanName
 								})
 							]
-						}), /* @__PURE__ */ f("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-status-warning-text mt-0.5",
 							children: "Your current plan stays active until it expires, you keep all its features until then. After expiry, only the new plan applies."
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-6 lg:grid-cols-5",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-3 space-y-6 order-2 lg:order-1",
 					children: [
-						E === "CREDITS" && z.items[0] && /* @__PURE__ */ f("div", {
+						k === "CREDITS" && z.items[0] && /* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-							children: /* @__PURE__ */ f(ve, {
+							children: /* @__PURE__ */ p(ve, {
 								value: z.items[0].quantity,
-								onChange: Bt,
+								onChange: Vt,
 								costPerCredit: J,
 								currency: z.selectedCurrency,
-								disabled: Mt
+								disabled: Nt
 							})
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
-							children: [/* @__PURE__ */ f(he, {
+							children: [/* @__PURE__ */ p(he, {
 								accounts: X,
 								selectedAccountId: z.billingAccount?.id ?? null,
 								onSelect: z.setBillingAccount,
-								isLoading: St,
-								disabled: Ft,
-								disabledMessage: Ft ? "Billing account is locked for plan changes" : void 0
-							}), E === "ADDON" && !T && z.billingAccount && /* @__PURE__ */ f(xe, {
+								isLoading: Ct,
+								disabled: It,
+								disabledMessage: It ? "Billing account is locked for plan changes" : void 0
+							}), k === "ADDON" && !O && z.billingAccount && /* @__PURE__ */ p(xe, {
 								subscriptions: G,
 								selectedSubscriptionId: z.selectedSubscriptionId,
 								onSelect: z.setSelectedSubscriptionId,
-								isLoading: kt
+								isLoading: At
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
 							children: [
-								/* @__PURE__ */ f(Ce, {
+								/* @__PURE__ */ p(Ce, {
 									savedPaymentMethods: Y,
 									selectedPaymentMethodId: z.selectedPaymentMethodId,
 									onSelectSavedCard: z.setSelectedPaymentMethodId,
 									selectedProvider: z.selectedProvider,
 									onSelectProvider: z.setPaymentProvider,
-									stripeEnabled: yt,
+									stripeEnabled: bt,
 									razorpayEnabled: B,
 									canPayWithCredits: z.canPayWithCredits && z.hasEnoughCredits,
 									availableCredits: z.availableCredits,
@@ -1097,35 +1102,35 @@ var Ye = () => {
 									billingCountry: Z,
 									saveCard: z.saveCard,
 									onSaveCardChange: z.setSaveCard,
-									autoRenewEnabled: E === "PLAN" && z.autoRenew,
-									isLoading: Dt
+									autoRenewEnabled: k === "PLAN" && z.autoRenew,
+									isLoading: Ot
 								}),
-								z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { className: "border-t border-border-subtle" }), /* @__PURE__ */ f("div", {
+								z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-t border-border-subtle" }), /* @__PURE__ */ p("div", {
 									className: "bg-bg-sunken p-4 rounded-button",
-									children: /* @__PURE__ */ p("div", {
+									children: /* @__PURE__ */ m("div", {
 										className: "flex items-start gap-3",
-										children: [/* @__PURE__ */ f("svg", {
+										children: [/* @__PURE__ */ p("svg", {
 											className: "size-5 text-text-secondary mt-0.5",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ f("path", {
+											children: /* @__PURE__ */ p("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
 												d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 											})
-										}), /* @__PURE__ */ p("div", {
+										}), /* @__PURE__ */ m("div", {
 											className: "flex-1 text-sm",
-											children: [/* @__PURE__ */ p("p", {
+											children: [/* @__PURE__ */ m("p", {
 												className: "font-medium text-text-primary mb-1",
 												children: ["Currency: ", z.selectedCurrency]
-											}), /* @__PURE__ */ p("p", {
+											}), /* @__PURE__ */ m("p", {
 												className: "text-text-secondary text-xs",
 												children: [
 													"All prices are shown in",
 													" ",
-													/* @__PURE__ */ f("strong", {
+													/* @__PURE__ */ p("strong", {
 														className: "text-text-primary",
 														children: z.selectedCurrency
 													}),
@@ -1137,14 +1142,14 @@ var Ye = () => {
 										})]
 									})
 								})] }),
-								E === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT" && /* @__PURE__ */ f("div", {
+								k === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT" && /* @__PURE__ */ p("div", {
 									className: "border-t border-border-subtle pt-4",
-									children: /* @__PURE__ */ p("div", {
+									children: /* @__PURE__ */ m("div", {
 										className: "space-y-3",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Number of seats"
-										}), H.getPlan.minSeats && /* @__PURE__ */ p("p", {
+										}), H.getPlan.minSeats && /* @__PURE__ */ m("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: [
 												"Minimum ",
@@ -1153,17 +1158,17 @@ var Ye = () => {
 												H.getPlan.minSeats === 1 ? "" : "s",
 												" required"
 											]
-										})] }), /* @__PURE__ */ p("div", {
+										})] }), /* @__PURE__ */ m("div", {
 											className: "flex items-center gap-3",
 											children: [
-												/* @__PURE__ */ f("button", {
+												/* @__PURE__ */ p("button", {
 													type: "button",
 													onClick: () => R((e) => Math.max(H.getPlan?.minSeats ?? 1, e - 1)),
 													disabled: L <= (H.getPlan.minSeats ?? 1),
 													className: "size-9 rounded-button border border-border-subtle flex items-center justify-center hover:bg-action-ghost-bgHover disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-text-primary",
 													children: "−"
 												}),
-												/* @__PURE__ */ f("input", {
+												/* @__PURE__ */ p("input", {
 													type: "number",
 													value: L,
 													min: H.getPlan.minSeats ?? 1,
@@ -1174,14 +1179,14 @@ var Ye = () => {
 													},
 													className: "w-20 h-9 text-center border border-border-subtle rounded-button bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												}),
-												/* @__PURE__ */ f("button", {
+												/* @__PURE__ */ p("button", {
 													type: "button",
 													onClick: () => R((e) => Math.min(H.getPlan?.maxSeats ?? 999, e + 1)),
 													disabled: L >= (H.getPlan.maxSeats ?? 999),
 													className: "size-9 rounded-button border border-border-subtle flex items-center justify-center hover:bg-action-ghost-bgHover disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-text-primary",
 													children: "+"
 												}),
-												H.getPlan.pricePerSeat && /* @__PURE__ */ p("span", {
+												H.getPlan.pricePerSeat && /* @__PURE__ */ m("span", {
 													className: "text-sm text-text-secondary",
 													children: [
 														"×",
@@ -1207,17 +1212,17 @@ var Ye = () => {
 							]
 						})
 					]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "lg:col-span-2 order-1 lg:order-2",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "lg:sticky lg:top-6 space-y-4",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface",
 								children: [
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "p-4",
-										children: /* @__PURE__ */ f(ge, {
+										children: /* @__PURE__ */ p(ge, {
 											items: z.items,
 											subtotal: z.subtotal,
 											discountAmount: z.discountAmount,
@@ -1228,14 +1233,14 @@ var Ye = () => {
 											currency: z.selectedCurrency,
 											isCalculatingTax: z.isCalculatingTax,
 											showInCredits: z.selectedProvider === "CREDITS",
-											onUpdateQuantity: E !== "PLAN" && E !== "ORDER" ? z.updateItemQuantity : void 0,
+											onUpdateQuantity: k !== "PLAN" && k !== "ORDER" ? z.updateItemQuantity : void 0,
 											onRemoveItem: z.removeItem,
-											isEditable: E !== "PLAN" && E !== "ORDER"
+											isEditable: k !== "PLAN" && k !== "ORDER"
 										})
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "px-4 pb-4 border-t border-border-subtle pt-4",
-										children: /* @__PURE__ */ f(_e, {
+										children: /* @__PURE__ */ p(_e, {
 											value: z.promoCode,
 											onChange: z.setPromoCode,
 											onValidate: async () => await z.validatePromoCode(),
@@ -1246,15 +1251,15 @@ var Ye = () => {
 											isValidating: z.isProcessing
 										})
 									}),
-									E === "PLAN" && z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && (() => {
+									k === "PLAN" && z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && (() => {
 										let e = "", t = !1, n = !1;
 										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 (z.selectedProvider === "RAZORPAY" || z.selectedProvider === "STRIPE") && (e = z.selectedProvider === "RAZORPAY" ? "new card (Razorpay)" : "new card (Stripe)", t = !0, n = !0);
-										return /* @__PURE__ */ f("div", {
+										return /* @__PURE__ */ p("div", {
 											className: "px-4 pb-4",
-											children: /* @__PURE__ */ f(Se, {
+											children: /* @__PURE__ */ p(Se, {
 												enabled: z.autoRenew,
 												onToggle: (e) => {
 													z.setAutoRenew(e), e && z.selectedPaymentMethodId && z.setAutoRenewPaymentMethodId(z.selectedPaymentMethodId);
@@ -1267,14 +1272,14 @@ var Ye = () => {
 									})()
 								]
 							}),
-							/* @__PURE__ */ f("button", {
+							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: Lt,
-								disabled: z.isProcessing || !z.billingAccount || z.items.length === 0 || E === "ADDON" && !T && kt || E === "ADDON" && !T && G.length === 0 || E === "ADDON" && !T && !z.selectedSubscriptionId,
+								onClick: Rt,
+								disabled: z.isProcessing || !z.billingAccount || z.items.length === 0 || k === "ADDON" && !O && At || k === "ADDON" && !O && G.length === 0 || k === "ADDON" && !O && !z.selectedSubscriptionId,
 								className: "w-full px-6 py-4 rounded-lg bg-action-primary-bg text-action-primary-text font-semibold\n                hover:bg-action-primary-bgHover disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors flex items-center justify-center gap-2",
-								children: z.isProcessing ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(Le, { className: "size-5 animate-spin" }), "Processing…"] }) : z.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__ */ f("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-center text-xs text-text-secondary",
 								children: "🔒 Secure checkout with 256-bit SSL encryption"
 							})
@@ -1282,17 +1287,17 @@ var Ye = () => {
 					})
 				})]
 			}),
-			ct && z.billingAccount && /* @__PURE__ */ f(we, {
+			ot && 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: () => {
-					O.current = !0, lt(!1), Lt(), Ct().then((e) => {
+					ct.current = !0, st(!1), Rt(), wt().then((e) => {
 						let t = (e.data?.getBillingAccountsByOrg ?? []).find((e) => e.id === z.billingAccount?.id);
 						t && z.setBillingAccount(t);
 					});
 				},
-				onCancel: () => lt(!1)
+				onCancel: () => st(!1)
 			})
 		]
 	});