@parathantl/react-email-editor 0.1.3 → 0.1.5

package/dist/index.cjs

@@ -1792,6 +1792,7 @@ function generateMJML(template) {
   lines.push("    <mj-attributes>");
   lines.push(`      <mj-all font-family="${escapeAttr(globalStyles.fontFamily)}" />`);
   lines.push("    </mj-attributes>");
+  lines.push("    <mj-style>p, h1, h2, h3, h4, ul, ol, blockquote { margin: 0; } ul, ol { padding-left: 1.5em; }</mj-style>");
   if (headMetadata?.headStyles) {
     for (const style2 of headMetadata.headStyles) {
       const safe = style2.replace(/<\/?mj-/gi, "");
@@ -1912,7 +1913,7 @@ function generateTextBlock(block, indent) {
     "text-transform": p.textTransform && p.textTransform !== "none" ? p.textTransform : void 0,
     "letter-spacing": p.letterSpacing && p.letterSpacing !== "normal" ? p.letterSpacing : void 0
   });
-  const content = stripVariableChips(p.content || "");
+  const content = resetBlockMargins(stripVariableChips(p.content || ""));
   return `${indent}<mj-text${attrs}>${content}</mj-text>`;
 }
 function generateButtonBlock(block, indent) {
@@ -2032,7 +2033,7 @@ function generateHeadingBlock(block, indent) {
     "letter-spacing": p.letterSpacing && p.letterSpacing !== "normal" ? p.letterSpacing : void 0,
     "css-class": `ee-block-heading ee-heading-${level}`
   });
-  const content = stripVariableChips(p.content || "");
+  const content = resetBlockMargins(stripVariableChips(p.content || ""));
   return `${indent}<mj-text${attrs}><${level}>${content}</${level}></mj-text>`;
 }
 function generateCountdownBlock(block, indent) {
@@ -2119,6 +2120,15 @@ function stripVariableChips(html2) {
     (_match, key) => `{{ ${key} }}`
   );
 }
+function resetBlockMargins(html2) {
+  return html2.replace(
+    /<(p|h[1-4]|ul|ol|blockquote)(\s+style=")/gi,
+    "<$1$2margin:0;"
+  ).replace(
+    /<(p|h[1-4]|ul|ol|blockquote)(\s*>)/gi,
+    '<$1 style="margin:0"$2'
+  );
+}
 function buildAttrs(obj) {
   const parts = [];
   for (const [key, value] of Object.entries(obj)) {
@@ -2141,7 +2151,13 @@ var mjmlBrowser = null;
 async function loadMjmlBrowser() {
   if (mjmlBrowser) return mjmlBrowser;
   try {
-    mjmlBrowser = (await import("mjml-browser")).default;
+    const mod = await import("mjml-browser");
+    const fn = mod.default ?? mod;
+    if (typeof fn === "function") {
+      mjmlBrowser = fn;
+    } else if (fn && typeof fn.default === "function") {
+      mjmlBrowser = fn.default;
+    }
     return mjmlBrowser;
   } catch {
     return null;
@@ -2415,7 +2431,8 @@ function parseHeadMetadata(doc3) {
   const styleEls = mjHead.querySelectorAll("mj-style");
   for (let i = 0; i < styleEls.length; i++) {
     const content = styleEls[i].textContent ?? "";
-    if (content.trim()) {
+    const trimmed = content.trim();
+    if (trimmed && !trimmed.startsWith("p, h1, h2, h3, h4") && trimmed !== "p { margin: 0; }") {
       metadata.headStyles.push(content);
     }
   }