@tesouro/embedded-components-react 0.5.168 → 0.5.170

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

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