@burdenoff/microfe-billing 2026.526.1 → 2026.528.1

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

@@ -46,7 +46,7 @@ function P({ account: e }) {
 			children: [/* @__PURE__ */ A("div", {
 				className: "flex items-center gap-2 text-foreground font-medium",
 				children: [
-					/* @__PURE__ */ k(w, { className: "h-4 w-4 text-muted-foreground" }),
+					/* @__PURE__ */ k(w, { className: "size-4 text-muted-foreground" }),
 					e.displayName ?? e.label,
 					/* @__PURE__ */ A("span", {
 						className: "text-xs text-muted-foreground font-normal",
@@ -66,7 +66,7 @@ function P({ account: e }) {
 				type: "button",
 				onClick: () => n((e) => !e),
 				className: "text-muted-foreground hover:text-foreground",
-				children: k(t ? S : x, { className: "h-4 w-4" })
+				children: k(t ? S : x, { className: "size-4" })
 			})]
 		}), t && r && /* @__PURE__ */ A("div", {
 			className: "mt-2 grid gap-1 text-xs",
@@ -179,19 +179,19 @@ function F({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
 							type: "button",
 							onClick: () => t(e),
 							className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground",
-							children: [/* @__PURE__ */ k(b, { className: "h-3.5 w-3.5" }), "Approve"]
+							children: [/* @__PURE__ */ k(b, { className: "size-3.5" }), "Approve"]
 						}),
 						c && /* @__PURE__ */ A("button", {
 							type: "button",
 							onClick: () => r(e),
 							className: "inline-flex items-center gap-1.5 rounded-md bg-success-surface border border-success-border px-3 py-1.5 text-xs font-medium text-success-foreground",
-							children: [/* @__PURE__ */ k(y, { className: "h-3.5 w-3.5" }), "Mark as Paid"]
+							children: [/* @__PURE__ */ k(y, { className: "size-3.5" }), "Mark as Paid"]
 						}),
 						a && /* @__PURE__ */ A("button", {
 							type: "button",
 							onClick: () => n(e),
 							className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-destructive",
-							children: [/* @__PURE__ */ k(D, { className: "h-3.5 w-3.5" }), "Reject"]
+							children: [/* @__PURE__ */ k(D, { className: "size-3.5" }), "Reject"]
 						})
 					]
 				})]
@@ -212,7 +212,7 @@ function F({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
 				children: [
 					e.externalReference && /* @__PURE__ */ A("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ k(T, { className: "h-3.5 w-3.5 mt-px shrink-0" }), /* @__PURE__ */ A("span", { children: ["Ref: ", /* @__PURE__ */ k("span", {
+						children: [/* @__PURE__ */ k(T, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ A("span", { children: ["Ref: ", /* @__PURE__ */ k("span", {
 							className: "font-mono text-foreground",
 							children: e.externalReference
 						})] })]
@@ -229,7 +229,7 @@ function F({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
 					}),
 					e.failureReason && /* @__PURE__ */ A("div", {
 						className: "flex gap-2 text-destructive",
-						children: [/* @__PURE__ */ k(v, { className: "h-3.5 w-3.5 mt-px shrink-0" }), /* @__PURE__ */ k("span", { children: e.failureReason })]
+						children: [/* @__PURE__ */ k(v, { className: "size-3.5 mt-px shrink-0" }), /* @__PURE__ */ k("span", { children: e.failureReason })]
 					})
 				]
 			}),
@@ -238,14 +238,14 @@ function F({ request: e, onApprove: t, onReject: n, onMarkPaid: r }) {
 				children: [e.processedAt && /* @__PURE__ */ A("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ k(C, { className: "h-3 w-3" }),
+						/* @__PURE__ */ k(C, { className: "size-3" }),
 						"Processed ",
 						s(e.processedAt)
 					]
 				}), e.paidAt && /* @__PURE__ */ A("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ k(b, { className: "h-3 w-3" }),
+						/* @__PURE__ */ k(b, { className: "size-3" }),
 						"Paid ",
 						s(e.paidAt)
 					]
@@ -474,7 +474,7 @@ var R = () => {
 					type: "button",
 					onClick: () => void V(),
 					className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground",
-					children: [/* @__PURE__ */ k(E, { className: `h-4 w-4 ${D ? "animate-spin" : ""}` }), "Refresh"]
+					children: [/* @__PURE__ */ k(E, { className: `size-4 ${D ? "animate-spin" : ""}` }), "Refresh"]
 				})
 			}),
 			S && !D && /* @__PURE__ */ k(I, { summary: S }),
