@tesouro/embedded-components-react 0.2.327 → 0.2.329

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

@@ -2,192 +2,156 @@
 "use client";
 "use client";
 "use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import { useAllLedgerAccountsQuery as ee } from "../../../shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js";
-import { useAllOrganizationUsersQuery as te } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
-import "../../../shared/data-access/dist/index.js";
-import { formatCalendarDate as ne } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { useWidgetConfig as re } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { resolveVendor as ie } from "./index3.js";
-import { BillCreateScreen as ae } from "../../ui/dist/index35.js";
-import { ExtractionNotice as oe } from "../../ui/dist/index52.js";
-import "../../ui/dist/index.js";
-import { usePayableHistoryQuery as se } from "../../data-access/dist/index6.js";
-import { useAllPayableLineItemsQuery as ce } from "../../data-access/dist/index7.js";
-import { usePayableQuery as le } from "../../data-access/dist/index13.js";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useReplacePayableLineItemsMutation as t } from "../../data-access/dist/index7.js";
+import { useCreatePayableMutation as n, useSubmitPayableForApprovalMutation as r, useUpdatePayableMutation as i, useValidatePayableMutation as a } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
-import { PayBillFlow as ue } from "./index10.js";
-import "./index11.js";
-import { mergeBillCreateScreenCopy as de } from "./index22.js";
-import { useBillCreateController as fe } from "./index29.js";
-import { useBillForm as pe } from "./index31.js";
-import { useCurrentApprovalRequestId as n } from "./index12.js";
-import { usePayableDetailActions as r } from "./index14.js";
-import { useScheduledPayment as i } from "./index15.js";
-import { buildBillDetailView as a } from "./index18.js";
-import { buildBillHistory as o } from "./index19.js";
-import { SourceDocumentContainer as s } from "./index23.js";
-import { useVendorSectionProps as c } from "./index25.js";
-import { usePaymentInstructionsForm as l } from "./index26.js";
-import { billCreateTestIds as u } from "./index32.js";
-import { useCallback as d, useEffect as me, useMemo as f, useRef as he, useState as p } from "react";
-import { Fragment as ge, jsx as m, jsxs as _e } from "react/jsx-runtime";
+import { BILL_CREATE_MESSAGE_LABELS_EN as o } from "./index26.js";
+import { mapBillFormToPayload as s, mapLineItemsToPayload as c } from "./index31.js";
+import { validateBillCompleteness as l, validateBillTotals as u, validateLineItems as d } from "./index32.js";
+import { useCallback as f, useRef as p, useState as m } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js
-function ve(e) {
-	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
+var h = {
+	document_id: "invoiceNumber",
+	issued_at: "invoiceDate",
+	due_date: "dueDate",
+	counterpart_id: "vendor"
+};
+function g(e) {
+	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
 }
-function h({ open: h, onOpenChange: g, payableId: _, readOnly: v = !1, copy: y, poweredByBankName: ye }) {
-	let b = f(() => de(y), [y]), [x, S] = p(), [C, w] = p(!1), [T, E] = p(!1), [D, O] = p(), k = _ ?? D, A = le(k, { pollWhileOcrProcessing: !0 }), j = ce(k), M = ee(), N = A.data, P = pe({
-		payable: N,
-		lineItems: j.lineItems
-	}), F = N?.counterpart_id;
-	me(() => {
-		C || F && (S(F), w(!0));
-	}, [C, F]);
-	let be = d((e) => {
-		w(!0), S(e);
-	}, []), I = c({
-		payableId: v ? void 0 : k,
-		counterpartId: v ? void 0 : x,
-		payableCounterpartId: F,
-		onCounterpartChange: be,
-		requiredError: P.errors?.vendor
-	}), L = fe({
-		payableId: _,
-		form: P,
-		counterpartId: x,
-		clearCounterpart: !!(k && C) && !x,
-		prepareVendorForSave: I.savePaymentInstructions,
-		onPayableCreated: O,
-		onSaved: O,
-		onDraftSaved: () => g(!1),
-		onFinalized: () => g(!1)
-	}), R = !!(L.isSavingDraft || L.isFinalizing), z = v ? k : void 0, xe = n({
-		payableId: z,
-		status: N?.status
-	}), B = he(null), V = i({
-		payableId: k,
-		scheduledPaymentDate: N?.scheduled_payment_date,
-		enabled: v
-	}), H = ie(N), U = l({
-		payableId: z,
-		counterpartId: v ? F : void 0,
-		saveErrorMessage: b.detail.paymentInstructionsSaveError
-	}), { initResponse: W } = re(), G = e(W?.scopes, [t.CounterpartWriteOrg]) && e(W?.scopes, [t.PayableWriteOrg]), { actions: Se } = r({
-		payableId: z,
-		status: N?.status,
-		currentApprovalRequestId: xe.id,
-		hasScheduledPayment: V.hasScheduledPayment,
-		isScheduledPaymentUnknown: V.isResolving,
-		labels: b.actions,
-		onPayBillSelect: () => ve(H) || !G ? B.current?.open() : U.open()
-	}), K = f(() => (M.data?.data ?? []).map((e) => ({
-		value: e.id,
-		label: [e.nominal_code, e.name].filter(Boolean).join(" — ")
-	})), [M.data]), q = se(z), Ce = e(W?.scopes, [t.UserReadOrg]), J = te({ enabled: v && Ce }), Y = f(() => o(q.data?.data ?? [], J.data?.data ?? [], b.history), [
-		q.data,
-		J.data,
-		b.history
-	]), we = f(() => v && N ? a({
-		payable: N,
-		lineItems: j.lineItems,
-		glCodeOptions: K,
-		history: Y,
-		labels: b.detail
-	}) : void 0, [
-		b.detail,
-		K,
-		Y,
-		j.lineItems,
-		N,
-		v
-	]), X = N?.source_of_payable_data === "ocr", Z = H?.name, Q = v ? Z ? b.viewTitle(Z) : b.readOnlyTitle : X && Z ? b.extractedTitle(Z) : b.newTitle, Te = v && N?.created_at ? b.addedOn(ne(N.created_at.slice(0, 10))) : void 0, $ = d(() => {
-		let e = P.isDirty || I.hasUnsavedVendorChanges;
-		!v && e && !window.confirm(b.discardConfirm) || g(!1);
-	}, [
-		b.discardConfirm,
-		P.isDirty,
-		g,
-		v,
-		I.hasUnsavedVendorChanges
-	]), Ee = d((e) => {
-		if (!R) return e ? g(!0) : $();
+function _(e, t = o) {
+	let n = {}, r = [];
+	for (let i of e) {
+		let e = i.loc[0] ?? t.unknownValidationField, a = h[e], o = g(i) ? t.requiredField : i.msg;
+		a ? n[a] = o : r.push(t.unmappedValidationError(e, o));
+	}
+	return r.length && (n.form = r.join(" ")), n;
+}
+function v(e, t) {
+	if (!e && !t) return;
+	let n = {}, r = /* @__PURE__ */ new Set([...Object.keys(e ?? {}), ...Object.keys(t ?? {})]);
+	for (let i of r) n[i] = {
+		...e?.[i],
+		...t?.[i]
+	};
+	return n;
+}
+function y({ payableId: h, form: g, counterpartId: y, clearCounterpart: b, prepareVendorForSave: x, onSaved: S, onPayableCreated: C, onDraftSaved: w, onFinalized: T, labels: E }) {
+	let D = {
+		...o,
+		...E
+	}, [O, k] = m(), A = h ?? O, [j, M] = m(), N = p(!1), P = n(), F = i(), I = t(), L = a(), R = r(), z = f(() => {
+		let t = d(g.lineItems, D), n = u(g.discount, g.tax, g.totalOverride, D);
+		return g.setLineItemErrors(t), !t && !n || (t ? (g.setErrors(void 0), e.error(D.lineItemsNeedAttention)) : g.setErrors(n), !1);
+	}, [g, D]), B = f(async () => {
+		let e = s({
+			values: g.values,
+			counterpartId: y,
+			clearCounterpart: b,
+			editedTotals: g.isTotalsDirty ? {
+				discount: g.discount,
+				tax: g.tax,
+				total: g.totalOverride
+			} : void 0
+		}), t = A;
+		if (t ? await F.mutateAsync({
+			path: { payable_id: t },
+			body: e
+		}) : (t = (await P.mutateAsync({ body: e }))?.id, t && (k(t), C?.(t))), !t) throw Error("Payable was created without an id");
+		return await I.mutateAsync({
+			path: { payable_id: t },
+			body: { data: c(g.lineItems) }
+		}), t;
 	}, [
-		$,
-		R,
-		g
+		y,
+		b,
+		P,
+		g.discount,
+		g.isTotalsDirty,
+		g.lineItems,
+		g.tax,
+		g.totalOverride,
+		g.values,
+		C,
+		A,
+		I,
+		F
 	]);
-	return /* @__PURE__ */ _e(ge, { children: [/* @__PURE__ */ m(ae, {
-		open: h,
-		onOpenChange: Ee,
-		title: Q,
-		subtitle: Te,
-		notice: !v && X && !T ? /* @__PURE__ */ m(oe, { onDismiss: () => E(!0) }) : void 0,
-		vendor: {
-			...I,
-			testId: u.vendorSection
-		},
-		values: P.values,
-		errors: P.errors,
-		onChange: P.onChange,
-		lineItems: {
-			items: P.lineItemRows,
-			glCodeOptions: K,
-			discount: P.discount,
-			onDiscountChange: P.onDiscountChange,
-			tax: P.tax,
-			onTaxChange: P.onTaxChange,
-			total: P.total,
-			onTotalChange: P.onTotalChange,
-			onAddLineItem: P.onAddLineItem,
-			errors: P.lineItemErrors,
-			testId: u.lineItems
-		},
-		documentPanel: /* @__PURE__ */ m(s, {
-			payableId: k,
-			readOnly: v,
-			isDocumentPending: !!k && !N?.file && (A.isLoading || N?.ocr_status === "processing"),
-			file: N?.file ? {
-				id: N.file.id,
-				name: N.file.name,
-				url: N.file.url,
-				mimetype: N.file.mimetype
-			} : void 0
-		}),
-		readOnly: v,
-		detail: v ? {
-			view: we,
-			actions: Se,
-			scheduledSummary: V.hasScheduledPayment && V.scheduledDateLabel ? b.scheduledSummary(V.scheduledDateLabel) : void 0,
-			paymentInstructionsForm: F && G ? {
-				isOpen: U.isOpen,
-				values: U.values,
-				errors: U.errors,
-				isSaving: U.isSaving,
-				onOpen: U.open,
-				onCancel: U.close,
-				onChange: U.onChange,
-				onSave: U.save
-			} : void 0,
-			isLoading: A.isLoading || j.isResolving || M.isResolving,
-			isError: A.isError || j.isError || M.isError
-		} : void 0,
-		isLineItemsLoading: j.isResolving,
-		isSaving: R,
-		isSavingDraft: L.isSavingDraft,
-		isFinalizing: L.isFinalizing,
-		onCancel: $,
-		onSaveDraft: L.saveDraft,
-		onFinalize: L.finalize,
-		testId: u.dialog
-	}), v && N ? /* @__PURE__ */ m(ue, {
-		ref: B,
-		payable: N,
-		poweredByBankName: ye,
-		labels: b.payBill
-	}) : null] });
+	return {
+		saveDraft: f(async () => {
+			if (!N.current && z()) {
+				N.current = !0, M("draft");
+				try {
+					if (await x?.() === !1) return;
+					let t = await B();
+					g.setErrors(void 0), S?.(t), w?.(t), e.success(D.draftSaved);
+				} catch {
+					g.setErrors({ form: D.saveFailed });
+				} finally {
+					M(void 0), N.current = !1;
+				}
+			}
+		}, [
+			g,
+			z,
+			D.draftSaved,
+			D.saveFailed,
+			w,
+			S,
+			x,
+			B
+		]),
+		finalize: f(async () => {
+			if (N.current) return;
+			let t = d(g.lineItems, D), n = u(g.discount, g.tax, g.totalOverride, D), { formErrors: r, lineItemErrors: i } = l(g.values, y, g.lineItems, D), a = v(i, t);
+			g.setLineItemErrors(a);
+			let o = {
+				...r,
+				...n
+			};
+			if (g.setErrors(Object.keys(o).length ? o : void 0), t && e.error(D.lineItemsNeedAttention), !(a || Object.keys(o).length)) {
+				N.current = !0, M("finalize");
+				try {
+					let t;
+					try {
+						if (await x?.() === !1) return;
+						t = await B();
+					} catch {
+						g.setErrors({ form: D.saveFailed });
+						return;
+					}
+					S?.(t);
+					try {
+						let n = await L.mutateAsync({ path: { payable_id: t } });
+						if (n.validation_errors.length) {
+							g.setErrors(_(n.validation_errors, D));
+							return;
+						}
+						await R.mutateAsync({ path: { payable_id: t } }), g.setErrors(void 0), T?.(t), e.success(D.billFinalized);
+					} catch {
+						g.setErrors({ form: D.finalizeFailed });
+					}
+				} finally {
+					M(void 0), N.current = !1;
+				}
+			}
+		}, [
+			y,
+			g,
+			D,
+			T,
+			S,
+			x,
+			B,
+			R,
+			L
+		]),
+		payableId: A,
+		isSavingDraft: j === "draft",
+		isFinalizing: j === "finalize"
+	};
 }
 //#endregion
-export { h as BillCreateDialog, h as default };
+export { _ as mapValidationErrorsToForm, y as useBillCreateController };

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

@@ -1,4 +1,38 @@
-import "./index22.js";
-import "./index29.js";
-import "./index31.js";
-import "./index33.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js
+function e() {
+	return {
+		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),
+		total: t(n.total_amount)
+	};
+}
+//#endregion
+export { e as emptyLineItem, n as mapPayableToBillForm };

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

@@ -1,26 +1,104 @@
-import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index43.js";
-import "../../ui/dist/index.js";
-import { BILL_DETAIL_ACTIONS_LABELS_EN as t, SCHEDULED_SUMMARY_LABEL_EN as n } from "./index20.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { calculateTotal as e, displayLineAmount as t, parseMoneyToMinorUnits as n } from "./index31.js";
+import { emptyLineItem as r, mapPayableToBillForm as i } from "./index34.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index35.js
-var r = {
-	subtitle: "Accounts payable",
-	vendorRow: "Vendor",
-	bankAccountRow: "ACH bank account",
-	bankAccountValue: (e) => `Account ending in ${e}`,
-	invoiceNumberRow: "Number",
-	issueDateRow: "Issue date",
-	dueDateRow: "Due date",
-	poNumberRow: "PO number",
-	notProvided: "Not provided",
-	glCodeMissing: "GL code not specified",
-	quantityValue: (e, t) => `${e} x ${t}`,
-	subtotalRow: "Subtotal",
-	discountsRow: "Discounts",
-	taxRow: "Tax",
-	totalRow: "Total",
-	actionError: t.actionError,
-	scheduledSummary: n,
-	sheet: e
-};
+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) => ({
+			...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
+	};
+}
 //#endregion
-export { r as BILL_DETAILS_LABELS_EN };
+export { u as useBillForm };

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

@@ -1,82 +1,12 @@
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { resolveVendor as t, resolveVendorName as n } from "./index3.js";
-import { derivePayableStatus as r } from "./index16.js";
-import { formatBillMoney as i } from "./index17.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js
-function a({ payable: a, lineItems: o, ledgerAccounts: s, labels: c }) {
-	let l = a.currency, u = (e) => i(e, l), d = r({
-		apiStatus: a.status,
-		dueDate: a.due_date,
-		scheduledPaymentDate: a.scheduled_payment_date
-	}), f = t(a), p = n(a), m = e(a.issued_at) || c.notProvided, h = e(a.due_date) || c.notProvided, g = [{
-		label: c.vendorRow,
-		value: p || c.notProvided,
-		secondaryValue: f?.email ?? void 0
-	}], _ = f?.bank_account?.account_number;
-	_ && g.push({
-		label: c.bankAccountRow,
-		value: c.bankAccountValue(_.slice(-4))
-	});
-	let v = [
-		{
-			label: c.invoiceNumberRow,
-			value: a.document_id || c.notProvided
-		},
-		{
-			label: c.issueDateRow,
-			value: m
-		},
-		{
-			label: c.dueDateRow,
-			value: h
-		},
-		{
-			label: c.poNumberRow,
-			value: c.notProvided
-		}
-	], y = new Map(s.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), b = o.map((e) => {
-		let t = u(e.unit_price);
-		return {
-			id: e.id,
-			description: e.name ?? e.description ?? "",
-			glCodeLabel: (e.ledger_account_id ? y.get(e.ledger_account_id) : void 0) || c.glCodeMissing,
-			quantityLabel: e.quantity != null && t ? c.quantityValue(String(e.quantity), t) : "",
-			amountLabel: u(e.subtotal) ?? ""
-		};
-	}), x = [
-		{
-			label: c.subtotalRow,
-			value: a.subtotal
-		},
-		{
-			label: c.discountsRow,
-			value: a.discount
-		},
-		{
-			label: c.taxRow,
-			value: a.tax_amount
-		}
-	].map(({ label: e, value: t }) => ({
-		label: e,
-		value: u(t)
-	})).filter((e) => !!e.value), S = u(a.total_amount);
-	return S && x.push({
-		label: c.totalRow,
-		value: S,
-		emphasis: !0
-	}), {
-		title: p,
-		subtitle: c.subtitle,
-		status: d.status,
-		statusTone: d.tone,
-		amountDueLabel: u(a.amount_due) ?? u(a.total_amount) ?? "",
-		invoiceDateLabel: m,
-		dueDateLabel: h,
-		payToItems: g,
-		invoiceItems: v,
-		lineItems: b,
-		totals: x
-	};
-}
+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",
+	decisionDialog: "bill-pay-bill-decision-dialog",
+	decisionConfirm: "bill-pay-bill-decision-confirm",
+	decisionReason: "bill-pay-bill-decision-reason"
+};
 //#endregion
-export { a as mapPayableToBillDetails };
+export { e as billCreateTestIds };