@tesouro/embedded-components-react 0.9.24 → 0.9.26

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

@@ -2,116 +2,469 @@
 "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 "../../../../shared/util/dist/index.js";
-import { AchFieldGroup as n } from "../../../../shared/counterpart-management/ui/dist/index5.js";
-import { CounterpartFormFields as r, countErrors as i, useFocusFirstInvalidField as a } from "../../../../shared/counterpart-management/ui/dist/index10.js";
-import "../../../../shared/counterpart-management/ui/dist/index.js";
-import { VendorSearchCombobox as o } from "../../ui/dist/index24.js";
-import "../../ui/dist/index.js";
-import { mergeVendorInlineFormLabels as s } from "./index29.js";
+import { toast as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { hasAnyScope as t } from "../../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as ee } from "../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../shared/data-access/dist/index.js";
+import "../../../../shared/ui/dist/index.js";
+import { useWidgetConfig as n } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../shared/feature/dist/index.js";
+import { VENDOR_SECTION_PROPS_LABELS_EN as r } from "./index28.js";
+import { usePayableSuggestionsQuery as i } from "../../data-access/dist/index19.js";
+import "../../data-access/dist/index.js";
+import { resolvePaymentInstructionsGestures as a } from "./index14.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { counterpartFormBankAccountToCreatePayload as te, counterpartFormBankAccountToUpdatePayload as ne, getAchInstructions as s, getCounterpartEmail as re, getCounterpartName as ie, getPayableAchInstructions as ae, hasCounterpartFormErrors as oe, isAchCompatibleBankAccount as c, resolveCounterpartBankAccountWrite as se, validateAchFormValues as ce, validateCounterpartForm as le } from "../../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCounterpartsQuery as ue } from "../../../../shared/counterpart-management/data-access/dist/index3.js";
+import { useCreateCounterpartBankAccountMutation as de, useUpdateCounterpartBankAccountMutation as fe } from "../../../../shared/counterpart-management/data-access/dist/index4.js";
+import { useCounterpartDetails as pe } from "../../../../shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js";
+import { useCounterpartForm as me } from "../../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
 import "../../../../shared/counterpart-management/feature/dist/index.js";
