@tesouro/embedded-components-react 0.5.214 → 0.5.215

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js

@@ -1,207 +1,34 @@
-import { Alert as e, AlertDescription as t, AlertTitle as n, Badge as r, Button as i, Field as a, FieldContent as o, FieldError as s, FieldLabel as c, Input as l, Select as u, SelectContent as d, SelectItem as f, SelectSeparator as p, SelectTrigger as m, SelectValue as h, Skeleton as g, Typography as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_SHEET_LABELS_EN as v } from "./index3.js";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { PlusIcon as S, TriangleAlertIcon as C } from "lucide-react";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_ACTION_DIALOG_LABELS_EN as s } from "./index4.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js
-var w = "__add_new__";
-function T({ id: e, label: t, optionalSuffix: n, placeholder: r, value: i, error: u, disabled: d, onChange: f }) {
-	return /* @__PURE__ */ b(a, { children: /* @__PURE__ */ x(o, { children: [
-		/* @__PURE__ */ x(c, {
-			htmlFor: e,
-			className: "ttw:gap-1",
-			children: [t, n && /* @__PURE__ */ b(_, {
-				variant: "body2",
-				component: "span",
-				color: "muted",
-				className: "ttw:leading-snug",
-				children: n
-			})]
-		}),
-		/* @__PURE__ */ b(l, {
-			id: e,
-			placeholder: r,
-			value: i,
-			disabled: d,
-			"aria-invalid": !!u,
-			onChange: (e) => f(e.target.value),
-			onKeyDown: (e) => {
-				e.key === "Enter" && e.preventDefault();
-			}
-		}),
-		/* @__PURE__ */ b(s, { errors: u ? [{ message: u }] : [] })
-	] }) });
-}
-function E({ idPrefix: e, values: t, errors: n, canCancel: r, isSaving: a, labels: o, onChange: s, onSave: c, onCancel: l }) {
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3",
-		children: [
-			/* @__PURE__ */ b(_, {
-				variant: "body2",
-				children: o.bankAccountFormHeading
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ b(T, {
-					id: `${e}-routing-number`,
-					label: o.bankAccountRoutingNumberLabel,
-					placeholder: o.bankAccountRoutingNumberPlaceholder,
-					value: t.routingNumber,
-					error: n.routingNumber,
-					disabled: a,
-					onChange: (e) => s({ routingNumber: e })
-				}), /* @__PURE__ */ b(T, {
-					id: `${e}-account-number`,
-					label: o.bankAccountAccountNumberLabel,
-					placeholder: o.bankAccountAccountNumberPlaceholder,
-					value: t.accountNumber,
-					error: n.accountNumber,
-					disabled: a,
-					onChange: (e) => s({ accountNumber: e })
-				})]
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ b(T, {
-					id: `${e}-account-holder-name`,
-					label: o.bankAccountHolderNameLabel,
-					placeholder: o.bankAccountHolderNamePlaceholder,
-					value: t.accountHolderName,
-					error: n.accountHolderName,
-					disabled: a,
-					onChange: (e) => s({ accountHolderName: e })
-				}), /* @__PURE__ */ b(T, {
-					id: `${e}-account-nickname`,
-					label: o.bankAccountNicknameLabel,
-					optionalSuffix: o.optionalSuffix,
-					placeholder: o.bankAccountNicknamePlaceholder,
-					value: t.displayName,
-					error: n.displayName,
-					disabled: a,
-					onChange: (e) => s({ displayName: e })
-				})]
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [r && /* @__PURE__ */ b(i, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:border-border",
-					disabled: a,
-					onClick: l,
-					children: o.bankAccountCancelButton
-				}), /* @__PURE__ */ b(i, {
-					type: "button",
-					disabled: a,
-					onClick: c,
-					children: o.bankAccountSaveButton
-				})]
-			})
-		]
-	});
-}
-function D({ idPrefix: i, view: a, disabled: o, onAccountSelect: s, onAddAccountClick: c, onFormChange: l, onFormSave: T, onFormCancel: D, labels: O }) {
-	let k = {
-		...v,
-		...O
-	}, A = `${i}-bank-account`;
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-		children: [
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ b(_, {
-					variant: "h4",
-					children: k.bankAccountHeading
-				}), /* @__PURE__ */ b(_, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: k.bankAccountDescription
-				})]
-			}),
-			(a.kind === "loading" || a.kind === "picker") && /* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3",
-				children: [/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ b(_, {
-						variant: "body2",
-						children: k.bankAccountLabel
-					}), /* @__PURE__ */ b(_, {
-						variant: "caption",
-						color: "muted",
-						children: k.bankAccountHint
-					})]
-				}), a.kind === "loading" ? /* @__PURE__ */ b(g, { className: "ttw:h-9 ttw:w-full ttw:rounded-md" }) : /* @__PURE__ */ x(u, {
-					disabled: o,
-					value: a.selected?.value ?? "",
-					onValueChange: (e) => {
-						if (e === w) {
-							c();
-							return;
-						}
-						s(e);
-					},
-					children: [/* @__PURE__ */ b(m, {
-						id: A,
-						className: "ttw:w-full",
-						"aria-label": k.bankAccountSelectorLabel,
-						children: /* @__PURE__ */ b(h, {
-							placeholder: k.bankAccountPlaceholder,
-							children: a.selected && /* @__PURE__ */ x("span", {
-								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
-								children: [/* @__PURE__ */ b("span", {
-									className: "ttw:truncate",
-									children: a.selected.label
-								}), a.selected.sourceLabel && /* @__PURE__ */ b(r, {
-									variant: "secondary",
-									className: "ttw:shrink-0",
-									children: a.selected.sourceLabel
-								})]
-							})
-						})
-					}), /* @__PURE__ */ x(d, { children: [a.options.map((e) => /* @__PURE__ */ b(f, {
-						value: e.value,
-						children: /* @__PURE__ */ x("span", {
-							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
-							children: [/* @__PURE__ */ b("span", {
-								className: "ttw:truncate",
-								children: e.label
-							}), e.sourceLabel && /* @__PURE__ */ b("span", {
-								className: "ttw:shrink-0 ttw:text-muted-foreground",
-								children: e.sourceLabel
-							})]
-						})
-					}, e.value)), a.canAddAccount && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, {}), /* @__PURE__ */ x(f, {
-						value: w,
-						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
-						children: [/* @__PURE__ */ b(S, { className: "ttw:text-primary" }), k.bankAccountAddOption]
-					})] })] })]
-				})]
-			}),
-			a.kind === "form" && /* @__PURE__ */ b(E, {
-				idPrefix: i,
-				values: a.values,
-				errors: a.errors,
-				canCancel: a.canCancel,
-				isSaving: a.isSaving,
-				labels: k,
-				onChange: l,
-				onSave: T,
-				onCancel: D
+function u({ open: u, onOpenChange: d, title: f, description: p, confirmLabel: m, destructive: h, error: g, inProgress: _, onConfirm: v, onCancel: y, labels: b }) {
+	let x = {
+		...s,
+		...b
+	};
+	return /* @__PURE__ */ c(t, {
+		open: u,
+		onOpenChange: d,
+		children: /* @__PURE__ */ l(n, { children: [
+			/* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o, { children: f }), /* @__PURE__ */ c(r, { children: p })] }),
+			g && /* @__PURE__ */ c("p", {
+				role: "alert",
+				className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+				children: g
 			}),
-			a.kind === "restricted" && /* @__PURE__ */ x(e, {
-				className: "ttw:border-transparent ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
-				children: [
-					/* @__PURE__ */ b(C, {}),
-					/* @__PURE__ */ b(n, { children: k.bankAccountRestrictedTitle }),
-					/* @__PURE__ */ b(t, {
-						className: "ttw:text-current",
-						children: k.bankAccountRestrictedDescription
-					})
-				]
-			})
-		]
+			/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(e, {
+				variant: "ghost",
+				onClick: y,
+				children: x.cancelButton
+			}), /* @__PURE__ */ c(e, {
+				variant: h ? "destructive" : "default",
+				loading: _,
+				onClick: v,
+				children: m ?? x.confirmButton
+			})] })
+		] })
 	});
 }
 //#endregion
