@tesouro/embedded-components-react 0.4.5 → 0.4.6

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

@@ -2,216 +2,212 @@
 "use client";
 "use client";
 "use client";
-import { usePayableSuggestionsQuery as e } from "../../data-access/dist/index16.js";
-import "../../data-access/dist/index.js";
-import { maskAccountNumber as t } from "./index19.js";
-import { counterpartFormBankAccountToCreatePayload as n, counterpartFormBankAccountToUpdatePayload as ee, getAchInstructions as r, getCounterpartEmail as i, getCounterpartName as a, getPayableAchInstructions as o, hasAchFormValues as s, resolveCounterpartBankAccountWrite as c, validateAchFormValues as te } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
-import { useCounterpartsQuery as ne } from "../../../shared/counterpart-management/data-access/dist/index3.js";
-import { useCreateCounterpartBankAccountMutation as re, useUpdateCounterpartBankAccountMutation as ie } 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 { COUNTERPART_MESSAGE_LABELS_EN as a } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { useCounterpartForm as o } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
 import "../../../shared/counterpart-management/feature/dist/index.js";
-import { VENDOR_SECTION_PROPS_LABELS_EN as oe } from "./index41.js";
-import { buildVendorPrefill as se } from "./index43.js";
-import { VendorInlineForm as ce } from "./index44.js";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { jsx as le } from "react/jsx-runtime";
+import { VENDOR_INLINE_FORM_LABELS_EN as s } from "./index42.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";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index45.js
-var m = 10, ue = 300, h = {
-	accountHolderName: "",
-	routingNumber: "",
-	accountNumber: ""
-};
-function g({ payableId: g, counterpartId: _, payableCounterpartId: v, payableCounterpartBankAccountId: y, onCounterpartChange: b, requiredError: de, extractedVendor: x, labels: fe }) {
-	let S = {
-		...oe,
-		...fe
-	}, [C, w] = p(""), [T, E] = p(""), [D, O] = p(), [pe, k] = p(!1), [A, j] = p(h), M = f(A);
-	M.current = A;
-	let [N, P] = p(!1), F = s(A) || N, [I, L] = p(), [R, z] = p(), B = f(_), [V, me] = p(!1), H = l(() => {
-		k(!1), j(h), L(void 0), z(void 0);
-	}, []), U = l((e) => {
-		me(!0), b(e);
-	}, [b]), W = e(g, { enabled: !!g && !_ && !v }).data?.suggested_counterpart?.id;
-	u(() => {
-		!V && !_ && !v && W && U(W);
+function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, initialValues: E, onSaved: D, onCancel: O, onDirtyChange: k, labels: A }) {
+	let j = {
+		...s,
+		...A
+	}, [M, N] = f("none"), [P, F] = f(b?.id), [I, L] = f(!1), [R, z] = f(!1);
+	l(() => {
+		k?.(R);
+	}, [R, k]);
+	let B = u(() => t(), []), V = d(M), H = d(!1), U = o({
+		view: M,
+		setView: N,
+		selectedId: P,
+		setSelectedId: F,
+		messages: a,
+		counterpartType: "vendor",
+		counterpart: b,
+		primaryAddress: x,
+		bankAccounts: S,
+		isBankAccountsLoading: C,
+		isBankAccountsError: w
+	}), { openCreate: W, openEdit: G, setValues: K, expandAddress: q } = U, J = i(U.errors);
+	l(() => {
+		y === "edit" ? G() : W();
 	}, [
-		_,
-		v,
-		V,
+		y,
 		W,
-		U
-	]), u(() => {
-		B.current !== _ && (B.current = _, H());
-	}, [_, H]), u(() => {
-		let e = setTimeout(() => {
-			E(C.trim());
-		}, ue);
-		return () => clearTimeout(e);
-	}, [C]);
-	let G = ne({
-		sort: "counterpart_name",
-		order: "asc",
-		limit: m,
-		counterpart_name__icontains: T || void 0,
-		is_vendor: !0,
-		enabled: !!T
-	}), K = ae({ selectedId: _ }), q = re(), J = ie(), Y = d(() => {
-		let e = K.counterpart;
-		if (!e) return;
-		if (K.isBankAccountsLoading) return {
-			name: a(e),
-			email: i(e),
-			methodLabel: S.paymentMethodLoading,
-			fields: []
-		};
-		if (K.isBankAccountsError) return {
-			name: a(e),
-			email: i(e),
-			methodLabel: S.paymentMethodUnavailable,
-			fields: []
-		};
-		let n = o(K.bankAccounts);
-		return {
-			name: a(e),
-			email: i(e),
-			methodLabel: n ? S.achMethod : S.noMethod,
-			fields: n ? [
-				{
-					label: S.accountHolder,
-					value: n.account_holder_name ?? ""
-				},
-				{
-					label: S.routingNumber,
-					value: n.routing_number ?? ""
-				},
-				{
-					label: S.accountNumber,
-					value: n.account_number ?? "",
-					maskedValue: n.account_number ? t(n.account_number) : ""
-				}
-			] : []
-		};
+		G
+	]), l(() => {
+		V.current !== "none" && M === "none" && P && D(P), V.current = M;
 	}, [
-		K.bankAccounts,
-		K.counterpart,
-		K.isBankAccountsError,
-		K.isBankAccountsLoading,
-		S
-	]), X = d(() => r(K.bankAccounts), [K.bankAccounts]), Z = d(() => o(K.bankAccounts)?.id, [K.bankAccounts]), Q = l(async () => {
-		let e = M.current;
-		if (!_) return { ok: !0 };
-		if (!s(e)) return y && _ === v ? {
-			ok: !0,
-			counterpartBankAccountId: y
-		} : K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError ? { ok: !1 } : {
-			ok: !0,
-			counterpartBankAccountId: Z
-		};
-		if (K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError) return { ok: !1 };
-		let t = te(e);
-		if (Object.keys(t).length > 0) return L(t), k(!0), { ok: !1 };
-		L(void 0);
-		let r = c(K.bankAccounts, R ?? X?.id);
-		if (r.kind === "update") return await J.mutateAsync({
-			path: {
-				counterpart_id: _,
-				bank_account_id: r.bankAccountId
-			},
-			body: ee(e, { includeAchDefaults: r.includeAchDefaults })
-		}), z(r.bankAccountId), {
-			ok: !0,
-			counterpartBankAccountId: r.bankAccountId
-		};
-		let i = await q.mutateAsync({
-			path: { counterpart_id: _ },
-			body: n(e, { isDefaultForCurrency: r.isDefaultForCurrency })
-		});
-		return z(i?.id), {
-			ok: !0,
-			counterpartBankAccountId: i?.id
-		};
+		M,
+		P,
+		D
+	]), l(() => {
+		y !== "create" || H.current || (H.current = !0, K((e) => ({
+			...e,
+			entityType: "organization",
+			legalName: T?.trim() || E?.legalName || e.legalName,
+			email: E?.email || e.email,
+			phone: E?.phone || e.phone,
+			address: E?.address ?? e.address
+		})), E?.address && Object.values(E.address).some(Boolean) && q());
 	}, [
-		X,
-		_,
-		q,
-		K.bankAccounts,
-		K.isBankAccountsError,
-		K.isBankAccountsFetching,
-		K.isBankAccountsLoading,
-		R,
-		Z,
 		y,
-		v,
-		J
-	]), he = d(() => (G.data?.data ?? []).map((e) => ({
-		name: a(e),
-		email: i(e),
-		onSelect: () => U(e.id)
-	})), [G.data, U]), ge = d(() => se(x), [x]), $ = l(() => {
-		O(void 0), P(!1);
-	}, []), _e = l((e) => {
-		O(void 0), P(!1), U(e);
-	}, [U]);
-	if (D) return {
-		mode: "creating",
-		newVendorForm: /* @__PURE__ */ le(ce, {
-			mode: D,
-			counterpart: D === "edit" ? K.counterpart : void 0,
-			primaryAddress: D === "edit" ? K.primaryAddress : void 0,
-			bankAccounts: D === "edit" ? K.bankAccounts : void 0,
-			isBankAccountsLoading: D === "edit" ? K.isBankAccountsLoading : void 0,
-			isBankAccountsError: D === "edit" ? K.isBankAccountsError : void 0,
-			initialName: D === "create" ? C : void 0,
-			initialValues: D === "create" ? ge : void 0,
-			onSaved: _e,
-			onCancel: $,
-			onDirtyChange: P
-		}),
-		onClear: $,
-		hasUnsavedVendorChanges: F
-	};
-	if (Y) {
-		let e = K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError;
-		return {
-			mode: "resolved",
-			summary: Y,
-			onEdit: e ? void 0 : () => O("edit"),
-			onClear: () => U(void 0),
-			paymentInstructions: e ? void 0 : {
-				isOpen: pe,
-				values: A,
-				errors: I,
-				onOpen: () => {
-					k(!0), X && (j({
-						accountHolderName: X.account_holder_name ?? "",
-						routingNumber: X.routing_number ?? "",
-						accountNumber: X.account_number ?? ""
-					}), z(X.id));
-				},
-				onChange: (e) => {
-					j((t) => ({
+		T,
+		E,
+		K,
+		q
+	]), l(() => {
+		y === "edit" && (U.values.bankAccount.routingNumber || U.values.bankAccount.accountNumber) && L(!0);
+	}, [
+		y,
+		U.values.bankAccount.accountNumber,
+		U.values.bankAccount.routingNumber
+	]), l(() => {
+		U.sectionsToExpand.bankAccount && L(!0);
+	}, [U.sectionsToExpand.bankAccount]);
+	let Y = c((e) => {
+		z(!0), K((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
+		});
+	}, [K]);
+	return /* @__PURE__ */ h("div", {
+		ref: J,
+		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" ? j.editTitle : j.createTitle
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": j.close,
+					onClick: O,
+					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+				})]
+			}),
+			/* @__PURE__ */ m(r, {
+				mode: y,
+				counterpartMode: "vendor",
+				values: U.values,
+				errors: U.errors,
+				stateOptions: B,
+				onChange: Y,
+				onAddressChange: (e) => {
+					z(!0), K((t) => ({
 						...t,
-						...e
-					})), L(void 0);
-				}
-			},
-			savePaymentInstructions: Q,
-			hasUnsavedVendorChanges: F
-		};
-	}
-	return {
-		mode: "selecting",
-		error: G.isError ? S.searchFailed : K.isError ? S.vendorDetailsFailed : de,
-		search: {
-			query: C,
-			onQueryChange: w,
-			isLoading: G.isLoading,
-			onAddVendor: () => O("create"),
-			results: he
-		},
-		savePaymentInstructions: Q,
-		hasUnsavedVendorChanges: F
-	};
+						address: {
+							...t.address,
+							...e
+						}
+					}));
+				},
+				sections: {
+					entityType: !0,
+					profileHeading: !1,
+					title: !1,
+					taxId: !1,
+					address: "collapsible",
+					bankAccount: !1
+				},
+				sectionsToExpand: U.sectionsToExpand,
+				onAddressExpand: U.expandAddress,
+				labels: { businessNameLabel: j.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: j.paymentMethodsHeading
+				}), /* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: j.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: j.achTitle
+						}), /* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: j.achDescription
+						})]
+					}), I ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
+						idPrefix: "vendor-inline-ach",
+						values: U.values.bankAccount,
+						errors: U.errors?.bankAccount,
+						onChange: (e) => {
+							z(!0), K((t) => ({
+								...t,
+								bankAccount: {
+									...t.bankAccount,
+									...e
+								}
+							}));
+						},
+						labels: {
+							accountHolderName: j.accountHolderNameLabel,
+							routingNumber: j.routingNumberLabel,
+							accountNumber: j.accountNumberLabel
+						}
+					}), /* @__PURE__ */ m("p", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: j.achHelp
+					})] }) : /* @__PURE__ */ h(e, {
+						type: "button",
+						variant: "link",
+						className: "ttw:w-fit ttw:px-0",
+						onClick: () => L(!0),
+						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), j.addBankAccount]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2",
+				children: [/* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "outline",
+					onClick: O,
+					children: j.cancel
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					onClick: U.submit,
+					loading: U.isSubmitting,
+					disabled: U.isSubmitting,
+					children: j.save
+				})]
+			})
+		]
+	});
 }
 //#endregion
-export { g as useVendorSectionProps };
+export { y as VendorInlineForm, y as default };