@tesouro/embedded-components-react 0.3.22 → 0.3.23

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

@@ -1,89 +1,170 @@
-import { Button as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillUploadDropzone as n } from "./index3.js";
-import "./index5.js";
-import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index86.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Download as o, Trash2 as s } from "lucide-react";
+import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as ee, DialogTitle as s, Label as c, Popover as l, PopoverContent as u, PopoverTrigger as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g, cn as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as v } from "./index85.js";
+import { TONE_TEXT_CLASS as y } from "./index86.js";
+import { useId as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CalendarIcon as C } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index87.js
-function c(c) {
-	let { mode: l, testId: u, labels: d } = c, f = {
-		...r,
-		...d,
-		dropzone: {
-			...r.dropzone,
-			...d?.dropzone
-		}
-	};
-	if (l === "loading") return /* @__PURE__ */ a("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": u,
-		children: [/* @__PURE__ */ i("div", {
-			className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
-			children: /* @__PURE__ */ i("span", {
-				"aria-live": "polite",
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: c.fileName ? f.scanningAttachment(c.fileName) : f.scanning
-			})
-		}), /* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+var w = {
+	sufficient: y.muted,
+	warning: y.warning,
+	error: y.error
+};
+function T({ open: y, onOpenChange: T, amountDueLabel: E, amountDue: D, dueDateSuffix: O, paymentAmountLabel: k, paymentAmount: A, selectedDate: j, selectedDateLabel: M, calendarDisabled: N, isToday: P, selectedAccountId: F, accounts: I, poweredByBankName: L, funds: R, isAccountsLoading: z, isAccountsError: B, isSubmitting: V, onDateChange: H, onAccountChange: U, onReview: W, onCancel: G, testId: K, labels: q }) {
+	let J = {
+		...v,
+		...q
+	}, Y = b(), X = b(), Z = b(), Q = z || B || I.length === 0, $ = I.find((e) => e.id === F);
+	return /* @__PURE__ */ x(r, {
+		open: y,
+		onOpenChange: (e) => e ? T(e) : G(),
+		children: /* @__PURE__ */ S(i, {
+			"data-testid": K,
+			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
 			children: [
-				/* @__PURE__ */ i(t, { className: "ttw:h-6 ttw:w-2/5" }),
-				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-3/5" }),
-				/* @__PURE__ */ i(t, { className: "ttw:mt-4 ttw:h-4 ttw:w-full" }),
-				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-full" }),
-				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4/5" }),
-				/* @__PURE__ */ i(t, { className: "ttw:mt-auto ttw:h-24 ttw:w-full" })
-			]
-		})]
-	});
-	if (l === "document") {
-		let { fileName: t, preview: n, onDownload: r, onDelete: l } = c;
-		return /* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-3",
-			"data-testid": u,
-			children: [/* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
-				children: [
-					/* @__PURE__ */ i("span", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: f.scannedAttachment(t ?? "")
-					}),
-					r ? /* @__PURE__ */ i(e, {
+				/* @__PURE__ */ S(ee, { children: [/* @__PURE__ */ x(s, { children: J.title }), /* @__PURE__ */ x(a, {
+					className: "ttw:sr-only",
+					children: J.hiddenDescription
+				})] }),
+				/* @__PURE__ */ S("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ x("p", {
+								className: "ttw:text-base ttw:text-muted-foreground",
+								children: E
+							}), /* @__PURE__ */ S("div", {
+								className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
+								children: [/* @__PURE__ */ x("p", {
+									className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
+									children: D
+								}), O ? /* @__PURE__ */ x("p", {
+									className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
+									children: O
+								}) : null]
+							})]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+							children: [/* @__PURE__ */ S("div", {
+								className: "ttw:grid ttw:gap-2.5",
+								children: [/* @__PURE__ */ x(c, { children: k }), /* @__PURE__ */ x("div", {
+									"aria-disabled": !0,
+									className: "ttw:flex ttw:h-9 ttw:items-center ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:px-3 ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
+									children: A
+								})]
+							}), /* @__PURE__ */ S("div", {
+								className: "ttw:grid ttw:gap-2.5",
+								children: [/* @__PURE__ */ x(c, {
+									id: Y,
+									children: J.paymentDate
+								}), /* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(d, {
+									asChild: !0,
+									children: /* @__PURE__ */ S(t, {
+										type: "button",
+										variant: "outline",
+										className: "ttw:justify-start ttw:gap-2",
+										"aria-labelledby": `${Y} ${X}`,
+										children: [
+											/* @__PURE__ */ x(C, { className: "ttw:size-4" }),
+											/* @__PURE__ */ x("span", {
+												id: X,
+												children: M ?? J.paymentDatePlaceholder
+											}),
+											P ? /* @__PURE__ */ x(e, {
+												variant: "secondary",
+												children: J.today
+											}) : null
+										]
+									})
+								}), /* @__PURE__ */ x(u, {
+									align: "start",
+									className: "ttw:w-auto ttw:p-0",
+									children: /* @__PURE__ */ x(n, {
+										mode: "single",
+										selected: j,
+										onSelect: H,
+										disabled: N
+									})
+								})] })]
+							})]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "ttw:grid ttw:gap-2.5",
+							children: [
+								/* @__PURE__ */ x(c, {
+									id: Z,
+									children: J.payFrom
+								}),
+								/* @__PURE__ */ S(f, {
+									value: F,
+									disabled: Q,
+									onValueChange: U,
+									children: [/* @__PURE__ */ x(h, {
+										className: "ttw:w-full ttw:data-[size=default]:h-14",
+										"aria-labelledby": Z,
+										children: $ ? /* @__PURE__ */ S("span", {
+											className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3",
+											children: [/* @__PURE__ */ S("span", {
+												className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:text-left",
+												children: [/* @__PURE__ */ x("span", {
+													className: "ttw:truncate",
+													children: $.primaryLabel
+												}), $.secondaryLabel ? /* @__PURE__ */ x("span", {
+													className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
+													children: $.secondaryLabel
+												}) : null]
+											}), L ? /* @__PURE__ */ x(e, {
+												variant: "secondary",
+												className: "ttw:shrink-0",
+												children: J.poweredByBank(L)
+											}) : null]
+										}) : /* @__PURE__ */ x(g, { placeholder: J.payFromPlaceholder })
+									}), /* @__PURE__ */ x(p, { children: I.map((e) => /* @__PURE__ */ x(m, {
+										value: e.id,
+										children: /* @__PURE__ */ S("span", {
+											className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
+											children: [/* @__PURE__ */ x("span", {
+												className: "ttw:truncate",
+												children: e.primaryLabel
+											}), e.secondaryLabel ? /* @__PURE__ */ x("span", {
+												className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
+												children: e.secondaryLabel
+											}) : null]
+										})
+									}, e.id)) })]
+								}),
+								Q ? /* @__PURE__ */ x("p", {
+									className: _("ttw:text-sm", B ? "ttw:text-destructive" : "ttw:text-muted-foreground"),
+									role: B ? "alert" : void 0,
+									children: z ? J.loadingAccounts : B ? J.accountsError : J.noAccounts
+								}) : null
+							]
+						}),
+						R.message ? /* @__PURE__ */ x("p", {
+							className: _("ttw:text-sm", w[R.state]),
+							children: R.message
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ S(o, {
+					className: "ttw:pt-4 ttw:sm:gap-3",
+					children: [/* @__PURE__ */ x(t, {
 						type: "button",
-						variant: "ghost",
-						size: "icon",
-						"aria-label": f.download,
-						onClick: r,
-						children: /* @__PURE__ */ i(o, { className: "ttw:size-4" })
-					}) : null,
-					l ? /* @__PURE__ */ i(e, {
+						variant: "outline",
+						onClick: G,
+						children: J.cancelButton
+					}), /* @__PURE__ */ x(t, {
 						type: "button",
-						variant: "ghost",
-						size: "icon",
-						"aria-label": f.delete,
-						onClick: l,
-						children: /* @__PURE__ */ i(s, { className: "ttw:size-4" })
-					}) : null
-				]
-			}), /* @__PURE__ */ i("div", {
-				className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:items-start ttw:justify-center ttw:overflow-auto ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-				children: n
-			})]
-		});
-	}
-	return /* @__PURE__ */ a("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-		"data-testid": u,
-		children: [/* @__PURE__ */ i("p", {
-			className: "ttw:mb-3 ttw:text-sm ttw:font-medium ttw:text-foreground",
-			children: f.uploadHeading
-		}), /* @__PURE__ */ i(n, {
-			status: c.uploadStatus,
-			errorMessage: c.uploadErrorMessage,
-			onFilesSelected: c.onFilesSelected,
-			labels: f.dropzone
-		})]
+						loading: V,
+						onClick: W,
+						children: J.reviewButton
+					})]
+				})
+			]
+		})
 	});
 }
 //#endregion