-export { D as ReceivableBankAccountSection };
+export { u as ReceivableActionDialog, u as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js

@@ -1,161 +1,207 @@
-import { Button as e, Checkbox as t, Separator as n, Typography as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_SHEET_LABELS_EN as a } from "./index3.js";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { FileText as l, ImageIcon as u, Loader2 as d, Trash2 as f, X as p } from "lucide-react";
+import { Alert as e, AlertDescription as t, AlertTitle as n, Badge as r, Button as i, Field as a, FieldContent as o, FieldError as s, FieldLabel as c, Input as l, Select as u, SelectContent as d, SelectItem as f, SelectSeparator as p, SelectTrigger as m, SelectValue as h, Skeleton as g, Typography as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as v } from "./index4.js";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { PlusIcon as S, TriangleAlertIcon as C } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js
-function m({ view: m, isDragging: h, disabled: g, inputRef: _, onBrowseClick: v, onDragOver: y, onDragLeave: b, onDrop: x, onFilesSelect: S, onIncludeInEmailChange: C, onRemove: w, labels: T }) {
-	let E = {
-		...a,
-		...T
-	};
-	return /* @__PURE__ */ c("div", {
+var w = "__add_new__";
+function T({ id: e, label: t, optionalSuffix: n, placeholder: r, value: i, error: u, disabled: d, onChange: f }) {
+	return /* @__PURE__ */ b(a, { children: /* @__PURE__ */ x(o, { children: [
+		/* @__PURE__ */ x(c, {
+			htmlFor: e,
+			className: "ttw:gap-1",
+			children: [t, n && /* @__PURE__ */ b(_, {
+				variant: "body2",
+				component: "span",
+				color: "muted",
+				className: "ttw:leading-snug",
+				children: n
+			})]
+		}),
+		/* @__PURE__ */ b(l, {
+			id: e,
+			placeholder: r,
+			value: i,
+			disabled: d,
+			"aria-invalid": !!u,
+			onChange: (e) => f(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" && e.preventDefault();
+			}
+		}),
+		/* @__PURE__ */ b(s, { errors: u ? [{ message: u }] : [] })
+	] }) });
+}
+function E({ idPrefix: e, values: t, errors: n, canCancel: r, isSaving: a, labels: o, onChange: s, onSave: c, onCancel: l }) {
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3",
+		children: [
+			/* @__PURE__ */ b(_, {
+				variant: "body2",
+				children: o.bankAccountFormHeading
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ b(T, {
+					id: `${e}-routing-number`,
+					label: o.bankAccountRoutingNumberLabel,
+					placeholder: o.bankAccountRoutingNumberPlaceholder,
+					value: t.routingNumber,
+					error: n.routingNumber,
+					disabled: a,
+					onChange: (e) => s({ routingNumber: e })
+				}), /* @__PURE__ */ b(T, {
+					id: `${e}-account-number`,
+					label: o.bankAccountAccountNumberLabel,
+					placeholder: o.bankAccountAccountNumberPlaceholder,
+					value: t.accountNumber,
+					error: n.accountNumber,
+					disabled: a,
+					onChange: (e) => s({ accountNumber: e })
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ b(T, {
+					id: `${e}-account-holder-name`,
+					label: o.bankAccountHolderNameLabel,
+					placeholder: o.bankAccountHolderNamePlaceholder,
+					value: t.accountHolderName,
+					error: n.accountHolderName,
+					disabled: a,
+					onChange: (e) => s({ accountHolderName: e })
+				}), /* @__PURE__ */ b(T, {
+					id: `${e}-account-nickname`,
+					label: o.bankAccountNicknameLabel,
+					optionalSuffix: o.optionalSuffix,
+					placeholder: o.bankAccountNicknamePlaceholder,
+					value: t.displayName,
+					error: n.displayName,
+					disabled: a,
+					onChange: (e) => s({ displayName: e })
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [r && /* @__PURE__ */ b(i, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:border-border",
+					disabled: a,
+					onClick: l,
+					children: o.bankAccountCancelButton
+				}), /* @__PURE__ */ b(i, {
+					type: "button",
+					disabled: a,
+					onClick: c,
+					children: o.bankAccountSaveButton
+				})]
+			})
+		]
+	});
+}
+function D({ idPrefix: i, view: a, disabled: o, onAccountSelect: s, onAddAccountClick: c, onFormChange: l, onFormSave: T, onFormCancel: D, labels: O }) {
+	let k = {
+		...v,
+		...O
+	}, A = `${i}-bank-account`;
+	return /* @__PURE__ */ x("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ x("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ s(r, {
+				children: [/* @__PURE__ */ b(_, {
 					variant: "h4",
-					children: E.attachmentsHeading
-				}), /* @__PURE__ */ s(r, {
+					children: k.bankAccountHeading
+				}), /* @__PURE__ */ b(_, {
 					variant: "body2",
 					color: "muted",
 					className: "ttw:font-medium",
-					children: E.attachmentsDescription
+					children: k.bankAccountDescription
 				})]
 			}),
-			m.showRows && /* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2",
-				children: [m.emailCaption && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, {
-					variant: "caption",
-					color: "muted",
-					children: m.emailCaption
-				}), /* @__PURE__ */ s(n, {})] }), /* @__PURE__ */ c("ul", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2",
-					children: [m.attachedRows.map((n) => /* @__PURE__ */ c("li", {
-						className: "ttw:flex ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ s(t, {
-							checked: n.includeInEmail,
-							disabled: g,
-							"aria-label": n.includeInEmailLabel,
-							onCheckedChange: (e) => C(n.id, e === !0)
-						}), /* @__PURE__ */ c("div", {
-							className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
-							children: [/* @__PURE__ */ c("div", {
-								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1",
-								children: [/* @__PURE__ */ s(r, {
-									variant: "body2",
+			(a.kind === "loading" || a.kind === "picker") && /* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3",
+				children: [/* @__PURE__ */ x("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ b(_, {
+						variant: "body2",
+						children: k.bankAccountLabel
+					}), /* @__PURE__ */ b(_, {
+						variant: "caption",
+						color: "muted",
+						children: k.bankAccountHint
+					})]
+				}), a.kind === "loading" ? /* @__PURE__ */ b(g, { className: "ttw:h-9 ttw:w-full ttw:rounded-md" }) : /* @__PURE__ */ x(u, {
+					disabled: o,
+					value: a.selected?.value ?? "",
+					onValueChange: (e) => {
+						if (e === w) {
+							c();
+							return;
+						}
+						s(e);
+					},
+					children: [/* @__PURE__ */ b(m, {
+						id: A,
+						className: "ttw:w-full",
+						"aria-label": k.bankAccountSelectorLabel,
+						children: /* @__PURE__ */ b(h, {
+							placeholder: k.bankAccountPlaceholder,
+							children: a.selected && /* @__PURE__ */ x("span", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
+								children: [/* @__PURE__ */ b("span", {
 									className: "ttw:truncate",
-									children: n.name
-								}), /* @__PURE__ */ c(r, {
-									variant: "body2",
-									color: "muted",
+									children: a.selected.label
+								}), a.selected.sourceLabel && /* @__PURE__ */ b(r, {
+									variant: "secondary",
 									className: "ttw:shrink-0",
-									children: [
-										"(",
-										n.sizeLabel,
-										")"
-									]
-								})]
-							}), /* @__PURE__ */ s(e, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								className: "ttw:size-4",
-								disabled: g,
-								"aria-label": n.removeLabel,
-								onClick: () => w(n.id),
-								children: /* @__PURE__ */ s(f, { className: "ttw:size-4" })
-							})]
-						})]
-					}, n.id)), m.pendingRows.map((t) => /* @__PURE__ */ c("li", {
-						className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
-						children: [
-							t.state === "uploading" ? /* @__PURE__ */ s(d, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ s(l, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
-							/* @__PURE__ */ c("div", {
-								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
-								children: [/* @__PURE__ */ s(r, {
-									variant: "body2",
-									className: "ttw:truncate",
-									children: t.name
-								}), t.state === "uploading" ? /* @__PURE__ */ s(r, {
-									variant: "caption",
-									color: "muted",
-									children: t.message
-								}) : /* @__PURE__ */ s(r, {
-									variant: "caption",
-									role: "alert",
-									className: "ttw:text-destructive",
-									children: t.message
+									children: a.selected.sourceLabel
 								})]
-							}),
-							/* @__PURE__ */ s(e, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								disabled: g,
-								"aria-label": t.removeLabel,
-								onClick: () => w(t.id),
-								children: /* @__PURE__ */ s(p, { className: "ttw:size-4" })
 							})
-						]
-					}, t.id))]
+						})
+					}), /* @__PURE__ */ x(d, { children: [a.options.map((e) => /* @__PURE__ */ b(f, {
+						value: e.value,
+						children: /* @__PURE__ */ x("span", {
+							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
+							children: [/* @__PURE__ */ b("span", {
+								className: "ttw:truncate",
+								children: e.label
+							}), e.sourceLabel && /* @__PURE__ */ b("span", {
+								className: "ttw:shrink-0 ttw:text-muted-foreground",
+								children: e.sourceLabel
+							})]
+						})
+					}, e.value)), a.canAddAccount && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, {}), /* @__PURE__ */ x(f, {
+						value: w,
+						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
+						children: [/* @__PURE__ */ b(S, { className: "ttw:text-primary" }), k.bankAccountAddOption]
+					})] })] })]
 				})]
 			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				disabled: g,
