@mseva/digit-ui-module-engagement 1.1.11 → 1.1.13

package/dist/index.modern.js

@@ -19455,6 +19455,7 @@ const FillQuestions = props => {
     isLoading
   } = Digit.Hooks.useTenants();
   const [city, setCity] = useState(null);
+  const [loading, setLoading] = useState(false);
   const [submitted, setSubmitted] = useState(false);
   const [localityList, setLocalityList] = useState(null);
   const [openQuesDetailsDialog, setOpenQuesDetailsDialog] = useState(false);
@@ -19462,6 +19463,7 @@ const FillQuestions = props => {
     latitude: null,
     longitude: null
   });
+  const [getFetchAnswers, setFetchAnswers] = useState();
   const [pincode, setPincode] = useState("");
   const [isgeoLoc, setIsGeoLoc] = useState(false);
   const tenantId = Digit.ULBService.getCurrentTenantId();
@@ -19469,10 +19471,14 @@ const FillQuestions = props => {
   const [hasCitizenDetails, setHasCitizenDetails] = useState(null);
   useEffect(() => {
     (async () => {
+      setLoading(true);
       let response = await Digit.LocationService.getLocalities(city);
+      setLoading(false);
       let __localityList = [];
       if (response && response.TenantBoundary.length > 0) {
+        setLoading(true);
         __localityList = Digit.LocalityService.get(response.TenantBoundary[0]);
+        setLoading(false);
       }
       setLocalityList(__localityList);
     })();
@@ -19481,10 +19487,14 @@ const FillQuestions = props => {
     (async () => {
       if ((prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE") {
         var _prevProps$citizenDat;
+        setLoading(true);
         let response = await Digit.LocationService.getLocalities((_prevProps$citizenDat = prevProps.citizenData.city) === null || _prevProps$citizenDat === void 0 ? void 0 : _prevProps$citizenDat.code);
+        setLoading(false);
         let __localityList = [];
         if (response && response.TenantBoundary.length > 0) {
+          setLoading(true);
           __localityList = Digit.LocalityService.get(response.TenantBoundary[0]);
+          setLoading(false);
         }
         setLocalityList(__localityList);
       }
@@ -19543,12 +19553,14 @@ const FillQuestions = props => {
   const prevFormDataRef = useRef({});
   const data = prevProps.surveyDetails;
   const fetchAnswer = async status => {
+    setLoading(true);
     let payload = {
       surveyUuid: data.uuid,
       citizenId: prevProps.userInfo.uuid
     };
     try {
       Digit.Surveys.getAnswers(payload).then(response => {
+        setLoading(false);
         if ((response === null || response === void 0 ? void 0 : response.sectionResponses.length) > 0) {
           let result = {};
           response.sectionResponses.forEach(section => {
@@ -19562,7 +19574,6 @@ const FillQuestions = props => {
             result[section.sectionUuid] = sectionObj;
           });
           setFormData(result);
-          console.log("status======", status);
           if (status === "draft") {
             handleAutoSave();
           } else {
@@ -19578,18 +19589,21 @@ const FillQuestions = props => {
         }
       });
     } catch (error) {
+      setLoading(false);
       return error;
     }
   };
   const fetchSurveyAnswers = async () => {
+    setLoading(true);
     let payload = {
       surveyUuid: data.uuid,
       citizenId: prevProps.userInfo.uuid
     };
     try {
       Digit.Surveys.getAnswers(payload).then(response => {
+        setFetchAnswers(response);
+        setLoading(false);
         if ((response === null || response === void 0 ? void 0 : response.sectionResponses.length) > 0) {
-          console.log("response.status", response.status);
           if (response.status == "Draft") {
             setSubmitted(false);
             if ((prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "CITIZEN") {
@@ -19627,6 +19641,7 @@ const FillQuestions = props => {
         }
       });
     } catch (error) {
+      setLoading(false);
       return error;
     }
   };
@@ -19653,6 +19668,7 @@ const FillQuestions = props => {
   };
   const fetchUserDetails = async () => {
     var _prevProps$userInfo, _prevProps$userInfo2, _prevProps$userInfo3;
+    setLoading(true);
     const data = {
       userName: prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$userInfo = prevProps.userInfo) === null || _prevProps$userInfo === void 0 ? void 0 : _prevProps$userInfo.mobileNumber,
       tenantId: prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$userInfo2 = prevProps.userInfo) === null || _prevProps$userInfo2 === void 0 ? void 0 : _prevProps$userInfo2.tenantId
@@ -19662,9 +19678,10 @@ const FillQuestions = props => {
     };
     Digit.Surveys.userSearch(data, filters).then(response => {
       var _response$responseInf, _response$responseInf2;
+      setLoading(false);
       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;
@@ -19692,6 +19709,7 @@ const FillQuestions = props => {
         });
       }
     }).catch(error => {
+      setLoading(false);
       return error;
     });
   };
@@ -19734,14 +19752,15 @@ const FillQuestions = props => {
       if (JSON.stringify(prevFormDataRef.current) !== JSON.stringify(formData)) {
         if (prevProps.citizenFill && userType.toLowerCase() === "employee" || userType.toLowerCase() === "citizen") {
           prevFormDataRef.current = formData;
-          fetchAnswer("draft");
+          if (locality) fetchAnswer("draft");
         }
       }
     }, 10000);
     return () => clearInterval(interval);
   }, [formData]);
   const handleAutoSave = async () => {
-    var _prevProps$citizenDat2, _prevProps$citizenDat3, _prevProps$citizenDat4, _prevProps$citizenDat5, _prevProps$citizenDat6;
+    var _prevProps$citizenDat2, _prevProps$citizenDat3, _prevProps$citizenDat4;
+    setLoading(true);
     let answerArr = [];
     for (const sectionId in formData) {
       for (const questionId in formData[sectionId]) {
@@ -19770,15 +19789,16 @@ const FillQuestions = props => {
       },
       SurveyResponse: {
         surveyUuid: data.uuid,
-        tenantId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat5 = prevProps.citizenData) === null || _prevProps$citizenDat5 === void 0 ? void 0 : (_prevProps$citizenDat6 = _prevProps$citizenDat5.city) === null || _prevProps$citizenDat6 === void 0 ? void 0 : _prevProps$citizenDat6.code : city === null || city === void 0 ? void 0 : city.code,
+        tenantId: city,
+        locality: locality,
         status: "Draft",
-        locality: locality || null,
         coordinates: `${geoLocation.latitude},${geoLocation.longitude}`,
         answers: answerArr
       }
     };
     try {
       Digit.Surveys.submitSurvey(payload).then(response => {
+        setLoading(false);
         if ((response === null || response === void 0 ? void 0 : response.SubmitResponse) !== undefined) {} else {
           var _response$Errors;
           setShowToast({
@@ -19789,6 +19809,7 @@ const FillQuestions = props => {
         }
       });
     } catch (error) {
+      setLoading(false);
       return error;
     }
   };
@@ -19844,7 +19865,8 @@ const FillQuestions = props => {
     return Object.keys(newErrors).length === 0;
   };
   const handleSubmitSurvey = () => {
-    var _prevProps$citizenDat7, _prevProps$citizenDat8, _prevProps$citizenDat9, _prevProps$citizenDat10, _prevProps$citizenDat11;
+    var _prevProps$citizenDat5, _prevProps$citizenDat6, _prevProps$citizenDat7;
+    setLoading(true);
     let answerArr = [];
     for (const sectionId in formData) {
       for (const questionId in formData[sectionId]) {
@@ -19855,6 +19877,7 @@ const FillQuestions = props => {
           questionUuid: questionId,
           sectionUuid: sectionId,
           comments: ((_formData$sectionId$q2 = formData[sectionId][questionId]) === null || _formData$sectionId$q2 === void 0 ? void 0 : _formData$sectionId$q2.comments) || "",
+          tenantId: localStorage.getItem("CITIZEN.CITY"),
           answerDetails: [{
             answerType: formData[sectionId][questionId].answerType,
             answerContent: formData[sectionId][questionId].answerType === "CHECKBOX_ANSWER_TYPE" ? formData[sectionId][questionId].answer.join(",") : formData[sectionId][questionId].answer,
@@ -19867,21 +19890,23 @@ const FillQuestions = props => {
       User: {
         type: prevProps.userInfo.type,
         uuid: prevProps.userInfo.uuid,
-        gender: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat7 = prevProps.citizenData) === null || _prevProps$citizenDat7 === void 0 ? void 0 : _prevProps$citizenDat7.gender : prevProps.userInfo.gender,
-        emailId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat8 = prevProps.citizenData) === null || _prevProps$citizenDat8 === void 0 ? void 0 : _prevProps$citizenDat8.email : prevProps.userInfo.emailId,
-        dob: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat9 = prevProps.citizenData) === null || _prevProps$citizenDat9 === void 0 ? void 0 : _prevProps$citizenDat9.dob : prevProps.userInfo.dob
+        gender: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat5 = prevProps.citizenData) === null || _prevProps$citizenDat5 === void 0 ? void 0 : _prevProps$citizenDat5.gender : prevProps.userInfo.gender,
+        emailId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat6 = prevProps.citizenData) === null || _prevProps$citizenDat6 === void 0 ? void 0 : _prevProps$citizenDat6.email : prevProps.userInfo.emailId,
+        dob: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat7 = prevProps.citizenData) === null || _prevProps$citizenDat7 === void 0 ? void 0 : _prevProps$citizenDat7.dob : prevProps.userInfo.dob
       },
       SurveyResponse: {
         surveyUuid: data.uuid,
-        tenantId: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.userType).toUpperCase() === "EMPLOYEE" ? prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$citizenDat10 = prevProps.citizenData) === null || _prevProps$citizenDat10 === void 0 ? void 0 : (_prevProps$citizenDat11 = _prevProps$citizenDat10.city) === null || _prevProps$citizenDat11 === void 0 ? void 0 : _prevProps$citizenDat11.code : city === null || city === void 0 ? void 0 : city.code,
+        tenantId: city,
         status: "Submit",
-        locality: locality || null,
+        locality: locality,
         coordinates: `${geoLocation.latitude},${geoLocation.longitude}`,
+        tenantId: localStorage.getItem("CITIZEN.CITY"),
         answers: answerArr
       }
     };
     try {
       Digit.Surveys.submitSurvey(payload).then(response => {
+        setLoading(false);
         if ((response === null || response === void 0 ? void 0 : response.SubmitResponse) !== undefined) {
           userType.toUpperCase() === "EMPLOYEE" ? history.push("/digit-ui/employee/engagement/surveys/submit-response", {
             message: "SURVEY FORM SUBMITTED SUCCESSFULLY",
@@ -19903,6 +19928,7 @@ const FillQuestions = props => {
         }
       });
     } catch (error) {
+      setLoading(false);
       return error;
     }
   };
@@ -20350,7 +20376,6 @@ const FillQuestions = props => {
         });
     }
   };
-  data.sections.map(s => console.log("data sec", s.title));
   const closeToast = () => {
     setShowToast(null);
   };
@@ -20359,11 +20384,25 @@ const FillQuestions = props => {
     longitude: null
   });
   const handleCityChange = e => {
-    setCity(e.target.value);
+    const selectedCity = e.target.value;
+    setCity(selectedCity);
   };
+  useEffect(() => {
+    if (getFetchAnswers) {
+      const storedCity = getFetchAnswers !== null && getFetchAnswers !== void 0 && getFetchAnswers.tenantId ? getFetchAnswers === null || getFetchAnswers === void 0 ? void 0 : getFetchAnswers.tenantId : localStorage.getItem("CITIZEN.CITY");
+      if (storedCity) {
+        setCity(storedCity);
+      }
+    }
+  }, [getFetchAnswers]);
   const handleLocalityChangeCitizen = e => {
     setLocality(e.target.value);
   };
+  useEffect(() => {
+    if (getFetchAnswers) {
+      setLocality(getFetchAnswers === null || getFetchAnswers === void 0 ? void 0 : getFetchAnswers.locality);
+    }
+  }, [getFetchAnswers]);
   function handleOnSubmitDialog() {
     setOpenQuesDetailsDialog(false);
   }
@@ -20442,7 +20481,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",
@@ -20519,7 +20558,7 @@ const FillQuestions = props => {
         color: "white",
         marginTop: "10px"
       }
-    }, "Fill your details : Name, Gender, DOB and Email are required")) : null
+    }, "Fill your details : Name, Gender, DOB and Email are required"), loading && /*#__PURE__*/React.createElement(Loader, null)) : null
   );
 };
 