-export { c as SourceDocumentPanel, c as default };
+export { T as SchedulePaymentDialog, T as default };

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

@@ -1,2 +1,2 @@
-import "./index86.js";
+import "./index85.js";
 import "./index87.js";

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

@@ -0,0 +1,14 @@
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "./index2.js";
+import "./index5.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.js
+var t = {
+	uploadHeading: "Attach an invoice (optional)",
+	scannedAttachment: (e) => `Scanned attachment: ${e}`,
+	scanning: "Scanning attachment…",
+	scanningAttachment: (e) => `Scanning attachment: ${e}`,
+	download: "Download the scanned attachment",
+	delete: "Delete the scanned attachment",
+	dropzone: e
+};
+//#endregion
+export { t as SOURCE_DOCUMENT_PANEL_LABELS_EN };

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

@@ -0,0 +1,89 @@
+import { Button as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BillUploadDropzone as n } from "./index3.js";
+import "./index5.js";
+import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index89.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Download as o, Trash2 as s } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.js
+function c(c) {
+	let { mode: l, testId: u, labels: d } = c, f = {
+		...r,
+		...d,
+		dropzone: {
+			...r.dropzone,
+			...d?.dropzone
+		}
+	};
+	if (l === "loading") return /* @__PURE__ */ a("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		"data-testid": u,
+		children: [/* @__PURE__ */ i("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
+			children: /* @__PURE__ */ i("span", {
+				"aria-live": "polite",
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: c.fileName ? f.scanningAttachment(c.fileName) : f.scanning
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+			children: [
+				/* @__PURE__ */ i(t, { className: "ttw:h-6 ttw:w-2/5" }),
+				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-3/5" }),
+				/* @__PURE__ */ i(t, { className: "ttw:mt-4 ttw:h-4 ttw:w-full" }),
+				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-full" }),
+				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4/5" }),
+				/* @__PURE__ */ i(t, { className: "ttw:mt-auto ttw:h-24 ttw:w-full" })
+			]
+		})]
+	});
+	if (l === "document") {
+		let { fileName: t, preview: n, onDownload: r, onDelete: l } = c;
+		return /* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-3",
+			"data-testid": u,
+			children: [/* @__PURE__ */ a("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: f.scannedAttachment(t ?? "")
+					}),
+					r ? /* @__PURE__ */ i(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": f.download,
+						onClick: r,
+						children: /* @__PURE__ */ i(o, { className: "ttw:size-4" })
+					}) : null,
+					l ? /* @__PURE__ */ i(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": f.delete,
+						onClick: l,
+						children: /* @__PURE__ */ i(s, { className: "ttw:size-4" })
+					}) : null
+				]
+			}), /* @__PURE__ */ i("div", {
+				className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:items-start ttw:justify-center ttw:overflow-auto ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+				children: n
+			})]
+		});
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+		"data-testid": u,
+		children: [/* @__PURE__ */ i("p", {
+			className: "ttw:mb-3 ttw:text-sm ttw:font-medium ttw:text-foreground",
+			children: f.uploadHeading
+		}), /* @__PURE__ */ i(n, {
+			status: c.uploadStatus,
+			errorMessage: c.uploadErrorMessage,
+			onFilesSelected: c.onFilesSelected,
+			labels: f.dropzone
+		})]
+	});
+}
+//#endregion
+export { c as SourceDocumentPanel, c as default };

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

@@ -0,0 +1,2 @@
+import "./index89.js";
+import "./index90.js";

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.3.22", n = "deee96808af00049082070a4a937a3794defffc3", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.3.23", n = "2c86c1a6096cdfb0a4143e242e82228176ddfae4", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index7.js

@@ -9,7 +9,7 @@ import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProg
 import "../../../shared/feature/dist/index.js";
 import { BankAccountsWidget as r } from "../../../bank-accounts-widget/feature/dist/index8.js";
 import "../../../bank-accounts-widget/feature/dist/index.js";
-import { BillPayWidget as i } from "../../../bill-pay-widget/feature/dist/index72.js";
+import { BillPayWidget as i } from "../../../bill-pay-widget/feature/dist/index75.js";
 import "../../../bill-pay-widget/feature/dist/index.js";
 import { CardsWidget as a } from "../../../cards-widget/feature/dist/index9.js";
 import "../../../cards-widget/feature/dist/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {