diy-template-components 0.1.21 → 0.1.22

package/build/index.es.js

@@ -7489,7 +7489,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 +7498,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 +7523,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 +7550,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 +7639,7 @@ const FormPage = ({
     onChange: e => {
       setFormData({ ...formData,
         [item._id]: {
+          index,
           questionName: item.text,
           solutionArray: [e.target.value],
           questionType: 'SA'