@tesouro/embedded-components-react 0.3.58 → 0.3.61

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

@@ -1,10 +1,347 @@
+import { Alert as e, AlertTitle as t, Button as n, DataTable as r, DataTableSortableHeader as ee, Input as i, Tabs as te, TabsContent as a, TabsList as o, TabsTrigger as s, Tooltip as ne, TooltipContent as re, TooltipProvider as ie, TooltipTrigger as ae } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as c } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as oe } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { AddBillPanel as l } from "./index7.js";
+import "./index8.js";
+import { BillStatusBadge as se } from "./index20.js";
+import "./index21.js";
+import { DueDateValue as ce } from "./index23.js";
+import "./index24.js";
+import { MissingValue as u } from "./index54.js";
+import "./index55.js";
+import { BILLS_SCREEN_LABELS_EN as d, BILLS_SCREEN_UPLOAD_ACCEPT as f } from "./index56.js";
+import { BillDuplicateBadge as le } from "./index58.js";
+import "./index59.js";
+import { BillsFilterBar as ue } from "./index65.js";
+import "./index66.js";
+import { BillColumn as p } from "./index67.js";
+import { useMemo as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ChevronRightIcon as de, CopyX as fe, PaperclipIcon as pe, PlusIcon as me, SearchIcon as he } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index68.js
-var e = {
-	collapse: "Collapse upload status",
-	expand: "Expand upload status",
-	close: "Close upload status",
-	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : "Failed",
-	openItem: (e) => `Open ${e}`
-};
+var ge = [
+	10,
+	25,
+	50,
+	100
+], _e = 240, _ = 40, ve = [
+	p.Vendor,
+	p.Attachment,
+	p.IssueDate,
+	p.DueDate,
+	p.ScheduledDate,
+	p.PaidDate,
+	p.Status,
+	p.AmountDue,
+	p.AmountScheduled,
+	p.AmountPaid,
+	p.TotalAmount,
+	p.AddedOn
+], v = [
+	p.Vendor,
+	p.Attachment,
+	p.DueDate,
+	p.Status,
+	p.AmountDue,
+	p.AddedOn
+];
+function y({ rows: y, isLoading: b, isError: x, sorting: ye, onSortingChange: be, pageSize: S, onPageSizeChange: C, pageSizeOptions: w = ge, pageInfo: T, hasNextPage: E, hasPrevPage: D, onNextPage: O, onPrevPage: k, filterTabs: A, selectedFilterTabId: j, onFilterTabChange: M, searchValue: N, onSearchChange: xe, filters: P, visibleColumns: F = v, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: Se, emptyState: R, onCreateClick: z, onRetry: B, onFilesSelected: V, maxFiles: H, onEnterManually: U, uploadStatus: W, uploadErrorMessage: G, emailAddress: K, onCopyEmail: q, labels: J, duplicateWarning: Y, onReviewDuplicates: X }) {
+	let Z = m(() => ({
+		...d,
+		...J,
+		statusBadge: {
+			...d.statusBadge,
+			...J?.statusBadge
+		},
+		addBill: {
+			...d.addBill,
+			...J?.addBill,
+			dropzone: {
+				...d.addBill.dropzone,
+				...J?.addBill?.dropzone
+			}
+		},
+		sortableHeader: {
+			...d.sortableHeader,
+			...J?.sortableHeader
+		},
+		missingValue: {
+			...d.missingValue,
+			...J?.missingValue
+		},
+		dueDate: {
+			...d.dueDate,
+			...J?.dueDate
+		}
+	}), [J]), Q = m(() => {
+		let e = (e) => function({ column: t }) {
+			return /* @__PURE__ */ h(ee, {
+				column: t,
+				title: e,
+				labels: Z.sortableHeader
+			});
+		}, t = (e, t) => function({ row: n }) {
+			return /* @__PURE__ */ h("span", {
+				"data-testid": I?.[t],
+				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Z.missingValue })
+			});
+		}, n = function({ row: e }) {
+			return /* @__PURE__ */ h("span", {
+				"data-testid": I?.[p.DueDate],
+				children: /* @__PURE__ */ h(ce, {
+					value: e.original.dueDateLabel || /* @__PURE__ */ h(u, { labels: Z.missingValue }),
+					tone: e.original.dueDateTone,
+					labels: Z.dueDate
+				})
+			});
+		}, r = (e, t) => function({ row: n }) {
+			return /* @__PURE__ */ h("div", {
+				className: "ttw:text-right",
+				"data-testid": I?.[t],
+				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Z.missingValue })
+			});
+		}, i = (e) => function() {
+			return /* @__PURE__ */ h("div", {
+				className: "ttw:text-right",
+				children: e
+			});
+		};
+		return {
+			[p.Vendor]: {
+				accessorKey: "vendorLabel",
+				enableSorting: !0,
+				minSize: _e,
+				header: e(Z.columnVendor),
+				cell: ({ row: e }) => /* @__PURE__ */ h("span", {
+					"data-testid": I?.[p.Vendor],
+					children: e.original.vendorLabel || /* @__PURE__ */ h(u, { labels: Z.missingValue })
+				})
+			},
+			[p.Attachment]: {
+				accessorKey: "attachment",
+				enableSorting: !1,
+				size: _,
+				minSize: _,
+				header: () => /* @__PURE__ */ h("span", {
+					className: "ttw:sr-only",
+					children: Z.columnAttachment
+				}),
+				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:justify-center",
+					"data-testid": I?.[p.Attachment],
+					children: /* @__PURE__ */ h(ie, { children: /* @__PURE__ */ g(ne, { children: [/* @__PURE__ */ h(ae, {
+						type: "button",
+						className: "ttw:inline-flex ttw:cursor-default",
+						"aria-label": e.original.attachment.label,
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ h(pe, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
+					}), /* @__PURE__ */ h(re, { children: e.original.attachment.label })] }) })
+				}) : null
+			},
+			[p.IssueDate]: {
+				accessorKey: "issueDateLabel",
+				enableSorting: !0,
+				header: e(Z.columnIssueDate),
+				cell: t("issueDateLabel", p.IssueDate)
+			},
+			[p.DueDate]: {
+				accessorKey: "dueDateLabel",
+				enableSorting: !0,
+				header: e(Z.columnDueDate),
+				cell: n
+			},
+			[p.ScheduledDate]: {
+				accessorKey: "scheduledDateLabel",
+				enableSorting: !0,
+				header: e(Z.columnScheduledDate),
+				cell: t("scheduledDateLabel", p.ScheduledDate)
+			},
+			[p.PaidDate]: {
+				accessorKey: "paidDateLabel",
+				enableSorting: !1,
+				header: Z.columnPaidDate,
+				cell: t("paidDateLabel", p.PaidDate)
+			},
+			[p.Status]: {
+				accessorKey: "status",
+				enableSorting: !1,
+				header: Z.columnStatus,
+				cell: ({ row: e }) => /* @__PURE__ */ g("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-1",
+					"data-testid": I?.[p.Status],
+					children: [/* @__PURE__ */ h(se, {
+						status: e.original.status,
+						tone: e.original.statusTone,
+						labels: Z.statusBadge
+					}), e.original.duplicateBadge ? /* @__PURE__ */ h(le, { ...e.original.duplicateBadge }) : null]
+				})
+			},
+			[p.AmountDue]: {
+				accessorKey: "amountDueLabel",
+				enableSorting: !1,
+				header: i(Z.columnAmountDue),
+				cell: r("amountDueLabel", p.AmountDue)
+			},
+			[p.AmountScheduled]: {
+				accessorKey: "amountScheduledLabel",
+				enableSorting: !1,
+				header: i(Z.columnAmountScheduled),
+				cell: r("amountScheduledLabel", p.AmountScheduled)
+			},
+			[p.AmountPaid]: {
+				accessorKey: "amountPaidLabel",
+				enableSorting: !1,
+				header: i(Z.columnAmountPaid),
+				cell: r("amountPaidLabel", p.AmountPaid)
+			},
+			[p.TotalAmount]: {
+				accessorKey: "totalAmountLabel",
+				enableSorting: !1,
+				header: i(Z.columnTotalAmount),
+				cell: r("totalAmountLabel", p.TotalAmount)
+			},
+			[p.AddedOn]: {
+				accessorKey: "addedOnLabel",
+				enableSorting: !0,
+				header: e(Z.columnAddedOn),
+				cell: t("addedOnLabel", p.AddedOn)
+			}
+		};
+	}, [Z, I]), Ce = m(() => [...ve.filter((e) => F.includes(e)).map((e) => Q[e]), {
+		id: "actions",
+		enableSorting: !1,
+		header: () => /* @__PURE__ */ h("span", {
+			className: "ttw:sr-only",
+			children: Z.columnActions
+		}),
+		cell: ({ row: e }) => /* @__PURE__ */ h("div", {
+			className: "ttw:flex ttw:justify-end",
+			children: /* @__PURE__ */ h(n, {
+				variant: "ghost",
+				size: "icon",
+				"aria-label": Z.openRow(e.original.vendorLabel || Z.missingValue.missing),
+				onClick: (t) => {
+					t.stopPropagation(), e.original.onOpen();
+				},
+				children: /* @__PURE__ */ h(de, { className: "ttw:size-4" })
+			})
+		})
+	}], [
+		Q,
+		Z,
+		F
+	]), we = !!(z && V) && !b && !x && !L && y.length === 0 && Se === !0, $ = /* @__PURE__ */ g("div", {
+		className: "ttw:relative ttw:w-80",
+		children: [/* @__PURE__ */ h(he, { 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__ */ h(i, {
+			className: "ttw:pl-9",
+			type: "search",
+			"aria-label": Z.searchLabel,
+			placeholder: Z.searchPlaceholder,
+			value: N,
+			onChange: (e) => xe(e.target.value)
+		})]
+	}), Te = P ? /* @__PURE__ */ h(ue, {
+		...P,
+		className: "ttw:px-4",
+		searchSlot: $
+	}) : /* @__PURE__ */ h("div", {
+		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
+		children: $
+	});
+	return /* @__PURE__ */ g("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [Y ? /* @__PURE__ */ g(e, {
+			className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
+			children: [
+				/* @__PURE__ */ h(fe, {}),
+				/* @__PURE__ */ h(t, {
+					className: "ttw:flex-1",
+					children: Y
+				}),
+				X ? /* @__PURE__ */ h(n, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:text-foreground",
+					onClick: X,
+					children: Z.duplicateBillsReviewButton
+				}) : null
+			]
+		}) : null, /* @__PURE__ */ g(te, {
+			value: j,
+			onValueChange: M,
+			className: "ttw:flex ttw:flex-col ttw:gap-4",
+			children: [/* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ h(o, {
+					"aria-label": Z.filterTabsLabel,
+					children: A.map((e) => /* @__PURE__ */ g(s, {
+						value: e.id,
+						className: "ttw:min-w-28",
+						children: [e.icon, e.label]
+					}, e.id))
+				}), z ? /* @__PURE__ */ g(n, {
+					onClick: z,
+					children: [/* @__PURE__ */ h(me, { className: "ttw:size-4" }), Z.createButton]
+				}) : null]
+			}), (() => {
+				let e = x ? /* @__PURE__ */ h(oe, {
+					title: Z.errorTitle,
+					description: Z.errorDescription,
+					retryLabel: B ? Z.errorRetry : void 0,
+					onRetry: B
+				}) : we && z && V ? /* @__PURE__ */ h("div", {
+					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
+					children: K && q ? /* @__PURE__ */ h(l, {
+						emailAddress: K,
+						onCopyEmail: q,
+						onFilesSelected: V,
+						accept: f,
+						maxFiles: H,
+						uploadStatus: W,
+						uploadErrorMessage: G,
+						onEnterManually: U ?? z,
+						labels: Z.addBill
+					}) : /* @__PURE__ */ h(l, {
+						onFilesSelected: V,
+						accept: f,
+						maxFiles: H,
+						uploadStatus: W,
+						uploadErrorMessage: G,
+						onEnterManually: U ?? z,
+						labels: Z.addBill
+					})
+				}) : /* @__PURE__ */ h(r, {
+					columns: Ce,
+					data: y,
+					isLoading: b,
+					sorting: ye,
+					onSortingChange: be,
+					pageSize: S,
+					onPageSizeChange: C,
+					pageSizeOptions: w,
+					pageInfo: T,
+					hasNextPage: E,
+					hasPrevPage: D,
+					onNextPage: O,
+					onPrevPage: k,
+					onRowClick: (e) => e.onOpen(),
+					filterComponent: Te,
+					children: L ? /* @__PURE__ */ h(c, {
+						title: Z.filteredEmptyTitle,
+						description: Z.filteredEmptyDescription
+					}) : R ? /* @__PURE__ */ h(c, {
+						title: R.title,
+						description: R.description
+					}) : void 0
+				});
+				return A.map((t) => /* @__PURE__ */ h(a, {
+					value: t.id,
+					children: t.id === j ? e : null
+				}, t.id));
+			})()]
+		})]
+	});
+}
 //#endregion
