@tesouro/embedded-components-react 0.5.159 → 0.5.162

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

@@ -1,26 +1,79 @@
-import { useGetFinanceOffers as e } from "./index556.js";
-import { useFinancing as t } from "./index559.js";
-import "./index562.js";
-import { FinancedInvoicesTable as n } from "./index567.js";
-import { FinanceWidget as r } from "./index575.js";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { CircularProgress as o, Stack as s } from "@mui/material";
+import { useMoniteContext as e } from "./index46.js";
+import { useCurrencies as t } from "./index62.js";
+import "./index223.js";
+import { FinanceBannerWrapper as n } from "./index555.js";
+import { FinanceProgressBar as r } from "./index558.js";
+import { FinanceMenuButtons as i } from "./index575.js";
+import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { Box as c, Typography as l, useTheme as u } from "@mui/material";
+import { useLingui as d } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index576.js
-var c = ({ onRowClick: c }) => {
-	let { isLoading: l, data: u } = e(), { isLoading: d, isEnabled: f } = t();
-	return d || l ? /* @__PURE__ */ i(o, {
-		color: "inherit",
-		size: 20
-	}) : f ? /* @__PURE__ */ a(s, {
-		mt: 4,
-		gap: 4,
-		px: 1.5,
-		height: "100%",
-		children: [u?.offers && u.offers.length > 0 && /* @__PURE__ */ i(r, { offers: u.offers }), /* @__PURE__ */ i(n, {
-			onRowClick: c,
-			offers: u?.offers
-		})]
-	}) : null;
+var f = ({ offers: f = [] }) => {
+	let { componentSettings: p } = e(), { i18n: m } = d(), h = u(), { formatCurrencyToDisplay: g } = t(), _ = f?.[0]?.total_amount ?? 0, v = (f?.[0]?.status === "LATE" ? 0 : f?.[0]?.available_amount) ?? 0, y = v / _ * 100, b = f?.[0]?.status !== "CLOSED" && f?.[0]?.status !== "DEFAULTED";
+	return !f || f.length === 0 ? null : /* @__PURE__ */ s(c, {
+		maxWidth: "440px",
+		width: "100%",
+		children: [/* @__PURE__ */ o(l, {
+			variant: "subtitle1",
+			sx: {
+				mb: 3,
+				display: "inline-block"
+			},
+			children: m._("My financing")
+		}), /* @__PURE__ */ o(n, { children: /* @__PURE__ */ s(c, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 1.25
+			},
+			children: [
+				/* @__PURE__ */ o(c, { children: b ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(l, {
+					variant: "body1",
+					children: m._("Remaining limit")
+				}), /* @__PURE__ */ s(c, {
+					display: "flex",
+					alignItems: "center",
+					gap: 1,
+					children: [/* @__PURE__ */ o(l, {
+						variant: "h2",
+						fontSize: 24,
+						lineHeight: "32px",
+						children: g(v, "USD")
+					}), /* @__PURE__ */ s(l, {
+						component: "span",
+						variant: "subtitle1",
+						fontSize: 18,
+						color: h.palette.grey[400],
+						children: ["/ ", g(_, "USD")]
+					})]
+				})] }) : /* @__PURE__ */ o(l, {
+					variant: "h2",
+					fontSize: 24,
+					children: m._("Not available")
+				}) }),
+				/* @__PURE__ */ s(c, {
+					display: "flex",
+					flexDirection: "column",
+					gap: 1.5,
+					children: [b && /* @__PURE__ */ o(r, { progress: y }), /* @__PURE__ */ o(l, {
+						variant: "body1",
+						fontSize: 14,
+						lineHeight: "22px",
+						fontWeight: 400,
+						children: (() => {
+							switch (f?.[0]?.status) {
+								case "DEFAULTED": return m._("Financing is blocked due to a violation of the agreed-upon terms. Please, contact the provider for further details.");
+								case "CLOSED": return m._("Financing is not available for your business anymore. Please, contact the provider for further details.");
+								case "LATE": return m._("Due to late payment your financing is currently on hold. Please, contact the provider for further details.");
+								default: return m._("Your amount available for financing additional invoices.");
+							}
+						})()
+					})]
+				}),
+				p?.financing?.enableFinanceWidgetButton && /* @__PURE__ */ o(i, {})
+			]
+		}) })]
+	});
 };
 //#endregion
-export { c as FinanceTab };
+export { f as FinanceLimits };

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

