diy-template-components 0.2.7 → 0.2.9

package/build/index.es.js

@@ -7935,8 +7935,8 @@ const useEmailStyles = createUseStyles(theme => ({
     borderSpacing: '0'
   },
   logoimg: {
-    width: '28px',
-    height: '28px'
+    width: '78px',
+    height: '48px'
     /* margin: 18px 0px; */
   },
 
@@ -7994,7 +7994,10 @@ function Section({
   emailRef,
   customHtmlData
 }) {
-  console.log('customHtmlData', customHtmlData);
+  const {
+    isEdit
+  } = useContext(PageContext);
+  console.log('customHtmlData', isEdit);
   const header = nodeData?.components[0];
   const body = nodeData?.components[1];
   const landing = nodeData?.components[2];
@@ -8027,8 +8030,12 @@ function Section({
     }
   }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
     src: header?.components[0]?.metadata?.image,
-    alt: "",
-    className: classes.logoimg
+    alt: ""
+    // className={classes.logoimg}
+    ,
+    style: {
+      width: '60px'
+    }
   }) : /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
@@ -8124,7 +8131,8 @@ function Section({
     src: landing?.components[0]?.metadata?.image,
     alt: "",
     style: {
-      width: '100%'
+      width: '100%',
+      borderRadius: '10px'
     }
   }) : /*#__PURE__*/React.createElement("div", {
     style: {
@@ -8134,7 +8142,8 @@ function Section({
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      fontStyle: 'italic'
+      fontStyle: 'italic',
+      borderRadius: '10px'
     }
   }, "Thumbnail Image"), /*#__PURE__*/React.createElement("p", {
     style: {
@@ -8149,29 +8158,27 @@ function Section({
       textAlign: 'left'
     },
     ref: landing?.components[1]?.refSetter
-  }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("a", {
-    href: landing?.components[3]?.metadata?.text,
-    target: "_blank",
-    style: {
-      textDecoration: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
+  }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
     style: {
-      background: '#009ae0',
+      background: '#009AE0',
       borderRadius: '7.18333px',
       color: 'white',
       textDecoration: 'none',
       padding: '12px 0px',
       // fontFamily: 'Roboto',
+      cursor: 'pointer',
       fontStyle: 'normal',
-      fontWeight: '600',
+      fontWeight: '600 ',
       fontSize: '20.55px',
       lineHeight: '32px',
       textTransform: 'uppercase',
       color: '#fafafa'
     },
+    onClick: () => {
+      !isEdit ? window.open(landing?.components[3]?.metadata?.text, '_blank') : null;
+    },
     ref: landing?.components[2]?.refSetter
-  }, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
+  }, landing?.components[2]?.metadata?.text))))))))) : null, footer?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       background: '#e3f0ff',
@@ -8194,79 +8201,69 @@ function Section({
       marginTop: '8px',
       marginBottom: '16px'
     }
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
-    href: footer?.components[0]?.metadata?.text,
-    target: "_blank",
-    style: {
-      textDecoration: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.iconUrlColor : footer?.components[0]?.metadata?.iconUrl,
     alt: "",
     style: {
       width: '36px',
-      height: '36px'
+      height: '36px',
+      cursor: 'pointer'
     },
-    ref: footer?.components[0]?.refSetter
-  })), /*#__PURE__*/React.createElement("a", {
-    href: footer?.components[1]?.metadata?.text,
-    target: "_blank",
-    style: {
-      textDecoration: 'none'
+    ref: footer?.components[0]?.refSetter,
+    onClick: () => {
+      !isEdit ? window.open(footer?.components[0]?.metadata?.text, '_blank') : null;
     }
-  }, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     src: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.iconUrlColor : footer?.components[1]?.metadata?.iconUrl,
     alt: "",
     style: {
       width: '36px',
       height: '36px',
-      margin: '0px 12px'
+      margin: '0px 12px',
+      cursor: 'pointer'
+    },
+    onClick: () => {
+      !isEdit ? window.open(footer?.components[1]?.metadata?.text, '_blank') : null;
     },
     ref: footer?.components[1]?.refSetter
-  })), /*#__PURE__*/React.createElement("a", {
-    href: footer?.components[2]?.metadata?.text,
-    target: "_blank",
-    style: {
-      textDecoration: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     src: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.iconUrlColor : footer?.components[2]?.metadata?.iconUrl,
     alt: "",
     style: {
       width: '36px',
-      height: '36px'
+      height: '36px',
+      cursor: 'pointer'
+    },
+    onClick: () => {
+      !isEdit ? window.open(footer?.components[2]?.metadata?.text, '_blank') : null;
     },
     ref: footer?.components[2]?.refSetter
-  })), /*#__PURE__*/React.createElement("a", {
-    href: footer?.components[3]?.metadata?.text,
-    target: "_blank",
-    style: {
-      textDecoration: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     src: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.iconUrlColor : footer?.components[3]?.metadata?.iconUrl,
     alt: "",
     style: {
       width: '36px',
       height: '36px',
-      margin: '0px 12px'
+      margin: '0px 12px',
+      cursor: 'pointer'
     },
-    ref: footer?.components[3]?.refSetter
-  })), /*#__PURE__*/React.createElement("a", {
-    href: footer?.components[4]?.metadata?.text,
-    target: "_blank",
-    style: {
-      textDecoration: 'none'
+    ref: footer?.components[3]?.refSetter,
+    onClick: () => {
+      !isEdit ? window.open(footer?.components[3]?.metadata?.text, '_blank') : null;
     }
-  }, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     src: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.iconUrlColor : footer?.components[4]?.metadata?.iconUrl,
     alt: "",
     style: {
       width: '36px',
-      height: '36px'
+      height: '36px',
+      cursor: 'pointer'
     },
-    ref: footer?.components[4]?.refSetter
-  })), /*#__PURE__*/React.createElement("table", {
+    ref: footer?.components[4]?.refSetter,
+    onClick: () => {
+      !isEdit ? window.open(footer?.components[4]?.metadata?.text, '_blank') : null;
+    }
+  }), /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       marginTop: '13px'
@@ -8281,7 +8278,7 @@ function Section({
       textAlign: 'center',
       color: '#7d8592'
     }
-  }, "For any concerns, mail us at", ' ' + footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
+  }, "For any concerns, mail us at\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8291,7 +8288,7 @@ function Section({
       textAlign: 'center',
       color: '#7d8592'
     }
-  }, "Copyright \xA9 2023 |", ' ' + footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
+  }, "Copyright \xA9 2023 |\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8328,7 +8325,8 @@ function EmailDripMarket({
   const emailRef = useRef(null);
   return /*#__PURE__*/React.createElement("section", {
     style: {
-      width: '95%'
+      width: '95%',
+      paddingBottom: '30%'
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Section, {
     sectionRef: emailRef,