@tesouro/embedded-components-react 0.2.266 → 0.2.269

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

@@ -1,122 +1,21 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import { BILL_CREATE_MESSAGE_LABELS_EN as t } from "./index2.js";
-import { useReplacePayableLineItemsMutation as n } from "../../data-access/dist/index6.js";
-import { useCreatePayableMutation as r, useSubmitPayableForApprovalMutation as i, useUpdatePayableMutation as a, useValidatePayableMutation as o } from "../../data-access/dist/index7.js";
-import "../../data-access/dist/index.js";
-import { mapBillFormToPayload as s, mapLineItemsToPayload as c } from "./index6.js";
-import { useCallback as l, useRef as u, useState as d } from "react";
+import { BILL_CREATE_MESSAGE_LABELS_EN as e } from "./index2.js";
+import { parseMoneyToMinorUnits as t, parseQuantity as n } from "./index6.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js
-var f = {
-	document_id: "invoiceNumber",
-	issued_at: "invoiceDate",
-	due_date: "dueDate",
-	payment_terms: "paymentTerms"
-};
-function p(e) {
-	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
+var r = /^(?:\d{1,3}(?:,\d{3})+(?:\.\d+)?|\d+(?:\.\d+)?|\.\d+)$/;
+function i(e) {
+	let n = e.trim();
+	return !n || t(n) !== null ? !0 : r.test(n) ? Number(n.replaceAll(",", "")) === 0 : !1;
 }
-function m(e, n = t) {
-	let r = {}, i = [];
-	for (let t of e) {
-		let e = t.loc[0] ?? n.unknownValidationField, a = f[e], o = p(t) ? n.requiredField : t.msg;
-		a ? r[a] = o : i.push(n.unmappedValidationError(e, o));
+function a(r, i = e) {
+	let a = {};
+	for (let e of r) {
+		let r = t(e.price), o = t(e.amount), s = {};
+		e.price.trim() && r === null && (s.price = i.unreadableMoney), e.amount.trim() && o === null && (s.amount = i.unreadableMoney), (r !== null || o !== null) && n(e.quantity) === null && (s.quantity = i.unusableQuantity), Object.keys(s).length && (a[e.id] = s);
 	}
-	return i.length && (r.form = i.join(" ")), r;
+	return Object.keys(a).length ? a : void 0;
 }
-function h({ payableId: f, form: p, paymentTerm: h, counterpartId: g, onSaved: _, onPayableCreated: v, onDraftSaved: y, onFinalized: b, labels: x }) {
-	let S = {
-		...t,
-		...x
-	}, [C, w] = d(), T = f ?? C, [E, D] = d(), O = u(!1), k = r(), A = a(), j = n(), M = o(), N = i(), P = l(async () => {
-		let e = s({
-			values: p.values,
-			paymentTerm: h,
-			counterpartId: g
-		}), t = T;
-		if (t ? await A.mutateAsync({
-			path: { payable_id: t },
-			body: e
-		}) : (t = (await k.mutateAsync({ body: e }))?.id, t && (w(t), v?.(t))), !t) throw Error("Payable was created without an id");
-		return await j.mutateAsync({
-			path: { payable_id: t },
-			body: { data: c(p.lineItems) }
-		}), t;
-	}, [
-		g,
-		k,
-		p.lineItems,
-		p.values,
-		v,
-		h,
-		T,
-		j,
-		A
-	]);
-	return {
-		saveDraft: l(async () => {
-			if (!O.current) {
-				O.current = !0, D("draft");
-				try {
-					let t = await P();
-					p.setErrors(void 0), _?.(t), y?.(t), e.success(S.draftSaved);
-				} catch {
-					p.setErrors({ form: S.saveFailed });
-				} finally {
-					D(void 0), O.current = !1;
-				}
-			}
-		}, [
-			p,
-			S.draftSaved,
-			S.saveFailed,
-			y,
-			_,
-			P
-		]),
-		finalize: l(async () => {
-			if (!O.current) {
-				O.current = !0, D("finalize");
-				try {
-					let t;
-					try {
-						t = await P();
-					} catch {
-						p.setErrors({ form: S.saveFailed });
-						return;
-					}
-					_?.(t);
-					try {
-						let n = await M.mutateAsync({ path: { payable_id: t } });
-						if (n.validation_errors.length) {
-							p.setErrors(m(n.validation_errors, S));
-							return;
-						}
-						await N.mutateAsync({ path: { payable_id: t } }), p.setErrors(void 0), b?.(t), e.success(S.billFinalized);
-					} catch {
-						p.setErrors({ form: S.finalizeFailed });
-					}
-				} finally {
-					D(void 0), O.current = !1;
-				}
-			}
-		}, [
-			p,
-			S,
-			b,
-			_,
-			P,
-			N,
-			M
-		]),
-		payableId: T,
-		isSavingDraft: E === "draft",
-		isFinalizing: E === "finalize"
-	};
+function o(t, n, r, a = e) {
+	return !i(t) || !i(n) || r !== void 0 && (!r.trim() || !i(r)) ? { form: a.totalsNeedAttention } : void 0;
 }
 //#endregion
-export { m as mapValidationErrorsToForm, h as useBillCreateController };
+export { o as validateBillTotals, a as validateLineItems };

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

@@ -1,39 +1,134 @@
-import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { BILL_CREATE_MESSAGE_LABELS_EN as t } from "./index2.js";
+import { useReplacePayableLineItemsMutation as n } from "../../data-access/dist/index6.js";
+import { useCreatePayableMutation as r, useSubmitPayableForApprovalMutation as i, useUpdatePayableMutation as a, useValidatePayableMutation as o } from "../../data-access/dist/index7.js";
 import "../../data-access/dist/index.js";
+import { mapBillFormToPayload as s, mapLineItemsToPayload as c } from "./index6.js";
+import { validateBillTotals as l, validateLineItems as u } from "./index7.js";
+import { useCallback as d, useRef as f, useState as p } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js
-var t = "USD";
-function n() {
-	return {
-		id: crypto.randomUUID(),
-		description: "",
-		glCode: "",
-		quantity: "1",
-		price: "",
-		amount: ""
-	};
+var m = {
+	document_id: "invoiceNumber",
+	issued_at: "invoiceDate",
+	due_date: "dueDate"
+};
+function h(e) {
+	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
 }
-function r(e) {
-	return typeof e == "number" ? (e / 100).toFixed(2) : "";
+function g(e, n = t) {
+	let r = {}, i = [];
+	for (let t of e) {
+		let e = t.loc[0] ?? n.unknownValidationField, a = m[e], o = h(t) ? n.requiredField : t.msg;
+		a ? r[a] = o : i.push(n.unmappedValidationError(e, o));
+	}
+	return i.length && (r.form = i.join(" ")), r;
 }
-function i({ payable: i, lineItems: a }) {
-	let o = {
-		invoiceNumber: i.document_id ?? "",
-		invoiceDate: i.issued_at ?? "",
-		dueDate: i.due_date ?? "",
-		paymentTerms: "",
-		poNumber: ""
-	}, s = a.map((n) => ({
-		id: n.id,
-		description: n.name ?? "",
-		glCode: n.ledger_account_id ?? "",
-		quantity: n.quantity == null ? "" : String(n.quantity),
-		price: r(n.unit_price),
-		amount: typeof n.total == "number" ? e(n.total / 100, { currencyCode: t }) : ""
-	}));
+function _({ payableId: m, form: h, counterpartId: _, onSaved: v, onPayableCreated: y, onDraftSaved: b, onFinalized: x, labels: S }) {
+	let C = {
+		...t,
+		...S
+	}, [w, T] = p(), E = m ?? w, [D, O] = p(), k = f(!1), A = r(), j = a(), M = n(), N = o(), P = i(), F = d(() => {
+		let e = u(h.lineItems, C), t = l(h.discount, h.tax, h.totalOverride, C);
+		return h.setLineItemErrors(e), !e && !t || (h.setErrors(e ? { form: C.lineItemsNeedAttention } : t), !1);
+	}, [h, C]), I = d(async () => {
+		let e = s({
+			values: h.values,
+			counterpartId: _,
+			editedTotals: h.isTotalsDirty ? {
+				discount: h.discount,
+				tax: h.tax,
+				total: h.totalOverride
+			} : void 0
+		}), t = E;
+		if (t ? await j.mutateAsync({
+			path: { payable_id: t },
+			body: e
+		}) : (t = (await A.mutateAsync({ body: e }))?.id, t && (T(t), y?.(t))), !t) throw Error("Payable was created without an id");
+		return await M.mutateAsync({
+			path: { payable_id: t },
+			body: { data: c(h.lineItems) }
+		}), t;
+	}, [
+		_,
+		A,
+		h.discount,
+		h.isTotalsDirty,
+		h.lineItems,
+		h.tax,
+		h.totalOverride,
+		h.values,
+		y,
+		E,
+		M,
+		j
+	]);
 	return {
-		values: o,
-		lineItems: s.length ? s : [n()]
+		saveDraft: d(async () => {
+			if (!k.current && F()) {
+				k.current = !0, O("draft");
+				try {
+					let t = await I();
+					h.setErrors(void 0), v?.(t), b?.(t), e.success(C.draftSaved);
+				} catch {
+					h.setErrors({ form: C.saveFailed });
+				} finally {
+					O(void 0), k.current = !1;
+				}
+			}
+		}, [
+			h,
+			F,
+			C.draftSaved,
+			C.saveFailed,
+			b,
+			v,
+			I
+		]),
+		finalize: d(async () => {
+			if (!k.current && F()) {
+				k.current = !0, O("finalize");
+				try {
+					let t;
+					try {
+						t = await I();
+					} catch {
+						h.setErrors({ form: C.saveFailed });
+						return;
+					}
+					v?.(t);
+					try {
+						let n = await N.mutateAsync({ path: { payable_id: t } });
+						if (n.validation_errors.length) {
+							h.setErrors(g(n.validation_errors, C));
+							return;
+						}
+						await P.mutateAsync({ path: { payable_id: t } }), h.setErrors(void 0), x?.(t), e.success(C.billFinalized);
+					} catch {
+						h.setErrors({ form: C.finalizeFailed });
+					}
+				} finally {
+					O(void 0), k.current = !1;
+				}
+			}
+		}, [
+			h,
+			F,
+			C,
+			x,
+			v,
+			I,
+			P,
+			N
+		]),
+		payableId: E,
+		isSavingDraft: D === "draft",
+		isFinalizing: D === "finalize"
 	};
 }
 //#endregion
-export { n as emptyLineItem, i as mapPayableToBillForm };
+export { g as mapValidationErrorsToForm, _ as useBillCreateController };

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

@@ -1,74 +1,37 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { displayLineAmount as e, displayTotal as t } from "./index6.js";
-import { emptyLineItem as n, mapPayableToBillForm as r } from "./index8.js";
-import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js
-function c({ payable: c, lineItems: l } = {}) {
-	let u = o(() => r({
-		payable: c ?? {},
-		lineItems: l ?? []
-	}), [c, l]), [d, f] = s(u.values), [p, m] = s(u.lineItems), [h, g] = s(), [_, v] = s(!1), [y, b] = s(!1);
-	a(() => {
-		_ || f(u.values);
-	}, [u]), a(() => {
-		y || m(u.lineItems);
-	}, [u]);
-	let x = i((e) => {
-		f((t) => ({
-			...t,
-			...e
-		})), v(!0);
-	}, []), S = i((t, n) => {
-		m((r) => r.map((r) => {
-			if (r.id !== t) return r;
-			let i = {
-				...r,
-				...n
-			};
-			return {
-				...i,
-				amount: e(i.quantity, i.price)
-			};
-		})), b(!0);
-	}, []), C = i((t, n) => {
-		m((r) => r.map((r) => {
-			if (r.id !== t) return r;
-			let i = Number.parseFloat(r.quantity), a = String(Math.max(1, (Number.isFinite(i) ? i : 1) + n));
-			return {
-				...r,
-				quantity: a,
-				amount: e(a, r.price)
-			};
-		})), b(!0);
-	}, []), w = i((e) => {
-		m((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e)), b(!0);
-	}, []), T = i(() => {
-		m((e) => [...e, n()]), b(!0);
-	}, []);
+function e() {
 	return {
-		values: d,
-		errors: h,
-		setErrors: g,
-		onChange: x,
-		lineItems: p,
-		lineItemRows: o(() => p.map((e) => ({
-			...e,
-			onChange: (t) => S(e.id, t),
-			onQuantityStep: (t) => C(e.id, t),
-			onRemove: () => w(e.id)
-		})), [
-			p,
-			S,
-			w,
-			C
-		]),
-		totalAmountLabel: o(() => t(p), [p]),
-		onAddLineItem: T,
-		isDirty: _ || y
+		id: crypto.randomUUID(),
+		description: "",
+		glCode: "",
+		quantity: "1",
+		price: "",
+		amount: ""
+	};
+}
+function t(e) {
+	return typeof e == "number" ? (e / 100).toFixed(2) : "";
+}
+function n({ payable: n, lineItems: r }) {
+	let i = {
+		invoiceNumber: n.document_id ?? "",
+		invoiceDate: n.issued_at ?? "",
+		dueDate: n.due_date ?? "",
+		poNumber: ""
+	}, a = r.map((e) => ({
+		id: e.id,
+		description: e.name ?? "",
+		glCode: e.ledger_account_id ?? "",
+		quantity: e.quantity == null ? "" : String(e.quantity),
+		price: t(e.unit_price),
+		amount: t(e.subtotal)
+	}));
+	return {
+		values: i,
+		lineItems: a.length ? a : [e()],
+		discount: t(n.discount),
+		tax: t(n.tax_amount)
 	};
 }
 //#endregion
-export { c as useBillForm };
+export { e as emptyLineItem, n as mapPayableToBillForm };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js

@@ -3,9 +3,6 @@ var e = {
 	invoiceNumber: "Invoice number",
 	invoiceDate: "Invoice date",
 	dueDate: "Due date",
-	paymentTerms: "Payment terms (optional)",
-	paymentTermsPlaceholder: "Select payment terms",
-	paymentTermsNone: "No payment terms",
 	poNumber: "PO number (optional)"
 };
 //#endregion

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js

@@ -1,83 +1,48 @@
-import { Input as e, Label as t, Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_FORM_FIELDS_LABELS_EN as s } from "./index12.js";
-import { useId as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Input as e, Label as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_FORM_FIELDS_LABELS_EN as n } from "./index12.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js
-var d = "__tesouro_no_payment_terms__";
-function f({ values: f, errors: p, onChange: m, paymentTermOptions: h = [], testId: g, labels: _ }) {
-	let v = {
-		...s,
-		..._
-	}, y = c(), b = (n, r, i) => {
-		let a = `${y}-${n}`, o = `${a}-error`, s = p?.[n];
-		return /* @__PURE__ */ u("div", {
+function o({ values: o, errors: s, onChange: c, testId: l, labels: u }) {
+	let d = {
+		...n,
+		...u
+	}, f = r(), p = (n, r, l) => {
+		let u = `${f}-${n}`, d = `${u}-error`, p = s?.[n];
+		return /* @__PURE__ */ a("div", {
 			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 			children: [
-				/* @__PURE__ */ l(t, {
-					htmlFor: a,
+				/* @__PURE__ */ i(t, {
+					htmlFor: u,
 					children: r
 				}),
-				/* @__PURE__ */ l(e, {
-					id: a,
-					type: i,
-					value: f[n],
-					"aria-invalid": s ? !0 : void 0,
-					"aria-describedby": s ? o : void 0,
-					onChange: (e) => m({ [n]: e.target.value })
+				/* @__PURE__ */ i(e, {
+					id: u,
+					type: l,
+					value: o[n],
+					"aria-invalid": p ? !0 : void 0,
+					"aria-describedby": p ? d : void 0,
+					onChange: (e) => c({ [n]: e.target.value })
 				}),
-				s ? /* @__PURE__ */ l("p", {
-					id: o,
+				p ? /* @__PURE__ */ i("p", {
+					id: d,
 					className: "ttw:text-sm ttw:text-destructive",
-					children: s
+					children: p
 				}) : null
 			]
 		});
-	}, x = `${y}-paymentTerms`, S = `${x}-error`, C = p?.paymentTerms;
-	return /* @__PURE__ */ u("div", {
+	};
+	return /* @__PURE__ */ a("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		"data-testid": g,
-		children: [
-			b("invoiceNumber", v.invoiceNumber),
-			/* @__PURE__ */ u("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [b("invoiceDate", v.invoiceDate, "date"), b("dueDate", v.dueDate, "date")]
-			}),
-			/* @__PURE__ */ u("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [/* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ l(t, {
-							htmlFor: x,
-							children: v.paymentTerms
-						}),
-						/* @__PURE__ */ u(n, {
-							value: f.paymentTerms || d,
-							onValueChange: (e) => m({ paymentTerms: e === d ? "" : e }),
-							children: [/* @__PURE__ */ l(a, {
-								id: x,
-								className: "ttw:w-full",
-								"aria-invalid": C ? !0 : void 0,
-								"aria-describedby": C ? S : void 0,
-								children: /* @__PURE__ */ l(o, { placeholder: v.paymentTermsPlaceholder })
-							}), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(i, {
-								value: d,
-								children: v.paymentTermsNone
-							}), h.map((e) => /* @__PURE__ */ l(i, {
-								value: e.value,
-								children: e.label
-							}, e.value))] })]
-						}),
-						C ? /* @__PURE__ */ l("p", {
-							id: S,
-							className: "ttw:text-sm ttw:text-destructive",
-							children: C
-						}) : null
-					]
-				}), b("poNumber", v.poNumber)]
-			})
-		]
+		"data-testid": l,
+		children: [/* @__PURE__ */ a("div", {
+			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+			children: [p("invoiceDate", d.invoiceDate, "date"), p("dueDate", d.dueDate, "date")]
+		}), /* @__PURE__ */ a("div", {
+			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+			children: [p("invoiceNumber", d.invoiceNumber), p("poNumber", d.poNumber)]
+		})]
 	});
 }
 //#endregion
-export { f as BillFormFields, f as default };
+export { o as BillFormFields, o as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index15.js

@@ -9,6 +9,10 @@ var e = {
 	quantity: "Quantity",
 	price: "Price",
 	amount: "Amount",
+	currencySymbol: "$",
+	discount: "Discounts",
+	tax: "Tax",
+	totalAmount: "Total amount",
 	addLineItem: "+ Add line item",
 	increaseQuantity: (e) => `Increase quantity — line item ${e}`,
 	decreaseQuantity: (e) => `Decrease quantity — line item ${e}`,