@burdenoff/microfe-billing 2026.708.1 → 2026.716.1

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

@@ -26,29 +26,31 @@ import { SubscriptionSelector as xe } from "../components/SubscriptionSelector.j
 import { SimpleAutoPayToggle as Se } from "../components/SimpleAutoPayToggle.js";
 import { UnifiedPaymentMethodSelector as Ce } from "../components/UnifiedPaymentMethodSelector.js";
 import { CompleteBillingAccountModal as we, isBillingAccountComplete as Te } from "../components/CompleteBillingAccountModal.js";
-import { WorkspaceQuotaAssignmentModal as Ee, isWorkspaceScopedQuota as De } from "../components/WorkspaceQuotaAssignmentModal.js";
+import { STORE_SHIPPING_ITEM_ID as Ee, useSetStoreOrderShipping as De } from "../hooks/useStoreShipping.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 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 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 { 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 { useLocation as Ke, useParams as qe } from "react-router-dom";
+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";
-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";
+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";
 //#region src/billing/modules/checkout/pages/CheckoutPage.tsx
-var Ye = () => {
-	let { t: Ye } = Ke(), h = (e, t) => {
-		let n = Ye(e);
+var Qe = () => {
+	let { t: Qe } = Ye(), h = (e, t) => {
+		let n = Qe(e);
 		return n === e ? t : n;
-	}, { 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,
+	}, { planId: $e, addonId: et, storeOrderId: g } = qe(), _ = se(), tt = Ke(), v = tt.state, nt = a(), { emit: y } = r(), { orgId: b, stripePublishableKey: rt, razorpayKey: it, apiGatewayUrl: at, authToken: ot, currentUser: st, workspaceId: x } = e(), { productSlug: ct } = Je(), lt = Ne(null), ut = x ? [{
+		id: x,
 		name: "Current workspace"
-	}] : [], { 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");
+	}] : [], { items: S, clearCart: dt, _hasHydrated: C } = oe(), w = tt.pathname.includes("/checkout/addons") && !et, T = tt.pathname.includes("/checkout/store") && !!g, E = w ? "ADDON" : T ? "ORDER" : v?.purchaseType ?? ($e ? "PLAN" : et ? "ADDON" : "CREDITS"), D = v?.itemId ?? $e ?? et ?? g, [ft, O] = u(!1), k = Ne(!1), [pt, A] = u(!1), [mt, ht] = u([]), [gt, _t] = u(null), [j, M] = u("select"), [N, vt] = u(null), [yt, P] = u(null), [F, bt] = u(null), [xt, St] = u("card");
 	c(() => {
-		if (M !== "success" || !I) return;
-		let e = typeof window < "u" ? window.localStorage.getItem(qe("boff-referral-attribution")) : null;
+		if (j !== "success" || !F) return;
+		let e = typeof window < "u" ? window.localStorage.getItem(Xe("boff-referral-attribution")) : null;
 		if (!e) return;
 		let t;
 		try {
@@ -57,184 +59,192 @@ var Ye = () => {
 			return;
 		}
 		if (!t.journeyId && !t.codeId) return;
-		let n = I.transactionId || P?.paymentId || P?.orderId || _ || A || k, r = `${t.journeyId ?? "journey"}:${n}`;
-		w.current !== r && (w.current = r, ce({
+		let n = F.transactionId || N?.paymentId || N?.orderId || g || D || E, r = `${t.journeyId ?? "journey"}:${n}`;
+		lt.current !== r && (lt.current = r, ce({
 			journeyId: t.journeyId,
 			codeId: t.codeId,
-			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,
+			eventType: E === "ORDER" ? "STORE_PURCHASE" : "PAID_CONVERSION",
+			productSlug: ct,
+			actorUserId: st?.id,
+			orderId: F.transactionId || N?.paymentId || N?.orderId,
+			billingAccountId: F.billingAccountId,
+			storeOrderId: E === "ORDER" ? g : void 0,
+			valueAmount: F.total,
+			currency: F.currency,
 			mode: "billing-checkout",
 			metadata: {
-				purchaseType: k,
-				billingAccountName: I.billingAccountName
+				purchaseType: E,
+				billingAccountName: F.billingAccountName
 			}
 		}, {
-			apiGatewayUrl: et,
-			authToken: tt,
-			orgId: S
+			apiGatewayUrl: at,
+			authToken: ot,
+			orgId: b
 		}).catch(() => {
-			w.current = null;
+			lt.current = null;
 		}));
 	}, [
-		et,
-		tt,
-		nt?.id,
-		A,
-		M,
-		S,
-		P?.orderId,
-		P?.paymentId,
-		rt,
-		I,
-		k,
-		_
+		at,
+		ot,
+		st?.id,
+		D,
+		j,
+		b,
+		N?.orderId,
+		N?.paymentId,
+		ct,
+		F,
+		E,
+		g
 	]);
-	let [L, R] = u(1), z = le({
+	let [I, L] = u(1), R = le({
 		defaultCurrency: "USD",
-		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,
+		upgradeFromSubscriptionId: v?.upgradeFromSubscriptionId,
+		downgradeFromSubscriptionId: v?.downgradeFromSubscriptionId
+	}), { config: Ct, stripeEnabled: wt, razorpayEnabled: Tt } = fe(), { elapsedTime: Et, error: Dt } = pe({
+		paymentId: j === "processing" ? N?.paymentId ?? null : null,
+		billingAccountId: R.billingAccount?.id ?? F?.billingAccountId ?? null,
+		paymentType: xt,
 		pollingInterval: 5e3,
 		maxPollingTime: 3e5,
 		onSuccess: (e) => {
-			if (e.transactionId && gt((t) => t && {
+			if (e.transactionId && bt((t) => t && {
 				...t,
 				transactionId: e.transactionId
-			}), 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) => {
+			}), M("success"), w && dt(), (E === "PLAN" || E === "ADDON") && x) {
+				let e = (z?.getPlan?.features ?? []).filter((e) => e != null).filter((e) => e.quota?.name && Ae(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 {
 						quotaName: e.quota.name,
-						productId: H?.getPlan?.context?.productId ?? "platform",
+						productId: z?.getPlan?.context?.productId ?? "platform",
 						limit: r === "number" ? n : null,
 						noLimit: r !== "number",
 						resetPeriod: "NEVER",
 						quotaMode: "dedicated"
 					};
 				});
-				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));
+				e.length > 0 && (ht(e), Vt().then((e) => {
+					let t = e.data?.getActiveSubscriptions?.find((e) => e.planId === D);
+					t && _t(t.id);
+				}), (ut.length === 1 || ut.length > 1) && A(!0));
 			}
 		},
 		onFailure: (e) => {
-			F(e.failureReason || "Payment failed"), N("error");
+			P(e.failureReason || "Payment failed"), M("error");
 		},
 		onTimeout: () => {
-			F("Payment verification timed out. Please check your billing history for the payment status."), N("error");
+			P("Payment verification timed out. Please check your billing history for the payment status."), M("error");
 		}
-	}), { 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: _ },
-		skip: !O || !_
-	}), { data: Dt, loading: Ot } = ne({
-		variables: { billingAccountId: z.billingAccount?.id },
-		skip: !z.billingAccount?.id
-	}), { data: kt, loading: At, refetch: jt } = o({
-		variables: { billingAccountId: z.billingAccount?.id },
-		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({
+	}), { data: Ot, loading: kt, refetch: At } = ee({}), { data: z, loading: jt } = re({
+		variables: { id: D },
+		skip: E !== "PLAN" || !D
+	}), { data: B, loading: Mt } = ie({
+		variables: { addonIDs: D ? [D] : [] },
+		skip: E !== "ADDON" || !D || T
+	}), { data: V } = ae({
+		variables: { id: g },
+		skip: !T || !g
+	}), Nt = l(() => {
+		let e = V?.getStoreOrder?.lineItems;
+		return Array.isArray(e) ? e : [];
+	}, [V]), H = T && Nt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Pt = Me(V?.getStoreOrder?.currency), [U, Ft] = u({
+		shippingAddressId: null,
+		shippingMethodId: null,
+		shippingCost: 0,
+		destinationCountry: null
+	}), [It] = De(), { data: Lt, loading: Rt } = ne({
+		variables: { billingAccountId: R.billingAccount?.id },
+		skip: !R.billingAccount?.id
+	}), { data: zt, loading: Bt, refetch: Vt } = o({
+		variables: { billingAccountId: R.billingAccount?.id },
+		skip: !R.billingAccount?.id || E !== "ADDON" && E !== "PLAN" || T
+	}), W = l(() => zt?.getActiveSubscriptions ?? [], [zt]), G = l(() => !R.selectedSubscriptionId || W.length === 0 ? null : W.find((e) => e.id === R.selectedSubscriptionId) ?? null, [R.selectedSubscriptionId, W]), K = R.items[0]?.type === "CREDITS" ? R.items[0].quantity : 100, { data: Ht, loading: Ut } = te({
 		variables: {
-			creditAmount: q,
-			currency: z.selectedCurrency || "USD"
+			creditAmount: K,
+			currency: R.selectedCurrency || "USD"
 		},
-		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;
+		skip: E !== "CREDITS"
+	}), q = l(() => Ht?.getCostOfCredits?.amount && K > 0 ? Ht.getCostOfCredits.amount / K : .01, [Ht, K]), J = l(() => Lt?.getPaymentMethods ?? [], [Lt]), Y = l(() => Ot?.myBillingAccounts ?? [], [Ot]), X = l(() => {
+		if (!R.billingAccount) return;
+		let e = Y.find((e) => e.id === R.billingAccount?.id)?.billingAddresses;
 		if (e && e.length > 0) return e[0]?.country || void 0;
-	}, [z.billingAccount, X]), [Pt, Ft] = u(null);
+	}, [R.billingAccount, Y]), [Wt, Gt] = u(null);
 	c(() => {
-		if (Z) if (Z === "IN") z.selectedCurrency !== "INR" && z.setCurrency("INR"), B && Pt !== Z && z.selectedProvider !== "CREDITS" && (z.setPaymentProvider("RAZORPAY"), Ft(Z));
+		if (X) if (X === "IN") R.selectedCurrency !== "INR" && R.setCurrency("INR"), Tt && Wt !== X && R.selectedProvider !== "CREDITS" && (R.setPaymentProvider("RAZORPAY"), Gt(X));
 		else {
-			if (z.selectedCurrency === "INR") {
-				let e = z.billingAccount?.currency, t = e && e !== "INR" ? e : "USD";
-				z.setCurrency(t);
+			if (R.selectedCurrency === "INR") {
+				let e = R.billingAccount?.currency, t = e && e !== "INR" ? e : "USD";
+				R.setCurrency(t);
 			}
-			z.selectedProvider === "RAZORPAY" && (z.setPaymentProvider("STRIPE"), Ft(Z));
+			R.selectedProvider === "RAZORPAY" && (R.setPaymentProvider("STRIPE"), Gt(X));
 		}
 	}, [
-		Z,
-		z.selectedCurrency,
-		z.selectedProvider,
-		z.setCurrency,
-		z.setPaymentProvider,
-		z.billingAccount?.currency,
-		B,
-		Pt
+		X,
+		R.selectedCurrency,
+		R.selectedProvider,
+		R.setCurrency,
+		R.setPaymentProvider,
+		R.billingAccount?.currency,
+		Tt,
+		Wt
 	]), c(() => {
-		if (!z.billingAccount?.currency || Z === "IN") return;
-		let e = z.billingAccount.currency;
-		e !== "INR" && z.selectedCurrency !== e && z.setCurrency(e);
+		if (!R.billingAccount?.currency || X === "IN") return;
+		let e = R.billingAccount.currency;
+		e !== "INR" && R.selectedCurrency !== e && R.setCurrency(e);
 	}, [
-		z.billingAccount?.id,
-		z.billingAccount?.currency,
-		Z,
-		z.selectedCurrency,
-		z.setCurrency
+		R.billingAccount?.id,
+		R.billingAccount?.currency,
+		X,
+		R.selectedCurrency,
+		R.setCurrency
 	]), c(() => {
-		if (z.selectedProvider !== "AUTO" && z.selectedProvider !== null) return;
-		let e = z.availableCredits >= z.total;
-		if (z.canPayWithCredits && e) {
-			z.setPaymentProvider("CREDITS"), z.setSelectedPaymentMethodId(null);
+		if (R.selectedProvider !== "AUTO" && R.selectedProvider !== null) return;
+		let e = R.availableCredits >= R.total;
+		if (R.canPayWithCredits && e) {
+			R.setPaymentProvider("CREDITS"), R.setSelectedPaymentMethodId(null);
 			return;
 		}
-		if (Y.length > 0 && !z.selectedPaymentMethodId) {
-			let e = Y.find((e) => e.isDefault && e.isVerified), t = Y.find((e) => e.isVerified), n = e || t;
+		if (J.length > 0 && !R.selectedPaymentMethodId) {
+			let e = J.find((e) => e.isDefault && e.isVerified), t = J.find((e) => e.isVerified), n = e || t;
 			if (n) {
-				z.setSelectedPaymentMethodId(n.id), n.razorpayPaymentMethodId ? z.setPaymentProvider("RAZORPAY") : n.stripePaymentMethodId && z.setPaymentProvider("STRIPE");
+				R.setSelectedPaymentMethodId(n.id), n.razorpayPaymentMethodId ? R.setPaymentProvider("RAZORPAY") : n.stripePaymentMethodId && R.setPaymentProvider("STRIPE");
 				return;
 			}
 		}
 	}, [
-		Y.length,
-		z.canPayWithCredits,
-		z.availableCredits,
-		z.total
+		J.length,
+		R.canPayWithCredits,
+		R.availableCredits,
+		R.total
 	]);
-	let [Q, $] = u(!1);
+	let [Z, Q] = u(!1);
 	c(() => {
-		if (!O || Q || !W?.getStoreOrder) return;
-		let e = ke(W.getStoreOrder.currency);
-		z.selectedCurrency !== e && z.setCurrency(e);
+		if (!T || Z || !V?.getStoreOrder) return;
+		let e = Me(V.getStoreOrder.currency);
+		R.selectedCurrency !== e && R.setCurrency(e);
 	}, [
-		O,
-		Q,
-		W,
-		z.selectedCurrency,
-		z.setCurrency
+		T,
+		Z,
+		V,
+		R.selectedCurrency,
+		R.setCurrency
 	]), c(() => {
-		if (k === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT") {
-			let e = H.getPlan.minSeats ?? 1;
-			R((t) => t < e ? e : t);
+		if (E === "PLAN" && z?.getPlan?.pricingModel === "PER_SEAT") {
+			let e = z.getPlan.minSeats ?? 1;
+			L((t) => t < e ? e : t);
 		}
-	}, [H, k]), c(() => {
-		k === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT" && Q && $(!1);
-	}, [L]), c(() => {
-		if (!Q) {
-			if (D && E && T.length > 0) {
-				z.clearItems();
-				for (let e of T) {
+	}, [z, E]), c(() => {
+		E === "PLAN" && z?.getPlan?.pricingModel === "PER_SEAT" && Z && Q(!1);
+	}, [I]), c(() => {
+		if (!Z) {
+			if (w && C && S.length > 0) {
+				R.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 = z.selectedCurrency || "USD", i = t.currencyPrices?.[r] ?? t.price, a = {
+					})) || [], r = R.selectedCurrency || "USD", i = t.currencyPrices?.[r] ?? t.price, a = {
 						id: t.id,
 						type: "ADDON",
 						name: t.name,
@@ -246,25 +256,25 @@ var Ye = () => {
 						features: n,
 						metadata: { addonId: t.id }
 					};
-					z.addItem(a);
+					R.addItem(a);
 				}
-				$(!0);
+				Q(!0);
 				return;
 			}
-			if (k === "PLAN" && H?.getPlan) {
-				let e = H.getPlan, t = e.features?.map((e) => ({
+			if (E === "PLAN" && z?.getPlan) {
+				let e = z.getPlan, t = e.features?.map((e) => ({
 					id: e.quota?.id || e.id,
 					name: e.quota?.name || "Feature",
 					limits: e.quota?.limits
-				})) || [], n = z.selectedCurrency || "USD", r = e.currencyPrices, i = e.pricingModel === "PER_SEAT", a;
+				})) || [], n = R.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) * L;
+					a = (typeof t == "object" && t?.perSeat ? t.perSeat : e.pricePerSeat) * I;
 				} else {
 					let t = r?.[n];
 					a = typeof t == "number" ? t : e.price;
 				}
-				let o = i ? L : 1, ee = {
+				let o = i ? I : 1, ee = {
 					id: e.id,
 					type: "PLAN",
 					name: e.name,
@@ -280,13 +290,13 @@ var Ye = () => {
 						seatCount: i ? o : void 0
 					}
 				};
-				z.addItem(ee), $(!0);
-			} else if (k === "ADDON" && !D && U?.getSelectedAddons?.[0]) {
-				let e = U.getSelectedAddons[0], t = e.features?.map((e) => ({
+				R.addItem(ee), Q(!0);
+			} else if (E === "ADDON" && !w && B?.getSelectedAddons?.[0]) {
+				let e = B.getSelectedAddons[0], t = e.features?.map((e) => ({
 					id: e.quota?.id || e.id,
 					name: e.quota?.name || "Feature",
 					limits: e.quota?.limits
-				})) || [], n = z.selectedCurrency || "USD", r = e.currencyPrices?.[n] ?? e.price, i = {
+				})) || [], n = R.selectedCurrency || "USD", r = e.currencyPrices?.[n] ?? e.price, i = {
 					id: e.id,
 					type: "ADDON",
 					name: e.name,
@@ -294,184 +304,229 @@ var Ye = () => {
 					price: r,
 					priceUSD: e.price,
 					currency: n,
-					quantity: b?.quantity ?? 1,
+					quantity: v?.quantity ?? 1,
 					features: t,
 					metadata: { addonId: e.id }
 				};
-				z.addItem(i), $(!0);
-			} else if (O && W?.getStoreOrder) {
-				let e = W.getStoreOrder, t = Oe(e);
-				for (let e of t) z.addItem(e);
-				$(!0);
-			} else if (k === "CREDITS") {
+				R.addItem(i), Q(!0);
+			} else if (T && V?.getStoreOrder) {
+				let e = V.getStoreOrder, t = je(e);
+				for (let e of t) R.addItem(e);
+				Q(!0);
+			} else if (E === "CREDITS") {
 				let e = {
 					id: "credits-purchase",
 					type: "CREDITS",
 					name: "Credits",
 					description: "Purchase credits for your account",
-					price: J,
-					currency: z.selectedCurrency || "USD",
+					price: q,
+					currency: R.selectedCurrency || "USD",
 					quantity: 100
 				};
-				z.addItem(e), $(!0);
+				R.addItem(e), Q(!0);
 			}
 		}
 	}, [
-		k,
-		H,
-		U,
-		W,
-		z.addItem,
-		z.clearItems,
-		b?.quantity,
-		Q,
-		D,
-		O,
-		T,
 		E,
-		J,
-		z.selectedCurrency
+		z,
+		B,
+		V,
+		R.addItem,
+		R.clearItems,
+		v?.quantity,
+		Z,
+		w,
+		T,
+		S,
+		C,
+		q,
+		R.selectedCurrency
 	]), c(() => {
-		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);
+		if (!(!T || !Z || R.conversionRate <= 1)) {
+			for (let e of R.items) if (e.type === "ORDER" && e.currency !== R.selectedCurrency) {
+				let t = e.price * R.conversionRate;
+				R.updateItemPrice(e.id, t, R.selectedCurrency);
 			}
 		}
 	}, [
-		O,
-		Q,
-		z.conversionRate,
-		z.selectedCurrency,
-		z.updateItemPrice
+		T,
+		Z,
+		R.conversionRate,
+		R.selectedCurrency,
+		R.updateItemPrice
+	]);
+	let $ = Ne(null);
+	c(() => {
+		if (H) if (U.shippingCost > 0) {
+			let e = R.selectedCurrency, t = Pt !== e && R.conversionRate > 1 ? U.shippingCost * R.conversionRate : U.shippingCost, n = $.current;
+			if (n && n.price === t && n.currency === e) return;
+			n === null ? R.addItem({
+				id: Ee,
+				type: "ORDER",
+				name: "Shipping",
+				price: t,
+				currency: e,
+				quantity: 1,
+				metadata: {
+					storeOrderId: g,
+					isShipping: !0
+				}
+			}) : R.updateItemPrice(Ee, t, e), $.current = {
+				price: t,
+				currency: e
+			};
+		} else $.current !== null && ($.current = null, R.removeItem(Ee));
+	}, [
+		H,
+		U.shippingCost,
+		Pt,
+		R.selectedCurrency,
+		R.conversionRate,
+		g,
+		R.addItem,
+		R.updateItemPrice,
+		R.removeItem
 	]), c(() => {
-		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);
+		if (E === "CREDITS" && Z && q > 0) {
+			let e = R.items.find((e) => e.id === "credits-purchase");
+			e && e.price !== q && R.updateItemPrice("credits-purchase", q);
 		}
 	}, [
-		k,
-		Q,
-		J,
-		z.items,
-		z.updateItemPrice
+		E,
+		Z,
+		q,
+		R.items,
+		R.updateItemPrice
 	]), c(() => {
-		if (!Q || z.items.length === 0) return;
-		let e = z.selectedCurrency || "USD";
-		for (let t of z.items) if (t.type === "PLAN" && H?.getPlan) {
-			let n = H.getPlan.currencyPrices?.[e] ?? H.getPlan.price;
-			(t.price !== n || t.currency !== e) && z.updateItemPrice(t.id, n, e);
+		if (!Z || R.items.length === 0) return;
+		let e = R.selectedCurrency || "USD";
+		for (let t of R.items) if (t.type === "PLAN" && z?.getPlan) {
+			let n = z.getPlan.currencyPrices?.[e] ?? z.getPlan.price;
+			(t.price !== n || t.currency !== e) && R.updateItemPrice(t.id, n, e);
 		} else if (t.type === "ADDON") {
-			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 && B?.getSelectedAddons?.[0]) {
+				let n = B.getSelectedAddons[0], r = n.currencyPrices?.[e] ?? n.price;
+				(t.price !== r || t.currency !== e) && R.updateItemPrice(t.id, r, e);
 			}
-			if (D) {
-				let n = T.find((e) => e.addon.id === t.id);
+			if (w) {
+				let n = S.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);
+					(t.price !== r || t.currency !== e) && R.updateItemPrice(t.id, r, e);
 				}
 			}
 		}
 	}, [
-		z.selectedCurrency,
-		Q,
-		z.items,
-		z.updateItemPrice,
-		H,
-		U,
-		T,
-		D
+		R.selectedCurrency,
+		Z,
+		R.items,
+		R.updateItemPrice,
+		z,
+		B,
+		S,
+		w
 	]), c(() => {
-		if (X.length > 0 && !z.billingAccount) {
-			if (b?.billingAccountId) {
-				let e = X.find((e) => e.id === b.billingAccountId);
+		if (Y.length > 0 && !R.billingAccount) {
+			if (v?.billingAccountId) {
+				let e = Y.find((e) => e.id === v.billingAccountId);
 				if (e) {
-					z.setBillingAccount(e);
+					R.setBillingAccount(e);
 					return;
 				}
 			}
-			if (S) {
-				let e = i(S);
+			if (b) {
+				let e = i(b);
 				if (e) {
-					let t = X.find((t) => t.id === e);
+					let t = Y.find((t) => t.id === e);
 					if (t) {
-						z.setBillingAccount(t);
+						R.setBillingAccount(t);
 						return;
 					}
 				}
 			}
-			z.setBillingAccount(X[0]);
+			R.setBillingAccount(Y[0]);
 		}
 	}, [
-		X,
-		z.billingAccount,
-		z.setBillingAccount,
-		b?.billingAccountId,
-		S
+		Y,
+		R.billingAccount,
+		R.setBillingAccount,
+		v?.billingAccountId,
+		b
 	]);
-	let It = !!(b?.upgradeFromSubscriptionId || b?.downgradeFromSubscriptionId);
+	let Kt = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
 	c(() => {
-		D && E && T.length === 0 && !Q && v("/addons", { replace: !0 });
+		w && C && S.length === 0 && !Z && _("/addons", { replace: !0 });
 	}, [
-		E,
-		T.length,
-		D,
-		Q,
-		v
+		C,
+		S.length,
+		w,
+		Z,
+		_
 	]);
-	let Lt = de({
-		billingAccountId: z.billingAccount?.id,
-		purchaseType: k,
-		productId: A
-	}), Rt = s(async () => {
-		if (!z.billingAccount) return;
-		let e = ct.current;
-		if (ct.current = !1, !e && !Te(z.billingAccount)) {
-			st(!0);
+	let qt = de({
+		billingAccountId: R.billingAccount?.id,
+		purchaseType: E,
+		productId: D
+	}), Jt = s(async () => {
+		if (!R.billingAccount) return;
+		let e = k.current;
+		if (k.current = !1, !e && !Te(R.billingAccount)) {
+			O(!0);
 			return;
 		}
-		F(null);
-		let t = z.billingAccount.creditAmount ?? 0, n = [...z.items], r = z.total, i = await z.initiatePayment();
+		if (P(null), H) try {
+			let e = (await It({ variables: { input: {
+				orderId: g,
+				shippingMethodId: U.shippingMethodId,
+				...U.shippingAddressId ? { shippingAddressId: U.shippingAddressId } : {}
+			} } })).data?.setStoreOrderShipping?.shippingCost;
+			typeof e == "number" && e !== U.shippingCost && Ft((t) => ({
+				...t,
+				shippingCost: e
+			}));
+		} catch {
+			P("Could not save your shipping details. Please review your delivery address and try again."), M("error");
+			return;
+		}
+		let t = R.billingAccount.creditAmount ?? 0, n = [...R.items], r = R.total, i = await R.initiatePayment();
 		if (i.success) {
-			if (x("billing.checkout.initiated", {
+			if (y("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") {
-				x("billing.credits.spent", {
+				currency: i.currency || R.selectedCurrency
+			}), R.selectedProvider === "CREDITS") {
+				y("billing.credits.spent", {
 					route: "/billing/checkout",
 					entityId: i.orderId,
 					source: "checkout",
 					amount: r,
 					currency: "CREDITS"
-				}), gt({
+				}), bt({
 					items: n,
 					total: r,
-					billingAccountName: z.billingAccount.name,
-					billingAccountId: z.billingAccount.id,
+					billingAccountName: R.billingAccount.name,
+					billingAccountId: R.billingAccount.id,
 					previousBalance: t,
 					newBalance: t - r,
 					paymentMethod: "credits",
 					currency: "Credits",
 					transactionId: i.orderId
-				}), vt("credits"), mt({ paymentId: i.orderId }), N("processing");
+				}), St("credits"), vt({ paymentId: i.orderId }), M("processing");
 				return;
 			}
-			gt({
+			bt({
 				items: n,
 				total: i.total || r,
-				billingAccountName: z.billingAccount.name,
-				billingAccountId: z.billingAccount.id,
+				billingAccountName: R.billingAccount.name,
+				billingAccountId: R.billingAccount.id,
 				previousBalance: t,
 				newBalance: t,
 				paymentMethod: "card",
-				currency: i.currency || z.selectedCurrency,
+				currency: i.currency || R.selectedCurrency,
 				transactionId: i.paymentId
-			}), vt("card"), mt({
+			}), St("card"), vt({
 				clientSecret: i.clientSecret,
 				orderId: i.orderId,
 				razorpayKeyId: i.razorpayKeyId,
@@ -483,66 +538,73 @@ var Ye = () => {
 				prefillContact: i.prefillContact,
 				total: i.total,
 				currency: i.currency
-			}), i.paymentComplete ? N("processing") : N("payment");
-		} else x("billing.checkout.failed", {
+			}), i.paymentComplete ? M("processing") : M("payment");
+		} else y("billing.checkout.failed", {
 			route: "/billing/checkout",
 			source: "checkout",
 			reason: i.error || "Payment initiation failed"
-		}), F(i.error || "Payment initiation failed"), N("error");
-	}, [z, x]), zt = s((e) => {
-		x("billing.payment.succeeded", {
+		}), P(i.error || "Payment initiation failed"), M("error");
+	}, [
+		R,
+		y,
+		H,
+		U,
+		g,
+		It
+	]), Yt = s((e) => {
+		y("billing.payment.succeeded", {
 			route: "/billing/checkout",
-			entityId: P?.paymentId ?? P?.orderId,
+			entityId: N?.paymentId ?? N?.orderId,
 			source: "checkout"
-		}), mt((e) => e), N("processing");
+		}), vt((e) => e), M("processing");
 	}, [
-		x,
-		P?.orderId,
-		P?.paymentId
-	]), Bt = s((e) => {
-		x("billing.payment.failed", {
+		y,
+		N?.orderId,
+		N?.paymentId
+	]), Xt = s((e) => {
+		y("billing.payment.failed", {
 			route: "/billing/checkout",
-			entityId: P?.paymentId ?? P?.orderId,
+			entityId: N?.paymentId ?? N?.orderId,
 			source: "checkout",
 			reason: e
-		}), F(e), N("error");
+		}), P(e), M("error");
 	}, [
-		x,
-		P?.orderId,
-		P?.paymentId
-	]), Vt = s((e) => {
-		z.updateItemQuantity("credits-purchase", e);
-	}, [z]);
-	if (!Ze.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
+		y,
+		N?.orderId,
+		N?.paymentId
+	]), Zt = s((e) => {
+		R.updateItemQuantity("credits-purchase", e);
+	}, [R]);
+	if (!nt.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: Lt,
-		onBack: () => v("dashboard")
+		purchaseType: E,
+		productId: D,
+		billingAccountId: R.billingAccount?.id,
+		nativeCheckout: qt,
+		onBack: () => _("dashboard")
 	});
-	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;
+	let Qt = kt || jt && E === "PLAN" || Mt && E === "ADDON" && !w || w && !C;
+	if (w && C && S.length === 0 && !Z) return null;
+	let $t = () => {
+		if (w) {
+			let e = R.items.length;
 			return `Purchase ${e} Add-on${e === 1 ? "" : "s"}`;
 		}
-		switch (k) {
+		switch (E) {
 			case "CREDITS": return "Buy Credits";
 			case "PLAN": return "Subscribe to Plan";
 			case "ADDON": return "Purchase Add-on";
 			default: return "Checkout";
 		}
-	}, 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" });
+	}, en = () => {
+		switch (E) {
+			case "CREDITS": return /* @__PURE__ */ p(Re, { className: "size-6" });
+			case "PLAN": return /* @__PURE__ */ p(Be, { className: "size-6" });
+			case "ADDON": return /* @__PURE__ */ p(Ie, { className: "size-6" });
+			default: return /* @__PURE__ */ p(Ue, { className: "size-6" });
 		}
 	};
-	if (Ht) return /* @__PURE__ */ p("div", {
+	if (Qt) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
@@ -552,10 +614,10 @@ var Ye = () => {
 			})]
 		})
 	});
-	if (M === "success") {
+	if (j === "success") {
 		let e = (e) => {
-			if (!I) return `${e.toFixed(2)}`;
-			let t = I.currency;
+			if (!F) return `${e.toFixed(2)}`;
+			let t = F.currency;
 			return t === "Credits" ? `${e.toFixed(2)} Credits` : `${{
 				INR: "₹",
 				USD: "$",
@@ -570,7 +632,7 @@ var Ye = () => {
 					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(Pe, { 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!")
@@ -579,25 +641,25 @@ var Ye = () => {
 						children: h("billing.checkout.purchaseCompleted", "Your purchase has been completed successfully.")
 					})] })]
 				}),
-				I && /* @__PURE__ */ m("div", {
+				F && /* @__PURE__ */ m("div", {
 					className: "bg-bg-surface border border-border-subtle rounded-lg overflow-hidden",
 					children: [
 						/* @__PURE__ */ m("div", {
 							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(Re, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
+								children: [/* @__PURE__ */ p(Ve, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
 							}), /* @__PURE__ */ p("div", {
 								className: "space-y-2",
-								children: I.items.map((t) => /* @__PURE__ */ m("div", {
+								children: F.items.map((t) => /* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
-											t.type === "PLAN" && /* @__PURE__ */ p(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" }),
+											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 === "ORDER" && /* @__PURE__ */ p(Ue, { className: "size-4 text-status-success-text" }),
 											/* @__PURE__ */ p("span", {
 												className: "text-text-primary",
 												children: t.name
@@ -623,10 +685,10 @@ var Ye = () => {
 									children: h("billing.checkout.paymentMethod", "Payment Method")
 								}), /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2",
-									children: I.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ve, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
+									children: F.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(Ie, { 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")
 									})] })
@@ -637,16 +699,16 @@ var Ye = () => {
 										children: h("billing.checkout.totalPaid", "Total Paid")
 									}), /* @__PURE__ */ p("p", {
 										className: "font-bold text-lg text-text-primary",
-										children: e(I.total)
+										children: e(F.total)
 									})]
 								})]
 							})
 						}),
-						I.paymentMethod === "credits" && /* @__PURE__ */ m("div", {
+						F.paymentMethod === "credits" && /* @__PURE__ */ m("div", {
 							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.creditBalance", "Credit Balance")]
+								children: [/* @__PURE__ */ p(We, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
 							}), /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-4",
 								children: [
@@ -657,10 +719,10 @@ var Ye = () => {
 											children: h("billing.checkout.previousBalance", "Previous Balance")
 										}), /* @__PURE__ */ p("p", {
 											className: "font-semibold text-text-primary",
-											children: t(I.previousBalance)
+											children: t(F.previousBalance)
 										})]
 									}),
-									/* @__PURE__ */ p(Me, { 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", {
@@ -668,7 +730,7 @@ var Ye = () => {
 											children: h("billing.checkout.newBalance", "New Balance")
 										}), /* @__PURE__ */ p("p", {
 											className: "font-semibold text-status-success-text",
-											children: t(I.newBalance)
+											children: t(F.newBalance)
 										})]
 									})
 								]
@@ -683,15 +745,15 @@ var Ye = () => {
 									children: h("billing.checkout.billingAccount", "Billing Account")
 								}), /* @__PURE__ */ p("p", {
 									className: "font-medium text-text-primary",
-									children: I.billingAccountName
-								})] }), I.transactionId && /* @__PURE__ */ m("div", {
+									children: F.billingAccountName
+								})] }), F.transactionId && /* @__PURE__ */ m("div", {
 									className: "text-right",
 									children: [/* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary mb-1",
 										children: h("billing.checkout.transactionId", "Transaction ID")
 									}), /* @__PURE__ */ m("p", {
 										className: "font-mono text-xs text-text-secondary",
-										children: [I.transactionId.slice(0, 8), "..."]
+										children: [F.transactionId.slice(0, 8), "..."]
 									})]
 								})]
 							})
@@ -702,54 +764,54 @@ var Ye = () => {
 					className: "flex flex-col sm:flex-row gap-3 justify-center pt-2",
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => v("/overview"),
+						onClick: () => _("/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: h("billing.checkout.backToOverview", "Back to Overview")
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => v("/subscriptions"),
+						onClick: () => _("/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: h("billing.checkout.viewSubscriptions", "View Subscriptions")
 					})]
 				})
 			]
-		}), 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)
+		}), pt && mt.length > 0 && x && gt && /* @__PURE__ */ p(ke, {
+			billingAccountId: F?.billingAccountId ?? "",
+			subscriptionId: gt,
+			quotas: mt,
+			workspaces: ut,
+			currentWorkspaceId: x,
+			onAssigned: () => A(!1),
+			onSkip: () => A(!1)
 		})] });
 	}
-	if (M === "error") return /* @__PURE__ */ p("div", {
+	if (j === "error") return /* @__PURE__ */ p("div", {
 		className: "max-w-lg mx-auto p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-6",
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-status-error-bg-subtle text-status-error-text",
-					children: /* @__PURE__ */ p(He, { className: "size-12" })
+					children: /* @__PURE__ */ p(Ge, { 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: ht || xt || z.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
+					children: yt || Dt || R.error || h("billing.checkout.genericError", "Something went wrong. Please try again.")
 				})] }),
 				/* @__PURE__ */ m("div", {
 					className: "flex gap-3 justify-center",
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => v(-1),
+						onClick: () => _(-1),
 						className: "px-4 py-2 rounded-lg border border-border-subtle hover:bg-bg-sunken",
 						children: h("billing.checkout.goBack", "Go Back")
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: () => {
-							N("select"), F(null), z.reset();
+							M("select"), P(null), R.reset();
 						},
 						className: "px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover",
 						children: h("billing.checkout.tryAgain", "Try Again")
@@ -758,7 +820,7 @@ var Ye = () => {
 			]
 		})
 	});
-	if (M === "processing") return /* @__PURE__ */ p("div", {
+	if (j === "processing") return /* @__PURE__ */ p("div", {
 		className: "max-w-lg mx-auto p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-6",
@@ -786,7 +848,7 @@ var Ye = () => {
 								children: ((e) => {
 									let t = Math.floor(e / 1e3);
 									return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
-								})(V)
+								})(Et)
 							})
 						]
 					}), /* @__PURE__ */ p("p", {
@@ -798,13 +860,13 @@ var Ye = () => {
 					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(V / 3e5 * 100, 100)}%` }
+						style: { width: `${Math.min(Et / 3e5 * 100, 100)}%` }
 					})
 				}),
-				V > 3e4 && /* @__PURE__ */ p("button", {
+				Et > 3e4 && /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => {
-						N("error"), F("Payment verification was cancelled. Please check your billing history.");
+						M("error"), P("Payment verification was cancelled. Please check your billing history.");
 					},
 					className: "text-sm text-text-secondary hover:text-text-primary underline",
 					children: h("billing.checkout.cancelAndCheckHistory", "Cancel and check billing history")
@@ -812,21 +874,21 @@ var Ye = () => {
 			]
 		})
 	});
-	if (M === "payment" && P) {
+	if (j === "payment" && N) {
 		let e = (e, t) => `${{
 			INR: "₹",
 			USD: "$",
 			EUR: "€",
 			GBP: "£"
-		}[t] || t + " "}${e.toFixed(2)}`, t = P.currency || z.selectedCurrency, r = P.total ?? z.total;
+		}[t] || t + " "}${e.toFixed(2)}`, t = N.currency || R.selectedCurrency, r = N.total ?? R.total;
 		return /* @__PURE__ */ m("div", {
 			className: "max-w-2xl mx-auto p-4 sm:p-6 space-y-6",
 			children: [
 				/* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => N("select"),
+					onClick: () => M("select"),
 					className: "flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary",
-					children: [/* @__PURE__ */ p(je, { 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"),
@@ -837,9 +899,9 @@ var Ye = () => {
 					children: [
 						/* @__PURE__ */ m("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ p(Re, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
+							children: [/* @__PURE__ */ p(Ve, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
 						}),
-						z.billingAccount && /* @__PURE__ */ m("div", {
+						R.billingAccount && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-bg-sunken rounded-lg space-y-1",
 							children: [
 								/* @__PURE__ */ p("div", {
@@ -848,15 +910,15 @@ var Ye = () => {
 								}),
 								/* @__PURE__ */ p("div", {
 									className: "font-medium text-text-primary",
-									children: z.billingAccount.name
+									children: R.billingAccount.name
 								}),
 								/* @__PURE__ */ p("div", {
 									className: "text-sm text-text-secondary",
-									children: z.billingAccount.email
+									children: R.billingAccount.email
 								})
 							]
 						}),
-						k === "ADDON" && z.selectedSubscriptionId && K && /* @__PURE__ */ m("div", {
+						E === "ADDON" && R.selectedSubscriptionId && G && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-bg-sunken rounded-lg space-y-1",
 							children: [
 								/* @__PURE__ */ p("div", {
@@ -865,11 +927,11 @@ var Ye = () => {
 								}),
 								/* @__PURE__ */ p("div", {
 									className: "font-medium text-text-primary",
-									children: K.plan?.name || h("billing.checkout.subscription", "Subscription")
+									children: G.plan?.name || h("billing.checkout.subscription", "Subscription")
 								}),
-								K.plan?.product?.name && /* @__PURE__ */ p("div", {
+								G.plan?.product?.name && /* @__PURE__ */ p("div", {
 									className: "text-sm text-text-secondary",
-									children: K.plan.product.name
+									children: G.plan.product.name
 								})
 							]
 						}),
@@ -877,7 +939,7 @@ var Ye = () => {
 							className: "space-y-2 text-sm",
 							children: [
 								(() => {
-									let n = z.taxRate, i = n > 0 ? r / (1 + n) : r, a = n > 0 ? r - i : 0;
+									let n = R.taxRate, i = n > 0 ? r / (1 + n) : r, a = n > 0 ? r - i : 0;
 									return /* @__PURE__ */ m(f, { children: [
 										/* @__PURE__ */ m("div", {
 											className: "flex justify-between",
@@ -889,16 +951,16 @@ var Ye = () => {
 												children: e(i, t)
 											})]
 										}),
-										z.discountAmount > 0 && /* @__PURE__ */ m("div", {
+										R.discountAmount > 0 && /* @__PURE__ */ m("div", {
 											className: "flex justify-between text-status-success-text",
-											children: [/* @__PURE__ */ p("span", { children: h("billing.checkout.discount", "Discount") }), /* @__PURE__ */ m("span", { children: ["-", e(z.discountAmount, t)] })]
+											children: [/* @__PURE__ */ p("span", { children: h("billing.checkout.discount", "Discount") }), /* @__PURE__ */ m("span", { children: ["-", e(R.discountAmount, t)] })]
 										}),
 										a > 0 && /* @__PURE__ */ m("div", {
 											className: "flex justify-between",
 											children: [/* @__PURE__ */ m("span", {
 												className: "text-text-secondary",
 												children: [
-													z.taxType || h("billing.checkout.tax", "Tax"),
+													R.taxType || h("billing.checkout.tax", "Tax"),
 													" (",
 													(n * 100).toFixed(0),
 													"%)"
@@ -925,23 +987,23 @@ var Ye = () => {
 						})
 					]
 				}),
-				z.selectedProvider === "STRIPE" && P.clientSecret && /* @__PURE__ */ p("div", {
+				R.selectedProvider === "STRIPE" && N.clientSecret && /* @__PURE__ */ p("div", {
 					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(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
+							clientSecret: N.clientSecret,
+							publishableKey: rt || Ct?.stripePublishableKey || "",
+							amount: Math.round((N.total ?? R.total) * 100),
+							currency: N.currency || R.selectedCurrency,
+							onSuccess: Yt,
+							onError: Xt,
+							onCancel: () => M("select"),
+							isCompletingExistingPayment: !!R.selectedPaymentMethodId
 						})
 					})
 				}),
-				z.selectedProvider === "RAZORPAY" && P.orderId && /* @__PURE__ */ p("div", {
+				R.selectedProvider === "RAZORPAY" && N.orderId && /* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 					children: /* @__PURE__ */ m("div", {
 						className: "p-4 space-y-4",
@@ -949,27 +1011,27 @@ var Ye = () => {
 							className: "flex items-center gap-2 cursor-pointer",
 							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
-								checked: z.saveCard,
-								onChange: (e) => z.setSaveCard(e.target.checked),
+								checked: R.saveCard,
+								onChange: (e) => R.setSaveCard(e.target.checked),
 								className: "size-4 rounded border-border-subtle text-text-link focus:ring-[var(--color-focus-ring)]"
 							}), /* @__PURE__ */ p("span", {
 								className: "text-sm text-text-secondary",
 								children: "Save card for future purchases"
 							})]
 						}), /* @__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,
+							orderId: N.orderId,
+							keyId: N.razorpayKeyId || it || "",
+							amount: Math.round((N.total ?? R.total) * 100),
+							currency: N.currency || "INR",
+							customerId: N.razorpayCustomerId,
 							prefill: {
-								name: P.prefillName,
-								email: P.prefillEmail,
-								contact: P.prefillContact
+								name: N.prefillName,
+								email: N.prefillEmail,
+								contact: N.prefillContact
 							},
-							onSuccess: (e) => zt(e.razorpay_payment_id),
-							onError: Bt,
-							onCancel: () => N("select")
+							onSuccess: (e) => Yt(e.razorpay_payment_id),
+							onError: Xt,
+							onCancel: () => M("select")
 						})]
 					})
 				})
@@ -981,34 +1043,34 @@ var Ye = () => {
 		children: [
 			/* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => v(-1),
+				onClick: () => _(-1),
 				className: "flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary mb-4",
-				children: [/* @__PURE__ */ p(je, { 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: Wt()
+					children: en()
 				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: Ut()
+					children: $t()
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
 					children: "Complete your purchase securely"
 				})] })]
 			}),
-			/* @__PURE__ */ p(Je, {
+			/* @__PURE__ */ p(Ze, {
 				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", {
+			v?.upgradeFromSubscriptionId && v?.currentPlanName && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-lg border border-border-subtle bg-status-info-bg-subtle",
 				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-info-bg-subtle",
-						children: /* @__PURE__ */ p(ze, { className: "size-4 text-accent-blue" })
+						children: /* @__PURE__ */ p(He, { className: "size-4 text-accent-blue" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -1018,7 +1080,7 @@ var Ye = () => {
 								" ",
 								/* @__PURE__ */ p("span", {
 									className: "font-semibold",
-									children: b.currentPlanName
+									children: v.currentPlanName
 								})
 							]
 						}), /* @__PURE__ */ p("p", {
@@ -1028,13 +1090,13 @@ var Ye = () => {
 					})]
 				})
 			}),
-			b?.downgradeFromSubscriptionId && b?.currentPlanName && /* @__PURE__ */ p("div", {
+			v?.downgradeFromSubscriptionId && v?.currentPlanName && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle",
 				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-warning-bg-subtle",
-						children: /* @__PURE__ */ p(ze, { className: "size-4 text-status-warning-text" })
+						children: /* @__PURE__ */ p(He, { className: "size-4 text-status-warning-text" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -1044,7 +1106,7 @@ var Ye = () => {
 								" ",
 								/* @__PURE__ */ p("span", {
 									className: "font-semibold",
-									children: b.currentPlanName
+									children: v.currentPlanName
 								})
 							]
 						}), /* @__PURE__ */ p("p", {
@@ -1059,53 +1121,58 @@ var Ye = () => {
 				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-3 space-y-6 order-2 lg:order-1",
 					children: [
-						k === "CREDITS" && z.items[0] && /* @__PURE__ */ p("div", {
+						E === "CREDITS" && R.items[0] && /* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
 							children: /* @__PURE__ */ p(ve, {
-								value: z.items[0].quantity,
-								onChange: Vt,
-								costPerCredit: J,
-								currency: z.selectedCurrency,
-								disabled: Nt
+								value: R.items[0].quantity,
+								onChange: Zt,
+								costPerCredit: q,
+								currency: R.selectedCurrency,
+								disabled: Ut
 							})
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
 							children: [/* @__PURE__ */ p(he, {
-								accounts: X,
-								selectedAccountId: z.billingAccount?.id ?? null,
-								onSelect: z.setBillingAccount,
-								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: At
+								accounts: Y,
+								selectedAccountId: R.billingAccount?.id ?? null,
+								onSelect: R.setBillingAccount,
+								isLoading: kt,
+								disabled: Kt,
+								disabledMessage: Kt ? "Billing account is locked for plan changes" : void 0
+							}), E === "ADDON" && !T && R.billingAccount && /* @__PURE__ */ p(xe, {
+								subscriptions: W,
+								selectedSubscriptionId: R.selectedSubscriptionId,
+								onSelect: R.setSelectedSubscriptionId,
+								isLoading: Bt
 							})]
 						}),
+						H && /* @__PURE__ */ p(Oe, {
+							storeOrderId: g,
+							currency: R.selectedCurrency,
+							onChange: Ft
+						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
 							children: [
 								/* @__PURE__ */ p(Ce, {
-									savedPaymentMethods: Y,
-									selectedPaymentMethodId: z.selectedPaymentMethodId,
-									onSelectSavedCard: z.setSelectedPaymentMethodId,
-									selectedProvider: z.selectedProvider,
-									onSelectProvider: z.setPaymentProvider,
-									stripeEnabled: bt,
-									razorpayEnabled: B,
-									canPayWithCredits: z.canPayWithCredits && z.hasEnoughCredits,
-									availableCredits: z.availableCredits,
-									totalAmount: z.subtotalUSD,
-									billingCountry: Z,
-									saveCard: z.saveCard,
-									onSaveCardChange: z.setSaveCard,
-									autoRenewEnabled: k === "PLAN" && z.autoRenew,
-									isLoading: Ot
+									savedPaymentMethods: J,
+									selectedPaymentMethodId: R.selectedPaymentMethodId,
+									onSelectSavedCard: R.setSelectedPaymentMethodId,
+									selectedProvider: R.selectedProvider,
+									onSelectProvider: R.setPaymentProvider,
+									stripeEnabled: wt,
+									razorpayEnabled: Tt,
+									canPayWithCredits: R.canPayWithCredits && R.hasEnoughCredits,
+									availableCredits: R.availableCredits,
+									totalAmount: R.subtotalUSD,
+									billingCountry: X,
+									saveCard: R.saveCard,
+									onSaveCardChange: R.setSaveCard,
+									autoRenewEnabled: E === "PLAN" && R.autoRenew,
+									isLoading: Rt
 								}),
-								z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-t border-border-subtle" }), /* @__PURE__ */ p("div", {
+								R.selectedProvider !== "CREDITS" && R.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__ */ m("div", {
 										className: "flex items-start gap-3",
@@ -1124,7 +1191,7 @@ var Ye = () => {
 											className: "flex-1 text-sm",
 											children: [/* @__PURE__ */ m("p", {
 												className: "font-medium text-text-primary mb-1",
-												children: ["Currency: ", z.selectedCurrency]
+												children: ["Currency: ", R.selectedCurrency]
 											}), /* @__PURE__ */ m("p", {
 												className: "text-text-secondary text-xs",
 												children: [
@@ -1132,30 +1199,30 @@ var Ye = () => {
 													" ",
 													/* @__PURE__ */ p("strong", {
 														className: "text-text-primary",
-														children: z.selectedCurrency
+														children: R.selectedCurrency
 													}),
 													" ",
 													"based on your billing account settings.",
-													z.selectedCurrency === "INR" && " GST will be applied at checkout."
+													R.selectedCurrency === "INR" && " GST will be applied at checkout."
 												]
 											})]
 										})]
 									})
 								})] }),
-								k === "PLAN" && H?.getPlan?.pricingModel === "PER_SEAT" && /* @__PURE__ */ p("div", {
+								E === "PLAN" && z?.getPlan?.pricingModel === "PER_SEAT" && /* @__PURE__ */ p("div", {
 									className: "border-t border-border-subtle pt-4",
 									children: /* @__PURE__ */ m("div", {
 										className: "space-y-3",
 										children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Number of seats"
-										}), H.getPlan.minSeats && /* @__PURE__ */ m("p", {
+										}), z.getPlan.minSeats && /* @__PURE__ */ m("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: [
 												"Minimum ",
-												H.getPlan.minSeats,
+												z.getPlan.minSeats,
 												" seat",
-												H.getPlan.minSeats === 1 ? "" : "s",
+												z.getPlan.minSeats === 1 ? "" : "s",
 												" required"
 											]
 										})] }), /* @__PURE__ */ m("div", {
@@ -1163,44 +1230,44 @@ var Ye = () => {
 											children: [
 												/* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => R((e) => Math.max(H.getPlan?.minSeats ?? 1, e - 1)),
-													disabled: L <= (H.getPlan.minSeats ?? 1),
+													onClick: () => L((e) => Math.max(z.getPlan?.minSeats ?? 1, e - 1)),
+													disabled: I <= (z.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__ */ p("input", {
 													type: "number",
-													value: L,
-													min: H.getPlan.minSeats ?? 1,
-													max: H.getPlan.maxSeats ?? 999,
+													value: I,
+													min: z.getPlan.minSeats ?? 1,
+													max: z.getPlan.maxSeats ?? 999,
 													onChange: (e) => {
 														let t = parseInt(e.target.value, 10);
-														isNaN(t) || R(Math.max(H.getPlan?.minSeats ?? 1, t));
+														isNaN(t) || L(Math.max(z.getPlan?.minSeats ?? 1, t));
 													},
 													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__ */ p("button", {
 													type: "button",
-													onClick: () => R((e) => Math.min(H.getPlan?.maxSeats ?? 999, e + 1)),
-													disabled: L >= (H.getPlan.maxSeats ?? 999),
+													onClick: () => L((e) => Math.min(z.getPlan?.maxSeats ?? 999, e + 1)),
+													disabled: I >= (z.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__ */ m("span", {
+												z.getPlan.pricePerSeat && /* @__PURE__ */ m("span", {
 													className: "text-sm text-text-secondary",
 													children: [
 														"×",
 														" ",
-														H.getPlan.pricePerSeat.toLocaleString("en", {
+														z.getPlan.pricePerSeat.toLocaleString("en", {
 															style: "currency",
-															currency: H.getPlan.currency ?? "USD"
+															currency: z.getPlan.currency ?? "USD"
 														}),
 														" ",
 														"=",
 														" ",
-														(H.getPlan.pricePerSeat * L).toLocaleString("en", {
+														(z.getPlan.pricePerSeat * I).toLocaleString("en", {
 															style: "currency",
-															currency: H.getPlan.currency ?? "USD"
+															currency: z.getPlan.currency ?? "USD"
 														}),
 														"/mo"
 													]
@@ -1223,46 +1290,46 @@ var Ye = () => {
 									/* @__PURE__ */ p("div", {
 										className: "p-4",
 										children: /* @__PURE__ */ p(ge, {
-											items: z.items,
-											subtotal: z.subtotal,
-											discountAmount: z.discountAmount,
-											taxAmount: z.taxAmount,
-											taxRate: z.taxRate,
-											taxType: z.taxType,
-											total: z.total,
-											currency: z.selectedCurrency,
-											isCalculatingTax: z.isCalculatingTax,
-											showInCredits: z.selectedProvider === "CREDITS",
-											onUpdateQuantity: k !== "PLAN" && k !== "ORDER" ? z.updateItemQuantity : void 0,
-											onRemoveItem: z.removeItem,
-											isEditable: k !== "PLAN" && k !== "ORDER"
+											items: R.items,
+											subtotal: R.subtotal,
+											discountAmount: R.discountAmount,
+											taxAmount: R.taxAmount,
+											taxRate: R.taxRate,
+											taxType: R.taxType,
+											total: R.total,
+											currency: R.selectedCurrency,
+											isCalculatingTax: R.isCalculatingTax,
+											showInCredits: R.selectedProvider === "CREDITS",
+											onUpdateQuantity: E !== "PLAN" && E !== "ORDER" ? R.updateItemQuantity : void 0,
+											onRemoveItem: R.removeItem,
+											isEditable: E !== "PLAN" && E !== "ORDER"
 										})
 									}),
 									/* @__PURE__ */ p("div", {
 										className: "px-4 pb-4 border-t border-border-subtle pt-4",
 										children: /* @__PURE__ */ p(_e, {
-											value: z.promoCode,
-											onChange: z.setPromoCode,
-											onValidate: async () => await z.validatePromoCode(),
-											onClear: z.clearPromoCode,
-											isApplied: z.promoDiscount > 0,
-											discountValue: z.promoDiscount,
-											discountType: z.promoDiscountType,
-											isValidating: z.isProcessing
+											value: R.promoCode,
+											onChange: R.setPromoCode,
+											onValidate: async () => await R.validatePromoCode(),
+											onClear: R.clearPromoCode,
+											isApplied: R.promoDiscount > 0,
+											discountValue: R.promoDiscount,
+											discountType: R.promoDiscountType,
+											isValidating: R.isProcessing
 										})
 									}),
-									k === "PLAN" && z.selectedProvider !== "CREDITS" && z.selectedProvider !== "AUTO" && (() => {
+									E === "PLAN" && R.selectedProvider !== "CREDITS" && R.selectedProvider !== "AUTO" && (() => {
 										let e = "", t = !1, n = !1;
-										if (z.selectedPaymentMethodId) {
-											let r = Y.find((e) => e.id === z.selectedPaymentMethodId);
+										if (R.selectedPaymentMethodId) {
+											let r = J.find((e) => e.id === R.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);
+										} else (R.selectedProvider === "RAZORPAY" || R.selectedProvider === "STRIPE") && (e = R.selectedProvider === "RAZORPAY" ? "new card (Razorpay)" : "new card (Stripe)", t = !0, n = !0);
 										return /* @__PURE__ */ p("div", {
 											className: "px-4 pb-4",
 											children: /* @__PURE__ */ p(Se, {
-												enabled: z.autoRenew,
+												enabled: R.autoRenew,
 												onToggle: (e) => {
-													z.setAutoRenew(e), e && z.selectedPaymentMethodId && z.setAutoRenewPaymentMethodId(z.selectedPaymentMethodId);
+													R.setAutoRenew(e), e && R.selectedPaymentMethodId && R.setAutoRenewPaymentMethodId(R.selectedPaymentMethodId);
 												},
 												hasPaymentMethodSelected: t,
 												selectedPaymentMethodDisplay: e,
@@ -1274,10 +1341,10 @@ var Ye = () => {
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								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,
+								onClick: Jt,
+								disabled: R.isProcessing || !R.billingAccount || R.items.length === 0 || E === "ADDON" && !T && Bt || E === "ADDON" && !T && W.length === 0 || E === "ADDON" && !T && !R.selectedSubscriptionId || H && (!U.shippingAddressId || !U.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: z.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-5 animate-spin" }), "Processing…"] }) : z.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
+								children: R.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-5 animate-spin" }), "Processing…"] }) : R.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
 							}),
 							/* @__PURE__ */ p("p", {
 								className: "text-center text-xs text-text-secondary",
@@ -1287,22 +1354,22 @@ var Ye = () => {
 					})
 				})]
 			}),
-			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()),
+			ft && R.billingAccount && /* @__PURE__ */ p(we, {
+				billingAccountId: R.billingAccount.id,
+				hasPhone: !!R.billingAccount.contactNumber?.trim(),
+				hasAddress: !!(R.billingAccount.billingAddresses?.[0]?.line1?.trim() && R.billingAccount.billingAddresses?.[0]?.postalCode?.trim()),
 				onCompleted: () => {
-					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);
+					k.current = !0, O(!1), Jt(), At().then((e) => {
+						let t = (e.data?.myBillingAccounts ?? []).find((e) => e.id === R.billingAccount?.id);
+						t && R.setBillingAccount(t);
 					});
 				},
-				onCancel: () => st(!1)
+				onCancel: () => O(!1)
 			})
 		]
 	});
 };
 //#endregion
-export { Ye as CheckoutPage };
+export { Qe as CheckoutPage };
 
 //# sourceMappingURL=CheckoutPage.js.map