@tesouro/embedded-components-react 0.3.11 → 0.3.12

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js

@@ -2,207 +2,70 @@
 "use client";
 "use client";
 "use client";
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { getStateOptions as t } from "../../../shared/util/dist/lib/usStates.js";
-import { AchFieldGroup as n } from "../../../shared/counterpart-management/ui/dist/index5.js";
-import { CounterpartFormFields as r, useFocusFirstInvalidField as i } from "../../../shared/counterpart-management/ui/dist/index9.js";
-import { VENDOR_INLINE_FORM_LABELS_EN as a } from "./index27.js";
-import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
-import { useCounterpartForm as s } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Landmark as g, Plus as _, X as v } from "lucide-react";
+import { SourceDocumentPanel as e } from "../../ui/dist/index83.js";
+import "../../ui/dist/index.js";
+import { useAttachPayableFileMutation as t, useDeletePayableFileMutation as n } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { createSourceDocumentPreview as r } from "./index27.js";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as i } from "./index28.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js
-function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, onSaved: E, onCancel: D, onDirtyChange: O, labels: k }) {
-	let A = {
-		...a,
-		...k
-	}, [j, M] = f("none"), [N, P] = f(b?.id), [F, I] = f(!1), [L, R] = f(!1);
-	l(() => {
-		O?.(L);
-	}, [L, O]);
-	let z = u(() => t(), []), B = d(j), V = d(!1), H = s({
-		view: j,
-		setView: M,
-		selectedId: N,
-		setSelectedId: P,
-		messages: o,
-		counterpartType: "vendor",
-		counterpart: b,
-		primaryAddress: x,
-		bankAccounts: S,
-		isBankAccountsLoading: C,
-		isBankAccountsError: w
-	}), { openCreate: U, openEdit: W, setValues: G } = H, K = i(H.errors);
-	l(() => {
-		y === "edit" ? W() : U();
-	}, [
-		y,
-		U,
-		W
-	]), l(() => {
-		B.current !== "none" && j === "none" && N && E(N), B.current = j;
-	}, [
-		j,
-		N,
-		E
-	]), l(() => {
-		y !== "create" || V.current || (V.current = !0, G((e) => ({
-			...e,
-			entityType: "organization",
-			legalName: T?.trim() || e.legalName
-		})));
-	}, [
-		y,
-		T,
-		G
-	]), l(() => {
-		y === "edit" && (H.values.bankAccount.routingNumber || H.values.bankAccount.accountNumber) && I(!0);
-	}, [
-		y,
-		H.values.bankAccount.accountNumber,
-		H.values.bankAccount.routingNumber
-	]), l(() => {
-		H.sectionsToExpand.bankAccount && I(!0);
-	}, [H.sectionsToExpand.bankAccount]);
-	let q = c((e) => {
-		R(!0), G((t) => e.entityType === "individual" && t.entityType !== "individual" ? {
-			...t,
-			...e,
-			firstName: t.firstName || t.legalName,
-			legalName: t.legalName
-		} : e.entityType === "organization" && t.entityType !== "organization" ? {
-			...t,
-			...e,
-			legalName: t.legalName || [t.firstName, t.lastName].filter(Boolean).join(" ")
-		} : {
-			...t,
-			...e
-		});
-	}, [G]);
-	return /* @__PURE__ */ h("div", {
-		ref: K,
-		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-2",
-				children: [/* @__PURE__ */ m("p", {
-					className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: y === "edit" ? A.editTitle : A.createTitle
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					"aria-label": A.close,
-					onClick: D,
-					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
-				})]
-			}),
-			/* @__PURE__ */ m(r, {
-				mode: y,
-				counterpartMode: "vendor",
-				values: H.values,
-				errors: H.errors,
-				stateOptions: z,
-				onChange: q,
-				onAddressChange: (e) => {
-					R(!0), G((t) => ({
-						...t,
-						address: {
-							...t.address,
-							...e
-						}
-					}));
-				},
-				sections: {
-					entityType: !0,
-					profileHeading: !1,
-					title: !1,
-					taxId: !1,
-					address: "collapsible",
-					bankAccount: !1
-				},
-				sectionsToExpand: H.sectionsToExpand,
-				onAddressExpand: H.expandAddress,
-				labels: { businessNameLabel: A.nameLabel }
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
-					children: A.paymentMethodsHeading
-				}), /* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: A.paymentMethodsDescription
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:p-3",
-				children: [/* @__PURE__ */ m("span", {
-					className: "ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ttw:bg-primary",
-					children: /* @__PURE__ */ m(g, {
-						"aria-hidden": !0,
-						className: "ttw:size-4 ttw:text-white"
-					})
-				}), /* @__PURE__ */ h("div", {
-					className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-3",
-					children: [/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-						children: [/* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-							children: A.achTitle
-						}), /* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: A.achDescription
-						})]
-					}), F ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
-						idPrefix: "vendor-inline-ach",
-						values: H.values.bankAccount,
-						errors: H.errors?.bankAccount,
-						onChange: (e) => {
-							R(!0), G((t) => ({
-								...t,
-								bankAccount: {
-									...t.bankAccount,
-									...e
-								}
-							}));
-						},
-						labels: {
-							accountHolderName: A.accountHolderNameLabel,
-							routingNumber: A.routingNumberLabel,
-							accountNumber: A.accountNumberLabel
-						}
-					}), /* @__PURE__ */ m("p", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: A.achHelp
-					})] }) : /* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "link",
-						className: "ttw:w-fit ttw:px-0",
-						onClick: () => I(!0),
-						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), A.addBankAccount]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:justify-end ttw:gap-2",
-				children: [/* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "outline",
-					onClick: D,
-					children: A.cancel
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					onClick: H.submit,
-					loading: H.isSubmitting,
-					disabled: H.isSubmitting,
-					children: A.save
-				})]
-			})
-		]
+function c(e) {
+	let [t, n] = o();
+	return a(() => {
+		if (!e) {
+			n(void 0);
+			return;
+		}
+		let t = URL.createObjectURL(e);
+		return n(t), () => URL.revokeObjectURL(t);
+	}, [e]), t;
+}
+function l({ payableId: a, file: o, isDocumentPending: l, pendingFileName: u, readOnly: d, staging: f, labels: p }) {
+	let { stagedFile: m, onFileStaged: h, onClearStagedFile: g, isSaving: _ } = f ?? {}, v = {
+		...i,
+		...p,
+		preview: {
+			...i.preview,
+			...p?.preview
+		}
+	}, y = t(), b = n(), x = c(m), S = !!(o || m);
+	if (!S && (l || y.isPending)) return /* @__PURE__ */ s(e, {
+		mode: "loading",
+		fileName: u
+	});
+	if (!S && d) return /* @__PURE__ */ s("div", {
+		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
+		children: v.noDocument
+	});
+	if (!S) return /* @__PURE__ */ s(e, {
+		mode: "upload",
+		uploadStatus: y.isPending ? "uploading" : "idle",
+		uploadErrorMessage: y.isError ? v.attachFailed : void 0,
+		onFilesSelected: (e) => {
+			let [t] = e;
+			t && (a ? y.mutate({
+				path: { payable_id: a },
+				file: t
+			}) : h?.(t));
+		}
+	});
+	let C = o?.name ?? m?.name ?? "", w = r(o || {
+		name: C,
+		url: x ?? "",
+		mimetype: m?.type ?? ""
+	}, v.preview);
+	return /* @__PURE__ */ s(e, {
+		mode: "document",
+		fileName: C,
+		preview: w,
+		onDownload: o ? () => window.open(o.url, "_blank", "noopener,noreferrer") : void 0,
+		onDelete: d ? void 0 : o && a ? () => b.mutate({
+			path: { file_id: o.id },
+			payableId: a
+		}) : _ ? void 0 : g
 	});
 }
 //#endregion