@@ -22002,6 +22041,10 @@ const SearchFormFieldsComponents = ({
     t
   } = useTranslation();
   const ulbs = Digit.SessionStorage.get("ENGAGEMENT_TENANTS");
+  const {
+    data: cities,
+    isLoading
+  } = Digit.Hooks.useTenants();
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const userInfo = Digit.SessionStorage.get("citizen.userRequestObject");
   const userUlbs = ulbs.filter(ulb => {
@@ -22020,10 +22063,10 @@ const SearchFormFieldsComponents = ({
     rules: {
       required: t("REQUIRED_FIELD")
     },
-    defaultValue: selectedTenat === null || selectedTenat === void 0 ? void 0 : selectedTenat[0],
+    defaultValue: tenantId,
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
-      option: userUlbs,
-      optionKey: "i18nKey",
+      option: cities,
+      optionKey: "name",
       selected: props.value,
       select: e => props.onChange(e),
       t: t
@@ -25151,7 +25194,7 @@ const StepWrapper = ({
     flex: 1,
     color: isActive ? "#3f51b5" : "#ccc",
     padding: "10px 10px",
-    width: '260px'
+    width: "260px"
   });
   const circleStyle = stepNumber => {
     let backgroundColor;
@@ -25177,7 +25220,7 @@ const StepWrapper = ({
     };
   };
   const labelStyle = {
-    fontSize: "20px",
+    fontSize: "18px",
     color: "#1E1E1E",
     fontWeight: "500",
     fontFamily: "Noto Sans,sans-serif",
@@ -25188,7 +25231,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",
@@ -25234,7 +25277,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", {
@@ -29919,7 +29962,8 @@ const FormComposer = props => {
     errors,
     setError,
     clearErrors,
-    unregister
+    unregister,
+    setApi
   } = useForm({
     defaultValues: props.defaultValues
   });
@@ -30018,7 +30062,8 @@ const FormComposer = props => {
             setError: setError,
             clearErrors: clearErrors,
             formState: formState,
-            onBlur: props.onBlur
+            onBlur: props.onBlur,
+            setApi: setApi
           }),
           name: config.key,
           control: control
@@ -30201,7 +30246,7 @@ const FormComposer = props => {
     props.onBackClick && props.onBackClick(formData);
   };
   const styles = {
-    boxShadow: 'none',
+    boxShadow: "none",
     padding: "20px 48px 48px"
   };
   return /*#__PURE__*/React.createElement("form", {