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

package/dist/index.js

@@ -13150,178 +13150,49 @@ const GroupBills = () => {
   }), isLoading && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null)));
 };
 
-const StepWrapper = _ref => {
+const Loader = _ref => {
   let {
-    children,
-    currentStep = 1,
-    nextStep,
-    prevStep,
-    stepsList = []
+    page = false
   } = _ref;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const stepStyle = isActive => ({
+  const baseStyle = {
     display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    flex: 1,
-    color: isActive ? "#3f51b5" : "#ccc",
-    padding: "10px 10px",
-    width: "260px"
-  });
-  const circleStyle = stepNumber => {
-    let backgroundColor;
-    if (stepNumber <= currentStep) {
-      backgroundColor = "#0D43A7";
-    } else {
-      backgroundColor = "#FFFFFF";
-    }
-    return {
-      width: "60px",
-      height: "60px",
-      borderRadius: "50%",
-      backgroundColor,
-      color: stepNumber <= currentStep ? "white" : "black",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      marginBottom: "10px",
-      fontWeight: "normal",
-      fontSize: "18px",
-      border: stepNumber > currentStep ? "1px solid black" : "",
-      position: "relative"
-    };
-  };
-  const labelStyle = {
-    fontSize: "18px",
-    color: "#1E1E1E",
-    fontWeight: "500",
-    fontFamily: "Noto Sans,sans-serif",
-    marginRight: "6px"
-  };
-  const stepNumberStyle = {
-    fontSize: "18px",
-    color: "#263238",
-    fontWeight: "400",
-    fontFamily: "Noto Sans,sans-serif",
-    margin: "0px 6px 0px 0px"
+    justifyContent: "center",
+    alignItems: "center"
   };
-  const lineStyle = {
-    position: "absolute",
-    width: "2px",
-    height: "50px",
-    backgroundColor: "grey",
-    left: "50%",
-    top: "100%",
-    transform: "translateX(-50%)"
+  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"
   };
-  const isMobile = window.Digit.Utils.browser.isMobile();
-  const totalSteps = stepsList.length;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "stepper",
-    style: {
-      width: "100%",
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "top",
-      justifyContent: "flex-start"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "stepper-navigation-bar",
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      height: "50%",
-      marginBottom: "20px"
-    }
-  }, [...Array(totalSteps)].map((_, index) => /*#__PURE__*/React__default.createElement("div", {
-    className: "step-content",
-    key: index,
-    style: stepStyle(index + 1 <= currentStep)
+    style: page ? pageStyle : moduleStyle
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "step-sub-content",
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "flex-end",
-      margin: "10px"
-    }
-  }, index + 1 === totalSteps ? null : /*#__PURE__*/React__default.createElement("div", {
-    className: "step-number",
-    style: stepNumberStyle
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "step-label",
-    style: labelStyle
-  }, t(stepsList[index].stepLabel))), /*#__PURE__*/React__default.createElement("div", {
-    className: "step-circle",
-    style: circleStyle(index + 1)
-  }, index + 1, index < totalSteps - 1 && /*#__PURE__*/React__default.createElement("div", {
-    style: lineStyle
-  }))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "stepper-body",
-    style: {
-      width: "100%",
-      marginBottom: "20px"
-    }
-  }, children));
+    style: spinnerStyle
+  }), /*#__PURE__*/React__default.createElement("style", null, "\n          @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n          }\n        "));
 };
-
-const Stepper = _ref => {
-  let {
-    stepsList = [],
-    onSubmit,
-    step,
-    setStep
-  } = _ref;
-  const enabledStepsList = stepsList.filter(item => item.isStepEnabled);
-  const {
-    t
-  } = reactI18next.useTranslation();
-  function onGoNext() {
-    if (step < enabledStepsList.length) {
-      nextStep();
-    } else if (step === enabledStepsList.length) {
-      onSubmit();
-    }
-  }
-  function onBackClick() {
-    if (step > 1) {
-      prevStep();
-    }
-  }
-  const nextStep = () => setStep(step + 1);
-  const prevStep = () => setStep(step - 1);
-  const renderStep = () => {
-    var _Digit, _Digit$ComponentRegis;
-    const currStepConfBody = enabledStepsList[step - 1];
-    const {
-      component,
-      key,
-      texts,
-      currStepConfig
-    } = currStepConfBody;
-    const Component = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent(component);
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Component, {
-      config: {
-        key,
-        texts,
-        component,
-        currStepNumber: step,
-        currStepConfig
-      },
-      onGoNext: onGoNext,
-      onBackClick: onBackClick,
-      t: t
-    }));
-  };
-  return /*#__PURE__*/React__default.createElement(StepWrapper, {
-    currentStep: step,
-    nextStep: nextStep,
-    prevStep: prevStep,
-    stepsList: enabledStepsList
-  }, renderStep());
+Loader.propTypes = {
+  page: propTypes.bool
+};
+Loader.defaultProps = {
+  page: false
 };
 
 const citizenConfig = [{
@@ -13385,14 +13256,194 @@ const UPDATE_ChallanApplication_FORM = (key, value) => ({
     value
   }
 });
-const SET_ChallanApplication_STEP = step => ({
-  type: SET_Challan_Application_STEPType,
-  payload: step
-});
 const RESET_ChallanAPPLICATION_FORM = () => ({
   type: RESET_Challan__APPLICATION_FORMType
 });
 
+const SelectNDCDocuments = _ref => {
+  var _formData$documents, _data$Challan;
+  let {
+    t,
+    config,
+    onSelect,
+    userType,
+    formData,
+    setError: setFormError,
+    clearErrors: clearFormErrors,
+    formState
+  } = _ref;
+  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("pb", "Challan", [{
+    name: "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
+    });
+  };
+  React.useEffect(() => {
+    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,
+      setFormError: setFormError,
+      clearFormErrors: clearFormErrors,
+      config: config,
+      formState: formState
+    });
+  }), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    isDleteBtn: true,
+    label: error,
+    onClose: () => setError(null),
+    error: true
+  }));
+};
+function SelectDocument(_ref2) {
+  let {
+    t,
+    document: doc,
+    setDocuments,
+    setError,
+    documents,
+    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 [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);
+  function selectfile(e) {
+    setFile(e.target.files[0]);
+  }
+  React.useEffect(() => {
+    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) !== (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);
+        return [...filteredDocumentsByFileStoreId, {
+          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]);
+  React.useEffect(() => {
+    (function () {
+      try {
+        setError(null);
+        const _temp3 = function () {
+          if (file) {
+            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("PT", file, Digit.ULBService.getStateId())).then(function (response) {
+                    var _response$data, _response$data$files;
+                    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);
+                    } else {
+                      setError(t("CS_FILE_UPLOAD_ERROR"));
+                    }
+                  });
+                }, function () {
+                  setLoader(false);
+                  setError(t("CS_FILE_UPLOAD_ERROR"));
+                });
+                if (_temp && _temp.then) return _temp.then(function () {});
+              }
+            }();
+            if (_temp2 && _temp2.then) return _temp2.then(function () {});
+          }
+        }();
+        return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [file]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginBottom: "40px"
+    }
+  }, /*#__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), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, " ", (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);
+    },
+    message: uploadedFile ? "1 " + t("CS_ACTION_FILEUPLOADED") : t("CS_ACTION_NO_FILEUPLOADED"),
+    textStyles: {
+      width: "100%"
+    },
+    accept: "image/*,.pdf"
+  }))), getLoader && /*#__PURE__*/React__default.createElement(Loader, {
+    page: true
+  }));
+}
+
 const createEmployeeConfig = [{
   head: "OWNER DETAILS",
   stepLabel: "CHALLAN_OFFENDER_DETAILS",
@@ -13455,36 +13506,380 @@ const ChallanStepperForm = () => {
   const dispatch = reactRedux.useDispatch();
   const [showToast, setShowToast] = React.useState(null);
   const formState = reactRedux.useSelector(state => state.challan.ChallanApplicationFormReducer);
-  const step = formState.step;
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const setStep = updatedStepNumber => {
-    dispatch(SET_ChallanApplication_STEP(updatedStepNumber));
+  const [loader, setLoader] = React.useState(false);
+  const [documentsData, setDocumentsData] = React.useState({});
+  const handleDocumentsSelect = (key, data) => {
+    setDocumentsData(data);
   };
+  const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
+  const {
+    data: categoryData,
+    isLoading: categoryLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Challan", [{
+    name: "Category"
+  }]);
+  const {
+    data: subCategoryData,
+    isLoading: subCategoryLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Challan", [{
+    name: "SubCategory"
+  }]);
+  const {
+    data: OffenceTypeData,
+    isLoading: OffenceTypeLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Challan", [{
+    name: "OffenceType"
+  }]);
+  const {
+    control,
+    handleSubmit,
+    setValue,
+    reset,
+    formState: {
+      errors
+    },
+    getValues
+  } = reactHookForm.useForm({
+    defaultValues: {
+      shouldUnregister: false
+    }
+  });
   React.useEffect(() => {
     dispatch(RESET_ChallanAPPLICATION_FORM());
   }, []);