@@ -518,7 +518,7 @@ var R = () => {
 				className: "space-y-4",
 				children: [1, 2].map((e) => /* @__PURE__ */ k("div", { className: "h-40 animate-pulse rounded-lg border border-border bg-card" }, e))
 			}) : K.length === 0 ? /* @__PURE__ */ k(r, {
-				icon: /* @__PURE__ */ k(b, { className: "h-8 w-8" }),
+				icon: /* @__PURE__ */ k(b, { className: "size-8" }),
 				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", {

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

@@ -1 +1 @@
-{"version":3,"file":"PayoutAdminPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/PayoutAdminPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport {\n  AlertTriangle,\n  Banknote,\n  CheckCircle2,\n  ChevronDown,\n  ChevronUp,\n  Clock,\n  CreditCard,\n  RefreshCw,\n  ReceiptText,\n  XCircle,\n} from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBillingEventEmitter } from '../../../hooks/useBillingEventEmitter';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, EmptyState, PageHeader, ServerError } from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport {\n  approvePayoutRequest,\n  fetchAdminPayoutRequests,\n  fetchAdminPayoutSummary,\n  markPayoutPaid,\n  rejectPayoutRequest,\n  type PayoutAdminSummary,\n  type PayoutRequest,\n} from '../api';\n\ntype Tab = 'pending' | 'approved' | 'history';\n\ninterface ActionDialogState {\n  type: 'approve' | 'reject' | 'mark_paid';\n  requestId: string;\n  amount: number;\n  currency: string;\n  accountLabel: string;\n}\n\nconst STATUS_LABEL: Record<string, string> = {\n  REQUESTED: 'Requested',\n  APPROVED: 'Approved',\n  REJECTED: 'Rejected',\n  PROCESSING: 'Processing',\n  PAID: 'Paid',\n  FAILED: 'Failed',\n  CANCELED: 'Canceled',\n};\n\nconst STATUS_COLORS: Record<string, string> = {\n  REQUESTED: 'bg-warning-surface text-warning-foreground',\n  APPROVED: 'bg-info-surface text-info-foreground',\n  REJECTED: 'bg-destructive/10 text-destructive',\n  PROCESSING: 'bg-info-surface text-info-foreground',\n  PAID: 'bg-success-surface text-success-foreground',\n  FAILED: 'bg-destructive/10 text-destructive',\n  CANCELED: 'bg-muted text-muted-foreground',\n};\n\nfunction StatusBadge({ status }: { status: string }) {\n  return (\n    <span\n      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${STATUS_COLORS[status] ?? 'bg-muted text-muted-foreground'}`}\n    >\n      {STATUS_LABEL[status] ?? status}\n    </span>\n  );\n}\n\nfunction AccountDetails({ account }: { account: NonNullable<PayoutRequest['payoutAccount']> }) {\n  const [expanded, setExpanded] = useState(false);\n  const details = account.accountDetails as Record<string, string | null> | null;\n\n  return (\n    <div className=\"rounded-md border border-border bg-muted/40 p-3 text-sm\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2 text-foreground font-medium\">\n          <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n          {account.displayName ?? account.label}\n          <span className=\"text-xs text-muted-foreground font-normal\">\n            ({account.type === 'UPI' ? 'UPI' : 'Bank'} · {account.country ?? 'Unknown'} ·{' '}\n            {account.currency})\n          </span>\n        </div>\n        {details && (\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((v) => !v)}\n            className=\"text-muted-foreground hover:text-foreground\"\n          >\n            {expanded ? <ChevronUp className=\"h-4 w-4\" /> : <ChevronDown className=\"h-4 w-4\" />}\n          </button>\n        )}\n      </div>\n      {expanded && details && (\n        <div className=\"mt-2 grid gap-1 text-xs\">\n          {details.accountHolderName && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Account holder</span>\n              <span className=\"text-foreground\">{details.accountHolderName}</span>\n            </div>\n          )}\n          {details.bankName && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Bank</span>\n              <span className=\"text-foreground\">{details.bankName}</span>\n            </div>\n          )}\n          {account.accountLast4 && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Account (last 4)</span>\n              <span className=\"text-foreground font-mono\">••••{account.accountLast4}</span>\n            </div>\n          )}\n          {details.ifsc && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">IFSC</span>\n              <span className=\"text-foreground font-mono\">{details.ifsc}</span>\n            </div>\n          )}\n          {details.routingNumberLast4 && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Routing (last 4)</span>\n              <span className=\"text-foreground font-mono\">••••{details.routingNumberLast4}</span>\n            </div>\n          )}\n          {details.upiIdMasked && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">UPI ID</span>\n              <span className=\"text-foreground font-mono\">{details.upiIdMasked}</span>\n            </div>\n          )}\n          {details.swift && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">SWIFT</span>\n              <span className=\"text-foreground font-mono\">{details.swift}</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction RequestCard({\n  request,\n  onApprove,\n  onReject,\n  onMarkPaid,\n}: {\n  request: PayoutRequest;\n  onApprove: (r: PayoutRequest) => void;\n  onReject: (r: PayoutRequest) => void;\n  onMarkPaid: (r: PayoutRequest) => void;\n}) {\n  const canApprove = request.status === 'REQUESTED' || request.status === 'REJECTED';\n  const canReject = request.status === 'REQUESTED' || request.status === 'APPROVED';\n  const canMarkPaid = request.status === 'APPROVED' || request.status === 'PROCESSING';\n\n  return (\n    <div className=\"rounded-lg border border-border bg-card p-5 space-y-4\">\n      {/* Header row */}\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"space-y-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-xl font-semibold text-foreground\">\n              {formatCurrency(request.requestedAmount, request.currency)}\n            </span>\n            <StatusBadge status={request.status} />\n          </div>\n          <div className=\"text-xs text-muted-foreground space-x-2\">\n            <span>Requested {formatDateTime(request.createdAt)}</span>\n            {request.requesterUserId && (\n              <>\n                <span>·</span>\n                <span>by {request.requesterUserId}</span>\n              </>\n            )}\n            <span>·</span>\n            <span className=\"font-mono text-xs\">{request.id.slice(0, 8)}…</span>\n          </div>\n        </div>\n        <div className=\"flex flex-wrap gap-2\">\n          {canApprove && (\n            <button\n              type=\"button\"\n              onClick={() => onApprove(request)}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground\"\n            >\n              <CheckCircle2 className=\"h-3.5 w-3.5\" />\n              Approve\n            </button>\n          )}\n          {canMarkPaid && (\n            <button\n              type=\"button\"\n              onClick={() => onMarkPaid(request)}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-success-surface border border-success-border px-3 py-1.5 text-xs font-medium text-success-foreground\"\n            >\n              <Banknote className=\"h-3.5 w-3.5\" />\n              Mark as Paid\n            </button>\n          )}\n          {canReject && (\n            <button\n              type=\"button\"\n              onClick={() => onReject(request)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-destructive\"\n            >\n              <XCircle className=\"h-3.5 w-3.5\" />\n              Reject\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Payout account */}\n      {request.payoutAccount && <AccountDetails account={request.payoutAccount} />}\n\n      {/* User notes */}\n      {request.userNotes && (\n        <div className=\"rounded-md bg-muted/40 border border-border px-3 py-2 text-sm\">\n          <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n            User note\n          </span>\n          <p className=\"mt-1 text-foreground\">{request.userNotes}</p>\n        </div>\n      )}\n\n      {/* Internal notes / failure / ref */}\n      {(request.internalNotes ?? request.failureReason ?? request.externalReference) && (\n        <div className=\"grid gap-1 text-xs text-muted-foreground\">\n          {request.externalReference && (\n            <div className=\"flex gap-2\">\n              <ReceiptText className=\"h-3.5 w-3.5 mt-px shrink-0\" />\n              <span>\n                Ref: <span className=\"font-mono text-foreground\">{request.externalReference}</span>\n              </span>\n            </div>\n          )}\n          {request.internalNotes && (\n            <div className=\"flex gap-2\">\n              <span className=\"shrink-0\">Internal note:</span>\n              <span className=\"text-foreground\">{request.internalNotes}</span>\n            </div>\n          )}\n          {request.failureReason && (\n            <div className=\"flex gap-2 text-destructive\">\n              <AlertTriangle className=\"h-3.5 w-3.5 mt-px shrink-0\" />\n              <span>{request.failureReason}</span>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Timestamps */}\n      {(request.paidAt ?? request.processedAt) && (\n        <div className=\"flex flex-wrap gap-4 text-xs text-muted-foreground\">\n          {request.processedAt && (\n            <span className=\"flex items-center gap-1\">\n              <Clock className=\"h-3 w-3\" />\n              Processed {formatDateTime(request.processedAt)}\n            </span>\n          )}\n          {request.paidAt && (\n            <span className=\"flex items-center gap-1\">\n              <CheckCircle2 className=\"h-3 w-3\" />\n              Paid {formatDateTime(request.paidAt)}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction SummaryBar({ summary }: { summary: PayoutAdminSummary }) {\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-3\">\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"text-xs text-muted-foreground uppercase tracking-wide\">Pending payout</div>\n        <div className=\"mt-1 text-lg font-semibold text-foreground\">\n          {formatCurrency(summary.totalRequestedAmount, 'USD')}\n        </div>\n        <div className=\"text-xs text-muted-foreground mt-0.5\">{summary.pendingCount} requests</div>\n      </div>\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"text-xs text-muted-foreground uppercase tracking-wide\">Processing</div>\n        <div className=\"mt-1 text-lg font-semibold text-foreground\">\n          {formatCurrency(summary.totalProcessingAmount, 'USD')}\n        </div>\n      </div>\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"text-xs text-muted-foreground uppercase tracking-wide\">Total paid</div>\n        <div className=\"mt-1 text-lg font-semibold text-foreground\">\n          {formatCurrency(summary.totalPaidAmount, 'USD')}\n        </div>\n        {summary.failedCount > 0 && (\n          <div className=\"text-xs text-destructive mt-0.5\">{summary.failedCount} failed</div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ActionDialog({\n  dialog,\n  onClose,\n  onConfirm,\n}: {\n  dialog: ActionDialogState;\n  onClose: () => void;\n  onConfirm: (data: {\n    notes?: string;\n    reason?: string;\n    externalReference?: string;\n  }) => Promise<void>;\n}) {\n  const [notes, setNotes] = useState('');\n  const [reason, setReason] = useState('');\n  const [txnRef, setTxnRef] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n\n  const handleSubmit = async () => {\n    if (dialog.type === 'reject' && !reason.trim()) return;\n    setSubmitting(true);\n    await onConfirm({\n      notes: notes.trim() || undefined,\n      reason: reason.trim() || undefined,\n      externalReference: txnRef.trim() || undefined,\n    });\n    setSubmitting(false);\n  };\n\n  const titles = {\n    approve: 'Approve withdrawal request',\n    reject: 'Reject withdrawal request',\n    mark_paid: 'Mark as paid',\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-overlay-scrim p-4\">\n      <div className=\"w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-lg space-y-4\">\n        <div>\n          <h3 className=\"text-base font-semibold text-foreground\">{titles[dialog.type]}</h3>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {formatCurrency(dialog.amount, dialog.currency)} · {dialog.accountLabel}\n          </p>\n        </div>\n\n        {dialog.type === 'mark_paid' && (\n          <div className=\"space-y-3\">\n            <div>\n              <label className=\"text-xs font-medium text-foreground block mb-1\">\n                Transaction reference / UTR number\n              </label>\n              <input\n                type=\"text\"\n                value={txnRef}\n                onChange={(e) => setTxnRef(e.target.value)}\n                placeholder=\"e.g. UTR123456789012, TXN_abc123\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                Enter the bank reference number so the user can verify the transfer.\n              </p>\n            </div>\n            <div>\n              <label className=\"text-xs font-medium text-foreground block mb-1\">\n                Internal notes (optional)\n              </label>\n              <textarea\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                rows={2}\n                placeholder=\"Any internal notes about this payment…\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n              />\n            </div>\n          </div>\n        )}\n\n        {dialog.type === 'approve' && (\n          <div>\n            <label className=\"text-xs font-medium text-foreground block mb-1\">\n              Internal notes (optional)\n            </label>\n            <textarea\n              value={notes}\n              onChange={(e) => setNotes(e.target.value)}\n              rows={3}\n              placeholder=\"e.g. Verified bank details, approved for transfer…\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n            />\n          </div>\n        )}\n\n        {dialog.type === 'reject' && (\n          <div>\n            <label className=\"text-xs font-medium text-foreground block mb-1\">\n              Reason for rejection <span className=\"text-destructive\">*</span>\n            </label>\n            <textarea\n              value={reason}\n              onChange={(e) => setReason(e.target.value)}\n              rows={3}\n              placeholder=\"e.g. Invalid bank details provided, please re-submit with correct IFSC…\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n            />\n          </div>\n        )}\n\n        <div className=\"flex justify-end gap-2 pt-2\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={submitting}\n            className=\"rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground disabled:opacity-50\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleSubmit()}\n            disabled={submitting || (dialog.type === 'reject' && !reason.trim())}\n            className={`rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${\n              dialog.type === 'reject'\n                ? 'bg-destructive text-destructive-foreground'\n                : 'bg-primary text-primary-foreground'\n            }`}\n          >\n            {submitting\n              ? 'Saving…'\n              : dialog.type === 'approve'\n                ? 'Approve'\n                : dialog.type === 'reject'\n                  ? 'Reject'\n                  : 'Confirm Payment'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const PayoutAdminPage: FC = () => {\n  const permissions = useBillingPermissions();\n  const { emit } = useBillingEventEmitter();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n\n  const [summary, setSummary] = useState<PayoutAdminSummary | null>(null);\n  const [requests, setRequests] = useState<PayoutRequest[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [activeTab, setActiveTab] = useState<Tab>('pending');\n  const [dialog, setDialog] = useState<ActionDialogState | null>(null);\n\n  const requestContext = useMemo(\n    () => ({ apiGatewayUrl, authToken, orgId }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const [loadedSummary, loadedRequests] = await Promise.all([\n        fetchAdminPayoutSummary(requestContext),\n        fetchAdminPayoutRequests(requestContext),\n      ]);\n      setSummary(loadedSummary);\n      setRequests(loadedRequests);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load payout queue'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [requestContext]);\n\n  if (!permissions.isBillingAdmin) {\n    return <AccessDenied message=\"You don't have permission to manage payouts.\" />;\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Payout queue unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const pending = requests.filter((r) => r.status === 'REQUESTED');\n  const approved = requests.filter((r) => r.status === 'APPROVED' || r.status === 'PROCESSING');\n  const history = requests.filter((r) =>\n    ['PAID', 'REJECTED', 'FAILED', 'CANCELED'].includes(r.status)\n  );\n\n  const tabItems: { id: Tab; label: string; count: number }[] = [\n    { id: 'pending', label: 'Pending', count: pending.length },\n    { id: 'approved', label: 'Approved', count: approved.length },\n    { id: 'history', label: 'History', count: history.length },\n  ];\n\n  const visibleRequests =\n    activeTab === 'pending' ? pending : activeTab === 'approved' ? approved : history;\n\n  const openDialog = (type: ActionDialogState['type'], request: PayoutRequest) => {\n    setDialog({\n      type,\n      requestId: request.id,\n      amount: request.requestedAmount,\n      currency: request.currency,\n      accountLabel:\n        request.payoutAccount?.displayName ?? request.payoutAccount?.label ?? 'Unknown account',\n    });\n  };\n\n  const handleConfirm = async (data: {\n    notes?: string;\n    reason?: string;\n    externalReference?: string;\n  }) => {\n    if (!dialog) return;\n\n    try {\n      if (dialog.type === 'approve') {\n        await approvePayoutRequest(dialog.requestId, data.notes ?? null, requestContext);\n        emit('billing.payout.approved', {\n          route: '/billing/payouts',\n          entityId: dialog.requestId,\n          source: 'payout-admin',\n        });\n      } else if (dialog.type === 'reject') {\n        await rejectPayoutRequest(dialog.requestId, data.reason ?? '', requestContext);\n        emit('billing.payout.rejected', {\n          route: '/billing/payouts',\n          entityId: dialog.requestId,\n          source: 'payout-admin',\n          reason: data.reason,\n        });\n      } else if (dialog.type === 'mark_paid') {\n        await markPayoutPaid(\n          dialog.requestId,\n          data.externalReference ?? null,\n          data.notes ?? null,\n          requestContext\n        );\n        emit('billing.payout.processed', {\n          route: '/billing/payouts',\n          entityId: dialog.requestId,\n          source: 'payout-admin',\n        });\n      }\n      setDialog(null);\n      await loadData();\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Action failed'));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title=\"Payout queue\"\n        description=\"Review withdrawal requests, verify bank details, and mark payments as paid once transferred.\"\n        actions={\n          <button\n            type=\"button\"\n            onClick={() => void loadData()}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n          >\n            <RefreshCw className={`h-4 w-4 ${loading ? 'animate-spin' : ''}`} />\n            Refresh\n          </button>\n        }\n      />\n\n      {summary && !loading && <SummaryBar summary={summary} />}\n\n      {loading && (\n        <div className=\"grid gap-3 sm:grid-cols-3\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"h-20 animate-pulse rounded-lg border border-border bg-card\" />\n          ))}\n        </div>\n      )}\n\n      {error && !isServerError(error) && (\n        <div className=\"rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n          {error.message}\n        </div>\n      )}\n\n      {/* Tabs */}\n      <div className=\"border-b border-border\">\n        <div className=\"flex gap-0\">\n          {tabItems.map((tab) => (\n            <button\n              key={tab.id}\n              type=\"button\"\n              onClick={() => setActiveTab(tab.id)}\n              className={`flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors ${\n                activeTab === tab.id\n                  ? 'border-primary text-foreground'\n                  : 'border-transparent text-muted-foreground hover:text-foreground'\n              }`}\n            >\n              {tab.label}\n              {tab.count > 0 && (\n                <span\n                  className={`rounded-full px-1.5 py-0.5 text-xs ${\n                    activeTab === tab.id\n                      ? 'bg-primary text-primary-foreground'\n                      : 'bg-muted text-muted-foreground'\n                  }`}\n                >\n                  {tab.count}\n                </span>\n              )}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* How to pay — shown only on the Approved tab */}\n      {activeTab === 'approved' && approved.length > 0 && (\n        <div className=\"rounded-lg border border-info-border bg-info-surface px-4 py-3 text-sm text-info-foreground\">\n          <strong>How to pay:</strong> Click the account row to expand bank/UPI details → transfer\n          the exact amount via your bank → click <strong>Mark as Paid</strong> and enter the UTR /\n          transaction reference number.\n        </div>\n      )}\n\n      {/* Request cards */}\n      {loading ? (\n        <div className=\"space-y-4\">\n          {[1, 2].map((i) => (\n            <div key={i} className=\"h-40 animate-pulse rounded-lg border border-border bg-card\" />\n          ))}\n        </div>\n      ) : visibleRequests.length === 0 ? (\n        <EmptyState\n          icon={<CheckCircle2 className=\"h-8 w-8\" />}\n          title={\n            activeTab === 'pending'\n              ? 'No pending requests'\n              : activeTab === 'approved'\n                ? 'No approved requests awaiting payment'\n                : 'No history yet'\n          }\n          description={\n            activeTab === 'pending'\n              ? 'New withdrawal requests will appear here.'\n              : activeTab === 'approved'\n                ? 'Approve pending requests first, then send payment and mark as paid.'\n                : 'Completed and rejected requests will appear here.'\n          }\n        />\n      ) : (\n        <div className=\"space-y-4\">\n          {visibleRequests.map((request) => (\n            <RequestCard\n              key={request.id}\n              request={request}\n              onApprove={(r) => openDialog('approve', r)}\n              onReject={(r) => openDialog('reject', r)}\n              onMarkPaid={(r) => openDialog('mark_paid', r)}\n            />\n          ))}\n        </div>\n      )}\n\n      {dialog && (\n        <ActionDialog dialog={dialog} onClose={() => setDialog(null)} onConfirm={handleConfirm} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PayoutAdminPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/PayoutAdminPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport {\n  AlertTriangle,\n  Banknote,\n  CheckCircle2,\n  ChevronDown,\n  ChevronUp,\n  Clock,\n  CreditCard,\n  RefreshCw,\n  ReceiptText,\n  XCircle,\n} from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBillingEventEmitter } from '../../../hooks/useBillingEventEmitter';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, EmptyState, PageHeader, ServerError } from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport {\n  approvePayoutRequest,\n  fetchAdminPayoutRequests,\n  fetchAdminPayoutSummary,\n  markPayoutPaid,\n  rejectPayoutRequest,\n  type PayoutAdminSummary,\n  type PayoutRequest,\n} from '../api';\n\ntype Tab = 'pending' | 'approved' | 'history';\n\ninterface ActionDialogState {\n  type: 'approve' | 'reject' | 'mark_paid';\n  requestId: string;\n  amount: number;\n  currency: string;\n  accountLabel: string;\n}\n\nconst STATUS_LABEL: Record<string, string> = {\n  REQUESTED: 'Requested',\n  APPROVED: 'Approved',\n  REJECTED: 'Rejected',\n  PROCESSING: 'Processing',\n  PAID: 'Paid',\n  FAILED: 'Failed',\n  CANCELED: 'Canceled',\n};\n\nconst STATUS_COLORS: Record<string, string> = {\n  REQUESTED: 'bg-warning-surface text-warning-foreground',\n  APPROVED: 'bg-info-surface text-info-foreground',\n  REJECTED: 'bg-destructive/10 text-destructive',\n  PROCESSING: 'bg-info-surface text-info-foreground',\n  PAID: 'bg-success-surface text-success-foreground',\n  FAILED: 'bg-destructive/10 text-destructive',\n  CANCELED: 'bg-muted text-muted-foreground',\n};\n\nfunction StatusBadge({ status }: { status: string }) {\n  return (\n    <span\n      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${STATUS_COLORS[status] ?? 'bg-muted text-muted-foreground'}`}\n    >\n      {STATUS_LABEL[status] ?? status}\n    </span>\n  );\n}\n\nfunction AccountDetails({ account }: { account: NonNullable<PayoutRequest['payoutAccount']> }) {\n  const [expanded, setExpanded] = useState(false);\n  const details = account.accountDetails as Record<string, string | null> | null;\n\n  return (\n    <div className=\"rounded-md border border-border bg-muted/40 p-3 text-sm\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2 text-foreground font-medium\">\n          <CreditCard className=\"size-4 text-muted-foreground\" />\n          {account.displayName ?? account.label}\n          <span className=\"text-xs text-muted-foreground font-normal\">\n            ({account.type === 'UPI' ? 'UPI' : 'Bank'} · {account.country ?? 'Unknown'} ·{' '}\n            {account.currency})\n          </span>\n        </div>\n        {details && (\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((v) => !v)}\n            className=\"text-muted-foreground hover:text-foreground\"\n          >\n            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n          </button>\n        )}\n      </div>\n      {expanded && details && (\n        <div className=\"mt-2 grid gap-1 text-xs\">\n          {details.accountHolderName && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Account holder</span>\n              <span className=\"text-foreground\">{details.accountHolderName}</span>\n            </div>\n          )}\n          {details.bankName && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Bank</span>\n              <span className=\"text-foreground\">{details.bankName}</span>\n            </div>\n          )}\n          {account.accountLast4 && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Account (last 4)</span>\n              <span className=\"text-foreground font-mono\">••••{account.accountLast4}</span>\n            </div>\n          )}\n          {details.ifsc && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">IFSC</span>\n              <span className=\"text-foreground font-mono\">{details.ifsc}</span>\n            </div>\n          )}\n          {details.routingNumberLast4 && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">Routing (last 4)</span>\n              <span className=\"text-foreground font-mono\">••••{details.routingNumberLast4}</span>\n            </div>\n          )}\n          {details.upiIdMasked && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">UPI ID</span>\n              <span className=\"text-foreground font-mono\">{details.upiIdMasked}</span>\n            </div>\n          )}\n          {details.swift && (\n            <div className=\"flex gap-2\">\n              <span className=\"text-muted-foreground w-32 shrink-0\">SWIFT</span>\n              <span className=\"text-foreground font-mono\">{details.swift}</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction RequestCard({\n  request,\n  onApprove,\n  onReject,\n  onMarkPaid,\n}: {\n  request: PayoutRequest;\n  onApprove: (r: PayoutRequest) => void;\n  onReject: (r: PayoutRequest) => void;\n  onMarkPaid: (r: PayoutRequest) => void;\n}) {\n  const canApprove = request.status === 'REQUESTED' || request.status === 'REJECTED';\n  const canReject = request.status === 'REQUESTED' || request.status === 'APPROVED';\n  const canMarkPaid = request.status === 'APPROVED' || request.status === 'PROCESSING';\n\n  return (\n    <div className=\"rounded-lg border border-border bg-card p-5 space-y-4\">\n      {/* Header row */}\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"space-y-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-xl font-semibold text-foreground\">\n              {formatCurrency(request.requestedAmount, request.currency)}\n            </span>\n            <StatusBadge status={request.status} />\n          </div>\n          <div className=\"text-xs text-muted-foreground space-x-2\">\n            <span>Requested {formatDateTime(request.createdAt)}</span>\n            {request.requesterUserId && (\n              <>\n                <span>·</span>\n                <span>by {request.requesterUserId}</span>\n              </>\n            )}\n            <span>·</span>\n            <span className=\"font-mono text-xs\">{request.id.slice(0, 8)}…</span>\n          </div>\n        </div>\n        <div className=\"flex flex-wrap gap-2\">\n          {canApprove && (\n            <button\n              type=\"button\"\n              onClick={() => onApprove(request)}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground\"\n            >\n              <CheckCircle2 className=\"size-3.5\" />\n              Approve\n            </button>\n          )}\n          {canMarkPaid && (\n            <button\n              type=\"button\"\n              onClick={() => onMarkPaid(request)}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-success-surface border border-success-border px-3 py-1.5 text-xs font-medium text-success-foreground\"\n            >\n              <Banknote className=\"size-3.5\" />\n              Mark as Paid\n            </button>\n          )}\n          {canReject && (\n            <button\n              type=\"button\"\n              onClick={() => onReject(request)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-destructive\"\n            >\n              <XCircle className=\"size-3.5\" />\n              Reject\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Payout account */}\n      {request.payoutAccount && <AccountDetails account={request.payoutAccount} />}\n\n      {/* User notes */}\n      {request.userNotes && (\n        <div className=\"rounded-md bg-muted/40 border border-border px-3 py-2 text-sm\">\n          <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n            User note\n          </span>\n          <p className=\"mt-1 text-foreground\">{request.userNotes}</p>\n        </div>\n      )}\n\n      {/* Internal notes / failure / ref */}\n      {(request.internalNotes ?? request.failureReason ?? request.externalReference) && (\n        <div className=\"grid gap-1 text-xs text-muted-foreground\">\n          {request.externalReference && (\n            <div className=\"flex gap-2\">\n              <ReceiptText className=\"size-3.5 mt-px shrink-0\" />\n              <span>\n                Ref: <span className=\"font-mono text-foreground\">{request.externalReference}</span>\n              </span>\n            </div>\n          )}\n          {request.internalNotes && (\n            <div className=\"flex gap-2\">\n              <span className=\"shrink-0\">Internal note:</span>\n              <span className=\"text-foreground\">{request.internalNotes}</span>\n            </div>\n          )}\n          {request.failureReason && (\n            <div className=\"flex gap-2 text-destructive\">\n              <AlertTriangle className=\"size-3.5 mt-px shrink-0\" />\n              <span>{request.failureReason}</span>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Timestamps */}\n      {(request.paidAt ?? request.processedAt) && (\n        <div className=\"flex flex-wrap gap-4 text-xs text-muted-foreground\">\n          {request.processedAt && (\n            <span className=\"flex items-center gap-1\">\n              <Clock className=\"size-3\" />\n              Processed {formatDateTime(request.processedAt)}\n            </span>\n          )}\n          {request.paidAt && (\n            <span className=\"flex items-center gap-1\">\n              <CheckCircle2 className=\"size-3\" />\n              Paid {formatDateTime(request.paidAt)}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction SummaryBar({ summary }: { summary: PayoutAdminSummary }) {\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-3\">\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"text-xs text-muted-foreground uppercase tracking-wide\">Pending payout</div>\n        <div className=\"mt-1 text-lg font-semibold text-foreground\">\n          {formatCurrency(summary.totalRequestedAmount, 'USD')}\n        </div>\n        <div className=\"text-xs text-muted-foreground mt-0.5\">{summary.pendingCount} requests</div>\n      </div>\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"text-xs text-muted-foreground uppercase tracking-wide\">Processing</div>\n        <div className=\"mt-1 text-lg font-semibold text-foreground\">\n          {formatCurrency(summary.totalProcessingAmount, 'USD')}\n        </div>\n      </div>\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"text-xs text-muted-foreground uppercase tracking-wide\">Total paid</div>\n        <div className=\"mt-1 text-lg font-semibold text-foreground\">\n          {formatCurrency(summary.totalPaidAmount, 'USD')}\n        </div>\n        {summary.failedCount > 0 && (\n          <div className=\"text-xs text-destructive mt-0.5\">{summary.failedCount} failed</div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ActionDialog({\n  dialog,\n  onClose,\n  onConfirm,\n}: {\n  dialog: ActionDialogState;\n  onClose: () => void;\n  onConfirm: (data: {\n    notes?: string;\n    reason?: string;\n    externalReference?: string;\n  }) => Promise<void>;\n}) {\n  const [notes, setNotes] = useState('');\n  const [reason, setReason] = useState('');\n  const [txnRef, setTxnRef] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n\n  const handleSubmit = async () => {\n    if (dialog.type === 'reject' && !reason.trim()) return;\n    setSubmitting(true);\n    await onConfirm({\n      notes: notes.trim() || undefined,\n      reason: reason.trim() || undefined,\n      externalReference: txnRef.trim() || undefined,\n    });\n    setSubmitting(false);\n  };\n\n  const titles = {\n    approve: 'Approve withdrawal request',\n    reject: 'Reject withdrawal request',\n    mark_paid: 'Mark as paid',\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-overlay-scrim p-4\">\n      <div className=\"w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-lg space-y-4\">\n        <div>\n          <h3 className=\"text-base font-semibold text-foreground\">{titles[dialog.type]}</h3>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {formatCurrency(dialog.amount, dialog.currency)} · {dialog.accountLabel}\n          </p>\n        </div>\n\n        {dialog.type === 'mark_paid' && (\n          <div className=\"space-y-3\">\n            <div>\n              <label className=\"text-xs font-medium text-foreground block mb-1\">\n                Transaction reference / UTR number\n              </label>\n              <input\n                type=\"text\"\n                value={txnRef}\n                onChange={(e) => setTxnRef(e.target.value)}\n                placeholder=\"e.g. UTR123456789012, TXN_abc123\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                Enter the bank reference number so the user can verify the transfer.\n              </p>\n            </div>\n            <div>\n              <label className=\"text-xs font-medium text-foreground block mb-1\">\n                Internal notes (optional)\n              </label>\n              <textarea\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                rows={2}\n                placeholder=\"Any internal notes about this payment…\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n              />\n            </div>\n          </div>\n        )}\n\n        {dialog.type === 'approve' && (\n          <div>\n            <label className=\"text-xs font-medium text-foreground block mb-1\">\n              Internal notes (optional)\n            </label>\n            <textarea\n              value={notes}\n              onChange={(e) => setNotes(e.target.value)}\n              rows={3}\n              placeholder=\"e.g. Verified bank details, approved for transfer…\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n            />\n          </div>\n        )}\n\n        {dialog.type === 'reject' && (\n          <div>\n            <label className=\"text-xs font-medium text-foreground block mb-1\">\n              Reason for rejection <span className=\"text-destructive\">*</span>\n            </label>\n            <textarea\n              value={reason}\n              onChange={(e) => setReason(e.target.value)}\n              rows={3}\n              placeholder=\"e.g. Invalid bank details provided, please re-submit with correct IFSC…\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n            />\n          </div>\n        )}\n\n        <div className=\"flex justify-end gap-2 pt-2\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={submitting}\n            className=\"rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground disabled:opacity-50\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleSubmit()}\n            disabled={submitting || (dialog.type === 'reject' && !reason.trim())}\n            className={`rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${\n              dialog.type === 'reject'\n                ? 'bg-destructive text-destructive-foreground'\n                : 'bg-primary text-primary-foreground'\n            }`}\n          >\n            {submitting\n              ? 'Saving…'\n              : dialog.type === 'approve'\n                ? 'Approve'\n                : dialog.type === 'reject'\n                  ? 'Reject'\n                  : 'Confirm Payment'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const PayoutAdminPage: FC = () => {\n  const permissions = useBillingPermissions();\n  const { emit } = useBillingEventEmitter();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n\n  const [summary, setSummary] = useState<PayoutAdminSummary | null>(null);\n  const [requests, setRequests] = useState<PayoutRequest[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [activeTab, setActiveTab] = useState<Tab>('pending');\n  const [dialog, setDialog] = useState<ActionDialogState | null>(null);\n\n  const requestContext = useMemo(\n    () => ({ apiGatewayUrl, authToken, orgId }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const [loadedSummary, loadedRequests] = await Promise.all([\n        fetchAdminPayoutSummary(requestContext),\n        fetchAdminPayoutRequests(requestContext),\n      ]);\n      setSummary(loadedSummary);\n      setRequests(loadedRequests);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load payout queue'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [requestContext]);\n\n  if (!permissions.isBillingAdmin) {\n    return <AccessDenied message=\"You don't have permission to manage payouts.\" />;\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Payout queue unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const pending = requests.filter((r) => r.status === 'REQUESTED');\n  const approved = requests.filter((r) => r.status === 'APPROVED' || r.status === 'PROCESSING');\n  const history = requests.filter((r) =>\n    ['PAID', 'REJECTED', 'FAILED', 'CANCELED'].includes(r.status)\n  );\n\n  const tabItems: { id: Tab; label: string; count: number }[] = [\n    { id: 'pending', label: 'Pending', count: pending.length },\n    { id: 'approved', label: 'Approved', count: approved.length },\n    { id: 'history', label: 'History', count: history.length },\n  ];\n\n  const visibleRequests =\n    activeTab === 'pending' ? pending : activeTab === 'approved' ? approved : history;\n\n  const openDialog = (type: ActionDialogState['type'], request: PayoutRequest) => {\n    setDialog({\n      type,\n      requestId: request.id,\n      amount: request.requestedAmount,\n      currency: request.currency,\n      accountLabel:\n        request.payoutAccount?.displayName ?? request.payoutAccount?.label ?? 'Unknown account',\n    });\n  };\n\n  const handleConfirm = async (data: {\n    notes?: string;\n    reason?: string;\n    externalReference?: string;\n  }) => {\n    if (!dialog) return;\n\n    try {\n      if (dialog.type === 'approve') {\n        await approvePayoutRequest(dialog.requestId, data.notes ?? null, requestContext);\n        emit('billing.payout.approved', {\n          route: '/billing/payouts',\n          entityId: dialog.requestId,\n          source: 'payout-admin',\n        });\n      } else if (dialog.type === 'reject') {\n        await rejectPayoutRequest(dialog.requestId, data.reason ?? '', requestContext);\n        emit('billing.payout.rejected', {\n          route: '/billing/payouts',\n          entityId: dialog.requestId,\n          source: 'payout-admin',\n          reason: data.reason,\n        });\n      } else if (dialog.type === 'mark_paid') {\n        await markPayoutPaid(\n          dialog.requestId,\n          data.externalReference ?? null,\n          data.notes ?? null,\n          requestContext\n        );\n        emit('billing.payout.processed', {\n          route: '/billing/payouts',\n          entityId: dialog.requestId,\n          source: 'payout-admin',\n        });\n      }\n      setDialog(null);\n      await loadData();\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Action failed'));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title=\"Payout queue\"\n        description=\"Review withdrawal requests, verify bank details, and mark payments as paid once transferred.\"\n        actions={\n          <button\n            type=\"button\"\n            onClick={() => void loadData()}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n          >\n            <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />\n            Refresh\n          </button>\n        }\n      />\n\n      {summary && !loading && <SummaryBar summary={summary} />}\n\n      {loading && (\n        <div className=\"grid gap-3 sm:grid-cols-3\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"h-20 animate-pulse rounded-lg border border-border bg-card\" />\n          ))}\n        </div>\n      )}\n\n      {error && !isServerError(error) && (\n        <div className=\"rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n          {error.message}\n        </div>\n      )}\n\n      {/* Tabs */}\n      <div className=\"border-b border-border\">\n        <div className=\"flex gap-0\">\n          {tabItems.map((tab) => (\n            <button\n              key={tab.id}\n              type=\"button\"\n              onClick={() => setActiveTab(tab.id)}\n              className={`flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors ${\n                activeTab === tab.id\n                  ? 'border-primary text-foreground'\n                  : 'border-transparent text-muted-foreground hover:text-foreground'\n              }`}\n            >\n              {tab.label}\n              {tab.count > 0 && (\n                <span\n                  className={`rounded-full px-1.5 py-0.5 text-xs ${\n                    activeTab === tab.id\n                      ? 'bg-primary text-primary-foreground'\n                      : 'bg-muted text-muted-foreground'\n                  }`}\n                >\n                  {tab.count}\n                </span>\n              )}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* How to pay — shown only on the Approved tab */}\n      {activeTab === 'approved' && approved.length > 0 && (\n        <div className=\"rounded-lg border border-info-border bg-info-surface px-4 py-3 text-sm text-info-foreground\">\n          <strong>How to pay:</strong> Click the account row to expand bank/UPI details → transfer\n          the exact amount via your bank → click <strong>Mark as Paid</strong> and enter the UTR /\n          transaction reference number.\n        </div>\n      )}\n\n      {/* Request cards */}\n      {loading ? (\n        <div className=\"space-y-4\">\n          {[1, 2].map((i) => (\n            <div key={i} className=\"h-40 animate-pulse rounded-lg border border-border bg-card\" />\n          ))}\n        </div>\n      ) : visibleRequests.length === 0 ? (\n        <EmptyState\n          icon={<CheckCircle2 className=\"size-8\" />}\n          title={\n            activeTab === 'pending'\n              ? 'No pending requests'\n              : activeTab === 'approved'\n                ? 'No approved requests awaiting payment'\n                : 'No history yet'\n          }\n          description={\n            activeTab === 'pending'\n              ? 'New withdrawal requests will appear here.'\n              : activeTab === 'approved'\n                ? 'Approve pending requests first, then send payment and mark as paid.'\n                : 'Completed and rejected requests will appear here.'\n          }\n        />\n      ) : (\n        <div className=\"space-y-4\">\n          {visibleRequests.map((request) => (\n            <RequestCard\n              key={request.id}\n              request={request}\n              onApprove={(r) => openDialog('approve', r)}\n              onReject={(r) => openDialog('reject', r)}\n              onMarkPaid={(r) => openDialog('mark_paid', r)}\n            />\n          ))}\n        </div>\n      )}\n\n      {dialog && (\n        <ActionDialog dialog={dialog} onClose={() => setDialog(null)} onConfirm={handleConfirm} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -279,7 +279,7 @@ var D = () => {
 							type: "button",
 							onClick: () => void Q(),
 							className: "mt-4 inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
-							children: [/* @__PURE__ */ T(x, { className: "h-4 w-4" }), J ? "Update payout account" : "Save payout account"]
+							children: [/* @__PURE__ */ T(x, { className: "size-4" }), J ? "Update payout account" : "Save payout account"]
 						}),
 						J ? /* @__PURE__ */ T("button", {
 							type: "button",
@@ -316,11 +316,11 @@ var D = () => {
 									type: "button",
 									onClick: () => void Z(),
 									className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground",
-									children: [/* @__PURE__ */ T(S, { className: "h-4 w-4" }), "Refresh"]
+									children: [/* @__PURE__ */ T(S, { className: "size-4" }), "Refresh"]
 								})]
 							}),
 							P.length === 0 && !R ? /* @__PURE__ */ T(r, {
-								icon: /* @__PURE__ */ T(x, { className: "h-8 w-8" }),
+								icon: /* @__PURE__ */ T(x, { className: "size-8" }),
 								title: "No payout accounts yet",
 								description: "Add a payout account before requesting a withdrawal."
 							}) : /* @__PURE__ */ E("div", {
@@ -351,7 +351,7 @@ var D = () => {
 										type: "button",
 										onClick: () => void ne(),
 										className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
-										children: [/* @__PURE__ */ T(C, { className: "h-4 w-4" }), "Request payout"]
+										children: [/* @__PURE__ */ T(C, { className: "size-4" }), "Request payout"]
 									})
 								]
 							}),
