email-builder-utils 1.1.7 → 1.1.9

package/dist/utils/jsonToHTML.js

@@ -172,20 +172,28 @@ async function convertImageBlock(blockData, cellWidthInPx) {
         : imageContent;
 }
 function appendOutlookForButton(content, buttonStyle, navigateToUrl, text) {
-    const { width, buttonColor, borderColor, borderRadius, borderWidth, height, buttonPadding, color, fontFamily, fontSize, fontWeight } = buttonStyle;
+    const { width = 200, height = 44, borderRadius = 0, borderColor = "transparent", borderWidth = 0, buttonColor = "none", buttonPadding = { top: 0, bottom: 0, left: 0, right: 0 }, color = "#000000", fontFamily = "Arial, sans-serif", fontSize = 16, fontWeight = 400, } = buttonStyle;
+    const borderAttributes = borderWidth > 0
+        ? `strokeweight="${borderWidth}px" strokecolor="${borderColor}"`
+        : `stroked="false"`;
     return `
-  <!--[if mso]>
-    <v:${borderRadius ? "roundrect" : "rect"} xmlns:v="urn:schemas-microsoft-com:vml" href="${navigateToUrl}" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:${height || 44}px;width:${width || 200}px;v-text-anchor:middle;" arcsize="${borderRadius || 0}px" strokeweight="${borderWidth || 0}px" strokecolor="${borderColor || "transparent"}" fillcolor="${buttonColor || "none"}">
-    <w:anchorlock/>
-    <v:textbox inset="${buttonPadding?.top || 0}px, ${buttonPadding?.left || 0}px, ${buttonPadding?.bottom || 0}px, ${buttonPadding?.right || 0}px">
-      <center style="font-family:${fontFamily || ""};font-size:${fontSize}px;font-weight:${fontWeight};color:${color};">${text}</center>
-    </v:textbox>
-    </v:${borderRadius ? "roundrect" : "rect"}>
-  <![endif]-->
-  <!--[if !mso]><!-->
-    ${content}
-  <!--<![endif]-->
-  `;
+<!--[if mso]>
+<v:${borderRadius ? "roundrect" : "rect"} xmlns:v="urn:schemas-microsoft-com:vml" href="${navigateToUrl}"
+  style="height:${height}px;v-text-anchor:middle;width:${width}px;"
+  arcsize="${borderRadius / height}" ${borderAttributes}
+  fillcolor="${buttonColor}">
+  <w:anchorlock/>
+  <v:textbox inset="${buttonPadding.top}px,${buttonPadding.left}px,${buttonPadding.bottom}px,${buttonPadding.right}px">
+    <center style="font-family:${fontFamily};font-size:${fontSize}px;font-weight:${fontWeight};color:${color};">
+      ${text}
+    </center>
+  </v:textbox>
+</v:${borderRadius ? "roundrect" : "rect"}>
+<![endif]-->
+<!--[if !mso]><!-->
+  ${content}
+<!--<![endif]-->
+`;
 }
 function convertButtonBlock(blockData) {
     const { style, props } = blockData.data;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email-builder-utils",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [