@tesouro/embedded-components-react 0.5.159 → 0.5.162

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index493.js

@@ -1,81 +1,191 @@
-import { Textarea as e } from "./index108.js";
-import { Typography as t } from "./index61.js";
-import { Field as n, FieldContent as r, FieldDescription as i, FieldError as a, FieldLabel as o } from "./index87.js";
-import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useLingui as l } from "@lingui/react";
-import { Controller as u, useFormContext as d } from "react-hook-form";
+import { Button as e } from "./index55.js";
+import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index109.js";
+import { LoadingSpinner as i } from "./index50.js";
+import "./index51.js";
+import { Typography as a } from "./index61.js";
+import { Separator as o } from "./index63.js";
+import { Field as s, FieldContent as c, FieldError as l, FieldLabel as u } from "./index87.js";
+import { sanitizeTaxRateInput as d } from "./index99.js";
+import { useLineItemManagement as f } from "./index224.js";
+import { useGetMeasureUnits as p } from "./index450.js";
+import { FormErrorDisplay as m, useFormErrors as h } from "./index469.js";
+import "./index470.js";
+import { InvoiceItemRow as g } from "./index490.js";
+import { InvoiceDiscountField as _ } from "./index491.js";
+import { InvoiceTotals as v } from "./index492.js";
+import { useCallback as y, useEffect as b, useRef as x } from "react";
+import { Plus as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
+import { useLingui as ee } from "@lingui/react";
+import { Controller as T, useFormContext as E } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index493.js
-var f = ({ disabled: f }) => {
-	let { i18n: p } = l(), { control: m } = d();
-	return /* @__PURE__ */ c("div", {
+var D = ({ defaultCurrency: D = "USD", registerLineItemCleanupFn: O }) => {
+	let { i18n: k } = ee(), { control: A, formState: j, getValues: M, watch: N, trigger: P, clearErrors: F } = E(), I = N("tax_mode") === "inclusive", { data: L, isLoading: R } = p(), { fields: z, subtotalPrice: te, discountValue: B, nonTaxableSubtotal: V, taxableSubtotal: H, totalPrice: U, totalTaxes: W, lineItemErrors: G, autoFocusIndex: K, handleAddRow: q, handleRemoveItem: J, setValueWithValidationLocal: Y, cleanUpLineItemsForSubmission: X } = f({
+		defaultCurrency: D,
+		isInclusivePricing: I
+	}), Z = y((e, t) => {
+		Y(e, t, { shouldValidate: !1 });
+	}, [Y]);
+	b(() => (O?.(X), () => O?.(null)), [O, X]);
+	let Q = x(null), { generalError: ne, fieldErrors: re } = h(G), $ = y((e, t, n) => {
+		let r = t.measureUnit?.id, i = t.measureUnit?.name;
+		i && !r ? (Z(`line_items.${e}.product.measure_unit_id`, ""), Z(`line_items.${e}.product.measure_unit_name`, i), Z(`line_items.${e}.measure_unit`, {
+			name: i,
+			id: null
+		})) : (r || n) && (Z(`line_items.${e}.product.measure_unit_id`, r || n), Z(`line_items.${e}.product.measure_unit_name`, void 0), Z(`line_items.${e}.measure_unit`, void 0));
+	}, [Z]), ie = y((e, t, n) => {
+		let r = t.label ?? "";
+		Z(`line_items.${e}.product.name`, r), r.trim() && F(`line_items.${e}.product.name`);
+		let i = t.id !== "" && t.id !== "custom" && n;
+		if (Z(`line_items.${e}.product_id`, i ? t.id : ""), i) {
+			Z(`line_items.${e}.product.price.value`, t.price?.value ?? 0), Z(`line_items.${e}.product.price.currency`, D);
+			let n = M(`line_items.${e}.product.measure_unit_id`);
+			$(e, t, n), Z(`line_items.${e}.quantity`, t.smallestAmount || 1), Z(`line_items.${e}.product.smallest_amount`, t.smallestAmount), Z(`line_items.${e}.product.type`, "product"), Z(`line_items.${e}.product.description`, t.description ?? ""), P(`line_items.${e}`);
+		}
+	}, [
+		D,
+		M,
+		Z,
+		$,
+		P,
+		F
+	]);
+	return /* @__PURE__ */ w("div", {
+		ref: Q,
 		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ w("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ s(t, {
+				children: [/* @__PURE__ */ C(a, {
 					variant: "h4",
-					children: p._("Notes")
-				}), /* @__PURE__ */ s(t, {
+					children: k._("Products and services")
+				}), /* @__PURE__ */ C(a, {
 					variant: "body2",
 					color: "muted",
 					className: "ttw:font-medium",
-					children: p._("Provide additional information for your customer.")
+					children: k._("Add the products and services on this invoice. You'll have the option to save new items to your inventory.")
 				})]
 			}),
-			/* @__PURE__ */ s(u, {
-				name: "memo",
-				control: m,
-				render: ({ field: l, fieldState: { error: u } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, { children: [
-					/* @__PURE__ */ c(o, {
-						htmlFor: l.name,
-						className: "ttw:text-nowrap",
-						children: [p._("Opening note to the customer"), /* @__PURE__ */ s(t, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:leading-snug",
-							children: p._("(optional)")
-						})]
-					}),
-					/* @__PURE__ */ s(e, {
-						...l,
-						id: l.name,
-						disabled: f,
-						placeholder: p._("e.g., As discussed on our call, please find the attached invoice."),
-						className: "ttw:h-26 ttw:resize-none",
-						"aria-invalid": !!u
-					}),
-					/* @__PURE__ */ s(i, { children: p._("Appears above your line items. Use it to reference a discussion, agreement, or project.") }),
-					/* @__PURE__ */ s(a, { errors: u ? [u] : [] })
-				] }) })
+			/* @__PURE__ */ C(m, {
+				generalError: j?.errors?.line_items?.root?.message ?? ne,
+				fieldErrors: re
 			}),
-			/* @__PURE__ */ s(u, {
-				name: "footer",
-				control: m,
-				render: ({ field: l, fieldState: { error: u } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, { children: [
-					/* @__PURE__ */ c(o, {
-						htmlFor: l.name,
-						className: "ttw:text-nowrap",
-						children: [p._("Closing note to the customer"), /* @__PURE__ */ s(t, {
+			/* @__PURE__ */ w("ul", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [/* @__PURE__ */ w("li", {
+					className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-5",
+					children: [
+						/* @__PURE__ */ C(a, {
+							variant: "body2",
+							className: "ttw:font-medium ttw:leading-5 ttw:min-w-30 ttw:whitespace-nowrap ttw:inline-flex ttw:flex-1",
+							children: k._("Item name")
+						}),
+						/* @__PURE__ */ C(a, {
+							variant: "body2",
+							className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24",
+							children: k._("Quantity")
+						}),
+						/* @__PURE__ */ C(a, {
+							variant: "body2",
+							className: "ttw:font-medium ttw:leading-5 ttw:w-20.5 ttw:min-w-20.5",
+							children: k._("Units")
+						}),
+						/* @__PURE__ */ C(a, {
 							variant: "body2",
-							color: "muted",
-							className: "ttw:leading-snug",
-							children: p._("(optional)")
+							className: "ttw:font-medium ttw:leading-5 ttw:max-w-41 ttw:w-full ttw:min-w-29",
+							children: k._("Price")
+						}),
+						/* @__PURE__ */ C(a, {
+							variant: "body2",
+							className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12",
+							children: k._("Taxable")
+						}),
+						z.length > 1 && /* @__PURE__ */ C("div", { className: "ttw:w-10 ttw:min-w-10" })
+					]
+				}), R ? /* @__PURE__ */ C("li", {
+					className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9",
+					children: /* @__PURE__ */ C(i, { className: "ttw:w-5 ttw:h-5" })
+				}) : z.map((e, t) => /* @__PURE__ */ C(g, {
+					field: e,
+					index: t,
+					control: A,
+					errors: j.errors,
+					defaultCurrency: D,
+					measureUnitsData: L,
+					onRequestLineItemValue: (e) => M(`line_items.${t}.${e}`),
+					onLineItemValueChange: (e, n, r) => {
+						let i = `line_items.${t}.${e}`;
+						Y(i, n, r);
+					},
+					canRemove: z.length > 1,
+					autoFocusName: t === K,
+					onUpdateItem: ie,
+					onRemoveItem: J,
+					container: Q
+				}, e.id))]
+			}),
+			/* @__PURE__ */ w(e, {
+				type: "button",
+				variant: "ghost",
+				onClick: q,
+				className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit",
+				children: [/* @__PURE__ */ C(S, { className: "ttw:size-5 ttw:text-primary" }), k._("Add item")]
+			}),
+			/* @__PURE__ */ C(T, {
+				name: "discount",
+				control: A,
+				render: ({ field: e }) => /* @__PURE__ */ C(_, {
+					value: e.value,
+					onChange: e.onChange,
+					onBlur: e.onBlur,
+					currency: D,
+					errorMessage: j.errors.discount?.amount?.message
+				})
+			}),
+			/* @__PURE__ */ C(T, {
+				name: "tax_rate",
+				control: A,
+				render: ({ field: e, fieldState: { error: i } }) => /* @__PURE__ */ w(s, { children: [/* @__PURE__ */ w(c, {
+					className: "ttw:flex-row ttw:justify-end",
+					children: [/* @__PURE__ */ C(u, {
+						htmlFor: e.name,
+						children: k._("Tax rate")
+					}), /* @__PURE__ */ w(t, {
+						className: "ttw:w-40 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
+						children: [/* @__PURE__ */ C(r, {
+							...e,
+							value: e.value ?? "",
+							id: e.name,
+							"aria-invalid": !!i || void 0,
+							className: "ttw:text-right",
+							placeholder: k._("e.g. 6.25"),
+							type: "text",
+							inputMode: "decimal",
+							onChange: (t) => {
+								e.onChange(d(t.target.value));
+							},
+							onBlur: (t) => {
+								let n = t.target.value;
+								e.onChange(n.endsWith(".") ? n.slice(0, -1) : n), e.onBlur();
+							}
+						}), /* @__PURE__ */ C(n, {
+							align: "inline-end",
+							children: "%"
 						})]
-					}),
-					/* @__PURE__ */ s(e, {
-						...l,
-						id: l.name,
-						disabled: f,
-						placeholder: p._("e.g., Thank you for your business!"),
-						className: "ttw:h-26 ttw:resize-none",
-						"aria-invalid": !!u
-					}),
-					/* @__PURE__ */ s(i, { children: p._("Appears below your line items. Commonly used for thank you messages or payment instructions.") }),
-					/* @__PURE__ */ s(a, { errors: u ? [u] : [] })
-				] }) })
+					})]
+				}), /* @__PURE__ */ C(l, { errors: [i] })] })
+			}),
+			/* @__PURE__ */ C(o, {}),
+			/* @__PURE__ */ C(v, {
+				subtotalPrice: te,
+				discountValue: B,
+				nonTaxableSubtotal: V,
+				taxableSubtotal: H,
+				totalTaxes: W,
+				totalPrice: U
 			})
 		]
 	});
 };
 //#endregion
-export { f as NotesSection };
+export { D as ItemsSection };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index494.js

@@ -1,250 +1,144 @@
-import { cn as e } from "./index48.js";
-import { Button as t } from "./index55.js";
-import { useFileInput as n } from "./index214.js";
-import "./index222.js";
-import { Typography as r } from "./index61.js";
-import { Separator as i } from "./index63.js";
-import { ATTACHMENT_ACCEPTED_EXTENSIONS as a, ATTACHMENT_ACCEPTED_FORMATS as o } from "./index92.js";
-import { Checkbox as s } from "./index105.js";
-import { validateAttachmentFile as c } from "./index171.js";
-import { formatFileSize as l } from "./index172.js";
-import { toFileArray as u } from "./index174.js";
-import { useUploadReceivableAttachment as d } from "./index225.js";
-import { useDeleteFile as f } from "./index226.js";
-import { useEffect as p, useRef as m, useState as h } from "react";
-import { FileText as g, ImageIcon as _, Loader2 as v, Trash2 as y, X as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
-import { useLingui as w } from "@lingui/react";
-import { useFormContext as T } from "react-hook-form";
+import { Button as e } from "./index55.js";
+import { Input as t } from "./index88.js";
+import { Typography as n } from "./index61.js";
+import { Field as r, FieldContent as i, FieldError as a, FieldLabel as o } from "./index87.js";
+import { getCreateBankAccountSchema as s } from "./index100.js";
+import { useCreateEntityBankAccount as c } from "./index120.js";
+import { prepareBankAccountCreatePayload as l } from "./index155.js";
+import "./index183.js";
+import { safeZodResolver as u } from "./index385.js";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { useLingui as p } from "@lingui/react";
+import { Controller as m, useForm as h } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index494.js
-var E = ({ disabled: E, onUploadingChange: D }) => {
-	let { i18n: O } = w(), { watch: k, setValue: A, getValues: j } = T(), { mutateAsync: M } = d(), { mutate: N } = f(), { FileInput: P, openFileInput: F, resetInput: I } = n({
-		acceptedFormats: o,
-		maxFileSizeInMB: 3
-	}), L = k("attachments") ?? [], R = k("frequency"), z = !!R && R !== "once", [B, V] = h([]), [H, U] = h(!1), [W, G] = h(!1), K = m(0), q = m(!1);
-	p(() => (q.current = !1, () => {
-		q.current = !0;
-	}), []);
-	let J = m(/* @__PURE__ */ new Set()), Y = B.some((e) => e.status === "uploading");
-	p(() => {
-		D?.(Y);
-	}, [Y, D]), p(() => () => D?.(!1), [D]);
-	let X = () => (K.current += 1, `attachment-${K.current}`), Z = (e) => e === "too_large" ? O._("File too large (max 3 MB)") : O._("File type not supported. Use PDF, DOC, JPG or PNG"), Q = async (e, t) => {
-		try {
-			let n = await M({
-				file: t,
-				file_type: "attachments"
-			});
-			if (q.current || J.current.delete(e)) {
-				N({ path: { file_id: n.id } });
-				return;
-			}
-			V((t) => t.filter((t) => t.localId !== e)), A("attachments", [...j("attachments") ?? [], {
-				id: n.id,
-				include_in_email: !0,
-				name: n.name,
-				size: n.size
-			}], { shouldDirty: !0 });
-		} catch {
-			let t = J.current.delete(e);
-			if (q.current || t) return;
-			V((t) => t.map((t) => t.localId === e ? {
-				...t,
-				status: "error",
-				errorMessage: O._("Upload failed. Please try again.")
-			} : t));
+var g = ({ bankAccountsLength: g, onCreate: _, onCancel: v }) => {
+	let { i18n: y } = p(), { mutate: b, isPending: x } = c(_), { control: S, handleSubmit: C } = h({
+		mode: "onSubmit",
+		reValidateMode: "onSubmit",
+		resolver: u(s(y)),
+		defaultValues: {
+			display_name: "",
+			account_holder_name: "",
+			account_number: "",
+			routing_number: ""
 		}
-	}, $ = (e) => {
-		if (e.length === 0) return;
-		let t = j("attachments") ?? [], n = B.filter((e) => e.status === "uploading").length, r = 10 - t.length - n, i = [], s = !1;
-		for (let t of e) {
-			let e = c(t, {
-				acceptedFormats: o,
-				acceptedExtensions: a,
-				maxFileSizeInMB: 3
-			});
-			if (e) {
-				i.push({
-					localId: X(),
-					name: t.name,
-					size: t.size,
-					status: "error",
-					errorMessage: Z(e)
-				});
-				continue;
-			}
-			if (r <= 0) {
-				s = !0;
-				continue;
-			}
-			--r;
-			let n = X();
-			i.push({
-				localId: n,
-				name: t.name,
-				size: t.size,
-				status: "uploading"
-			}), Q(n, t);
-		}
-		i.length > 0 && V((e) => [...e, ...i]), U(s);
-	}, ee = (e, t) => {
-		A("attachments", (j("attachments") ?? []).map((n) => n.id === e ? {
-			...n,
-			include_in_email: t
-		} : n), { shouldDirty: !0 });
-	}, te = (e) => {
-		A("attachments", (j("attachments") ?? []).filter((t) => t.id !== e), { shouldDirty: !0 }), U(!1), N({ path: { file_id: e } });
-	}, ne = (e) => {
-		B.some((t) => t.localId === e && t.status === "uploading") && J.current.add(e), V((t) => t.filter((t) => t.localId !== e)), U(!1);
-	}, re = (e) => {
-		e.preventDefault(), G(!1), !E && $(u(e.dataTransfer.files));
-	}, ie = L.length > 0 || B.length > 0;
-	return /* @__PURE__ */ C("div", {
-		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+	});
+	return /* @__PURE__ */ f("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl",
 		children: [
-			/* @__PURE__ */ C("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ S(r, {
-					variant: "h4",
-					children: O._("Attachments")
-				}), /* @__PURE__ */ S(r, {
+			/* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: /* @__PURE__ */ d(n, {
 					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: O._("Associate additional documents with this invoice for your own reference or to share with the customer. e.g. contracts, photos, terms and conditions, etc.")
+					children: y._("Add a bank account")
+				})
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ d(m, {
+					name: "routing_number",
+					control: S,
+					render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
+						/* @__PURE__ */ d(o, {
+							htmlFor: "routing_number",
+							children: y._("Routing number")
+						}),
+						/* @__PURE__ */ d(t, {
+							...e,
+							id: "routing_number",
+							placeholder: y._("e.g. 123456789"),
+							value: e.value ?? "",
+							disabled: x,
+							"aria-invalid": !!n
+						}),
+						/* @__PURE__ */ d(a, { errors: n ? [n] : [] })
+					] }) })
+				}), /* @__PURE__ */ d(m, {
+					name: "account_number",
+					control: S,
+					render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
+						/* @__PURE__ */ d(o, {
+							htmlFor: "account_number",
+							children: y._("Account number")
+						}),
+						/* @__PURE__ */ d(t, {
+							...e,
+							id: "account_number",
+							placeholder: y._("e.g. 123456789"),
+							value: e.value ?? "",
+							disabled: x,
+							"aria-invalid": !!n
+						}),
+						/* @__PURE__ */ d(a, { errors: n ? [n] : [] })
+					] }) })
 				})]
 			}),
-			ie && /* @__PURE__ */ C("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2",
-				children: [L.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(r, {
-					variant: "caption",
-					color: "muted",
-					children: z ? O._("Selected files will be attached to every invoice email in the recurring series.") : O._("Selected files will be attached to the invoice email sent to the customer.")
-				}), /* @__PURE__ */ S(i, {})] }), /* @__PURE__ */ C("ul", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2",
-					children: [L.map((e) => {
-						let n = `attachment-include-${e.id}`;
-						return /* @__PURE__ */ C("li", {
-							className: "ttw:flex ttw:items-center ttw:gap-2",
-							children: [/* @__PURE__ */ S(s, {
-								id: n,
-								checked: e.include_in_email,
-								disabled: E,
-								"aria-label": `${O._("Include in email:")} ${e.name}`,
-								onCheckedChange: (t) => ee(e.id, t === !0)
-							}), /* @__PURE__ */ C("div", {
-								className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 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",
-										className: "ttw:truncate",
-										children: e.name
-									}), /* @__PURE__ */ C(r, {
-										variant: "body2",
-										color: "muted",
-										className: "ttw:shrink-0",
-										children: [
-											"(",
-											l(e.size),
-											")"
-										]
-									})]
-								}), /* @__PURE__ */ S(t, {
-									type: "button",
-									variant: "ghost",
-									size: "icon",
-									className: "ttw:size-4",
-									disabled: E,
-									"aria-label": `${O._("Remove")} ${e.name}`,
-									onClick: () => te(e.id),
-									children: /* @__PURE__ */ S(y, { className: "ttw:size-4" })
-								})]
+			/* @__PURE__ */ f("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ d(m, {
+					name: "account_holder_name",
+					control: S,
+					render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
+						/* @__PURE__ */ d(o, {
+							htmlFor: "account_holder_name",
+							children: y._("Account holder name")
+						}),
+						/* @__PURE__ */ d(t, {
+							...e,
+							id: "account_holder_name",
+							placeholder: y._("e.g. James Smith"),
+							value: e.value ?? "",
+							disabled: x,
+							"aria-invalid": !!n
+						}),
+						/* @__PURE__ */ d(a, { errors: n ? [n] : [] })
+					] }) })
+				}), /* @__PURE__ */ d(m, {
+					name: "display_name",
+					control: S,
+					render: ({ field: e, fieldState: { error: s } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
+						/* @__PURE__ */ f(o, {
+							htmlFor: "display_name",
+							className: "ttw:gap-1",
+							children: [y._("Account nickname"), /* @__PURE__ */ d(n, {
+								variant: "body2",
+								color: "muted",
+								className: "ttw:leading-snug",
+								children: y._("(optional)")
 							})]
-						}, e.id);
-					}), B.map((e) => /* @__PURE__ */ C("li", {
-						className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1",
-						children: [
-							e.status === "uploading" ? /* @__PURE__ */ S(v, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ S(g, { 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: e.name
-								}), e.status === "uploading" ? /* @__PURE__ */ S(r, {
-									variant: "caption",
-									color: "muted",
-									children: O._("Uploading…")
-								}) : /* @__PURE__ */ S(r, {
-									variant: "caption",
-									role: "alert",
-									className: "ttw:text-destructive",
-									children: e.errorMessage
-								})]
-							}),
-							/* @__PURE__ */ S(t, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								disabled: E,
-								"aria-label": `${O._("Remove")} ${e.name}`,
-								onClick: () => ne(e.localId),
-								children: /* @__PURE__ */ S(b, { className: "ttw:size-4" })
-							})
-						]
-					}, e.localId))]
+						}),
+						/* @__PURE__ */ d(t, {
+							...e,
+							id: "display_name",
+							placeholder: y._("e.g. Empire Bank Checking"),
+							value: e.value ?? "",
+							disabled: x,
+							"aria-invalid": !!s
+						}),
+						/* @__PURE__ */ d(a, { errors: s ? [s] : [] })
+					] }) })
 				})]
 			}),
