@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -0,0 +1,185 @@
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import "./index189.js";
+import { InvoiceStatusChip as n } from "./index226.js";
+import "./index433.js";
+import { useKanmonContext as r } from "./index555.js";
+import { FinancedInvoiceStatusChip as i } from "./index562.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/index563.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")
+		})
+	})] });
+};
+//#endregion
+export { h as FinanceDetails };

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

@@ -0,0 +1,206 @@
+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 "./index234.js";
+import { TablePagination as c } from "./index330.js";
+import { classNames as l } from "./index332.js";
+import { ReceivableCursorFields as u } from "./index437.js";
+import { useKanmonContext as d } from "./index555.js";
+import { useGetFinancedInvoices as f } from "./index558.js";
+import "./index559.js";
+import { FinancedInvoiceStatusChip as p } from "./index562.js";
+import { FinanceDetails as m } from "./index563.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/index564.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 };

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

@@ -0,0 +1,102 @@
+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/index565.js
+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: {
+					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 { c as FinanceHowItWorks };

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

@@ -0,0 +1,66 @@
+import { FinanceFaqWrapper as e } from "./index551.js";
+import { useKanmonContext as t } from "./index555.js";
+import { useFinancing as n } from "./index556.js";
+import "./index559.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/index566.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, {
+				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 { p as FinanceIntegrationCard };

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

@@ -0,0 +1,57 @@
+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 "./index558.js";
+import "./index559.js";
+import { FinancedInvoiceStatusChip as i } from "./index562.js";
+import { FinanceDetails as a } from "./index563.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";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index567.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
+		})
+	})] });
+};
+//#endregion
+export { h as FinanceOverviewCard };