@tesouro/embedded-components-react 0.11.8 → 0.11.10

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bills-list/ui/dist/index20.js

@@ -1,22 +1,23 @@
-import { Button as e, ContextMenuItem as t, DataTable as n, DataTableSortableHeader as r, Input as i, Separator as a, Skeleton as ee, Tabs as o, TabsContent as s, TabsList as c, TabsTrigger as te, Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f, cn as ne } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as p } from "../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { Button as e, ContextMenuItem as t, DataTable as n, DataTableSortableHeader as r, Input as i, Separator as a, Skeleton as ee, Tabs as o, TabsContent as s, TabsList as c, TabsTrigger as te, Tooltip as ne, 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 "../../../../shared/ui/dist/index.js";
 import { BillStatusBadge as ie } from "../../../../shared/document-status/ui/dist/index4.js";
 import "../../../../shared/document-status/ui/dist/index.js";
-import { BillDuplicateWarning as ae } from "../../../ui/dist/index6.js";
-import { BillOverflowMenu as oe } from "../../../ui/dist/index9.js";
-import { getAcceptedBillUploadFiles as se } from "../../../ui/dist/index15.js";
-import { DateDisclosure as ce } from "../../../ui/dist/index18.js";
-import { DueDateValue as le } from "../../../ui/dist/index20.js";
+import { BillDuplicateIcon as ae } from "../../../ui/dist/index6.js";
+import { BillDuplicateWarning as oe } from "../../../ui/dist/index8.js";
+import { BillOverflowMenu as se } from "../../../ui/dist/index11.js";
+import { getAcceptedBillUploadFiles as ce } from "../../../ui/dist/index17.js";
+import { DateDisclosure as le } from "../../../ui/dist/index20.js";
+import { DueDateValue as ue } from "../../../ui/dist/index22.js";
 import "../../../ui/dist/index.js";
-import { AddBillPanel as m } from "./index3.js";
+import { AddBillPanel as p } from "./index3.js";
 import "./index4.js";
-import { BillsFilterBar as ue } from "./index10.js";
+import { BillsFilterBar as de } from "./index10.js";
 import "./index11.js";
-import { MissingValue as h } from "./index13.js";
+import { MissingValue as m } from "./index13.js";
 import "./index14.js";
-import { NoValue as de } from "./index16.js";
+import { NoValue as h } from "./index16.js";
 import "./index17.js";
 import { BILLS_SCREEN_LABELS_EN as g, BILLS_SCREEN_UPLOAD_ACCEPT as _ } from "./index18.js";
 import { BillColumn as v } from "./index19.js";
@@ -29,17 +30,11 @@ var be = [
 	25,
 	50,
 	100
-], xe = 240, Se = {
-	default: "",
-	warning: "ttw:bg-warning-subtle ttw:hover:bg-warning/20 ttw:border-l-4! ttw:border-l-warning!"
-}, S = {
-	default: "",
-	warning: "ttw:-ml-1 ttw:font-semibold ttw:text-warning-foreground"
-};
-function Ce(e, t) {
+], xe = 240;
+function Se(e, t) {
 	return e === "resolving" ? t.vendorResolving : e === "unavailable" ? t.vendorUnavailable : t.missingValue.missing;
 }
