@tesouro/embedded-components-react 0.2.254 → 0.2.255

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

@@ -1,4 +1,44 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index2.js
-var e = { Mounted: "bill_pay_widget.mounted" }, t = "bill_pay_widget";
+var e = {
+	unmappedValidationError: (e, t) => `${e}: ${t}`,
+	unknownValidationField: "(unknown field)",
+	requiredField: "This field is required.",
+	saveFailed: "We could not save this bill. Try again.",
+	finalizeFailed: "We could not submit this bill. Try again.",
+	draftSaved: "Bill saved as a draft.",
+	billFinalized: "Bill submitted for approval."
+}, t = {
+	achMethod: "via ACH bank transfer",
+	noMethod: "No payment method on file",
+	accountHolder: "Account holder",
+	routingNumber: "Routing number",
+	accountNumber: "Account number",
+	searchFailed: "We could not load vendors. Try again.",
+	vendorDetailsFailed: "We could not load this vendor. Try again."
+}, n = {
+	attachFailed: "We could not attach that file. Try again.",
+	saveBeforeAttaching: "Save this bill before attaching a document."
+}, r = {
+	newTitle: "Add bill",
+	extractedTitle: (e) => `Bill from ${e}`,
+	discardConfirm: "Discard your changes to this bill?"
+}, i = {
+	createTitle: "New vendor",
+	editTitle: "Edit vendor",
+	close: "Close the vendor form",
+	nameLabel: "Name",
+	addAddress: "Add address (optional)",
+	paymentMethodsHeading: "Accepted payment methods",
+	paymentMethodsDescription: "How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later — you just won't be able to send payments until you do.",
+	achTitle: "ACH bank transfer",
+	achDescription: "Fast, direct deposit to the vendor's bank. Arrives in 1–3 business days.",
+	addBankAccount: "Add bank account",
+	accountHolderNameLabel: "Account holder name",
+	routingNumberLabel: "Routing number",
+	accountNumberLabel: "Account number",
+	achHelp: "Ask your vendor for this — it's usually on their invoice, W-9, or a payment instructions email they send you.",
+	cancel: "Cancel",
+	save: "Save vendor"
+};
 //#endregion
-export { e as BillPayWidgetAnalyticsEvent, t as WIDGET_NAME };
+export { e as BILL_CREATE_MESSAGE_LABELS_EN, r as BILL_CREATE_SCREEN_LABELS_EN, n as SOURCE_DOCUMENT_CONTAINER_LABELS_EN, i as VENDOR_INLINE_FORM_LABELS_EN, t as VENDOR_SECTION_PROPS_LABELS_EN };

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

@@ -0,0 +1,3 @@
+import "./index17.js";
+import "./index18.js";
+import "./index19.js";

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

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js
+var e = (e) => [
+	"bill-pay",
+	"upload-queue",
+	e ?? ""
+];
+//#endregion
+export { e as billPayUploadQueueKey };

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

@@ -0,0 +1,9 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js
+var e = {
+	uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
+	completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
+	readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
+	failedCaption: (e) => `${e} failed to upload`
+};
+//#endregion
+export { e as BILL_UPLOAD_QUEUE_LABELS_EN };

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