-export { y as VendorInlineForm, y as default };
+export { l as SourceDocumentContainer, l as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js

@@ -2,197 +2,207 @@
 "use client";
 "use client";
 "use client";
-import { maskAccountNumber as e } from "./index5.js";
-import { usePayableSuggestionsQuery as t } from "../../data-access/dist/index14.js";
-import "../../data-access/dist/index.js";
-import { VENDOR_SECTION_PROPS_LABELS_EN as n } from "./index27.js";
-import { counterpartFormBankAccountToCreatePayload as ee, counterpartFormBankAccountToUpdatePayload as r, getAchInstructions as i, getCounterpartEmail as a, getCounterpartName as o, getPayableAchInstructions as s, hasAchFormValues as c, resolveCounterpartBankAccountWrite as te, validateAchFormValues as ne } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
-import { useCounterpartsQuery as re } from "../../../shared/counterpart-management/data-access/dist/index3.js";
-import { useCreateCounterpartBankAccountMutation as ie, useUpdateCounterpartBankAccountMutation as l } from "../../../shared/counterpart-management/data-access/dist/index5.js";
-import { useCounterpartDetails as ae } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { getStateOptions as t } from "../../../shared/util/dist/lib/usStates.js";
+import { AchFieldGroup as n } from "../../../shared/counterpart-management/ui/dist/index5.js";
+import { CounterpartFormFields as r, useFocusFirstInvalidField as i } from "../../../shared/counterpart-management/ui/dist/index9.js";
+import { VENDOR_INLINE_FORM_LABELS_EN as a } from "./index28.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { useCounterpartForm as s } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
 import "../../../shared/counterpart-management/feature/dist/index.js";
-import { VendorInlineForm as oe } from "./index29.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h } from "react/jsx-runtime";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Landmark as g, Plus as _, X as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js
-var se = 10, ce = 300, g = {
-	accountHolderName: "",
-	routingNumber: "",
-	accountNumber: ""
-};
-function _({ payableId: _, counterpartId: v, payableCounterpartId: y, onCounterpartChange: b, requiredError: x, labels: S }) {
-	let C = {
-		...n,
-		...S
-	}, [w, T] = m(""), [E, D] = m(""), [O, k] = m(), [le, A] = m(!1), [j, M] = m(g), N = p(j);
-	N.current = j;
-	let [ue, P] = m(!1), F = c(j) || ue, [I, L] = m(), [R, z] = m(), B = p(v), [V, H] = m(!1), U = u(() => {
-		A(!1), M(g), L(void 0), z(void 0);
-	}, []), W = u((e) => {
-		H(!0), b(e);
-	}, [b]), G = t(_, { enabled: !!_ && !v && !y }).data?.suggested_counterpart?.id;
-	d(() => {
-		!V && !v && !y && G && W(G);
+function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, onSaved: E, onCancel: D, onDirtyChange: O, labels: k }) {
+	let A = {
+		...a,
+		...k
+	}, [j, M] = f("none"), [N, P] = f(b?.id), [F, I] = f(!1), [L, R] = f(!1);
+	l(() => {
+		O?.(L);
+	}, [L, O]);
+	let z = u(() => t(), []), B = d(j), V = d(!1), H = s({
+		view: j,
+		setView: M,
+		selectedId: N,
+		setSelectedId: P,
+		messages: o,
+		counterpartType: "vendor",
+		counterpart: b,
+		primaryAddress: x,
+		bankAccounts: S,
+		isBankAccountsLoading: C,
+		isBankAccountsError: w
+	}), { openCreate: U, openEdit: W, setValues: G } = H, K = i(H.errors);
+	l(() => {
+		y === "edit" ? W() : U();
 	}, [
-		v,
 		y,
-		V,
-		G,
+		U,
 		W
-	]), d(() => {
-		B.current !== v && (B.current = v, U());
-	}, [v, U]), d(() => {
-		let e = setTimeout(() => {
-			D(w.trim());
-		}, ce);
-		return () => clearTimeout(e);
-	}, [w]);
-	let K = re({
-		sort: "counterpart_name",
-		order: "asc",
-		limit: se,
-		counterpart_name__icontains: E || void 0,
-		is_vendor: !0,
-		enabled: !!E
-	}), q = ae({ selectedId: v }), J = ie(), Y = l(), X = f(() => {
-		let t = q.counterpart;
-		if (!t) return;
-		if (q.isBankAccountsLoading) return {
-			name: o(t),
-			email: a(t),
-			methodLabel: C.paymentMethodLoading,
-			fields: []
-		};
-		if (q.isBankAccountsError) return {
-			name: o(t),
-			email: a(t),
-			methodLabel: C.paymentMethodUnavailable,
-			fields: []
-		};
-		let n = s(q.bankAccounts);
-		return {
-			name: o(t),
-			email: a(t),
-			methodLabel: n ? C.achMethod : C.noMethod,
-			fields: n ? [
-				{
-					label: C.accountHolder,
-					value: n.account_holder_name ?? ""
-				},
-				{
-					label: C.routingNumber,
-					value: n.routing_number ?? ""
-				},
-				{
-					label: C.accountNumber,
-					value: n.account_number ?? "",
-					maskedValue: n.account_number ? e(n.account_number) : ""
-				}
-			] : []
-		};
+	]), l(() => {
+		B.current !== "none" && j === "none" && N && E(N), B.current = j;
 	}, [
-		q.bankAccounts,
-		q.counterpart,
-		q.isBankAccountsError,
-		q.isBankAccountsLoading,
-		C
-	]), Z = f(() => i(q.bankAccounts), [q.bankAccounts]), Q = u(async () => {
-		let e = N.current;
-		if (!v || !c(e)) return !0;
-		if (q.isBankAccountsLoading || q.isBankAccountsError) return !1;
-		let t = ne(e);
-		if (Object.keys(t).length > 0) return L(t), A(!0), !1;
-		L(void 0);
-		let n = te(q.bankAccounts, R ?? Z?.id);
-		if (n.kind === "update") return await Y.mutateAsync({
-			path: {
-				counterpart_id: v,
-				bank_account_id: n.bankAccountId
-			},
-			body: r(e, { includeAchDefaults: n.includeAchDefaults })
-		}), z(n.bankAccountId), !0;
-		let i = await J.mutateAsync({
-			path: { counterpart_id: v },
-			body: ee(e)
-		});
-		return z(i?.id), !0;
+		j,
+		N,
+		E
+	]), l(() => {
+		y !== "create" || V.current || (V.current = !0, G((e) => ({
+			...e,
+			entityType: "organization",
+			legalName: T?.trim() || e.legalName
+		})));
 	}, [
-		Z,
-		v,
-		J,
-		q.bankAccounts,
-		q.isBankAccountsError,
-		q.isBankAccountsLoading,
-		R,
-		Y
-	]), de = f(() => (K.data?.data ?? []).map((e) => ({
-		name: o(e),
-		email: a(e),
-		onSelect: () => W(e.id)
-	})), [K.data, W]), $ = u(() => {
-		k(void 0), P(!1);
-	}, []), fe = u((e) => {
-		k(void 0), P(!1), W(e);
-	}, [W]);
-	if (O) return {
-		mode: "creating",
-		newVendorForm: /* @__PURE__ */ h(oe, {
-			mode: O,
-			counterpart: O === "edit" ? q.counterpart : void 0,
-			primaryAddress: O === "edit" ? q.primaryAddress : void 0,
-			bankAccounts: O === "edit" ? q.bankAccounts : void 0,
-			isBankAccountsLoading: O === "edit" ? q.isBankAccountsLoading : void 0,
-			isBankAccountsError: O === "edit" ? q.isBankAccountsError : void 0,
-			initialName: O === "create" ? w : void 0,
-			onSaved: fe,
-			onCancel: $,
-			onDirtyChange: P
-		}),
-		onClear: $,
-		hasUnsavedVendorChanges: F
-	};
-	if (X) {
-		let e = q.isBankAccountsLoading || q.isBankAccountsError;
-		return {
-			mode: "resolved",
-			summary: X,
-			onEdit: e ? void 0 : () => k("edit"),
-			onClear: () => W(void 0),
-			paymentInstructions: e ? void 0 : {
-				isOpen: le,
-				values: j,
-				errors: I,
-				onOpen: () => {
-					A(!0), Z && (M({
-						accountHolderName: Z.account_holder_name ?? "",
-						routingNumber: Z.routing_number ?? "",
-						accountNumber: Z.account_number ?? ""
-					}), z(Z.id));
-				},
-				onChange: (e) => {
-					M((t) => ({
+		y,
+		T,
+		G
+	]), l(() => {
+		y === "edit" && (H.values.bankAccount.routingNumber || H.values.bankAccount.accountNumber) && I(!0);
+	}, [
+		y,
+		H.values.bankAccount.accountNumber,
+		H.values.bankAccount.routingNumber
+	]), l(() => {
+		H.sectionsToExpand.bankAccount && I(!0);
+	}, [H.sectionsToExpand.bankAccount]);
+	let q = c((e) => {
+		R(!0), G((t) => e.entityType === "individual" && t.entityType !== "individual" ? {
+			...t,
+			...e,
+			firstName: t.firstName || t.legalName,
+			legalName: t.legalName
+		} : e.entityType === "organization" && t.entityType !== "organization" ? {
+			...t,
+			...e,
+			legalName: t.legalName || [t.firstName, t.lastName].filter(Boolean).join(" ")
+		} : {
+			...t,
+			...e
+		});
+	}, [G]);
+	return /* @__PURE__ */ h("div", {
+		ref: K,
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-2",
+				children: [/* @__PURE__ */ m("p", {
+					className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+					children: y === "edit" ? A.editTitle : A.createTitle
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": A.close,
+					onClick: D,
+					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+				})]
+			}),
+			/* @__PURE__ */ m(r, {
+				mode: y,
+				counterpartMode: "vendor",
+				values: H.values,
+				errors: H.errors,
+				stateOptions: z,
+				onChange: q,
+				onAddressChange: (e) => {
+					R(!0), G((t) => ({
 						...t,
-						...e
-					})), L(void 0);
-				}
-			},
-			savePaymentInstructions: Q,
-			hasUnsavedVendorChanges: F
-		};
-	}
-	return {
-		mode: "selecting",
-		error: K.isError ? C.searchFailed : q.isError ? C.vendorDetailsFailed : x,
-		search: {
-			query: w,
-			onQueryChange: T,
-			isLoading: K.isLoading,
-			onAddVendor: () => k("create"),
-			results: de
-		},
-		savePaymentInstructions: Q,
-		hasUnsavedVendorChanges: F
-	};
+						address: {
+							...t.address,
+							...e
+						}
+					}));
+				},
+				sections: {
+					entityType: !0,
+					profileHeading: !1,
+					title: !1,
+					taxId: !1,
+					address: "collapsible",
+					bankAccount: !1
+				},
+				sectionsToExpand: H.sectionsToExpand,
+				onAddressExpand: H.expandAddress,
+				labels: { businessNameLabel: A.nameLabel }
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
+					children: A.paymentMethodsHeading
+				}), /* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: A.paymentMethodsDescription
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:p-3",
+				children: [/* @__PURE__ */ m("span", {
+					className: "ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ttw:bg-primary",
+					children: /* @__PURE__ */ m(g, {
+						"aria-hidden": !0,
+						className: "ttw:size-4 ttw:text-white"
+					})
+				}), /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+						children: [/* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+							children: A.achTitle
+						}), /* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: A.achDescription
+						})]
+					}), F ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
+						idPrefix: "vendor-inline-ach",
+						values: H.values.bankAccount,
+						errors: H.errors?.bankAccount,
+						onChange: (e) => {
+							R(!0), G((t) => ({
+								...t,
+								bankAccount: {
+									...t.bankAccount,
+									...e
+								}
+							}));
+						},
+						labels: {
+							accountHolderName: A.accountHolderNameLabel,
+							routingNumber: A.routingNumberLabel,
+							accountNumber: A.accountNumberLabel
+						}
+					}), /* @__PURE__ */ m("p", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: A.achHelp
+					})] }) : /* @__PURE__ */ h(e, {
+						type: "button",
+						variant: "link",
+						className: "ttw:w-fit ttw:px-0",
+						onClick: () => I(!0),
+						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), A.addBankAccount]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2",
+				children: [/* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "outline",
+					onClick: D,
+					children: A.cancel
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					onClick: H.submit,
+					loading: H.isSubmitting,
+					disabled: H.isSubmitting,
+					children: A.save
+				})]
+			})
+		]
+	});
 }
 //#endregion
-export { _ as useVendorSectionProps };
+export { y as VendorInlineForm, y as default };