-var C = 40, we = [
+var Ce = 40, we = 56, Te = [
 	v.Vendor,
 	v.InvoiceNumber,
 	v.Attachment,
@@ -53,7 +48,7 @@ var C = 40, we = [
 	v.AmountPaid,
 	v.TotalAmount,
 	v.AddedOn
-], w = [
+], S = [
 	v.Vendor,
 	v.Attachment,
 	v.DueDate,
@@ -61,87 +56,87 @@ var C = 40, we = [
 	v.AmountDue,
 	v.AddedOn
 ];
-function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee, pageSize: De, onPageSizeChange: Oe, pageSizeOptions: O = be, pageInfo: ke, hasNextPage: k, hasPrevPage: A, onNextPage: Ae, onPrevPage: je, filterTabs: Me, selectedFilterTabId: j, onFilterTabChange: Ne, searchValue: Pe, onSearchChange: Fe, filters: M, visibleColumns: N = w, cellTestIds: P, isSearchActive: F, showAddPanelWhenEmpty: Ie, emptyState: I, onCreateClick: L, onSettingsClick: R, onRetry: z, onFilesSelected: B, maxFiles: V, onEnterManually: H, uploadStatus: U, uploadErrorMessage: W, emailAddress: G, onCopyEmail: K, labels: q, duplicateWarning: J, duplicateReviewControl: Y }) {
+function C({ rows: C, isLoading: w, isError: T, sorting: Ee, onSortingChange: De, pageSize: Oe, onPageSizeChange: ke, pageSizeOptions: E = be, pageInfo: Ae, hasNextPage: D, hasPrevPage: O, onNextPage: je, onPrevPage: Me, filterTabs: k, selectedFilterTabId: A, onFilterTabChange: Ne, searchValue: Pe, onSearchChange: Fe, filters: j, visibleColumns: M = S, keepsColumnOrder: N = !1, isSortable: P = !0, cellTestIds: F, isSearchActive: I, showAddPanelWhenEmpty: Ie, emptyState: L, onCreateClick: R, onSettingsClick: z, onRetry: B, onFilesSelected: V, maxFiles: H, onEnterManually: U, uploadStatus: W, uploadErrorMessage: G, emailAddress: K, onCopyEmail: q, labels: J, duplicateWarning: Le, duplicateReviewControl: Y }) {
 	let X = y(() => ({
 		...g,
-		...q,
+		...J,
 		statusBadge: {
 			...g.statusBadge,
-			...q?.statusBadge
+			...J?.statusBadge
 		},
 		addBill: {
 			...g.addBill,
-			...q?.addBill,
+			...J?.addBill,
 			dropzone: {
 				...g.addBill.dropzone,
-				...q?.addBill?.dropzone
+				...J?.addBill?.dropzone
 			}
 		},
 		sortableHeader: {
 			...g.sortableHeader,
-			...q?.sortableHeader
+			...J?.sortableHeader
 		},
 		missingValue: {
 			...g.missingValue,
-			...q?.missingValue
+			...J?.missingValue
 		},
 		noValue: {
 			...g.noValue,
-			...q?.noValue
+			...J?.noValue
 		},
 		dueDate: {
 			...g.dueDate,
-			...q?.dueDate
+			...J?.dueDate
 		}
-	}), [q]), Z = T.some((e) => e.menu?.items.length), [Le, Q] = pe(!1), $ = !!B, Re = (e) => Array.from(e.dataTransfer.types).includes("Files"), ze = (e) => {
-		$ && Re(e) && (e.preventDefault(), Q(!0));
-	}, Be = (e) => {
-		$ && Re(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", Q(!0));
-	}, Ve = (e) => {
-		!e.currentTarget.contains(e.relatedTarget) && $ && Q(!1);
+	}), [J]), Re = C.some((e) => e.menu?.items.length), [ze, Z] = pe(!1), Q = !!V, Be = (e) => Array.from(e.dataTransfer.types).includes("Files"), Ve = (e) => {
+		Q && Be(e) && (e.preventDefault(), Z(!0));
 	}, He = (e) => {
-		if (!$) return;
-		e.preventDefault(), Q(!1);
-		let t = e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], n = se(t, _, V !== 1);
-		n.length && B?.(n);
-	}, Ue = y(() => {
-		let e = (e) => function({ column: t }) {
+		Q && Be(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", Z(!0));
+	}, Ue = (e) => {
+		!e.currentTarget.contains(e.relatedTarget) && Q && Z(!1);
+	}, We = (e) => {
+		if (!Q) return;
+		e.preventDefault(), Z(!1);
+		let t = e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], n = ce(t, _, H !== 1);
+		n.length && V?.(n);
+	}, Ge = y(() => {
+		let e = (e) => P ? function({ column: t }) {
 			return /* @__PURE__ */ b(r, {
 				column: t,
 				title: e,
 				labels: X.sortableHeader
 			});
-		}, t = (e, t, n = /* @__PURE__ */ b(h, { labels: X.missingValue }), r) => function({ row: i }) {
-			let a = r && i.original[r] ? /* @__PURE__ */ b(h, { labels: X.missingValue }) : n;
+		} : e, t = (e, t, n = /* @__PURE__ */ b(m, { labels: X.missingValue }), r) => function({ row: i }) {
+			let a = r && i.original[r] ? /* @__PURE__ */ b(m, { labels: X.missingValue }) : n;
 			return /* @__PURE__ */ b("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": P?.[t],
+				"data-testid": F?.[t],
 				children: i.original[e] || a
 			});
 		}, n = t("invoiceNumberLabel", v.InvoiceNumber), i = function({ row: e }) {
 			return /* @__PURE__ */ b("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": P?.[v.DueDate],
-				children: /* @__PURE__ */ b(le, {
-					value: e.original.dueDateLabel || /* @__PURE__ */ b(h, { labels: X.missingValue }),
+				"data-testid": F?.[v.DueDate],
+				children: /* @__PURE__ */ b(ue, {
+					value: e.original.dueDateLabel || /* @__PURE__ */ b(m, { labels: X.missingValue }),
 					tone: e.original.dueDateTone,
 					labels: X.dueDate
 				})
 			});
-		}, a = (e, t, n = /* @__PURE__ */ b(h, { labels: X.missingValue }), r) => function({ row: i }) {
-			let a = r && i.original[r] ? /* @__PURE__ */ b(h, { labels: X.missingValue }) : n;
+		}, a = (e, t, n = /* @__PURE__ */ b(m, { labels: X.missingValue }), r) => function({ row: i }) {
+			let a = r && i.original[r] ? /* @__PURE__ */ b(m, { labels: X.missingValue }) : n;
 			return /* @__PURE__ */ b("div", {
 				className: "ttw:text-right ttw:whitespace-nowrap",
-				"data-testid": P?.[t],
+				"data-testid": F?.[t],
 				children: i.original[e] || a
 			});
-		}, o = /* @__PURE__ */ b(de, { labels: X.noValue });
+		}, o = /* @__PURE__ */ b(h, { labels: X.noValue });
 		function s({ row: e }) {
-			let t = e.original.scheduledDateIsGap ? /* @__PURE__ */ b(h, { labels: X.missingValue }) : o, n = e.original.scheduledDateLabel, r = e.original.scheduledDateExact;
+			let t = e.original.scheduledDateIsGap ? /* @__PURE__ */ b(m, { labels: X.missingValue }) : o, n = e.original.scheduledDateLabel, r = e.original.scheduledDateExact;
 			return /* @__PURE__ */ b("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": P?.[v.ScheduledDate],
-				children: n && r ? /* @__PURE__ */ b(ce, {
+				"data-testid": F?.[v.ScheduledDate],
+				children: n && r ? /* @__PURE__ */ b(le, {
 					date: r,
 					children: n
 				}) : n || t
@@ -156,7 +151,7 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 		return {
 			[v.Vendor]: {
 				accessorKey: "vendorLabel",
-				enableSorting: !0,
+				enableSorting: P,
 				minSize: xe,
 				header: e(X.columnVendor),
 				cell: ({ row: e }) => {
@@ -164,19 +159,16 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 						className: "ttw:sr-only",
 						children: ` ${e.original.rowNote}`
 					}) : null;
-					if (!e.original.vendorLabel && e.original.vendorLookup === "resolving") return /* @__PURE__ */ x("div", {
-						className: S[e.original.rowTone ?? "default"],
-						"data-testid": P?.[v.Vendor],
+					return !e.original.vendorLabel && e.original.vendorLookup === "resolving" ? /* @__PURE__ */ x("div", {
+						"data-testid": F?.[v.Vendor],
 						children: [/* @__PURE__ */ b(ee, {
 							className: "ttw:h-4 ttw:w-32",
 							"aria-hidden": !0
 						}), t]
-					});
-					let n = e.original.isNested ? e.original.groupedRowLabel : e.original.vendorLabel;
-					return /* @__PURE__ */ x("span", {
-						className: ne("ttw:inline-flex ttw:items-center ttw:gap-2", e.original.isNested ? "ttw:pl-6 ttw:text-muted-foreground" : S[e.original.rowTone ?? "default"]),
-						"data-testid": P?.[v.Vendor],
-						children: [n || (e.original.vendorLookup === "unavailable" ? /* @__PURE__ */ b(de, { labels: { none: X.vendorUnavailable } }) : /* @__PURE__ */ b(h, { labels: X.missingValue })), t]
+					}) : /* @__PURE__ */ x("span", {
+						className: "ttw:inline-flex ttw:items-center ttw:gap-2",
+						"data-testid": F?.[v.Vendor],
+						children: [e.original.vendorLabel || (e.original.vendorLookup === "unavailable" ? /* @__PURE__ */ b(h, { labels: { none: X.vendorUnavailable } }) : /* @__PURE__ */ b(m, { labels: X.missingValue })), t]
 					});
 				}
 			},
@@ -184,44 +176,47 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 				accessorKey: "invoiceNumberLabel",
 				enableSorting: !1,
 				header: () => X.columnInvoiceNumber,
-				cell: (e) => e.row.original.isNested ? null : n(e)
+				cell: (e) => e.row.original.marker === "duplicate" ? /* @__PURE__ */ x("span", {
+					className: "ttw:relative",
+					children: [/* @__PURE__ */ b(ae, { className: "ttw:absolute ttw:top-1/2 ttw:right-full ttw:mr-1 ttw:-translate-y-1/2 ttw:text-warning" }), n(e)]
+				}) : n(e)
 			},
 			[v.Attachment]: {
 				accessorKey: "attachment",
 				enableSorting: !1,
-				size: C,
-				minSize: C,
+				size: Ce,
+				minSize: Ce,
 				header: () => /* @__PURE__ */ b("span", {
 					className: "ttw:sr-only",
 					children: X.columnAttachment
 				}),
 				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ b("div", {
 					className: "ttw:flex ttw:justify-center",
-					"data-testid": P?.[v.Attachment],
-					children: /* @__PURE__ */ b(d, { children: /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(f, {
+					"data-testid": F?.[v.Attachment],
+					children: /* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ b(d, {
 						type: "button",
 						className: "ttw:inline-flex ttw:cursor-default",
 						"aria-label": e.original.attachment.label,
 						onClick: (e) => e.stopPropagation(),
 						children: /* @__PURE__ */ b(he, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
-					}), /* @__PURE__ */ b(u, { children: e.original.attachment.label })] }) })
+					}), /* @__PURE__ */ b(l, { children: e.original.attachment.label })] }) })
 				}) : null
 			},
 			[v.IssueDate]: {
 				accessorKey: "issueDateLabel",
-				enableSorting: !0,
+				enableSorting: P,
 				header: e(X.columnIssueDate),
 				cell: t("issueDateLabel", v.IssueDate)
 			},
 			[v.DueDate]: {
 				accessorKey: "dueDateLabel",
-				enableSorting: !0,
+				enableSorting: P,
 				header: e(X.columnDueDate),
 				cell: i
 			},
 			[v.ScheduledDate]: {
 				accessorKey: "scheduledDateLabel",
-				enableSorting: !0,
+				enableSorting: P,
 				header: e(X.columnScheduledDate),
 				cell: s
 			},
