@burdenoff/microfe-billing 2026.510.114

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

@@ -0,0 +1,480 @@
+import { useBilling as e } from "../../../providers/BillingProvider.js";
+import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as n } from "../../../shared/components/PageHeader.js";
+import { EmptyState as r } from "../../../shared/components/EmptyState.js";
+import { ServerError as i } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { useBillingEventEmitter as a } from "../../../hooks/useBillingEventEmitter.js";
+import { formatCurrency as o, formatDateTime as s } from "../../../shared/utils/format.js";
+import { isServerError as c } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as l } from "../../../hooks/useBillingPermissions.js";
+import { useGetDefaultBillingAccountSettingsQuery as u } from "../../../../generated/global-operations.js";
+import { addPayoutAccount as d, archivePayoutAccount as f, fetchPayoutAccounts as p, fetchPayoutRequests as m, requestPayout as h, setDefaultPayoutAccount as g, updatePayoutAccount as _ } from "../api.js";
+import { useEffect as v, useMemo as y, useState as b } from "react";
+import { Landmark as x, RefreshCw as S, Send as C } from "lucide-react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/billing/modules/earnings/pages/PayoutsPage.tsx
+var D = () => {
+	let D = l(), { emit: O } = a(), { apiGatewayUrl: k, authToken: A, orgId: j } = e(), { data: M } = u({}), N = M?.getDefaultBillingAccount?.id, [P, F] = b([]), [I, L] = b([]), [R, z] = b(!0), [B, V] = b(null), [H, U] = b({
+		label: "",
+		type: "BANK_ACCOUNT",
+		providerPreference: "AUTO",
+		country: "US",
+		currency: "USD",
+		accountHolderName: "",
+		bankName: "",
+		accountNumber: "",
+		routingNumber: "",
+		ifsc: "",
+		upiId: ""
+	}), [W, G] = b(""), [K, q] = b(""), [J, Y] = b(null), X = y(() => ({
+		apiGatewayUrl: k,
+		authToken: A,
+		orgId: j
+	}), [
+		k,
+		A,
+		j
+	]), Z = async () => {
+		if (N) {
+			z(!0), V(null);
+			try {
+				let [e, t] = await Promise.all([p(N, X), m(N, X)]);
+				F(e), L(t), !K && e[0]?.id && q(e[0].id);
+			} catch (e) {
+				V(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load payout data"));
+			} finally {
+				z(!1);
+			}
+		}
+	};
+	if (v(() => {
+		Z();
+	}, [N, X]), !D.canManagePaymentMethods) return /* @__PURE__ */ T(t, { message: "You don't have permission to manage payout accounts." });
+	if (B && c(B)) return /* @__PURE__ */ T(i, {
+		title: "Payout data unavailable",
+		message: B.message,
+		onRetry: () => void Z(),
+		showRetry: !0
+	});
+	let Q = async () => {
+		if (!N) return;
+		let e = {
+			billingAccountId: N,
+			...H
+		};
+		J ? (await _(J, e, X), O("billing.payout_account.updated", {
+			route: "/billing/payouts",
+			entityId: J,
+			source: "payouts"
+		})) : (await d(e, X), O("billing.payout_account.added", {
+			route: "/billing/payouts",
+			entityId: N,
+			source: "payouts"
+		})), U({
+			label: "",
+			type: "BANK_ACCOUNT",
+			providerPreference: "AUTO",
+			country: "US",
+			currency: "USD",
+			accountHolderName: "",
+			bankName: "",
+			accountNumber: "",
+			routingNumber: "",
+			ifsc: "",
+			upiId: ""
+		}), Y(null), await Z();
+	}, $ = async (e) => {
+		await g(e, X), await Z();
+	}, ee = async (e) => {
+		window.confirm("Archive this payout account?") && (await f(e, X), O("billing.payout_account.archived", {
+			route: "/billing/payouts",
+			entityId: e,
+			source: "payouts"
+		}), await Z());
+	}, te = (e) => {
+		Y(e.id), U((t) => ({
+			...t,
+			label: e.label,
+			type: e.type,
+			providerPreference: e.providerPreference,
+			country: e.country || t.country,
+			currency: e.currency,
+			accountHolderName: e.displayName || t.accountHolderName,
+			bankName: "",
+			accountNumber: "",
+			routingNumber: "",
+			ifsc: "",
+			upiId: ""
+		}));
+	}, ne = async () => {
+		!N || !K || !W || (await h({
+			billingAccountId: N,
+			payoutAccountId: K,
+			amount: Number(W),
+			currency: P.find((e) => e.id === K)?.currency || "USD"
+		}, X), O("billing.payout.requested", {
+			route: "/billing/payouts",
+			entityId: K,
+			source: "payouts",
+			amount: Number(W),
+			currency: P.find((e) => e.id === K)?.currency || "USD"
+		}), G(""), await Z());
+	};
+	return /* @__PURE__ */ E("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ T(n, {
+				title: "Payouts",
+				description: "Register payout accounts, request withdrawals, and track disbursement status."
+			}),
+			B && !c(B) ? /* @__PURE__ */ T("div", {
+				className: "rounded-lg border border-border bg-card p-4 text-sm text-destructive",
+				children: B.message
+			}) : null,
+			/* @__PURE__ */ E("div", {
+				className: "grid gap-6 xl:grid-cols-[1.05fr,1.95fr]",
+				children: [/* @__PURE__ */ E("section", {
+					className: "rounded-lg border border-border bg-card p-4",
+					children: [
+						/* @__PURE__ */ T("h2", {
+							className: "mb-4 text-lg font-semibold text-foreground",
+							children: J ? "Edit payout account" : "Add payout account"
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ T("input", {
+									value: H.label,
+									onChange: (e) => U((t) => ({
+										...t,
+										label: e.target.value
+									})),
+									placeholder: "Label",
+									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "grid gap-3 md:grid-cols-2",
+									children: [/* @__PURE__ */ E("select", {
+										value: H.type,
+										onChange: (e) => U((t) => ({
+											...t,
+											type: e.target.value
+										})),
+										className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "BANK_ACCOUNT",
+												children: "Bank account"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "UPI",
+												children: "UPI"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "WALLET",
+												children: "Wallet"
+											})
+										]
+									}), /* @__PURE__ */ E("select", {
+										value: H.providerPreference,
+										onChange: (e) => U((t) => ({
+											...t,
+											providerPreference: e.target.value
+										})),
+										className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground",
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "AUTO",
+												children: "Auto"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "STRIPE",
+												children: "Stripe"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "RAZORPAY",
+												children: "Razorpay"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "MANUAL",
+												children: "Manual"
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "grid gap-3 md:grid-cols-2",
+									children: [/* @__PURE__ */ T("input", {
+										value: H.country,
+										onChange: (e) => U((t) => ({
+											...t,
+											country: e.target.value.toUpperCase()
+										})),
+										placeholder: "Country",
+										className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+									}), /* @__PURE__ */ T("input", {
+										value: H.currency,
+										onChange: (e) => U((t) => ({
+											...t,
+											currency: e.target.value.toUpperCase()
+										})),
+										placeholder: "Currency",
+										className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+									})]
+								}),
+								/* @__PURE__ */ T("input", {
+									value: H.accountHolderName,
+									onChange: (e) => U((t) => ({
+										...t,
+										accountHolderName: e.target.value
+									})),
+									placeholder: "Account holder name",
+									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+								}),
+								H.type === "BANK_ACCOUNT" ? /* @__PURE__ */ E(w, { children: [
+									/* @__PURE__ */ T("input", {
+										value: H.bankName,
+										onChange: (e) => U((t) => ({
+											...t,
+											bankName: e.target.value
+										})),
+										placeholder: "Bank name",
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+									}),
+									/* @__PURE__ */ T("input", {
+										value: H.accountNumber,
+										onChange: (e) => U((t) => ({
+											...t,
+											accountNumber: e.target.value
+										})),
+										placeholder: "Account number",
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+									}),
+									/* @__PURE__ */ T("input", {
+										value: H.country === "IN" ? H.ifsc : H.routingNumber,
+										onChange: (e) => U((t) => t.country === "IN" ? {
+											...t,
+											ifsc: e.target.value
+										} : {
+											...t,
+											routingNumber: e.target.value
+										}),
+										placeholder: H.country === "IN" ? "IFSC" : "Routing number",
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+									})
+								] }) : H.type === "UPI" ? /* @__PURE__ */ T("input", {
+									value: H.upiId,
+									onChange: (e) => U((t) => ({
+										...t,
+										upiId: e.target.value
+									})),
+									placeholder: "UPI ID",
+									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ E("button", {
+							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"]
+						}),
+						J ? /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => {
+								Y(null), U({
+									label: "",
+									type: "BANK_ACCOUNT",
+									providerPreference: "AUTO",
+									country: "US",
+									currency: "USD",
+									accountHolderName: "",
+									bankName: "",
+									accountNumber: "",
+									routingNumber: "",
+									ifsc: "",
+									upiId: ""
+								});
+							},
+							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",
+							children: "Cancel edit"
+						}) : null
+					]
+				}), /* @__PURE__ */ E("section", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ E("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "mb-4 flex items-center justify-between",
+								children: [/* @__PURE__ */ T("h2", {
+									className: "text-lg font-semibold text-foreground",
+									children: "Request payout"
+								}), /* @__PURE__ */ E("button", {
+									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"]
+								})]
+							}),
+							P.length === 0 && !R ? /* @__PURE__ */ T(r, {
+								icon: /* @__PURE__ */ T(x, { className: "h-8 w-8" }),
+								title: "No payout accounts yet",
+								description: "Add a payout account before requesting a withdrawal."
+							}) : /* @__PURE__ */ E("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ T("select", {
+										value: K,
+										onChange: (e) => q(e.target.value),
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground",
+										children: P.map((e) => /* @__PURE__ */ E("option", {
+											value: e.id,
+											children: [
+												e.label,
+												" · ",
+												e.currency,
+												" · ",
+												e.status
+											]
+										}, e.id))
+									}),
+									/* @__PURE__ */ T("input", {
+										value: W,
+										onChange: (e) => G(e.target.value),
+										placeholder: "Amount",
+										className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+									}),
+									/* @__PURE__ */ E("button", {
+										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"]
+									})
+								]
+							}),
+							P.length > 0 ? /* @__PURE__ */ E("div", {
+								className: "mt-4 space-y-3 rounded-md border border-border bg-background/60 p-3",
+								children: [/* @__PURE__ */ T("h3", {
+									className: "text-sm font-semibold text-foreground",
+									children: "Saved payout accounts"
+								}), P.map((e) => /* @__PURE__ */ E("div", {
+									className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-border/70 bg-card px-3 py-2 text-sm",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("p", {
+										className: "font-medium text-foreground",
+										children: [
+											e.label,
+											" ",
+											e.isDefault ? "• Default" : ""
+										]
+									}), /* @__PURE__ */ E("p", {
+										className: "text-muted-foreground",
+										children: [
+											e.providerPreference,
+											" · ",
+											e.currency,
+											" · ",
+											e.status
+										]
+									})] }), /* @__PURE__ */ E("div", {
+										className: "flex flex-wrap gap-2",
+										children: [
+											/* @__PURE__ */ T("button", {
+												type: "button",
+												onClick: () => te(e),
+												className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground",
+												children: "Edit"
+											}),
+											e.isDefault ? null : /* @__PURE__ */ T("button", {
+												type: "button",
+												onClick: () => void $(e.id),
+												className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground",
+												children: "Make default"
+											}),
+											/* @__PURE__ */ T("button", {
+												type: "button",
+												onClick: () => void ee(e.id),
+												className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-destructive",
+												children: "Archive"
+											})
+										]
+									})]
+								}, e.id))]
+							}) : null
+						]
+					}), /* @__PURE__ */ E("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ T("h2", {
+							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" }),
+							title: "No payout requests yet",
+							description: "Your payout requests and processing updates will appear here."
+						}) : /* @__PURE__ */ T("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ E("table", {
+								className: "min-w-full text-sm",
+								children: [/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", {
+									className: "border-b border-border text-left text-muted-foreground",
+									children: [
+										/* @__PURE__ */ T("th", {
+											className: "px-3 py-2",
+											children: "Amount"
+										}),
+										/* @__PURE__ */ T("th", {
+											className: "px-3 py-2",
+											children: "Provider"
+										}),
+										/* @__PURE__ */ T("th", {
+											className: "px-3 py-2",
+											children: "Status"
+										}),
+										/* @__PURE__ */ T("th", {
+											className: "px-3 py-2",
+											children: "Account"
+										}),
+										/* @__PURE__ */ T("th", {
+											className: "px-3 py-2",
+											children: "Created"
+										})
+									]
+								}) }), /* @__PURE__ */ T("tbody", { children: I.map((e) => /* @__PURE__ */ E("tr", {
+									className: "border-b border-border/70 text-foreground",
+									children: [
+										/* @__PURE__ */ T("td", {
+											className: "px-3 py-2 font-medium",
+											children: o(e.requestedAmount, e.currency)
+										}),
+										/* @__PURE__ */ T("td", {
+											className: "px-3 py-2",
+											children: e.provider
+										}),
+										/* @__PURE__ */ T("td", {
+											className: "px-3 py-2",
+											children: e.status
+										}),
+										/* @__PURE__ */ T("td", {
+											className: "px-3 py-2",
+											children: e.payoutAccount?.label || "-"
+										}),
+										/* @__PURE__ */ T("td", {
+											className: "px-3 py-2",
+											children: s(e.createdAt)
+										})
+									]
+								}, e.id)) })]
+							})
+						})]
+					})]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { D as PayoutsPage };
+
+//# sourceMappingURL=PayoutsPage.js.map

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

