@tesouro/embedded-components-react 0.5.188 → 0.5.190

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

@@ -1,2 +1,106 @@
+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 "./index98.js";
 import "./index99.js";
-import "./index100.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index100.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index101.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
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as ReviewTransactionDialog, f as default };

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

@@ -1,33 +1,2 @@
-import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index102.js
-var r = {
-	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",
-	fieldMarkers: e,
-	requiredFieldsLegend: t
-};
-function i(e) {
-	let t = {
-		...r.fieldMarkers,
-		...e?.fieldMarkers
-	};
-	return {
-		...r,
-		...e,
-		fieldMarkers: t,
-		requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
-	};
-}
-//#endregion
-export { r as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, i as mergeSchedulePaymentDialogLabels };
+import "./index100.js";
+import "./index101.js";

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

@@ -1,10 +1,31 @@
+import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index103.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 r = {
+	title: "Mark this bill as paid",
+	description: "You can't undo this action.",
+	amountDue: "Amount due",
+	paymentAmount: "Payment amount",
+	paymentDate: "Payment date",
+	paymentDatePlaceholder: "Select",
+	today: "Today",
+	comments: "Comments",
+	commentsPlaceholder: "Additional context for this payment.",
+	cancelButton: "Cancel",
+	confirmButton: "Mark as paid",
+	fieldMarkers: e,
+	requiredFieldsLegend: t
 };
+function i(e) {
+	let t = {
+		...r.fieldMarkers,
+		...e?.fieldMarkers
+	};
+	return {
+		...r,
+		...e,
+		fieldMarkers: t,
+		requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
+	};
+}
 //#endregion
-export { e as TONE_TEXT_CLASS };
+export { r as MARK_AS_PAID_DIALOG_LABELS_EN, i as mergeMarkAsPaidDialogLabels };

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

