@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,14 +1,133 @@
+import { useMoniteContext as e } from "./index47.js";
+import { useMyEntity as t } from "./index133.js";
+import "./index138.js";
+import { useComponentSettings as n } from "./index187.js";
+import "./index189.js";
+import { useKanmonContext as r } from "./index565.js";
+import { useGetFinanceOffers as i } from "./index563.js";
+import { useGetFinancingConnectToken as a } from "./index564.js";
+import { useEffect as o, useState as s } from "react";
+import { useLingui as c } from "@lingui/react";
+import l from "react-script-hook";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index566.js
-var e = (e, t) => {
-	switch (t) {
-		case "NEW": return e._("In review");
-		case "DEFAULTED": return e._("Uncollectible");
-		case "PAID": return e._("Paid in full");
-		case "FUNDED": return e._("Funded");
-		case "LATE": return e._("Late payment");
-		case "REJECTED": return e._("Rejected");
-		default: throw Error(`Unknown status ${JSON.stringify(t)}`);
-	}
+var u = "https://cdn.sandbox.kanmon.dev/scripts/v2/kanmon-connect.js", d = "https://cdn.kanmon.dev/scripts/v2/kanmon-connect.js", f = {
+	INIT: "init",
+	IN_PROGRESS: "in_progress",
+	PENDING_APPROVAL: "pending_approval",
+	NO_OFFERS_AVAILABLE: "no_offers",
+	SERVICING: "servicing",
+	APPROVED: "approved",
+	OFFER_ACCEPTED: "offer_accepted",
+	OFFERS_EXPIRED: "offers_expired"
+}, p = () => {
+	let { apiUrl: p, api: m, queryClient: h, entityId: g } = e(), { isKanmonInitialized: _, toggleKanmon: v, handleButtonText: y, buttonText: b } = r(), { onboardingCallbacks: x } = n(), { i18n: S } = c(), C = a(), { data: w } = i(), { isUSEntity: T } = t(), E = (() => {
+		switch (w?.business_status) {
+			case "NEW":
+			default: return f.INIT;
+			case "INPUT_REQUIRED": return f.IN_PROGRESS;
+			case "ONBOARDED": return w?.offers?.length === 0 ? f.PENDING_APPROVAL : w?.offers?.[0]?.status === "NEW" ? f.APPROVED : w?.offers?.[0]?.status === "EXPIRED" ? f.OFFERS_EXPIRED : w?.offers?.[0]?.status === "ACCEPTED" ? f.OFFER_ACCEPTED : f.SERVICING;
+		}
+	})(), D = (() => {
+		try {
+			let e = new URL(p);
+			return !["api.dev.monite.com", "api.sandbox.monite.com"].includes(e.hostname);
+		} catch {
+			return !0;
+		}
+	})() ? d : u, [O] = l({ src: D }), [k, A] = s(!1), j = (e) => {
+		let t = {
+			type: "receivable",
+			status: "NEW",
+			invoice_id: e?.platformInvoiceId,
+			document_id: e?.platformInvoiceNumber,
+			due_date: e?.invoiceDueDate,
+			issue_date: e?.invoiceIssuedDate,
+			total_amount: e?.invoiceAmountCents,
+			currency: "USD",
+			payer_type: e?.payorType,
+			payer_business_name: e?.payorBusinessName,
+			payer_first_name: e?.payorFirstName,
+			payer_last_name: e?.payorLastName,
+			requested_amount: e?.amountRequestedForFinancingCents,
+			principal_amount: e?.principalAmountCents,
+			repayment_amount: e?.repaymentAmountCents,
+			advance_amount: e?.invoiceAdvanceAmountCents,
+			advance_rate_percentage: e?.advanceRatePercentage * 100,
+			fee_amount: e?.feeAmountCents,
+			fee_percentage: e?.transactionFeePercentage * 100,
+			repayment_schedule: {
+				repayment_date: e?.repaymentSchedule?.schedule?.[0]?.repaymentDate,
+				repayment_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentAmountCents,
+				repayment_fee_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentFeeAmountCents,
+				repayment_principal_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentPrincipalAmountCents
+			}
+		};
+		m.finops.getFinancingInvoices.setQueryData(m.finops.getFinancingInvoices.getQueryKey({ query: {
+			type: "receivable",
+			invoice_id: e?.platformInvoiceId
+		} }), (e) => ({
+			...e,
+			data: [t]
+		}), h), m.finops.getFinancingInvoices.setQueryData(m.finops.getFinancingInvoices.getQueryKey({ query: {} }), (e) => {
+			let n = e?.data ? e.data : [];
+			return {
+				...e,
+				data: [t, ...n]
+			};
+		}, h);
+	}, M = ({ connectToken: e }) => {
+		window?.KANMON_CONNECT?.start({
+			connectToken: e,
+			onEvent: (e) => {
+				if (e.eventType === "USER_STATE_CHANGED" || e.eventType === "USER_CONFIRMED_INVOICE") {
+					if (e.eventType === "USER_CONFIRMED_INVOICE") j(e.data.invoice);
+					else {
+						switch (e.data.userState) {
+							case "START_FLOW":
+								y(S._("Apply for financing"));
+								break;
+							case "USER_INPUT_REQUIRED":
+								e.data.section === "OFFER" ? y(S._("Review terms and sign")) : y(S._("Resume application"));
+								break;
+							case "WAITING_FOR_OFFERS":
+								y(""), (w?.business_status === "INPUT_REQUIRED" || w?.business_status === "NEW") && x.onWorkingCapitalOnboardingComplete?.(g);
+								break;
+							case "OFFERS_EXPIRED":
+							case "NO_OFFERS_EXTENDED":
+								y("");
+								break;
+							case "SERVICING":
+								y(S._("Financing menu")), w?.business_status === "ONBOARDED" && w?.offers?.[0]?.status === "NEW" && window.localStorage.setItem("isFinanceTabNew", "true");
+								break;
+							case "VIEW_OFFERS":
+							case "OFFER_ACCEPTED": y(S._("Review terms and sign"));
+						}
+						m.finops.getFinancingOffers.invalidateQueries(h);
+					}
+				}
+			}
+		});
+	};
+	o(() => {
+		!_ && !O && T && (async () => {
+			A(!0);
+			try {
+				let e = await C.mutateAsync();
+				M({ connectToken: e.connect_token }), v(!0);
+			} catch {} finally {
+				A(!1);
+			}
+		})();
+	}, [O, T]);
+	let N = O || k, P = T, F = w?.business_status === "ONBOARDED" && w?.offers?.[0]?.status === "CURRENT";
+	return {
+		buttonText: b,
+		applicationState: E,
+		offer: w?.offers?.[0],
+		isLoading: N,
+		isEnabled: P,
+		isServicing: F
+	};
 };
 //#endregion
-export { e as getCommonStatusLabel };
+export { f as FinancialApplicationState, p as useFinancing };

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

@@ -1,36 +1,8 @@
-import { BACKGROUND_FINANCE_STATUS_MUI_MAP as e, FINANCE_INVOICE_STATUS_TO_MUI_ICON_MAP as t, ROW_TO_TAG_FINANCE_STATUS_MUI_MAP as n } from "./index19.js";
-import { getCommonStatusLabel as r } from "./index566.js";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { Chip as a } from "@mui/material";
-import { useLingui as o } from "@lingui/react";
-import s from "@mui/icons-material/Circle";
-import { styled as c, useThemeProps as l } from "@mui/material/styles";
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index567.js
-var u = ({ ref: a, ...c }) => {
-	let { status: u, variant: f, icon: p, size: m } = l({
-		props: c,
-		name: "MoniteFinancedInvoiceStatusChip"
-	}), { i18n: h } = o(), g = t[u];
-	return /* @__PURE__ */ i(d, {
-		ref: a,
-		sx: {
-			width: "auto",
-			color: n[u],
-			bgcolor: e[u]
-		},
-		icon: p && g ? /* @__PURE__ */ i(g, { sx: {
-			fontSize: 16,
-			fill: n[u]
-		} }) : /* @__PURE__ */ i(s, { sx: { fontSize: "10px !important" } }),
-		label: r(h, u),
-		size: m,
-		status: u,
-		variant: f ?? "filled"
-	});
-}, d = c(a, {
-	name: "MoniteFinancedInvoiceStatusChip",
-	slot: "root",
-	shouldForwardProp: () => !0
-})({});
+var t = () => {
+	let { api: t } = e();
+	return t.finops.postFinancingInvoices.useMutation({}, { onError: () => {} });
+};
 //#endregion
-export { u as FinancedInvoiceStatusChip };
+export { t as useFinanceAnInvoice };

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

@@ -1,185 +1,8 @@
 import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index189.js";
-import { InvoiceStatusChip as n } from "./index229.js";
-import "./index437.js";
-import { useKanmonContext as r } from "./index560.js";
-import { FinancedInvoiceStatusChip as i } from "./index567.js";
-import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { Box as c, Button as l, Divider as u, Typography as d, darken as f, useTheme as p } from "@mui/material";
-import { useLingui as m } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index568.js
-var h = ({ invoice: h, offers: g, financedInvoice: _, enableNavigate: v = !1, handleNavigate: y }) => {
-	let { i18n: b } = m(), { locale: x } = e(), { startFinanceSession: S } = r(), { formatCurrencyToDisplay: C } = t(), w = p(), T = x.dateFormat, E = _ ? b.date(_.issue_date, T) : "—", D = _ ? C(_.total_amount, _.currency) : "-", O = g?.[0]?.pricing_plans?.reduce((e, t, n) => (t?.fee_percentage === _?.fee_percentage && t?.advance_rate_percentage === _?.advance_rate_percentage && (e = {
-		pricingPlanIndex: n,
-		data: t
-	}), e), null), k = _?.repayment_schedule?.repayment_date ? b.date(_.repayment_schedule.repayment_date, T) : "—", A = _?.advance_amount ? C(_.advance_amount, _.currency) : "-", j = _?.fee_amount ? C(_.fee_amount, _.currency) : "-", M = _?.repayment_amount ? C(_.repayment_amount, _.currency) : "-", N = _?.status === "REJECTED" || _?.status === "NEW", P = _?.status === "FUNDED" || _?.status === "LATE";
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s(c, {
-		sx: {
-			p: 4,
-			display: "flex",
-			flexDirection: "column",
-			gap: 4
-		},
-		children: [
-			/* @__PURE__ */ o(d, {
-				variant: "h3",
-				children: b._("Funding details")
-			}),
-			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, {
-				variant: "h2",
-				fontWeight: 600,
-				fontSize: 32,
-				children: D
-			}), /* @__PURE__ */ o(d, {
-				fontWeight: 500,
-				variant: "body1",
-				children: b._("{issueDate}", { issueDate: E })
-			})] }),
-			/* @__PURE__ */ s(c, {
-				sx: {
-					display: "flex",
-					gap: 3
-				},
-				children: [
-					/* @__PURE__ */ s(c, {
-						width: "100%",
-						children: [/* @__PURE__ */ o(d, {
-							variant: "body1",
-							color: f(w.palette.grey[50], .4),
-							mb: .5,
-							fontWeight: 400,
-							children: b._("Financing plan {value}", { value: (O?.pricingPlanIndex ?? 0) + 1 })
-						}), /* @__PURE__ */ o(d, {
-							variant: "body1",
-							fontWeight: 400,
-							children: b._("{value}% advance rate, Pay in {pricingPlan} days, {value1}% fee", {
-								value: (O?.data?.advance_rate_percentage ?? 0) / 100,
-								pricingPlan: O?.data?.repayment_duration_days,
-								value1: (O?.data?.fee_percentage ?? 0) / 100
-							})
-						})]
-					}),
-					/* @__PURE__ */ s(c, {
-						width: "100%",
-						children: [/* @__PURE__ */ o(d, {
-							variant: "body1",
-							color: f(w.palette.grey[50], .4),
-							mb: .5,
-							fontWeight: 400,
-							children: b._("Repayment on")
-						}), /* @__PURE__ */ o(d, {
-							variant: "body1",
-							fontWeight: 400,
-							children: b._("{repaymentDate}", { repaymentDate: k })
-						})]
-					}),
-					/* @__PURE__ */ s(c, {
-						width: "100%",
-						children: [/* @__PURE__ */ o(d, {
-							variant: "body1",
-							color: f(w.palette.grey[50], .4),
-							mb: .5,
-							fontWeight: 400,
-							children: b._("Status")
-						}), /* @__PURE__ */ o(i, {
-							icon: !0,
-							status: _?.status ?? "DEFAULTED"
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ o(u, {}),
-			/* @__PURE__ */ s(c, {
-				sx: {
-					display: "grid",
-					gridTemplateColumns: "minmax(140px, auto) 1fr",
-					flexDirection: "column",
-					rowGap: 1,
-					columnGap: 2
-				},
-				children: [
-					/* @__PURE__ */ o(d, {
-						variant: "body1",
-						color: f(w.palette.grey[50], .4),
-						children: b._("{isRequestedSum}", { isRequestedSum: N ? "Requested sum" : "Received sum" })
-					}),
-					/* @__PURE__ */ o(d, {
-						variant: "body1",
-						children: A
-					}),
-					/* @__PURE__ */ o(d, {
-						variant: "body1",
-						color: f(w.palette.grey[50], .4),
-						children: b._("Service Fee")
-					}),
-					/* @__PURE__ */ o(d, {
-						variant: "body1",
-						children: j
-					}),
-					/* @__PURE__ */ o(d, {
-						variant: "body1",
-						color: f(w.palette.grey[50], .4),
-						children: b._("Repayment sum")
-					}),
-					/* @__PURE__ */ o(d, {
-						variant: "body1",
-						children: M
-					})
-				]
-			}),
-			/* @__PURE__ */ o(u, {}),
-			/* @__PURE__ */ s(c, {
-				sx: {
-					borderRadius: "16px",
-					px: 3,
-					py: 2.5,
-					border: `1px solid ${w.palette.divider}`,
-					display: "flex",
-					gap: 2,
-					justifyContent: "space-between",
-					alignItems: "center",
-					cursor: v ? "pointer" : "default"
-				},
-				...v && y && { onClick: () => y(h.id) },
-				children: [/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, {
-					variant: "body1",
-					fontWeight: 500,
-					children: b._("Invoice {invoiceDocument_id}", { invoiceDocument_id: h.document_id || "INV-auto" })
-				}), /* @__PURE__ */ o(d, {
-					color: w.palette.text.secondary,
-					variant: "body2",
-					children: b._("For {invoiceAmount} | Issued {issueDate}", {
-						invoiceAmount: D,
-						issueDate: E
-					})
-				})] }), /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(n, { status: h.status }) })]
-			})
-		]
-	}), P && /* @__PURE__ */ o(c, {
-		sx: {
-			mt: "auto",
-			borderTop: `1px solid ${w.palette.divider}`,
-			px: 4,
-			py: 2,
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "flex-end"
-		},
-		children: /* @__PURE__ */ o(l, {
-			variant: "contained",
-			color: "primary",
-			onClick: () => S({ component: "PAY_NOW" }),
-			sx: {
-				py: 1.25,
-				px: 1.5,
-				height: 32,
-				fontSize: 14,
-				ml: "auto"
-			},
-			children: b._("Repay now")
-		})
-	})] });
+var t = (t, n = !0) => {
+	let { api: r } = e();
+	return r.finops.getFinancingInvoices.useQuery({ query: t }, { enabled: n });
 };
 //#endregion