-			/* @__PURE__ */ C("button", {
-				type: "button",
-				disabled: E,
-				onClick: F,
-				onDragOver: (e) => {
-					e.preventDefault(), E || G(!0);
-				},
-				onDragLeave: (e) => {
-					e.preventDefault(), G(!1);
-				},
-				onDrop: re,
-				className: e("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", W ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
-				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(_, { className: "ttw:size-5 ttw:text-muted-foreground" })
-					}),
-					/* @__PURE__ */ C(r, {
-						variant: "body2",
-						children: [
-							O._("Drop your files here, or"),
-							" ",
-							/* @__PURE__ */ S("span", {
-								className: "ttw:text-primary ttw:underline",
-								children: O._("browse to upload")
-							})
-						]
+			/* @__PURE__ */ f("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [g !== 0 && /* @__PURE__ */ d(e, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:border-border",
+					disabled: x,
+					onClick: v,
+					children: y._("Cancel")
+				}), /* @__PURE__ */ d(e, {
+					type: "button",
+					disabled: x,
+					onClick: C((e) => {
+						b({ body: l(e) });
 					}),
-					/* @__PURE__ */ S(r, {
-						variant: "caption",
-						color: "muted",
-						children: O._("PDF, DOC, JPG, PNG (max. 3MB)")
-					})
-				]
-			}),
-			H && /* @__PURE__ */ S(r, {
-				variant: "body2",
-				role: "alert",
-				className: "ttw:text-destructive",
-				children: O._("You can attach up to 10 files.")
-			}),
-			/* @__PURE__ */ S(P, {
-				multiple: !0,
-				onChange: (e) => {
-					$(u(e.target.files)), I();
-				}
+					children: y._("Save account")
+				})]
 			})
 		]
 	});
 };
 //#endregion
-export { E as AttachmentSection };
+export { g as BankAccountSectionForm };