@tesouro/embedded-components-react 0.5.160 → 0.5.163

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

@@ -1,41 +1,18 @@
-import { cn as e } from "./index48.js";
-import { isBillOverdue as t } from "./index229.js";
-import { Badge as n } from "./index228.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
-import { cva as a } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index230.js
-function o(e) {
-	return e === "waiting_to_be_paid" || e === "partially_paid" ? "ready_to_pay" : e === "new" || e === "draft" ? "draft" : e === "approve_in_progress" ? "pending_approval" : e === "rejected" ? "rejected" : e === "paid" ? "paid" : "cancelled";
+var e = /* @__PURE__ */ new Set([
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
+]);
+function t(t, n) {
+	if (n && e.has(t)) {
+		let e = /* @__PURE__ */ new Date();
+		e.setUTCHours(0, 0, 0, 0);
+		let t = new Date(n);
+		return t.setUTCHours(0, 0, 0, 0), t.getTime() < e.getTime();
+	}
+	return !1;
 }
-function s(e, t, n) {
-	let r = {
-		overdue: e._("Overdue"),
-		ready_to_pay: e._("Ready to pay"),
-		pending_approval: e._("Pending approval"),
-		rejected: e._("Rejected"),
-		draft: e._("New"),
-		paid: e._("Paid"),
-		cancelled: e._("Cancelled")
-	};
-	return n ? r.overdue : r[t];
-}
-var c = a("", { variants: { variant: {
-	overdue: "ttw:bg-red-100 ttw:text-red-700",
-	ready_to_pay: "ttw:bg-green-100 ttw:text-green-700",
-	pending_approval: "ttw:bg-blue-100 ttw:text-blue-700",
-	rejected: "ttw:bg-orange-100 ttw:text-orange-700",
-	draft: "ttw:bg-neutral-100 ttw:text-neutral-700",
-	paid: "ttw:bg-white ttw:text-green-700",
-	cancelled: "ttw:bg-white ttw:text-neutral-400"
-} } }), l = ({ status: a, dueDate: l, className: u, showBadgeBackground: d = !0, showOverdueBadge: f = !1, ref: p }) => {
-	let { i18n: m } = i(), h = t(a, l), g = o(a), _ = g === "paid", v = !_ && d;
-	return /* @__PURE__ */ r(n, {
-		ref: p,
-		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: h ? "overdue" : g }), !d && !_ && "ttw:text-zinc-950!", u),
-		showBadgeBackground: v,
-		children: s(m, g, f)
-	});
-};
 //#endregion
-export { l as PayableStatusChip };
+export { t as isBillOverdue };

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

@@ -1,8 +1,41 @@
-import { useMoniteContext as e } from "./index46.js";
+import { cn as e } from "./index48.js";
+import { isBillOverdue as t } from "./index230.js";
+import { Badge as n } from "./index229.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
+import { cva as a } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index231.js
-var t = (t) => {
-	let { api: n } = e();
-	return n.finops.getCounterpartsIdBankAccounts.useQuery({ path: { counterpart_id: t ?? "" } }, { enabled: !!t });
+function o(e) {
+	return e === "waiting_to_be_paid" || e === "partially_paid" ? "ready_to_pay" : e === "new" || e === "draft" ? "draft" : e === "approve_in_progress" ? "pending_approval" : e === "rejected" ? "rejected" : e === "paid" ? "paid" : "cancelled";
+}
+function s(e, t, n) {
+	let r = {
+		overdue: e._("Overdue"),
+		ready_to_pay: e._("Ready to pay"),
+		pending_approval: e._("Pending approval"),
+		rejected: e._("Rejected"),
+		draft: e._("New"),
+		paid: e._("Paid"),
+		cancelled: e._("Cancelled")
+	};
+	return n ? r.overdue : r[t];
+}
+var c = a("", { variants: { variant: {
+	overdue: "ttw:bg-red-100 ttw:text-red-700",
+	ready_to_pay: "ttw:bg-green-100 ttw:text-green-700",
+	pending_approval: "ttw:bg-blue-100 ttw:text-blue-700",
+	rejected: "ttw:bg-orange-100 ttw:text-orange-700",
+	draft: "ttw:bg-neutral-100 ttw:text-neutral-700",
+	paid: "ttw:bg-white ttw:text-green-700",
+	cancelled: "ttw:bg-white ttw:text-neutral-400"
+} } }), l = ({ status: a, dueDate: l, className: u, showBadgeBackground: d = !0, showOverdueBadge: f = !1, ref: p }) => {
+	let { i18n: m } = i(), h = t(a, l), g = o(a), _ = g === "paid", v = !_ && d;
+	return /* @__PURE__ */ r(n, {
+		ref: p,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: h ? "overdue" : g }), !d && !_ && "ttw:text-zinc-950!", u),
+		showBadgeBackground: v,
+		children: s(m, g, f)
+	});
 };
 //#endregion