-export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };
+export { y as BillsScreen, y as default, v as DEFAULT_BILL_COLUMNS };

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

@@ -1,8 +1,10 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js
 var e = {
-	uploading: "ttw:text-muted-foreground",
-	ready: "ttw:text-emerald-600",
-	failed: "ttw:text-destructive"
+	collapse: "Collapse upload status",
+	expand: "Expand upload status",
+	close: "Close upload status",
+	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : "Failed",
+	openItem: (e) => `Open ${e}`
 };
 //#endregion
-export { e as UPLOAD_ITEM_ICON_TONE };
+export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };

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

@@ -1,93 +1,8 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index68.js";
-import { UPLOAD_ITEM_ICON_TONE as n } from "./index69.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, Loader2 as d, X as f, XCircle as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js
-function m({ status: t }) {
-	let r = e("ttw:size-4", n[t]);
-	return t === "uploading" ? /* @__PURE__ */ a(d, {
-		"aria-hidden": !0,
-		className: e(r, "ttw:animate-spin")
-	}) : a(t === "ready" ? s : p, {
-		"aria-hidden": !0,
-		className: r
-	});
-}
-function h({ item: t, labels: n }) {
-	let s = r(), c = /* @__PURE__ */ o(i, { children: [
-		/* @__PURE__ */ a(m, { status: t.status }),
-		/* @__PURE__ */ a("span", {
-			id: s,
-			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
-		}),
-		t.onOpen ? /* @__PURE__ */ a(l, {
-			"aria-hidden": !0,
-			className: "ttw:size-4"
-		}) : null
-	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
-	return t.onOpen ? /* @__PURE__ */ a("button", {
-		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
-	});
-}
-function g({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
-	let p = {
-		...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",
-			children: [
-				/* @__PURE__ */ a("span", {
-					"aria-live": "polite",
-					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: n
-				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: i,
-					"aria-label": r ? p.expand : p.collapse,
-					"aria-expanded": !r,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: a(r ? u : c, { className: "ttw:size-4" })
-				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: s,
-					"aria-label": p.close,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: /* @__PURE__ */ a(f, { className: "ttw:size-4" })
-				})
-			]
-		}), 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(h, {
-				item: e,
-				labels: p
-			}, e.id))] }, e.id))
-		})]
-	});
-}
+var e = {
+	uploading: "ttw:text-muted-foreground",
+	ready: "ttw:text-emerald-600",
+	failed: "ttw:text-destructive"
+};
 //#endregion
-export { g as BillUploadStatusTray, g as default };
+export { e as UPLOAD_ITEM_ICON_TONE };

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

@@ -0,0 +1,93 @@
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index69.js";
+import { UPLOAD_ITEM_ICON_TONE as n } from "./index70.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, Loader2 as d, X as f, XCircle as p } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.js
+function m({ status: t }) {
+	let r = e("ttw:size-4", n[t]);
+	return t === "uploading" ? /* @__PURE__ */ a(d, {
+		"aria-hidden": !0,
+		className: e(r, "ttw:animate-spin")
+	}) : a(t === "ready" ? s : p, {
+		"aria-hidden": !0,
+		className: r
+	});
+}
+function h({ item: t, labels: n }) {
+	let s = r(), c = /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(m, { status: t.status }),
+		/* @__PURE__ */ a("span", {
+			id: s,
+			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
+		}),
+		t.onOpen ? /* @__PURE__ */ a(l, {
+			"aria-hidden": !0,
+			className: "ttw:size-4"
+		}) : null
+	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
+	return t.onOpen ? /* @__PURE__ */ a("button", {
+		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
+	});
+}
+function g({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
+	let p = {
+		...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",
+			children: [
+				/* @__PURE__ */ a("span", {
+					"aria-live": "polite",
+					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
+					children: n
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: i,
+					"aria-label": r ? p.expand : p.collapse,
+					"aria-expanded": !r,
+					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
+					children: a(r ? u : c, { className: "ttw:size-4" })
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: s,
+					"aria-label": p.close,
+					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
+					children: /* @__PURE__ */ a(f, { className: "ttw:size-4" })
+				})
+			]
+		}), 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(h, {
+				item: e,
+				labels: p
+			}, e.id))] }, e.id))
+		})]
+	});
+}
+//#endregion
+export { g as BillUploadStatusTray, g as default };

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