@@ -0,0 +1,85 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
+import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { billPayUploadQueueKey as r } from "./index21.js";
+import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index22.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js
+function d({ onOpenBill: d, labels: f } = {}) {
+	let p = {
+		...i,
+		...f
+	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
+		queryKey: g,
+		queryFn: () => h.getQueryData(g) ?? [],
+		staleTime: Infinity,
+		gcTime: Infinity,
+		initialData: []
+	}), x = a((e, t) => {
+		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
+			...n,
+			...t
+		} : n));
+	}, [h, g]), S = a((e) => {
+		y(!1);
+		for (let t of e) {
+			let e = crypto.randomUUID();
+			h.setQueryData(g, (n) => [...n ?? [], {
+				localId: e,
+				fileName: t.name,
+				status: "uploading"
+			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
+		}
+	}, [
+		x,
+		h,
+		g,
+		_
+	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
+	o(() => {
+		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
+			let r = b.find((t) => t.payableId === e && t.status === "uploading");
+			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
+		}
+	}, [
+		b,
+		C,
+		x
+	]);
+	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
+		id: e.localId,
+		fileName: e.fileName,
+		status: e.status,
+		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
+	}), O = w.length ? [{
+		id: "in-progress",
+		items: b.map(D)
+	}] : [...T.length ? [{
+		id: "ready",
+		caption: p.readyCaption(T.length),
+		items: T.map(D)
+	}] : [], ...E.length ? [{
+		id: "failed",
+		caption: p.failedCaption(E.length),
+		items: E.map(D)
+	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
+		h.setQueryData(g, []);
+	}, [h, g]);
+	return {
+		enqueue: S,
+		sections: O,
+		summaryLabel: k,
+		collapsed: v,
+		onToggleCollapsed: a(() => y((e) => !e), []),
+		onClose: A,
+		isVisible: b.length > 0
+	};
+}
+//#endregion
+export { d as useBillUploadQueue };

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

@@ -0,0 +1,3 @@
+import "./index21.js";
+import "./index22.js";
+import "./index23.js";

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

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
+var e = {
+	bills: "Bills",
+	vendors: "Vendors",
+	settings: "Settings"
+};
+//#endregion
+export { e as DEFAULT_TABS_LABELS };

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

@@ -0,0 +1,112 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetUi as o } from "../../ui/dist/index31.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index41.js";
+import "../../ui/dist/index.js";
+import { billsTabTestIds as c } from "./index18.js";
+import { BillsTab as l } from "./index19.js";
+import "./index20.js";
+import { useBillUploadQueue as u } from "./index23.js";
+import "./index24.js";
+import { BillPayWidgetAnalyticsEvent as d, WIDGET_NAME as f } from "./index13.js";
+import { DEFAULT_TABS_LABELS as p } from "./index25.js";
+import { ApprovalPoliciesSettings as m } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
+import "../../../shared/approval-policy/feature/dist/index.js";
+import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
+import "../../../counterparts-widget/feature/dist/index.js";
+import { useCallback as g, useEffect as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js
+var S = {
+	Bills: "bills",
+	Vendors: "vendors",
+	Settings: "settings"
+}, C = [
+	S.Bills,
+	S.Vendors,
+	S.Settings
+];
+function w({ labels: i, tabsLabels: f, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E }) {
+	let D = r();
+	_(() => {
+		D(d.Mounted);
+	}, [D]);
+	let O = {
+		...p,
+		...f
+	}, { initResponse: k } = a(), A = e(k?.scopes, [t.ApprovalPolicyWriteOrg]), j = !k || A, [M, N] = v(S.Bills), [P, F] = v(), I = g((e) => {
+		N(S.Bills), F(e);
+	}, []), L = u({ onOpenBill: I }), R = [{
+		id: S.Bills,
+		label: O.bills,
+		content: /* @__PURE__ */ b(l, {
+			onEnqueueFiles: L.enqueue,
+			openPayableId: P,
+			onOpenPayableHandled: () => F(void 0)
+		})
+	}, {
+		id: S.Vendors,
+		label: O.vendors,
+		content: /* @__PURE__ */ b(h, {
+			...E,
+			counterpartType: "vendor",
+			showTitle: !1,
+			onViewAllDocuments: () => N(S.Bills)
+		})
+	}];
+	j && R.push({
+		id: S.Settings,
+		label: O.settings,
+		content: /* @__PURE__ */ b(m, {
+			labels: w,
+			componentLabels: T
+		})
+	});
+	let z = R.some((e) => e.id === M) ? M : C.find((e) => R.some((t) => t.id === e)) ?? R[0]?.id ?? "";
+	return /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ b(n, {}),
+		/* @__PURE__ */ b(o, {
+			labels: i,
+			tabs: R,
+			selectedTabId: z,
+			onTabChange: N
+		}),
+		L.isVisible ? /* @__PURE__ */ b(s, {
+			sections: L.sections,
+			summaryLabel: L.summaryLabel,
+			collapsed: L.collapsed,
+			onToggleCollapsed: L.onToggleCollapsed,
+			onClose: L.onClose,
+			testId: c.uploadTray
+		}) : null
+	] });
+}
+function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: l, analytics: u, ...d }) {
+	return /* @__PURE__ */ b(i, {
+		widgetName: f,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: r,
+		linkComponent: a,
+		implementation: o,
+		uiFramework: s,
+		errorFallback: c,
+		onError: l,
+		analytics: u,
+		children: /* @__PURE__ */ b(w, { ...d })
+	});
+}
+//#endregion
+export { T as BillPayWidgetNative, T as default };

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

@@ -0,0 +1 @@
+import "./index26.js";

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

@@ -0,0 +1,25 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetMonite as n } from "./index14.js";
+import "./index15.js";
+import { BillPayWidgetNative as r } from "./index26.js";
+import "./index27.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js
+function a({ implementation: a, ...o }) {
+	let s = t().implementation, c = a ?? s ?? e.Monite;
+	return c === e.Native ? /* @__PURE__ */ i(r, {
+		implementation: c,
+		...o
+	}) : /* @__PURE__ */ i(n, {
+		implementation: c,
+		...o
+	});
+}
+//#endregion
+export { a as BillPayWidget, a as default };

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

