@burdenoff/microfe-billing 2026.516.1 → 2026.517.1

package/dist/billing/modules/credits/pages/CreditWithdrawalPage.js

@@ -4,32 +4,32 @@ import { useBillingEventEmitter as n } from "../../../hooks/useBillingEventEmitt
 import { formatDate as r, formatRelativeTime as ee } from "../../../shared/utils/format.js";
 import { directBillingGraphqlRequest as i } from "../../../shared/utils/directBillingGraphql.js";
 import "../../../shared/utils/index.js";
-import { useBillingPermissions as te } from "../../../hooks/useBillingPermissions.js";
-import { CreditWithdrawalHistoryDocument as a, GetCreditBalanceByTypeDocument as o, RequestCreditWithdrawalDocument as s, useGetCostOfCreditsCheckoutQuery as ne } from "../../../../generated/global-operations.js";
-import { useDefaultBillingAccount as re } from "../../subscriptions/hooks/useSubscriptions.js";
+import { useBillingPermissions as a } from "../../../hooks/useBillingPermissions.js";
+import { CreditWithdrawalHistoryDocument as o, GetCreditBalanceByTypeDocument as s, RequestCreditWithdrawalDocument as c } from "../../../../generated/global-operations.js";
+import { useDefaultBillingAccount as te } from "../../subscriptions/hooks/useSubscriptions.js";
 import "../../subscriptions/hooks/index.js";
