@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,222 +1,133 @@
-import { useCurrencies as e } from "./index63.js";
+import { useMoniteContext as e } from "./index47.js";
+import { useMyEntity as t } from "./index133.js";
+import "./index138.js";
+import { useComponentSettings as n } from "./index187.js";
 import "./index189.js";
-import { MoniteScopedProviders as t } from "./index209.js";
-import { FinanceBannerWrapper as n } from "./index550.js";
-import { FinanceFaqWrapper as r } from "./index552.js";
-import { FinanceProgressBar as i } from "./index553.js";
-import { useKanmonContext as a } from "./index556.js";
-import { FinancialApplicationState as o, useFinancing as s } from "./index557.js";
-import "./index560.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";
+import { useKanmonContext as r } from "./index560.js";
+import { useGetFinanceOffers as i } from "./index558.js";
+import { useGetFinancingConnectToken as a } from "./index559.js";
+import { useEffect as o, useState as s } from "react";
+import { useLingui as c } from "@lingui/react";
+import l from "react-script-hook";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index561.js
-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")
-							});
+var u = "https://cdn.sandbox.kanmon.dev/scripts/v2/kanmon-connect.js", d = "https://cdn.kanmon.dev/scripts/v2/kanmon-connect.js", f = {
+	INIT: "init",
+	IN_PROGRESS: "in_progress",
+	PENDING_APPROVAL: "pending_approval",
+	NO_OFFERS_AVAILABLE: "no_offers",
+	SERVICING: "servicing",
+	APPROVED: "approved",
+	OFFER_ACCEPTED: "offer_accepted",
+	OFFERS_EXPIRED: "offers_expired"
+}, p = () => {
+	let { apiUrl: p, api: m, queryClient: h, entityId: g } = e(), { isKanmonInitialized: _, toggleKanmon: v, handleButtonText: y, buttonText: b } = r(), { onboardingCallbacks: x } = n(), { i18n: S } = c(), C = a(), { data: w } = i(), { isUSEntity: T } = t(), E = (() => {
+		switch (w?.business_status) {
+			case "NEW":
+			default: return f.INIT;
+			case "INPUT_REQUIRED": return f.IN_PROGRESS;
+			case "ONBOARDED": return w?.offers?.length === 0 ? f.PENDING_APPROVAL : w?.offers?.[0]?.status === "NEW" ? f.APPROVED : w?.offers?.[0]?.status === "EXPIRED" ? f.OFFERS_EXPIRED : w?.offers?.[0]?.status === "ACCEPTED" ? f.OFFER_ACCEPTED : f.SERVICING;
+		}
+	})(), D = (() => {
+		try {
+			let e = new URL(p);
+			return !["api.dev.monite.com", "api.sandbox.monite.com"].includes(e.hostname);
+		} catch {
+			return !0;
+		}
+	})() ? d : u, [O] = l({ src: D }), [k, A] = s(!1), j = (e) => {
+		let t = {
+			type: "receivable",
+			status: "NEW",
+			invoice_id: e?.platformInvoiceId,
+			document_id: e?.platformInvoiceNumber,
+			due_date: e?.invoiceDueDate,
+			issue_date: e?.invoiceIssuedDate,
+			total_amount: e?.invoiceAmountCents,
+			currency: "USD",
+			payer_type: e?.payorType,
+			payer_business_name: e?.payorBusinessName,
+			payer_first_name: e?.payorFirstName,
+			payer_last_name: e?.payorLastName,
+			requested_amount: e?.amountRequestedForFinancingCents,
+			principal_amount: e?.principalAmountCents,
+			repayment_amount: e?.repaymentAmountCents,
+			advance_amount: e?.invoiceAdvanceAmountCents,
+			advance_rate_percentage: e?.advanceRatePercentage * 100,
+			fee_amount: e?.feeAmountCents,
+			fee_percentage: e?.transactionFeePercentage * 100,
+			repayment_schedule: {
+				repayment_date: e?.repaymentSchedule?.schedule?.[0]?.repaymentDate,
+				repayment_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentAmountCents,
+				repayment_fee_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentFeeAmountCents,
+				repayment_principal_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentPrincipalAmountCents
+			}
+		};
+		m.finops.getFinancingInvoices.setQueryData(m.finops.getFinancingInvoices.getQueryKey({ query: {
+			type: "receivable",
+			invoice_id: e?.platformInvoiceId
+		} }), (e) => ({
+			...e,
+			data: [t]
+		}), h), m.finops.getFinancingInvoices.setQueryData(m.finops.getFinancingInvoices.getQueryKey({ query: {} }), (e) => {
+			let n = e?.data ? e.data : [];
+			return {
+				...e,
+				data: [t, ...n]
+			};
+		}, h);
+	}, M = ({ connectToken: e }) => {
+		window?.KANMON_CONNECT?.start({
+			connectToken: e,
+			onEvent: (e) => {
+				if (e.eventType === "USER_STATE_CHANGED" || e.eventType === "USER_CONFIRMED_INVOICE") {
+					if (e.eventType === "USER_CONFIRMED_INVOICE") j(e.data.invoice);
+					else {
+						switch (e.data.userState) {
+							case "START_FLOW":
+								y(S._("Apply for financing"));
+								break;
+							case "USER_INPUT_REQUIRED":
+								e.data.section === "OFFER" ? y(S._("Review terms and sign")) : y(S._("Resume application"));
+								break;
+							case "WAITING_FOR_OFFERS":
+								y(""), (w?.business_status === "INPUT_REQUIRED" || w?.business_status === "NEW") && x.onWorkingCapitalOnboardingComplete?.(g);
+								break;
+							case "OFFERS_EXPIRED":
+							case "NO_OFFERS_EXTENDED":
+								y("");
+								break;
+							case "SERVICING":
+								y(S._("Financing menu")), w?.business_status === "ONBOARDED" && w?.offers?.[0]?.status === "NEW" && window.localStorage.setItem("isFinanceTabNew", "true");
+								break;
+							case "VIEW_OFFERS":
+							case "OFFER_ACCEPTED": y(S._("Review terms and sign"));
 						}
-					})()
-				})
-			}), /* @__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.")
-				]
-			})
-		] })]
-	});
+						m.finops.getFinancingOffers.invalidateQueries(h);
+					}
+				}
+			}
+		});
+	};
+	o(() => {
+		!_ && !O && T && (async () => {
+			A(!0);
+			try {
+				let e = await C.mutateAsync();
+				M({ connectToken: e.connect_token }), v(!0);
+			} catch {} finally {
+				A(!1);
+			}
+		})();
+	}, [O, T]);
+	let N = O || k, P = T, F = w?.business_status === "ONBOARDED" && w?.offers?.[0]?.status === "CURRENT";
+	return {
+		buttonText: b,
+		applicationState: E,
+		offer: w?.offers?.[0],
+		isLoading: N,
+		isEnabled: P,
+		isServicing: F
+	};
 };
 //#endregion
-export { S as FinanceBanner };
+export { f as FinancialApplicationState, p as useFinancing };

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

@@ -1,14 +1,8 @@
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index562.js
-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)}`);
-	}
+var t = () => {
+	let { api: t } = e();
+	return t.finops.postFinancingInvoices.useMutation({}, { onError: () => {} });
 };
 //#endregion
-export { e as getCommonStatusLabel };
+export { t as useFinanceAnInvoice };

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

@@ -1,36 +1,8 @@
-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 "./index562.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 { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index563.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"
-	});
-}, d = c(a, {
-	name: "MoniteFinancedInvoiceStatusChip",
-	slot: "root",
-	shouldForwardProp: () => !0
-})({});
+var t = (t, n = !0) => {
+	let { api: r } = e();
+	return r.finops.getFinancingInvoices.useQuery({ query: t }, { enabled: n });
+};
 //#endregion
-export { u as FinancedInvoiceStatusChip };
+export { t as useGetFinancedInvoices };

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

@@ -1,185 +1,5 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import "./index189.js";
-import { InvoiceStatusChip as n } from "./index227.js";
-import "./index434.js";
-import { useKanmonContext as r } from "./index556.js";
-import { FinancedInvoiceStatusChip as i } from "./index563.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/index564.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")
-		})
-	})] });
-};
-//#endregion
-export { h as FinanceDetails };
+import "./index558.js";
+import "./index559.js";
+import "./index561.js";
+import "./index562.js";
+import "./index563.js";