@@ -237,7 +232,7 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 				header: X.columnStatus,
 				cell: ({ row: e }) => /* @__PURE__ */ b("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-1",
-					"data-testid": P?.[v.Status],
+					"data-testid": F?.[v.Status],
 					children: /* @__PURE__ */ b(ie, {
 						status: e.original.status,
 						tone: e.original.statusTone,
@@ -271,21 +266,26 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 			},
 			[v.AddedOn]: {
 				accessorKey: "addedOnLabel",
-				enableSorting: !0,
+				enableSorting: P,
 				header: e(X.columnAddedOn),
 				cell: t("addedOnLabel", v.AddedOn)
 			}
 		};
-	}, [X, P]), We = y(() => [...we.filter((e) => N.includes(e)).map((e) => Ue[e]), ...Z ? [{
+	}, [
+		X,
+		F,
+		P
+	]), Ke = y(() => [...(N ? M : Te.filter((e) => M.includes(e))).map((e) => Ge[e]), ...Re ? [{
 		id: "actions",
 		enableSorting: !1,
+		size: we,
 		header: () => /* @__PURE__ */ b("span", {
 			className: "ttw:sr-only",
 			children: X.columnActions
 		}),
 		cell: ({ row: e }) => e.original.menu?.items.length ? /* @__PURE__ */ b("div", {
 			className: "ttw:flex ttw:justify-end",
-			children: /* @__PURE__ */ b(oe, {
+			children: /* @__PURE__ */ b(se, {
 				actions: e.original.menu.items.map((e) => ({
 					...e,
 					variant: "ghost"
@@ -295,11 +295,12 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 			})
 		}) : null
 	}] : []], [
-		Ue,
-		Z,
+		Ge,
+		Re,
+		N,
 		X,
-		N
-	]), Ge = !!(L && B) && !E && !D && !F && T.length === 0 && Ie === !0, Ke = /* @__PURE__ */ x("div", {
+		M
+	]), qe = !!(R && V) && !w && !T && !I && C.length === 0 && Ie === !0, $ = /* @__PURE__ */ x("div", {
 		className: "ttw:relative ttw:w-80",
 		children: [/* @__PURE__ */ b(_e, { 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(i, {
 			className: "ttw:pl-9",
@@ -309,18 +310,18 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 			value: Pe,
 			onChange: (e) => Fe(e.target.value)
 		})]
-	}), qe = M ? /* @__PURE__ */ b(ue, {
-		...M,
+	}), Je = j ? /* @__PURE__ */ b(de, {
+		...j,
 		className: "ttw:px-4",
-		searchSlot: Ke
+		searchSlot: $
 	}) : /* @__PURE__ */ b("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: Ke
+		children: $
 	});
 	return /* @__PURE__ */ x("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [J ? /* @__PURE__ */ b(ae, {
-			message: J,
+		children: [Le ? /* @__PURE__ */ b(oe, {
+			message: Le,
 			children: Y ? /* @__PURE__ */ b(e, {
 				type: "button",
 				variant: "outline",
@@ -330,7 +331,7 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 				children: Y.reviewLabel
 			}) : null
 		}) : null, /* @__PURE__ */ x(o, {
-			value: j,
+			value: A,
 			onValueChange: Ne,
 			className: "ttw:flex ttw:flex-col ttw:gap-4",
 			children: [/* @__PURE__ */ x("div", {
@@ -338,7 +339,7 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 				children: [/* @__PURE__ */ b(c, {
 					variant: "pills",
 					"aria-label": X.filterTabsLabel,
-					children: Me.map((e) => /* @__PURE__ */ x(fe, { children: [e.startsGroup ? /* @__PURE__ */ b(a, {
+					children: k.map((e) => /* @__PURE__ */ x(fe, { children: [e.startsGroup ? /* @__PURE__ */ b(a, {
 						orientation: "vertical",
 						className: "ttw:mx-1 ttw:data-[orientation=vertical]:h-4"
 					}) : null, /* @__PURE__ */ b(te, {
@@ -353,74 +354,81 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 					})] }, e.id))
 				}), /* @__PURE__ */ x("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [R ? /* @__PURE__ */ b(d, { children: /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(f, {
+					children: [z ? /* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ b(d, {
 						asChild: !0,
 						children: /* @__PURE__ */ b(e, {
 							variant: "outline",
 							size: "icon",
 							"aria-label": X.settingsButton,
-							onClick: R,
+							onClick: z,
 							children: /* @__PURE__ */ b(ve, { className: "ttw:size-4" })
 						})
-					}), /* @__PURE__ */ b(u, { children: X.settingsButton })] }) }) : null, L ? /* @__PURE__ */ x(e, {
-						onClick: L,
+					}), /* @__PURE__ */ b(l, { children: X.settingsButton })] }) }) : null, R ? /* @__PURE__ */ x(e, {
+						onClick: R,
 						children: [/* @__PURE__ */ b(ge, { className: "ttw:size-4" }), X.createButton]
 					}) : null]
 				})]
 			}), (() => {
-				let e = D ? /* @__PURE__ */ b(re, {
+				let e = T ? /* @__PURE__ */ b(re, {
 					title: X.errorTitle,
 					description: X.errorDescription,
-					retryLabel: z ? X.errorRetry : void 0,
-					onRetry: z
-				}) : Ge && L && B ? /* @__PURE__ */ b("div", {
+					retryLabel: B ? X.errorRetry : void 0,
+					onRetry: B
+				}) : qe && R && V ? /* @__PURE__ */ b("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-					children: G && K ? /* @__PURE__ */ b(m, {
-						emailAddress: G,
-						onCopyEmail: K,
-						onFilesSelected: B,
+					children: K && q ? /* @__PURE__ */ b(p, {
+						emailAddress: K,
+						onCopyEmail: q,
+						onFilesSelected: V,
 						accept: _,
-						maxFiles: V,
-						uploadStatus: U,
-						uploadErrorMessage: W,
-						onEnterManually: H ?? L,
+						maxFiles: H,
+						uploadStatus: W,
+						uploadErrorMessage: G,
+						onEnterManually: U ?? R,
 						labels: X.addBill
-					}) : /* @__PURE__ */ b(m, {
-						onFilesSelected: B,
+					}) : /* @__PURE__ */ b(p, {
+						onFilesSelected: V,
 						accept: _,
-						maxFiles: V,
-						uploadStatus: U,
-						uploadErrorMessage: W,
-						onEnterManually: H ?? L,
+						maxFiles: H,
+						uploadStatus: W,
+						uploadErrorMessage: G,
+						onEnterManually: U ?? R,
 						labels: X.addBill
 					})
 				}) : /* @__PURE__ */ x("div", {
 					className: "ttw:relative",
-					onDragEnter: ze,
-					onDragOver: Be,
-					onDragLeave: Ve,
-					onDrop: He,
+					onDragEnter: Ve,
+					onDragOver: He,
+					onDragLeave: Ue,
+					onDrop: We,
 					children: [/* @__PURE__ */ b(n, {
-						columns: We,
-						data: T,
+						columns: Ke,
+						data: C,
 						getRowId: (e) => e.rowKey,
 						animatesNewRows: !0,
-						isLoading: E,
-						sorting: Te,
-						onSortingChange: Ee,
-						pageSize: De,
-						onPageSizeChange: Oe,
-						pageSizeOptions: O,
-						showPagination: O.length > 1 || k || A,
-						pageInfo: ke,
-						hasNextPage: k,
-						hasPrevPage: A,
-						onNextPage: Ae,
-						onPrevPage: je,
+						isLoading: w,
+						sorting: Ee,
+						onSortingChange: De,
+						pageSize: Oe,
+						onPageSizeChange: ke,
+						pageSizeOptions: E,
+						showPagination: E.length > 1 || D || O,
+						pageInfo: Ae,
+						hasNextPage: D,
+						hasPrevPage: O,
+						onNextPage: je,
+						onPrevPage: Me,
 						onRowClick: (e) => e.onOpen(),
-						rowAriaLabel: (e) => X.openRow(e.vendorLabel || Ce(e.vendorLookup, X)),
-						rowClassName: (e) => Se[e.rowTone ?? "default"],
-						rowGroup: (e) => e.group,
+						rowAriaLabel: (e) => X.openRow(e.vendorLabel || Se(e.vendorLookup, X)),
+						rowGroup: (e) => e.group ? {
+							key: e.group.key,
+							label: e.group.label,
+							tone: "warning",
+							icon: /* @__PURE__ */ b(ae, {}),
+							title: e.group.title,
+							meta: e.group.meta,
+							collapse: e.group.collapse
+						} : void 0,
 						rowContextMenu: (e) => e.menu?.items.length ? /* @__PURE__ */ b(me, { children: e.menu.items.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ x(t, {
@@ -429,15 +437,15 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 								children: [n ? /* @__PURE__ */ b(n, { className: "ttw:size-4" }) : null, e.label]
 							}, e.id);
 						}) }) : void 0,
-						filterComponent: qe,
-						children: F ? /* @__PURE__ */ b(p, {
+						filterComponent: Je,
+						children: I ? /* @__PURE__ */ b(f, {
 							title: X.filteredEmptyTitle,
 							description: X.filteredEmptyDescription
-						}) : I ? /* @__PURE__ */ b(p, {
-							title: I.title,
-							description: I.description
+						}) : L ? /* @__PURE__ */ b(f, {
+							title: L.title,
+							description: L.description
 						}) : void 0
-					}), Le ? /* @__PURE__ */ b("div", {
+					}), ze ? /* @__PURE__ */ b("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", {
 							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",
@@ -446,17 +454,17 @@ function T({ rows: T, isLoading: E, isError: D, sorting: Te, onSortingChange: Ee
 								children: X.tableDropzoneTitle
 							}), /* @__PURE__ */ b("p", {
 								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: V === void 0 ? X.addBill.dropzone.fileTypesHint : `${X.addBill.dropzone.fileTypesHint} · ${X.addBill.dropzone.fileCountHint(V)}`
+								children: H === void 0 ? X.addBill.dropzone.fileTypesHint : `${X.addBill.dropzone.fileTypesHint} · ${X.addBill.dropzone.fileCountHint(H)}`
 							})] })]
 						})
 					}) : null]
 				});
-				return Me.map((t) => /* @__PURE__ */ b(s, {
+				return k.map((t) => /* @__PURE__ */ b(s, {
 					value: t.id,
-					children: t.id === j ? e : null
+					children: t.id === A ? e : null
 				}, t.id));
 			})()]
 		})]
 	});
 }
