@tesouro/embedded-components-react 0.2.325 → 0.2.326

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

@@ -1,102 +1,222 @@
-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 { useCurrencies as e } from "./index63.js";
+import "./index189.js";
+import { MoniteScopedProviders as t } from "./index209.js";
+import { FinanceBannerWrapper as n } from "./index559.js";
+import { FinanceFaqWrapper as r } from "./index561.js";
+import { FinanceProgressBar as i } from "./index562.js";
+import { useKanmonContext as a } from "./index565.js";
+import { FinancialApplicationState as o, useFinancing as s } from "./index566.js";
+import "./index569.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/index570.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.")
+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",
+			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: 2,
+					flex: "1 1 0%",
+					alignItems: E && !B ? "flex-start" : "center"
+				},
+				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;
+						}
 					},
-					{
-						id: "listItem-2",
-						text: c._("- they are already overdue.")
+					variant: "text",
+					children: V ? C._("Hide") : C._("Close")
+				}), V && O && /* @__PURE__ */ u(p, {
+					onClick: () => {
+						w();
 					},
-					{
-						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,
+					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",
-				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"
-				},
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 1,
+				mb: 1,
+				children: [/* @__PURE__ */ d(f, {
+					display: "flex",
+					alignItems: "center",
+					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",
+					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: [
-					/* @__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))]
-					})
+					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.")
 				]
-			}, e.id))
-		})]
+			})
+		] })]
 	});
 };
 //#endregion
-export { c as FinanceHowItWorks };
+export { S as FinanceBanner };

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

@@ -1,66 +1,14 @@
-import { FinanceFaqWrapper as e } from "./index556.js";
-import { useKanmonContext as t } from "./index560.js";
-import { useFinancing as n } from "./index561.js";
-import "./index564.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/index571.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;
+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 { p as FinanceIntegrationCard };
+export { e as getCommonStatusLabel };

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

@@ -1,57 +1,36 @@
-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 "./index563.js";
-import "./index564.js";
-import { FinancedInvoiceStatusChip as i } from "./index567.js";
-import { FinanceDetails as a } from "./index568.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 { 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 "./index571.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/index572.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),
+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: {
-			borderRadius: "16px",
-			px: 3,
-			py: 2.5,
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between",
-			border: `1px solid ${v.palette.divider}`,
-			cursor: "pointer"
+			width: "auto",
+			color: n[u],
+			bgcolor: e[u]
 		},
-		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
-		})
-	})] });
-};
+		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 FinanceOverviewCard };
+export { u as FinancedInvoiceStatusChip };