@@ -1,176 +1,123 @@
-import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as ee, DialogFooter as te, DialogHeader as a, DialogTitle as o, FieldRequirement as s, Label as c, Popover as l, PopoverContent as u, PopoverTrigger as ne, RequiredFieldsLegend as d, Select as f, SelectContent as re, SelectItem as p, SelectTrigger as m, SelectValue as h, cn as g } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { mergeSchedulePaymentDialogLabels as _ } from "./index102.js";
-import { TONE_TEXT_CLASS as v } from "./index103.js";
-import { useId as y } from "react";
-import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { CalendarIcon 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 s, DialogTitle as c, FieldRequirement as l, Label as u, Popover as d, PopoverContent as f, PopoverTrigger as p, RequiredFieldsLegend as m, Textarea as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeMarkAsPaidDialogLabels as g } from "./index103.js";
+import { useId as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CalendarIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index104.js
-var C = {
-	sufficient: v.muted,
-	warning: v.warning,
-	error: v.error
-};
-function w({ open: v, onOpenChange: w, amountDueLabel: T, amountDue: E, dueDateSuffix: D, paymentAmountLabel: O, paymentAmount: k, selectedDate: A, selectedDateLabel: j, calendarDisabled: M, isToday: N, selectedAccountId: P, accounts: F, poweredByBankName: I, funds: L, isAccountsLoading: R, isAccountsError: z, isSubmitting: B, onDateChange: V, onAccountChange: H, onReview: U, onCancel: W, testId: G, labels: K }) {
-	let q = _(K), J = y(), Y = y(), X = y(), Z = y(), Q = R || z || F.length === 0, $ = F.find((e) => e.id === P);
-	return /* @__PURE__ */ b(r, {
-		open: v,
-		onOpenChange: (e) => e ? w(e) : W(),
-		children: /* @__PURE__ */ x(i, {
-			"data-testid": G,
+function x({ open: x, amountDue: S, dueDateSuffix: C, paymentAmount: w, selectedDate: T, selectedDateLabel: E, isToday: D, comment: O, isSubmitting: k, onDateChange: A, onCommentChange: j, onConfirm: M, onCancel: N, testId: P, confirmTestId: F, labels: I }) {
+	let L = g(I), R = _(), z = _(), B = _(), V = _();
+	return /* @__PURE__ */ v(r, {
+		open: x,
+		onOpenChange: (e) => e ? void 0 : N(),
+		children: /* @__PURE__ */ y(i, {
+			"data-testid": P,
 			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
 			children: [
-				/* @__PURE__ */ x(a, { children: [/* @__PURE__ */ b(o, { children: q.title }), /* @__PURE__ */ b(ee, {
-					className: "ttw:sr-only",
-					children: q.hiddenDescription
-				})] }),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(c, { children: L.title }), /* @__PURE__ */ v(a, { children: L.description })] }),
+				/* @__PURE__ */ y("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-3",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "ttw:text-base ttw:text-muted-foreground",
-								children: T
-							}), /* @__PURE__ */ x("div", {
+								children: L.amountDue
+							}), /* @__PURE__ */ y("div", {
 								className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
-								children: [/* @__PURE__ */ b("p", {
+								children: [/* @__PURE__ */ v("p", {
 									className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
-									children: E
-								}), D ? /* @__PURE__ */ b("p", {
+									children: S
+								}), C ? /* @__PURE__ */ v("p", {
 									className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
-									children: D
+									children: C
 								}) : null]
 							})]
 						}),
-						/* @__PURE__ */ b(d, { labels: q.requiredFieldsLegend }),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ v(m, { labels: L.requiredFieldsLegend }),
+						/* @__PURE__ */ y("div", {
 							className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "ttw:grid ttw:gap-2.5",
-								children: [/* @__PURE__ */ b(c, { children: O }), /* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ v(u, { children: L.paymentAmount }), /* @__PURE__ */ v("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: k
+									children: w
 								})]
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "ttw:grid ttw:gap-2.5",
 								children: [
-									/* @__PURE__ */ b(c, {
-										id: J,
-										requirement: s.Required,
-										labels: q.fieldMarkers,
-										children: q.paymentDate
+									/* @__PURE__ */ v(u, {
+										id: R,
+										requirement: l.Required,
+										labels: L.fieldMarkers,
+										children: L.paymentDate
 									}),
-									/* @__PURE__ */ b("span", {
-										id: X,
+									/* @__PURE__ */ v("span", {
+										id: B,
 										className: "ttw:sr-only",
-										children: q.fieldMarkers.requiredAccessibleText
+										children: L.fieldMarkers.requiredAccessibleText
 									}),
-									/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(ne, {
+									/* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(p, {
 										asChild: !0,
-										children: /* @__PURE__ */ x(t, {
+										children: /* @__PURE__ */ y(t, {
 											type: "button",
 											variant: "outline",
 											className: "ttw:justify-start ttw:gap-2",
-											"aria-labelledby": `${J} ${Y} ${X}`,
+											"aria-labelledby": `${R} ${z} ${B}`,
 											children: [
-												/* @__PURE__ */ b(S, { className: "ttw:size-4" }),
-												/* @__PURE__ */ b("span", {
-													id: Y,
-													children: j ?? q.paymentDatePlaceholder
+												/* @__PURE__ */ v(b, { className: "ttw:size-4" }),
+												/* @__PURE__ */ v("span", {
+													id: z,
+													children: E ?? L.paymentDatePlaceholder
 												}),
-												N ? /* @__PURE__ */ b(e, {
+												D ? /* @__PURE__ */ v(e, {
 													variant: "secondary",
-													children: q.today
+													children: L.today
 												}) : null
 											]
 										})
-									}), /* @__PURE__ */ b(u, {
+									}), /* @__PURE__ */ v(f, {
 										align: "start",
 										className: "ttw:w-auto ttw:p-0",
-										children: /* @__PURE__ */ b(n, {
+										children: /* @__PURE__ */ v(n, {
 											mode: "single",
-											selected: A,
-											onSelect: V,
-											disabled: M
+											selected: T,
+											onSelect: A
 										})
 									})] })
 								]
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "ttw:grid ttw:gap-2.5",
-							children: [
-								/* @__PURE__ */ b(c, {
-									id: Z,
-									requirement: s.Required,
-									labels: q.fieldMarkers,
-									children: q.payFrom
-								}),
-								/* @__PURE__ */ x(f, {
-									value: P,
-									disabled: Q,
-									onValueChange: H,
-									children: [/* @__PURE__ */ b(m, {
-										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,
-										"aria-required": !0,
-										children: /* @__PURE__ */ b(h, {
-											placeholder: q.payFromPlaceholder,
-											children: $ ? /* @__PURE__ */ x(ie, { children: [/* @__PURE__ */ x("span", {
-												className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:text-left",
-												children: [/* @__PURE__ */ b("span", {
-													className: "ttw:truncate",
-													children: $.primaryLabel
-												}), $.secondaryLabel ? /* @__PURE__ */ b("span", {
-													className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
-													children: $.secondaryLabel
-												}) : null]
-											}), I ? /* @__PURE__ */ b(e, {
-												variant: "secondary",
-												className: "ttw:shrink-0",
-												children: q.poweredByBank(I)
-											}) : null] }) : null
-										})
-									}), /* @__PURE__ */ b(re, { children: F.map((e) => /* @__PURE__ */ b(p, {
-										value: e.id,
-										children: /* @__PURE__ */ x("span", {
-											className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
-											children: [/* @__PURE__ */ b("span", {
-												className: "ttw:truncate",
-												children: e.primaryLabel
-											}), e.secondaryLabel ? /* @__PURE__ */ b("span", {
-												className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
-												children: e.secondaryLabel
-											}) : null]
-										})
-									}, e.id)) })]
-								}),
-								Q ? /* @__PURE__ */ b("p", {
-									className: g("ttw:text-sm", z ? "ttw:text-destructive" : "ttw:text-muted-foreground"),
-									role: z ? "alert" : void 0,
-									children: R ? q.loadingAccounts : z ? q.accountsError : q.noAccounts
-								}) : null
-							]
-						}),
-						L.message ? /* @__PURE__ */ b("p", {
-							className: g("ttw:text-sm", C[L.state]),
-							children: L.message
-						}) : null
+							children: [/* @__PURE__ */ v(u, {
+								htmlFor: V,
+								requirement: l.Optional,
+								labels: L.fieldMarkers,
+								children: L.comments
+							}), /* @__PURE__ */ v(h, {
+								id: V,
+								value: O,
+								placeholder: L.commentsPlaceholder,
+								onChange: (e) => j(e.target.value)
+							})]
+						})
 					]
 				}),
-				/* @__PURE__ */ x(te, {
+				/* @__PURE__ */ y(o, {
 					className: "ttw:pt-4 ttw:sm:gap-3",
-					children: [/* @__PURE__ */ b(t, {
+					children: [/* @__PURE__ */ v(t, {
 						type: "button",
 						variant: "outline",
-						onClick: W,
-						children: q.cancelButton
-					}), /* @__PURE__ */ b(t, {
+						onClick: N,
+						children: L.cancelButton
+					}), /* @__PURE__ */ v(t, {
 						type: "button",
-						loading: B,
-						onClick: U,
-						children: q.reviewButton
+						"data-testid": F,
+						disabled: !T,
+						loading: k,
+						onClick: M,
+						children: L.confirmButton
 					})]
 				})
 			]
@@ -178,4 +125,4 @@ function w({ open: v, onOpenChange: w, amountDueLabel: T, amountDue: E, dueDateS
 	});
 }
 //#endregion
-export { w as SchedulePaymentDialog, w as default };
+export { x as MarkAsPaidDialog, x as default };

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

@@ -1,2 +1,2 @@
-import "./index102.js";
+import "./index103.js";
 import "./index104.js";

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

@@ -1,14 +1,33 @@
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "./index2.js";
-import "./index5.js";
+import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index106.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
+var r = {
+	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",
+	fieldMarkers: e,
+	requiredFieldsLegend: t
 };
+function i(e) {
+	let t = {
+		...r.fieldMarkers,
+		...e?.fieldMarkers
+	};
+	return {
+		...r,
+		...e,
+		fieldMarkers: t,
+		requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
+	};
+}
 //#endregion
-export { t as SOURCE_DOCUMENT_PANEL_LABELS_EN };
+export { r as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, i as mergeSchedulePaymentDialogLabels };

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

@@ -1,108 +1,10 @@
-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 "./index106.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/index107.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-white 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 e = {
+	neutral: "ttw:text-foreground",
+	muted: "ttw:text-muted-foreground",
+	success: "ttw:text-emerald-700",
+	warning: "ttw:text-amber-700",
+	error: "ttw:text-destructive"
+};
 //#endregion
-export { c as SourceDocumentPanel, c as default };
+export { e as TONE_TEXT_CLASS };