-export { T as BillsScreen, T as default, w as DEFAULT_BILL_COLUMNS };
+export { C as BillsScreen, C as default, S as DEFAULT_BILL_COLUMNS };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bills-list/ui/dist/index3.js

@@ -1,5 +1,5 @@
 import { Button as e, Typography as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillUploadDropzone as n } from "../../../ui/dist/index15.js";
+import { BillUploadDropzone as n } from "../../../ui/dist/index17.js";
 import "../../../ui/dist/index.js";
 import { ADD_BILL_PANEL_LABELS_EN as r } from "./index2.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/lib/BillPayWidget/BillPayWidget.js

@@ -14,7 +14,7 @@ import { WidgetProvider as a } from "../../../../../shared/feature/dist/lib/Widg
 import { useWidgetConfig as o } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
 import { BillPayWidgetAnalyticsEvent as s, WIDGET_NAME as c } from "../analytics/events.js";
-import { BillPayWidgetUi as l } from "../../../../ui/dist/index12.js";
+import { BillPayWidgetUi as l } from "../../../../ui/dist/index14.js";
 import "../../../../ui/dist/index.js";
 import { BillUploadWidget as u } from "../../../../bill-upload/feature/dist/index8.js";
 import "../../../../bill-upload/feature/dist/index.js";

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

