@tesouro/embedded-components-react 0.3.20 → 0.3.22

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

@@ -1,102 +1,206 @@
-import { useMoniteContext as e } from "./index47.js";
-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";
+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 "./index141.js";
+import { useAutosizeGridColumns as i } from "./index210.js";
+import { Dialog as a } from "./index229.js";
+import "./index230.js";
+import { MoniteScopedProviders as o } from "./index237.js";
+import { GetNoRowsOverlay as s } from "./index246.js";
+import { TablePagination as c } from "./index342.js";
+import { classNames as l } from "./index344.js";
+import { ReceivableCursorFields as u } from "./index453.js";
+import { useKanmonContext as d } from "./index572.js";
+import { useGetFinancedInvoices as f } from "./index575.js";
+import "./index576.js";
+import { FinancedInvoiceStatusChip as p } from "./index579.js";
+import { FinanceDetails as m } from "./index580.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/index581.js
-var c = () => {
-	let { i18n: c } = s(), { componentSettings: l } = e(), u = [
+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(() => [
 		{
-			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.")
-					}
-				]
+			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) : "-";
 			}
 		},
 		{
-			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.")
+			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) : "-";
+			}
 		},
 		{
-			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",
+			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: {
-					p: 0,
-					display: "list-item",
-					listStyleType: "disc",
-					maxWidth: 472,
-					mx: "auto"
+					py: 1.25,
+					px: 1.5,
+					height: 32,
+					fontSize: 14
 				},
-				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
+				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);
+						}
 					}),
-					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))]
+					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"
 					})
-				]
-			}, e.id))
-		})]
+				},
+				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 { c as FinanceHowItWorks };
+export { w as FinancedInvoicesTable };

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

@@ -1,66 +1,102 @@
-import { FinanceFaqWrapper as e } from "./index567.js";
-import { useKanmonContext as t } from "./index571.js";
-import { useFinancing as n } from "./index572.js";
-import "./index575.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 { useMoniteContext as e } from "./index47.js";
+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/index582.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 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.")
+					}
+				]
+			}
+		},
+		{
+			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: {
-					backgroundColor: l(h.palette.primary.main, .9),
-					borderRadius: "100%",
-					width: "40px",
-					height: "40px",
-					display: "flex",
-					justifyContent: "center",
-					alignItems: "center",
-					p: 2
+					p: 0,
+					display: "list-item",
+					listStyleType: "disc",
+					maxWidth: 472,
+					mx: "auto"
 				},
-				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;
+				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 { p as FinanceIntegrationCard };
+export { c as FinanceHowItWorks };

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

@@ -1,57 +1,66 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index217.js";
-import { Dialog as n } from "./index229.js";
-import "./index230.js";
-import { useGetFinancedInvoices as r } from "./index574.js";
-import "./index575.js";
-import { FinancedInvoiceStatusChip as i } from "./index578.js";
-import { FinanceDetails as a } from "./index579.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 { FinanceFaqWrapper as e } from "./index568.js";
+import { useKanmonContext as t } from "./index572.js";
+import { useFinancing as n } from "./index573.js";
+import "./index576.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/index583.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"
-		},
-		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
-		})
-	})] });
+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 { h as FinanceOverviewCard };
+export { p as FinanceIntegrationCard };