@tesouro/embedded-components-react 0.2.332 → 0.2.336

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

@@ -1,10 +1,256 @@
+import { Button as e, DataTable as t, DataTableSortableHeader as n, Input as r, Tabs as i, TabsContent as a, TabsList as o, TabsTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as c } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as ee } 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 u } from "./index19.js";
+import "./index20.js";
+import { MissingValue as d } from "./index49.js";
+import "./index50.js";
+import { BILLS_SCREEN_LABELS_EN as f, BILLS_SCREEN_UPLOAD_ACCEPT as p } from "./index51.js";
+import { BillColumn as m } from "./index53.js";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ChevronRightIcon as v, PlusIcon as y, SearchIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.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 x = [
+	10,
+	25,
+	50,
+	100
+], S = [
+	m.Vendor,
+	m.DueDate,
+	m.ScheduledDate,
+	m.PaidDate,
+	m.Status,
+	m.AmountDue,
+	m.AmountScheduled,
+	m.AmountPaid,
+	m.AddedOn
+], C = [
+	m.Vendor,
+	m.DueDate,
+	m.Status,
+	m.AmountDue,
+	m.AddedOn
+];
+function w({ rows: w, isLoading: T, isError: E, sorting: D, onSortingChange: O, pageSize: k, onPageSizeChange: te, pageSizeOptions: ne = x, pageInfo: re, hasNextPage: ie, hasPrevPage: A, onNextPage: j, onPrevPage: M, filterTabs: N, selectedFilterTabId: P, onFilterTabChange: F, searchValue: I, onSearchChange: L, visibleColumns: R = C, isSearchActive: z, showAddPanelWhenEmpty: B, emptyState: V, onCreateClick: H, onRetry: U, onFilesSelected: W, maxFiles: G, onEnterManually: K, uploadStatus: q, uploadErrorMessage: J, emailAddress: Y, onCopyEmail: X, labels: Z }) {
+	let Q = h(() => ({
+		...f,
+		...Z,
+		statusBadge: {
+			...f.statusBadge,
+			...Z?.statusBadge
+		},
+		addBill: {
+			...f.addBill,
+			...Z?.addBill,
+			dropzone: {
+				...f.addBill.dropzone,
+				...Z?.addBill?.dropzone
+			}
+		},
+		sortableHeader: {
+			...f.sortableHeader,
+			...Z?.sortableHeader
+		},
+		missingValue: {
+			...f.missingValue,
+			...Z?.missingValue
+		}
+	}), [Z]), $ = h(() => {
+		let e = (e) => function({ column: t }) {
+			return /* @__PURE__ */ g(n, {
+				column: t,
+				title: e,
+				labels: Q.sortableHeader
+			});
+		}, t = (e) => function({ row: t }) {
+			return t.original[e] || /* @__PURE__ */ g(d, { labels: Q.missingValue });
+		}, r = (e) => function({ row: t }) {
+			return /* @__PURE__ */ g("div", {
+				className: "ttw:text-right",
+				children: t.original[e] || /* @__PURE__ */ g(d, { labels: Q.missingValue })
+			});
+		}, i = (e) => function() {
+			return /* @__PURE__ */ g("div", {
+				className: "ttw:text-right",
+				children: e
+			});
+		};
+		return {
+			[m.Vendor]: {
+				accessorKey: "vendorLabel",
+				enableSorting: !0,
+				header: e(Q.columnVendor),
+				cell: t("vendorLabel")
+			},
+			[m.DueDate]: {
+				accessorKey: "dueDateLabel",
+				enableSorting: !0,
+				header: e(Q.columnDueDate),
+				cell: t("dueDateLabel")
+			},
+			[m.ScheduledDate]: {
+				accessorKey: "scheduledDateLabel",
+				enableSorting: !0,
+				header: e(Q.columnScheduledDate),
+				cell: t("scheduledDateLabel")
+			},
+			[m.PaidDate]: {
+				accessorKey: "paidDateLabel",
+				enableSorting: !1,
+				header: Q.columnPaidDate,
+				cell: t("paidDateLabel")
+			},
+			[m.Status]: {
+				accessorKey: "status",
+				enableSorting: !1,
+				header: Q.columnStatus,
+				cell: ({ row: e }) => /* @__PURE__ */ g(u, {
+					status: e.original.status,
+					tone: e.original.statusTone,
+					labels: Q.statusBadge
+				})
+			},
+			[m.AmountDue]: {
+				accessorKey: "amountDueLabel",
+				enableSorting: !1,
+				header: i(Q.columnAmountDue),
+				cell: r("amountDueLabel")
+			},
+			[m.AmountScheduled]: {
+				accessorKey: "amountScheduledLabel",
+				enableSorting: !1,
+				header: i(Q.columnAmountScheduled),
+				cell: r("amountScheduledLabel")
+			},
+			[m.AmountPaid]: {
+				accessorKey: "amountPaidLabel",
+				enableSorting: !1,
+				header: i(Q.columnAmountPaid),
+				cell: r("amountPaidLabel")
+			},
+			[m.AddedOn]: {
+				accessorKey: "addedOnLabel",
+				enableSorting: !0,
+				header: e(Q.columnAddedOn),
+				cell: t("addedOnLabel")
+			}
+		};
+	}, [Q]), ae = h(() => [...S.filter((e) => R.includes(e)).map((e) => $[e]), {
+		id: "actions",
+		enableSorting: !1,
+		header: () => /* @__PURE__ */ g("span", {
+			className: "ttw:sr-only",
+			children: Q.columnActions
+		}),
+		cell: ({ row: t }) => /* @__PURE__ */ g("div", {
+			className: "ttw:flex ttw:justify-end",
+			children: /* @__PURE__ */ g(e, {
+				variant: "ghost",
+				size: "icon",
+				"aria-label": Q.openRow(t.original.vendorLabel || Q.missingValue.missing),
+				onClick: (e) => {
+					e.stopPropagation(), t.original.onOpen();
+				},
+				children: /* @__PURE__ */ g(v, { className: "ttw:size-4" })
+			})
+		})
+	}], [
+		$,
+		Q,
+		R
+	]), oe = !!(H && W) && !T && !E && !z && w.length === 0 && B === !0, se = /* @__PURE__ */ g("div", {
+		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
+		children: /* @__PURE__ */ _("div", {
+			className: "ttw:relative ttw:w-80",
+			children: [/* @__PURE__ */ g(b, { 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__ */ g(r, {
+				className: "ttw:pl-9",
+				type: "search",
+				"aria-label": Q.searchLabel,
+				placeholder: Q.searchPlaceholder,
+				value: I,
+				onChange: (e) => L(e.target.value)
+			})]
+		})
+	});
+	return /* @__PURE__ */ _(i, {
+		value: P,
+		onValueChange: F,
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [/* @__PURE__ */ _("div", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
+			children: [/* @__PURE__ */ g(o, {
+				"aria-label": Q.filterTabsLabel,
+				children: N.map((e) => /* @__PURE__ */ _(s, {
+					value: e.id,
+					className: "ttw:min-w-28",
+					children: [e.icon, e.label]
+				}, e.id))
+			}), H ? /* @__PURE__ */ _(e, {
+				onClick: H,
+				children: [/* @__PURE__ */ g(y, { className: "ttw:size-4" }), Q.createButton]
+			}) : null]
+		}), (() => {
+			let e = E ? /* @__PURE__ */ g(ee, {
+				title: Q.errorTitle,
+				description: Q.errorDescription,
+				retryLabel: U ? Q.errorRetry : void 0,
+				onRetry: U
+			}) : oe && H && W ? /* @__PURE__ */ g("div", {
+				className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
+				children: Y && X ? /* @__PURE__ */ g(l, {
+					emailAddress: Y,
+					onCopyEmail: X,
+					onFilesSelected: W,
+					accept: p,
+					maxFiles: G,
+					uploadStatus: q,
+					uploadErrorMessage: J,
+					onEnterManually: K ?? H,
+					labels: Q.addBill
+				}) : /* @__PURE__ */ g(l, {
+					onFilesSelected: W,
+					accept: p,
+					maxFiles: G,
+					uploadStatus: q,
+					uploadErrorMessage: J,
+					onEnterManually: K ?? H,
+					labels: Q.addBill
+				})
+			}) : /* @__PURE__ */ g(t, {
+				columns: ae,
+				data: w,
+				isLoading: T,
+				sorting: D,
+				onSortingChange: O,
+				pageSize: k,
+				onPageSizeChange: te,
+				pageSizeOptions: ne,
+				pageInfo: re,
+				hasNextPage: ie,
+				hasPrevPage: A,
+				onNextPage: j,
+				onPrevPage: M,
+				onRowClick: (e) => e.onOpen(),
+				filterComponent: se,
+				children: z ? /* @__PURE__ */ g(c, {
+					title: Q.filteredEmptyTitle,
+					description: Q.filteredEmptyDescription
+				}) : V ? /* @__PURE__ */ g(c, {
+					title: V.title,
+					description: V.description
+				}) : void 0
+			});
+			return N.map((t) => /* @__PURE__ */ g(a, {
+				value: t.id,
+				children: t.id === P ? e : null
+			}, t.id));
+		})()]
+	});
+}
 //#endregion
-export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };
+export { w as BillsScreen, w as default, C as DEFAULT_BILL_COLUMNS };

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

