@tesouro/embedded-components-react 0.3.19 → 0.3.22

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

@@ -1,30 +1,18 @@
-import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index69.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/index70.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 = {
+	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"
+};
 //#endregion
-export { a as ExtractionNotice, a as default };
+export { e as DUPLICATE_BILLS_DIALOG_LABELS_EN };

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

@@ -1,2 +1,113 @@
-import "./index69.js";
-import "./index70.js";
+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 "./index54.js";
+import "./index55.js";
+import { DUPLICATE_BILLS_DIALOG_LABELS_EN as h } from "./index70.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";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.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
+			]
+		})
+	});
+}
+//#endregion
+export { S as DuplicateBillsDialog, S as default };

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

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

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.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 "./index72.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/index73.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 = {
+	message: "Data extracted automatically — please review all details to make sure they match",
+	dismiss: "Dismiss this notice"
+};
 //#endregion
-export { s as RevealableField, s as default };
+export { e as EXTRACTION_NOTICE_LABELS_EN };

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

@@ -1,2 +1,30 @@
-import "./index72.js";
-import "./index73.js";
+import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index73.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/index74.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/index75.js

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

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

@@ -1,106 +1,7 @@
-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 "./index73.js";
-import "./index74.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index75.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index76.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 e = {
+	revealValue: "Show value",
+	hideValue: "Hide value"
+};
 //#endregion
-export { f as ReviewTransactionDialog, f as default };
+export { e as REVEALABLE_FIELD_LABELS_EN };

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

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

@@ -1,18 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index78.js
-var e = {
-	title: "Schedule payment",
-	hiddenDescription: "Choose the account to pay from and the payment date.",
-	payFrom: "Pay from",
-	payFromPlaceholder: "Select an account",
-	paymentDate: "Payment date",
-	paymentDatePlaceholder: "Choose a date",
-	today: "Today",
-	noAccounts: "No accounts available",
-	loadingAccounts: "Loading accounts",
-	accountsError: "Couldn't load accounts. Try again.",
-	poweredByBank: (e) => `Powered by ${e}`,
-	cancelButton: "Cancel",
-	reviewButton: "Review payment"
-};
-//#endregion
-export { e as SCHEDULE_PAYMENT_DIALOG_LABELS_EN };
+import "./index76.js";
+import "./index77.js";

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

@@ -1,10 +1,12 @@
+import { REVEALABLE_FIELD_LABELS_EN as e } from "./index76.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index79.js
-var e = {
-	neutral: "ttw:text-foreground",
-	muted: "ttw:text-muted-foreground",
-	success: "ttw:text-emerald-700",
-	warning: "ttw:text-amber-700",
-	error: "ttw:text-destructive"
+var t = {
+	title: "Review transaction",
+	hiddenDescription: "Review the payment before submitting it.",
+	payToHeading: "Pay to",
+	backButton: "Back",
+	submitButton: "Submit",
+	...e
 };
 //#endregion
-export { e as TONE_TEXT_CLASS };
+export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };