@gatewaze/admin-embed 0.1.0

package/dist/NewsletterSetupWizard-BqV6-fa5.js

@@ -0,0 +1,347 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { d as n } from "./shim-BCerG8nb.js";
+import { t as r } from "./jsx-runtime-CjozyJt-.js";
+import { D as i, E as a, a as o } from "./ui-DRIo9Krs.js";
+import { a as s } from "./hooks-C377EXJG.js";
+import { n as c } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as l } from "./outline-DwDYhYcF.js";
+//#region ../../../gatewaze-modules/modules/newsletters/admin/components/NewsletterSetupWizard.tsx
+var u = /* @__PURE__ */ e(t()), d = l(), f = r();
+function p(e) {
+	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+var m = [
+	{
+		id: "basics",
+		label: "Basics",
+		icon: d.PaintBrushIcon
+	},
+	{
+		id: "sender",
+		label: "Sender",
+		icon: d.EnvelopeIcon
+	},
+	{
+		id: "list",
+		label: "List",
+		icon: d.QueueListIcon
+	}
+], h = [
+	"#00a2c7",
+	"#0e7490",
+	"#059669",
+	"#7c3aed",
+	"#dc2626",
+	"#ea580c",
+	"#d97706",
+	"#2563eb",
+	"#4f46e5",
+	"#be185d"
+];
+function g({ isOpen: e = !0, onClose: t } = {}) {
+	let r = s(), [l, g] = (0, u.useState)(0), [_, v] = (0, u.useState)(!1), [y, b] = (0, u.useState)([]), [x, S] = (0, u.useState)([]), [C, w] = (0, u.useState)({
+		name: "",
+		slug: "",
+		description: "",
+		content_category: "",
+		accent_color: "#00a2c7",
+		from_name: "",
+		from_email: "",
+		reply_to: "",
+		list_id: ""
+	});
+	(0, u.useEffect)(() => {
+		n.from("lists").select("id, name, slug").eq("is_active", !0).order("name").then(({ data: e }) => b(e || [])).catch(() => {}), n.from("platform_settings").select("value").eq("key", "content_categories").maybeSingle().then(({ data: e }) => {
+			if (e?.value) try {
+				S(JSON.parse(e.value));
+			} catch {}
+		});
+	}, []);
+	let T = (e, t) => {
+		w((n) => ({
+			...n,
+			[e]: t,
+			...e === "name" && !n.slug ? { slug: p(t) } : {}
+		}));
+	}, E = () => {
+		switch (l) {
+			case 0: return C.name.trim().length > 0;
+			case 1: return C.from_name.trim().length > 0 && C.from_email.trim().length > 0;
+			case 2: return !0;
+			default: return !1;
+		}
+	}, D = async () => {
+		v(!0);
+		try {
+			let { data: e, error: t } = await n.from("newsletters_template_collections").insert({
+				name: C.name,
+				slug: C.slug || p(C.name),
+				description: C.description || null,
+				content_category: C.content_category || null,
+				accent_color: C.accent_color,
+				from_name: C.from_name,
+				from_email: C.from_email,
+				reply_to: C.reply_to || null,
+				list_id: C.list_id || null,
+				setup_complete: !0
+			}).select().single();
+			if (t) throw t;
+			let { error: i } = await n.from("templates_libraries").insert({
+				id: e.id,
+				host_kind: "newsletter",
+				host_id: e.id,
+				name: C.name,
+				description: C.description || null,
+				theme_kind: "email"
+			});
+			if (i) throw console.error("[newsletter-setup] templates_libraries insert failed:", i), Error(`Failed to provision template library for newsletter: ${i.message}`);
+			for (let t of [
+				"header",
+				"content_section",
+				"ai_section",
+				"footer"
+			]) await n.from("templates_block_defs").insert({
+				library_id: e.id,
+				key: t,
+				name: t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
+				description: null,
+				source_kind: "static",
+				html: "",
+				rich_text_template: "",
+				has_bricks: !1,
+				schema: {},
+				version: 1,
+				is_current: !0,
+				render_kind: "react-email",
+				component_id: t
+			});
+			try {
+				let { data: t } = await n.auth.getSession(), r = t.session?.access_token, i = globalThis.__GATEWAZE_CONFIG__.VITE_API_URL ?? "", a = await fetch(`${i}/api/admin/newsletters/collections/${e.id}/init-repo`, {
+					method: "POST",
+					credentials: "include",
+					headers: {
+						"Content-Type": "application/json",
+						...r ? { Authorization: `Bearer ${r}` } : {}
+					}
+				});
+				if (a.ok) {
+					let e = await a.json().catch(() => null);
+					e?.kind === "initialised" ? c.success("Boilerplate cloned to internal git repo") : e?.kind === "failed" && c.warning(`Boilerplate clone deferred: ${e.message ?? "unknown"}`);
+				}
+			} catch (e) {
+				console.warn("[wizard] init-repo failed:", e);
+			}
+			c.success(`Newsletter "${C.name}" created!`), r(`/newsletters/${e.slug}`);
+		} catch (e) {
+			c.error(e.message || "Failed to create newsletter");
+		} finally {
+			v(!1);
+		}
+	}, O = "w-full px-3 py-2 text-sm border border-[var(--gray-a6)] rounded-md bg-[var(--color-surface)] focus:outline-none focus:ring-2 focus:ring-[var(--accent-8)]", k = () => {
+		t ? t() : r("/newsletters");
+	};
+	return /* @__PURE__ */ (0, f.jsx)(o, {
+		isOpen: e,
+		onClose: k,
+		title: "Create Newsletter",
+		size: "xl",
+		footer: /* @__PURE__ */ (0, f.jsxs)("div", {
+			className: "flex items-center justify-between w-full",
+			children: [/* @__PURE__ */ (0, f.jsx)(i, {
+				variant: "outline",
+				onClick: () => l > 0 ? g(l - 1) : k(),
+				disabled: _,
+				children: l === 0 ? "Cancel" : "Back"
+			}), /* @__PURE__ */ (0, f.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, f.jsxs)("span", {
+					className: "text-sm text-[var(--gray-9)]",
+					children: [
+						"Step ",
+						l + 1,
+						" of ",
+						m.length
+					]
+				}), l < m.length - 1 ? /* @__PURE__ */ (0, f.jsx)(i, {
+					variant: "solid",
+					onClick: () => g(l + 1),
+					disabled: !E(),
+					children: "Next"
+				}) : /* @__PURE__ */ (0, f.jsx)(i, {
+					variant: "solid",
+					onClick: D,
+					disabled: _ || !C.name.trim(),
+					children: _ ? "Creating..." : "Create Newsletter"
+				})]
+			})]
+		}),
+		children: /* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("div", {
+			className: "flex items-center gap-2 mb-8",
+			children: m.map((e, t) => {
+				let n = e.icon, r = t === l, i = t < l;
+				return /* @__PURE__ */ (0, f.jsxs)("div", {
+					className: "flex items-center gap-2 flex-1",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("div", {
+							className: `flex items-center justify-center w-8 h-8 rounded-full shrink-0 ${i ? "bg-green-500 text-white" : r ? "bg-[var(--accent-9)] text-white" : "bg-[var(--gray-a4)] text-[var(--gray-9)]"}`,
+							children: i ? /* @__PURE__ */ (0, f.jsx)(d.CheckIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, f.jsx)(n, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ (0, f.jsx)("span", {
+							className: `text-sm font-medium ${r ? "text-[var(--gray-12)]" : "text-[var(--gray-9)]"}`,
+							children: e.label
+						}),
+						t < m.length - 1 && /* @__PURE__ */ (0, f.jsx)("div", { className: "flex-1 h-px bg-[var(--gray-a5)]" })
+					]
+				}, e.id);
+			})
+		}), /* @__PURE__ */ (0, f.jsxs)(a, {
+			variant: "surface",
+			className: "p-6 mb-6",
+			children: [
+				l === 0 && /* @__PURE__ */ (0, f.jsxs)("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("h2", {
+							className: "text-lg font-semibold text-[var(--gray-12)]",
+							children: "Newsletter Basics"
+						}),
+						/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+							children: "Newsletter Name *"
+						}), /* @__PURE__ */ (0, f.jsx)("input", {
+							value: C.name,
+							onChange: (e) => T("name", e.target.value),
+							className: O,
+							placeholder: "EXAMPLE Weekly"
+						})] }),
+						/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+							children: "Slug"
+						}), /* @__PURE__ */ (0, f.jsx)("input", {
+							value: C.slug,
+							onChange: (e) => T("slug", p(e.target.value)),
+							className: `${O} font-mono`,
+							placeholder: "example-weekly"
+						})] }),
+						/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+							children: "Description"
+						}), /* @__PURE__ */ (0, f.jsx)("textarea", {
+							value: C.description,
+							onChange: (e) => T("description", e.target.value),
+							className: O,
+							rows: 2,
+							placeholder: "Weekly updates from the EXAMPLE community"
+						})] }),
+						x.length > 0 && /* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+							children: "Content Category"
+						}), /* @__PURE__ */ (0, f.jsxs)("select", {
+							value: C.content_category,
+							onChange: (e) => T("content_category", e.target.value),
+							className: O,
+							children: [/* @__PURE__ */ (0, f.jsx)("option", {
+								value: "",
+								children: "No category"
+							}), x.map((e) => /* @__PURE__ */ (0, f.jsx)("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))]
+						})] }),
+						/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-2",
+							children: "Accent Color"
+						}), /* @__PURE__ */ (0, f.jsx)("div", {
+							className: "flex gap-2",
+							children: h.map((e) => /* @__PURE__ */ (0, f.jsx)("button", {
+								onClick: () => T("accent_color", e),
+								className: `w-8 h-8 rounded-full border-2 transition-transform ${C.accent_color === e ? "border-[var(--gray-12)] scale-110" : "border-transparent"}`,
+								style: { backgroundColor: e }
+							}, e))
+						})] })
+					]
+				}),
+				l === 1 && /* @__PURE__ */ (0, f.jsxs)("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("h2", {
+							className: "text-lg font-semibold text-[var(--gray-12)]",
+							children: "Sender Identity"
+						}),
+						/* @__PURE__ */ (0, f.jsx)("p", {
+							className: "text-sm text-[var(--gray-9)]",
+							children: "This is how your newsletter will appear in recipients' inboxes."
+						}),
+						/* @__PURE__ */ (0, f.jsxs)("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+								className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+								children: "From Name *"
+							}), /* @__PURE__ */ (0, f.jsx)("input", {
+								value: C.from_name,
+								onChange: (e) => T("from_name", e.target.value),
+								className: O,
+								placeholder: "EXAMPLE Newsletter"
+							})] }), /* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+								className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+								children: "From Email *"
+							}), /* @__PURE__ */ (0, f.jsx)("input", {
+								type: "email",
+								value: C.from_email,
+								onChange: (e) => T("from_email", e.target.value),
+								className: O,
+								placeholder: "newsletter@example.io"
+							})] })]
+						}),
+						/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+							children: "Reply-To Email"
+						}), /* @__PURE__ */ (0, f.jsx)("input", {
+							type: "email",
+							value: C.reply_to,
+							onChange: (e) => T("reply_to", e.target.value),
+							className: O,
+							placeholder: "hello@example.io"
+						})] })
+					]
+				}),
+				l === 2 && /* @__PURE__ */ (0, f.jsxs)("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("h2", {
+							className: "text-lg font-semibold text-[var(--gray-12)]",
+							children: "Subscription List"
+						}),
+						/* @__PURE__ */ (0, f.jsx)("p", {
+							className: "text-sm text-[var(--gray-9)]",
+							children: "Link a subscription list to manage who receives this newsletter."
+						}),
+						y.length > 0 ? /* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)("label", {
+							className: "block text-sm font-medium text-[var(--gray-11)] mb-1",
+							children: "Select List"
+						}), /* @__PURE__ */ (0, f.jsxs)("select", {
+							value: C.list_id,
+							onChange: (e) => T("list_id", e.target.value),
+							className: O,
+							children: [/* @__PURE__ */ (0, f.jsx)("option", {
+								value: "",
+								children: "No list (configure later)"
+							}), y.map((e) => /* @__PURE__ */ (0, f.jsx)("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] }) : /* @__PURE__ */ (0, f.jsx)("div", {
+							className: "p-4 bg-[var(--gray-a2)] rounded-lg",
+							children: /* @__PURE__ */ (0, f.jsx)("p", {
+								className: "text-sm text-[var(--gray-11)]",
+								children: "No subscription lists available. You can create one in the Lists section and link it later."
+							})
+						})
+					]
+				})
+			]
+		})] })
+	});
+}
+//#endregion
+export { g as default };

