diy-template-components 0.1.3 → 0.1.4

package/build/index.es.js

@@ -449,6 +449,10 @@ function useLinkBuilder(data) {
     return data.link;
   }
 
+  if (data?.isExternal) {
+    return data.link;
+  }
+
   if (!isPreview) {
     const link = data.link === '/' ? '' : '/' + data.link;
     return basePath ? `//${basePath}${link}` : null;
@@ -487,8 +491,8 @@ const Button = /*#__PURE__*/forwardRef(function Button({
   return data?.isLink ? /*#__PURE__*/React.createElement("a", _extends({
     ref: ref,
     href: link,
-    target: data?.isExistingLink === false ? '_blank' : null,
-    rel: data?.isExistingLink === false ? 'nofollow noopener' : null,
+    target: data?.isExternal ? '_blank' : null,
+    rel: data?.isExternal ? 'nofollow noopener' : null,
     className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size] + ' ' + classes.anchorClass,
     style: styling
   }, elementProps), data?.value) : /*#__PURE__*/React.createElement("button", _extends({
@@ -987,7 +991,7 @@ function Dropdown(props) {
         link: dt.slug,
         isLink: true,
         value: dt.title,
-        isExternal: false
+        isExternal: 0
       },
       fluid: true,
       active: dt.active,
@@ -1019,7 +1023,7 @@ function OptionList({
         link: dt.slug,
         active: dt.active,
         isLink: true,
-        isExistingLink: false
+        isExternal: 0
       };
     });
   };
@@ -1070,7 +1074,7 @@ function OptionList({
       link: headerData?.appLink,
       isLink: 1,
       value: 'Download App',
-      isExistingLink: false
+      isExternal: 1
     },
     type: 'primary',
     size: 'small',
@@ -1084,7 +1088,7 @@ function OptionList({
       link: headerData?.loginCtaLink,
       isLink: 1,
       value: 'Login',
-      isExistingLink: false
+      isExternal: 1
     },
     type: 'primary',
     size: isMobile ? 'small' : 'medium',
@@ -1211,7 +1215,7 @@ function MobileHeader({
             src: phoneIos,
             alt: "iosUrl"
           }),
-          isExistingLink: false
+          isExternal: 1
         },
         type: '',
         size: 'small',
@@ -1233,7 +1237,7 @@ function MobileHeader({
             src: phoneAndroid,
             alt: "iosUrl"
           }),
-          isExistingLink: false
+          isExternal: 1
         },
         type: '',
         size: 'small',
@@ -1253,7 +1257,7 @@ function MobileHeader({
           link: header?.iosUrl,
           isLink: 1,
           value: 'Download App',
-          isExistingLink: false
+          isExternal: 1
         },
         type: 'primary',
         size: 'small',
@@ -1266,7 +1270,7 @@ function MobileHeader({
           link: header?.androidURL,
           isLink: 1,
           value: 'Download App',
-          isExistingLink: false
+          isExternal: 1
         },
         type: 'primary',
         size: 'small',
@@ -1283,7 +1287,7 @@ function MobileHeader({
           link: header?.appLink,
           isLink: 1,
           value: 'Download App',
-          isExistingLink: false
+          isExternal: 1
         },
         type: 'primary',
         size: 'small',
@@ -6617,7 +6621,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       width: '645px',
       backgroundColor: '#f4f9ff',
       display: 'flex',
-      flexDirection: 'column'
+      flexDirection: 'column',
+      justifyContent: 'center',
+      paddingTop: '20px'
     },
     bannerContainer: {
       background: '#EB5757',
@@ -6745,6 +6751,14 @@ const SingleVideoSlide$1 = props => {
     }
   };
 
+  const discount = ({
+    price,
+    discount
+  }) => {
+    console.log('discountxx', props.data.price, props.data.discount);
+    return (price - discount) / price * 100;
+  };
+
   const classes = useWebinarPromotionPage();
   return /*#__PURE__*/React.createElement("div", {
     className: classes.videoCarouselContainer
@@ -6786,14 +6800,14 @@ const SingleVideoSlide$1 = props => {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, /*#__PURE__*/React.createElement("p", {
+  }, data.isPaid ? /*#__PURE__*/React.createElement("p", {
     className: classes.offerText
   }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.courseDetailTime
   }, /*#__PURE__*/React.createElement(Countdown, {
     renderer: renderer,
-    date: data.endDate
-  }))), /*#__PURE__*/React.createElement("div", {
+    date: data.offerPriceEndDate
+  }))) : null, /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer
   }, /*#__PURE__*/React.createElement(VideoPlayer, {
@@ -6806,15 +6820,15 @@ const SingleVideoSlide$1 = props => {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, data.offerPrice), /*#__PURE__*/React.createElement("p", {
+  }, data?.discount), /*#__PURE__*/React.createElement("p", {
     style: {
       fontSize: '20px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.originalPrice
-  }, data.regularPrice), ' ', /*#__PURE__*/React.createElement("span", {
+  }, data?.price), ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.offerDiscount
-  }, "50% OFF"))), /*#__PURE__*/React.createElement("div", {
+  }, `${data && discount(data)}%`))), /*#__PURE__*/React.createElement("div", {
     className: classes.webinarButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
     style: {
@@ -6847,7 +6861,6 @@ function CoursePromotionPage$1({
   const classes = useWebinarPromotionPage({
     containerWidth
   });
-  console.log(sectionData);
   return /*#__PURE__*/React.createElement("div", {
     className: classes.webinarSuperContainer
   }, /*#__PURE__*/React.createElement("div", {