-import { addPayoutAccount as ie, fetchPayoutAccounts as c } from "../../earnings/api.js";
-import { useEffect as l, useState as u } from "react";
+import { addPayoutAccount as l, fetchPayoutAccounts as ne } from "../../earnings/api.js";
+import { useEffect as re, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/billing/modules/credits/pages/CreditWithdrawalPage.tsx
-async function ae(e, t) {
+async function ie(e, t) {
 	return (await i({
 		...t,
-		query: o,
+		query: s,
 		variables: { billingAccountId: e }
 	})).getCreditBalanceByType;
 }
-async function oe(e, t) {
+async function ae(e, t) {
 	return (await i({
 		...t,
-		query: s,
+		query: c,
 		variables: { input: e }
 	})).requestCreditWithdrawal;
 }
-async function se(e, t) {
+async function oe(e, t) {
 	return (await i({
 		...t,
-		query: a,
+		query: o,
 		variables: { billingAccountId: e }
 	})).myPayoutRequests.items;
 }
@@ -57,7 +57,7 @@ var m = ({ label: e, value: t, description: n, highlight: r }) => /* @__PURE__ *
 		})
 	]
 });
-function ce(e) {
+function se(e) {
 	switch (e.toUpperCase()) {
 		case "PAID": return t.success.text;
 		case "APPROVED":
@@ -69,7 +69,7 @@ function ce(e) {
 		default: return "text-muted-foreground";
 	}
 }
-function le(e) {
+function ce(e) {
 	switch (e.toUpperCase()) {
 		case "PAID": return `${t.success.bg} ${t.success.text}`;
 		case "APPROVED":
@@ -82,129 +82,111 @@ function le(e) {
 	}
 }
 var h = () => {
-	let i = te(), { billingAccount: a, isLoading: o } = re(), { apiGatewayUrl: s, authToken: h, orgId: ue } = e(), { emit: g } = n(), [_, de] = u(null), [fe, v] = u(!1), [y, b] = u(null), [pe, me] = u([]), [he, x] = u(!1), [S, ge] = u([]), [_e, C] = u(!1), [w, T] = u(""), [E, D] = u(""), [O, k] = u(""), [A, j] = u(!1), [M, N] = u(null), [ve, P] = u(!1), [F, I] = u(!1), [L, R] = u({
+	let i = a(), { billingAccount: o, isLoading: s } = te(), { apiGatewayUrl: c, authToken: h, orgId: g } = e(), { emit: _ } = n(), [v, le] = u(null), [ue, y] = u(!1), [b, x] = u(null), [de, fe] = u([]), [pe, S] = u(!1), [C, me] = u([]), [w, T] = u(!1), [E, D] = u(""), [O, k] = u(""), [A, j] = u(""), [M, N] = u(!1), [P, F] = u(null), [I, L] = u(!1), [R, z] = u(!1), [B, V] = u({
 		label: "",
 		type: "BANK_ACCOUNT",
-		accountHolderName: "",
 		accountNumber: "",
 		ifscCode: "",
 		routingNumber: "",
 		upiId: "",
-		country: "",
+		country: "IN",
 		currency: "USD"
-	}), [z, B] = u(!1), [V, H] = u(null), U = a?.id, W = () => ({
-		apiGatewayUrl: s,
+	}), [H, U] = u(!1), [W, G] = u(null), K = o?.id, q = () => ({
+		apiGatewayUrl: c,
 		authToken: h,
-		orgId: ue
-	}), G = async () => {
-		if (U) {
-			v(!0), b(null);
+		orgId: g
+	}), J = async () => {
+		if (K) {
+			y(!0), x(null);
 			try {
-				de(await ae(U, W()));
+				le(await ie(K, q()));
 			} catch (e) {
-				b(e instanceof Error ? e.message : "Failed to load balance");
+				x(e instanceof Error ? e.message : "Failed to load balance");
 			} finally {
-				v(!1);
+				y(!1);
 			}
 		}
-	}, K = async () => {
-		if (U) {
-			x(!0);
+	}, Y = async () => {
+		if (K) {
+			S(!0);
 			try {
-				let e = await c(U, W());
-				me(e);
+				let e = await ne(K, q());
+				fe(e);
 				let t = e.find((e) => e.isDefault) ?? e[0];
-				t && T(t.id);
+				t && D(t.id);
 			} catch {} finally {
-				x(!1);
+				S(!1);
 			}
 		}
-	}, q = async () => {
-		if (U) {
-			C(!0);
+	}, X = async () => {
+		if (K) {
+			T(!0);
 			try {
-				ge(await se(U, W()));
+				me(await oe(K, q()));
 			} catch {} finally {
-				C(!1);
+				T(!1);
 			}
 		}
 	};
-	l(() => {
-		U && (G(), K(), q());
-	}, [U]), l(() => {
-		a?.currency && R((e) => ({
-			...e,
-			currency: a.currency ?? "USD"
-		}));
-	}, [a?.currency]);
-	let ye = async () => {
-		if (U) {
-			H(null), B(!0);
+	re(() => {
+		K && (J(), Y(), X());
+	}, [K]);
+	let he = async () => {
+		if (K) {
+			G(null), U(!0);
 			try {
-				let e = L.country.trim().toUpperCase() === "IN" || L.country.trim().toLowerCase() === "india";
-				await ie({
-					billingAccountId: U,
-					label: L.label,
-					type: L.type,
-					accountHolderName: L.accountHolderName,
-					country: L.country || void 0,
-					currency: L.currency,
-					...L.type === "BANK_ACCOUNT" && {
-						accountNumber: L.accountNumber,
-						...e ? { ifsc: L.ifscCode } : { routingNumber: L.routingNumber }
-					},
-					...L.type === "UPI" && { upiId: L.upiId }
-				}, W()), g("billing.payout_account.added", {
+				let e = {};
+				B.type === "BANK_ACCOUNT" ? B.country === "IN" ? (e.accountNumber = B.accountNumber, e.ifscCode = B.ifscCode) : (e.accountNumber = B.accountNumber, e.routingNumber = B.routingNumber) : B.type === "UPI" && (e.upiId = B.upiId), await l({
+					billingAccountId: K,
+					label: B.label,
+					type: B.type,
+					country: B.country,
+					currency: B.currency,
+					accountDetails: e
+				}, q()), _("billing.payout_account.added", {
 					route: "/billing/credits/withdraw",
-					entityId: U,
+					entityId: K,
 					source: "credit-withdrawal"
-				}), await K(), I(!1), R({
+				}), await Y(), z(!1), V({
 					label: "",
 					type: "BANK_ACCOUNT",
-					accountHolderName: "",
 					accountNumber: "",
 					ifscCode: "",
 					routingNumber: "",
 					upiId: "",
-					country: "",
+					country: "IN",
 					currency: "USD"
 				});
 			} catch (e) {
-				H(e instanceof Error ? e.message : "Failed to add account");
+				G(e instanceof Error ? e.message : "Failed to add account");
 			} finally {
-				B(!1);
+				U(!1);
 			}
 		}
-	}, be = async () => {
-		if (!U || !w) return;
-		let e = parseFloat(E);
+	}, ge = async () => {
+		if (!K || !E) return;
+		let e = parseFloat(O);
 		if (!(!e || e <= 0)) {
-			N(null), j(!0);
+			F(null), N(!0);
 			try {
-				g("billing.credits.withdrawal_requested", {
+				_("billing.credits.withdrawal_requested", {
 					route: "/billing/credits/withdraw",
-					entityId: (await oe({
-						billingAccountId: U,
+					entityId: (await ae({
+						billingAccountId: K,
 						creditAmount: e,
-						payoutAccountId: w,
-						notes: O || void 0
-					}, W())).id,
+						payoutAccountId: E,
+						notes: A || void 0
+					}, q())).id,
 					source: "credit-withdrawal",
 					amount: e
-				}), P(!0), D(""), k(""), await G(), await q();
+				}), L(!0), k(""), j(""), await J(), await X();
 			} catch (e) {
-				N(e instanceof Error ? e.message : "Withdrawal request failed");
+				F(e instanceof Error ? e.message : "Withdrawal request failed");
 			} finally {
-				j(!1);
+				N(!1);
 			}
 		}
-	}, J = a?.currency ?? "USD", Y = parseFloat(E) || 0, { data: xe, loading: X } = ne({
-		variables: {
-			creditAmount: Y,
-			currency: J
-		},
-		skip: Y <= 0 || !a
-	}), Z = xe?.getCostOfCredits?.amount;
+	};
 	if (!i.canWithdrawCredits) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
 		children: /* @__PURE__ */ p("div", {
@@ -236,20 +218,7 @@ var h = () => {
 			]
 		})
 	});
-	if (!o && !a) return /* @__PURE__ */ f("div", {
-		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ p("div", {
-			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ f("h2", {
-				className: "text-lg font-semibold text-foreground",
-				children: "No Billing Account"
-			}), /* @__PURE__ */ f("p", {
-				className: "text-sm text-muted-foreground",
-				children: "You need a billing account to withdraw credits."
-			})]
-		})
-	});
-	if (o && !a) return /* @__PURE__ */ p("div", {
+	if (s && !o) return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ f("div", { className: "h-8 w-64 bg-muted animate-pulse rounded" }), /* @__PURE__ */ f("div", {
 			className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
@@ -264,7 +233,7 @@ var h = () => {
 			}, e))
 		})]
 	});
