@tesouro/embedded-components-react 0.3.58 → 0.3.60

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

@@ -1,26 +1,121 @@
-import { BILL_STATUS_BADGE_LABELS_EN as e } from "./index18.js";
+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/index74.js
-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."
-};
+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 { t 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/index75.js

@@ -1,89 +1,26 @@
-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";
+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/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))
-				})
-			})]
-		})
-	});
-}
+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 { g as DuplicateBillsDialog, g as default };
+export { t as DUPLICATE_BILLS_DIALOG_LABELS_EN };

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

@@ -1,2 +1,89 @@
-import "./index74.js";
-import "./index75.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 "./index75.js";
+import { DuplicateBillsGroupPanel as d } from "./index74.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/index76.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/index77.js

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

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

@@ -1,30 +1,7 @@
-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" })
-			})
-		]
-	});
-}
+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/index79.js

@@ -1,2 +1,30 @@
-import "./index77.js";
-import "./index78.js";
+import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index78.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/index79.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/index80.js

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

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index81.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 "./index80.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/index81.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/index82.js

@@ -1,2 +1,34 @@
-import "./index80.js";
-import "./index81.js";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { REVEALABLE_FIELD_LABELS_EN as t } from "./index81.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/index82.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/index83.js

@@ -1,12 +1,2 @@
-import { REVEALABLE_FIELD_LABELS_EN as e } from "./index80.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.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 "./index81.js";
+import "./index82.js";

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

@@ -1,106 +1,12 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RevealableField as c } from "./index81.js";
-import "./index82.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index83.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { REVEALABLE_FIELD_LABELS_EN as e } from "./index81.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js
-function f({ open: f, onOpenChange: p, amountLabel: m, amount: h, rows: g, payTo: _, isSubmitting: v, onBack: y, onCancel: b, onSubmit: x, testId: S, labels: C }) {
-	let w = {
-		...l,
-		...C
-	};
-	return /* @__PURE__ */ u(t, {
-		open: f,
-		onOpenChange: (e) => e ? p(e) : b(),
-		children: /* @__PURE__ */ d(n, {
-			"data-testid": S,
-			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-6",
-			children: [
-				/* @__PURE__ */ d(a, {
-					className: "ttw:border-b ttw:border-border ttw:pb-7",
-					children: [/* @__PURE__ */ u(o, {
-						className: "ttw:text-3xl ttw:tracking-tight",
-						children: w.title
-					}), /* @__PURE__ */ u(r, {
-						className: "ttw:sr-only",
-						children: w.hiddenDescription
-					})]
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ u("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: m
-							}), /* @__PURE__ */ u("p", {
-								className: "ttw:text-4xl ttw:font-semibold",
-								children: h
-							})]
-						}),
-						/* @__PURE__ */ u("dl", {
-							className: "ttw:flex ttw:flex-col",
-							children: g.map((e, t) => /* @__PURE__ */ d("div", {
-								className: s("ttw:flex ttw:items-center ttw:gap-4 ttw:py-2.5", t < g.length - 1 && "ttw:border-b ttw:border-border"),
-								children: [/* @__PURE__ */ u("dt", {
-									className: "ttw:w-32 ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
-									children: e.label
-								}), /* @__PURE__ */ u("dd", {
-									className: "ttw:text-sm ttw:font-medium",
-									children: e.value
-								})]
-							}, e.label))
-						}),
-						/* @__PURE__ */ d("section", {
-							className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-							children: [
-								/* @__PURE__ */ u("p", {
-									className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-									children: w.payToHeading
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "ttw:mt-1 ttw:text-xl ttw:font-semibold",
-									children: _.name
-								}),
-								_.email ? /* @__PURE__ */ u("p", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.email
-								}) : null,
-								_.methodLabel || _.fields.length > 0 ? /* @__PURE__ */ d("div", {
-									className: "ttw:mt-4 ttw:border-t ttw:border-border ttw:pt-4",
-									children: [_.methodLabel ? /* @__PURE__ */ u("p", {
-										className: "ttw:text-xs ttw:font-semibold ttw:text-muted-foreground",
-										children: _.methodLabel
-									}) : null, /* @__PURE__ */ u("dl", {
-										className: "ttw:mt-3 ttw:grid ttw:gap-3",
-										children: _.fields.map((e) => /* @__PURE__ */ u(c, {
-											field: e,
-											labels: w
-										}, e.label))
-									})]
-								}) : null
-							]
-						})
-					]
-				}),
-				/* @__PURE__ */ d(i, {
-					className: "ttw:pt-4 ttw:sm:gap-3",
-					children: [/* @__PURE__ */ u(e, {
-						type: "button",
-						variant: "outline",
-						onClick: y,
-						children: w.backButton
-					}), /* @__PURE__ */ u(e, {
-						type: "button",
-						loading: v,
-						onClick: x,
-						children: w.submitButton
-					})]
-				})
-			]
-		})
-	});
-}
+var t = {
+	title: "Review transaction",
+	hiddenDescription: "Review the payment before submitting it.",
+	payToHeading: "Pay to",
+	backButton: "Back",
+	submitButton: "Submit",
+	...e
+};
 //#endregion
-export { f as ReviewTransactionDialog, f as default };
+export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };