@tesouro/embedded-components-react 0.3.49 → 0.3.50

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

@@ -2,166 +2,193 @@
 "use client";
 "use client";
 "use client";
-import { useAllLedgerAccountsQuery as e } from "../../../shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js";
-import "../../../shared/data-access/dist/index.js";
-import { resolveAmountDueMinorUnits as t } from "./index6.js";
-import { resolveVendor as n } from "./index7.js";
-import { BillDecisionDialog as r } from "../../ui/dist/index50.js";
-import { BillDetailsSheet as i } from "../../ui/dist/index56.js";
-import { BillDuplicateNotice as a } from "../../ui/dist/index60.js";
-import { MarkAsPaidDialog as o } from "../../ui/dist/index86.js";
-import "../../ui/dist/index.js";
-import { useAllPayableLineItemsQuery as s } from "../../data-access/dist/index8.js";
-import { usePayableQuery as c } from "../../data-access/dist/index14.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/index9.js";
+import { useCreatePayableMutation as n, useDeletePayableFileMutation as r, useSubmitPayableForApprovalMutation as i, useUpdatePayableMutation as a, useValidatePayableMutation as o } from "../../data-access/dist/index12.js";
 import "../../data-access/dist/index.js";
-import { PayBillFlow as l } from "./index13.js";
-import "./index14.js";
-import { mergeMarkAsPaidFlowLabels as u } from "./index2.js";
-import { useMarkAsPaidFlow as d } from "./index4.js";
-import "./index5.js";
-import { mergeDecisionDialogCopy as f } from "./index30.js";
-import { useApprovalPolicyCardView as p } from "./index19.js";
-import { useCurrentApprovalRequestId as m } from "./index20.js";
-import { usePayableDetailActions as h } from "./index22.js";
-import { useScheduledPayment as g } from "./index23.js";
-import { BILL_DETAILS_LABELS_EN as _ } from "./index47.js";
-import { mapPayableToBillDetails as v } from "./index48.js";
-import { useMemo as y, useRef as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { BILL_CREATE_MESSAGE_LABELS_EN as s } from "./index40.js";
+import { encodeFileToBase64 as c } from "./index46.js";
+import { mapBillFormToPayload as l, mapLineItemsToPayload as u } from "./index47.js";
+import { validateBillCompleteness as d, validateBillTotals as f, validateLineItems as p } from "./index48.js";
+import { useCallback as m, useRef as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index49.js
-function w(e) {
-	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
+var _ = {
+	document_id: "invoiceNumber",
+	issued_at: "invoiceDate",
+	due_date: "dueDate",
+	counterpart_id: "vendor"
+};
+function v(e) {
+	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
 }
-function T({ open: T, onOpenChange: E, payableId: D, onClose: O, onExpand: k, testId: A, labels: j, poweredByBankName: M, isPossibleDuplicate: N }) {
-	let P = y(() => ({
-		..._,
-		...j,
-		sheet: {
-			..._.sheet,
-			...j?.sheet,
-			statusBadge: {
-				..._.sheet.statusBadge,
-				...j?.sheet?.statusBadge
-			},
-			approvalPolicy: {
-				..._.sheet.approvalPolicy,
-				...j?.sheet?.approvalPolicy
-			},
-			dueDate: {
-				..._.sheet.dueDate,
-				...j?.sheet?.dueDate
-			}
-		},
-		decisionDialog: f(_.decisionDialog, j?.decisionDialog),
-		approvalPolicyCopy: {
-			..._.approvalPolicyCopy,
-			...j?.approvalPolicyCopy
-		},
-		markAsPaid: u(j?.markAsPaid),
-		actionSuccess: {
-			..._.actionSuccess,
-			...j?.actionSuccess
-		}
-	}), [j]), F = c(D), I = s(D), L = e(), R = F.data, z = b(null), B = m({
-		payableId: D,
-		status: R?.status
-	}), V = p({
-		payableId: D,
-		approvalPolicyId: R?.approval_policy_id,
-		copy: P.approvalPolicyCopy
-	}), H = g({
-		payableId: D,
-		scheduledPaymentDate: R?.scheduled_payment_date
-	}), U = d({
-		payableId: D,
-		amountDueMinorUnits: t(R) ?? 0,
-		amountToPayMinorUnits: R?.amount_to_pay ?? void 0,
-		currencyCode: R?.currency ?? void 0,
-		dueDate: R?.due_date,
-		hasScheduledPayment: H.hasScheduledPayment,
-		testId: A,
-		labels: P.markAsPaid
-	}), { actions: W, decisionDialog: G } = h({
-		payableId: R ? D : void 0,
-		status: R?.status,
-		currentApprovalRequestId: B.id,
-		isPolicyApprover: B.isPolicyApprover,
-		hasWaitingRequest: B.hasWaitingRequest,
-		hasScheduledPayment: H.hasScheduledPayment,
-		scheduledPaymentIntentId: H.scheduledPaymentIntentId,
-		isScheduledPaymentUnknown: H.isResolving,
-		pendingApprovers: V.pendingApprovers,
-		arePendingApproversUnknown: V.isLoading,
-		labels: {
-			payBill: P.sheet.payButton,
-			markAsPaid: P.sheet.markAsPaidButton,
-			reject: P.sheet.rejectButton,
-			approve: P.sheet.approveButton,
-			cancel: P.sheet.cancelButton,
-			cancelScheduledPayment: P.sheet.cancelScheduledPaymentButton,
-			reopen: P.sheet.reopenButton,
-			forceApprove: P.sheet.forceApproveButton,
-			forceReject: P.sheet.forceRejectButton,
-			policyOverridesHeading: P.sheet.policyOverridesGroup,
-			decisionDialog: P.decisionDialog,
-			actionError: P.actionError,
-			actionSuccess: P.actionSuccess
-		},
-		isMarkAsPaidPending: U.isPending,
-		onMarkAsPaidSelect: U.open,
-		onPayBillSelect: () => {
-			if (!w(n(R)) && k) {
-				k();
-				return;
-			}
-			z.current?.open();
+function y(e, t = s) {
+	let n = {}, r = [];
+	for (let i of e) {
+		let e = i.loc[0] ?? t.unknownValidationField, a = _[e], o = v(i) ? t.requiredField : i.msg;
+		a ? n[a] = o : r.push(t.unmappedValidationError(e, o));
+	}
+	return r.length && (n.form = r.join(" ")), n;
+}
+function b(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 x({ payableId: _, form: v, counterpartId: x, clearCounterpart: S, prepareVendorForSave: C, onSaved: w, onPayableCreated: T, readSavedStatus: E, onDraftSaved: D, onFinalized: O, labels: k }) {
+	let A = {
+		...s,
+		...k
+	}, [j, M] = g(), N = _ ?? j, [P, F] = g(), I = m(() => F(void 0), []), [L, R] = g(!1), z = m(() => R(!0), []), [B, V] = g(), H = h(!1), U = n(), W = r(), G = a(), K = t(), q = o(), J = i(), Y = m(() => v.isTotalsDirty ? f(v.discount, v.tax, v.totalOverride, A) : void 0, [v, A]), X = m(() => {
+		let t = p(v.lineItems, A), n = Y();
+		return v.setLineItemErrors(t), !t && !n || (t ? (v.setErrors(void 0), e.error(A.lineItemsNeedAttention)) : v.setErrors(n), !1);
+	}, [
+		v,
+		A,
+		Y
+	]), Z = m(async (e) => {
+		let t = !N && P ? {
+			base64EncodedFile: await c(P),
+			fileName: P.name
+		} : void 0, n = l({
+			values: v.values,
+			counterpartId: x,
+			clearCounterpart: S,
+			counterpartBankAccountId: e,
+			editedTotals: v.isTotalsDirty ? {
+				discount: v.discount,
+				tax: v.tax,
+				total: v.totalOverride
+			} : void 0,
+			document: t
+		}), r = N;
+		if (r ? await G.mutateAsync({
+			path: { payable_id: r },
+			body: n
+		}) : (r = (await U.mutateAsync({ body: n }))?.id, r && (M(r), T?.(r), t && F(void 0))), !r) throw Error("Payable was created without an id");
+		if (L) {
+			try {
+				await W.mutateAsync({ path: { payable_id: r } });
+			} catch {}
+			R(!1);
 		}
-	}), K = H.hasScheduledPayment && H.scheduledDateLabel ? /* @__PURE__ */ S("p", {
-		className: "ttw:text-sm ttw:text-muted-foreground",
-		children: P.scheduledSummary(H.scheduledDateLabel)
-	}) : void 0, q = N ? /* @__PURE__ */ S(a, {}) : void 0, J = q || K ? /* @__PURE__ */ C(x, { children: [q, K] }) : void 0, Y = y(() => R ? v({
-		payable: R,
-		lineItems: I.lineItems,
-		ledgerAccounts: L.data?.data ?? [],
-		labels: P,
-		hasScheduledPayment: H.hasScheduledPayment
-	}) : void 0, [
-		R,
-		I.lineItems,
-		L.data,
+		return await K.mutateAsync({
+			path: { payable_id: r },
+			body: { data: u(v.lineItems) }
+		}), r;
+	}, [
+		x,
+		S,
+		U,
+		W,
+		L,
+		v.discount,
+		v.isTotalsDirty,
+		v.lineItems,
+		v.tax,
+		v.totalOverride,
+		v.values,
+		T,
+		N,
+		K,
 		P,
-		H.hasScheduledPayment
-	]), X = F.isLoading || I.isResolving || L.isResolving, Z = F.isError || I.isError || L.isError;
-	return /* @__PURE__ */ C(x, { children: [
-		/* @__PURE__ */ S(i, {
-			open: T,
-			onOpenChange: E,
-			details: Y,
-			actions: W,
-			approvalPolicy: V.view,
-			isLoading: X,
-			isError: Z,
-			notice: J,
-			onClose: O,
-			onExpand: k,
-			testId: A,
-			labels: P.sheet
-		}),
-		/* @__PURE__ */ S(r, {
-			...G,
-			labels: { cancelButton: P.decisionDialog.cancelButton },
-			testId: A ? `${A}-decision-dialog` : void 0,
-			confirmTestId: A ? `${A}-decision-confirm` : void 0,
-			reasonTestId: A ? `${A}-decision-reason` : void 0,
-			reasonFieldId: A ? `${A}-decision-reason-field` : void 0
-		}),
-		/* @__PURE__ */ S(o, { ...U.dialogProps }),
-		R ? /* @__PURE__ */ S(l, {
-			ref: z,
-			payable: R,
-			poweredByBankName: M
-		}) : null
-	] });
+		G
+	]), Q = m(async () => {
+		N && (await W.mutateAsync({ path: { payable_id: N } }), R(!1));
+	}, [W, N]);
+	return {
+		saveDraft: m(async () => {
+			if (!H.current && X()) {
+				H.current = !0, V("draft");
+				try {
+					let t = await C?.();
+					if (t && !t.ok) return;
+					let n = await Z(t?.counterpartBankAccountId);
+					v.setErrors(void 0), w?.(n), D?.(n);
+					let r = await E?.();
+					return e.success(r === "draft" ? A.submittedDemoted : A.draftSaved), n;
+				} catch {
+					v.setErrors({ form: A.saveFailed });
+					return;
+				} finally {
+					V(void 0), H.current = !1;
+				}
+			}
+		}, [
+			v,
+			X,
+			A.draftSaved,
+			A.saveFailed,
+			A.submittedDemoted,
+			D,
+			w,
+			E,
+			C,
+			Z
+		]),
+		finalize: m(async () => {
+			if (H.current) return;
+			let t = p(v.lineItems, A), n = Y(), { formErrors: r, lineItemErrors: i } = d(v.values, x, v.lineItems, A), a = b(i, t);
+			v.setLineItemErrors(a);
+			let o = {
+				...r,
+				...n
+			};
+			if (v.setErrors(Object.keys(o).length ? o : void 0), t && e.error(A.lineItemsNeedAttention), !(a || Object.keys(o).length)) {
+				H.current = !0, V("finalize");
+				try {
+					let t;
+					try {
+						let e = await C?.();
+						if (e && !e.ok) return;
+						t = await Z(e?.counterpartBankAccountId);
+					} catch {
+						v.setErrors({ form: A.saveFailed });
+						return;
+					}
+					w?.(t);
+					try {
+						let n = await q.mutateAsync({ path: { payable_id: t } });
+						if (n.validation_errors.length) {
+							v.setErrors(y(n.validation_errors, A));
+							return;
+						}
+						await J.mutateAsync({ path: { payable_id: t } }), v.setErrors(void 0), O?.(t), e.success(A.billFinalized);
+					} catch {
+						v.setErrors({ form: A.finalizeFailed });
+					}
+				} finally {
+					V(void 0), H.current = !1;
+				}
+			}
+		}, [
+			x,
+			v,
+			A,
+			O,
+			w,
+			C,
+			Z,
+			J,
+			Y,
+			q
+		]),
+		payableId: N,
+		isSavingDraft: B === "draft",
+		isFinalizing: B === "finalize",
+		stagedFile: P,
+		stageFile: F,
+		clearStagedFile: I,
+		isFileDeletionPending: L,
+		requestFileDeletion: z,
+		detachFileNow: Q,
+		isDeletingFile: W.isPending,
+		hasFileDeletionFailed: W.isError
+	};
 }
 //#endregion
-export { T as BillDetailsContainer, T as default };
+export { y as mapValidationErrorsToForm, x as useBillCreateController };

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

@@ -1,2 +1,9 @@
-import "./index2.js";
-import "./index4.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index5.js
+function e(e) {
+	return e?.counterpart ?? e?.counterpart_raw_data ?? void 0;
+}
+function t(e) {
+	return e?.counterpart?.name ?? e?.counterpart_raw_data?.name ?? "";
+}
+//#endregion
+export { e as resolveVendor, t as resolveVendorName };

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

@@ -1,3 +1,38 @@
-import "./index47.js";
-import "./index48.js";
-import "./index49.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.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: n.total_amount ? t(n.total_amount) : ""
+	};
+}
+//#endregion
+export { e as emptyLineItem, n as mapPayableToBillForm };

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

@@ -1,4 +1,104 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { calculateTotal as e, displayLineAmount as t, parseMoneyToMinorUnits as n } from "./index47.js";
+import { emptyLineItem as r, mapPayableToBillForm as i } from "./index50.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/index51.js
-var e = { Mounted: "bill_pay_widget.mounted" }, t = "bill_pay_widget";
+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 { e as BillPayWidgetAnalyticsEvent, t as WIDGET_NAME };
+export { u as useBillForm };

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

@@ -1,46 +1,20 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetAnalyticsEvent as t, WIDGET_NAME as n } from "./index51.js";
-import { Payables as r } from "../../../monite-sdk/dist/index443.js";
-import "../../../monite-sdk/dist/index.js";
-import { MoniteRegionProvider as i } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
-import "../../../shared/monite-wrapper/feature/dist/index.js";
-import { useEffect as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js
-var s = (e) => e;
-function c(n) {
-	let i = e();
-	return a(() => {
-		i(t.Mounted);
-	}, [i]), /* @__PURE__ */ o(r, { ...n });
-}
-function l({ baseUrl: e, widgetToken: t, organizationId: r, configClient: a, gatewayRouting: l, linkComponent: u, implementation: d, uiFramework: f, errorFallback: p, onError: m, finopsThemeColors: h, analytics: g, disclosuresAcceptance: _, providerLabels: v, pageTitleComponent: y = s, ...b }) {
-	return /* @__PURE__ */ o(i, {
-		widgetName: n,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: r,
-		configClient: a,
-		gatewayRouting: l,
-		linkComponent: u,
-		implementation: d,
-		uiFramework: f,
-		errorFallback: p,
-		onError: m,
-		finopsThemeColors: h,
-		analytics: g,
-		disclosuresAcceptance: _,
-		providerLabels: v,
-		children: /* @__PURE__ */ o(c, {
-			...b,
-			pageTitleComponent: y
-		})
-	});
-}
+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",
+	duplicateRemoveDialog: "bill-pay-bill-create-duplicate-remove-dialog",
+	duplicateRemoveConfirm: "bill-pay-bill-create-duplicate-remove-confirm",
+	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"
+};
 //#endregion
-export { l as BillPayWidgetMonite, l as default };
+export { e as billCreateTestIds };