\r\n
\r\n \r\n\r\n \r\n \r\n {question.questionText}\r\n {isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {isMandatory && showError && !hasAnswer && (\r\n
\r\n {renderStars()}
\r\n \r\n \r\n \r\n {question.questionText}\r\n {isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n \r\n \r\n {question.questionText}\r\n {question.isMandatory && *}\r\n \r\n \r\n {question.isMandatory && showError && !hasAnswer && (\r\n
\r\n {\r\n const radio = document.querySelector(`input[name=${question.tempId}][value='${choice.value}']`);\r\n radio.click();\r\n }}>\r\n
\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {question.questionText}\r\n {question.isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {question.isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n \r\n \r\n {question.questionText}\r\n {isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n \r\n \r\n {question.questionText}\r\n {question.isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {question.isMandatory && showError && !hasAnswer && (\r\n
\r\n {question.rows.map((row, rowIndex) => (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {row}\r\n \r\n
\r\n {question.columns.map((column, colIndex) => (\r\n \r\n
\r\n ))}\r\n \r\n {\r\n return Object.keys(item)[0] === `${question.tempId}_r${rowIndex + 1}` &&\r\n item[`${question.tempId}_r${rowIndex + 1}`] === column;\r\n }) !== -1\r\n }\r\n onChange={handleChange}\r\n required={question.isMandatory}\r\n />\r\n \r\n {column}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n {question.questionText}\r\n {question.isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {question.isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n | \r\n {question.columns.map((column, index) => (\r\n | {column} | \r\n ))}\r\n
|---|---|
| {row} | \r\n {question.columns.map((column, colIndex) => {\r\n const answer = formValues[question.tempId]?.find(\r\n (a) => Object.keys(a)[0] === `${question.tempId}_r${rowIndex + 1}`\r\n );\r\n const checked = answer?.[`${question.tempId}_r${rowIndex + 1}`] === column;\r\n return (\r\n\r\n \r\n \r\n | \r\n );\r\n })}\r\n
\r\n \r\n \r\n {question.questionText}\r\n {question.isMandatory && (\r\n *\r\n )}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {question.isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n {question.rows.map((row, rowIndex) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n handleCheckboxChange(\r\n e,\r\n rowIndex,\r\n colIndex\r\n )\r\n }\r\n />\r\n ))}\r\n
\r\n {row}
\r\n {question.columns.map((column, colIndex) => (\r\n\r\n \r\n \r\n {sortedChoices.map((choice, index) => (\r\n \r\n ))}\r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n {question.questionDescription}\r\n {isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n\r\n \r\n \r\n {question.questionText}\r\n {question.isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {question.isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n \r\n \r\n {question.questionText}\r\n {isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {isMandatory && showError && !hasAnswer && (\r\n
\r\n\r\n \r\n {items.map((item, index) => (\r\n \r\n {(provided) => (\r\n \r\n
\r\n )}\r\n \r\n ))}\r\n {provided.placeholder}\r\n \r\n )}\r\n \r\n ⋮\r\n ⋮\r\n ⋮\r\n
\r\n \r\n {index + 1} \r\n
\r\n {item}
\r\n \r\n {/* */}\r\n \r\n {/* types of variants for progressBar :\r\n primary, secondary, success, info, warning, danger, dark, light */}\r\n {survey.footer.progressbar ?\r\n
\r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { Card, Form } from 'react-bootstrap';\r\nimport ErrorComponent from '../../../Components/ErrorMessage';\r\n\r\nfunction SelectListQuestionWithArr({ question, handleChange, formValues, showError }) {\r\n const [searchValue, setSearchValue] = useState('');\r\n const [showDropdown, setShowDropdown] = useState(false);\r\n const dropdownRef = useRef(null);\r\n const hasAnswer = formValues[question.tempId];\r\n const isMandatory = question.isMandatory;\r\n\r\n const handleSearchChange = (e) => {\r\n setSearchValue(e.target.value);\r\n if (e.target.value.length >= 3) {\r\n setShowDropdown(true);\r\n } else {\r\n setShowDropdown(false);\r\n }\r\n };\r\n\r\n const handleSelectChange = (value) => {\r\n setSearchValue(value);\r\n handleChange({\r\n target: { name: question.tempId, value, type: question.type },\r\n });\r\n setShowDropdown(false);\r\n };\r\n\r\n const renderOptions = () => {\r\n const filteredOptions = question.choices[0].split(',').filter((option) =>\r\n option.toLowerCase().includes(searchValue.toLowerCase())\r\n );\r\n return filteredOptions.map((option) => (\r\n \r\n \r\n \r\n {question.questionText}\r\n {isMandatory && *}\r\n \r\n \r\n \r\n {question.questionDescription}\r\n \r\n {isMandatory && showError && !hasAnswer && (\r\n
\r\n \r\n
\r\n \r\n {renderOptions()}\r\n
\r\n )}\r\n \r\n {/* */}\r\n {inputElement}\r\n
\r\n );\r\n };\r\n // Recursive function to flatten nested arrays\r\n function flattenNestedArrays(arr) {\r\n return arr.reduce((result, item) => {\r\n if (Array.isArray(item)) {\r\n result.push(...flattenNestedArrays(item));\r\n } else {\r\n result.push(item);\r\n }\r\n return result;\r\n }, []);\r\n }\r\n\r\n const renderPage = (page, pageIndex) => {\r\n const visible = !page.visibleIf || evaluateExpression(page.visibleIf);\r\n\r\n const onNextClick = async (e) => {\r\n e.preventDefault();\r\n\r\n // validate form\r\n const currentPageElements = pages.pages[pageIndex].elements;\r\n let isValid = true;\r\n currentPageElements.forEach((element) => {\r\n if (element.visibleIf === undefined || element.visibleIf === \"\" || evaluateExpression(element.visibleIf)) {\r\n if (element.isMandatory && !formValues[element.tempId]) {\r\n isValid = false;\r\n }\r\n }\r\n });\r\n\r\n\r\n\r\n if (isValid && isAnswerValid) {\r\n setShowError(false);\r\n\r\n // check if there are any visibleIf conditions that are satisfied\r\n for (let i = pageIndex + 1; i < pages.pages.length; i++) {\r\n const page = pages.pages[i];\r\n const visibleElement = page.elements.find((element) => {\r\n const visibleIf = element.visibleIf;\r\n return !visibleIf || evaluateExpression(visibleIf);\r\n });\r\n\r\n let postObject = {};\r\n\r\n let now = new Date();\r\n let responseDate = ExtractDateAndTime(now, false);\r\n const respondentCode = wholeWord;\r\n const surveyLocation = Latitude + ',' + Longitude;\r\n const surveyId = 0;\r\n const surveyCode = wholeWord;\r\n\r\n // Create a new array of objects\r\n const newArray = Object.keys(formValues).map((tempId) => {\r\n let answer = formValues[tempId];\r\n let id = null;\r\n\r\n // Find the matching object in the array based on tempID\r\n const matchingObject = currentPage.elements.find((obj) => obj.tempId === tempId);\r\n\r\n // If a matching object is found, assign the id property to the id variable\r\n if (matchingObject) {\r\n id = matchingObject.id;\r\n }\r\n\r\n // Convert array values to comma-separated strings\r\n if (Array.isArray(answer)) {\r\n answer = answer.map((item) => {\r\n if (typeof item === \"object\") {\r\n return JSON.stringify(item);\r\n }\r\n return item;\r\n }).join(\", \");\r\n }\r\n\r\n return {\r\n id: id, // Assign the retrieved id to the id property\r\n code: tempId,\r\n answer: answer,\r\n };\r\n });\r\n\r\n const updatedQuestions = newArray.filter(x => x.id != null);\r\n const surveyResponse = {\r\n responseid: pageIndex == 0 ? 0 : responseID,\r\n responsedate: responseDate,\r\n respondentcode: respondentCode,\r\n surveylocation: surveyLocation,\r\n answer: {\r\n surveyid: surveyId,\r\n surveycode: surveyCode,\r\n questions: updatedQuestions\r\n }\r\n };\r\n\r\n console.log(surveyResponse, \"surveyResponse\");\r\n\r\n if (pageIndex == 0) {\r\n await fetch(`${API_END_POINT.BASE_URL}/api/Response/PostResponse`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n // body: JSON.stringify({ data: 'some data' })\r\n body: JSON.stringify(surveyResponse)\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n // setResponse(data);\r\n setResponseID(data.data.Status);\r\n console.log(data.data, \"return Response\");\r\n\r\n });\r\n }\r\n else {\r\n // Trigger the API call in the background\r\n const apiPromise = fetch(`${API_END_POINT.BASE_URL}/api/Response/PostResponse`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(surveyResponse)\r\n }).then(response => response.json());\r\n\r\n // Updating the UI with the new data when the promise resolves\r\n apiPromise.then(data => {\r\n // Updating the state with the new data\r\n setResponseID(data.data.Status);\r\n console.log(data.data, \"return Response\");\r\n });\r\n\r\n // Navigate to the next question immediately\r\n\r\n }\r\n console.log(formValues, \"answers\")\r\n\r\n if (visibleElement) {\r\n // navigate to the page that contains the visible question\r\n setPageIndex(i);\r\n return;\r\n }\r\n }\r\n\r\n // no visible questions, navigate to next page\r\n setPageIndex(pageIndex + 1);\r\n\r\n\r\n } else {\r\n setShowError(true);\r\n }\r\n };\r\n\r\n\r\n\r\n\r\n const onCompleteClick = (e) => {\r\n e.preventDefault();\r\n console.log(formValues); // do something with the form values\r\n };\r\n\r\n\r\n const titleStyle = {\r\n textAlign: pages.header.titlePosition,\r\n };\r\n\r\n const logoStyle = {\r\n float: pages.header.logoPosition,\r\n marginRight: pages.header.logoPosition === \"right\" ? \"0px\" : \"10px\",\r\n marginLeft: pages.header.logoPosition === \"left\" ? \"0px\" : \"10px\",\r\n };\r\n return (\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n {pages.header.title}\r\n
\r\n{pages.pages[pageIndex].elements && renderPage(pages.pages[pageIndex], pageIndex)}
;\r\n\r\n // return {pages.pages.map(renderPage)}
;\r\n};\r\n\r\nexport default Questionnaire;\r\nfunction ExtractDateAndTime(now, timeRequired) {\r\n let year = now.getFullYear();\r\n let month = now.getMonth();\r\n let day = now.getDate();\r\n\r\n let hours = now.getHours();\r\n let minutes = now.getMinutes();\r\n let seconds = now.getSeconds();\r\n let currentStartDate = timeRequired == true ?\r\n `${year}-${month + 1}-${day} ${hours}:${minutes}:${seconds}`\r\n : `${year}-${month + 1}-${day}`;\r\n return currentStartDate;\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport axios from 'axios';\r\nimport { InValidURL } from \"../../Components/InValidURL\";\r\nimport { API_END_POINT } from \"../../config\";\r\nimport Questionnaire from \"../Questionnaire/Questionnaire\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\n\r\nexport default function HomeComponent({ word, Latitude, Longitude, wholeWord }) {\r\n const [loading, setLoading] = useState(false);\r\n const [data, setData] = useState({});\r\n const [errLoading, setErrLoading] = useState(false);\r\n const InvalidURLMsg = \"There is no data with the mentioned URL. Please provide a valid one.\";\r\n\r\n // dummy survey code\r\n const surveyLoad = {\r\n \"header\": {\r\n \"title\": \"Survey Designer\",\r\n \"description\": \"This is the desciption which needs to be tested and verified from all the perspectives.\",\r\n \"logoPosition\": \"right\",\r\n \"titlePosition\": \"center\",\r\n \"logo\": \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRg4POvLfTXehFY2l6A-BRMYSsUq0EnnPrvCzMv9NO0&s\",\r\n \"surveyheadingForeground\": {\r\n \"margin\": \"auto\",\r\n \"color\": \"#ffffff\",\r\n \"font-size\": \"27px\"\r\n },\r\n \"surveyheadingBackground\": {\r\n \"background-color\": \"#FF0000\",\r\n \"padding\": \"10px\"\r\n }\r\n },\r\n \"footer\": {\r\n \"previousbuttonlabel\": \"<<\",\r\n \"previousbuttonstyle\": {\r\n \"background-color\": \"#0000FF\"\r\n },\r\n \"nextbuttonlabel\": \">>\",\r\n \"nextbuttonstyle\": {\r\n \"background-color\": \"#0000FF\"\r\n },\r\n \"progressbar\": true,\r\n \"progressbarstyle\": {\r\n \"background-color\": \"#FFFFFF\"\r\n },\r\n \"footerBackgroundcolor\": \"#000000\"\r\n },\r\n \"pages\": [\r\n {\r\n \"elements\": [\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-1\",\r\n \"type\": \"numeric\",\r\n \"typeId\": 5,\r\n \"questionText\": \"What is your Age?\",\r\n \"questionDescription\": \"To know your Age,.\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 5,\r\n \"name\": \"\",\r\n \"label\": \"Numeric\",\r\n \"options\": \"\",\r\n \"questionType\": \"numeric\",\r\n \"icon\": \"fa fa-calculator fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 1\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 2\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": true,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-2\",\r\n \"type\": \"NPS\",\r\n \"typeId\": 6,\r\n \"questionText\": \"How much do you rate this Airtel Subscription out of 10 ?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 6,\r\n \"name\": \"\",\r\n \"label\": \"NPS\",\r\n \"options\": \"\",\r\n \"questionType\": \"NPS\",\r\n \"icon\": \"fa fa-tachometer fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 3\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 4\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": true,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"({Q1-1} = 25)\",\r\n \"visibleIf\": \"({Q1-1} = 25)\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-3\",\r\n \"type\": \"selectList\",\r\n \"typeId\": 3,\r\n \"questionText\": \"What is your location?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 3,\r\n \"name\": \"\",\r\n \"label\": \"Select List\",\r\n \"options\": \"\",\r\n \"questionType\": \"selectList\",\r\n \"icon\": \"fa fa-caret-square-o-down fa-fw\"\r\n },\r\n \"choices\": [\r\n \"Hyderabad,Bangalore,Mumbai,Kolkata,Delhi,Chennai,Kashmir,Ahemedabad,Dharmasala\"\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"({Q1-1} = 25 and {Q1-2} = 8)\",\r\n \"visibleIf\": \"({Q1-1} = 25 and {Q1-2} = 8)\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-4\",\r\n \"type\": \"date\",\r\n \"typeId\": 7,\r\n \"questionText\": \"When did your subscription starts ?\",\r\n \"questionDescription\": \"Provide us the date of your renewal\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 7,\r\n \"name\": \"\",\r\n \"label\": \"Date\",\r\n \"options\": \"\",\r\n \"questionType\": \"date\",\r\n \"icon\": \"fa fa-calendar fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 5\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 6\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-5\",\r\n \"type\": \"radiogroup\",\r\n \"typeId\": 1,\r\n \"questionText\": \"This is a Single Choice Question\\nWhere do you want to settle for next 5 years?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 1,\r\n \"name\": \"\",\r\n \"label\": \"Single Choice\",\r\n \"options\": \"\",\r\n \"questionType\": \"radiogroup\",\r\n \"icon\": \"fa fa-dot-circle-o fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"value\": \"Bangalore\",\r\n \"text\": \"Bangalore\",\r\n \"tempId\": 3\r\n },\r\n {\r\n \"value\": \"Chennai\",\r\n \"text\": \"Chennai\",\r\n \"tempId\": 4\r\n },\r\n {\r\n \"value\": \"Hyderabad\",\r\n \"text\": \"Hyderabad\",\r\n \"tempId\": 5\r\n },\r\n {\r\n \"value\": \"Delhi\",\r\n \"text\": \"Delhi\",\r\n \"tempId\": 6\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"Other\",\r\n \"value\": \"Other\",\r\n \"tempId\": 7,\r\n \"optionType\": \"OTHER\"\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": true,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"random\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-6\",\r\n \"type\": \"checkbox\",\r\n \"typeId\": 2,\r\n \"questionText\": \"Select your mobile networks?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 2,\r\n \"name\": \"\",\r\n \"label\": \"Multi Choice\",\r\n \"options\": \"\",\r\n \"questionType\": \"checkbox\",\r\n \"icon\": \"fa fa-check-square-o fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"value\": \"Jio\",\r\n \"text\": \"Jio\",\r\n \"tempId\": 9\r\n },\r\n {\r\n \"value\": \"Airtel\",\r\n \"text\": \"Airtel\",\r\n \"tempId\": 10\r\n },\r\n {\r\n \"value\": \"Docomo\",\r\n \"text\": \"Docomo\",\r\n \"tempId\": 11\r\n },\r\n {\r\n \"value\": \"Vodafone\",\r\n \"text\": \"Vodafone\",\r\n \"tempId\": 12\r\n },\r\n {\r\n \"value\": \"Idea\",\r\n \"text\": \"Idea\",\r\n \"tempId\": 13\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"Other\",\r\n \"value\": \"Other\",\r\n \"tempId\": 1,\r\n \"optionType\": \"OTHER\"\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": true,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"descending\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-7\",\r\n \"type\": \"matrix\",\r\n \"typeId\": 15,\r\n \"questionText\": \"Matrix Question\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 15,\r\n \"name\": \"\",\r\n \"label\": \"Matrix Single Choice\",\r\n \"options\": \"\",\r\n \"questionType\": \"matrix\",\r\n \"icon\": \"fa fa-list\"\r\n },\r\n \"rows\": [\r\n \"Row 1\",\r\n \"Row2\"\r\n ],\r\n \"columns\": [\r\n \"Col1\",\r\n \"Col2\",\r\n \"Col3\"\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"({Q1-6} = [Airtel,Jio])\",\r\n \"visibleIf\": \"({Q1-6} = [Airtel,Jio])\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-8\",\r\n \"type\": \"multiselectdropdown\",\r\n \"typeId\": 12,\r\n \"questionText\": \"multi Selection\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 12,\r\n \"name\": \"\",\r\n \"label\": \"Multi Selection Dropdown\",\r\n \"options\": \"\",\r\n \"questionType\": \"multiselectdropdown\",\r\n \"icon\": \"fa fa-light fa-list-alt\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"AA\",\r\n \"value\": \"AA\",\r\n \"tempId\": 14\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"BB\",\r\n \"value\": \"BB\",\r\n \"tempId\": 15\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"CC\",\r\n \"value\": \"CC\",\r\n \"tempId\": 16\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"DD\",\r\n \"value\": \"DD\",\r\n \"tempId\": 17\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"EE\",\r\n \"value\": \"EE\",\r\n \"tempId\": 18\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q1-9\",\r\n \"type\": \"matrixmultiChoice\",\r\n \"typeId\": 16,\r\n \"questionText\": \"Matrix Multi CHoice\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 16,\r\n \"name\": \"\",\r\n \"label\": \"Matrix Multi Choice\",\r\n \"options\": \"\",\r\n \"questionType\": \"matrixmultiChoice\",\r\n \"icon\": \"fa fa-th-large\"\r\n },\r\n \"rows\": [\r\n \"Row1\",\r\n \"Row2\",\r\n \"Row 3\"\r\n ],\r\n \"columns\": [\r\n \"Col1\",\r\n \"Col2\"\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n }\r\n ]\r\n },\r\n {\r\n \"elements\": [\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q2-5\",\r\n \"type\": \"starRating\",\r\n \"typeId\": 8,\r\n \"questionText\": \"What rating can you give us for this subscription?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 8,\r\n \"name\": \"\",\r\n \"label\": \"Rating\",\r\n \"options\": \"\",\r\n \"questionType\": \"starRating\",\r\n \"icon\": \"fa fa-star fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 7\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 8\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": true,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q2-2\",\r\n \"type\": \"rating\",\r\n \"typeId\": 9,\r\n \"questionText\": \"How much happy are you with this?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 9,\r\n \"name\": \"\",\r\n \"label\": \"Emoji\",\r\n \"options\": \"\",\r\n \"questionType\": \"rating\",\r\n \"icon\": \"fa fa-smile-o fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 9\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 10\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": true,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"({Q1-5} = [Hyderabad,Bangalore])\",\r\n \"visibleIf\": \"({Q1-5} = [Hyderabad,Bangalore])\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q2-3\",\r\n \"type\": \"ranking\",\r\n \"typeId\": 10,\r\n \"questionText\": \"Rank these Orders based on your Choice?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 10,\r\n \"name\": \"\",\r\n \"label\": \"Ranking\",\r\n \"options\": \"\",\r\n \"questionType\": \"ranking\",\r\n \"icon\": \"fa fa-trophy\"\r\n },\r\n \"choices\": [\r\n \"Jio,Docomo,BSNL,Aircel,Vodafone,Idea\"\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n }\r\n ]\r\n },\r\n {\r\n \"elements\": [\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q3-4\",\r\n \"type\": \"singleDropdown\",\r\n \"typeId\": 11,\r\n \"questionText\": \"Other than Airtel which one do you prefer more?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 11,\r\n \"name\": \"\",\r\n \"label\": \"Single Selection\",\r\n \"options\": \"\",\r\n \"questionType\": \"singleDropdown\",\r\n \"icon\": \"fa fa-caret-down fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"value\": \"Jio\",\r\n \"text\": \"Jio\",\r\n \"tempId\": 19\r\n },\r\n {\r\n \"value\": \"Docomo\",\r\n \"text\": \"Docomo\",\r\n \"tempId\": 20\r\n },\r\n {\r\n \"value\": \"BSNL\",\r\n \"text\": \"BSNL\",\r\n \"tempId\": 21\r\n },\r\n {\r\n \"value\": \"Aircel\",\r\n \"text\": \"Aircel\",\r\n \"tempId\": 22\r\n },\r\n {\r\n \"value\": \"Vodafone\",\r\n \"text\": \"Vodafone\",\r\n \"tempId\": 23\r\n },\r\n {\r\n \"value\": \"Idea\",\r\n \"text\": \"Idea\",\r\n \"tempId\": 24\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q3-2\",\r\n \"type\": \"boolean\",\r\n \"typeId\": 13,\r\n \"questionText\": \"Would you like to continue this subscription?\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 13,\r\n \"name\": \"\",\r\n \"label\": \"Yes or No\",\r\n \"options\": \"\",\r\n \"questionType\": \"boolean\",\r\n \"icon\": \"fa fa-thumbs-up fa-fw\"\r\n },\r\n \"labelTrue\": \"OfCouse yes!!\",\r\n \"labelFalse\": \"Definitely Not!!\",\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n }\r\n ]\r\n },\r\n {\r\n \"elements\": [\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q4-3\",\r\n \"type\": \"sliderScale\",\r\n \"typeId\": 14,\r\n \"questionText\": \"Slider Question just to verify this\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 0,\r\n \"maxValue\": 100,\r\n \"selectedType\": {\r\n \"id\": 14,\r\n \"name\": \"\",\r\n \"label\": \"Slider Scale\",\r\n \"options\": \"\",\r\n \"questionType\": \"sliderScale\",\r\n \"icon\": \"fa fa-sliders\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 25\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 26\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": true,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true,\r\n \"step\": 5\r\n },\r\n {\r\n \"id\": -1,\r\n \"tempId\": \"Q4-2\",\r\n \"type\": \"openText\",\r\n \"typeId\": 4,\r\n \"questionText\": \"Provide us some Feedback!!\",\r\n \"questionDescription\": \"\",\r\n \"rateMax\": 5,\r\n \"minValue\": 18,\r\n \"maxValue\": 99,\r\n \"selectedType\": {\r\n \"id\": 4,\r\n \"name\": \"\",\r\n \"label\": \"Open Text\",\r\n \"options\": \"\",\r\n \"questionType\": \"openText\",\r\n \"icon\": \"fa fa-square-o fa-fw\"\r\n },\r\n \"choices\": [\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 27\r\n },\r\n {\r\n \"id\": \"\",\r\n \"text\": \"\",\r\n \"value\": \"\",\r\n \"tempId\": 28\r\n }\r\n ],\r\n \"dateFormat\": \"dd/MM/yyyy\",\r\n \"isMandatory\": false,\r\n \"optionWithImage\": false,\r\n \"others\": false,\r\n \"yesOrNo\": false,\r\n \"choicesOrder\": \"normal\",\r\n \"codedOption\": false,\r\n \"requiredErrorText\": \"Answer cannot be empty\",\r\n \"DLFormulaText\": \"\",\r\n \"visibleIf\": \"\",\r\n \"placeHolderText\": \"Type Here..\",\r\n \"status\": \"ADDED\",\r\n \"errorStatus\": true\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n\r\n useEffect(() => {\r\n if (word !== null && word !== \"\") {\r\n setLoading(true);\r\n\r\n axios.get(`${API_END_POINT.BASE_URL}/api/survey/GetSurveyDefinition/${word}`)\r\n .then(response => {\r\n let surveyData = response.data.data;\r\n setData(surveyData);\r\n // setData(surveyLoad);\r\n setLoading(false);\r\n })\r\n .catch(ex => {\r\n setErrLoading(true);\r\n });\r\n }\r\n }, [word]);\r\n\r\n return (\r\n \r\n {\r\n <>\r\n {!loading && Object.keys(data).length > 0 ? (\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport HomeComponent from \"../Questionnaire/HomeComponent/HomeComponent\";\r\n\r\nfunction LocationAndDate({ word,wholeWord }) {\r\n const [location, setLocation] = useState({ lat: null, lng: null });\r\n // const [location, setLocation] = useState({ lat: 37.7749, lng: -122.4194 });\r\n\r\n\r\n useEffect(() => {\r\n if (!navigator.geolocation) {\r\n console.error(\"Geolocation is not supported by your browser\");\r\n return;\r\n }\r\n // get location\r\n const success = (position) => {\r\n const { latitude, longitude } = position.coords;\r\n setLocation({ lat: latitude, lng: longitude });\r\n };\r\n\r\n const error = (error) => {\r\n console.error(`Error getting location: ${error.message}`);\r\n };\r\n\r\n navigator.geolocation.getCurrentPosition(success, error);\r\n \r\n }, []);\r\n\r\n return (\r\n \r\n {word != null ? (\r\n //
\r\n );\r\n}\r\n\r\nexport default LocationAndDate;\r\n","import React, { useState, useEffect } from 'react';\r\nimport LocationAndDate from './LocationAndDate';\r\n\r\nconst MainComponent = (props) => {\r\n const [word, setWord] = useState(null);\r\n const [wholeWord, setwholeWord] = useState(props.match.params.param);\r\n useEffect(() => {\r\n // extract first two letters from given url\r\n // for ex: localhost:3000/swerty\r\n // sw will be extracted\r\n // const url = window.location.href;\r\n const url = props.match.params.param;\r\n\r\n // const extractedWord = url.substr(url.length - 4, 4);\r\n setWord(url);\r\n // console.log(extractedWord, \"MainComponent\")\r\n }, []);\r\n\r\n return (\r\n Loading...
\r\n )}\r\n\r\n \r\n {word != null ? (\r\n
\r\n );\r\n};\r\n\r\nexport default MainComponent;\r\n","import React, { useState } from 'react';\r\nimport { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom';\r\nimport MainComponent from './MainComponent';\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { InValidURL } from './InValidURL';\r\n\r\nconst Routes = () => {\r\n const [defaultParam, setDefaultParam] = useState('');\r\n const InvalidURLMsge=\"There is no data with mentioned url, please provide a valid one\";\r\n\r\n return (\r\n Loading...
\r\n )}\r\n