@burdenoff/microfe-billing 2026.910.5 → 2026.910.6

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

@@ -5,34 +5,34 @@ import "../../../shared/components/index.js";
 import { useBillingEventEmitter as r } from "../../../hooks/useBillingEventEmitter.js";
 import { getStoredBillingAccountId as i } from "../../../hooks/useBillingAccountSelection.js";
 import { useBillingPermissions as a } from "../../../hooks/useBillingPermissions.js";
-import { useGetActiveSubscriptionsCheckoutQuery as o, useGetBillingAccountsCheckoutQuery as ee, useGetCostOfCreditsCheckoutQuery as te, useGetPaymentMethodsCheckoutQuery as ne, useGetPlanCheckoutQuery as re, useGetSelectedAddonCheckoutQuery as ie, useGetStoreOrderCheckoutQuery as ae } from "../../../../generated/global-operations.js";
-import { useAddonCartStore as oe } from "../../addons/store/addonCartStore.js";
-import { useBillingNavigate as se } from "../../../hooks/useBillingNavigate.js";
-import { recordAffiliateEvent as ce } from "../../affiliate/api.js";
-import { STORE_SHIPPING_ITEM_ID as le, useSetStoreOrderShipping as ue } from "../hooks/useStoreShipping.js";
-import { useCheckout as de } from "../hooks/useCheckout.js";
-import { isNativeIAPAvailable as fe } from "../../../lib/native-purchases.js";
-import { useNativeCheckout as pe } from "../hooks/useNativeCheckout.js";
-import { usePaymentProviders as me } from "../hooks/usePaymentProviders.js";
-import { usePaymentStatusPolling as he } from "../hooks/usePaymentStatusPolling.js";
+import { useGetActiveSubscriptionsCheckoutQuery as o, useGetBillingAccountsCheckoutQuery as ee, useGetCostOfCreditsCheckoutQuery as te, useGetPaymentMethodsCheckoutQuery as s, useGetPlanCheckoutQuery as ne, useGetSelectedAddonCheckoutQuery as re, useGetStoreOrderCheckoutQuery as ie } from "../../../../generated/global-operations.js";
+import { useAddonCartStore as ae } from "../../addons/store/addonCartStore.js";
+import { useBillingNavigate as oe } from "../../../hooks/useBillingNavigate.js";
+import { recordAffiliateEvent as se } from "../../affiliate/api.js";
+import { STORE_SHIPPING_ITEM_ID as ce, useSetStoreOrderShipping as le } from "../hooks/useStoreShipping.js";
+import { useCheckout as ue } from "../hooks/useCheckout.js";
+import { isNativeIAPAvailable as de } from "../../../lib/native-purchases.js";
+import { useNativeCheckout as fe } from "../hooks/useNativeCheckout.js";
+import { usePaymentProviders as pe } from "../hooks/usePaymentProviders.js";
+import { usePaymentStatusPolling as me } from "../hooks/usePaymentStatusPolling.js";
 import "../hooks/index.js";
-import { NativeCheckoutView as ge } from "../components/NativeCheckoutView.js";
-import { BillingAccountSelector as _e } from "../components/BillingAccountSelector.js";
-import { OrderSummary as ve } from "../components/OrderSummary.js";
-import { PromoCodeInput as ye } from "../components/PromoCodeInput.js";
-import { CreditsAmountInput as be } from "../components/CreditsAmountInput.js";
-import { StripePaymentForm as xe } from "../components/StripePaymentForm.js";
-import { RazorpayPaymentButton as Se } from "../components/RazorpayPaymentButton.js";
-import { SubscriptionSelector as Ce } from "../components/SubscriptionSelector.js";
-import { SimpleAutoPayToggle as we } from "../components/SimpleAutoPayToggle.js";
-import { UnifiedPaymentMethodSelector as Te } from "../components/UnifiedPaymentMethodSelector.js";
-import { CompleteBillingAccountModal as Ee, isBillingAccountComplete as De } from "../components/CompleteBillingAccountModal.js";
-import { StoreShippingSection as Oe } from "../components/StoreShippingSection.js";
-import { WorkspaceQuotaAssignmentModal as ke, isWorkspaceScopedQuota as Ae } from "../components/WorkspaceQuotaAssignmentModal.js";
+import { NativeCheckoutView as he } from "../components/NativeCheckoutView.js";
+import { BillingAccountSelector as ge } from "../components/BillingAccountSelector.js";
+import { OrderSummary as _e } from "../components/OrderSummary.js";
+import { PromoCodeInput as ve } from "../components/PromoCodeInput.js";
+import { CreditsAmountInput as ye } from "../components/CreditsAmountInput.js";
+import { StripePaymentForm as be } from "../components/StripePaymentForm.js";
+import { RazorpayPaymentButton as xe } from "../components/RazorpayPaymentButton.js";
+import { SubscriptionSelector as Se } from "../components/SubscriptionSelector.js";
+import { SimpleAutoPayToggle as Ce } from "../components/SimpleAutoPayToggle.js";
+import { UnifiedPaymentMethodSelector as we } from "../components/UnifiedPaymentMethodSelector.js";
+import { CompleteBillingAccountModal as Te, isBillingAccountComplete as Ee } from "../components/CompleteBillingAccountModal.js";
+import { StoreShippingSection as De } from "../components/StoreShippingSection.js";
+import { WorkspaceQuotaAssignmentModal as Oe, isWorkspaceScopedQuota as ke } from "../components/WorkspaceQuotaAssignmentModal.js";
 import "../components/index.js";