@@ -410,7 +410,7 @@ var D = () => {
 							className: "mb-4 text-lg font-semibold text-foreground",
 							children: "Payout requests"
 						}), I.length === 0 && !R ? /* @__PURE__ */ T(r, {
-							icon: /* @__PURE__ */ T(C, { className: "h-8 w-8" }),
+							icon: /* @__PURE__ */ T(C, { className: "size-8" }),
 							title: "No payout requests yet",
 							description: "Your payout requests and processing updates will appear here."
 						}) : /* @__PURE__ */ T("div", {

package/dist/billing/modules/earnings/pages/PayoutsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayoutsPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/PayoutsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { Landmark, RefreshCw, Send } from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBillingEventEmitter } from '../../../hooks/useBillingEventEmitter';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, EmptyState, PageHeader, ServerError } from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport { useGetDefaultBillingAccountSettingsQuery } from '../../../../generated/global-operations';\nimport {\n  addPayoutAccount,\n  archivePayoutAccount,\n  fetchPayoutAccounts,\n  fetchPayoutRequests,\n  requestPayout,\n  setDefaultPayoutAccount,\n  updatePayoutAccount,\n  type PayoutAccount,\n  type PayoutRequest,\n} from '../api';\n\nexport const PayoutsPage: FC = () => {\n  const permissions = useBillingPermissions();\n  const { emit } = useBillingEventEmitter();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const { data: billingAccountData } = useGetDefaultBillingAccountSettingsQuery({});\n  const billingAccountId = billingAccountData?.getDefaultBillingAccount?.id;\n\n  const [accounts, setAccounts] = useState<PayoutAccount[]>([]);\n  const [requests, setRequests] = useState<PayoutRequest[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [accountForm, setAccountForm] = useState({\n    label: '',\n    type: 'BANK_ACCOUNT',\n    providerPreference: 'AUTO',\n    country: 'US',\n    currency: 'USD',\n    accountHolderName: '',\n    bankName: '',\n    accountNumber: '',\n    routingNumber: '',\n    ifsc: '',\n    upiId: '',\n  });\n  const [requestAmount, setRequestAmount] = useState('');\n  const [selectedAccountId, setSelectedAccountId] = useState<string>('');\n  const [editingAccountId, setEditingAccountId] = useState<string | null>(null);\n\n  const requestContext = useMemo(\n    () => ({\n      apiGatewayUrl,\n      authToken,\n      orgId,\n    }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    if (!billingAccountId) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const [loadedAccounts, loadedRequests] = await Promise.all([\n        fetchPayoutAccounts(billingAccountId, requestContext),\n        fetchPayoutRequests(billingAccountId, requestContext),\n      ]);\n      setAccounts(loadedAccounts);\n      setRequests(loadedRequests);\n      if (!selectedAccountId && loadedAccounts[0]?.id) {\n        setSelectedAccountId(loadedAccounts[0].id);\n      }\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load payout data'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [billingAccountId, requestContext]);\n\n  if (!permissions.canManagePaymentMethods) {\n    return <AccessDenied message=\"You don't have permission to manage payout accounts.\" />;\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Payout data unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const handleAddAccount = async () => {\n    if (!billingAccountId) return;\n    const payload = {\n      billingAccountId,\n      ...accountForm,\n    };\n\n    if (editingAccountId) {\n      await updatePayoutAccount(editingAccountId, payload, requestContext);\n      emit('billing.payout_account.updated', {\n        route: '/billing/payouts',\n        entityId: editingAccountId,\n        source: 'payouts',\n      });\n    } else {\n      await addPayoutAccount(payload, requestContext);\n      emit('billing.payout_account.added', {\n        route: '/billing/payouts',\n        entityId: billingAccountId,\n        source: 'payouts',\n      });\n    }\n\n    setAccountForm({\n      label: '',\n      type: 'BANK_ACCOUNT',\n      providerPreference: 'AUTO',\n      country: 'US',\n      currency: 'USD',\n      accountHolderName: '',\n      bankName: '',\n      accountNumber: '',\n      routingNumber: '',\n      ifsc: '',\n      upiId: '',\n    });\n    setEditingAccountId(null);\n    await loadData();\n  };\n\n  const handleSetDefault = async (accountId: string) => {\n    await setDefaultPayoutAccount(accountId, requestContext);\n    await loadData();\n  };\n\n  const handleArchive = async (accountId: string) => {\n    if (!window.confirm('Archive this payout account?')) return;\n    await archivePayoutAccount(accountId, requestContext);\n    emit('billing.payout_account.archived', {\n      route: '/billing/payouts',\n      entityId: accountId,\n      source: 'payouts',\n    });\n    await loadData();\n  };\n\n  const handleEditAccount = (account: PayoutAccount) => {\n    setEditingAccountId(account.id);\n    setAccountForm((current) => ({\n      ...current,\n      label: account.label,\n      type: account.type,\n      providerPreference: account.providerPreference,\n      country: account.country || current.country,\n      currency: account.currency,\n      accountHolderName: account.displayName || current.accountHolderName,\n      bankName: '',\n      accountNumber: '',\n      routingNumber: '',\n      ifsc: '',\n      upiId: '',\n    }));\n  };\n\n  const handleRequestPayout = async () => {\n    if (!billingAccountId || !selectedAccountId || !requestAmount) return;\n    await requestPayout(\n      {\n        billingAccountId,\n        payoutAccountId: selectedAccountId,\n        amount: Number(requestAmount),\n        currency: accounts.find((account) => account.id === selectedAccountId)?.currency || 'USD',\n      },\n      requestContext\n    );\n    emit('billing.payout.requested', {\n      route: '/billing/payouts',\n      entityId: selectedAccountId,\n      source: 'payouts',\n      amount: Number(requestAmount),\n      currency: accounts.find((account) => account.id === selectedAccountId)?.currency || 'USD',\n    });\n    setRequestAmount('');\n    await loadData();\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title=\"Payouts\"\n        description=\"Register payout accounts, request withdrawals, and track disbursement status.\"\n      />\n\n      {error && !isServerError(error) ? (\n        <div className=\"rounded-lg border border-border bg-card p-4 text-sm text-destructive\">\n          {error.message}\n        </div>\n      ) : null}\n\n      <div className=\"grid gap-6 xl:grid-cols-[1.05fr,1.95fr]\">\n        <section className=\"rounded-lg border border-border bg-card p-4\">\n          <h2 className=\"mb-4 text-lg font-semibold text-foreground\">\n            {editingAccountId ? 'Edit payout account' : 'Add payout account'}\n          </h2>\n          <div className=\"space-y-3\">\n            <input\n              value={accountForm.label}\n              onChange={(event) =>\n                setAccountForm((current) => ({ ...current, label: event.target.value }))\n              }\n              placeholder=\"Label\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n            />\n            <div className=\"grid gap-3 md:grid-cols-2\">\n              <select\n                value={accountForm.type}\n                onChange={(event) =>\n                  setAccountForm((current) => ({ ...current, type: event.target.value }))\n                }\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              >\n                <option value=\"BANK_ACCOUNT\">Bank account</option>\n                <option value=\"UPI\">UPI</option>\n                <option value=\"WALLET\">Wallet</option>\n              </select>\n              <select\n                value={accountForm.providerPreference}\n                onChange={(event) =>\n                  setAccountForm((current) => ({\n                    ...current,\n                    providerPreference: event.target.value,\n                  }))\n                }\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              >\n                <option value=\"AUTO\">Auto</option>\n                <option value=\"STRIPE\">Stripe</option>\n                <option value=\"RAZORPAY\">Razorpay</option>\n                <option value=\"MANUAL\">Manual</option>\n              </select>\n            </div>\n            <div className=\"grid gap-3 md:grid-cols-2\">\n              <input\n                value={accountForm.country}\n                onChange={(event) =>\n                  setAccountForm((current) => ({\n                    ...current,\n                    country: event.target.value.toUpperCase(),\n                  }))\n                }\n                placeholder=\"Country\"\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n              <input\n                value={accountForm.currency}\n                onChange={(event) =>\n                  setAccountForm((current) => ({\n                    ...current,\n                    currency: event.target.value.toUpperCase(),\n                  }))\n                }\n                placeholder=\"Currency\"\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            </div>\n            <input\n              value={accountForm.accountHolderName}\n              onChange={(event) =>\n                setAccountForm((current) => ({ ...current, accountHolderName: event.target.value }))\n              }\n              placeholder=\"Account holder name\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n            />\n            {accountForm.type === 'BANK_ACCOUNT' ? (\n              <>\n                <input\n                  value={accountForm.bankName}\n                  onChange={(event) =>\n                    setAccountForm((current) => ({ ...current, bankName: event.target.value }))\n                  }\n                  placeholder=\"Bank name\"\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n                <input\n                  value={accountForm.accountNumber}\n                  onChange={(event) =>\n                    setAccountForm((current) => ({ ...current, accountNumber: event.target.value }))\n                  }\n                  placeholder=\"Account number\"\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n                <input\n                  value={\n                    accountForm.country === 'IN' ? accountForm.ifsc : accountForm.routingNumber\n                  }\n                  onChange={(event) =>\n                    setAccountForm((current) =>\n                      current.country === 'IN'\n                        ? { ...current, ifsc: event.target.value }\n                        : { ...current, routingNumber: event.target.value }\n                    )\n                  }\n                  placeholder={accountForm.country === 'IN' ? 'IFSC' : 'Routing number'}\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n              </>\n            ) : accountForm.type === 'UPI' ? (\n              <input\n                value={accountForm.upiId}\n                onChange={(event) =>\n                  setAccountForm((current) => ({ ...current, upiId: event.target.value }))\n                }\n                placeholder=\"UPI ID\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            ) : null}\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => void handleAddAccount()}\n            className=\"mt-4 inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground\"\n          >\n            <Landmark className=\"h-4 w-4\" />\n            {editingAccountId ? 'Update payout account' : 'Save payout account'}\n          </button>\n          {editingAccountId ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setEditingAccountId(null);\n                setAccountForm({\n                  label: '',\n                  type: 'BANK_ACCOUNT',\n                  providerPreference: 'AUTO',\n                  country: 'US',\n                  currency: 'USD',\n                  accountHolderName: '',\n                  bankName: '',\n                  accountNumber: '',\n                  routingNumber: '',\n                  ifsc: '',\n                  upiId: '',\n                });\n              }}\n              className=\"mt-4 ml-3 inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground\"\n            >\n              Cancel edit\n            </button>\n          ) : null}\n        </section>\n\n        <section className=\"space-y-4\">\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-foreground\">Request payout</h2>\n              <button\n                type=\"button\"\n                onClick={() => void loadData()}\n                className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n              >\n                <RefreshCw className=\"h-4 w-4\" />\n                Refresh\n              </button>\n            </div>\n            {accounts.length === 0 && !loading ? (\n              <EmptyState\n                icon={<Landmark className=\"h-8 w-8\" />}\n                title=\"No payout accounts yet\"\n                description=\"Add a payout account before requesting a withdrawal.\"\n              />\n            ) : (\n              <div className=\"space-y-3\">\n                <select\n                  value={selectedAccountId}\n                  onChange={(event) => setSelectedAccountId(event.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                >\n                  {accounts.map((account) => (\n                    <option key={account.id} value={account.id}>\n                      {account.label} · {account.currency} · {account.status}\n                    </option>\n                  ))}\n                </select>\n                <input\n                  value={requestAmount}\n                  onChange={(event) => setRequestAmount(event.target.value)}\n                  placeholder=\"Amount\"\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => void handleRequestPayout()}\n                  className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground\"\n                >\n                  <Send className=\"h-4 w-4\" />\n                  Request payout\n                </button>\n              </div>\n            )}\n\n            {accounts.length > 0 ? (\n              <div className=\"mt-4 space-y-3 rounded-md border border-border bg-background/60 p-3\">\n                <h3 className=\"text-sm font-semibold text-foreground\">Saved payout accounts</h3>\n                {accounts.map((account) => (\n                  <div\n                    key={account.id}\n                    className=\"flex flex-wrap items-center justify-between gap-3 rounded-md border border-border/70 bg-card px-3 py-2 text-sm\"\n                  >\n                    <div>\n                      <p className=\"font-medium text-foreground\">\n                        {account.label} {account.isDefault ? '• Default' : ''}\n                      </p>\n                      <p className=\"text-muted-foreground\">\n                        {account.providerPreference} · {account.currency} · {account.status}\n                      </p>\n                    </div>\n                    <div className=\"flex flex-wrap gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleEditAccount(account)}\n                        className=\"rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground\"\n                      >\n                        Edit\n                      </button>\n                      {!account.isDefault ? (\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleSetDefault(account.id)}\n                          className=\"rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground\"\n                        >\n                          Make default\n                        </button>\n                      ) : null}\n                      <button\n                        type=\"button\"\n                        onClick={() => void handleArchive(account.id)}\n                        className=\"rounded-md border border-border px-3 py-1.5 text-xs font-medium text-destructive\"\n                      >\n                        Archive\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            ) : null}\n          </div>\n\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <h2 className=\"mb-4 text-lg font-semibold text-foreground\">Payout requests</h2>\n            {requests.length === 0 && !loading ? (\n              <EmptyState\n                icon={<Send className=\"h-8 w-8\" />}\n                title=\"No payout requests yet\"\n                description=\"Your payout requests and processing updates will appear here.\"\n              />\n            ) : (\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border text-left text-muted-foreground\">\n                      <th className=\"px-3 py-2\">Amount</th>\n                      <th className=\"px-3 py-2\">Provider</th>\n                      <th className=\"px-3 py-2\">Status</th>\n                      <th className=\"px-3 py-2\">Account</th>\n                      <th className=\"px-3 py-2\">Created</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {requests.map((request) => (\n                      <tr key={request.id} className=\"border-b border-border/70 text-foreground\">\n                        <td className=\"px-3 py-2 font-medium\">\n                          {formatCurrency(request.requestedAmount, request.currency)}\n                        </td>\n                        <td className=\"px-3 py-2\">{request.provider}</td>\n                        <td className=\"px-3 py-2\">{request.status}</td>\n                        <td className=\"px-3 py-2\">{request.payoutAccount?.label || '-'}</td>\n                        <td className=\"px-3 py-2\">{formatDateTime(request.createdAt)}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PayoutsPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/PayoutsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { Landmark, RefreshCw, Send } from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBillingEventEmitter } from '../../../hooks/useBillingEventEmitter';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, EmptyState, PageHeader, ServerError } from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport { useGetDefaultBillingAccountSettingsQuery } from '../../../../generated/global-operations';\nimport {\n  addPayoutAccount,\n  archivePayoutAccount,\n  fetchPayoutAccounts,\n  fetchPayoutRequests,\n  requestPayout,\n  setDefaultPayoutAccount,\n  updatePayoutAccount,\n  type PayoutAccount,\n  type PayoutRequest,\n} from '../api';\n\nexport const PayoutsPage: FC = () => {\n  const permissions = useBillingPermissions();\n  const { emit } = useBillingEventEmitter();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const { data: billingAccountData } = useGetDefaultBillingAccountSettingsQuery({});\n  const billingAccountId = billingAccountData?.getDefaultBillingAccount?.id;\n\n  const [accounts, setAccounts] = useState<PayoutAccount[]>([]);\n  const [requests, setRequests] = useState<PayoutRequest[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [accountForm, setAccountForm] = useState({\n    label: '',\n    type: 'BANK_ACCOUNT',\n    providerPreference: 'AUTO',\n    country: 'US',\n    currency: 'USD',\n    accountHolderName: '',\n    bankName: '',\n    accountNumber: '',\n    routingNumber: '',\n    ifsc: '',\n    upiId: '',\n  });\n  const [requestAmount, setRequestAmount] = useState('');\n  const [selectedAccountId, setSelectedAccountId] = useState<string>('');\n  const [editingAccountId, setEditingAccountId] = useState<string | null>(null);\n\n  const requestContext = useMemo(\n    () => ({\n      apiGatewayUrl,\n      authToken,\n      orgId,\n    }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    if (!billingAccountId) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const [loadedAccounts, loadedRequests] = await Promise.all([\n        fetchPayoutAccounts(billingAccountId, requestContext),\n        fetchPayoutRequests(billingAccountId, requestContext),\n      ]);\n      setAccounts(loadedAccounts);\n      setRequests(loadedRequests);\n      if (!selectedAccountId && loadedAccounts[0]?.id) {\n        setSelectedAccountId(loadedAccounts[0].id);\n      }\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load payout data'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [billingAccountId, requestContext]);\n\n  if (!permissions.canManagePaymentMethods) {\n    return <AccessDenied message=\"You don't have permission to manage payout accounts.\" />;\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Payout data unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const handleAddAccount = async () => {\n    if (!billingAccountId) return;\n    const payload = {\n      billingAccountId,\n      ...accountForm,\n    };\n\n    if (editingAccountId) {\n      await updatePayoutAccount(editingAccountId, payload, requestContext);\n      emit('billing.payout_account.updated', {\n        route: '/billing/payouts',\n        entityId: editingAccountId,\n        source: 'payouts',\n      });\n    } else {\n      await addPayoutAccount(payload, requestContext);\n      emit('billing.payout_account.added', {\n        route: '/billing/payouts',\n        entityId: billingAccountId,\n        source: 'payouts',\n      });\n    }\n\n    setAccountForm({\n      label: '',\n      type: 'BANK_ACCOUNT',\n      providerPreference: 'AUTO',\n      country: 'US',\n      currency: 'USD',\n      accountHolderName: '',\n      bankName: '',\n      accountNumber: '',\n      routingNumber: '',\n      ifsc: '',\n      upiId: '',\n    });\n    setEditingAccountId(null);\n    await loadData();\n  };\n\n  const handleSetDefault = async (accountId: string) => {\n    await setDefaultPayoutAccount(accountId, requestContext);\n    await loadData();\n  };\n\n  const handleArchive = async (accountId: string) => {\n    if (!window.confirm('Archive this payout account?')) return;\n    await archivePayoutAccount(accountId, requestContext);\n    emit('billing.payout_account.archived', {\n      route: '/billing/payouts',\n      entityId: accountId,\n      source: 'payouts',\n    });\n    await loadData();\n  };\n\n  const handleEditAccount = (account: PayoutAccount) => {\n    setEditingAccountId(account.id);\n    setAccountForm((current) => ({\n      ...current,\n      label: account.label,\n      type: account.type,\n      providerPreference: account.providerPreference,\n      country: account.country || current.country,\n      currency: account.currency,\n      accountHolderName: account.displayName || current.accountHolderName,\n      bankName: '',\n      accountNumber: '',\n      routingNumber: '',\n      ifsc: '',\n      upiId: '',\n    }));\n  };\n\n  const handleRequestPayout = async () => {\n    if (!billingAccountId || !selectedAccountId || !requestAmount) return;\n    await requestPayout(\n      {\n        billingAccountId,\n        payoutAccountId: selectedAccountId,\n        amount: Number(requestAmount),\n        currency: accounts.find((account) => account.id === selectedAccountId)?.currency || 'USD',\n      },\n      requestContext\n    );\n    emit('billing.payout.requested', {\n      route: '/billing/payouts',\n      entityId: selectedAccountId,\n      source: 'payouts',\n      amount: Number(requestAmount),\n      currency: accounts.find((account) => account.id === selectedAccountId)?.currency || 'USD',\n    });\n    setRequestAmount('');\n    await loadData();\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title=\"Payouts\"\n        description=\"Register payout accounts, request withdrawals, and track disbursement status.\"\n      />\n\n      {error && !isServerError(error) ? (\n        <div className=\"rounded-lg border border-border bg-card p-4 text-sm text-destructive\">\n          {error.message}\n        </div>\n      ) : null}\n\n      <div className=\"grid gap-6 xl:grid-cols-[1.05fr,1.95fr]\">\n        <section className=\"rounded-lg border border-border bg-card p-4\">\n          <h2 className=\"mb-4 text-lg font-semibold text-foreground\">\n            {editingAccountId ? 'Edit payout account' : 'Add payout account'}\n          </h2>\n          <div className=\"space-y-3\">\n            <input\n              value={accountForm.label}\n              onChange={(event) =>\n                setAccountForm((current) => ({ ...current, label: event.target.value }))\n              }\n              placeholder=\"Label\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n            />\n            <div className=\"grid gap-3 md:grid-cols-2\">\n              <select\n                value={accountForm.type}\n                onChange={(event) =>\n                  setAccountForm((current) => ({ ...current, type: event.target.value }))\n                }\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              >\n                <option value=\"BANK_ACCOUNT\">Bank account</option>\n                <option value=\"UPI\">UPI</option>\n                <option value=\"WALLET\">Wallet</option>\n              </select>\n              <select\n                value={accountForm.providerPreference}\n                onChange={(event) =>\n                  setAccountForm((current) => ({\n                    ...current,\n                    providerPreference: event.target.value,\n                  }))\n                }\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              >\n                <option value=\"AUTO\">Auto</option>\n                <option value=\"STRIPE\">Stripe</option>\n                <option value=\"RAZORPAY\">Razorpay</option>\n                <option value=\"MANUAL\">Manual</option>\n              </select>\n            </div>\n            <div className=\"grid gap-3 md:grid-cols-2\">\n              <input\n                value={accountForm.country}\n                onChange={(event) =>\n                  setAccountForm((current) => ({\n                    ...current,\n                    country: event.target.value.toUpperCase(),\n                  }))\n                }\n                placeholder=\"Country\"\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n              <input\n                value={accountForm.currency}\n                onChange={(event) =>\n                  setAccountForm((current) => ({\n                    ...current,\n                    currency: event.target.value.toUpperCase(),\n                  }))\n                }\n                placeholder=\"Currency\"\n                className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            </div>\n            <input\n              value={accountForm.accountHolderName}\n              onChange={(event) =>\n                setAccountForm((current) => ({ ...current, accountHolderName: event.target.value }))\n              }\n              placeholder=\"Account holder name\"\n              className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n            />\n            {accountForm.type === 'BANK_ACCOUNT' ? (\n              <>\n                <input\n                  value={accountForm.bankName}\n                  onChange={(event) =>\n                    setAccountForm((current) => ({ ...current, bankName: event.target.value }))\n                  }\n                  placeholder=\"Bank name\"\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n                <input\n                  value={accountForm.accountNumber}\n                  onChange={(event) =>\n                    setAccountForm((current) => ({ ...current, accountNumber: event.target.value }))\n                  }\n                  placeholder=\"Account number\"\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n                <input\n                  value={\n                    accountForm.country === 'IN' ? accountForm.ifsc : accountForm.routingNumber\n                  }\n                  onChange={(event) =>\n                    setAccountForm((current) =>\n                      current.country === 'IN'\n                        ? { ...current, ifsc: event.target.value }\n                        : { ...current, routingNumber: event.target.value }\n                    )\n                  }\n                  placeholder={accountForm.country === 'IN' ? 'IFSC' : 'Routing number'}\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n              </>\n            ) : accountForm.type === 'UPI' ? (\n              <input\n                value={accountForm.upiId}\n                onChange={(event) =>\n                  setAccountForm((current) => ({ ...current, upiId: event.target.value }))\n                }\n                placeholder=\"UPI ID\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            ) : null}\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => void handleAddAccount()}\n            className=\"mt-4 inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground\"\n          >\n            <Landmark className=\"size-4\" />\n            {editingAccountId ? 'Update payout account' : 'Save payout account'}\n          </button>\n          {editingAccountId ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setEditingAccountId(null);\n                setAccountForm({\n                  label: '',\n                  type: 'BANK_ACCOUNT',\n                  providerPreference: 'AUTO',\n                  country: 'US',\n                  currency: 'USD',\n                  accountHolderName: '',\n                  bankName: '',\n                  accountNumber: '',\n                  routingNumber: '',\n                  ifsc: '',\n                  upiId: '',\n                });\n              }}\n              className=\"mt-4 ml-3 inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground\"\n            >\n              Cancel edit\n            </button>\n          ) : null}\n        </section>\n\n        <section className=\"space-y-4\">\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-foreground\">Request payout</h2>\n              <button\n                type=\"button\"\n                onClick={() => void loadData()}\n                className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n              >\n                <RefreshCw className=\"size-4\" />\n                Refresh\n              </button>\n            </div>\n            {accounts.length === 0 && !loading ? (\n              <EmptyState\n                icon={<Landmark className=\"size-8\" />}\n                title=\"No payout accounts yet\"\n                description=\"Add a payout account before requesting a withdrawal.\"\n              />\n            ) : (\n              <div className=\"space-y-3\">\n                <select\n                  value={selectedAccountId}\n                  onChange={(event) => setSelectedAccountId(event.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                >\n                  {accounts.map((account) => (\n                    <option key={account.id} value={account.id}>\n                      {account.label} · {account.currency} · {account.status}\n                    </option>\n                  ))}\n                </select>\n                <input\n                  value={requestAmount}\n                  onChange={(event) => setRequestAmount(event.target.value)}\n                  placeholder=\"Amount\"\n                  className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => void handleRequestPayout()}\n                  className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground\"\n                >\n                  <Send className=\"size-4\" />\n                  Request payout\n                </button>\n              </div>\n            )}\n\n            {accounts.length > 0 ? (\n              <div className=\"mt-4 space-y-3 rounded-md border border-border bg-background/60 p-3\">\n                <h3 className=\"text-sm font-semibold text-foreground\">Saved payout accounts</h3>\n                {accounts.map((account) => (\n                  <div\n                    key={account.id}\n                    className=\"flex flex-wrap items-center justify-between gap-3 rounded-md border border-border/70 bg-card px-3 py-2 text-sm\"\n                  >\n                    <div>\n                      <p className=\"font-medium text-foreground\">\n                        {account.label} {account.isDefault ? '• Default' : ''}\n                      </p>\n                      <p className=\"text-muted-foreground\">\n                        {account.providerPreference} · {account.currency} · {account.status}\n                      </p>\n                    </div>\n                    <div className=\"flex flex-wrap gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleEditAccount(account)}\n                        className=\"rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground\"\n                      >\n                        Edit\n                      </button>\n                      {!account.isDefault ? (\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleSetDefault(account.id)}\n                          className=\"rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground\"\n                        >\n                          Make default\n                        </button>\n                      ) : null}\n                      <button\n                        type=\"button\"\n                        onClick={() => void handleArchive(account.id)}\n                        className=\"rounded-md border border-border px-3 py-1.5 text-xs font-medium text-destructive\"\n                      >\n                        Archive\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            ) : null}\n          </div>\n\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <h2 className=\"mb-4 text-lg font-semibold text-foreground\">Payout requests</h2>\n            {requests.length === 0 && !loading ? (\n              <EmptyState\n                icon={<Send className=\"size-8\" />}\n                title=\"No payout requests yet\"\n                description=\"Your payout requests and processing updates will appear here.\"\n              />\n            ) : (\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border text-left text-muted-foreground\">\n                      <th className=\"px-3 py-2\">Amount</th>\n                      <th className=\"px-3 py-2\">Provider</th>\n                      <th className=\"px-3 py-2\">Status</th>\n                      <th className=\"px-3 py-2\">Account</th>\n                      <th className=\"px-3 py-2\">Created</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {requests.map((request) => (\n                      <tr key={request.id} className=\"border-b border-border/70 text-foreground\">\n                        <td className=\"px-3 py-2 font-medium\">\n                          {formatCurrency(request.requestedAmount, request.currency)}\n                        </td>\n                        <td className=\"px-3 py-2\">{request.provider}</td>\n                        <td className=\"px-3 py-2\">{request.status}</td>\n                        <td className=\"px-3 py-2\">{request.payoutAccount?.label || '-'}</td>\n                        <td className=\"px-3 py-2\">{formatDateTime(request.createdAt)}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/plans/pages/PlanBrowseDetailPage.js

@@ -35,7 +35,7 @@ var p = () => {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ u("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ l("div", { className: "h-10 w-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ l("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" })]
+			children: [/* @__PURE__ */ l("div", { className: "size-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ l("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" })]
 		}), /* @__PURE__ */ u("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 			children: [/* @__PURE__ */ l("div", {
@@ -64,10 +64,11 @@ var p = () => {
 			children: [/* @__PURE__ */ u("div", {
 				className: "flex items-start gap-4",
 				children: [/* @__PURE__ */ l("button", {
+					type: "button",
 					onClick: () => g("/plans"),
 					className: "p-2 -ml-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors",
 					children: /* @__PURE__ */ l("svg", {
-						className: "w-5 h-5",
+						className: "size-5",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
@@ -86,6 +87,7 @@ var p = () => {
 					children: [r(_.duration), " billing plan"]
 				})] })]
 			}), /* @__PURE__ */ l("button", {
+				type: "button",
 				onClick: () => g(`/checkout/${_.id}`),
 				className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 				children: "Subscribe to Plan"
@@ -145,9 +147,9 @@ var p = () => {
 							children: x.map((e) => /* @__PURE__ */ u("li", {
 								className: "flex items-start gap-3 p-3 rounded-lg bg-muted/30",
 								children: [/* @__PURE__ */ l("div", {
-									className: "w-8 h-8 rounded-full bg-status-success-bg-subtle flex items-center justify-center shrink-0",
+									className: "size-8 rounded-full bg-status-success-bg-subtle flex items-center justify-center shrink-0",
 									children: /* @__PURE__ */ l("svg", {
-										className: "w-4 h-4 text-status-success-text",
+										className: "size-4 text-status-success-text",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										stroke: "currentColor",
@@ -223,6 +225,7 @@ var p = () => {
 								children: x.length
 							})] }),
 							/* @__PURE__ */ l("button", {
+								type: "button",
 								onClick: () => g(`/checkout/${_.id}`),
 								className: "w-full px-4 py-2.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 								children: "Subscribe to Plan"
@@ -230,6 +233,7 @@ var p = () => {
 						]
 					})]
 				}), /* @__PURE__ */ l("button", {
+					type: "button",
 					onClick: () => g("/plans"),
 					className: "w-full px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
 					children: "Back to Plans"
@@ -250,6 +254,7 @@ var p = () => {
 					children: y?.message || m("billing.plans.planNotFoundMessage", "The plan you are looking for does not exist.")
 				}),
 				/* @__PURE__ */ l("button", {
+					type: "button",
 					onClick: () => g("/plans"),
 					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 					children: "Back to Plans"