@burdenoff/microfe-billing 2026.530.2 → 2026.530.3

package/dist/billing/modules/billing/pages/InvoicesListPage.js

@@ -6,34 +6,35 @@ import { useBillingNavigate as c } from "../../../hooks/useBillingNavigate.js";
 import { withBillingAccountId as l } from "../../../shared/utils/navigation.js";
 import { usePaginatedInvoices as u } from "../hooks/useInvoices.js";
 import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { useSearchParams as h } from "react-router-dom";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { RotateCcw as h } from "lucide-react";
+import { useSearchParams as g } from "react-router-dom";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/billing/modules/billing/pages/InvoicesListPage.tsx
-var b = () => {
-	let { t: e } = y(), t = (t, n) => {
+var x = () => {
+	let { t: e } = b(), t = (t, n) => {
 		let r = e(t);
 		return r === t ? n : r;
-	}, n = c(), i = o(), [a] = h(), b = a.get("billingAccountId") ?? void 0, { data: S } = s({ fetchPolicy: "cache-first" }), C = S?.getBillingAccountsByOrg ?? [], [w, T] = m(b);
+	}, n = c(), i = o(), [a] = g(), x = a.get("billingAccountId") ?? void 0, { data: C } = s({ fetchPolicy: "cache-first" }), w = C?.getBillingAccountsByOrg ?? [], [T, E] = m(x);
 	d(() => {
-		T(b);
-	}, [b]);
-	let E = f(() => (C.find((e) => e.isDefault) ?? C[0])?.id ?? void 0, [C]), D = w === void 0 ? E ?? null : w, [O, k] = m("all"), [A, j] = m(""), [M, N] = m(""), [P, F] = m(1), I = p(null);
-	d(() => (I.current && clearTimeout(I.current), I.current = setTimeout(() => {
-		N(A), F(1);
+		E(x);
+	}, [x]);
+	let D = f(() => (w.find((e) => e.isDefault) ?? w[0])?.id ?? void 0, [w]), O = T === void 0 ? D ?? null : T, [k, A] = m("all"), [j, M] = m(""), [N, P] = m(""), [F, I] = m(1), L = p(null);
+	d(() => (L.current && clearTimeout(L.current), L.current = setTimeout(() => {
+		P(j), I(1);
 	}, 400), () => {
-		I.current && clearTimeout(I.current);
-	}), [A]);
-	let { invoices: L, totalPages: R, isLoading: z, error: B, refetch: V } = u({
-		billingAccountId: D ?? void 0,
-		status: O === "all" ? void 0 : O,
-		search: M || void 0,
-		page: P,
+		L.current && clearTimeout(L.current);
+	}), [j]);
+	let { invoices: R, totalPages: z, isLoading: B, error: V, refetch: H } = u({
+		billingAccountId: O ?? void 0,
+		status: k === "all" ? void 0 : k,
+		search: N || void 0,
+		page: F,
 		pageSize: 20
 	});
-	return i.canViewInvoices ? z && L.length === 0 ? /* @__PURE__ */ v("div", {
+	return i.canViewInvoices ? B && R.length === 0 ? /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ _("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ v("div", {
 			className: "space-y-3",
 			children: [
 				1,
@@ -41,30 +42,30 @@ var b = () => {
 				3,
 				4,
 				5
-			].map((e) => /* @__PURE__ */ _("div", {
+			].map((e) => /* @__PURE__ */ v("div", {
 				className: "border border-border rounded-lg p-4",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ _("div", { className: "size-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ v("div", { className: "size-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ y("div", {
 						className: "flex-1 space-y-2",
-						children: [/* @__PURE__ */ _("div", { className: "h-4 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ _("div", { className: "h-3 w-48 bg-muted animate-pulse rounded" })]
+						children: [/* @__PURE__ */ v("div", { className: "h-4 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ v("div", { className: "h-3 w-48 bg-muted animate-pulse rounded" })]
 					})]
 				})
 			}, e))
 		})]
-	}) : B ? /* @__PURE__ */ _("div", {
+	}) : V ? /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "text-center space-y-4",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "size-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center",
-					children: /* @__PURE__ */ _("svg", {
+					children: /* @__PURE__ */ v("svg", {
 						className: "size-6 text-destructive",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ v("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -72,55 +73,63 @@ var b = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ _("h2", {
+				/* @__PURE__ */ v("h2", {
 					className: "text-lg font-semibold text-foreground",
 					children: t("billing.invoices.failedToLoad", "Failed to load invoices")
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground",
-					children: B.message
+					children: V.message
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
-					onClick: () => V(),
+					onClick: () => H(),
 					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 					children: "Try Again"
 				})
 			]
 		})
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
 					className: "text-2xl font-bold text-foreground",
 					children: t("billing.invoices.title", "Invoices")
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground mt-1",
 					children: t("billing.invoices.subtitle", "View and manage your billing invoices")
-				})] }), C.length > 1 && /* @__PURE__ */ v("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ _("label", {
-						className: "text-sm text-muted-foreground whitespace-nowrap",
-						children: "Billing Account"
-					}), /* @__PURE__ */ v("select", {
-						value: D ?? "",
-						onChange: (e) => T(e.target.value || null),
-						className: "text-sm border border-border rounded-md bg-background text-foreground px-3 py-2 focus:outline-none focus:ring-2 focus:ring-primary",
-						children: [/* @__PURE__ */ _("option", {
-							value: "",
-							children: "All Accounts"
-						}), C.map((e) => /* @__PURE__ */ v("option", {
-							value: e.id ?? "",
-							children: [e.name ?? e.email ?? e.id, e.isDefault ? " (Default)" : ""]
-						}, e.id ?? ""))]
+				})] }), /* @__PURE__ */ y("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => n("/refunds"),
+						className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+						children: [/* @__PURE__ */ v(h, { className: "size-4" }), t("billing.invoices.myRefunds", "My Refunds")]
+					}), w.length > 1 && /* @__PURE__ */ y("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ v("label", {
+							className: "text-sm text-muted-foreground whitespace-nowrap",
+							children: "Billing Account"
+						}), /* @__PURE__ */ y("select", {
+							value: O ?? "",
+							onChange: (e) => E(e.target.value || null),
+							className: "text-sm border border-border rounded-md bg-background text-foreground px-3 py-2 focus:outline-none focus:ring-2 focus:ring-primary",
+							children: [/* @__PURE__ */ v("option", {
+								value: "",
+								children: "All Accounts"
+							}), w.map((e) => /* @__PURE__ */ y("option", {
+								value: e.id ?? "",
+								children: [e.name ?? e.email ?? e.id, e.isDefault ? " (Default)" : ""]
+							}, e.id ?? ""))]
+						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "inline-flex rounded-lg border border-border p-1 bg-muted/50 flex-wrap",
 					children: [
 						"all",
@@ -128,47 +137,47 @@ var b = () => {
 						"PAID",
 						"DRAFT",
 						"VOID"
-					].map((e) => /* @__PURE__ */ _("button", {
+					].map((e) => /* @__PURE__ */ v("button", {
 						type: "button",
 						onClick: () => {
-							k(e), F(1);
+							A(e), I(1);
 						},
-						className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${O === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+						className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${k === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
 						children: e === "all" ? "All" : r(e)
 					}, e))
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "relative flex-1 min-w-0 w-full sm:max-w-md",
-					children: [/* @__PURE__ */ _("svg", {
+					children: [/* @__PURE__ */ v("svg", {
 						className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ v("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
 						})
-					}), /* @__PURE__ */ _("input", {
+					}), /* @__PURE__ */ v("input", {
 						type: "text",
 						placeholder: t("billing.invoices.searchPlaceholder", "Search by invoice number..."),
-						value: A,
-						onChange: (e) => j(e.target.value),
+						value: j,
+						onChange: (e) => M(e.target.value),
 						className: "w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
 					})]
 				})]
 			}),
-			!z && L.length === 0 ? /* @__PURE__ */ v("div", {
+			!B && R.length === 0 ? /* @__PURE__ */ y("div", {
 				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ _("svg", {
+						children: /* @__PURE__ */ v("svg", {
 							className: "size-6 text-muted-foreground",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ v("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -176,104 +185,104 @@ var b = () => {
 							})
 						})
 					}),
-					/* @__PURE__ */ _("h3", {
+					/* @__PURE__ */ v("h3", {
 						className: "text-lg font-medium text-foreground",
 						children: t("billing.invoices.noInvoicesFound", "No invoices found")
 					}),
-					/* @__PURE__ */ _("p", {
+					/* @__PURE__ */ v("p", {
 						className: "text-sm text-muted-foreground mt-1",
-						children: O !== "all" || M ? t("billing.invoices.noInvoicesFiltered", "No invoices match your filters.") : t("billing.invoices.noInvoicesYet", "You don't have any invoices yet.")
+						children: k !== "all" || N ? t("billing.invoices.noInvoicesFiltered", "No invoices match your filters.") : t("billing.invoices.noInvoicesYet", "You don't have any invoices yet.")
 					})
 				]
-			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
 				className: "border border-border rounded-lg overflow-hidden",
-				children: /* @__PURE__ */ v("table", {
+				children: /* @__PURE__ */ y("table", {
 					className: "w-full",
-					children: [/* @__PURE__ */ _("thead", {
+					children: [/* @__PURE__ */ v("thead", {
 						className: "bg-muted/50",
-						children: /* @__PURE__ */ v("tr", { children: [
-							/* @__PURE__ */ _("th", {
+						children: /* @__PURE__ */ y("tr", { children: [
+							/* @__PURE__ */ v("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Invoice"
 							}),
-							/* @__PURE__ */ _("th", {
+							/* @__PURE__ */ v("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Status"
 							}),
-							!D && C.length > 1 && /* @__PURE__ */ _("th", {
+							!O && w.length > 1 && /* @__PURE__ */ v("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden lg:table-cell",
 								children: "Account"
 							}),
-							/* @__PURE__ */ _("th", {
+							/* @__PURE__ */ v("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden sm:table-cell",
 								children: "Date"
 							}),
-							/* @__PURE__ */ _("th", {
+							/* @__PURE__ */ v("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden md:table-cell",
 								children: "Due Date"
 							}),
-							/* @__PURE__ */ _("th", {
+							/* @__PURE__ */ v("th", {
 								className: "text-right px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Amount"
 							}),
-							/* @__PURE__ */ _("th", {
+							/* @__PURE__ */ v("th", {
 								className: "text-right px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Actions"
 							})
 						] })
-					}), /* @__PURE__ */ _("tbody", {
+					}), /* @__PURE__ */ v("tbody", {
 						className: "divide-y divide-border",
-						children: L.map((e) => /* @__PURE__ */ _(x, {
+						children: R.map((e) => /* @__PURE__ */ v(S, {
 							invoice: e,
 							onView: () => n(l(`/invoices/${e.id}`, e.billingAccountId)),
 							canPay: i.canPayInvoice,
 							canVoid: i.canVoidInvoice,
-							showAccount: !D && C.length > 1,
-							accountName: C.find((t) => t.id === e.billingAccountId)?.name ?? null
+							showAccount: !O && w.length > 1,
+							accountName: w.find((t) => t.id === e.billingAccountId)?.name ?? null
 						}, e.id))
 					})]
 				})
-			}), R > 1 && /* @__PURE__ */ v("div", {
+			}), z > 1 && /* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between pt-2",
-				children: [/* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ y("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						"Page ",
-						P,
+						F,
 						" of ",
-						R
+						z
 					]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => F((e) => Math.max(1, e - 1)),
-						disabled: P <= 1,
+						onClick: () => I((e) => Math.max(1, e - 1)),
+						disabled: F <= 1,
 						className: "px-3 py-1.5 text-sm font-medium border border-border rounded-md bg-background text-foreground hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
 						children: "Previous"
-					}), /* @__PURE__ */ _("button", {
+					}), /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => F((e) => Math.min(R, e + 1)),
-						disabled: P >= R,
+						onClick: () => I((e) => Math.min(z, e + 1)),
+						disabled: F >= z,
 						className: "px-3 py-1.5 text-sm font-medium border border-border rounded-md bg-background text-foreground hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
 						children: "Next"
 					})]
 				})]
 			})] })
 		]
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "text-center space-y-2",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "size-12 mx-auto rounded-full bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ _("svg", {
+					children: /* @__PURE__ */ v("svg", {
 						className: "size-6 text-muted-foreground",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ v("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -281,93 +290,93 @@ var b = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ _("h2", {
+				/* @__PURE__ */ v("h2", {
 					className: "text-lg font-semibold text-foreground",
 					children: t("billing.accessDenied.title", "Access Denied")
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground max-w-sm",
 					children: t("billing.invoices.noViewPermission", "You don't have permission to view invoices.")
 				})
 			]
 		})
 	});
-}, x = ({ invoice: o, onView: s, canPay: c, canVoid: l, showAccount: u = !1, accountName: d }) => {
+}, S = ({ invoice: o, onView: s, canPay: c, canVoid: l, showAccount: u = !1, accountName: d }) => {
 	let f = i(o.status), p = o.status === "OPEN", m = o.status === "DRAFT";
-	return /* @__PURE__ */ v("tr", {
+	return /* @__PURE__ */ y("tr", {
 		className: "hover:bg-muted/30 transition-colors",
 		children: [
-			/* @__PURE__ */ v("td", {
+			/* @__PURE__ */ y("td", {
 				className: "p-4",
-				children: [/* @__PURE__ */ _("button", {
+				children: [/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: s,
 					className: "font-medium text-foreground hover:text-primary transition-colors",
 					children: n(o.invoiceNumber)
-				}), (o.itemDescription ?? o.subscription?.plan?.name) && /* @__PURE__ */ _("p", {
+				}), (o.itemDescription ?? o.subscription?.plan?.name) && /* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
 					children: o.itemDescription ?? o.subscription?.plan?.name
 				})]
 			}),
-			/* @__PURE__ */ _("td", {
+			/* @__PURE__ */ v("td", {
 				className: "p-4",
-				children: /* @__PURE__ */ _("span", {
+				children: /* @__PURE__ */ v("span", {
 					className: `inline-flex px-2 py-1 text-xs font-medium rounded ${a(f)}`,
 					children: r(o.status)
 				})
 			}),
-			u && /* @__PURE__ */ _("td", {
+			u && /* @__PURE__ */ v("td", {
 				className: "p-4 hidden lg:table-cell",
-				children: d ? /* @__PURE__ */ _("span", {
+				children: d ? /* @__PURE__ */ v("span", {
 					className: "inline-flex items-center px-2 py-0.5 text-xs font-medium rounded-full bg-muted text-muted-foreground border border-border",
 					children: d
-				}) : /* @__PURE__ */ _("span", {
+				}) : /* @__PURE__ */ v("span", {
 					className: "text-sm text-muted-foreground",
 					children: ", "
 				})
 			}),
-			/* @__PURE__ */ _("td", {
+			/* @__PURE__ */ v("td", {
 				className: "p-4 text-sm text-muted-foreground hidden sm:table-cell",
 				children: t(o.createdAt, "short")
 			}),
-			/* @__PURE__ */ _("td", {
+			/* @__PURE__ */ v("td", {
 				className: "p-4 text-sm text-muted-foreground hidden md:table-cell",
 				children: o.dueDate ? t(o.dueDate, "short") : "—"
 			}),
-			/* @__PURE__ */ _("td", {
+			/* @__PURE__ */ v("td", {
 				className: "p-4 text-right font-medium text-foreground",
 				children: e(o.total, o.currency)
 			}),
-			/* @__PURE__ */ _("td", {
+			/* @__PURE__ */ v("td", {
 				className: "p-4 text-right",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "flex items-center justify-end gap-2",
 					children: [
-						o.invoiceUrl ? /* @__PURE__ */ _("a", {
+						o.invoiceUrl ? /* @__PURE__ */ v("a", {
 							href: o.invoiceUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "px-3 py-1.5 text-sm font-medium text-foreground hover:bg-muted rounded-md transition-colors",
 							children: "View"
-						}) : /* @__PURE__ */ _("button", {
+						}) : /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: s,
 							className: "px-3 py-1.5 text-sm font-medium text-foreground hover:bg-muted rounded-md transition-colors",
 							children: "View"
 						}),
-						o.pdfUrl && /* @__PURE__ */ _("a", {
+						o.pdfUrl && /* @__PURE__ */ v("a", {
 							href: o.pdfUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "px-3 py-1.5 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors",
 							children: "PDF"
 						}),
-						p && c && /* @__PURE__ */ _("button", {
+						p && c && /* @__PURE__ */ v("button", {
 							type: "button",
 							className: "px-3 py-1.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 							children: "Pay"
 						}),
-						(p || m) && l && /* @__PURE__ */ _("button", {
+						(p || m) && l && /* @__PURE__ */ v("button", {
 							type: "button",
 							className: "px-3 py-1.5 text-sm font-medium text-destructive hover:bg-destructive/10 rounded-md transition-colors",
 							children: "Void"
@@ -379,6 +388,6 @@ var b = () => {
 	});
 };
 //#endregion
-export { b as InvoicesListPage };
+export { x as InvoicesListPage };
 
 //# sourceMappingURL=InvoicesListPage.js.map