-	let Q = _?.withdrawable ?? 0, Se = Y > 0 && Y <= Q, $ = pe.filter((e) => e.status !== "ARCHIVED");
+	let Z = v?.withdrawable ?? 0, Q = parseFloat(O) || 0, _e = Q > 0 && Q <= Z, $ = de.filter((e) => e.status !== "ARCHIVED");
 	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -277,7 +246,7 @@ var h = () => {
 			})] }),
 			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
-				children: fe ? [
+				children: ue ? [
 					1,
 					2,
 					3,
@@ -285,34 +254,34 @@ var h = () => {
 				].map((e) => /* @__PURE__ */ p("div", {
 					className: "border border-border rounded-lg p-5",
 					children: [/* @__PURE__ */ f("div", { className: "h-4 w-20 bg-muted animate-pulse rounded mb-2" }), /* @__PURE__ */ f("div", { className: "h-8 w-28 bg-muted animate-pulse rounded" })]
-				}, e)) : y ? /* @__PURE__ */ f("div", {
+				}, e)) : b ? /* @__PURE__ */ f("div", {
 					className: "col-span-4 text-sm text-destructive",
-					children: y
+					children: b
 				}) : /* @__PURE__ */ p(d, { children: [
 					/* @__PURE__ */ f(m, {
 						label: "Purchased",
-						value: _?.purchased ?? 0,
+						value: v?.purchased ?? 0,
 						description: "From credit purchases"
 					}),
 					/* @__PURE__ */ f(m, {
 						label: "Earned",
-						value: _?.earned ?? 0,
+						value: v?.earned ?? 0,
 						description: "From sales & referrals"
 					}),
 					/* @__PURE__ */ f(m, {
 						label: "Granted",
-						value: _?.granted ?? 0,
+						value: v?.granted ?? 0,
 						description: "Coupons & admin grants — non-withdrawable"
 					}),
 					/* @__PURE__ */ f(m, {
 						label: "Withdrawable",
-						value: Q,
+						value: Z,
 						description: "Purchased + earned",
 						highlight: !0
 					})
 				] })
 			}),
