@burdenoff/microfe-billing 2026.913.1 → 2026.914.1

package/dist/billing/modules/earnings/pages/PayoutAdminPage.js

@@ -8,13 +8,21 @@ import { formatCurrency as a, formatDateTime as o } from "../../../shared/utils/
 import { isServerError as s } from "../../../shared/utils/error.js";
 import "../../../shared/utils/index.js";
 import { useBillingPermissions as c } from "../../../hooks/useBillingPermissions.js";
-import { approvePayoutRequest as l, fetchAdminPayoutRequests as u, fetchAdminPayoutSummary as d, markPayoutPaid as f, rejectPayoutRequest as p } from "../api.js";
-import { useCallback as m, useEffect as h, useMemo as ee, useState as g } from "react";
-import { AlertTriangle as _, Banknote as v, CheckCircle2 as y, ChevronDown as b, ChevronUp as x, Clock as S, CreditCard as C, ReceiptText as w, RefreshCw as T, XCircle as E } from "lucide-react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { IllustratedEmptyState as A, PagePurpose as j, ResponsiveDialog as M, ResponsiveDialogContent as N, ResponsiveDialogDescription as P, ResponsiveDialogFooter as F, ResponsiveDialogHeader as I, ResponsiveDialogTitle as L } from "@burdenoff/fe-libs/ui";
+import { approvePayoutRequest as l, fetchAdminPayoutRequests as u, fetchAdminPayoutSummary as d, markPayoutPaid as f, rejectPayoutRequest as ee } from "../api.js";
+import { useCallback as te, useEffect as ne, useMemo as re, useState as p } from "react";
+import { AlertTriangle as m, Banknote as h, CheckCircle2 as g, ChevronDown as _, ChevronUp as v, Clock as y, Coins as b, CreditCard as x, ReceiptText as S, RefreshCw as ie, XCircle as C } from "lucide-react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { IllustratedEmptyState as ae, PagePurpose as D, ResponsiveDialog as O, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/earnings/pages/PayoutAdminPage.tsx
-var R = 50, z = {
+var P = 50, F = [{
+	id: "CASH_PAYOUT",
+	label: "Cash Payouts",
+	description: "Real money leaves the platform — verify bank/UPI details, then mark as paid."
+}, {
+	id: "CREDIT_CONVERSION",
+	label: "Revenue Share Credits",
+	description: "A developer requesting their revenue share as earned credits. Approving converts the amount straight into credits on their billing account — no bank transfer, nothing further to do."
+}], I = {
 	REQUESTED: "Requested",
 	APPROVED: "Approved",
 	REJECTED: "Rejected",
@@ -22,7 +30,7 @@ var R = 50, z = {
 	PAID: "Paid",
 	FAILED: "Failed",
 	CANCELED: "Canceled"
-}, B = {
+}, L = {
 	REQUESTED: "bg-status-warning-bg-subtle text-status-warning-text",
 	APPROVED: "bg-status-info-bg-subtle text-status-info-text",
 	REJECTED: "bg-status-error-bg-subtle text-status-error-text",
@@ -31,24 +39,24 @@ var R = 50, z = {
 	FAILED: "bg-status-error-bg-subtle text-status-error-text",
 	CANCELED: "bg-bg-sunken text-text-muted"
 };
-function V({ status: e }) {
-	return /* @__PURE__ */ O("span", {
-		className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${B[e] ?? "bg-bg-sunken text-text-muted"}`,
-		children: z[e] ?? e
+function R({ status: e }) {
+	return /* @__PURE__ */ T("span", {
+		className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${L[e] ?? "bg-bg-sunken text-text-muted"}`,
+		children: I[e] ?? e
 	});
 }
-function H({ account: e }) {
-	let [t, n] = g(!1), r = e.accountDetails;
-	return /* @__PURE__ */ k("div", {
+function z({ account: e }) {
+	let [t, n] = p(!1), r = e.accountDetails;
+	return /* @__PURE__ */ E("div", {
 		className: "rounded-md border border-border-subtle bg-bg-sunken/40 p-3 text-sm",
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ E("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ k("div", {
+			children: [/* @__PURE__ */ E("div", {
 				className: "flex items-center gap-2 text-text-primary font-medium",
 				children: [
-					/* @__PURE__ */ O(C, { className: "size-4 text-text-muted" }),
+					/* @__PURE__ */ T(x, { className: "size-4 text-text-muted" }),
 					e.displayName ?? e.label,
-					/* @__PURE__ */ k("span", {
+					/* @__PURE__ */ E("span", {
 						className: "text-xs text-text-muted font-normal",
 						children: [
 							"(",
@@ -62,81 +70,81 @@ function H({ account: e }) {
 						]
 					})
 				]
-			}), r && /* @__PURE__ */ O("button", {
+			}), r && /* @__PURE__ */ T("button", {
 				type: "button",
 				onClick: () => n((e) => !e),
 				className: "text-text-muted hover:text-text-primary",
-				children: O(t ? x : b, { className: "size-4" })
+				children: T(t ? v : _, { className: "size-4" })
 			})]
-		}), t && r && /* @__PURE__ */ k("div", {
+		}), t && r && /* @__PURE__ */ E("div", {
 			className: "mt-2 grid gap-1 text-xs",
 			children: [
-				r.accountHolderName && /* @__PURE__ */ k("div", {
+				r.accountHolderName && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Account holder"
-					}), /* @__PURE__ */ O("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-text-primary",
 						children: r.accountHolderName
 					})]
 				}),
-				r.bankName && /* @__PURE__ */ k("div", {
+				r.bankName && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Bank"
-					}), /* @__PURE__ */ O("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-text-primary",
 						children: r.bankName
 					})]
 				}),
-				e.accountLast4 && /* @__PURE__ */ k("div", {
+				e.accountLast4 && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Account (last 4)"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ E("span", {
 						className: "text-text-primary font-mono",
 						children: ["••••", e.accountLast4]
 					})]
 				}),
-				r.ifsc && /* @__PURE__ */ k("div", {
+				r.ifsc && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "IFSC"
-					}), /* @__PURE__ */ O("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-text-primary font-mono",
 						children: r.ifsc
 					})]
 				}),