@@ -1,8 +1,10 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.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/index56.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 "./index54.js";
-import { UPLOAD_ITEM_ICON_TONE as n } from "./index55.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/index56.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/index57.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 "./index55.js";
+import { UPLOAD_ITEM_ICON_TONE as n } from "./index56.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/index57.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/index59.js

@@ -1,7 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.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 "./index55.js";
+import "./index57.js";

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

@@ -1,30 +1,7 @@
-import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index59.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/index60.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/index61.js

@@ -1,2 +1,30 @@
-import "./index59.js";
-import "./index60.js";
+import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index60.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/index61.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/index62.js

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

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

@@ -1,34 +1,7 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { REVEALABLE_FIELD_LABELS_EN as t } from "./index62.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Eye as a, EyeOff as o } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js
-function s({ field: s, labels: c }) {
-	let l = {
-		...t,
-		...c
-	}, [u, d] = n(!1), f = s.maskedValue && !u ? s.maskedValue : s.value;
-	return /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3",
-		children: [/* @__PURE__ */ i("div", {
-			className: "ttw:min-w-0",
-			children: [/* @__PURE__ */ r("dt", {
-				className: "ttw:text-xs ttw:text-muted-foreground",
-				children: s.label
-			}), /* @__PURE__ */ r("dd", {
-				className: "ttw:break-words ttw:text-sm ttw:font-medium",
-				children: f
-			})]
-		}), s.maskedValue ? /* @__PURE__ */ r(e, {
-			type: "button",
-			variant: "ghost",
-			size: "icon",
-			"aria-label": u ? l.hideValue : l.revealValue,
-			onClick: () => d((e) => !e),
-			children: r(u ? o : a, { className: "ttw:size-4" })
-		}) : null]
-	});
-}
+var e = {
+	revealValue: "Show value",
+	hideValue: "Hide value"
+};
 //#endregion
