diy-template-components 2.0.93 → 2.0.95

package/build/index.es.js

@@ -350,7 +350,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
       bottom: 0,
       left: 0,
       width: '100%',
-      zIndex: '9999'
+      zIndex: '100'
     }
   },
   mobileAppNameClass: {
@@ -1474,6 +1474,7 @@ function DesktopHeader({
     return (discount / price * 100).toFixed(2);
   };
   const OfferDetailsJSX = () => {
+    console.log('header', header);
     if (!header?.effectivePrice) {
       return null;
     }
@@ -1497,13 +1498,13 @@ function DesktopHeader({
         className: classes.offerDiscount
       }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React.createElement("span", {
         className: classes.originalPrice
-      }, header?.price), ' ') : null, /*#__PURE__*/React.createElement("div", {
+      }, "\u20B9 ", header?.price), ' ') : null, header?.effectivePrice ? /*#__PURE__*/React.createElement("div", {
         style: {
           textAlign: 'end'
         }
       }, /*#__PURE__*/React.createElement("span", {
         className: classes.offerPrice
-      }, header?.effectivePrice), ' ')), /*#__PURE__*/React.createElement(Button, {
+      }, "\u20B9 ", header?.effectivePrice)) : null), /*#__PURE__*/React.createElement(Button, {
         data: {
           // link: 'headerData?.loginCtaLink',
           // isLink: 1,
@@ -1609,6 +1610,9 @@ function MobileHeader({
       body?.setAttribute('style', 'overflow: hidden;');
     } else {
       body?.removeAttribute('style');
+      if (header?.effectivePrice && body) {
+        body?.setAttribute('style', 'margin-bottom: 130px');
+      }
     }
   }, [sideMenu]);
   useEffect(() => {
@@ -1674,6 +1678,7 @@ function MobileHeader({
     }
   };
   const OfferDetailsJSX = () => {
+    console.log('header', header);
     let conversions = extraProps?.conversions || 0;
     const currentTimestamp = new Date().getTime();
     if (header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true)) {
@@ -1696,15 +1701,15 @@ function MobileHeader({
       className: classes.BottomSheetPriceContainer
     }, /*#__PURE__*/React.createElement("div", {
       className: classes.BottomSheetPrice
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", null, header?.effectivePrice ? /*#__PURE__*/React.createElement("div", {
       style: {
         textAlign: 'start'
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: classes.offerPrice
-    }, header?.effectivePrice), ' '), header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    }, "\u20B9 ", header?.effectivePrice), ' ') : null, header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: classes.originalPrice
-    }, header?.price), ' ', /*#__PURE__*/React.createElement("span", {
+    }, "\u20B9 ", header?.price), ' ', /*#__PURE__*/React.createElement("span", {
       className: classes.offerDiscount
     }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0") : null)), /*#__PURE__*/React.createElement(Button, {
       data: {
@@ -3164,7 +3169,8 @@ const wordBreakValue = countryCode => {
 
 function Section$4({
   nodeData,
-  sectionIndex
+  sectionIndex,
+  extraProps
 }) {
   const {
     layout: {
@@ -3179,6 +3185,9 @@ function Section$4({
     isMobile,
     wordBreakValue: wordBreakValue(countryCode)
   });
+  const handleButton = () => {
+    extraProps?.courseBuyNow();
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classes.centerData
   }, /*#__PURE__*/React.createElement("div", {
@@ -3207,7 +3216,13 @@ function Section$4({
     dangerouslySetInnerHTML: {
       __html: nodeData.description.metadata.value
     }
-  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
+  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : nodeData?.cta?.metadata?.default === true ? /*#__PURE__*/React.createElement(Button, {
+    data: nodeData.cta.metadata,
+    ref: nodeData?.cta?.refSetter,
+    type: nodeData?.cta?.metadata?.type,
+    size: isMobile ? 'small' : 'medium',
+    onClick: handleButton
+  }) : /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
@@ -3223,7 +3238,8 @@ function Section$4({
 }
 function BannerCarouselRight({
   sectionData,
-  sectionIndex
+  sectionIndex,
+  extraProps
 }) {
   const {
     isMobile,
@@ -3250,7 +3266,8 @@ function BannerCarouselRight({
   }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$4, {
     nodeData: node,
     key: idx /* or some other unique property */,
-    sectionIndex: sectionIndex
+    sectionIndex: sectionIndex,
+    extraProps: extraProps
   })))));
 }
 
@@ -3930,7 +3947,8 @@ const useSectionStyles$5 = createUseStyles(theme => {
 
 function Section$2({
   nodeData,
-  sectionIndex
+  sectionIndex,
+  extraProps
 }) {
   const {
     layout: {
@@ -3945,6 +3963,9 @@ function Section$2({
     isMobile,
     wordBreakValue: wordBreakValue(countryCode)
   });
+  const handleButton = () => {
+    extraProps?.courseBuyNow();
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classes.centerData
   }, /*#__PURE__*/React.createElement("div", {
@@ -3978,7 +3999,13 @@ function Section$2({
     dangerouslySetInnerHTML: {
       __html: nodeData.description.metadata.value
     }
-  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
+  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : nodeData?.cta?.metadata?.default === true ? /*#__PURE__*/React.createElement(Button, {
+    data: nodeData.cta.metadata,
+    ref: nodeData?.cta?.refSetter,
+    type: nodeData?.cta?.metadata?.type,
+    size: isMobile ? 'small' : 'medium',
+    onClick: handleButton
+  }) : /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
@@ -3990,7 +4017,8 @@ function BannerCarouselLeft({
   sectionData,
   isCustomWebsite,
   sectionIndex,
-  isMobile
+  isMobile,
+  extraProps
 }) {
   const {
     layout: {
@@ -4011,7 +4039,8 @@ function BannerCarouselLeft({
   }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
     nodeData: node,
     key: idx /* or some other unique property */,
-    sectionIndex: sectionIndex
+    sectionIndex: sectionIndex,
+    extraProps: extraProps
   })))));
 }