@@ -2,42 +2,58 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetAnalyticsEvent as t, WIDGET_NAME as n } from "./index2.js";
-import { Payables as r } from "../../../monite-sdk/dist/index431.js";
-import "../../../monite-sdk/dist/index.js";
-import { MoniteRegionProvider as i } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
-import "../../../shared/monite-wrapper/feature/dist/index.js";
-import { useEffect as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as e } from "./index2.js";
+import { useAttachPayableFileMutation as t, useDeletePayableFileMutation as n } from "../../data-access/dist/index7.js";
+import "../../data-access/dist/index.js";
+import { SourceDocumentPanel as r } from "../../ui/dist/index48.js";
+import "../../ui/dist/index.js";
+import { jsx as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index3.js
-var s = (e) => e;
-function c(n) {
-	let i = e();
-	return a(() => {
-		i(t.Mounted);
-	}, [i]), /* @__PURE__ */ o(r, { ...n });
-}
-function l({ baseUrl: e, widgetToken: t, organizationId: r, configClient: a, linkComponent: l, implementation: u, uiFramework: d, errorFallback: f, onError: p, finopsThemeColors: m, analytics: h, pageTitleComponent: g = s, ..._ }) {
-	return /* @__PURE__ */ o(i, {
-		widgetName: n,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: r,
-		configClient: a,
-		linkComponent: l,
-		implementation: u,
-		uiFramework: d,
-		errorFallback: f,
-		onError: p,
-		finopsThemeColors: m,
-		analytics: h,
-		children: /* @__PURE__ */ o(c, {
-			..._,
-			pageTitleComponent: g
-		})
+function a({ payableId: a, file: o, isDocumentPending: s, pendingFileName: c, labels: l }) {
+	let u = {
+		...e,
+		...l
+	}, d = t(), f = n();
+	if (!o && (s || d.isPending)) return /* @__PURE__ */ i(r, {
+		mode: "loading",
+		fileName: c
+	});
+	if (!o && !a) return /* @__PURE__ */ i("div", {
+		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
+		children: u.saveBeforeAttaching
+	});
+	if (!o) return /* @__PURE__ */ i(r, {
+		mode: "upload",
+		uploadStatus: d.isPending ? "uploading" : "idle",
+		uploadErrorMessage: d.isError ? u.attachFailed : void 0,
+		onFilesSelected: (e) => {
+			let [t] = e;
+			!t || !a || d.mutate({
+				path: { payable_id: a },
+				file: t
+			});
+		}
+	});
+	let p = o.mimetype === "application/pdf" ? /* @__PURE__ */ i("iframe", {
+		src: `${o.url}#toolbar=0&navpanes=0`,
+		title: o.name,
+		referrerPolicy: "no-referrer",
+		className: "ttw:h-full ttw:w-full ttw:border-0"
+	}) : /* @__PURE__ */ i("img", {
+		src: o.url,
+		alt: o.name,
+		className: "ttw:max-h-full ttw:max-w-full ttw:object-contain"
+	});
+	return /* @__PURE__ */ i(r, {
+		mode: "document",
+		fileName: o.name,
+		preview: p,
+		onDownload: () => window.open(o.url, "_blank", "noopener,noreferrer"),
+		onDelete: a ? () => f.mutate({
+			path: { file_id: o.id },
+			payableId: a
+		}) : void 0
 	});
 }
 //#endregion
-export { l as BillPayWidgetMonite, l as default };
+export { a as SourceDocumentContainer, a as default };

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

@@ -1 +1,235 @@
-import "./index3.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, Input as t, Label as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { getStateOptions as r } from "../../../shared/util/dist/lib/usStates.js";
+import { VENDOR_INLINE_FORM_LABELS_EN as i } from "./index2.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as a } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { AddressFieldGroup as o } from "../../../shared/counterpart-management/ui/dist/index5.js";
+import { CounterpartFormFields as s } from "../../../shared/counterpart-management/ui/dist/index8.js";
+import "../../../shared/counterpart-management/ui/dist/index.js";
+import { useCounterpartForm as c } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { 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/index4.js
+function y({ mode: y, counterpart: b, primaryAddress: x, initialName: S, onSaved: C, onCancel: w, labels: T }) {
+	let E = {
+		...i,
+		...T
+	}, [D, O] = f("none"), [k, A] = f(b?.id), [j, M] = f(!1), [N, P] = f(!1), F = u(() => r(), []), I = d(D), L = d(!1), R = c({
+		view: D,
+		setView: O,
+		selectedId: k,
+		setSelectedId: A,
+		messages: a,
+		counterpartType: "vendor",
+		counterpart: b,
+		primaryAddress: x,
+		requireAddress: !1
+	}), { openCreate: z, openEdit: B, setValues: V } = R;
+	return l(() => {
+		y === "edit" ? B() : z();
+	}, [
+		y,
+		z,
+		B
+	]), l(() => {
+		I.current !== "none" && D === "none" && k && C(k), I.current = D;
+	}, [
+		D,
+		k,
+		C
+	]), l(() => {
+		y !== "create" || L.current || (L.current = !0, V((e) => ({
+			...e,
+			entityType: "organization",
+			legalName: S?.trim() || e.legalName
+		})));
+	}, [
+		y,
+		S,
+		V
+	]), l(() => {
+		y === "edit" && x && M(!0);
+	}, [y, x]), /* @__PURE__ */ h("div", {
+		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" ? E.editTitle : E.createTitle
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": E.close,
+					onClick: w,
+					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+				})]
+			}),
+			/* @__PURE__ */ m(s, {
+				mode: y,
+				counterpartMode: "vendor",
+				values: R.values,
+				errors: R.errors,
+				stateOptions: F,
+				onChange: (e) => V((t) => ({
+					...t,
+					...e
+				})),
+				onAddressChange: (e) => V((t) => ({
+					...t,
+					address: {
+						...t.address,
+						...e
+					}
+				})),
+				sections: {
+					entityType: !1,
+					profileHeading: !1,
+					taxId: !1,
+					address: !1,
+					bankAccount: !1
+				},
+				labels: { businessNameLabel: E.nameLabel }
+			}),
+			j ? /* @__PURE__ */ m(o, {
+				idPrefix: "vendor-inline-address",
+				values: R.values.address,
+				errors: R.errors?.address,
+				stateOptions: F,
+				onChange: (e) => V((t) => ({
+					...t,
+					address: {
+						...t.address,
+						...e
+					}
+				}))
+			}) : /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => M(!0),
+				className: "ttw:flex ttw:w-fit ttw:items-center ttw:gap-1 ttw:text-sm ttw:font-medium ttw:text-primary ttw:hover:underline",
+				children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), E.addAddress]
+			}),
+			/* @__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: E.paymentMethodsHeading
+				}), /* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: E.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: E.achTitle
+						}), /* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: E.achDescription
+						})]
+					}), N ? /* @__PURE__ */ h(p, { children: [
+						/* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ m(n, {
+								htmlFor: "vendor-inline-account-holder",
+								children: E.accountHolderNameLabel
+							}), /* @__PURE__ */ m(t, {
+								id: "vendor-inline-account-holder",
+								value: R.values.bankAccount.accountHolderName,
+								"aria-invalid": !!R.errors?.bankAccount?.accountHolderName,
+								onChange: (e) => V((t) => ({
+									...t,
+									bankAccount: {
+										...t.bankAccount,
+										accountHolderName: e.target.value
+									}
+								}))
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [/* @__PURE__ */ m(n, {
+									htmlFor: "vendor-inline-routing",
+									children: E.routingNumberLabel
+								}), /* @__PURE__ */ m(t, {
+									id: "vendor-inline-routing",
+									value: R.values.bankAccount.routingNumber,
+									"aria-invalid": !!R.errors?.bankAccount?.routingNumber,
+									onChange: (e) => V((t) => ({
+										...t,
+										bankAccount: {
+											...t.bankAccount,
+											routingNumber: e.target.value
+										}
+									}))
+								})]
+							}), /* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [/* @__PURE__ */ m(n, {
+									htmlFor: "vendor-inline-account-number",
+									children: E.accountNumberLabel
+								}), /* @__PURE__ */ m(t, {
+									id: "vendor-inline-account-number",
+									value: R.values.bankAccount.accountNumber,
+									"aria-invalid": !!R.errors?.bankAccount?.accountNumber,
+									onChange: (e) => V((t) => ({
+										...t,
+										bankAccount: {
+											...t.bankAccount,
+											accountNumber: e.target.value
+										}
+									}))
+								})]
+							})]
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: E.achHelp
+						})
+					] }) : /* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => P(!0),
+						className: "ttw:flex ttw:w-fit ttw:items-center ttw:gap-1 ttw:text-sm ttw:font-medium ttw:text-primary ttw:hover:underline",
+						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), E.addBankAccount]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2",
+				children: [/* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "outline",
+					onClick: w,
+					children: E.cancel
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					onClick: R.submit,
+					loading: R.isSubmitting,
+					disabled: R.isSubmitDisabled,
+					children: E.save
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { y as VendorInlineForm, y as default };