@tesouro/embedded-components-react 0.2.324 → 0.2.326

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index390.js

@@ -1,193 +1,95 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useCurrencies as n } from "./index63.js";
-import { useEntityUserByAuthToken as r } from "./index129.js";
-import { usePayablePaymentIntentsAndRecords as i } from "./index134.js";
-import "./index189.js";
-import { useUserPermissions as a } from "./index112.js";
-import { useGetPayableCounterpart as o } from "./index350.js";
-import { usePayButtonVisibility as s } from "./index353.js";
-import { useGetPayableById as c } from "./index355.js";
-import { useGetPayableLineItems as l } from "./index356.js";
-import { useGetPayableApprovalRequests as u } from "./index357.js";
-import { useCreatePayable as ee } from "./index358.js";
-import { useUpdatePayable as d } from "./index359.js";
-import { useCreatePayableLineItem as te } from "./index360.js";
-import { useUpdatePayableLineItem as ne } from "./index361.js";
-import { useDeletePayableLineItem as re } from "./index362.js";
-import { useCancelPayableById as ie } from "./index363.js";
-import { useSubmitPayableForApproval as ae } from "./index364.js";
-import { useForceRejectPayable as oe } from "./index365.js";
-import { useForceApprovePayable as se } from "./index366.js";
-import { useReopenPayable as ce } from "./index367.js";
-import { useDeletePayable as le } from "./index368.js";
-import { prepareLineItemSubmit as f } from "./index371.js";
-import { usePaymentHandler as ue } from "./index386.js";
-import { useRejectApprovalRequest as de } from "./index387.js";
-import { useApproveApprovalRequest as fe } from "./index388.js";
-import { isPayableInOCRProcessing as p } from "./index389.js";
-import { useCallback as m, useEffect as h, useMemo as g, useState as pe } from "react";
-import { toast as _ } from "react-hot-toast";
-import { useLingui as me } from "@lingui/react";
+import { usePaymentIntentById as e } from "./index135.js";
+import "./index138.js";
+import { useRootElements as t } from "./index178.js";
+import "./index179.js";
+import { useCreatePayablePaymentLink as n, usePaymentLinkById as r } from "./index389.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { toast as c } from "react-hot-toast";
+import { Box as l, CircularProgress as u, Modal as d } from "@mui/material";
+import { useLingui as f } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index390.js
-function v({ id: v, enableGLCodes: he, shouldOpenInEditMode: ge, onSaved: y, onCanceled: _e, onSubmitted: ve, onRejected: b, onApproved: x, onReopened: ye, onDeleted: be, onPay: S }) {
-	let { api: C, queryClient: w } = t(), T = a(), { i18n: E } = me(), { formatToMinorUnits: D } = n(), { data: O } = r(), [k, A] = pe(ge ?? !1), j = C.finops.getPayablesId.getQueryData({ path: { payable_id: v ?? "" } }, w), M = j && p(j), { data: N, error: xe, isLoading: Se, refetch: P } = c(v ?? "", M, k), F = N?.status, { payablesPaymentIntentsRecord: Ce, refetch: I } = i(v ? [v] : []), { showPayButton: we, intentsAnalysis: Te } = s({
-		payable: N,
-		payableRecentPaymentRecordByIntent: Ce?.[v ?? ""] || []
-	}), { handlePay: L, modalComponent: Ee } = ue(v, N?.counterpart_id, () => {
-		P(), I();
-	}, Te.idPaymentIntentInCreated), { counterpart: De, isCounterpartAIMatched: Oe, AISuggestions: ke } = o({ payable: N });
-	h(() => {
-		if (M) return () => void C.finops.getPayables.invalidateQueries(w);
+var p = (p, m, h, g) => {
+	let { i18n: _ } = f(), { root: v } = t(), y = n(), [b, x] = a(!1), [S, C] = a(null), [w, T] = a(null), [E, D] = a(!1), { data: O, isSuccess: k } = e(g ?? "");
+	i(() => {
+		k && O?.payment_link_id && g && T(O.payment_link_id);
 	}, [
-		C,
-		M,
-		w
+		k,
+		O,
+		g
 	]);
-	let { data: Ae } = l(v ?? ""), R = Ae?.data, { data: z } = u(v ?? "", F), B = z?.data?.find((e) => e.status === "waiting" && !e.approved_by?.includes(O?.id ?? "") && e.user_ids?.includes(O?.id ?? "")), V = T.has(e.PayableWriteOrg), H = T.has(e.PayableWriteOrg), U = T.has(e.PayableWriteOrg), W = T.has(e.PayableApproveOrg), G = T.has(e.PayablePayOrg), K = T.has(e.PayableWriteOrg), q = T.has(e.PayableWriteOrg), J = ee(), Y = d(), X = te(v ?? ""), je = ne(v ?? ""), Me = re(v ?? ""), { mutateAsync: Ne, isPending: Pe } = ie(v ?? "", _e), { submitForApproval: Fe, isPending: Z } = ae({
-		payableId: v ?? "",
-		AISuggestions: ke?.suggested_counterpart,
-		isCounterpartAIMatched: Oe,
-		counterpartId: De?.id,
-		onSubmitted: ve
-	}), { mutateAsync: Ie, isPending: Le } = de(B?.id ?? "", b, v, N?.document_id), { mutateAsync: Re, isPending: ze } = fe(B?.id ?? "", x, v, N?.document_id), { mutateAsync: Be, isPending: Ve } = oe(v ?? "", b), { mutateAsync: He, isPending: Q } = se(v ?? "", x), { mutateAsync: Ue, isPending: We } = ce(v ?? "", ye), { mutateAsync: Ge } = le(v ?? "", be), Ke = J.isPending || Y.isPending || Pe || Z || Ve || Q || We || Le || ze, qe = J.isPending || Y.isPending || Z, $ = m(() => T.has(e.PayableApproveOrg), [T]), Je = g(() => {
-		if (!v) return ["cancelEdit", "save"];
-		if (F === "draft") return k ? H ? ["cancelEdit", "save"] : [] : [...V ? ["cancel"] : [], ...H ? ["edit"] : []];
-		if (F === "new") return k ? H ? ["cancelEdit", "save"] : [] : [
-			...V ? ["cancel"] : [],
-			...H ? ["edit"] : [],
-			...U ? ["submit"] : []
-		];
-		if (F === "approve_in_progress") {
-			let e = (z?.data?.length ?? 0) > 0 && z?.data?.[0]?.status === "waiting" && B !== void 0, t = $();
-			return [...e ? ["reject", "approve"] : [], ...W && t ? ["forceReject", "forceApprove"] : []];
-		}
-		return (F === "waiting_to_be_paid" || F === "partially_paid") && G && Number(N?.amount_to_pay) > 0 ? ["pay"] : F === "rejected" && K ? ["reopen"] : F === "canceled" && q ? ["delete"] : [];
+	let { data: A, refetch: j, isSuccess: M, isLoading: N } = r(w ?? "");
+	return i(() => {
+		M && A?.payment_intent?.status === "processing" && h?.(p ?? "", A?.payment_intent?.status ?? "");
 	}, [
-		v,
-		F,
-		k,
-		H,
-		V,
-		U,
-		W,
-		K,
-		q,
-		G,
-		z,
-		B,
-		N?.amount_to_pay,
-		$
-	]), Ye = async (e, t) => {
-		let n = await J.mutateAsync({ ...e }, { onSuccess: (e) => {
-			_.success(E._("Payable “{createdPayableDocument_id}” has been created", { createdPayableDocument_id: e.document_id })), C.finops.getCounterparts.invalidateQueries({ parameters: { query: { is_vendor: !0 } } }, w);
-		} });
-		if (t) {
-			let e = [];
-			t?.forEach((t) => {
-				n.currency && !t.id && e.push(X.mutateAsync({
-					path: { payable_id: n.id },
-					body: f(n.currency, t, D, { allowLedgerUpdate: !1 })
-				}));
-			}), await Promise.all(e);
-		}
-		await Promise.all([
-			C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: n.id } } }, w),
-			C.finops.getPayables.invalidateQueries(w),
-			C.finops.getPayablesIdLineItems.invalidateQueries({ parameters: { path: { payable_id: n.id } } }, w)
-		]), k && A(!1), y?.(n.id);
-	}, Xe = async (e, t, n, r) => {
-		let i = await Y.mutateAsync({
-			path: { payable_id: e },
-			body: t
-		}, { onSuccess: (e) => {
-			_.success(E._("Payable “{updatedPayableDocument_id}” has been updated", { updatedPayableDocument_id: e.document_id }));
-		} });
-		if (n && r) {
-			let e = [];
-			n?.forEach((t) => {
-				i.currency && !t.id && e.push(X.mutateAsync({
-					path: { payable_id: i.id },
-					body: f(i.currency, t, D)
-				}));
-			}), r?.lineItems?.forEach((t, r) => {
-				if (!t) return;
-				let { id: a, ...o } = t, s = Object.values(o).some((e) => e), c = n[r]?.id, l = n[r], u = !a && !!s && !!c && !!l;
-				i.currency && u && e.push(je.mutateAsync({
-					path: {
-						payable_id: i.id,
-						line_item_id: c
-					},
-					body: f(i.currency, l, D, {
-						allowLedgerUpdate: he && !!o.ledger_account_id,
-						previous: R?.find((e) => e.id === c)?.ledger_account_id
-					})
-				}));
-			}), R?.forEach((t) => {
-				n?.find((e) => e.id === t.id) || e.push(Me.mutateAsync({ path: {
-					payable_id: i.id,
-					line_item_id: t.id
-				} }));
-			}), await Promise.all(e);
-		}
-		await C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: i.id } } }, w), k && A(!1), y?.(e);
-	}, Ze = async (e, t) => {
-		let n = t.map((e) => e.id);
-		await Y.mutateAsync({
-			path: { payable_id: e },
-			body: { tag_ids: n }
-		}, { onSuccess: (e) => {
-			C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: e.id } } }, w);
-		} });
-	}, Qe = m(() => {
-		if (N) {
-			if (!S) return L();
-			if (S?.length < 2) return S(N.id);
-			S(N.id, void 0, {
-				resolve: (e) => {
-					e?.showToast && _.success(E._("Payment flow started")), P(), I();
-				},
-				reject: (e, t) => {
-					t?.showToast && _.error(E._("Payment failed or cancelled")), P(), I();
+		A,
+		M,
+		h,
+		p
+	]), {
+		handlePay: async () => {
+			if (!m) {
+				c.error(_._("Vendor not found. Please create a vendor first."));
+				return;
+			}
+			if (!E) try {
+				if (N) {
+					c.error(_._("Payment link is still loading. Please wait a moment and try again."));
+					return;
 				}
-			});
-		}
-	}, [
-		E,
-		N,
-		L,
-		S,
-		P,
-		I
-	]);
-	return {
-		payable: N,
-		isLoading: Se || Ke || qe,
-		payableQueryError: xe,
-		isEdit: k,
-		permissions: Je,
-		lineItems: R,
-		showPayButton: we,
-		currentUserApprovalRequest: B,
-		actions: {
-			setEdit: A,
-			createInvoice: Ye,
-			saveInvoice: Xe,
-			submitInvoice: Fe,
-			rejectInvoice: Ie,
-			approveInvoice: Re,
-			forceRejectInvoice: Be,
-			forceApproveInvoice: He,
-			reopenInvoice: Ue,
-			cancelInvoice: Ne,
-			deleteInvoice: Ge,
-			payInvoice: Qe,
-			handlePay: L,
-			updateTags: Ze,
-			modalComponent: Ee
-		}
+				if (!w || M && A?.payment_intent?.status !== "created") {
+					if (D(!0), !p) throw Error("Payable ID is undefined");
+					let e = await y(p, m, ["sepa_credit"], 60);
+					if (e.payment_page_url) T(e.id), C(e.payment_page_url);
+					else throw T(null), C(null), Error("No payment page URL in response");
+				} else if (A?.payment_page_url) C(A.payment_page_url);
+				else throw Error("No payment page URL in existing payment link");
+				x(!0);
+			} catch (e) {
+				console.error("Payment link creation/retrieval error:", e), c.error(g && O?.status === "created" ? _._("Failed to retrieve payment link. Please try again.") : _._("Failed to create payment link. Please try again.")), x(!1);
+			} finally {
+				D(!1);
+			}
+		},
+		isCreatingPaymentLink: E,
+		modalComponent: /* @__PURE__ */ o(d, {
+			open: b,
+			onClose: async () => {
+				await j(), x(!1), C(null);
+			},
+			container: v,
+			children: /* @__PURE__ */ o(l, {
+				sx: {
+					position: "absolute",
+					top: "50%",
+					left: "50%",
+					transform: "translate(-50%, -50%)",
+					width: "80%",
+					maxWidth: 600,
+					bgcolor: "background.paper",
+					boxShadow: 24,
+					p: 4,
+					borderRadius: 2
+				},
+				children: S ? /* @__PURE__ */ o("iframe", {
+					src: S,
+					title: "Payment Page",
+					width: "100%",
+					height: "400px",
+					style: { border: "none" }
+				}) : /* @__PURE__ */ s(l, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						gap: 2,
+						py: 4
+					},
+					children: [/* @__PURE__ */ o(u, {}), /* @__PURE__ */ o("p", { children: _._("Loading payment page...") })]
+				})
+			})
+		})
 	};