-				onClick: v,
-				onDragOver: (e) => {
-					e.preventDefault(), y();
-				},
-				onDragLeave: (e) => {
-					e.preventDefault(), b();
-				},
-				onDrop: (e) => {
-					e.preventDefault(), x(e.dataTransfer.files);
-				},
-				className: i("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", h ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
+			a.kind === "form" && /* @__PURE__ */ b(E, {
+				idPrefix: i,
+				values: a.values,
+				errors: a.errors,
+				canCancel: a.canCancel,
+				isSaving: a.isSaving,
+				labels: k,
+				onChange: l,
+				onSave: T,
+				onCancel: D
+			}),
+			a.kind === "restricted" && /* @__PURE__ */ x(e, {
+				className: "ttw:border-transparent ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
 				children: [
-					/* @__PURE__ */ s("span", {
-						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border",
-						children: /* @__PURE__ */ s(u, { className: "ttw:size-5 ttw:text-muted-foreground" })
-					}),
-					/* @__PURE__ */ c(r, {
-						variant: "body2",
-						children: [
-							E.attachmentsDropPrompt,
-							" ",
-							/* @__PURE__ */ s("span", {
-								className: "ttw:text-primary ttw:underline",
-								children: E.attachmentsBrowseLink
-							})
-						]
-					}),
-					/* @__PURE__ */ s(r, {
-						variant: "caption",
-						color: "muted",
-						children: E.attachmentsFormatsHint
+					/* @__PURE__ */ b(C, {}),
+					/* @__PURE__ */ b(n, { children: k.bankAccountRestrictedTitle }),
+					/* @__PURE__ */ b(t, {
+						className: "ttw:text-current",
+						children: k.bankAccountRestrictedDescription
 					})
 				]
-			}),
-			m.countLimitMessage && /* @__PURE__ */ s(r, {
-				variant: "body2",
-				role: "alert",
-				className: "ttw:text-destructive",
-				children: m.countLimitMessage
-			}),
-			/* @__PURE__ */ s("input", {
-				ref: _,
-				type: "file",
-				multiple: !0,
-				tabIndex: -1,
-				"aria-hidden": !0,
-				className: "ttw:sr-only",
-				accept: m.accept,
-				onChange: (e) => S(e.target.files)
 			})
 		]
 	});
 }
 //#endregion
-export { m as ReceivableAttachmentsSection };
+export { D as ReceivableBankAccountSection };