@tesouro/embedded-components-react 0.2.289 → 0.2.292

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

@@ -1,66 +1,206 @@
-import { FinanceFaqWrapper as e } from "./index554.js";
-import { useKanmonContext as t } from "./index558.js";
-import { useFinancing as n } from "./index559.js";
-import "./index562.js";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Box as a, Button as o, Stack as s, Typography as c, lighten as l, useTheme as u } from "@mui/material";
-import { useLingui as d } from "@lingui/react";
-import f from "@mui/icons-material/Money";
+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 "./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 p = () => {
-	let { i18n: p } = d(), { startFinanceSession: m } = t(), h = u(), { isLoading: g, isEnabled: _ } = n();
-	return _ ? /* @__PURE__ */ i(s, {
-		gap: 4,
-		sx: { border: `1px solid ${h.palette.divider}` },
-		borderRadius: "16px",
-		p: 3,
-		children: [
-			/* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(a, {
+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: {
-					backgroundColor: l(h.palette.primary.main, .9),
-					borderRadius: "100%",
-					width: "40px",
-					height: "40px",
-					display: "flex",
-					justifyContent: "center",
-					alignItems: "center",
-					p: 2
+					py: 1.25,
+					px: 1.5,
+					height: 32,
+					fontSize: 14
 				},
-				children: /* @__PURE__ */ r(f, { sx: {
-					color: h.palette.primary.main,
-					width: 20,
-					height: 20
-				} })
-			}) }),
-			/* @__PURE__ */ i(s, {
-				gap: 1,
-				children: [/* @__PURE__ */ r(c, {
-					variant: "subtitle1",
-					children: p._("Invoice financing")
-				}), /* @__PURE__ */ r(c, {
-					variant: "body1",
-					fontWeight: 400,
-					children: p._("Apply for a monthly plan loans to manage your business more efficiently")
-				})]
+				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__ */ i(s, {
-				direction: "row",
-				gap: 1,
-				alignItems: "center",
-				children: [/* @__PURE__ */ r(o, {
-					disabled: g,
-					onClick: () => m(),
-					variant: "outlined",
-					sx: { px: 2 },
-					children: p._("Apply for loans")
-				}), /* @__PURE__ */ r(e, { children: ({ openModal: e }) => /* @__PURE__ */ r(o, {
-					onClick: e,
-					variant: "text",
-					children: p._("Read more")
-				}) })]
+			/* @__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
+				})
 			})
 		]
-	}) : null;
+	});
 };
 //#endregion
-export { p as FinanceIntegrationCard };
+export { w as FinancedInvoicesTable };

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

@@ -1,57 +1,102 @@
 import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index189.js";
-import { Dialog as n } from "./index201.js";
-import "./index202.js";
-import { useGetFinancedInvoices as r } from "./index561.js";
-import "./index562.js";
-import { FinancedInvoiceStatusChip as i } from "./index565.js";
-import { FinanceDetails as a } from "./index566.js";
-import { useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { Box as u, Skeleton as d, Typography as f, useTheme as p } from "@mui/material";
-import { useLingui as m } from "@lingui/react";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Box as r, List as i, ListItem as a, Typography as o } from "@mui/material";
+import { useLingui as s } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index570.js
-var h = ({ invoice: h, offers: g }) => {
-	let { i18n: _ } = m(), v = p(), { locale: y } = e(), [b, x] = o(!1), { formatCurrencyToDisplay: S } = t(), { isLoading: C, data: w } = r({
-		invoice_id: h.id,
-		type: "receivable"
-	}), T = w?.data?.[0] ?? null, E = y.dateFormat, D = T ? S(T.repayment_schedule?.repayment_amount ?? 0, h.currency) : "—", O = T?.repayment_schedule?.repayment_date ? _.date(T?.repayment_schedule?.repayment_date, E) : "—", k = T?.status;
-	return C ? /* @__PURE__ */ c(d, {
-		variant: "rounded",
-		height: 80
-	}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(u, {
-		onClick: () => x(!0),
-		sx: {
-			borderRadius: "16px",
-			px: 3,
-			py: 2.5,
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between",
-			border: `1px solid ${v.palette.divider}`,
-			cursor: "pointer"
+var c = () => {
+	let { i18n: c } = s(), { componentSettings: l } = e(), u = [
+		{
+			id: 1,
+			title: c._("Create an invoice:"),
+			description: c._("If you applied for accounts receivable financing, issue an invoice and deliver it to your customer via email or any other channel."),
+			description2: c._("Or if you applied for accounts payable financing, upload/select the uploaded invoice you've received from your vendor."),
+			list: {
+				listTitle: c._("Invoices cannot be financed if:"),
+				listItems: [
+					{
+						id: "listItem-1",
+						text: c._("- they are due within 7 days.")
+					},
+					{
+						id: "listItem-2",
+						text: c._("- they are already overdue.")
+					},
+					{
+						id: "listItem-3",
+						text: c._("- the loan sum exceeds your remaining limit.")
+					}
+				]
+			}
 		},
-		children: [/* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(f, {
-			variant: "subtitle2",
-			children: _._("Funding for {repaymentAmount}", { repaymentAmount: D })
-		}), /* @__PURE__ */ c(f, {
-			variant: "body1",
-			children: _._("Repayment on {repaymentDate}", { repaymentDate: O })
-		})] }), /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(i, {
-			icon: !0,
-			status: k ?? "DEFAULTED"
-		}) })]
-	}), /* @__PURE__ */ c(n, {
-		open: b,
-		onClose: () => x(!1),
-		alignDialog: "right",
-		children: /* @__PURE__ */ c(a, {
-			invoice: h,
-			offers: g?.offers,
-			financedInvoice: T
-		})
-	})] });
+		{
+			id: 2,
+			title: c._("Select 'Get Paid Now':"),
+			description: c._("Access funding through the invoice list, within the invoice details, or the 'My Financing' tab. If approved, you will receive the invoice amount instantly, minus the fee associated with the payment offer chosen.")
+		},
+		{
+			id: 3,
+			title: c._("Pay out the financed sum:"),
+			description: c._("The full sum will be withdrawn from your bank account automatically on the date specified in the selected offer. You can also pay out the sum earlier via the 'Pay out' button.")
+		}
+	], d = l?.financing?.financeSteps ?? u;
+	return /* @__PURE__ */ n(r, {
+		px: 4,
+		py: 5,
+		children: [/* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(o, {
+			variant: "h3",
+			children: c._("How does invoice financing work?")
+		}) }), /* @__PURE__ */ t(i, {
+			sx: {
+				mt: 4,
+				display: "flex",
+				flexDirection: "column",
+				gap: 3,
+				p: 0,
+				pl: 2
+			},
+			component: "ul",
+			children: d.map((e) => /* @__PURE__ */ n(a, {
+				component: "li",
+				sx: {
+					p: 0,
+					display: "list-item",
+					listStyleType: "disc",
+					maxWidth: 472,
+					mx: "auto"
+				},
+				children: [
+					/* @__PURE__ */ n(o, {
+						variant: "body1",
+						fontWeight: 400,
+						mb: e.list || e.description2 ? 3 : 0,
+						children: [/* @__PURE__ */ n(o, {
+							component: "span",
+							variant: "body1",
+							fontWeight: 600,
+							children: [e.title, " "]
+						}), e.description]
+					}),
+					e.description2 && /* @__PURE__ */ t(o, {
+						variant: "body1",
+						fontWeight: 400,
+						mb: e.list ? 3 : 0,
+						children: e.description2
+					}),
+					e.list && /* @__PURE__ */ n(o, {
+						variant: "body1",
+						fontWeight: 600,
+						children: [e.list.listTitle, e.list.listItems.map((e) => /* @__PURE__ */ t(o, {
+							variant: "body1",
+							component: "span",
+							display: "block",
+							fontWeight: 400,
+							children: e.text
+						}, e.id))]
+					})
+				]
+			}, e.id))
+		})]
+	});
 };
 //#endregion