@@ -1,17 +1,87 @@
-import "./index552.js";
-import "./index553.js";
-import "./index554.js";
-import "./index555.js";
-import "./index563.js";
-import "./index569.js";
-import "./index565.js";
-import "./index566.js";
-import "./index570.js";
-import "./index571.js";
-import "./index567.js";
-import "./index568.js";
-import "./index572.js";
-import "./index573.js";
-import "./index574.js";
-import "./index575.js";
-import "./index576.js";
+import { Fragment as e } from "react";
+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, lighten as s, useTheme as c } from "@mui/material";
+import { useLingui as l } from "@lingui/react";
+import u from "@mui/icons-material/MonetizationOnOutlined";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index577.js
+var d = ({ offers: d }) => {
+	let { i18n: f } = l(), p = c();
+	return !d || d.length === 0 ? null : /* @__PURE__ */ n(r, {
+		width: "100%",
+		children: [/* @__PURE__ */ t(o, {
+			variant: "subtitle1",
+			sx: {
+				mb: 3,
+				display: "inline-block"
+			},
+			children: f._("Current offer")
+		}), /* @__PURE__ */ t(r, {
+			sx: {
+				display: "flex",
+				gap: 2,
+				flexWrap: "wrap"
+			},
+			children: d.map((c, l) => c?.pricing_plans?.map((d, m) => /* @__PURE__ */ n(r, {
+				width: 232,
+				height: 148,
+				px: 3,
+				py: 2.5,
+				sx: {
+					backgroundColor: p.palette.background.paper,
+					borderRadius: "16px",
+					border: `1px solid ${p.palette.divider}`
+				},
+				children: [/* @__PURE__ */ n(r, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: 1,
+						mb: 2
+					},
+					children: [/* @__PURE__ */ t(u, { sx: {
+						fontSize: 24,
+						color: s(p.palette.primary.main, .6)
+					} }), /* @__PURE__ */ t(o, {
+						variant: "body1",
+						fontWeight: 500,
+						sx: {
+							flex: "1 1 0%",
+							width: "100%"
+						},
+						children: f._("Financing plan")
+					})]
+				}), /* @__PURE__ */ t(i, {
+					sx: { p: 0 },
+					children: /* @__PURE__ */ n(e, { children: [
+						/* @__PURE__ */ t(a, {
+							sx: { p: 0 },
+							children: /* @__PURE__ */ t(o, {
+								variant: "body1",
+								fontWeight: 400,
+								children: f._("{itemAdvance_rate_percentage}% advance rate", { itemAdvance_rate_percentage: d.advance_rate_percentage / 100 })
+							})
+						}),
+						/* @__PURE__ */ t(a, {
+							sx: { p: 0 },
+							children: /* @__PURE__ */ t(o, {
+								variant: "body1",
+								fontWeight: 400,
+								children: f._("Pay in {itemRepayment_duration_days} days", { itemRepayment_duration_days: d.repayment_duration_days })
+							})
+						}),
+						/* @__PURE__ */ t(a, {
+							sx: { p: 0 },
+							children: /* @__PURE__ */ t(o, {
+								variant: "body1",
+								fontWeight: 400,
+								children: f._("{itemFee_percentage}% fee", { itemFee_percentage: d.fee_percentage / 100 })
+							})
+						})
+					] }, d.advance_rate_percentage)
+				})]
+			}, `${c.available_amount}-${l}-${c.total_amount}-${m}`)))
+		})]
+	});
+};
+//#endregion
+export { d as FinanceOffers };

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

@@ -1,5 +1,14 @@
-import "./index563.js";
-import "./index569.js";
-import "./index571.js";
-import "./index576.js";
-import "./index577.js";
+import { FinanceLimits as e } from "./index576.js";
+import { FinanceOffers as t } from "./index577.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Box as i } from "@mui/material";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index578.js
+var a = ({ offers: a }) => /* @__PURE__ */ r(i, {
+	sx: {
+		display: "flex",
+		gap: 2
+	},
+	children: [/* @__PURE__ */ n(e, { offers: a }), a?.[0]?.status === "CURRENT" && /* @__PURE__ */ n(t, { offers: a })]
+});
+//#endregion
+export { a as FinanceWidget };

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

@@ -1,24 +1,26 @@
-import { MoniteScopedProviders as e } from "./index241.js";
-import { PageHeader as t } from "./index330.js";
-import { FinanceIntegrationCard as n } from "./index569.js";
-import "./index578.js";
-import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Box as o } from "@mui/material";
-import { useLingui as s } from "@lingui/react";
+import { useGetFinanceOffers as e } from "./index559.js";
+import { useFinancing as t } from "./index562.js";
+import "./index565.js";
+import { FinancedInvoicesTable as n } from "./index570.js";
+import { FinanceWidget as r } from "./index578.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { CircularProgress as o, Stack as s } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index579.js
-function c() {
-	return /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(l, {}) });
-}
-function l() {
-	let { i18n: e } = s();
-	return /* @__PURE__ */ a(o, { children: [/* @__PURE__ */ i(t, { title: /* @__PURE__ */ i(r, { children: e._("Integrations") }) }), /* @__PURE__ */ i(o, {
-		sx: {
-			display: "grid",
-			gridTemplateColumns: "minmax(360px, 480px) minmax(360px, 480px)",
-			gap: 2
-		},
-		children: /* @__PURE__ */ i(n, {})
-	})] });
-}
+var c = ({ onRowClick: c }) => {
+	let { isLoading: l, data: u } = e(), { isLoading: d, isEnabled: f } = t();
+	return d || l ? /* @__PURE__ */ i(o, {
+		color: "inherit",
+		size: 20
+	}) : f ? /* @__PURE__ */ a(s, {
+		mt: 4,
+		gap: 4,
+		px: 1.5,
+		height: "100%",
+		children: [u?.offers && u.offers.length > 0 && /* @__PURE__ */ i(r, { offers: u.offers }), /* @__PURE__ */ i(n, {
+			onRowClick: c,
+			offers: u?.offers
+		})]
+	}) : null;
+};
 //#endregion
