@mseva/digit-ui-module-challangeneration 1.0.21 → 1.0.23

package/dist/index.js

@@ -152,9 +152,6 @@ const ServiceCategory = _ref => {
   };
   Menu === null || Menu === void 0 ? void 0 : Menu.map((option, index) => {
   });
-  if (isLoading) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-  }
   return /*#__PURE__*/React__default.createElement("div", {
     className: "status-container"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -8163,108 +8160,6 @@ const config = [{
   }]
 }];
 
-const _Pact = /*#__PURE__*/function () {
-  function _Pact() {}
-  _Pact.prototype.then = function (onFulfilled, onRejected) {
-    const result = new _Pact();
-    const state = this.s;
-    if (state) {
-      const callback = state & 1 ? onFulfilled : onRejected;
-      if (callback) {
-        try {
-          _settle(result, 1, callback(this.v));
-        } catch (e) {
-          _settle(result, 2, e);
-        }
-        return result;
-      } else {
-        return this;
-      }
-    }
-    this.o = function (_this) {
-      try {
-        const value = _this.v;
-        if (_this.s & 1) {
-          _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
-        } else if (onRejected) {
-          _settle(result, 1, onRejected(value));
-        } else {
-          _settle(result, 2, value);
-        }
-      } catch (e) {
-        _settle(result, 2, e);
-      }
-    };
-    return result;
-  };
-  return _Pact;
-}();
-function _settle(pact, state, value) {
-  if (!pact.s) {
-    if (value instanceof _Pact) {
-      if (value.s) {
-        if (state & 1) {
-          state = value.s;
-        }
-        value = value.v;
-      } else {
-        value.o = _settle.bind(null, pact, state);
-        return;
-      }
-    }
-    if (value && value.then) {
-      value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
-      return;
-    }
-    pact.s = state;
-    pact.v = value;
-    const observer = pact.o;
-    if (observer) {
-      observer(pact);
-    }
-  }
-}
-function _isSettledPact(thenable) {
-  return thenable instanceof _Pact && thenable.s & 1;
-}
-function _forTo(array, body, check) {
-  var i = -1,
-    pact,
-    reject;
-  function _cycle(result) {
-    try {
-      while (++i < array.length && (!check || !check())) {
-        result = body(i);
-        if (result && result.then) {
-          if (_isSettledPact(result)) {
-            result = result.v;
-          } else {
-            result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
-            return;
-          }
-        }
-      }
-      if (pact) {
-        _settle(pact, 1, result);
-      } else {
-        pact = result;
-      }
-    } catch (e) {
-      _settle(pact || (pact = new _Pact()), 2, e);
-    }
-  }
-  _cycle();
-  return pact;
-}
-function _forIn(target, body, check) {
-  var keys = [];
-  for (var key in target) {
-    keys.push(key);
-  }
-  return _forTo(keys, function (i) {
-    return body(keys[i]);
-  }, check);
-}
 const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
 const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
 function _catch(body, recover) {
@@ -10006,6 +9901,7 @@ Loader.defaultProps = {
 };
 
 const MyChallanResult = _ref => {
+  var _getChallanData$chall, _getChallanData$chall2, _getChallanData$chall3, _getChallanData$chall4;
   let {
     template,
     header,
@@ -10017,10 +9913,37 @@ const MyChallanResult = _ref => {
   const history = reactRouterDom.useHistory();
   const userInfo = Digit.UserService.getUser();
   const tenantId = localStorage.getItem("CITIZEN.CITY");
+  const [filters, setFilters] = React.useState(null);
   const [loader, setLoader] = React.useState(false);
   const [getChallanData, setChallanData] = React.useState();
-  const fetchChallans = function (filters) {
+  let filter = window.location.href.split("/").pop();
+  let t1;
+  let off;
+  if (!isNaN(parseInt(filter))) {
+    off = filter;
+    t1 = parseInt(filter) + 50;
+  } else {
+    t1 = 4;
+  }
+  let initialFilters = !isNaN(parseInt(filter)) ? {
+    limit: "50",
+    sortOrder: "ASC",
+    sortBy: "createdTime",
+    offset: off,
+    tenantId
+  } : {
+    limit: "10",
+    sortOrder: "ASC",
+    sortBy: "createdTime",
+    offset: "0",
+    tenantId
+  };
+  React.useEffect(() => {
+    setFilters(initialFilters);
+  }, [filter, tenantId]);
+  const fetchChallans = function () {
     try {
+      console.log("filters", filters);
       setLoader(true);
       const _temp = _catch(function () {
         return Promise.resolve(Digit.ChallanGenerationService.search({
@@ -10028,7 +9951,7 @@ const MyChallanResult = _ref => {
           filters
         })).then(function (responseData) {
           console.log("result", responseData);
-          setChallanData(responseData === null || responseData === void 0 ? void 0 : responseData.challans);
+          setChallanData(responseData);
           setLoader(false);
         });
       }, function (error) {
@@ -10041,11 +9964,14 @@ const MyChallanResult = _ref => {
     }
   };
   React.useEffect(() => {
-    var _userInfo$info;
-    const filters = {};
-    filters.mobileNumber = userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info = userInfo.info) === null || _userInfo$info === void 0 ? void 0 : _userInfo$info.mobileNumber;
-    fetchChallans(filters);
-  }, []);
+    console.log("filters", filters);
+    if (filters) fetchChallans();
+  }, [filters]);
+  const handleLoadMore = () => {
+    setFilters(prev => _extends({}, prev, {
+      limit: Number(prev.limit) + 5
+    }));
+  };
   const handleMakePayment = id => {
     history.push("/digit-ui/citizen/payment/collect/Challan_Generation/" + id + "/" + tenantId + "?tenantId=" + tenantId);
   };
@@ -10057,13 +9983,12 @@ const MyChallanResult = _ref => {
     style: {
       marginLeft: "8px"
     }
-  }, t(header), " (", getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.length, ")"), getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.map((bill, index) => {
+  }, t(header), " (", getChallanData === null || getChallanData === void 0 ? void 0 : (_getChallanData$chall = getChallanData.challans) === null || _getChallanData$chall === void 0 ? void 0 : _getChallanData$chall.length, ")"), getChallanData === null || getChallanData === void 0 ? void 0 : (_getChallanData$chall2 = getChallanData.challans) === null || _getChallanData$chall2 === void 0 ? void 0 : _getChallanData$chall2.map((bill, index) => {
     var _bill$amount, _bill$amount$, _bill$feeWaiver, _bill$citizen;
     const checkAmount = Math.max((bill === null || bill === void 0 ? void 0 : (_bill$amount = bill.amount) === null || _bill$amount === void 0 ? void 0 : (_bill$amount$ = _bill$amount[0]) === null || _bill$amount$ === void 0 ? void 0 : _bill$amount$.amount) || 0, (bill === null || bill === void 0 ? void 0 : bill.challanAmount) || 0);
     const total = checkAmount != null ? checkAmount : 0;
     const waiver = (_bill$feeWaiver = bill === null || bill === void 0 ? void 0 : bill.feeWaiver) != null ? _bill$feeWaiver : 0;
     const finalAmount = total - waiver;
-    console.log("finalAmount", finalAmount);
     return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
       key: index
     }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.KeyNote, {
@@ -10091,7 +10016,24 @@ const MyChallanResult = _ref => {
       label: t("CS_APPLICATION_DETAILS_MAKE_PAYMENT"),
       onSubmit: () => handleMakePayment(bill === null || bill === void 0 ? void 0 : bill.challanNo)
     })));
-  })), loader && /*#__PURE__*/React__default.createElement(Loader, {
+  }), (getChallanData === null || getChallanData === void 0 ? void 0 : (_getChallanData$chall3 = getChallanData.challans) === null || _getChallanData$chall3 === void 0 ? void 0 : _getChallanData$chall3.length) === 0 && !loader && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      marginLeft: "16px",
+      marginTop: "16px"
+    }
+  }, t("CHB_NO_APPLICATION_FOUND_MSG")), (getChallanData === null || getChallanData === void 0 ? void 0 : (_getChallanData$chall4 = getChallanData.challans) === null || _getChallanData$chall4 === void 0 ? void 0 : _getChallanData$chall4.length) !== 0 && (getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.totalCount) > t1 && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginLeft: "16px",
+      marginTop: "16px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "link",
+    style: {
+      cursor: "pointer",
+      color: "#007bff"
+    },
+    onClick: handleLoadMore
+  }, t("CHB_LOAD_MORE_MSG")))), loader && /*#__PURE__*/React__default.createElement(Loader, {
     page: true
   }));
 };
