@tesouro/embedded-components-react 0.5.169 → 0.5.170

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js

@@ -1,416 +1,509 @@
-import { Alert as e, AlertTitle as t, Button as n, DataTable as r, DataTableSortableHeader as i, Input as a, Skeleton as ee, Tabs as o, TabsContent as s, TabsList as te, TabsTrigger as ne, Tooltip as c, TooltipContent as l, TooltipProvider as u, TooltipTrigger as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as f } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as re } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Alert as e, AlertTitle as t, Badge as n, Button as r, ContextMenuItem as i, DataTable as a, DataTableSortableHeader as ee, Input as te, Skeleton as ne, Tabs as o, TabsContent as re, TabsList as ie, TabsTrigger as ae, Tooltip as s, TooltipContent as c, TooltipProvider as l, TooltipTrigger as oe, cn as se } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as u } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as ce } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { getAcceptedBillUploadFiles as ie } from "./index3.js";
+import { getAcceptedBillUploadFiles as le } from "./index3.js";
 import "./index5.js";
-import { AddBillPanel as p } from "./index7.js";
+import { AddBillPanel as d } from "./index7.js";
 import "./index8.js";
-import { BillStatusBadge as ae } from "./index21.js";
+import { BillStatusBadge as ue } from "./index21.js";
 import "./index22.js";
-import { DueDateValue as oe } from "./index24.js";
+import { DueDateValue as de } from "./index24.js";
 import "./index25.js";
-import { MissingValue as m } from "./index33.js";
+import { MissingValue as f } from "./index33.js";
 import "./index34.js";
-import { NoValue as h } from "./index36.js";
+import { NoValue as p } from "./index36.js";
 import "./index37.js";
-import { BILLS_SCREEN_LABELS_EN as g, BILLS_SCREEN_UPLOAD_ACCEPT as _ } from "./index38.js";
-import { DateDisclosure as se } from "./index16.js";
-import { BillsFilterBar as ce } from "./index81.js";
+import { BILLS_SCREEN_LABELS_EN as m, BILLS_SCREEN_UPLOAD_ACCEPT as h } from "./index38.js";
+import { DateDisclosure as fe } from "./index16.js";
+import { BillOverflowMenu as pe } from "./index46.js";
+import "./index47.js";
+import { BillsFilterBar as me } from "./index81.js";
 import "./index82.js";