-  const handleSubmit = dataGet => {};
+  const onSubmit = data => {
+    console.log("dat==??a", data);
+    console.log("documentsData", documentsData);
+  };
+  const debounce = (func, delay) => {
+    let timer;
+    return function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      clearTimeout(timer);
+      timer = setTimeout(() => func(...args), delay);
+    };
+  };
+  const handleMobileChange = function (value) {
+    try {
+      setLoader(true);
+      console.log("User stopped typing. Final mobile number:", value);
+      const _temp = _catch(function () {
+        return Promise.resolve(Digit.UserService.userSearch(tenantId, {
+          userName: value,
+          mobileNumber: value,
+          userType: "CITIZEN"
+        }, {})).then(function (userData) {
+          var _userData$user$;
+          console.log("userData", userData === null || userData === void 0 ? void 0 : userData.user[0]);
+          setValue("name", userData === null || userData === void 0 ? void 0 : (_userData$user$ = userData.user[0]) === null || _userData$user$ === void 0 ? void 0 : _userData$user$.name);
+          setLoader(false);
+        });
+      }, function () {
+        setLoader(false);
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const debouncedHandleMobileChange = React__default.useMemo(() => debounce(handleMobileChange, 500), []);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "pageCard"
+    className: "pageCard",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      minHeight: "100vh",
+      background: "#f9f9f9"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: "100%",
+      maxWidth: "600px",
+      background: "#fff",
+      padding: "30px",
+      borderRadius: "12px",
+      boxShadow: "0 4px 15px rgba(0, 0, 0, 0.1)"
+    }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px",
       fontWeight: "400",
       color: "#1C1D1F"
     },
-    divider: true
-  }, t("SEARCH_CHALLAN_PAY")), /*#__PURE__*/React__default.createElement(Stepper, {
-    stepsList: updatedCreateEmployeeconfig,
-    onSubmit: handleSubmit,
-    step: step,
-    setStep: setStep
-  }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    divider: true
+  }, t("CREATE_CHALLAN")), /*#__PURE__*/React__default.createElement("form", {
+    onSubmit: handleSubmit(onSubmit)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("NOC_APPLICANT_MOBILE_NO_LABEL"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "mobileNumber",
+    rules: {
+      required: "Mobile number is required",
+      pattern: {
+        value: /^[6-9]\d{9}$/,
+        message: "Enter a valid 10-digit mobile number"
+      }
+    },
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.MobileNumber, {
+      style: {
+        marginBottom: 0
+      },
+      value: props.value,
+      maxlength: 10,
+      onChange: e => {
+        props.onChange(e);
+        debouncedHandleMobileChange(e);
+      },
+      onBlur: props.onBlur,
+      t: t
+    })
+  }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.mobileNumber.message)), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "name",
+    rules: {
+      required: "Name is required",
+      minLength: {
+        value: 2,
+        message: "Name must be at least 2 characters"
+      }
+    },
+    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.name) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.name.message)), /*#__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(reactHookForm.Controller, {
+    control: control,
+    name: "offenceType",
+    defaultValue: null,
+    rules: {
+      required: t("CHALLAN_TYPE_OFFENCE_REQUIRED")
+    },
+    render: props => {
+      var _OffenceTypeData$Chal;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
+        className: "form-field",
+        select: props.onChange,
+        selected: props.value,
+        option: OffenceTypeData === null || OffenceTypeData === void 0 ? void 0 : (_OffenceTypeData$Chal = OffenceTypeData.Challan) === null || _OffenceTypeData$Chal === void 0 ? void 0 : _OffenceTypeData$Chal.OffenceType,
+        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,
+    rules: {
+      required: t("CHALLAN_OFFENCE_CATEGORY_REQUIRED")
+    },
+    render: props => {
+      var _categoryData$Challan;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
+        className: "form-field",
+        select: props.onChange,
+        selected: props.value,
+        option: categoryData === null || categoryData === void 0 ? void 0 : (_categoryData$Challan = categoryData.Challan) === null || _categoryData$Challan === void 0 ? void 0 : _categoryData$Challan.Category,
+        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,
+    rules: {
+      required: t("CHALLAN_OFFENCE_SUB_CATEGORY_REQUIRED")
+    },
+    render: props => {
+      var _subCategoryData$Chal;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
+        className: "form-field",
+        select: props.onChange,
+        selected: props.value,
+        option: subCategoryData === null || subCategoryData === void 0 ? void 0 : (_subCategoryData$Chal = subCategoryData.Challan) === null || _subCategoryData$Chal === void 0 ? void 0 : _subCategoryData$Chal.SubCategory,
+        optionKey: "name",
+        t: t
+      });
+    }
+  }), errors.offenceSubCategory && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.offenceSubCategory.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("DEFAULT_CHALLAN_AMOUNT")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "challanAmountDefault",
+    render: props => {
+      var _errors$name2;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+        type: "number",
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
+        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
+      });
+    }
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+    style: {
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("CHALLAN_AMOUNT")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "challanAmount",
+    render: props => {
+      var _errors$name3;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+        type: "number",
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
+        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
+      });
+    }
+  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
+    style: {
+      fontWeight: "bold",
+      paddingTop: "30px",
+      fontSize: "25px"
+    }
+  }, t("CHALLAN_DOCUMENTS"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement(SelectNDCDocuments, {
+    t: t,
+    config: {
+      key: "documents"
+    },
+    onSelect: handleDocumentsSelect,
+    userType: "CITIZEN",
+    formData: {
+      documents: documentsData
+    },
+    setError: () => {},
+    clearErrors: () => {},
+    formState: {}
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: "Submit",
+    submit: "submit"
+  })))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
     error: showToast.key,
     label: t(showToast.label),
     onClose: () => {
       setShowToast(null);
     },
     isDleteBtn: "true"
+  }), (loader || categoryLoading || subCategoryLoading || OffenceTypeLoading) && /*#__PURE__*/React__default.createElement(Loader, {
+    page: true
   }));
 };
 
