@tesouro/embedded-components-react 0.3.20 → 0.3.22

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

@@ -1,185 +1,36 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index217.js";
-import "./index93.js";
-import { InvoiceStatusChip as n } from "./index238.js";
-import { useKanmonContext as r } from "./index571.js";
-import { FinancedInvoiceStatusChip as i } from "./index578.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";
+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 "./index578.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index579.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, {
+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: {
-			p: 4,
-			display: "flex",
-			flexDirection: "column",
-			gap: 4
+			width: "auto",
+			color: n[u],
+			bgcolor: e[u]
 		},
-		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")
-		})
-	})] });
-};
+		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
+})({});
 //#endregion
-export { h as FinanceDetails };
+export { u as FinancedInvoiceStatusChip };

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

@@ -1,206 +1,185 @@
-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 "./index571.js";
-import { useGetFinancedInvoices as f } from "./index574.js";
-import "./index575.js";
-import { FinancedInvoiceStatusChip as p } from "./index578.js";
-import { FinanceDetails as m } from "./index579.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";
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import "./index217.js";
+import "./index93.js";
+import { InvoiceStatusChip as n } from "./index238.js";
+import { useKanmonContext as r } from "./index572.js";
+import { FinancedInvoiceStatusChip as i } from "./index579.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/index580.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"),
+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",
-			overflow: "hidden",
-			height: "inherit",
-			minHeight: "500px"
+			gap: 4
 		},
 		children: [
-			/* @__PURE__ */ _(x, {
-				mb: 2,
-				variant: "subtitle1",
-				children: E._("Financed invoices")
+			/* @__PURE__ */ o(d, {
+				variant: "h3",
+				children: b._("Funding details")
 			}),
-			/* @__PURE__ */ _(C, {
-				apiRef: X,
-				rowSelection: !1,
-				disableColumnFilter: !0,
-				loading: U,
-				onSortModelChange: q,
-				onRowClick: (e) => {
-					j(!0), N?.(e.row);
+			/* @__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
 				},
-				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);
-						}
+				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
+							})
+						})]
 					}),
-					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"
+					/* @__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
 				},
-				columns: Y,
-				getRowId: (e) => e.document_id,
-				rows: K ?? []
+				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
+					})
+				]
 			}),
-			P && M && /* @__PURE__ */ _(a, {
-				open: A,
-				onClose: () => {
-					j(!1), N(null);
+			/* @__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"
 				},
-				alignDialog: "right",
-				children: /* @__PURE__ */ _(m, {
-					invoice: P,
-					offers: T ?? [],
-					financedInvoice: M,
-					enableNavigate: !0,
-					handleNavigate: o
-				})
+				...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 { w as FinancedInvoicesTable };
+export { h as FinanceDetails };