@tesouro/embedded-components-react 0.3.20 → 0.3.23

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

@@ -1,94 +1,57 @@
-import { FinanceBannerWrapper as e } from "./index565.js";
-import { useKanmonContext as t } from "./index571.js";
-import { useGetFinanceOffers as n } from "./index569.js";
-import { useFinancing as r } from "./index572.js";
-import { useFinanceAnInvoice as i } from "./index573.js";
-import { useGetFinancedInvoices as a } from "./index574.js";
-import "./index575.js";
-import { FinanceOverviewCard as o } from "./index583.js";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { Box as u, Button as d, Tooltip as f, Typography as p } from "@mui/material";
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import "./index217.js";
+import { Dialog as n } from "./index229.js";
+import "./index230.js";
+import { useGetFinancedInvoices as r } from "./index575.js";
+import "./index576.js";
+import { FinancedInvoiceStatusChip as i } from "./index579.js";
+import { FinanceDetails as a } from "./index580.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index584.js
-var h = 5184e5, g = ({ invoice: g }) => {
-	let { i18n: _ } = m(), { startFinanceSession: v } = t(), [y, b] = s(!1), x = i(), { isLoading: S, data: C } = a({
-		invoice_id: g.id,
+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"
-	}), { isLoading: w, isEnabled: T, isServicing: E } = r(), { isLoading: D, data: O } = n(), k = !!C?.data?.find((e) => e?.invoice_id === g.id), A = w || S || D, j = ["issued", "partially_paid"].includes(g.status), M = g.due_date ? new Date(g.due_date).getTime() - ((/* @__PURE__ */ new Date()).getTime() + h) > 0 : !1;
-	return !T || !E ? null : k ? /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(o, {
-		invoice: g,
-		offers: O ?? null
-	}) }) : j && M ? /* @__PURE__ */ c(e, { children: /* @__PURE__ */ l(u, {
+	}), 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),
 		sx: {
+			borderRadius: "16px",
+			px: 3,
+			py: 2.5,
 			display: "flex",
 			alignItems: "center",
-			gap: 2,
-			justifyContent: "space-between"
+			justifyContent: "space-between",
+			border: `1px solid ${v.palette.divider}`,
+			cursor: "pointer"
 		},
-		children: [/* @__PURE__ */ l(u, {
-			sx: { flex: "1 1 0%" },
-			children: [/* @__PURE__ */ c(p, {
-				variant: "subtitle2",
-				children: _._("Don't wait for your client to pay")
-			}), /* @__PURE__ */ l(p, {
-				variant: "body1",
-				children: [
-					_._("This invoice can be financed"),
-					".",
-					" ",
-					/* @__PURE__ */ c(f, {
-						arrow: !0,
-						title: _._("Invoices that are due within 7 days cannot be financed. Overdue invoices cannot be financed. The loan sum must be within your remaining limit."),
-						children: /* @__PURE__ */ c(p, {
-							variant: "body1",
-							sx: { textDecoration: "underline" },
-							component: "span",
-							children: _._("Why?")
-						})
-					})
-				]
-			})]
-		}), /* @__PURE__ */ c(d, {
-			onClick: async () => {
-				try {
-					b(!0), x.mutate({ invoices: [{
-						id: g.id,
-						type: "receivable"
-					}] }, {
-						onError: () => {
-							b(!1);
-						},
-						onSuccess: ({ session_token: e }) => {
-							v({
-								sessionToken: e,
-								component: "SESSION_INVOICE_FLOW_WITH_INVOICE_FILE"
-							}), b(!1);
-						}
-					});
-				} catch {
-					b(!1);
-				}
-			},
-			disabled: y || A,
-			color: "primary",
-			variant: "contained",
-			sx: {
-				px: 2.5,
-				py: 1.5
-			},
-			children: y ? _._("Loading...") : _._("Get paid now")
-		})]
-	}) }) : /* @__PURE__ */ c(e, { children: /* @__PURE__ */ l(u, {
-		sx: { flex: "1 1 0%" },
-		children: [/* @__PURE__ */ c(p, {
+		children: [/* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(f, {
 			variant: "subtitle2",
-			children: _._("This invoice can't be financed")
-		}), /* @__PURE__ */ c(p, {
+			children: _._("Funding for {repaymentAmount}", { repaymentAmount: D })
+		}), /* @__PURE__ */ c(f, {
 			variant: "body1",
-			children: _._("It must be in the “Issued” or “Partially paid” statuses and have more than 7 days till overdue.")
-		})]
-	}) });
+			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
+		})
+	})] });
 };
 //#endregion