-import { buildStoreOrderCheckoutItems as je, normalizeStoreOrderCurrency as Me } from "../utils/storeOrder.js";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as Ne, useState as u } from "react";
-import { ArrowLeft as Pe, ArrowRight as Fe, Blocks as Ie, CheckCircle as Le, Coins as Re, CreditCard as ze, Loader2 as d, Package as Be, Receipt as Ve, RefreshCw as He, ShoppingCart as Ue, Wallet as We, XCircle as Ge } from "lucide-react";
+import { buildStoreOrderCheckoutItems as Ae, normalizeStoreOrderCurrency as je } from "../utils/storeOrder.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as Me, useState as d } from "react";
+import { ArrowLeft as Ne, ArrowRight as Pe, Blocks as Fe, CheckCircle as Ie, Coins as Le, CreditCard as Re, Loader2 as ze, Package as Be, Receipt as Ve, RefreshCw as He, ShoppingCart as Ue, Wallet as We, XCircle as Ge } from "lucide-react";
 import { useLocation as Ke, useParams as qe } from "react-router";
 import { useAppShell as Je } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -56,11 +56,11 @@ var $e = () => {
 	let { t: $e } = Ye(), h = (e, t) => {
 		let n = $e(e);
 		return n === e ? t : n;
-	}, { planId: et, addonId: tt, storeOrderId: g } = qe(), _ = se(), nt = Ke(), v = nt.state, rt = a(), { emit: y } = r(), { orgId: b, stripePublishableKey: it, razorpayKey: at, apiGatewayUrl: ot, authToken: st, currentUser: ct, workspaceId: x } = e(), { productSlug: lt } = Je(), ut = Ne(null), dt = x ? [{
+	}, { planId: et, addonId: tt, storeOrderId: g } = qe(), _ = oe(), nt = Ke(), v = nt.state, rt = a(), { emit: y } = r(), { orgId: b, stripePublishableKey: it, razorpayKey: at, apiGatewayUrl: ot, authToken: st, currentUser: ct, workspaceId: x } = e(), { productSlug: lt } = Je(), ut = Me(null), dt = x ? [{
 		id: x,
 		name: "Current workspace"
-	}] : [], { items: S, clearCart: ft, _hasHydrated: C } = oe(), w = nt.pathname.includes("/checkout/addons") && !tt, T = nt.pathname.includes("/checkout/store") && !!g, E = w ? "ADDON" : T ? "ORDER" : v?.purchaseType ?? (et ? "PLAN" : tt ? "ADDON" : "CREDITS"), D = v?.itemId ?? et ?? tt ?? g, [pt, mt] = u(!1), ht = Ne(!1), [gt, _t] = u(!1), [vt, yt] = u([]), [bt, xt] = u(null), [O, k] = u("select"), [A, St] = u(null), [Ct, j] = u(null), [M, wt] = u(null), [Tt, Et] = u("card");
-	c(() => {
+	}] : [], { items: S, clearCart: ft, _hasHydrated: C } = ae(), w = nt.pathname.includes("/checkout/addons") && !tt, T = nt.pathname.includes("/checkout/store") && !!g, E = w ? "ADDON" : T ? "ORDER" : v?.purchaseType ?? (et ? "PLAN" : tt ? "ADDON" : "CREDITS"), D = v?.itemId ?? et ?? tt ?? g, [pt, mt] = d(!1), ht = Me(!1), [gt, _t] = d(!1), [vt, yt] = d([]), [bt, xt] = d(null), [O, k] = d("select"), [A, St] = d(null), [Ct, j] = d(null), [M, wt] = d(null), [Tt, Et] = d("card");
+	l(() => {
 		if (O !== "success" || !M) return;
 		let e = typeof window < "u" ? window.localStorage.getItem(Xe("boff-referral-attribution")) : null;
 		if (!e) return;
@@ -72,7 +72,7 @@ var $e = () => {
 		}
 		if (!t.journeyId && !t.codeId) return;
 		let n = M.transactionId || A?.paymentId || A?.orderId || g || D || E, r = `${t.journeyId ?? "journey"}:${n}`;
-		ut.current !== r && (ut.current = r, ce({
+		ut.current !== r && (ut.current = r, se({
 			journeyId: t.journeyId,
 			codeId: t.codeId,
 			eventType: E === "ORDER" ? "STORE_PURCHASE" : "PAID_CONVERSION",
@@ -109,11 +109,11 @@ var $e = () => {
 		E,
 		g
 	]);
-	let [N, P] = u(1), F = de({
+	let [N, P] = d(1), F = ue({
 		defaultCurrency: "USD",
 		upgradeFromSubscriptionId: v?.upgradeFromSubscriptionId,
 		downgradeFromSubscriptionId: v?.downgradeFromSubscriptionId
-	}), { config: Dt, stripeEnabled: Ot, razorpayEnabled: kt } = me(), { elapsedTime: At, error: jt } = he({
+	}), { config: Dt, stripeEnabled: Ot, razorpayEnabled: kt } = pe(), { elapsedTime: At, error: jt } = me({
 		paymentId: O === "processing" ? A?.paymentId ?? null : null,
 		billingAccountId: F.billingAccount?.id ?? M?.billingAccountId ?? null,
 		paymentType: Tt,
@@ -124,7 +124,7 @@ var $e = () => {
 				...t,
 				transactionId: e.transactionId
 			}), k("success"), w && ft(), (E === "PLAN" || E === "ADDON") && x) {
-				let e = (I?.getPlan?.features ?? []).filter((e) => e != null).filter((e) => e.quota?.name && Ae(e.quota.name)).map((e) => {
+				let e = (I?.getPlan?.features ?? []).filter((e) => e != null).filter((e) => e.quota?.name && ke(e.quota.name)).map((e) => {
 					let t = e.quota?.limits, n = t && "type" in t ? String(t.type) : "number", r = e.context && "quantity" in e.context ? Number(e.context.quantity) : null, i = t && "value" in t ? Number(t.value) : null, a = r ?? i;
 					return {
 						quotaName: e.quota.name,
@@ -147,41 +147,41 @@ var $e = () => {
 		onTimeout: () => {
 			j("Payment verification timed out. Please check your billing history for the payment status."), k("error");
 		}
-	}), { data: Mt, loading: Nt, refetch: Pt } = ee({}), { data: I, loading: Ft } = re({
+	}), { data: Mt, loading: Nt, refetch: Pt } = ee({}), { data: I, loading: Ft } = ne({
 		variables: { id: D },
 		skip: E !== "PLAN" || !D
-	}), { data: L, loading: It } = ie({
+	}), { data: L, loading: It } = re({
 		variables: { addonIDs: D ? [D] : [] },
 		skip: E !== "ADDON" || !D || T
-	}), { data: R } = ae({
+	}), { data: R } = ie({
 		variables: { id: g },
 		skip: !T || !g
-	}), Lt = l(() => {
+	}), Lt = u(() => {
 		let e = R?.getStoreOrder?.lineItems;
 		return Array.isArray(e) ? e : [];
-	}, [R]), z = T && Lt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Rt = Me(R?.getStoreOrder?.currency), [B, zt] = u({
+	}, [R]), z = T && Lt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Rt = je(R?.getStoreOrder?.currency), [B, zt] = d({
 		shippingAddressId: null,
 		shippingMethodId: null,
 		shippingCost: 0,
 		destinationCountry: null
-	}), [Bt] = ue(), { data: Vt, loading: Ht } = ne({
+	}), [Bt] = le(), { data: Vt, loading: Ht } = s({
 		variables: { billingAccountId: F.billingAccount?.id },
 		skip: !F.billingAccount?.id
 	}), { data: Ut, loading: Wt, refetch: Gt } = o({
 		variables: { billingAccountId: F.billingAccount?.id },
 		skip: !F.billingAccount?.id || E !== "ADDON" && E !== "PLAN" || T
-	}), V = l(() => Ut?.getActiveSubscriptions ?? [], [Ut]), H = l(() => !F.selectedSubscriptionId || V.length === 0 ? null : V.find((e) => e.id === F.selectedSubscriptionId) ?? null, [F.selectedSubscriptionId, V]), U = F.items[0]?.type === "CREDITS" ? F.items[0].quantity : 100, { data: Kt, loading: qt } = te({
+	}), V = u(() => Ut?.getActiveSubscriptions ?? [], [Ut]), H = u(() => !F.selectedSubscriptionId || V.length === 0 ? null : V.find((e) => e.id === F.selectedSubscriptionId) ?? null, [F.selectedSubscriptionId, V]), U = F.items[0]?.type === "CREDITS" ? F.items[0].quantity : 100, { data: Kt, loading: qt } = te({
 		variables: {
 			creditAmount: U,
 			currency: F.selectedCurrency || "USD"
 		},
 		skip: E !== "CREDITS"
-	}), W = l(() => Kt?.getCostOfCredits?.amount && U > 0 ? Kt.getCostOfCredits.amount / U : .01, [Kt, U]), G = l(() => Vt?.getPaymentMethods ?? [], [Vt]), K = l(() => Mt?.myBillingAccounts ?? [], [Mt]), q = l(() => {
+	}), W = u(() => Kt?.getCostOfCredits?.amount && U > 0 ? Kt.getCostOfCredits.amount / U : .01, [Kt, U]), G = u(() => Vt?.getPaymentMethods ?? [], [Vt]), K = u(() => Mt?.myBillingAccounts ?? [], [Mt]), q = u(() => {
 		if (!F.billingAccount) return;
 		let e = K.find((e) => e.id === F.billingAccount?.id)?.billingAddresses;
 		if (e && e.length > 0) return e[0]?.country || void 0;
-	}, [F.billingAccount, K]), [Jt, Yt] = u(null);
-	c(() => {
+	}, [F.billingAccount, K]), [Jt, Yt] = d(null);
+	l(() => {
 		if (q) if (q === "IN") F.selectedCurrency !== "INR" && F.setCurrency("INR"), kt && Jt !== q && F.selectedProvider !== "CREDITS" && (F.setPaymentProvider("RAZORPAY"), Yt(q));
 		else {
 			if (F.selectedCurrency === "INR") {
@@ -201,7 +201,7 @@ var $e = () => {
 		Jt
 	]);
 	let { availableCredits: Xt, billingAccount: Zt, canPayWithCredits: Qt, selectedCurrency: J, selectedPaymentMethodId: $t, selectedProvider: en, setCurrency: Y, setPaymentProvider: X, setSelectedPaymentMethodId: tn, total: nn } = F;
-	c(() => {
+	l(() => {
 		if (!Zt?.currency || q === "IN") return;
 		let e = Zt.currency;
 		e !== "INR" && J !== e && Y(e);
@@ -210,7 +210,7 @@ var $e = () => {
 		Zt,
 		J,
 		Y
-	]), c(() => {
+	]), l(() => {
 		if (!(en !== "AUTO" && en !== null)) {
 			if (Qt && Xt >= nn) {
 				X("CREDITS"), tn(null);
@@ -234,10 +234,10 @@ var $e = () => {
 		X,
 		tn
 	]);
-	let [Z, Q] = u(!1);
-	c(() => {
+	let [Z, Q] = d(!1);
+	l(() => {
 		if (!T || Z || !R?.getStoreOrder) return;
-		let e = Me(R.getStoreOrder.currency);
+		let e = je(R.getStoreOrder.currency);
 		J !== e && Y(e);
 	}, [
 		T,
@@ -245,23 +245,29 @@ var $e = () => {
 		J,
 		Y,
 		R
-	]), c(() => {
+	]), l(() => {
 		if (E === "PLAN" && I?.getPlan?.pricingModel === "PER_SEAT") {
 			let e = I.getPlan.minSeats ?? 1;
 			P((t) => t < e ? e : t);
 		}
-	}, [I, E]), c(() => {
+	}, [I, E]), l(() => {
 		E === "PLAN" && I?.getPlan?.pricingModel === "PER_SEAT" && Z && Q(!1);
-	}, [N]), c(() => {
+	}, [N]), l(() => {
 		if (!Z) {
 			if (w && C && S.length > 0) {
 				F.clearItems();
 				for (let e of S) {
-					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 = F.selectedCurrency || "USD", i = t.currencyPrices?.[r] ?? t.price, a = {
+					let t = e.addon, n = t.features?.map((e) => {
+						let t = e.quota?.limits, n = e.context && "quantity" in e.context ? Number(e.context.quantity) : void 0;
+						return {
+							id: e.quota?.id || e.id,
+							name: e.quota?.name || "Feature",
+							limits: n !== void 0 && t && "type" in t ? {
+								...t,
+								value: n
+							} : t
+						};
+					}) || [], r = F.selectedCurrency || "USD", i = t.currencyPrices?.[r] ?? t.price, a = {
 						id: t.id,
 						type: "ADDON",
 						name: t.name,
@@ -279,11 +285,17 @@ var $e = () => {
 				return;
 			}
 			if (E === "PLAN" && I?.getPlan) {
-				let e = I.getPlan, t = e.features?.map((e) => ({
-					id: e.quota?.id || e.id,
-					name: e.quota?.name || "Feature",
-					limits: e.quota?.limits
-				})) || [], n = F.selectedCurrency || "USD", r = e.currencyPrices, i = e.pricingModel === "PER_SEAT", a;
+				let e = I.getPlan, t = e.features?.map((e) => {
+					let t = e.quota?.limits, n = e.context && "quantity" in e.context ? Number(e.context.quantity) : void 0;
+					return {
+						id: e.quota?.id || e.id,
+						name: e.quota?.name || "Feature",
+						limits: n !== void 0 && t && "type" in t ? {
+							...t,
+							value: n
+						} : t
+					};
+				}) || [], n = F.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) * N;
@@ -291,29 +303,35 @@ var $e = () => {
 					let t = r?.[n];
 					a = typeof t == "number" ? t : e.price;
 				}
-				let o = i ? N : 1, ee = {
+				let o = r?.USD, ee = typeof o == "number" ? o : e.price, te = typeof o == "object" && o?.perSeat ? o.perSeat : e.pricePerSeat, s = i ? N : 1, ne = {
 					id: e.id,
 					type: "PLAN",
 					name: e.name,
 					description: typeof e.context == "object" && e.context !== null ? e.context.description : typeof e.context == "string" ? e.context : void 0,
 					price: a,
-					priceUSD: i && e.pricePerSeat ? e.pricePerSeat * o : e.price,
+					priceUSD: i && e.pricePerSeat ? (te ?? e.pricePerSeat) * s : ee,
 					currency: n,
-					quantity: o,
+					quantity: s,
 					features: t,
 					metadata: {
 						planId: e.id,
 						duration: e.duration,
-						seatCount: i ? o : void 0
+						seatCount: i ? s : void 0
 					}
 				};
-				F.addItem(ee), Q(!0);
+				F.addItem(ne), Q(!0);
 			} else if (E === "ADDON" && !w && L?.getSelectedAddons?.[0]) {
-				let e = L.getSelectedAddons[0], t = e.features?.map((e) => ({
-					id: e.quota?.id || e.id,
-					name: e.quota?.name || "Feature",
-					limits: e.quota?.limits
-				})) || [], n = F.selectedCurrency || "USD", r = e.currencyPrices?.[n] ?? e.price, i = {
+				let e = L.getSelectedAddons[0], t = e.features?.map((e) => {
+					let t = e.quota?.limits, n = e.context && "quantity" in e.context ? Number(e.context.quantity) : void 0;
+					return {
+						id: e.quota?.id || e.id,
+						name: e.quota?.name || "Feature",
+						limits: n !== void 0 && t && "type" in t ? {
+							...t,
+							value: n
+						} : t
+					};
+				}) || [], n = F.selectedCurrency || "USD", r = e.currencyPrices?.[n] ?? e.price, i = {
 					id: e.id,
 					type: "ADDON",
 					name: e.name,
@@ -327,7 +345,7 @@ var $e = () => {
 				};
 				F.addItem(i), Q(!0);
 			} else if (T && R?.getStoreOrder) {
-				let e = R.getStoreOrder, t = je(e);
+				let e = R.getStoreOrder, t = Ae(e);
 				for (let e of t) F.addItem(e);
 				Q(!0);
 			} else if (E === "CREDITS") {
@@ -358,7 +376,7 @@ var $e = () => {
 		C,
 		W,
 		F.selectedCurrency
-	]), c(() => {
+	]), l(() => {
 		if (!(!T || !Z || F.convertedAmount === null)) {
 			for (let e of F.items) if (e.type === "ORDER" && e.currency !== F.selectedCurrency) {
 				let t = e.price * F.conversionRate;
@@ -373,13 +391,13 @@ var $e = () => {
 		F.selectedCurrency,
 		F.updateItemPrice
 	]);
-	let $ = Ne(null);
-	c(() => {
+	let $ = Me(null);
+	l(() => {
 		if (z) if (B.shippingCost > 0) {
 			let e = F.selectedCurrency, t = Rt !== e && F.convertedAmount !== null ? B.shippingCost * F.conversionRate : B.shippingCost, n = $.current;
 			if (n && n.price === t && n.currency === e) return;
 			n === null ? F.addItem({
-				id: le,
+				id: ce,
 				type: "ORDER",
 				name: "Shipping",
 				price: t,
@@ -389,11 +407,11 @@ var $e = () => {
 					storeOrderId: g,
 					isShipping: !0
 				}
-			}) : F.updateItemPrice(le, t, e), $.current = {
+			}) : F.updateItemPrice(ce, t, e), $.current = {
 				price: t,
 				currency: e
 			};
-		} else $.current !== null && ($.current = null, F.removeItem(le));
+		} else $.current !== null && ($.current = null, F.removeItem(ce));
 	}, [
 		z,
 		B.shippingCost,
@@ -405,7 +423,7 @@ var $e = () => {
 		F.addItem,
 		F.updateItemPrice,
 		F.removeItem
-	]), c(() => {
+	]), l(() => {
 		if (E === "CREDITS" && Z && W > 0) {
 			let e = F.items.find((e) => e.id === "credits-purchase");
 			e && e.price !== W && F.updateItemPrice("credits-purchase", W);
@@ -416,7 +434,7 @@ var $e = () => {
 		W,
 		F.items,
 		F.updateItemPrice
-	]), c(() => {
+	]), l(() => {
 		if (!Z || F.items.length === 0) return;
 		let e = F.selectedCurrency || "USD";
 		for (let t of F.items) if (t.type === "PLAN" && I?.getPlan) {
@@ -444,7 +462,7 @@ var $e = () => {
 		L,
 		S,
 		w
-	]), c(() => {
+	]), l(() => {
 		if (K.length > 0 && !F.billingAccount) {
 			if (v?.billingAccountId) {
 				let e = K.find((e) => e.id === v.billingAccountId);
@@ -473,7 +491,7 @@ var $e = () => {
 		b
 	]);
 	let rn = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
-	c(() => {
+	l(() => {
 		w && C && S.length === 0 && !Z && _("/addons", { replace: !0 });
 	}, [
 		C,
@@ -482,14 +500,14 @@ var $e = () => {
 		Z,
 		_
 	]);
-	let an = pe({
+	let an = fe({
 		billingAccountId: F.billingAccount?.id,
 		purchaseType: E,
 		productId: D
-	}), on = s(async () => {
+	}), on = c(async () => {
 		if (!F.billingAccount) return;
 		let e = ht.current;
-		if (ht.current = !1, !e && !De(F.billingAccount)) {
+		if (ht.current = !1, !e && !Ee(F.billingAccount)) {
 			mt(!0);
 			return;
 		}
@@ -571,7 +589,7 @@ var $e = () => {
 		g,
 		Rt,
 		Bt
-	]), sn = s((e) => {
+	]), sn = c((e) => {
 		y("billing.payment.succeeded", {
 			route: "/billing/checkout",
 			entityId: A?.paymentId ?? A?.orderId,
@@ -581,7 +599,7 @@ var $e = () => {
 		y,
 		A?.orderId,
 		A?.paymentId
-	]), cn = s((e) => {
+	]), cn = c((e) => {
 		y("billing.payment.failed", {
 			route: "/billing/checkout",
 			entityId: A?.paymentId ?? A?.orderId,
@@ -592,11 +610,11 @@ var $e = () => {
 		y,
 		A?.orderId,
 		A?.paymentId
-	]), ln = s((e) => {
+	]), ln = c((e) => {
 		F.updateItemQuantity("credits-purchase", e);
 	}, [F]);
 	if (!rt.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
-	if (fe()) return /* @__PURE__ */ p(ge, {
+	if (de()) return /* @__PURE__ */ p(he, {
 		purchaseType: E,
 		productId: D,
 		billingAccountId: F.billingAccount?.id,
@@ -618,9 +636,9 @@ var $e = () => {
 		}
 	}, fn = () => {
 		switch (E) {
-			case "CREDITS": return /* @__PURE__ */ p(Re, { className: "size-6" });
+			case "CREDITS": return /* @__PURE__ */ p(Le, { className: "size-6" });
 			case "PLAN": return /* @__PURE__ */ p(Be, { className: "size-6" });
-			case "ADDON": return /* @__PURE__ */ p(Ie, { className: "size-6" });
+			case "ADDON": return /* @__PURE__ */ p(Fe, { className: "size-6" });
 			default: return /* @__PURE__ */ p(Ue, { className: "size-6" });
 		}
 	};
@@ -628,7 +646,7 @@ var $e = () => {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
-			children: [/* @__PURE__ */ p(d, { className: "size-8 animate-spin mx-auto text-text-link" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ p(ze, { className: "size-8 animate-spin mx-auto text-text-link" }), /* @__PURE__ */ p("p", {
 				className: "text-text-secondary",
 				children: h("billing.checkout.loadingCheckout", "Loading checkout...")
 			})]
@@ -652,7 +670,7 @@ var $e = () => {
 					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(Le, { className: "size-12" })
+						children: /* @__PURE__ */ p(Ie, { className: "size-12" })
 					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-bold text-text-primary",
 						children: h("billing.checkout.paymentSuccessful", "Payment Successful!")
@@ -677,8 +695,8 @@ var $e = () => {
 										className: "flex items-center gap-2",
 										children: [
 											t.type === "PLAN" && /* @__PURE__ */ p(Be, { className: "size-4 text-accent-blue" }),
-											t.type === "ADDON" && /* @__PURE__ */ p(Ie, { className: "size-4 text-accent-purple" }),
-											t.type === "CREDITS" && /* @__PURE__ */ p(Re, { className: "size-4 text-status-warning-text" }),
+											t.type === "ADDON" && /* @__PURE__ */ p(Fe, { className: "size-4 text-accent-purple" }),
+											t.type === "CREDITS" && /* @__PURE__ */ p(Le, { className: "size-4 text-status-warning-text" }),
 											t.type === "ORDER" && /* @__PURE__ */ p(Ue, { className: "size-4 text-status-success-text" }),
 											/* @__PURE__ */ p("span", {
 												className: "text-text-primary",
@@ -708,7 +726,7 @@ var $e = () => {
 									children: M.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(We, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
 										children: h("billing.checkout.credits", "Credits")
-									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ze, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
+									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Re, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
 										children: h("billing.checkout.card", "Card")
 									})] })
@@ -742,7 +760,7 @@ var $e = () => {
 											children: t(M.previousBalance)
 										})]
 									}),
-									/* @__PURE__ */ p(Fe, { className: "size-5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ p(Pe, { 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__ */ p("p", {
@@ -795,7 +813,7 @@ var $e = () => {
 					})]
 				})
 			]
-		}), gt && vt.length > 0 && x && bt && /* @__PURE__ */ p(ke, {
+		}), gt && vt.length > 0 && x && bt && /* @__PURE__ */ p(Oe, {
 			billingAccountId: M?.billingAccountId ?? "",
 			subscriptionId: bt,
 			quotas: vt,
@@ -847,7 +865,7 @@ var $e = () => {
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-[var(--color-accent-soft)] text-text-link",
-					children: /* @__PURE__ */ p(d, { className: "size-12 animate-spin" })
+					children: /* @__PURE__ */ p(ze, { className: "size-12 animate-spin" })
 				}),
 				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
@@ -908,7 +926,7 @@ var $e = () => {
 					type: "button",
 					onClick: () => k("select"),
 					className: "flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary",
-					children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
+					children: [/* @__PURE__ */ p(Ne, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
 				}),
 				/* @__PURE__ */ p(n, {
 					title: h("billing.checkout.completePayment", "Complete Payment"),
@@ -1011,7 +1029,7 @@ var $e = () => {
 					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 					children: /* @__PURE__ */ p("div", {
 						className: "p-4 space-y-4",
-						children: /* @__PURE__ */ p(xe, {
+						children: /* @__PURE__ */ p(be, {
 							clientSecret: A.clientSecret,
 							publishableKey: it || Dt?.stripePublishableKey || "",
 							amount: Math.round((A.total ?? F.total) * 100),
@@ -1038,7 +1056,7 @@ var $e = () => {
 								className: "text-sm text-text-secondary",
 								children: "Save card for future purchases"
 							})]
-						}), /* @__PURE__ */ p(Se, {
+						}), /* @__PURE__ */ p(xe, {
 							orderId: A.orderId,
 							keyId: A.razorpayKeyId || at || "",
 							amount: Math.round((A.total ?? F.total) * 100),
@@ -1065,7 +1083,7 @@ var $e = () => {
 				type: "button",
 				onClick: () => _(-1),
 				className: "flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary mb-4",
-				children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), "Back"]
+				children: [/* @__PURE__ */ p(Ne, { className: "size-4" }), "Back"]
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3 mb-6",
@@ -1143,7 +1161,7 @@ var $e = () => {
 					children: [
 						E === "CREDITS" && F.items[0] && /* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-							children: /* @__PURE__ */ p(be, {
+							children: /* @__PURE__ */ p(ye, {
 								value: F.items[0].quantity,
 								onChange: ln,
 								costPerCredit: W,
@@ -1153,21 +1171,21 @@ var $e = () => {
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
-							children: [/* @__PURE__ */ p(_e, {
+							children: [/* @__PURE__ */ p(ge, {
 								accounts: K,
 								selectedAccountId: F.billingAccount?.id ?? null,
 								onSelect: F.setBillingAccount,
 								isLoading: Nt,
 								disabled: rn,
 								disabledMessage: rn ? "Billing account is locked for plan changes" : void 0
-							}), E === "ADDON" && !T && F.billingAccount && /* @__PURE__ */ p(Ce, {
+							}), E === "ADDON" && !T && F.billingAccount && /* @__PURE__ */ p(Se, {
 								subscriptions: V,
 								selectedSubscriptionId: F.selectedSubscriptionId,
 								onSelect: F.setSelectedSubscriptionId,
 								isLoading: Wt
 							})]
 						}),
-						z && /* @__PURE__ */ p(Oe, {
+						z && /* @__PURE__ */ p(De, {
 							storeOrderId: g,
 							currency: F.selectedCurrency,
 							onChange: zt
@@ -1175,7 +1193,7 @@ var $e = () => {
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
 							children: [
-								/* @__PURE__ */ p(Te, {
+								/* @__PURE__ */ p(we, {
 									savedPaymentMethods: G,
 									selectedPaymentMethodId: F.selectedPaymentMethodId,
 									onSelectSavedCard: F.setSelectedPaymentMethodId,
@@ -1183,7 +1201,7 @@ var $e = () => {
 									onSelectProvider: F.setPaymentProvider,
 									stripeEnabled: Ot,
 									razorpayEnabled: kt,
-									canPayWithCredits: F.canPayWithCredits && F.hasEnoughCredits,
+									canPayWithCredits: F.canPayWithCredits,
 									availableCredits: F.availableCredits,
 									totalAmount: F.subtotalUSD,
 									billingCountry: q,
@@ -1309,7 +1327,7 @@ var $e = () => {
 								children: [
 									/* @__PURE__ */ p("div", {
 										className: "p-4",
-										children: /* @__PURE__ */ p(ve, {
+										children: /* @__PURE__ */ p(_e, {
 											items: F.items,
 											subtotal: F.subtotal,
 											discountAmount: F.discountAmount,
@@ -1327,7 +1345,7 @@ var $e = () => {
 									}),
 									/* @__PURE__ */ p("div", {
 										className: "px-4 pb-4 border-t border-border-subtle pt-4",
-										children: /* @__PURE__ */ p(ye, {
+										children: /* @__PURE__ */ p(ve, {
 											value: F.promoCode,
 											onChange: F.setPromoCode,
 											onValidate: async () => await F.validatePromoCode(),
@@ -1346,7 +1364,7 @@ var $e = () => {
 										} else (F.selectedProvider === "RAZORPAY" || F.selectedProvider === "STRIPE") && (e = F.selectedProvider === "RAZORPAY" ? "new card (Razorpay)" : "new card (Stripe)", t = !0, n = !0);
 										return /* @__PURE__ */ p("div", {
 											className: "px-4 pb-4",
-											children: /* @__PURE__ */ p(we, {
+											children: /* @__PURE__ */ p(Ce, {
 												enabled: F.autoRenew,
 												onToggle: (e) => {
 													F.setAutoRenew(e), e && F.selectedPaymentMethodId && F.setAutoRenewPaymentMethodId(F.selectedPaymentMethodId);
@@ -1364,7 +1382,7 @@ var $e = () => {
 								onClick: on,
 								disabled: F.isProcessing || !F.billingAccount || F.items.length === 0 || E === "ADDON" && !T && Wt || E === "ADDON" && !T && V.length === 0 || E === "ADDON" && !T && !F.selectedSubscriptionId || z && (!B.shippingAddressId || !B.shippingMethodId),
 								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: F.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-5 animate-spin" }), "Processing…"] }) : F.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
+								children: F.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ze, { className: "size-5 animate-spin" }), "Processing…"] }) : F.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
 							}),
 							/* @__PURE__ */ p("p", {
 								className: "text-center text-xs text-text-secondary",
@@ -1374,7 +1392,7 @@ var $e = () => {
 					})
 				})]
 			}),
-			pt && F.billingAccount && /* @__PURE__ */ p(Ee, {
+			pt && F.billingAccount && /* @__PURE__ */ p(Te, {
 				billingAccountId: F.billingAccount.id,
 				hasPhone: !!F.billingAccount.contactNumber?.trim(),
 				hasAddress: !!(F.billingAccount.billingAddresses?.[0]?.line1?.trim() && F.billingAccount.billingAddresses?.[0]?.postalCode?.trim()),