@@ -0,0 +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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"}

package/dist/billing/modules/plans/hooks/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Plans Module - Hooks
+ * Re-exports all hooks for the Plans module
+ */
+export { usePlans, usePlan, usePlanMutations } from './usePlans';
+export { useQuotas, useQuotaMutations } from './useQuotas';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/plans/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/plans/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/billing/modules/plans/hooks/index.js

@@ -0,0 +1,2 @@
+import "./usePlans.js";
+import "./useQuotas.js";

package/dist/billing/modules/plans/hooks/usePlans.d.ts

@@ -0,0 +1,46 @@
+import { Plan, CreatePlanInput, UpdatePlanInput } from '../../../shared/types';
+
+interface UsePlansOptions {
+    onlyActive?: boolean;
+    /** Filter by product ID — pushed to backend query, not client-side. */
+    productId?: string;
+    /**
+     * When false, free plans (price = 0) are excluded at the backend.
+     * Use false on user-facing browse pages; omit or set true for admin pages.
+     */
+    includeFree?: boolean;
+}
+interface UsePlansResult {
+    plans: Plan[];
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UsePlanResult {
+    plan: Plan | null;
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UsePlanMutationsResult {
+    createPlan: (input: CreatePlanInput) => Promise<boolean>;
+    updatePlan: (input: UpdatePlanInput) => Promise<boolean>;
+    togglePlan: (planId: string, status: boolean) => Promise<boolean>;
+    isCreating: boolean;
+    isUpdating: boolean;
+    isToggling: boolean;
+}
+/**
+ * Hook for fetching all plans
+ */
+export declare function usePlans(options?: UsePlansOptions): UsePlansResult;
+/**
+ * Hook for fetching a single plan by ID
+ */
+export declare function usePlan(id: string | undefined): UsePlanResult;
+/**
+ * Hook for plan mutations (create, update, toggle)
+ */
+export declare function usePlanMutations(): UsePlanMutationsResult;
+export {};
+//# sourceMappingURL=usePlans.d.ts.map

package/dist/billing/modules/plans/hooks/usePlans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlans.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/plans/hooks/usePlans.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH,OAAO,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEpF,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,cAAc,CA6BtE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAiB7D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CA0EzD"}