@templatical/editor 0.22.0 → 0.24.0

package/dist/cdn/chunks/{src-BKI1x1k7.js → src-BCJna-6p.js}

@@ -109,24 +109,24 @@ function d(e) {
 function f(e) {
 	return e.type === "menu";
 }
-function ee(e) {
+function p(e) {
 	return e.type === "table";
 }
-function te(e) {
+function ee(e) {
 	return e.type === "custom";
 }
 //#endregion
 //#region ../types/src/defaults.ts
-var p = {
+var m = {
 	content: "<p>Enter your title</p>",
 	level: 2,
 	textAlign: "left"
-}, m = { content: "<p>Enter your text here</p>" }, h = {
+}, h = { content: "<p>Enter your text here</p>" }, g = {
 	src: "",
 	alt: "",
 	width: "full",
 	align: "center"
-}, g = {
+}, _ = {
 	text: "Click Here",
 	url: "",
 	backgroundColor: "#333333",
@@ -139,36 +139,36 @@ var p = {
 		bottom: 12,
 		left: 24
 	}
-}, _ = {
+}, v = {
 	lineStyle: "solid",
 	color: "#e0e0e0",
 	thickness: 1,
 	width: "full"
-}, v = { columns: "1" }, y = {
+}, y = { columns: "1" }, b = {
 	url: "",
 	thumbnailUrl: "",
 	alt: "Video",
 	width: "full",
 	align: "center"
-}, b = {
+}, x = {
 	iconStyle: "solid",
 	iconSize: "medium",
 	spacing: 10,
 	align: "center"
-}, x = { height: 24 }, S = { content: "" }, C = {
+}, S = { height: 24 }, C = { content: "" }, w = {
 	fontSize: 15,
 	textAlign: "center",
 	separator: "|",
 	separatorColor: "#e0e0e0",
 	spacing: 10
-}, w = {
+}, T = {
 	hasHeaderRow: !0,
 	borderColor: "#e0e0e0",
 	borderWidth: 1,
 	cellPadding: 8,
 	fontSize: 15,
 	textAlign: "left"
-}, T = {
+}, E = {
 	targetDate: "",
 	timezone: "UTC",
 	showDays: !0,
@@ -188,21 +188,21 @@ var p = {
 	expiredMessage: "This offer has expired",
 	expiredImageUrl: "",
 	hideOnExpiry: !1
-}, ne = {
-	title: p,
-	paragraph: m,
-	image: h,
-	button: g,
-	divider: _,
-	section: v,
-	video: y,
-	social: b,
-	spacer: x,
-	html: S,
-	menu: C,
-	table: w,
-	countdown: T
-}, E = {
+}, te = {
+	title: m,
+	paragraph: h,
+	image: g,
+	button: _,
+	divider: v,
+	section: y,
+	video: b,
+	social: x,
+	spacer: S,
+	html: C,
+	menu: w,
+	table: T,
+	countdown: E
+}, D = {
 	width: 600,
 	backgroundColor: "#ffffff",
 	textColor: "#1a1a1a",
@@ -210,24 +210,24 @@ var p = {
 	fontFamily: "Arial",
 	locale: "en"
 };
-function D(e) {
+function O(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && Object.getPrototypeOf(e) === Object.prototype;
 }
-function O(e, t) {
+function k(e, t) {
 	let n = { ...e };
 	for (let r of Object.keys(t)) {
 		let i = e[r], a = t[r];
-		a !== void 0 && (D(i) && D(a) ? n[r] = O(i, a) : n[r] = a);
+		a !== void 0 && (O(i) && O(a) ? n[r] = k(i, a) : n[r] = a);
 	}
 	return n;
 }
 //#endregion
 //#region ../types/src/template.ts
-function re(e = "Arial", t) {
+function ne(e = "Arial", t) {
 	return {
 		blocks: [],
 		settings: {
-			...E,
+			...D,
 			fontFamily: e,
 			...t
 		}
@@ -235,13 +235,13 @@ function re(e = "Arial", t) {
 }
 //#endregion
 //#region ../types/src/factory.ts
-function k(e, t) {
-	return !t || Object.keys(t).length === 0 ? e : O(e, t);
+function A(e, t) {
+	return !t || Object.keys(t).length === 0 ? e : k(e, t);
 }
-function A() {
+function j() {
 	return crypto.randomUUID();
 }
-function ie(e = 0) {
+function re(e = 0) {
 	return {
 		top: e,
 		right: e,
@@ -249,135 +249,135 @@ function ie(e = 0) {
 		left: e
 	};
 }
-function j(e = 10) {
-	return { padding: ie(e) };
-}
-function M(e = {}) {
-	return k({
-		id: A(),
-		type: "title",
-		...p,
-		styles: j()
-	}, e);
+function M(e = 10) {
+	return { padding: re(e) };
 }
 function N(e = {}) {
-	return k({
-		id: A(),
-		type: "paragraph",
+	return A({
+		id: j(),
+		type: "title",
 		...m,
-		styles: j()
+		styles: M()
 	}, e);
 }
 function P(e = {}) {
-	return k({
-		id: A(),
-		type: "image",
+	return A({
+		id: j(),
+		type: "paragraph",
 		...h,
-		styles: j()
+		styles: M()
 	}, e);
 }
 function F(e = {}) {
-	return k({
-		id: A(),
-		type: "button",
+	return A({
+		id: j(),
+		type: "image",
 		...g,
-		styles: j()
+		styles: M()
 	}, e);
 }
 function I(e = {}) {
-	return k({
-		id: A(),
-		type: "divider",
+	return A({
+		id: j(),
+		type: "button",
 		..._,
-		styles: j(20)
+		styles: M()
 	}, e);
 }
 function L(e = {}) {
-	return k({
-		id: A(),
-		type: "section",
+	return A({
+		id: j(),
+		type: "divider",
 		...v,
-		children: [[]],
-		styles: j(20)
+		styles: M(20)
 	}, e);
 }
 function R(e = {}) {
-	return k({
-		id: A(),
-		type: "video",
+	return A({
+		id: j(),
+		type: "section",
 		...y,
-		styles: j()
+		children: [[]],
+		styles: M(20)
 	}, e);
 }
 function z(e = {}) {
-	return k({
-		id: A(),
-		type: "social",
-		icons: [],
+	return A({
+		id: j(),
+		type: "video",
 		...b,
-		styles: j()
+		styles: M()
 	}, e);
 }
 function B(e = {}) {
-	return k({
-		id: A(),
-		type: "spacer",
+	return A({
+		id: j(),
+		type: "social",
+		icons: [],
 		...x,
-		styles: j(0)
+		styles: M()
 	}, e);
 }
 function V(e = {}) {
-	return k({
-		id: A(),
-		type: "html",
+	return A({
+		id: j(),
+		type: "spacer",
 		...S,
-		styles: j()
+		styles: M(0)
 	}, e);
 }
 function H(e = {}) {
-	return k({
-		id: A(),
+	return A({
+		id: j(),
+		type: "html",
+		...C,
+		styles: M()
+	}, e);
+}
+function U(e = {}) {
+	return A({
+		id: j(),
 		type: "menu",
 		items: [],
-		...C,
-		styles: j()
+		...w,
+		styles: M()
 	}, e);
 }
-function ae(e, t) {
+function ie(e, t) {
 	return Array.from({ length: t }, () => ({
-		id: A(),
+		id: j(),
 		cells: Array.from({ length: e }, () => ({
-			id: A(),
+			id: j(),
 			content: ""
 		}))
 	}));
 }
-function U(e = {}) {
-	return k({
-		id: A(),
+function W(e = {}) {
+	return A({
+		id: j(),
 		type: "table",
-		rows: ae(3, 3),
-		...w,
-		styles: j()
+		rows: ie(3, 3),
+		...T,
+		styles: M()
 	}, e);
 }
-function W(e = {}) {
-	return k({
-		id: A(),
+function G(e = {}) {
+	return A({
+		id: j(),
 		type: "countdown",
-		...T,
-		styles: j()
+		...E,
+		styles: M()
 	}, e);
 }
-function G(e) {
+function ae(e) {
 	return e.type === "repeatable" ? e.default ?? [] : e.type === "boolean" ? e.default ?? !1 : e.type === "number" ? e.default ?? 0 : e.default ?? "";
 }
-function K(e) {
+function oe(e) {
 	let t = {};
-	for (let n of e.fields) t[n.key] = G(n);
-	let n = k(j(), e.defaultStyles);
+	for (let n of e.fields) t[n.key] = ae(n);
+	let n = A(M(), e.defaultStyles);
 	return {
-		id: A(),
+		id: j(),
 		type: "custom",
 		customType: e.type,
 		fieldValues: t,
@@ -385,31 +385,31 @@ function K(e) {
 		...e.dataSource ? { dataSourceFetched: !1 } : {}
 	};
 }
-function q(e, t) {
+function K(e, t) {
 	switch (e) {
-		case "section": return L(t?.section);
-		case "title": return M(t?.title);
-		case "paragraph": return N(t?.paragraph);
-		case "image": return P(t?.image);
-		case "button": return F(t?.button);
-		case "divider": return I(t?.divider);
-		case "video": return R(t?.video);
-		case "social": return z(t?.social);
-		case "spacer": return B(t?.spacer);
-		case "html": return V(t?.html);
-		case "menu": return H(t?.menu);
-		case "table": return U(t?.table);
-		case "countdown": return W(t?.countdown);
+		case "section": return R(t?.section);
+		case "title": return N(t?.title);
+		case "paragraph": return P(t?.paragraph);
+		case "image": return F(t?.image);
+		case "button": return I(t?.button);
+		case "divider": return L(t?.divider);
+		case "video": return z(t?.video);
+		case "social": return B(t?.social);
+		case "spacer": return V(t?.spacer);
+		case "html": return H(t?.html);
+		case "menu": return U(t?.menu);
+		case "table": return W(t?.table);
+		case "countdown": return G(t?.countdown);
 		default: throw Error(`Unknown block type: ${e}`);
 	}
 }
-function J(e) {
+function q(e) {
 	let t = JSON.parse(JSON.stringify(e));
-	return t.id = A(), t.type === "section" && (t.children = t.children.map((e) => e.map((e) => J(e)))), t;
+	return t.id = j(), t.type === "section" && (t.children = t.children.map((e) => e.map((e) => q(e)))), t;
 }
 //#endregion
 //#region ../types/src/clone.ts
-function oe(e) {
+function se(e) {
 	let t = /* @__PURE__ */ new WeakSet();
 	return JSON.parse(JSON.stringify(e, (e, n) => {
 		if (typeof n == "object" && n) {
@@ -421,7 +421,7 @@ function oe(e) {
 }
 //#endregion
 //#region ../types/src/merge-tags.ts
-var Y = {
+var J = {
 	liquid: {
 		value: /\{\{.+?\}\}/g,
 		logic: /\{%-?\s*(\w+).*?-?%\}/g
@@ -438,94 +438,112 @@ var Y = {
 		value: /%%=.+?=%%/g,
 		logic: /%%\[\s*(\w+).*?\]%%/g
 	}
-}, se = {
+}, ce = {
 	liquid: "{{",
 	handlebars: "{{",
 	mailchimp: "*|",
 	ampscript: "%%="
-}, ce = {
+}, le = {
 	liquid: "}}",
 	handlebars: "}}",
 	mailchimp: "|*",
 	ampscript: "=%%"
 };
-function le(e) {
-	for (let t of Object.keys(Y)) if (Y[t].value.source === e.value.source) return se[t];
-	return null;
-}
 function ue(e) {
-	for (let t of Object.keys(Y)) if (Y[t].value.source === e.value.source) return ce[t];
+	for (let t of Object.keys(J)) if (J[t].value.source === e.value.source) return ce[t];
 	return null;
 }
 function de(e) {
-	return e ? typeof e == "string" ? Y[e] ?? Y.liquid : e : Y.liquid;
+	for (let t of Object.keys(J)) if (J[t].value.source === e.value.source) return le[t];
+	return null;
+}
+function fe(e) {
+	return e ? typeof e == "string" ? J[e] ?? J.liquid : e : J.liquid;
 }
-function X(e) {
+function Y(e) {
 	let t = e.source, n = e.flags.replace("g", "");
 	return RegExp(`^${t}$`, n);
 }
-function fe(e, t) {
+function pe(e, t) {
 	let n = e?.trim() || "";
-	return !X(t.logic).test(n) && X(t.value).test(n);
+	return !Y(t.logic).test(n) && Y(t.value).test(n);
 }
-function Z(e, t) {
+function X(e, t) {
 	let n = t.find((t) => t.value === e);
 	return n ? n.label : e;
 }
-function pe(e, t) {
-	return $(e, "data-merge-tag", (e) => Z(e, t));
-}
 function me(e, t) {
+	return $(e, "data-merge-tag", (e) => X(e, t));
+}
+function Z(e, t) {
+	return t.find((t) => t.value === e)?.sample;
+}
+function he(e, t) {
+	return $(e, "data-merge-tag", (e) => ve(Z(e, t) ?? X(e, t)), { unwrap: (e) => Z(e, t) !== void 0 });
+}
+function ge(e) {
+	return e.some((e) => e.sample !== void 0);
+}
+function _e(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) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function ye(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 he(e, t) {
-	return X(t.logic).test(e?.trim() || "");
+function be(e, t) {
+	return Y(t.logic).test(e?.trim() || "");
 }
 function Q(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 ge(e, t) {
+function xe(e, t) {
 	return $(e, "data-logic-merge-tag", (e) => Q(e, t));
 }
-function $(e, t, n) {
-	let r = RegExp(`(?:^|\\s)${t}="([^"<>]*)"`), i = "", a = 0;
-	for (; a < e.length;) {
-		let t = e.indexOf("<span", a);
+function $(e, t, n, r) {
+	let i = RegExp(`(?:^|\\s)${t}="([^"<>]*)"`), a = "", o = 0;
+	for (; o < e.length;) {
+		let t = e.indexOf("<span", o);
 		if (t === -1) {
-			i += e.substring(a);
+			a += e.substring(o);
 			break;
 		}
-		let o = e[t + 5];
-		if (o !== ">" && o !== " " && o !== "	" && o !== "\n" && o !== "\r" && o !== "/") {
-			i += e.substring(a, t + 5), a = t + 5;
+		let s = e[t + 5];
+		if (s !== ">" && s !== " " && s !== "	" && s !== "\n" && s !== "\r" && s !== "/") {
+			a += e.substring(o, t + 5), o = t + 5;
 			continue;
 		}
-		let s = e.indexOf(">", t + 5);
-		if (s === -1) {
-			i += e.substring(a);
+		let c = e.indexOf(">", t + 5);
+		if (c === -1) {
+			a += e.substring(o);
 			break;
 		}
-		let c = e.indexOf("</span>", s + 1);
-		if (c === -1) {
-			i += e.substring(a);
+		let l = e.indexOf("</span>", c + 1);
+		if (l === -1) {
+			a += e.substring(o);
 			break;
 		}
-		let l = e.substring(t + 5, s), u = r.exec(l);
-		if (!u) {
-			i += e.substring(a, t + 5), a = t + 5;
+		let u = e.substring(t + 5, c), d = i.exec(u);
+		if (!d) {
+			a += e.substring(o, t + 5), o = t + 5;
 			continue;
 		}
-		let d = u[1], f = n(d);
-		i += e.substring(a, s + 1), i += f, i += "</span>", a = c + 7;
+		let f = d[1], p = n(f);
+		r?.unwrap?.(f) ? (a += e.substring(o, t), a += p) : (a += e.substring(o, c + 1), a += p, a += "</span>"), o = l + 7;
 	}
-	return i;
+	return a;
 }
 //#endregion
 //#region ../types/src/config.ts
-var _e = class extends Error {
+var Se = class extends Error {
 	statusCode;
 	constructor(e, t) {
 		super(e), this.statusCode = t, this.name = "SdkError";
@@ -541,6 +559,6 @@ var _e = class extends Error {
 	}
 };
 //#endregion
-export { A, i as B, N as C, U as D, B as E, te as F, r as G, l as H, s as I, e as J, c as K, d as L, ne as M, E as N, M as O, o as P, a as R, H as S, z as T, u as U, n as V, ee as W, W as _, Z as a, V as b, he as c, pe as d, de as f, F as g, q as h, Q as i, re as j, R as k, fe as l, J as m, Y as n, ue as o, oe as p, t as q, me as r, le as s, _e as t, ge as u, K as v, L as w, P as x, I as y, f as z };
+export { V as A, s as B, L as C, P as D, U as E, ne as F, n as G, a as H, te as I, p as J, l as K, D as L, N as M, z as N, R as O, j as P, e as Q, o as R, oe as S, F as T, f as U, d as V, i as W, c as X, r as Y, t as Z, se as _, X as a, I as b, ue as c, pe as d, xe as f, _e as g, he as h, Q as i, W as j, B as k, ge as l, fe as m, J as n, Z as o, me as p, u as q, ye as r, de as s, Se as t, be as u, q as v, H as w, G as x, K as y, ee as z };
 
-//# sourceMappingURL=src-BKI1x1k7.js.map
+//# sourceMappingURL=src-BCJna-6p.js.map