@@ -13539,6 +13934,37 @@ const OffenderDetails = _ref => {
     style: {
       marginBottom: "20px"
     }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("NOC_APPLICANT_MOBILE_NO_LABEL"), " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "mobileNumber",
+    rules: {
+      required: "Mobile number is required",
+      pattern: {
+        value: /^[6-9]\d{9}$/,
+        message: "Enter a valid 10-digit mobile number"
+      }
+    },
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.MobileNumber, {
+      style: {
+        marginBottom: 0
+      },
+      value: props.value,
+      onChange: props.onChange,
+      onBlur: props.onBlur,
+      t: t
+    })
+  }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.mobileNumber.message)), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginBottom: "20px"
+    }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL"), " ", /*#__PURE__*/React__default.createElement("span", {
     style: {
       color: "red"
@@ -13578,72 +14004,6 @@ const OffenderDetails = _ref => {
     style: {
       marginBottom: "20px"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("NOC_APPLICANT_EMAIL_LABEL"), " ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
-    control: control,
-    name: "emailId",
-    rules: {
-      required: "Email is required",
-      pattern: {
-        value: /^(?!\.)(?!.*\.\.)[a-zA-Z0-9._%+-]+@[a-zA-Z0-9-]+(\.[a-zA-Z]{2,})+$/,
-        message: "Invalid email format"
-      }
-    },
-    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
-      style: {
-        marginBottom: 0
-      },
-      value: props.value,
-      onChange: e => {
-        props.onChange(e.target.value);
-      },
-      onBlur: e => {
-        props.onBlur(e);
-      },
-      t: t
-    })
-  }), (errors === null || errors === void 0 ? void 0 : errors.emailId) && /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      color: "red"
-    }
-  }, errors.emailId.message)), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginBottom: "20px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("NOC_APPLICANT_MOBILE_NO_LABEL"), " ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
-    control: control,
-    name: "mobileNumber",
-    rules: {
-      required: "Mobile number is required",
-      pattern: {
-        value: /^[6-9]\d{9}$/,
-        message: "Enter a valid 10-digit mobile number"
-      }
-    },
-    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.MobileNumber, {
-      style: {
-        marginBottom: 0
-      },
-      value: props.value,
-      onChange: props.onChange,
-      onBlur: props.onBlur,
-      t: t
-    })
-  }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      color: "red"
-    }
-  }, errors.mobileNumber.message)), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginBottom: "20px"
-    }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("PT_COMMON_COL_ADDRESS"), " ", /*#__PURE__*/React__default.createElement("span", {
     style: {
       color: "red"
@@ -13721,51 +14081,6 @@ 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,
@@ -13775,6 +14090,25 @@ const OffenceDetails = _ref => {
   } = _ref;
   const [loader, setLoader] = React.useState(false);
   const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
+  const {
+    data: categoryData,
+    isLoading: categoryLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Challan", [{
+    name: "Category"
+  }]);
+  const {
+    data: subCategoryData,
+    isLoading: subCategoryLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Challan", [{
+    name: "SubCategory"
+  }]);
+  const {
+    data: OffenceTypeData,
+    isLoading: OffenceTypeLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "Challan", [{
+    name: "OffenceType"
+  }]);
+  console.log("categoryData====", categoryData, subCategoryData, OffenceTypeData);
   const {
     control,
     handleSubmit,
@@ -13783,222 +14117,132 @@ const OffenceDetails = _ref => {
     formState: {
       errors
     },
-    getValues
-  } = reactHookForm.useForm({
-    defaultValues: {
-      shouldUnregister: false
-    }
-  });
-  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, null, t("CHALLAN_TYPE_OFFENCE"), " ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
-    control: control,
-    name: "offenceType",
-    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.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
-      },
-      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.offenceSubCategory && /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      color: "red"
+    getValues
+  } = reactHookForm.useForm({
+    defaultValues: {
+      shouldUnregister: false
     }
-  }, errors.offenceSubCategory.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
-    style: {
-      width: "50%",
-      marginTop: "20px"
+  });
+  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);
+      });
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("CHALLAN_NUMBER"), " ", /*#__PURE__*/React__default.createElement("span", {
+  }, [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, null, t("CHALLAN_TYPE_OFFENCE"), " ", /*#__PURE__*/React__default.createElement("span", {
     style: {
       color: "red"
     }
   }, "*")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
     control: control,
-    name: "challanNumber",
+    name: "offenceType",
+    defaultValue: null,
     render: props => {
-      var _errors$name;
-      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+      var _OffenceTypeData$Chal;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
         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);
-        },
+        className: "form-field",
+        select: props.onChange,
+        selected: props.value,
+        option: OffenceTypeData === null || OffenceTypeData === void 0 ? void 0 : (_OffenceTypeData$Chal = OffenceTypeData.Challan) === null || _OffenceTypeData$Chal === void 0 ? void 0 : _OffenceTypeData$Chal.OffenceType,
+        optionKey: "name",
         t: t
       });
     }
