@tesouro/embedded-components-react 0.9.22 → 0.9.25

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

@@ -1,47 +1,254 @@
-import { resolveLineItemAmountMinorUnits as e } from "../../../util/dist/lib/resolveLineItemAmount.js";
-import { resolveLineItemQuantity as t } from "../../../util/dist/lib/resolveLineItemQuantity.js";
-import "../../../util/dist/index.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { BILL_CREATE_MESSAGE_LABELS_EN as e } from "./index28.js";
+import { calculateTotal as t, displayLineAmount as n, normalizeMoneyOnBlur as r, parseMoneyToMinorUnits as i, parseQuantity as a } from "./index35.js";
+import { validateBillTotals as o } from "./index36.js";
+import { emptyLineItem as s, mapPayableToBillForm as c } from "./index38.js";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index39.js
-function n() {
-	return {
-		id: crypto.randomUUID(),
-		description: "",
-		glCode: "",
-		quantity: "1",
-		price: "",
-		amount: ""
-	};
+var m = /^[0-9.,-]+$/;
+function h(e) {
+	let t = e.trim().replace(/^\$\s*/, "");
+	return t ? m.test(t) ? t : null : "";
 }
-function r(e) {
-	return typeof e == "number" ? (e / 100).toFixed(2) : "";
+var g = [
+	"quantity",
+	"price",
+	"amount"
+];
+function _(e) {
+	let t = e.trim(), n = /[.,]$/.test(t) ? t.slice(0, -1) : t;
+	return t && !n ? null : n;
 }
-function i(e) {
-	return typeof e == "string" ? e : "";
+function v(e, t, n) {
+	if (t === void 0) return;
+	let r = _(t);
+	if (r !== null) return o(e === "discount" ? r : "", e === "tax" ? r : "", e === "total" ? r : void 0, n)?.[e];
+}
+function y(e, t) {
+	let n = {}, r = {
+		price: null,
+		amount: null
+	};
+	for (let a of ["price", "amount"]) {
+		let o = _(e[a]);
+		o !== null && (r[a] = i(o), o && r[a] === null && (n[a] = t.unreadableMoney));
+	}
+	let o = _(e.quantity);
+	if (o !== null) {
+		let e = r.price !== null || r.amount !== null;
+		a(o) === null && (o || e) && (n.quantity = t.unusableQuantity);
+	}
+	return n;
 }
-function a(e) {
-	return e.total_amount ?? e.amount_due ?? void 0;
+function b(e, t, r) {
+	return i(t) === null ? r : n(e, t);
 }
-function o({ payable: o, lineItems: s }) {
-	let c = {
-		invoiceNumber: o.document_id ?? "",
-		invoiceDate: o.issued_at ?? "",
-		dueDate: o.due_date ?? "",
-		poNumber: i(o.purchase_order_number)
-	}, l = s.map((n) => ({
-		id: n.id,
-		description: n.name ?? "",
-		glCode: n.ledger_account_id ?? "",
-		quantity: String(t(n)),
-		price: r(n.unit_price),
-		amount: r(e(n))
-	})), u = a(o);
+function x({ payable: n, lineItems: i, labels: a = e } = {}) {
+	let o = d(() => c({
+		payable: n ?? {},
+		lineItems: i ?? []
+	}), [n, i]), [m, _] = p(o.values), [x, S] = p(o.lineItems), [C, w] = p(o.discount), [T, E] = p(o.tax), [D, O] = p(o.total || void 0), [ee, k] = p(), A = f(void 0), te = l((e) => {
+		k((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return n?.form !== A.current && (A.current = void 0), n;
+		});
+	}, []), ne = l((e) => {
+		A.current = e, k((t) => ({
+			...t,
+			form: e
+		}));
+	}, []), j = l(() => {
+		k((e) => {
+			if (!e?.form || e.form !== A.current) return e;
+			A.current = void 0;
+			let t = { ...e };
+			return delete t.form, Object.keys(t).length ? t : void 0;
+		});
+	}, []), [re, M] = p(), [N, P] = p(), [F, I] = p(!1), [L, R] = p(!1), [z, B] = p(!1);
+	u(() => {
+		F || _(o.values);
+	}, [o]), u(() => {
+		L || S(o.lineItems);
+	}, [o]), u(() => {
+		z || (w(o.discount), E(o.tax), O(o.total || void 0));
+	}, [o]);
+	let ie = l((e) => {
+		_((t) => ({
+			...t,
+			...e
+		})), I(!0), k((t) => {
+			if (!t) return t;
+			let n = { ...t };
+			for (let t of Object.keys(e)) delete n[t];
+			return Object.keys(n).length ? n : void 0;
+		}), j();
+	}, [j]), V = l((e, t) => {
+		M((n) => {
+			if (!n?.[e] && !t) return n;
+			let r = {
+				...n,
+				[e]: t
+			};
+			return t || delete r[e], Object.keys(r).length ? r : void 0;
+		});
+	}, []), H = l((e, t) => {
+		V(e, v(e, t, a));
+	}, [a, V]), U = l(() => {
+		O(void 0), H("total", void 0), j();
+	}, [H, j]), W = l((e, t = []) => {
+		let n = y(e, a);
+		P((r) => {
+			let i = r?.[e.id], a = { ...i };
+			for (let e of [
+				"price",
+				"amount",
+				"quantity"
+			]) n[e] ? a[e] = n[e] : delete a[e];
+			t.includes("description") && delete a.description;
+			let o = Object.keys(a).length > 0;
+			if (!i && !o) return r;
+			let s = { ...r };
+			return o ? s[e.id] = a : delete s[e.id], Object.keys(s).length ? s : void 0;
+		});
+	}, [a]), G = l((e, t, n) => {
+		P((r) => ({
+			...r,
+			[e]: {
+				...r?.[e],
+				[t]: n
+			}
+		}));
+	}, []), K = l((e, t, n = []) => {
+		let r = x.find((t) => t.id === e);
+		if (!r) return;
+		let i = t(r);
+		S(x.map((t) => t.id === e ? i : t)), W(i, n), R(!0), U();
+	}, [
+		U,
+		x,
+		W
+	]), q = l((e, t) => {
+		let n = { ...t };
+		for (let r of g) {
+			let i = t[r];
+			if (i === void 0) continue;
+			let o = h(i);
+			if (o === null) {
+				G(e, r, a.numbersOnly);
+				return;
+			}
+			n[r] = o;
+		}
+		K(e, (e) => {
+			let t = {
+				...e,
+				...n
+			};
+			return "amount" in n ? t : {
+				...t,
+				amount: b(t.quantity, t.price, t.amount)
+			};
+		}, Object.keys(n));
+	}, [
+		K,
+		a,
+		G
+	]), J = l((e, t) => {
+		S((n) => n.map((n) => n.id === e ? {
+			...n,
+			[t]: r(n[t])
+		} : n));
+	}, []), Y = l((e, t) => {
+		K(e, (e) => {
+			let n = Number.parseFloat(e.quantity), r = String(Math.max(1, (Number.isFinite(n) ? n : 0) + t));
+			return {
+				...e,
+				quantity: r,
+				amount: b(r, e.price, e.amount)
+			};
+		});
+	}, [K]), X = l((e) => {
+		P((t) => {
+			if (!t?.[e]) return t;
+			let n = { ...t };
+			return delete n[e], Object.keys(n).length ? n : void 0;
+		});
+	}, []), Z = l((e) => {
+		X(e), S((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e)), R(!0), U();
+	}, [X, U]), ae = l(() => {
+		S((e) => [...e, s()]), R(!0), U();
+	}, [U]), Q = l((e, t, n) => {
+		let r = h(t);
+		if (r === null) {
+			V(e, a.numbersOnly);
+			return;
+		}
+		n(r), B(!0), U(), H(e, r);
+	}, [
+		U,
+		a,
+		H,
+		V
+	]), oe = l((e) => Q("discount", e, w), [Q]), se = l((e) => Q("tax", e, E), [Q]), $ = l(() => w((e) => r(e)), []), ce = l(() => E((e) => r(e)), []), le = l((e) => {
+		let t = h(e);
+		if (t === null) {
+			V("total", a.numbersOnly);
+			return;
+		}
+		O(t), B(!0), H("total", t), j();
+	}, [
+		j,
+		a,
+		H,
+		V
+	]), ue = l(() => {
+		O((e) => e === void 0 ? e : r(e));
+	}, []), de = d(() => x.map((e) => ({
+		...e,
+		onChange: (t) => q(e.id, t),
+		onBlur: (t) => J(e.id, t),
+		onQuantityStep: (t) => Y(e.id, t),
+		onRemove: () => Z(e.id)
+	})), [
+		J,
+		x,
+		q,
+		Z,
+		Y
+	]), fe = d(() => t(x, T, C), [
+		x,
+		T,
+		C
+	]);
 	return {
-		values: c,
-		lineItems: l.length ? l : [n()],
-		discount: r(o.discount),
-		tax: r(o.tax_amount),
-		total: u ? r(u) : ""
+		values: m,
+		errors: ee,
+		setErrors: te,
+		setSaveFailureMessage: ne,
+		lineItemErrors: N,
+		setLineItemErrors: P,
+		totalsErrors: re,
+		setTotalsErrors: M,
+		onChange: ie,
+		lineItems: x,
+		lineItemRows: de,
+		discount: C,
+		onDiscountChange: oe,
+		onDiscountBlur: $,
+		tax: T,
+		onTaxChange: se,
+		onTaxBlur: ce,
+		total: D ?? fe,
+		totalOverride: D,
+		onTotalChange: le,
+		onTotalBlur: ue,
+		onAddLineItem: ae,
+		isTotalsDirty: z,
+		isDirty: F || L || z
 	};
 }
 //#endregion
-export { n as emptyLineItem, o as mapPayableToBillForm };
+export { x as useBillForm };

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

@@ -1,40 +1,171 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { formatCalendarDate as t } from "../../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as n } from "../../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../../../shared/util/dist/index.js";
+import "../../../../shared/ui/dist/index.js";
+import { DuplicateVerdict as r } from "../../../util/dist/lib/duplicateVerdict.js";
+import { suspectedPayableDuplicates as i } from "../../../util/dist/lib/payableDuplicates.js";
+import { duplicateVerdictMatches as a, groupSuspectedDuplicates as o } from "../../../util/dist/lib/groupDuplicates.js";
+import { isEditablePayableStatus as s } from "../../../util/dist/lib/isEditablePayableStatus.js";
+import { payableRemoval as c } from "../../../util/dist/lib/payableRemoval.js";
+import { resolveVendorName as l } from "../../../util/dist/lib/resolveVendor.js";
+import "../../../util/dist/index.js";
+import { derivePayableStatus as u } from "../../../../shared/document-status/util/dist/lib/derivePayableStatus.js";
+import { useApplyDuplicateVerdictsMutation as d } from "../../../data-access/dist/lib/useApplyDuplicateVerdictsMutation.js";
+import "../../../data-access/dist/index.js";
+import { usePayablesByIdsQueries as f } from "../../data-access/dist/index22.js";
+import "../../data-access/dist/index.js";
+import { DUPLICATE_BILLS_LABELS_EN as p } from "./index3.js";
+import { useCallback as m, useMemo as h, useState as g } from "react";
+import { FileCheckIcon as _ } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index4.js
-var e = {
-	selectRow: ({ vendorLabel: e, invoiceNumberLabel: t, addedOnLabel: n }) => `Select bill — ${e}, invoice ${t}, added ${n}`,
-	openRow: ({ vendorLabel: e, invoiceNumberLabel: t, addedOnLabel: n }) => `View bill — ${e}, invoice ${t}, added ${n}`,
-	reviewGroup: ({ vendorLabel: e, count: t }) => `${e} — ${t} possible duplicate bills`,
-	selectGroup: ({ vendorLabel: e }) => `Select every bill from ${e}`,
-	deleteBillButton: "Remove this bill",
-	deleteConfirmTitle: "Remove duplicate bill?",
-	deleteConfirmDescription: "You can't undo this action.",
-	deleteConfirmButton: "Remove duplicate bill",
-	deleteConfirmBackButton: "Cancel",
-	cancelBillButton: "Cancel this bill",
-	confirmBillButton: "Confirm duplicate",
-	cancelConfirmTitle: "Cancel duplicate bill?",
-	cancelConfirmDescription: "You can't undo this action.",
-	cancelConfirmButton: "Cancel this bill",
-	cancelConfirmBackButton: "Back",
-	confirmDuplicateTitle: "Confirm duplicate?",
-	confirmDuplicateDescription: "This bill is already cancelled. This records it as a duplicate.",
-	notDuplicateAction: "Not a duplicate",
-	notDuplicateConfirmTitle: "Mark as not a duplicate?",
-	notDuplicateConfirmDescription: "You can't undo this action.",
-	notDuplicateConfirmButton: "Not a duplicate",
-	notDuplicateConfirmBackButton: "Back",
-	deleteAction: "Remove bill",
-	cancelAction: "Cancel bill",
-	confirmAction: "Confirm duplicate",
-	currentBillBadge: "This bill",
-	originalBillBadge: "Original bill",
-	showMoreRows: (e) => `Show ${e} more`,
-	deletedToast: "Duplicate removed",
-	cancelledToast: "Duplicate cancelled",
-	confirmedToast: "Duplicate confirmed",
-	dismissedToast: "Marked as “not a duplicate”.",
-	removedToast: "Duplicate removed",
-	verdictFailedToast: "Couldn't update this duplicate. Try again.",
-	allResolvedToast: "All possible duplicates resolved"
-};
+var v = 5;
+function y(e, t) {
+	return t ? o(e).map(({ members: e }) => e).find((e) => e.some((e) => e.id === t)) ?? [] : [];
+}
+function b({ payable: o, canManage: b = !0, onRemoved: x, onOpenPayable: S, labels: C }) {
+	let w = h(() => ({
+		...p,
+		...C
+	}), [C]), T = i(o), [E] = T, D = o?.id, O = h(() => [...new Set(T.map((e) => e.matched_payable_id))], [T]), k = f(O, { enabled: !!(E && D) }), A = d(), [j, M] = g(!1), [N, P] = g(), F = c(o?.status), I = m(async (t, n, r, i, o) => {
+		let s = a(t, n, o);
+		if (s.length && t?.id) try {
+			await A.mutateAsync({
+				verdict: n,
+				targets: s.map((e) => ({
+					payableId: t.id,
+					duplicateId: e.id,
+					matchedPayableId: e.matched_payable_id,
+					removeBy: c(t.status)
+				}))
+			}), e.success(r), i?.();
+		} catch {
+			e.error(w.verdictFailedToast);
+		}
+	}, [A, w]), L = m((e, t, n) => I(o, e, t, n), [I, o]), R = F === "delete" ? {
+		button: w.deleteBillButton,
+		title: w.deleteConfirmTitle,
+		description: w.deleteConfirmDescription,
+		confirmButton: w.deleteConfirmButton,
+		backButton: w.deleteConfirmBackButton,
+		toast: w.deletedToast
+	} : F === "confirm" ? {
+		button: w.confirmBillButton,
+		title: w.confirmDuplicateTitle,
+		description: w.confirmDuplicateDescription,
+		confirmButton: w.confirmBillButton,
+		backButton: w.cancelConfirmBackButton,
+		toast: w.confirmedToast
+	} : {
+		button: w.cancelBillButton,
+		title: w.cancelConfirmTitle,
+		description: w.cancelConfirmDescription,
+		confirmButton: w.cancelConfirmButton,
+		backButton: w.cancelConfirmBackButton,
+		toast: w.cancelledToast
+	}, z = F !== "confirm", B = m(async () => {
+		await L(r.Remove, R.toast, x), M(!1);
+	}, [
+		L,
+		x,
+		R.toast
+	]), V = m(async () => {
+		N && (await I(N.payable, r.Keep, w.dismissedToast, void 0, N.originalPayableId), P(void 0));
+	}, [
+		I,
+		w.dismissedToast,
+		N
+	]), H = b && !!(E && D), U = H && !!F, W = h(() => {
+		let e = new Map(k.flatMap((e) => e.data ? [[e.data.id, e.data]] : []));
+		o?.id && e.set(o.id, o);
+		let r = y([...e.values()], D);
+		if (r.length < 2) return [];
+		let i = (e) => {
+			let t = e.total_amount ?? e.amount_due;
+			return t == null ? "" : n(t / 100, { currencyCode: e.currency ?? "USD" });
+		};
+		return [...r.filter((e) => e.id === D), ...r.filter((e) => e.id !== D)].map((e) => {
+			let n = e.status ? u({
+				apiStatus: e.status,
+				dueDate: e.due_date,
+				scheduledPaymentDate: e.scheduled_payment_date
+			}) : void 0, r = e.id === D, a = t(e.created_at?.slice(0, 10));
+			return {
+				id: e.id,
+				isCurrent: r,
+				badges: r ? [w.currentBillBadge] : [],
+				createdOnLabel: a,
+				dueDateLabel: t(e.due_date),
+				amountLabel: i(e),
+				status: n?.status,
+				statusTone: n?.tone,
+				onOpen: !r && S ? () => S(e.id, s(e.status ?? void 0)) : void 0,
+				openLabel: w.openRow({
+					vendorLabel: l(e),
+					invoiceNumberLabel: e.document_id ?? "",
+					addedOnLabel: a
+				})
+			};
+		});
+	}, [
+		k,
+		w,
+		S,
+		o,
+		D
+	]), G = l(o), K = o?.document_id ?? "", q = W.length > 1 ? w.possibleDuplicateTitle({
+		otherCount: W.length - 1,
+		vendorLabel: G,
+		invoiceNumberLabel: K
+	}) : void 0;
+	return {
+		isPossibleDuplicate: !!E,
+		onNotADuplicate: H ? () => P({ payable: o }) : void 0,
+		onRemoveBill: U ? () => M(!0) : void 0,
+		removeBillLabel: U ? R.button : void 0,
+		isRemoveBillDestructive: z,
+		removeConfirmation: {
+			open: j,
+			copy: {
+				title: R.title,
+				description: R.description,
+				confirmButton: R.confirmButton,
+				...z ? { presentation: { tone: "destructive" } } : {}
+			},
+			onConfirm: () => void B(),
+			onCancel: () => M(!1),
+			isPending: A.isPending,
+			cancelButtonLabel: R.backButton
+		},
+		keepRowConfirmation: {
+			open: !!N,
+			copy: {
+				title: w.notDuplicateConfirmTitle,
+				description: w.notDuplicateConfirmDescription,
+				confirmButton: w.notDuplicateConfirmButton,
+				presentation: {
+					alignment: "center",
+					icon: _,
+					actionWidth: "equal"
+				}
+			},
+			onConfirm: () => void V(),
+			onCancel: () => P(void 0),
+			isPending: A.isPending,
+			cancelButtonLabel: w.notDuplicateConfirmBackButton
+		},
+		isBusy: A.isPending,
+		message: q,
+		rows: W,
+		isLoadingRows: W.length === 0 && k.some((e) => e.isLoading),
+		loadingRowCount: Math.min(O.length + 1, v),
+		collapsedRowCount: v,
+		showMoreLabel: W.length > v ? w.showMoreRows(W.length - v) : void 0
+	};
+}
 //#endregion
-export { e as DUPLICATE_BILLS_LABELS_EN };
+export { b as usePayableDuplicateReview };