@mseva/digit-ui-module-challangeneration 1.0.4 → 1.0.6

package/dist/index.js

@@ -13463,9 +13463,7 @@ const ChallanStepperForm = () => {
   React.useEffect(() => {
     dispatch(RESET_ChallanAPPLICATION_FORM());
   }, []);
-  const handleSubmit = dataGet => {
-    console.log("dataGet===", dataGet);
-  };
+  const handleSubmit = dataGet => {};
   return /*#__PURE__*/React__default.createElement("div", {
     className: "pageCard"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
@@ -13490,63 +13488,14 @@ const ChallanStepperForm = () => {
   }));
 };
 
-const Loader = _ref => {
-  let {
-    page = false
-  } = _ref;
-  const baseStyle = {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  };
-  const pageStyle = _extends({}, baseStyle, {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    background: "rgba(255,255,255,0.6)",
-    backdropFilter: "blur(4px)",
-    zIndex: 9999
-  });
-  const moduleStyle = _extends({}, baseStyle, {
-    minHeight: "100px",
-    width: "100%",
-    position: "relative"
-  });
-  const spinnerStyle = {
-    width: "64px",
-    height: "64px",
-    border: "8px solid #1976d2",
-    borderTop: "8px solid transparent",
-    borderRadius: "50%",
-    animation: "spin 1.2s linear infinite"
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: page ? pageStyle : moduleStyle
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: spinnerStyle
-  }), /*#__PURE__*/React__default.createElement("style", null, "\n          @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n          }\n        "));
-};
-Loader.propTypes = {
-  page: propTypes.bool
-};
-Loader.defaultProps = {
-  page: false
-};
-
 const OffenderDetails = _ref => {
   var _user$info, _user$info2, _user$info3;
   let {
     t,
     goNext,
-    currentStepData,
-    onGoBack
+    currentStepData
   } = _ref;
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const stateId = Digit.ULBService.getStateId();
   const user = Digit.UserService.getUser();
-  const [loader, setLoader] = React.useState(false);
   const {
     control,
     handleSubmit,
@@ -13564,6 +13513,7 @@ const OffenderDetails = _ref => {
   });
   const onSubmit = function (data) {
     try {
+      console.log("data", data);
       goNext(data);
       return Promise.resolve();
     } catch (e) {
@@ -13571,11 +13521,21 @@ const OffenderDetails = _ref => {
     }
   };
   React.useEffect(() => {
-    console.log("currentStepData", currentStepData);
+    if (currentStepData !== null && currentStepData !== void 0 && currentStepData.offenderDetails) {
+      var _Object$entries;
+      (_Object$entries = Object.entries(currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.offenderDetails)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.forEach(_ref2 => {
+        let [key, value] = _ref2;
+        setValue(key, value);
+      });
+    }
   }, [currentStepData, setValue]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: "50%"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       marginBottom: "20px"
     }
@@ -13717,20 +13677,9 @@ const OffenderDetails = _ref => {
       color: "red"
     }
   }, errors.address.message))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
-    style: {
-      background: " white",
-      color: "black",
-      border: "1px solid",
-      marginRight: "10px"
-    },
-    label: "Back",
-    onSubmit: onGoBack
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: "Next",
     submit: "submit"
-  }))), loader && /*#__PURE__*/React__default.createElement(Loader, {
-    page: true
-  }));
+  }))));
 };
 
 const ChallanStepFormOne = _ref => {
@@ -13749,7 +13698,6 @@ const ChallanStepFormOne = _ref => {
     return state.challan.ChallanApplicationFormReducer.formData;
   });
   function goNext(data) {
-    console.log("data aa rea", data);
     dispatch(UPDATE_ChallanApplication_FORM(config.key, data));
     onGoNext();
   }
@@ -13773,6 +13721,51 @@ const ChallanStepFormOne = _ref => {
   }));
 };
 
