@tesouro/embedded-components-react 0.3.49 → 0.3.50

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

@@ -2,103 +2,212 @@
 "use client";
 "use client";
 "use client";
-import { calculateTotal as e, displayLineAmount as t, parseMoneyToMinorUnits as n } from "./index39.js";
-import { emptyLineItem as r, mapPayableToBillForm as i } from "./index42.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+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 { VENDOR_INLINE_FORM_LABELS_EN as a } from "./index40.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { useCounterpartForm as s } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
+import "../../../shared/counterpart-management/feature/dist/index.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/index43.js
-function l(e, r, i) {
-	return n(r) === null ? i : t(e, r);
-}
-function u({ payable: t, lineItems: n } = {}) {
-	let u = s(() => i({
-		payable: t ?? {},
-		lineItems: n ?? []
-	}), [t, n]), [d, f] = c(u.values), [p, m] = c(u.lineItems), [h, g] = c(u.discount), [_, v] = c(u.tax), [y, b] = c(u.total || void 0), [x, S] = c(), [C, w] = c(), [T, E] = c(!1), [D, O] = c(!1), [k, A] = c(!1);
-	o(() => {
-		T || f(u.values);
-	}, [u]), o(() => {
-		D || m(u.lineItems);
-	}, [u]), o(() => {
-		k || (g(u.discount), v(u.tax), b(u.total || void 0));
-	}, [u]);
-	let j = a((e) => {
-		f((t) => ({
+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 = {
+		...a,
+		...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 = s({
+		view: M,
+		setView: N,
+		selectedId: P,
+		setSelectedId: F,
+		messages: o,
+		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();
+	}, [
+		y,
+		W,
+		G
+	]), l(() => {
+		V.current !== "none" && M === "none" && P && D(P), V.current = M;
+	}, [
+		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());
+	}, [
+		y,
+		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
-		})), E(!0);
-	}, []), M = a((e) => {
-		w((t) => {
-			if (!t?.[e]) return t;
-			let n = { ...t };
-			return delete n[e], Object.keys(n).length ? n : void 0;
 		});
-	}, []), N = a((e, t) => {
-		M(e), m((n) => n.map((n) => {
-			if (n.id !== e) return n;
-			let r = {
-				...n,
-				...t
-			};
-			return "amount" in t ? r : {
-				...r,
-				amount: l(r.quantity, r.price, r.amount)
-			};
-		})), O(!0), b(void 0);
-	}, [M]), P = a((e, t) => {
-		M(e), m((n) => n.map((n) => {
-			if (n.id !== e) return n;
-			let r = Number.parseFloat(n.quantity), i = String(Math.max(1, (Number.isFinite(r) ? r : 1) + t));
-			return {
-				...n,
-				quantity: i,
-				amount: l(i, n.price, n.amount)
-			};
-		})), O(!0), b(void 0);
-	}, [M]), F = a((e) => {
-		M(e), m((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e)), O(!0), b(void 0);
-	}, [M]), I = a(() => {
-		m((e) => [...e, r()]), O(!0), b(void 0);
-	}, []), L = a((e) => {
-		g(e), A(!0), b(void 0);
-	}, []), R = a((e) => {
-		v(e), A(!0), b(void 0);
-	}, []), z = a((e) => {
-		b(e), A(!0);
-	}, []), B = s(() => p.map((e) => ({
-		...e,
-		onChange: (t) => N(e.id, t),
-		onQuantityStep: (t) => P(e.id, t),
-		onRemove: () => F(e.id)
-	})), [
-		p,
-		N,
-		F,
-		P
-	]), V = s(() => e(p, _, h), [
-		p,
-		_,
-		h
-	]);
-	return {
-		values: d,
-		errors: x,
-		setErrors: S,
-		lineItemErrors: C,
-		setLineItemErrors: w,
-		onChange: j,
-		lineItems: p,
-		lineItemRows: B,
-		discount: h,
-		onDiscountChange: L,
-		tax: _,
-		onTaxChange: R,
-		total: y ?? V,
-		totalOverride: y,
-		onTotalChange: z,
-		onAddLineItem: I,
-		isTotalsDirty: k,
-		isDirty: T || D || k
-	};
+	}, [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,
+						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 { u as useBillForm };
+export { y as VendorInlineForm, y as default };

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

@@ -1,18 +1,217 @@
+"use client";
+"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 "./index18.js";
+import { VENDOR_SECTION_PROPS_LABELS_EN as n } from "./index40.js";
+import { buildVendorPrefill as r } from "./index42.js";
+import { counterpartFormBankAccountToCreatePayload as ee, counterpartFormBankAccountToUpdatePayload as i, getAchInstructions as a, getCounterpartEmail as o, getCounterpartName as s, getPayableAchInstructions as c, hasAchFormValues as l, resolveCounterpartBankAccountWrite as te, validateAchFormValues as ne } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCounterpartsQuery as re } from "../../../shared/counterpart-management/data-access/dist/index3.js";
+import { useCreateCounterpartBankAccountMutation as ie, useUpdateCounterpartBankAccountMutation as ae } from "../../../shared/counterpart-management/data-access/dist/index5.js";
+import { useCounterpartDetails as oe } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { VendorInlineForm as se } from "./index43.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as ce } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index44.js
-var e = {
-	dialog: "bill-pay-bill-create-dialog",
-	vendorSection: "bill-pay-bill-create-vendor",
-	lineItems: "bill-pay-bill-create-line-items",
-	documentPanel: "bill-pay-bill-create-document",
-	duplicateNotice: "bill-pay-bill-create-duplicate-notice",
-	decisionDialog: "bill-pay-bill-decision-dialog",
-	decisionConfirm: "bill-pay-bill-decision-confirm",
-	decisionReason: "bill-pay-bill-decision-reason",
-	deleteDraftDialog: "bill-pay-bill-delete-draft-dialog",
-	deleteDraftConfirm: "bill-pay-bill-delete-draft-confirm",
-	unsavedDialog: "bill-pay-bill-unsaved-dialog",
-	unsavedSaveDraft: "bill-pay-bill-unsaved-save-draft",
-	unsavedDiscard: "bill-pay-bill-unsaved-discard"
+var le = 10, h = 300, g = {
+	accountHolderName: "",
+	routingNumber: "",
+	accountNumber: ""
 };
+function _({ payableId: _, counterpartId: v, payableCounterpartId: y, payableCounterpartBankAccountId: b, onCounterpartChange: x, requiredError: S, extractedVendor: C, labels: ue }) {
+	let w = {
+		...n,
+		...ue
+	}, [T, de] = m(""), [E, D] = m(""), [O, k] = m(), [fe, A] = m(!1), [j, M] = m(g), N = p(j);
+	N.current = j;
+	let [pe, P] = m(!1), F = l(j) || pe, [I, L] = m(), [R, z] = m(), B = p(v), [V, me] = m(!1), H = u(() => {
+		A(!1), M(g), L(void 0), z(void 0);
+	}, []), U = u((e) => {
+		me(!0), x(e);
+	}, [x]), W = e(_, { enabled: !!_ && !v && !y }).data?.suggested_counterpart?.id;
+	d(() => {
+		!V && !v && !y && W && U(W);
+	}, [
+		v,
+		y,
+		V,
+		W,
+		U
+	]), d(() => {
+		B.current !== v && (B.current = v, H());
+	}, [v, H]), d(() => {
+		let e = setTimeout(() => {
+			D(T.trim());
+		}, h);
+		return () => clearTimeout(e);
+	}, [T]);
+	let G = re({
+		sort: "counterpart_name",
+		order: "asc",
+		limit: le,
+		counterpart_name__icontains: E || void 0,
+		is_vendor: !0,
+		enabled: !!E
+	}), K = oe({ selectedId: v }), q = ie(), J = ae(), Y = f(() => {
+		let e = K.counterpart;
+		if (!e) return;
+		if (K.isBankAccountsLoading) return {
+			name: s(e),
+			email: o(e),
+			methodLabel: w.paymentMethodLoading,
+			fields: []
+		};
+		if (K.isBankAccountsError) return {
+			name: s(e),
+			email: o(e),
+			methodLabel: w.paymentMethodUnavailable,
+			fields: []
+		};
+		let n = c(K.bankAccounts);
+		return {
+			name: s(e),
+			email: o(e),
+			methodLabel: n ? w.achMethod : w.noMethod,
+			fields: n ? [
+				{
+					label: w.accountHolder,
+					value: n.account_holder_name ?? ""
+				},
+				{
+					label: w.routingNumber,
+					value: n.routing_number ?? ""
+				},
+				{
+					label: w.accountNumber,
+					value: n.account_number ?? "",
+					maskedValue: n.account_number ? t(n.account_number) : ""
+				}
+			] : []
+		};
+	}, [
+		K.bankAccounts,
+		K.counterpart,
+		K.isBankAccountsError,
+		K.isBankAccountsLoading,
+		w
+	]), X = f(() => a(K.bankAccounts), [K.bankAccounts]), Z = f(() => c(K.bankAccounts)?.id, [K.bankAccounts]), Q = u(async () => {
+		let e = N.current;
+		if (!v) return { ok: !0 };
+		if (!l(e)) return b && v === y ? {
+			ok: !0,
+			counterpartBankAccountId: b
+		} : K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError ? { ok: !1 } : {
+			ok: !0,
+			counterpartBankAccountId: Z
+		};
+		if (K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError) return { ok: !1 };
+		let t = ne(e);
+		if (Object.keys(t).length > 0) return L(t), A(!0), { ok: !1 };
+		L(void 0);
+		let n = te(K.bankAccounts, R ?? X?.id);
+		if (n.kind === "update") return await J.mutateAsync({
+			path: {
+				counterpart_id: v,
+				bank_account_id: n.bankAccountId
+			},
+			body: i(e, { includeAchDefaults: n.includeAchDefaults })
+		}), z(n.bankAccountId), {
+			ok: !0,
+			counterpartBankAccountId: n.bankAccountId
+		};
+		let r = await q.mutateAsync({
+			path: { counterpart_id: v },
+			body: ee(e, { isDefaultForCurrency: n.isDefaultForCurrency })
+		});
+		return z(r?.id), {
+			ok: !0,
+			counterpartBankAccountId: r?.id
+		};
+	}, [
+		X,
+		v,
+		q,
+		K.bankAccounts,
+		K.isBankAccountsError,
+		K.isBankAccountsFetching,
+		K.isBankAccountsLoading,
+		R,
+		Z,
+		b,
+		y,
+		J
+	]), he = f(() => (G.data?.data ?? []).map((e) => ({
+		name: s(e),
+		email: o(e),
+		onSelect: () => U(e.id)
+	})), [G.data, U]), ge = f(() => r(C), [C]), $ = u(() => {
+		k(void 0), P(!1);
+	}, []), _e = u((e) => {
+		k(void 0), P(!1), U(e);
+	}, [U]);
+	if (O) return {
+		mode: "creating",
+		newVendorForm: /* @__PURE__ */ ce(se, {
+			mode: O,
+			counterpart: O === "edit" ? K.counterpart : void 0,
+			primaryAddress: O === "edit" ? K.primaryAddress : void 0,
+			bankAccounts: O === "edit" ? K.bankAccounts : void 0,
+			isBankAccountsLoading: O === "edit" ? K.isBankAccountsLoading : void 0,
+			isBankAccountsError: O === "edit" ? K.isBankAccountsError : void 0,
+			initialName: O === "create" ? T : void 0,
+			initialValues: O === "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 : () => k("edit"),
+			onClear: () => U(void 0),
+			paymentInstructions: e ? void 0 : {
+				isOpen: fe,
+				values: j,
+				errors: I,
+				onOpen: () => {
+					A(!0), X && (M({
+						accountHolderName: X.account_holder_name ?? "",
+						routingNumber: X.routing_number ?? "",
+						accountNumber: X.account_number ?? ""
+					}), z(X.id));
+				},
+				onChange: (e) => {
+					M((t) => ({
+						...t,
+						...e
+					})), L(void 0);
+				}
+			},
+			savePaymentInstructions: Q,
+			hasUnsavedVendorChanges: F
+		};
+	}
+	return {
+		mode: "selecting",
+		error: G.isError ? w.searchFailed : K.isError ? w.vendorDetailsFailed : S,
+		search: {
+			query: T,
+			onQueryChange: de,
+			isLoading: G.isLoading,
+			onAddVendor: () => k("create"),
+			results: he
+		},
+		savePaymentInstructions: Q,
+		hasUnsavedVendorChanges: F
+	};
+}
 //#endregion
-export { e as billCreateTestIds };
+export { _ as useVendorSectionProps };