@tesouro/embedded-components-react 0.5.280 → 0.5.281

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

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

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

@@ -1,16 +1,92 @@
+"use client";
+"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/index24.js";
+import "../../ui/dist/index.js";
+import { mergeVendorInlineFormLabels as o } from "./index25.js";
+import "../../../../shared/counterpart-management/feature/dist/index.js";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index28.js
-function e(e) {
-	return new Promise((t, n) => {
-		let r = new FileReader();
-		r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read file")), r.onload = () => {
-			let e = r.result;
-			if (typeof e != "string") {
-				n(/* @__PURE__ */ Error("Failed to read file as a data URL"));
-				return;
-			}
-			t(e.slice(e.indexOf(",") + 1));
-		}, r.readAsDataURL(e);
+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]
+			})
+		]
 	});
 }
 //#endregion
-export { e as encodeFileToBase64 };
+export { u as VendorInlineForm, u as default };