@burdenoff/microfe-billing 2026.913.1 → 2026.914.1

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

@@ -9,38 +9,39 @@ import { useGetActiveSubscriptionsCheckoutQuery as o, useGetBillingAccountsCheck
 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 { useMyWorkspaces as ce } from "../../usage/hooks/useUsage.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 "../hooks/index.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 { 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 "../components/index.js";
-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 { buildStoreOrderCheckoutItems as je, normalizeStoreOrderCurrency as Me } from "../utils/storeOrder.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as Ne, useState as d } from "react";
+import { ArrowLeft as Pe, ArrowRight as Fe, Blocks as Ie, CheckCircle as Le, Coins as Re, CreditCard as ze, Loader2 as Be, Package as Ve, Receipt as He, RefreshCw as Ue, ShoppingCart as We, Wallet as Ge, XCircle as Ke } from "lucide-react";
+import { useLocation as qe, useParams as Je } from "react-router";
+import { useAppShell as Ye } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as Ye } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { getProfileScopedKey as Xe } from "@burdenoff/fe-libs/shared/utils";
-import { PagePurpose as Ze } from "@burdenoff/fe-libs/ui";
+import { useI18n as Xe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getProfileScopedKey as Ze } from "@burdenoff/fe-libs/shared/utils";
+import { PagePurpose as Qe } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/checkout/pages/CheckoutPage.tsx
-function Qe(e) {
+function $e(e) {
 	return typeof e.id != "string" || typeof e.name != "string" || typeof e.email != "string" || typeof e.currency != "string" || typeof e.creditAmount != "number" || typeof e.isActive != "boolean" ? null : {
 		...e,
 		id: e.id,
@@ -52,17 +53,17 @@ function Qe(e) {
 		billingAddresses: e.billingAddresses === null ? null : e.billingAddresses?.flatMap((e) => e ? [{ ...e }] : [])
 	};
 }
-var $e = () => {
-	let { t: $e } = Ye(), h = (e, t) => {
-		let n = $e(e);
+var et = () => {
+	let { t: et } = Xe(), h = (e, t) => {
+		let n = et(e);
 		return n === e ? t : n;
-	}, { 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 ? [{
+	}, { planId: tt, addonId: nt, storeOrderId: g } = Je(), _ = oe(), rt = qe(), v = rt.state, it = a(), { emit: y } = r(), { orgId: b, stripePublishableKey: at, razorpayKey: ot, apiGatewayUrl: st, authToken: ct, currentUser: lt, workspaceId: x } = e(), { productSlug: ut } = Ye(), dt = Ne(null), { workspaces: ft } = ce(), pt = ft.length > 0 ? ft : x ? [{
 		id: x,
 		name: "Current workspace"
-	}] : [], { 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");
+	}] : [], { items: S, clearCart: mt, _hasHydrated: C } = ae(), w = rt.pathname.includes("/checkout/addons") && !nt, T = rt.pathname.includes("/checkout/store") && !!g, E = w ? "ADDON" : T ? "ORDER" : v?.purchaseType ?? (tt ? "PLAN" : nt ? "ADDON" : "CREDITS"), D = v?.itemId ?? tt ?? nt ?? g, [ht, gt] = d(!1), _t = Ne(!1), [vt, yt] = d(!1), [bt, xt] = d([]), [St, Ct] = d(null), [O, k] = d("select"), [A, wt] = d(null), [Tt, j] = d(null), [M, Et] = d(null), [Dt, Ot] = d("card");
 	l(() => {
 		if (O !== "success" || !M) return;
-		let e = typeof window < "u" ? window.localStorage.getItem(Xe("boff-referral-attribution")) : null;
+		let e = typeof window < "u" ? window.localStorage.getItem(Ze("boff-referral-attribution")) : null;
 		if (!e) return;
 		let t;
 		try {
@@ -72,12 +73,12 @@ 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, se({
+		dt.current !== r && (dt.current = r, se({
 			journeyId: t.journeyId,
 			codeId: t.codeId,
 			eventType: E === "ORDER" ? "STORE_PURCHASE" : "PAID_CONVERSION",
-			productSlug: lt,
-			actorUserId: ct?.id,
+			productSlug: ut,
+			actorUserId: lt?.id,
 			orderId: M.transactionId || A?.paymentId || A?.orderId,
 			billingAccountId: M.billingAccountId,
 			storeOrderId: E === "ORDER" ? g : void 0,
@@ -89,42 +90,42 @@ var $e = () => {
 				billingAccountName: M.billingAccountName
 			}
 		}, {
-			apiGatewayUrl: ot,
-			authToken: st,
+			apiGatewayUrl: st,
+			authToken: ct,
 			orgId: b
 		}).catch(() => {
-			ut.current = null;
+			dt.current = null;
 		}));
 	}, [
-		ot,
 		st,
-		ct?.id,
+		ct,
+		lt?.id,
 		D,
 		O,
 		b,
 		A?.orderId,
 		A?.paymentId,
-		lt,
+		ut,
 		M,
 		E,
 		g
 	]);
-	let [N, P] = d(1), F = ue({
+	let [N, P] = d(1), F = de({
 		defaultCurrency: "USD",
 		upgradeFromSubscriptionId: v?.upgradeFromSubscriptionId,
 		downgradeFromSubscriptionId: v?.downgradeFromSubscriptionId
-	}), { config: Dt, stripeEnabled: Ot, razorpayEnabled: kt } = pe(), { elapsedTime: At, error: jt } = me({
+	}), { config: kt, stripeEnabled: At, razorpayEnabled: jt } = me(), { elapsedTime: Mt, error: Nt } = he({
 		paymentId: O === "processing" ? A?.paymentId ?? null : null,
 		billingAccountId: F.billingAccount?.id ?? M?.billingAccountId ?? null,
-		paymentType: Tt,
+		paymentType: Dt,
 		pollingInterval: 5e3,
 		maxPollingTime: 3e5,
 		onSuccess: (e) => {
-			if (e.transactionId && wt((t) => t && {
+			if (e.transactionId && Et((t) => t && {
 				...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 && ke(e.quota.name)).map((e) => {
+			}), k("success"), w && mt(), (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 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,
@@ -135,10 +136,10 @@ var $e = () => {
 						quotaMode: "dedicated"
 					};
 				});
-				e.length > 0 && (yt(e), Gt().then((e) => {
+				e.length > 0 && (xt(e), qt().then((e) => {
 					let t = e.data?.getActiveSubscriptions?.find((e) => e.planId === D);
-					t && xt(t.id);
-				}), dt.length > 1 && _t(!0));
+					t && Ct(t.id);
+				}), pt.length > 1 && yt(!0));
 			}
 		},
 		onFailure: (e) => {
@@ -147,48 +148,48 @@ 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 } = ne({
+	}), { data: Pt, loading: Ft, refetch: It } = ee({}), { data: I, loading: Lt } = ne({
 		variables: { id: D },
 		skip: E !== "PLAN" || !D
-	}), { data: L, loading: It } = re({
+	}), { data: L, loading: Rt } = re({
 		variables: { addonIDs: D ? [D] : [] },
 		skip: E !== "ADDON" || !D || T
 	}), { data: R } = ie({
 		variables: { id: g },
 		skip: !T || !g
-	}), Lt = u(() => {
+	}), zt = u(() => {
 		let e = R?.getStoreOrder?.lineItems;
 		return Array.isArray(e) ? e : [];
-	}, [R]), z = T && Lt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Rt = je(R?.getStoreOrder?.currency), [B, zt] = d({
+	}, [R]), z = T && zt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Bt = Me(R?.getStoreOrder?.currency), [B, Vt] = d({
 		shippingAddressId: null,
 		shippingMethodId: null,
 		shippingCost: 0,
 		destinationCountry: null
-	}), [Bt] = le(), { data: Vt, loading: Ht } = s({
+	}), [Ht] = ue(), { data: Ut, loading: Wt } = s({
 		variables: { billingAccountId: F.billingAccount?.id },
 		skip: !F.billingAccount?.id
-	}), { data: Ut, loading: Wt, refetch: Gt } = o({
+	}), { data: Gt, loading: Kt, refetch: qt } = o({
 		variables: { billingAccountId: F.billingAccount?.id },
 		skip: !F.billingAccount?.id || E !== "ADDON" && E !== "PLAN" || T
-	}), 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({
+	}), V = u(() => Gt?.getActiveSubscriptions ?? [], [Gt]), 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: Jt, loading: Yt } = te({
 		variables: {
 			creditAmount: U,
 			currency: F.selectedCurrency || "USD"
 		},
 		skip: E !== "CREDITS"
-	}), 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(() => {
+	}), W = u(() => Jt?.getCostOfCredits?.amount && U > 0 ? Jt.getCostOfCredits.amount / U : .01, [Jt, U]), G = u(() => Ut?.getPaymentMethods ?? [], [Ut]), K = u(() => Pt?.myBillingAccounts ?? [], [Pt]), 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] = d(null);
+	}, [F.billingAccount, K]), [Xt, Zt] = 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));
+		if (q) if (q === "IN") F.selectedCurrency !== "INR" && F.setCurrency("INR"), jt && Xt !== q && F.selectedProvider !== "CREDITS" && (F.setPaymentProvider("RAZORPAY"), Zt(q));
 		else {
 			if (F.selectedCurrency === "INR") {
 				let e = F.billingAccount?.currency, t = e && e !== "INR" ? e : "USD";
 				F.setCurrency(t);
 			}
-			F.selectedProvider === "RAZORPAY" && (F.setPaymentProvider("STRIPE"), Yt(q));
+			F.selectedProvider === "RAZORPAY" && (F.setPaymentProvider("STRIPE"), Zt(q));
 		}
 	}, [
 		q,
@@ -197,46 +198,46 @@ var $e = () => {
 		F.setCurrency,
 		F.setPaymentProvider,
 		F.billingAccount?.currency,
-		kt,
-		Jt
+		jt,
+		Xt
 	]);
-	let { billingAccount: Xt, canPayWithCredits: Zt, hasEnoughCredits: Qt, selectedCurrency: J, selectedPaymentMethodId: $t, selectedProvider: en, setCurrency: Y, setPaymentProvider: X, setSelectedPaymentMethodId: tn } = F;
+	let { billingAccount: Qt, canPayWithCredits: $t, hasEnoughCredits: en, selectedCurrency: J, selectedPaymentMethodId: tn, selectedProvider: nn, setCurrency: Y, setPaymentProvider: X, setSelectedPaymentMethodId: rn } = F;
 	l(() => {
-		if (!Xt?.currency || q === "IN") return;
-		let e = Xt.currency;
+		if (!Qt?.currency || q === "IN") return;
+		let e = Qt.currency;
 		e !== "INR" && J !== e && Y(e);
 	}, [
 		q,
-		Xt,
+		Qt,
 		J,
 		Y
 	]), l(() => {
-		if (!(en !== "AUTO" && en !== null)) {
-			if (Zt && Qt) {
-				X("CREDITS"), tn(null);
+		if (!(nn !== "AUTO" && nn !== null)) {
+			if ($t && en) {
+				X("CREDITS"), rn(null);
 				return;
 			}
-			if (G.length > 0 && !$t) {
+			if (G.length > 0 && !tn) {
 				let e = G.find((e) => e.isDefault && e.isVerified), t = G.find((e) => e.isVerified), n = e || t;
 				if (n) {
-					tn(n.id), n.razorpayPaymentMethodId ? X("RAZORPAY") : n.stripePaymentMethodId && X("STRIPE");
+					rn(n.id), n.razorpayPaymentMethodId ? X("RAZORPAY") : n.stripePaymentMethodId && X("STRIPE");
 					return;
 				}
 			}
 		}
 	}, [
-		Zt,
-		Qt,
-		G,
 		$t,
 		en,
+		G,
+		tn,
+		nn,
 		X,
-		tn
+		rn
 	]);
 	let [Z, Q] = d(!1);
 	l(() => {
 		if (!T || Z || !R?.getStoreOrder) return;
-		let e = je(R.getStoreOrder.currency);
+		let e = Me(R.getStoreOrder.currency);
 		J !== e && Y(e);
 	}, [
 		T,
@@ -344,7 +345,8 @@ var $e = () => {
 				};
 				F.addItem(o), Q(!0);
 			} else if (T && R?.getStoreOrder) {
-				let e = R.getStoreOrder, t = Ae(e);
+				F.clearItems();
+				let e = R.getStoreOrder, t = je(e);
 				for (let e of t) F.addItem(e);
 				Q(!0);
 			} else if (E === "CREDITS") {
@@ -390,13 +392,13 @@ var $e = () => {
 		F.selectedCurrency,
 		F.updateItemPrice
 	]);
-	let $ = Me(null);
+	let $ = Ne(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;
+			let e = F.selectedCurrency, t = Bt !== 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: ce,
+				id: le,
 				type: "ORDER",
 				name: "Shipping",
 				price: t,
@@ -406,15 +408,15 @@ var $e = () => {
 					storeOrderId: g,
 					isShipping: !0
 				}
-			}) : F.updateItemPrice(ce, t, e), $.current = {
+			}) : F.updateItemPrice(le, t, e), $.current = {
 				price: t,
 				currency: e
 			};
-		} else $.current !== null && ($.current = null, F.removeItem(ce));
+		} else $.current !== null && ($.current = null, F.removeItem(le));
 	}, [
 		z,
 		B.shippingCost,
-		Rt,
+		Bt,
 		F.selectedCurrency,
 		F.conversionRate,
 		F.convertedAmount,
@@ -489,7 +491,7 @@ var $e = () => {
 		v?.billingAccountId,
 		b
 	]);
-	let nn = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
+	let an = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
 	l(() => {
 		w && C && S.length === 0 && !Z && _("/addons", { replace: !0 });
 	}, [
@@ -499,24 +501,24 @@ var $e = () => {
 		Z,
 		_
 	]);
-	let rn = fe({
+	let on = pe({
 		billingAccountId: F.billingAccount?.id,
 		purchaseType: E,
 		productId: D
-	}), an = c(async () => {
+	}), sn = c(async () => {
 		if (!F.billingAccount) return;
-		let e = ht.current;
-		if (ht.current = !1, !e && !Ee(F.billingAccount)) {
-			mt(!0);
+		let e = _t.current;
+		if (_t.current = !1, !e && !De(F.billingAccount)) {
+			gt(!0);
 			return;
 		}
 		if (j(null), z) try {
-			let e = (await Bt({ variables: { input: {
+			let e = (await Ht({ variables: { input: {
 				orderId: g,
 				shippingMethodId: B.shippingMethodId,
 				...B.shippingAddressId ? { shippingAddressId: B.shippingAddressId } : {}
 			} } })).data?.setStoreOrderShipping?.shippingCost;
-			typeof e == "number" && e !== B.shippingCost && zt((t) => ({
+			typeof e == "number" && e !== B.shippingCost && Vt((t) => ({
 				...t,
 				shippingCost: e
 			}));
@@ -539,7 +541,7 @@ var $e = () => {
 					source: "checkout",
 					amount: i,
 					currency: "CREDITS"
-				}), wt({
+				}), Et({
 					items: n,
 					total: i,
 					billingAccountName: F.billingAccount.name,
@@ -549,10 +551,10 @@ var $e = () => {
 					paymentMethod: "credits",
 					currency: "Credits",
 					transactionId: a.orderId
-				}), Et("credits"), St({ paymentId: a.orderId }), k("processing");
+				}), Ot("credits"), wt({ paymentId: a.orderId }), k("processing");
 				return;
 			}
-			wt({
+			Et({
 				items: n,
 				total: a.total || r,
 				billingAccountName: F.billingAccount.name,
@@ -562,7 +564,7 @@ var $e = () => {
 				paymentMethod: "card",
 				currency: a.currency || F.selectedCurrency,
 				transactionId: a.paymentId
-			}), Et("card"), St({
+			}), Ot("card"), wt({
 				clientSecret: a.clientSecret,
 				orderId: a.orderId,
 				razorpayKeyId: a.razorpayKeyId,
@@ -586,19 +588,19 @@ var $e = () => {
 		z,
 		B,
 		g,
-		Rt,
-		Bt
-	]), on = c((e) => {
+		Bt,
+		Ht
+	]), cn = c((e) => {
 		y("billing.payment.succeeded", {
 			route: "/billing/checkout",
 			entityId: A?.paymentId ?? A?.orderId,
 			source: "checkout"
-		}), St((e) => e), k("processing");
+		}), wt((e) => e), k("processing");
 	}, [
 		y,
 		A?.orderId,
 		A?.paymentId
-	]), sn = c((e) => {
+	]), ln = c((e) => {
 		y("billing.payment.failed", {
 			route: "/billing/checkout",
 			entityId: A?.paymentId ?? A?.orderId,
@@ -609,20 +611,20 @@ var $e = () => {
 		y,
 		A?.orderId,
 		A?.paymentId
-	]), cn = c((e) => {
+	]), un = 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 (de()) return /* @__PURE__ */ p(he, {
+	if (!it.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
+	if (fe()) return /* @__PURE__ */ p(ge, {
 		purchaseType: E,
 		productId: D,
 		billingAccountId: F.billingAccount?.id,
-		nativeCheckout: rn,
+		nativeCheckout: on,
 		onBack: () => _("dashboard")
 	});
-	let ln = Nt || Ft && E === "PLAN" || It && E === "ADDON" && !w || w && !C;
+	let dn = Ft || Lt && E === "PLAN" || Rt && E === "ADDON" && !w || w && !C;
 	if (w && C && S.length === 0 && !Z) return null;
-	let un = () => {
+	let fn = () => {
 		if (w) {
 			let e = F.items.length;
 			return `Purchase ${e} Add-on${e === 1 ? "" : "s"}`;
@@ -633,19 +635,19 @@ var $e = () => {
 			case "ADDON": return "Purchase Add-on";
 			default: return "Checkout";
 		}
-	}, dn = () => {
+	}, pn = () => {
 		switch (E) {
-			case "CREDITS": return /* @__PURE__ */ p(Le, { className: "size-6" });
-			case "PLAN": return /* @__PURE__ */ p(Be, { className: "size-6" });
-			case "ADDON": return /* @__PURE__ */ p(Fe, { className: "size-6" });
-			default: return /* @__PURE__ */ p(Ue, { className: "size-6" });
+			case "CREDITS": return /* @__PURE__ */ p(Re, { className: "size-6" });
+			case "PLAN": return /* @__PURE__ */ p(Ve, { className: "size-6" });
+			case "ADDON": return /* @__PURE__ */ p(Ie, { className: "size-6" });
+			default: return /* @__PURE__ */ p(We, { className: "size-6" });
 		}
 	};
-	if (ln) return /* @__PURE__ */ p("div", {
+	if (dn) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
-			children: [/* @__PURE__ */ p(ze, { className: "size-8 animate-spin mx-auto text-text-link" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ p(Be, { className: "size-8 animate-spin mx-auto text-text-link" }), /* @__PURE__ */ p("p", {
 				className: "text-text-secondary",
 				children: h("billing.checkout.loadingCheckout", "Loading checkout...")
 			})]
@@ -661,7 +663,11 @@ var $e = () => {
 				EUR: "€",
 				GBP: "£"
 			}[t] || t + " "}${e.toFixed(2)}`;
-		}, t = (e) => `${e.toFixed(2)} Credits`;
+		}, t = (e) => `${e.toFixed(2)} Credits`, n = M ? M.items.reduce((e, t) => e + t.price * t.quantity, 0) : 0, r = (e) => {
+			if (!M || n <= 0) return 0;
+			let t = e.price * e.quantity;
+			return M.total * (t / n);
+		};
 		return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 			className: "max-w-2xl mx-auto p-6 space-y-6",
 			children: [
@@ -669,7 +675,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(Ie, { className: "size-12" })
+						children: /* @__PURE__ */ p(Le, { 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!")
@@ -685,7 +691,7 @@ var $e = () => {
 							className: "p-4 border-b border-border-subtle",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ p(Ve, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
+								children: [/* @__PURE__ */ p(He, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
 							}), /* @__PURE__ */ p("div", {
 								className: "space-y-2",
 								children: M.items.map((t) => /* @__PURE__ */ m("div", {
@@ -693,10 +699,10 @@ var $e = () => {
 									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
-											t.type === "PLAN" && /* @__PURE__ */ p(Be, { className: "size-4 text-accent-blue" }),
-											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" }),
+											t.type === "PLAN" && /* @__PURE__ */ p(Ve, { 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 === "ORDER" && /* @__PURE__ */ p(We, { className: "size-4 text-status-success-text" }),
 											/* @__PURE__ */ p("span", {
 												className: "text-text-primary",
 												children: t.name
@@ -708,7 +714,7 @@ var $e = () => {
 										]
 									}), /* @__PURE__ */ p("span", {
 										className: "text-text-secondary",
-										children: e(M.paymentMethod === "credits" ? (t.priceUSD ?? t.price) * 100 * t.quantity : t.price * t.quantity)
+										children: e(M.paymentMethod === "credits" ? r(t) : t.price * t.quantity)
 									})]
 								}, t.id))
 							})]
@@ -722,10 +728,10 @@ var $e = () => {
 									children: h("billing.checkout.paymentMethod", "Payment Method")
 								}), /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2",
-									children: M.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(We, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
+									children: M.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ge, { 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(Re, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
+									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ze, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
 										children: h("billing.checkout.card", "Card")
 									})] })
@@ -745,7 +751,7 @@ var $e = () => {
 							className: "p-4 border-b border-border-subtle",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ p(We, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
+								children: [/* @__PURE__ */ p(Ge, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
 							}), /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-4",
 								children: [
@@ -759,7 +765,7 @@ var $e = () => {
 											children: t(M.previousBalance)
 										})]
 									}),
-									/* @__PURE__ */ p(Pe, { className: "size-5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ p(Fe, { 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", {
@@ -812,14 +818,14 @@ var $e = () => {
 					})]
 				})
 			]
-		}), gt && vt.length > 0 && x && bt && /* @__PURE__ */ p(Oe, {
+		}), vt && bt.length > 0 && x && St && /* @__PURE__ */ p(ke, {
 			billingAccountId: M?.billingAccountId ?? "",
-			subscriptionId: bt,
-			quotas: vt,
-			workspaces: dt,
+			subscriptionId: St,
+			quotas: bt,
+			workspaces: pt,
 			currentWorkspaceId: x,
-			onAssigned: () => _t(!1),
-			onSkip: () => _t(!1)
+			onAssigned: () => yt(!1),
+			onSkip: () => yt(!1)
 		})] });
 	}
 	if (O === "error") return /* @__PURE__ */ p("div", {
@@ -829,14 +835,14 @@ var $e = () => {
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-status-error-bg-subtle text-status-error-text",
-					children: /* @__PURE__ */ p(Ge, { className: "size-12" })
+					children: /* @__PURE__ */ p(Ke, { className: "size-12" })
 				}),
 				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: h("billing.checkout.paymentFailed", "Payment Failed")
 				}), /* @__PURE__ */ p("p", {
 					className: "text-text-secondary mt-2",
-					children: Ct || jt || F.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
+					children: Tt || Nt || F.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
 				})] }),
 				/* @__PURE__ */ m("div", {
 					className: "flex gap-3 justify-center",
@@ -864,7 +870,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(ze, { className: "size-12 animate-spin" })
+					children: /* @__PURE__ */ p(Be, { className: "size-12 animate-spin" })
 				}),
 				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
@@ -885,7 +891,7 @@ var $e = () => {
 								children: ((e) => {
 									let t = Math.floor(e / 1e3);
 									return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
-								})(At)
+								})(Mt)
 							})
 						]
 					}), /* @__PURE__ */ p("p", {
@@ -897,10 +903,10 @@ var $e = () => {
 					className: "w-full bg-bg-sunken rounded-full h-2 overflow-hidden",
 					children: /* @__PURE__ */ p("div", {
 						className: "bg-action-primary-bg h-2 rounded-full transition-all duration-1000",
-						style: { width: `${Math.min(At / 3e5 * 100, 100)}%` }
+						style: { width: `${Math.min(Mt / 3e5 * 100, 100)}%` }
 					})
 				}),
-				At > 3e4 && /* @__PURE__ */ p("button", {
+				Mt > 3e4 && /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => {
 						k("error"), j("Payment verification was cancelled. Please check your billing history.");
@@ -925,7 +931,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(Ne, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
+					children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
 				}),
 				/* @__PURE__ */ p(n, {
 					title: h("billing.checkout.completePayment", "Complete Payment"),
@@ -936,7 +942,7 @@ var $e = () => {
 					children: [
 						/* @__PURE__ */ m("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ p(Ve, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
+							children: [/* @__PURE__ */ p(He, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
 						}),
 						F.billingAccount && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-bg-sunken rounded-lg space-y-1",
@@ -1028,13 +1034,13 @@ 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(be, {
+						children: /* @__PURE__ */ p(xe, {
 							clientSecret: A.clientSecret,
-							publishableKey: it || Dt?.stripePublishableKey || "",
+							publishableKey: at || kt?.stripePublishableKey || "",
 							amount: Math.round((A.total ?? F.total) * 100),
 							currency: A.currency || F.selectedCurrency,
-							onSuccess: on,
-							onError: sn,
+							onSuccess: cn,
+							onError: ln,
 							onCancel: () => k("select"),
 							isCompletingExistingPayment: !!F.selectedPaymentMethodId
 						})
@@ -1055,9 +1061,9 @@ var $e = () => {
 								className: "text-sm text-text-secondary",
 								children: "Save card for future purchases"
 							})]
-						}), /* @__PURE__ */ p(xe, {
+						}), /* @__PURE__ */ p(Se, {
 							orderId: A.orderId,
-							keyId: A.razorpayKeyId || at || "",
+							keyId: A.razorpayKeyId || ot || "",
 							amount: Math.round((A.total ?? F.total) * 100),
 							currency: A.currency || "INR",
 							customerId: A.razorpayCustomerId,
@@ -1066,8 +1072,8 @@ var $e = () => {
 								email: A.prefillEmail,
 								contact: A.prefillContact
 							},
-							onSuccess: (e) => on(e.razorpay_payment_id),
-							onError: sn,
+							onSuccess: (e) => cn(e.razorpay_payment_id),
+							onError: ln,
 							onCancel: () => k("select")
 						})]
 					})
@@ -1082,22 +1088,22 @@ 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(Ne, { className: "size-4" }), "Back"]
+				children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), "Back"]
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3 mb-6",
 				children: [/* @__PURE__ */ p("div", {
 					className: "p-2 rounded-lg bg-[var(--color-accent-soft)] text-text-link",
-					children: dn()
+					children: pn()
 				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: un()
+					children: fn()
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
 					children: "Complete your purchase securely"
 				})] })]
 			}),
-			/* @__PURE__ */ p(Ze, {
+			/* @__PURE__ */ p(Qe, {
 				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.")
 			}),
@@ -1107,7 +1113,7 @@ var $e = () => {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-info-bg-subtle",
-						children: /* @__PURE__ */ p(He, { className: "size-4 text-accent-blue" })
+						children: /* @__PURE__ */ p(Ue, { className: "size-4 text-accent-blue" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -1133,7 +1139,7 @@ var $e = () => {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-warning-bg-subtle",
-						children: /* @__PURE__ */ p(He, { className: "size-4 text-status-warning-text" })
+						children: /* @__PURE__ */ p(Ue, { className: "size-4 text-status-warning-text" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -1160,46 +1166,46 @@ 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(ye, {
+							children: /* @__PURE__ */ p(be, {
 								value: F.items[0].quantity,
-								onChange: cn,
+								onChange: un,
 								costPerCredit: W,
 								currency: F.selectedCurrency,
-								disabled: qt
+								disabled: Yt
 							})
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
-							children: [/* @__PURE__ */ p(ge, {
+							children: [/* @__PURE__ */ p(_e, {
 								accounts: K,
 								selectedAccountId: F.billingAccount?.id ?? null,
 								onSelect: F.setBillingAccount,
-								isLoading: Nt,
-								disabled: nn,
-								disabledMessage: nn ? "Billing account is locked for plan changes" : void 0
-							}), E === "ADDON" && !T && F.billingAccount && /* @__PURE__ */ p(Se, {
+								isLoading: Ft,
+								disabled: an,
+								disabledMessage: an ? "Billing account is locked for plan changes" : void 0
+							}), E === "ADDON" && !T && F.billingAccount && /* @__PURE__ */ p(Ce, {
 								subscriptions: V,
 								selectedSubscriptionId: F.selectedSubscriptionId,
 								onSelect: F.setSelectedSubscriptionId,
-								isLoading: Wt
+								isLoading: Kt
 							})]
 						}),
-						z && /* @__PURE__ */ p(De, {
+						z && /* @__PURE__ */ p(Oe, {
 							storeOrderId: g,
 							currency: F.selectedCurrency,
-							onChange: zt
+							onChange: Vt
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
 							children: [
-								/* @__PURE__ */ p(we, {
+								/* @__PURE__ */ p(Te, {
 									savedPaymentMethods: G,
 									selectedPaymentMethodId: F.selectedPaymentMethodId,
 									onSelectSavedCard: F.setSelectedPaymentMethodId,
 									selectedProvider: F.selectedProvider,
 									onSelectProvider: F.setPaymentProvider,
-									stripeEnabled: Ot,
-									razorpayEnabled: kt,
+									stripeEnabled: At,
+									razorpayEnabled: jt,
 									canPayWithCredits: F.canPayWithCredits,
 									availableCredits: F.availableCredits,
 									creditsRequired: F.creditsRequired,
@@ -1207,7 +1213,7 @@ var $e = () => {
 									saveCard: F.saveCard,
 									onSaveCardChange: F.setSaveCard,
 									autoRenewEnabled: E === "PLAN" && F.autoRenew,
-									isLoading: Ht
+									isLoading: Wt
 								}),
 								F.selectedProvider !== "CREDITS" && F.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",
@@ -1326,7 +1332,7 @@ var $e = () => {
 								children: [
 									/* @__PURE__ */ p("div", {
 										className: "p-4",
-										children: /* @__PURE__ */ p(_e, {
+										children: /* @__PURE__ */ p(ve, {
 											items: F.items,
 											subtotal: F.subtotal,
 											discountAmount: F.discountAmount,
@@ -1337,6 +1343,7 @@ var $e = () => {
 											currency: F.selectedCurrency,
 											isCalculatingTax: F.isCalculatingTax,
 											showInCredits: F.selectedProvider === "CREDITS",
+											creditsRequired: F.creditsRequired,
 											onUpdateQuantity: E !== "PLAN" && E !== "ORDER" ? F.updateItemQuantity : void 0,
 											onRemoveItem: F.removeItem,
 											isEditable: E !== "PLAN" && E !== "ORDER"
@@ -1344,7 +1351,7 @@ var $e = () => {
 									}),
 									F.selectedProvider !== "CREDITS" && /* @__PURE__ */ p("div", {
 										className: "px-4 pb-4 border-t border-border-subtle pt-4",
-										children: /* @__PURE__ */ p(ve, {
+										children: /* @__PURE__ */ p(ye, {
 											value: F.promoCode,
 											onChange: F.setPromoCode,
 											onValidate: async () => await F.validatePromoCode(),
@@ -1363,7 +1370,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(Ce, {
+											children: /* @__PURE__ */ p(we, {
 												enabled: F.autoRenew,
 												onToggle: (e) => {
 													F.setAutoRenew(e), e && F.selectedPaymentMethodId && F.setAutoRenewPaymentMethodId(F.selectedPaymentMethodId);
@@ -1378,10 +1385,10 @@ var $e = () => {
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: an,
-								disabled: F.isProcessing || !F.billingAccount || F.items.length === 0 || F.selectedProvider === "CREDITS" && !Qt || E === "ADDON" && !T && Wt || E === "ADDON" && !T && V.length === 0 || E === "ADDON" && !T && !F.selectedSubscriptionId || z && (!B.shippingAddressId || !B.shippingMethodId),
+								onClick: sn,
+								disabled: F.isProcessing || !F.billingAccount || F.items.length === 0 || F.selectedProvider === "CREDITS" && !en || E === "ADDON" && !T && Kt || 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(ze, { className: "size-5 animate-spin" }), "Processing…"] }) : F.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
+								children: F.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Be, { 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",
@@ -1391,22 +1398,22 @@ var $e = () => {
 					})
 				})]
 			}),
-			pt && F.billingAccount && /* @__PURE__ */ p(Te, {
+			ht && F.billingAccount && /* @__PURE__ */ p(Ee, {
 				billingAccountId: F.billingAccount.id,
 				hasPhone: !!F.billingAccount.contactNumber?.trim(),
 				hasAddress: !!(F.billingAccount.billingAddresses?.[0]?.line1?.trim() && F.billingAccount.billingAddresses?.[0]?.postalCode?.trim()),
 				onCompleted: () => {
-					ht.current = !0, mt(!1), an(), Pt().then((e) => {
-						let t = (e.data?.myBillingAccounts ?? []).map(Qe).find((e) => e?.id === F.billingAccount?.id);
+					_t.current = !0, gt(!1), sn(), It().then((e) => {
+						let t = (e.data?.myBillingAccounts ?? []).map($e).find((e) => e?.id === F.billingAccount?.id);
 						t && F.setBillingAccount(t);
 					});
 				},
-				onCancel: () => mt(!1)
+				onCancel: () => gt(!1)
 			})
 		]
 	});
 };
 //#endregion
-export { $e as CheckoutPage };
+export { et as CheckoutPage };
 
 //# sourceMappingURL=CheckoutPage.js.map