-export { g as FinanceInvoice };
+export { h as FinanceOverviewCard };

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

@@ -1,43 +1,94 @@
-import { Dialog as e } from "./index229.js";
-import "./index230.js";
-import { useKanmonContext as t } from "./index571.js";
-import { FinanceHowItWorks as n } from "./index581.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Button as o, Stack as s } from "@mui/material";
-import { useLingui as c } from "@lingui/react";
+import { FinanceBannerWrapper as e } from "./index566.js";
+import { useKanmonContext as t } from "./index572.js";
+import { useGetFinanceOffers as n } from "./index570.js";
+import { useFinancing as r } from "./index573.js";
+import { useFinanceAnInvoice as i } from "./index574.js";
+import { useGetFinancedInvoices as a } from "./index575.js";
+import "./index576.js";
+import { FinanceOverviewCard as o } from "./index584.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { Box as u, Button as d, Tooltip as f, Typography as p } from "@mui/material";
+import { useLingui as m } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index585.js
-var l = () => {
-	let { i18n: l } = c(), { startFinanceSession: u } = t(), [d, f] = r(!1);
-	return /* @__PURE__ */ a(s, {
-		direction: "row",
-		gap: 1,
-		alignItems: "center",
-		children: [
-			/* @__PURE__ */ i(o, {
-				variant: "text",
-				onClick: () => f(!0),
-				children: l._("How does invoice financing work?")
-			}),
-			/* @__PURE__ */ i(o, {
-				onClick: () => u(),
-				variant: "contained",
-				color: "primary",
-				sx: {
-					px: 2.5,
-					py: 1.5,
-					height: 40
-				},
-				children: l._("Financing menu")
-			}),
-			/* @__PURE__ */ i(e, {
-				open: d,
-				onClose: () => f(!1),
-				alignDialog: "right",
-				children: /* @__PURE__ */ i(n, {})
-			})
-		]
-	});
+var h = 5184e5, g = ({ invoice: g }) => {
+	let { i18n: _ } = m(), { startFinanceSession: v } = t(), [y, b] = s(!1), x = i(), { isLoading: S, data: C } = a({
+		invoice_id: g.id,
+		type: "receivable"
+	}), { isLoading: w, isEnabled: T, isServicing: E } = r(), { isLoading: D, data: O } = n(), k = !!C?.data?.find((e) => e?.invoice_id === g.id), A = w || S || D, j = ["issued", "partially_paid"].includes(g.status), M = g.due_date ? new Date(g.due_date).getTime() - ((/* @__PURE__ */ new Date()).getTime() + h) > 0 : !1;
+	return !T || !E ? null : k ? /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(o, {
+		invoice: g,
+		offers: O ?? null
+	}) }) : j && M ? /* @__PURE__ */ c(e, { children: /* @__PURE__ */ l(u, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: 2,
+			justifyContent: "space-between"
+		},
+		children: [/* @__PURE__ */ l(u, {
+			sx: { flex: "1 1 0%" },
+			children: [/* @__PURE__ */ c(p, {
+				variant: "subtitle2",
+				children: _._("Don't wait for your client to pay")
+			}), /* @__PURE__ */ l(p, {
+				variant: "body1",
+				children: [
+					_._("This invoice can be financed"),
+					".",
+					" ",
+					/* @__PURE__ */ c(f, {
+						arrow: !0,
+						title: _._("Invoices that are due within 7 days cannot be financed. Overdue invoices cannot be financed. The loan sum must be within your remaining limit."),
+						children: /* @__PURE__ */ c(p, {
+							variant: "body1",
+							sx: { textDecoration: "underline" },
+							component: "span",
+							children: _._("Why?")
+						})
+					})
+				]
+			})]
+		}), /* @__PURE__ */ c(d, {
+			onClick: async () => {
+				try {
+					b(!0), x.mutate({ invoices: [{
+						id: g.id,
+						type: "receivable"
+					}] }, {
+						onError: () => {
+							b(!1);
+						},
+						onSuccess: ({ session_token: e }) => {
+							v({
+								sessionToken: e,
+								component: "SESSION_INVOICE_FLOW_WITH_INVOICE_FILE"
+							}), b(!1);
+						}
+					});
+				} catch {
+					b(!1);
+				}
+			},
+			disabled: y || A,
+			color: "primary",
+			variant: "contained",
+			sx: {
+				px: 2.5,
+				py: 1.5
+			},
+			children: y ? _._("Loading...") : _._("Get paid now")
+		})]
+	}) }) : /* @__PURE__ */ c(e, { children: /* @__PURE__ */ l(u, {
+		sx: { flex: "1 1 0%" },
+		children: [/* @__PURE__ */ c(p, {
+			variant: "subtitle2",
+			children: _._("This invoice can't be financed")
+		}), /* @__PURE__ */ c(p, {
+			variant: "body1",
+			children: _._("It must be in the “Issued” or “Partially paid” statuses and have more than 7 days till overdue.")
+		})]
+	}) });
 };
 //#endregion