-			ve && /* @__PURE__ */ p("div", {
+			I && /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-3 p-4 rounded-lg bg-status-success-bg-subtle border border-status-success-border text-status-success-text",
 				children: [
 					/* @__PURE__ */ f("svg", {
@@ -335,7 +304,7 @@ var h = () => {
 						children: "Our team will review and process your request."
 					})] }),
 					/* @__PURE__ */ f("button", {
-						onClick: () => P(!1),
+						onClick: () => L(!1),
 						className: "ml-auto text-current opacity-60 hover:opacity-100",
 						children: /* @__PURE__ */ f("svg", {
 							className: "w-4 h-4",
@@ -363,12 +332,12 @@ var h = () => {
 								className: "text-base font-semibold text-foreground",
 								children: "Payout Account"
 							}), /* @__PURE__ */ f("button", {
-								onClick: () => I((e) => !e),
+								onClick: () => z((e) => !e),
 								className: "text-sm text-primary hover:underline",
-								children: F ? "Cancel" : "+ Add new"
+								children: R ? "Cancel" : "+ Add new"
 							})]
 						}),
-						F && /* @__PURE__ */ p("div", {
+						R && /* @__PURE__ */ p("div", {
 							className: "border border-border rounded-lg p-4 space-y-3 bg-muted/30",
 							children: [
 								/* @__PURE__ */ f("h3", {
@@ -380,79 +349,101 @@ var h = () => {
 									children: "Label"
 								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: L.label,
-									onChange: (e) => R((t) => ({
+									value: B.label,
+									onChange: (e) => V((t) => ({
 										...t,
 										label: e.target.value
 									})),
 									placeholder: "e.g. My Bank Account",
 									className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
 								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-									className: "block text-xs text-muted-foreground mb-1",
-									children: "Account Holder Name"
-								}), /* @__PURE__ */ f("input", {
-									type: "text",
-									value: L.accountHolderName,
-									onChange: (e) => R((t) => ({
-										...t,
-										accountHolderName: e.target.value
-									})),
-									placeholder: "Full name as on bank account",
-									className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-								})] }),
 								/* @__PURE__ */ p("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-xs text-muted-foreground mb-1",
 										children: "Type"
 									}), /* @__PURE__ */ p("select", {
-										value: L.type,
-										onChange: (e) => R((t) => ({
+										value: B.type,
+										onChange: (e) => V((t) => ({
 											...t,
 											type: e.target.value
 										})),
 										className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30",
-										children: [/* @__PURE__ */ f("option", {
-											value: "BANK_ACCOUNT",
-											children: "Bank Account"
-										}), /* @__PURE__ */ f("option", {
-											value: "UPI",
-											children: "UPI"
-										})]
+										children: [
+											/* @__PURE__ */ f("option", {
+												value: "BANK_ACCOUNT",
+												children: "Bank Account"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "UPI",
+												children: "UPI"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "WALLET",
+												children: "Wallet"
+											})
+										]
 									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-xs text-muted-foreground mb-1",
 										children: "Country"
-									}), /* @__PURE__ */ f("input", {
-										type: "text",
-										value: L.country,
-										onChange: (e) => R((t) => ({
+									}), /* @__PURE__ */ p("select", {
+										value: B.country,
+										onChange: (e) => V((t) => ({
 											...t,
 											country: e.target.value
 										})),
-										placeholder: "e.g. India, US, UK",
-										className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
+										className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30",
+										children: [
+											/* @__PURE__ */ f("option", {
+												value: "IN",
+												children: "India"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "US",
+												children: "United States"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "GB",
+												children: "United Kingdom"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "SG",
+												children: "Singapore"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "AU",
+												children: "Australia"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "CA",
+												children: "Canada"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "DE",
+												children: "Germany"
+											})
+										]
 									})] })]
 								}),
-								L.type === "BANK_ACCOUNT" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								B.type === "BANK_ACCOUNT" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-xs text-muted-foreground mb-1",
 									children: "Account Number"
 								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: L.accountNumber,
-									onChange: (e) => R((t) => ({
+									value: B.accountNumber,
+									onChange: (e) => V((t) => ({
 										...t,
 										accountNumber: e.target.value
 									})),
 									placeholder: "Account number",
 									className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
-								})] }), L.country.trim().toUpperCase() === "IN" || L.country.trim().toLowerCase() === "india" ? /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								})] }), B.country === "IN" ? /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-xs text-muted-foreground mb-1",
 									children: "IFSC Code"
 								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: L.ifscCode,
