react-email-studio 3.8.1 → 3.8.2

package/dist/index.js

@@ -835,6 +835,11 @@ function escHtmlAttr(s) {
 function escHtml(s) {
   return String(s ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
+function textBlockContentToHtml(content) {
+  const raw = typeof content === "string" ? content : "";
+  if (/^\s*<[^>]+>/.test(raw)) return raw;
+  return escHtml(raw).replace(/\r?\n/g, "<br/>");
+}
 function utf8ToBase64(raw) {
   const bytes = new TextEncoder().encode(raw);
   let bin = "";
@@ -1175,8 +1180,7 @@ function blockToHtml(cb) {
     case "text": {
       const shell = emailSurfaceBgCss(p);
       const inner = `font-size:${lenPx(p.fontSize)};color:${p.color};text-align:${p.align};font-weight:${p.fontWeight || 400};font-style:${p.italic ? "italic" : "normal"};text-decoration:${p.underline ? "underline" : "none"};line-height:${lh(p.lineHeight)};letter-spacing:${lenPx(p.letterSpacing)};font-family:${p.fontFamily || "Georgia,serif"}`;
-      const content = typeof p.content === "string" ? p.content : "";
-      const body = /^\s*<[^>]+>/.test(content) ? content : escHtml(content).replace(/\r?\n/g, "<br/>");
+      const body = textBlockContentToHtml(p.content);
       return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div style="${inner}">${body}</div></div>`;
     }
     case "html": {
@@ -3021,7 +3025,7 @@ function ContentBlock({ block, selected, onClick, preview, C }) {
       "div",
       {
         style: { fontSize: p.fontSize, color: p.color, textAlign: p.align, fontWeight: p.fontWeight || (p.bold ? 700 : 400), fontStyle: p.italic ? "italic" : "normal", textDecoration: p.underline ? "underline" : "none", lineHeight: p.lineHeight || 1.65, letterSpacing: `${p.letterSpacing || 0}px`, fontFamily: p.fontFamily || "Georgia,serif" },
-        dangerouslySetInnerHTML: { __html: p.content }
+        dangerouslySetInnerHTML: { __html: textBlockContentToHtml(p.content) }
       }
     )
   );