-  }), (errors === null || errors === void 0 ? void 0 : errors.challanNumber) && /*#__PURE__*/React__default.createElement("p", {
+  }), errors.offenceType && /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: "red"
     }
-  }, errors.challanNumber.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }, errors.offenceType.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", {
+  }, /*#__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: "challanName",
+    name: "offenceCategory",
+    defaultValue: null,
     render: props => {
-      var _errors$name2;
-      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+      var _categoryData$Challan;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
         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);
-        },
+        className: "form-field",
+        select: props.onChange,
+        selected: props.value,
+        option: categoryData === null || categoryData === void 0 ? void 0 : (_categoryData$Challan = categoryData.Challan) === null || _categoryData$Challan === void 0 ? void 0 : _categoryData$Challan.Category,
+        optionKey: "name",
         t: t
       });
     }
-  }), (errors === null || errors === void 0 ? void 0 : errors.challanName) && /*#__PURE__*/React__default.createElement("p", {
+  }), errors.offenceCategory && /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: "red"
     }
-  }, errors.challanName.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }, errors.offenceCategory.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", {
+  }, /*#__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: "challanAmount",
+    name: "offenceSubCategory",
+    defaultValue: null,
     render: props => {
-      var _errors$name3;
-      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+      var _subCategoryData$Chal;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
         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);
-        },
+        className: "form-field",
+        select: props.onChange,
+        selected: props.value,
+        option: subCategoryData === null || subCategoryData === void 0 ? void 0 : (_subCategoryData$Chal = subCategoryData.Challan) === null || _subCategoryData$Chal === void 0 ? void 0 : _subCategoryData$Chal.SubCategory,
+        optionKey: "name",
         t: t
       });
     }
-  }), (errors === null || errors === void 0 ? void 0 : errors.challanAmount) && /*#__PURE__*/React__default.createElement("p", {
+  }), errors.offenceSubCategory && /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: "red"
     }