package/dist/NewsletterSignup-DRVZIpOs.js

@@ -0,0 +1,224 @@
+import { c as e, n as t, t as n } from "./react-DB2tPNit.js";
+import { t as r } from "./jsx-runtime-CjozyJt-.js";
+import { n as i, t as a } from "./brand-DklYwIeA.js";
+//#region \0stub:/Users/dan/Git/gatewaze/gw-embed-build/packages/admin/src/hooks/useAuth
+var o = /* @__PURE__ */ t(((e, t) => {
+	t.exports = {};
+})), s = a(), c = o(), l = /* @__PURE__ */ e(n()), u = i(), d = r();
+function f() {
+	let [e, t] = (0, l.useState)(null);
+	return (0, l.useEffect)(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let { data: n } = await (0, u.getSupabaseClient)().from("platform_settings").select("value").eq("key", "newsletter_consent_html").maybeSingle();
+				!e && n?.value && n.value.trim() && t(n.value.trim());
+			} catch {}
+		})(), () => {
+			e = !0;
+		};
+	}, []), e ? /* @__PURE__ */ (0, d.jsx)("p", {
+		className: "pub-nl-consent",
+		style: {
+			color: "var(--ink-3)",
+			fontSize: 12,
+			lineHeight: 1.55,
+			marginTop: 10,
+			maxWidth: "52ch"
+		},
+		dangerouslySetInnerHTML: { __html: e }
+	}) : null;
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/portal/components/NewsletterSignup.tsx
+var p = () => `${(0, s.getClientBrandConfig)().supabaseUrl}/functions/v1/newsletter-signup`;
+function m(e) {
+	let { user: t, session: n } = (0, c.useAuth)(), [r, i] = (0, l.useState)(void 0), [a, o] = (0, l.useState)("idle"), u = (0, l.useRef)(n);
+	return u.current = n, (0, l.useEffect)(() => {
+		let n = !1;
+		if (!t) {
+			i(null);
+			return;
+		}
+		return i(void 0), (async () => {
+			try {
+				let t = (0, s.getClientBrandConfig)(), r = u.current?.access_token;
+				if (!r) {
+					n || i((e) => e ?? {
+						subscribed: !1,
+						email: null
+					});
+					return;
+				}
+				let a = await fetch(p(), {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						apikey: t.supabaseAnonKey,
+						Authorization: `Bearer ${r}`
+					},
+					body: JSON.stringify({
+						action: "status",
+						collection: e
+					})
+				}), o = a.ok ? await a.json().catch(() => null) : null;
+				if (n) return;
+				o && typeof o.subscribed == "boolean" ? i(o) : i((e) => e ?? {
+					subscribed: !1,
+					email: null
+				});
+			} catch {
+				n || i((e) => e ?? {
+					subscribed: !1,
+					email: null
+				});
+			}
+		})(), () => {
+			n = !0;
+		};
+	}, [t?.id, e]), {
+		user: t,
+		sub: r,
+		setSub: i,
+		unsubState: a,
+		setUnsubState: o,
+		unsubscribe: async () => {
+			let t = u.current?.access_token;
+			if (t) {
+				o("working");
+				try {
+					let n = (0, s.getClientBrandConfig)();
+					if (!(await fetch(p(), {
+						method: "POST",
+						headers: {
+							"Content-Type": "application/json",
+							apikey: n.supabaseAnonKey,
+							Authorization: `Bearer ${t}`
+						},
+						body: JSON.stringify({
+							action: "unsubscribe",
+							collection: e
+						})
+					})).ok) throw Error();
+					o("done"), i({
+						subscribed: !1,
+						email: null
+					});
+				} catch {
+					o("error");
+				}
+			}
+		}
+	};
+}
+function h({ sub: e, unsubState: t, unsubscribe: n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		className: "pub-nl-substate",
+		children: [
+			/* @__PURE__ */ (0, d.jsxs)("p", {
+				className: "pub-nl-signup-msg ok",
+				style: { margin: "14px 0 10px" },
+				children: [
+					"✓ You’re subscribed",
+					e.email ? /* @__PURE__ */ (0, d.jsxs)(d.Fragment, { children: [" as ", /* @__PURE__ */ (0, d.jsx)("strong", { children: e.email })] }) : null,
+					"."
+				]
+			}),
+			/* @__PURE__ */ (0, d.jsx)("button", {
+				type: "button",
+				className: "pub-nl-unsub-btn",
+				onClick: n,
+				disabled: t === "working",
+				children: t === "working" ? "Unsubscribing…" : "Unsubscribe"
+			}),
+			t === "error" && /* @__PURE__ */ (0, d.jsx)("p", {
+				className: "pub-nl-signup-msg err",
+				children: "Couldn’t unsubscribe right now — please try again."
+			})
+		]
+	});
+}
+function g({ collectionSlug: e, subscription: t }) {
+	let n = m(e), { user: r, sub: i, setSub: a, unsubState: o, unsubscribe: c } = t ?? n, [u, g] = (0, l.useState)(""), [_, v] = (0, l.useState)("idle");
+	return (0, l.useEffect)(() => {
+		r?.email && g((e) => e || r.email);
+	}, [r?.email]), i?.subscribed ? /* @__PURE__ */ (0, d.jsx)(h, {
+		sub: i,
+		unsubState: o,
+		unsubscribe: c
+	}) : _ === "done" ? /* @__PURE__ */ (0, d.jsx)("p", {
+		className: "pub-nl-signup-msg ok",
+		style: { marginTop: 14 },
+		children: "Thanks — you’re subscribed. Watch your inbox for the next edition."
+	}) : /* @__PURE__ */ (0, d.jsxs)(d.Fragment, { children: [
+		o === "done" && /* @__PURE__ */ (0, d.jsx)("p", {
+			className: "pub-nl-signup-msg",
+			style: { marginTop: 10 },
+			children: "You’ve been unsubscribed. Changed your mind? Subscribe again below."
+		}),
+		/* @__PURE__ */ (0, d.jsxs)("form", {
+			onSubmit: async (t) => {
+				t.preventDefault();
+				let n = u.trim();
+				if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(n)) {
+					v("invalid");
+					return;
+				}
+				v("submitting");
+				try {
+					let t = (0, s.getClientBrandConfig)();
+					if (!(await fetch(p(), {
+						method: "POST",
+						headers: {
+							"Content-Type": "application/json",
+							apikey: t.supabaseAnonKey,
+							Authorization: `Bearer ${t.supabaseAnonKey}`
+						},
+						body: JSON.stringify({
+							email: n,
+							collection: e
+						})
+					})).ok) throw Error();
+					v("done"), r || g(""), a((e) => e === null ? null : {
+						subscribed: !0,
+						email: n.toLowerCase()
+					});
+				} catch {
+					v("error");
+				}
+			},
+			className: "pub-nl-signup",
+			children: [
+				/* @__PURE__ */ (0, d.jsx)("input", {
+					type: "email",
+					inputMode: "email",
+					autoComplete: "email",
+					value: u,
+					onChange: (e) => {
+						g(e.target.value), (_ === "invalid" || _ === "error") && v("idle");
+					},
+					placeholder: "Email address",
+					"aria-label": "Email address",
+					className: "pub-nl-signup-input"
+				}),
+				/* @__PURE__ */ (0, d.jsx)("button", {
+					type: "submit",
+					className: "pub-nl-signup-btn",
+					disabled: _ === "submitting",
+					children: _ === "submitting" ? "Subscribing…" : "Subscribe"
+				}),
+				_ === "invalid" && /* @__PURE__ */ (0, d.jsx)("p", {
+					className: "pub-nl-signup-msg err",
+					children: "Please enter a valid email address."
+				}),
+				_ === "error" && /* @__PURE__ */ (0, d.jsx)("p", {
+					className: "pub-nl-signup-msg err",
+					children: "Couldn’t subscribe right now — please try again."
+				})
+			]
+		}),
+		/* @__PURE__ */ (0, d.jsx)(f, {})
+	] });
+}
+//#endregion
+export { f as i, h as n, m as r, g as t };