-import { BillColumn as v } from "./index83.js";
-import { useMemo as y, useState as le } from "react";
-import { Fragment as ue, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { PaperclipIcon as de, PlusIcon as fe, SearchIcon as pe, SettingsIcon as me, UploadIcon as he } from "lucide-react";
+import { BillColumn as g } from "./index83.js";
+import { useMemo as _, useState as he } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { FileQuestionIcon as ge, PaperclipIcon as _e, PlusIcon as ve, SearchIcon as ye, SettingsIcon as be, UploadIcon as xe, XIcon as Se } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js
-var ge = [
+var Ce = [
 	10,
 	25,
 	50,
 	100
-], _e = 240, ve = {
+], we = 240, Te = {
 	default: "",
 	warning: "ttw:bg-amber-50 ttw:hover:bg-amber-100 ttw:border-l-4! ttw:border-l-amber-600!"
-}, S = {
+}, x = {
 	default: "",
 	warning: "ttw:-ml-1 ttw:font-semibold ttw:text-amber-800"
+}, Ee = {
+	success: "ttw:text-emerald-700",
+	warning: "ttw:text-amber-800"
 };
-function ye(e, t) {
+function De(e, t) {
 	return e === "resolving" ? t.vendorResolving : e === "unavailable" ? t.vendorUnavailable : t.missingValue.missing;
 }
-var C = 40, be = [
-	v.Vendor,
-	v.Attachment,
-	v.IssueDate,
-	v.DueDate,
-	v.ScheduledDate,
-	v.PaidDate,
-	v.Status,
-	v.AmountDue,
-	v.AmountScheduled,
-	v.AmountPaid,
-	v.TotalAmount,
-	v.AddedOn
-], w = [
-	v.Vendor,
-	v.Attachment,
-	v.DueDate,
-	v.Status,
-	v.AmountDue,
-	v.AddedOn
+var S = 40, Oe = [
+	g.Vendor,
+	g.InvoiceNumber,
+	g.Attachment,
+	g.IssueDate,
+	g.DueDate,
+	g.ScheduledDate,
+	g.PaidDate,
+	g.Status,
+	g.AmountDue,
+	g.AmountScheduled,
+	g.AmountPaid,
+	g.TotalAmount,
+	g.AddedOn
+], ke = [
+	g.Vendor,
+	g.Attachment,
+	g.DueDate,
+	g.Status,
+	g.AmountDue,
+	g.AddedOn
 ];
-function T({ rows: T, isLoading: E, isError: D, sorting: xe, onSortingChange: Se, pageSize: Ce, onPageSizeChange: we, pageSizeOptions: Te = ge, pageInfo: Ee, hasNextPage: De, hasPrevPage: Oe, onNextPage: ke, onPrevPage: Ae, filterTabs: O, selectedFilterTabId: k, onFilterTabChange: je, searchValue: Me, onSearchChange: Ne, filters: A, visibleColumns: j = w, cellTestIds: M, isSearchActive: N, showAddPanelWhenEmpty: Pe, emptyState: P, onCreateClick: F, onSettingsClick: I, onRetry: L, onFilesSelected: R, maxFiles: z, onEnterManually: B, uploadStatus: V, uploadErrorMessage: H, emailAddress: U, onCopyEmail: W, labels: G, duplicateWarning: K, onReviewDuplicates: q }) {
-	let J = y(() => ({
-		...g,
-		...G,
+function C({ rows: C, isLoading: w, isError: T, sorting: Ae, onSortingChange: je, pageSize: Me, onPageSizeChange: Ne, pageSizeOptions: E = Ce, pageInfo: Pe, hasNextPage: D, hasPrevPage: O, onNextPage: Fe, onPrevPage: Ie, filterTabs: k, selectedFilterTabId: A, onFilterTabChange: Le, searchValue: Re, onSearchChange: ze, filters: j, visibleColumns: M = ke, cellTestIds: N, isSearchActive: P, showAddPanelWhenEmpty: Be, emptyState: F, onCreateClick: I, onSettingsClick: L, onRetry: R, onFilesSelected: z, maxFiles: B, onEnterManually: V, uploadStatus: H, uploadErrorMessage: U, emailAddress: W, onCopyEmail: G, labels: K, duplicateWarning: q, duplicateReviewControl: J }) {
+	let Y = _(() => ({
+		...m,
+		...K,
 		statusBadge: {
-			...g.statusBadge,
-			...G?.statusBadge
+			...m.statusBadge,
+			...K?.statusBadge
 		},
 		addBill: {
-			...g.addBill,
-			...G?.addBill,
+			...m.addBill,
+			...K?.addBill,
 			dropzone: {
-				...g.addBill.dropzone,
-				...G?.addBill?.dropzone
+				...m.addBill.dropzone,
+				...K?.addBill?.dropzone
 			}
 		},
 		sortableHeader: {
-			...g.sortableHeader,
-			...G?.sortableHeader
+			...m.sortableHeader,
+			...K?.sortableHeader
 		},
 		missingValue: {
-			...g.missingValue,
-			...G?.missingValue
+			...m.missingValue,
+			...K?.missingValue
 		},
 		noValue: {
-			...g.noValue,
-			...G?.noValue
+			...m.noValue,
+			...K?.noValue
 		},
 		dueDate: {
-			...g.dueDate,
-			...G?.dueDate
+			...m.dueDate,
+			...K?.dueDate
 		}
-	}), [G]), [Fe, Y] = le(!1), X = !!R, Z = (e) => Array.from(e.dataTransfer.types).includes("Files"), Ie = (e) => {
-		X && Z(e) && (e.preventDefault(), Y(!0));
-	}, Le = (e) => {
-		X && Z(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", Y(!0));
-	}, Re = (e) => {
-		!e.currentTarget.contains(e.relatedTarget) && X && Y(!1);
-	}, ze = (e) => {
-		if (!X) return;
-		e.preventDefault(), Y(!1);
-		let t = e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], n = ie(t, _, z !== 1);
-		n.length && R?.(n);
-	}, Q = y(() => {
+	}), [K]), Ve = C.some((e) => e.group), X = C.some((e) => e.menu?.items.length), Z = J?.isActive === !0, [He, Q] = he(!1), $ = !!z, Ue = (e) => Array.from(e.dataTransfer.types).includes("Files"), We = (e) => {
+		$ && Ue(e) && (e.preventDefault(), Q(!0));
+	}, Ge = (e) => {
+		$ && Ue(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", Q(!0));
+	}, Ke = (e) => {
+		!e.currentTarget.contains(e.relatedTarget) && $ && Q(!1);
+	}, qe = (e) => {
+		if (!$) return;
+		e.preventDefault(), Q(!1);
+		let t = e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], n = le(t, h, B !== 1);
+		n.length && z?.(n);
+	}, Je = _(() => {
 		let e = (e) => function({ column: t }) {
-			return /* @__PURE__ */ b(i, {
+			return /* @__PURE__ */ y(ee, {
 				column: t,
 				title: e,
-				labels: J.sortableHeader
+				labels: Y.sortableHeader
 			});
-		}, t = (e, t, n = /* @__PURE__ */ b(m, { labels: J.missingValue }), r) => function({ row: i }) {
-			let a = r && i.original[r] ? /* @__PURE__ */ b(m, { labels: J.missingValue }) : n;
-			return /* @__PURE__ */ b("span", {
+		}, t = (e, t, n = /* @__PURE__ */ y(f, { labels: Y.missingValue }), r) => function({ row: i }) {
+			let a = r && i.original[r] ? /* @__PURE__ */ y(f, { labels: Y.missingValue }) : n;
+			return /* @__PURE__ */ y("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": M?.[t],
+				"data-testid": N?.[t],
 				children: i.original[e] || a
 			});
-		}, n = function({ row: e }) {
-			return /* @__PURE__ */ b("span", {
+		}, r = function({ row: e }) {
+			return /* @__PURE__ */ y("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": M?.[v.DueDate],
-				children: /* @__PURE__ */ b(oe, {
-					value: e.original.dueDateLabel || /* @__PURE__ */ b(m, { labels: J.missingValue }),
+				"data-testid": N?.[g.DueDate],
+				children: /* @__PURE__ */ y(de, {
+					value: e.original.dueDateLabel || /* @__PURE__ */ y(f, { labels: Y.missingValue }),
 					tone: e.original.dueDateTone,
-					labels: J.dueDate
+					labels: Y.dueDate
 				})
 			});
-		}, r = (e, t, n = /* @__PURE__ */ b(m, { labels: J.missingValue }), r) => function({ row: i }) {
-			let a = r && i.original[r] ? /* @__PURE__ */ b(m, { labels: J.missingValue }) : n;
-			return /* @__PURE__ */ b("div", {
+		}, i = (e, t, n = /* @__PURE__ */ y(f, { labels: Y.missingValue }), r) => function({ row: i }) {
+			let a = r && i.original[r] ? /* @__PURE__ */ y(f, { labels: Y.missingValue }) : n;
+			return /* @__PURE__ */ y("div", {
 				className: "ttw:text-right ttw:whitespace-nowrap",
-				"data-testid": M?.[t],
+				"data-testid": N?.[t],
 				children: i.original[e] || a
 			});
-		}, a = /* @__PURE__ */ b(h, { labels: J.noValue });
-		function o({ row: e }) {
-			let t = e.original.scheduledDateIsGap ? /* @__PURE__ */ b(m, { labels: J.missingValue }) : a, n = e.original.scheduledDateLabel, r = e.original.scheduledDateExact;
-			return /* @__PURE__ */ b("span", {
+		}, a = /* @__PURE__ */ y(p, { labels: Y.noValue });
+		function te({ row: e }) {
+			let t = e.original.scheduledDateIsGap ? /* @__PURE__ */ y(f, { labels: Y.missingValue }) : a, n = e.original.scheduledDateLabel, r = e.original.scheduledDateExact;
+			return /* @__PURE__ */ y("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": M?.[v.ScheduledDate],
-				children: n && r ? /* @__PURE__ */ b(se, {
+				"data-testid": N?.[g.ScheduledDate],
+				children: n && r ? /* @__PURE__ */ y(fe, {
 					date: r,
 					children: n
 				}) : n || t
 			});
 		}
-		let s = (e) => function() {
-			return /* @__PURE__ */ b("div", {
+		let o = (e) => function() {
+			return /* @__PURE__ */ y("div", {
 				className: "ttw:text-right",
 				children: e
 			});
 		};
 		return {
-			[v.Vendor]: {
+			[g.Vendor]: {
 				accessorKey: "vendorLabel",
 				enableSorting: !0,
-				minSize: _e,
-				header: e(J.columnVendor),
+				minSize: we,
+				header: e(Y.columnVendor),
 				cell: ({ row: e }) => {
-					let t = e.original.rowNote ? /* @__PURE__ */ b("span", {
+					let t = e.original.rowNote ? /* @__PURE__ */ y("span", {
 						className: "ttw:sr-only",
 						children: ` ${e.original.rowNote}`
 					}) : null;
-					return !e.original.vendorLabel && e.original.vendorLookup === "resolving" ? /* @__PURE__ */ x("div", {
-						className: S[e.original.rowTone ?? "default"],
-						"data-testid": M?.[v.Vendor],
-						children: [/* @__PURE__ */ b(ee, {
+					if (!e.original.vendorLabel && e.original.vendorLookup === "resolving") return /* @__PURE__ */ b("div", {
+						className: x[e.original.rowTone ?? "default"],
+						"data-testid": N?.[g.Vendor],
+						children: [/* @__PURE__ */ y(ne, {
 							className: "ttw:h-4 ttw:w-32",
 							"aria-hidden": !0
 						}), t]
-					}) : /* @__PURE__ */ x("span", {
-						className: S[e.original.rowTone ?? "default"],
-						"data-testid": M?.[v.Vendor],
-						children: [e.original.vendorLabel || (e.original.vendorLookup === "unavailable" ? /* @__PURE__ */ b(h, { labels: { none: J.vendorUnavailable } }) : /* @__PURE__ */ b(m, { labels: J.missingValue })), t]
+					});
+					let r = e.original.groupedRowLabel ?? e.original.vendorLabel;
+					return /* @__PURE__ */ b("span", {
+						className: se("ttw:inline-flex", e.original.group ? "ttw:flex-col ttw:items-start ttw:gap-1" : "ttw:items-center ttw:gap-2", e.original.group && "ttw:pl-6", e.original.groupedRowLabelTone ? Ee[e.original.groupedRowLabelTone] : x[e.original.rowTone ?? "default"]),
+						"data-testid": N?.[g.Vendor],
+						children: [
+							r || (e.original.vendorLookup === "unavailable" ? /* @__PURE__ */ y(p, { labels: { none: Y.vendorUnavailable } }) : /* @__PURE__ */ y(f, { labels: Y.missingValue })),
+							e.original.groupedRowBadge ? /* @__PURE__ */ y(n, {
+								variant: "secondary",
+								children: e.original.groupedRowBadge
+							}) : null,
+							t
+						]
 					});
 				}
 			},
-			[v.Attachment]: {
+			[g.InvoiceNumber]: {
+				accessorKey: "invoiceNumberLabel",
+				enableSorting: !1,
+				header: () => Y.columnInvoiceNumber,
+				cell: t("invoiceNumberLabel", g.InvoiceNumber)
+			},
+			[g.Attachment]: {
 				accessorKey: "attachment",
 				enableSorting: !1,
-				size: C,
-				minSize: C,
-				header: () => /* @__PURE__ */ b("span", {
+				size: S,
+				minSize: S,
+				header: () => /* @__PURE__ */ y("span", {
 					className: "ttw:sr-only",
-					children: J.columnAttachment
+					children: Y.columnAttachment
 				}),
-				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ b("div", {
+				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ y("div", {
 					className: "ttw:flex ttw:justify-center",
-					"data-testid": M?.[v.Attachment],
-					children: /* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(d, {
+					"data-testid": N?.[g.Attachment],
+					children: /* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(oe, {
 						type: "button",
 						className: "ttw:inline-flex ttw:cursor-default",
 						"aria-label": e.original.attachment.label,
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ b(de, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
-					}), /* @__PURE__ */ b(l, { children: e.original.attachment.label })] }) })
+						children: /* @__PURE__ */ y(_e, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
+					}), /* @__PURE__ */ y(c, { children: e.original.attachment.label })] }) })
 				}) : null
 			},
-			[v.IssueDate]: {
+			[g.IssueDate]: {
 				accessorKey: "issueDateLabel",
 				enableSorting: !0,
-				header: e(J.columnIssueDate),
-				cell: t("issueDateLabel", v.IssueDate)
+				header: e(Y.columnIssueDate),
+				cell: t("issueDateLabel", g.IssueDate)
 			},
-			[v.DueDate]: {
+			[g.DueDate]: {
 				accessorKey: "dueDateLabel",
 				enableSorting: !0,
-				header: e(J.columnDueDate),
-				cell: n
+				header: e(Y.columnDueDate),
+				cell: r
 			},
-			[v.ScheduledDate]: {
+			[g.ScheduledDate]: {
 				accessorKey: "scheduledDateLabel",
 				enableSorting: !0,
-				header: e(J.columnScheduledDate),
-				cell: o
+				header: e(Y.columnScheduledDate),
+				cell: te
 			},
-			[v.PaidDate]: {
+			[g.PaidDate]: {
 				accessorKey: "paidDateLabel",
 				enableSorting: !1,
-				header: J.columnPaidDate,
-				cell: t("paidDateLabel", v.PaidDate)
+				header: Y.columnPaidDate,
+				cell: t("paidDateLabel", g.PaidDate)
 			},
-			[v.Status]: {
+			[g.Status]: {
 				accessorKey: "status",
 				enableSorting: !1,
-				header: J.columnStatus,
-				cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+				header: Y.columnStatus,
+				cell: ({ row: e }) => /* @__PURE__ */ y("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-1",
-					"data-testid": M?.[v.Status],
-					children: /* @__PURE__ */ b(ae, {
+					"data-testid": N?.[g.Status],
+					children: /* @__PURE__ */ y(ue, {
 						status: e.original.status,
 						tone: e.original.statusTone,
-						labels: J.statusBadge
+						labels: Y.statusBadge
 					})
 				})
 			},
-			[v.AmountDue]: {
+			[g.AmountDue]: {
 				accessorKey: "amountDueLabel",
 				enableSorting: !1,
-				header: s(J.columnAmountDue),
-				cell: r("amountDueLabel", v.AmountDue)
+				header: o(Y.columnAmountDue),
+				cell: i("amountDueLabel", g.AmountDue)
 			},
-			[v.AmountScheduled]: {
+			[g.AmountScheduled]: {
 				accessorKey: "amountScheduledLabel",
 				enableSorting: !1,
-				header: s(J.columnAmountScheduled),
-				cell: r("amountScheduledLabel", v.AmountScheduled)
+				header: o(Y.columnAmountScheduled),
+				cell: i("amountScheduledLabel", g.AmountScheduled)
 			},
-			[v.AmountPaid]: {
+			[g.AmountPaid]: {
 				accessorKey: "amountPaidLabel",
 				enableSorting: !1,
-				header: s(J.columnAmountPaid),
-				cell: r("amountPaidLabel", v.AmountPaid, a, "amountPaidIsGap")
+				header: o(Y.columnAmountPaid),
+				cell: i("amountPaidLabel", g.AmountPaid, a, "amountPaidIsGap")
 			},
-			[v.TotalAmount]: {
+			[g.TotalAmount]: {
 				accessorKey: "totalAmountLabel",
 				enableSorting: !1,
-				header: s(J.columnTotalAmount),
-				cell: r("totalAmountLabel", v.TotalAmount)
+				header: o(Y.columnTotalAmount),
+				cell: i("totalAmountLabel", g.TotalAmount)
 			},
-			[v.AddedOn]: {
+			[g.AddedOn]: {
 				accessorKey: "addedOnLabel",
 				enableSorting: !0,
-				header: e(J.columnAddedOn),
-				cell: t("addedOnLabel", v.AddedOn)
+				header: e(Y.columnAddedOn),
+				cell: t("addedOnLabel", g.AddedOn)
 			}
 		};
-	}, [J, M]), Be = y(() => be.filter((e) => j.includes(e)).map((e) => Q[e]), [Q, j]), Ve = !!(F && R) && !E && !D && !N && T.length === 0 && Pe === !0, $ = /* @__PURE__ */ x("div", {
+	}, [Y, N]), Ye = _(() => [...Oe.filter((e) => M.includes(e)).map((e) => Je[e]), ...X ? [{
+		id: "actions",
+		enableSorting: !1,
+		header: () => /* @__PURE__ */ y("span", {
+			className: "ttw:sr-only",
+			children: Y.columnActions
+		}),
+		cell: ({ row: e }) => e.original.menu?.items.length ? /* @__PURE__ */ y("div", {
+			className: "ttw:flex ttw:justify-end",
+			children: /* @__PURE__ */ y(pe, {
+				actions: e.original.menu.items.map((e) => ({
+					...e,
+					variant: "ghost"
+				})),
+				triggerLabel: e.original.menu.triggerLabel,
+				placement: "table"
+			})
+		}) : null
+	}] : []], [
+		Je,
+		X,
+		Y,
+		M
+	]), Xe = !!(I && z) && !w && !T && !P && C.length === 0 && Be === !0, Ze = /* @__PURE__ */ b("div", {
 		className: "ttw:relative ttw:w-80",
-		children: [/* @__PURE__ */ b(pe, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ b(a, {
+		children: [/* @__PURE__ */ y(ye, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ y(te, {
 			className: "ttw:pl-9",
 			type: "search",
-			"aria-label": J.searchLabel,
-			placeholder: J.searchPlaceholder,
-			value: Me,
-			onChange: (e) => Ne(e.target.value)
+			"aria-label": Y.searchLabel,
+			placeholder: Y.searchPlaceholder,
+			value: Re,
+			onChange: (e) => ze(e.target.value)
 		})]
-	}), He = A ? /* @__PURE__ */ b(ce, {
-		...A,
+	}), Qe = J?.isActive ? /* @__PURE__ */ b(r, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		className: "ttw:h-8 ttw:gap-1.5 ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-100",
+		onClick: J.onClear,
+		children: [
+			J.activeFilterLabel,
+			/* @__PURE__ */ y(Se, {
+				className: "ttw:size-3.5",
+				"aria-hidden": !0
+			}),
+			" ",
+			/* @__PURE__ */ y("span", {
+				className: "ttw:sr-only",
+				children: J.clearLabel
+			})
+		]
+	}) : null, $e = j ? /* @__PURE__ */ y(me, {
+		...j,
 		className: "ttw:px-4",
-		searchSlot: $
+		searchSlot: /* @__PURE__ */ b("div", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+			children: [Ze, Qe]
+		})
 	}) : /* @__PURE__ */ b("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: $
+		children: [Ze, Qe]
 	});
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [K ? /* @__PURE__ */ x(e, {
-			className: "ttw:flex ttw:items-center ttw:gap-3 ttw:rounded-none ttw:border-0 ttw:border-l-4 ttw:border-l-amber-600 ttw:bg-amber-50 ttw:py-2 ttw:text-amber-700",
-			children: [/* @__PURE__ */ b(t, {
-				className: "ttw:flex-1 ttw:font-semibold",
-				children: K
-			}), q ? /* @__PURE__ */ b(n, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:text-foreground",
-				onClick: q,
-				children: J.duplicateBillsReviewButton
-			}) : null]
-		}) : null, /* @__PURE__ */ x(o, {
-			value: k,
-			onValueChange: je,
+		children: [q ? /* @__PURE__ */ b(e, {
+			className: "ttw:flex ttw:min-h-12 ttw:flex-wrap ttw:items-center ttw:gap-3 ttw:rounded-none ttw:border-0 ttw:border-l-4 ttw:border-l-amber-600 ttw:bg-amber-50 ttw:py-2 ttw:text-amber-700",
+			children: [
+				/* @__PURE__ */ y(ge, {
+					className: "ttw:size-5 ttw:shrink-0",
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ y(t, {
+					className: "ttw:flex-1 ttw:font-semibold",
+					children: q
+				}),
+				J ? Z ? null : /* @__PURE__ */ y(r, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					className: "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted",
+					onClick: J.onReview,
+					children: J.reviewLabel
+				}) : null
+			]
+		}) : null, /* @__PURE__ */ b(o, {
+			value: A,
+			onValueChange: Le,
 			className: "ttw:flex ttw:flex-col ttw:gap-4",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ b("div", {
 				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ b(te, {
-					"aria-label": J.filterTabsLabel,
-					children: O.map((e) => /* @__PURE__ */ x(ne, {
+				children: [Z ? /* @__PURE__ */ y("div", {}) : /* @__PURE__ */ y(ie, {
+					"aria-label": Y.filterTabsLabel,
+					children: k.map((e) => /* @__PURE__ */ b(ae, {
 						value: e.id,
 						className: "ttw:group/tab ttw:min-w-28 ttw:gap-2",
-						children: [e.label, e.badge ? /* @__PURE__ */ x(ue, { children: [" ", /* @__PURE__ */ b("span", {
+						children: [e.label, e.badge ? /* @__PURE__ */ b(v, { children: [" ", /* @__PURE__ */ y("span", {
 							className: "ttw:inline-flex ttw:h-5 ttw:min-w-5 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-background ttw:px-1 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:group-data-[state=active]/tab:bg-muted",
 							children: e.badge
 						})] }) : null]
 					}, e.id))
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [I ? /* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(d, {
+					children: [L ? /* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(oe, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(n, {
+						children: /* @__PURE__ */ y(r, {
 							variant: "outline",
 							size: "icon",
-							"aria-label": J.settingsButton,
-							onClick: I,
-							children: /* @__PURE__ */ b(me, { className: "ttw:size-4" })
+							"aria-label": Y.settingsButton,
+							onClick: L,
+							children: /* @__PURE__ */ y(be, { className: "ttw:size-4" })
 						})
-					}), /* @__PURE__ */ b(l, { children: J.settingsButton })] }) }) : null, F ? /* @__PURE__ */ x(n, {
-						onClick: F,
-						children: [/* @__PURE__ */ b(fe, { className: "ttw:size-4" }), J.createButton]
+					}), /* @__PURE__ */ y(c, { children: Y.settingsButton })] }) }) : null, I ? /* @__PURE__ */ b(r, {
+						onClick: I,
+						children: [/* @__PURE__ */ y(ve, { className: "ttw:size-4" }), Y.createButton]
 					}) : null]
 				})]
 			}), (() => {
-				let e = D ? /* @__PURE__ */ b(re, {
-					title: J.errorTitle,
-					description: J.errorDescription,
-					retryLabel: L ? J.errorRetry : void 0,
-					onRetry: L
-				}) : Ve && F && R ? /* @__PURE__ */ b("div", {
+				let e = T ? /* @__PURE__ */ y(ce, {
+					title: Y.errorTitle,
+					description: Y.errorDescription,
+					retryLabel: R ? Y.errorRetry : void 0,
+					onRetry: R
+				}) : Xe && I && z ? /* @__PURE__ */ y("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-					children: U && W ? /* @__PURE__ */ b(p, {
-						emailAddress: U,
-						onCopyEmail: W,
-						onFilesSelected: R,
-						accept: _,
-						maxFiles: z,
-						uploadStatus: V,
-						uploadErrorMessage: H,
-						onEnterManually: B ?? F,
-						labels: J.addBill
-					}) : /* @__PURE__ */ b(p, {
-						onFilesSelected: R,
-						accept: _,
-						maxFiles: z,
-						uploadStatus: V,
-						uploadErrorMessage: H,
-						onEnterManually: B ?? F,
-						labels: J.addBill
+					children: W && G ? /* @__PURE__ */ y(d, {
+						emailAddress: W,
+						onCopyEmail: G,
+						onFilesSelected: z,
+						accept: h,
+						maxFiles: B,
+						uploadStatus: H,
+						uploadErrorMessage: U,
+						onEnterManually: V ?? I,
+						labels: Y.addBill
+					}) : /* @__PURE__ */ y(d, {
+						onFilesSelected: z,
+						accept: h,
+						maxFiles: B,
+						uploadStatus: H,
+						uploadErrorMessage: U,
+						onEnterManually: V ?? I,
+						labels: Y.addBill
 					})
-				}) : /* @__PURE__ */ x("div", {
+				}) : /* @__PURE__ */ b("div", {
 					className: "ttw:relative",
-					onDragEnter: Ie,
-					onDragOver: Le,
-					onDragLeave: Re,
-					onDrop: ze,
-					children: [/* @__PURE__ */ b(r, {
-						columns: Be,
-						data: T,
+					onDragEnter: We,
+					onDragOver: Ge,
+					onDragLeave: Ke,
+					onDrop: qe,
+					children: [/* @__PURE__ */ y(a, {
+						columns: Ye,
+						data: C,
 						getRowId: (e) => e.rowKey,
 						animatesNewRows: !0,
-						isLoading: E,
-						sorting: xe,
-						onSortingChange: Se,
-						pageSize: Ce,
-						onPageSizeChange: we,
-						pageSizeOptions: Te,
-						pageInfo: Ee,
-						hasNextPage: De,
-						hasPrevPage: Oe,
-						onNextPage: ke,
-						onPrevPage: Ae,
+						isLoading: w,
+						sorting: Ae,
+						onSortingChange: je,
+						pageSize: Me,
+						onPageSizeChange: Ne,
+						pageSizeOptions: E,
+						showPagination: E.length > 1 || D || O,
+						pageInfo: Pe,
+						hasNextPage: D,
+						hasPrevPage: O,
+						onNextPage: Fe,
+						onPrevPage: Ie,
 						onRowClick: (e) => e.onOpen(),
-						rowAriaLabel: (e) => J.openRow(e.vendorLabel || ye(e.vendorLookup, J)),
-						rowClassName: (e) => ve[e.rowTone ?? "default"],
-						filterComponent: He,
-						children: N ? /* @__PURE__ */ b(f, {
-							title: J.filteredEmptyTitle,
-							description: J.filteredEmptyDescription
-						}) : P ? /* @__PURE__ */ b(f, {
-							title: P.title,
-							description: P.description
+						rowAriaLabel: (e) => Y.openRow(e.vendorLabel || De(e.vendorLookup, Y)),
+						rowClassName: (e) => Te[e.rowTone ?? "default"],
+						rowGroup: Ve ? (e) => e.group ? {
+							key: e.group.key,
+							nested: {
+								toggleLabel: Y.duplicateGroupToggle(e.group.headerLabel),
+								countLabel: Y.duplicateGroupBillCount(e.group.memberCount)
+							},
+							header: /* @__PURE__ */ y("span", {
+								className: "ttw:text-sm ttw:text-foreground",
+								children: e.group.headerLabel
+							})
+						} : void 0 : void 0,
+						rowContextMenu: (e) => e.menu?.items.length ? /* @__PURE__ */ y(v, { children: e.menu.items.map((e) => {
+							let t = e.icon;
+							return /* @__PURE__ */ b(i, {
+								disabled: e.disabled,
+								onClick: e.onSelect,
+								children: [t ? /* @__PURE__ */ y(t, { className: "ttw:size-4" }) : null, e.label]
+							}, e.id);
+						}) }) : void 0,
+						filterComponent: $e,
+						children: P ? /* @__PURE__ */ y(u, {
+							title: Y.filteredEmptyTitle,
+							description: Y.filteredEmptyDescription
+						}) : F ? /* @__PURE__ */ y(u, {
+							title: F.title,
+							description: F.description
 						}) : void 0
-					}), Fe ? /* @__PURE__ */ b("div", {
+					}), He ? /* @__PURE__ */ y("div", {
 						className: "ttw:pointer-events-none ttw:absolute ttw:inset-0 ttw:z-20 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-xl ttw:border-2 ttw:border-dashed ttw:border-primary ttw:bg-background/85 ttw:backdrop-blur-[1px]",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "ttw:flex ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:bg-card ttw:px-4 ttw:py-3 ttw:shadow-sm",
-							children: [/* @__PURE__ */ b(he, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ y(xe, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "ttw:text-sm ttw:font-medium",
-								children: J.tableDropzoneTitle
-							}), /* @__PURE__ */ b("p", {
+								children: Y.tableDropzoneTitle
+							}), /* @__PURE__ */ y("p", {
 								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: z === void 0 ? J.addBill.dropzone.fileTypesHint : `${J.addBill.dropzone.fileTypesHint} · ${J.addBill.dropzone.fileCountHint(z)}`
+								children: B === void 0 ? Y.addBill.dropzone.fileTypesHint : `${Y.addBill.dropzone.fileTypesHint} · ${Y.addBill.dropzone.fileCountHint(B)}`
 							})] })]
 						})
 					}) : null]
 				});
-				return O.map((t) => /* @__PURE__ */ b(s, {
+				return k.map((t) => /* @__PURE__ */ y(re, {
 					value: t.id,
-					children: t.id === k ? e : null
+					children: t.id === A ? e : null
 				}, t.id));
 			})()]
 		})]
 	});
 }
 //#endregion
-export { T as BillsScreen, T as default, w as DEFAULT_BILL_COLUMNS };
+export { C as BillsScreen, C as default, ke as DEFAULT_BILL_COLUMNS };