diy-template-components 0.1.5 → 0.1.8

package/build/index.es.js

@@ -6580,7 +6580,13 @@ const useWebinarPromotionPage = createUseStyles(theme => {
     webinarCarousel: {
       display: 'flex',
       justifyContent: 'flex-start',
-      gap: '60px'
+      gap: '20px'
+    },
+    '@media screen and (max-width: 767px)': {
+      webinarCarousel: {
+        display: 'flex',
+        flexDirection: 'column-reverse'
+      }
     },
     iframeSuperContainer: {
       height: '100%',
@@ -6600,8 +6606,8 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       color: theme.palette.font.primary
     },
     offerPrice: {
-      fontSize: '32px',
-      fontWeight: '700'
+      fontSize: '28px',
+      fontWeight: '600'
     },
     priceContainer: {
       display: 'flex',
@@ -6618,8 +6624,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
     },
     bottomContainer: {
       display: 'flex',
-      justifyContent: 'space-around',
-      marginTop: '5%'
+      justifyContent: 'space-between',
+      marginTop: '5%',
+      padding: '0px 5% 0px 5%'
     },
     iframe: {
       position: 'absolute',
@@ -6647,7 +6654,8 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'center',
-      paddingTop: '20px'
+      paddingTop: '20px',
+      borderRadius: '10px'
     },
     bannerContainer: {
       background: '#EB5757',
@@ -6767,7 +6775,7 @@ const SingleVideoSlide$1 = props => {
     completed
   }) => {
     if (hours < 24) {
-      return /*#__PURE__*/React.createElement("span", null, hours, ":", minutes, ":", seconds);
+      return /*#__PURE__*/React.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
     } else {
       let given = moment(props.data.endTime);
       let current = moment().startOf('day');
@@ -6780,7 +6788,7 @@ const SingleVideoSlide$1 = props => {
     discount
   }) => {
     console.log('discountxx', props.data.price, props.data.discount);
-    return (price - discount) / price * 100;
+    return (discount / price * 100).toFixed(2);
   };
 
   const classes = useWebinarPromotionPage();
@@ -6844,20 +6852,22 @@ const SingleVideoSlide$1 = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, data?.discount), /*#__PURE__*/React.createElement("p", {
+  }, "\u20B9", data?.effectivePrice), /*#__PURE__*/React.createElement("p", {
     style: {
-      fontSize: '20px'
+      fontSize: '20px',
+      marginTop: '0px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.originalPrice
-  }, data?.price), ' ', /*#__PURE__*/React.createElement("span", {
+  }, "\u20B9", data?.price), ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.offerDiscount
   }, `${data && discount(data)}%`))) : null, /*#__PURE__*/React.createElement("div", {
     className: classes.webinarButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
     style: {
       backgroundColor: '#009AE0',
-      width: data.isPaid ? '150px' : '250px'
+      width: data.isPaid ? '100%' : '250px',
+      fontSize: 'large'
     },
     data: {
       // link: 'headerData?.loginCtaLink',
@@ -6953,7 +6963,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
     coursePageCarousel: {
       display: 'flex',
       justifyContent: 'flex-start',
-      gap: '60px'
+      gap: '20px'
     },
     iframeSuperContainer: {
       height: '100%',
@@ -6973,7 +6983,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
       color: theme.palette.font.primary
     },
     offerPrice: {
-      fontSize: '32px',
+      fontSize: '28px',
       fontWeight: '700'
     },
     priceContainer: {
@@ -7018,7 +7028,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
       width: '645px',
       backgroundColor: '#f4f9ff',
       display: 'flex',
-      flexDirection: 'column'
+      flexDirection: 'column',
+      borderRadius: '10px'
     },
     bannerContainer: {
       background: '#EB5757',
@@ -7212,7 +7223,8 @@ const SingleVideoSlide = props => {
     className: classes.offerPrice
   }, "\u20B9 ", data.effectivePrice), /*#__PURE__*/React.createElement("p", {
     style: {
-      fontSize: '20px'
+      fontSize: '20px',
+      marginTop: '0px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.originalPrice
@@ -7466,6 +7478,7 @@ const FormPage = ({
     className: classes.inputFieldLabel
   }, item.text), /*#__PURE__*/React.createElement("input", {
     className: classes.inputFieldControl,
+    required: item.isRequired,
     type: "text",
     placeholder: "Short answer",
     name: item._id,
@@ -7526,7 +7539,8 @@ const FormPage = ({
   }, /*#__PURE__*/React.createElement("input", {
     // value={option.value}
     type: "radio",
-    name: "text" // name={option.value}
+    name: "text",
+    required: item.isRequired // name={option.value}
     // id={option.value}
     ,
     onChange: e => {