-				r.routingNumberLast4 && /* @__PURE__ */ k("div", {
+				r.routingNumberLast4 && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Routing (last 4)"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ E("span", {
 						className: "text-text-primary font-mono",
 						children: ["••••", r.routingNumberLast4]
 					})]
 				}),
-				r.upiIdMasked && /* @__PURE__ */ k("div", {
+				r.upiIdMasked && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "UPI ID"
-					}), /* @__PURE__ */ O("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-text-primary font-mono",
 						children: r.upiIdMasked
 					})]
 				}),
-				r.swift && /* @__PURE__ */ k("div", {
+				r.swift && /* @__PURE__ */ E("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "SWIFT"
-					}), /* @__PURE__ */ O("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "text-text-primary font-mono",
 						children: r.swift
 					})]
@@ -145,111 +153,114 @@ function H({ account: e }) {
 		})]
 	});
 }
-function U({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
-	let i = e.status === "REQUESTED" || e.status === "REJECTED", s = e.status === "REQUESTED" || e.status === "APPROVED", c = e.status === "APPROVED" || e.status === "PROCESSING";
-	return /* @__PURE__ */ k("div", {
+function B({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
+	let i = e.status === "REQUESTED" || e.status === "REJECTED", s = e.status === "REQUESTED" || e.status === "APPROVED", c = e.requestKind === "CASH_PAYOUT" && (e.status === "APPROVED" || e.status === "PROCESSING");
+	return /* @__PURE__ */ E("div", {
 		className: "rounded-card border border-border-seam bg-bg-surface p-5 space-y-4 shadow-[var(--shadow-elevation-1)] transition-all duration-200 hover:shadow-[var(--shadow-elevation-2)]",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ O("span", {
+						children: [/* @__PURE__ */ T("span", {
 							className: "text-xl font-semibold text-text-primary",
 							children: a(e.requestedAmount, e.currency)
-						}), /* @__PURE__ */ O(V, { status: e.status })]
-					}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ T(R, { status: e.status })]
+					}), /* @__PURE__ */ E("div", {
 						className: "text-xs text-text-muted space-x-2",
 						children: [
-							/* @__PURE__ */ k("span", { children: ["Requested ", o(e.createdAt)] }),
-							e.requesterUserId && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("span", { children: "·" }), /* @__PURE__ */ k("span", { children: ["by ", e.requesterUserId] })] }),
-							/* @__PURE__ */ O("span", { children: "·" }),
-							/* @__PURE__ */ k("span", {
+							/* @__PURE__ */ E("span", { children: ["Requested ", o(e.createdAt)] }),
+							e.requesterUserId && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("span", { children: "·" }), /* @__PURE__ */ E("span", { children: ["by ", e.requesterUserId] })] }),
+							/* @__PURE__ */ T("span", { children: "·" }),
+							/* @__PURE__ */ E("span", {
 								className: "font-mono text-xs",
 								children: [e.id.slice(0, 8), "…"]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
-						i && /* @__PURE__ */ k("button", {
+						i && /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => t(e),
 							className: "inline-flex items-center gap-1.5 rounded-button bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text",
-							children: [/* @__PURE__ */ O(y, { className: "size-3.5" }), "Approve"]
+							children: [/* @__PURE__ */ T(g, { className: "size-3.5" }), "Approve"]
 						}),
-						c && /* @__PURE__ */ k("button", {
+						c && /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => r(e),
 							className: "inline-flex items-center gap-1.5 rounded-button bg-status-success-bg-subtle border border-status-success-border px-3 py-1.5 text-xs font-medium text-status-success-text transition-colors hover:bg-status-success-bg-subtle/70",
-							children: [/* @__PURE__ */ O(v, { className: "size-3.5" }), "Mark as Paid"]
+							children: [/* @__PURE__ */ T(h, { className: "size-3.5" }), "Mark as Paid"]
 						}),
-						s && /* @__PURE__ */ k("button", {
+						s && /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => n(e),
 							className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text",
-							children: [/* @__PURE__ */ O(E, { className: "size-3.5" }), "Reject"]
+							children: [/* @__PURE__ */ T(C, { className: "size-3.5" }), "Reject"]
 						})
 					]
 				})]
 			}),
-			e.payoutAccount && /* @__PURE__ */ O(H, { account: e.payoutAccount }),
-			e.userNotes && /* @__PURE__ */ k("div", {
+			e.requestKind === "CREDIT_CONVERSION" ? /* @__PURE__ */ E("div", {
+				className: "flex items-center gap-2 rounded-md border border-border-subtle bg-bg-sunken/40 p-3 text-sm text-text-muted",
+				children: [/* @__PURE__ */ T(b, { className: "size-4 shrink-0" }), "Approving converts this straight into earned credits — no bank transfer needed."]
+			}) : e.payoutAccount && /* @__PURE__ */ T(z, { account: e.payoutAccount }),
+			e.userNotes && /* @__PURE__ */ E("div", {
 				className: "rounded-md bg-bg-sunken/40 border border-border-subtle px-3 py-2 text-sm",
-				children: [/* @__PURE__ */ O("span", {
+				children: [/* @__PURE__ */ T("span", {
 					className: "text-xs font-medium text-text-muted uppercase tracking-wide",
 					children: "User note"
-				}), /* @__PURE__ */ O("p", {
+				}), /* @__PURE__ */ T("p", {
 					className: "mt-1 text-text-primary",
 					children: e.userNotes
 				})]
 			}),
-			(e.internalNotes ?? e.failureReason ?? e.externalReference) && /* @__PURE__ */ k("div", {
+			(e.internalNotes ?? e.failureReason ?? e.externalReference) && /* @__PURE__ */ E("div", {
 				className: "grid gap-1 text-xs text-text-muted",
 				children: [
-					e.externalReference && /* @__PURE__ */ k("div", {
+					e.externalReference && /* @__PURE__ */ E("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ O(w, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ k("span", { children: [
+						children: [/* @__PURE__ */ T(S, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ E("span", { children: [
 							"Ref:",
 							" ",
-							/* @__PURE__ */ O("span", {
+							/* @__PURE__ */ T("span", {
 								className: "font-mono text-text-primary",
 								children: e.externalReference
 							})
 						] })]
 					}),
-					e.internalNotes && /* @__PURE__ */ k("div", {
+					e.internalNotes && /* @__PURE__ */ E("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ O("span", {
+						children: [/* @__PURE__ */ T("span", {
 							className: "shrink-0",
 							children: "Internal note:"
-						}), /* @__PURE__ */ O("span", {
+						}), /* @__PURE__ */ T("span", {
 							className: "text-text-primary",
 							children: e.internalNotes
 						})]
 					}),
-					e.failureReason && /* @__PURE__ */ k("div", {
+					e.failureReason && /* @__PURE__ */ E("div", {
 						className: "flex gap-2 text-status-error-text",
-						children: [/* @__PURE__ */ O(_, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ O("span", { children: e.failureReason })]
+						children: [/* @__PURE__ */ T(m, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ T("span", { children: e.failureReason })]
 					})
 				]
 			}),
-			(e.paidAt ?? e.processedAt) && /* @__PURE__ */ k("div", {
+			(e.paidAt ?? e.processedAt) && /* @__PURE__ */ E("div", {
 				className: "flex flex-wrap gap-4 text-xs text-text-muted",
-				children: [e.processedAt && /* @__PURE__ */ k("span", {
+				children: [e.processedAt && /* @__PURE__ */ E("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ O(S, { className: "size-3" }),
+						/* @__PURE__ */ T(y, { className: "size-3" }),
 						"Processed ",
 						o(e.processedAt)
 					]
-				}), e.paidAt && /* @__PURE__ */ k("span", {
+				}), e.paidAt && /* @__PURE__ */ E("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ O(y, { className: "size-3" }),
+						/* @__PURE__ */ T(g, { className: "size-3" }),
 						"Paid ",
 						o(e.paidAt)
 					]
@@ -258,49 +269,49 @@ function U({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
 		]
 	});
 }
-function W({ summary: e }) {
-	return /* @__PURE__ */ k("div", {
+function V({ summary: e }) {
+	return /* @__PURE__ */ E("div", {
 		className: "grid gap-3 sm:grid-cols-3",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ E("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ T("div", {
 						className: "text-xs text-text-muted uppercase tracking-wide",
 						children: "Pending payout"
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ T("div", {
 						className: "mt-1 text-lg font-semibold text-text-primary",
 						children: a(e.totalRequestedAmount, "USD")
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ E("div", {
 						className: "text-xs text-text-muted mt-0.5",
 						children: [e.pendingCount, " requests"]
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ E("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "text-xs text-text-muted uppercase tracking-wide",
 					children: "Processing"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "mt-1 text-lg font-semibold text-text-primary",
 					children: a(e.totalProcessingAmount, "USD")
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ E("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ T("div", {
 						className: "text-xs text-text-muted uppercase tracking-wide",
 						children: "Total paid"
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ T("div", {
 						className: "mt-1 text-lg font-semibold text-text-primary",
 						children: a(e.totalPaidAmount, "USD")
 					}),
-					e.failedCount > 0 && /* @__PURE__ */ k("div", {
+					e.failedCount > 0 && /* @__PURE__ */ E("div", {
 						className: "text-xs text-status-error-text mt-0.5",
 						children: [e.failedCount, " failed"]
 					})
@@ -309,53 +320,53 @@ function W({ summary: e }) {
 		]
 	});
 }
-function G({ dialog: e, onClose: t, onConfirm: n }) {
-	let [r, i] = g(""), [o, s] = g(""), [c, l] = g(""), [u, d] = g(!1), f = async () => {
+function oe({ dialog: e, onClose: t, onConfirm: n }) {
+	let [r, i] = p(""), [o, s] = p(""), [c, l] = p(""), [u, d] = p(!1), f = async () => {
 		e.type === "reject" && !o.trim() || (d(!0), await n({
 			notes: r.trim() || void 0,
 			reason: o.trim() || void 0,
 			externalReference: c.trim() || void 0
 		}), d(!1));
 	};
-	return /* @__PURE__ */ O(M, {
+	return /* @__PURE__ */ T(O, {
 		open: !0,
 		onOpenChange: (e) => {
 			!e && !u && t();
 		},
-		children: /* @__PURE__ */ k(N, {
+		children: /* @__PURE__ */ E(k, {
 			className: "sm:max-w-md",
 			children: [
-				/* @__PURE__ */ k(I, { children: [/* @__PURE__ */ O(L, { children: {
+				/* @__PURE__ */ E(M, { children: [/* @__PURE__ */ T(N, { children: {
 					approve: "Approve withdrawal request",
 					reject: "Reject withdrawal request",
 					mark_paid: "Mark as paid"
-				}[e.type] }), /* @__PURE__ */ k(P, { children: [
+				}[e.type] }), /* @__PURE__ */ E(A, { children: [
 					a(e.amount, e.currency),
 					" · ",
 					e.accountLabel
 				] })] }),
-				e.type === "mark_paid" && /* @__PURE__ */ k("div", {
+				e.type === "mark_paid" && /* @__PURE__ */ E("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ k("div", { children: [
-						/* @__PURE__ */ O("label", {
+					children: [/* @__PURE__ */ E("div", { children: [
+						/* @__PURE__ */ T("label", {
 							className: "text-xs font-medium text-text-primary block mb-1",
 							children: "Transaction reference / UTR number"
 						}),
-						/* @__PURE__ */ O("input", {
+						/* @__PURE__ */ T("input", {
 							type: "text",
 							value: c,
 							onChange: (e) => l(e.target.value),
 							placeholder: "e.g. UTR123456789012, TXN_abc123",
 							className: "w-full rounded-input border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ T("p", {
 							className: "text-xs text-text-muted mt-1",
 							children: "Enter the bank reference number so the user can verify the transfer."
 						})
-					] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+					] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
 						className: "text-xs font-medium text-text-primary block mb-1",
 						children: "Internal notes (optional)"
-					}), /* @__PURE__ */ O("textarea", {
+					}), /* @__PURE__ */ T("textarea", {
 						value: r,
 						onChange: (e) => i(e.target.value),
 						rows: 2,
@@ -363,36 +374,36 @@ function G({ dialog: e, onClose: t, onConfirm: n }) {
 						className: "w-full rounded-input border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 					})] })]
 				}),
-				e.type === "approve" && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+				e.type === "approve" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
 					className: "text-xs font-medium text-text-primary block mb-1",
 					children: "Internal notes (optional)"
-				}), /* @__PURE__ */ O("textarea", {
+				}), /* @__PURE__ */ T("textarea", {
 					value: r,
 					onChange: (e) => i(e.target.value),
 					rows: 3,
 					placeholder: "e.g. Verified bank details, approved for transfer…",
 					className: "w-full rounded-input border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 				})] }),
-				e.type === "reject" && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+				e.type === "reject" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("label", {
 					className: "text-xs font-medium text-text-primary block mb-1",
-					children: ["Reason for rejection ", /* @__PURE__ */ O("span", {
+					children: ["Reason for rejection ", /* @__PURE__ */ T("span", {
 						className: "text-status-error-text",
 						children: "*"
 					})]
-				}), /* @__PURE__ */ O("textarea", {
+				}), /* @__PURE__ */ T("textarea", {
 					value: o,
 					onChange: (e) => s(e.target.value),
 					rows: 3,
 					placeholder: "e.g. Invalid bank details provided, please re-submit with correct IFSC…",
 					className: "w-full rounded-input border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 				})] }),
-				/* @__PURE__ */ k(F, { children: [/* @__PURE__ */ O("button", {
+				/* @__PURE__ */ E(j, { children: [/* @__PURE__ */ T("button", {
 					type: "button",
 					onClick: t,
 					disabled: u,
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary disabled:opacity-50",
 					children: "Cancel"
-				}), /* @__PURE__ */ O("button", {
+				}), /* @__PURE__ */ T("button", {
 					type: "button",
 					onClick: () => void f(),
 					disabled: u || e.type === "reject" && !o.trim(),
@@ -403,59 +414,62 @@ function G({ dialog: e, onClose: t, onConfirm: n }) {
 		})
 	});
 }
-var K = () => {
-	let a = c(), { emit: o } = i(), { apiGatewayUrl: _, authToken: v, orgId: y } = e(), [b, x] = g(null), [S, C] = g([]), [w, E] = g(0), [D, M] = g(!1), [N, P] = g(!0), [F, I] = g(!1), [L, z] = g(null), [B, V] = g("pending"), [H, K] = g(null), q = ee(() => ({
-		apiGatewayUrl: _,
-		authToken: v,
-		orgId: y
+var H = () => {
+	let a = c(), { emit: o } = i(), { apiGatewayUrl: m, authToken: g, orgId: _ } = e(), [v, y] = p(null), [x, S] = p([]), [C, w] = p(0), [O, k] = p(!1), [A, j] = p(!0), [M, N] = p(!1), [I, L] = p(null), [R, z] = p("CASH_PAYOUT"), [H, U] = p("pending"), [W, G] = p(null), K = re(() => ({
+		apiGatewayUrl: m,
+		authToken: g,
+		orgId: _
 	}), [
-		_,
-		v,
-		y
-	]), J = m(async () => {
-		P(!0), z(null);
+		m,
+		g,
+		_
+	]), q = te(async () => {
+		j(!0), L(null);
 		try {
-			let [e, t] = await Promise.all([d(q), u(q, {
-				limit: R,
+			let [e, t] = await Promise.all([d(K), u(K, {
+				limit: P,
 				offset: 0
 			})]);
-			x(e), C(t.items), E(t.totalCount), M(t.hasMore);
+			y(e), S(t.items), w(t.totalCount), k(t.hasMore);
 		} catch (e) {
-			z(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load payout queue"));
+			L(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load payout queue"));
 		} finally {
-			P(!1);
+			j(!1);
 		}
-	}, [q]), te = async () => {
-		if (!(F || !D)) {
-			I(!0), z(null);
+	}, [K]), se = async () => {
+		if (!(M || !O)) {
+			N(!0), L(null);
 			try {
-				let e = await u(q, {
-					limit: R,
-					offset: S.length
+				let e = await u(K, {
+					limit: P,
+					offset: x.length
 				});
-				C((t) => [...t, ...e.items]), E(e.totalCount), M(e.hasMore);
+				S((t) => [...t, ...e.items]), w(e.totalCount), k(e.hasMore);
 			} catch (e) {
-				z(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load more payout requests"));
+				L(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load more payout requests"));
 			} finally {
-				I(!1);
+				N(!1);
 			}
 		}
 	};
-	if (h(() => {
-		J();
-	}, [J]), !a.isBillingAdmin) return /* @__PURE__ */ O(t, { message: "You don't have permission to manage payouts." });
-	if (L && s(L)) return /* @__PURE__ */ O(r, {
+	if (ne(() => {
+		q();
+	}, [q]), !a.isBillingAdmin) return /* @__PURE__ */ T(t, { message: "You don't have permission to manage payouts." });
+	if (I && s(I)) return /* @__PURE__ */ T(r, {
 		title: "Payout queue unavailable",
-		message: L.message,
-		onRetry: () => void J(),
+		message: I.message,
+		onRetry: () => void q(),
 		showRetry: !0
 	});
-	let Y = S.filter((e) => e.status === "REQUESTED"), X = S.filter((e) => e.status === "APPROVED" || e.status === "PROCESSING"), Z = S.filter((e) => [
+	let J = x.filter((e) => e.requestKind === R), Y = J.filter((e) => e.status === "REQUESTED"), X = J.filter((e) => e.status === "APPROVED" || e.status === "PROCESSING"), Z = J.filter((e) => [
 		"PAID",
 		"REJECTED",
 		"FAILED",
 		"CANCELED"
-	].includes(e.status)), ne = [
+	].includes(e.status)), ce = F.map((e) => ({
+		...e,
+		count: x.filter((t) => t.requestKind === e.id).length
+	})), le = [
 		{
 			id: "pending",
 			label: "Pending",
@@ -471,8 +485,8 @@ var K = () => {
 			label: "History",
 			count: Z.length
 		}
-	], Q = B === "pending" ? Y : B === "approved" ? X : Z, $ = (e, t) => {
-		K({
+	], Q = H === "pending" ? Y : H === "approved" ? X : Z, $ = (e, t) => {
+		G({
 			type: e,
 			requestId: t.id,
 			amount: t.requestedAmount,
@@ -480,113 +494,149 @@ var K = () => {
 			accountLabel: t.payoutAccount?.displayName ?? t.payoutAccount?.label ?? "Unknown account"
 		});
 	};
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ O(n, {
+			/* @__PURE__ */ T(n, {
 				title: "Payout queue",
 				description: "Review withdrawal requests, verify payout details, and mark them as paid once funds are transferred.",
-				actions: /* @__PURE__ */ k("button", {
+				actions: /* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: () => void J(),
+					onClick: () => void q(),
 					className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary",
-					children: [/* @__PURE__ */ O(T, { className: `size-4 ${N ? "animate-spin" : ""}` }), "Refresh"]
+					children: [/* @__PURE__ */ T(ie, { className: `size-4 ${A ? "animate-spin" : ""}` }), "Refresh"]
 				})
 			}),
-			/* @__PURE__ */ O(j, { children: "This queue is for billing-account withdrawal requests. Developers withdraw their purchased and earned credits from billing using their own payout methods; approved requests appear here for operations review and payment completion." }),
-			b && !N && /* @__PURE__ */ O(W, { summary: b }),
-			!N && w > 0 && /* @__PURE__ */ k("div", {
+			/* @__PURE__ */ E(D, { children: [
+				"This queue holds two different kinds of request, split into the tabs below so a revenue-share credit conversion never gets mistaken for a real bank transfer. ",
+				/* @__PURE__ */ T("strong", { children: "Cash Payouts" }),
+				" ",
+				"are real money leaving the platform — developers withdrawing purchased or earned credits from billing to their own bank/UPI account. ",
+				/* @__PURE__ */ T("strong", { children: "Revenue Share Credits" }),
+				" are a developer requesting their store revenue share — approving one just converts the amount into earned credits on their billing account, no transfer involved."
+			] }),
+			v && !A && /* @__PURE__ */ T(V, { summary: v }),
+			!A && C > 0 && /* @__PURE__ */ E("div", {
 				className: "text-sm text-text-muted",
 				children: [
 					"Showing ",
-					S.length,
+					x.length,
 					" of ",
-					w,
+					C,
 					" payout requests."
 				]
 			}),
-			N && /* @__PURE__ */ O("div", {
+			A && /* @__PURE__ */ T("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
 					1,
 					2,
 					3
-				].map((e) => /* @__PURE__ */ O("div", { className: "h-20 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
+				].map((e) => /* @__PURE__ */ T("div", { className: "h-20 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
 			}),
-			L && !s(L) && /* @__PURE__ */ O("div", {
+			I && !s(I) && /* @__PURE__ */ T("div", {
 				className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: L.message
+				children: I.message
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ T("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: ce.map((e) => {
+					let t = e.id === "CASH_PAYOUT" ? h : b, n = R === e.id;
+					return /* @__PURE__ */ E("button", {
+						type: "button",
+						onClick: () => {
+							z(e.id), U("pending");
+						},
+						className: `flex items-start gap-3 rounded-card border p-4 text-left transition-colors ${n ? "border-action-primary-bg bg-[var(--color-accent-soft)]" : "border-border-subtle bg-bg-surface hover:border-border-strong"}`,
+						children: [/* @__PURE__ */ T(t, { className: `size-5 mt-0.5 shrink-0 ${n ? "text-text-link" : "text-text-muted"}` }), /* @__PURE__ */ E("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ E("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ T("span", {
+									className: `text-sm font-semibold ${n ? "text-text-link" : "text-text-primary"}`,
+									children: e.label
+								}), e.count > 0 && /* @__PURE__ */ T("span", {
+									className: `rounded-full px-1.5 py-0.5 text-xs ${n ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-muted"}`,
+									children: e.count
+								})]
+							}), /* @__PURE__ */ T("p", {
+								className: "text-xs text-text-muted mt-0.5",
+								children: e.description
+							})]
+						})]
+					}, e.id);
+				})
+			}),
+			/* @__PURE__ */ T("div", {
 				className: "border-b border-border-subtle",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: "flex gap-0",
-					children: ne.map((e) => /* @__PURE__ */ k("button", {
+					children: le.map((e) => /* @__PURE__ */ E("button", {
 						type: "button",
-						onClick: () => V(e.id),
-						className: `flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors ${B === e.id ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-muted hover:text-text-primary"}`,
-						children: [e.label, e.count > 0 && /* @__PURE__ */ O("span", {
-							className: `rounded-full px-1.5 py-0.5 text-xs ${B === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-muted"}`,
+						onClick: () => U(e.id),
+						className: `flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors ${H === e.id ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-muted hover:text-text-primary"}`,
+						children: [e.label, e.count > 0 && /* @__PURE__ */ T("span", {
+							className: `rounded-full px-1.5 py-0.5 text-xs ${H === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-muted"}`,
 							children: e.count
 						})]
 					}, e.id))
 				})
 			}),
-			B === "approved" && X.length > 0 && /* @__PURE__ */ k("div", {
+			R === "CASH_PAYOUT" && H === "approved" && X.length > 0 && /* @__PURE__ */ E("div", {
 				className: "rounded-card border border-status-info-border bg-status-info-bg-subtle px-4 py-3 text-sm text-status-info-text",
 				children: [
-					/* @__PURE__ */ O("strong", { children: "How to pay:" }),
+					/* @__PURE__ */ T("strong", { children: "How to pay:" }),
 					" Click the account row to expand bank/UPI details → transfer the exact amount via your bank → click ",
-					/* @__PURE__ */ O("strong", { children: "Mark as Paid" }),
+					/* @__PURE__ */ T("strong", { children: "Mark as Paid" }),
 					" and enter the UTR / transaction reference number."
 				]
 			}),
-			N ? /* @__PURE__ */ O("div", {
+			A ? /* @__PURE__ */ T("div", {
 				className: "space-y-4",
-				children: [1, 2].map((e) => /* @__PURE__ */ O("div", { className: "h-40 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
-			}) : Q.length === 0 ? /* @__PURE__ */ O(A, {
+				children: [1, 2].map((e) => /* @__PURE__ */ T("div", { className: "h-40 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
+			}) : Q.length === 0 ? /* @__PURE__ */ T(ae, {
 				illustration: "empty-data",
-				title: B === "pending" ? "No pending requests" : B === "approved" ? "No approved requests awaiting payment" : "No history yet",
-				description: B === "pending" ? "New withdrawal requests will appear here." : B === "approved" ? "Approve pending requests first, then send payment and mark as paid." : "Completed and rejected requests will appear here."
-			}) : /* @__PURE__ */ k("div", {
+				title: H === "pending" ? "No pending requests" : H === "approved" ? "No approved requests awaiting payment" : "No history yet",
+				description: H === "pending" ? "New requests will appear here." : H === "approved" ? R === "CREDIT_CONVERSION" ? "Revenue share requests skip this tab — approving one completes it immediately, there's no separate payment step." : "Approve pending requests first, then send payment and mark as paid." : "Completed and rejected requests will appear here."
+			}) : /* @__PURE__ */ E("div", {
 				className: "space-y-4",
-				children: [Q.map((e) => /* @__PURE__ */ O(U, {
+				children: [Q.map((e) => /* @__PURE__ */ T(B, {
 					request: e,
 					onApprove: (e) => $("approve", e),
 					onReject: (e) => $("reject", e),
 					onMarkPaid: (e) => $("mark_paid", e)
-				}, e.id)), D && /* @__PURE__ */ O("div", {
+				}, e.id)), O && /* @__PURE__ */ T("div", {
 					className: "flex justify-center pt-2",
-					children: /* @__PURE__ */ O("button", {
+					children: /* @__PURE__ */ T("button", {
 						type: "button",
-						onClick: () => void te(),
-						disabled: F,
+						onClick: () => void se(),
+						disabled: M,
 						className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary disabled:opacity-50",
-						children: F ? "Loading…" : "Load more requests"
+						children: M ? "Loading…" : "Load more requests"
 					})
 				})]
 			}),
-			H && /* @__PURE__ */ O(G, {
-				dialog: H,
-				onClose: () => K(null),
+			W && /* @__PURE__ */ T(oe, {
+				dialog: W,
+				onClose: () => G(null),
 				onConfirm: async (e) => {
-					if (H) try {
-						H.type === "approve" ? (await l(H.requestId, e.notes ?? null, q), o("billing.payout.approved", {
+					if (W) try {
+						W.type === "approve" ? (await l(W.requestId, e.notes ?? null, K), o("billing.payout.approved", {
 							route: "/billing/payouts",
-							entityId: H.requestId,
+							entityId: W.requestId,
 							source: "payout-admin"
-						})) : H.type === "reject" ? (await p(H.requestId, e.reason ?? "", q), o("billing.payout.rejected", {
+						})) : W.type === "reject" ? (await ee(W.requestId, e.reason ?? "", K), o("billing.payout.rejected", {
 							route: "/billing/payouts",
-							entityId: H.requestId,
+							entityId: W.requestId,
 							source: "payout-admin",
 							reason: e.reason
-						})) : H.type === "mark_paid" && (await f(H.requestId, e.externalReference ?? null, e.notes ?? null, q), o("billing.payout.processed", {
+						})) : W.type === "mark_paid" && (await f(W.requestId, e.externalReference ?? null, e.notes ?? null, K), o("billing.payout.processed", {
 							route: "/billing/payouts",
-							entityId: H.requestId,
+							entityId: W.requestId,
 							source: "payout-admin"
-						})), K(null), await J();
+						})), G(null), await q();
 					} catch (e) {
-						z(e instanceof Error ? e : /* @__PURE__ */ Error("Action failed"));
+						L(e instanceof Error ? e : /* @__PURE__ */ Error("Action failed"));
 					}
 				}
 			})
@@ -594,6 +644,6 @@ var K = () => {
 	});
 };
 //#endregion
-export { K as PayoutAdminPage };
+export { H as PayoutAdminPage };
 
 //# sourceMappingURL=PayoutAdminPage.js.map