diy-template-components 0.2.17 → 0.2.19

package/build/index.es.js

@@ -7920,8 +7920,7 @@ const useEmailStyles = createUseStyles(theme => ({
   wrapper: {
     fontFamily: theme?.typography?.fontFamily,
     width: '100%',
-    tableLayout: 'fixed',
-    backgroundColor: '#cccccc'
+    tableLayout: 'fixed'
   },
   email_description_para: {
     '& p': {
@@ -7992,7 +7991,8 @@ const useEmailStyles = createUseStyles(theme => ({
 function Section({
   nodeData,
   emailRef,
-  customHtmlData
+  customHtmlData,
+  renderHTML = false
 }) {
   const header = nodeData?.components[0];
   const body = nodeData?.components[1];
@@ -8214,7 +8214,8 @@ function Section({
     href: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : undefined,
     target: "_blank",
     style: {
-      textDecoration: 'none'
+      textDecoration: 'none',
+      display: renderHTML && footer?.components[0]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.iconUrlColor : footer?.components[0]?.metadata?.iconUrl,
@@ -8229,7 +8230,8 @@ function Section({
     href: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.text : undefined,
     target: "_blank",
     style: {
-      textDecoration: 'none'
+      textDecoration: 'none',
+      display: renderHTML && footer?.components[1]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.iconUrlColor : footer?.components[1]?.metadata?.iconUrl,
@@ -8245,7 +8247,8 @@ function Section({
     href: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.text : undefined,
     target: "_blank",
     style: {
-      textDecoration: 'none'
+      textDecoration: 'none',
+      display: renderHTML && footer?.components[2]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.iconUrlColor : footer?.components[2]?.metadata?.iconUrl,
@@ -8260,7 +8263,8 @@ function Section({
     href: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.text : undefined,
     target: "_blank",
     style: {
-      textDecoration: 'none'
+      textDecoration: 'none',
+      display: renderHTML && footer?.components[3]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.iconUrlColor : footer?.components[3]?.metadata?.iconUrl,
@@ -8276,7 +8280,8 @@ function Section({
     href: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.text : undefined,
     target: "_blank",
     style: {
-      textDecoration: 'none'
+      textDecoration: 'none',
+      display: renderHTML && footer?.components[4]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.iconUrlColor : footer?.components[4]?.metadata?.iconUrl,
@@ -8312,7 +8317,7 @@ function Section({
       textAlign: 'center',
       color: '#7d8592'
     }
-  }, "Copyright \xA9 2023 |\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
+  }, "Copyright \xA9 2023 |\xA0", footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8333,7 +8338,8 @@ function EmailDripMarket({
   const isInitialMount = useRef(true);
   const convertToHtml = sectionData => {
     const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(Section, {
-      nodeData: sectionData
+      nodeData: sectionData,
+      renderHTML: true
     }));
     return html;
   };
@@ -8349,12 +8355,11 @@ function EmailDripMarket({
   const emailRef = useRef(null);
   return /*#__PURE__*/React.createElement("section", {
     style: {
-      width: '95%',
-      paddingBottom: '30%'
+      width: '95%'
     }
   }, /*#__PURE__*/React.createElement("div", {
     onClick: e => {
-      e.stopPropagation();
+      e.stopPropagation(); // prevent the click from event Capturing, in email onClick events do not work
       e.preventDefault();
     }
   }, /*#__PURE__*/React.createElement(Section, {