@@ -1,121 +1,2 @@
-import { Button as e, Checkbox as t, Table as n, TableBody as r, TableCell as i, TableHead as a, TableHeader as o, TableRow as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillStatusBadge as c } from "./index20.js";
-import "./index21.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Ban as d, ChevronRightIcon as f } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js
-var p = "ttw:border-b ttw:border-border", m = `${p} ttw:whitespace-nowrap`, h = "ttw:bg-white", g = "ttw:gap-4", _ = "ttw:gap-2.5";
-function v({ group: v, isBusy: y, labels: b }) {
-	let x = v.isActionDisabled || y || v.isRemoveUnavailable, S = !!(v.onKeepSelected || v.onRemoveDuplicates);
-	return /* @__PURE__ */ u("div", {
-		className: `ttw:flex ttw:flex-col ${g}`,
-		children: [/* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(o, { children: /* @__PURE__ */ u(s, { children: [
-			S ? /* @__PURE__ */ l(a, {
-				className: "ttw:w-11",
-				children: /* @__PURE__ */ l(t, {
-					className: h,
-					"aria-label": v.selectAllLabel,
-					checked: v.selectAllChecked ?? !1,
-					disabled: y,
-					onCheckedChange: v.onToggleAllRows
-				})
-			}) : null,
-			/* @__PURE__ */ l(a, { children: b.columnAddedOn }),
-			/* @__PURE__ */ l(a, { children: b.columnInvoiceDate }),
-			/* @__PURE__ */ l(a, { children: b.columnStatus }),
-			/* @__PURE__ */ l(a, { children: b.columnInvoiceNumber }),
-			/* @__PURE__ */ l(a, { children: b.columnAmount }),
-			/* @__PURE__ */ l(a, {
-				className: "ttw:w-14",
-				children: /* @__PURE__ */ l("span", {
-					className: "ttw:sr-only",
-					children: b.columnActions
-				})
-			})
-		] }) }), /* @__PURE__ */ l(r, { children: v.rows.map((n) => /* @__PURE__ */ u(s, { children: [
-			S ? /* @__PURE__ */ l(i, {
-				className: p,
-				children: /* @__PURE__ */ l(t, {
-					className: h,
-					"aria-label": n.selectLabel,
-					checked: n.isSelected ?? !1,
-					disabled: y,
-					onCheckedChange: n.onToggleSelected
-				})
-			}) : null,
-			/* @__PURE__ */ l(i, {
-				className: m,
-				children: n.addedOnLabel
-			}),
-			/* @__PURE__ */ l(i, {
-				className: m,
-				children: n.invoiceDateLabel
-			}),
-			/* @__PURE__ */ l(i, {
-				className: m,
-				children: n.status && n.statusTone ? /* @__PURE__ */ l(c, {
-					status: n.status,
-					tone: n.statusTone,
-					labels: b.statusBadge
-				}) : null
-			}),
-			/* @__PURE__ */ l(i, {
-				className: m,
-				children: n.invoiceNumberLabel
-			}),
-			/* @__PURE__ */ l(i, {
-				className: m,
-				children: n.amountLabel
-			}),
-			/* @__PURE__ */ l(i, {
-				className: p,
-				children: /* @__PURE__ */ l("div", {
-					className: "ttw:flex ttw:justify-end",
-					children: /* @__PURE__ */ l(e, {
-						variant: "ghost",
-						size: "icon",
-						"aria-label": n.openLabel,
-						disabled: y,
-						onClick: n.onOpen,
-						children: /* @__PURE__ */ l(f, { className: "ttw:size-4" })
-					})
-				})
-			})
-		] }, n.id)) })] }), /* @__PURE__ */ u("div", {
-			className: "ttw:flex ttw:flex-col ttw:items-end ttw:gap-2",
-			children: [/* @__PURE__ */ u("p", {
-				className: "ttw:text-right ttw:text-sm ttw:text-muted-foreground",
-				children: [
-					b.removalHelperBeforeDraft,
-					/* @__PURE__ */ l("span", {
-						className: "ttw:font-semibold",
-						children: b.removalHelperDraft
-					}),
-					b.removalHelperBetween,
-					/* @__PURE__ */ l("span", {
-						className: "ttw:font-semibold",
-						children: b.removalHelperFinalized
-					}),
-					b.removalHelperAfterFinalized
-				]
-			}), S ? /* @__PURE__ */ u("div", {
-				className: `ttw:flex ttw:flex-wrap ttw:justify-end ${_}`,
-				children: [v.onKeepSelected ? /* @__PURE__ */ l(e, {
-					variant: "outline",
-					disabled: v.isActionDisabled || y,
-					loading: v.pendingAction === "keep",
-					onClick: v.onKeepSelected,
-					children: b.keepSelectedButton
-				}) : null, v.onRemoveDuplicates ? /* @__PURE__ */ u(e, {
-					variant: "destructive",
-					disabled: x,
-					loading: v.pendingAction === "remove",
-					onClick: v.onRemoveDuplicates,
-					children: [v.pendingAction === "remove" ? null : /* @__PURE__ */ l(d, {}), b.removeDuplicatesButton]
-				}) : null]
-			}) : null]
-		})]
-	});
-}
-//#endregion
-export { v as DuplicateBillsGroupPanel, v as default };
+import "./index69.js";
+import "./index71.js";