@burdenoff/microfe-billing 2026.625.4 → 2026.625.5

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

@@ -1,21 +1,20 @@
 import { useBilling as e } from "../../../providers/BillingProvider.js";
 import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
 import { PageHeader as n } from "../../../shared/components/PageHeader.js";
-import { EmptyState as r } from "../../../shared/components/EmptyState.js";
-import { ServerError as i } from "../../../shared/components/ServerError.js";
+import { ServerError as r } from "../../../shared/components/ServerError.js";
 import "../../../shared/components/index.js";
-import { useBillingEventEmitter as a } from "../../../hooks/useBillingEventEmitter.js";
-import { formatCurrency as o, formatDateTime as s } from "../../../shared/utils/format.js";
-import { isServerError as c } from "../../../shared/utils/error.js";
+import { useBillingEventEmitter as i } from "../../../hooks/useBillingEventEmitter.js";
+import { formatCurrency as a, formatDateTime as o } from "../../../shared/utils/format.js";
+import { isServerError as s } from "../../../shared/utils/error.js";
 import "../../../shared/utils/index.js";
-import { useBillingPermissions as l } from "../../../hooks/useBillingPermissions.js";
-import { approvePayoutRequest as u, fetchAdminPayoutRequests as d, fetchAdminPayoutSummary as f, markPayoutPaid as p, rejectPayoutRequest as m } from "../api.js";
-import { useEffect as h, useMemo as g, useState as _ } from "react";
-import { AlertTriangle as v, Banknote as y, CheckCircle2 as b, ChevronDown as x, ChevronUp as S, Clock as C, CreditCard as w, ReceiptText as T, RefreshCw as E, XCircle as D } from "lucide-react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { ResponsiveDialog as j, ResponsiveDialogContent as M, ResponsiveDialogDescription as N, ResponsiveDialogFooter as P, ResponsiveDialogHeader as F, ResponsiveDialogTitle as I } from "@burdenoff/fe-libs/ui";
+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 { useEffect as m, useMemo as h, 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";
 //#region src/billing/modules/earnings/pages/PayoutAdminPage.tsx
-var L = {
+var R = {
 	REQUESTED: "Requested",
 	APPROVED: "Approved",
 	REJECTED: "Rejected",
@@ -23,7 +22,7 @@ var L = {
 	PAID: "Paid",
 	FAILED: "Failed",
 	CANCELED: "Canceled"
-}, R = {
+}, z = {
 	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",
@@ -32,24 +31,24 @@ var L = {
 	FAILED: "bg-status-error-bg-subtle text-status-error-text",
 	CANCELED: "bg-bg-sunken text-text-muted"
 };
-function z({ status: e }) {
-	return /* @__PURE__ */ k("span", {
-		className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${R[e] ?? "bg-bg-sunken text-text-muted"}`,
-		children: L[e] ?? e
+function B({ status: e }) {
+	return /* @__PURE__ */ O("span", {
+		className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${z[e] ?? "bg-bg-sunken text-text-muted"}`,
+		children: R[e] ?? e
 	});
 }
-function B({ account: e }) {
-	let [t, n] = _(!1), r = e.accountDetails;
-	return /* @__PURE__ */ A("div", {
+function V({ account: e }) {
+	let [t, n] = g(!1), r = e.accountDetails;
+	return /* @__PURE__ */ k("div", {
 		className: "rounded-md border border-border-subtle bg-bg-sunken/40 p-3 text-sm",
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ k("div", {
 				className: "flex items-center gap-2 text-text-primary font-medium",
 				children: [
-					/* @__PURE__ */ k(w, { className: "size-4 text-text-muted" }),
+					/* @__PURE__ */ O(C, { className: "size-4 text-text-muted" }),
 					e.displayName ?? e.label,
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ k("span", {
 						className: "text-xs text-text-muted font-normal",
 						children: [
 							"(",
@@ -63,81 +62,81 @@ function B({ account: e }) {
 						]
 					})
 				]
-			}), r && /* @__PURE__ */ k("button", {
+			}), r && /* @__PURE__ */ O("button", {
 				type: "button",
 				onClick: () => n((e) => !e),
 				className: "text-text-muted hover:text-text-primary",
-				children: k(t ? S : x, { className: "size-4" })
+				children: O(t ? x : b, { className: "size-4" })
 			})]
-		}), t && r && /* @__PURE__ */ A("div", {
+		}), t && r && /* @__PURE__ */ k("div", {
 			className: "mt-2 grid gap-1 text-xs",
 			children: [
-				r.accountHolderName && /* @__PURE__ */ A("div", {
+				r.accountHolderName && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Account holder"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "text-text-primary",
 						children: r.accountHolderName
 					})]
 				}),
-				r.bankName && /* @__PURE__ */ A("div", {
+				r.bankName && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Bank"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "text-text-primary",
 						children: r.bankName
 					})]
 				}),
-				e.accountLast4 && /* @__PURE__ */ A("div", {
+				e.accountLast4 && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Account (last 4)"
-					}), /* @__PURE__ */ A("span", {
+					}), /* @__PURE__ */ k("span", {
 						className: "text-text-primary font-mono",
 						children: ["••••", e.accountLast4]
 					})]
 				}),
-				r.ifsc && /* @__PURE__ */ A("div", {
+				r.ifsc && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "IFSC"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "text-text-primary font-mono",
 						children: r.ifsc
 					})]
 				}),
-				r.routingNumberLast4 && /* @__PURE__ */ A("div", {
+				r.routingNumberLast4 && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "Routing (last 4)"
-					}), /* @__PURE__ */ A("span", {
+					}), /* @__PURE__ */ k("span", {
 						className: "text-text-primary font-mono",
 						children: ["••••", r.routingNumberLast4]
 					})]
 				}),
-				r.upiIdMasked && /* @__PURE__ */ A("div", {
+				r.upiIdMasked && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "UPI ID"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "text-text-primary font-mono",
 						children: r.upiIdMasked
 					})]
 				}),
-				r.swift && /* @__PURE__ */ A("div", {
+				r.swift && /* @__PURE__ */ k("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "text-text-muted w-32 shrink-0",
 						children: "SWIFT"
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "text-text-primary font-mono",
 						children: r.swift
 					})]
@@ -146,162 +145,162 @@ function B({ account: e }) {
 		})]
 	});
 }
-function V({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
-	let i = e.status === "REQUESTED" || e.status === "REJECTED", a = e.status === "REQUESTED" || e.status === "APPROVED", c = e.status === "APPROVED" || e.status === "PROCESSING";
-	return /* @__PURE__ */ A("div", {
+function H({ 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", {
 		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__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ A("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ k("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "text-xl font-semibold text-text-primary",
-							children: o(e.requestedAmount, e.currency)
-						}), /* @__PURE__ */ k(z, { status: e.status })]
-					}), /* @__PURE__ */ A("div", {
+							children: a(e.requestedAmount, e.currency)
+						}), /* @__PURE__ */ O(B, { status: e.status })]
+					}), /* @__PURE__ */ k("div", {
 						className: "text-xs text-text-muted space-x-2",
 						children: [
-							/* @__PURE__ */ A("span", { children: ["Requested ", s(e.createdAt)] }),
-							e.requesterUserId && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("span", { children: "·" }), /* @__PURE__ */ A("span", { children: ["by ", e.requesterUserId] })] }),
-							/* @__PURE__ */ k("span", { children: "·" }),
-							/* @__PURE__ */ A("span", {
+							/* @__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", {
 								className: "font-mono text-xs",
 								children: [e.id.slice(0, 8), "…"]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
-						i && /* @__PURE__ */ A("button", {
+						i && /* @__PURE__ */ k("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__ */ k(b, { className: "size-3.5" }), "Approve"]
+							children: [/* @__PURE__ */ O(y, { className: "size-3.5" }), "Approve"]
 						}),
-						c && /* @__PURE__ */ A("button", {
+						c && /* @__PURE__ */ k("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__ */ k(y, { className: "size-3.5" }), "Mark as Paid"]
+							children: [/* @__PURE__ */ O(v, { className: "size-3.5" }), "Mark as Paid"]
 						}),
-						a && /* @__PURE__ */ A("button", {
+						s && /* @__PURE__ */ k("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__ */ k(D, { className: "size-3.5" }), "Reject"]
+							children: [/* @__PURE__ */ O(E, { className: "size-3.5" }), "Reject"]
 						})
 					]
 				})]
 			}),
-			e.payoutAccount && /* @__PURE__ */ k(B, { account: e.payoutAccount }),
-			e.userNotes && /* @__PURE__ */ A("div", {
+			e.payoutAccount && /* @__PURE__ */ O(V, { account: e.payoutAccount }),
+			e.userNotes && /* @__PURE__ */ k("div", {
 				className: "rounded-md bg-bg-sunken/40 border border-border-subtle px-3 py-2 text-sm",
-				children: [/* @__PURE__ */ k("span", {
+				children: [/* @__PURE__ */ O("span", {
 					className: "text-xs font-medium text-text-muted uppercase tracking-wide",
 					children: "User note"
-				}), /* @__PURE__ */ k("p", {
+				}), /* @__PURE__ */ O("p", {
 					className: "mt-1 text-text-primary",
 					children: e.userNotes
 				})]
 			}),
-			(e.internalNotes ?? e.failureReason ?? e.externalReference) && /* @__PURE__ */ A("div", {
+			(e.internalNotes ?? e.failureReason ?? e.externalReference) && /* @__PURE__ */ k("div", {
 				className: "grid gap-1 text-xs text-text-muted",
 				children: [
-					e.externalReference && /* @__PURE__ */ A("div", {
+					e.externalReference && /* @__PURE__ */ k("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ k(T, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ A("span", { children: [
+						children: [/* @__PURE__ */ O(w, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ k("span", { children: [
 							"Ref:",
 							" ",
-							/* @__PURE__ */ k("span", {
+							/* @__PURE__ */ O("span", {
 								className: "font-mono text-text-primary",
 								children: e.externalReference
 							})
 						] })]
 					}),
-					e.internalNotes && /* @__PURE__ */ A("div", {
+					e.internalNotes && /* @__PURE__ */ k("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ k("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "shrink-0",
 							children: "Internal note:"
-						}), /* @__PURE__ */ k("span", {
+						}), /* @__PURE__ */ O("span", {
 							className: "text-text-primary",
 							children: e.internalNotes
 						})]
 					}),
-					e.failureReason && /* @__PURE__ */ A("div", {
+					e.failureReason && /* @__PURE__ */ k("div", {
 						className: "flex gap-2 text-status-error-text",
-						children: [/* @__PURE__ */ k(v, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ k("span", { children: e.failureReason })]
+						children: [/* @__PURE__ */ O(_, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ O("span", { children: e.failureReason })]
 					})
 				]
 			}),
-			(e.paidAt ?? e.processedAt) && /* @__PURE__ */ A("div", {
+			(e.paidAt ?? e.processedAt) && /* @__PURE__ */ k("div", {
 				className: "flex flex-wrap gap-4 text-xs text-text-muted",
-				children: [e.processedAt && /* @__PURE__ */ A("span", {
+				children: [e.processedAt && /* @__PURE__ */ k("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ k(C, { className: "size-3" }),
+						/* @__PURE__ */ O(S, { className: "size-3" }),
 						"Processed ",
-						s(e.processedAt)
+						o(e.processedAt)
 					]
-				}), e.paidAt && /* @__PURE__ */ A("span", {
+				}), e.paidAt && /* @__PURE__ */ k("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ k(b, { className: "size-3" }),
+						/* @__PURE__ */ O(y, { className: "size-3" }),
 						"Paid ",
-						s(e.paidAt)
+						o(e.paidAt)
 					]
 				})]
 			})
 		]
 	});
 }
-function H({ summary: e }) {
-	return /* @__PURE__ */ A("div", {
+function U({ summary: e }) {
+	return /* @__PURE__ */ k("div", {
 		className: "grid gap-3 sm:grid-cols-3",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
 				children: [
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "text-xs text-text-muted uppercase tracking-wide",
 						children: "Pending payout"
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "mt-1 text-lg font-semibold text-text-primary",
-						children: o(e.totalRequestedAmount, "USD")
+						children: a(e.totalRequestedAmount, "USD")
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ k("div", {
 						className: "text-xs text-text-muted mt-0.5",
 						children: [e.pendingCount, " requests"]
 					})
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "text-xs text-text-muted uppercase tracking-wide",
 					children: "Processing"
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "mt-1 text-lg font-semibold text-text-primary",
-					children: o(e.totalProcessingAmount, "USD")
+					children: a(e.totalProcessingAmount, "USD")
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
 				children: [
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "text-xs text-text-muted uppercase tracking-wide",
 						children: "Total paid"
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "mt-1 text-lg font-semibold text-text-primary",
-						children: o(e.totalPaidAmount, "USD")
+						children: a(e.totalPaidAmount, "USD")
 					}),
-					e.failedCount > 0 && /* @__PURE__ */ A("div", {
+					e.failedCount > 0 && /* @__PURE__ */ k("div", {
 						className: "text-xs text-status-error-text mt-0.5",
 						children: [e.failedCount, " failed"]
 					})
@@ -310,53 +309,53 @@ function H({ summary: e }) {
 		]
 	});
 }
-function U({ dialog: e, onClose: t, onConfirm: n }) {
-	let [r, i] = _(""), [a, s] = _(""), [c, l] = _(""), [u, d] = _(!1), f = async () => {
-		e.type === "reject" && !a.trim() || (d(!0), await n({
+function W({ dialog: e, onClose: t, onConfirm: n }) {
+	let [r, i] = g(""), [o, s] = g(""), [c, l] = g(""), [u, d] = g(!1), f = async () => {
+		e.type === "reject" && !o.trim() || (d(!0), await n({
 			notes: r.trim() || void 0,
-			reason: a.trim() || void 0,
+			reason: o.trim() || void 0,
 			externalReference: c.trim() || void 0
 		}), d(!1));
 	};
-	return /* @__PURE__ */ k(j, {
+	return /* @__PURE__ */ O(M, {
 		open: !0,
 		onOpenChange: (e) => {
 			!e && !u && t();
 		},
-		children: /* @__PURE__ */ A(M, {
+		children: /* @__PURE__ */ k(N, {
 			className: "sm:max-w-md",
 			children: [
-				/* @__PURE__ */ A(F, { children: [/* @__PURE__ */ k(I, { children: {
+				/* @__PURE__ */ k(I, { children: [/* @__PURE__ */ O(L, { children: {
 					approve: "Approve withdrawal request",
 					reject: "Reject withdrawal request",
 					mark_paid: "Mark as paid"
-				}[e.type] }), /* @__PURE__ */ A(N, { children: [
-					o(e.amount, e.currency),
+				}[e.type] }), /* @__PURE__ */ k(P, { children: [
+					a(e.amount, e.currency),
 					" · ",
 					e.accountLabel
 				] })] }),
-				e.type === "mark_paid" && /* @__PURE__ */ A("div", {
+				e.type === "mark_paid" && /* @__PURE__ */ k("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ A("div", { children: [
-						/* @__PURE__ */ k("label", {
+					children: [/* @__PURE__ */ k("div", { children: [
+						/* @__PURE__ */ O("label", {
 							className: "text-xs font-medium text-text-primary block mb-1",
 							children: "Transaction reference / UTR number"
 						}),
-						/* @__PURE__ */ k("input", {
+						/* @__PURE__ */ O("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__ */ k("p", {
+						/* @__PURE__ */ O("p", {
 							className: "text-xs text-text-muted mt-1",
 							children: "Enter the bank reference number so the user can verify the transfer."
 						})
-					] }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
+					] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
 						className: "text-xs font-medium text-text-primary block mb-1",
 						children: "Internal notes (optional)"
-					}), /* @__PURE__ */ k("textarea", {
+					}), /* @__PURE__ */ O("textarea", {
 						value: r,
 						onChange: (e) => i(e.target.value),
 						rows: 2,
@@ -364,39 +363,39 @@ function U({ 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__ */ A("div", { children: [/* @__PURE__ */ k("label", {
+				e.type === "approve" && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
 					className: "text-xs font-medium text-text-primary block mb-1",
 					children: "Internal notes (optional)"
-				}), /* @__PURE__ */ k("textarea", {
+				}), /* @__PURE__ */ O("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__ */ A("div", { children: [/* @__PURE__ */ A("label", {
+				e.type === "reject" && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
 					className: "text-xs font-medium text-text-primary block mb-1",
-					children: ["Reason for rejection ", /* @__PURE__ */ k("span", {
+					children: ["Reason for rejection ", /* @__PURE__ */ O("span", {
 						className: "text-status-error-text",
 						children: "*"
 					})]
-				}), /* @__PURE__ */ k("textarea", {
-					value: a,
+				}), /* @__PURE__ */ O("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__ */ A(P, { children: [/* @__PURE__ */ k("button", {
+				/* @__PURE__ */ k(F, { children: [/* @__PURE__ */ O("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__ */ k("button", {
+				}), /* @__PURE__ */ O("button", {
 					type: "button",
 					onClick: () => void f(),
-					disabled: u || e.type === "reject" && !a.trim(),
+					disabled: u || e.type === "reject" && !o.trim(),
 					className: `rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${e.type === "reject" ? "bg-action-danger-bg text-action-danger-text" : "bg-action-primary-bg text-action-primary-text"}`,
 					children: u ? "Saving…" : e.type === "approve" ? "Approve" : e.type === "reject" ? "Reject" : "Confirm Payment"
 				})] })
@@ -404,36 +403,36 @@ function U({ dialog: e, onClose: t, onConfirm: n }) {
 		})
 	});
 }
-var W = () => {
-	let o = l(), { emit: s } = a(), { apiGatewayUrl: v, authToken: y, orgId: x } = e(), [S, C] = _(null), [w, T] = _([]), [D, O] = _(!0), [j, M] = _(null), [N, P] = _("pending"), [F, I] = _(null), L = g(() => ({
-		apiGatewayUrl: v,
-		authToken: y,
-		orgId: x
+var G = () => {
+	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(null), [N, P] = g("pending"), [F, I] = g(null), L = h(() => ({
+		apiGatewayUrl: _,
+		authToken: v,
+		orgId: y
 	}), [
+		_,
 		v,
-		y,
-		x
+		y
 	]), R = async () => {
-		O(!0), M(null);
+		E(!0), M(null);
 		try {
-			let [e, t] = await Promise.all([f(L), d(L)]);
-			C(e), T(t);
+			let [e, t] = await Promise.all([d(L), u(L)]);
+			x(e), C(t);
 		} catch (e) {
 			M(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load payout queue"));
 		} finally {
-			O(!1);
+			E(!1);
 		}
 	};
-	if (h(() => {
+	if (m(() => {
 		R();
-	}, [L]), !o.isBillingAdmin) return /* @__PURE__ */ k(t, { message: "You don't have permission to manage payouts." });
-	if (j && c(j)) return /* @__PURE__ */ k(i, {
+	}, [L]), !a.isBillingAdmin) return /* @__PURE__ */ O(t, { message: "You don't have permission to manage payouts." });
+	if (D && s(D)) return /* @__PURE__ */ O(r, {
 		title: "Payout queue unavailable",
-		message: j.message,
+		message: D.message,
 		onRetry: () => void R(),
 		showRetry: !0
 	});
-	let z = w.filter((e) => e.status === "REQUESTED"), B = w.filter((e) => e.status === "APPROVED" || e.status === "PROCESSING"), W = w.filter((e) => [
+	let z = S.filter((e) => e.status === "REQUESTED"), B = S.filter((e) => e.status === "APPROVED" || e.status === "PROCESSING"), V = S.filter((e) => [
 		"PAID",
 		"REJECTED",
 		"FAILED",
@@ -452,9 +451,9 @@ var W = () => {
 		{
 			id: "history",
 			label: "History",
-			count: W.length
+			count: V.length
 		}
-	], K = N === "pending" ? z : N === "approved" ? B : W, q = (e, t) => {
+	], K = N === "pending" ? z : N === "approved" ? B : V, q = (e, t) => {
 		I({
 			type: e,
 			requestId: t.id,
@@ -463,87 +462,88 @@ var W = () => {
 			accountLabel: t.payoutAccount?.displayName ?? t.payoutAccount?.label ?? "Unknown account"
 		});
 	};
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ k("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ k(n, {
+			/* @__PURE__ */ O(n, {
 				title: "Payout queue",
 				description: "Review withdrawal requests, verify bank details, and mark payments as paid once transferred.",
-				actions: /* @__PURE__ */ A("button", {
+				actions: /* @__PURE__ */ k("button", {
 					type: "button",
 					onClick: () => void R(),
 					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__ */ k(E, { className: `size-4 ${D ? "animate-spin" : ""}` }), "Refresh"]
+					children: [/* @__PURE__ */ O(T, { className: `size-4 ${w ? "animate-spin" : ""}` }), "Refresh"]
 				})
 			}),
-			S && !D && /* @__PURE__ */ k(H, { summary: S }),
-			D && /* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O(j, { children: "The operations queue for paying out users. Review incoming withdrawal requests, verify the payee's bank or UPI details, approve or reject them, then mark each one paid with its transaction reference once you have transferred the money." }),
+			b && !w && /* @__PURE__ */ O(U, { summary: b }),
+			w && /* @__PURE__ */ O("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
 					1,
 					2,
 					3
-				].map((e) => /* @__PURE__ */ k("div", { className: "h-20 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
+				].map((e) => /* @__PURE__ */ O("div", { className: "h-20 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
 			}),
-			j && !c(j) && /* @__PURE__ */ k("div", {
+			D && !s(D) && /* @__PURE__ */ O("div", {
 				className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: j.message
+				children: D.message
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				className: "border-b border-border-subtle",
-				children: /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "flex gap-0",
-					children: G.map((e) => /* @__PURE__ */ A("button", {
+					children: G.map((e) => /* @__PURE__ */ k("button", {
 						type: "button",
 						onClick: () => P(e.id),
 						className: `flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors ${N === 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__ */ k("span", {
+						children: [e.label, e.count > 0 && /* @__PURE__ */ O("span", {
 							className: `rounded-full px-1.5 py-0.5 text-xs ${N === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-muted"}`,
 							children: e.count
 						})]
 					}, e.id))
 				})
 			}),
-			N === "approved" && B.length > 0 && /* @__PURE__ */ A("div", {
+			N === "approved" && B.length > 0 && /* @__PURE__ */ k("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__ */ k("strong", { children: "How to pay:" }),
+					/* @__PURE__ */ O("strong", { children: "How to pay:" }),
 					" Click the account row to expand bank/UPI details → transfer the exact amount via your bank → click ",
-					/* @__PURE__ */ k("strong", { children: "Mark as Paid" }),
+					/* @__PURE__ */ O("strong", { children: "Mark as Paid" }),
 					" and enter the UTR / transaction reference number."
 				]
 			}),
-			D ? /* @__PURE__ */ k("div", {
+			w ? /* @__PURE__ */ O("div", {
 				className: "space-y-4",
-				children: [1, 2].map((e) => /* @__PURE__ */ k("div", { className: "h-40 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
-			}) : K.length === 0 ? /* @__PURE__ */ k(r, {
-				icon: /* @__PURE__ */ k(b, { className: "size-8" }),
+				children: [1, 2].map((e) => /* @__PURE__ */ O("div", { className: "h-40 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
+			}) : K.length === 0 ? /* @__PURE__ */ O(A, {
+				illustration: "empty-data",
 				title: N === "pending" ? "No pending requests" : N === "approved" ? "No approved requests awaiting payment" : "No history yet",
 				description: N === "pending" ? "New withdrawal requests will appear here." : N === "approved" ? "Approve pending requests first, then send payment and mark as paid." : "Completed and rejected requests will appear here."
-			}) : /* @__PURE__ */ k("div", {
+			}) : /* @__PURE__ */ O("div", {
 				className: "space-y-4",
-				children: K.map((e) => /* @__PURE__ */ k(V, {
+				children: K.map((e) => /* @__PURE__ */ O(H, {
 					request: e,
 					onApprove: (e) => q("approve", e),
 					onReject: (e) => q("reject", e),
 					onMarkPaid: (e) => q("mark_paid", e)
 				}, e.id))
 			}),
-			F && /* @__PURE__ */ k(U, {
+			F && /* @__PURE__ */ O(W, {
 				dialog: F,
 				onClose: () => I(null),
 				onConfirm: async (e) => {
 					if (F) try {
-						F.type === "approve" ? (await u(F.requestId, e.notes ?? null, L), s("billing.payout.approved", {
+						F.type === "approve" ? (await l(F.requestId, e.notes ?? null, L), o("billing.payout.approved", {
 							route: "/billing/payouts",
 							entityId: F.requestId,
 							source: "payout-admin"
-						})) : F.type === "reject" ? (await m(F.requestId, e.reason ?? "", L), s("billing.payout.rejected", {
+						})) : F.type === "reject" ? (await p(F.requestId, e.reason ?? "", L), o("billing.payout.rejected", {
 							route: "/billing/payouts",
 							entityId: F.requestId,
 							source: "payout-admin",
 							reason: e.reason
-						})) : F.type === "mark_paid" && (await p(F.requestId, e.externalReference ?? null, e.notes ?? null, L), s("billing.payout.processed", {
+						})) : F.type === "mark_paid" && (await f(F.requestId, e.externalReference ?? null, e.notes ?? null, L), o("billing.payout.processed", {
 							route: "/billing/payouts",
 							entityId: F.requestId,
 							source: "payout-admin"
@@ -557,6 +557,6 @@ var W = () => {
 	});
 };
 //#endregion
-export { W as PayoutAdminPage };
+export { G as PayoutAdminPage };
 
 //# sourceMappingURL=PayoutAdminPage.js.map