-}
+};
 //#endregion
-export { v as usePayableDetails };
+export { p as usePaymentHandler };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index391.js

@@ -1,102 +1,22 @@
 import { getAPIErrorMessage as e } from "./index26.js";
 import { useMoniteContext as t } from "./index47.js";
-import { useFileInput as n } from "./index181.js";
-import "./index189.js";
-import { CenteredContentBox as r } from "./index203.js";
-import "./index204.js";
-import { useMemo as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { toast as l } from "react-hot-toast";
-import { Box as u, Button as d, CircularProgress as f, Typography as p, alpha as m, useTheme as h } from "@mui/material";
-import { useLingui as g } from "@lingui/react";
-import _ from "@mui/icons-material/AttachFile";
-import v from "@mui/icons-material/CloudUploadOutlined";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index391.js
-var y = ({ payableId: y }) => {
-	let { i18n: b } = g(), { api: x, queryClient: S } = t(), C = h(), { FileInput: w, openFileInput: T, checkFileError: E } = n(), [D, O] = a(!1), k = x.finops.postPayablesIdAttachFile.useMutation({ path: { payable_id: y } }, {
-		onSuccess: () => Promise.all([x.finops.getPayables.invalidateQueries(S), x.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: y } } }, S)]),
-		onError: () => {}
-	}), A = i(() => ({
-		border: 2,
-		borderRadius: 2,
-		borderStyle: "dashed",
-		borderColor: "primary.main",
-		backgroundColor: m(C.palette.primary.main, .05)
-	}), [C.palette.primary.main]), j = (e) => {
-		e.preventDefault(), O(!0);
-	}, M = (e) => {
-		e.preventDefault(), O(!1);
-	}, N = (e) => {
-		e.preventDefault(), O(!1);
-		let t = Array.from(e.dataTransfer.files)[0];
-		t && P(t);
-	}, P = (t) => {
-		let n = E(t);
-		if (n) {
-			l.error(n);
-			return;
-		}
-		y && k.mutate({ file: t }, {
-			onSuccess: () => {
-				l.success(b._("File successfully attached"));
-			},
-			onError: (t) => {
-				l.error(e(b, t));
-			}
-		});
-	};
-	return k.isPending ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(f, {}) }) : /* @__PURE__ */ s(u, {
-		className: "Monite-PayableDetailsAttachFile",
-		sx: {
-			width: "100%",
-			height: "100%",
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "center",
-			textAlign: "center",
-			...D && A
+var i = (i, a, o, s) => {
+	let { api: c, queryClient: l } = t(), { i18n: u } = r();
+	return c.finops.postApprovalRequestsIdReject.useMutation({ path: { approval_request_id: i } }, {
+		onSuccess: () => {
+			if (c.finops.getApprovalRequests.invalidateQueries(l), n.success(u._("Payable “{document_id}” has been rejected", { document_id: s })), o) return a?.(o ?? ""), new Promise((e) => {
+				setTimeout(() => {
+					Promise.all([c.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: o ?? "" } } }, l), c.finops.getPayables.invalidateQueries(l)]).then(() => e());
+				}, 500);
+			});
 		},
-		onDragOver: j,
-		onDragLeave: M,
-		onDrop: N,
-		children: /* @__PURE__ */ s(u, {
-			sx: { margin: "auto" },
-			children: D ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(v, {
-				color: "primary",
-				fontSize: "large"
-			}), /* @__PURE__ */ s(p, {
-				color: "primary",
-				variant: "subtitle2",
-				children: b._("Drop the file here to upload")
-			})] }) : /* @__PURE__ */ c(o, { children: [
-				/* @__PURE__ */ s(_, {
-					color: "primary",
-					fontSize: "large",
-					sx: { marginBottom: 2 }
-				}),
-				/* @__PURE__ */ s(p, {
-					variant: "h3",
-					sx: { marginBottom: 1 },
-					children: b._("Attach a file")
-				}),
-				/* @__PURE__ */ s(p, { children: b._("This invoice doesn't have a file attached.") }),
-				/* @__PURE__ */ s(p, {
-					sx: { marginBottom: 2 },
-					children: b._("Drag & Drop it here to save for administrative purposes.")
-				}),
-				/* @__PURE__ */ s(d, {
-					variant: "outlined",
-					component: "label",
-					onClick: T,
-					children: b._("Choose from device")
-				}),
-				/* @__PURE__ */ s(w, { onChange: (e) => {
-					let t = e.target.files ? e.target.files[0] : null;
-					t && P(t);
-				} })
-			] })
-		})
+		onError: (t) => {
+			n.error(e(u, t));
+		}
 	});
 };
 //#endregion
-export { y as PayableDetailsAttachFile };
+export { i as useRejectApprovalRequest };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index392.js

@@ -1 +1,20 @@
-import "./index391.js";
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index392.js
+var i = (i, a, o, s) => {
+	let { api: c, queryClient: l } = t(), { i18n: u } = r();
+	return c.finops.postApprovalRequestsIdApprove.useMutation({ path: { approval_request_id: i } }, {
+		onSuccess: () => (c.finops.getApprovalRequests.invalidateQueries(l), n.success(u._("Payable \"{document_id}\" has been approved", { document_id: s ?? "document id is unknown" })), a?.(o ?? ""), new Promise((e) => {
+			setTimeout(() => {
+				Promise.all([c.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: o ?? "" } } }, l), c.finops.getPayables.invalidateQueries(l)]).then(() => e());
+			}, 500);
+		})),
+		onError: (t) => {
+			n.error(e(u, t));
+		}
+	});
+};
+//#endregion
+export { i as useApproveApprovalRequest };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index393.js

@@ -1 +1,4 @@
-import "./index197.js";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index393.js
+var e = (e) => e.source_of_payable_data === "ocr" && e.ocr_status === "processing";
+//#endregion
+export { e as isPayableInOCRProcessing };