@tesouro/embedded-components-react 0.2.317 → 0.2.319

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

@@ -1,8 +1,198 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { maskAccountNumber as e } from "./index5.js";
+import { usePayableSuggestionsQuery as t } from "../../data-access/dist/index14.js";
+import "../../data-access/dist/index.js";
+import { VENDOR_SECTION_PROPS_LABELS_EN as n } from "./index22.js";
+import { counterpartFormBankAccountToCreatePayload as ee, counterpartFormBankAccountToUpdatePayload as r, getAchInstructions as i, getCounterpartEmail as a, getCounterpartName as o, getPayableAchInstructions as s, hasAchFormValues as c, 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 l } from "../../../shared/counterpart-management/data-access/dist/index5.js";
+import { useCounterpartDetails as ae } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { VendorInlineForm as oe } from "./index24.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
-var e = {
-	root: "bill-pay-bills-tab",
-	uploadTray: "bill-pay-upload-tray",
-	detailsSheet: "bill-pay-details-sheet"
+var se = 10, ce = 300, g = {
+	accountHolderName: "",
+	routingNumber: "",
+	accountNumber: ""
 };
+function _({ payableId: _, counterpartId: v, payableCounterpartId: y, onCounterpartChange: b, requiredError: x, labels: S }) {
+	let C = {
+		...n,
+		...S
+	}, [w, T] = m(""), [E, D] = m(""), [O, k] = m(), [le, A] = m(!1), [j, M] = m(g), N = p(j);
+	N.current = j;
+	let [ue, P] = m(!1), F = c(j) || ue, [I, L] = m(), [R, z] = m(), B = p(v), [V, H] = m(!1), U = u(() => {
+		A(!1), M(g), L(void 0), z(void 0);
+	}, []), W = u((e) => {
+		H(!0), b(e);
+	}, [b]), G = t(_, { enabled: !!_ && !v && !y }).data?.suggested_counterpart?.id;
+	d(() => {
+		!V && !v && !y && G && W(G);
+	}, [
+		v,
+		y,
+		V,
+		G,
+		W
+	]), d(() => {
+		B.current !== v && (B.current = v, U());
+	}, [v, U]), d(() => {
+		let e = setTimeout(() => {
+			D(w.trim());
+		}, ce);
+		return () => clearTimeout(e);
+	}, [w]);
+	let K = re({
+		sort: "counterpart_name",
+		order: "asc",
+		limit: se,
+		counterpart_name__icontains: E || void 0,
+		is_vendor: !0,
+		enabled: !!E
+	}), q = ae({ selectedId: v }), J = ie(), Y = l(), X = f(() => {
+		let t = q.counterpart;
+		if (!t) return;
+		if (q.isBankAccountsLoading) return {
+			name: o(t),
+			email: a(t),
+			methodLabel: C.paymentMethodLoading,
+			fields: []
+		};
+		if (q.isBankAccountsError) return {
+			name: o(t),
+			email: a(t),
+			methodLabel: C.paymentMethodUnavailable,
+			fields: []
+		};
+		let n = s(q.bankAccounts);
+		return {
+			name: o(t),
+			email: a(t),
+			methodLabel: n ? C.achMethod : C.noMethod,
+			fields: n ? [
+				{
+					label: C.accountHolder,
+					value: n.account_holder_name ?? ""
+				},
+				{
+					label: C.routingNumber,
+					value: n.routing_number ?? ""
+				},
+				{
+					label: C.accountNumber,
+					value: n.account_number ?? "",
+					maskedValue: n.account_number ? e(n.account_number) : ""
+				}
+			] : []
+		};
+	}, [
+		q.bankAccounts,
+		q.counterpart,
+		q.isBankAccountsError,
+		q.isBankAccountsLoading,
+		C
+	]), Z = f(() => i(q.bankAccounts), [q.bankAccounts]), Q = u(async () => {
+		let e = N.current;
+		if (!v || !c(e)) return !0;
+		if (q.isBankAccountsLoading || q.isBankAccountsError) return !1;
+		let t = ne(e);
+		if (Object.keys(t).length > 0) return L(t), A(!0), !1;
+		L(void 0);
+		let n = te(q.bankAccounts, R ?? Z?.id);
+		if (n.kind === "update") return await Y.mutateAsync({
+			path: {
+				counterpart_id: v,
+				bank_account_id: n.bankAccountId
+			},
+			body: r(e, { includeAchDefaults: n.includeAchDefaults })
+		}), z(n.bankAccountId), !0;
+		let i = await J.mutateAsync({
+			path: { counterpart_id: v },
+			body: ee(e)
+		});
+		return z(i?.id), !0;
+	}, [
+		Z,
+		v,
+		J,
+		q.bankAccounts,
+		q.isBankAccountsError,
+		q.isBankAccountsLoading,
+		R,
+		Y
+	]), de = f(() => (K.data?.data ?? []).map((e) => ({
+		name: o(e),
+		email: a(e),
+		onSelect: () => W(e.id)
+	})), [K.data, W]), $ = u(() => {
+		k(void 0), P(!1);
+	}, []), fe = u((e) => {
+		k(void 0), P(!1), W(e);
+	}, [W]);
+	if (O) return {
+		mode: "creating",
+		newVendorForm: /* @__PURE__ */ h(oe, {
+			mode: O,
+			counterpart: O === "edit" ? q.counterpart : void 0,
+			primaryAddress: O === "edit" ? q.primaryAddress : void 0,
+			bankAccounts: O === "edit" ? q.bankAccounts : void 0,
+			isBankAccountsLoading: O === "edit" ? q.isBankAccountsLoading : void 0,
+			isBankAccountsError: O === "edit" ? q.isBankAccountsError : void 0,
+			initialName: O === "create" ? w : void 0,
+			onSaved: fe,
+			onCancel: $,
+			onDirtyChange: P
+		}),
+		onClear: $,
+		hasUnsavedVendorChanges: F
+	};
+	if (X) {
+		let e = q.isBankAccountsLoading || q.isBankAccountsError;
+		return {
+			mode: "resolved",
+			summary: X,
+			onEdit: e ? void 0 : () => k("edit"),
+			onClear: () => W(void 0),
+			paymentInstructions: e ? void 0 : {
+				isOpen: le,
+				values: j,
+				errors: I,
+				onOpen: () => {
+					A(!0), Z && (M({
+						accountHolderName: Z.account_holder_name ?? "",
+						routingNumber: Z.routing_number ?? "",
+						accountNumber: Z.account_number ?? ""
+					}), z(Z.id));
+				},
+				onChange: (e) => {
+					M((t) => ({
+						...t,
+						...e
+					})), L(void 0);
+				}
+			},
+			savePaymentInstructions: Q,
+			hasUnsavedVendorChanges: F
+		};
+	}
+	return {
+		mode: "selecting",
+		error: K.isError ? C.searchFailed : q.isError ? C.vendorDetailsFailed : x,
+		search: {
+			query: w,
+			onQueryChange: T,
+			isLoading: K.isLoading,
+			onAddVendor: () => k("create"),
+			results: de
+		},
+		savePaymentInstructions: Q,
+		hasUnsavedVendorChanges: F
+	};
+}
 //#endregion
-export { e as billsTabTestIds };
+export { _ as useVendorSectionProps };

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

@@ -2,73 +2,67 @@
 "use client";
 "use client";
 "use client";
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { usePayablesQuery as n, usePayablesTotalCountQuery as r } from "../../data-access/dist/index10.js";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useUpdatePayableMutation as t } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
-import { derivePayableStatus as i } from "./index15.js";
-import { DEFAULT_BILL_QUEUE as a, billQueueStatuses as o, billSortField as s } from "./index22.js";
-import { useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { counterpartFormBankAccountToCreatePayload as n, validateAchFormValues as r } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCreateCounterpartBankAccountMutation as i } from "../../../shared/counterpart-management/data-access/dist/index5.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { useCallback as a, useRef as o, useState as s } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js
-var f = 10, p = [{
-	id: "addedOnLabel",
-	desc: !0
-}];
-function m({ enabled: m = !0, onOpenBill: h }) {
-	let [g, _] = d(a), [v, y] = d(p), [b, x] = d(f), [S, C] = d(), [w, T] = d(""), [E, D] = d(""), O = c(() => C(void 0), []);
-	l(() => {
-		let e = setTimeout(() => {
-			D(w), O();
-		}, 300);
-		return () => clearTimeout(e);
-	}, [w, O]);
-	let k = v[0], A = s(k?.id), j = n({
-		limit: b,
-		pagination_token: S,
-		status__in: o(g),
-		counterpart_name__icontains: E || void 0,
-		sort: A,
-		order: A ? k?.desc ? "desc" : "asc" : void 0,
-		enabled: m
-	}), M = j.data?.data.length === 0, N = r({ enabled: m && M }), P = !M || (N.data?.count ?? 1) > 0, F = u(() => (j.data?.data ?? []).map((n) => {
-		let r = i(n.status, n.due_date);
-		return {
-			vendorLabel: n.counterpart_raw_data?.name ?? "",
-			dueDateLabel: e(n.due_date),
-			amountDueLabel: t((n.amount_due ?? n.total_amount ?? 0) / 100, { currencyCode: n.currency ?? "USD" }),
-			status: r.status,
-			statusTone: r.tone,
-			addedOnLabel: e(n.created_at?.slice(0, 10)),
-			onOpen: () => h(n.id, r.status === "draft")
-		};
-	}), [j.data?.data, h]), I = c((e) => {
-		_(e), O();
-	}, [O]), L = c((e) => {
-		y((t) => typeof e == "function" ? e(t) : e), O();
-	}, [O]), R = c((e) => {
-		x(e), O();
-	}, [O]), z = c(() => C(j.data?.next_pagination_token), [j.data?.next_pagination_token]), B = c(() => C(j.data?.prev_pagination_token), [j.data?.prev_pagination_token]), V = c(() => {
-		j.refetch();
-	}, [j.refetch]);
+var c = {
+	accountHolderName: "",
+	routingNumber: "",
+	accountNumber: ""
+};
+function l({ payableId: l, counterpartId: u, saveErrorMessage: d }) {
+	let [f, p] = s(!1), [m, h] = s(c), [g, _] = s(), v = i(), y = t(), b = o(void 0), x = a(() => {
+		h(c), _(void 0), b.current = void 0, p(!0);
+	}, []), S = a(() => {
+		p(!1);
+	}, []), C = a((e) => {
+		h((t) => ({
+			...t,
+			...e
+		}));
+	}, []), w = a(async () => {
+		if (!l || !u) return !1;
+		let t = r(m);
+		if (Object.keys(t).length > 0) return _(t), !1;
+		try {
+			if (!b.current) {
+				let e = await v.mutateAsync({
+					path: { counterpart_id: u },
+					body: n(m)
+				});
+				b.current = e.id;
+			}
+			return await y.mutateAsync({
+				path: { payable_id: l },
+				body: { counterpart_bank_account_id: b.current }
+			}), b.current = void 0, p(!1), !0;
+		} catch {
+			return e.error(d), !1;
+		}
+	}, [
+		u,
+		v,
+		l,
+		d,
+		y,
+		m
+	]);
 	return {
-		rows: F,
-		isLoading: j.isLoading || M && N.isLoading,
-		isError: j.isError,
-		onRetry: V,
-		selectedFilterTabId: g,
-		onFilterTabChange: I,
-		searchValue: w,
-		onSearchChange: T,
-		hasAnyBills: P,
-		sorting: v,
-		onSortingChange: L,
-		pageSize: b,
-		onPageSizeChange: R,
-		hasNextPage: !!j.data?.next_pagination_token,
-		hasPrevPage: !!j.data?.prev_pagination_token,
-		onNextPage: z,
-		onPrevPage: B
+		isOpen: f,
+		values: m,
+		errors: g,
+		isSaving: v.isPending || y.isPending,
+		open: x,
+		close: S,
+		onChange: C,
+		save: w
 	};
 }
 //#endregion
-export { m as useBillsTable };
+export { l as usePaymentInstructionsForm };

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

@@ -1,143 +1,50 @@
-"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 { AddBillDialog as i } from "../../ui/dist/index10.js";
-import { BillsScreen as a } from "../../ui/dist/index38.js";
-import "../../ui/dist/index.js";
-import { BillCreateDialog as o } from "./index12.js";
-import "./index13.js";
-import { BillDetailsContainer as s } from "./index17.js";
-import "./index18.js";
-import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index22.js";
-import { BILLS_TAB_LABELS_EN as u } from "./index24.js";
-import { billsTabTestIds as d } from "./index25.js";
-import { useBillsTable as f } from "./index26.js";
-import { copyTextToClipboard as p } from "./index23.js";
-import { useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { CheckIcon as b, FilePenIcon as x, ListIcon as S, LoaderCircleIcon as C } from "lucide-react";
+import { parseDecimalAmountToMinorUnits as e } from "../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-var w = "bills@business-banking.app", T = {
-	[l.Drafts]: /* @__PURE__ */ v(x, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.Pending]: /* @__PURE__ */ v(C, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.Paid]: /* @__PURE__ */ v(b, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.All]: /* @__PURE__ */ v(S, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	})
-};
-function E({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandled: S }) {
-	let C = g(() => ({
-		...u,
-		...l,
-		queues: {
-			...u.queues,
-			...l?.queues
-		}
-	}), [l]), [E, D] = _(!1), [O, k] = _(), [A, j] = _(!1), [M, N] = _(), [P, F] = _(!1), [I, L] = _(!1), { initResponse: R } = r(), z = t(R?.scopes, [n.PayableReadOrg]), B = t(R?.scopes, [n.PayableWriteOrg]), V = !R || z, H = !R || B, U = m((e, t) => {
-		if (t && H) {
-			k(e), j(!0);
-			return;
-		}
-		N(e), F(!0);
-	}, [H]), W = f({
-		enabled: V,
-		onOpenBill: U
-	}), G = g(() => c.map((e) => ({
-		id: e,
-		label: C.queues[e],
-		icon: T[e]
-	})), [C.queues]), K = () => {
-		F(!1), L(!0);
-	}, q = g(() => ({
-		createButton: C.createButton,
-		addBill: { heading: C.emptyHeading }
-	}), [C.createButton, C.emptyHeading]), J = () => {
-		D(!1), k(void 0), j(!0);
-	}, Y = (e) => {
-		D(!1), b?.(e);
-	}, X = async () => {
-		await p(w) ? e.success(C.emailCopiedToast) : e.error(C.emailCopyFailedToast);
-	};
-	return h(() => {
-		x && (k(x), j(!0), S?.());
-	}, [S, x]), /* @__PURE__ */ y("div", {
-		"data-testid": d.root,
-		children: [
-			/* @__PURE__ */ v(a, {
-				rows: W.rows,
-				isLoading: W.isLoading || !R,
-				isError: W.isError,
-				onRetry: W.onRetry,
-				sorting: W.sorting,
-				onSortingChange: W.onSortingChange,
-				pageSize: W.pageSize,
-				onPageSizeChange: W.onPageSizeChange,
-				hasNextPage: W.hasNextPage,
-				hasPrevPage: W.hasPrevPage,
-				onNextPage: W.onNextPage,
-				onPrevPage: W.onPrevPage,
-				filterTabs: G,
-				selectedFilterTabId: W.selectedFilterTabId,
-				onFilterTabChange: W.onFilterTabChange,
-				searchValue: W.searchValue,
-				onSearchChange: W.onSearchChange,
-				isFiltering: W.hasAnyBills,
-				onCreateClick: H ? () => D(!0) : void 0,
-				onEnterManually: H ? J : void 0,
-				onFilesSelected: H ? Y : void 0,
-				emailAddress: w,
-				onCopyEmail: X,
-				labels: q
-			}),
-			H ? /* @__PURE__ */ v(i, {
-				open: E,
-				onOpenChange: D,
-				onFilesSelected: Y,
-				onEnterManually: J,
-				emailAddress: w,
-				onCopyEmail: X,
-				labels: { heading: W.hasAnyBills ? C.nonEmptyHeading : C.emptyHeading }
-			}) : null,
-			A ? /* @__PURE__ */ v(o, {
-				open: A,
-				onOpenChange: j,
-				payableId: O
-			}) : null,
-			P ? /* @__PURE__ */ v(s, {
-				open: P,
-				onOpenChange: F,
-				payableId: M,
-				onClose: () => F(!1),
-				onExpand: K,
-				testId: d.detailsSheet
-			}) : null,
-			I ? /* @__PURE__ */ v(o, {
-				open: I,
-				onOpenChange: L,
-				payableId: M,
-				readOnly: !0,
-				copy: { readOnlyTitle: C.viewBillTitle }
-			}) : null
-		]
+var t = "USD";
+function n(n) {
+	return e(n, t);
+}
+function r(e) {
+	let t = e.trim();
+	if (!t) return null;
+	let n = Number(t);
+	return Number.isFinite(n) && n > 0 ? n : null;
+}
+function i(e) {
+	return !!(e.description.trim() || e.glCode.trim() || n(e.price) !== null || n(e.amount) !== null);
+}
+function a(e) {
+	return n(e) ?? 0;
+}
+function o(e) {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) ? t : 0;
+}
+function s(e) {
+	return (e / 100).toFixed(2);
+}
+function c({ values: e, counterpartId: r, clearCounterpart: i, editedTotals: a }) {
+	let o = { currency: t };
+	return r ? o.counterpart_id = r : i && (o.counterpart_id = null), e.invoiceNumber && (o.document_id = e.invoiceNumber), e.invoiceDate && (o.issued_at = e.invoiceDate), e.dueDate && (o.due_date = e.dueDate), a && (o.discount = n(a.discount) ?? 0, o.tax_amount = n(a.tax) ?? 0, a.total !== void 0 && (o.total_amount = n(a.total) ?? 0)), o;
+}
+function l(e) {
+	return e.filter(i).map((e) => {
+		let t = n(e.amount), i = r(e.quantity) ?? 1, a = n(e.price) ?? (t === null ? 0 : Math.round(t / i)), o = Math.round(i * a);
+		return {
+			name: e.description,
+			quantity: i,
+			unit_price: a,
+			...t !== null && t !== o ? { subtotal: t } : {},
+			...e.glCode ? { ledger_account_id: e.glCode } : {}
+		};
 	});
 }
+function u(e, t) {
+	return s(Math.round(o(e) * a(t)));
+}
+function d(e, t, n) {
+	return s(e.reduce((e, t) => e + a(t.amount), 0) + a(t) - a(n));
+}
 //#endregion
-export { E as BillsTab, E as default };
+export { d as calculateTotal, u as displayLineAmount, i as isPersistableLineItem, c as mapBillFormToPayload, l as mapLineItemsToPayload, n as parseMoneyToMinorUnits, r as parseQuantity };

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

@@ -1,5 +1,34 @@
-import "./index22.js";
-import "./index24.js";
-import "./index25.js";
-import "./index26.js";
-import "./index27.js";
+import { BILL_CREATE_MESSAGE_LABELS_EN as e } from "./index22.js";
+import { isPersistableLineItem as t, parseMoneyToMinorUnits as n, parseQuantity as r } from "./index27.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js
+var i = /^(?:\d{1,3}(?:,\d{3})+(?:\.\d+)?|\d+(?:\.\d+)?|\.\d+)$/;
+function a(e) {
+	let t = e.trim();
+	return !t || n(t) !== null ? !0 : i.test(t) ? Number(t.replaceAll(",", "")) === 0 : !1;
+}
+function o(t, i = e) {
+	let a = {};
+	for (let e of t) {
+		let t = n(e.price), o = n(e.amount), s = {};
+		e.price.trim() && t === null && (s.price = i.unreadableMoney), e.amount.trim() && o === null && (s.amount = i.unreadableMoney), (t !== null || o !== null) && r(e.quantity) === null && (s.quantity = i.unusableQuantity), Object.keys(s).length && (a[e.id] = s);
+	}
+	return Object.keys(a).length ? a : void 0;
+}
+function s(i, a, o, s = e) {
+	let c = {};
+	a || (c.vendor = s.requiredField), i.invoiceNumber.trim() || (c.invoiceNumber = s.requiredField), i.invoiceDate.trim() || (c.invoiceDate = s.requiredField), i.dueDate.trim() || (c.dueDate = s.requiredField);
+	let l = {};
+	return o.forEach((e, i) => {
+		if (i > 0 && !t(e)) return;
+		let a = {};
+		e.description.trim() || (a.description = s.requiredField), r(e.quantity) === null && (a.quantity = s.requiredField), n(e.price) === null && n(e.amount) === null && (a.price = s.requiredField, a.amount = s.requiredField), Object.keys(a).length && (l[e.id] = a);
+	}), {
+		formErrors: Object.keys(c).length ? c : void 0,
+		lineItemErrors: Object.keys(l).length ? l : void 0
+	};
+}
+function c(t, r, i, o = e) {
+	return !a(t) || !a(r) || i !== void 0 && n(i) === null ? { form: o.totalsNeedAttention } : void 0;
+}
+//#endregion
+export { s as validateBillCompleteness, c as validateBillTotals, o as validateLineItems };