@@ -1,4 +1,4 @@
-import { REVEALABLE_FIELD_LABELS_EN as e } from "../../../ui/dist/index22.js";
+import { REVEALABLE_FIELD_LABELS_EN as e } from "../../../ui/dist/index24.js";
 import "../../../ui/dist/index.js";
 // ../../libs/tesouro-embedded-components-react/bill-pay-widget/pay-bill/ui/dist/index5.js
 var t = {

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

@@ -1,5 +1,5 @@
 import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RevealableField as c } from "../../../ui/dist/index23.js";
+import { RevealableField as c } from "../../../ui/dist/index25.js";
 import "../../../ui/dist/index.js";
 import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index5.js";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";

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

@@ -2,22 +2,24 @@ import { BillActionButtons as e, NO_BILL_ACTIONS as t } from "./index2.js";
 import "./index3.js";
 import { BillDecisionDialog as n } from "./index4.js";
 import "./index5.js";
-import { BillDuplicateWarning as r } from "./index6.js";
+import { BillDuplicateIcon as r } from "./index6.js";
 import "./index7.js";
-import { groupBySectionHeading as i } from "./index8.js";
-import { BillOverflowMenu as a } from "./index9.js";
-import "./index10.js";
-import "./index11.js";
-import { BillPayWidgetUi as o } from "./index12.js";
+import { BillDuplicateWarning as i } from "./index8.js";
+import "./index9.js";
+import { groupBySectionHeading as a } from "./index10.js";
+import { BillOverflowMenu as o } from "./index11.js";
+import "./index12.js";
 import "./index13.js";
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as s } from "./index14.js";
-import { BillUploadDropzone as c, getAcceptedBillUploadFiles as l } from "./index15.js";
-import "./index17.js";
-import { DateDisclosure as u } from "./index18.js";
-import { DUE_DATE_VALUE_LABELS_EN as d } from "./index19.js";
-import { DueDateValue as f } from "./index20.js";
-import "./index21.js";
-import { REVEALABLE_FIELD_LABELS_EN as p } from "./index22.js";
-import { RevealableField as m } from "./index23.js";
-import "./index24.js";
-export { s as BILL_UPLOAD_DROPZONE_LABELS_EN, e as BillActionButtons, n as BillDecisionDialog, r as BillDuplicateWarning, a as BillOverflowMenu, o as BillPayWidgetUi, c as BillUploadDropzone, d as DUE_DATE_VALUE_LABELS_EN, u as DateDisclosure, f as DueDateValue, t as NO_BILL_ACTIONS, p as REVEALABLE_FIELD_LABELS_EN, m as RevealableField, l as getAcceptedBillUploadFiles, i as groupBySectionHeading };
+import { BillPayWidgetUi as s } from "./index14.js";
+import "./index15.js";
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as c } from "./index16.js";
+import { BillUploadDropzone as l, getAcceptedBillUploadFiles as u } from "./index17.js";
+import "./index19.js";
+import { DateDisclosure as d } from "./index20.js";
+import { DUE_DATE_VALUE_LABELS_EN as f } from "./index21.js";
+import { DueDateValue as p } from "./index22.js";
+import "./index23.js";
+import { REVEALABLE_FIELD_LABELS_EN as m } from "./index24.js";
+import { RevealableField as h } from "./index25.js";
+import "./index26.js";
+export { c as BILL_UPLOAD_DROPZONE_LABELS_EN, e as BillActionButtons, n as BillDecisionDialog, r as BillDuplicateIcon, i as BillDuplicateWarning, o as BillOverflowMenu, s as BillPayWidgetUi, l as BillUploadDropzone, f as DUE_DATE_VALUE_LABELS_EN, d as DateDisclosure, p as DueDateValue, t as NO_BILL_ACTIONS, m as REVEALABLE_FIELD_LABELS_EN, h as RevealableField, u as getAcceptedBillUploadFiles, a as groupBySectionHeading };

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

@@ -1,2 +1,13 @@
-import "./index8.js";
-import "./index9.js";
+// ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index10.js
+function e(e) {
+	let t = [];
+	for (let n of e) {
+		let e = t.at(-1);
+		e && e.heading === n.sectionHeading ? e.items = [...e.items, n] : t.push({
+			heading: n.sectionHeading,
+			items: [n]
+		});
+	}
+	return t;
+}
+export { e as groupBySectionHeading };