@templatical/editor 0.39.4 → 0.40.0

package/dist/{cloud-C9xWZXhg.js → cloud-DsqqUfzh.js}

@@ -1,5 +1,5 @@
 import { J as e, R as t, Z as n, s as r } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { s as i } from "./dist-tGkjkX-v.js";
+import { s as i } from "./dist-DbUZvK04.js";
 //#region ../core/dist/cloud/index.js
 function a(e) {
 	let t = e instanceof i ? e.statusCode : void 0;

package/dist/{createCloudRuntime-BGd5--Bq.js → createCloudRuntime-iLflkYzP.js}

@@ -1,11 +1,11 @@
 import { R as e, Z as t, j as n, s as r } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { _ as i } from "./dist-8VFzbeu9.js";
 import { t as a } from "./dist-BDuPwOyn.js";
-import { U as o, i as s, t as c, u as l } from "./keys-BdoSgsz9.js";
+import { W as o, i as s, t as c, u as l } from "./keys-CDqfZIRt.js";
 import { t as u } from "./timeouts-DHPZQ0G3.js";
 import { t as d } from "./logger-BBlvSn6q.js";
-import { t as f } from "./preRenderCustomBlocks-DFXH54Zr.js";
-import { C as p, S as m, a as h, b as g, c as _, d as ee, f as te, g as ne, h as re, i as ie, l as ae, m as oe, n as se, o as ce, r as le, s as v, t as y, u as b, v as x, x as ue, y as de } from "./cloud-C9xWZXhg.js";
+import { t as f } from "./preRenderCustomBlocks-BBSqQgke.js";
+import { C as p, S as m, a as h, b as g, c as _, d as v, f as ee, g as te, h as ne, i as re, l as ie, m as ae, n as oe, o as se, r as ce, s as le, t as y, u as b, v as x, x as ue, y as de } from "./cloud-DsqqUfzh.js";
 //#region src/cloud/composables/useCloudFeatureFlags.ts
 function fe(e) {
 	let { planConfigInstance: t, aiConfig: n, getTemplateId: i } = e;
@@ -103,10 +103,19 @@ function he(e) {
 //#endregion
 //#region src/cloud/collectSavedBlockIds.ts
 function ge(e) {
-	let t = /* @__PURE__ */ new Set(), n = e?.content?.blocks;
-	if (!n) return t;
-	for (let e of n) if (t.add(e.id), e.type === "section" && e.children) for (let n of e.children) for (let e of n) t.add(e.id);
-	return t;
+	let t = /* @__PURE__ */ new Set();
+	return S(e?.content?.blocks, t), t;
+}
+function S(e, t) {
+	if (e) {
+		for (let n of e) if (t.add(n.id), n.children) {
+			if (n.type === "section") {
+				for (let e of n.children) S(e, t);
+				continue;
+			}
+			n.type === "wrapper" && S(n.children, t);
+		}
+	}
 }
 //#endregion
 //#region src/cloud/createCloudRuntime.ts
@@ -164,22 +173,22 @@ function Se(e) {
 		...typeof n == "function" ? { onRestored: n } : {}
 	};
 }
-function S(e) {
+function C(e) {
 	return e.length < 2 ? e.join("") : e.length === 2 ? e.join(" and ") : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`;
 }
-async function C(i) {
-	let { config: a, cloudTranslations: u } = i, C = null, w = null, T = null, E = null, D = null, O = null, k = t(null), A = t(/* @__PURE__ */ new Map()), j = t(null);
+async function w(i) {
+	let { config: a, cloudTranslations: u } = i, S = null, w = null, T = null, E = null, D = null, O = null, k = t(null), A = t(/* @__PURE__ */ new Map()), j = t(null);
 	function M() {
-		if (!C) throw Error("[Templatical] The Cloud editor is not mounted yet.");
-		return C;
+		if (!S) throw Error("[Templatical] The Cloud editor is not mounted yet.");
+		return S;
 	}
 	function N() {
-		return C?.state.template?.id ?? null;
+		return S?.state.template?.id ?? null;
 	}
 	let P = new y({
 		...a.auth,
 		onError: (e) => {
-			ae(e) && (k.value = e), a.onError?.(e);
+			ie(e) && (k.value = e), a.onError?.(e);
 		}
 	}), F = g({
 		authManager: P,
@@ -190,19 +199,19 @@ async function C(i) {
 	if (!I.api.ok) throw Error("Health check failed: API is not reachable");
 	if (!I.auth.ok) throw Error(`Health check failed: authentication error${I.auth.error ? ` - ${I.auth.error}` : ""}`);
 	I.websocket.ok || d.warn("WebSocket health check failed:", I.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await F.fetchConfig(), k.value = null;
-	let Ce = a.templates, L = [
+	let L = a.templates, R = [
 		"load",
 		"create",
 		"save"
-	].filter((e) => Ce?.[e] !== void 0);
-	L.length > 0 && d.warn(`initCloud ignores ${S(L.map((e) => `templates.${e}`))} — the template id is the join key for collaboration, version history, comments, AI rewrite, scoring and the server-side export, so an id Cloud never issued would degrade all six. Your event handlers were kept. Use init() to bring your own storage.`);
-	let R = a.versionHistory, z = [
+	].filter((e) => L?.[e] !== void 0);
+	R.length > 0 && d.warn(`initCloud ignores ${C(R.map((e) => `templates.${e}`))} — the template id is the join key for collaboration, version history, comments, AI rewrite, scoring and the server-side export, so an id Cloud never issued would degrade all six. Your event handlers were kept. Use init() to bring your own storage.`);
+	let Ce = a.versionHistory, z = [
 		"list",
 		"get",
 		"create",
 		"restore"
-	].filter((e) => R?.[e] !== void 0);
-	z.length > 0 && d.warn(`initCloud ignores ${S(z.map((e) => `versionHistory.${e}`))} — a version is keyed to a template id Cloud issued, so Cloud owns its history. Your event handlers were kept. Use init() to bring your own storage.`);
+	].filter((e) => Ce?.[e] !== void 0);
+	z.length > 0 && d.warn(`initCloud ignores ${C(z.map((e) => `versionHistory.${e}`))} — a version is keyed to a template id Cloud issued, so Cloud owns its history. Your event handlers were kept. Use init() to bring your own storage.`);
 	let we = a.comments, B = [
 		"list",
 		"create",
@@ -211,12 +220,12 @@ async function C(i) {
 		"setResolved",
 		"subscribe"
 	].filter((e) => we?.[e] !== void 0);
-	B.length > 0 && d.warn(`initCloud ignores ${S(B.map((e) => `comments.${e}`))} — a comment is keyed to a template id Cloud issued, and its author is signed by the auth token, so Cloud owns the conversation. Your event handlers were kept. Use init() to bring your own storage.`), a.render && d.warn("initCloud does not accept a `render` provider — Cloud renders server-side for test email, sends and exports, so a supplied renderer would change only what you preview and export, never what Cloud delivers. The supplied provider is ignored. For your own MJML, call renderToMjml(editor.getContent()) from @templatical/renderer.");
+	B.length > 0 && d.warn(`initCloud ignores ${C(B.map((e) => `comments.${e}`))} — a comment is keyed to a template id Cloud issued, and its author is signed by the auth token, so Cloud owns the conversation. Your event handlers were kept. Use init() to bring your own storage.`), a.render && d.warn("initCloud does not accept a `render` provider — Cloud renders server-side for test email, sends and exports, so a supplied renderer would change only what you preview and export, never what Cloud delivers. The supplied provider is ignored. For your own MJML, call renderToMjml(editor.getContent()) from @templatical/renderer.");
 	function V(e) {
 		let t = F.config.value?.websocket;
-		T && t && T.connect(e.id, te(t));
+		T && t && T.connect(e.id, ee(t));
 	}
-	let H = ce(P), U = H.create, W = H.save, Te = {
+	let H = se(P), U = H.create, W = H.save, Te = {
 		..._e(a.templates),
 		load: async (e) => {
 			let t = await H.load(e);
@@ -226,8 +235,8 @@ async function C(i) {
 			let t = await U(e);
 			return V(t), t;
 		} : !1,
-		save: typeof W == "function" ? async (e, t) => (w && C && await f(C.content.value, w.registry), W(e, t)) : !1
-	}, Ee = ie({
+		save: typeof W == "function" ? async (e, t) => (w && S && await f(S.content.value, w.registry), W(e, t)) : !1
+	}, Ee = re({
 		authManager: P,
 		getTemplateId: N,
 		save: () => M().save()
@@ -236,7 +245,7 @@ async function C(i) {
 		..._(P)
 	}, Oe = {
 		...ve(a.comments),
-		...se({
+		...oe({
 			authManager: P,
 			channel: j,
 			getSocketId: () => T?.getSocketId() ?? null
@@ -252,7 +261,7 @@ async function C(i) {
 			"update",
 			"delete"
 		].filter((t) => e[t] !== void 0);
-		t.length > 0 && d.warn(`initCloud ignores ${S(t.map((e) => `savedBlocks.${e}`))} — a provider needs a working list to replace Cloud's store, and this value has none, so it configures Cloud's own store instead. Your event handlers were kept. Use init() to bring your own storage.`);
+		t.length > 0 && d.warn(`initCloud ignores ${C(t.map((e) => `savedBlocks.${e}`))} — a provider needs a working list to replace Cloud's store, and this value has none, so it configures Cloud's own store instead. Your event handlers were kept. Use init() to bring your own storage.`);
 	}
 	let K = a.savedBlocks === !1 ? void 0 : G ?? {
 		...ye(a.savedBlocks),
@@ -267,13 +276,13 @@ async function C(i) {
 			"includeMjml",
 			"allowedRecipients"
 		].filter((t) => e[t] !== void 0);
-		t.length > 0 && d.warn(`initCloud ignores ${S(t.map((e) => `testEmail.${e}`))} — a provider needs a working send to replace Cloud's sender outright, and Cloud renders server-side with the signed allowlist from your project's JWT either way, so none of these apply here. Your event handlers were kept.`);
+		t.length > 0 && d.warn(`initCloud ignores ${C(t.map((e) => `testEmail.${e}`))} — a provider needs a working send to replace Cloud's sender outright, and Cloud renders server-side with the signed allowlist from your project's JWT either way, so none of these apply here. Your event handlers were kept.`);
 	}
-	let je = J ?? Object.assign(v({
+	let je = J ?? Object.assign(le({
 		authManager: P,
 		getTemplateId: N,
 		save: () => M().save(),
-		exportHtml: (e) => Ae.exportHtml(e, ee(a.fonts)),
+		exportHtml: (e) => Ae.exportHtml(e, v(a.fonts)),
 		allowedEmails: q.allowedEmails,
 		getSignature: q.getSignature,
 		onBeforeTestEmail: a.onBeforeTestEmail
@@ -285,11 +294,11 @@ async function C(i) {
 			"update",
 			"delete"
 		].filter((t) => e[t] !== void 0);
-		t.length > 0 && d.warn(`initCloud ignores ${S(t.map((e) => `media.${e}`))} — a provider needs a working list to replace Cloud's store, and this value has none, so it configures Cloud's own store instead. Your event handlers were kept. Use init() to bring your own storage.`);
+		t.length > 0 && d.warn(`initCloud ignores ${C(t.map((e) => `media.${e}`))} — a provider needs a working list to replace Cloud's store, and this value has none, so it configures Cloud's own store instead. Your event handlers were kept. Use init() to bring your own storage.`);
 		let n = ["maxFileSize", "mimeTypes"].filter((t) => e[t] !== void 0);
-		n.length > 0 && d.warn(`initCloud ignores ${S(n.map((e) => `media.${e}`))} — Cloud's plan owns those limits whenever Cloud's store is in play. Your event handlers were kept.`);
+		n.length > 0 && d.warn(`initCloud ignores ${C(n.map((e) => `media.${e}`))} — Cloud's plan owns those limits whenever Cloud's store is in play. Your event handlers were kept.`);
 	}
-	let X = a.media === !1 ? void 0 : Y ?? Object.assign(le(P, () => F.config.value), xe(a.media)), Z = oe(a.ai), Me = ue({
+	let X = a.media === !1 ? void 0 : Y ?? Object.assign(ce(P, () => F.config.value), xe(a.media)), Z = ae(a.ai), Me = ue({
 		authManager: P,
 		getTemplateId: N
 	}), Q = fe({
@@ -299,7 +308,7 @@ async function C(i) {
 	}), $ = r(() => !!a.collaboration?.enabled && F.hasFeature("collaboration"));
 	function Ne(t) {
 		let r = t.editor;
-		C = r, n(l, u), n(s, P), n(c, Z), n(o, Me);
+		S = r, n(l, u), n(s, P), n(c, Z), n(o, Me);
 		let i = p({
 			authManager: P,
 			onError: a.onError
@@ -310,7 +319,7 @@ async function C(i) {
 			editor: r,
 			channel: i.channel,
 			onOperation: a.mcp.onOperation
-		}), a.collaboration?.enabled && (E = re({
+		}), a.collaboration?.enabled && (E = ne({
 			authManager: P,
 			editor: r,
 			channel: i.channel,
@@ -321,7 +330,7 @@ async function C(i) {
 			onBlockUnlocked: a.collaboration.onBlockUnlocked
 		}), e(() => E.lockedBlocks.value, (e) => {
 			A.value = e;
-		}, { immediate: !0 }), ne(r, E)), {
+		}, { immediate: !0 }), te(r, E)), {
 			websocket: i,
 			panelState: pe(),
 			featureFlags: Q,
@@ -357,7 +366,7 @@ async function C(i) {
 			isSavedBlocksAvailable: G ? () => !0 : () => a.savedBlocks !== !1 && F.hasFeature("savedModules"),
 			isTestEmailAvailable: J ? () => !0 : () => q.isEnabled.value && Q.canSendTestEmail.value && Q.hasTemplateSaved.value,
 			isCommentsAvailable: () => a.comments !== !1 && F.hasFeature("commenting") && Q.hasTemplateSaved.value,
-			isBlockSaved: (e) => ge(C?.state.template ?? null).has(e),
+			isBlockSaved: (e) => ge(S?.state.template ?? null).has(e),
 			getSaveGate: () => O,
 			isRemoteOperation: () => E?._isProcessingRemoteOperation() ?? !1,
 			onBeforeUndo: () => D?.showCollabUndoWarning(),
@@ -380,4 +389,4 @@ async function C(i) {
 	};
 }
 //#endregion
-export { C as bootstrapCloud };
+export { w as bootstrapCloud };

package/dist/{de-CY6SlqBx.js → de-D4dweQw8.js}

@@ -130,6 +130,7 @@ var e = {
 		ratio21: "2:1 Verhältnis",
 		borderRadius: "Eckenradius",
 		wrapperEnable: "Wrapper hinzufügen",
+		wrapperLayoutConflict: "Dieser Editor rahmt die E-Mail bereits ein. Ein zusätzlicher Rahmen für diesen Abschnitt wird nicht unterstützt — Vorschau und Export schlagen fehl.",
 		stackOnMobile: "Auf Mobilgeräten stapeln"
 	},
 	linkDialog: {