@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,8 +1,24 @@
-import { useMoniteContext as e } from "./index47.js";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Box as t, useTheme as n } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index554.js
-var t = () => {
-	let { api: t } = e();
-	return t.finops.getFinancingOffers.useQuery();
+var r = ({ children: r, shouldApplyFinanceStyles: i = !1 }) => {
+	let a = n();
+	return /* @__PURE__ */ e(t, {
+		sx: {
+			background: `linear-gradient(180deg, ${a.palette.primary.light} 0%, ${a.palette.background.paper} 100%)`,
+			display: "flex",
+			flexDirection: "column",
+			gap: 1,
+			px: 3,
+			py: i ? 3 : 2.5,
+			width: "100%",
+			minHeight: "auto",
+			borderRadius: "16px",
+			boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
+			border: i ? "none" : `1px solid ${a.palette.divider}`
+		},
+		children: r
+	});
 };
 //#endregion
-export { t as useGetFinanceOffers };
+export { r as FinanceBannerWrapper };

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

@@ -1,12 +1,77 @@
-import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Box as n, Link as r, Typography as i } from "@mui/material";
+import { useLingui as a } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index555.js
-var r = () => {
-	let { api: r } = e(), { i18n: i } = n();
-	return r.finops.postFinancingTokens.useMutation({}, { onError: () => {
-		t.error(i._("The financing service is currently unavailable. Please reload the page or try again later."));
-	} });
+var o = [
+	{
+		id: 1,
+		question: "Does enrolling in the program affect my credit score?",
+		answer: "Nope! During the onboarding process we will only conduct a soft pull on your credit report, which will not affect your personal credit score."
+	},
+	{
+		id: 2,
+		question: "Why do I need to provide my bank connection details?",
+		answer: "Securely connecting your business bank account allows us to review your cashflow and determine your best loan offers."
+	},
+	{
+		id: 3,
+		question: "When should I expect to receive a loan offer?",
+		answer: "Once you are enrolled into the program, we will be actively analyzing your financials and creating pre-approved offers that work best for your business needs. We do this to help you avoid debt trap. Loan offers are usually provided within less than 48 hours."
+	},
+	{
+		id: 4,
+		question: "How do I repay the loan?",
+		answer: "At the moment we support monthly loan repayment once you agree to the loan payment schedule. A fixed amount will be automatically deducted from the bank you linked during the onboarding.In the near future, you can also choose to pay back the loan as a fixed percentage of your daily sales until the loan is fully repaid."
+	}
+], s = () => {
+	let { i18n: s } = a();
+	return /* @__PURE__ */ t(n, {
+		p: 4,
+		children: [
+			/* @__PURE__ */ t(n, { children: [/* @__PURE__ */ e(i, {
+				variant: "h3",
+				children: s._("Simplified, fast funding for your growing business")
+			}), /* @__PURE__ */ e(i, {
+				variant: "subtitle2",
+				mt: 2,
+				children: s._("Get your business moving and accelerate growth with quick and easy access to funding. Multiple options available.")
+			})] }),
+			/* @__PURE__ */ t(n, {
+				mt: 5,
+				children: [/* @__PURE__ */ e(i, {
+					mb: 1,
+					variant: "h3",
+					children: s._("FAQ")
+				}), o.map((r) => /* @__PURE__ */ t(n, {
+					mt: 3,
+					children: [/* @__PURE__ */ e(i, {
+						variant: "subtitle2",
+						children: s._("{faqQuestion}", { faqQuestion: r.question })
+					}), /* @__PURE__ */ e(i, {
+						variant: "body1",
+						mt: 1,
+						children: s._("{faqAnswer}", { faqAnswer: r.answer })
+					})]
+				}, r.id))]
+			}),
+			/* @__PURE__ */ e(n, {
+				mt: 5,
+				children: /* @__PURE__ */ t(i, {
+					variant: "body2",
+					children: [
+						s._("All loans are subject to credit approval. Your terms may vary. Flourish Capital loans are issued by Kanmon. California Loans are made pursuant to a Department of Financial Protection and Innovation California Lenders Law License. Read more about Kanmon"),
+						" ",
+						/* @__PURE__ */ e(r, {
+							target: "_blank",
+							rel: "noopener noreferrer",
+							href: "https://kanmon.com",
+							children: s._("here.")
+						})
+					]
+				})
+			})
+		]
+	});
 };
 //#endregion
-export { r as useGetFinancingConnectToken };
+export { s as FinanceFaqDetails };

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

@@ -1,13 +1,19 @@
-import "./index209.js";
-import { createContext as e, useContext as t } from "react";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
+import { Dialog as e } from "./index201.js";
+import "./index202.js";
+import { FinanceFaqDetails as t } from "./index555.js";
+import { useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index556.js
-var n = e(null);
-function r() {
-	let e = t(n);
-	if (!e) throw Error("Could not find KanmonContext. Make sure that you are using \"MoniteProvider\" component before calling this hook.");
-	return e;
-}
+var o = ({ children: o }) => {
+	let [s, c] = n(!1);
+	return /* @__PURE__ */ a(r, { children: [o({ openModal: () => {
+		c(!0);
+	} }), /* @__PURE__ */ i(e, {
+		open: s,
+		onClose: () => c(!1),
+		alignDialog: "right",
+		children: /* @__PURE__ */ i(t, {})
+	})] });
+};
 //#endregion
-export { n as KanmonContext, r as useKanmonContext };
+export { o as FinanceFaqWrapper };

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

@@ -1,133 +1,22 @@
-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 { useKanmonContext as r } from "./index556.js";
-import { useGetFinanceOffers as i } from "./index554.js";
-import { useGetFinancingConnectToken as a } from "./index555.js";
-import { useEffect as o, useState as s } from "react";
-import { useLingui as c } from "@lingui/react";
-import l from "react-script-hook";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Box as t, useTheme as n } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index557.js
-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"));
-						}
-						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
-	};
+var r = ({ progress: r }) => {
+	let i = n();
+	return /* @__PURE__ */ e(t, {
+		sx: {
+			backgroundColor: i.palette.divider,
+			width: "100%",
+			height: "6px",
+			borderRadius: .5
+		},
+		children: /* @__PURE__ */ e(t, { sx: {
+			backgroundColor: i.palette.primary.main,
+			width: `${r}%`,
+			height: "6px",
+			borderRadius: .5
+		} })
+	});
 };
 //#endregion
