@tesouro/embedded-components-react 0.2.254 → 0.2.256

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

@@ -1,11 +1,153 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DropdownMenu as o, DropdownMenuContent as s, DropdownMenuItem as c, DropdownMenuTrigger as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as u } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import "../../../shared/ui/dist/index.js";
-import "./index13.js";
+import { BillFormFields as d } from "./index13.js";
 import "./index14.js";
-import "./index16.js";
+import { LineItemsSection as f } from "./index16.js";
 import "./index17.js";
-import "./index25.js";
+import { VendorSection as p } from "./index25.js";
 import "./index26.js";
-import "./index27.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { BILL_CREATE_SCREEN_LABELS_EN as m } from "./index27.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { MoreVertical as _, X as v } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js
+function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor: w, values: T, errors: E, onChange: D, paymentTermOptions: O, lineItems: k, documentPanel: A, menuItems: j, isLineItemsLoading: M, isSavingDraft: N, isFinalizing: P, onCancel: F, onSaveDraft: I, onFinalize: L, testId: R, labels: z }) {
+	let B = {
+		...m,
+		...z,
+		vendorSection: {
+			...m.vendorSection,
+			...z?.vendorSection,
+			summaryCard: {
+				...m.vendorSection.summaryCard,
+				...z?.vendorSection?.summaryCard
+			},
+			search: {
+				...m.vendorSection.search,
+				...z?.vendorSection?.search
+			}
+		},
+		detailsFields: {
+			...m.detailsFields,
+			...z?.detailsFields
+		},
+		lineItems: {
+			...m.lineItems,
+			...z?.lineItems
+		}
+	};
+	return /* @__PURE__ */ h(t, {
+		open: y,
+		onOpenChange: (e) => e ? b(e) : F(),
+		children: /* @__PURE__ */ g(n, {
+			showCloseButton: !1,
+			className: "ttw:flex ttw:h-[calc(100vh-3rem)] ttw:w-[calc(100vw-3rem)] ttw:max-w-[calc(100vw-3rem)] ttw:flex-col ttw:gap-0 ttw:p-0",
+			"data-testid": R,
+			children: [
+				/* @__PURE__ */ g(i, {
+					className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:py-4",
+					children: [/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+						children: [
+							/* @__PURE__ */ h(a, {
+								className: "ttw:text-xl ttw:font-semibold",
+								children: x
+							}),
+							S ? /* @__PURE__ */ h("p", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: S
+							}) : null,
+							/* @__PURE__ */ h(r, {
+								className: "ttw:sr-only",
+								children: B.hiddenDescription
+							})
+						]
+					}), /* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-1",
+						children: [j && j.length > 0 ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(l, {
+							asChild: !0,
+							children: /* @__PURE__ */ h(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								"aria-label": B.menuTrigger,
+								children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
+							})
+						}), /* @__PURE__ */ h(s, {
+							align: "end",
+							children: j.map((e) => /* @__PURE__ */ h(c, {
+								variant: e.destructive ? "destructive" : void 0,
+								onSelect: e.onSelect,
+								children: e.label
+							}, e.id))
+						})] }) : null, /* @__PURE__ */ h(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": B.closeButton,
+							onClick: F,
+							children: /* @__PURE__ */ h(v, { className: "ttw:size-4" })
+						})]
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "ttw:grid ttw:flex-1 ttw:grid-cols-2 ttw:overflow-hidden",
+					children: [/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:px-6 ttw:py-6",
+						children: [
+							E?.form ? /* @__PURE__ */ h(u, { children: E.form }) : null,
+							C,
+							/* @__PURE__ */ h(p, {
+								...w,
+								labels: B.vendorSection
+							}),
+							/* @__PURE__ */ h(d, {
+								values: T,
+								errors: E,
+								onChange: D,
+								paymentTermOptions: O,
+								labels: B.detailsFields
+							}),
+							/* @__PURE__ */ h(f, {
+								...k,
+								disabled: k.disabled || M,
+								labels: B.lineItems
+							})
+						]
+					}), /* @__PURE__ */ h("div", {
+						className: "ttw:overflow-y-auto ttw:bg-muted/30 ttw:px-6 ttw:py-6",
+						children: A
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:border-border ttw:px-6 ttw:py-4",
+					children: [
+						/* @__PURE__ */ h(e, {
+							type: "button",
+							variant: "ghost",
+							onClick: F,
+							children: B.cancelButton
+						}),
+						/* @__PURE__ */ h(e, {
+							type: "button",
+							variant: "secondary",
+							onClick: I,
+							loading: N,
+							disabled: P || M,
+							children: B.saveDraftButton
+						}),
+						/* @__PURE__ */ h(e, {
+							type: "button",
+							onClick: L,
+							loading: P,
+							disabled: N || M,
+							children: B.finalizeButton
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { y as BillCreateScreen, y as default };

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

@@ -1,5 +1,74 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as t } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import "../../../shared/ui/dist/index.js";
-import "react";
-import "react/jsx-runtime";
-import "lucide-react";
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as n } from "./index2.js";
+import { useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Loader2 as c, Upload as l } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index3.js
+function u(e, t) {
+	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
+	return n.length === 0 || n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
+}
+function d({ status: d = "idle", errorMessage: f, accept: p = ".pdf,.png,.jpg,.jpeg", multiple: m = !0, onFilesSelected: h, testId: g, labels: _ }) {
+	let v = {
+		...n,
+		..._
+	}, y = r(null), [b, x] = i(!1), S = d === "uploading";
+	return /* @__PURE__ */ s("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2",
+		"data-testid": g,
+		children: [
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				disabled: S,
+				className: e("ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-dashed ttw:px-6 ttw:py-8", b ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted/40"),
+				onClick: () => y.current?.click(),
+				onDragOver: (e) => {
+					e.preventDefault(), x(!0);
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), x(!1);
+				},
+				onDrop: (e) => {
+					if (e.preventDefault(), x(!1), S) return;
+					let t = (e.dataTransfer.files ? Array.from(e.dataTransfer.files) : []).filter((e) => u(e, p)), n = m ? t : t.slice(0, 1);
+					n.length > 0 && h(n);
+				},
+				children: [S ? /* @__PURE__ */ o(c, { className: "ttw:size-5 ttw:animate-spin ttw:text-primary" }) : /* @__PURE__ */ o(l, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ s("span", {
+					className: "ttw:flex ttw:flex-col ttw:items-start",
+					children: [/* @__PURE__ */ o("span", {
+						className: "ttw:text-sm ttw:text-primary",
+						children: S ? v.uploadingText : /* @__PURE__ */ s(a, { children: [
+							v.dropPrefix,
+							" ",
+							/* @__PURE__ */ o("span", {
+								className: "ttw:underline",
+								children: v.browseAction
+							})
+						] })
+					}), /* @__PURE__ */ o("span", {
+						className: "ttw:text-xs ttw:text-muted-foreground",
+						children: v.fileTypesHint
+					})]
+				})]
+			}),
+			/* @__PURE__ */ o("input", {
+				ref: y,
+				type: "file",
+				accept: p,
+				multiple: m,
+				disabled: S,
+				"aria-label": v.fileInput,
+				className: "ttw:hidden",
+				onChange: (e) => {
+					let t = (e.target.files ? Array.from(e.target.files) : []).filter((e) => u(e, p)), n = m ? t : t.slice(0, 1);
+					n.length > 0 && h(n), e.target.value = "";
+				}
+			}),
+			d === "error" && f ? /* @__PURE__ */ o(t, { children: f }) : null
+		]
+	});
+}
+//#endregion
+export { d as BillUploadDropzone, d as default };

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

@@ -0,0 +1,14 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index33.js
+var e = {
+	draft: "Draft",
+	pending_approval: "Pending approval",
+	ready_to_pay: "Ready to pay",
+	partially_paid: "Partially paid",
+	paid: "Paid",
+	overdue: "Overdue",
+	canceled: "Canceled",
+	rejected: "Rejected",
+	unknown: "Unknown"
+};
+//#endregion
+export { e as BILL_STATUS_BADGE_LABELS_EN };

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

@@ -1,2 +1,24 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react/jsx-runtime";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index33.js";
+import { jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index34.js
+var i = {
+	danger: "ttw:border-destructive/20 ttw:bg-destructive/10 ttw:text-destructive ttw:hover:bg-destructive/10",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+};
+function a({ status: a, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", i[o]),
+		children: [c, u]
+	});
+}
+//#endregion
+export { a as BillStatusBadge, a as default };

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

@@ -1 +1,2 @@
+import "./index33.js";
 import "./index34.js";

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

@@ -1,5 +1,28 @@
 import { ADD_BILL_PANEL_LABELS_EN as e } from "./index6.js";
 import "./index8.js";
+import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index33.js";
 import "./index35.js";
-({ ...e }), { ...e.dropzone };
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js
+var n = ".pdf,.png,.jpg,.jpeg,.doc,.docx", r = {
+	...e,
+	dropzone: {
+		...e.dropzone,
+		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
+	}
+}, i = {
+	title: "Bills",
+	createButton: "Add bill",
+	columnVendor: "Vendor",
+	columnDueDate: "Due date",
+	columnAmount: "Amount",
+	columnStatus: "Status",
+	columnActions: "Actions",
+	openRow: (e) => `View bill — ${e}`,
+	errorTitle: "Couldn't load bills",
+	errorDescription: "Something went wrong. Try again.",
+	errorRetry: "Retry",
+	statusBadge: t,
+	addBill: r
+};
 //#endregion
+export { i as BILLS_SCREEN_LABELS_EN, n as BILLS_SCREEN_UPLOAD_ACCEPT };

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

@@ -1,9 +1,148 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as e, DataTable as t, DataTableSortableHeader as n, Typography as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as i } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import "./index7.js";
+import { AddBillPanel as a } from "./index7.js";
 import "./index8.js";
-import "./index34.js";
+import { BillStatusBadge as o } from "./index34.js";
 import "./index35.js";
-import "./index36.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { BILLS_SCREEN_LABELS_EN as s, BILLS_SCREEN_UPLOAD_ACCEPT as c } from "./index36.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChevronRightIcon as d, PlusIcon as f } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js
+var p = [
+	10,
+	25,
+	50,
+	100
+];
+function m({ rows: m, isLoading: h, isError: g, sorting: _, onSortingChange: v, pageSize: y, onPageSizeChange: b, pageSizeOptions: x = p, pageInfo: S, hasNextPage: C, hasPrevPage: w, onNextPage: T, onPrevPage: E, onCreateClick: D, onRetry: O, onFilesSelected: k, onEnterManually: A, uploadStatus: j, uploadErrorMessage: M, emailAddress: N, onCopyEmail: P, labels: F }) {
+	let I = {
+		...s,
+		...F,
+		statusBadge: {
+			...s.statusBadge,
+			...F?.statusBadge
+		},
+		addBill: {
+			...s.addBill,
+			...F?.addBill,
+			dropzone: {
+				...s.addBill.dropzone,
+				...F?.addBill?.dropzone
+			}
+		}
+	}, L = [
+		{
+			accessorKey: "vendorLabel",
+			header: ({ column: e }) => /* @__PURE__ */ l(n, {
+				column: e,
+				title: I.columnVendor
+			})
+		},
+		{
+			accessorKey: "dueDateLabel",
+			header: ({ column: e }) => /* @__PURE__ */ l(n, {
+				column: e,
+				title: I.columnDueDate
+			})
+		},
+		{
+			accessorKey: "amountLabel",
+			header: ({ column: e }) => /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:justify-end",
+				children: /* @__PURE__ */ l(n, {
+					column: e,
+					title: I.columnAmount
+				})
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ l("div", {
+				className: "ttw:text-right",
+				children: e.original.amountLabel
+			})
+		},
+		{
+			accessorKey: "status",
+			header: I.columnStatus,
+			cell: ({ row: e }) => /* @__PURE__ */ l(o, {
+				status: e.original.status,
+				tone: e.original.statusTone,
+				labels: I.statusBadge
+			})
+		},
+		{
+			id: "actions",
+			header: () => /* @__PURE__ */ l("span", {
+				className: "ttw:sr-only",
+				children: I.columnActions
+			}),
+			cell: ({ row: t }) => /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:justify-end",
+				children: /* @__PURE__ */ l(e, {
+					variant: "ghost",
+					size: "icon",
+					"aria-label": I.openRow(t.original.vendorLabel),
+					onClick: (e) => {
+						e.stopPropagation(), t.original.onOpen();
+					},
+					children: /* @__PURE__ */ l(d, { className: "ttw:size-4" })
+				})
+			})
+		}
+	], R = !!(D && k) && !h && !g && m.length === 0;
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-between",
+			children: [/* @__PURE__ */ l(r, {
+				component: "h2",
+				variant: "h6",
+				className: "ttw:font-semibold",
+				children: I.title
+			}), D && !R ? /* @__PURE__ */ u(e, {
+				onClick: D,
+				children: [/* @__PURE__ */ l(f, { className: "ttw:size-4" }), I.createButton]
+			}) : null]
+		}), g ? /* @__PURE__ */ l(i, {
+			title: I.errorTitle,
+			description: I.errorDescription,
+			retryLabel: O ? I.errorRetry : void 0,
+			onRetry: O
+		}) : R && D && k ? /* @__PURE__ */ l("div", {
+			className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
+			children: N && P ? /* @__PURE__ */ l(a, {
+				emailAddress: N,
+				onCopyEmail: P,
+				onFilesSelected: k,
+				accept: c,
+				uploadStatus: j,
+				uploadErrorMessage: M,
+				onEnterManually: A ?? D,
+				labels: I.addBill
+			}) : /* @__PURE__ */ l(a, {
+				onFilesSelected: k,
+				accept: c,
+				uploadStatus: j,
+				uploadErrorMessage: M,
+				onEnterManually: A ?? D,
+				labels: I.addBill
+			})
+		}) : /* @__PURE__ */ l(t, {
+			columns: L,
+			data: m,
+			isLoading: h,
+			sorting: _,
+			onSortingChange: v,
+			pageSize: y,
+			onPageSizeChange: b,
+			pageSizeOptions: x,
+			pageInfo: S,
+			hasNextPage: C,
+			hasPrevPage: w,
+			onNextPage: T,
+			onPrevPage: E,
+			onRowClick: (e) => e.onOpen()
+		})]
+	});
+}
+//#endregion
+export { m as BillsScreen, m as default };

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

@@ -0,0 +1,10 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index39.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}`
+};
+//#endregion
+export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };

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

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index40.js
+var e = {
+	uploading: "ttw:text-muted-foreground",
+	ready: "ttw:text-emerald-600",
+	failed: "ttw:text-destructive"
+};
+//#endregion
+export { e as UPLOAD_ITEM_ICON_TONE };

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

@@ -1,4 +1,93 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react";
-import "react/jsx-runtime";
-import "lucide-react";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index39.js";
+import { UPLOAD_ITEM_ICON_TONE as n } from "./index40.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/index41.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/index43.js

@@ -1 +1,2 @@
+import "./index39.js";
 import "./index41.js";

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

@@ -0,0 +1,7 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index44.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 };

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

@@ -1,2 +1,30 @@
-import "react/jsx-runtime";
-import "lucide-react";
+import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index44.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/index45.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/index46.js

@@ -1 +1,2 @@
+import "./index44.js";
 import "./index45.js";

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

@@ -1 +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/index47.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 };