@tesouro/embedded-components-react 0.3.49 → 0.3.51

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

@@ -1,170 +1,10 @@
-import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as ee, DialogHeader as o, 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 "./index88.js";
-import { TONE_TEXT_CLASS as y } from "./index89.js";
-import { useId as b } from "react";
-import { Fragment as te, 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/index90.js
-var w = {
-	sufficient: y.muted,
-	warning: y.warning,
-	error: y.error
+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"
 };
-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__ */ S(o, { 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 ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1",
-										"aria-labelledby": Z,
-										children: /* @__PURE__ */ x(g, {
-											placeholder: J.payFromPlaceholder,
-											children: $ ? /* @__PURE__ */ S(te, { 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] }) : null
-										})
-									}), /* @__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(ee, {
-					className: "ttw:pt-4 ttw:sm:gap-3",
-					children: [/* @__PURE__ */ x(t, {
-						type: "button",
-						variant: "outline",
-						onClick: G,
-						children: J.cancelButton
-					}), /* @__PURE__ */ x(t, {
-						type: "button",
-						loading: V,
-						onClick: W,
-						children: J.reviewButton
-					})]
-				})
-			]
-		})
-	});
-}
 //#endregion
-export { T as SchedulePaymentDialog, T as default };
+export { e as TONE_TEXT_CLASS };

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

@@ -1,2 +1,170 @@
-import "./index88.js";
-import "./index90.js";
+import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as ee, DialogHeader as o, 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 "./index89.js";
+import { TONE_TEXT_CLASS as y } from "./index90.js";
+import { useId as b } from "react";
+import { Fragment as te, 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/index91.js
+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__ */ S(o, { 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 ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1",
+										"aria-labelledby": Z,
+										children: /* @__PURE__ */ x(g, {
+											placeholder: J.payFromPlaceholder,
+											children: $ ? /* @__PURE__ */ S(te, { 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] }) : null
+										})
+									}), /* @__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(ee, {
+					className: "ttw:pt-4 ttw:sm:gap-3",
+					children: [/* @__PURE__ */ x(t, {
+						type: "button",
+						variant: "outline",
+						onClick: G,
+						children: J.cancelButton
+					}), /* @__PURE__ */ x(t, {
+						type: "button",
+						loading: V,
+						onClick: W,
+						children: J.reviewButton
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { T as SchedulePaymentDialog, T as default };

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

@@ -1,14 +1,2 @@
-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/index92.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 };
+import "./index89.js";
+import "./index91.js";

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

@@ -1,108 +1,14 @@
-import { Button as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillUploadDropzone as n } from "./index3.js";
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "./index2.js";
 import "./index5.js";
-import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index92.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/index93.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, isDeleting: d, deleteErrorMessage: p } = 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,
-							disabled: d,
-							onClick: l,
-							children: /* @__PURE__ */ i(s, { className: "ttw:size-4" })
-						}) : null
-					]
-				}),
-				p ? /* @__PURE__ */ i("p", {
-					role: "alert",
-					className: "ttw:text-sm ttw:text-destructive",
-					"data-testid": u ? `${u}-delete-error` : void 0,
-					children: p
-				}) : 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
-			}),
-			c.noticeMessage ? /* @__PURE__ */ i("p", {
-				"aria-live": "polite",
-				className: "ttw:mb-3 ttw:text-sm ttw:text-muted-foreground",
-				"data-testid": u ? `${u}-notice` : void 0,
-				children: c.noticeMessage
-			}) : null,
-			/* @__PURE__ */ i(n, {
-				status: c.uploadStatus,
-				errorMessage: c.uploadErrorMessage,
-				onFilesSelected: c.onFilesSelected,
-				labels: f.dropzone
-			})
-		]
-	});
-}
+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 { c as SourceDocumentPanel, c as default };
+export { t as SOURCE_DOCUMENT_PANEL_LABELS_EN };

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

@@ -1,2 +1,108 @@
-import "./index92.js";
-import "./index93.js";
+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 "./index93.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/index94.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, isDeleting: d, deleteErrorMessage: p } = 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,
+							disabled: d,
+							onClick: l,
+							children: /* @__PURE__ */ i(s, { className: "ttw:size-4" })
+						}) : null
+					]
+				}),
+				p ? /* @__PURE__ */ i("p", {
+					role: "alert",
+					className: "ttw:text-sm ttw:text-destructive",
+					"data-testid": u ? `${u}-delete-error` : void 0,
+					children: p
+				}) : 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
+			}),
+			c.noticeMessage ? /* @__PURE__ */ i("p", {
+				"aria-live": "polite",
+				className: "ttw:mb-3 ttw:text-sm ttw:text-muted-foreground",
+				"data-testid": u ? `${u}-notice` : void 0,
+				children: c.noticeMessage
+			}) : null,
+			/* @__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/index95.js

@@ -1,10 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index95.js
-var e = {
-	title: "Save this bill as a draft?",
-	description: "This bill has changes that have not been saved. Save it as a draft to finish later, or discard the changes.",
-	saveDraftButton: "Save as draft",
-	discardButton: "Discard changes",
-	cancelButton: "Keep editing"
-};
-//#endregion
-export { e as UNSAVED_BILL_DIALOG_LABELS_EN };
+import "./index93.js";
+import "./index94.js";

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

@@ -1,47 +1,10 @@
-import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { UNSAVED_BILL_DIALOG_LABELS_EN as s } from "./index95.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index96.js
-function u({ open: u, onSaveDraft: d, onDiscard: f, onCancel: p, isSaving: m, isSaveDraftDisabled: h, labels: g, testId: _, saveDraftTestId: v, discardTestId: y }) {
-	let b = {
-		...s,
-		...g
-	};
-	return /* @__PURE__ */ c(e, {
-		open: u,
-		onOpenChange: (e) => {
-			!e && !m && p();
-		},
-		children: /* @__PURE__ */ l(t, {
-			"data-testid": _,
-			children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: b.title }), /* @__PURE__ */ c(n, { children: b.description })] }), /* @__PURE__ */ l(r, { children: [
-				/* @__PURE__ */ c(o, {
-					type: "button",
-					variant: "outline",
-					onClick: p,
-					disabled: m,
-					children: b.cancelButton
-				}),
-				/* @__PURE__ */ c(o, {
-					type: "button",
-					variant: "outline",
-					onClick: f,
-					disabled: m,
-					"data-testid": y,
-					children: b.discardButton
-				}),
-				/* @__PURE__ */ c(o, {
-					type: "button",
-					variant: "default",
-					loading: m,
-					disabled: m || h,
-					onClick: d,
-					"data-testid": v,
-					children: b.saveDraftButton
-				})
-			] })]
-		})
-	});
-}
+var e = {
+	title: "Save this bill as a draft?",
+	description: "This bill has changes that have not been saved. Save it as a draft to finish later, or discard the changes.",
+	saveDraftButton: "Save as draft",
+	discardButton: "Discard changes",
+	cancelButton: "Keep editing"
+};
 //#endregion
-export { u as UnsavedBillDialog, u as default };
+export { e as UNSAVED_BILL_DIALOG_LABELS_EN };