+const Loader = _ref => {
+  let {
+    page = false
+  } = _ref;
+  const baseStyle = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  };
+  const pageStyle = _extends({}, baseStyle, {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    background: "rgba(255,255,255,0.6)",
+    backdropFilter: "blur(4px)",
+    zIndex: 9999
+  });
+  const moduleStyle = _extends({}, baseStyle, {
+    minHeight: "100px",
+    width: "100%",
+    position: "relative"
+  });
+  const spinnerStyle = {
+    width: "64px",
+    height: "64px",
+    border: "8px solid #1976d2",
+    borderTop: "8px solid transparent",
+    borderRadius: "50%",
+    animation: "spin 1.2s linear infinite"
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: page ? pageStyle : moduleStyle
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: spinnerStyle
+  }), /*#__PURE__*/React__default.createElement("style", null, "\n          @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n          }\n        "));
+};
+Loader.propTypes = {
+  page: propTypes.bool
+};
+Loader.defaultProps = {
+  page: false
+};
+
 const OffenceDetails = _ref => {
   let {
     onGoBack,
@@ -13799,45 +13792,236 @@ const OffenceDetails = _ref => {
   const onSubmit = data => {
     goNext(data);
   };
+  React.useEffect(() => {
+    if (currentStepData !== null && currentStepData !== void 0 && currentStepData.offenceDetails) {
+      var _Object$entries;
+      (_Object$entries = Object.entries(currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.offenceDetails)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.forEach(_ref2 => {
+        let [key, value] = _ref2;
+        setValue(key, value);
+      });
+    }
+  }, [currentStepData, setValue]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
-    className: "card-label-smaller"
-  }, t("CHB_PURPOSE_DESCRIPTION"), " ", /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("CHALLAN_TYPE_OFFENCE"), " ", /*#__PURE__*/React__default.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
     control: control,
-    name: "purposeDescription",
-    defaultValue: "",
-    rules: {
-      required: t("CHB_PURPOSE_DESCRIPTION_REQUIRED"),
-      minLength: {
-        value: 5,
-        message: t("CHB_PURPOSE_DESCRIPTION_REQUIRED_MIN")
-      }
-    },
-    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextArea, {
+    name: "offenceType",
+    defaultValue: null,
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
       style: {
         marginBottom: 0
       },
-      type: "textarea",
-      value: props.value,
-      onChange: e => {
-        props.onChange(e.target.value);
+      className: "form-field",
+      select: props.onChange,
+      selected: props.value,
+      option: [],
+      optionKey: "name",
+      t: t
+    })
+  }), errors.offenceType && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.offenceType.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("CHALLAN_OFFENCE_CATEGORY"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "offenceCategory",
+    defaultValue: null,
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+      style: {
+        marginBottom: 0
       },
-      onBlur: e => {
-        props.onBlur(e);
-      }
+      className: "form-field",
+      select: props.onChange,
+      selected: props.value,
+      option: [],
+      optionKey: "name",
+      t: t
+    })
+  }), errors.offenceCategory && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.offenceCategory.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("CHALLAN_OFFENCE_SUB_CATEGORY"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "offenceSubCategory",
+    defaultValue: null,
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+      style: {
+        marginBottom: 0
+      },
+      className: "form-field",
+      select: props.onChange,
+      selected: props.value,
+      option: [],
+      optionKey: "name",
+      t: t
     })
-  }), errors.purposeDescription && /*#__PURE__*/React__default.createElement("p", {
+  }), errors.offenceSubCategory && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.offenceSubCategory.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      width: "50%",
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("CHALLAN_NUMBER"), " ", /*#__PURE__*/React__default.createElement("span", {
     style: {
       color: "red"
     }
-  }, errors.purposeDescription.message)))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "challanNumber",
+    render: props => {
+      var _errors$name;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+        style: {
+          marginBottom: 0
+        },
+        value: props.value,
+        error: errors === null || errors === void 0 ? void 0 : (_errors$name = errors.name) === null || _errors$name === void 0 ? void 0 : _errors$name.message,
+        onChange: e => {
+          props.onChange(e.target.value);
+        },
+        onBlur: e => {
+          props.onBlur(e);
+        },
+        t: t
+      });
+    }
+  }), (errors === null || errors === void 0 ? void 0 : errors.challanNumber) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.challanNumber.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      width: "50%",
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("CHALLAN_NAME"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "challanName",
+    render: props => {
+      var _errors$name2;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+        style: {
+          marginBottom: 0
+        },
+        value: props.value,
+        error: errors === null || errors === void 0 ? void 0 : (_errors$name2 = errors.name) === null || _errors$name2 === void 0 ? void 0 : _errors$name2.message,
+        onChange: e => {
+          props.onChange(e.target.value);
+        },
+        onBlur: e => {
+          props.onBlur(e);
+        },
+        t: t
+      });
+    }
+  }), (errors === null || errors === void 0 ? void 0 : errors.challanName) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.challanName.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      width: "50%",
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("CHALLAN_AMOUNT"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "challanAmount",
+    render: props => {
+      var _errors$name3;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+        style: {
+          marginBottom: 0
+        },
+        value: props.value,
+        error: errors === null || errors === void 0 ? void 0 : (_errors$name3 = errors.name) === null || _errors$name3 === void 0 ? void 0 : _errors$name3.message,
+        onChange: e => {
+          props.onChange(e.target.value);
+        },
+        onBlur: e => {
+          props.onBlur(e);
+        },
+        t: t
+      });
+    }
+  }), (errors === null || errors === void 0 ? void 0 : errors.challanAmount) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.challanAmount.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      width: "50%",
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("CHALLAN_DAYS"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "challanDaysToClearPayment",
+    render: props => {
+      var _errors$name4;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+        style: {
+          marginBottom: 0
+        },
+        value: props.value,
+        error: errors === null || errors === void 0 ? void 0 : (_errors$name4 = errors.name) === null || _errors$name4 === void 0 ? void 0 : _errors$name4.message,
+        onChange: e => {
+          props.onChange(e.target.value);
+        },
+        onBlur: e => {
+          props.onBlur(e);
+        },
+        t: t
+      });
+    }
+  }), (errors === null || errors === void 0 ? void 0 : errors.challanDaysToClearPayment) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.challanDaysToClearPayment.message))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    style: {
+      background: " white",
+      color: "black",
+      border: "1px solid",
+      marginRight: "10px"
+    },
+    label: "Back",
+    onSubmit: onGoBack
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: "Next",
     submit: "submit"
   }))), loader && /*#__PURE__*/React__default.createElement(Loader, {
@@ -13860,7 +14044,6 @@ const ChallanStepFormTwo = _ref => {
   const currentStepData = reactRedux.useSelector(function (state) {
     return state.challan.ChallanApplicationFormReducer.formData;
   });
-  console.log("currentStepData", currentStepData);
   function goNext(data) {
     dispatch(UPDATE_ChallanApplication_FORM(config.key, data));
     onGoNext();
@@ -13898,7 +14081,7 @@ const ChallanStepFormThree = _ref => {
   const {
     data: docData,
     isLoading
-  } = Digit.Hooks.useCustomMDMS("pb", "CHB", [{
+  } = Digit.Hooks.useCustomMDMS("pb", "Challan", [{
     name: "Documents"
   }]);
   const checkFormData = reactRedux.useSelector(state => state.challan.ChallanApplicationFormReducer.formData || {});
@@ -13908,12 +14091,12 @@ const ChallanStepFormThree = _ref => {
   console.log("currentStepData===", currentStepData);
   console.log("checkFormData===", checkFormData);
   function goNext(finalData) {
-    var _docData$CHB;
+    var _docData$Challan;
     console.log("Current Data", finalData);
-    console.log("data?????....=====", docData === null || docData === void 0 ? void 0 : (_docData$CHB = docData.CHB) === null || _docData$CHB === void 0 ? void 0 : _docData$CHB.Documents);
+    console.log("data?????....=====", docData === null || docData === void 0 ? void 0 : (_docData$Challan = docData.Challan) === null || _docData$Challan === void 0 ? void 0 : _docData$Challan.Documents);
     const missingFields = validation(finalData);
     if (missingFields.length > 0) {
-      setError("" + t("CHB_MESSAGE_" + missingFields[0].replace(".", "_").toUpperCase()));
+      setError("" + t("CHALLAN_MESSAGE_" + missingFields[0].replace(".", "_").toUpperCase()));
       setShowToast(true);
       setTimeout(() => setShowToast(false), 3000);
       return;
@@ -13922,8 +14105,8 @@ const ChallanStepFormThree = _ref => {
   }
   function validation(formData) {
     if (!isLoading) {
-      var _docData$CHB2, _formData$documents;
-      const chbDocumentsType = (docData === null || docData === void 0 ? void 0 : (_docData$CHB2 = docData.CHB) === null || _docData$CHB2 === void 0 ? void 0 : _docData$CHB2.Documents) || [];
+      var _docData$Challan2, _formData$documents;
+      const chbDocumentsType = (docData === null || docData === void 0 ? void 0 : (_docData$Challan2 = docData.Challan) === null || _docData$Challan2 === void 0 ? void 0 : _docData$Challan2.Documents) || [];
       const uploadedDocs = (formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : _formData$documents.documents) || [];
       console.log("chbDocumentsType", chbDocumentsType);
       console.log("uploadedDocs", uploadedDocs);
@@ -14039,44 +14222,21 @@ function ChallanDocument(_ref2) {
 }
 
 function ChallanSummary(_ref) {
-  var _formData$documents, _formData$documents$d, _formData$apiData, _formData$apiData$App, _formData$apiData$App2, _formData$venueDetail, _formData$venueDetail2, _user$info, _user$info$roles, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _formData$venueDetail3, _formData$venueDetail4, _formData$venueDetail5, _formData$venueDetail0, _formData$venueDetail1, _formData$venueDetail10, _formData$venueDetail11, _formData$venueDetail12, _formData$venueDetail13, _formData$venueDetail14, _formData$venueDetail15, _formData$venueDetail16, _formData$venueDetail17, _formData$venueDetail18, _formData$venueDetail19, _formData$venueDetail20, _formData$venueDetail21, _formData$venueDetail22, _formData$venueDetail23, _formData$venueDetail24, _formData$venueDetail25, _formData$venueDetail26, _formData$venueDetail27, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
+  var _formData$documents, _formData$documents$d, _formData$apiData, _formData$apiData$App, _formData$apiData$App2, _formData$venueDetail, _formData$venueDetail2, _user$info, _user$info$roles, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _formData$offenderDet, _formData$offenderDet2, _formData$offenderDet3, _formData$offenderDet4, _formData$offenceDeta, _formData$offenceDeta2, _formData$offenceDeta3, _formData$offenceDeta4, _formData$offenceDeta5, _formData$offenceDeta6, _formData$offenceDeta7, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
   let {
     formData,
     goNext,
     onGoBack
   } = _ref;
-  const {
-    pathname: url
-  } = reactRouterDom.useLocation();
   const {
     t
   } = reactI18next.useTranslation();
-  const history = reactRouterDom.useHistory();
   const menuRef = React.useRef();
-  const dispatch = reactRedux.useDispatch();
-  const mutateScreen = url.includes("/property-mutate/");
   let user = Digit.UserService.getUser();
-  const columns = [{
-    Header: "" + t("CHB_HALL_NUMBER"),
-    accessor: "communityHallCode"
-  }, {
-    Header: "" + t("CHB_COMMUNITY_HALL_NAME"),
-    accessor: "hallName"
-  }, {
-    Header: "" + t("CHB_HALL_CODE"),
-    accessor: "hallCode"
-  }, {
-    Header: "" + t("CHB_BOOKING_DATE"),
-    accessor: "bookingDate"
-  }, {
-    Header: "" + t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
-    accessor: "bookingStatus"
-  }];
+  console.log("formData====", formData);
   let docs = formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : (_formData$documents$d = _formData$documents.documents) === null || _formData$documents$d === void 0 ? void 0 : _formData$documents$d.documents;
   const appId = (formData === null || formData === void 0 ? void 0 : (_formData$apiData = formData.apiData) === null || _formData$apiData === void 0 ? void 0 : (_formData$apiData$App = _formData$apiData.Applications) === null || _formData$apiData$App === void 0 ? void 0 : (_formData$apiData$App2 = _formData$apiData$App[0]) === null || _formData$apiData$App2 === void 0 ? void 0 : _formData$apiData$App2.uuid) || (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail = formData.venueDetails) === null || _formData$venueDetail === void 0 ? void 0 : (_formData$venueDetail2 = _formData$venueDetail[0]) === null || _formData$venueDetail2 === void 0 ? void 0 : _formData$venueDetail2.bookingNo);
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
-  const isCitizen = window.location.href.includes("citizen");
-  const [getData, setData] = React.useState();
   const [displayMenu, setDisplayMenu] = React.useState(false);
   const closeMenu = () => {
     setDisplayMenu(false);
@@ -14139,16 +14299,6 @@ function ChallanSummary(_ref) {
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
     style: boldLabelStyle
   }, label), /*#__PURE__*/React__default.createElement("div", null, t(value) || "NA"));
-  const slotlistRows = (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail3 = formData.venueDetails) === null || _formData$venueDetail3 === void 0 ? void 0 : (_formData$venueDetail4 = _formData$venueDetail3[0]) === null || _formData$venueDetail4 === void 0 ? void 0 : (_formData$venueDetail5 = _formData$venueDetail4.bookingSlotDetails) === null || _formData$venueDetail5 === void 0 ? void 0 : _formData$venueDetail5.map(slot => {
-    var _formData$venueDetail6, _formData$venueDetail7, _formData$venueDetail8, _formData$venueDetail9;
-    return {
-      communityHallCode: "" + t(formData === null || formData === void 0 ? void 0 : (_formData$venueDetail6 = formData.venueDetails) === null || _formData$venueDetail6 === void 0 ? void 0 : (_formData$venueDetail7 = _formData$venueDetail6[0]) === null || _formData$venueDetail7 === void 0 ? void 0 : _formData$venueDetail7.communityHallCode),
-      hallName: formData === null || formData === void 0 ? void 0 : (_formData$venueDetail8 = formData.venueDetails) === null || _formData$venueDetail8 === void 0 ? void 0 : (_formData$venueDetail9 = _formData$venueDetail8[0]) === null || _formData$venueDetail9 === void 0 ? void 0 : _formData$venueDetail9.communityHallName,
-      hallCode: slot.hallCode + " - " + slot.capacity,
-      bookingDate: slot.bookingDate,
-      bookingStatus: "" + t(slot.status)
-    };
-  })) || [];
   return /*#__PURE__*/React__default.createElement("div", {
     style: pageStyle
   }, /*#__PURE__*/React__default.createElement("h2", {
@@ -14159,27 +14309,13 @@ function ChallanSummary(_ref) {
     style: {
       fontSize: "24px"
     }
-  }, t("CHB_APPLICANT_DETAILS")), renderLabel(t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail0 = formData.venueDetails) === null || _formData$venueDetail0 === void 0 ? void 0 : (_formData$venueDetail1 = _formData$venueDetail0[0]) === null || _formData$venueDetail1 === void 0 ? void 0 : (_formData$venueDetail10 = _formData$venueDetail1.applicantDetail) === null || _formData$venueDetail10 === void 0 ? void 0 : _formData$venueDetail10.applicantName), renderLabel(t("NOC_APPLICANT_MOBILE_NO_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail11 = formData.venueDetails) === null || _formData$venueDetail11 === void 0 ? void 0 : (_formData$venueDetail12 = _formData$venueDetail11[0]) === null || _formData$venueDetail12 === void 0 ? void 0 : (_formData$venueDetail13 = _formData$venueDetail12.applicantDetail) === null || _formData$venueDetail13 === void 0 ? void 0 : _formData$venueDetail13.applicantMobileNo), renderLabel(t("NOC_APPLICANT_EMAIL_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail14 = formData.venueDetails) === null || _formData$venueDetail14 === void 0 ? void 0 : (_formData$venueDetail15 = _formData$venueDetail14[0]) === null || _formData$venueDetail15 === void 0 ? void 0 : (_formData$venueDetail16 = _formData$venueDetail15.applicantDetail) === null || _formData$venueDetail16 === void 0 ? void 0 : _formData$venueDetail16.applicantEmailId), renderLabel(t("PT_COMMON_COL_ADDRESS"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail17 = formData.venueDetails) === null || _formData$venueDetail17 === void 0 ? void 0 : (_formData$venueDetail18 = _formData$venueDetail17[0]) === null || _formData$venueDetail18 === void 0 ? void 0 : (_formData$venueDetail19 = _formData$venueDetail18.address) === null || _formData$venueDetail19 === void 0 ? void 0 : _formData$venueDetail19.addressLine1)), /*#__PURE__*/React__default.createElement("div", {
+  }, t("CHALLAN_OFFENDER_DETAILS")), renderLabel(t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$offenderDet = formData.offenderDetails) === null || _formData$offenderDet === void 0 ? void 0 : _formData$offenderDet.name), renderLabel(t("NOC_APPLICANT_MOBILE_NO_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$offenderDet2 = formData.offenderDetails) === null || _formData$offenderDet2 === void 0 ? void 0 : _formData$offenderDet2.mobileNumber), renderLabel(t("NOC_APPLICANT_EMAIL_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$offenderDet3 = formData.offenderDetails) === null || _formData$offenderDet3 === void 0 ? void 0 : _formData$offenderDet3.emailId), renderLabel(t("PT_COMMON_COL_ADDRESS"), formData === null || formData === void 0 ? void 0 : (_formData$offenderDet4 = formData.offenderDetails) === null || _formData$offenderDet4 === void 0 ? void 0 : _formData$offenderDet4.address)), /*#__PURE__*/React__default.createElement("div", {
     style: sectionStyle
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
     style: {
       fontSize: "24px"
     }
-  }, t("CHB_EVENT_DETAILS")), renderLabel(t("CHB_SPECIAL_CATEGORY"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail20 = formData.venueDetails) === null || _formData$venueDetail20 === void 0 ? void 0 : (_formData$venueDetail21 = _formData$venueDetail20[0]) === null || _formData$venueDetail21 === void 0 ? void 0 : (_formData$venueDetail22 = _formData$venueDetail21.specialCategory) === null || _formData$venueDetail22 === void 0 ? void 0 : _formData$venueDetail22.category), renderLabel(t("CHB_PURPOSE"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail23 = formData.venueDetails) === null || _formData$venueDetail23 === void 0 ? void 0 : (_formData$venueDetail24 = _formData$venueDetail23[0]) === null || _formData$venueDetail24 === void 0 ? void 0 : (_formData$venueDetail25 = _formData$venueDetail24.purpose) === null || _formData$venueDetail25 === void 0 ? void 0 : _formData$venueDetail25.purpose), renderLabel(t("CHB_PURPOSE_DESCRIPTION"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail26 = formData.venueDetails) === null || _formData$venueDetail26 === void 0 ? void 0 : (_formData$venueDetail27 = _formData$venueDetail26[0]) === null || _formData$venueDetail27 === void 0 ? void 0 : _formData$venueDetail27.purposeDescription)), /*#__PURE__*/React__default.createElement(ApplicationTable, {
-    t: t,
-    data: slotlistRows,
-    columns: columns,
-    getCellProps: cellInfo => ({
-      style: {
-        minWidth: "150px",
-        padding: "10px",
-        fontSize: "16px",
-        paddingLeft: "20px"
-      }
-    }),
-    isPaginationRequired: false,
-    totalRecords: slotlistRows.length
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
+  }, t("CHALLAN_OFFENCE_DETAILS")), renderLabel(t("CHALLAN_TYPE_OFFENCE"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta = formData.offenceDetails) === null || _formData$offenceDeta === void 0 ? void 0 : _formData$offenceDeta.offenceType), renderLabel(t("CHALLAN_OFFENCE_CATEGORY"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta2 = formData.offenceDetails) === null || _formData$offenceDeta2 === void 0 ? void 0 : _formData$offenceDeta2.offenceCategory), renderLabel(t("CHALLAN_OFFENCE_SUB_CATEGORY"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta3 = formData.offenceDetails) === null || _formData$offenceDeta3 === void 0 ? void 0 : _formData$offenceDeta3.offenceSubCategory), renderLabel(t("CHALLAN_NUMBER"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta4 = formData.offenceDetails) === null || _formData$offenceDeta4 === void 0 ? void 0 : _formData$offenceDeta4.challanNumber), renderLabel(t("CHALLAN_NAME"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta5 = formData.offenceDetails) === null || _formData$offenceDeta5 === void 0 ? void 0 : _formData$offenceDeta5.challanName), renderLabel(t("CHALLAN_AMOUNT"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta6 = formData.offenceDetails) === null || _formData$offenceDeta6 === void 0 ? void 0 : _formData$offenceDeta6.challanAmount), renderLabel(t("CHALLAN_DAYS"), formData === null || formData === void 0 ? void 0 : (_formData$offenceDeta7 = formData.offenceDetails) === null || _formData$offenceDeta7 === void 0 ? void 0 : _formData$offenceDeta7.challanDaysToClearPayment)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
     style: {
       fontSize: "24px",
       marginTop: "30px"
@@ -14189,7 +14325,8 @@ function ChallanSummary(_ref) {
       display: "flex",
       flexDirection: "row",
       gap: "30px"
-    }
+    },
+    className: "force-no-margin"
   }, docs === null || docs === void 0 ? void 0 : docs.map((doc, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(ChallanDocument, {
     value: docs,
     Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
@@ -14237,16 +14374,12 @@ const ChallanStepFormFour = _ref => {
   const currentStepData = reactRedux.useSelector(function (state) {
     return state.challan.ChallanApplicationFormReducer.formData || {};
   });
-  console.log("currentStepData===", currentStepData);
   const goNext = function (data) {
     try {
-      console.log("data", data);
-      console.log("currentStepData", currentStepData);
       const actionStatus = data === null || data === void 0 ? void 0 : data.action;
       const _temp = _catch(function () {
         return Promise.resolve(onSubmit(currentStepData, actionStatus)).then(function (res) {
           var _res$response, _res$response$hallsBo, _res$response$hallsBo2;
-          console.log("res", res);
           const id = res === null || res === void 0 ? void 0 : (_res$response = res.response) === null || _res$response === void 0 ? void 0 : (_res$response$hallsBo = _res$response.hallsBookingApplication) === null || _res$response$hallsBo === void 0 ? void 0 : (_res$response$hallsBo2 = _res$response$hallsBo[0]) === null || _res$response$hallsBo2 === void 0 ? void 0 : _res$response$hallsBo2.bookingNo;
           if (res !== null && res !== void 0 && res.isSuccess) {
             if (isCitizen) {
@@ -14290,12 +14423,10 @@ const ChallanStepFormFour = _ref => {
   const onSubmit = function (data, actionStatus) {
     try {
       const finalPayload = mapToNDCPayload(data, actionStatus);
-      console.log("finalPayload", finalPayload);
       return Promise.resolve(Digit.CHBServices.update(_extends({
         tenantId
       }, finalPayload))).then(function (response) {
         var _response$responseInf;
-        console.log("response", response);
         dispatch(RESET_ChallanAPPLICATION_FORM());
         if ((response === null || response === void 0 ? void 0 : (_response$responseInf = response.responseInfo) === null || _response$responseInf === void 0 ? void 0 : _response$responseInf.status) == "SUCCESSFUL") {
           return {
@@ -14332,8 +14463,8 @@ const ChallanStepFormFour = _ref => {
   }));
 };
 
-const ChallanDocuments = _ref => {
-  var _formData$documents, _data$CHB2, _data$CHB2$Documents;
+const SelectNDCDocuments = _ref => {
+  var _formData$documents, _data$Challan;
   let {
     t,
     config,
@@ -14344,177 +14475,120 @@ const ChallanDocuments = _ref => {
     clearErrors: clearFormErrors,
     formState
   } = _ref;
-  const [documents, setDocuments] = React.useState(formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : _formData$documents.documents);
-  const [error, setError] = React.useState(null);
-  const [enableSubmit, setEnableSubmit] = React.useState(true);
-  const [checkRequiredFields, setCheckRequiredFields] = React.useState(false);
   const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
+  const [documents, setDocuments] = React.useState((formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : _formData$documents.documents) || []);
+  const [error, setError] = React.useState(null);
   const {
     data,
     isLoading
-  } = Digit.Hooks.useCustomMDMS(tenantId, "CHB", [{
+  } = Digit.Hooks.useCustomMDMS("pb", "Challan", [{
     name: "Documents"
   }]);
-  const handleSubmit = () => {
-    let document = formData.documents;
-    let documentStep;
-    documentStep = _extends({}, document, {
-      documents: documents
+  console.log("data===????", data);
+  console.log("formData", formData);
+  const {
+    action = "create"
+  } = Digit.Hooks.useQueryParams();
+  const ndcDocuments = data === null || data === void 0 ? void 0 : (_data$Challan = data.Challan) === null || _data$Challan === void 0 ? void 0 : _data$Challan.Documents;
+  const goNext = () => {
+    onSelect(config.key, {
+      documents,
+      ndcDocumentsLength: ndcDocuments === null || ndcDocuments === void 0 ? void 0 : ndcDocuments.length
     });
-    console.log("documentStep config.key", documentStep);
-    onSelect(config.key, documentStep);
   };
-  const onSkip = () => onSelect();
-  function onAdd() {}
   React.useEffect(() => {
-    var _data$CHB, _data$CHB$Documents;
-    let count = 0;
-    data === null || data === void 0 ? void 0 : (_data$CHB = data.CHB) === null || _data$CHB === void 0 ? void 0 : (_data$CHB$Documents = _data$CHB.Documents) === null || _data$CHB$Documents === void 0 ? void 0 : _data$CHB$Documents.map(doc => {
-      doc.hasDropdown = true;
-      let isRequired = false;
-      documents === null || documents === void 0 ? void 0 : documents.map(data => {
-        if (doc.required && data !== null && data !== void 0 && data.documentType.includes(doc.code)) isRequired = true;
-      });
-      if (!isRequired && doc.required) count = count + 1;
-    });
-    if ((count == "0" || count == 0) && (documents === null || documents === void 0 ? void 0 : documents.length) > 0) setEnableSubmit(false);else setEnableSubmit(true);
-  }, [documents, checkRequiredFields]);
-  return /*#__PURE__*/React__default.createElement("div", null, !isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
-    t: t,
-    config: config,
-    onSelect: handleSubmit,
-    onSkip: onSkip,
-    isDisabled: enableSubmit,
-    onAdd: onAdd
-  }, data === null || data === void 0 ? void 0 : (_data$CHB2 = data.CHB) === null || _data$CHB2 === void 0 ? void 0 : (_data$CHB2$Documents = _data$CHB2.Documents) === null || _data$CHB2$Documents === void 0 ? void 0 : _data$CHB2$Documents.map((document, index) => {
-    return /*#__PURE__*/React__default.createElement(PTRSelectDocument, {
+    goNext();
+  }, [documents]);
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React__default.createElement("div", null, ndcDocuments === null || ndcDocuments === void 0 ? void 0 : ndcDocuments.map((document, index) => {
+    return /*#__PURE__*/React__default.createElement(SelectDocument, {
       key: index,
       document: document,
+      action: action,
       t: t,
       error: error,
       setError: setError,
       setDocuments: setDocuments,
       documents: documents,
-      setCheckRequiredFields: setCheckRequiredFields,
-      handleSubmit: handleSubmit
+      setFormError: setFormError,
+      clearFormErrors: clearFormErrors,
+      config: config,
+      formState: formState
     });
   }), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    isDleteBtn: true,
     label: error,
     onClose: () => setError(null),
     error: true
-  })) : /*#__PURE__*/React__default.createElement(Loader, null));
+  }));
 };
-function PTRSelectDocument(_ref2) {
+function SelectDocument(_ref2) {
   let {
     t,
     document: doc,
     setDocuments,
     setError,
     documents,
-    action,
-    formData,
-    handleSubmit,
-    id
+    setFormError,
+    config,
+    formState
   } = _ref2;
   const filteredDocument = documents === null || documents === void 0 ? void 0 : documents.filter(item => {
     var _item$documentType;
     return item === null || item === void 0 ? void 0 : (_item$documentType = item.documentType) === null || _item$documentType === void 0 ? void 0 : _item$documentType.includes(doc === null || doc === void 0 ? void 0 : doc.code);
   })[0];
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const [selectedDocument, setSelectedDocument] = React.useState(() => {
-    var _doc$dropdownData2;
-    if (filteredDocument) {
-      var _doc$dropdownData, _match$code;
-      const match = doc === null || doc === void 0 ? void 0 : (_doc$dropdownData = doc.dropdownData) === null || _doc$dropdownData === void 0 ? void 0 : _doc$dropdownData.find(e => e.code === filteredDocument.documentType);
-      return match ? _extends({}, match, {
-        i18nKey: (_match$code = match.code) === null || _match$code === void 0 ? void 0 : _match$code.replaceAll(".", "_")
-      }) : {};
-    }
-    if ((doc === null || doc === void 0 ? void 0 : (_doc$dropdownData2 = doc.dropdownData) === null || _doc$dropdownData2 === void 0 ? void 0 : _doc$dropdownData2.length) === 1) {
-      var _onlyOption$code;
-      const onlyOption = doc.dropdownData[0];
-      return _extends({}, onlyOption, {
-        i18nKey: (_onlyOption$code = onlyOption.code) === null || _onlyOption$code === void 0 ? void 0 : _onlyOption$code.replaceAll(".", "_")
-      });
-    }
-    return {};
-  });
+  const [getLoader, setLoader] = React.useState(false);
   const [file, setFile] = React.useState(null);
-  const [uploadedFile, setUploadedFile] = React.useState(() => (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.filestoreId) || null);
-  const handlePTRSelectDocument = value => setSelectedDocument(value);
+  const [uploadedFile, setUploadedFile] = React.useState(() => (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileStoreId) || null);
   function selectfile(e) {
     setFile(e.target.files[0]);
   }
-  const {
-    dropdownData
-  } = doc;
-  var dropDownData = dropdownData;
-  const [isHidden, setHidden] = React.useState(false);
-  const [getLoading, setLoading] = React.useState(false);
   React.useEffect(() => {
-    if (selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) {
-      console.log("selectedDocument", documents);
+    if (filteredDocument !== null && filteredDocument !== void 0 && filteredDocument.fileStoreId && !file) {
+      setUploadedFile(filteredDocument.fileStoreId);
+    }
+  }, [filteredDocument]);
+  React.useEffect(() => {
+    if (uploadedFile) {
       setDocuments(prev => {
-        const filteredDocumentsByDocumentType = prev === null || prev === void 0 ? void 0 : prev.filter(item => (item === null || item === void 0 ? void 0 : item.documentType) !== (selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code));
+        const filteredDocumentsByDocumentType = prev === null || prev === void 0 ? void 0 : prev.filter(item => (item === null || item === void 0 ? void 0 : item.documentType) !== (doc === null || doc === void 0 ? void 0 : doc.code));
         if ((uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.length) === 0 || uploadedFile === null) {
           return filteredDocumentsByDocumentType;
         }
-        const filteredDocumentsByFileStoreId = (filteredDocumentsByDocumentType === null || filteredDocumentsByDocumentType === void 0 ? void 0 : filteredDocumentsByDocumentType.filter(item => (item === null || item === void 0 ? void 0 : item.fileStoreId) !== uploadedFile)) || [];
+        const filteredDocumentsByFileStoreId = filteredDocumentsByDocumentType === null || filteredDocumentsByDocumentType === void 0 ? void 0 : filteredDocumentsByDocumentType.filter(item => (item === null || item === void 0 ? void 0 : item.fileStoreId) !== uploadedFile);
         return [...filteredDocumentsByFileStoreId, {
-          documentType: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
-          filestoreId: uploadedFile,
+          documentType: doc === null || doc === void 0 ? void 0 : doc.code,
+          fileStoreId: uploadedFile,
           documentUid: uploadedFile
         }];
       });
+    } else if (uploadedFile === null) {
+      setDocuments(prev => prev.filter(item => (item === null || item === void 0 ? void 0 : item.documentType) !== (doc === null || doc === void 0 ? void 0 : doc.code)));
     }
-  }, [uploadedFile, selectedDocument]);
-  React.useEffect(() => {
-    if ((documents === null || documents === void 0 ? void 0 : documents.length) > 0) {
-      console.log("documents", documents);
-      handleSubmit();
-    }
-  }, [documents]);
-  React.useEffect(() => {
-    if (action === "update") {
-      var _formData$originalDat, _formData$originalDat2;
-      const originalDoc = formData === null || formData === void 0 ? void 0 : (_formData$originalDat = formData.originalData) === null || _formData$originalDat === void 0 ? void 0 : (_formData$originalDat2 = _formData$originalDat.documents) === null || _formData$originalDat2 === void 0 ? void 0 : _formData$originalDat2.filter(e => e.documentType.includes(doc === null || doc === void 0 ? void 0 : doc.code))[0];
-      const docType = dropDownData.filter(e => e.code === (originalDoc === null || originalDoc === void 0 ? void 0 : originalDoc.documentType)).map(e => {
-        var _e$code;
-        return _extends({}, e, {
-          i18nKey: e === null || e === void 0 ? void 0 : (_e$code = e.code) === null || _e$code === void 0 ? void 0 : _e$code.replaceAll(".", "_")
-        });
-      })[0];
-      if (!docType) setHidden(true);else {
-        setSelectedDocument(docType);
-        setUploadedFile(originalDoc === null || originalDoc === void 0 ? void 0 : originalDoc.fileStoreId);
-      }
-    }
-  }, []);
-  React.useEffect(() => {
-    if (!(doc !== null && doc !== void 0 && doc.hasDropdown)) {
-      var _doc$code;
-      setSelectedDocument({
-        code: doc === null || doc === void 0 ? void 0 : doc.code,
-        i18nKey: doc === null || doc === void 0 ? void 0 : (_doc$code = doc.code) === null || _doc$code === void 0 ? void 0 : _doc$code.replaceAll(".", "_")
-      });
-    }
-  }, []);
+  }, [uploadedFile]);
   React.useEffect(() => {
     (function () {
       try {
         setError(null);
         const _temp3 = function () {
           if (file) {
-            setLoading(true);
+            setLoader(true);
             const _temp2 = function () {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+                setLoader(false);
+                if (!formState.errors[config.key]) setFormError(config.key, {
+                  type: doc === null || doc === void 0 ? void 0 : doc.code
+                });
               } else {
                 const _temp = _catch(function () {
                   setUploadedFile(null);
-                  return Promise.resolve(Digit.UploadServices.Filestorage("PTR", file, Digit.ULBService.getStateId())).then(function (response) {
+                  return Promise.resolve(Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId())).then(function (response) {
                     var _response$data, _response$data$files;
-                    setLoading(false);
+                    setLoader(false);
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
                       var _response$data2, _response$data2$files;
                       setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
@@ -14523,7 +14597,7 @@ function PTRSelectDocument(_ref2) {
                     }
                   });
                 }, function () {
-                  setLoading(false);
+                  setLoader(false);
                   setError(t("CS_FILE_UPLOAD_ERROR"));
                 });
                 if (_temp && _temp.then) return _temp.then(function () {});
@@ -14538,67 +14612,33 @@ function PTRSelectDocument(_ref2) {
       }
     })();
   }, [file]);
-  React.useEffect(() => {
-    if (isHidden) setUploadedFile(null);
-  }, [isHidden]);
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
-      marginBottom: "24px",
-      width: "50%"
+      marginBottom: "40px"
     }
-  }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
     style: {
       display: "inline"
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
     style: {
+      marginBottom: "8px",
       width: "auto"
     }
-  }, t(doc === null || doc === void 0 ? void 0 : doc.code), " ", (doc === null || doc === void 0 ? void 0 : doc.required) && " *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    className: "form-field",
-    selected: selectedDocument,
-    style: {
-      width: "100%"
-    },
-    option: doc === null || doc === void 0 ? void 0 : doc.dropdownData.map(e => {
-      var _e$code2;
-      return _extends({}, e, {
-        i18nKey: (_e$code2 = e.code) === null || _e$code2 === void 0 ? void 0 : _e$code2.replaceAll(".", "_")
-      });
-    }),
-    select: handlePTRSelectDocument,
-    optionKey: "i18nKey",
-    t: t
-  })) : null, !(doc !== null && doc !== void 0 && doc.hasDropdown) ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
-    className: "card-label-smaller"
-  }, t(doc === null || doc === void 0 ? void 0 : doc.code.replaceAll(".", "_")) + "  *")) : null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
-    style: {
-      display: "inline"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
-    className: "card-label-smaller"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "field",
-    style: {
-      width: "100%"
-    }
+  }, t(doc === null || doc === void 0 ? void 0 : doc.code), " ", (doc === null || doc === void 0 ? void 0 : doc.required) && " *"), /*#__PURE__*/React__default.createElement("div", {
+    className: "field"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
+    id: "tl-doc",
     onUpload: selectfile,
     onDelete: () => {
       setUploadedFile(null);
     },
-    id: id,
     message: uploadedFile ? "1 " + t("CS_ACTION_FILEUPLOADED") : t("CS_ACTION_NO_FILEUPLOADED"),
     textStyles: {
       width: "100%"
     },
-    inputStyles: {
-      width: "280px"
-    },
-    accept: ".pdf, .jpeg, .jpg, .png",
-    buttonType: "button",
-    error: !uploadedFile
-  }))), getLoading && /*#__PURE__*/React__default.createElement(Loader, {
+    accept: "image/*,.pdf"
+  }))), getLoader && /*#__PURE__*/React__default.createElement(Loader, {
     page: true
   }));
 }
@@ -14721,7 +14761,7 @@ const componentsToRegister = {
   OffenderDetails,
   OffenceDetails,
   ChallanSummary,
-  ChallanDocuments
+  ChallanDocuments: SelectNDCDocuments
 };
 const initChallanGenerationComponents = () => {
   Object.entries(componentsToRegister).forEach(_ref3 => {