@gatewaze/admin-embed 0.1.0

package/dist/_collectionSlug_-B3UN6M-Q.js

@@ -0,0 +1,308 @@
+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, O as o, n as s } from "./ui-DRIo9Krs.js";
+import { t as c } from "./DetailPageHeader-D_v7924k.js";
+import { a as l, s as u } from "./hooks-C377EXJG.js";
+import { n as d } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as f } from "./outline-DwDYhYcF.js";
+import { t as p } from "./Page-D3u8IZ2a.js";
+import { t as m } from "./useModuleFeature-DgsFIUpv.js";
+import { n as h, t as g } from "./utils-BcVvIjaY.js";
+//#region ../../../gatewaze-modules/modules/newsletters/admin/pages/templates/[collectionSlug].tsx
+var _ = /* @__PURE__ */ e(t()), v = f(), y = r();
+function b() {
+	let { collectionSlug: e } = u(), t = l(), r = m("redirects-shortio"), f = m("redirects-bitly"), b = m("redirects-umami"), [x, S] = (0, _.useState)(null), [C, w] = (0, _.useState)([]), [T, E] = (0, _.useState)([]), [D, O] = (0, _.useState)(!0), [k, A] = (0, _.useState)(!1), [j, M] = (0, _.useState)(""), [N, P] = (0, _.useState)(!1), F = x?.metadata?.redirect_provider || "", I = [
+		{
+			value: "",
+			label: "None (use full URLs)"
+		},
+		...r ? [{
+			value: "redirects-shortio",
+			label: "Short.io"
+		}] : [],
+		...f ? [{
+			value: "redirects-bitly",
+			label: "Bitly"
+		}] : [],
+		...b ? [{
+			value: "redirects-umami",
+			label: "Umami (self-hosted)"
+		}] : []
+	];
+	(0, _.useEffect)(() => {
+		e && L();
+	}, [e]);
+	async function L() {
+		try {
+			let { data: t, error: r } = await n.from("newsletters_template_collections").select("*").eq("slug", e).single();
+			if (r) throw r;
+			S(t), M(t.name);
+			let [i, a, o] = await Promise.all([
+				n.from("templates_block_defs").select("id, key, name, description, schema, html, rich_text_template, has_bricks, library_id, block_type:key").eq("library_id", t.id).eq("is_current", !0).order("key"),
+				n.from("templates_brick_defs").select("id, block_def_id, key, name, schema, html, rich_text_template, sort_order, brick_type:key, templates_block_defs!inner(library_id)").eq("templates_block_defs.library_id", t.id).eq("is_current", !0).order("sort_order"),
+				n.from("templates_sources").select("id").eq("library_id", t.id).eq("kind", "git").eq("status", "active").limit(1)
+			]);
+			if (i.error) throw i.error;
+			if (a.error) throw a.error;
+			if (o.error) throw o.error;
+			w(i.data || []), E(a.data || []), P((o.data ?? []).length > 0);
+		} catch (e) {
+			console.error("Error loading template:", e), d.error("Failed to load template");
+		} finally {
+			O(!1);
+		}
+	}
+	async function R() {
+		if (!(!x || !j.trim())) try {
+			let { error: e } = await n.from("newsletters_template_collections").update({ name: j.trim() }).eq("id", x.id);
+			if (e) throw e;
+			S({
+				...x,
+				name: j.trim()
+			}), A(!1), d.success("Name updated");
+		} catch (e) {
+			console.error("Error updating name:", e), d.error("Failed to update name");
+		}
+	}
+	async function z(e) {
+		if (x) try {
+			let t = {
+				...x.metadata || {},
+				redirect_provider: e || null
+			}, { error: r } = await n.from("newsletters_template_collections").update({ metadata: t }).eq("id", x.id);
+			if (r) throw r;
+			S({
+				...x,
+				metadata: t
+			}), d.success("Redirect provider updated");
+		} catch (e) {
+			console.error("Error updating redirect provider:", e), d.error("Failed to update redirect provider");
+		}
+	}
+	async function B() {
+		if (x) try {
+			let e = await h(x.id);
+			g(e, x.slug), d.success("Template downloaded");
+		} catch (e) {
+			console.error("Error downloading template:", e), d.error("Failed to download template");
+		}
+	}
+	async function V(e, t) {
+		if (confirm(`Delete block template "${t}"? This cannot be undone.`)) try {
+			let { error: t } = await n.from("templates_block_defs").delete().eq("id", e);
+			if (t) throw t;
+			d.success("Block template deleted"), L();
+		} catch (e) {
+			console.error("Error deleting block:", e), d.error("Failed to delete block template");
+		}
+	}
+	async function H(e, t) {
+		if (confirm(`Delete brick template "${t}"? This cannot be undone.`)) try {
+			let { error: t } = await n.from("templates_brick_defs").delete().eq("id", e);
+			if (t) throw t;
+			d.success("Brick template deleted"), L();
+		} catch (e) {
+			console.error("Error deleting brick:", e), d.error("Failed to delete brick template");
+		}
+	}
+	return D ? /* @__PURE__ */ (0, y.jsx)(p, {
+		title: "Template",
+		children: /* @__PURE__ */ (0, y.jsx)("div", {
+			className: "flex items-center justify-center p-12",
+			children: /* @__PURE__ */ (0, y.jsx)(s, {})
+		})
+	}) : x ? /* @__PURE__ */ (0, y.jsx)(p, {
+		title: x.name,
+		children: /* @__PURE__ */ (0, y.jsxs)("div", {
+			className: "p-6",
+			children: [
+				/* @__PURE__ */ (0, y.jsx)(c, {
+					title: k ? "" : x.name,
+					subtitle: x.description || void 0,
+					backTo: "/newsletters/templates",
+					badges: x.is_default ? [{
+						label: "Default",
+						color: "blue"
+					}] : void 0,
+					actions: /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [C.length > 0 && /* @__PURE__ */ (0, y.jsxs)("button", {
+						onClick: B,
+						className: "px-3 py-1.5 text-sm font-medium rounded-md bg-white/90 backdrop-blur-md border border-white/40 text-gray-900 shadow-sm hover:bg-white transition-colors",
+						children: [/* @__PURE__ */ (0, y.jsx)(v.ArrowDownTrayIcon, { className: "w-4 h-4 inline mr-1" }), "Download"]
+					}), !N && /* @__PURE__ */ (0, y.jsxs)("button", {
+						onClick: () => {
+							C.length > 0 && !confirm("This will replace all block and brick templates. Existing editions are not affected. Continue?") || t(`/newsletters/templates/${e}/upload`);
+						},
+						className: "px-3 py-1.5 text-sm font-medium rounded-md bg-white/90 backdrop-blur-md border border-white/40 text-gray-900 shadow-sm hover:bg-white transition-colors",
+						children: [/* @__PURE__ */ (0, y.jsx)(v.ArrowUpTrayIcon, { className: "w-4 h-4 inline mr-1" }), C.length > 0 ? "Re-upload" : "Upload"]
+					})] }),
+					children: k && /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ (0, y.jsx)("input", {
+								type: "text",
+								value: j,
+								onChange: (e) => M(e.target.value),
+								className: "text-lg font-semibold px-2 py-1 rounded border border-white/40 bg-white/90 text-gray-900",
+								onKeyDown: (e) => {
+									e.key === "Enter" && R(), e.key === "Escape" && (A(!1), M(x.name));
+								},
+								autoFocus: !0
+							}),
+							/* @__PURE__ */ (0, y.jsx)("button", {
+								onClick: R,
+								className: "px-2 py-1 text-sm rounded bg-white/90 text-gray-900 hover:bg-white",
+								children: "Save"
+							}),
+							/* @__PURE__ */ (0, y.jsx)("button", {
+								onClick: () => {
+									A(!1), M(x.name);
+								},
+								className: "px-2 py-1 text-sm rounded bg-white/20 text-white/80 hover:bg-white/30",
+								children: "Cancel"
+							})
+						]
+					})
+				}),
+				(r || f || b) && /* @__PURE__ */ (0, y.jsxs)(a, {
+					className: "p-4 mb-6",
+					children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "flex items-center gap-2 mb-3",
+						children: [/* @__PURE__ */ (0, y.jsx)(v.Cog6ToothIcon, { className: "w-5 h-5 text-[var(--gray-10)]" }), /* @__PURE__ */ (0, y.jsx)("h2", {
+							className: "text-sm font-medium text-[var(--gray-12)]",
+							children: "Template Settings"
+						})]
+					}), /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "max-w-sm",
+						children: [
+							/* @__PURE__ */ (0, y.jsx)("label", {
+								className: "text-xs text-[var(--gray-10)] mb-1 block",
+								children: "Link Redirect Provider"
+							}),
+							/* @__PURE__ */ (0, y.jsx)("select", {
+								value: F,
+								onChange: (e) => z(e.target.value),
+								className: "w-full px-3 py-2 rounded-md border border-[var(--gray-6)] bg-[var(--gray-1)] text-[var(--gray-12)] text-sm",
+								children: I.map((e) => /* @__PURE__ */ (0, y.jsx)("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							}),
+							/* @__PURE__ */ (0, y.jsx)("p", {
+								className: "text-xs text-[var(--gray-10)] mt-1",
+								children: "Choose how links are shortened in editions using this template"
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "mb-8",
+					children: [/* @__PURE__ */ (0, y.jsx)("div", {
+						className: "flex items-center justify-between mb-4",
+						children: /* @__PURE__ */ (0, y.jsxs)("h2", {
+							className: "text-lg font-medium text-[var(--gray-12)] flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ (0, y.jsx)(v.CubeIcon, { className: "w-5 h-5 text-[var(--accent-9)]" }),
+								"Block Templates",
+								N && /* @__PURE__ */ (0, y.jsx)(o, {
+									color: "gray",
+									children: "Managed by git"
+								})
+							]
+						})
+					}), /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "space-y-2",
+						children: [C.map((n) => /* @__PURE__ */ (0, y.jsxs)(a, {
+							className: N ? "p-3 flex items-center justify-between" : "p-3 flex items-center justify-between hover:border-[var(--accent-8)] transition-colors cursor-pointer",
+							onClick: N ? void 0 : () => t(`/newsletters/templates/${e}/blocks/${n.block_type}`),
+							children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ (0, y.jsx)(v.CubeIcon, { className: "w-4 h-4 text-[var(--gray-10)]" }),
+									/* @__PURE__ */ (0, y.jsxs)("div", { children: [/* @__PURE__ */ (0, y.jsx)("span", {
+										className: "text-sm font-medium text-[var(--gray-12)]",
+										children: n.name
+									}), /* @__PURE__ */ (0, y.jsx)("span", {
+										className: "text-xs text-[var(--gray-10)] ml-2",
+										children: n.block_type
+									})] }),
+									n.has_bricks && /* @__PURE__ */ (0, y.jsx)(o, {
+										color: "gray",
+										children: "has bricks"
+									}),
+									n.rich_text_template && /* @__PURE__ */ (0, y.jsx)(o, {
+										color: "gray",
+										children: "+ rich text"
+									})
+								]
+							}), !N && /* @__PURE__ */ (0, y.jsx)(i, {
+								variant: "ghost",
+								onClick: (e) => {
+									e.stopPropagation(), V(n.id, n.name);
+								},
+								children: /* @__PURE__ */ (0, y.jsx)(v.TrashIcon, { className: "w-4 h-4 text-[var(--red-9)]" })
+							})]
+						}, n.id)), C.length === 0 && /* @__PURE__ */ (0, y.jsx)("p", {
+							className: "text-sm text-[var(--gray-10)] text-center py-4",
+							children: N ? "No block templates yet — push a block file to the connected git repo to get started" : "No block templates yet — upload an HTML file to get started"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", { children: [/* @__PURE__ */ (0, y.jsx)("div", {
+					className: "flex items-center justify-between mb-4",
+					children: /* @__PURE__ */ (0, y.jsxs)("h2", {
+						className: "text-lg font-medium text-[var(--gray-12)] flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ (0, y.jsx)(v.PuzzlePieceIcon, { className: "w-5 h-5 text-[var(--accent-9)]" }),
+							"Brick Templates",
+							N && /* @__PURE__ */ (0, y.jsx)(o, {
+								color: "gray",
+								children: "Managed by git"
+							})
+						]
+					})
+				}), /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "space-y-2",
+					children: [T.map((n) => /* @__PURE__ */ (0, y.jsxs)(a, {
+						className: N ? "p-3 flex items-center justify-between" : "p-3 flex items-center justify-between hover:border-[var(--accent-8)] transition-colors cursor-pointer",
+						onClick: N ? void 0 : () => t(`/newsletters/templates/${e}/bricks/${n.brick_type}`),
+						children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ (0, y.jsx)(v.PuzzlePieceIcon, { className: "w-4 h-4 text-[var(--gray-10)]" }),
+								/* @__PURE__ */ (0, y.jsxs)("div", { children: [/* @__PURE__ */ (0, y.jsx)("span", {
+									className: "text-sm font-medium text-[var(--gray-12)]",
+									children: n.name
+								}), /* @__PURE__ */ (0, y.jsx)("span", {
+									className: "text-xs text-[var(--gray-10)] ml-2",
+									children: n.brick_type
+								})] }),
+								n.rich_text_template && /* @__PURE__ */ (0, y.jsx)(o, {
+									color: "gray",
+									children: "+ rich text"
+								})
+							]
+						}), !N && /* @__PURE__ */ (0, y.jsx)(i, {
+							variant: "ghost",
+							onClick: (e) => {
+								e.stopPropagation(), H(n.id, n.name);
+							},
+							children: /* @__PURE__ */ (0, y.jsx)(v.TrashIcon, { className: "w-4 h-4 text-[var(--red-9)]" })
+						})]
+					}, n.id)), T.length === 0 && /* @__PURE__ */ (0, y.jsx)("p", {
+						className: "text-sm text-[var(--gray-10)] text-center py-4",
+						children: "No brick templates yet"
+					})]
+				})] })
+			]
+		})
+	}) : /* @__PURE__ */ (0, y.jsx)(p, {
+		title: "Template Not Found",
+		children: /* @__PURE__ */ (0, y.jsx)("div", {
+			className: "p-6 text-center text-[var(--gray-10)]",
+			children: "Template not found"
+		})
+	});
+}
+//#endregion
+export { b as default };

