diy-template-components 0.1.21 → 0.1.24

package/build/index.es.js

@@ -6756,6 +6756,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
 });
 
 const SingleVideoSlide$1 = props => {
+  const theme = useTheme();
   useEffect(() => {// remaining days epoch
     // current date epoch
     // subtract remaining days from current day epoch
@@ -6830,7 +6831,7 @@ const SingleVideoSlide$1 = props => {
     className: classes.videoDetails
   }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
-  }, "Hurry up! Offer is left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
+  }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
   }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
@@ -6843,10 +6844,12 @@ const SingleVideoSlide$1 = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
-    name: 'Calendar'
+    name: 'Calendar',
+    color: theme.palette.primary.main
   }), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).format('Do MMM YY') + ' ', moment(data.startTime).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
+    color: theme.palette.primary.main,
     width: "20px",
     name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
   }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
@@ -7183,6 +7186,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
 });
 
 const SingleVideoSlide = props => {
+  const theme = useTheme();
   useEffect(() => {// remaining days epoch
     // current date epoch
     // subtract remaining days from current day epoch
@@ -7258,7 +7262,7 @@ const SingleVideoSlide = props => {
     className: classes.videoDetails
   }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
-  }, "Hurry up! Offer is left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
+  }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
     className: classes.bannerContainer
   }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("div", {
     className: classes.emblemContainer
@@ -7277,19 +7281,23 @@ const SingleVideoSlide = props => {
   }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
   }, /*#__PURE__*/React.createElement(Icon, {
-    name: 'Clock'
+    name: 'Clock',
+    color: theme.palette.primary.main
   }), /*#__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'
+    name: 'Book Saved',
+    color: theme.palette.primary.main
   }), /*#__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'
+    name: 'Certificate',
+    color: theme.palette.primary.main
   }), /*#__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'
+    name: 'Certificate',
+    color: theme.palette.primary.main
   }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
@@ -7489,7 +7497,7 @@ const formPageMock = {
   subTitle: 'Sed ut perspiciatis unde omnis iste natus error',
   questions: [{
     _id: '22',
-    text: 'fdsafds',
+    text: 'Question 0',
     type: 'SA',
     options: [{
       value: ''
@@ -7498,31 +7506,19 @@ const formPageMock = {
     order: 1
   }, {
     _id: '23',
-    text: 'fasdfdsaffdsafds',
-    type: 'MC',
+    text: 'Question 1',
+    type: 'SA',
     options: [{
-      value: 'fadsfdsf'
-    }, {
-      value: 'fdsafdsaf'
-    }, {
-      value: 'fsadfd'
-    }, {
-      value: 'fadsf'
+      value: ''
     }],
     isRequired: false,
     order: 1
   }, {
     _id: '24',
-    text: 'ewaofdsfkds',
-    type: 'SC',
+    text: 'Question 2',
+    type: 'SA',
     options: [{
-      value: 'fasdfdsf'
-    }, {
-      value: 'fasdfdasf'
-    }, {
-      value: 'fdsafsdf'
-    }, {
-      value: 'fdsafds'
+      value: ''
     }],
     isRequired: false,
     order: 1
@@ -7535,6 +7531,7 @@ const FormPage = ({
 }) => {
   const [formData, setFormData] = useState({});
   const classes = useFormPageStyles();
+  const [formSubmitted, setformSubmitted] = useState(false);
   const metadata = sectionData?.components?.[0]?.metadata || formPageMock;
   const {
     _id,
@@ -7561,8 +7558,22 @@ const FormPage = ({
     };
     postApiCallForm(baseURLs, data, extraProps);
     setFormData({});
+    setformSubmitted(!formSubmitted);
   };
 
+  useEffect(() => {
+    //add all questions to formData
+    let formData = {};
+    metadata.questions.forEach(question => {
+      formData[question._id] = {
+        questionName: question.text,
+        questionType: question.type,
+        solutionArray: [' ']
+      };
+    });
+    setFormData(formData);
+  }, [metadata, formSubmitted]);
+
   const handleOnClick = (e, item, option) => {
     // if the checkbox is checked
     if (!e.target.checked) {
@@ -7636,6 +7647,7 @@ const FormPage = ({
     onChange: e => {
       setFormData({ ...formData,
         [item._id]: {
+          index,
           questionName: item.text,
           solutionArray: [e.target.value],
           questionType: 'SA'