@burdenoff/microfe-billing 2026.912.6 → 2026.914.1

package/dist/billing/modules/dashboard/components/AddPaymentMethodModal.js

@@ -4,398 +4,288 @@ import "../../../shared/utils/index.js";
 import { useDashboardMutations as n, usePaymentProviderConfig as r } from "../hooks/useDashboard.js";
 import "../hooks/index.js";
 import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { AlertCircle as c, CheckCircle2 as l, CreditCard as u, Loader2 as d, X as ee } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as c, CheckCircle2 as l, CreditCard as u, Loader2 as d, X as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/billing/modules/dashboard/components/AddPaymentMethodModal.tsx
-var h = (e, t) => new Promise((n, r) => {
+var _ = (e, t) => new Promise((n, r) => {
 	if (document.getElementById(t)) {
 		n();
 		return;
 	}
 	let i = document.createElement("script");
 	i.id = t, i.src = e, i.async = !0, i.onload = () => n(), i.onerror = () => r(/* @__PURE__ */ Error(`Failed to load ${e}`)), document.head.appendChild(i);
-}), g = ({ isOpen: g, onClose: _, billingAccountId: v, currency: y, country: b, onSuccess: x }) => {
-	let { t: S } = te(), C = (e, t) => {
+}), v = ({ isOpen: v, onClose: y, billingAccountId: b, onSuccess: x }) => {
+	let { t: S } = g(), C = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
-	}, ne = o(null), w = o(null), T = o(null), E = o(null), { stripeEnabled: D, stripePublishableKey: O, razorpayEnabled: k, isLoading: A } = r(!g), { isAddingPaymentMethod: j, verifyPaymentMethod: M } = n(), N = y?.toUpperCase() === "INR" || b?.toUpperCase() === "IN", P = k && N, F = D && !N, [I, L] = s("select-provider"), [R, z] = s(null), [B, V] = s(null), [H, U] = s(!1), [W, G] = s(!1), [K, q] = s(""), [J, Y] = s(!0), [re, X] = s(!1), Z = i((e) => {
-		z(e), L("add-card"), V(null);
+	}, w = o(null), T = o(null), E = o(null), D = o(null), { stripeEnabled: O, stripePublishableKey: k, isLoading: A } = r(!v), { isAddingPaymentMethod: j, verifyPaymentMethod: M } = n(), N = O, [P, F] = s("select-provider"), [I, L] = s(null), [R, z] = s(null), [B, V] = s(!1), [H, U] = s(!1), [W, G] = s(""), [K, q] = s(!0), [J, Y] = s(!1), X = i((e) => {
+		L(e), F("add-card"), z(null);
 	}, []);
 	a(() => {
-		g ? (L("select-provider"), z(null), V(null), q(""), Y(!0), X(!1)) : T.current &&= (T.current.destroy(), null);
-	}, [g]), a(() => {
-		I !== "select-provider" || A || (F && !P ? Z("stripe") : P && !F && Z("razorpay"));
+		v ? (F("select-provider"), L(null), z(null), G(""), q(!0), Y(!1)) : E.current &&= (E.current.destroy(), null);
+	}, [v]), a(() => {
+		P !== "select-provider" || A || N && X("stripe");
 	}, [
-		I,
-		A,
-		F,
 		P,
-		Z
+		A,
+		N,
+		X
 	]), a(() => {
-		if (!(I !== "add-card" || R !== "stripe")) {
-			if (!O && !A) {
-				V("Stripe is not configured. Please contact support.");
+		if (!(P !== "add-card" || I !== "stripe")) {
+			if (!k && !A) {
+				z("Stripe is not configured. Please contact support.");
 				return;
 			}
-			return O ? ((async () => {
-				G(!0);
+			return k ? ((async () => {
+				U(!0);
 				try {
-					if (await h("https://js.stripe.com/v3/", "stripe-js"), !window.Stripe) throw Error("Stripe SDK failed to load");
-					let e = window.Stripe(O);
-					E.current = e;
+					if (await _("https://js.stripe.com/v3/", "stripe-js"), !window.Stripe) throw Error("Stripe SDK failed to load");
+					let e = window.Stripe(k);
+					D.current = e;
 					let n = 0;
-					for (; !w.current && n < 50;) await new Promise((e) => setTimeout(e, 100)), n++;
-					if (!w.current) throw Error("Card element container not found after 5 seconds");
-					if (T.current) return;
+					for (; !T.current && n < 50;) await new Promise((e) => setTimeout(e, 100)), n++;
+					if (!T.current) throw Error("Card element container not found after 5 seconds");
+					if (E.current) return;
 					let r = e.elements().create("card", { style: t("system-ui, -apple-system, sans-serif") });
-					r.mount(w.current), T.current = r, r.on("change", (e) => {
-						X(e.complete), e.error ? V(e.error.message) : V(null);
+					r.mount(T.current), E.current = r, r.on("change", (e) => {
+						Y(e.complete), e.error ? z(e.error.message) : z(null);
 					});
 				} catch (e) {
-					V(e instanceof Error ? e.message : "Failed to load Stripe");
+					z(e instanceof Error ? e.message : "Failed to load Stripe");
 				} finally {
-					G(!1);
+					U(!1);
 				}
 			})(), () => {
-				if (T.current) try {
-					T.current.destroy(), T.current = null;
+				if (E.current) try {
+					E.current.destroy(), E.current = null;
 				} catch {}
 			}) : void 0;
 		}
 	}, [
+		P,
 		I,
-		R,
-		O,
+		k,
 		A
 	]), a(() => {
 		let e = (e) => {
-			e.key === "Escape" && g && !H && _();
+			e.key === "Escape" && v && !B && y();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		g,
-		H,
-		_
+		v,
+		B,
+		y
 	]);
-	let Q = i(async () => {
-		if (!E.current || !T.current) {
-			V("Stripe not initialized");
+	let Z = i(async () => {
+		if (!D.current || !E.current) {
+			z("Stripe not initialized");
 			return;
 		}
-		if (!K.trim()) {
-			V("Please enter the cardholder name");
+		if (!W.trim()) {
+			z("Please enter the cardholder name");
 			return;
 		}
-		U(!0), V(null);
+		V(!0), z(null);
 		try {
 			let t = await M({
-				billingAccountId: v,
+				billingAccountId: b,
 				currency: "USD",
 				provider: e.STRIPE,
-				setAsDefault: J
+				setAsDefault: K
 			});
 			if (!t.clientSecret) throw Error("Failed to initiate card verification");
-			let { setupIntent: n, error: r } = await E.current.confirmCardSetup(t.clientSecret, { payment_method: {
-				card: T.current,
-				billing_details: { name: K }
+			let { setupIntent: n, error: r } = await D.current.confirmCardSetup(t.clientSecret, { payment_method: {
+				card: E.current,
+				billing_details: { name: W }
 			} });
 			if (r) throw Error(r.message);
 			if (n?.status !== "succeeded") throw Error("Card verification failed");
-			L("success"), await new Promise((e) => setTimeout(e, 2e3)), x?.(), setTimeout(() => {
-				_();
+			F("success"), await new Promise((e) => setTimeout(e, 2e3)), x?.(), setTimeout(() => {
+				y();
 			}, 500);
 		} catch (e) {
-			V(e instanceof Error ? e.message : "Failed to add payment method"), U(!1);
+			z(e instanceof Error ? e.message : "Failed to add payment method"), V(!1);
 		}
 	}, [
+		W,
 		K,
-		J,
-		v,
+		b,
 		M,
 		x,
-		_
-	]), $ = i(async () => {
-		U(!0), V(null);
-		try {
-			G(!0);
-			try {
-				await h("https://checkout.razorpay.com/v1/checkout.js", "razorpay-sdk");
-			} catch {
-				V("Failed to load Razorpay SDK"), U(!1), G(!1);
-				return;
-			}
-			G(!1);
-			let t = await M({
-				billingAccountId: v,
-				currency: "INR",
-				provider: e.RAZORPAY,
-				setAsDefault: J
-			});
-			if (!t.success || !t.orderId || !t.razorpayKeyId) {
-				V(t.error || "Failed to initiate verification"), U(!1);
-				return;
-			}
-			if (!window.Razorpay) {
-				V("Razorpay SDK not loaded"), U(!1);
-				return;
-			}
-			let n = {
-				key: t.razorpayKeyId,
-				amount: (t.amount ?? 0) * 100,
-				currency: t.currency.toUpperCase(),
-				order_id: t.orderId,
-				customer_id: t.razorpayCustomerId,
-				name: "Add Payment Method",
-				description: `₹${t.amount} verification charge (refundable)`,
-				prefill: {
-					name: t.prefillName,
-					email: t.prefillEmail,
-					contact: t.prefillContact
-				},
-				notes: {
-					purchaseType: "PAYMENT_METHOD_VERIFICATION",
-					default_method: J.toString()
-				},
-				handler: async () => {
-					L("success"), await new Promise((e) => setTimeout(e, 2e3)), x?.(), setTimeout(() => {
-						_();
-					}, 500);
-				},
-				modal: { ondismiss: () => {
-					U(!1), V("Payment cancelled");
-				} }
-			};
-			new window.Razorpay(n).open();
-		} catch (e) {
-			V(e instanceof Error ? e.message : "Failed to add payment method"), U(!1);
-		}
-	}, [
-		J,
-		v,
-		M,
-		x,
-		_
-	]), ie = i(() => {
-		R === "stripe" ? Q() : R === "razorpay" && $();
-	}, [
-		R,
-		Q,
-		$
-	]);
-	return g ? /* @__PURE__ */ m("div", {
+		y
+	]), Q = i(() => {
+		I === "stripe" && Z();
+	}, [I, Z]);
+	return v ? /* @__PURE__ */ h("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-labelledby": "modal-title",
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "absolute inset-0 bg-bg-overlay backdrop-blur-sm",
-			onClick: H ? void 0 : _,
+			onClick: B ? void 0 : y,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ m("div", {
-			ref: ne,
+		}), /* @__PURE__ */ h("div", {
+			ref: w,
 			className: "relative w-full max-w-md max-h-[90vh] mx-4 bg-bg-surface border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] flex flex-col",
 			children: [
-				/* @__PURE__ */ m("header", {
+				/* @__PURE__ */ h("header", {
 					className: "flex items-center justify-between p-4 border-b border-border-subtle flex-shrink-0",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-							children: /* @__PURE__ */ p(u, { className: "size-5 text-text-link" })
-						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
+							children: /* @__PURE__ */ m(u, { className: "size-5 text-text-link" })
+						}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h2", {
 							id: "modal-title",
 							className: "text-lg font-semibold text-text-primary",
-							children: I === "success" ? "Payment Method Added" : "Add Payment Method"
-						}), /* @__PURE__ */ m("p", {
+							children: P === "success" ? "Payment Method Added" : "Add Payment Method"
+						}), /* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary",
 							children: [
-								I === "select-provider" && "Choose a payment provider",
-								I === "add-card" && (R === "stripe" ? "Add card via Stripe" : "Add payment method with ₹1 verification"),
-								I === "processing" && "Processing...",
-								I === "success" && "Your payment method has been saved"
+								P === "select-provider" && (N ? "Add card via Stripe" : "Standalone card save unavailable"),
+								P === "add-card" && "Add card via Stripe",
+								P === "processing" && "Processing...",
+								P === "success" && "Your payment method has been saved"
 							]
 						})] })]
-					}), /* @__PURE__ */ p("button", {
+					}), /* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: _,
-						disabled: H,
+						onClick: y,
+						disabled: B,
 						className: "p-2 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors disabled:opacity-50",
 						"aria-label": "Close modal",
-						children: /* @__PURE__ */ p(ee, { className: "size-5" })
+						children: /* @__PURE__ */ m(f, { className: "size-5" })
 					})]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "p-4 overflow-y-auto flex-1",
-					children: A ? /* @__PURE__ */ p("div", {
+					children: A ? /* @__PURE__ */ m("div", {
 						className: "flex items-center justify-center py-8",
-						children: /* @__PURE__ */ p(d, { className: "size-6 animate-spin text-text-secondary" })
-					}) : I === "select-provider" ? /* @__PURE__ */ m("div", {
+						children: /* @__PURE__ */ m(d, { className: "size-6 animate-spin text-text-secondary" })
+					}) : P === "select-provider" ? /* @__PURE__ */ m("div", {
 						className: "space-y-3",
-						children: [
-							F && /* @__PURE__ */ m("button", {
-								type: "button",
-								onClick: () => Z("stripe"),
-								className: "w-full flex items-center gap-4 p-4 border border-border-subtle rounded-lg hover:border-border-strong hover:bg-[var(--color-accent-soft)] transition-colors text-left",
-								children: [/* @__PURE__ */ p("div", {
-									className: "size-12 rounded-lg bg-accent-violet-subtle flex items-center justify-center",
-									children: /* @__PURE__ */ p(u, { className: "size-6 text-accent-violet" })
-								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
-									className: "font-medium text-text-primary",
-									children: "Stripe"
-								}), /* @__PURE__ */ p("p", {
-									className: "text-sm text-text-secondary",
-									children: "Cards, Apple Pay, Google Pay"
-								})] })]
-							}),
-							P && /* @__PURE__ */ m("button", {
-								type: "button",
-								onClick: () => Z("razorpay"),
-								className: "w-full flex items-center gap-4 p-4 border border-border-subtle rounded-lg hover:border-border-strong hover:bg-[var(--color-accent-soft)] transition-colors text-left",
-								children: [/* @__PURE__ */ p("div", {
-									className: "size-12 rounded-lg bg-status-info-bg-subtle flex items-center justify-center",
-									children: /* @__PURE__ */ p(u, { className: "size-6 text-accent-blue" })
-								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						children: N ? /* @__PURE__ */ m("div", {
+							className: "flex items-center justify-center py-8",
+							children: /* @__PURE__ */ m(d, { className: "size-6 animate-spin text-text-secondary" })
+						}) : /* @__PURE__ */ h("div", {
+							className: "flex flex-col items-center py-8 text-center",
+							children: [
+								/* @__PURE__ */ m(c, { className: "size-12 text-status-warning-text mb-3" }),
+								/* @__PURE__ */ m("p", {
 									className: "font-medium text-text-primary",
-									children: "Razorpay"
-								}), /* @__PURE__ */ p("p", {
-									className: "text-sm text-text-secondary",
-									children: "UPI, Netbanking, Cards"
-								})] })]
-							}),
-							!F && !P && /* @__PURE__ */ m("div", {
-								className: "flex flex-col items-center py-8 text-center",
-								children: [
-									/* @__PURE__ */ p(c, { className: "size-12 text-status-warning-text mb-3" }),
-									/* @__PURE__ */ p("p", {
-										className: "font-medium text-text-primary",
-										children: C("billing.overview.noPaymentProviders", "No Payment Providers Available")
-									}),
-									/* @__PURE__ */ p("p", {
-										className: "text-sm text-text-secondary mt-1",
-										children: N ? "Razorpay is not configured for Indian accounts. Please contact support." : "Stripe is not configured for international accounts. Please contact support."
-									})
-								]
-							})
-						]
-					}) : I === "add-card" ? /* @__PURE__ */ m("div", {
+									children: C("billing.overview.noPaymentProviders", "No Payment Providers Available")
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-sm text-text-secondary mt-1",
+									children: "Card saving isn't configured for this account yet. Please contact support."
+								})
+							]
+						})
+					}) : P === "add-card" ? /* @__PURE__ */ h("div", {
 						className: "space-y-4",
 						children: [
-							B && /* @__PURE__ */ m("div", {
+							R && /* @__PURE__ */ h("div", {
 								className: "flex items-center gap-2 p-3 rounded-lg bg-status-error-bg-subtle border border-status-error-border text-status-error-text",
-								children: [/* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ m(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ m("p", {
 									className: "text-sm",
-									children: B
+									children: R
 								})]
 							}),
-							R === "stripe" && /* @__PURE__ */ m("div", {
+							I === "stripe" && /* @__PURE__ */ h("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ p("label", {
+								children: [/* @__PURE__ */ m("label", {
 									htmlFor: "cardholderName",
 									className: "block text-sm font-medium text-text-primary",
 									children: "Cardholder Name"
-								}), /* @__PURE__ */ p("input", {
+								}), /* @__PURE__ */ m("input", {
 									type: "text",
 									id: "cardholderName",
-									value: K,
-									onChange: (e) => q(e.target.value),
+									value: W,
+									onChange: (e) => G(e.target.value),
 									className: "w-full px-3 py-2 border border-border-default rounded-input bg-bg-surface text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-border-strong",
 									placeholder: "John Doe",
-									disabled: H
+									disabled: B
 								})]
 							}),
-							R === "stripe" && /* @__PURE__ */ m("div", {
+							I === "stripe" && /* @__PURE__ */ h("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ p("label", {
+								children: [/* @__PURE__ */ m("label", {
 									className: "block text-sm font-medium text-text-primary",
 									children: C("billing.overview.cardDetails", "Card Details")
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ p("div", {
-										ref: w,
+									children: [/* @__PURE__ */ m("div", {
+										ref: T,
 										className: "p-3 border border-border-default rounded-lg bg-bg-surface min-h-[56px]"
-									}), W && /* @__PURE__ */ m("div", {
+									}), H && /* @__PURE__ */ h("div", {
 										className: "absolute inset-0 flex items-center justify-center bg-bg-overlay rounded-lg",
-										children: [/* @__PURE__ */ p(d, { className: "size-5 animate-spin text-text-secondary" }), /* @__PURE__ */ p("span", {
+										children: [/* @__PURE__ */ m(d, { className: "size-5 animate-spin text-text-secondary" }), /* @__PURE__ */ m("span", {
 											className: "ml-2 text-sm text-text-secondary",
 											children: "Loading Stripe…"
 										})]
 									})]
 								})]
 							}),
-							R === "razorpay" && /* @__PURE__ */ p("div", {
-								className: "p-3 border border-border-subtle rounded-lg bg-status-info-bg-subtle",
-								children: /* @__PURE__ */ m("p", {
-									className: "text-sm text-status-info-text",
-									children: [/* @__PURE__ */ p("strong", { children: "Verification Process:" }), " A ₹1 charge will be made to verify your payment method. This amount will be refunded immediately after verification."]
-								})
-							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "flex items-center gap-2 cursor-pointer",
-								children: [/* @__PURE__ */ p("input", {
+								children: [/* @__PURE__ */ m("input", {
 									type: "checkbox",
-									checked: J,
-									onChange: (e) => Y(e.target.checked),
+									checked: K,
+									onChange: (e) => q(e.target.checked),
 									className: "size-4 rounded border-border-default text-text-link focus:ring-[var(--color-focus-ring)]",
-									disabled: H
-								}), /* @__PURE__ */ p("span", {
+									disabled: B
+								}), /* @__PURE__ */ m("span", {
 									className: "text-sm text-text-primary",
 									children: C("billing.overview.setAsDefault", "Set as default payment method")
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex items-center gap-2 pt-2 border-t border-border-subtle",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "text-xs text-text-secondary",
 									children: "Secured by"
-								}), /* @__PURE__ */ p("span", {
-									className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${R === "stripe" ? "bg-accent-violet-subtle text-accent-violet" : "bg-status-info-bg-subtle text-status-info-text"}`,
-									children: R === "stripe" ? "Stripe" : "Razorpay"
+								}), /* @__PURE__ */ m("span", {
+									className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-accent-violet-subtle text-accent-violet",
+									children: "Stripe"
 								})]
 							})
 						]
-					}) : /* @__PURE__ */ m("div", {
+					}) : /* @__PURE__ */ h("div", {
 						className: "flex flex-col items-center py-8 text-center",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "size-16 rounded-full bg-status-success-bg-subtle flex items-center justify-center mb-4",
-								children: /* @__PURE__ */ p(l, { className: "size-8 text-status-success-text" })
+								children: /* @__PURE__ */ m(l, { className: "size-8 text-status-success-text" })
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ m("p", {
 								className: "font-medium text-text-primary",
 								children: C("billing.overview.paymentMethodAdded", "Payment method added successfully!")
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ m("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "Your payment method has been securely saved."
 							})
 						]
 					})
 				}),
-				I !== "success" && /* @__PURE__ */ m("footer", {
+				P !== "success" && /* @__PURE__ */ h("footer", {
 					className: "flex items-center justify-between gap-3 p-4 border-t border-border-subtle bg-bg-sunken rounded-b-lg flex-shrink-0",
-					children: [I === "add-card" && F && P ? /* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => {
-							L("select-provider"), z(null), V(null), T.current &&= (T.current.destroy(), null);
-						},
-						disabled: H,
-						className: "px-4 py-2 text-sm font-medium text-text-primary hover:text-text-link transition-colors disabled:opacity-50",
-						children: "Back"
-					}) : /* @__PURE__ */ p("div", {}), /* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ m("div", {}), /* @__PURE__ */ h("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ p("button", {
+						children: [/* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: _,
-							disabled: H,
+							onClick: y,
+							disabled: B,
 							className: "px-4 py-2 text-sm font-medium text-text-primary border border-border-subtle rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-50",
 							children: "Cancel"
-						}), I === "add-card" && /* @__PURE__ */ p("button", {
+						}), P === "add-card" && /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: ie,
-							disabled: H || j || W || R === "stripe" && !re,
+							onClick: Q,
+							disabled: B || j || H || !J,
 							className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-lg hover:bg-action-primary-bgHover transition-colors disabled:opacity-50",
-							children: H || j ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-4 animate-spin" }), R === "razorpay" ? "Processing..." : "Saving..."] }) : W ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "size-4 animate-spin" }), "Loading…"] }) : R === "stripe" ? "Add Card" : "Add Payment Method (₹1)"
+							children: B || j ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(d, { className: "size-4 animate-spin" }), "Saving..."] }) : H ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(d, { className: "size-4 animate-spin" }), "Loading…"] }) : "Add Card"
 						})]
 					})]
 				})
@@ -404,6 +294,6 @@ var h = (e, t) => new Promise((n, r) => {
 	}) : null;
 };
 //#endregion
-export { g as AddPaymentMethodModal };
+export { v as AddPaymentMethodModal };
 
 //# sourceMappingURL=AddPaymentMethodModal.js.map