@gatewaze/admin-embed 0.1.0

package/dist/_id_-CzScE4Qn.js

@@ -0,0 +1,1197 @@
+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 { E as i, d as a, f as o, l as s, n as c, u as l } from "./ui-DRIo9Krs.js";
+import { n as u, t as d } from "./NewsletterCanvasEditor--B06apn3.js";
+import { n as f, t as ee } from "./export-edition-html-C_hdXQu5.js";
+import { a as te, s as ne } from "./hooks-C377EXJG.js";
+import { n as p } from "./lib-CylJmhlJ.js";
+import { n as m } from "./sonnerHostBridge-CXuCMM3R.js";
+import { i as h, t as g } from "./storage-VDSvnkvR.js";
+import "./src-BWDAOzZO.js";
+import { t as _ } from "./outline-DwDYhYcF.js";
+import { t as v } from "./Page-D3u8IZ2a.js";
+import { r as y } from "./EditionEmail-CyhC8232.js";
+import { t as b } from "./useModuleFeature-DgsFIUpv.js";
+import { t as x } from "./contentAccessService-Cs7tdAo-.js";
+import { t as S } from "./edition-slug-CARO24Bs.js";
+//#region src/components/content-access/ContentAccessControl.tsx
+var C = _(), w = /* @__PURE__ */ e(t()), T = r();
+function E({ contentType: e, entityId: t, status: n, onStatusChange: r, draftValue: o = "draft", publishedValue: c = "published", className: u }) {
+	let d = e === "event", f = e === "newsletter_edition", ee = d ? "Registration" : "Who can see this", [te, ne] = (0, w.useState)(!0), [p, m] = (0, w.useState)([]), [h, g] = (0, w.useState)("everyone"), [_, v] = (0, w.useState)(0), [y, b] = (0, w.useState)("minimum"), [S, C] = (0, w.useState)([]), [E, D] = (0, w.useState)(30), [O, k] = (0, w.useState)("idle"), [A, j] = (0, w.useState)(null);
+	(0, w.useEffect)(() => {
+		let n = !0;
+		return (async () => {
+			try {
+				let [r, i] = await Promise.all([x.listTiers(), x.getPolicy(e, t)]);
+				if (!n) return;
+				m(r), M(i);
+			} catch (e) {
+				n && j(e.message);
+			} finally {
+				n && ne(!1);
+			}
+		})(), () => {
+			n = !1;
+		};
+	}, [e, t]);
+	function M(e) {
+		if (!e) {
+			g("everyone"), v(0), b("minimum"), C([]);
+			return;
+		}
+		d ? g(e.gated_actions?.includes("register") ? "members" : "everyone") : e.embargo_days ? (g("embargo"), D(e.embargo_days)) : g(e.audience === "members" ? "members" : "everyone"), v(e.min_tier_rank ?? 0), e.allowed_tiers && e.allowed_tiers.length > 0 ? (b("specific"), C(e.allowed_tiers)) : (b("minimum"), C([]));
+	}
+	let N = (0, w.useMemo)(() => [{
+		value: 0,
+		label: "Any member"
+	}, ...p.map((e) => ({
+		value: e.rank,
+		label: `${e.display_label} or higher`
+	}))], [p]);
+	async function P(n) {
+		k("saving"), j(null);
+		let r = n.tierMode === "specific" ? {
+			min_tier_rank: 0,
+			allowed_tiers: n.selectedTiers
+		} : {
+			min_tier_rank: n.tierRank,
+			allowed_tiers: null
+		};
+		try {
+			n.mode === "everyone" ? await x.clearPolicy(e, t) : d ? await x.setPolicy({
+				content_type: e,
+				entity_id: t,
+				audience: "public",
+				...r,
+				gated_actions: ["register"],
+				note: "Members-only registration"
+			}) : n.mode === "embargo" ? await x.setPolicy({
+				content_type: e,
+				entity_id: t,
+				audience: "public",
+				...r,
+				embargo_days: n.embargoDays
+			}) : await x.setPolicy({
+				content_type: e,
+				entity_id: t,
+				audience: "members",
+				...r
+			}), k("saved"), setTimeout(() => k((e) => e === "saved" ? "idle" : e), 1500);
+		} catch (e) {
+			k("error"), j(e.message);
+		}
+	}
+	let F = (e) => {
+		let t = {
+			mode: h,
+			tierRank: _,
+			embargoDays: E,
+			tierMode: y,
+			selectedTiers: S,
+			...e
+		};
+		g(t.mode), v(t.tierRank), D(t.embargoDays), b(t.tierMode), C(t.selectedTiers), P(t);
+	}, I = n != null && n !== c, L = h === "members" || h === "embargo";
+	return /* @__PURE__ */ (0, T.jsxs)(i, {
+		className: u,
+		children: [
+			/* @__PURE__ */ (0, T.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, T.jsx)("h3", {
+					className: "text-sm font-semibold text-[var(--gray-12)]",
+					children: "Access"
+				}), /* @__PURE__ */ (0, T.jsxs)("span", {
+					className: "text-xs text-[var(--gray-a10)]",
+					children: [
+						O === "saving" && "Saving…",
+						O === "saved" && "Saved ✓",
+						O === "error" && /* @__PURE__ */ (0, T.jsx)("span", {
+							className: "text-[var(--red-9)]",
+							children: "Save failed"
+						})
+					]
+				})]
+			}),
+			r && /* @__PURE__ */ (0, T.jsxs)("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ (0, T.jsx)("div", {
+					className: "text-xs font-medium text-[var(--gray-11)] mb-1",
+					children: "Status"
+				}), /* @__PURE__ */ (0, T.jsxs)("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ (0, T.jsx)(a, {
+						name: `status-${t}`,
+						label: "Draft — admin only",
+						checked: n !== c,
+						onChange: () => r(o)
+					}), /* @__PURE__ */ (0, T.jsx)(a, {
+						name: `status-${t}`,
+						label: "Published",
+						checked: n === c,
+						onChange: () => r(c)
+					})]
+				})]
+			}),
+			I ? /* @__PURE__ */ (0, T.jsxs)("p", {
+				className: "mt-3 text-xs text-[var(--gray-a10)]",
+				children: [
+					"This ",
+					e.replace(/_/g, " "),
+					" is a draft — visible to admins only. Publish it to apply access rules."
+				]
+			}) : /* @__PURE__ */ (0, T.jsxs)("div", {
+				className: "mt-3",
+				children: [
+					/* @__PURE__ */ (0, T.jsx)("div", {
+						className: "text-xs font-medium text-[var(--gray-11)] mb-1",
+						children: ee
+					}),
+					/* @__PURE__ */ (0, T.jsxs)("div", {
+						className: "flex flex-col gap-1",
+						children: [
+							/* @__PURE__ */ (0, T.jsx)(a, {
+								name: `vis-${t}`,
+								label: d ? "Anyone can register" : "Everyone",
+								checked: h === "everyone",
+								onChange: () => F({ mode: "everyone" })
+							}),
+							/* @__PURE__ */ (0, T.jsx)(a, {
+								name: `vis-${t}`,
+								label: "Members only",
+								checked: h === "members",
+								onChange: () => F({ mode: "members" })
+							}),
+							f && /* @__PURE__ */ (0, T.jsx)(a, {
+								name: `vis-${t}`,
+								label: "Members-only for a while, then public",
+								checked: h === "embargo",
+								onChange: () => F({ mode: "embargo" })
+							})
+						]
+					}),
+					L && /* @__PURE__ */ (0, T.jsxs)("div", {
+						className: "mt-2 pl-6 space-y-2",
+						children: [/* @__PURE__ */ (0, T.jsx)(s, {
+							label: "Tier requirement",
+							value: y,
+							data: [{
+								value: "minimum",
+								label: "Minimum tier"
+							}, {
+								value: "specific",
+								label: "Specific tiers"
+							}],
+							onChange: (e) => F({ tierMode: e.target.value === "specific" ? "specific" : "minimum" })
+						}), y === "minimum" ? /* @__PURE__ */ (0, T.jsx)(s, {
+							label: "Minimum tier",
+							value: _,
+							data: N,
+							onChange: (e) => F({ tierRank: Number(e.target.value) })
+						}) : /* @__PURE__ */ (0, T.jsxs)("div", { children: [
+							/* @__PURE__ */ (0, T.jsx)("div", {
+								className: "text-xs font-medium text-[var(--gray-11)] mb-1",
+								children: "Allowed tiers"
+							}),
+							p.length === 0 ? /* @__PURE__ */ (0, T.jsx)("p", {
+								className: "text-xs text-[var(--gray-a10)]",
+								children: "No tiers available."
+							}) : /* @__PURE__ */ (0, T.jsx)("div", {
+								className: "flex flex-col gap-1",
+								children: p.map((e) => /* @__PURE__ */ (0, T.jsxs)("label", {
+									className: "flex items-center gap-2 text-sm text-[var(--gray-11)]",
+									children: [/* @__PURE__ */ (0, T.jsx)("input", {
+										type: "checkbox",
+										checked: S.includes(e.tier),
+										onChange: (t) => {
+											let n = t.target.checked ? [...S, e.tier] : S.filter((t) => t !== e.tier);
+											F({ selectedTiers: n });
+										}
+									}), e.display_label]
+								}, e.tier))
+							}),
+							/* @__PURE__ */ (0, T.jsx)("p", {
+								className: "text-xs text-[var(--gray-a10)] mt-1",
+								children: "Only members in the checked tiers can access."
+							})
+						] })]
+					}),
+					h === "embargo" && /* @__PURE__ */ (0, T.jsx)("div", {
+						className: "mt-2 pl-6",
+						children: /* @__PURE__ */ (0, T.jsx)(l, {
+							label: "Members-only for (days)",
+							type: "number",
+							min: 1,
+							value: E,
+							onChange: (e) => F({ embargoDays: Math.max(1, Number(e.target.value) || 1) })
+						})
+					})
+				]
+			}),
+			A && /* @__PURE__ */ (0, T.jsx)("p", {
+				className: "mt-2 text-xs text-[var(--red-9)]",
+				children: A
+			}),
+			te && /* @__PURE__ */ (0, T.jsx)("p", {
+				className: "mt-2 text-xs text-[var(--gray-a10)]",
+				children: "Loading…"
+			})
+		]
+	});
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/admin/utils/view-online-url.ts
+function D() {
+	if (typeof window > "u") return null;
+	let e = window.location.hostname.replace("-admin.", "-app.").replace(/^admin\./, "");
+	return `${window.location.protocol}//${e}`;
+}
+function O(e, t, n) {
+	let r = t?.edition_date?.slice(0, 10);
+	if (!r) return null;
+	let i = (t?.subject ?? t?.title ?? "").trim(), a = S(r, i);
+	if (e?.view_online_target === "external") {
+		let t = e.view_online_external_base_url?.trim().replace(/\/+$/, "");
+		return t ? `${t}/${a}/` : null;
+	}
+	let o = e?.slug?.trim();
+	if (!o) return null;
+	let s = n ?? D();
+	return s ? `${s}/newsletters/${o}/${a}` : null;
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/admin/components/EditionSendingTab.tsx
+function k({ editionId: e, editionDate: t, subject: r, collection: i, newsletterSlug: a, editionStatus: o, getRenderedHtml: s }) {
+	let c = (0, w.useCallback)(async () => {
+		let e = typeof window < "u" ? window.location.protocol : "https:", o = `${e}//${typeof window < "u" ? window.location.hostname.replace("-admin.", "-app.").replace(/^admin\./, "") : "localhost"}`;
+		try {
+			let { data: t } = await n.from("platform_settings").select("value").eq("key", "domain").maybeSingle(), r = (t?.value)?.trim();
+			r && (o = /^https?:\/\//i.test(r) ? r.replace(/\/+$/, "") : `${e}//${r.replace(/\/+$/, "")}`);
+		} catch {}
+		let c = O({
+			slug: a,
+			view_online_target: i?.view_online_target,
+			view_online_external_base_url: i?.view_online_external_base_url
+		}, {
+			edition_date: t,
+			subject: r
+		}, o) ?? `${o}/newsletters`, l = s ? await s() : null;
+		return l &&= l.replace(/\{\{web_version\}\}/g, c).replace(/\{%\s*view_in_browser_url\s*%\}/g, c), {
+			html: l,
+			webVersionUrl: c,
+			portalBaseUrl: o
+		};
+	}, [
+		a,
+		i?.view_online_target,
+		i?.view_online_external_base_url,
+		t,
+		r,
+		s
+	]), l = (0, w.useMemo)(() => {
+		let t = a ? `/newsletters/${a}` : void 0, s = e === "new";
+		return {
+			domainKey: "newsletter",
+			title: "Send Newsletter",
+			parentId: s ? "" : e,
+			sendsTable: "newsletter_sends",
+			parentFkColumn: "edition_id",
+			logSendIdColumn: "newsletter_send_id",
+			tzBreakdownRpc: "newsletter_send_timezone_breakdown",
+			sendEndpoint: "newsletter-send",
+			canSend: o === "published",
+			canSendReason: s ? "Save the edition first" : o === "published" ? void 0 : "This edition is a draft. Publish it before sending — the email’s “View Online” link points at the published page.",
+			features: {
+				deliveryStrategy: !0,
+				excludeSent: !0
+			},
+			emailDetails: {
+				editable: !1,
+				editHref: t,
+				editLabel: "Edit in settings",
+				values: {
+					subject: r || "",
+					preheader: "",
+					fromAddress: i?.from_email || "",
+					fromName: i?.from_name || "",
+					replyTo: i?.reply_to || ""
+				}
+			},
+			recipients: {
+				display: `${i?.list_name || "No list linked"}${i?.subscriber_count == null ? "" : ` (${i.subscriber_count.toLocaleString()})`}`,
+				editable: !0,
+				editHref: t,
+				editLabel: "Edit"
+			},
+			recipientCount: i?.subscriber_count ?? null,
+			async countRecipients(e) {
+				if (!i?.list_id) return i?.subscriber_count ?? 0;
+				let { data: t, error: r } = await n.rpc("newsletter_recipient_preview_count", {
+					p_list_id: i.list_id,
+					p_exclude_send_ids: e.length > 0 ? e : null
+				});
+				if (r) throw r;
+				return t ?? 0;
+			},
+			async previewSchedule(e) {
+				if (!i?.list_id || !e.scheduledAt) return [];
+				let { data: t, error: r } = await n.rpc("newsletter_preview_send_schedule", {
+					p_list_id: i.list_id,
+					p_scheduled_at: e.scheduledAt,
+					p_target_local: e.targetLocal,
+					p_default_timezone: e.defaultTimezone
+				});
+				if (r) throw r;
+				return t || [];
+			},
+			async createSend(t) {
+				let { html: a, webVersionUrl: o, portalBaseUrl: s } = await c(), { data: l, error: u } = await n.from("newsletter_sends").insert({
+					edition_id: e,
+					collection_id: i?.id ?? null,
+					status: t.scheduleType === "scheduled" ? "scheduled" : "sending",
+					subject: r || null,
+					from_address: i?.from_email || null,
+					from_name: i?.from_name || null,
+					list_ids: i?.list_id ? [i.list_id] : [],
+					schedule_type: t.scheduleType,
+					scheduled_at: t.scheduledAt,
+					delivery_strategy: t.deliveryStrategy,
+					target_local: t.targetLocal,
+					default_timezone: t.defaultTimezone,
+					adapter_id: "html",
+					rendered_html: a,
+					exclude_sent_send_ids: t.excludeSentSendIds.length > 0 ? t.excludeSentSendIds : null,
+					metadata: {
+						web_version_url: o,
+						portal_base_url: s
+					}
+				}).select("id").single();
+				if (u) throw u;
+				return { id: l.id };
+			},
+			async rerenderContent(e) {
+				let { html: t } = await c();
+				if (!t) throw Error("Nothing to render yet");
+				let { error: i } = await n.from("newsletter_sends").update({
+					rendered_html: t,
+					subject: r || null,
+					updated_at: (/* @__PURE__ */ new Date()).toISOString()
+				}).eq("id", e);
+				if (i) throw i;
+			},
+			async sendTest(t) {
+				let { html: i } = await c(), a = globalThis.__GATEWAZE_CONFIG__.VITE_API_URL ?? "", { data: { session: o } } = await n.auth.getSession(), s = await fetch(`${a}/api/admin/newsletters/editions/${e}/test-send`, {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						...o ? { Authorization: `Bearer ${o.access_token}` } : {}
+					},
+					body: JSON.stringify({
+						recipient_email: t,
+						html: i,
+						subject: r || "Newsletter"
+					})
+				});
+				if (!s.ok) {
+					let e = await s.json().catch(() => null), t = typeof e?.error == "string" ? e.error : e?.error?.message;
+					throw Error(t || `Test send failed (${s.status})`);
+				}
+			}
+		};
+	}, [
+		e,
+		o,
+		r,
+		i,
+		a,
+		c
+	]);
+	return /* @__PURE__ */ (0, T.jsx)(u, { adapter: l });
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/admin/hooks/useEditionPresence.ts
+function A(e) {
+	let [t, r] = (0, w.useState)([]);
+	return (0, w.useEffect)(() => {
+		if (!e || e === "new") {
+			r([]);
+			return;
+		}
+		let t = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `self-${Date.now()}-${Math.floor(Math.random() * 1e9)}`, i = !1, a = n.channel(`edition-presence:${e}`, { config: { presence: { key: t } } });
+		return a.on("presence", { event: "sync" }, () => {
+			let e = a.presenceState(), n = [];
+			for (let [r, i] of Object.entries(e)) {
+				if (r === t) continue;
+				let e = i?.[0];
+				e && n.push({
+					id: e.id ?? r,
+					name: e.name ?? "A teammate",
+					joinedAt: e.joinedAt ?? ""
+				});
+			}
+			i || r(n);
+		}), a.subscribe((e) => {
+			e === "SUBSCRIBED" && n.auth.getUser().then(({ data: e }) => {
+				a.track({
+					id: e.user?.id ?? t,
+					name: e.user?.email ?? "A teammate",
+					joinedAt: (/* @__PURE__ */ new Date()).toISOString()
+				});
+			});
+		}), () => {
+			i = !0, n.removeChannel(a);
+		};
+	}, [e]), t;
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/admin/hooks/useEditionDraft.ts
+var j = "nl-edition-draft:v1:", M = (e) => `${j}${e}`;
+function N() {
+	try {
+		return typeof localStorage > "u" ? null : localStorage;
+	} catch {
+		return null;
+	}
+}
+function P(e, t, n) {
+	let r = N();
+	if (!(!r || !e || e === "new")) try {
+		r.setItem(M(e), JSON.stringify({
+			savedAt: n,
+			payload: t
+		}));
+	} catch {}
+}
+function F(e) {
+	let t = N();
+	if (!t || !e) return null;
+	try {
+		let n = t.getItem(M(e));
+		if (!n) return null;
+		let r = JSON.parse(n);
+		return !r || typeof r.savedAt != "number" || !r.payload ? null : r;
+	} catch {
+		return null;
+	}
+}
+function I(e) {
+	let t = N();
+	if (!(!t || !e)) try {
+		t.removeItem(M(e));
+	} catch {}
+}
+function L(e) {
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return "";
+	}
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/admin/pages/editions/[id].tsx
+function R(e) {
+	return {
+		subject: e.subject ?? "",
+		preheader: e.preheader ?? "",
+		edition_date: e.edition_date ?? "",
+		blocks: e.blocks ?? []
+	};
+}
+function z(e) {
+	let t = e;
+	return t ? t.status === 401 || t.code === "PGRST301" || t.code === "42501" || /jwt (expired|invalid)|not authori[sz]ed|invalid.*(token|claim)|auth session (missing|expired)|401/i.test(t.message || "") : !1;
+}
+function B() {
+	let { id: e, tab: t, slug: r } = ne(), [i] = p(), a = te(), s = e === "new", l = b("bulk-emailing"), [u, _] = (0, w.useState)(!0), [x, S] = (0, w.useState)(!1), [D, j] = (0, w.useState)(null), M = (0, w.useRef)(0), N = A(D?.id ?? null), [B, V] = (0, w.useState)(null), [H, U] = (0, w.useState)(!1), W = (0, w.useRef)(""), ae = (0, w.useRef)(!1), [G, oe] = (0, w.useState)([]), [K, se] = (0, w.useState)([]), [q, ce] = (0, w.useState)(null), [J, le] = (0, w.useState)(null), [ue, de] = (0, w.useState)({}), fe = (0, w.useMemo)(() => {
+		let e = G.filter((e) => e.render_kind === "react-email" || e.render_kind === "declarative").map((e) => e.component_id || e.block_type || "").filter((e) => e.length > 0);
+		if (e.length === 0) return;
+		let t = K.map((e) => e.brick_type).filter((e) => typeof e == "string" && e.length > 0);
+		return [.../* @__PURE__ */ new Set([...e, ...t])];
+	}, [G, K]), Y = (0, w.useRef)(null), [pe, me] = (0, w.useState)(null);
+	(0, w.useEffect)(() => {
+		function e() {
+			let e = Y.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect().top, n = window.visualViewport?.height ?? window.innerHeight, r = Math.max(320, Math.floor(n - t - 32));
+			me((e) => e === r ? e : r);
+		}
+		e(), window.addEventListener("resize", e), window.visualViewport?.addEventListener("resize", e);
+		let t = typeof ResizeObserver < "u" ? new ResizeObserver(e) : null;
+		return t && Y.current && t.observe(Y.current), () => {
+			window.removeEventListener("resize", e), window.visualViewport?.removeEventListener("resize", e), t?.disconnect();
+		};
+	}, []);
+	let X = [
+		"editor",
+		"details",
+		...l ? ["sending"] : []
+	].includes(t) ? t : "editor", he = (t) => {
+		let n = r ? `/newsletters/${r}/editions` : "/newsletters/editor";
+		a(`${n}/${e}/${t}`, { replace: !0 });
+	}, Z = (0, w.useCallback)(async (e) => {
+		let { data: t } = await n.from("newsletters_template_collections").select("*").eq("id", e).single();
+		if (t) {
+			let r = { ...t }, i = {
+				...t.metadata || {},
+				from_name: t.from_name || null,
+				from_email: t.from_email || null
+			};
+			if (de(i), t.list_id) try {
+				let { data: e, error: i } = await n.from("lists").select("name").eq("id", t.list_id).single();
+				if (i) console.warn("[newsletter] Failed to load list:", i.message);
+				else if (e) {
+					r.list_name = e.name;
+					let { count: i, error: a } = await n.from("list_subscriptions").select("id", {
+						count: "exact",
+						head: !0
+					}).eq("list_id", t.list_id).eq("subscribed", !0);
+					a && console.warn("[newsletter] Failed to count subscribers:", a.message), r.subscriber_count = i || 0;
+				}
+			} catch (e) {
+				console.warn("[newsletter] Lists module may not be installed:", e);
+			}
+			try {
+				let { data: t } = await n.from("templates_wrappers").select("html").eq("library_id", e).eq("key", "default").eq("is_current", !0).maybeSingle();
+				r.wrapperTemplate = t?.html ?? null;
+			} catch {
+				r.wrapperTemplate = null;
+			}
+			return le(r), t.metadata;
+		}
+		return null;
+	}, []), ge = (0, w.useCallback)(async (e) => {
+		try {
+			let t = n.from("templates_block_defs").select("id, key, name, description, schema, html, rich_text_template, has_bricks, render_kind, component_id, block_type:key").eq("is_current", !0).order("key"), r = n.from("templates_brick_defs").select("id, block_def_id, key, name, schema, html, rich_text_template, sort_order, brick_type:key, render_kind, component_id, templates_block_defs!inner(library_id)").eq("is_current", !0).order("sort_order");
+			e && (t = t.eq("library_id", e), r = r.eq("templates_block_defs.library_id", e));
+			let [i, a] = await Promise.all([t, r]);
+			if (i.error) throw i.error;
+			if (a.error) throw a.error;
+			let o = (i.data ?? []).map((e) => ({
+				...e,
+				content: {
+					html_template: e.html ?? "",
+					rich_text_template: e.rich_text_template ?? null,
+					has_bricks: e.has_bricks ?? !1,
+					schema: e.schema ?? {}
+				}
+			})), s = (a.data ?? []).map((e) => ({
+				...e,
+				content: {
+					html_template: e.html ?? "",
+					rich_text_template: e.rich_text_template ?? null,
+					schema: e.schema ?? {}
+				}
+			}));
+			oe(o), se(s);
+		} catch (e) {
+			console.error("Error loading templates:", e), m.error("Failed to load templates");
+		}
+	}, []), _e = (0, w.useCallback)(async () => {
+		if (s) {
+			let e = i.get("collection");
+			if (!e) {
+				m.error("Please select a template first"), a(r ? `/newsletters/${r}` : "/newsletters");
+				return;
+			}
+			ce(e);
+			let t = await Z(e), n = t && typeof t == "object" ? t.default_edition_template_slug : void 0, o = [];
+			if (typeof n == "string" && n.length > 0) try {
+				let { ALL_STARTERS: e } = await import("./starter-templates-CFs-QUdF.js"), t = e.find((e) => e.slug === n);
+				t && (o = t.blocks.map((e, t) => ({
+					id: re(),
+					block_template: {
+						id: "",
+						name: e.type,
+						block_type: e.type,
+						content: {
+							html_template: "",
+							schema: {},
+							has_bricks: !1
+						}
+					},
+					content: ie({ ...e.props }),
+					sort_order: (t + 1) * 1e3,
+					bricks: []
+				})));
+			} catch (e) {
+				console.warn("[edition-new] failed to apply default template:", e);
+			}
+			j({
+				id: "new",
+				edition_date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+				subject: "",
+				preheader: "",
+				blocks: o
+			}), _(!1);
+			return;
+		}
+		try {
+			let { data: t, error: r } = await n.from("newsletters_editions").select("*").eq("id", e).single();
+			if (r) throw r;
+			M.current = typeof t.version == "number" ? t.version : 0, t.collection_id && (ce(t.collection_id), await Z(t.collection_id));
+			let { data: i, error: a } = await n.from("newsletters_edition_blocks").select("*, block_template:templates_block_defs!templates_block_def_id(id, key, name, description, schema, html, rich_text_template, has_bricks, render_kind, component_id, block_type:key)").eq("edition_id", e).is("deleted_at", null).order("sort_order");
+			if (a) throw a;
+			let o = (i || []).map((e) => e.id), s = [];
+			if (o.length > 0) {
+				let { data: e, error: t } = await n.from("newsletters_edition_bricks").select("*, brick_template:templates_brick_defs!templates_brick_def_id(id, block_def_id, key, name, schema, html, rich_text_template, sort_order, brick_type:key, render_kind, component_id)").in("block_id", o).is("deleted_at", null).order("sort_order");
+				if (t) throw t;
+				s = e || [];
+			}
+			let c = (e) => ({
+				...e,
+				content: {
+					html_template: e.html ?? "",
+					rich_text_template: e.rich_text_template ?? null,
+					has_bricks: e.has_bricks ?? !1,
+					schema: e.schema ?? {}
+				}
+			}), l = (e) => ({
+				...e,
+				content: {
+					html_template: e.html ?? "",
+					rich_text_template: e.rich_text_template ?? null,
+					schema: e.schema ?? {}
+				}
+			}), u = `${globalThis.__GATEWAZE_CONFIG__.VITE_SUPABASE_URL ?? ""}/storage/v1/object/public/media`;
+			j({
+				id: t.id,
+				edition_date: t.edition_date,
+				subject: t.title || "",
+				preheader: t.preheader || "",
+				status: t.status,
+				blocks: (i || []).map((e) => ({
+					id: e.id,
+					block_template: e.block_template ? c(e.block_template) : {
+						id: "",
+						name: e.block_type,
+						block_type: e.block_type,
+						content: {
+							html_template: "",
+							schema: {},
+							has_bricks: !1
+						}
+					},
+					content: g(e.content || {}, u),
+					sort_order: e.sort_order,
+					bricks: s.filter((t) => t.block_id === e.id).map((e) => ({
+						id: e.id,
+						brick_template: e.brick_template ? l(e.brick_template) : e.brick_template,
+						content: g(e.content || {}, u),
+						sort_order: e.sort_order
+					}))
+				}))
+			});
+		} catch (e) {
+			console.error("Error loading edition:", e), m.error("Failed to load edition"), a(r ? `/newsletters/${r}` : "/newsletters");
+		} finally {
+			_(!1);
+		}
+	}, [
+		e,
+		s,
+		a,
+		i,
+		Z,
+		r
+	]);
+	(0, w.useEffect)(() => {
+		_e();
+	}, [_e]), (0, w.useEffect)(() => {
+		q && ge(q);
+	}, [q, ge]), (0, w.useEffect)(() => {
+		if (u || !D || D.id === "new" || ae.current) return;
+		ae.current = !0;
+		let e = L(R(D));
+		W.current = e;
+		let t = F(D.id);
+		t && L(t.payload) !== e && V(t);
+	}, [u, D]), (0, w.useEffect)(() => {
+		if (!D || D.id === "new" || B || L(R(D)) === W.current) return;
+		let e = D.id, t = setTimeout(() => P(e, R(D), Date.now()), 800);
+		return () => clearTimeout(t);
+	}, [D, B]);
+	let ve = (0, w.useRef)(!1);
+	(0, w.useEffect)(() => {
+		s && D && D.id === "new" && q && !x && !ve.current && (ve.current = !0, Q({ silent: !0 }));
+	}, [
+		s,
+		D,
+		q,
+		x
+	]);
+	let Q = async (e) => {
+		if (D) {
+			S(!0);
+			try {
+				if (D.id === "new") {
+					let { data: t, error: i } = await n.from("newsletters_editions").insert({
+						edition_date: D.edition_date,
+						title: D.subject || "Untitled",
+						preheader: D.preheader || null,
+						content_category: J?.content_category || null,
+						status: "draft",
+						collection_id: q
+					}).select();
+					if (i) throw i;
+					let o = t?.[0];
+					if (!o) throw Error("Edition created but not returned — try saving again");
+					for (let e of D.blocks) {
+						let t = e.block_template.id && e.block_template.id !== "" ? e.block_template.id : null, { data: r, error: i } = await n.from("newsletters_edition_blocks").insert({
+							id: e.id,
+							edition_id: o.id,
+							templates_block_def_id: t,
+							block_type: e.block_template.block_type,
+							content: h(e.content),
+							sort_order: e.sort_order
+						}).select();
+						if (i) throw i;
+						let a = r?.[0];
+						if (a) for (let t of e.bricks) {
+							let e = t.brick_template.id && t.brick_template.id !== "" ? t.brick_template.id : null, { error: r } = await n.from("newsletters_edition_bricks").insert({
+								id: t.id,
+								block_id: a.id,
+								templates_brick_def_id: e,
+								brick_type: t.brick_template.brick_type,
+								content: h(t.content),
+								sort_order: t.sort_order
+							});
+							if (r) throw r;
+						}
+					}
+					if (e?.silent) {
+						let e = r ? `/newsletters/${r}/editions` : "/newsletters/editor";
+						window.history.replaceState(null, "", `${e}/${o.id}/editor`), j((e) => e && {
+							...e,
+							id: o.id
+						});
+					} else {
+						m.success("Edition created");
+						let e = r ? `/newsletters/${r}/editions` : "/newsletters/editor";
+						a(`${e}/${o.id}/editor`, { replace: !0 });
+					}
+				} else {
+					let t = D.blocks.map((e) => ({
+						id: e.id,
+						block_type: e.block_template.block_type,
+						templates_block_def_id: e.block_template.id && e.block_template.id !== "" ? e.block_template.id : null,
+						content: h(e.content),
+						sort_order: e.sort_order,
+						bricks: e.bricks.map((e) => ({
+							id: e.id,
+							brick_type: e.brick_template.brick_type,
+							templates_brick_def_id: e.brick_template.id && e.brick_template.id !== "" ? e.brick_template.id : null,
+							content: h(e.content),
+							sort_order: e.sort_order
+						}))
+					})), { data: r, error: i } = await n.rpc("newsletters_save_edition", {
+						p_edition_id: D.id,
+						p_expected_version: M.current,
+						p_title: D.subject || "Untitled",
+						p_preheader: D.preheader || null,
+						p_content_category: J?.content_category || null,
+						p_edition_date: D.edition_date,
+						p_blocks: t
+					});
+					if (i) throw i.code === "55006" || /version_conflict/i.test(i.message || "") ? (m.error("This edition was changed elsewhere since you opened it. Reload to get the latest before saving — your current changes were NOT saved.", { duration: 12e3 }), Error("__edition_version_conflict__")) : z(i) ? (P(D.id, R(D), Date.now()), U(!0), Error("__edition_session_expired__")) : (console.error("Save edition error:", i), i);
+					let a = r?.version;
+					typeof a == "number" && (M.current = a), W.current = L(R(D)), I(D.id), H && U(!1), e?.silent || m.success("Edition saved");
+				}
+			} catch (t) {
+				if (t?.message === "__edition_version_conflict__") {
+					S(!1);
+					return;
+				}
+				if (t?.message === "__edition_session_expired__") {
+					S(!1);
+					return;
+				}
+				if (z(t) && D) {
+					P(D.id, R(D), Date.now()), U(!0), S(!1);
+					return;
+				}
+				throw console.error("Error saving edition:", t), e?.silent || m.error("Failed to save edition"), t;
+			} finally {
+				S(!1);
+			}
+		}
+	}, ye = () => {
+		!B || !D || (j({
+			...D,
+			subject: B.payload.subject,
+			preheader: B.payload.preheader,
+			edition_date: B.payload.edition_date,
+			blocks: B.payload.blocks
+		}), V(null), m.success("Restored your unsaved changes — save to sync them to the server."));
+	}, be = () => {
+		D && I(D.id), V(null);
+	}, xe = () => {
+		D && P(D.id, R(D), Date.now()), a("/login");
+	};
+	if (u) return /* @__PURE__ */ (0, T.jsx)(v, {
+		title: "Loading...",
+		children: /* @__PURE__ */ (0, T.jsx)("div", {
+			className: "flex items-center justify-center h-64",
+			children: /* @__PURE__ */ (0, T.jsx)(c, {})
+		})
+	});
+	if (!D) return /* @__PURE__ */ (0, T.jsx)(v, {
+		title: "Not Found",
+		children: /* @__PURE__ */ (0, T.jsx)("div", {
+			className: "p-6 text-center text-[var(--gray-9)]",
+			children: "Edition not found"
+		})
+	});
+	D.status;
+	let $ = "size-4", Se = [
+		{
+			id: "editor",
+			label: "Editor",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.PencilSquareIcon, { className: $ })
+		},
+		{
+			id: "details",
+			label: "Details",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.Cog6ToothIcon, { className: $ })
+		},
+		...l ? [{
+			id: "sending",
+			label: "Sending",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.PaperAirplaneIcon, { className: $ })
+		}] : []
+	], Ce = [
+		{
+			id: "details",
+			label: "Settings",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.Cog6ToothIcon, { className: $ })
+		},
+		{
+			id: "template",
+			label: "Template",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.RectangleGroupIcon, { className: $ })
+		},
+		{
+			id: "editions",
+			label: "Editions",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.DocumentTextIcon, { className: $ })
+		},
+		...l ? [{
+			id: "replies",
+			label: "Replies",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.ChatBubbleLeftRightIcon, { className: $ })
+		}, {
+			id: "stats",
+			label: "Stats",
+			icon: /* @__PURE__ */ (0, T.jsx)(C.ChartBarIcon, { className: $ })
+		}] : []
+	], we = new Date(D.edition_date).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+	return /* @__PURE__ */ (0, T.jsx)(v, {
+		title: D.subject || "Newsletter Edition",
+		children: /* @__PURE__ */ (0, T.jsxs)(o, {
+			title: J?.name ? `Newsletters: ${J.name}` : "Newsletters",
+			tabs: Ce,
+			activeTabId: "editions",
+			onTabChange: (e) => a(r ? `/newsletters/${r}/${e}` : "/newsletters"),
+			breadcrumbs: [{
+				label: "Editions",
+				to: r ? `/newsletters/${r}/editions` : "/newsletters"
+			}, { label: we }],
+			onBreadcrumbNavigate: (e) => a(e),
+			subTabs: Se,
+			activeSubTabId: X,
+			onSubTabChange: he,
+			children: [
+				N.length > 0 && /* @__PURE__ */ (0, T.jsxs)("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						padding: "6px 14px",
+						fontSize: 13,
+						background: "#FEF3C7",
+						color: "#92400E",
+						borderBottom: "1px solid #FDE68A"
+					},
+					children: [/* @__PURE__ */ (0, T.jsx)("span", {
+						"aria-hidden": !0,
+						children: "👀"
+					}), /* @__PURE__ */ (0, T.jsxs)("span", { children: [N.length === 1 ? `${N[0].name} is also editing this edition` : `${N.length} other people are also editing this edition`, " — your changes are protected, but coordinate to avoid conflicting saves."] })]
+				}),
+				H && /* @__PURE__ */ (0, T.jsxs)("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						flexWrap: "wrap",
+						padding: "10px 14px",
+						fontSize: 13,
+						background: "#FEE2E2",
+						color: "#991B1B",
+						borderBottom: "1px solid #FCA5A5"
+					},
+					children: [
+						/* @__PURE__ */ (0, T.jsx)("span", {
+							"aria-hidden": !0,
+							children: "⚠️"
+						}),
+						/* @__PURE__ */ (0, T.jsx)("span", {
+							style: { fontWeight: 600 },
+							children: "You’ve been signed out."
+						}),
+						/* @__PURE__ */ (0, T.jsxs)("span", { children: [
+							"Your recent changes are saved on this device and will be restored after you sign in again — they were ",
+							/* @__PURE__ */ (0, T.jsx)("strong", { children: "not" }),
+							" saved to the server."
+						] }),
+						/* @__PURE__ */ (0, T.jsx)("button", {
+							onClick: xe,
+							style: {
+								marginLeft: "auto",
+								padding: "4px 12px",
+								background: "#991B1B",
+								color: "#fff",
+								border: "none",
+								borderRadius: 6,
+								fontSize: 13,
+								cursor: "pointer"
+							},
+							children: "Sign in again"
+						})
+					]
+				}),
+				B && !H && /* @__PURE__ */ (0, T.jsxs)("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						flexWrap: "wrap",
+						padding: "10px 14px",
+						fontSize: 13,
+						background: "#FEF3C7",
+						color: "#92400E",
+						borderBottom: "1px solid #FDE68A"
+					},
+					children: [
+						/* @__PURE__ */ (0, T.jsx)("span", {
+							"aria-hidden": !0,
+							children: "💾"
+						}),
+						/* @__PURE__ */ (0, T.jsxs)("span", { children: [
+							"Unsaved changes from ",
+							new Date(B.savedAt).toLocaleString(),
+							" were found on this device (they never reached the server)."
+						] }),
+						/* @__PURE__ */ (0, T.jsxs)("span", {
+							style: {
+								marginLeft: "auto",
+								display: "flex",
+								gap: 8
+							},
+							children: [/* @__PURE__ */ (0, T.jsx)("button", {
+								onClick: ye,
+								style: {
+									padding: "4px 12px",
+									background: "#92400E",
+									color: "#fff",
+									border: "none",
+									borderRadius: 6,
+									fontSize: 13,
+									cursor: "pointer"
+								},
+								children: "Restore"
+							}), /* @__PURE__ */ (0, T.jsx)("button", {
+								onClick: be,
+								style: {
+									padding: "4px 12px",
+									background: "transparent",
+									color: "#92400E",
+									border: "1px solid #92400E",
+									borderRadius: 6,
+									fontSize: 13,
+									cursor: "pointer"
+								},
+								children: "Discard"
+							})]
+						})
+					]
+				}),
+				X === "editor" && /* @__PURE__ */ (0, T.jsx)("div", {
+					ref: Y,
+					className: "-mx-[calc(var(--margin-x)+1.5rem)] -mt-4 -mb-6",
+					style: {
+						height: pe == null ? "calc(100vh - 240px)" : `${pe}px`,
+						padding: "1rem calc(var(--margin-x) + 1.5rem)",
+						overflow: "hidden",
+						boxSizing: "border-box"
+					},
+					children: /* @__PURE__ */ (0, T.jsx)(d, {
+						edition: D,
+						blockTemplates: G,
+						brickTemplates: K,
+						collectionMetadata: ue,
+						wrapperTemplate: J?.wrapperTemplate ?? null,
+						viewOnlineUrl: O(J, {
+							edition_date: D.edition_date,
+							subject: D.subject,
+							title: D.title
+						}),
+						...q ? { collectionId: q } : {},
+						...fe ? { enabledRegistryComponentIds: fe } : {},
+						onChange: j,
+						onSave: Q,
+						onStatusChange: async (e) => {
+							j((t) => t && {
+								...t,
+								status: e
+							}), !s && D && (await n.from("newsletters_editions").update({
+								status: e,
+								updated_at: (/* @__PURE__ */ new Date()).toISOString()
+							}).eq("id", D.id), m.success(`Status changed to ${e}`));
+						},
+						isSaving: x
+					})
+				}),
+				X === "details" && /* @__PURE__ */ (0, T.jsx)("div", {
+					className: "py-2",
+					children: /* @__PURE__ */ (0, T.jsxs)("div", {
+						className: "max-w-2xl space-y-5",
+						children: [
+							/* @__PURE__ */ (0, T.jsxs)("div", { children: [
+								/* @__PURE__ */ (0, T.jsx)("label", {
+									className: "block text-sm font-medium text-[var(--gray-12)] mb-1.5",
+									children: "Edition title / subject"
+								}),
+								/* @__PURE__ */ (0, T.jsx)("input", {
+									type: "text",
+									value: D.subject ?? "",
+									onChange: (e) => j({
+										...D,
+										subject: e.target.value
+									}),
+									placeholder: "Edition title — also the email subject line",
+									className: "w-full px-3 py-2 border border-[var(--gray-a6)] rounded-md bg-[var(--color-surface)] text-sm text-[var(--gray-12)] focus:outline-none focus:ring-2 focus:ring-[var(--accent-8)]"
+								}),
+								/* @__PURE__ */ (0, T.jsx)("p", {
+									className: "text-xs text-[var(--gray-9)] mt-1",
+									children: "The subject line shown in the recipient's inbox. Also used as the edition's display name in lists."
+								})
+							] }),
+							/* @__PURE__ */ (0, T.jsxs)("div", { children: [
+								/* @__PURE__ */ (0, T.jsx)("label", {
+									className: "block text-sm font-medium text-[var(--gray-12)] mb-1.5",
+									children: "Edition date"
+								}),
+								/* @__PURE__ */ (0, T.jsx)("input", {
+									type: "date",
+									value: D.edition_date ?? "",
+									onChange: (e) => j({
+										...D,
+										edition_date: e.target.value
+									}),
+									className: "px-3 py-2 border border-[var(--gray-a6)] rounded-md bg-[var(--color-surface)] text-sm text-[var(--gray-12)] focus:outline-none focus:ring-2 focus:ring-[var(--accent-8)]"
+								}),
+								/* @__PURE__ */ (0, T.jsx)("p", {
+									className: "text-xs text-[var(--gray-9)] mt-1",
+									children: "The date this edition is logically associated with — used for ordering and for the public archive page."
+								})
+							] }),
+							/* @__PURE__ */ (0, T.jsxs)("div", { children: [
+								/* @__PURE__ */ (0, T.jsx)("label", {
+									className: "block text-sm font-medium text-[var(--gray-12)] mb-1.5",
+									children: "Preheader"
+								}),
+								/* @__PURE__ */ (0, T.jsx)("textarea", {
+									value: D.preheader ?? "",
+									onChange: (e) => j({
+										...D,
+										preheader: e.target.value
+									}),
+									placeholder: "Preheader — short preview text shown in the inbox next to the subject (recommended ~80 chars)",
+									rows: 3,
+									className: "w-full px-3 py-2 border border-[var(--gray-a6)] rounded-md bg-[var(--color-surface)] text-sm text-[var(--gray-12)] focus:outline-none focus:ring-2 focus:ring-[var(--accent-8)] resize-y"
+								}),
+								/* @__PURE__ */ (0, T.jsx)("p", {
+									className: "text-xs text-[var(--gray-9)] mt-1",
+									children: "The short snippet most email clients show next to or below the subject. Recommended length: ~80 characters."
+								})
+							] }),
+							D.id && /* @__PURE__ */ (0, T.jsx)(E, {
+								contentType: "newsletter_edition",
+								entityId: D.id
+							}),
+							/* @__PURE__ */ (0, T.jsx)("div", {
+								className: "pt-2",
+								children: /* @__PURE__ */ (0, T.jsx)("button", {
+									type: "button",
+									onClick: () => Q(),
+									disabled: x,
+									className: "px-4 py-2 bg-[var(--accent-9)] hover:bg-[var(--accent-10)] disabled:opacity-50 text-white text-sm font-medium rounded-md transition-colors",
+									children: x ? "Saving…" : "Save details"
+								})
+							})
+						]
+					})
+				}),
+				X === "sending" && l && /* @__PURE__ */ (0, T.jsx)("div", {
+					className: "py-2",
+					children: /* @__PURE__ */ (0, T.jsx)(k, {
+						editionId: D.id,
+						editionDate: D.edition_date,
+						subject: D.subject || "",
+						collection: J,
+						newsletterSlug: r,
+						editionStatus: D.status,
+						getRenderedHtml: D ? async () => {
+							let e = /* @__PURE__ */ new Map();
+							for (let t of D.blocks) {
+								let n = t.block_template.component_id || t.block_template.block_type, r = t.block_template.render_kind;
+								y.has(n) || r === "react-email" || r === "declarative" ? e.set(t.id, {
+									render_kind: "react-email",
+									component_id: n
+								}) : e.set(t.id, {
+									render_kind: "mustache",
+									mustache_html: t.block_template.content.html_template ?? ""
+								});
+							}
+							return ee({
+								edition: D,
+								format: "email",
+								blockMeta: e,
+								wrapperTemplate: J?.wrapperTemplate ?? null,
+								viewOnlineUrl: O(J, {
+									edition_date: D.edition_date,
+									subject: D.subject,
+									title: D.title
+								}) ?? void 0,
+								registry: f(G, K),
+								pretty: !1,
+								forSend: !0
+							});
+						} : void 0
+					})
+				})
+			]
+		})
+	});
+}
+function re() {
+	if (typeof crypto < "u" && "randomUUID" in crypto) return crypto.randomUUID();
+	let e = "";
+	for (let t = 0; t < 32; t++) e += "0123456789abcdef"[Math.floor(Math.random() * 16)];
+	return `${e.slice(0, 8)}-${e.slice(8, 12)}-4${e.slice(13, 16)}-${e.slice(16, 20)}-${e.slice(20, 32)}`;
+}
+function ie(e) {
+	let t = { ...e };
+	return Array.isArray(t.children) && (t.children = t.children.map((e) => ({
+		type: e.type,
+		props: ie({
+			...e.props,
+			id: re()
+		})
+	}))), t;
+}
+//#endregion
+export { B as default };