@mseva/digit-ui-module-engagement 1.1.10 → 1.1.12

package/dist/index.modern.js

@@ -19664,7 +19664,7 @@ const FillQuestions = props => {
       var _response$responseInf, _response$responseInf2;
       if (((response === null || response === void 0 ? void 0 : (_response$responseInf = response.responseInfo) === null || _response$responseInf === void 0 ? void 0 : _response$responseInf.status) === "200" || (response === null || response === void 0 ? void 0 : (_response$responseInf2 = response.responseInfo) === null || _response$responseInf2 === void 0 ? void 0 : _response$responseInf2.status) === "201") && (response === null || response === void 0 ? void 0 : response.user.length) > 0) {
         var _response$user$, _response$user$2, _response$user$3, _response$user$4, _response$user$5, _response$user$6;
-        if ((response === null || response === void 0 ? void 0 : (_response$user$ = response.user[0]) === null || _response$user$ === void 0 ? void 0 : _response$user$.gender) === null || (response === null || response === void 0 ? void 0 : (_response$user$2 = response.user[0]) === null || _response$user$2 === void 0 ? void 0 : _response$user$2.email) === null || (response === null || response === void 0 ? void 0 : (_response$user$3 = response.user[0]) === null || _response$user$3 === void 0 ? void 0 : _response$user$3.dob) === null || (response === null || response === void 0 ? void 0 : (_response$user$4 = response.user[0]) === null || _response$user$4 === void 0 ? void 0 : _response$user$4.gender) === "" || (response === null || response === void 0 ? void 0 : (_response$user$5 = response.user[0]) === null || _response$user$5 === void 0 ? void 0 : _response$user$5.email) === "" || (response === null || response === void 0 ? void 0 : (_response$user$6 = response.user[0]) === null || _response$user$6 === void 0 ? void 0 : _response$user$6.dob) === "") {
+        if ((response === null || response === void 0 ? void 0 : (_response$user$ = response.user[0]) === null || _response$user$ === void 0 ? void 0 : _response$user$.gender) === null || (response === null || response === void 0 ? void 0 : (_response$user$2 = response.user[0]) === null || _response$user$2 === void 0 ? void 0 : _response$user$2.emailId) === null || (response === null || response === void 0 ? void 0 : (_response$user$3 = response.user[0]) === null || _response$user$3 === void 0 ? void 0 : _response$user$3.dob) === null || (response === null || response === void 0 ? void 0 : (_response$user$4 = response.user[0]) === null || _response$user$4 === void 0 ? void 0 : _response$user$4.gender) === "" || (response === null || response === void 0 ? void 0 : (_response$user$5 = response.user[0]) === null || _response$user$5 === void 0 ? void 0 : _response$user$5.emailId) === "" || (response === null || response === void 0 ? void 0 : (_response$user$6 = response.user[0]) === null || _response$user$6 === void 0 ? void 0 : _response$user$6.dob) === "") {
           setHasCitizenDetails(false);
         } else {
           var _response$user$7;
@@ -20442,7 +20442,7 @@ const FillQuestions = props => {
     }, "--Please choose a city--"), cities.map((option, index) => /*#__PURE__*/React.createElement("option", {
       key: index,
       value: option.code
-    }, option === null || option === void 0 ? void 0 : option.code))), errors && errors["city"] && /*#__PURE__*/React.createElement(CardLabelError$2, {
+    }, option === null || option === void 0 ? void 0 : option.name))), errors && errors["city"] && /*#__PURE__*/React.createElement(CardLabelError$2, {
       style: {
         marginTop: "0px",
         marginBottom: "0px",
@@ -22053,6 +22053,7 @@ const useInboxTableConfig = ({
   setShowToast
 }) => {
   var _formState$tableForm, _formState$tableForm2, _formState$tableForm7, _formState$searchForm;
+  const history = useHistory();
   const GetCell = value => /*#__PURE__*/React.createElement("span", {
     className: "cell-text styled-cell"
   }, value);
@@ -22085,7 +22086,15 @@ const useInboxTableConfig = ({
         row
       }) => {
         return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-          className: "link"
+          className: "link",
+          onClick: () => {
+            history.push({
+              pathname: `/digit-ui/employee/engagement/surveys/previewQuestions`,
+              state: {
+                data: row.original
+              }
+            });
+          }
         }, row.original.surveyTitle));
       }
     }, {
@@ -25142,7 +25151,7 @@ const StepWrapper = ({
     flex: 1,
     color: isActive ? "#3f51b5" : "#ccc",
     padding: "10px 10px",
-    width: '260px'
+    width: "260px"
   });
   const circleStyle = stepNumber => {
     let backgroundColor;
@@ -25168,7 +25177,7 @@ const StepWrapper = ({
     };
   };
   const labelStyle = {
-    fontSize: "20px",
+    fontSize: "18px",
     color: "#1E1E1E",
     fontWeight: "500",
     fontFamily: "Noto Sans,sans-serif",
@@ -25179,7 +25188,7 @@ const StepWrapper = ({
     color: "#263238",
     fontWeight: "400",
     fontFamily: "Noto Sans,sans-serif",
-    margin: '0px 6px 0px 0px'
+    margin: "0px 6px 0px 0px"
   };
   const lineStyle = {
     position: "absolute",
@@ -25225,7 +25234,7 @@ const StepWrapper = ({
   }, index + 1 === totalSteps ? null : /*#__PURE__*/React.createElement("div", {
     className: "step-number",
     style: stepNumberStyle
-  }, "Step ", index + 1), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "step-label",
     style: labelStyle
   }, t(_stepsList[index].stepLabel))), /*#__PURE__*/React.createElement("div", {
@@ -25329,21 +25338,22 @@ const newConfig = [{
 const UPDATE_SURVEY_FORM = "UPDATE_SURVEY_FORM";
 const SET_SURVEY_STEP = "SET_SURVEY_STEP";
 const FIELD_CHANGE = "FIELD_CHANGE";
-const ADD_CATEGORY = 'ADD_CATEGORY';
-const ADD_QUESTIONS = 'ADD_QUESTIONS';
-const ADD_QUESTIONS_LIST = 'ADD_QUESTIONS_LIST';
-const RECALCULATE_WEIGHTAGE = 'RECALCULATE_WEIGHTAGE';
-const UPDATE_CATEGORY = 'UPDATE_CATEGORY';
-const UPDATE_QUESTION_SELECTION = 'UPDATE_QUESTION_SELECTION';
-const UPDATE_MANDATORY_QUESTION_SELECTION = 'UPDATE_MANDATORY_QUESTION_SELECTION';
-const UPDATE_QUESTION_WEIGHTAGE = 'UPDATE_QUESTION_WEIGHTAGE';
-const SET_QUESTIONS = 'SET_QUESTIONS';
-const DELETE_CATEGORY = 'DELETE_CATEGORY';
-const GO_PREV = 'GO_PREV';
-const GO_NEXT = 'GO_NEXT';
-const NEXT_STEP = 'NEXT_STEP';
-const PREVIOUS_STEP = 'PREVIOUS_STEP';
-const SET_STEP_DATA = 'SET_STEP_DATA';
+const ADD_CATEGORY = "ADD_CATEGORY";
+const ADD_QUESTIONS = "ADD_QUESTIONS";
+const ADD_QUESTIONS_LIST = "ADD_QUESTIONS_LIST";
+const RECALCULATE_WEIGHTAGE = "RECALCULATE_WEIGHTAGE";
+const UPDATE_CATEGORY = "UPDATE_CATEGORY";
+const UPDATE_QUESTION_SELECTION = "UPDATE_QUESTION_SELECTION";
+const UPDATE_MANDATORY_QUESTION_SELECTION = "UPDATE_MANDATORY_QUESTION_SELECTION";
+const UPDATE_QUESTION_WEIGHTAGE = "UPDATE_QUESTION_WEIGHTAGE";
+const SET_QUESTIONS = "SET_QUESTIONS";
+const DELETE_CATEGORY = "DELETE_CATEGORY";
+const GO_PREV = "GO_PREV";
+const GO_NEXT = "GO_NEXT";
+const NEXT_STEP = "NEXT_STEP";
+const PREVIOUS_STEP = "PREVIOUS_STEP";
+const SET_STEP_DATA = "SET_STEP_DATA";
+const AUTO_CALCULATE_CATEGORY = "AUTO_CALCULATE_CATEGORY";
 
 const updateSurveyForm = (key, value) => ({
   type: UPDATE_SURVEY_FORM,
@@ -25408,6 +25418,10 @@ const deleteCategory = categoryId => ({
 const goPrev = () => ({
   type: GO_PREV
 });
+const autoCalculateCategoriesWeight = categoryWeight => ({
+  type: AUTO_CALCULATE_CATEGORY,
+  categoryWeight
+});
 
 const surveyConfig = [{
   head: "SURVEY_DETAILS",
@@ -26921,6 +26935,142 @@ const Response$6 = props => {
   }))));
 };
 
+const PreviewQuestions = props => {
+  const prevProps = props.location.state;
+  const data = prevProps.data;
+  console.log("questions data", data);
+  const [selectedOption, setSelectedOption] = useState("");
+  const handleChange = event => {
+    setSelectedOption("");
+  };
+  const displayAnswerField = (answerType, question, section) => {
+    console.log("answer type", answerType, question);
+    switch (answerType) {
+      case "SHORT_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput$1, {
+          name: question.uuid,
+          disable: true,
+          textInputStyle: {
+            maxWidth: "none"
+          },
+          type: "text"
+        }));
+      case "LONG_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextArea$1, {
+          name: question.uuid,
+          style: {
+            maxWidth: "none"
+          },
+          disable: true,
+          disabled: true
+        }));
+      case "DROP_DOWN_MENU_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("select", {
+          id: "dropdown",
+          value: selectedOption,
+          onChange: handleChange
+        }, /*#__PURE__*/React.createElement("option", {
+          value: ""
+        }, "--Please choose an option--"), question.options.map((option, index) => /*#__PURE__*/React.createElement("option", {
+          key: index,
+          value: option === null || option === void 0 ? void 0 : option.optionText
+        }, option === null || option === void 0 ? void 0 : option.optionText))));
+      case "MULTIPLE_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: "flex",
+            flexDirection: "column"
+          }
+        }, question.options.map(option => /*#__PURE__*/React.createElement("h4", {
+          key: option === null || option === void 0 ? void 0 : option.uuid,
+          style: {
+            display: "flex",
+            alignItems: "center",
+            marginBottom: "10px",
+            fontSize: "18px"
+          }
+        }, /*#__PURE__*/React.createElement("input", {
+          type: "radio",
+          name: question.uuid,
+          value: option === null || option === void 0 ? void 0 : option.optionText,
+          disabled: true,
+          required: true,
+          style: {
+            marginRight: "10px",
+            width: "25px",
+            height: "25px"
+          }
+        }), option === null || option === void 0 ? void 0 : option.optionText))));
+      case "CHECKBOX_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: "flex",
+            flexDirection: "column"
+          }
+        }, question.options.map(option => /*#__PURE__*/React.createElement("h4", {
+          key: option === null || option === void 0 ? void 0 : option.uuid,
+          style: {
+            display: "flex",
+            alignItems: "center",
+            marginBottom: "10px",
+            fontSize: "18px"
+          }
+        }, /*#__PURE__*/React.createElement("input", {
+          style: {
+            width: "25px",
+            height: "25px",
+            marginRight: "10px"
+          },
+          type: "checkbox",
+          value: option === null || option === void 0 ? void 0 : option.optionText,
+          disabled: true
+        }), option.optionText))));
+      case "DATE_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput$1, {
+          type: "date",
+          textInputStyle: {
+            maxWidth: "none"
+          },
+          disable: true
+        }));
+      case "TIME_ANSWER_TYPE":
+        return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput$1, {
+          type: "time",
+          textInputStyle: {
+            maxWidth: "none"
+          },
+          disable: true
+        }));
+      default:
+        return /*#__PURE__*/React.createElement(TextInput$1, {
+          name: question.uuid,
+          disable: true,
+          type: "text"
+        });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "create-survey-page",
+    style: {
+      background: "white",
+      display: "block",
+      padding: "15px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "category-card"
+  }, /*#__PURE__*/React.createElement("form", null, data.sections.length > 0 ? data.sections.map(section => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, section.title), section.questions.map((question, index) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, question.questionStatement), /*#__PURE__*/React.createElement("div", {
+    className: "surveyQuestion-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "inline"
+    }
+  }, index + 1, ". ", question.question.questionStatement, " ", (question === null || question === void 0 ? void 0 : question.required) && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), displayAnswerField(question.question.type, question.question), /*#__PURE__*/React.createElement("div", null)))))) : null)));
+};
+
 const SurveyDetailsForms = ({
   t,
   registerRef,
@@ -28080,6 +28230,9 @@ const Surveys = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/inbox/results/:id`,
     component: props => /*#__PURE__*/React.createElement(SurveyResults, props)
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/previewQuestions`,
+    component: props => /*#__PURE__*/React.createElement(PreviewQuestions, props)
   }));
 };
 
