monto-email-builder 1.4.6 → 1.4.7

package/dist/HtmlEditor/variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/HtmlEditor/variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,0CAA0C,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,sBAAsB,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,sBAAsB,CAAC,GAAG;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,sBAAsB,EAAE,CAAC;IACpC,OAAO,EAAE,sBAAsB,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,aAAa,EAAyB,CAAC;AACjF,eAAO,MAAM,qCAAqC,qBAAqB,CAAC;AAKxE,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAWvE;AAUD,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG;IAC9E,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,sBAAsB,CAAC;CAC9B,GAAG,IAAI,CAgBP;AA2BD,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,aAAa,CAAC,uBAAuB,CAAC,GAAG,IAAI,GAAG,SAAS,GACnE,sBAAsB,EAAE,CAW1B;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,sBAAsB,EAAE,CA0ChF;AAED,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,aAAa,CAAC,sBAAsB,CAAC,EAC9C,OAAO,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAC7C,sBAAsB,EAAE,CAuC1B;AAWD,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAC/C,MAAM,CAoCR;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,SAAK,GAAG,sBAAsB,GAAG,IAAI,CAY3H;AAED,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAKrE;AAED,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAOxF"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/HtmlEditor/variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,0CAA0C,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,sBAAsB,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,sBAAsB,CAAC,GAAG;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,sBAAsB,EAAE,CAAC;IACpC,OAAO,EAAE,sBAAsB,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,aAAa,EAAyB,CAAC;AACjF,eAAO,MAAM,qCAAqC,qBAAqB,CAAC;AAKxE,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAWvE;AAUD,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG;IAC9E,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,sBAAsB,CAAC;CAC9B,GAAG,IAAI,CAgBP;AAgCD,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,aAAa,CAAC,uBAAuB,CAAC,GAAG,IAAI,GAAG,SAAS,GACnE,sBAAsB,EAAE,CAW1B;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,sBAAsB,EAAE,CA0ChF;AAED,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,aAAa,CAAC,sBAAsB,CAAC,EAC9C,OAAO,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAC7C,sBAAsB,EAAE,CAuC1B;AAWD,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAC/C,MAAM,CAoCR;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,SAAK,GAAG,sBAAsB,GAAG,IAAI,CAY3H;AAED,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAKrE;AAED,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAOxF"}

package/dist/html-editor.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as x, Fragment as Ot } from "react/jsx-runtime";
-import { forwardRef as mt, useState as V, useRef as $, useEffect as G, useCallback as L, useMemo as J, useImperativeHandle as Pt } from "react";
+import { forwardRef as mt, useState as V, useRef as $, useEffect as G, useCallback as L, useMemo as Q, useImperativeHandle as Pt } from "react";
 import _t from "@uiw/react-codemirror";
 import { html as Wt } from "@codemirror/lang-html";
 import { xcodeDark as jt, tomorrowNightBlue as Gt, dracula as ht, basicDark as qt, abcdef as Ut, bbedit as Yt, noctisLilac as Kt, gruvboxLight as Xt, tokyoNightDay as Jt, vscodeLight as Qt, xcodeLight as Zt } from "@uiw/codemirror-themes-all";
-import Q from "@mui/material/ToggleButton";
+import Z from "@mui/material/ToggleButton";
 import rt from "@mui/material/ToggleButtonGroup";
 import { ThemeProvider as er, ScopedCssBaseline as tr, useTheme as rr, Box as h, Tooltip as q, FormControl as or, InputLabel as nr, Select as ar, ListSubheader as ot, MenuItem as nt, Button as Te, Tabs as ir, Tab as at, Typography as k, Accordion as lr, AccordionSummary as sr, AccordionDetails as cr, TextField as we, Divider as dr } from "@mui/material";
 import { alpha as ue } from "@mui/material/styles";
@@ -17,17 +17,17 @@ import * as xr from "@mui/icons-material/ViewColumn";
 import * as gr from "@mui/icons-material/MonitorOutlined";
 import * as vr from "@mui/icons-material/PhoneIphoneOutlined";
 import { B as yr, V as A, r as B, T as Ir, a as it, t as Er } from "./chunks/chunk-C6lRuHXq.js";