-import { useMemo as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { buildVendorPrefill as he, canAutoCreateVendor as ge, toCounterpartRawData as _e } from "./index30.js";
+import { VendorInlineForm as ve } from "./index31.js";
+import { useCallback as l, useEffect as u, useLayoutEffect as ye, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as be } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index32.js
-function d({ mode: d, values: f, errors: p, onChange: m, onAddressChange: h, onCancel: g, onSave: _, isSaving: v = !1, search: y, paymentInstructions: b, labels: x }) {
-	let S = c(() => s(x), [x]), C = c(() => t(), []), w = a(p ?? {}), T = i({
-		...p,
-		form: void 0,
-		bankAccount: void 0
-	}) + i(b?.errors), E = y?.query.trim() ?? "", D = f.entityType === "individual" ? `${f.firstName} ${f.lastName}`.trim() : f.legalName, O = y && d === "create" ? /* @__PURE__ */ l(o, {
-		...y,
-		onAddVendor: E && E !== D.trim() ? y.onAddVendor : void 0,
-		selectedLabel: D,
-		badge: S.newVendorBadge,
-		helperText: S.unmatchedVendorHelper,
-		resultsHeading: S.resultsHeading,
-		addVendorDescription: S.addAsNewVendorDescription,
-		labels: {
-			fieldLabel: S.vendorFieldLabel,
-			addVendorAction: S.addAsNewVendor(E)
-		}
-	}) : null;
-	return /* @__PURE__ */ u("div", {
-		ref: w,
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [O, /* @__PURE__ */ u("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:rounded-lg ttw:border ttw:border-primary ttw:bg-surface-subtle ttw:p-6 ttw:[&_[data-slot=input]]:bg-background ttw:[&_[data-slot=select-trigger]]:bg-background",
-			children: [
-				/* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:items-baseline ttw:justify-between ttw:gap-2",
-					children: [/* @__PURE__ */ l("p", {
-						className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-						children: d === "edit" ? S.editTitle : S.createTitle
-					}), T > 0 ? /* @__PURE__ */ l("p", {
-						className: "ttw:text-sm ttw:text-destructive",
-						children: S.fieldsNeedAttention(T)
-					}) : null]
-				}),
-				y && d === "edit" ? /* @__PURE__ */ l(o, {
-					...y,
-					labels: { fieldLabel: S.switchVendorFieldLabel }
-				}) : null,
-				/* @__PURE__ */ l(r, {
-					mode: d,
-					counterpartMode: "vendor",
-					values: f,
-					errors: p,
-					stateOptions: C,
-					onChange: m,
-					onAddressChange: h,
-					sections: {
-						entityType: !0,
-						profileHeading: !1,
-						addressHeading: !1,
-						title: !1,
-						taxId: !1,
-						address: !0,
-						bankAccount: !1
-					},
-					labels: { businessNameLabel: S.nameLabel }
-				}),
-				b ? /* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-3",
-					children: [/* @__PURE__ */ u("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ l("p", {
-							className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
-							children: S.paymentInstructionsHeading
-						}), /* @__PURE__ */ l("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: b.isExtracted ? S.paymentInstructionsExtracted : S.paymentInstructionsDescription
-						})]
-					}), /* @__PURE__ */ l(n, {
-						idPrefix: "vendor-inline-ach",
-						values: b.values,
-						errors: b.errors,
-						onChange: b.onChange,
-						labels: S.ach
-					})]
-				}) : null,
-				/* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:justify-end ttw:gap-2",
-					children: [/* @__PURE__ */ l(e, {
-						type: "button",
-						variant: "outline",
-						onClick: g,
-						"aria-label": S.cancelAriaLabel,
-						disabled: v,
-						children: S.cancel
-					}), _ ? /* @__PURE__ */ l(e, {
-						type: "button",
-						onClick: _,
-						"aria-label": S.saveAriaLabel,
-						loading: v,
-						disabled: v,
-						children: S.save
-					}) : null]
-				})
-			]
-		})]
+var xe = 10, Se = 300, m = {
+	accountHolderName: "",
+	routingNumber: "",
+	accountNumber: ""
+};
+function Ce(e) {
+	return {
+		accountHolderName: e.account_holder_name ?? "",
+		routingNumber: e.routing_number ?? "",
+		accountNumber: e.account_number ?? ""
+	};
+}
+function h(e, t) {
+	return e.accountHolderName.trim() === t.accountHolderName.trim() && e.routingNumber.trim() === t.routingNumber.trim() && e.accountNumber.trim() === t.accountNumber.trim();
+}
+function we(e, t) {
+	return e?.find((e) => e.id === t && c(e)) ?? s(e);
+}
+function g({ payableId: s, counterpartId: c, payableCounterpartId: g, payableCounterpartBankAccountId: Te, isVendorKnown: Ee = !0, onCounterpartChange: De, requiredError: Oe, extractedVendor: _, readOnly: v = !1, canEditVendor: y = !0, canEditPaymentInstructions: ke = !0, canAddPaymentInstructions: Ae = !0, confirmDiscard: b = (e) => e(), labels: x }) {
+	let S = d(() => ({
+		...r,
+		...x
+	}), [x]), je = x?.messages, C = d(() => ({
+		...o,
+		...je
+	}), [je]), { initResponse: Me } = n(), Ne = t(Me?.scopes, [ee.CounterpartReadOrg]), [w, Pe] = p(""), [T, Fe] = p(""), Ie = f(T), [E, Le] = p(), [Re, ze] = p("none"), [Be, Ve] = p(), [He, D] = p(!1), [O, k] = p(!1), [A, Ue] = p(m), j = f(A);
+	j.current = A;
+	let M = f(m), [We, N] = p(), [Ge, Ke] = p(), qe = Ge?.bankAccountId, P = f(void 0), Je = f(c), [Ye, Xe] = p(!1), [Ze, Qe] = p(!1), F = f(void 0), I = l(() => {
+		k(!1), Ue(m), M.current = m, N(void 0);
+	}, []), L = l((e) => {
+		Xe(!0), De(e);
+	}, [De]), $e = i(s, { enabled: !v && !!s && !c && !g }), R = $e.data?.suggested_counterpart?.id, et = _?.name;
+	u(() => {
+		!v && !Ye && !c && !g && R && L(R);
+	}, [
+		c,
+		g,
+		v,
+		Ye,
+		R,
+		L
+	]), u(() => {
+		Je.current !== c && (Je.current = c, I(), Ke((e) => e?.counterpartId === c ? e : void 0));
+	}, [c, I]), u(() => {
+		let e = setTimeout(() => {
+			Fe(w.trim());
+		}, Se);
+		return () => clearTimeout(e);
+	}, [w]);
+	let z = d(() => he(_), [_]), B = z?.bankAccount, tt = d(() => ge(_), [_]), nt = E === "create" ? !h(A, B ?? m) : O && !h(A, M.current), rt = !v && (E === "edit" || E === "create" && !!z), V = ue({
+		sort: "counterpart_name",
+		order: "asc",
+		limit: xe,
+		counterpart_name__icontains: T || void 0,
+		is_vendor: !0,
+		enabled: (rt || !v && !E && !c) && Ee && Ne
 	});
+	u(() => {
+		V.isPlaceholderData || (Ie.current = T);
+	}, [T, V.isPlaceholderData]);
+	let it = V.isPlaceholderData && Ie.current !== T, H = pe({
+		selectedId: c,
+		enabled: Ne
+	}), at = de(), ot = fe(), U = me({
+		view: Re,
+		setView: ze,
+		selectedId: Be,
+		setSelectedId: Ve,
+		messages: C,
+		counterpartType: "vendor",
+		counterpart: H.counterpart,
+		primaryAddress: H.primaryAddress,
+		includeBankAccount: !1
+	}), { openCreate: st, openEdit: ct, close: lt, setValues: W, submit: ut, values: dt } = U, G = d(() => {
+		let e = H.counterpart;
+		if (!e) return;
+		if (H.isBankAccountsLoading) return {
+			name: ie(e),
+			email: re(e),
+			methodLabel: S.paymentMethodLoading,
+			hasPaymentInstructions: !1
+		};
+		if (H.isBankAccountsError) return {
+			name: ie(e),
+			email: re(e),
+			methodLabel: S.paymentMethodUnavailable,
+			hasPaymentInstructions: !1
+		};
+		let t = ae(H.bankAccounts);
+		return {
+			name: ie(e),
+			email: re(e),
+			methodLabel: t ? S.paymentInstructionsValue(t.account_number?.slice(-4) ?? "") : S.noMethod,
+			hasPaymentInstructions: !!t
+		};
+	}, [
+		H.bankAccounts,
+		H.counterpart,
+		H.isBankAccountsError,
+		H.isBankAccountsLoading,
+		S
+	]), K = d(() => {
+		let e = et?.trim();
+		if (!e || c || E) return;
+		let t = B?.accountNumber;
+		return {
+			name: e,
+			email: _?.email ?? "",
+			description: tt ? S.pendingVendorDescription : S.pendingVendorIncompleteDescription,
+			methodLabel: t ? S.paymentInstructionsValue(t.slice(-4)) : "",
+			hasPaymentInstructions: !!t
+		};
+	}, [
+		c,
+		B?.accountNumber,
+		_?.email,
+		et,
+		E,
+		tt,
+		S
+	]), ft = !!K && !tt, q = c === g ? Te : void 0, J = d(() => we(H.bankAccounts, q), [H.bankAccounts, q]), pt = d(() => ae(H.bankAccounts)?.id, [H.bankAccounts]), mt = !H.counterpart || H.isLoading || H.isFetching || H.isError || H.isBankAccountsLoading || H.isBankAccountsFetching || H.isBankAccountsError, ht = mt || H.isAddressesLoading || H.isAddressesFetching || H.isAddressesError, gt = y && !mt && H.isAddressesError ? { onRetry: H.refetchAddresses } : void 0, Y = l(() => {
+		lt(), Le(void 0), D(!1), P.current = void 0;
+	}, [lt]), X = l((e) => {
+		if (D(!1), P.current = void 0, e === "edit") Ve(c), ct();
+		else {
+			st();
+			let e = w.trim();
+			W((t) => ({
+				...t,
+				entityType: "organization",
+				legalName: e || z?.legalName || t.legalName,
+				email: z?.email || t.email,
+				phone: z?.phone || t.phone,
+				address: z?.address ?? t.address
+			})), Ue(B ?? m), N(void 0), M.current = m;
+		}
+		Le(e);
+	}, [
+		c,
+		B,
+		st,
+		ct,
+		w,
+		W,
+		z
+	]), _t = U.revealErrors, vt = l(() => {
+		Xe(!0), X("create"), _t();
+		let e = B ? ce(B, C) : {};
+		Object.keys(e).length && N(e);
+	}, [
+		B,
+		C,
+		X,
+		_t
+	]), yt = f(!1), bt = !yt.current && !v && y && Ee && !g && !R && !Ye && ft, xt = bt && !$e.isLoading;
+	ye(() => {
+		xt && (yt.current = !0, vt());
+	}, [vt, xt]);
+	let St = l(() => {
+		let e = J ? Ce(J) : m;
+		M.current = e, Ue(e), N(void 0), k(!0);
+	}, [J]), Ct = l((e) => {
+		let t = {
+			...j.current,
+			...e
+		};
+		j.current = t, Ue(t);
+		let ee = ce(t, C);
+		N((e) => {
+			if (!e) return e;
+			let t = { ...e };
+			for (let e of Object.keys(t)) ee[e] || delete t[e];
+			return Object.keys(t).length ? t : void 0;
+		});
+	}, [C]), wt = l(() => {
+		nt ? b(I) : I();
+	}, [
+		I,
+		b,
+		nt
+	]), Z = l(() => {
+		Y(), I();
+	}, [I, Y]), Q = He || nt, $ = l((e) => {
+		let t = () => {
+			Z(), e();
+		};
+		Q ? b(t) : t();
+	}, [
+		b,
+		Z,
+		Q
+	]), Tt = l(() => {
+		Q ? b(Z) : Z();
+	}, [
+		b,
+		Z,
+		Q
+	]), Et = l(async ({ closeOnSuccess: t = !0, allowIncompleteVendor: ee = !1 } = {}) => {
+		if (ee && E === "create" && !P.current) {
+			let e = j.current, t = le({
+				...dt,
+				bankAccount: e
+			}, C, "vendor");
+			if (oe(t)) return He || !h(e, B ?? m) ? {
+				ok: !0,
+				counterpartRawData: _e(dt, e, _)
+			} : { ok: !0 };
+		}
+		let n = c, r = !1, i = j.current;
+		if (!h(i, M.current)) {
+			let e = ce(i, C);
+			if (Object.keys(e).length > 0) return N(e), E !== "create" && k(!0), { ok: !1 };
+		}
+		if (E === "edit" && ht) return { ok: !1 };
+		if (E) {
+			if (E === "create" && P.current) n = P.current;
+			else {
+				let e = await ut();
+				if (!e.ok) return { ok: !1 };
+				E === "create" ? (n = e.counterpartId, P.current = n) : n = e.counterpartId ?? n;
+			}
+			E === "create" && (r = !0);
+		}
+		if (!n) return { ok: !0 };
+		let a = H.isBankAccountsLoading || H.isBankAccountsFetching || H.isBankAccountsError;
+		if (h(i, M.current)) {
+			let e = qe ?? q;
+			return e ? (t && (k(!1), E && Y()), r && L(n), {
+				ok: !0,
+				counterpartId: n,
+				counterpartBankAccountId: e
+			}) : r ? (t && Y(), L(n), {
+				ok: !0,
+				counterpartId: n
+			}) : a ? { ok: !1 } : (t && (k(!1), E && Y()), {
+				ok: !0,
+				counterpartId: n,
+				counterpartBankAccountId: pt
+			});
+		}
+		if (a) return { ok: !1 };
+		N(void 0);
+		let o = se(H.bankAccounts, qe ?? J?.id), s;
+		try {
+			o.kind === "update" ? (await ot.mutateAsync({
+				path: {
+					counterpart_id: n,
+					bank_account_id: o.bankAccountId
+				},
+				body: ne(i, { includeAchDefaults: o.includeAchDefaults })
+			}), s = o.bankAccountId) : s = (await at.mutateAsync({
+				path: { counterpart_id: n },
+				body: te(i, { isDefaultForCurrency: o.isDefaultForCurrency })
+			}))?.id;
+		} catch {
+			return e.error(S.bankAccountSaveFailed), {
+				ok: !1,
+				counterpartId: n
+			};
+		}
+		return M.current = i, Ke(s ? {
+			counterpartId: n,
+			bankAccountId: s
+		} : void 0), t && (k(!1), E && Y()), r && L(n), {
+			ok: !0,
+			counterpartId: n,
+			counterpartBankAccountId: s
+		};
+	}, [
+		Y,
+		c,
+		at,
+		H.bankAccounts,
+		H.isBankAccountsError,
+		H.isBankAccountsFetching,
+		H.isBankAccountsLoading,
+		B,
+		_,
+		E,
+		dt,
+		He,
+		ht,
+		S.bankAccountSaveFailed,
+		q,
+		C,
+		pt,
+		L,
+		J,
+		ut,
+		ot,
+		qe
+	]), Dt = l((e) => {
+		if (F.current) return F.current;
+		let t = (async () => {
+			Qe(!0);
+			try {
+				return await Et(e);
+			} finally {
+				F.current = void 0, Qe(!1);
+			}
+		})();
+		return F.current = t, t;
+	}, [Et]), Ot = l(() => {
+		k(!1), E && Y();
+	}, [E, Y]), kt = d(() => (V.data?.data ?? []).map((e) => ({
+		name: ie(e),
+		email: re(e),
+		onSelect: () => {
+			$(() => L(e.id));
+		}
+	})), [
+		V.data,
+		$,
+		L
+	]), At = l((e) => {
+		D(!0), W((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
+		});
+	}, [W]), jt = l((e) => {
+		D(!0), W((t) => ({
+			...t,
+			address: {
+				...t.address,
+				...e
+			}
+		}));
+	}, [W]), Mt = {
+		query: w,
+		onQueryChange: Pe,
+		isLoading: bt || !Ee || !Me || !!c && H.isLoading || V.isLoading || V.isFetching && it,
+		onAddVendor: () => {
+			if (E === "create") {
+				let e = w.trim(), [t, ...ee] = e.split(/\s+/);
+				W((n) => n.entityType === "individual" ? {
+					...n,
+					firstName: t,
+					lastName: ee.join(" ")
+				} : {
+					...n,
+					legalName: e
+				}), D(!0);
+				return;
+			}
+			$(() => X("create"));
+		},
+		results: kt
+	}, Nt = Ae && (E === "create" || !mt) ? {
+		isOpen: O,
+		values: A,
+		errors: We,
+		onOpen: St,
+		onCancel: wt,
+		onChange: Ct
+	} : void 0, Pt = E !== "create" && Nt ? {
+		...Nt,
+		onOpen: E === "edit" ? () => $(St) : Nt.onOpen,
+		canEditExisting: ke
+	} : void 0, Ft = U.isSubmitting || at.isPending || ot.isPending, It = {
+		prepareVendorForSave: Dt,
+		isVendorSavePending: Ze || Ft,
+		hasUnsavedVendorChanges: Q,
+		isPendingVendor: !!K && !ft,
+		revealIncompleteVendor: ft ? vt : void 0,
+		isEditingPayTo: !!E || O,
+		activePayToOperation: E ? "vendor" : O ? G?.hasPaymentInstructions ? "existingInstructions" : "missingInstructions" : void 0,
+		discardPayToEdits: Z,
+		finalizePayToSave: Ot,
+		openPaymentInstructions: St,
+		paymentInstructions: a(Pt, !!G?.hasPaymentInstructions),
+		paymentInstructionsEditor: Pt,
+		detailsWarning: gt
+	}, Lt = E === "create" && Ae ? {
+		values: A,
+		errors: We,
+		onChange: Ct,
+		isExtracted: !!(B && h(A, B))
+	} : void 0;
+	if (E) return {
+		mode: "creating",
+		summary: G,
+		newVendorForm: /* @__PURE__ */ be(ve, {
+			mode: E,
+			values: U.values,
+			errors: U.errors,
+			onChange: At,
+			onAddressChange: jt,
+			onCancel: Tt,
+			onSave: Dt,
+			isSaving: Ft,
+			search: rt ? Mt : void 0,
+			paymentInstructions: Lt,
+			labels: x?.inlineForm
+		}),
+		...It
+	};
+	if (G) return {
+		mode: "resolved",
+		summary: G,
+		onEdit: y && !ht ? () => $(() => X("edit")) : void 0,
+		...It
+	};
+	if (K && !bt) {
+		let e = () => $(() => {
+			Xe(!0), X("create");
+		}), t = y && Ae ? {
+			isOpen: !1,
+			values: A,
+			errors: We,
+			onOpen: e,
+			onChange: Ct,
+			onCancel: wt,
+			canEditExisting: !0
+		} : void 0;
+		return {
+			mode: "resolved",
+			summary: K,
+			onEdit: y ? e : void 0,
+			error: Oe,
+			...It,
+			showPaymentInstructions: !0,
+			paymentInstructions: a(t, K.hasPaymentInstructions),
+			paymentInstructionsEditor: t
+		};
+	}
+	return {
+		mode: "selecting",
+		error: V.isError ? S.searchFailed : H.isError ? S.vendorDetailsFailed : Oe,
+		search: Mt,
+		...It
+	};
 }
 //#endregion
-export { d as VendorInlineForm, d as default };
+export { g as useVendorSectionProps };