@@ -28339,24 +28492,25 @@ const ShowSurvey = ({
 const initialState = {
   surveyDetails: [{
     id: 1,
-    ulb: '',
-    tenantIds: '',
-    name: '',
-    description: '',
-    fromDate: '',
-    fromTime: '',
-    toDate: '',
-    toTime: ''
+    ulb: "",
+    tenantIds: "",
+    name: "",
+    description: "",
+    fromDate: "",
+    fromTime: "",
+    toDate: "",
+    toTime: ""
   }],
   categories: [{
     id: 1,
-    title: '',
+    title: "",
     weightage: 100,
-    selectCategory: '',
-    questionStatement: '',
+    selectCategory: "",
+    questionStatement: "",
     questions: [],
     selectedQuestions: []
   }],
+  autoCalculateCategoriesWeight: true,
   goPrev: false,
   goNext: false,
   stepData: {},
@@ -28376,12 +28530,17 @@ const surveyFormReducer = (state = initialState, action) => {
         ...state,
         goNext: true
       };
+    case AUTO_CALCULATE_CATEGORY:
+      return {
+        ...state,
+        autoCalculateCategoriesWeight: action.categoryWeight
+      };
     case ADD_CATEGORY:
       const newCategories = [...state.categories, {
         id: action.id,
-        title: '',
-        weightage: '',
-        selectCategory: '',
+        title: "",
+        weightage: "",
+        selectCategory: "",
         questions: [],
         selectedQuestions: []
       }];
@@ -29760,7 +29919,8 @@ const FormComposer = props => {
     errors,
     setError,
     clearErrors,
-    unregister
+    unregister,
+    setApi
   } = useForm({
     defaultValues: props.defaultValues
   });
@@ -29859,7 +30019,8 @@ const FormComposer = props => {
             setError: setError,
             clearErrors: clearErrors,
             formState: formState,
-            onBlur: props.onBlur
+            onBlur: props.onBlur,
+            setApi: setApi
           }),
           name: config.key,
           control: control
@@ -30042,7 +30203,7 @@ const FormComposer = props => {
     props.onBackClick && props.onBackClick(formData);
   };
   const styles = {
-    boxShadow: 'none',
+    boxShadow: "none",
     padding: "20px 48px 48px"
   };
   return /*#__PURE__*/React.createElement("form", {
@@ -30613,6 +30774,7 @@ const CategoryCard = ({
     name: "weightage",
     value: category.weightage,
     onChange: handleFieldChange,
+    onWheel: e => e.target.blur(),
     readOnly: checked,
     placeholder: "Section Weightage",
     required: true
@@ -30767,8 +30929,9 @@ const SurveyCreationPage = ({
   hideQuestionLabel
 }) => {
   const categories = useSelector(state => state.engagement.surveyForm.categories);
+  const categoryWeight = useSelector(state => state.engagement.surveyForm.autoCalculateCategoriesWeight);
   const dispatch = useDispatch();
-  const [checked, setChecked] = useState(true);
+  const [checked, setChecked] = useState(categoryWeight);
   console.log("categories", categories);
   const [index, setIndex] = useState(2);
   const handleDeleteCategory = categoryId => {
@@ -30777,7 +30940,7 @@ const SurveyCreationPage = ({
       alert("Atleast one category must be there");
       return;
     }
-    if (checked) {
+    if (categoryWeight) {
       dispatch(deleteCategory(categoryId));
       dispatch(recalculateWeightage());
     } else {
@@ -30787,14 +30950,14 @@ const SurveyCreationPage = ({
   return /*#__PURE__*/React.createElement("div", {
     className: "create-survey-page",
     style: {
-      background: 'white',
-      display: 'block',
-      padding: '15px'
+      background: "white",
+      display: "block",
+      padding: "15px"
     }
   }, categories.map(category => /*#__PURE__*/React.createElement(CategoryCard, {
     key: category.id,
     category: category,
-    checked: checked,
+    checked: categoryWeight,
     readOnly: readOnly,
     onDelete: handleDeleteCategory,
     hideQuestionLabel: hideQuestionLabel
@@ -30806,11 +30969,11 @@ const SurveyCreationPage = ({
       backgroundColor: "#007bff",
       color: "white",
       cursor: "pointer",
-      marginBottom: '10px'
+      marginBottom: "10px"
     },
     onClick: () => {
-      console.log("checked", checked);
-      if (checked === true) {
+      console.log("checked", categoryWeight);
+      if (categoryWeight === true) {
         dispatch(addCategory(index));
         dispatch(recalculateWeightage());
         setIndex(index + 1);
@@ -30821,7 +30984,7 @@ const SurveyCreationPage = ({
     }
   }, "Add Section"), /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: '20px'
+      marginTop: "20px"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -30830,14 +30993,15 @@ const SurveyCreationPage = ({
     }
   }, /*#__PURE__*/React.createElement("input", {
     style: {
-      height: '20px',
-      width: '20px'
+      height: "20px",
+      width: "20px"
     },
     type: "checkbox",
-    checked: checked,
-    disable: readOnly,
+    checked: categoryWeight,
+    disabled: readOnly,
     onChange: e => {
       console.log("e checked", e.target.checked);
+      dispatch(autoCalculateCategoriesWeight(e.target.checked));
       setChecked(e.target.checked);
       if (e.target.checked === true) {
         dispatch(recalculateWeightage());