-const Ce = yr, ee = "unsubscribe_link", he = /\{\{\s*([^{}]+?)\s*\}\}/g, lt = /\{%\s*([^{}%]+?)\s*%\}/g;
+const Ce = yr, U = "unsubscribe_link", he = /\{\{\s*([^{}]+?)\s*\}\}/g, lt = /\{%\s*([^{}%]+?)\s*%\}/g;
 function He(o) {
-  return (o || "").replace(he, (l, u, d, g) => {
-    const i = d + l.length;
-    if (!be(g, d, i, "{", "}")) return l;
+  return (o || "").replace(he, (l, u, c, g) => {
+    const i = c + l.length;
+    if (!be(g, c, i, "{", "}")) return l;
     const m = String(u).trim();
-    return !m || !A.test(m) || m !== ee ? l : `{%${m}%}`;
+    return !m || !A.test(m) || m !== U ? l : `{%${m}%}`;
   });
 }
-function be(o, a, l, u, d) {
-  return o[a - 1] !== u && o[l] !== d;
+function be(o, a, l, u, c) {
+  return o[a - 1] !== u && o[l] !== c;
 }
 function bt(o, a = "user") {
   return a === "builtin" || a === "system" ? `{%${o}%}` : `{{${o}}}`;
@@ -39,7 +39,7 @@ function Vr(o) {
     if (A.test(l))
       return {
         attribute: l,
-        type: l === ee ? "system" : "user"
+        type: l === U ? "system" : "user"
       };
   }
   if (a.startsWith("{%") && a.endsWith("%}")) {
@@ -49,7 +49,7 @@ function Vr(o) {
   return null;
 }
 function Tr(o, a) {
-  const l = o.variable ?? o.Variable ?? o.key ?? "", u = Vr(l), d = String(o.attribute ?? o.Attribute ?? (u == null ? void 0 : u.attribute) ?? "").trim(), i = (o.type ?? o.Type ?? (u == null ? void 0 : u.type) ?? (d === ee ? "system" : "user")) === "system" ? "system" : "user", m = o.attribute ?? o.Attribute ?? (u == null ? void 0 : u.attribute) ?? "", b = String(m).trim();
+  const l = o.variable ?? o.Variable ?? o.key ?? "", u = Vr(l), c = String(o.attribute ?? o.Attribute ?? (u == null ? void 0 : u.attribute) ?? "").trim(), g = o.type ?? o.Type ?? (u == null ? void 0 : u.type) ?? (c === U ? "system" : "user"), i = c === U || g === "system" ? "system" : "user", m = o.attribute ?? o.Attribute ?? (u == null ? void 0 : u.attribute) ?? "", b = String(m).trim();
   return !b || !A.test(b) ? null : {
     id: Number(o.id) || a + 1,
     variableInstanceId: o.variableInstanceId ?? o.VariableInstanceId,
@@ -66,15 +66,15 @@ function st(o) {
     variableInstanceId: a.variableInstanceId || De(a.type, a.attribute, l)
   })) : [];
 }
-function Z(o) {
+function ee(o) {
   const a = o || "", l = [], u = (i, m, b) => {
     l.push({ attribute: i, type: m, start: b });
   };
-  let d;
-  for (he.lastIndex = 0; d = he.exec(a); ) {
-    const i = d.index, m = i + d[0].length;
+  let c;
+  for (he.lastIndex = 0; c = he.exec(a); ) {
+    const i = c.index, m = i + c[0].length;
     if (!be(a, i, m, "{", "}")) continue;
-    const b = d[1].trim();
+    const b = c[1].trim();
     !b || !A.test(b) || u(b, "user", i);
   }
   let g;
@@ -95,22 +95,22 @@ function Z(o) {
 }
 function me(o, a) {
   const l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-  return a.forEach((d) => {
-    const g = { item: d, consumed: !1 };
-    if (d.variableInstanceId) {
-      const b = l.get(d.variableInstanceId) ?? [];
-      b.push(g), l.set(d.variableInstanceId, b);
+  return a.forEach((c) => {
+    const g = { item: c, consumed: !1 };
+    if (c.variableInstanceId) {
+      const b = l.get(c.variableInstanceId) ?? [];
+      b.push(g), l.set(c.variableInstanceId, b);
     }
-    const i = `${d.type}:${d.attribute}`, m = u.get(i) ?? [];
+    const i = `${c.type}:${c.attribute}`, m = u.get(i) ?? [];
     m.push(g), u.set(i, m);
-  }), o.map((d, g) => {
+  }), o.map((c, g) => {
     var R;
-    const i = `${d.type}:${d.attribute}`, m = d.variableInstanceId ? (R = l.get(d.variableInstanceId)) == null ? void 0 : R.find((v) => !v.consumed) : void 0, b = (u.get(i) ?? []).find((v) => !v.consumed), C = m ?? b;
+    const i = `${c.type}:${c.attribute}`, m = c.variableInstanceId ? (R = l.get(c.variableInstanceId)) == null ? void 0 : R.find((v) => !v.consumed) : void 0, b = (u.get(i) ?? []).find((v) => !v.consumed), C = m ?? b;
     return C && (C.consumed = !0), {
-      ...d,
+      ...c,
       id: g + 1,
-      variableInstanceId: d.variableInstanceId || De(d.type, d.attribute, g),
-      default: d.type === "system" ? "" : (C == null ? void 0 : C.item.default) ?? d.default ?? ""
+      variableInstanceId: c.variableInstanceId || De(c.type, c.attribute, g),
+      default: c.type === "system" ? "" : (C == null ? void 0 : C.item.default) ?? c.default ?? ""
     };
   });
 }
@@ -122,8 +122,8 @@ function ct(o, a) {
   a.forEach((i) => {
     i.type === "user" && (i.variableInstanceId && l.set(i.variableInstanceId, i.default ?? ""), u.has(i.attribute) || u.set(i.attribute, i.default ?? ""));
   });
-  const d = Z(o), g = /* @__PURE__ */ new Map();
-  return d.forEach((i) => {
+  const c = ee(o), g = /* @__PURE__ */ new Map();
+  return c.forEach((i) => {
     const m = Number(String(i.variableInstanceId ?? "").split("-at-")[1]);
     Number.isFinite(m) && g.set(m, i);
   }), (o || "").replace(he, (i, m, b, C) => {
@@ -139,14 +139,14 @@ function ct(o, a) {
 function dt(o, a, l = "") {
   const u = o.trim();
   if (!u || !A.test(u)) return null;
-  const d = a === "builtin" ? "system" : "user";
+  const c = a === "builtin" ? "system" : "user";
   return {
     id: 1,
-    variableInstanceId: De(d, u, 0),
+    variableInstanceId: De(c, u, 0),
     variable: bt(u, a),
-    type: d,
+    type: c,
     attribute: u,
-    default: d === "system" ? "" : l
+    default: c === "system" ? "" : l
   };
 }
 function Hr(o) {
@@ -155,7 +155,7 @@ function Hr(o) {
 }
 function Cr(o, a) {
   const l = o.trim();
-  return a === "builtin" && l === ee ? `<a href="{%${ee}%}">Unsubscribe Link</a>` : bt(l, a);
+  return a === "builtin" && l === U ? `<a href="{%${U}%}">Unsubscribe Link</a>` : bt(l, a);
 }
 function De(o, a, l) {
   return `html-${o}-${a}-${l + 1}`;
@@ -214,7 +214,7 @@ function _r({
   onChange: a,
   language: l = "zh",
   initialMode: u = "split",
-  initialDevice: d = "desktop",
+  initialDevice: c = "desktop",
   codeEditorHeight: g = "100%",
   previewHeight: i = "100%",
   sx: m,
@@ -226,7 +226,7 @@ function _r({
   requireVariableDefaults: N = !0
 }, te) {
   var Re, Ne, Oe, Pe, _e, We, je, Ge, qe, Ue, Ye, Ke, Xe, Je, Qe, Ze, et, tt;
-  const s = (e, t) => Er(e, t, l), [S, xt] = V(u), [O, gt] = V(d), [Me, vt] = V(() => Or(C)), [I, pe] = V(() => He(o)), [re, P] = V(R), [H, fe] = V(() => st(v)), [yt, It] = V(!1), [Et, Vt] = V(null), [_, Le] = V(""), [W, ke] = V(""), [xe, oe] = V(!1), [ge, ne] = V(!1), U = $(null), ve = $(null), T = $(H), Ae = $(null), Be = $(null), ye = $(!1), ae = $(null);
+  const s = (e, t) => Er(e, t, l), [S, xt] = V(u), [O, gt] = V(c), [Me, vt] = V(() => Or(C)), [I, pe] = V(() => He(o)), [re, P] = V(R), [H, fe] = V(() => st(v)), [yt, It] = V(!1), [Et, Vt] = V(null), [_, Le] = V(""), [W, ke] = V(""), [xe, oe] = V(!1), [ge, ne] = V(!1), Y = $(null), ve = $(null), T = $(H), Ae = $(null), Be = $(null), ye = $(!1), ae = $(null);
   G(() => {
     const e = He(o);
     e !== I && (pe(e), a == null || a(e));
@@ -236,17 +236,17 @@ function _r({
     T.current = e, fe(e);
   }, [v]), G(() => {
     if (v !== void 0) return;
-    const e = Z(I), t = me(e, T.current);
-    (t.length !== T.current.length || t.some((c, y) => {
+    const e = ee(I), t = me(e, T.current);
+    (t.length !== T.current.length || t.some((d, y) => {
       const p = T.current[y];
-      return !p || p.variableInstanceId !== c.variableInstanceId || p.attribute !== c.attribute || p.type !== c.type || p.default !== c.default;
+      return !p || p.variableInstanceId !== d.variableInstanceId || p.attribute !== d.attribute || p.type !== d.type || p.default !== d.default;
     })) && (T.current = t, fe(t));
   }, [I, v]);
   const F = L(
     (e) => {
-      const t = e.map((n, c) => ({
+      const t = e.map((n, d) => ({
         ...n,
-        id: c + 1,
+        id: d + 1,
         default: n.type === "system" ? "" : n.default ?? ""
       }));
       return T.current = t, fe(t), z == null || z(t), t;
@@ -258,27 +258,27 @@ function _r({
     return e && typeof e.toString == "function" ? e.toString() : I;
   }, [I]), Ie = (e) => {
     const t = He(e);
-    pe(t), U.current && clearTimeout(U.current), U.current = setTimeout(() => {
+    pe(t), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
       a == null || a(t);
     }, 300);
-  }, Y = L(
+  }, K = L(
     (e) => {
-      const t = Z(e ?? D()), n = me(t, T.current);
+      const t = ee(e ?? D()), n = me(t, T.current);
       return F(n);
     },
     [D, F]
   ), ie = L(() => {
     const e = D();
     e !== I && pe(e);
-    const t = Y(e), n = N ? t.filter(
-      (c) => c.type === "user" && it(c.attribute, "user") && c.default.trim() === ""
+    const t = K(e), n = N ? t.filter(
+      (d) => d.type === "user" && it(d.attribute, "user") && d.default.trim() === ""
     ) : [];
     return It(n.length > 0), n.length > 0 && P("variables"), {
       valid: n.length === 0,
       variables: t,
       missing: n
     };
-  }, [D, I, N, Y]), Tt = L(() => {
+  }, [D, I, N, K]), Tt = L(() => {
     ye.current = !0, ie(), P("variables");
   }, [ie]);
   G(() => {
@@ -292,44 +292,44 @@ function _r({
     });
     return () => window.cancelAnimationFrame(e);
   }, [re, H.length]), G(() => () => {
-    U.current && clearTimeout(U.current);
+    Y.current && clearTimeout(Y.current);
   }, []);
   const wt = (e) => {
-    var f, E, K;
+    var f, E, X;
     const t = e || "";
     let n = t;
     if (!t.trim())
       n = "<!DOCTYPE html><html><head></head><body></body></html>";
     else {
-      const M = new DOMParser().parseFromString(t, "text/html"), Ve = ((f = M.documentElement) == null ? void 0 : f.tagName.toLowerCase()) === "html", $t = ((E = M.head) == null ? void 0 : E.tagName.toLowerCase()) === "head", Rt = ((K = M.body) == null ? void 0 : K.tagName.toLowerCase()) === "body";
+      const M = new DOMParser().parseFromString(t, "text/html"), Ve = ((f = M.documentElement) == null ? void 0 : f.tagName.toLowerCase()) === "html", $t = ((E = M.head) == null ? void 0 : E.tagName.toLowerCase()) === "head", Rt = ((X = M.body) == null ? void 0 : X.tagName.toLowerCase()) === "body";
       if (!Ve || !$t || !Rt) {
         const Nt = M.body ? M.body.innerHTML : t;
         n = `<!DOCTYPE html><html><head>${M.head ? M.head.innerHTML : ""}</head><body>${Nt}</body></html>`;
       } else
         n = `<!DOCTYPE html>${M.documentElement.outerHTML}`;
     }
-    const c = ["script", "iframe", "object", "embed", "canvas"], p = new DOMParser().parseFromString(n, "text/html");
-    return c.forEach((X) => {
-      p.querySelectorAll(X).forEach((Ve) => Ve.remove());
+    const d = ["script", "iframe", "object", "embed", "canvas"], p = new DOMParser().parseFromString(n, "text/html");
+    return d.forEach((J) => {
+      p.querySelectorAll(J).forEach((Ve) => Ve.remove());
     }), n = `<!DOCTYPE html>${p.documentElement.outerHTML}`, n;
-  }, Fe = J(
+  }, Fe = Q(
     () => ct(I, H),
     [H, I]
-  ), le = J(() => wt(Fe), [Fe]);
+  ), le = Q(() => wt(Fe), [Fe]);
   Pt(
     te,
     () => ({
       getValue: () => D(),
       getPreviewHtml: () => ct(D(), T.current),
-      scanVariables: () => Y(D()),
+      scanVariables: () => K(D()),
       getVariables: (e) => {
-        const t = Y(D());
+        const t = K(D());
         return e == null || e(t), t;
       },
       validateVariables: ie,
       showVariables: () => P("variables")
     }),
-    [D, Y, ie]
+    [D, K, ie]
   ), G(() => {
     ae.current && ae.current.srcdoc !== le && (ae.current.srcdoc = le);
   }, [le]);
@@ -339,14 +339,14 @@ function _r({
     (t === "desktop" || t === "mobile") && gt(t);
   }, se = L(
     (e) => {
-      var c, y;
+      var d, y;
       const t = ve.current;
       if (t != null && t.state && (t != null && t.dispatch)) {
-        const p = (c = t.state.selection) == null ? void 0 : c.main, f = t.state.doc.toString(), E = (p == null ? void 0 : p.from) ?? t.state.doc.length, K = (p == null ? void 0 : p.to) ?? E, X = `${f.slice(0, E)}${e}${f.slice(K)}`;
+        const p = (d = t.state.selection) == null ? void 0 : d.main, f = t.state.doc.toString(), E = (p == null ? void 0 : p.from) ?? t.state.doc.length, X = (p == null ? void 0 : p.to) ?? E, J = `${f.slice(0, E)}${e}${f.slice(X)}`;
         return t.dispatch({
-          changes: { from: E, to: K, insert: e },
+          changes: { from: E, to: X, insert: e },
           selection: { anchor: E + e.length }
-        }), (y = t.focus) == null || y.call(t), Ie(X), X;
+        }), (y = t.focus) == null || y.call(t), Ie(J), J;
       }
       const n = `${I}${e}`;
       return Ie(n), n;
@@ -357,7 +357,7 @@ function _r({
       const n = T.current;
       F(
         n.map(
-          (c) => c.variableInstanceId === e ? { ...c, default: t } : c
+          (d) => d.variableInstanceId === e ? { ...d, default: t } : d
         )
       );
     },
@@ -365,11 +365,11 @@ function _r({
   ), Dt = L(
     (e, t) => {
       if (!dt(e, t)) return;
-      const c = se(Cr(e, t)), y = Z(c), p = me(y, T.current);
+      const d = se(Cr(e, t)), y = ee(d), p = me(y, T.current);
       F(p), P("variables");
     },
     [se, F]
-  ), ce = J(() => {
+  ), ce = Q(() => {
     const e = _.trim();
     return e ? A.test(e) ? Hr(e) || H.some((t) => t.type === "user" && t.attribute === e) ? s("text.variables.customVariableNameDuplicate") : "" : s("text.variables.customVariableNameInvalid") : s("text.variables.customVariableNameRequired");
   }, [_, H]), Mt = L(() => {
@@ -377,7 +377,7 @@ function _r({
     if (oe(!0), ne(!0), ce || e === "") return;
     const t = dt(_.trim(), "user", e);
     if (!t) return;
-    const n = se(t.variable), c = Z(n), y = me(c, T.current);
+    const n = se(t.variable), d = ee(n), y = me(d, T.current);
     let p = -1;
     for (let f = y.length - 1; f >= 0; f -= 1) {
       const E = y[f];
@@ -391,14 +391,14 @@ function _r({
         (f, E) => E === p ? { ...f, default: t.default } : f
       )
     ), Le(""), ke(""), oe(!1), ne(!1), P("variables");
-  }, [W, _, ce, se, F]), Lt = J(() => {
+  }, [W, _, ce, se, F]), Lt = Q(() => {
     const e = /* @__PURE__ */ new Set();
-    return [{ id: "custom", items: H.filter((n) => n.type === "user").filter((n) => !Ce.some((c) => c.items.some((y) => y.name === n.attribute))).filter((n) => e.has(n.attribute) ? !1 : (e.add(n.attribute), !0)).map((n) => ({
+    return [{ id: "custom", items: H.filter((n) => n.type === "user").filter((n) => !Ce.some((d) => d.items.some((y) => y.name === n.attribute))).filter((n) => e.has(n.attribute) ? !1 : (e.add(n.attribute), !0)).map((n) => ({
       name: n.attribute,
       labelKey: n.attribute,
       kind: "user"
     })) }, ...Ce];
-  }, [H]), de = J(
+  }, [H]), de = Q(
     () => H.filter((e) => e.type !== "system"),
     [H]
   ), kt = (e) => e === "custom" ? "text.variables.groupCustom" : e === "contacts" ? "text.variables.groupContacts" : e === "email" ? "text.variables.groupEmail" : e === "organization" ? "text.variables.groupOrganization" : e === "date" ? "text.variables.groupDate" : "text.variables.groupLinks", w = rr(), At = O === "desktop" || O === "mobile" ? O : "desktop", Bt = S === "split" || S === "code" || S === "preview" ? S : "split";
@@ -574,7 +574,7 @@ function _r({
               square: !0,
               elevation: 0,
               expanded: t,
-              onChange: (n, c) => Vt(c ? e.id : null),
+              onChange: (n, d) => Vt(d ? e.id : null),
               sx: {
                 "&:before": { display: "none" },
                 border: 1,
@@ -707,26 +707,26 @@ function _r({
             children: s("htmlEditor.variables.empty")
           }
         ) : /* @__PURE__ */ r(h, { sx: { display: "grid", gap: 0.75 }, children: de.map((e, t) => {
-          const n = e.type === "user" && it(e.attribute, "user"), c = yt && n && e.default.trim() === "", y = de.filter((f) => f.type === e.type && f.attribute === e.attribute).length, p = de.slice(0, t + 1).filter((f) => f.type === e.type && f.attribute === e.attribute).length;
+          const n = e.type === "user" && it(e.attribute, "user"), d = yt && n && e.default.trim() === "", y = de.filter((f) => f.type === e.type && f.attribute === e.attribute).length, p = de.slice(0, t + 1).filter((f) => f.type === e.type && f.attribute === e.attribute).length;
           return /* @__PURE__ */ x(
             h,
             {
               sx: {
                 display: "grid",
                 gridTemplateColumns: { xs: "1fr", sm: "minmax(150px, 42%) 1fr" },
-                alignItems: c ? "flex-start" : "center",
+                alignItems: d ? "flex-start" : "center",
                 gap: 1,
                 px: 1,
                 py: 0.75,
                 border: "1px solid",
-                borderColor: c ? "error.main" : "transparent",
+                borderColor: d ? "error.main" : "transparent",
                 borderRadius: 1,
-                borderBottomColor: c ? "error.main" : "divider",
-                backgroundColor: c ? ue(w.palette.error.main, 0.04) : "transparent",
+                borderBottomColor: d ? "error.main" : "divider",
+                backgroundColor: d ? ue(w.palette.error.main, 0.04) : "transparent",
                 transition: "background-color 120ms ease, border-color 120ms ease",
                 "&:hover": {
-                  backgroundColor: c ? ue(w.palette.error.main, 0.04) : "action.hover",
-                  borderColor: c ? "error.main" : "divider"
+                  backgroundColor: d ? ue(w.palette.error.main, 0.04) : "action.hover",
+                  borderColor: d ? "error.main" : "divider"
                 }
               },
               children: [
@@ -740,7 +740,7 @@ function _r({
                       fontSize: 13,
                       lineHeight: 1.35,
                       wordBreak: "break-all",
-                      color: c ? "error.main" : "text.primary"
+                      color: d ? "error.main" : "text.primary"
                     },
                     children: y > 1 ? `${e.variable} (${p})` : e.variable
                   }
@@ -751,10 +751,10 @@ function _r({
                     size: "small",
                     fullWidth: !0,
                     value: e.default,
-                    label: c ? s("text.variables.defaultValueLabel") : void 0,
+                    label: d ? s("text.variables.defaultValueLabel") : void 0,
                     placeholder: s("text.variables.defaultPlaceholder"),
-                    error: c,
-                    helperText: c ? s("text.variables.defaultRequired") : " ",
+                    error: d,
+                    helperText: d ? s("text.variables.defaultRequired") : " ",
                     FormHelperTextProps: Ee,
                     onChange: (f) => St(e.variableInstanceId, f.target.value),
                     sx: {
@@ -837,7 +837,7 @@ function _r({
                     "aria-label": s("htmlEditor.mode.split"),
                     children: [
                       /* @__PURE__ */ r(q, { title: s("htmlEditor.tooltips.splitView"), arrow: !0, slotProps: j, children: /* @__PURE__ */ r(
-                        Q,
+                        Z,
                         {
                           value: "split",
                           "aria-label": s("htmlEditor.mode.split"),
@@ -845,7 +845,7 @@ function _r({
                         }
                       ) }),
                       /* @__PURE__ */ r(q, { title: s("htmlEditor.tooltips.codeOnly"), arrow: !0, slotProps: j, children: /* @__PURE__ */ r(
-                        Q,
+                        Z,
                         {
                           value: "code",
                           "aria-label": s("htmlEditor.mode.code"),
@@ -853,7 +853,7 @@ function _r({
                         }
                       ) }),
                       /* @__PURE__ */ r(q, { title: s("htmlEditor.tooltips.previewOnly"), arrow: !0, slotProps: j, children: /* @__PURE__ */ r(
-                        Q,
+                        Z,
                         {
                           value: "preview",
                           "aria-label": s("htmlEditor.mode.preview"),
@@ -902,7 +902,7 @@ function _r({
                   "aria-label": s("htmlEditor.device.desktop"),
                   children: [
                     /* @__PURE__ */ r(q, { title: s("htmlEditor.tooltips.desktopView"), arrow: !0, slotProps: j, children: /* @__PURE__ */ r(
-                      Q,
+                      Z,
                       {
                         value: "desktop",
                         "aria-label": s("htmlEditor.device.desktop"),
@@ -910,7 +910,7 @@ function _r({
                       }
                     ) }),
                     /* @__PURE__ */ r(q, { title: s("htmlEditor.tooltips.mobileView"), arrow: !0, slotProps: j, children: /* @__PURE__ */ r(
-                      Q,
+                      Z,
                       {
                         value: "mobile",
                         "aria-label": s("htmlEditor.device.mobile"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monto-email-builder",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "description": "A powerful and customizable email template builder React component library with visual editing, internationalization, and image upload support",
   "keywords": [
     "email",