react-email-studio 3.8.0 → 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 = "";
@@ -869,7 +874,7 @@ function videoUrlToEmbedSrc(url) {
   if (vi) return `https://player.vimeo.com/video/${vi[1]}`;
   return url;
 }
-var EMPTY_RICH_HTML = "<p></p>";
+var EMPTY_RICH_HTML = "";
 function unwrapAllDivElements(container) {
   let el;
   while (el = container.querySelector("div")) {
@@ -1175,13 +1180,14 @@ 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"}`;
-      return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div style="${inner}">${p.content}</div></div>`;
+      const body = textBlockContentToHtml(p.content);
+      return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div style="${inner}">${body}</div></div>`;
     }
     case "html": {
       const shell = emailSurfaceBgCss(p);
       const inner = `font-size:${lenPx(p.fontSize)};color:${p.color};text-align:${p.align};line-height:${lh(p.lineHeight)};letter-spacing:${lenPx(p.letterSpacing)};font-family:${p.fontFamily || "Georgia,serif"}`;
       const bodyRaw = typeof cb.content === "string" ? cb.content : typeof p.content === "string" ? p.content : "";
-      const body = enhanceRichHtmlForEmail(bodyRaw || "<p></p>");
+      const body = enhanceRichHtmlForEmail(bodyRaw || "");
       return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div class="email-rich-html-inner" style="${inner}">${body}</div></div>`;
     }
     case "image": {
@@ -3019,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) }
       }
     )
   );
@@ -3043,7 +3049,7 @@ function ContentBlock({ block, selected, onClick, preview, C }) {
               wordBreak: "break-word",
               minHeight: emptyRich && !preview ? "2.75em" : void 0
             },
-            dangerouslySetInnerHTML: { __html: richHtml || "<p></p>" }
+            dangerouslySetInnerHTML: { __html: richHtml || "" }
           }
         ),
         emptyRich && !preview ? /* @__PURE__ */ jsx3(
@@ -5948,10 +5954,10 @@ function ContentBlockEditor({ block, onChange, onClose, onUpload, C }) {
           "textarea",
           {
             style: { ...IS, minHeight: 200, resize: "vertical", fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace", fontSize: 12, lineHeight: 1.45 },
-            value: normalizeRichHtmlForStorage(p.content),
-            onChange: (e) => set("content", normalizeRichHtmlForStorage(e.target.value)),
+            value: String(p.content ?? ""),
+            onChange: (e) => set("content", e.target.value),
             spellCheck: false,
-            placeholder: "e.g. <p>Your message</p>"
+            placeholder: "Write your text\u2026"
           },
           block.id
         ) }),