@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,94 +1,185 @@
-import { FinanceBannerWrapper as e } from "./index554.js";
-import { useKanmonContext as t } from "./index560.js";
-import { useGetFinanceOffers as n } from "./index558.js";
-import { useFinancing as r } from "./index561.js";
-import { useFinanceAnInvoice as i } from "./index562.js";
-import { useGetFinancedInvoices as a } from "./index563.js";
-import "./index564.js";
-import { FinanceOverviewCard as o } from "./index572.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 { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import "./index189.js";
+import "./index217.js";
+import { InvoiceStatusChip as n } from "./index233.js";
+import { useKanmonContext as r } from "./index565.js";
+import { FinancedInvoiceStatusChip as i } from "./index572.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/index573.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, {
+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",
-			alignItems: "center",
-			gap: 2,
-			justifyContent: "space-between"
+			flexDirection: "column",
+			gap: 4
 		},
-		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, {
+		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: [
-					_._("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, {
+					/* @__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",
-							sx: { textDecoration: "underline" },
-							component: "span",
-							children: _._("Why?")
-						})
+							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__ */ 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",
+			}),
+			/* @__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: {
-				px: 2.5,
-				py: 1.5
+				py: 1.25,
+				px: 1.5,
+				height: 32,
+				fontSize: 14,
+				ml: "auto"
 			},
-			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.")
-		})]
-	}) });
+			children: b._("Repay now")
+		})
+	})] });
 };
 //#endregion
-export { g as FinanceInvoice };
+export { h as FinanceDetails };

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

@@ -1,43 +1,206 @@
-import { Dialog as e } from "./index201.js";
+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 { useKanmonContext as t } from "./index560.js";
-import { FinanceHowItWorks as n } from "./index570.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Button as o, Stack as s } from "@mui/material";
-import { useLingui as c } from "@lingui/react";
+import { MoniteScopedProviders as o } from "./index209.js";
+import { GetNoRowsOverlay as s } from "./index241.js";
+import { TablePagination as c } from "./index337.js";
+import { classNames as l } from "./index339.js";
+import { ReceivableCursorFields as u } from "./index448.js";
+import { useKanmonContext as d } from "./index565.js";
+import { useGetFinancedInvoices as f } from "./index568.js";
+import "./index569.js";
+import { FinancedInvoiceStatusChip as p } from "./index572.js";
+import { FinanceDetails as m } from "./index573.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/index574.js
-var l = () => {
-	let { i18n: l } = c(), { startFinanceSession: u } = t(), [d, f] = r(!1);
-	return /* @__PURE__ */ a(s, {
-		direction: "row",
-		gap: 1,
-		alignItems: "center",
-		children: [
-			/* @__PURE__ */ i(o, {
-				variant: "text",
-				onClick: () => f(!0),
-				children: l._("How does invoice financing work?")
-			}),
-			/* @__PURE__ */ i(o, {
-				onClick: () => 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(() => [
+		{
+			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: {
-					px: 2.5,
-					py: 1.5,
-					height: 40
+					py: 1.25,
+					px: 1.5,
+					height: 32,
+					fontSize: 14
 				},
-				children: l._("Financing menu")
+				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(e, {
-				open: d,
-				onClose: () => f(!1),
+			/* @__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__ */ i(n, {})
+				children: /* @__PURE__ */ _(m, {
+					invoice: P,
+					offers: T ?? [],
+					financedInvoice: M,
+					enableNavigate: !0,
+					handleNavigate: o
+				})
 			})
 		]
 	});
 };
 //#endregion
-export { l as FinanceMenuButtons };
+export { w as FinancedInvoicesTable };