-  }, errors.challanAmount.message)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }, errors.offenceSubCategory.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", {
+  }, /*#__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: "challanDaysToClearPayment",
+    name: "challanAmount",
     render: props => {
-      var _errors$name4;
+      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$name4 = errors.name) === null || _errors$name4 === void 0 ? void 0 : _errors$name4.message,
+        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);
         },
@@ -14008,11 +14252,11 @@ const OffenceDetails = _ref => {
         t: t
       });
     }
-  }), (errors === null || errors === void 0 ? void 0 : errors.challanDaysToClearPayment) && /*#__PURE__*/React__default.createElement("p", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.challanAmount) && /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: "red"
     }
-  }, errors.challanDaysToClearPayment.message))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+  }, errors.challanAmount.message))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     style: {
       background: " white",
       color: "black",
@@ -14024,7 +14268,7 @@ const OffenceDetails = _ref => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: "Next",
     submit: "submit"
-  }))), loader && /*#__PURE__*/React__default.createElement(Loader, {
+  }))), (loader || categoryLoading || subCategoryLoading || OffenceTypeLoading) && /*#__PURE__*/React__default.createElement(Loader, {
     page: true
   }));
 };
@@ -14463,186 +14707,6 @@ const ChallanStepFormFour = _ref => {
   }));
 };
 
-const SelectNDCDocuments = _ref => {
-  var _formData$documents, _data$Challan;
-  let {
-    t,
-    config,
-    onSelect,
-    userType,
-    formData,
-    setError: setFormError,
-    clearErrors: clearFormErrors,
-    formState
-  } = _ref;
-  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("pb", "Challan", [{
-    name: "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
-    });
-  };
-  React.useEffect(() => {
-    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,
-      setFormError: setFormError,
-      clearFormErrors: clearFormErrors,
-      config: config,
-      formState: formState
-    });
-  }), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    isDleteBtn: true,
-    label: error,
-    onClose: () => setError(null),
-    error: true
-  }));
-};
-function SelectDocument(_ref2) {
-  let {
-    t,
-    document: doc,
-    setDocuments,
-    setError,
-    documents,
-    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 [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);
-  function selectfile(e) {
-    setFile(e.target.files[0]);
-  }
-  React.useEffect(() => {
-    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) !== (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);
-        return [...filteredDocumentsByFileStoreId, {
-          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]);
-  React.useEffect(() => {
-    (function () {
-      try {
-        setError(null);
-        const _temp3 = function () {
-          if (file) {
-            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("PT", file, Digit.ULBService.getStateId())).then(function (response) {
-                    var _response$data, _response$data$files;
-                    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);
-                    } else {
-                      setError(t("CS_FILE_UPLOAD_ERROR"));
-                    }
-                  });
-                }, function () {
-                  setLoader(false);
-                  setError(t("CS_FILE_UPLOAD_ERROR"));
-                });
-                if (_temp && _temp.then) return _temp.then(function () {});
-              }
-            }();
-            if (_temp2 && _temp2.then) return _temp2.then(function () {});
-          }
-        }();
-        return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
-      } catch (e) {
-        Promise.reject(e);
-      }
-    })();
-  }, [file]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginBottom: "40px"
-    }
-  }, /*#__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("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
-    id: "tl-doc",
-    onUpload: selectfile,
-    onDelete: () => {
-      setUploadedFile(null);
-    },
-    message: uploadedFile ? "1 " + t("CS_ACTION_FILEUPLOADED") : t("CS_ACTION_NO_FILEUPLOADED"),
-    textStyles: {
-      width: "100%"
-    },
-    accept: "image/*,.pdf"
-  }))), getLoader && /*#__PURE__*/React__default.createElement(Loader, {
-    page: true
-  }));
-}
-
 const initialState = {
   step: 1,
   isValid: false,