-export { s as RevealableField, s as default };
+export { e as REVEALABLE_FIELD_LABELS_EN };

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

@@ -1,2 +1,34 @@
-import "./index62.js";
-import "./index63.js";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { REVEALABLE_FIELD_LABELS_EN as t } from "./index63.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Eye as a, EyeOff as o } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js
+function s({ field: s, labels: c }) {
+	let l = {
+		...t,
+		...c
+	}, [u, d] = n(!1), f = s.maskedValue && !u ? s.maskedValue : s.value;
+	return /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3",
+		children: [/* @__PURE__ */ i("div", {
+			className: "ttw:min-w-0",
+			children: [/* @__PURE__ */ r("dt", {
+				className: "ttw:text-xs ttw:text-muted-foreground",
+				children: s.label
+			}), /* @__PURE__ */ r("dd", {
+				className: "ttw:break-words ttw:text-sm ttw:font-medium",
+				children: f
+			})]
+		}), s.maskedValue ? /* @__PURE__ */ r(e, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			"aria-label": u ? l.hideValue : l.revealValue,
+			onClick: () => d((e) => !e),
+			children: r(u ? o : a, { className: "ttw:size-4" })
+		}) : null]
+	});
+}
+//#endregion
+export { s as RevealableField, s as default };

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

@@ -1,12 +1,2 @@
-import { REVEALABLE_FIELD_LABELS_EN as e } from "./index62.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js
-var t = {
-	title: "Review transaction",
-	hiddenDescription: "Review the payment before submitting it.",
-	payToHeading: "Pay to",
-	backButton: "Back",
-	submitButton: "Submit",
-	...e
-};
-//#endregion
-export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };
+import "./index63.js";
+import "./index64.js";