-									onChange: (e) => R((t) => ({
+									value: B.ifscCode,
+									onChange: (e) => V((t) => ({
 										...t,
 										ifscCode: e.target.value.toUpperCase()
 									})),
@@ -463,43 +454,43 @@ var h = () => {
 									children: "Routing Number"
 								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: L.routingNumber,
-									onChange: (e) => R((t) => ({
+									value: B.routingNumber,
+									onChange: (e) => V((t) => ({
 										...t,
 										routingNumber: e.target.value
 									})),
 									placeholder: "Routing / sort code",
 									className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
 								})] })] }),
-								L.type === "UPI" && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								B.type === "UPI" && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-xs text-muted-foreground mb-1",
 									children: "UPI ID"
 								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: L.upiId,
-									onChange: (e) => R((t) => ({
+									value: B.upiId,
+									onChange: (e) => V((t) => ({
 										...t,
 										upiId: e.target.value
 									})),
 									placeholder: "yourname@upi",
 									className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
 								})] }),
-								V && /* @__PURE__ */ f("p", {
+								W && /* @__PURE__ */ f("p", {
 									className: "text-xs text-destructive",
-									children: V
+									children: W
 								}),
 								/* @__PURE__ */ f("button", {
-									onClick: () => void ye(),
-									disabled: z || !L.label || !L.accountHolderName,
+									onClick: () => void he(),
+									disabled: H || !B.label,
 									className: "w-full py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: z ? "Saving…" : "Save Account"
+									children: H ? "Saving…" : "Save Account"
 								})
 							]
 						}),
