@burdenoff/microfe-billing 2026.918.1 → 2026.1005.2

package/dist/billing/lib/native-purchases.js

@@ -1,2 +1,2 @@
-import { acknowledgeNativePurchase as e, getNativeProducts as t, isNativeIAPAvailable as n, purchaseNativeProduct as r, restoreNativePurchases as i } from "@burdenoff/fe-libs/shared/native/purchases";
-export { e as acknowledgeNativePurchase, t as getNativeProducts, n as isNativeIAPAvailable, r as purchaseNativeProduct, i as restoreNativePurchases };
+import { acknowledgeNativePurchase as e, getNativeProducts as t, getNativePurchases as n, installNativeIAP as r, isNativeIAPAvailable as i, purchaseNativeProduct as a, restoreNativePurchases as o } from "@burdenoff/fe-libs/shared/native/purchases";
+export { e as acknowledgeNativePurchase, t as getNativeProducts, n as getNativePurchases, r as installNativeIAP, i as isNativeIAPAvailable, a as purchaseNativeProduct, o as restoreNativePurchases };

package/dist/billing/modules/checkout/hooks/useNativeCheckout.js

@@ -1,92 +1,106 @@
 import { useBilling as e } from "../../../providers/BillingProvider.js";
 import { normalizeGlobalGatewayBaseUrl as t } from "../../../shared/utils/gatewayGraphql.js";
 import { Capacitor as n } from "../../../../node_modules/@capacitor/core/dist/index.js";
-import { acknowledgeNativePurchase as r, getNativeProducts as i, isNativeIAPAvailable as a, purchaseNativeProduct as o, restoreNativePurchases as s } from "../../../lib/native-purchases.js";
-import { useCallback as c, useState as l } from "react";
+import { acknowledgeNativePurchase as r, getNativeProducts as i, getNativePurchases as a, installNativeIAP as o, isNativeIAPAvailable as s, purchaseNativeProduct as c, restoreNativePurchases as l } from "../../../lib/native-purchases.js";
+import { useCallback as u, useEffect as d, useState as f } from "react";
 //#region src/billing/modules/checkout/hooks/useNativeCheckout.ts
-function u({ billingAccountId: u, purchaseType: d, productId: f } = {}) {
-	let { apiGatewayUrl: p, authToken: m } = e(), [h, g] = l([]), [_, v] = l("idle"), [y, b] = l(null), [x, S] = l(!1), C = c(async (e) => {
-		if (!a()) return;
-		let t = e ?? (f ? [f] : []);
+function p({ billingAccountId: p, purchaseType: m, productId: h } = {}) {
+	let { apiGatewayUrl: g, authToken: _ } = e(), [v, y] = f([]), [b, x] = f("idle"), [S, C] = f(null), [w, T] = f(!1), E = u(async (e, i, a) => {
+		if (!p) throw Error("No billing account selected");
+		let o = `${t(g) ?? ""}/global/rest/billing/iap/validate`, s = n.getPlatform();
+		if (s !== "ios" && s !== "android") throw Error("Native purchases require an iOS or Android app");
+		let c = await fetch(o, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				..._ ? { Authorization: `Bearer ${_}` } : {}
+			},
+			body: JSON.stringify({
+				platform: s,
+				transactionId: e.transactionId,
+				productIdentifier: e.productIdentifier,
+				receipt: e.receipt,
+				jwsRepresentation: e.jwsRepresentation,
+				purchaseToken: e.purchaseToken,
+				appAccountToken: a ?? e.appAccountToken ?? void 0,
+				billingAccountId: p,
+				purchaseType: m ?? "PLAN",
+				nativePurchaseType: m === "PLAN" ? "SUBS" : "INAPP",
+				price: i?.price,
+				currency: i?.currencyCode
+			})
+		});
+		if (!c.ok) {
+			let e = await c.json().catch(() => ({}));
+			throw Error(e.message ?? `Validation failed (${c.status})`);
+		}
+		await r(e.purchaseToken ?? e.transactionId);
+	}, [
+		g,
+		_,
+		p,
+		m
+	]);
+	d(() => {
+		!s() || !p || o((e) => {
+			E(e).catch(() => {});
+		});
+	}, [p, E]);
+	let D = u(async (e) => {
+		if (!s()) return;
+		let t = e ?? (h ? [h] : []);
 		if (t.length !== 0) {
-			S(!0), b(null);
+			T(!0), C(null);
 			try {
-				g(await i(t));
+				y(await i(t, m === "PLAN" ? "subs" : "inapp"));
 			} catch (e) {
-				b(e instanceof Error ? e.message : "Failed to load products");
+				C(e instanceof Error ? e.message : "Failed to load products");
 			} finally {
-				S(!1);
+				T(!1);
 			}
 		}
-	}, [f]), w = c(async (e) => {
-		if (!u) return b("No billing account selected"), { success: !1 };
-		v("processing"), b(null);
-		let i;
+	}, [h, m]), O = u(async (e) => {
+		if (!p) return C("No billing account selected"), { success: !1 };
+		x("processing"), C(null);
+		let t;
 		try {
-			let a = d === "CREDITS", s = crypto.randomUUID();
-			i = await o(e.identifier, {
+			let n = m === "CREDITS" || m === "ADDON", r = crypto.randomUUID();
+			return t = await c(e.identifier, {
 				autoAcknowledgePurchases: !1,
-				isConsumable: a,
-				planIdentifier: a ? void 0 : e.planIdentifier ?? void 0,
-				appAccountToken: s
-			});
-			let c = `${t(p) ?? ""}/global/rest/billing/iap/validate`, l = n.getPlatform(), f = a ? "INAPP" : "SUBS", h = await fetch(c, {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-					...m ? { Authorization: `Bearer ${m}` } : {}
-				},
-				body: JSON.stringify({
-					platform: l,
-					transactionId: i.transactionId,
-					productIdentifier: i.productIdentifier,
-					receipt: i.receipt,
-					jwsRepresentation: i.jwsRepresentation,
-					purchaseToken: i.purchaseToken,
-					appAccountToken: s,
-					billingAccountId: u,
-					purchaseType: d,
-					nativePurchaseType: f,
-					price: e.price,
-					currency: e.currencyCode
-				})
-			});
-			if (!h.ok) {
-				let e = await h.json().catch(() => ({}));
-				throw Error(e.message ?? `Validation failed (${h.status})`);
-			}
-			return await r(i.purchaseToken ?? i.transactionId), v("success"), { success: !0 };
+				isConsumable: n,
+				productType: m === "PLAN" ? "subs" : "inapp",
+				planIdentifier: m === "PLAN" ? e.planIdentifier ?? void 0 : void 0,
+				appAccountToken: r
+			}), await E(t, e, r), x("success"), { success: !0 };
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Purchase failed";
-			return t.toLowerCase().includes("cancel") || t.toLowerCase().includes("dismiss") || t.toLowerCase().includes("abort") ? v("idle") : (b(t), v("error")), { success: !1 };
+			return t.toLowerCase().includes("cancel") || t.toLowerCase().includes("dismiss") || t.toLowerCase().includes("abort") ? x("idle") : (C(t), x("error")), { success: !1 };
 		}
-	}, [
-		u,
-		p,
-		m,
-		d
-	]), T = c(async () => {
-		S(!0), b(null);
+	}, [m, E]), k = u(async () => {
+		T(!0), C(null);
 		try {
-			return await s(), { success: !0 };
+			await l();
+			let e = await a({ productType: m === "PLAN" ? "subs" : "inapp" });
+			for (let t of e) await E(t);
+			return { success: !0 };
 		} catch (e) {
-			return b(e instanceof Error ? e.message : "Restore failed"), { success: !1 };
+			return C(e instanceof Error ? e.message : "Restore failed"), { success: !1 };
 		} finally {
-			S(!1);
+			T(!1);
 		}
-	}, []);
+	}, [E]);
 	return {
-		isAvailable: a(),
-		products: h,
-		checkoutState: _,
-		error: y,
-		isLoading: x,
-		loadProducts: C,
-		purchaseProduct: w,
-		restorePurchases: T
+		isAvailable: s(),
+		products: v,
+		checkoutState: b,
+		error: S,
+		isLoading: w,
+		loadProducts: D,
+		purchaseProduct: O,
+		restorePurchases: k
 	};
 }
 //#endregion
-export { u as useNativeCheckout };
+export { p as useNativeCheckout };
 
 //# sourceMappingURL=useNativeCheckout.js.map

package/dist/billing/modules/checkout/hooks/useNativeCheckout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeCheckout.js","names":[],"sources":["../../../../../src/billing/modules/checkout/hooks/useNativeCheckout.ts"],"sourcesContent":["/**\n * Native IAP checkout hook — Apple StoreKit / Google Play Billing.\n *\n * Manages the full native purchase lifecycle:\n *   1. Load product info from the App Store / Play Store\n *   2. Trigger the native payment sheet\n *   3. Send the receipt / JWS / purchase token to the backend for validation\n *   4. Acknowledge the transaction after the backend confirms it\n *\n * The backend endpoint POST /rest/billing/iap/validate validates with Apple\n * or Google servers and then activates the subscription or credits — no\n * RevenueCat or third-party account required.\n */\n\nimport { useState, useCallback } from 'react';\nimport { Capacitor } from '@capacitor/core';\nimport {\n  getNativeProducts,\n  purchaseNativeProduct,\n  acknowledgeNativePurchase,\n  restoreNativePurchases,\n  isNativeIAPAvailable,\n} from '../../../lib/native-purchases';\nimport type { Product, Transaction } from '@capgo/native-purchases';\nimport type { CheckoutState, PurchaseType } from '../types';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { normalizeGlobalGatewayBaseUrl } from '../../../shared/utils/gatewayGraphql';\n\nexport type { Product, Transaction };\n\ninterface UseNativeCheckoutOptions {\n  billingAccountId?: string;\n  purchaseType?: PurchaseType;\n  /** Store product identifier — passed to getProducts to load the specific product. */\n  productId?: string;\n}\n\ninterface UseNativeCheckoutResult {\n  isAvailable: boolean;\n  products: Product[];\n  checkoutState: CheckoutState;\n  error: string | null;\n  isLoading: boolean;\n  loadProducts: (productIdentifiers?: string[]) => Promise<void>;\n  purchaseProduct: (product: Product) => Promise<{ success: boolean }>;\n  restorePurchases: () => Promise<{ success: boolean }>;\n}\n\nexport function useNativeCheckout({\n  billingAccountId,\n  purchaseType,\n  productId,\n}: UseNativeCheckoutOptions = {}): UseNativeCheckoutResult {\n  const { apiGatewayUrl, authToken } = useBilling();\n  const [products, setProducts] = useState<Product[]>([]);\n  const [checkoutState, setCheckoutState] = useState<CheckoutState>('idle');\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  const loadProducts = useCallback(\n    async (productIdentifiers?: string[]) => {\n      if (!isNativeIAPAvailable()) return;\n      const ids = productIdentifiers ?? (productId ? [productId] : []);\n      if (ids.length === 0) return;\n      setIsLoading(true);\n      setError(null);\n      try {\n        const result = await getNativeProducts(ids);\n        setProducts(result);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to load products');\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [productId]\n  );\n\n  const purchaseProduct = useCallback(\n    async (product: Product): Promise<{ success: boolean }> => {\n      if (!billingAccountId) {\n        setError('No billing account selected');\n        return { success: false };\n      }\n\n      setCheckoutState('processing');\n      setError(null);\n\n      let transaction: Transaction | undefined;\n      try {\n        // Trigger native payment sheet — deferred ack so we validate server-side first.\n        // planIdentifier is required for Android subscriptions (base plan ID from Play Console).\n        // isConsumable allows credits to be re-purchased on Android.\n        const isCredits = purchaseType === 'CREDITS';\n        // appAccountToken: UUID passed to Apple/Google so they echo it in server notifications,\n        // allowing us to link renewals/cancellations to this billing account.\n        // iOS requires UUID format; Android (obfuscatedExternalAccountId) accepts any string ≤ 64 chars.\n        const appAccountToken = crypto.randomUUID();\n        transaction = await purchaseNativeProduct(product.identifier, {\n          autoAcknowledgePurchases: false,\n          isConsumable: isCredits,\n          planIdentifier: !isCredits ? (product.planIdentifier ?? undefined) : undefined,\n          appAccountToken,\n        });\n\n        // Send receipt / token to backend for server-side validation and entitlement activation.\n        // apiGatewayUrl is the GraphQL endpoint (e.g. https://graphql.burdenoff.com/global/graphql);\n        // strip the /global/graphql suffix to get the base URL, then use the REST path.\n        const gatewayBase = normalizeGlobalGatewayBaseUrl(apiGatewayUrl) ?? '';\n        const iapValidateUrl = `${gatewayBase}/global/rest/billing/iap/validate`;\n        const platform = Capacitor.getPlatform() as 'ios' | 'android';\n        // nativePurchaseType: credits are consumable (INAPP); plans and addons are subscriptions (SUBS).\n        const nativePurchaseType = isCredits ? 'INAPP' : 'SUBS';\n        const response = await fetch(iapValidateUrl, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n          },\n          body: JSON.stringify({\n            platform,\n            transactionId: transaction.transactionId,\n            productIdentifier: transaction.productIdentifier,\n            receipt: transaction.receipt,\n            jwsRepresentation: transaction.jwsRepresentation,\n            purchaseToken: transaction.purchaseToken,\n            appAccountToken,\n            billingAccountId,\n            purchaseType,\n            nativePurchaseType,\n            price: product.price,\n            currency: product.currencyCode,\n          }),\n        });\n\n        if (!response.ok) {\n          const body = (await response.json().catch(() => ({}))) as { message?: string };\n          throw new Error(body.message ?? `Validation failed (${response.status})`);\n        }\n\n        // Acknowledge only after backend confirms the purchase is valid\n        await acknowledgeNativePurchase(transaction.purchaseToken ?? transaction.transactionId);\n\n        setCheckoutState('success');\n        return { success: true };\n      } catch (err) {\n        const message = err instanceof Error ? err.message : 'Purchase failed';\n        // User cancellation is not an error worth surfacing as \"error\" state\n        if (\n          message.toLowerCase().includes('cancel') ||\n          message.toLowerCase().includes('dismiss') ||\n          message.toLowerCase().includes('abort')\n        ) {\n          setCheckoutState('idle');\n        } else {\n          setError(message);\n          setCheckoutState('error');\n        }\n        return { success: false };\n      }\n    },\n    [billingAccountId, apiGatewayUrl, authToken, purchaseType]\n  );\n\n  const restorePurchases = useCallback(async (): Promise<{ success: boolean }> => {\n    setIsLoading(true);\n    setError(null);\n    try {\n      await restoreNativePurchases();\n      return { success: true };\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Restore failed');\n      return { success: false };\n    } finally {\n      setIsLoading(false);\n    }\n  }, []);\n\n  return {\n    isAvailable: isNativeIAPAvailable(),\n    products,\n    checkoutState,\n    error,\n    isLoading,\n    loadProducts,\n    purchaseProduct,\n    restorePurchases,\n  };\n}\n"],"mappings":";;;;;;AAgDA,SAAgB,EAAkB,EAChC,qBACA,iBACA,iBAC4B,CAAC,GAA4B;CACzD,IAAM,EAAE,kBAAe,iBAAc,EAAW,GAC1C,CAAC,GAAU,KAAe,EAAoB,CAAC,CAAC,GAChD,CAAC,GAAe,KAAoB,EAAwB,MAAM,GAClE,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAW,KAAgB,EAAS,EAAK,GAE1C,IAAe,EACnB,OAAO,MAAkC;EACvC,IAAI,CAAC,EAAqB,GAAG;EAC7B,IAAM,IAAM,MAAuB,IAAY,CAAC,CAAS,IAAI,CAAC;EAC1D,MAAI,WAAW,GAEnB;GADA,EAAa,EAAI,GACjB,EAAS,IAAI;GACb,IAAI;IAEF,EAAY,MADS,EAAkB,CAAG,CACxB;GACpB,SAAS,GAAK;IACZ,EAAS,aAAe,QAAQ,EAAI,UAAU,yBAAyB;GACzE,UAAU;IACR,EAAa,EAAK;GACpB;EARa;CASf,GACA,CAAC,CAAS,CACZ,GAEM,IAAkB,EACtB,OAAO,MAAoD;EACzD,IAAI,CAAC,GAEH,OADA,EAAS,6BAA6B,GAC/B,EAAE,SAAS,GAAM;EAI1B,AADA,EAAiB,YAAY,GAC7B,EAAS,IAAI;EAEb,IAAI;EACJ,IAAI;GAIF,IAAM,IAAY,MAAiB,WAI7B,IAAkB,OAAO,WAAW;GAC1C,IAAc,MAAM,EAAsB,EAAQ,YAAY;IAC5D,0BAA0B;IAC1B,cAAc;IACd,gBAAiB,IAAoD,KAAA,IAAvC,EAAQ,kBAAkB,KAAA;IACxD;GACF,CAAC;GAMD,IAAM,IAAiB,GADH,EAA8B,CAAa,KAAK,GAC9B,oCAChC,IAAW,EAAU,YAAY,GAEjC,IAAqB,IAAY,UAAU,QAC3C,IAAW,MAAM,MAAM,GAAgB;IAC3C,QAAQ;IACR,SAAS;KACP,gBAAgB;KAChB,GAAI,IAAY,EAAE,eAAe,UAAU,IAAY,IAAI,CAAC;IAC9D;IACA,MAAM,KAAK,UAAU;KACnB;KACA,eAAe,EAAY;KAC3B,mBAAmB,EAAY;KAC/B,SAAS,EAAY;KACrB,mBAAmB,EAAY;KAC/B,eAAe,EAAY;KAC3B;KACA;KACA;KACA;KACA,OAAO,EAAQ;KACf,UAAU,EAAQ;IACpB,CAAC;GACH,CAAC;GAED,IAAI,CAAC,EAAS,IAAI;IAChB,IAAM,IAAQ,MAAM,EAAS,KAAK,EAAE,aAAa,CAAC,EAAE;IACpD,MAAU,MAAM,EAAK,WAAW,sBAAsB,EAAS,OAAO,EAAE;GAC1E;GAMA,OAHA,MAAM,EAA0B,EAAY,iBAAiB,EAAY,aAAa,GAEtF,EAAiB,SAAS,GACnB,EAAE,SAAS,GAAK;EACzB,SAAS,GAAK;GACZ,IAAM,IAAU,aAAe,QAAQ,EAAI,UAAU;GAYrD,OATE,EAAQ,YAAY,EAAE,SAAS,QAAQ,KACvC,EAAQ,YAAY,EAAE,SAAS,SAAS,KACxC,EAAQ,YAAY,EAAE,SAAS,OAAO,IAEtC,EAAiB,MAAM,KAEvB,EAAS,CAAO,GAChB,EAAiB,OAAO,IAEnB,EAAE,SAAS,GAAM;EAC1B;CACF,GACA;EAAC;EAAkB;EAAe;EAAW;CAAY,CAC3D,GAEM,IAAmB,EAAY,YAA2C;EAE9E,AADA,EAAa,EAAI,GACjB,EAAS,IAAI;EACb,IAAI;GAEF,OADA,MAAM,EAAuB,GACtB,EAAE,SAAS,GAAK;EACzB,SAAS,GAAK;GAEZ,OADA,EAAS,aAAe,QAAQ,EAAI,UAAU,gBAAgB,GACvD,EAAE,SAAS,GAAM;EAC1B,UAAU;GACR,EAAa,EAAK;EACpB;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;EACL,aAAa,EAAqB;EAClC;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useNativeCheckout.js","names":[],"sources":["../../../../../src/billing/modules/checkout/hooks/useNativeCheckout.ts"],"sourcesContent":["/**\n * Native IAP checkout hook — Apple StoreKit / Google Play Billing.\n *\n * Manages the full native purchase lifecycle:\n *   1. Load product info from the App Store / Play Store\n *   2. Trigger the native payment sheet\n *   3. Send the receipt / JWS / purchase token to the backend for validation\n *   4. Acknowledge the transaction after the backend confirms it\n *\n * The backend endpoint POST /rest/billing/iap/validate validates with Apple\n * or Google servers and then activates the subscription or credits — no\n * RevenueCat or third-party account required.\n */\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { Capacitor } from '@capacitor/core';\nimport {\n  getNativeProducts,\n  purchaseNativeProduct,\n  acknowledgeNativePurchase,\n  restoreNativePurchases,\n  getNativePurchases,\n  installNativeIAP,\n  isNativeIAPAvailable,\n} from '../../../lib/native-purchases';\nimport type { PURCHASE_TYPE, Product, Transaction } from '@capgo/native-purchases';\nimport type { CheckoutState, PurchaseType } from '../types';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { normalizeGlobalGatewayBaseUrl } from '../../../shared/utils/gatewayGraphql';\n\nexport type { Product, Transaction };\n\ninterface UseNativeCheckoutOptions {\n  billingAccountId?: string;\n  purchaseType?: PurchaseType;\n  /** Store product identifier — passed to getProducts to load the specific product. */\n  productId?: string;\n}\n\ninterface UseNativeCheckoutResult {\n  isAvailable: boolean;\n  products: Product[];\n  checkoutState: CheckoutState;\n  error: string | null;\n  isLoading: boolean;\n  loadProducts: (productIdentifiers?: string[]) => Promise<void>;\n  purchaseProduct: (product: Product) => Promise<{ success: boolean }>;\n  restorePurchases: () => Promise<{ success: boolean }>;\n}\n\nexport function useNativeCheckout({\n  billingAccountId,\n  purchaseType,\n  productId,\n}: UseNativeCheckoutOptions = {}): UseNativeCheckoutResult {\n  const { apiGatewayUrl, authToken } = useBilling();\n  const [products, setProducts] = useState<Product[]>([]);\n  const [checkoutState, setCheckoutState] = useState<CheckoutState>('idle');\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  const validateTransaction = useCallback(\n    async (\n      transaction: Transaction,\n      product?: Product,\n      appAccountToken?: string\n    ): Promise<void> => {\n      if (!billingAccountId) throw new Error('No billing account selected');\n\n      const gatewayBase = normalizeGlobalGatewayBaseUrl(apiGatewayUrl) ?? '';\n      const iapValidateUrl = `${gatewayBase}/global/rest/billing/iap/validate`;\n      const platform = Capacitor.getPlatform();\n      if (platform !== 'ios' && platform !== 'android') {\n        throw new Error('Native purchases require an iOS or Android app');\n      }\n\n      const response = await fetch(iapValidateUrl, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n          ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n        },\n        body: JSON.stringify({\n          platform,\n          transactionId: transaction.transactionId,\n          productIdentifier: transaction.productIdentifier,\n          receipt: transaction.receipt,\n          jwsRepresentation: transaction.jwsRepresentation,\n          purchaseToken: transaction.purchaseToken,\n          appAccountToken: appAccountToken ?? transaction.appAccountToken ?? undefined,\n          billingAccountId,\n          purchaseType: purchaseType ?? 'PLAN',\n          // Plans are recurring subscriptions. Credits and addons are\n          // one-time in-app products; the backend activates their entitlement\n          // after validating the store transaction.\n          nativePurchaseType: purchaseType === 'PLAN' ? 'SUBS' : 'INAPP',\n          price: product?.price,\n          currency: product?.currencyCode,\n        }),\n      });\n\n      if (!response.ok) {\n        const body = (await response.json().catch(() => ({}))) as { message?: string };\n        throw new Error(body.message ?? `Validation failed (${response.status})`);\n      }\n\n      const purchaseToken = transaction.purchaseToken ?? transaction.transactionId;\n      await acknowledgeNativePurchase(purchaseToken);\n    },\n    [apiGatewayUrl, authToken, billingAccountId, purchaseType]\n  );\n\n  useEffect(() => {\n    if (!isNativeIAPAvailable() || !billingAccountId) return;\n    void installNativeIAP((transaction) => {\n      void validateTransaction(transaction).catch(() => {\n        // The store webhook remains authoritative; the next restore retries this\n        // transaction without granting anything before server validation succeeds.\n      });\n    });\n  }, [billingAccountId, validateTransaction]);\n\n  const loadProducts = useCallback(\n    async (productIdentifiers?: string[]) => {\n      if (!isNativeIAPAvailable()) return;\n      const ids = productIdentifiers ?? (productId ? [productId] : []);\n      if (ids.length === 0) return;\n      setIsLoading(true);\n      setError(null);\n      try {\n        const productType = (purchaseType === 'PLAN' ? 'subs' : 'inapp') as PURCHASE_TYPE;\n        const result = await getNativeProducts(ids, productType);\n        setProducts(result);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to load products');\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [productId, purchaseType]\n  );\n\n  const purchaseProduct = useCallback(\n    async (product: Product): Promise<{ success: boolean }> => {\n      if (!billingAccountId) {\n        setError('No billing account selected');\n        return { success: false };\n      }\n\n      setCheckoutState('processing');\n      setError(null);\n\n      let transaction: Transaction | undefined;\n      try {\n        // Trigger native payment sheet — deferred ack so we validate server-side first.\n        // planIdentifier is required for Android subscriptions (base plan ID from Play Console).\n        // Consumable products can be purchased again after entitlement grant;\n        // this applies to credits and time-limited addons on Android.\n        const isConsumable = purchaseType === 'CREDITS' || purchaseType === 'ADDON';\n        // appAccountToken: UUID passed to Apple/Google so they echo it in server notifications,\n        // allowing us to link renewals/cancellations to this billing account.\n        // iOS requires UUID format; Android (obfuscatedExternalAccountId) accepts any string ≤ 64 chars.\n        const appAccountToken = crypto.randomUUID();\n        transaction = await purchaseNativeProduct(product.identifier, {\n          autoAcknowledgePurchases: false,\n          isConsumable,\n          productType: (purchaseType === 'PLAN' ? 'subs' : 'inapp') as PURCHASE_TYPE,\n          planIdentifier:\n            purchaseType === 'PLAN' ? (product.planIdentifier ?? undefined) : undefined,\n          appAccountToken,\n        });\n\n        // Validate and grant only through the same backend-owned path used by\n        // restored/interrupted transactions and store notifications.\n        await validateTransaction(transaction, product, appAccountToken);\n\n        setCheckoutState('success');\n        return { success: true };\n      } catch (err) {\n        const message = err instanceof Error ? err.message : 'Purchase failed';\n        // User cancellation is not an error worth surfacing as \"error\" state\n        if (\n          message.toLowerCase().includes('cancel') ||\n          message.toLowerCase().includes('dismiss') ||\n          message.toLowerCase().includes('abort')\n        ) {\n          setCheckoutState('idle');\n        } else {\n          setError(message);\n          setCheckoutState('error');\n        }\n        return { success: false };\n      }\n    },\n    [purchaseType, validateTransaction]\n  );\n\n  const restorePurchases = useCallback(async (): Promise<{ success: boolean }> => {\n    setIsLoading(true);\n    setError(null);\n    try {\n      await restoreNativePurchases();\n      const restored = await getNativePurchases({\n        productType: (purchaseType === 'PLAN' ? 'subs' : 'inapp') as PURCHASE_TYPE,\n      });\n      for (const transaction of restored) {\n        await validateTransaction(transaction);\n      }\n      return { success: true };\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Restore failed');\n      return { success: false };\n    } finally {\n      setIsLoading(false);\n    }\n  }, [validateTransaction]);\n\n  return {\n    isAvailable: isNativeIAPAvailable(),\n    products,\n    checkoutState,\n    error,\n    isLoading,\n    loadProducts,\n    purchaseProduct,\n    restorePurchases,\n  };\n}\n"],"mappings":";;;;;;AAkDA,SAAgB,EAAkB,EAChC,qBACA,iBACA,iBAC4B,CAAC,GAA4B;CACzD,IAAM,EAAE,kBAAe,iBAAc,EAAW,GAC1C,CAAC,GAAU,KAAe,EAAoB,CAAC,CAAC,GAChD,CAAC,GAAe,KAAoB,EAAwB,MAAM,GAClE,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAW,KAAgB,EAAS,EAAK,GAE1C,IAAsB,EAC1B,OACE,GACA,GACA,MACkB;EAClB,IAAI,CAAC,GAAkB,MAAU,MAAM,6BAA6B;EAGpE,IAAM,IAAiB,GADH,EAA8B,CAAa,KAAK,GAC9B,oCAChC,IAAW,EAAU,YAAY;EACvC,IAAI,MAAa,SAAS,MAAa,WACrC,MAAU,MAAM,gDAAgD;EAGlE,IAAM,IAAW,MAAM,MAAM,GAAgB;GAC3C,QAAQ;GACR,SAAS;IACP,gBAAgB;IAChB,GAAI,IAAY,EAAE,eAAe,UAAU,IAAY,IAAI,CAAC;GAC9D;GACA,MAAM,KAAK,UAAU;IACnB;IACA,eAAe,EAAY;IAC3B,mBAAmB,EAAY;IAC/B,SAAS,EAAY;IACrB,mBAAmB,EAAY;IAC/B,eAAe,EAAY;IAC3B,iBAAiB,KAAmB,EAAY,mBAAmB,KAAA;IACnE;IACA,cAAc,KAAgB;IAI9B,oBAAoB,MAAiB,SAAS,SAAS;IACvD,OAAO,GAAS;IAChB,UAAU,GAAS;GACrB,CAAC;EACH,CAAC;EAED,IAAI,CAAC,EAAS,IAAI;GAChB,IAAM,IAAQ,MAAM,EAAS,KAAK,EAAE,aAAa,CAAC,EAAE;GACpD,MAAU,MAAM,EAAK,WAAW,sBAAsB,EAAS,OAAO,EAAE;EAC1E;EAGA,MAAM,EADgB,EAAY,iBAAiB,EAAY,aAClB;CAC/C,GACA;EAAC;EAAe;EAAW;EAAkB;CAAY,CAC3D;CAEA,QAAgB;EACV,CAAC,EAAqB,KAAK,CAAC,KAChC,GAAuB,MAAgB;GACrC,EAAyB,CAAW,EAAE,YAAY,CAGlD,CAAC;EACH,CAAC;CACH,GAAG,CAAC,GAAkB,CAAmB,CAAC;CAE1C,IAAM,IAAe,EACnB,OAAO,MAAkC;EACvC,IAAI,CAAC,EAAqB,GAAG;EAC7B,IAAM,IAAM,MAAuB,IAAY,CAAC,CAAS,IAAI,CAAC;EAC1D,MAAI,WAAW,GAEnB;GADA,EAAa,EAAI,GACjB,EAAS,IAAI;GACb,IAAI;IAGF,EAAY,MADS,EAAkB,GADlB,MAAiB,SAAS,SAAS,OACD,CACrC;GACpB,SAAS,GAAK;IACZ,EAAS,aAAe,QAAQ,EAAI,UAAU,yBAAyB;GACzE,UAAU;IACR,EAAa,EAAK;GACpB;EATa;CAUf,GACA,CAAC,GAAW,CAAY,CAC1B,GAEM,IAAkB,EACtB,OAAO,MAAoD;EACzD,IAAI,CAAC,GAEH,OADA,EAAS,6BAA6B,GAC/B,EAAE,SAAS,GAAM;EAI1B,AADA,EAAiB,YAAY,GAC7B,EAAS,IAAI;EAEb,IAAI;EACJ,IAAI;GAKF,IAAM,IAAe,MAAiB,aAAa,MAAiB,SAI9D,IAAkB,OAAO,WAAW;GAe1C,OAdA,IAAc,MAAM,EAAsB,EAAQ,YAAY;IAC5D,0BAA0B;IAC1B;IACA,aAAc,MAAiB,SAAS,SAAS;IACjD,gBACE,MAAiB,SAAU,EAAQ,kBAAkB,KAAA,IAAa,KAAA;IACpE;GACF,CAAC,GAID,MAAM,EAAoB,GAAa,GAAS,CAAe,GAE/D,EAAiB,SAAS,GACnB,EAAE,SAAS,GAAK;EACzB,SAAS,GAAK;GACZ,IAAM,IAAU,aAAe,QAAQ,EAAI,UAAU;GAYrD,OATE,EAAQ,YAAY,EAAE,SAAS,QAAQ,KACvC,EAAQ,YAAY,EAAE,SAAS,SAAS,KACxC,EAAQ,YAAY,EAAE,SAAS,OAAO,IAEtC,EAAiB,MAAM,KAEvB,EAAS,CAAO,GAChB,EAAiB,OAAO,IAEnB,EAAE,SAAS,GAAM;EAC1B;CACF,GACA,CAAC,GAAc,CAAmB,CACpC,GAEM,IAAmB,EAAY,YAA2C;EAE9E,AADA,EAAa,EAAI,GACjB,EAAS,IAAI;EACb,IAAI;GACF,MAAM,EAAuB;GAC7B,IAAM,IAAW,MAAM,EAAmB,EACxC,aAAc,MAAiB,SAAS,SAAS,QACnD,CAAC;GACD,KAAK,IAAM,KAAe,GACxB,MAAM,EAAoB,CAAW;GAEvC,OAAO,EAAE,SAAS,GAAK;EACzB,SAAS,GAAK;GAEZ,OADA,EAAS,aAAe,QAAQ,EAAI,UAAU,gBAAgB,GACvD,EAAE,SAAS,GAAM;EAC1B,UAAU;GACR,EAAa,EAAK;EACpB;CACF,GAAG,CAAC,CAAmB,CAAC;CAExB,OAAO;EACL,aAAa,EAAqB;EAClC;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

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

@@ -136,7 +136,7 @@ var et = () => {
 						quotaMode: "dedicated"
 					};
 				});
-				e.length > 0 && (xt(e), qt().then((e) => {
+				e.length > 0 && (xt(e), Jt().then((e) => {
 					let t = e.data?.getActiveSubscriptions?.find((e) => e.planId === D);
 					t && Ct(t.id);
 				}), pt.length > 1 && yt(!0));
@@ -157,39 +157,39 @@ var et = () => {
 	}), { data: R } = ie({
 		variables: { id: g },
 		skip: !T || !g
-	}), zt = u(() => {
+	}), zt = E === "PLAN" ? I?.getPlan?.nativeProductId ?? D : E === "ADDON" && !w ? L?.getSelectedAddons?.[0]?.nativeProductId ?? D : void 0, Bt = u(() => {
 		let e = R?.getStoreOrder?.lineItems;
 		return Array.isArray(e) ? e : [];
-	}, [R]), z = T && zt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Bt = Me(R?.getStoreOrder?.currency), [B, Vt] = d({
+	}, [R]), z = T && Bt.some((e) => String(e.itemType).toUpperCase() === "PHYSICAL"), Vt = Me(R?.getStoreOrder?.currency), [B, Ht] = d({
 		shippingAddressId: null,
 		shippingMethodId: null,
 		shippingCost: 0,
 		destinationCountry: null
-	}), [Ht] = ue(), { data: Ut, loading: Wt } = s({
+	}), [Ut] = ue(), { data: Wt, loading: Gt } = s({
 		variables: { billingAccountId: F.billingAccount?.id },
 		skip: !F.billingAccount?.id
-	}), { data: Gt, loading: Kt, refetch: qt } = o({
+	}), { data: Kt, loading: qt, refetch: Jt } = o({
 		variables: { billingAccountId: F.billingAccount?.id },
 		skip: !F.billingAccount?.id || E !== "ADDON" && E !== "PLAN" || T
-	}), 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({
+	}), V = u(() => Kt?.getActiveSubscriptions ?? [], [Kt]), 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: Yt, loading: Xt } = te({
 		variables: {
 			creditAmount: U,
 			currency: F.selectedCurrency || "USD"
 		},
 		skip: E !== "CREDITS"
-	}), 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(() => {
+	}), W = u(() => Yt?.getCostOfCredits?.amount && U > 0 ? Yt.getCostOfCredits.amount / U : .01, [Yt, U]), G = u(() => Wt?.getPaymentMethods ?? [], [Wt]), 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]), [Xt, Zt] = d(null);
+	}, [F.billingAccount, K]), [Zt, Qt] = d(null);
 	l(() => {
-		if (q) if (q === "IN") F.selectedCurrency !== "INR" && F.setCurrency("INR"), jt && Xt !== q && F.selectedProvider !== "CREDITS" && (F.setPaymentProvider("RAZORPAY"), Zt(q));
+		if (q) if (q === "IN") F.selectedCurrency !== "INR" && F.setCurrency("INR"), jt && Zt !== q && F.selectedProvider !== "CREDITS" && (F.setPaymentProvider("RAZORPAY"), Qt(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"), Zt(q));
+			F.selectedProvider === "RAZORPAY" && (F.setPaymentProvider("STRIPE"), Qt(q));
 		}
 	}, [
 		q,
@@ -199,40 +199,40 @@ var et = () => {
 		F.setPaymentProvider,
 		F.billingAccount?.currency,
 		jt,
-		Xt
+		Zt
 	]);
-	let { billingAccount: Qt, canPayWithCredits: $t, hasEnoughCredits: en, selectedCurrency: J, selectedPaymentMethodId: tn, selectedProvider: nn, setCurrency: Y, setPaymentProvider: X, setSelectedPaymentMethodId: rn } = F;
+	let { billingAccount: $t, canPayWithCredits: en, hasEnoughCredits: tn, selectedCurrency: J, selectedPaymentMethodId: nn, selectedProvider: rn, setCurrency: Y, setPaymentProvider: X, setSelectedPaymentMethodId: an } = F;
 	l(() => {
-		if (!Qt?.currency || q === "IN") return;
-		let e = Qt.currency;
+		if (!$t?.currency || q === "IN") return;
+		let e = $t.currency;
 		e !== "INR" && J !== e && Y(e);
 	}, [
 		q,
-		Qt,
+		$t,
 		J,
 		Y
 	]), l(() => {
-		if (!(nn !== "AUTO" && nn !== null)) {
-			if ($t && en) {
-				X("CREDITS"), rn(null);
+		if (!(rn !== "AUTO" && rn !== null)) {
+			if (en && tn) {
+				X("CREDITS"), an(null);
 				return;
 			}
-			if (G.length > 0 && !tn) {
+			if (G.length > 0 && !nn) {
 				let e = G.find((e) => e.isDefault && e.isVerified), t = G.find((e) => e.isVerified), n = e || t;
 				if (n) {
-					rn(n.id), n.razorpayPaymentMethodId ? X("RAZORPAY") : n.stripePaymentMethodId && X("STRIPE");
+					an(n.id), n.razorpayPaymentMethodId ? X("RAZORPAY") : n.stripePaymentMethodId && X("STRIPE");
 					return;
 				}
 			}
 		}
 	}, [
-		$t,
 		en,
-		G,
 		tn,
+		G,
 		nn,
+		rn,
 		X,
-		rn
+		an
 	]);
 	let [Z, Q] = d(!1);
 	l(() => {
@@ -395,7 +395,7 @@ var et = () => {
 	let $ = Ne(null);
 	l(() => {
 		if (z) if (B.shippingCost > 0) {
-			let e = F.selectedCurrency, t = Bt !== e && F.convertedAmount !== null ? B.shippingCost * F.conversionRate : B.shippingCost, n = $.current;
+			let e = F.selectedCurrency, t = Vt !== e && F.convertedAmount !== null ? B.shippingCost * F.conversionRate : B.shippingCost, n = $.current;
 			if (n && n.price === t && n.currency === e) return;
 			n === null ? F.addItem({
 				id: le,
@@ -416,7 +416,7 @@ var et = () => {
 	}, [
 		z,
 		B.shippingCost,
-		Bt,
+		Vt,
 		F.selectedCurrency,
 		F.conversionRate,
 		F.convertedAmount,
@@ -491,7 +491,7 @@ var et = () => {
 		v?.billingAccountId,
 		b
 	]);
-	let an = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
+	let on = !!(v?.upgradeFromSubscriptionId || v?.downgradeFromSubscriptionId);
 	l(() => {
 		w && C && S.length === 0 && !Z && _("/addons", { replace: !0 });
 	}, [
@@ -501,11 +501,11 @@ var et = () => {
 		Z,
 		_
 	]);
-	let on = pe({
+	let sn = pe({
 		billingAccountId: F.billingAccount?.id,
 		purchaseType: E,
-		productId: D
-	}), sn = c(async () => {
+		productId: zt
+	}), cn = c(async () => {
 		if (!F.billingAccount) return;
 		let e = _t.current;
 		if (_t.current = !1, !e && !De(F.billingAccount)) {
@@ -513,12 +513,12 @@ var et = () => {
 			return;
 		}
 		if (j(null), z) try {
-			let e = (await Ht({ variables: { input: {
+			let e = (await Ut({ variables: { input: {
 				orderId: g,
 				shippingMethodId: B.shippingMethodId,
 				...B.shippingAddressId ? { shippingAddressId: B.shippingAddressId } : {}
 			} } })).data?.setStoreOrderShipping?.shippingCost;
-			typeof e == "number" && e !== B.shippingCost && Vt((t) => ({
+			typeof e == "number" && e !== B.shippingCost && Ht((t) => ({
 				...t,
 				shippingCost: e
 			}));
@@ -588,9 +588,9 @@ var et = () => {
 		z,
 		B,
 		g,
-		Bt,
-		Ht
-	]), cn = c((e) => {
+		Vt,
+		Ut
+	]), ln = c((e) => {
 		y("billing.payment.succeeded", {
 			route: "/billing/checkout",
 			entityId: A?.paymentId ?? A?.orderId,
@@ -600,7 +600,7 @@ var et = () => {
 		y,
 		A?.orderId,
 		A?.paymentId
-	]), ln = c((e) => {
+	]), un = c((e) => {
 		y("billing.payment.failed", {
 			route: "/billing/checkout",
 			entityId: A?.paymentId ?? A?.orderId,
@@ -611,20 +611,20 @@ var et = () => {
 		y,
 		A?.orderId,
 		A?.paymentId
-	]), un = c((e) => {
+	]), dn = c((e) => {
 		F.updateItemQuantity("credits-purchase", e);
 	}, [F]);
 	if (!it.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
-	if (fe()) return /* @__PURE__ */ p(ge, {
+	if (fe() && (E === "PLAN" || E === "ADDON" && !w) && zt) return /* @__PURE__ */ p(ge, {
 		purchaseType: E,
-		productId: D,
+		productId: zt,
 		billingAccountId: F.billingAccount?.id,
-		nativeCheckout: on,
+		nativeCheckout: sn,
 		onBack: () => _("dashboard")
 	});
-	let dn = Ft || Lt && E === "PLAN" || Rt && E === "ADDON" && !w || w && !C;
+	let fn = Ft || Lt && E === "PLAN" || Rt && E === "ADDON" && !w || w && !C;
 	if (w && C && S.length === 0 && !Z) return null;
-	let fn = () => {
+	let pn = () => {
 		if (w) {
 			let e = F.items.length;
 			return `Purchase ${e} Add-on${e === 1 ? "" : "s"}`;
@@ -635,7 +635,7 @@ var et = () => {
 			case "ADDON": return "Purchase Add-on";
 			default: return "Checkout";
 		}
-	}, pn = () => {
+	}, mn = () => {
 		switch (E) {
 			case "CREDITS": return /* @__PURE__ */ p(Re, { className: "size-6" });
 			case "PLAN": return /* @__PURE__ */ p(Ve, { className: "size-6" });
@@ -643,7 +643,7 @@ var et = () => {
 			default: return /* @__PURE__ */ p(We, { className: "size-6" });
 		}
 	};
-	if (dn) return /* @__PURE__ */ p("div", {
+	if (fn) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
@@ -1039,8 +1039,8 @@ var et = () => {
 							publishableKey: at || kt?.stripePublishableKey || "",
 							amount: Math.round((A.total ?? F.total) * 100),
 							currency: A.currency || F.selectedCurrency,
-							onSuccess: cn,
-							onError: ln,
+							onSuccess: ln,
+							onError: un,
 							onCancel: () => k("select"),
 							isCompletingExistingPayment: !!F.selectedPaymentMethodId
 						})
@@ -1072,8 +1072,8 @@ var et = () => {
 								email: A.prefillEmail,
 								contact: A.prefillContact
 							},
-							onSuccess: (e) => cn(e.razorpay_payment_id),
-							onError: ln,
+							onSuccess: (e) => ln(e.razorpay_payment_id),
+							onError: un,
 							onCancel: () => k("select")
 						})]
 					})
@@ -1094,10 +1094,10 @@ var et = () => {
 				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: pn()
+					children: mn()
 				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: fn()
+					children: pn()
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
 					children: "Complete your purchase securely"
@@ -1168,10 +1168,10 @@ var et = () => {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
 							children: /* @__PURE__ */ p(be, {
 								value: F.items[0].quantity,
-								onChange: un,
+								onChange: dn,
 								costPerCredit: W,
 								currency: F.selectedCurrency,
-								disabled: Yt
+								disabled: Xt
 							})
 						}),
 						/* @__PURE__ */ m("div", {
@@ -1181,19 +1181,19 @@ var et = () => {
 								selectedAccountId: F.billingAccount?.id ?? null,
 								onSelect: F.setBillingAccount,
 								isLoading: Ft,
-								disabled: an,
-								disabledMessage: an ? "Billing account is locked for plan changes" : void 0
+								disabled: on,
+								disabledMessage: on ? "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: Kt
+								isLoading: qt
 							})]
 						}),
 						z && /* @__PURE__ */ p(Oe, {
 							storeOrderId: g,
 							currency: F.selectedCurrency,
-							onChange: Vt
+							onChange: Ht
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 space-y-4",
@@ -1213,7 +1213,7 @@ var et = () => {
 									saveCard: F.saveCard,
 									onSaveCardChange: F.setSaveCard,
 									autoRenewEnabled: E === "PLAN" && F.autoRenew,
-									isLoading: Wt
+									isLoading: Gt
 								}),
 								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",
@@ -1385,8 +1385,8 @@ var et = () => {
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								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),
+								onClick: cn,
+								disabled: F.isProcessing || !F.billingAccount || F.items.length === 0 || F.selectedProvider === "CREDITS" && !tn || E === "ADDON" && !T && qt || 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(Be, { className: "size-5 animate-spin" }), "Processing…"] }) : F.selectedProvider === "CREDITS" ? "Pay with Credits" : "Proceed to Payment"
 							}),
@@ -1403,7 +1403,7 @@ var et = () => {
 				hasPhone: !!F.billingAccount.contactNumber?.trim(),
 				hasAddress: !!(F.billingAccount.billingAddresses?.[0]?.line1?.trim() && F.billingAccount.billingAddresses?.[0]?.postalCode?.trim()),
 				onCompleted: () => {
-					_t.current = !0, gt(!1), sn(), It().then((e) => {
+					_t.current = !0, gt(!1), cn(), It().then((e) => {
 						let t = (e.data?.myBillingAccounts ?? []).map($e).find((e) => e?.id === F.billingAccount?.id);
 						t && F.setBillingAccount(t);
 					});