-export { t as useCounterpartsBankAccountsList };
+export { l as PayableStatusChip };

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

@@ -1,26 +1,8 @@
-import { useRootElements as e } from "./index211.js";
-import "./index212.js";
-import { useState as t } from "react";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import r from "@emotion/cache";
-import { CacheProvider as i } from "@emotion/react";
+import { useMoniteContext as e } from "./index46.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index232.js
-var a = ({ cacheKey: e, container: t, prebuiltStylesheet: n = !1 }) => {
-	let i = r({
-		key: e,
-		container: t
-	});
-	return n && (i.compat = !0), i;
-}, o = ({ cacheKey: r, prebuiltStylesheet: o = !1, children: s }) => {
-	let c = e(), [l] = t(() => a({
-		cacheKey: r,
-		container: c.styles,
-		prebuiltStylesheet: o
-	}));
-	return /* @__PURE__ */ n(i, {
-		value: l,
-		children: s
-	});
+var t = (t) => {
+	let { api: n } = e();
+	return n.finops.getCounterpartsIdBankAccounts.useQuery({ path: { counterpart_id: t ?? "" } }, { enabled: !!t });
 };
 //#endregion
-export { o as EmotionCacheProvider, a as createEmotionCache };
+export { t as useCounterpartsBankAccountsList };

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

@@ -1,19 +1,26 @@
-import { useMoniteContext as e } from "./index46.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { I18nProvider as n } from "@lingui/react";
-import { LocalizationProvider as r } from "@mui/x-date-pickers";
-import { AdapterDateFns as i } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { useRootElements as e } from "./index212.js";
+import "./index213.js";
+import { useState as t } from "react";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import r from "@emotion/cache";
+import { CacheProvider as i } from "@emotion/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index233.js
-var a = ({ children: a }) => {
-	let { i18n: o, dateFnsLocale: s } = e();
-	return /* @__PURE__ */ t(n, {
-		i18n: o,
-		children: /* @__PURE__ */ t(r, {
-			dateAdapter: i,
-			adapterLocale: s,
-			children: a
-		})
-	}, o.locale);
+var a = ({ cacheKey: e, container: t, prebuiltStylesheet: n = !1 }) => {
+	let i = r({
+		key: e,
+		container: t
+	});
+	return n && (i.compat = !0), i;
+}, o = ({ cacheKey: r, prebuiltStylesheet: o = !1, children: s }) => {
+	let c = e(), [l] = t(() => a({
+		cacheKey: r,
+		container: c.styles,
+		prebuiltStylesheet: o
+	}));
+	return /* @__PURE__ */ n(i, {
+		value: l,
+		children: s
+	});
 };
 //#endregion
-export { a as MoniteI18nProvider };
+export { o as EmotionCacheProvider, a as createEmotionCache };

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

@@ -1,76 +1,19 @@
-import { ScopedCssBaselineContainerClassName as e } from "./index30.js";
-import { generatePayablesButtonCssVars as t } from "./index43.js";
-import { useMoniteContext as n } from "./index46.js";
-import { useRootElements as r } from "./index211.js";
-import "./index212.js";
-import { createContext as i, forwardRef as a, useContext as o, useMemo as s } from "react";
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { Dialog as l, Fade as u, Slide as d } from "@mui/material";
+import { useMoniteContext as e } from "./index46.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { I18nProvider as n } from "@lingui/react";
+import { LocalizationProvider as r } from "@mui/x-date-pickers";
+import { AdapterDateFns as i } from "@mui/x-date-pickers/AdapterDateFnsV3";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js
-var f = a(function(e, t) {
-	let { alignDialog: n, ...r } = e;
-	if (n) {
-		let e;
-		switch (n) {
-			case "left":
-				e = "right";
-				break;
-			case "right": e = "left";
-		}
-		return /* @__PURE__ */ c(d, {
-			direction: e,
-			ref: t,
-			...r
-		});
-	}
-	return /* @__PURE__ */ c(u, {
-		ref: t,
-		...r
-	});
-}), p = i(void 0), m = () => o(p), h = ({ ref: i, ...a }) => {
-	let { alignDialog: o, onClosed: u, ...d } = a, { root: h } = r(), { theme: g } = n(), _ = m(), v = s(() => t(g.components?.styles?.payables?.button), [g.components?.styles?.payables?.button]), y = (e, t) => {
-		t !== "backdropClick" && (t === "escapeKeyDown" && _ && e.stopPropagation?.(), a.onClose?.(e, t));
-	};
-	return /* @__PURE__ */ c(p.Provider, {
-		value: {
-			isDialogContent: !0,
-			onClose: y
-		},
-		children: /* @__PURE__ */ c(l, {
-			ref: i,
-			...d,
-			open: a.open,
-			container: h,
-			TransitionComponent: f,
-			TransitionProps: {
-				alignDialog: o,
-				onExited: u
-			},
-			onClose: y,
-			classes: {
-				container: [
-					e,
-					"Monite-Payables",
-					o && `MuiDialog-container__align-${o}`
-				].filter(Boolean).join(" "),
-				paper: ["Monite-Payables", o && `MuiDialog-paper__align-${o}`].filter(Boolean).join(" ")
-			},
-			sx: {
-				"& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": v,
-				".MuiDialog-container__align-right": { justifyContent: "right" },
-				".MuiDialog-container__align-left": { justifyContent: "left" },
-				".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
-					width: "50%",
-					height: "100%",
-					maxHeight: "none",
-					margin: 0,
-					borderRadius: 0
-				}
-			},
-			slotProps: a.fullScreen ? { backdrop: { style: { background: "none" } } } : {},
-			children: a.children
+var a = ({ children: a }) => {
+	let { i18n: o, dateFnsLocale: s } = e();
+	return /* @__PURE__ */ t(n, {
+		i18n: o,
+		children: /* @__PURE__ */ t(r, {
+			dateAdapter: i,
+			adapterLocale: s,
+			children: a
 		})
-	});
+	}, o.locale);
 };
 //#endregion
-export { h as Dialog, m as useDialog };
+export { a as MoniteI18nProvider };

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

@@ -1 +1,76 @@
-import "./index234.js";
+import { ScopedCssBaselineContainerClassName as e } from "./index30.js";
+import { generatePayablesButtonCssVars as t } from "./index43.js";
+import { useMoniteContext as n } from "./index46.js";
+import { useRootElements as r } from "./index212.js";
+import "./index213.js";
+import { createContext as i, forwardRef as a, useContext as o, useMemo as s } from "react";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { Dialog as l, Fade as u, Slide as d } from "@mui/material";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index235.js
+var f = a(function(e, t) {
+	let { alignDialog: n, ...r } = e;
+	if (n) {
+		let e;
+		switch (n) {
+			case "left":
+				e = "right";
+				break;
+			case "right": e = "left";
+		}
+		return /* @__PURE__ */ c(d, {
+			direction: e,
+			ref: t,
+			...r
+		});
+	}
+	return /* @__PURE__ */ c(u, {
+		ref: t,
+		...r
+	});
+}), p = i(void 0), m = () => o(p), h = ({ ref: i, ...a }) => {
+	let { alignDialog: o, onClosed: u, ...d } = a, { root: h } = r(), { theme: g } = n(), _ = m(), v = s(() => t(g.components?.styles?.payables?.button), [g.components?.styles?.payables?.button]), y = (e, t) => {
+		t !== "backdropClick" && (t === "escapeKeyDown" && _ && e.stopPropagation?.(), a.onClose?.(e, t));
+	};
+	return /* @__PURE__ */ c(p.Provider, {
+		value: {
+			isDialogContent: !0,
+			onClose: y
+		},
+		children: /* @__PURE__ */ c(l, {
+			ref: i,
+			...d,
+			open: a.open,
+			container: h,
+			TransitionComponent: f,
+			TransitionProps: {
+				alignDialog: o,
+				onExited: u
+			},
+			onClose: y,
+			classes: {
+				container: [
+					e,
+					"Monite-Payables",
+					o && `MuiDialog-container__align-${o}`
+				].filter(Boolean).join(" "),
+				paper: ["Monite-Payables", o && `MuiDialog-paper__align-${o}`].filter(Boolean).join(" ")
+			},
+			sx: {
+				"& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": v,
+				".MuiDialog-container__align-right": { justifyContent: "right" },
+				".MuiDialog-container__align-left": { justifyContent: "left" },
+				".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
+					width: "50%",
+					height: "100%",
+					maxHeight: "none",
+					margin: 0,
+					borderRadius: 0
+				}
+			},
+			slotProps: a.fullScreen ? { backdrop: { style: { background: "none" } } } : {},
+			children: a.children
+		})
+	});
+};
+//#endregion
+export { h as Dialog, m as useDialog };

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

@@ -1,9 +1 @@
-import { cn as e } from "./index48.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index236.js
-var n = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", r),
-	children: n
-});
-//#endregion
-export { n as CenteredContentBox };
+import "./index235.js";

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

@@ -1 +1,9 @@
-import "./index236.js";
+import { cn as e } from "./index48.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index237.js
+var n = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", r),
+	children: n
+});
+//#endregion
+export { n as CenteredContentBox };

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

