diy-template-components 0.1.11 → 0.1.14

package/build/index.es.js

@@ -6805,7 +6805,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.iframeSuperContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, data?.isPaid ? /*#__PURE__*/React.createElement("h3", {
+  }, data?.isPaid && checkIfOfferIsValid() ? /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
   }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")) : null, /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
@@ -6822,8 +6822,9 @@ const SingleVideoSlide$1 = props => {
   }), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).format('dddd, MMMM Do, h:mm:ss'))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
-    name: 'Video'
-  }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
+    width: "20px",
+    name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
+  }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
     dangerouslySetInnerHTML: {
@@ -6853,7 +6854,7 @@ const SingleVideoSlide$1 = props => {
     videoUrl: data.thumbnail
   })), /*#__PURE__*/React.createElement("div", {
     className: classes.bottomContainer
-  }, data.isPaid ? /*#__PURE__*/React.createElement("div", {
+  }, data.isPaid && checkIfOfferIsValid() ? /*#__PURE__*/React.createElement("div", {
     className: classes.priceContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
@@ -6870,7 +6871,6 @@ const SingleVideoSlide$1 = props => {
     className: classes.webinarButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
     style: {
-      backgroundColor: '#009AE0',
       width: data.isPaid ? '100%' : '250px',
       fontSize: 'large'
     },
@@ -7064,6 +7064,21 @@ const useCoursePromotionPage = createUseStyles(theme => {
         top: '-10.5px'
       }
     },
+    emblemContainer: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      gap: '10px'
+    },
+    courseEmblem: {
+      background: '#F0F4F8',
+      borderRadius: '2.00337px',
+      padding: '8px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginTop: '20px',
+      marginBottom: '20px'
+    },
     courseDetailsTags: {
       marginTop: '16px',
       display: 'flex'
@@ -7172,7 +7187,13 @@ const SingleVideoSlide = props => {
     className: classes.videoDetails
   }, /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
-  }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React.createElement("h3", {
+  }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React.createElement("div", {
+    className: classes.emblemContainer
+  }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.courseEmblem
+    }, data?.text);
+  })), /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
     className: classes.videoDetailsHeading,
     dangerouslySetInnerHTML: {
@@ -7180,19 +7201,23 @@ const SingleVideoSlide = props => {
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailsTags
-  }, /*#__PURE__*/React.createElement("div", {
+  }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Clock'
-  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.validity ? data.courseInfo?.validity : '1 year Validity')), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Book Saved'
-  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.books ? data.courseInfo?.books : 'Physical Books')), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Certificate'
-  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.certificate ? data.courseInfo?.certificate : 'Course Cerficate'))), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Certificate'
+  }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
     dangerouslySetInnerHTML: {
@@ -7361,10 +7386,8 @@ const useFormPageStyles = createUseStyles(theme => ({
     width: '100%',
     margin: '0 auto',
     '& button': {
-      background: '#6269C9',
       height: '44px',
       padding: '10px 40px',
-      border: '1px solid #4A90E2',
       color: '#FFFFFF',
       fontSize: '16px',
       cursor: 'pointer',
@@ -7588,7 +7611,18 @@ const FormPage = ({
     htmlFor: option.value
   }, option.value)))))), /*#__PURE__*/React.createElement("div", {
     className: classes.submitBtnContainer
-  }, /*#__PURE__*/React.createElement("button", null, "Submit")))));
+  }, /*#__PURE__*/React.createElement(Button, {
+    data: {
+      // link: 'headerData?.loginCtaLink',
+      // isLink: 1,
+      value: 'SUBMIT' // isExternal: 1
+
+    },
+    type: 'primary',
+    size: 'medium',
+    target: null,
+    rel: null
+  })))));
 };
 
 var index = /*#__PURE__*/Object.freeze({