-export { h as FinanceOverviewCard };
+export { c as FinanceHowItWorks };

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

@@ -1,94 +1,66 @@
-import { FinanceBannerWrapper as e } from "./index552.js";
-import { useKanmonContext as t } from "./index558.js";
-import { useGetFinanceOffers as n } from "./index556.js";
-import { useFinancing as r } from "./index559.js";
-import { useFinanceAnInvoice as i } from "./index560.js";
-import { useGetFinancedInvoices as a } from "./index561.js";
-import "./index562.js";
-import { FinanceOverviewCard as o } from "./index570.js";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { Box as u, Button as d, Tooltip as f, Typography as p } from "@mui/material";
-import { useLingui as m } from "@lingui/react";
+import { FinanceFaqWrapper as e } from "./index556.js";
+import { useKanmonContext as t } from "./index560.js";
+import { useFinancing as n } from "./index561.js";
+import "./index564.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Box as a, Button as o, Stack as s, Typography as c, lighten as l, useTheme as u } from "@mui/material";
+import { useLingui as d } from "@lingui/react";
+import f from "@mui/icons-material/Money";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index571.js
-var h = 5184e5, g = ({ invoice: g }) => {
-	let { i18n: _ } = m(), { startFinanceSession: v } = t(), [y, b] = s(!1), x = i(), { isLoading: S, data: C } = a({
-		invoice_id: g.id,
-		type: "receivable"
-	}), { isLoading: w, isEnabled: T, isServicing: E } = r(), { isLoading: D, data: O } = n(), k = !!C?.data?.find((e) => e?.invoice_id === g.id), A = w || S || D, j = ["issued", "partially_paid"].includes(g.status), M = g.due_date ? new Date(g.due_date).getTime() - ((/* @__PURE__ */ new Date()).getTime() + h) > 0 : !1;
-	return !T || !E ? null : k ? /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(o, {
-		invoice: g,
-		offers: O ?? null
-	}) }) : j && M ? /* @__PURE__ */ c(e, { children: /* @__PURE__ */ l(u, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: 2,
-			justifyContent: "space-between"
-		},
-		children: [/* @__PURE__ */ l(u, {
-			sx: { flex: "1 1 0%" },
-			children: [/* @__PURE__ */ c(p, {
-				variant: "subtitle2",
-				children: _._("Don't wait for your client to pay")
-			}), /* @__PURE__ */ l(p, {
-				variant: "body1",
-				children: [
-					_._("This invoice can be financed"),
-					".",
-					" ",
-					/* @__PURE__ */ c(f, {
-						arrow: !0,
-						title: _._("Invoices that are due within 7 days cannot be financed. Overdue invoices cannot be financed. The loan sum must be within your remaining limit."),
-						children: /* @__PURE__ */ c(p, {
-							variant: "body1",
-							sx: { textDecoration: "underline" },
-							component: "span",
-							children: _._("Why?")
-						})
-					})
-				]
-			})]
-		}), /* @__PURE__ */ c(d, {
-			onClick: async () => {
-				try {
-					b(!0), x.mutate({ invoices: [{
-						id: g.id,
-						type: "receivable"
-					}] }, {
-						onError: () => {
-							b(!1);
-						},
-						onSuccess: ({ session_token: e }) => {
-							v({
-								sessionToken: e,
-								component: "SESSION_INVOICE_FLOW_WITH_INVOICE_FILE"
-							}), b(!1);
-						}
-					});
-				} catch {
-					b(!1);
-				}
-			},
-			disabled: y || A,
-			color: "primary",
-			variant: "contained",
-			sx: {
-				px: 2.5,
-				py: 1.5
-			},
-			children: y ? _._("Loading...") : _._("Get paid now")
-		})]
-	}) }) : /* @__PURE__ */ c(e, { children: /* @__PURE__ */ l(u, {
-		sx: { flex: "1 1 0%" },
-		children: [/* @__PURE__ */ c(p, {
-			variant: "subtitle2",
-			children: _._("This invoice can't be financed")
-		}), /* @__PURE__ */ c(p, {
-			variant: "body1",
-			children: _._("It must be in the “Issued” or “Partially paid” statuses and have more than 7 days till overdue.")
-		})]
-	}) });
+var p = () => {
+	let { i18n: p } = d(), { startFinanceSession: m } = t(), h = u(), { isLoading: g, isEnabled: _ } = n();
+	return _ ? /* @__PURE__ */ i(s, {
+		gap: 4,
+		sx: { border: `1px solid ${h.palette.divider}` },
+		borderRadius: "16px",
+		p: 3,
+		children: [
+			/* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(a, {
+				sx: {
+					backgroundColor: l(h.palette.primary.main, .9),
+					borderRadius: "100%",
+					width: "40px",
+					height: "40px",
+					display: "flex",
+					justifyContent: "center",
+					alignItems: "center",
+					p: 2
+				},
+				children: /* @__PURE__ */ r(f, { sx: {
+					color: h.palette.primary.main,
+					width: 20,
+					height: 20
+				} })
+			}) }),
+			/* @__PURE__ */ i(s, {
+				gap: 1,
+				children: [/* @__PURE__ */ r(c, {
+					variant: "subtitle1",
+					children: p._("Invoice financing")
+				}), /* @__PURE__ */ r(c, {
+					variant: "body1",
+					fontWeight: 400,
+					children: p._("Apply for a monthly plan loans to manage your business more efficiently")
+				})]
+			}),
+			/* @__PURE__ */ i(s, {
+				direction: "row",
+				gap: 1,
+				alignItems: "center",
+				children: [/* @__PURE__ */ r(o, {
+					disabled: g,
+					onClick: () => m(),
+					variant: "outlined",
+					sx: { px: 2 },
+					children: p._("Apply for loans")
+				}), /* @__PURE__ */ r(e, { children: ({ openModal: e }) => /* @__PURE__ */ r(o, {
+					onClick: e,
+					variant: "text",
+					children: p._("Read more")
+				}) })]
+			})
+		]
+	}) : null;
 };
 //#endregion
-export { g as FinanceInvoice };
+export { p as FinanceIntegrationCard };