Added env based odk from files

apps/wrapper/src/components/GenericForm/index.js

 import React, { useState, useEffect } from 'react';
 import styles from './index.module.css';
 
+const GITPOD_URL = process.env.GITPOD_WORKSPACE_URL
+
 const GenericForm = (props) => {
   const { selectedFlow } = props;
   const formSpec = require(`../../${selectedFlow.config}`);
@@ -12,21 +14,21 @@ const GenericForm = (props) => {
 
   const getFormURI = (form, ofsd, prefillSpec) => {
     console.log(form, ofsd, prefillSpec);
-    return encodeURIComponent(`https://enketo-manager-ratings-tech.samagra.io/?form=${form}&onFormSuccessData=${encodeFunction(ofsd)}&prefillSpec=${encodeFunction(prefillSpec)}`);
+    return encodeURIComponent(`${GITPOD_URL.slice(0, GITPOD_URL.indexOf('/') + 2) + "3006-" + GITPOD_URL.slice(GITPOD_URL.indexOf('/') + 2)}/prefill?form=${form}&onFormSuccessData=${encodeFunction(ofsd)}&prefillSpec=${encodeFunction(prefillSpec)}`);
   }
 
-  const startingForm = formSpec.start;
+  const startingForm = formSpec.startingForm;
   const [formId, setFormId] = useState(startingForm);
   const [encodedFormSpec, setEncodedFormSpec] = useState(encodeURI(JSON.stringify(formSpec.forms[formId])));
   const [onFormSuccessData, setOnFormSuccessData] = useState(undefined);
   const [onFormFailureData, setOnFormFailureData] = useState(undefined);
-  const [encodedFormURI, setEncodedFormURI] = useState(getFormURI(formId, formSpec.forms[formId].onSuccess, formSpec.forms[formId].prefill));
+  const [encodedFormURI, setEncodedFormURI] = useState(getFormURI(formId, formSpec.forms[formId].onFormSuccess, formSpec.forms[formId].prefill));
 
   useEffect(() => {
     // Manage onNext
     window.addEventListener('message', function (e) {
       const data = e.data;
-      
+
       try {
         /* message = {
           nextForm: "formID",
@@ -54,11 +56,14 @@ const GenericForm = (props) => {
 
   return (
     <div className={styles.container}>
-      <div>ODK FORM</div>
+      <div className={styles.header}>
+        <div>Go back</div>
+        <div>{selectedFlow.name}</div>
+      </div>
       <iframe title='current-form'
-        style={{ height: "100vh", width: "100vw" }}
+        className={styles.odkForm}
         src={
-          `http://localhost:8005/preview?formSpec=${encodedFormSpec}&xform=${encodedFormURI}`
+          `${GITPOD_URL.slice(0, GITPOD_URL.indexOf('/') + 2) + "8065-" + GITPOD_URL.slice(GITPOD_URL.indexOf('/') + 2)}/preview?formSpec=${encodedFormSpec}&xform=${encodedFormURI}`
         }
       />
     </div>

apps/wrapper/src/components/GenericForm/index.module.css

 .container {
-    
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    align-items: center;
+    width: 40vw;
+    padding-bottom: 2rem;
+}
+
+.header {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: space-between;
+}
+
+.header:nth-child(1) {
+    font-size: 1rem;
+    color: #ffc119;
+}
+
+.header:nth-child(2) {
+    font-size: 3rem;
+    color: #ffc119;
+}
+
+.odkForm {
+    height: 90%;
+    width: 100%;
 }
\ No newline at end of file

apps/wrapper/src/workflow_first.json

 {
   "forms": {
-    "test": {
+    "nursing": {
       "skipOnSuccessMessage": true,
       "submissionURL": "http://esamwad.samagra.io/api/v4/form/submit",
-      "name": "Test Form",
+      "name": "Nursing Test Form",
       "isSuccess": "async (formData) => { console.log('From isSuccess', formData.getElementsByTagName('reg_no')[0].textContent); return formData.getElementsByTagName('reg_no')[0].textContent === 'registration123'; }",
       "messageOnFailure": "Form submission failed",
       "messageOnSuccess": "Form submitted successfully or Maybe you are already registered",
@@ -44,6 +44,6 @@
       }
     }
   },
-  "startingForm": "test",
+  "startingForm": "nursing",
   "metaData": {}
 }
\ No newline at end of file

packages/form-manager/src/app.controller.ts

@@ -129,10 +129,10 @@ export class AppController {
     }
   };
 
-  @Get()
-  getHello(): string {
-    return this.appService.getHello();
-  }
+  // @Get()
+  // getHello(): string {
+  //   return this.appService.getHello();
+  // }
 
   @Post('prefill')
   getPrefill(@Body() prefillDto: PrefillDto): string {