@@ -10257,10 +10199,8 @@ const ChallanApplicationDetails = () => {
       } = _ref,
       params = _objectWithoutPropertiesLoose(_ref, _excluded$3);
     try {
-      console.log("payments", payments);
-      if (printing) return Promise.resolve();
-      setPrinting(true);
-      const _temp4 = _finallyRethrows(function () {
+      setLoader(true);
+      return Promise.resolve(_catch(function () {
         return Promise.resolve(Digit.ChallanGenerationService.search({
           tenantId,
           filters: {
@@ -10272,11 +10212,11 @@ const ChallanApplicationDetails = () => {
             return Promise.resolve(Digit.PaymentService.printReciept(tenantId, {
               fileStoreIds: fileStoreId
             })).then(function (fileStore) {
+              setLoader(false);
               window.open(fileStore[fileStoreId], "_blank");
             });
           }
           const challan = _extends({}, applicationDetails, challanEmpData);
-          console.log("applicationDetails", applicationDetails);
           let application = challan;
           let fileStoreId = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : (_applicationDetails$A2 = _applicationDetails$A[0]) === null || _applicationDetails$A2 === void 0 ? void 0 : _applicationDetails$A2.paymentReceiptFilestoreId;
           const _temp2 = function () {
@@ -10292,12 +10232,10 @@ const ChallanApplicationDetails = () => {
           }();
           return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
         });
-      }, function (_wasThrown, _result) {
-        setPrinting(false);
-        if (_wasThrown) throw _result;
-        return _result;
-      });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+      }, function (err) {
+        setLoader(false);
+        return err;
+      }));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10309,9 +10247,8 @@ const ChallanApplicationDetails = () => {
       } = _ref2,
       params = _objectWithoutPropertiesLoose(_ref2, _excluded2);
     try {
-      if (chbPermissionLoading) return Promise.resolve();
-      setChbPermissionLoading(true);
-      const _temp7 = _finallyRethrows(function () {
+      setLoader(true);
+      return Promise.resolve(_catch(function () {
         return Promise.resolve(Digit.ChallanGenerationService.search({
           tenantId,
           filters: {
@@ -10319,18 +10256,18 @@ const ChallanApplicationDetails = () => {
           }
         })).then(function (applicationDetails) {
           var _applicationDetails$A3, _applicationDetails$A4;
-          function _temp6() {
+          function _temp5() {
             return Promise.resolve(Digit.PaymentService.printReciept(tenantId, {
               fileStoreIds: fileStoreId
             })).then(function (fileStore) {
+              setLoader(false);
               window.open(fileStore[fileStoreId], "_blank");
             });
           }
           const challan = _extends({}, applicationDetails, challanEmpData);
-          console.log("applicationDetails", applicationDetails);
           let application = challan;
           let fileStoreId = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : (_applicationDetails$A4 = _applicationDetails$A3[0]) === null || _applicationDetails$A4 === void 0 ? void 0 : _applicationDetails$A4.paymentReceiptFilestoreId;
-          const _temp5 = function () {
+          const _temp4 = function () {
             if (!fileStoreId) {
               return Promise.resolve(Digit.PaymentService.generatePdf(tenantId, {
                 challan: _extends({}, application, payments)
@@ -10339,14 +10276,12 @@ const ChallanApplicationDetails = () => {
               });
             }
           }();
-          return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+          return _temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4);
         });
-      }, function (_wasThrown2, _result2) {
-        setChbPermissionLoading(false);
-        if (_wasThrown2) throw _result2;
-        return _result2;
-      });
-      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
+      }, function (err) {
+        setLoader(false);
+        return err;
+      }));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10364,8 +10299,6 @@ const ChallanApplicationDetails = () => {
   } = Digit.Hooks.useStore.getInitData();
   const [loader, setLoader] = React.useState(false);
   const [getChallanData, setChallanData] = React.useState();
-  const [chbPermissionLoading, setChbPermissionLoading] = React.useState(false);
-  const [printing, setPrinting] = React.useState(false);
   const fetchChallans = function (filters) {
     try {
       setLoader(true);
@@ -10375,12 +10308,10 @@ const ChallanApplicationDetails = () => {
           filters
         })).then(function (responseData) {
           var _responseData$challan;
-          console.log("search ", responseData);
           setChallanData(responseData === null || responseData === void 0 ? void 0 : (_responseData$challan = responseData.challans) === null || _responseData$challan === void 0 ? void 0 : _responseData$challan[0]);
           setLoader(false);
         });
-      }, function (error) {
-        console.log("error", error);
+      }, function () {
         setLoader(false);
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
@@ -12715,9 +12646,7 @@ const DesktopInbox = _ref => {
     }
   }];
   let result;
-  if (props.isLoading || props.isLoader) {
-    result = /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-  } else if ((data === null || data === void 0 ? void 0 : data.length) === 0) {
+  if ((data === null || data === void 0 ? void 0 : data.length) === 0) {
     result = /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
       style: {
         marginTop: 20
@@ -13116,12 +13045,7 @@ const Inbox = _ref => {
     id: "createdTime",
     desc: false
   }]);
-  const {
-    isLoading,
-    data: countData
-  } = Digit.Hooks.mcollect.useMCollectCount(tenantId);
   const [searchParams, setSearchParams] = React.useState(initialStates.searchParams || {});
-  const [businessIdToOwnerMappings, setBusinessIdToOwnerMappings] = React.useState({});
   const [isLoader, setIsLoader] = React.useState(false);
   const [getFilter, setFilter] = React.useState();
   const isMobile = window.Digit.Utils.browser.isMobile();
@@ -13134,9 +13058,7 @@ const Inbox = _ref => {
     offset: pageOffset,
     sortOrder: sortParams !== null && sortParams !== void 0 && (_sortParams$2 = sortParams[0]) !== null && _sortParams$2 !== void 0 && _sortParams$2.desc ? "ASC" : "DESC"
   };
-  const isMcollectAppChanged = Digit.SessionStorage.get("isMcollectAppChanged");
   const InboxObjectInSessionStorage = Digit.SessionStorage.get("Challan.INBOX");
-  const searchFormDefaultValues = {};
   const filterFormDefaultValues = {
     moduleName: "Challan_Generation",
     applicationStatus: [],
@@ -13151,41 +13073,6 @@ const Inbox = _ref => {
     offset: 0,
     sortOrder: "DESC"
   };
-  const formInitValue = React.useMemo(() => {
-    return InboxObjectInSessionStorage || {
-      filterForm: filterFormDefaultValues,
-      searchForm: searchFormDefaultValues,
-      tableForm: tableOrderFormDefaultValues
-    };
-  }, [Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.filterForm) || {}), Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.searchForm) || {}), Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.tableForm) || {})]);
-  const [formState, dispatch] = React.useReducer(formReducer, formInitValue);
-  function formReducer(state, payload) {
-    switch (payload.action) {
-      case "mutateSearchForm":
-        Digit.SessionStorage.set("Challan.INBOX", _extends({}, state, {
-          searchForm: payload.data
-        }));
-        return _extends({}, state, {
-          searchForm: payload.data
-        });
-      case "mutateFilterForm":
-        Digit.SessionStorage.set("Challan.INBOX", _extends({}, state, {
-          filterForm: payload.data
-        }));
-        return _extends({}, state, {
-          filterForm: payload.data
-        });
-      case "mutateTableForm":
-        Digit.SessionStorage.set("Challan.INBOX", _extends({}, state, {
-          tableForm: payload.data
-        }));
-        return _extends({}, state, {
-          tableForm: payload.data
-        });
-      default:
-        return state;
-    }
-  }
   const {
     isLoading: hookLoading,
     data
@@ -13193,50 +13080,6 @@ const Inbox = _ref => {
     tenantId,
     filters: _extends({}, searchParams, paginationParams)
   });
-  React.useEffect(() => {
-    var _data$challans2;
-    const fetchBills = function () {
-      try {
-        var _data$challans;
-        function _temp2() {
-          const mapping = {};
-          processInstanceArray.forEach(item => {
-            var _item$billDetails, _item$billDetails$, _item$billDetails2, _item$billDetails2$;
-            mapping[item === null || item === void 0 ? void 0 : item.consumerCode] = {
-              businessService: item === null || item === void 0 ? void 0 : item.businessService,
-              totalAmount: (item === null || item === void 0 ? void 0 : (_item$billDetails = item.billDetails) === null || _item$billDetails === void 0 ? void 0 : (_item$billDetails$ = _item$billDetails[0]) === null || _item$billDetails$ === void 0 ? void 0 : _item$billDetails$.totalAmount) || 0,
-              dueDate: item === null || item === void 0 ? void 0 : (_item$billDetails2 = item.billDetails) === null || _item$billDetails2 === void 0 ? void 0 : (_item$billDetails2$ = _item$billDetails2[0]) === null || _item$billDetails2$ === void 0 ? void 0 : _item$billDetails2$.expiryDate
-            };
-          });
-          setBusinessIdToOwnerMappings(mapping);
-          setIsLoader(false);
-        }
-        let businessServiceMap = {};
-        data === null || data === void 0 ? void 0 : (_data$challans = data.challans) === null || _data$challans === void 0 ? void 0 : _data$challans.forEach(item => {
-          if (item.businessService !== "ADVT.Canopy_Fee") {
-            if (!businessServiceMap[item.businessService]) businessServiceMap[item.businessService] = [];
-            businessServiceMap[item.businessService].push(item.challanNo);
-          }
-        });
-        let processInstanceArray = [];
-        const _temp = _forIn(businessServiceMap, function (key) {
-          const consumerCodes = businessServiceMap[key].join(",");
-          return Promise.resolve(Digit.PaymentService.fetchBill(tenantId, {
-            consumerCode: consumerCodes,
-            businessService: key
-          })).then(function (res) {
-            processInstanceArray = [...processInstanceArray, ...((res === null || res === void 0 ? void 0 : res.Bill) || [])];
-          });
-        });
-        return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-    if ((data === null || data === void 0 ? void 0 : (_data$challans2 = data.challans) === null || _data$challans2 === void 0 ? void 0 : _data$challans2.length) > 0) {
-      fetchBills();
-    }
-  }, [data]);
   const formedData = ((data === null || data === void 0 ? void 0 : data.table) || []).map(item => ({
     challanNo: item === null || item === void 0 ? void 0 : item.applicationId,
     name: item === null || item === void 0 ? void 0 : item.offenderName,
@@ -13319,6 +13162,8 @@ const Inbox = _ref => {
       filterComponent: filterComponent,
       isLoader: isLoader,
       statutes: data === null || data === void 0 ? void 0 : data.statuses
+    }), hookLoading && /*#__PURE__*/React__default.createElement(Loader, {
+      page: true
     }));
   }
 };
@@ -15774,9 +15619,6 @@ const ChallanDocuments = _ref => {
     });
     if ((count == "0" || count == 0) && (documents === null || documents === void 0 ? void 0 : documents.length) > 0) setEnableSubmit(false);else setEnableSubmit(true);
   }, [documents, checkRequiredFields]);
-  React.useEffect(() => {
-    console.log("documents check again", documents);
-  }, [documents]);
   return /*#__PURE__*/React__default.createElement("div", null, !isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
     t: t,
     config: config,
@@ -15804,6 +15646,7 @@ const ChallanDocuments = _ref => {
   })) : /*#__PURE__*/React__default.createElement(Loader, null));
 };
 function PTRSelectDocument(_ref2) {
+  var _documents$filter;
   let {
     t,
     document: doc,
@@ -15874,7 +15717,6 @@ function PTRSelectDocument(_ref2) {
       };
       reader.readAsDataURL(file);
     } else {
-      console.log("📄 Non-image file uploaded, skipping EXIF read");
       setFile(file);
       updateDocument(selectedDocument, {});
     }
@@ -15997,6 +15839,7 @@ function PTRSelectDocument(_ref2) {
   React.useEffect(() => {
     if (isHidden) setUploadedFile(null);
   }, [isHidden]);
+  console.log("doc===", doc);
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
       marginBottom: "24px"
@@ -16035,7 +15878,28 @@ function PTRSelectDocument(_ref2) {
     accept: ".pdf, .jpeg, .jpg, .png",
     buttonType: "button",
     error: !uploadedFile
-  }))), getLoading && /*#__PURE__*/React__default.createElement(Loader, {
+  }), console.log("documents", documents), (doc === null || doc === void 0 ? void 0 : doc.code) == "CHALLAN.EVIDENCE_IMAGE" && /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "green",
+      fontSize: "14px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      color: "red",
+      paddingRight: "3px"
+    }
+  }, "Note:"), "Please upload a picture **clicked with location enabled**."), (doc === null || doc === void 0 ? void 0 : doc.code) == "CHALLAN.EVIDENCE_IMAGE" && (documents === null || documents === void 0 ? void 0 : (_documents$filter = documents.filter(item => item.documentType == "CHALLAN.EVIDENCE_IMAGE")) === null || _documents$filter === void 0 ? void 0 : _documents$filter.map((item, index) => /*#__PURE__*/React__default.createElement("div", {
+    key: index,
+    style: {
+      marginTop: "10px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginTop: "5px",
+      fontSize: "14px",
+      color: "#333"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("b", null, "Latitude:"), " ", item.latitude), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("b", null, "Longitude:"), " ", item.longitude))))))), getLoading && /*#__PURE__*/React__default.createElement(Loader, {
     page: true
   }));
 }
@@ -16285,7 +16149,13 @@ const ChallanStepperForm = () => {
     divider: true
   }, t("CREATE_CHALLAN")), /*#__PURE__*/React__default.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
+    style: {
+      fontWeight: "bold",
+      paddingBottom: "30px",
+      fontSize: "25px"
+    }
+  }, t("CHALLAN_OFFENDER_DETAILS")), /*#__PURE__*/React__default.createElement("div", {
     style: {
       width: "100%"
     }