@tesouro/embedded-components-react 0.5.188 → 0.5.190

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

@@ -1,93 +1,509 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index85.js";
-import { UPLOAD_ITEM_ICON_TONE as n } from "./index86.js";
-import { useId as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CheckCircle2 as s, ChevronDown as c, ChevronRight as l, ChevronUp as u, CopyX as d, Loader2 as f, X as p, XCircle as m } from "lucide-react";
+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 le } from "./index3.js";
+import "./index5.js";
+import { AddBillPanel as d } from "./index7.js";
+import "./index8.js";
+import { BillStatusBadge as ue } from "./index22.js";
+import "./index23.js";
+import { DueDateValue as de } from "./index25.js";
+import "./index26.js";
+import { DateDisclosure as fe } from "./index16.js";
+import { BillOverflowMenu as pe } from "./index40.js";
+import "./index41.js";
+import { BillsFilterBar as me } from "./index77.js";
+import "./index78.js";
+import { MissingValue as f } from "./index80.js";
+import "./index81.js";
+import { NoValue as p } from "./index83.js";
+import "./index84.js";
+import { BILLS_SCREEN_LABELS_EN as m, BILLS_SCREEN_UPLOAD_ACCEPT as h } from "./index85.js";
+import { BillColumn as g } from "./index86.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/index87.js
-function h({ status: t }) {
-	let r = e("ttw:size-4", n[t]);
-	return t === "uploading" ? /* @__PURE__ */ a(f, {
-		"aria-hidden": !0,
-		className: e(r, "ttw:animate-spin")
-	}) : a(t === "ready" ? s : t === "duplicate" ? d : m, {
-		"aria-hidden": !0,
-		className: r
-	});
+var Ce = [
+	10,
+	25,
+	50,
+	100
+], we = 240, Te = {
+	default: "",
+	warning: "ttw:bg-amber-50 ttw:hover:bg-amber-100 ttw:border-l-4! ttw:border-l-amber-600!"
+}, 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 De(e, t) {
+	return e === "resolving" ? t.vendorResolving : e === "unavailable" ? t.vendorUnavailable : t.missingValue.missing;
 }
-function g({ item: t, labels: n }) {
-	let s = r(), c = /* @__PURE__ */ o(i, { children: [
-		/* @__PURE__ */ a(h, { status: t.status }),
-		/* @__PURE__ */ a("span", {
-			id: s,
+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 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: {
+			...m.statusBadge,
+			...K?.statusBadge
+		},
+		addBill: {
+			...m.addBill,
+			...K?.addBill,
+			dropzone: {
+				...m.addBill.dropzone,
+				...K?.addBill?.dropzone
+			}
+		},
+		sortableHeader: {
+			...m.sortableHeader,
+			...K?.sortableHeader
+		},
+		missingValue: {
+			...m.missingValue,
+			...K?.missingValue
+		},
+		noValue: {
+			...m.noValue,
+			...K?.noValue
+		},
+		dueDate: {
+			...m.dueDate,
+			...K?.dueDate
+		}
+	}), [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__ */ y(ee, {
+				column: t,
+				title: e,
+				labels: Y.sortableHeader
+			});
+		}, 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": N?.[t],
+				children: i.original[e] || a
+			});
+		}, r = function({ row: e }) {
+			return /* @__PURE__ */ y("span", {
+				className: "ttw:whitespace-nowrap",
+				"data-testid": N?.[g.DueDate],
+				children: /* @__PURE__ */ y(de, {
+					value: e.original.dueDateLabel || /* @__PURE__ */ y(f, { labels: Y.missingValue }),
+					tone: e.original.dueDateTone,
+					labels: Y.dueDate
+				})
+			});
+		}, 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": N?.[t],
+				children: i.original[e] || a
+			});
+		}, 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": N?.[g.ScheduledDate],
+				children: n && r ? /* @__PURE__ */ y(fe, {
+					date: r,
+					children: n
+				}) : n || t
+			});
+		}
+		let o = (e) => function() {
+			return /* @__PURE__ */ y("div", {
+				className: "ttw:text-right",
+				children: e
+			});
+		};
+		return {
+			[g.Vendor]: {
+				accessorKey: "vendorLabel",
+				enableSorting: !0,
+				minSize: we,
+				header: e(Y.columnVendor),
+				cell: ({ row: e }) => {
+					let t = e.original.rowNote ? /* @__PURE__ */ y("span", {
+						className: "ttw:sr-only",
+						children: ` ${e.original.rowNote}`
+					}) : null;
+					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]
+					});
+					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
+						]
+					});
+				}
+			},
+			[g.InvoiceNumber]: {
+				accessorKey: "invoiceNumberLabel",
+				enableSorting: !1,
+				header: () => Y.columnInvoiceNumber,
+				cell: t("invoiceNumberLabel", g.InvoiceNumber)
+			},
+			[g.Attachment]: {
+				accessorKey: "attachment",
+				enableSorting: !1,
+				size: S,
+				minSize: S,
+				header: () => /* @__PURE__ */ y("span", {
+					className: "ttw:sr-only",
+					children: Y.columnAttachment
+				}),
+				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:justify-center",
+					"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__ */ y(_e, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
+					}), /* @__PURE__ */ y(c, { children: e.original.attachment.label })] }) })
+				}) : null
+			},
+			[g.IssueDate]: {
+				accessorKey: "issueDateLabel",
+				enableSorting: !0,
+				header: e(Y.columnIssueDate),
+				cell: t("issueDateLabel", g.IssueDate)
+			},
+			[g.DueDate]: {
+				accessorKey: "dueDateLabel",
+				enableSorting: !0,
+				header: e(Y.columnDueDate),
+				cell: r
+			},
+			[g.ScheduledDate]: {
+				accessorKey: "scheduledDateLabel",
+				enableSorting: !0,
+				header: e(Y.columnScheduledDate),
+				cell: te
+			},
+			[g.PaidDate]: {
+				accessorKey: "paidDateLabel",
+				enableSorting: !1,
+				header: Y.columnPaidDate,
+				cell: t("paidDateLabel", g.PaidDate)
+			},
+			[g.Status]: {
+				accessorKey: "status",
+				enableSorting: !1,
+				header: Y.columnStatus,
+				cell: ({ row: e }) => /* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-1",
+					"data-testid": N?.[g.Status],
+					children: /* @__PURE__ */ y(ue, {
+						status: e.original.status,
+						tone: e.original.statusTone,
+						labels: Y.statusBadge
+					})
+				})
+			},
+			[g.AmountDue]: {
+				accessorKey: "amountDueLabel",
+				enableSorting: !1,
+				header: o(Y.columnAmountDue),
+				cell: i("amountDueLabel", g.AmountDue)
+			},
+			[g.AmountScheduled]: {
+				accessorKey: "amountScheduledLabel",
+				enableSorting: !1,
+				header: o(Y.columnAmountScheduled),
+				cell: i("amountScheduledLabel", g.AmountScheduled)
+			},
+			[g.AmountPaid]: {
+				accessorKey: "amountPaidLabel",
+				enableSorting: !1,
+				header: o(Y.columnAmountPaid),
+				cell: i("amountPaidLabel", g.AmountPaid, a, "amountPaidIsGap")
+			},
+			[g.TotalAmount]: {
+				accessorKey: "totalAmountLabel",
+				enableSorting: !1,
+				header: o(Y.columnTotalAmount),
+				cell: i("totalAmountLabel", g.TotalAmount)
+			},
+			[g.AddedOn]: {
+				accessorKey: "addedOnLabel",
+				enableSorting: !0,
+				header: e(Y.columnAddedOn),
+				cell: t("addedOnLabel", g.AddedOn)
+			}
+		};
+	}, [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: n.statusLabel(t.status)
-		}),
-		/* @__PURE__ */ a("span", {
-			className: "ttw:flex-1 ttw:truncate ttw:text-left ttw:text-sm ttw:text-foreground",
-			children: t.fileName
+			children: Y.columnActions
 		}),
