@burdenoff/microfe-billing 2026.514.4 → 2026.514.6

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

@@ -4,63 +4,36 @@ import { useBillingPermissions as o } from "../../../hooks/useBillingPermissions
 import { useGetBillingAccountsByOrgQuery as s } from "../../../../generated/global-operations.js";
 import { useBillingNavigate as c } from "../../../hooks/useBillingNavigate.js";
 import { withBillingAccountId as l } from "../../../shared/utils/navigation.js";
-import { useInvoices as u } from "../hooks/useInvoices.js";
-import { useEffect as d, useMemo as f, useState as p } from "react";
-import { useSearchParams as m } from "react-router-dom";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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";
 //#region src/billing/modules/billing/pages/InvoicesListPage.tsx
-var v = () => {
-	let { t } = _(), n = (e, n) => {
-		let r = t(e);
-		return r === e ? n : r;
-	}, i = c(), a = o(), [v] = m(), b = v.get("billingAccountId") ?? void 0, { data: x } = s({ fetchPolicy: "cache-first" }), S = x?.getBillingAccountsByOrg ?? [], [C, w] = p(b);
+var b = () => {
+	let { t: e } = y(), 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);
 	d(() => {
-		w(b);
+		T(b);
 	}, [b]);
-	let T = f(() => (S.find((e) => e.isDefault) ?? S[0])?.id ?? void 0, [S]), E = C === void 0 ? T ?? null : C, { invoices: D, isLoading: O, error: k, refetch: A } = u({ billingAccountId: E ?? void 0 }), [j, M] = p("all"), [N, P] = p("");
-	if (!a.canViewInvoices) return /* @__PURE__ */ h("div", {
-		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ g("div", {
-			className: "text-center space-y-2",
-			children: [
-				/* @__PURE__ */ h("div", {
-					className: "w-12 h-12 mx-auto rounded-full bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ h("svg", {
-						className: "w-6 h-6 text-muted-foreground",
-						fill: "none",
-						viewBox: "0 0 24 24",
-						stroke: "currentColor",
-						children: /* @__PURE__ */ h("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
-						})
-					})
-				}),
-				/* @__PURE__ */ h("h2", {
-					className: "text-lg font-semibold text-foreground",
-					children: n("billing.accessDenied.title", "Access Denied")
-				}),
-				/* @__PURE__ */ h("p", {
-					className: "text-sm text-muted-foreground max-w-sm",
-					children: n("billing.invoices.noViewPermission", "You don't have permission to view invoices.")
-				})
-			]
-		})
+	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);
+	}, 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,
+		pageSize: 20
 	});
-	let F = D.filter((e) => {
-		if (j !== "all" && e.status !== j) return !1;
-		if (N) {
-			let t = N.toLowerCase();
-			return e.invoiceNumber.toLowerCase().includes(t) || e.id.toLowerCase().includes(t);
-		}
-		return !0;
-	}), I = F.reduce((e, t) => e + t.total, 0), L = F.filter((e) => e.status === "PAID").reduce((e, t) => e + t.total, 0), R = F.filter((e) => e.status === "OPEN").reduce((e, t) => e + t.total, 0);
-	return O && D.length === 0 ? /* @__PURE__ */ g("div", {
+	return i.canViewInvoices ? z && L.length === 0 ? /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ h("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ _("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ _("div", {
 			className: "space-y-3",
 			children: [
 				1,
@@ -68,30 +41,30 @@ var v = () => {
 				3,
 				4,
 				5
-			].map((e) => /* @__PURE__ */ h("div", {
+			].map((e) => /* @__PURE__ */ _("div", {
 				className: "border border-border rounded-lg p-4",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ h("div", { className: "h-10 w-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", { className: "h-10 w-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ v("div", {
 						className: "flex-1 space-y-2",
-						children: [/* @__PURE__ */ h("div", { className: "h-4 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ h("div", { className: "h-3 w-48 bg-muted animate-pulse rounded" })]
+						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" })]
 					})]
 				})
 			}, e))
 		})]
-	}) : k ? /* @__PURE__ */ h("div", {
+	}) : B ? /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "text-center space-y-4",
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ _("div", {
 					className: "w-12 h-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center",
-					children: /* @__PURE__ */ h("svg", {
+					children: /* @__PURE__ */ _("svg", {
 						className: "w-6 h-6 text-destructive",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ h("path", {
+						children: /* @__PURE__ */ _("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -99,89 +72,54 @@ var v = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ h("h2", {
+				/* @__PURE__ */ _("h2", {
 					className: "text-lg font-semibold text-foreground",
-					children: n("billing.invoices.failedToLoad", "Failed to load invoices")
+					children: t("billing.invoices.failedToLoad", "Failed to load invoices")
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground",
-					children: k.message
+					children: B.message
 				}),
-				/* @__PURE__ */ h("button", {
-					onClick: () => A(),
+				/* @__PURE__ */ _("button", {
+					onClick: () => V(),
 					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__ */ g("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
 					className: "text-2xl font-bold text-foreground",
-					children: n("billing.invoices.title", "Invoices")
-				}), /* @__PURE__ */ h("p", {
+					children: t("billing.invoices.title", "Invoices")
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: n("billing.invoices.subtitle", "View and manage your billing invoices")
-				})] }), S.length > 1 && /* @__PURE__ */ g("div", {
+					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__ */ h("label", {
+					children: [/* @__PURE__ */ _("label", {
 						className: "text-sm text-muted-foreground whitespace-nowrap",
 						children: "Billing Account"
-					}), /* @__PURE__ */ g("select", {
-						value: E ?? "",
-						onChange: (e) => w(e.target.value || null),
+					}), /* @__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__ */ h("option", {
+						children: [/* @__PURE__ */ _("option", {
 							value: "",
 							children: "All Accounts"
-						}), S.map((e) => /* @__PURE__ */ g("option", {
+						}), C.map((e) => /* @__PURE__ */ v("option", {
 							value: e.id ?? "",
 							children: [e.name ?? e.email ?? e.id, e.isDefault ? " (Default)" : ""]
 						}, e.id ?? ""))]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
-				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
-				children: [
-					/* @__PURE__ */ g("div", {
-						className: "border border-border rounded-lg bg-card p-4",
-						children: [/* @__PURE__ */ h("p", {
-							className: "text-sm text-muted-foreground",
-							children: n("billing.invoices.totalInvoiced", "Total Invoiced")
-						}), /* @__PURE__ */ h("p", {
-							className: "text-xl font-semibold text-foreground mt-1",
-							children: e(I)
-						})]
-					}),
-					/* @__PURE__ */ g("div", {
-						className: "border border-border rounded-lg bg-card p-4",
-						children: [/* @__PURE__ */ h("p", {
-							className: "text-sm text-muted-foreground",
-							children: n("billing.invoices.paid", "Paid")
-						}), /* @__PURE__ */ h("p", {
-							className: "text-xl font-semibold text-status-success-text mt-1",
-							children: e(L)
-						})]
-					}),
-					/* @__PURE__ */ g("div", {
-						className: "border border-border rounded-lg bg-card p-4",
-						children: [/* @__PURE__ */ h("p", {
-							className: "text-sm text-muted-foreground",
-							children: n("billing.invoices.outstanding", "Outstanding")
-						}), /* @__PURE__ */ h("p", {
-							className: "text-xl font-semibold text-status-warning-text mt-1",
-							children: e(R)
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "inline-flex rounded-lg border border-border p-1 bg-muted/50 flex-wrap",
 					children: [
 						"all",
@@ -189,44 +127,46 @@ var v = () => {
 						"PAID",
 						"DRAFT",
 						"VOID"
-					].map((e) => /* @__PURE__ */ h("button", {
-						onClick: () => M(e),
-						className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${j === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+					].map((e) => /* @__PURE__ */ _("button", {
+						onClick: () => {
+							k(e), F(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"}`,
 						children: e === "all" ? "All" : r(e)
 					}, e))
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "relative flex-1 min-w-[200px] max-w-md",
-					children: [/* @__PURE__ */ h("svg", {
+					children: [/* @__PURE__ */ _("svg", {
 						className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ h("path", {
+						children: /* @__PURE__ */ _("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
 						})
-					}), /* @__PURE__ */ h("input", {
+					}), /* @__PURE__ */ _("input", {
 						type: "text",
-						placeholder: n("billing.invoices.searchPlaceholder", "Search by invoice number..."),
-						value: N,
-						onChange: (e) => P(e.target.value),
+						placeholder: t("billing.invoices.searchPlaceholder", "Search by invoice number..."),
+						value: A,
+						onChange: (e) => j(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"
 					})]
 				})]
 			}),
-			F.length === 0 ? /* @__PURE__ */ g("div", {
+			!z && L.length === 0 ? /* @__PURE__ */ v("div", {
 				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ _("div", {
 						className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ h("svg", {
+						children: /* @__PURE__ */ _("svg", {
 							className: "w-6 h-6 text-muted-foreground",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ h("path", {
+							children: /* @__PURE__ */ _("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -234,139 +174,193 @@ var v = () => {
 							})
 						})
 					}),
-					/* @__PURE__ */ h("h3", {
+					/* @__PURE__ */ _("h3", {
 						className: "text-lg font-medium text-foreground",
-						children: n("billing.invoices.noInvoicesFound", "No invoices found")
+						children: t("billing.invoices.noInvoicesFound", "No invoices found")
 					}),
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm text-muted-foreground mt-1",
-						children: j !== "all" || N ? n("billing.invoices.noInvoicesFiltered", "No invoices match your filters.") : n("billing.invoices.noInvoicesYet", "You don't have any invoices yet.")
+						children: O !== "all" || M ? t("billing.invoices.noInvoicesFiltered", "No invoices match your filters.") : t("billing.invoices.noInvoicesYet", "You don't have any invoices yet.")
 					})
 				]
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
 				className: "border border-border rounded-lg overflow-hidden",
-				children: /* @__PURE__ */ g("table", {
+				children: /* @__PURE__ */ v("table", {
 					className: "w-full",
-					children: [/* @__PURE__ */ h("thead", {
+					children: [/* @__PURE__ */ _("thead", {
 						className: "bg-muted/50",
-						children: /* @__PURE__ */ g("tr", { children: [
-							/* @__PURE__ */ h("th", {
+						children: /* @__PURE__ */ v("tr", { children: [
+							/* @__PURE__ */ _("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Invoice"
 							}),
-							/* @__PURE__ */ h("th", {
+							/* @__PURE__ */ _("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Status"
 							}),
-							!E && S.length > 1 && /* @__PURE__ */ h("th", {
+							!D && C.length > 1 && /* @__PURE__ */ _("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden lg:table-cell",
 								children: "Account"
 							}),
-							/* @__PURE__ */ h("th", {
+							/* @__PURE__ */ _("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden sm:table-cell",
 								children: "Date"
 							}),
-							/* @__PURE__ */ h("th", {
+							/* @__PURE__ */ _("th", {
 								className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden md:table-cell",
 								children: "Due Date"
 							}),
-							/* @__PURE__ */ h("th", {
+							/* @__PURE__ */ _("th", {
 								className: "text-right px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Amount"
 							}),
-							/* @__PURE__ */ h("th", {
+							/* @__PURE__ */ _("th", {
 								className: "text-right px-4 py-3 text-sm font-medium text-muted-foreground",
 								children: "Actions"
 							})
 						] })
-					}), /* @__PURE__ */ h("tbody", {
+					}), /* @__PURE__ */ _("tbody", {
 						className: "divide-y divide-border",
-						children: F.map((e) => /* @__PURE__ */ h(y, {
+						children: L.map((e) => /* @__PURE__ */ _(x, {
 							invoice: e,
-							onView: () => i(l(`/invoices/${e.id}`, e.billingAccountId)),
-							canPay: a.canPayInvoice,
-							canVoid: a.canVoidInvoice,
-							showAccount: !E && S.length > 1,
-							accountName: S.find((t) => t.id === e.billingAccountId)?.name ?? null
+							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
 						}, e.id))
 					})]
 				})
-			})
+			}), R > 1 && /* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between pt-2",
+				children: [/* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"Page ",
+						P,
+						" of ",
+						R
+					]
+				}), /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ _("button", {
+						onClick: () => F((e) => Math.max(1, e - 1)),
+						disabled: P <= 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", {
+						onClick: () => F((e) => Math.min(R, e + 1)),
+						disabled: P >= R,
+						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", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ v("div", {
+			className: "text-center space-y-2",
+			children: [
+				/* @__PURE__ */ _("div", {
+					className: "w-12 h-12 mx-auto rounded-full bg-muted flex items-center justify-center",
+					children: /* @__PURE__ */ _("svg", {
+						className: "w-6 h-6 text-muted-foreground",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ _("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+						})
+					})
+				}),
+				/* @__PURE__ */ _("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: t("billing.accessDenied.title", "Access Denied")
+				}),
+				/* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground max-w-sm",
+					children: t("billing.invoices.noViewPermission", "You don't have permission to view invoices.")
+				})
+			]
+		})
 	});
-}, y = ({ invoice: o, onView: s, canPay: c, canVoid: l, showAccount: u = !1, accountName: d }) => {
+}, x = ({ 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__ */ g("tr", {
+	return /* @__PURE__ */ v("tr", {
 		className: "hover:bg-muted/30 transition-colors",
 		children: [
-			/* @__PURE__ */ g("td", {
+			/* @__PURE__ */ v("td", {
 				className: "px-4 py-4",
-				children: [/* @__PURE__ */ h("button", {
+				children: [/* @__PURE__ */ _("button", {
 					onClick: s,
 					className: "font-medium text-foreground hover:text-primary transition-colors",
 					children: n(o.invoiceNumber)
-				}), (o.itemDescription ?? o.subscription?.plan?.name) && /* @__PURE__ */ h("p", {
+				}), (o.itemDescription ?? o.subscription?.plan?.name) && /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
 					children: o.itemDescription ?? o.subscription?.plan?.name
 				})]
 			}),
-			/* @__PURE__ */ h("td", {
+			/* @__PURE__ */ _("td", {
 				className: "px-4 py-4",
-				children: /* @__PURE__ */ h("span", {
+				children: /* @__PURE__ */ _("span", {
 					className: `inline-flex px-2 py-1 text-xs font-medium rounded ${a(f)}`,
 					children: r(o.status)
 				})
 			}),
-			u && /* @__PURE__ */ h("td", {
+			u && /* @__PURE__ */ _("td", {
 				className: "px-4 py-4 hidden lg:table-cell",
-				children: d ? /* @__PURE__ */ h("span", {
+				children: d ? /* @__PURE__ */ _("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__ */ h("span", {
+				}) : /* @__PURE__ */ _("span", {
 					className: "text-sm text-muted-foreground",
 					children: "—"
 				})
 			}),
-			/* @__PURE__ */ h("td", {
+			/* @__PURE__ */ _("td", {
 				className: "px-4 py-4 text-sm text-muted-foreground hidden sm:table-cell",
 				children: t(o.createdAt, "short")
 			}),
-			/* @__PURE__ */ h("td", {
+			/* @__PURE__ */ _("td", {
 				className: "px-4 py-4 text-sm text-muted-foreground hidden md:table-cell",
 				children: o.dueDate ? t(o.dueDate, "short") : "—"
 			}),
-			/* @__PURE__ */ h("td", {
+			/* @__PURE__ */ _("td", {
 				className: "px-4 py-4 text-right font-medium text-foreground",
 				children: e(o.total, o.currency)
 			}),
-			/* @__PURE__ */ h("td", {
+			/* @__PURE__ */ _("td", {
 				className: "px-4 py-4 text-right",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-end gap-2",
 					children: [
-						o.invoiceUrl ? /* @__PURE__ */ h("a", {
+						o.invoiceUrl ? /* @__PURE__ */ _("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__ */ h("button", {
+						}) : /* @__PURE__ */ _("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__ */ h("a", {
+						o.pdfUrl && /* @__PURE__ */ _("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__ */ h("button", {
+						p && c && /* @__PURE__ */ _("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__ */ h("button", {
+						(p || m) && l && /* @__PURE__ */ _("button", {
 							className: "px-3 py-1.5 text-sm font-medium text-destructive hover:bg-destructive/10 rounded-md transition-colors",
 							children: "Void"
 						})
@@ -377,6 +371,6 @@ var v = () => {
 	});
 };
 //#endregion
-export { v as InvoicesListPage };
+export { b as InvoicesListPage };
 
 //# sourceMappingURL=InvoicesListPage.js.map