-export { h as FinanceDetails };
+export { t as useGetFinancedInvoices };

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

@@ -1,206 +1,5 @@
-import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useCurrencies as n } from "./index63.js";
-import { useGetReceivableById as r } from "./index137.js";
-import { useAutosizeGridColumns as i } from "./index182.js";
-import { Dialog as a } from "./index201.js";
-import "./index202.js";
-import { MoniteScopedProviders as o } from "./index209.js";
-import { GetNoRowsOverlay as s } from "./index237.js";
-import { TablePagination as c } from "./index333.js";
-import { classNames as l } from "./index335.js";
-import { ReceivableCursorFields as u } from "./index445.js";
-import { useKanmonContext as d } from "./index560.js";
-import { useGetFinancedInvoices as f } from "./index563.js";
+import "./index563.js";
 import "./index564.js";
-import { FinancedInvoiceStatusChip as p } from "./index567.js";
-import { FinanceDetails as m } from "./index568.js";
-import { useMemo as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
-import { Box as y, Button as b, Typography as x } from "@mui/material";
-import { useLingui as S } from "@lingui/react";
-import { DataGrid as C } from "@mui/x-data-grid";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index569.js
-var w = (e) => /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(T, { ...e }) }), T = ({ onRowClick: o, query: w, offers: T }) => {
-	let { i18n: E } = S(), { locale: D, componentSettings: O } = t(), { startFinanceSession: k } = d(), [A, j] = g(!1), [M, N] = g(null), { data: P } = r(M?.invoice_id ?? "", !!M?.invoice_id), [F, I] = g(void 0), [L, R] = g(O.receivables.pageSizeOptions?.[0] ?? 10), [z, B] = g({
-		field: w?.sort ?? "created_at",
-		sort: w?.order ?? "desc"
-	}), { formatCurrencyToDisplay: V } = n(), { data: H, isLoading: U, isError: W, refetch: G } = f({
-		order: z?.sort,
-		limit: L,
-		pagination_token: F
-	}), K = H?.data, q = (e) => {
-		B(e[0]), I(void 0);
-	}, J = D.dateFormat, Y = h(() => [
-		{
-			field: "document_id",
-			headerName: E._("Number"),
-			sortable: !1,
-			width: 140,
-			renderCell: ({ value: e }) => e ? /* @__PURE__ */ _("span", {
-				className: "Monite-TextOverflowContainer",
-				children: e
-			}) : /* @__PURE__ */ _("span", {
-				className: "Monite-TextOverflowContainer",
-				children: /* @__PURE__ */ _(x, {
-					color: "text.secondary",
-					component: "span",
-					fontSize: "inherit",
-					children: E._("INV-auto")
-				})
-			})
-		},
-		{
-			field: "payer_type",
-			headerName: E._("Customer"),
-			display: "flex",
-			width: 250,
-			renderCell: (e) => /* @__PURE__ */ _(x, { children: e.row.payer_type == "BUSINESS" ? e.row.payer_business_name : `${e.row.payer_first_name} ${e.row.payer_last_name}` })
-		},
-		{
-			field: "status",
-			headerName: E._("Status"),
-			sortable: u.includes("status"),
-			width: 160,
-			renderCell: ({ value: e }) => /* @__PURE__ */ _(p, {
-				icon: !0,
-				status: e
-			})
-		},
-		{
-			field: "total_amount",
-			headerName: E._("Amount due"),
-			headerAlign: "right",
-			align: "right",
-			width: 120,
-			valueGetter: (e, t) => {
-				let n = t.repayment_schedule?.repayment_amount;
-				return n ? V(n, t.currency) : "-";
-			}
-		},
-		{
-			field: "repayment_schedule",
-			headerName: E._("Loan sum"),
-			headerAlign: "right",
-			align: "right",
-			width: 120,
-			valueGetter: (e, t) => {
-				let n = t.repayment_schedule?.repayment_principal_amount;
-				return n ? V(n, t.currency) : "-";
-			}
-		},
-		{
-			field: "issue_date",
-			headerName: E._("Financing date"),
-			sortable: !1,
-			width: 140,
-			valueFormatter: (e) => e ? E.date(e, J) : "—"
-		},
-		{
-			field: "repayment_date",
-			headerName: E._("Repayment date"),
-			sortable: !1,
-			width: 120,
-			valueGetter: (e, t) => {
-				let n = t.repayment_schedule?.repayment_date;
-				return n ? E.date(n, J) : "-";
-			}
-		},
-		{
-			field: "",
-			headerName: E._("Payment"),
-			sortable: !1,
-			width: 120,
-			renderCell: (e) => e.row.status === "FUNDED" || e.row.status === "LATE" ? /* @__PURE__ */ _(b, {
-				variant: "contained",
-				color: "primary",
-				onClick: (e) => {
-					e.stopPropagation(), k({ component: "PAY_NOW" });
-				},
-				sx: {
-					py: 1.25,
-					px: 1.5,
-					height: 32,
-					fontSize: 14
-				},
-				children: E._("Repay now")
-			}) : null
-		}
-	], [
-		V,
-		E,
-		J,
-		k
-	]), X = i(K, Y, !1, "FinancedInvoicesTable");
-	return /* @__PURE__ */ v(y, {
-		className: l(e, "Monite-FinancedInvoicesTable"),
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			overflow: "hidden",
-			height: "inherit",
-			minHeight: "500px"
-		},
-		children: [
-			/* @__PURE__ */ _(x, {
-				mb: 2,
-				variant: "subtitle1",
-				children: E._("Financed invoices")
-			}),
-			/* @__PURE__ */ _(C, {
-				apiRef: X,
-				rowSelection: !1,
-				disableColumnFilter: !0,
-				loading: U,
-				onSortModelChange: q,
-				onRowClick: (e) => {
-					j(!0), N?.(e.row);
-				},
-				slots: {
-					pagination: () => /* @__PURE__ */ _(c, {
-						pageSizeOptions: O.receivables.pageSizeOptions,
-						nextPage: H?.next_pagination_token,
-						prevPage: H?.prev_pagination_token,
-						paginationModel: {
-							pageSize: L,
-							page: F
-						},
-						onPaginationModelChange: ({ page: e, pageSize: t }) => {
-							R(t), I(e ?? void 0);
-						}
-					}),
-					noRowsOverlay: () => /* @__PURE__ */ _(s, {
-						isLoading: U,
-						dataLength: K?.length || 0,
-						isFiltering: !1,
-						isSearching: !1,
-						isError: W,
-						refetch: G,
-						entityName: E._("Financed Invoices"),
-						actionOptions: [E._("Invoice")],
-						type: "no-data"
-					})
-				},
-				columns: Y,
-				getRowId: (e) => e.document_id,
-				rows: K ?? []
-			}),
-			P && M && /* @__PURE__ */ _(a, {
-				open: A,
-				onClose: () => {
-					j(!1), N(null);
-				},
-				alignDialog: "right",
-				children: /* @__PURE__ */ _(m, {
-					invoice: P,
-					offers: T ?? [],
-					financedInvoice: M,
-					enableNavigate: !0,
-					handleNavigate: o
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { w as FinancedInvoicesTable };
+import "./index566.js";
+import "./index567.js";
+import "./index568.js";