-						he ? /* @__PURE__ */ f("div", {
+						pe ? /* @__PURE__ */ f("div", {
 							className: "space-y-2",
 							children: [1, 2].map((e) => /* @__PURE__ */ f("div", { className: "h-16 border border-border rounded-lg bg-muted animate-pulse" }, e))
-						}) : $.length === 0 && !F ? /* @__PURE__ */ p("div", {
+						}) : $.length === 0 && !R ? /* @__PURE__ */ p("div", {
 							className: "flex flex-col items-center justify-center py-8 border border-dashed border-border rounded-lg",
 							children: [
 								/* @__PURE__ */ f("svg", {
@@ -519,7 +510,7 @@ var h = () => {
 									children: "No payout accounts yet"
 								}),
 								/* @__PURE__ */ f("button", {
-									onClick: () => I(!0),
+									onClick: () => z(!0),
 									className: "mt-2 text-sm text-primary hover:underline",
 									children: "Add a bank account or UPI"
 								})
@@ -527,8 +518,8 @@ var h = () => {
 						}) : /* @__PURE__ */ f("div", {
 							className: "space-y-2",
 							children: $.map((e) => /* @__PURE__ */ f("button", {
-								onClick: () => T(e.id),
-								className: `w-full text-left p-4 border rounded-lg transition-colors ${w === e.id ? "border-primary bg-primary/5" : "border-border bg-card hover:border-primary/40"}`,
+								onClick: () => D(e.id),
+								className: `w-full text-left p-4 border rounded-lg transition-colors ${E === e.id ? "border-primary bg-primary/5" : "border-border bg-card hover:border-primary/40"}`,
 								children: /* @__PURE__ */ p("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
@@ -553,7 +544,7 @@ var h = () => {
 												className: `text-xs px-2 py-0.5 rounded font-medium ${e.status === "ACTIVE" ? `${t.success.bg} ${t.success.text}` : e.status === "PENDING_VERIFICATION" ? `${t.warning.bg} ${t.warning.text}` : `${t.error.bg} ${t.error.text}`}`,
 												children: e.status.replaceAll("_", " ").toLowerCase()
 											}),
-											w === e.id && /* @__PURE__ */ f("svg", {
+											E === e.id && /* @__PURE__ */ f("svg", {
 												className: "w-4 h-4 text-primary shrink-0",
 												fill: "none",
 												viewBox: "0 0 24 24",
@@ -587,10 +578,10 @@ var h = () => {
 								/* @__PURE__ */ f("input", {
 									type: "number",
 									min: 1,
-									max: Q,
+									max: Z,
 									step: 1,
-									value: E,
-									onChange: (e) => D(e.target.value),
+									value: O,
+									onChange: (e) => k(e.target.value),
 									placeholder: "Enter credit amount",
 									className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30"
 								}),
@@ -601,29 +592,11 @@ var h = () => {
 										" ",
 										/* @__PURE__ */ p("span", {
 											className: "font-medium",
-											children: [Q.toLocaleString(), " credits"]
+											children: [Z.toLocaleString(), " credits"]
 										})
 									]
 								}),
-								Y > 0 && Y <= Q && /* @__PURE__ */ f("p", {
-									className: "text-xs text-muted-foreground mt-1",
-									children: X ? "Calculating…" : Z == null ? null : /* @__PURE__ */ p(d, { children: [
-										"Estimated payout:",
-										" ",
-										/* @__PURE__ */ f("span", {
-											className: "font-semibold text-foreground",
-											children: Z.toLocaleString(void 0, {
-												style: "currency",
-												currency: J,
-												minimumFractionDigits: 2,
-												maximumFractionDigits: 2
-											})
-										}),
-										" ",
-										"at the current credit rate"
-									] })
-								}),
-								Y > 0 && Y > Q && /* @__PURE__ */ f("p", {
+								Q > 0 && Q > Z && /* @__PURE__ */ f("p", {
 									className: "text-xs text-destructive mt-1",
 									children: "Amount exceeds your withdrawable balance"
 								})
@@ -635,33 +608,29 @@ var h = () => {
 									children: "(optional)"
 								})]
 							}), /* @__PURE__ */ f("textarea", {
-								value: O,
-								onChange: (e) => k(e.target.value),
+								value: A,
+								onChange: (e) => j(e.target.value),
 								placeholder: "Any notes for this withdrawal request",
 								rows: 2,
 								className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/30 resize-none"
 							})] }),
-							M && /* @__PURE__ */ f("div", {
+							P && /* @__PURE__ */ f("div", {
 								className: "p-3 rounded-md bg-destructive/10 border border-destructive/20",
 								children: /* @__PURE__ */ f("p", {
 									className: "text-sm text-destructive",
-									children: M
+									children: P
 								})
 							}),
 							/* @__PURE__ */ p("div", {
 								className: "pt-1 border-t border-border",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ f("p", {
 									className: "text-xs text-muted-foreground mb-3",
-									children: [
-										"Credits will be converted to ",
-										J,
-										" at the current credit rate. Withdrawals are reviewed before processing and may take 3–5 business days."
-									]
+									children: "Credits will be converted to USD at the current credit rate. Withdrawals are reviewed before processing and may take 3–5 business days."
 								}), /* @__PURE__ */ f("button", {
-									onClick: () => void be(),
-									disabled: A || !Se || !w || $.length === 0,
+									onClick: () => void ge(),
+									disabled: M || !_e || !E || $.length === 0,
 									className: "w-full py-2.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: A ? "Submitting…" : "Request Withdrawal"
+									children: M ? "Submitting…" : "Request Withdrawal"
 								})]
 							})
 						]
@@ -676,7 +645,7 @@ var h = () => {
 						className: "text-base font-semibold text-foreground",
 						children: "Withdrawal History"
 					}), /* @__PURE__ */ f("button", {
-						onClick: () => void q(),
+						onClick: () => void X(),
 						className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
 						"aria-label": "Refresh withdrawal history",
 						children: /* @__PURE__ */ f("svg", {
@@ -692,14 +661,14 @@ var h = () => {
 							})
 						})
 					})]
-				}), _e ? /* @__PURE__ */ f("div", {
+				}), w ? /* @__PURE__ */ f("div", {
 					className: "space-y-2",
 					children: [
 						1,
 						2,
 						3
 					].map((e) => /* @__PURE__ */ f("div", { className: "h-16 border border-border rounded-lg bg-muted animate-pulse" }, e))
-				}) : S.length === 0 ? /* @__PURE__ */ p("div", {
+				}) : C.length === 0 ? /* @__PURE__ */ p("div", {
 					className: "flex flex-col items-center justify-center py-10 border border-dashed border-border rounded-lg",
 					children: [/* @__PURE__ */ f("svg", {
 						className: "w-8 h-8 text-muted-foreground mb-2",
@@ -746,7 +715,7 @@ var h = () => {
 							] })
 						}), /* @__PURE__ */ f("tbody", {
 							className: "divide-y divide-border",
-							children: S.map((e) => /* @__PURE__ */ p("tr", {
+							children: C.map((e) => /* @__PURE__ */ p("tr", {
 								className: "hover:bg-muted/30 transition-colors",
 								children: [
 									/* @__PURE__ */ p("td", {
@@ -760,7 +729,7 @@ var h = () => {
 									/* @__PURE__ */ p("td", {
 										className: "px-4 py-3",
 										children: [/* @__PURE__ */ f("span", {
-											className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${le(e.status)}`,
+											className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${ce(e.status)}`,
 											children: e.status.charAt(0) + e.status.slice(1).toLowerCase()
 										}), e.failureReason && /* @__PURE__ */ f("p", {
 											className: "text-xs text-destructive mt-0.5 max-w-[180px] truncate",
@@ -782,7 +751,7 @@ var h = () => {
 									/* @__PURE__ */ f("td", {
 										className: "px-4 py-3 text-muted-foreground hidden md:table-cell",
 										children: e.paidAt ? /* @__PURE__ */ f("span", {
-											className: ce("PAID"),
+											className: se("PAID"),
 											children: r(e.paidAt, "short")
 										}) : "—"
 									})