package/dist/_collection_-Qz4k_Qjl.js

@@ -0,0 +1,139 @@
+import { c as e, n as t, t as n } from "./react-DB2tPNit.js";
+import { t as r } from "./jsx-runtime-CjozyJt-.js";
+import { t as i } from "./edition-slug-CARO24Bs.js";
+import { n as a, r as o } from "./brand-DklYwIeA.js";
+import { t as s } from "./NewsletterSignup-DRVZIpOs.js";
+//#region \0stub:next/navigation
+var c = /* @__PURE__ */ t(((e, t) => {
+	t.exports = {};
+})), l = /* @__PURE__ */ e(n()), u = /* @__PURE__ */ e(o()), d = c(), f = a(), p = r();
+function m(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function h(e) {
+	return e.replace(/[-_]+/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function g({ params: e }) {
+	let t = (0, d.useRouter)(), n = e.collection || "", r = n.includes("--"), [a, o] = (0, l.useState)(null), [c, g] = (0, l.useState)([]), [_, v] = (0, l.useState)(!0), [y, b] = (0, l.useState)(null);
+	if ((0, l.useEffect)(() => {
+		async function e() {
+			try {
+				let e = (0, f.getSupabaseClient)();
+				if (r) {
+					let [r, a] = n.split("--"), { data: o } = await e.from("newsletters_template_collections").select("id, slug").eq("slug", r).single();
+					if (!o) {
+						b("Newsletter not found"), v(!1);
+						return;
+					}
+					let { data: s } = await e.from("newsletters_editions").select("title, edition_date").eq("collection_id", o.id).eq("edition_date", a).eq("status", "published").order("created_at", { ascending: !1 }).limit(1).maybeSingle();
+					if (!s) {
+						b("Edition not found"), v(!1);
+						return;
+					}
+					t.replace(`/newsletters/${o.slug}/${i(s.edition_date, s.title)}`);
+					return;
+				}
+				let { data: a } = await e.from("newsletters_template_collections").select("id, name, slug, description, accent_color, content_category, require_login").eq("slug", n).eq("setup_complete", !0).maybeSingle();
+				if (!a) {
+					b("Newsletter not found"), v(!1);
+					return;
+				}
+				o(a);
+				let { data: s } = await e.from("newsletters_editions").select("id, title, edition_date, preheader").eq("collection_id", a.id).eq("status", "published").order("edition_date", { ascending: !1 });
+				g(s || []), v(!1);
+			} catch {
+				b("Failed to load newsletter"), v(!1);
+			}
+		}
+		e();
+	}, [
+		n,
+		r,
+		t
+	]), _) return /* @__PURE__ */ (0, p.jsx)("div", {
+		className: "pub-wrap",
+		children: /* @__PURE__ */ (0, p.jsx)("div", {
+			className: "pub-empty",
+			children: "Loading…"
+		})
+	});
+	if (y || !a) return /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: "pub-wrap",
+		children: [/* @__PURE__ */ (0, p.jsx)("div", {
+			className: "pub-h",
+			children: /* @__PURE__ */ (0, p.jsx)("h1", { children: "Newsletter" })
+		}), /* @__PURE__ */ (0, p.jsxs)("div", {
+			className: "pub-empty",
+			children: [
+				y || "Not found",
+				". ",
+				/* @__PURE__ */ (0, p.jsx)(u.default, {
+					href: "/newsletters",
+					className: "pub-nl-viewall",
+					style: { marginTop: 0 },
+					children: "Back to newsletters"
+				})
+			]
+		})]
+	});
+	let x = a.accent_color || "var(--accent)";
+	return /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: "pub-wrap pub-fade",
+		children: [
+			/* @__PURE__ */ (0, p.jsxs)("div", {
+				className: "pub-h",
+				children: [/* @__PURE__ */ (0, p.jsxs)("div", {
+					className: "pub-nl-titlerow",
+					children: [
+						/* @__PURE__ */ (0, p.jsx)("span", {
+							className: "pub-nl-bar",
+							style: { background: x }
+						}),
+						/* @__PURE__ */ (0, p.jsx)("h1", {
+							style: { margin: 0 },
+							children: a.name
+						}),
+						a.content_category && /* @__PURE__ */ (0, p.jsx)("span", {
+							className: "pub-nl-badge",
+							children: h(a.content_category)
+						})
+					]
+				}), a.description && /* @__PURE__ */ (0, p.jsx)("p", { children: a.description })]
+			}),
+			a.require_login ? /* @__PURE__ */ (0, p.jsx)("p", {
+				className: "pub-nl-note",
+				children: "Subscribers only — sign in to read the editions."
+			}) : /* @__PURE__ */ (0, p.jsx)("div", {
+				style: {
+					maxWidth: 480,
+					marginBottom: 8
+				},
+				children: /* @__PURE__ */ (0, p.jsx)(s, { collectionSlug: a.slug })
+			}),
+			c.length === 0 ? /* @__PURE__ */ (0, p.jsx)("div", {
+				className: "pub-empty",
+				children: "No editions published yet."
+			}) : /* @__PURE__ */ (0, p.jsx)("ul", {
+				className: "pub-nl-list",
+				style: { marginTop: 20 },
+				children: c.map((e) => /* @__PURE__ */ (0, p.jsx)("li", { children: /* @__PURE__ */ (0, p.jsxs)(u.default, {
+					href: `/newsletters/${a.slug}/${i(e.edition_date, e.title)}`,
+					className: "pub-nl-row",
+					children: [/* @__PURE__ */ (0, p.jsx)("span", {
+						className: "pub-nl-row-date",
+						children: m(e.edition_date)
+					}), /* @__PURE__ */ (0, p.jsx)("span", {
+						className: "pub-nl-row-title",
+						children: e.title || "Untitled edition"
+					})]
+				}) }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { g as default };