@templatical/editor 0.39.4 → 0.40.0

package/dist/{dist-tGkjkX-v.js → dist-DbUZvK04.js}

@@ -80,18 +80,27 @@ var e = {
 	}
 };
 function r(e) {
+	return e.type === "section";
+}
+function i(e) {
 	return e.type === "custom";
 }
-var i = {
+function a(e) {
+	return e.type === "slot";
+}
+function o(e) {
+	return e.type === "wrapper";
+}
+var s = {
 	content: "<p>Enter your title</p>",
 	level: 2,
 	textAlign: "left"
-}, a = { content: "<p>Enter your text here</p>" }, o = {
+}, c = { content: "<p>Enter your text here</p>" }, l = {
 	src: "",
 	alt: "",
 	width: "full",
 	align: "center"
-}, s = {
+}, u = {
 	text: "Click Here",
 	url: "",
 	backgroundColor: "#333333",
@@ -105,36 +114,36 @@ var i = {
 		left: 24
 	},
 	align: "center"
-}, c = {
+}, d = {
 	lineStyle: "solid",
 	color: "#e0e0e0",
 	thickness: 1,
 	width: "full"
-}, l = { columns: "1" }, u = {
+}, f = { columns: "1" }, ee = {
 	url: "",
 	thumbnailUrl: "",
 	alt: "Video",
 	width: "full",
 	align: "center"
-}, d = {
+}, te = {
 	iconStyle: "solid",
 	iconSize: "medium",
 	spacing: 10,
 	align: "center"
-}, f = { height: 24 }, p = { content: "" }, m = {
+}, ne = { height: 24 }, p = { content: "" }, m = {
 	fontSize: 15,
 	textAlign: "center",
 	separator: "|",
 	separatorColor: "#e0e0e0",
 	spacing: 10
-}, h = {
+}, re = {
 	hasHeaderRow: !0,
 	borderColor: "#e0e0e0",
 	borderWidth: 1,
 	cellPadding: 8,
 	fontSize: 15,
 	textAlign: "left"
-}, g = {
+}, h = {
 	targetDate: "",
 	timezone: "UTC",
 	showDays: !0,
@@ -154,21 +163,21 @@ var i = {
 	expiredMessage: "This offer has expired",
 	expiredImageUrl: "",
 	hideOnExpiry: !1
-}, _ = {
-	title: i,
-	paragraph: a,
-	image: o,
-	button: s,
-	divider: c,
-	section: l,
-	video: u,
-	social: d,
-	spacer: f,
+}, ie = {
+	title: s,
+	paragraph: c,
+	image: l,
+	button: u,
+	divider: d,
+	section: f,
+	video: ee,
+	social: te,
+	spacer: ne,
 	html: p,
 	menu: m,
-	table: h,
-	countdown: g
-}, v = {
+	table: re,
+	countdown: h
+}, g = {
 	width: 600,
 	backgroundColor: "#ffffff",
 	textColor: "#1a1a1a",
@@ -176,28 +185,28 @@ var i = {
 	fontFamily: "Arial",
 	locale: "en"
 };
-function y(e) {
+function _(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && Object.getPrototypeOf(e) === Object.prototype;
 }
-function b(e, t) {
+function v(e, t) {
 	let n = { ...e };
 	for (let r of Object.keys(t)) {
 		let i = e[r], a = t[r];
-		a !== void 0 && (n[r] = y(i) && y(a) ? b(i, a) : a);
+		a !== void 0 && (n[r] = _(i) && _(a) ? v(i, a) : a);
 	}
 	return n;
 }
-function x(e = "Arial", t) {
+function ae(e = "Arial", t) {
 	return {
 		blocks: [],
 		settings: {
-			...v,
+			...g,
 			fontFamily: e,
 			...t
 		}
 	};
 }
-var ee = [
+var oe = [
 	"ar",
 	"he",
 	"iw",
@@ -211,20 +220,20 @@ var ee = [
 	"ckb",
 	"ks"
 ];
-function te(e) {
+function se(e) {
 	let t = e?.trim().replace(/_/g, "-").split("-")[0]?.toLowerCase();
-	return !!t && ee.includes(t);
+	return !!t && oe.includes(t);
 }
-function ne(e) {
-	return e.direction === "ltr" || e.direction === "rtl" ? e.direction : te(e.locale) ? "rtl" : "ltr";
+function ce(e) {
+	return e.direction === "ltr" || e.direction === "rtl" ? e.direction : se(e.locale) ? "rtl" : "ltr";
 }
-function S(e, t) {
-	return !t || Object.keys(t).length === 0 ? e : b(e, t);
+function y(e, t) {
+	return !t || Object.keys(t).length === 0 ? e : v(e, t);
 }
-function C() {
+function b() {
 	return crypto.randomUUID();
 }
-function w(e = 0) {
+function le(e = 0) {
 	return {
 		top: e,
 		right: e,
@@ -232,135 +241,135 @@ function w(e = 0) {
 		left: e
 	};
 }
-function T(e = 10) {
-	return { padding: w(e) };
+function x(e = 10) {
+	return { padding: le(e) };
 }
-function E(e = {}) {
-	return S({
-		id: C(),
+function ue(e = {}) {
+	return y({
+		id: b(),
 		type: "title",
-		...i,
-		styles: T()
+		...s,
+		styles: x()
 	}, e);
 }
-function D(e = {}) {
-	return S({
-		id: C(),
+function S(e = {}) {
+	return y({
+		id: b(),
 		type: "paragraph",
-		...a,
-		styles: T()
+		...c,
+		styles: x()
 	}, e);
 }
-function O(e = {}) {
-	return S({
-		id: C(),
+function C(e = {}) {
+	return y({
+		id: b(),
 		type: "image",
-		...o,
-		styles: T()
+		...l,
+		styles: x()
 	}, e);
 }
-function k(e = {}) {
-	return S({
-		id: C(),
+function w(e = {}) {
+	return y({
+		id: b(),
 		type: "button",
-		...s,
-		styles: T()
+		...u,
+		styles: x()
 	}, e);
 }
-function A(e = {}) {
-	return S({
-		id: C(),
+function T(e = {}) {
+	return y({
+		id: b(),
 		type: "divider",
-		...c,
-		styles: T(20)
+		...d,
+		styles: x(20)
 	}, e);
 }
-function j(e = {}) {
-	return S({
-		id: C(),
+function E(e = {}) {
+	return y({
+		id: b(),
 		type: "section",
-		...l,
+		...f,
 		children: [[]],
-		styles: T(20)
+		styles: x(20)
 	}, e);
 }
-function M(e = {}) {
-	return S({
-		id: C(),
+function D(e = {}) {
+	return y({
+		id: b(),
 		type: "video",
-		...u,
-		styles: T()
+		...ee,
+		styles: x()
 	}, e);
 }
-function N(e = {}) {
-	return S({
-		id: C(),
+function O(e = {}) {
+	return y({
+		id: b(),
 		type: "social",
 		icons: [],
-		...d,
-		styles: T()
+		...te,
+		styles: x()
 	}, e);
 }
-function P(e = {}) {
-	return S({
-		id: C(),
+function k(e = {}) {
+	return y({
+		id: b(),
 		type: "spacer",
-		...f,
-		styles: T(0)
+		...ne,
+		styles: x(0)
 	}, e);
 }
-function F(e = {}) {
-	return S({
-		id: C(),
+function A(e = {}) {
+	return y({
+		id: b(),
 		type: "html",
 		...p,
-		styles: T()
+		styles: x()
 	}, e);
 }
-function I(e = {}) {
-	return S({
-		id: C(),
+function j(e = {}) {
+	return y({
+		id: b(),
 		type: "menu",
 		items: [],
 		...m,
-		styles: T()
+		styles: x()
 	}, e);
 }
-function re(e, t) {
+function de(e, t) {
 	return Array.from({ length: t }, () => ({
-		id: C(),
+		id: b(),
 		cells: Array.from({ length: e }, () => ({
-			id: C(),
+			id: b(),
 			content: ""
 		}))
 	}));
 }
-function L(e = {}) {
-	return S({
-		id: C(),
+function M(e = {}) {
+	return y({
+		id: b(),
 		type: "table",
-		rows: re(3, 3),
-		...h,
-		styles: T()
+		rows: de(3, 3),
+		...re,
+		styles: x()
 	}, e);
 }
-function R(e = {}) {
-	return S({
-		id: C(),
+function N(e = {}) {
+	return y({
+		id: b(),
 		type: "countdown",
-		...g,
-		styles: T()
+		...h,
+		styles: x()
 	}, e);
 }
-function ie(e) {
+function fe(e) {
 	return e.type === "repeatable" ? e.default ?? [] : e.type === "boolean" ? e.default ?? !1 : e.type === "number" ? e.default ?? 0 : e.default ?? "";
 }
-function ae(e) {
+function pe(e) {
 	let t = {};
-	for (let n of e.fields) t[n.key] = ie(n);
-	let n = S(T(), e.defaultStyles);
+	for (let n of e.fields) t[n.key] = fe(n);
+	let n = y(x(), e.defaultStyles);
 	return {
-		id: C(),
+		id: b(),
 		type: "custom",
 		customType: e.type,
 		fieldValues: t,
@@ -368,29 +377,46 @@ function ae(e) {
 		...e.dataSource ? { dataSourceFetched: !1 } : {}
 	};
 }
-function oe(e, t) {
+function me() {
+	return {
+		id: b(),
+		type: "slot",
+		styles: x(0)
+	};
+}
+function he(e = {}) {
+	return y({
+		id: b(),
+		type: "wrapper",
+		children: [],
+		styles: x(0)
+	}, e);
+}
+function ge(e, t) {
 	switch (e) {
-		case "section": return j(t?.section);
-		case "title": return E(t?.title);
-		case "paragraph": return D(t?.paragraph);
-		case "image": return O(t?.image);
-		case "button": return k(t?.button);
-		case "divider": return A(t?.divider);
-		case "video": return M(t?.video);
-		case "social": return N(t?.social);
-		case "spacer": return P(t?.spacer);
-		case "html": return F(t?.html);
-		case "menu": return I(t?.menu);
-		case "table": return L(t?.table);
-		case "countdown": return R(t?.countdown);
+		case "section": return E(t?.section);
+		case "title": return ue(t?.title);
+		case "paragraph": return S(t?.paragraph);
+		case "image": return C(t?.image);
+		case "button": return w(t?.button);
+		case "divider": return T(t?.divider);
+		case "video": return D(t?.video);
+		case "social": return O(t?.social);
+		case "spacer": return k(t?.spacer);
+		case "html": return A(t?.html);
+		case "menu": return j(t?.menu);
+		case "table": return M(t?.table);
+		case "countdown": return N(t?.countdown);
+		case "slot": throw Error("[Templatical] slot cannot be inserted into content. Use createSlotBlock() to build a layout.");
+		case "wrapper": throw Error("[Templatical] wrapper cannot be inserted into content. Use createWrapperBlock() to build a layout.");
 		default: throw Error(`Unknown block type: ${e}`);
 	}
 }
-function z(e) {
+function P(e) {
 	let t = JSON.parse(JSON.stringify(e));
-	return t.id = C(), t.type === "section" && (t.children = t.children.map((e) => e.map((e) => z(e)))), t;
+	return t.id = b(), t.type === "section" && (t.children = t.children.map((e) => e.map((e) => P(e)))), t.type === "wrapper" && (t.children = t.children.map((e) => P(e))), t;
 }
-function B(e) {
+function F(e) {
 	let t = /* @__PURE__ */ new WeakSet();
 	return JSON.parse(JSON.stringify(e, (e, n) => {
 		if (typeof n == "object" && n) {
@@ -400,8 +426,83 @@ function B(e) {
 		return n;
 	}));
 }
-var V = /* @__PURE__ */ new Set(["\"", "'"]);
-function H(e, t) {
+var I = "[Templatical] layout: must contain exactly one slot block", L = "[Templatical] layout: slot must be a top-level or wrapper child, not nested in a section", _e = "[Templatical] layout: a wrapper cannot contain a wrapper", ve = "[Templatical] layout: a wrapper around the slot cannot contain blocks that emit mj-wrapper (section.wrapper)", ye = "[Templatical] slot is not a valid content block", be = "[Templatical] wrapper is not a valid content block";
+function R(e, t, n = null, i = !1) {
+	for (let a of e) if (t(a, n, i), r(a)) for (let e of a.children) R(e, t, a, !0);
+	else o(a) && R(a.children, t, a, i);
+}
+function z(e) {
+	let t = 0;
+	if (R(e.blocks, (e, n, r) => {
+		if (a(e) && (t += 1, r)) throw Error(L);
+		if (o(e)) {
+			if (r) throw Error(L);
+			if (e.children.some(o)) throw Error(_e);
+		}
+	}), t !== 1) throw Error(I);
+}
+function B(e) {
+	R(e.blocks, (e) => {
+		if (a(e)) throw Error(ye);
+	});
+}
+function V(e) {
+	R(e.blocks, (e) => {
+		if (o(e)) throw Error(be);
+	});
+}
+function H(e) {
+	let t = !1;
+	return R(e.blocks, (e, n) => {
+		a(e) && n !== null && o(n) && (t = !0);
+	}), t;
+}
+function U(e) {
+	if (a(e)) return e;
+	if (o(e)) {
+		let t = P({
+			...e,
+			children: []
+		});
+		return t.children = e.children.map(U), t;
+	}
+	return P(e);
+}
+function W(e) {
+	for (let t = 0; t < e.length; t++) {
+		let n = e[t];
+		if (a(n)) return {
+			parent: e,
+			index: t
+		};
+		if (o(n)) {
+			let e = W(n.children);
+			if (e) return e;
+		}
+	}
+	return null;
+}
+function G(e) {
+	for (let t of e) if (r(t)) {
+		if (t.wrapper) return !0;
+		for (let e of t.children) if (G(e)) return !0;
+	}
+	return !1;
+}
+function xe(e, t) {
+	if (z(e), B(t), V(t), H(e) && G(t.blocks)) throw Error(ve);
+	let n = e.blocks.map(U), r = W(n);
+	if (!r) throw Error(I);
+	return r.parent.splice(r.index, 1, ...F(t.blocks)), {
+		blocks: n,
+		settings: {
+			...F(t.settings),
+			backgroundColor: e.settings.backgroundColor
+		}
+	};
+}
+var K = /* @__PURE__ */ new Set(["\"", "'"]);
+function Se(e, t) {
 	let n = null;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -409,7 +510,7 @@ function H(e, t) {
 			t === n && (n = null);
 			continue;
 		}
-		if (V.has(t)) {
+		if (K.has(t)) {
 			n = t;
 			continue;
 		}
@@ -417,13 +518,13 @@ function H(e, t) {
 	}
 	return -1;
 }
-function U(e) {
+function Ce(e) {
 	return e !== " " && e !== "	" && e !== "\n" && e !== "\r" && e !== "\f" && e !== "=" && e !== ">" && e !== "/";
 }
-function W(e) {
+function q(e) {
 	return e === " " || e === "	" || e === "\n" || e === "\r" || e === "\f";
 }
-var G = {
+var we = {
 	amp: "&",
 	lt: "<",
 	gt: ">",
@@ -431,45 +532,45 @@ var G = {
 	apos: "'",
 	nbsp: "\xA0"
 };
-function K(e) {
+function J(e) {
 	return e.includes("&") ? e.replace(/&(#[0-9]+|#[xX][0-9a-fA-F]+|[a-zA-Z][a-zA-Z0-9]*);/g, (e, t) => {
 		if (t[0] === "#") {
 			let n = t[1] === "x" || t[1] === "X" ? Number.parseInt(t.slice(2), 16) : Number.parseInt(t.slice(1), 10);
 			return !Number.isFinite(n) || n < 1 || n > 1114111 || n >= 55296 && n <= 57343 ? e : String.fromCodePoint(n);
 		}
-		return G[t.toLowerCase()] ?? e;
+		return we[t.toLowerCase()] ?? e;
 	}) : e;
 }
-function se(e, t) {
+function Te(e, t) {
 	let n = t.toLowerCase(), r = 0;
 	for (; r < e.length;) {
-		for (; r < e.length && (W(e[r]) || e[r] === "/");) r++;
+		for (; r < e.length && (q(e[r]) || e[r] === "/");) r++;
 		if (r >= e.length) break;
 		let t = r;
-		for (; r < e.length && U(e[r]);) r++;
+		for (; r < e.length && Ce(e[r]);) r++;
 		let i = e.substring(t, r).toLowerCase();
 		if (i === "") {
 			r++;
 			continue;
 		}
-		for (; r < e.length && W(e[r]);) r++;
+		for (; r < e.length && q(e[r]);) r++;
 		if (e[r] !== "=") continue;
-		for (r++; r < e.length && W(e[r]);) r++;
+		for (r++; r < e.length && q(e[r]);) r++;
 		let a = e[r];
-		if (V.has(a)) {
+		if (K.has(a)) {
 			let t = r + 1, o = e.indexOf(a, t);
 			if (o === -1) return null;
-			if (i === n) return K(e.substring(t, o));
+			if (i === n) return J(e.substring(t, o));
 			r = o + 1;
 			continue;
 		}
 		let o = r;
-		for (; r < e.length && !W(e[r]) && e[r] !== ">";) r++;
-		if (i === n) return K(e.substring(o, r));
+		for (; r < e.length && !q(e[r]) && e[r] !== ">";) r++;
+		if (i === n) return J(e.substring(o, r));
 	}
 	return null;
 }
-var q = {
+var Y = {
 	liquid: {
 		value: /\{\{.+?\}\}/g,
 		logic: /\{%-?\s*(\w+).*?-?%\}/g
@@ -486,75 +587,75 @@ var q = {
 		value: /%%=.+?=%%/g,
 		logic: /%%\[\s*(\w+).*?\]%%/g
 	}
-}, ce = {
+}, Ee = {
 	liquid: "{{",
 	handlebars: "{{",
 	mailchimp: "*|",
 	ampscript: "%%="
-}, le = {
+}, De = {
 	liquid: "}}",
 	handlebars: "}}",
 	mailchimp: "|*",
 	ampscript: "=%%"
 };
-function ue(e) {
-	for (let t of Object.keys(q)) if (q[t].value.source === e.value.source) return ce[t];
+function Oe(e) {
+	for (let t of Object.keys(Y)) if (Y[t].value.source === e.value.source) return Ee[t];
 	return null;
 }
-function de(e) {
-	for (let t of Object.keys(q)) if (q[t].value.source === e.value.source) return le[t];
+function ke(e) {
+	for (let t of Object.keys(Y)) if (Y[t].value.source === e.value.source) return De[t];
 	return null;
 }
-function fe(e) {
-	return e ? typeof e == "string" ? q[e] ?? q.liquid : e : q.liquid;
+function Ae(e) {
+	return e ? typeof e == "string" ? Y[e] ?? Y.liquid : e : Y.liquid;
 }
-function J(e) {
+function X(e) {
 	let t = e.source, n = e.flags.replace("g", "");
 	return RegExp(`^${t}$`, n);
 }
-function pe(e, t) {
+function je(e, t) {
 	let n = e?.trim() || "";
-	return !J(t.logic).test(n) && J(t.value).test(n);
+	return !X(t.logic).test(n) && X(t.value).test(n);
 }
-function Y(e, t) {
+function Z(e, t) {
 	let n = t.find((t) => t.value === e);
 	return n ? n.label : e;
 }
-function me(e, t) {
-	return $(e, "data-merge-tag", (e) => Y(e, t));
+function Me(e, t) {
+	return $(e, "data-merge-tag", (e) => Z(e, t));
 }
-function X(e, t) {
+function Q(e, t) {
 	return t.find((t) => t.value === e)?.sample;
 }
-function he(e, t) {
-	return $(e, "data-merge-tag", (e) => ve(X(e, t) ?? Y(e, t)), { unwrap: (e) => X(e, t) !== void 0 });
+function Ne(e, t) {
+	return $(e, "data-merge-tag", (e) => Ie(Q(e, t) ?? Z(e, t)), { unwrap: (e) => Q(e, t) !== void 0 });
 }
-function ge(e) {
+function Pe(e) {
 	return e.some((e) => e.sample !== void 0);
 }
-function _e(e, t) {
+function Fe(e, t) {
 	if (!e) return e;
 	let n = e;
 	for (let e of t) e.sample !== void 0 && (n = n.split(e.value).join(e.sample));
 	return n;
 }
-function ve(e) {
+function Ie(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Z(e, t) {
+function Le(e, t) {
 	if (!e) return !1;
 	let n = new RegExp(t.value.source, t.value.flags), r = new RegExp(t.logic.source, t.logic.flags);
 	return n.test(e) || r.test(e);
 }
-function ye(e, t) {
-	return J(t.logic).test(e?.trim() || "");
+function Re(e, t) {
+	return X(t.logic).test(e?.trim() || "");
 }
-function Q(e, t) {
+function ze(e, t) {
 	let n = new RegExp(t.logic.source, t.logic.flags.replace("g", "")), r = e.match(n);
 	return r && r[1] ? r[1].toUpperCase() : e;
 }
-function be(e, t) {
-	return $(e, "data-logic-merge-tag", (e) => Q(e, t));
+function Be(e, t) {
+	return $(e, "data-logic-merge-tag", (e) => ze(e, t));
 }
 function $(e, t, n, r) {
 	let i = "", a = 0;
@@ -569,7 +670,7 @@ function $(e, t, n, r) {
 			i += e.substring(a, o + 5), a = o + 5;
 			continue;
 		}
-		let c = H(e, o + 5);
+		let c = Se(e, o + 5);
 		if (c === -1) {
 			i += e.substring(a);
 			break;
@@ -579,7 +680,7 @@ function $(e, t, n, r) {
 			i += e.substring(a);
 			break;
 		}
-		let u = se(e.substring(o + 5, c), t);
+		let u = Te(e.substring(o + 5, c), t);
 		if (u === null) {
 			i += e.substring(a, o + 5), a = o + 5;
 			continue;
@@ -589,12 +690,12 @@ function $(e, t, n, r) {
 	}
 	return i;
 }
-function xe(e) {
+function Ve(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return Array.isArray(t.blocks);
 }
-var Se = class extends Error {
+var He = class extends Error {
 	statusCode;
 	constructor(e, t) {
 		super(e), this.statusCode = t, this.name = "SdkError";
@@ -610,4 +711,4 @@ var Se = class extends Error {
 	}
 };
 //#endregion
-export { X as A, me as B, L as C, C as D, b as E, ye as F, B as H, pe as I, xe as L, ue as M, ge as N, Q as O, r as P, ne as R, P as S, M as T, he as U, fe as V, _e as W, O as _, n as a, j as b, z as c, k as d, R as f, F as g, A as h, t as i, de as j, Y as k, Z as l, x as m, v as n, q as o, ae as p, e as r, Se as s, _ as t, oe as u, I as v, E as w, N as x, D as y, be as z };
+export { Fe as $, he as A, Re as B, E as C, M as D, k as E, Q as F, o as G, Ve as H, ke as I, Be as J, H as K, Oe as L, b as M, ze as N, ue as O, Z as P, Ne as Q, Pe as R, S, O as T, r as U, je as V, a as W, Ae as X, Me as Y, F as Z, ae as _, n as a, C as b, xe as c, P as d, z as et, Le as f, pe as g, N as h, t as i, v as j, D as k, B as l, w as m, g as n, Y as o, ge as p, ce as q, e as r, He as s, ie as t, V as u, T as v, me as w, j as x, A as y, i as z };