@tesouro/embedded-components-react 0.5.176 → 0.5.179

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

@@ -1,46 +1,160 @@
 import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
 import "../../shared/data-access/dist/index.js";
-import { MoniteScopedProviders as t } from "./index242.js";
-import { useUserPermissions as n } from "./index118.js";
-import { AccessRestriction as r } from "./index252.js";
-import "./index254.js";
-import { ProductsTable as i } from "./index547.js";
-import { ProductDetails as a } from "./index551.js";
-import { CreateProduct as o } from "./index552.js";
-import { useCallback as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as t } from "./index46.js";
+import { useCurrencies as n } from "./index62.js";
+import { Button as r } from "./index55.js";
+import { MoniteScopedProviders as i } from "./index243.js";
+import { Sheet as a, SheetClose as o, SheetContent as s, SheetDescription as c, SheetHeader as l, SheetTitle as u } from "./index49.js";
+import { LoadingSpinner as d } from "./index50.js";
+import "./index51.js";
+import { Skeleton as f } from "./index53.js";
+import { DropdownMenu as p, DropdownMenuContent as m, DropdownMenuItem as h, DropdownMenuTrigger as g } from "./index54.js";
+import { Typography as _ } from "./index61.js";
+import { useUserPermissions as v } from "./index118.js";
+import { NotFound as y } from "./index245.js";
+import { AccessRestriction as b } from "./index253.js";
+import "./index417.js";
+import { useGetProductById as x } from "./index484.js";
+import { ProductDeleteModal as S } from "./index544.js";
+import { ProductEditForm as C } from "./index551.js";
+import { ProductDetailLine as w } from "./index552.js";
+import { useState as T } from "react";
+import { MoreVerticalIcon as E, Trash2 as D, X as O } from "lucide-react";
+import { Fragment as k, jsx as A, jsxs as j } from "@emotion/react/jsx-runtime";
+import { useLingui as M } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index553.js
-var f = (e) => /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(p, { ...e }) }), p = ({ pageTitleComponent: t }) => {
-	let f = n().has(e.InvoiceReadOrg), [p, m] = c(void 0), [h, g] = c(!1), _ = s((e) => {
-		m(e);
-	}, []), v = s(() => {
-		m(void 0);
-	}, []), y = s(() => {
-		g(!1);
-	}, []), b = s(() => {
-		g(!0);
-	}, []), x = s((e) => {
-		m(e);
-	}, []);
-	return /* @__PURE__ */ d(l, { children: [
-		t(/* @__PURE__ */ u(l, {})),
-		!f && /* @__PURE__ */ u(r, {}),
-		f && /* @__PURE__ */ u(i, {
-			onRowClick: _,
-			onDeleted: x,
-			openCreateModal: b
-		}),
-		h && /* @__PURE__ */ u(o, {
-			open: !0,
-			onClose: y,
-			onCreated: y
-		}),
-		!!p && p && /* @__PURE__ */ u(a, {
-			id: p,
-			open: !0,
-			onClose: v
+var N = (e) => /* @__PURE__ */ A(i, { children: /* @__PURE__ */ A(P, { ...e }) }), P = ({ id: i, open: N, onClose: P, onUpdated: F, onDeleted: I, showActionsMenu: L = !0 }) => {
+	let { i18n: R } = M(), { locale: z } = t(), { formatCurrencyToDisplay: B } = n(), [V, H] = T(!1), [U, W] = T(!1), { data: G, isLoading: K, isFetching: q } = x(i), J = G?.type === "product", Y = v(), X = Y.has(e.InvoiceReadOrg), Z = Y.has(e.InvoiceWriteOrg), Q = Y.has(e.InvoiceWriteOrg);
+	return X ? !K && !q && !G ? /* @__PURE__ */ A(a, {
+		open: N,
+		onOpenChange: P,
+		children: /* @__PURE__ */ A(s, {
+			showCloseButton: !0,
+			className: "ttw:gap-0",
+			children: /* @__PURE__ */ A("div", {
+				className: "ttw:w-3/4 ttw:m-auto ttw:p-4",
+				children: /* @__PURE__ */ A(y, {
+					title: R._("Product not found"),
+					description: R._("There is no product by provided id: {id}", { id: i })
+				})
+			})
 		})
-	] });
+	}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(a, {
+		open: N,
+		onOpenChange: P,
+		children: /* @__PURE__ */ j(s, {
+			showCloseButton: !1,
+			className: "ttw:gap-0",
+			children: [/* @__PURE__ */ j(l, {
+				className: "ttw:pt-6 ttw:pl-6 ttw:pb-7 ttw:flex-row ttw:gap-3 ttw:border-b ttw:border-border",
+				children: [/* @__PURE__ */ j("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:w-[85%]",
+					children: [/* @__PURE__ */ A(u, {
+						asChild: K,
+						className: "ttw:text-2xl",
+						children: K ? /* @__PURE__ */ A(f, { className: "ttw:w-40" }) : G?.name ?? ""
+					}), /* @__PURE__ */ A(c, {
+						asChild: K,
+						children: K ? /* @__PURE__ */ A(f, { className: "ttw:w-60" }) : R._("{type} · Added {createdAt}", {
+							createdAt: R.date(G?.created_at, z.dateFormat),
+							type: G?.type === "product" ? "Product" : "Service"
+						})
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "ttw:flex ttw:gap-2",
+					children: [L && Q && /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A(g, {
+						asChild: !0,
+						children: /* @__PURE__ */ A(r, {
+							type: "button",
+							variant: "outline",
+							className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted",
+							children: /* @__PURE__ */ A(E, {})
+						})
+					}), /* @__PURE__ */ A(m, {
+						align: "end",
+						children: /* @__PURE__ */ j(h, {
+							onClick: () => W(!0),
+							variant: "destructive",
+							children: [/* @__PURE__ */ A(D, {}), R._("Delete product")]
+						})
+					})] }), /* @__PURE__ */ A(o, {
+						className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer",
+						children: /* @__PURE__ */ A(O, { className: "ttw:size-4" })
+					})]
+				})]
+			}), K ? /* @__PURE__ */ A("div", {
+				className: "ttw:flex ttw:w-full ttw:h-full ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ A(d, {})
+			}) : /* @__PURE__ */ A("main", {
+				className: "ttw:p-6 ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-4",
+				children: /* @__PURE__ */ j("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-4",
+					children: [/* @__PURE__ */ j("div", {
+						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
+						children: [/* @__PURE__ */ j("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ A(_, {
+								variant: "body1",
+								className: "ttw:font-medium",
+								children: R._("{type} details", { type: J ? "Product" : "Service" })
+							}), /* @__PURE__ */ A(_, {
+								variant: "body2",
+								color: "muted",
+								children: J ? R._("A physical or digital item") : R._("Work or labor you provide")
+							})]
+						}), !V && Z && /* @__PURE__ */ A(r, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-primary ttw:hover:text-primary",
+							onClick: () => H(!0),
+							children: R._("Edit")
+						})]
+					}), V && G ? /* @__PURE__ */ A(C, {
+						product: G,
+						handleClose: () => H(!1),
+						onUpdate: (e) => {
+							F?.(e), H(!1);
+						}
+					}) : /* @__PURE__ */ j("ul", {
+						className: "ttw:list-none",
+						children: [
+							/* @__PURE__ */ A(w, {
+								label: R._("{type} name", { type: J ? "Product" : "Service" }),
+								value: G?.name ?? "-"
+							}),
+							/* @__PURE__ */ A(w, {
+								label: R._("Price per unit"),
+								value: G?.price ? B(G.price.value, G.price.currency) : "-"
+							}),
+							/* @__PURE__ */ A(w, {
+								label: R._("Description"),
+								value: G?.description || "-",
+								isLast: !0
+							})
+						]
+					})]
+				})
+			})]
+		})
+	}), i && U && /* @__PURE__ */ A(S, {
+		id: i,
+		open: U,
+		onClose: () => W(!1),
+		onDeleted: (e) => {
+			P?.(), I?.(e), W(!1);
+		}
+	})] }) : /* @__PURE__ */ A(a, {
+		open: N,
+		onOpenChange: P,
+		children: /* @__PURE__ */ A(s, {
+			showCloseButton: !0,
+			className: "ttw:gap-0",
+			children: /* @__PURE__ */ A("div", {
+				className: "ttw:w-3/4 ttw:m-auto ttw:p-4",
+				children: /* @__PURE__ */ A(b, {})
+			})
+		})
+	});
 };
 //#endregion