@@ -1,35 +1 @@
-import { useMoniteContext as e } from "./index46.js";
-import { useEffect as t, useState as n } from "react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import i from "@mui/icons-material/ArrowBack";
-import a from "@mui/icons-material/Close";
-import o from "@mui/material/IconButton";
-import s from "@mui/material/Tooltip";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index238.js
-var c = ({ icon: c, fallbackIcon: l, tooltip: u, onClick: d = () => {}, onHover: f, onFocus: p, onBlur: m, ariaLabelOverride: h, isDynamic: g = !1, ref: _, ...v }) => {
-	let { componentSettings: y } = e(), b = y?.general?.iconWrapper, [x, S] = n(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
-	t(() => {
-		S(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
-	}, [b.icon, b.fallbackIcon]);
-	let C = (e) => {
-		f?.(e), g && S(/* @__PURE__ */ r(i, {}));
-	}, w = () => {
-		S(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
-	}, T = h || "Icon button", E = () => /* @__PURE__ */ r(o, {
-		ref: _,
-		onClick: d,
-		onMouseEnter: C,
-		onMouseLeave: w,
-		onFocus: (e) => p?.(e),
-		onBlur: (e) => m?.(e),
-		"aria-label": T,
-		...v,
-		children: x
-	});
-	return u ? /* @__PURE__ */ r(s, {
-		title: u,
-		children: E()
-	}) : E();
-};
-//#endregion
-export { c as IconWrapper };
+import "./index237.js";

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

@@ -1 +1,35 @@
-import "./index238.js";
+import { useMoniteContext as e } from "./index46.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import i from "@mui/icons-material/ArrowBack";
+import a from "@mui/icons-material/Close";
+import o from "@mui/material/IconButton";
+import s from "@mui/material/Tooltip";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index239.js
+var c = ({ icon: c, fallbackIcon: l, tooltip: u, onClick: d = () => {}, onHover: f, onFocus: p, onBlur: m, ariaLabelOverride: h, isDynamic: g = !1, ref: _, ...v }) => {
+	let { componentSettings: y } = e(), b = y?.general?.iconWrapper, [x, S] = n(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
+	t(() => {
+		S(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
+	}, [b.icon, b.fallbackIcon]);
+	let C = (e) => {
+		f?.(e), g && S(/* @__PURE__ */ r(i, {}));
+	}, w = () => {
+		S(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
+	}, T = h || "Icon button", E = () => /* @__PURE__ */ r(o, {
+		ref: _,
+		onClick: d,
+		onMouseEnter: C,
+		onMouseLeave: w,
+		onFocus: (e) => p?.(e),
+		onBlur: (e) => m?.(e),
+		"aria-label": T,
+		...v,
+		children: x
+	});
+	return u ? /* @__PURE__ */ r(s, {
+		title: u,
+		children: E()
+	}) : E();
+};
+//#endregion
+export { c as IconWrapper };

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

@@ -1,71 +1 @@
-import { useDialog as e } from "./index234.js";
-import "./index235.js";
-import { CenteredContentBox as t } from "./index236.js";
-import "./index237.js";
-import { IconWrapper as n } from "./index238.js";
 import "./index239.js";
-import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Box as o, Button as s, Grid as c, Stack as l, Typography as u } from "@mui/material";
-import { useLingui as d } from "@lingui/react";
-import f from "@mui/icons-material/Close";
-import p from "@mui/icons-material/Cached";
-import m from "@mui/icons-material/OpenInNew";
-import h from "@mui/icons-material/SearchOff";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index240.js
-var g = (g) => {
-	let _ = e(), { i18n: v } = d(), y = v._("Something went wrong"), b = String(g.error);
-	return /* @__PURE__ */ a(r, { children: [_ && /* @__PURE__ */ a(c, {
-		container: !0,
-		padding: 2,
-		children: [/* @__PURE__ */ i(c, {
-			item: !0,
-			xs: 11
-		}), /* @__PURE__ */ i(c, {
-			item: !0,
-			xs: 1,
-			children: /* @__PURE__ */ i(n, {
-				onClick: _.onClose,
-				color: "inherit",
-				"aria-label": "close",
-				children: /* @__PURE__ */ i(f, {})
-			})
-		})]
-	}), /* @__PURE__ */ i(t, { children: /* @__PURE__ */ a(l, {
-		alignItems: "center",
-		spacing: 2,
-		children: [/* @__PURE__ */ i(o, { children: /* @__PURE__ */ i(h, {
-			fontSize: "large",
-			color: "error"
-		}) }), /* @__PURE__ */ a(l, {
-			alignItems: "center",
-			spacing: 1,
-			children: [
-				/* @__PURE__ */ i(u, {
-					variant: "h3",
-					children: y
-				}),
-				/* @__PURE__ */ i(u, {
-					variant: "body2",
-					children: b
-				}),
-				/* @__PURE__ */ a(l, {
-					spacing: 2,
-					direction: "row",
-					children: [/* @__PURE__ */ i(s, {
-						variant: "contained",
-						onClick: g.resetErrorBoundary,
-						endIcon: /* @__PURE__ */ i(p, { fontSize: "small" }),
-						children: v._("Try again")
-					}), /* @__PURE__ */ i(s, {
-						variant: "outlined",
-						href: "https://docs.monite.com/docs/support",
-						endIcon: /* @__PURE__ */ i(m, { fontSize: "small" }),
-						children: v._("Contact support")
-					})]
-				})
-			]
-		})]
-	}) })] });
-};
-//#endregion
-export { g as Error };

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

@@ -1,27 +1,71 @@
-import { useMoniteContext as e } from "./index46.js";
-import { EmotionCacheProvider as t } from "./index232.js";
-import { MoniteI18nProvider as n } from "./index233.js";
-import { Error as r } from "./index240.js";
-import { createContext as i, useContext as a } from "react";
-import { ErrorBoundary as o } from "react-error-boundary";
-import { Fragment as s, jsx as c } from "@emotion/react/jsx-runtime";
-import { ThemeProvider as l } from "@mui/material";
+import { useDialog as e } from "./index235.js";
+import "./index236.js";
+import { CenteredContentBox as t } from "./index237.js";
+import "./index238.js";
+import { IconWrapper as n } from "./index239.js";
+import "./index240.js";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Box as o, Button as s, Grid as c, Stack as l, Typography as u } from "@mui/material";
+import { useLingui as d } from "@lingui/react";
+import f from "@mui/icons-material/Close";
+import p from "@mui/icons-material/Cached";
+import m from "@mui/icons-material/OpenInNew";
+import h from "@mui/icons-material/SearchOff";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index241.js
-var u = ({ children: i }) => {
-	let u = a(d), { theme: f } = e();
-	return u ? /* @__PURE__ */ c(s, { children: i }) : /* @__PURE__ */ c(d.Provider, {
-		value: !0,
-		children: /* @__PURE__ */ c(t, {
-			cacheKey: "monite-css",
-			children: /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(l, {
-				theme: f,
-				children: /* @__PURE__ */ c(o, {
-					FallbackComponent: r,
-					children: i
+var g = (g) => {
+	let _ = e(), { i18n: v } = d(), y = v._("Something went wrong"), b = String(g.error);
+	return /* @__PURE__ */ a(r, { children: [_ && /* @__PURE__ */ a(c, {
+		container: !0,
+		padding: 2,
+		children: [/* @__PURE__ */ i(c, {
+			item: !0,
+			xs: 11
+		}), /* @__PURE__ */ i(c, {
+			item: !0,
+			xs: 1,
+			children: /* @__PURE__ */ i(n, {
+				onClick: _.onClose,
+				color: "inherit",
+				"aria-label": "close",
+				children: /* @__PURE__ */ i(f, {})
+			})
+		})]
+	}), /* @__PURE__ */ i(t, { children: /* @__PURE__ */ a(l, {
+		alignItems: "center",
+		spacing: 2,
+		children: [/* @__PURE__ */ i(o, { children: /* @__PURE__ */ i(h, {
+			fontSize: "large",
+			color: "error"
+		}) }), /* @__PURE__ */ a(l, {
+			alignItems: "center",
+			spacing: 1,
+			children: [
+				/* @__PURE__ */ i(u, {
+					variant: "h3",
+					children: y
+				}),
+				/* @__PURE__ */ i(u, {
+					variant: "body2",
+					children: b
+				}),
+				/* @__PURE__ */ a(l, {
+					spacing: 2,
+					direction: "row",
+					children: [/* @__PURE__ */ i(s, {
+						variant: "contained",
+						onClick: g.resetErrorBoundary,
+						endIcon: /* @__PURE__ */ i(p, { fontSize: "small" }),
+						children: v._("Try again")
+					}), /* @__PURE__ */ i(s, {
+						variant: "outlined",
+						href: "https://docs.monite.com/docs/support",
+						endIcon: /* @__PURE__ */ i(m, { fontSize: "small" }),
+						children: v._("Contact support")
+					})]
 				})
-			}) })
-		})
-	});
-}, d = i(!1);
+			]
+		})]
+	}) })] });
+};
 //#endregion
-export { u as MoniteScopedProviders };
+export { g as Error };