package/dist/Page-D3u8IZ2a.js

@@ -0,0 +1,14 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { t as n } from "./jsx-runtime-CjozyJt-.js";
+import { A as r, L as i } from "./ui-DRIo9Krs.js";
+//#region src/components/shared/Page.tsx
+var a = /* @__PURE__ */ e(t()), o = n();
+function s({ title: e = "", component: t, children: n, ...s }) {
+	let c = t || a.Fragment;
+	return i(`${e} - ${r}`), /* @__PURE__ */ (0, o.jsx)(c, {
+		...s,
+		children: n
+	});
+}
+//#endregion
+export { s as t };

package/dist/Toaster-Cde0i6IA.js

@@ -0,0 +1,18 @@
+import { t as e } from "./jsx-runtime-CjozyJt-.js";
+import { t } from "./sonnerHostBridge-CXuCMM3R.js";
+import { i as n, t as r } from "./theme-D6odw5nx.js";
+//#region src/components/template/Toaster.tsx
+var i = e();
+function a() {
+	let { isDark: e, notification: a } = n();
+	return /* @__PURE__ */ (0, i.jsx)(t.Toaster, {
+		theme: e ? "dark" : "light",
+		offset: "16px",
+		position: a?.position || r?.notification?.position,
+		expand: a?.isExpanded || r?.notification?.isExpanded,
+		visibleToasts: a?.visibleToasts || r?.notification?.visibleToasts,
+		richColors: !0
+	});
+}
+//#endregion
+export { a as default };