-export { f as FinancialApplicationState, p as useFinancing };
+export { r as FinanceProgressBar };

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

@@ -2,7 +2,7 @@ import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index558.js
 var t = () => {
 	let { api: t } = e();
-	return t.finops.postFinancingInvoices.useMutation({}, { onError: () => {} });
+	return t.finops.getFinancingOffers.useQuery();
 };
 //#endregion
-export { t as useFinanceAnInvoice };
+export { t as useGetFinanceOffers };

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

@@ -1,8 +1,12 @@
 import { useMoniteContext as e } from "./index47.js";
+import { toast as t } from "react-hot-toast";
+import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index559.js
-var t = (t, n = !0) => {
-	let { api: r } = e();
-	return r.finops.getFinancingInvoices.useQuery({ query: t }, { enabled: n });
+var r = () => {
+	let { api: r } = e(), { i18n: i } = n();
+	return r.finops.postFinancingTokens.useMutation({}, { onError: () => {
+		t.error(i._("The financing service is currently unavailable. Please reload the page or try again later."));
+	} });
 };
 //#endregion
-export { t as useGetFinancedInvoices };
+export { r as useGetFinancingConnectToken };

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

@@ -1,5 +1,13 @@
-import "./index554.js";
-import "./index555.js";
-import "./index557.js";
-import "./index558.js";
-import "./index559.js";
+import "./index209.js";
+import { createContext as e, useContext as t } from "react";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index560.js
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (!e) throw Error("Could not find KanmonContext. Make sure that you are using \"MoniteProvider\" component before calling this hook.");
+	return e;
+}
+//#endregion
+export { n as KanmonContext, r as useKanmonContext };