-export { f as Products };
+export { N as ProductDetails };

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

@@ -1,4 +1,104 @@
-import "./index547.js";
-import "./index551.js";
-import "./index552.js";
-import "./index553.js";
+import { applyAPIValidationErrors as e, parseAPIValidationErrors as t } from "./index26.js";
+import { useCurrencies as n } from "./index62.js";
+import { Button as r } from "./index55.js";
+import "./index224.js";
+import { MoniteScopedProviders as i } from "./index243.js";
+import { Sheet as a, SheetClose as o, SheetContent as s, SheetDescription as c, SheetFooter as l, SheetHeader as u, SheetTitle as d } from "./index49.js";
+import { LoadingSpinner as f } from "./index50.js";
+import "./index51.js";
+import { getProductValidationSchema as p } from "./index474.js";
+import { useCreateProduct as m } from "./index482.js";
+import "./index487.js";
+import { PRODUCT_API_FIELD_MAP as h } from "./index546.js";
+import { ProductFormContent as g } from "./index550.js";
+import { useCallback as _, useId as v, useMemo as y } from "react";
+import { jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useLingui as S } from "@lingui/react";
+import { FormProvider as C, useForm as w } from "react-hook-form";
+import { zodResolver as T } from "@hookform/resolvers/zod";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index554.js
+var E = (e) => /* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(D, { ...e }) }), D = ({ onClose: i, open: E, onCreated: D }) => {
+	let { i18n: O } = S(), { formatToMinorUnits: k } = n(), A = `product-form-${v()}`, { mutate: j, isPending: M } = m(D), N = y(() => ({
+		name: "",
+		type: "product",
+		measureUnitId: "",
+		pricePerUnit: void 0,
+		currency: "USD",
+		description: void 0
+	}), []), { watch: P, ...F } = w({
+		resolver: T(p(O)),
+		defaultValues: N
+	}), I = P("type"), L = !!P("name")?.trim() && P("pricePerUnit") !== void 0, R = _((n) => {
+		n.preventDefault(), n.stopPropagation(), F.handleSubmit((n) => {
+			j({ body: {
+				name: n.name,
+				type: n.type,
+				price: {
+					value: k(n.pricePerUnit, n.currency) ?? 0,
+					currency: n.currency
+				},
+				description: n.description,
+				...n.measureUnitId ? { measure_unit_id: n.measureUnitId } : {}
+			} }, { onError: (n) => {
+				e(F.setError, t(n), { fieldMap: h });
+			} });
+		})(n);
+	}, [
+		j,
+		k,
+		F.handleSubmit,
+		F.setError
+	]);
+	return /* @__PURE__ */ b(a, {
+		open: E,
+		onOpenChange: i,
+		children: /* @__PURE__ */ x(s, {
+			className: "ttw:gap-0",
+			children: [
+				/* @__PURE__ */ x(u, {
+					className: "ttw:border-b ttw:border-border",
+					children: [/* @__PURE__ */ b(d, {
+						className: "ttw:text-2xl",
+						children: O._("Add a product or service")
+					}), /* @__PURE__ */ b(c, {
+						className: "ttw:max-w-130",
+						children: O._("Save the products and services you sell so you can quickly add them as line items on invoices.")
+					})]
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto",
+					children: /* @__PURE__ */ b(C, {
+						...F,
+						watch: P,
+						children: /* @__PURE__ */ b("form", {
+							id: A,
+							onSubmit: R,
+							children: /* @__PURE__ */ b(g, { isLoading: M })
+						})
+					})
+				}),
+				/* @__PURE__ */ x(l, {
+					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
+					children: [/* @__PURE__ */ b(o, {
+						asChild: !0,
+						children: /* @__PURE__ */ b(r, {
+							variant: "outline",
+							disabled: M,
+							className: "ttw:flex-1 ttw:border-border",
+							children: O._("Cancel")
+						})
+					}), /* @__PURE__ */ x(r, {
+						type: "submit",
+						form: A,
+						className: "ttw:flex-1",
+						title: O._("Complete the form to continue"),
+						disabled: M || !L,
+						children: [M && /* @__PURE__ */ b(f, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), O._("Save {type}", { type: I })]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { E as CreateProduct };

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

@@ -1,24 +1,46 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { Box as t, useTheme as n } from "@mui/material";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { MoniteScopedProviders as t } from "./index243.js";
+import { useUserPermissions as n } from "./index118.js";
+import { AccessRestriction as r } from "./index253.js";
+import "./index255.js";
+import { ProductsTable as i } from "./index549.js";
+import { ProductDetails as a } from "./index553.js";
+import { CreateProduct as o } from "./index554.js";
+import { useCallback as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index555.js
-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
-	});
+var f = (e) => /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(p, { ...e }) }), p = ({ pageTitleComponent: t }) => {
+	let f = n().has(e.InvoiceReadOrg), [p, m] = c(void 0), [h, g] = c(!1), _ = s((e) => {
+		m(e);
+	}, []), v = s(() => {
+		m(void 0);
+	}, []), y = s(() => {
+		g(!1);
+	}, []), b = s(() => {
+		g(!0);
+	}, []), x = s((e) => {
+		m(e);
+	}, []);
+	return /* @__PURE__ */ d(l, { children: [
+		t(/* @__PURE__ */ u(l, {})),
+		!f && /* @__PURE__ */ u(r, {}),
+		f && /* @__PURE__ */ u(i, {
+			onRowClick: _,
+			onDeleted: x,
+			openCreateModal: b
+		}),
+		h && /* @__PURE__ */ u(o, {
+			open: !0,
+			onClose: y,
+			onCreated: y
+		}),
+		!!p && p && /* @__PURE__ */ u(a, {
+			id: p,
+			open: !0,
+			onClose: v
+		})
+	] });
 };
 //#endregion
-export { r as FinanceBannerWrapper };
+export { f as Products };

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

@@ -1,77 +1,4 @@
-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/index556.js
-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 { s as FinanceFaqDetails };
+import "./index549.js";
+import "./index553.js";
+import "./index554.js";
+import "./index555.js";

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

@@ -1,19 +1,24 @@
-import { Dialog as e } from "./index235.js";
-import "./index236.js";
-import { FinanceFaqDetails as t } from "./index556.js";
-import { useState as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+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 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, {})
-	})] });
+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 { o as FinanceFaqWrapper };
+export { r as FinanceBannerWrapper };

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

@@ -1,22 +1,77 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { Box as t, useTheme as n } from "@mui/material";
+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/index558.js
-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
-		} })
+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 FinanceProgressBar };
+export { s as FinanceFaqDetails };

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

@@ -1,8 +1,19 @@
-import { useMoniteContext as e } from "./index46.js";
+import { Dialog as e } from "./index236.js";
+import "./index237.js";
+import { FinanceFaqDetails as t } from "./index558.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/index559.js
-var t = () => {
-	let { api: t } = e();
-	return t.finops.getFinancingOffers.useQuery();
+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 { t as useGetFinanceOffers };
+export { o as FinanceFaqWrapper };

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

@@ -1,12 +1,22 @@
-import { useMoniteContext as e } from "./index46.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
+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/index560.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 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 { r as useGetFinancingConnectToken };
+export { r as FinanceProgressBar };