@tesouro/embedded-components-react 0.5.160 → 0.5.162

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

@@ -1,184 +1,222 @@
-import { useMoniteContext as e } from "./index46.js";
-import { useCurrencies as t } from "./index62.js";
-import "./index222.js";
-import { InvoiceStatusChip as n } from "./index242.js";
-import { useKanmonContext as r } from "./index558.js";
-import { FinancedInvoiceStatusChip as i } from "./index565.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 { useCurrencies as e } from "./index62.js";
+import "./index223.js";
+import { MoniteScopedProviders as t } from "./index242.js";
+import { FinanceBannerWrapper as n } from "./index555.js";
+import { FinanceFaqWrapper as r } from "./index557.js";
+import { FinanceProgressBar as i } from "./index558.js";
+import { useKanmonContext as a } from "./index561.js";
+import { FinancialApplicationState as o, useFinancing as s } from "./index562.js";
+import "./index565.js";
+import { useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { Box as f, Button as p, CircularProgress as m, Stack as h, Typography as g, useMediaQuery as _, useTheme as v } from "@mui/material";
+import { useLingui as y } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index566.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,
+var b = "financing_banner_hidden", x = 605800, S = (e) => /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(C, { ...e }) }), C = ({ enableServicingBanner: t = !1, handleViewDetails: S }) => {
+	let { i18n: C } = y(), { startFinanceSession: w } = a(), T = v(), E = _(T.breakpoints.down("lg")), { formatCurrencyToDisplay: D } = e(), { buttonText: O, isLoading: k, isEnabled: A, applicationState: j, isServicing: M, offer: N } = s(), P = N?.total_amount ?? 0, F = (N?.status === "LATE" ? 0 : N?.available_amount) ?? 0, I = F / P * 100, L = N?.status !== "CLOSED" && N?.status !== "DEFAULTED", [R, z] = c(() => {
+		let e = JSON.parse(JSON.parse(JSON.stringify(sessionStorage.getItem(b))));
+		if (e) return e.isHidden;
+		let t = JSON.parse(JSON.parse(JSON.stringify(localStorage.getItem(b))));
+		return t ? t.expires_at && (/* @__PURE__ */ new Date()).getTime() > t.expires_at ? (localStorage.removeItem(b), !1) : t.isHidden : !1;
+	}), B = t && M, V = j !== o.PENDING_APPROVAL && j !== o.NO_OFFERS_AVAILABLE && j !== o.OFFERS_EXPIRED;
+	return R || j === o.SERVICING && !t || !A ? null : /* @__PURE__ */ d(n, {
+		shouldApplyFinanceStyles: B,
+		children: [/* @__PURE__ */ d(f, {
 			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, {
+			alignItems: E && !B ? "flex-end" : "center",
+			flexDirection: E && !B ? "column" : "row",
+			justifyContent: "space-between",
+			gap: 2,
+			width: "100%",
+			height: "100%",
+			children: [/* @__PURE__ */ u(f, {
 				sx: {
+					width: "100%",
 					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
+					gap: 2,
+					flex: "1 1 0%",
+					alignItems: E && !B ? "flex-start" : "center"
 				},
-				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}`,
+				children: /* @__PURE__ */ u(f, {
+					sx: { flex: "1 1 0%" },
+					children: (() => {
+						switch (j) {
+							case o.INIT:
+							case o.IN_PROGRESS:
+							default: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+								variant: "subtitle2",
+								sx: { fontSize: 20 },
+								children: C._("Fund your sales/purchases")
+							}), /* @__PURE__ */ d(g, {
+								variant: "body1",
+								children: [
+									C._("Get a small business loan plan to manage finances more efficiently."),
+									" ",
+									/* @__PURE__ */ u(r, { children: ({ openModal: e }) => /* @__PURE__ */ u(g, {
+										onClick: e,
+										variant: "body1",
+										sx: {
+											textDecoration: "underline",
+											cursor: "pointer"
+										},
+										component: "span",
+										children: C._("Read more >")
+									}) })
+								]
+							})] });
+							case o.PENDING_APPROVAL: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+								variant: "subtitle2",
+								sx: { fontSize: 20 },
+								children: C._("Your application is in review")
+							}), /* @__PURE__ */ u(g, {
+								variant: "body1",
+								children: C._("It can take up to 48 hours. We'll notify you about the results.")
+							})] });
+							case o.APPROVED:
+							case o.OFFER_ACCEPTED: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+								variant: "subtitle2",
+								sx: { fontSize: 20 },
+								children: C._("Your application was approved")
+							}), /* @__PURE__ */ u(g, {
+								variant: "body1",
+								children: C._("Please, review the offered credit limit and approved financing plans.")
+							})] });
+							case o.NO_OFFERS_AVAILABLE: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+								variant: "subtitle2",
+								sx: { fontSize: 20 },
+								children: C._("A provider can’t offer you financing")
+							}), /* @__PURE__ */ u(g, {
+								variant: "body1",
+								children: C._("They will contact you if your credit score improves and you can reapply.")
+							})] });
+							case o.OFFERS_EXPIRED: return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+								variant: "subtitle2",
+								sx: { fontSize: 20 },
+								children: C._("You haven’t accepted the offer and it has expired")
+							}), /* @__PURE__ */ u(g, {
+								variant: "body1",
+								children: C._("Please get in touch with the provider if you still wish to receive financing.")
+							})] });
+							case o.SERVICING: return /* @__PURE__ */ u(g, {
+								variant: "subtitle2",
+								sx: { fontSize: 20 },
+								children: C._("My financing")
+							});
+						}
+					})()
+				})
+			}), /* @__PURE__ */ d(h, {
+				width: E && !B ? "100%" : "auto",
+				direction: "row",
+				gap: 1,
+				alignItems: "center",
+				justifyContent: E && !B ? "flex-end" : "flex-start",
+				children: [B && S ? /* @__PURE__ */ u(p, {
+					onClick: S,
+					variant: "text",
+					children: C._("View details")
+				}) : /* @__PURE__ */ u(p, {
+					onClick: () => {
+						switch (z(!0), j) {
+							case o.IN_PROGRESS:
+							case o.APPROVED:
+							case o.PENDING_APPROVAL:
+							case o.OFFER_ACCEPTED:
+								sessionStorage.setItem(b, JSON.stringify({
+									isHidden: !0,
+									expires_at: null
+								}));
+								return;
+							case o.INIT:
+								localStorage.setItem(b, JSON.stringify({
+									isHidden: !0,
+									expires_at: (/* @__PURE__ */ new Date()).getTime() + x
+								}));
+								return;
+							case o.NO_OFFERS_AVAILABLE:
+							case o.OFFERS_EXPIRED:
+							default:
+								localStorage.setItem(b, JSON.stringify({
+									isHidden: !0,
+									expires_at: null
+								}));
+								return;
+						}
+					},
+					variant: "text",
+					children: V ? C._("Hide") : C._("Close")
+				}), V && O && /* @__PURE__ */ u(p, {
+					onClick: () => {
+						w();
+					},
+					disabled: k,
+					variant: "contained",
+					color: "primary",
+					sx: {
+						px: 2.5,
+						py: 1.5,
+						height: 40
+					},
+					children: k ? /* @__PURE__ */ u(m, { size: 20 }) : O
+				})]
+			})]
+		}), B && /* @__PURE__ */ d(f, { children: [
+			L ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+				variant: "body1",
+				children: C._("Remaining limit")
+			}), /* @__PURE__ */ d(f, {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 1,
+				mb: 1,
+				children: [/* @__PURE__ */ d(f, {
 					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, {
+					gap: 1,
+					flexShrink: 0,
+					children: [/* @__PURE__ */ u(g, {
+						variant: "h2",
+						fontSize: 32,
+						children: D(F, "USD")
+					}), /* @__PURE__ */ d(g, {
+						component: "span",
+						variant: "subtitle1",
+						sx: { color: T.palette.grey[400] },
+						children: ["/ ", D(P, "USD")]
+					})]
+				}), /* @__PURE__ */ d(g, {
 					variant: "body1",
-					fontWeight: 500,
-					children: b._("Invoice {invoiceDocument_id}", { invoiceDocument_id: h.document_id || b._("Pending") })
-				}), /* @__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 }) })]
+					sx: {
+						textOverflow: "ellipsis",
+						overflow: "hidden",
+						whiteSpace: "nowrap"
+					},
+					children: [
+						N?.pricing_plans?.length,
+						" ",
+						C._("financial plans enabled")
+					]
+				})]
+			})] }) : /* @__PURE__ */ u(g, {
+				variant: "h2",
+				fontSize: 32,
+				mb: 1,
+				children: C._("Not available")
+			}),
+			/* @__PURE__ */ u(i, { progress: I }),
+			(!L || N?.status === "LATE") && /* @__PURE__ */ d(g, {
+				variant: "body1",
+				fontWeight: 400,
+				mt: 1,
+				children: [
+					N?.status === "CLOSED" && C._("Financing is not available for your business anymore. Please, contact the provider for further details."),
+					N?.status === "DEFAULTED" && C._("Financing is blocked due to a violation of the agreed-upon terms. Please, contact the provider for further details."),
+					N?.status === "LATE" && C._("Due to late payment your financing is currently on hold. Please, contact the provider for further details.")
+				]
 			})
-		]
-	}), 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 };
+export { S as FinanceBanner };

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

@@ -1,206 +1,14 @@
-import { ScopedCssBaselineContainerClassName as e } from "./index30.js";
-import { useMoniteContext as t } from "./index46.js";
-import { useCurrencies as n } from "./index62.js";
-import { useGetReceivableById as r } from "./index143.js";
-import { useAutosizeGridColumns as i } from "./index215.js";
-import { Dialog as a } from "./index234.js";
-import "./index235.js";
-import { MoniteScopedProviders as o } from "./index241.js";
-import { GetNoRowsOverlay as s } from "./index250.js";
-import { TablePagination as c } from "./index335.js";
-import { classNames as l } from "./index337.js";
-import { ReceivableCursorFields as u } from "./index444.js";
-import { useKanmonContext as d } from "./index558.js";
-import { useGetFinancedInvoices as f } from "./index561.js";
-import "./index562.js";
-import { FinancedInvoiceStatusChip as p } from "./index565.js";
-import { FinanceDetails as m } from "./index566.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/index567.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._("Pending")
-				})
-			})
-		},
-		{
-			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
-				})
-			})
-		]
-	});
+var e = (e, t) => {
+	switch (t) {
+		case "NEW": return e._("In review");
+		case "DEFAULTED": return e._("Uncollectible");
+		case "PAID": return e._("Paid in full");
+		case "FUNDED": return e._("Funded");
+		case "LATE": return e._("Late payment");
+		case "REJECTED": return e._("Rejected");
+		default: throw Error(`Unknown status ${JSON.stringify(t)}`);
+	}
 };
 //#endregion
-export { w as FinancedInvoicesTable };
+export { e as getCommonStatusLabel };