-		t.onOpen ? /* @__PURE__ */ a(l, {
-			"aria-hidden": !0,
-			className: "ttw:size-4"
+		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
-	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
-	return t.onOpen ? /* @__PURE__ */ a("button", {
+	}] : []], [
+		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__ */ 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": Y.searchLabel,
+			placeholder: Y.searchPlaceholder,
+			value: Re,
+			onChange: (e) => ze(e.target.value)
+		})]
+	}), Qe = J?.isActive ? /* @__PURE__ */ b(r, {
 		type: "button",
-		onClick: t.onOpen,
-		"aria-describedby": s,
-		"aria-label": n.openItem(t.fileName),
-		className: e(u, "ttw:w-full ttw:text-muted-foreground ttw:transition-colors ttw:hover:bg-muted/50 ttw:hover:text-foreground"),
-		children: c
-	}) : /* @__PURE__ */ a("div", {
-		"aria-describedby": s,
-		className: u,
-		children: c
+		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: /* @__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: [Ze, Qe]
 	});
-}
-function _({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
-	let f = {
-		...t,
-		...d
-	};
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:fixed ttw:right-4 ttw:bottom-4 ttw:z-50 ttw:w-96 ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-		"data-testid": l,
-		children: [/* @__PURE__ */ o("div", {
-			className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-b ttw:border-border ttw:bg-muted/40 ttw:px-4 ttw:py-3",
+	return /* @__PURE__ */ b("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		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__ */ a("span", {
-					"aria-live": "polite",
-					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: n
+				/* @__PURE__ */ y(ge, {
+					className: "ttw:size-5 ttw:shrink-0",
+					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: i,
-					"aria-label": r ? f.expand : f.collapse,
-					"aria-expanded": !r,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: a(r ? u : c, { className: "ttw:size-4" })
+				/* @__PURE__ */ y(t, {
+					className: "ttw:flex-1 ttw:font-semibold",
+					children: q
 				}),
-				/* @__PURE__ */ a("button", {
+				J ? Z ? null : /* @__PURE__ */ y(r, {
 					type: "button",
-					onClick: s,
-					"aria-label": f.close,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: /* @__PURE__ */ a(p, { className: "ttw:size-4" })
-				})
+					variant: "outline",
+					size: "sm",
+					className: "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted",
+					onClick: J.onReview,
+					children: J.reviewLabel
+				}) : null
 			]
-		}), r ? null : /* @__PURE__ */ a("div", {
-			className: "ttw:max-h-96 ttw:overflow-y-auto",
-			children: e.map((e) => /* @__PURE__ */ o("div", { children: [e.caption ? /* @__PURE__ */ a("p", {
-				className: "ttw:px-4 ttw:pt-3 ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
-				children: e.caption
-			}) : null, e.items.map((e) => /* @__PURE__ */ a(g, {
-				item: e,
-				labels: f
-			}, e.id))] }, e.id))
+		}) : null, /* @__PURE__ */ b(o, {
+			value: A,
+			onValueChange: Le,
+			className: "ttw:flex ttw:flex-col ttw:gap-4",
+			children: [/* @__PURE__ */ b("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
+				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__ */ 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__ */ b("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2",
+					children: [L ? /* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(oe, {
+						asChild: !0,
+						children: /* @__PURE__ */ y(r, {
+							variant: "outline",
+							size: "icon",
+							"aria-label": Y.settingsButton,
+							onClick: L,
+							children: /* @__PURE__ */ y(be, { className: "ttw:size-4" })
+						})
+					}), /* @__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 = 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: 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__ */ b("div", {
+					className: "ttw:relative",
+					onDragEnter: We,
+					onDragOver: Ge,
+					onDragLeave: Ke,
+					onDrop: qe,
+					children: [/* @__PURE__ */ y(a, {
+						columns: Ye,
+						data: C,
+						getRowId: (e) => e.rowKey,
+						animatesNewRows: !0,
+						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) => 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
+					}), 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__ */ 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__ */ 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: Y.tableDropzoneTitle
+							}), /* @__PURE__ */ y("p", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: B === void 0 ? Y.addBill.dropzone.fileTypesHint : `${Y.addBill.dropzone.fileTypesHint} · ${Y.addBill.dropzone.fileCountHint(B)}`
+							})] })]
+						})
+					}) : null]
+				});
+				return k.map((t) => /* @__PURE__ */ y(re, {
+					value: t.id,
+					children: t.id === A ? e : null
+				}, t.id));
+			})()]
 		})]
 	});
 }
 //#endregion
-export { _ as BillUploadStatusTray, _ as default };
+export { C as BillsScreen, C as default, ke as DEFAULT_BILL_COLUMNS };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{feature/dist/index87.js → ui/dist/index88.js}

@@ -1,4 +1,3 @@
-import "./index74.js";
-import "./index77.js";
 import "./index85.js";
 import "./index86.js";
+import "./index87.js";

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

@@ -1,2 +1,10 @@
-import "./index85.js";
-import "./index87.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.js
+var e = {
+	collapse: "Collapse upload status",
+	expand: "Expand upload status",
+	close: "Close upload status",
+	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : e === "duplicate" ? "Possible duplicate" : "Failed",
+	openItem: (e) => `Open ${e}`
+};
+//#endregion
+export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };

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

@@ -1,7 +1,9 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.js
 var e = {
-	message: "Data extracted automatically — please review all details to make sure they match",
-	dismiss: "Dismiss this notice"
+	uploading: "ttw:text-muted-foreground",
+	ready: "ttw:text-emerald-600",
+	duplicate: "ttw:text-orange-600",
+	failed: "ttw:text-destructive"
 };
 //#endregion
-export { e as EXTRACTION_NOTICE_LABELS_EN };
+export { e as UPLOAD_ITEM_ICON_TONE };