-export { l as FinanceMenuButtons };
+export { g as FinanceInvoice };

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

@@ -1,79 +1,43 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index217.js";
-import { FinanceBannerWrapper as n } from "./index565.js";
-import { FinanceProgressBar as r } from "./index568.js";
-import { FinanceMenuButtons as i } from "./index585.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";
+import { Dialog as e } from "./index229.js";
+import "./index230.js";
+import { useKanmonContext as t } from "./index572.js";
+import { FinanceHowItWorks as n } from "./index582.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Button as o, Stack as s } from "@mui/material";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index586.js
-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, {})
-			]
-		}) })]
+var l = () => {
+	let { i18n: l } = c(), { startFinanceSession: u } = t(), [d, f] = r(!1);
+	return /* @__PURE__ */ a(s, {
+		direction: "row",
+		gap: 1,
+		alignItems: "center",
+		children: [
+			/* @__PURE__ */ i(o, {
+				variant: "text",
+				onClick: () => f(!0),
+				children: l._("How does invoice financing work?")
+			}),
+			/* @__PURE__ */ i(o, {
+				onClick: () => u(),
+				variant: "contained",
+				color: "primary",
+				sx: {
+					px: 2.5,
+					py: 1.5,
+					height: 40
+				},
+				children: l._("Financing menu")
+			}),
+			/* @__PURE__ */ i(e, {
+				open: d,
+				onClose: () => f(!1),
+				alignDialog: "right",
+				children: /* @__PURE__ */ i(n, {})
+			})
+		]
 	});
 };
 //#endregion
-export { f as FinanceLimits };
+export { l as FinanceMenuButtons };

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

@@ -1,87 +1,79 @@
-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";
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import "./index217.js";
+import { FinanceBannerWrapper as n } from "./index566.js";
+import { FinanceProgressBar as r } from "./index569.js";
+import { FinanceMenuButtons as i } from "./index586.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/index587.js
-var d = ({ offers: d }) => {
-	let { i18n: f } = l(), p = c();
-	return !d || d.length === 0 ? null : /* @__PURE__ */ n(r, {
+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__ */ t(o, {
+		children: [/* @__PURE__ */ o(l, {
 			variant: "subtitle1",
 			sx: {
 				mb: 3,
 				display: "inline-block"
 			},
-			children: f._("Current offer")
-		}), /* @__PURE__ */ t(r, {
+			children: m._("My financing")
+		}), /* @__PURE__ */ o(n, { children: /* @__PURE__ */ s(c, {
 			sx: {
 				display: "flex",
-				gap: 2,
-				flexWrap: "wrap"
+				flexDirection: "column",
+				gap: 1.25
 			},
-			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: {
+			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,
-						color: s(p.palette.primary.main, .6)
-					} }), /* @__PURE__ */ t(o, {
+						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",
-						fontWeight: 500,
-						sx: {
-							flex: "1 1 0%",
-							width: "100%"
-						},
-						children: f._("Financing plan")
+						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.");
+							}
+						})()
 					})]
-				}), /* @__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}`)))
-		})]
+				}),
+				p?.financing?.enableFinanceWidgetButton && /* @__PURE__ */ o(i, {})
+			]
+		}) })]
 	});
 };
 //#endregion
-export { d as FinanceOffers };
+export { f as FinanceLimits };

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

@@ -1,14 +1,87 @@
-import { FinanceLimits as e } from "./index586.js";
-import { FinanceOffers as t } from "./index587.js";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { Box as i } from "@mui/material";
+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/index588.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 })]
-});
+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 { a as FinanceWidget };
+export { d as FinanceOffers };