diy-template-components 0.2.26 → 0.2.28

package/build/index.es.js

@@ -1360,6 +1360,9 @@ const useSectionStyles$9 = createUseStyles(theme => ({
       boxSizing: 'border-box'
     }
   },
+  sectionNoBranding: {
+    paddingBottom: '0px'
+  },
   upperContainer: {
     display: 'flex',
     justifyContent: 'space-between',
@@ -1368,6 +1371,9 @@ const useSectionStyles$9 = createUseStyles(theme => ({
     borderBottom: '1px solid #E1EAF6',
     alignItems: 'flex-start'
   },
+  upperContainerNoBranding: {
+    borderBottom: '0px'
+  },
   upperContainerItem1: {
     width: '33%',
     display: 'flex',
@@ -1514,9 +1520,9 @@ function Footer({
   const theme = useTheme();
   const classes = useSectionStyles$9();
   return /*#__PURE__*/React.createElement("footer", {
-    className: classes.section
+    className: data.metadata.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
   }, /*#__PURE__*/React.createElement("div", {
-    className: classes.upperContainer
+    className: data.metadata.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem1
   }, /*#__PURE__*/React.createElement("img", {
@@ -1524,7 +1530,7 @@ function Footer({
     ref: data?.logo?.refSetter
   })), /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem2
-  }, data?.address?.metadata.value ? /*#__PURE__*/React.createElement("p", {
+  }, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
@@ -1538,7 +1544,7 @@ function Footer({
     dangerouslySetInnerHTML: {
       __html: data?.address?.metadata.value
     }
-  })) : null, data?.phone?.metadata.value ? /*#__PURE__*/React.createElement("p", {
+  })) : null, data?.phone?.metadata.value && data?.phone?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
@@ -1552,7 +1558,7 @@ function Footer({
     dangerouslySetInnerHTML: {
       __html: data?.phone?.metadata.value
     }
-  })) : null, data?.email?.metadata.value ? /*#__PURE__*/React.createElement("p", {
+  })) : null, data?.email?.metadata.value && data?.email?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
@@ -3368,7 +3374,8 @@ const useTestimonialStyles = createUseStyles(theme => {
       color: theme?.palette?.font?.default,
       margin: '10px 0 40px 10px',
       overflow: 'hidden',
-      whiteSpace: 'nowrap',
+      wordBreak: 'break-word',
+      // whiteSpace: 'nowrap',
       textOverflow: 'ellipsis'
     },
     sliderContainer: {
@@ -3451,7 +3458,8 @@ const useTestimonialStyles = createUseStyles(theme => {
         color: theme?.palette?.font?.default,
         margin: '4px 0 12px 0',
         overflow: 'hidden',
-        whiteSpace: 'nowrap',
+        // whiteSpace: 'nowrap',
+        wordBreak: 'break-word',
         textOverflow: 'ellipsis'
       },
       userImageDummy: {
@@ -5337,9 +5345,9 @@ function CourseCard({
     className: classes.courseCardPriceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardPrice
-  }, '₹', card?.finalPrice), /*#__PURE__*/React.createElement("div", {
+  }, '₹', card?.finalPrice), card?.price !== card?.finalPrice ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardStrikePrice
-  }, /*#__PURE__*/React.createElement("span", null, '₹', card?.price), ' ', discount > 0 && discount + '% OFF')), /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React.createElement("span", null, '₹', card?.price), ' ', discount > 0 && discount + '% OFF') : null), /*#__PURE__*/React.createElement("a", {
     className: classes.coursesAnchorTag,
     href: isEdit ? null : card?.shareableLink
   }, /*#__PURE__*/React.createElement("div", {
@@ -5769,7 +5777,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     marginTop: '32px'
   },
   leftContainer: {
-    width: '50%'
+    width: '65%'
   },
   subtitle: {
     margin: '0 0 40px 0',
@@ -6074,7 +6082,7 @@ function FormEnquiry({
         messageValid: 1
       });
     }
-  })), /*#__PURE__*/React.createElement(Button, {
+  })), nodeData?.cta?.metadata?.value !== '' && /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: btnDisabled && validData?.messageValid && validData?.emailValid && validData?.nameValid && validData?.phoneValid ? {
       value: 'Submitted'
@@ -6646,10 +6654,10 @@ const useWebinarPromotionPage = createUseStyles(theme => {
     courseDetailContent: {
       marginTop: '16px',
       fontSize: '16px',
-      lineHeight: '24px',
       wordBreak: 'break-word',
       color: theme.palette.font.primary,
-      margin: '10px 0 20px'
+      margin: '10px 0 20px',
+      whiteSpace: 'pre-wrap'
     },
     courseDetailViewFullDetails: {
       cursor: 'pointer',