@burdenoff/microfe-billing 2026.526.1 → 2026.528.1

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

@@ -390,7 +390,7 @@ var We = () => {
 		S
 	]);
 	let vt = !!(b?.upgradeFromSubscriptionId || b?.downgradeFromSubscriptionId);
-	if (c(() => {
+	c(() => {
 		T && w && C.length === 0 && !Q && v("/addons", { replace: !0 });
 	}, [
 		w,
@@ -398,22 +398,12 @@ var We = () => {
 		T,
 		Q,
 		v
-	]), !Ke.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
+	]);
 	let yt = de({
 		billingAccountId: R.billingAccount?.id,
 		purchaseType: D,
 		productId: O
-	});
-	if (ue()) return /* @__PURE__ */ p(me, {
-		purchaseType: D,
-		productId: O,
-		billingAccountId: R.billingAccount?.id,
-		nativeCheckout: yt,
-		onBack: () => v("dashboard")
-	});
-	let bt = ct || lt && D === "PLAN" || ut && D === "ADDON" && !T || T && !w;
-	if (T && w && C.length === 0 && !Q) return null;
-	let xt = s(async () => {
+	}), bt = s(async () => {
 		if (!R.billingAccount) return;
 		N(null);
 		let e = R.billingAccount.creditAmount ?? 0, t = [...R.items], n = R.total, r = await R.initiatePayment();
@@ -472,7 +462,7 @@ var We = () => {
 			source: "checkout",
 			reason: r.error || "Payment initiation failed"
 		}), N(r.error || "Payment initiation failed"), A("error");
-	}, [R, x]), St = s((e) => {
+	}, [R, x]), xt = s((e) => {
 		x("billing.payment.succeeded", {
 			route: "/billing/checkout",
 			entityId: j?.paymentId ?? j?.orderId,
@@ -482,7 +472,7 @@ var We = () => {
 		x,
 		j?.orderId,
 		j?.paymentId
-	]), Ct = s((e) => {
+	]), St = s((e) => {
 		x("billing.payment.failed", {
 			route: "/billing/checkout",
 			entityId: j?.paymentId ?? j?.orderId,
@@ -493,9 +483,20 @@ var We = () => {
 		x,
 		j?.orderId,
 		j?.paymentId
-	]), wt = s((e) => {
+	]), Ct = s((e) => {
 		R.updateItemQuantity("credits-purchase", e);
-	}, [R]), Tt = () => {
+	}, [R]);
+	if (!Ke.canProcessPayment) return /* @__PURE__ */ p(t, { message: "You don't have permission to make purchases." });
+	if (ue()) return /* @__PURE__ */ p(me, {
+		purchaseType: D,
+		productId: O,
+		billingAccountId: R.billingAccount?.id,
+		nativeCheckout: yt,
+		onBack: () => v("dashboard")
+	});
+	let wt = ct || lt && D === "PLAN" || ut && D === "ADDON" && !T || T && !w;
+	if (T && w && C.length === 0 && !Q) return null;
+	let Tt = () => {
 		if (T) {
 			let e = R.items.length;
 			return `Purchase ${e} Add-on${e === 1 ? "" : "s"}`;
@@ -508,17 +509,17 @@ var We = () => {
 		}
 	}, Et = () => {
 		switch (D) {
-			case "CREDITS": return /* @__PURE__ */ p(je, { className: "h-6 w-6" });
-			case "PLAN": return /* @__PURE__ */ p(Ne, { className: "h-6 w-6" });
-			case "ADDON": return /* @__PURE__ */ p(ke, { className: "h-6 w-6" });
-			default: return /* @__PURE__ */ p(Ie, { className: "h-6 w-6" });
+			case "CREDITS": return /* @__PURE__ */ p(je, { className: "size-6" });
+			case "PLAN": return /* @__PURE__ */ p(Ne, { className: "size-6" });
+			case "ADDON": return /* @__PURE__ */ p(ke, { className: "size-6" });
+			default: return /* @__PURE__ */ p(Ie, { className: "size-6" });
 		}
 	};
-	if (bt) return /* @__PURE__ */ p("div", {
+	if (wt) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
-			children: [/* @__PURE__ */ p(d, { className: "h-8 w-8 animate-spin mx-auto text-primary" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ p(d, { className: "size-8 animate-spin mx-auto text-primary" }), /* @__PURE__ */ p("p", {
 				className: "text-muted-foreground",
 				children: h("billing.checkout.loadingCheckout", "Loading checkout...")
 			})]
@@ -542,7 +543,7 @@ var We = () => {
 					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(Ae, { className: "h-12 w-12" })
+						children: /* @__PURE__ */ p(Ae, { className: "size-12" })
 					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-bold text-foreground",
 						children: h("billing.checkout.paymentSuccessful", "Payment Successful!")
@@ -558,7 +559,7 @@ var We = () => {
 							className: "p-4 border-b border-border",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ p(Pe, { className: "h-4 w-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
+								children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), h("billing.checkout.itemsPurchased", "Items Purchased")]
 							}), /* @__PURE__ */ p("div", {
 								className: "space-y-2",
 								children: P.items.map((t) => /* @__PURE__ */ m("div", {
@@ -566,10 +567,10 @@ var We = () => {
 									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
-											t.type === "PLAN" && /* @__PURE__ */ p(Ne, { className: "h-4 w-4 text-accent-blue" }),
-											t.type === "ADDON" && /* @__PURE__ */ p(ke, { className: "h-4 w-4 text-accent-purple" }),
-											t.type === "CREDITS" && /* @__PURE__ */ p(je, { className: "h-4 w-4 text-status-warning-text" }),
-											t.type === "ORDER" && /* @__PURE__ */ p(Ie, { className: "h-4 w-4 text-status-success-text" }),
+											t.type === "PLAN" && /* @__PURE__ */ p(Ne, { className: "size-4 text-accent-blue" }),
+											t.type === "ADDON" && /* @__PURE__ */ p(ke, { className: "size-4 text-accent-purple" }),
+											t.type === "CREDITS" && /* @__PURE__ */ p(je, { className: "size-4 text-status-warning-text" }),
+											t.type === "ORDER" && /* @__PURE__ */ p(Ie, { className: "size-4 text-status-success-text" }),
 											/* @__PURE__ */ p("span", {
 												className: "text-foreground",
 												children: t.name
@@ -595,10 +596,10 @@ var We = () => {
 									children: h("billing.checkout.paymentMethod", "Payment Method")
 								}), /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2",
-									children: P.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Le, { className: "h-4 w-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
+									children: P.paymentMethod === "credits" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Le, { className: "size-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-foreground",
 										children: h("billing.checkout.credits", "Credits")
-									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Me, { className: "h-4 w-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
+									})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Me, { className: "size-4 text-accent-blue" }), /* @__PURE__ */ p("span", {
 										className: "font-medium text-foreground",
 										children: h("billing.checkout.card", "Card")
 									})] })
@@ -618,7 +619,7 @@ var We = () => {
 							className: "p-4 border-b border-border",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ p(Le, { className: "h-4 w-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
+								children: [/* @__PURE__ */ p(Le, { className: "size-4" }), h("billing.checkout.creditBalance", "Credit Balance")]
 							}), /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-4",
 								children: [
@@ -632,7 +633,7 @@ var We = () => {
 											children: t(P.previousBalance)
 										})]
 									}),
-									/* @__PURE__ */ p(Oe, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
+									/* @__PURE__ */ p(Oe, { className: "size-5 text-muted-foreground shrink-0" }),
 									/* @__PURE__ */ m("div", {
 										className: "flex-1 text-center p-3 rounded-lg bg-status-success-bg-subtle",
 										children: [/* @__PURE__ */ p("p", {
@@ -673,10 +674,12 @@ var We = () => {
 				/* @__PURE__ */ m("div", {
 					className: "flex flex-col sm:flex-row gap-3 justify-center pt-2",
 					children: [/* @__PURE__ */ p("button", {
+						type: "button",
 						onClick: () => v("/overview"),
 						className: "px-6 py-3 text-sm font-medium bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors",
 						children: h("billing.checkout.backToOverview", "Back to Overview")
 					}), /* @__PURE__ */ p("button", {
+						type: "button",
 						onClick: () => v("/subscriptions"),
 						className: "px-6 py-3 text-sm font-medium border border-border text-foreground rounded-lg hover:bg-muted transition-colors",
 						children: h("billing.checkout.viewSubscriptions", "View Subscriptions")
@@ -692,7 +695,7 @@ var We = () => {
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-destructive/10 text-destructive",
-					children: /* @__PURE__ */ p(Re, { className: "h-12 w-12" })
+					children: /* @__PURE__ */ p(Re, { className: "size-12" })
 				}),
 				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-foreground",
@@ -704,10 +707,12 @@ var We = () => {
 				/* @__PURE__ */ m("div", {
 					className: "flex gap-3 justify-center",
 					children: [/* @__PURE__ */ p("button", {
+						type: "button",
 						onClick: () => v(-1),
 						className: "px-4 py-2 rounded-lg border border-border hover:bg-muted",
 						children: h("billing.checkout.goBack", "Go Back")
 					}), /* @__PURE__ */ p("button", {
+						type: "button",
 						onClick: () => {
 							A("select"), N(null), R.reset();
 						},
@@ -725,7 +730,7 @@ var We = () => {
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "inline-flex p-4 rounded-full bg-primary/10 text-primary",
-					children: /* @__PURE__ */ p(d, { className: "h-12 w-12 animate-spin" })
+					children: /* @__PURE__ */ p(d, { className: "size-12 animate-spin" })
 				}),
 				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-foreground",
@@ -762,6 +767,7 @@ var We = () => {
 					})
 				}),
 				B > 3e4 && /* @__PURE__ */ p("button", {
+					type: "button",
 					onClick: () => {
 						A("error"), N("Payment verification was cancelled. Please check your billing history.");
 					},
@@ -782,9 +788,10 @@ var We = () => {
 			className: "max-w-2xl mx-auto p-4 sm:p-6 space-y-6",
 			children: [
 				/* @__PURE__ */ m("button", {
+					type: "button",
 					onClick: () => A("select"),
 					className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
-					children: [/* @__PURE__ */ p(De, { className: "h-4 w-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
+					children: [/* @__PURE__ */ p(De, { className: "size-4" }), h("billing.checkout.backToCheckout", "Back to checkout")]
 				}),
 				/* @__PURE__ */ p(n, {
 					title: h("billing.checkout.completePayment", "Complete Payment"),
@@ -795,7 +802,7 @@ var We = () => {
 					children: [
 						/* @__PURE__ */ m("h3", {
 							className: "font-semibold text-foreground flex items-center gap-2",
-							children: [/* @__PURE__ */ p(Pe, { className: "h-4 w-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
+							children: [/* @__PURE__ */ p(Pe, { className: "size-4" }), h("billing.checkout.paymentSummary", "Payment Summary")]
 						}),
 						R.billingAccount && /* @__PURE__ */ m("div", {
 							className: "p-3 bg-muted/30 rounded-lg space-y-1",
@@ -892,8 +899,8 @@ var We = () => {
 							publishableKey: qe || it?.stripePublishableKey || "",
 							amount: Math.round((j.total ?? R.total) * 100),
 							currency: j.currency || R.selectedCurrency,
-							onSuccess: St,
-							onError: Ct,
+							onSuccess: xt,
+							onError: St,
 							onCancel: () => A("select"),
 							isCompletingExistingPayment: !!R.selectedPaymentMethodId
 						})
@@ -909,7 +916,7 @@ var We = () => {
 								type: "checkbox",
 								checked: R.saveCard,
 								onChange: (e) => R.setSaveCard(e.target.checked),
-								className: "h-4 w-4 rounded border-border text-primary focus:ring-primary"
+								className: "size-4 rounded border-border text-primary focus:ring-primary"
 							}), /* @__PURE__ */ p("span", {
 								className: "text-sm text-muted-foreground",
 								children: "Save card for future purchases"
@@ -925,8 +932,8 @@ var We = () => {
 								email: j.prefillEmail,
 								contact: j.prefillContact
 							},
-							onSuccess: (e) => St(e.razorpay_payment_id),
-							onError: Ct,
+							onSuccess: (e) => xt(e.razorpay_payment_id),
+							onError: St,
 							onCancel: () => A("select")
 						})]
 					})
@@ -938,9 +945,10 @@ var We = () => {
 		className: "max-w-6xl mx-auto p-4 sm:p-6",
 		children: [
 			/* @__PURE__ */ m("button", {
+				type: "button",
 				onClick: () => v(-1),
 				className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground mb-4",
-				children: [/* @__PURE__ */ p(De, { className: "h-4 w-4" }), "Back"]
+				children: [/* @__PURE__ */ p(De, { className: "size-4" }), "Back"]
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3 mb-6",
@@ -961,7 +969,7 @@ var We = () => {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-info-bg-subtle",
-						children: /* @__PURE__ */ p(Fe, { className: "h-4 w-4 text-accent-blue" })
+						children: /* @__PURE__ */ p(Fe, { className: "size-4 text-accent-blue" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -987,7 +995,7 @@ var We = () => {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ p("div", {
 						className: "p-2 rounded-full bg-status-warning-bg-subtle",
-						children: /* @__PURE__ */ p(Fe, { className: "h-4 w-4 text-status-warning-text" })
+						children: /* @__PURE__ */ p(Fe, { className: "size-4 text-status-warning-text" })
 					}), /* @__PURE__ */ m("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ m("p", {
@@ -1002,7 +1010,7 @@ var We = () => {
 							]
 						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-status-warning-text mt-0.5",
-							children: "Your current plan stays active until it expires — you keep all its features until then. After expiry, only the new plan applies."
+							children: "Your current plan stays active until it expires, you keep all its features until then. After expiry, only the new plan applies."
 						})]
 					})]
 				})
@@ -1016,7 +1024,7 @@ var We = () => {
 							className: "rounded-lg border border-border bg-card p-4 sm:p-6",
 							children: /* @__PURE__ */ p(ve, {
 								value: R.items[0].quantity,
-								onChange: wt,
+								onChange: Ct,
 								costPerCredit: J,
 								currency: R.selectedCurrency,
 								disabled: ht
@@ -1063,7 +1071,7 @@ var We = () => {
 									children: /* @__PURE__ */ m("div", {
 										className: "flex items-start gap-3",
 										children: [/* @__PURE__ */ p("svg", {
-											className: "w-5 h-5 text-muted-foreground mt-0.5",
+											className: "size-5 text-muted-foreground mt-0.5",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
@@ -1118,7 +1126,7 @@ var We = () => {
 													type: "button",
 													onClick: () => L((e) => Math.max(V.getPlan?.minSeats ?? 1, e - 1)),
 													disabled: I <= (V.getPlan.minSeats ?? 1),
-													className: "w-9 h-9 rounded-md border border-border flex items-center justify-center hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-foreground",
+													className: "size-9 rounded-md border border-border flex items-center justify-center hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-foreground",
 													children: "−"
 												}),
 												/* @__PURE__ */ p("input", {
@@ -1136,7 +1144,7 @@ var We = () => {
 													type: "button",
 													onClick: () => L((e) => Math.min(V.getPlan?.maxSeats ?? 999, e + 1)),
 													disabled: I >= (V.getPlan.maxSeats ?? 999),
-													className: "w-9 h-9 rounded-md border border-border flex items-center justify-center hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-foreground",
+													className: "size-9 rounded-md border border-border flex items-center justify-center hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-foreground",
 													children: "+"
 												}),
 												V.getPlan.pricePerSeat && /* @__PURE__ */ m("span", {
@@ -1226,10 +1234,11 @@ var We = () => {
 								]
 							}),
 							/* @__PURE__ */ p("button", {
-								onClick: xt,
+								type: "button",
+								onClick: bt,
 								disabled: R.isProcessing || !R.billingAccount || R.items.length === 0 || D === "ADDON" && !E && mt || D === "ADDON" && !E && W.length === 0 || D === "ADDON" && !E && !R.selectedSubscriptionId,
 								className: "w-full px-6 py-4 rounded-lg bg-primary text-primary-foreground font-semibold\n                hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed\n                transition-colors flex items-center justify-center gap-2",
-								children: R.isProcessing ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "h-5 w-5 animate-spin" }), "Processing..."] }) : R.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-muted-foreground",