@tesouro/embedded-components-react 0.2.289 → 0.2.293

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

@@ -1,36 +1,222 @@
-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 "./index564.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";
+import { useCurrencies as e } from "./index63.js";
+import "./index189.js";
+import { MoniteScopedProviders as t } from "./index209.js";
+import { FinanceBannerWrapper as n } from "./index554.js";
+import { FinanceFaqWrapper as r } from "./index556.js";
+import { FinanceProgressBar as i } from "./index557.js";
+import { useKanmonContext as a } from "./index560.js";
+import { FinancialApplicationState as o, useFinancing as s } from "./index561.js";
+import "./index564.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/index565.js
-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: {
-			width: "auto",
-			color: n[u],
-			bgcolor: e[u]
-		},
-		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"
+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;
+						}
+					},
+					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",
+					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: [
+					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.")
+				]
+			})
+		] })]
 	});
-}, d = c(a, {
-	name: "MoniteFinancedInvoiceStatusChip",
-	slot: "root",
-	shouldForwardProp: () => !0
-})({});
+};
 //#endregion
-export { u as FinancedInvoiceStatusChip };
+export { S as FinanceBanner };

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

@@ -1,185 +1,14 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index189.js";
-import { InvoiceStatusChip as n } from "./index228.js";
-import "./index436.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";
 //#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,
-			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")
-		})
-	})] });
+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 { h as FinanceDetails };
+export { e as getCommonStatusLabel };