-export { c as Integrations };
+export { c as FinanceTab };

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

@@ -1 +1,17 @@
+import "./index555.js";
+import "./index556.js";
+import "./index557.js";
+import "./index558.js";
+import "./index566.js";
+import "./index572.js";
+import "./index568.js";
+import "./index569.js";
+import "./index573.js";
+import "./index574.js";
+import "./index570.js";
+import "./index571.js";
+import "./index575.js";
+import "./index576.js";
+import "./index577.js";
+import "./index578.js";
 import "./index579.js";

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

@@ -1,60 +1,5 @@
-import "./index52.js";
-import "./index119.js";
-import "./index234.js";
-import "./index235.js";
-import "./index244.js";
-import "./index257.js";
-import "./index258.js";
-import "./index260.js";
-import "./index262.js";
-import "./index313.js";
-import "./index328.js";
-import "./index330.js";
-import "./index331.js";
-import "./index347.js";
-import "./index349.js";
-import "./index352.js";
-import "./index353.js";
-import "./index354.js";
-import "./index355.js";
-import "./index356.js";
-import "./index357.js";
-import "./index358.js";
-import "./index359.js";
-import "./index360.js";
-import "./index361.js";
-import "./index362.js";
-import "./index363.js";
-import "./index364.js";
-import "./index365.js";
-import "./index366.js";
-import "./index367.js";
-import "./index368.js";
-import "./index369.js";
-import "./index370.js";
-import "./index416.js";
-import "./index429.js";
-import "./index434.js";
-import "./index440.js";
-import "./index445.js";
-import "./index446.js";
-import "./index505.js";
-import "./index536.js";
-import "./index537.js";
-import "./index544.js";
-import "./index548.js";
-import "./index549.js";
-import "./index550.js";
-import "./index563.js";
-import "./index569.js";
-import "./index571.js";
-import "./index576.js";
-import "./index578.js";
+import "./index566.js";
+import "./index572.js";
+import "./index574.js";
 import "./index579.js";
-import "./index263.js";
-import "./index332.js";
-import "./index350.js";
-import "./index435.js";
-import "./index538.js";
-import "./index551.js";
 import "./index580.js";

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

@@ -1,32 +1,24 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { Toaster as t } from "react-hot-toast";
-import { useTheme as n } from "@mui/material";
+import { MoniteScopedProviders as e } from "./index242.js";
+import { PageHeader as t } from "./index331.js";
+import { FinanceIntegrationCard as n } from "./index572.js";
+import "./index581.js";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Box as o } from "@mui/material";
+import { useLingui as s } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index582.js
-var r = () => {
-	let r = n();
-	return /* @__PURE__ */ e(t, {
-		toastOptions: {
-			className: "ttw:[&>[role=status]]:min-w-0",
-			style: {
-				padding: "8px 12px",
-				borderRadius: "4px",
-				fontFamily: r.typography.body1.fontFamily,
-				fontWeight: 500,
-				fontSize: "14px",
-				lineHeight: "20px",
-				background: r.palette.grey[900],
-				color: r.palette.grey[50]
-			}
+function c() {
+	return /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(l, {}) });
+}
+function l() {
+	let { i18n: e } = s();
+	return /* @__PURE__ */ a(o, { children: [/* @__PURE__ */ i(t, { title: /* @__PURE__ */ i(r, { children: e._("Integrations") }) }), /* @__PURE__ */ i(o, {
+		sx: {
+			display: "grid",
+			gridTemplateColumns: "minmax(360px, 480px) minmax(360px, 480px)",
+			gap: 2
 		},
-		gutter: 8,
-		position: "bottom-left",
-		containerStyle: {
-			top: 40,
-			left: 40,
-			bottom: 40,
-			right: 40
-		}
-	});
-};
+		children: /* @__PURE__ */ i(n, {})
+	})] });
+}
 //#endregion
-export { r as GlobalToast };
+export { c as Integrations };