@tesouro/embedded-components-react 0.3.49 → 0.3.51

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

@@ -3,43 +3,43 @@ import { BILL_DECISION_DIALOG_LABELS_EN as l } from "./index49.js";
 import { Fragment as u, useEffect as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index50.js
-function h({ open: h, copy: g, onConfirm: _, onCancel: v, isPending: y, labels: b, testId: x, confirmTestId: S, reasonTestId: C, reasonFieldId: w = "bill-decision-reason" }) {
-	let T = {
+function h({ open: h, copy: g, onConfirm: _, onCancel: v, isPending: y, confirmIcon: b, labels: x, testId: S, confirmTestId: C, reasonTestId: w, reasonFieldId: T = "bill-decision-reason" }) {
+	let E = {
 		...l,
-		...b
-	}, [E, D] = f("");
+		...x
+	}, [D, O] = f("");
 	if (d(() => {
-		h || D("");
+		h || O("");
 	}, [h]), !g) return null;
-	let { alignment: O = "start", icon: k, tone: A = "default", actionWidth: j = "auto" } = g.presentation ?? {}, M = O === "center", N = j === "equal", P = g.pendingApprovers ?? [];
+	let { alignment: k = "start", icon: A, tone: j = "default", actionWidth: M = "auto" } = g.presentation ?? {}, N = k === "center", P = M === "equal", F = g.pendingApprovers ?? [];
 	return /* @__PURE__ */ p(e, {
 		open: h,
 		onOpenChange: (e) => {
 			e || v();
 		},
 		children: /* @__PURE__ */ m(t, {
-			"data-testid": x,
+			"data-testid": S,
 			children: [
 				/* @__PURE__ */ m(i, {
-					className: M ? "ttw:items-center ttw:sm:text-center" : void 0,
+					className: N ? "ttw:items-center ttw:sm:text-center" : void 0,
 					children: [
-						k ? /* @__PURE__ */ p("span", {
-							className: A === "destructive" ? "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive" : "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
-							children: /* @__PURE__ */ p(k, { className: A === "destructive" ? "ttw:size-4 ttw:text-white" : "ttw:size-4 ttw:text-foreground" })
+						A ? /* @__PURE__ */ p("span", {
+							className: j === "destructive" ? "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive" : "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
+							children: /* @__PURE__ */ p(A, { className: j === "destructive" ? "ttw:size-4 ttw:text-white" : "ttw:size-4 ttw:text-foreground" })
 						}) : null,
 						/* @__PURE__ */ p(a, { children: g.title }),
 						/* @__PURE__ */ p(n, { children: g.description })
 					]
 				}),
-				P.length > 0 ? /* @__PURE__ */ p("div", {
+				F.length > 0 ? /* @__PURE__ */ p("div", {
 					className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:rounded-md ttw:bg-muted ttw:px-3 ttw:py-3",
 					children: /* @__PURE__ */ p("ul", {
 						className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1",
-						children: P.map((e) => /* @__PURE__ */ p("li", {
+						children: F.map((e) => /* @__PURE__ */ p("li", {
 							className: "ttw:list-disc ttw:text-sm ttw:text-foreground",
 							children: e.names.map((e, t) => /* @__PURE__ */ m(u, { children: [t > 0 ? /* @__PURE__ */ p("span", {
 								className: "ttw:text-muted-foreground",
-								children: ` ${T.orConnector} `
+								children: ` ${E.orConnector} `
 							}) : null, /* @__PURE__ */ p("span", {
 								className: "ttw:font-medium",
 								children: e
@@ -50,38 +50,38 @@ function h({ open: h, copy: g, onConfirm: _, onCancel: v, isPending: y, labels:
 				g.reason ? /* @__PURE__ */ m("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-2",
 					children: [/* @__PURE__ */ m(s, {
-						htmlFor: w,
+						htmlFor: T,
 						children: [g.reason.label, /* @__PURE__ */ p("span", {
 							className: "ttw:ml-1 ttw:text-muted-foreground",
 							children: g.reason.optionalHint
 						})]
 					}), /* @__PURE__ */ p(c, {
-						id: w,
-						value: E,
+						id: T,
+						value: D,
 						placeholder: g.reason.placeholder,
-						onChange: (e) => D(e.target.value),
+						onChange: (e) => O(e.target.value),
 						disabled: y,
-						"data-testid": C
+						"data-testid": w
 					})]
 				}) : null,
 				/* @__PURE__ */ m(r, {
-					className: M ? "ttw:sm:justify-center" : void 0,
+					className: N ? "ttw:sm:justify-center" : void 0,
 					children: [/* @__PURE__ */ p(o, {
 						type: "button",
 						variant: "outline",
 						onClick: v,
 						disabled: y,
-						className: N ? "ttw:flex-1" : void 0,
-						children: T.cancelButton
-					}), /* @__PURE__ */ p(o, {
+						className: P ? "ttw:flex-1" : void 0,
+						children: E.cancelButton
+					}), /* @__PURE__ */ m(o, {
 						type: "button",
-						variant: A === "destructive" ? "destructive" : "default",
+						variant: j === "destructive" ? "destructive" : "default",
 						loading: y,
 						disabled: y,
-						onClick: () => _(g.reason ? E.trim() : void 0),
-						className: N ? "ttw:flex-1" : void 0,
-						"data-testid": S,
-						children: g.confirmButton
+						onClick: () => _(g.reason ? D.trim() : void 0),
+						className: P ? "ttw:flex-1" : void 0,
+						"data-testid": C,
+						children: [y ? null : b, g.confirmButton]
 					})]
 				})
 			]

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

@@ -1,8 +1,6 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
 var e = {
-	messagePrefix: "This bill is a possible duplicate of ",
-	otherBill: "another bill",
-	messageSuffix: ".",
+	message: "This bill is a possible duplicate of another bill.",
 	notADuplicateButton: "Not a duplicate",
 	removeBillButton: "Remove this bill"
 };

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

@@ -3,42 +3,32 @@ import { BILL_DUPLICATE_NOTICE_LABELS_EN as r } from "./index59.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { CopyX as o } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js
-function s({ onNotADuplicate: s, onRemoveBill: c, onViewOtherBill: l, testId: u, labels: d }) {
+function s({ onNotADuplicate: s, onRemoveBill: c, isActionDisabled: l, testId: u, labels: d }) {
 	let f = {
 		...r,
 		...d
-	}, p = l ? /* @__PURE__ */ i("button", {
-		type: "button",
-		onClick: l,
-		className: "ttw:underline ttw:hover:no-underline",
-		children: f.otherBill
-	}) : /* @__PURE__ */ i("span", {
-		className: "ttw:underline",
-		children: f.otherBill
-	});
+	};
 	return /* @__PURE__ */ a(e, {
 		className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
 		"data-testid": u,
 		children: [
 			/* @__PURE__ */ i(o, {}),
-			/* @__PURE__ */ a(t, {
+			/* @__PURE__ */ i(t, {
 				className: "ttw:flex-1",
-				children: [
-					f.messagePrefix,
-					p,
-					f.messageSuffix
-				]
+				children: f.message
 			}),
 			s ? /* @__PURE__ */ i(n, {
 				type: "button",
 				variant: "outline",
 				className: "ttw:text-foreground",
+				disabled: l,
 				onClick: s,
 				children: f.notADuplicateButton
 			}) : null,
 			c ? /* @__PURE__ */ i(n, {
 				type: "button",
 				variant: "destructive",
+				disabled: l,
 				onClick: c,
 				children: f.removeBillButton
 			}) : null

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

@@ -1,18 +1,121 @@
+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 e = {
-	title: "Possible duplicate files",
-	descriptionFirstLine: "The following bills may be duplicates of each other.",
-	descriptionSecondLine: "You can keep or remove duplicates, or view them for more detail before making a decision.",
-	selectAllRows: "Select all bills",
-	columnDuplicate: "Duplicate?",
-	columnVendor: "Vendor",
-	columnInvoiceNumber: "Invoice number",
-	columnAmount: "Amount",
-	columnInvoiceDate: "Invoice date",
-	columnAddedOn: "Added on",
-	columnActions: "Actions",
-	keepSelectedButton: "Keep selected files",
-	cancelDuplicatesButton: "Cancel duplicates"
-};
+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 { e as DUPLICATE_BILLS_DIALOG_LABELS_EN };
+export { v as DuplicateBillsGroupPanel, v as default };

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

@@ -1,113 +1,26 @@
-import { Button as e, Checkbox as t, Dialog as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s, Table as c, TableBody as l, TableCell as u, TableHead as d, TableHeader as f, TableRow as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillDuplicateBadge as m } from "./index57.js";
-import "./index58.js";
-import { DUPLICATE_BILLS_DIALOG_LABELS_EN as h } from "./index73.js";
-import { useMemo as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Ban as y, ChevronRightIcon as b, CopyX as x } from "lucide-react";
+import { BILL_STATUS_BADGE_LABELS_EN as e } from "./index18.js";
+import "./index21.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js
-function S({ open: S, onOpenChange: C, rows: w, selectAllChecked: T = !1, onToggleAllRows: E, onKeepSelected: D, onCancelDuplicates: O, isActionDisabled: k, labels: A }) {
-	let j = g(() => ({
-		...h,
-		...A
-	}), [A]);
-	return /* @__PURE__ */ _(n, {
-		open: S,
-		onOpenChange: C,
-		children: /* @__PURE__ */ v(r, {
-			className: "ttw:flex ttw:flex-col ttw:gap-8 ttw:sm:max-w-208.75",
-			showCloseButton: !0,
-			children: [
-				/* @__PURE__ */ v(o, {
-					className: "ttw:items-center ttw:gap-3 ttw:text-center ttw:sm:text-center",
-					children: [
-						/* @__PURE__ */ _("div", {
-							className: "ttw:flex ttw:items-center ttw:justify-center ttw:border ttw:rounded-full ttw:size-11 ttw:border-orange-300 ttw:bg-orange-200",
-							children: /* @__PURE__ */ _(x, {
-								className: "ttw:size-4 ttw:text-orange-950",
-								"aria-hidden": !0
-							})
-						}),
-						/* @__PURE__ */ _(s, { children: j.title }),
-						/* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("span", {
-							className: "ttw:block",
-							children: j.descriptionFirstLine
-						}), /* @__PURE__ */ _("span", {
-							className: "ttw:block",
-							children: j.descriptionSecondLine
-						})] })
-					]
-				}),
-				/* @__PURE__ */ _("div", {
-					className: "ttw:max-h-80 ttw:overflow-y-auto",
-					children: /* @__PURE__ */ v(c, { children: [/* @__PURE__ */ _(f, {
-						className: "ttw:sticky ttw:top-0 ttw:bg-background",
-						children: /* @__PURE__ */ v(p, { children: [
-							/* @__PURE__ */ _(d, {
-								className: "ttw:w-10",
-								children: /* @__PURE__ */ _(t, {
-									"aria-label": j.selectAllRows,
-									checked: T,
-									onCheckedChange: E
-								})
-							}),
-							/* @__PURE__ */ _(d, { children: j.columnDuplicate }),
-							/* @__PURE__ */ _(d, { children: j.columnVendor }),
-							/* @__PURE__ */ _(d, { children: j.columnInvoiceNumber }),
-							/* @__PURE__ */ _(d, { children: j.columnAmount }),
-							/* @__PURE__ */ _(d, { children: j.columnInvoiceDate }),
-							/* @__PURE__ */ _(d, { children: j.columnAddedOn }),
-							/* @__PURE__ */ _(d, {
-								className: "ttw:w-10",
-								children: /* @__PURE__ */ _("span", {
-									className: "ttw:sr-only",
-									children: j.columnActions
-								})
-							})
-						] })
-					}), /* @__PURE__ */ _(l, { children: w.map((n) => /* @__PURE__ */ v(p, { children: [
-						/* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(t, {
-							"aria-label": n.selectLabel,
-							checked: n.isSelected ?? !1,
-							onCheckedChange: n.onToggleSelected
-						}) }),
-						/* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(m, { ...n.duplicateBadge }) }),
-						/* @__PURE__ */ _(u, { children: n.vendorLabel }),
-						/* @__PURE__ */ _(u, { children: n.invoiceNumberLabel }),
-						/* @__PURE__ */ _(u, { children: n.amountLabel }),
-						/* @__PURE__ */ _(u, { children: n.invoiceDateLabel }),
-						/* @__PURE__ */ _(u, { children: n.addedOnLabel }),
-						/* @__PURE__ */ _(u, { children: /* @__PURE__ */ _("div", {
-							className: "ttw:flex ttw:justify-end",
-							children: /* @__PURE__ */ _(e, {
-								variant: "ghost",
-								size: "icon",
-								"aria-label": n.openLabel,
-								onClick: n.onOpen,
-								children: /* @__PURE__ */ _(b, { className: "ttw:size-4" })
-							})
-						}) })
-					] }, n.id)) })] })
-				}),
-				D || O ? /* @__PURE__ */ v(a, {
-					className: "ttw:flex-row",
-					children: [D ? /* @__PURE__ */ _(e, {
-						variant: "outline",
-						className: "ttw:flex-1",
-						disabled: k,
-						onClick: D,
-						children: j.keepSelectedButton
-					}) : null, O ? /* @__PURE__ */ v(e, {
-						variant: "destructive",
-						className: "ttw:flex-1",
-						disabled: k,
-						onClick: O,
-						children: [/* @__PURE__ */ _(y, {}), j.cancelDuplicatesButton]
-					}) : null]
-				}) : null
-			]
-		})
-	});
-}
+var t = {
+	title: "Possible duplicate files",
+	descriptionFirstLine: "The following bills may be duplicates of each other.",
+	descriptionSecondLine: "You can keep or remove duplicates, or view them for more detail before making a decision.",
+	columnAddedOn: "Added on",
+	columnInvoiceDate: "Invoice date",
+	columnStatus: "Status",
+	columnInvoiceNumber: "Invoice number",
+	columnAmount: "Amount",
+	columnActions: "Actions",
+	statusBadge: e,
+	removalHelperBeforeDraft: "Removing duplicates deletes ",
+	removalHelperDraft: "Draft",
+	removalHelperBetween: " bills, and cancels ",
+	removalHelperFinalized: "Finalized bills",
+	removalHelperAfterFinalized: ". This action cannot be undone.",
+	keepSelectedButton: "Keep selected files as their own file",
+	removeDuplicatesButton: "Remove selected duplicates",
+	emptyState: "No possible duplicates left to review.",
+	errorState: "Couldn't load the possible duplicates. Try again shortly."
+};
 //#endregion
-export { S as DuplicateBillsDialog, S as default };
+export { t as DUPLICATE_BILLS_DIALOG_LABELS_EN };

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

@@ -1,2 +1,89 @@
-import "./index73.js";
-import "./index74.js";
+import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogHeader as s, DialogTitle as c, Spinner as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DUPLICATE_BILLS_DIALOG_LABELS_EN as u } from "./index74.js";
+import { DuplicateBillsGroupPanel as d } from "./index73.js";
+import { useMemo as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { CopyX as h } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js
+function g({ open: g, onOpenChange: _, groups: v, isLoading: y, isError: b, expandedGroupId: x, onExpandedGroupChange: S, isBusy: C, labels: w }) {
+	let T = f(() => ({
+		...u,
+		...w,
+		statusBadge: {
+			...u.statusBadge,
+			...w?.statusBadge
+		}
+	}), [w]);
+	return /* @__PURE__ */ p(i, {
+		open: g,
+		onOpenChange: (e) => {
+			C && !e || _(e);
+		},
+		children: /* @__PURE__ */ m(a, {
+			className: "ttw:flex ttw:flex-col ttw:gap-8 ttw:overflow-hidden ttw:max-h-[90vh] ttw:sm:max-w-240",
+			showCloseButton: !C,
+			children: [/* @__PURE__ */ m(s, {
+				className: "ttw:items-center ttw:gap-3 ttw:text-center ttw:sm:text-center",
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: "ttw:flex ttw:items-center ttw:justify-center ttw:border ttw:rounded-full ttw:size-11 ttw:border-orange-300 ttw:bg-orange-200",
+						children: /* @__PURE__ */ p(h, {
+							className: "ttw:size-4 ttw:text-orange-950",
+							"aria-hidden": !0
+						})
+					}),
+					/* @__PURE__ */ p(c, { children: T.title }),
+					/* @__PURE__ */ m(o, { children: [/* @__PURE__ */ p("span", {
+						className: "ttw:block",
+						children: T.descriptionFirstLine
+					}), /* @__PURE__ */ p("span", {
+						className: "ttw:block",
+						children: T.descriptionSecondLine
+					})] })
+				]
+			}), /* @__PURE__ */ p("div", {
+				className: "ttw:min-h-0 ttw:overflow-y-auto",
+				children: y ? /* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:justify-center ttw:py-8",
+					children: /* @__PURE__ */ p(l, { className: "ttw:size-6 ttw:text-muted-foreground" })
+				}) : b ? /* @__PURE__ */ p("p", {
+					className: "ttw:py-8 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+					children: T.errorState
+				}) : v.length === 0 ? /* @__PURE__ */ p("p", {
+					className: "ttw:py-8 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+					children: T.emptyState
+				}) : /* @__PURE__ */ p(e, {
+					type: "single",
+					value: x ?? "",
+					onValueChange: S,
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: v.map((e) => /* @__PURE__ */ m(n, {
+						value: e.id,
+						className: "ttw:rounded-md ttw:border-b-transparent ttw:bg-muted ttw:px-4",
+						children: [/* @__PURE__ */ p(r, {
+							"aria-label": e.accessibleLabel,
+							disabled: C,
+							className: "ttw:hover:no-underline!",
+							children: /* @__PURE__ */ m("span", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p("span", {
+									className: "ttw:font-medium",
+									children: e.titleLabel
+								}), /* @__PURE__ */ p("span", {
+									className: "ttw:inline-flex ttw:size-5 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-white ttw:text-xs ttw:font-medium",
+									children: e.countLabel
+								})]
+							})
+						}), /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(d, {
+							group: e,
+							isBusy: C,
+							labels: T
+						}) })]
+					}, e.id))
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { g as DuplicateBillsDialog, g as default };

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

@@ -1,7 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index76.js
-var e = {
-	message: "Data extracted automatically — please review all details to make sure they match",
-	dismiss: "Dismiss this notice"
-};
-//#endregion
-export { e as EXTRACTION_NOTICE_LABELS_EN };
+import "./index74.js";
+import "./index75.js";

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

@@ -1,30 +1,7 @@
-import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index76.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Info as r, X as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index77.js
-function a({ onDismiss: a, testId: o, labels: s }) {
-	let c = {
-		...e,
-		...s
-	};
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:border-primary/30 ttw:bg-primary/5 ttw:px-3 ttw:py-2.5",
-		"data-testid": o,
-		children: [
-			/* @__PURE__ */ t(r, { className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-primary" }),
-			/* @__PURE__ */ t("p", {
-				className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
-				children: c.message
-			}),
-			/* @__PURE__ */ t("button", {
-				type: "button",
-				onClick: a,
-				"aria-label": c.dismiss,
-				className: "ttw:shrink-0 ttw:text-muted-foreground ttw:hover:text-foreground",
-				children: /* @__PURE__ */ t(i, { className: "ttw:size-4" })
-			})
-		]
-	});
-}
+var e = {
+	message: "Data extracted automatically — please review all details to make sure they match",
+	dismiss: "Dismiss this notice"
+};
 //#endregion
-export { a as ExtractionNotice, a as default };
+export { e as EXTRACTION_NOTICE_LABELS_EN };

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

@@ -1,2 +1,30 @@
-import "./index76.js";
-import "./index77.js";
+import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index77.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Info as r, X as i } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index78.js
+function a({ onDismiss: a, testId: o, labels: s }) {
+	let c = {
+		...e,
+		...s
+	};
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:border-primary/30 ttw:bg-primary/5 ttw:px-3 ttw:py-2.5",
+		"data-testid": o,
+		children: [
+			/* @__PURE__ */ t(r, { className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-primary" }),
+			/* @__PURE__ */ t("p", {
+				className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
+				children: c.message
+			}),
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: a,
+				"aria-label": c.dismiss,
+				className: "ttw:shrink-0 ttw:text-muted-foreground ttw:hover:text-foreground",
+				children: /* @__PURE__ */ t(i, { className: "ttw:size-4" })
+			})
+		]
+	});
+}
+//#endregion
+export { a as ExtractionNotice, a as default };

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

@@ -1,7 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index79.js
-var e = {
-	revealValue: "Show value",
-	hideValue: "Hide value"
-};
-//#endregion
-export { e as REVEALABLE_FIELD_LABELS_EN };
+import "./index77.js";
+import "./index78.js";