@mseva/digit-ui-module-garbagecollection 1.0.31 → 1.0.33-dev.1

package/dist/index.modern.js

@@ -1,7 +1,7 @@
-import { CardHeader, Toast, CardLabel, TextInput, Dropdown, ActionBar, SubmitBar, MobileNumber, TextArea, FormComposer, Loader as Loader$1, CardSubHeader, StatusTable, Card, CardSectionHeader, Menu, LabelFieldPair, UploadFile, SearchField, FilterFormField, RadioButtons, CheckBox, ComplaintIcon, Header, InboxComposer, AppContainer, BackButton, PrivateRoute, KeyNote, MultiLink, Row, Banner, Modal, CitizenHomeCard, PTIcon } from '@mseva/digit-ui-react-components';
+import { CardHeader, Toast, LabelFieldPair, CardLabel, TextInput, Dropdown, ActionBar, SubmitBar, MobileNumber, TextArea, FormComposer, Loader as Loader$1, CardSubHeader, StatusTable, Card, CardSectionHeader, Menu, UploadFile, SearchField, FilterFormField, RadioButtons, CheckBox, ComplaintIcon, Header, InboxComposer, PrivateRoute, BreadCrumb, AppContainer, KeyNote, MultiLink, Row, Banner, Modal, Table, CitizenHomeCard, PTIcon } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useRef, Fragment as Fragment$1, useMemo, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useHistory, Link, useLocation, Switch, useRouteMatch, useParams } from 'react-router-dom';
+import { useHistory, Link, useLocation, useRouteMatch, Switch, useParams } from 'react-router-dom';
 import { useDispatch, useSelector } from 'react-redux';
 import { useForm, Controller, useFormContext } from 'react-hook-form';
 import { combineReducers } from 'redux';
@@ -2814,12 +2814,15 @@ const CHBCitizenSecond = ({
   currentStepData,
   t
 }) => {
+  var _amountData$gcServic;
   const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
   const isCitizen = window.location.href.includes("citizen");
   const [getPropertyId, setPropertyId] = useState(null);
   const [loader, setLoader] = useState(false);
   const [showToast, setShowToast] = useState(false);
   const [error, setError] = useState("");
+  const [getPUnits, setPUnits] = useState([]);
+  const [getActiveStatus, setActiveStatus] = useState(false);
   const {
     data: GCData = [],
     isLoading: GCLoading
@@ -2844,6 +2847,13 @@ const CHBCitizenSecond = ({
   } = Digit.Hooks.useCustomMDMS(tenantId, "gc-services-masters", [{
     name: "connectionCategory"
   }]);
+  const {
+    data: amountData = [],
+    isLoading: amountDataLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "gc-services-calculation", [{
+    name: "GCBillingSlab"
+  }]);
+  console.log("amountData", amountData === null || amountData === void 0 ? void 0 : (_amountData$gcServic = amountData["gc-services-calculation"]) === null || _amountData$gcServic === void 0 ? void 0 : _amountData$gcServic.GCBillingSlab);
   const {
     control,
     handleSubmit,
@@ -2866,7 +2876,7 @@ const CHBCitizenSecond = ({
   const onSubmit = async data => {
     var _currentStepData$venu, _currentStepData$apiR;
     if (currentStepData !== null && currentStepData !== void 0 && (_currentStepData$venu = currentStepData.venueDetails) !== null && _currentStepData$venu !== void 0 && _currentStepData$venu.applicationNo || currentStepData !== null && currentStepData !== void 0 && (_currentStepData$apiR = currentStepData.apiResponseData) !== null && _currentStepData$apiR !== void 0 && _currentStepData$apiR.applicationNo) {
-      var _data$frequency, _data$typeOfWaste, _data$propertyType, _data$connectionCateg, _currentStepData$venu2, _data$connectionCateg2;
+      var _data$frequency, _data$typeOfWaste, _data$propertyType, _data$connectionCateg, _currentStepData$venu2, _data$connectionCateg2, _propertyDetailsFetch, _propertyDetailsFetch2, _propertyDetailsFetch3, _propertyDetailsFetch4;
       const ownerData = currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.ownerDetails;
       const updatedDatacheck = (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.apiResponseData);
       const payload = {
@@ -2892,30 +2902,26 @@ const CHBCitizenSecond = ({
             action: "DRAFT"
           },
           additionalDetails: {
-            connectionCategory: data === null || data === void 0 ? void 0 : (_data$connectionCateg2 = data.connectionCategory) === null || _data$connectionCateg2 === void 0 ? void 0 : _data$connectionCateg2.name
+            connectionCategory: data === null || data === void 0 ? void 0 : (_data$connectionCateg2 = data.connectionCategory) === null || _data$connectionCateg2 === void 0 ? void 0 : _data$connectionCateg2.name,
+            locality: propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch2 = _propertyDetailsFetch[0]) === null || _propertyDetailsFetch2 === void 0 ? void 0 : (_propertyDetailsFetch3 = _propertyDetailsFetch2.address) === null || _propertyDetailsFetch3 === void 0 ? void 0 : (_propertyDetailsFetch4 = _propertyDetailsFetch3.locality) === null || _propertyDetailsFetch4 === void 0 ? void 0 : _propertyDetailsFetch4.code
           }
         }
       };
-      console.log("payload check", payload);
       setLoader(true);
       try {
         var _response$GarbageConn;
         const response = await Digit.GCService.update(payload);
         setLoader(false);
-        console.log("response", response);
         goNext(response === null || response === void 0 ? void 0 : (_response$GarbageConn = response.GarbageConnection) === null || _response$GarbageConn === void 0 ? void 0 : _response$GarbageConn[0]);
       } catch (error) {
         var _error$response$data, _error$response$data$, _error$response$data$2;
         setLoader(false);
-        console.log("Response Data:", error.response.data);
         setShowToast(true);
         setError((_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.message);
       }
     } else {
-      var _data$frequency2, _data$typeOfWaste2, _data$propertyType2, _data$connectionCateg3, _data$connectionCateg4;
+      var _data$frequency2, _data$typeOfWaste2, _data$propertyType2, _data$connectionCateg3, _data$unitId, _data$connectionCateg4, _propertyDetailsFetch5, _propertyDetailsFetch6, _propertyDetailsFetch7, _propertyDetailsFetch8;
       setLoader(true);
-      console.log("data", data);
-      console.log("currentStepData", currentStepData);
       const ownerData = currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.ownerDetails;
       const payload = {
         GarbageConnection: {
@@ -2924,10 +2930,12 @@ const CHBCitizenSecond = ({
           frequency: data === null || data === void 0 ? void 0 : (_data$frequency2 = data.frequency) === null || _data$frequency2 === void 0 ? void 0 : _data$frequency2.name,
           typeOfWaste: data === null || data === void 0 ? void 0 : (_data$typeOfWaste2 = data.typeOfWaste) === null || _data$typeOfWaste2 === void 0 ? void 0 : _data$typeOfWaste2.name,
           propertyType: data === null || data === void 0 ? void 0 : (_data$propertyType2 = data.propertyType) === null || _data$propertyType2 === void 0 ? void 0 : _data$propertyType2.name,
+          connectionType: "Non Metered",
           plotSize: data === null || data === void 0 ? void 0 : data.plotSize,
           location: data === null || data === void 0 ? void 0 : data.location,
           applicationType: "NEW_GARBAGE_CONNECTION",
           connectionCategory: data === null || data === void 0 ? void 0 : (_data$connectionCateg3 = data.connectionCategory) === null || _data$connectionCateg3 === void 0 ? void 0 : _data$connectionCateg3.name,
+          unitId: data === null || data === void 0 ? void 0 : (_data$unitId = data.unitId) === null || _data$unitId === void 0 ? void 0 : _data$unitId.id,
           connectionHolders: [{
             name: ownerData === null || ownerData === void 0 ? void 0 : ownerData.name,
             mobileNumber: ownerData === null || ownerData === void 0 ? void 0 : ownerData.mobileNumber,
@@ -2941,10 +2949,12 @@ const CHBCitizenSecond = ({
             moduleName: "gc-services"
           },
           additionalDetails: {
-            connectionCategory: data === null || data === void 0 ? void 0 : (_data$connectionCateg4 = data.connectionCategory) === null || _data$connectionCateg4 === void 0 ? void 0 : _data$connectionCateg4.name
+            connectionCategory: data === null || data === void 0 ? void 0 : (_data$connectionCateg4 = data.connectionCategory) === null || _data$connectionCateg4 === void 0 ? void 0 : _data$connectionCateg4.name,
+            locality: propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch5 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch5 === void 0 ? void 0 : (_propertyDetailsFetch6 = _propertyDetailsFetch5[0]) === null || _propertyDetailsFetch6 === void 0 ? void 0 : (_propertyDetailsFetch7 = _propertyDetailsFetch6.address) === null || _propertyDetailsFetch7 === void 0 ? void 0 : (_propertyDetailsFetch8 = _propertyDetailsFetch7.locality) === null || _propertyDetailsFetch8 === void 0 ? void 0 : _propertyDetailsFetch8.code
           }
         }
       };
+      console.log("payload=====", payload);
       try {
         var _response$GarbageConn2;
         const response = await Digit.GCService.create(payload);
@@ -2954,7 +2964,6 @@ const CHBCitizenSecond = ({
       } catch (error) {
         var _error$response$data2, _error$response$data3, _error$response$data4;
         setLoader(false);
-        console.log("Response Data:", error.response.data);
         setShowToast(true);
         setError((_error$response$data2 = error.response.data) === null || _error$response$data2 === void 0 ? void 0 : (_error$response$data3 = _error$response$data2.Errors) === null || _error$response$data3 === void 0 ? void 0 : (_error$response$data4 = _error$response$data3[0]) === null || _error$response$data4 === void 0 ? void 0 : _error$response$data4.message);
       }
@@ -2976,23 +2985,50 @@ const CHBCitizenSecond = ({
     enabled: getPropertyId ? true : false,
     privacy: Digit.Utils.getPrivacyObject()
   });
+  const checkConnection = async (propertyId, unitId) => {
+    setLoader(true);
+    const filters = {
+      propertyId: propertyId,
+      unitId: unitId,
+      tenantId
+    };
+    try {
+      const responseData = await Digit.GCService.validateConnection({
+        tenantId,
+        filters
+      });
+      setLoader(false);
+      if (responseData !== null && responseData !== void 0 && responseData.canCreateConnection) {
+        setActiveStatus(true);
+      } else {
+        setShowToast(true);
+        setError(responseData === null || responseData === void 0 ? void 0 : responseData.message);
+      }
+    } catch (error) {
+      var _error$response$data5, _error$response$data6, _error$response$data7;
+      setLoader(false);
+      setActiveStatus(false);
+      setShowToast(true);
+      setError((_error$response$data5 = error.response.data) === null || _error$response$data5 === void 0 ? void 0 : (_error$response$data6 = _error$response$data5.Errors) === null || _error$response$data6 === void 0 ? void 0 : (_error$response$data7 = _error$response$data6[0]) === null || _error$response$data7 === void 0 ? void 0 : _error$response$data7.message);
+    }
+  };
   useEffect(() => {
     if (propertyDetailsFetch !== null && propertyDetailsFetch !== void 0 && propertyDetailsFetch.Properties[0]) {
+      var _propertyDetailsFetch9;
+      setPUnits(propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch9 = propertyDetailsFetch.Properties[0]) === null || _propertyDetailsFetch9 === void 0 ? void 0 : _propertyDetailsFetch9.units);
       if (propertyDetailsFetch !== null && propertyDetailsFetch !== void 0 && propertyDetailsFetch.Properties || currentStepData !== null && currentStepData !== void 0 && currentStepData.venueDetails || currentStepData !== null && currentStepData !== void 0 && currentStepData.apiResponseData) {
-        var _propertyDetailsFetch, _propertyDetailsFetch2, _propertyDetailsFetch3, _propertyDetailsFetch4, _propertyDetailsFetch5, _propertyDetailsFetch6, _GCData$swServicesC, _FreqType$gcServices, _WasteType$gcService, _connectionCategory$g, _propertyDetailsFetch7, _propertyDetailsFetch8;
+        var _propertyDetailsFetch0, _propertyDetailsFetch1, _propertyDetailsFetch10, _propertyDetailsFetch11, _propertyDetailsFetch12, _propertyDetailsFetch13, _propertyDetailsFetch14, _propertyDetailsFetch15, _propertyDetailsFetch16, _propertyDetailsFetch17, _GCData$swServicesC, _FreqType$gcServices, _WasteType$gcService, _connectionCategory$g, _propertyDetailsFetch18, _propertyDetailsFetch19;
         const backStepData = (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.apiResponseData);
-        const location = (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch2 = _propertyDetailsFetch[0]) === null || _propertyDetailsFetch2 === void 0 ? void 0 : (_propertyDetailsFetch3 = _propertyDetailsFetch2.owners) === null || _propertyDetailsFetch3 === void 0 ? void 0 : (_propertyDetailsFetch4 = _propertyDetailsFetch3[0]) === null || _propertyDetailsFetch4 === void 0 ? void 0 : _propertyDetailsFetch4.permanentAddress) || (backStepData === null || backStepData === void 0 ? void 0 : backStepData.location);
-        const plotSize = (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch5 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch5 === void 0 ? void 0 : (_propertyDetailsFetch6 = _propertyDetailsFetch5[0]) === null || _propertyDetailsFetch6 === void 0 ? void 0 : _propertyDetailsFetch6.landArea) || (backStepData === null || backStepData === void 0 ? void 0 : backStepData.plotSize);
+        const location = (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch0 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch0 === void 0 ? void 0 : (_propertyDetailsFetch1 = _propertyDetailsFetch0[0]) === null || _propertyDetailsFetch1 === void 0 ? void 0 : (_propertyDetailsFetch10 = _propertyDetailsFetch1.owners) === null || _propertyDetailsFetch10 === void 0 ? void 0 : (_propertyDetailsFetch11 = _propertyDetailsFetch10[0]) === null || _propertyDetailsFetch11 === void 0 ? void 0 : _propertyDetailsFetch11.permanentAddress) || (backStepData === null || backStepData === void 0 ? void 0 : backStepData.location) || (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch12 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch12 === void 0 ? void 0 : (_propertyDetailsFetch13 = _propertyDetailsFetch12[0]) === null || _propertyDetailsFetch13 === void 0 ? void 0 : (_propertyDetailsFetch14 = _propertyDetailsFetch13.address) === null || _propertyDetailsFetch14 === void 0 ? void 0 : (_propertyDetailsFetch15 = _propertyDetailsFetch14.locality) === null || _propertyDetailsFetch15 === void 0 ? void 0 : _propertyDetailsFetch15.name);
+        const plotSize = (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch16 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch16 === void 0 ? void 0 : (_propertyDetailsFetch17 = _propertyDetailsFetch16[0]) === null || _propertyDetailsFetch17 === void 0 ? void 0 : _propertyDetailsFetch17.landArea) || (backStepData === null || backStepData === void 0 ? void 0 : backStepData.plotSize);
         if (backStepData !== null && backStepData !== void 0 && backStepData.propertyId) setValue("propertyId", backStepData === null || backStepData === void 0 ? void 0 : backStepData.propertyId);
         setValue("location", location);
         setValue("plotSize", plotSize);
         const pTypeOptions = (GCData === null || GCData === void 0 ? void 0 : (_GCData$swServicesC = GCData["sw-services-calculation"]) === null || _GCData$swServicesC === void 0 ? void 0 : _GCData$swServicesC.PropertyUsageType) || [];
-        console.log("pTypeOptions", pTypeOptions);
         const freqTypeOptions = (FreqType === null || FreqType === void 0 ? void 0 : (_FreqType$gcServices = FreqType["gc-services-masters"]) === null || _FreqType$gcServices === void 0 ? void 0 : _FreqType$gcServices.GarbageCollectionFrequency) || [];
         const wasteTypeOptions = (WasteType === null || WasteType === void 0 ? void 0 : (_WasteType$gcService = WasteType["gc-services-masters"]) === null || _WasteType$gcService === void 0 ? void 0 : _WasteType$gcService.TypeOfWaste) || [];
         const connectionCatoptions = (connectionCategory === null || connectionCategory === void 0 ? void 0 : (_connectionCategory$g = connectionCategory["gc-services-masters"]) === null || _connectionCategory$g === void 0 ? void 0 : _connectionCategory$g.connectionCategory) || [];
-        console.log("connectionCatoptions", connectionCatoptions);
-        const usage = propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch7 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch7 === void 0 ? void 0 : (_propertyDetailsFetch8 = _propertyDetailsFetch7[0]) === null || _propertyDetailsFetch8 === void 0 ? void 0 : _propertyDetailsFetch8.usageCategory;
+        const usage = propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch18 = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch18 === void 0 ? void 0 : (_propertyDetailsFetch19 = _propertyDetailsFetch18[0]) === null || _propertyDetailsFetch19 === void 0 ? void 0 : _propertyDetailsFetch19.usageCategory;
         const frequency = backStepData === null || backStepData === void 0 ? void 0 : backStepData.frequency;
         const typeOfWaste = backStepData === null || backStepData === void 0 ? void 0 : backStepData.typeOfWaste;
         const connetionType = backStepData === null || backStepData === void 0 ? void 0 : backStepData.connectionCategory;
@@ -3031,27 +3067,67 @@ const CHBCitizenSecond = ({
     setValue("connectionCategory", null);
     setPropertyId(null);
   };
+  const uniqueFloors = React.useMemo(() => {
+    if (!(getPUnits !== null && getPUnits !== void 0 && getPUnits.length)) return [];
+    const map = new Map();
+    getPUnits.forEach(item => {
+      if (!map.has(item.floorNo)) {
+        map.set(item.floorNo, item);
+      }
+    });
+    return Array.from(map.values()).sort((a, b) => a.floorNo - b.floorNo);
+  }, [getPUnits]);
+  const selectedFloorUnits = React.useMemo(() => {
+    if (!watch("floorNo")) return [];
+    return getPUnits.filter(unit => {
+      var _watch;
+      return unit.floorNo === ((_watch = watch("floorNo")) === null || _watch === void 0 ? void 0 : _watch.floorNo);
+    });
+  }, [watch("floorNo"), getPUnits]);
+  const uniqueUsageCategories = React.useMemo(() => {
+    if (!(selectedFloorUnits !== null && selectedFloorUnits !== void 0 && selectedFloorUnits.length)) return [];
+    const map = new Map();
+    selectedFloorUnits.forEach(unit => {
+      if (!map.has(unit.usageCategory)) {
+        map.set(unit.usageCategory, unit);
+      }
+    });
+    return Array.from(map.values());
+  }, [selectedFloorUnits]);
+  const filterAmountData = (freq, propertyType) => {
+    var _amountData$gcServic2, _finalData$;
+    const filterData = amountData === null || amountData === void 0 ? void 0 : (_amountData$gcServic2 = amountData["gc-services-calculation"]) === null || _amountData$gcServic2 === void 0 ? void 0 : _amountData$gcServic2.GCBillingSlab;
+    const finalData = filterData === null || filterData === void 0 ? void 0 : filterData.filter(item => item.billingCycle === freq && item.buildingType === propertyType);
+    console.log("finalData", finalData[0]);
+    setValue("defAmount", (_finalData$ = finalData[0]) === null || _finalData$ === void 0 ? void 0 : _finalData$.minimumCharge);
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
     style: {
       paddingBottom: "150px"
     },
     onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NDC_MSG_PROPERTY_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("NDC_MSG_PROPERTY_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
   }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      gap: "15px",
-      alignItems: "center"
+      display: "block",
+      gap: "8px",
+      alignItems: "flex-start"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "form-field"
+    style: {
+      flex: 1
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "propertyId",
@@ -3070,27 +3146,28 @@ const CHBCitizenSecond = ({
       t: t
     })
   })), /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
+    className: "submit-bar gcButton",
     type: "button",
-    style: {
-      color: "white",
-      width: "100%",
-      maxWidth: "100px"
-    },
     onClick: searchProperty
   }, `${t("PT_SEARCH")}`)), (errors === null || errors === void 0 ? void 0 : errors.propertyId) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.propertyId.message)), ((propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.apiResponseData)) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, errors.propertyId.message))), ((propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : propertyDetailsFetch.Properties) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.apiResponseData)) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NDC_MSG_PROPERTY_TYPE_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("NDC_MSG_PROPERTY_TYPE_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "propertyType",
     rules: {
@@ -3113,18 +3190,23 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.propertyType) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.propertyType.message)), /*#__PURE__*/React.createElement("div", {
-    className: "form-field",
+  }, errors.propertyType.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("PDF_STATIC_LABEL_WS_CONSOLIDATED_ACKNOWELDGMENT_PLOT_SIZE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("PDF_STATIC_LABEL_WS_CONSOLIDATED_ACKNOWELDGMENT_PLOT_SIZE")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "plotSize",
     rules: {
@@ -3142,18 +3224,23 @@ const CHBCitizenSecond = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.plotSize) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.plotSize.message)), /*#__PURE__*/React.createElement("div", {
-    className: "form-field",
+  }, errors.plotSize.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_LOCATION")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("GC_LOCATION")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "location",
     rules: {
@@ -3171,17 +3258,23 @@ const CHBCitizenSecond = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.location) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.location.message)), /*#__PURE__*/React.createElement("div", {
+  }, errors.location.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_FREQUENCY")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("GC_FREQUENCY")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "frequency",
     rules: {
@@ -3195,7 +3288,11 @@ const CHBCitizenSecond = ({
         },
         className: "form-field",
         select: e => {
+          var _watch2, _watch3;
           props.onChange(e);
+          console.log("frequency", e === null || e === void 0 ? void 0 : e.name);
+          console.log("property type", (_watch2 = watch("propertyType")) === null || _watch2 === void 0 ? void 0 : _watch2.code);
+          filterAmountData(e === null || e === void 0 ? void 0 : e.name, (_watch3 = watch("propertyType")) === null || _watch3 === void 0 ? void 0 : _watch3.code);
         },
         selected: props.value,
         option: FreqType === null || FreqType === void 0 ? void 0 : (_FreqType$gcServices2 = FreqType["gc-services-masters"]) === null || _FreqType$gcServices2 === void 0 ? void 0 : _FreqType$gcServices2.GarbageCollectionFrequency,
@@ -3204,17 +3301,51 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.frequency) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.frequency.message)), /*#__PURE__*/React.createElement("div", {
+  }, errors.frequency.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_WASTE_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("Amount")}`), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "defAmount",
+    render: props => /*#__PURE__*/React.createElement(TextInput, {
+      style: {
+        marginBottom: 0
+      },
+      value: props.value,
+      onChange: e => {
+        props.onChange(e.target.value);
+      },
+      disabled: true,
+      t: t
+    })
+  }), (errors === null || errors === void 0 ? void 0 : errors.location) && /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
+  }, errors.location.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("GC_WASTE_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "typeOfWaste",
     rules: {
@@ -3237,17 +3368,23 @@ const CHBCitizenSecond = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.typeOfWaste) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.typeOfWaste.message)), /*#__PURE__*/React.createElement("div", {
+  }, errors.typeOfWaste.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
-      marginBottom: "20px"
+      marginBottom: "16px"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_CONNECTION_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("GC_CONNECTION_TYPE")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "connectionCategory",
     rules: {
@@ -3269,10 +3406,89 @@ const CHBCitizenSecond = ({
       });
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.connectionCategory) && /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
+  }, errors.connectionCategory.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("BPA_SCRUTINY_DETAILS_NUMBER_OF_FLOORS_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "floorNo",
+    rules: {
+      required: t("units is required")
+    },
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      style: {
+        marginBottom: 0
+      },
+      className: "form-field",
+      select: e => {
+        props.onChange(e);
+      },
+      selected: props.value,
+      option: uniqueFloors,
+      optionKey: "floorNo",
+      t: t
+    })
+  }), (errors === null || errors === void 0 ? void 0 : errors.floorNo) && /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
+  }, errors.floorNo.message))), /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("Select Unit")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, errors.connectionCategory.message)))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "unitId",
+    rules: {
+      required: t("Usage category is required")
+    },
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      style: {
+        marginBottom: 0
+      },
+      className: "form-field",
+      select: e => {
+        var _propertyDetailsFetch20;
+        props.onChange(e);
+        const pID = propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch20 = propertyDetailsFetch.Properties[0]) === null || _propertyDetailsFetch20 === void 0 ? void 0 : _propertyDetailsFetch20.propertyId;
+        checkConnection(pID, e === null || e === void 0 ? void 0 : e.id);
+      },
+      selected: props.value,
+      option: uniqueUsageCategories,
+      optionKey: "usageCategory",
+      t: t
+    })
+  }), (errors === null || errors === void 0 ? void 0 : errors.unitId) && /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
+  }, errors.unitId.message))))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     style: {
       background: " white",
       color: "black",
@@ -3283,13 +3499,14 @@ const CHBCitizenSecond = ({
     onSubmit: onGoBack
   }), /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Next",
-    submit: "submit"
+    submit: "submit",
+    disabled: !getActiveStatus
   }))), showToast && /*#__PURE__*/React.createElement(Toast, {
     isDleteBtn: true,
     error: true,
     label: error,
     onClose: closeToast
-  }), (loader || isLoading || GCLoading || WasteTypeLoading || FreqTypeLoading || connectionCategoryLoading) && /*#__PURE__*/React.createElement(Loader, {
+  }), (amountDataLoading || loader || isLoading || GCLoading || WasteTypeLoading || FreqTypeLoading || connectionCategoryLoading) && /*#__PURE__*/React.createElement(Loader, {
     page: true
   }));
 };
@@ -9126,6 +9343,7 @@ const NewADSStepFormOne = ({
   onGoNext,
   onBackClick
 }) => {
+  var _window$location, _window$location$href;
   const dispatch = useDispatch();
   const {
     t
@@ -9147,12 +9365,15 @@ const NewADSStepFormOne = ({
     setShowToast(false);
     setError("");
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CHBCitizenSecond, {
+  const isCitizen = typeof window !== "undefined" && ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : (_window$location$href = _window$location.href) === null || _window$location$href === void 0 ? void 0 : _window$location$href.includes("citizen"));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: !isCitizen ? "employeeCard" : ""
+  }, /*#__PURE__*/React.createElement(CHBCitizenSecond, {
     onGoBack: onGoBack,
     goNext: goNext,
     currentStepData: currentStepData,
     t: t
-  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
     isDleteBtn: true,
     error: true,
     label: error,
@@ -9266,17 +9487,17 @@ const CHBCitizenDetailsNew = ({
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
+      maxWidth: !isCitizen ? "100%" : "100%"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NOC_APPLICANT_MOBILE_NO_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("NOC_APPLICANT_MOBILE_NO_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "mobileNumber",
     rules: {
@@ -9289,7 +9510,6 @@ const CHBCitizenDetailsNew = ({
     render: props => /*#__PURE__*/React.createElement(MobileNumber, {
       value: props.value,
       onChange: e => {
-        console.log("eee", e);
         props.onChange(e);
         setValue("name", "");
         if (e.length === 10) {
@@ -9301,17 +9521,19 @@ const CHBCitizenDetailsNew = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
-    }
-  }, errors.mobileNumber.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.mobileNumber.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "name",
     rules: {
@@ -9337,17 +9559,19 @@ const CHBCitizenDetailsNew = ({
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.name) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
-    }
-  }, errors.name.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NOC_APPLICANT_EMAIL_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.name.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("NOC_APPLICANT_EMAIL_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "emailId",
     rules: {
@@ -9369,17 +9593,19 @@ const CHBCitizenDetailsNew = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.emailId) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
-    }
-  }, errors.emailId.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "20px"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("PT_COMMON_COL_ADDRESS")}`, " ", /*#__PURE__*/React.createElement("span", {
+  }, errors.emailId.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    className: "card-label-smaller"
+  }, `${t("PT_COMMON_COL_ADDRESS")}`, " ", /*#__PURE__*/React.createElement("span", {
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, "*")), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "address",
     rules: {
@@ -9402,9 +9628,11 @@ const CHBCitizenDetailsNew = ({
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.address) && /*#__PURE__*/React.createElement("p", {
     style: {
-      color: "red"
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
     }
-  }, errors.address.message))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, errors.address.message)))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Next",
     submit: "submit"
   }))), loader && /*#__PURE__*/React.createElement(Loader, {
@@ -9417,6 +9645,7 @@ const NewADSStepFormTwo = ({
   onBackClick,
   onGoNext
 }) => {
+  var _window$location, _window$location$href;
   const {
     t
   } = useTranslation();
@@ -9438,12 +9667,15 @@ const NewADSStepFormTwo = ({
     setShowToast(false);
     setError("");
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CHBCitizenDetailsNew, {
+  const isCitizen = typeof window !== "undefined" && ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : (_window$location$href = _window$location.href) === null || _window$location$href === void 0 ? void 0 : _window$location$href.includes("citizen"));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: !isCitizen ? "employeeCard" : ""
+  }, /*#__PURE__*/React.createElement(CHBCitizenDetailsNew, {
     onGoBack: onGoBack,
     goNext: goNext,
     currentStepData: currentStepData,
     t: t
-  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
     isDleteBtn: true,
     error: true,
     label: error,
@@ -10212,7 +10444,8 @@ const SearchFormFieldsComponents = ({
     }, /*#__PURE__*/React.createElement("div", {
       className: "complaint-input-container",
       style: {
-        textAlign: "start"
+        textAlign: "start",
+        display: "flex"
       }
     }, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("NOC_HOME_SEARCH_RESULTS_APP_NO_LABEL")), /*#__PURE__*/React.createElement(TextInput, {
       name: "applicationNumber",
@@ -10227,11 +10460,11 @@ const SearchFormFieldsComponents = ({
       }
     }, searchFieldComponents)))));
   }
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("NOC_APPLICATION_NUMBER_LABEL")), /*#__PURE__*/React.createElement(TextInput, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("NOC_HOME_SEARCH_RESULTS_APP_NO_LABEL")), /*#__PURE__*/React.createElement(TextInput, {
     name: "applicationNumber",
     inputRef: registerRef({})
-  })), /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("NOC_BPA_APPLICATION_NUMBER_LABEL")), /*#__PURE__*/React.createElement(TextInput, {
-    name: "sourceRefId",
+  })), /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("CORE_COMMON_PHONE_NUMBER")), /*#__PURE__*/React.createElement(TextInput, {
+    name: "mobileNumber",
     inputRef: registerRef({})
   })));
 };
@@ -10730,6 +10963,39 @@ const Inbox = ({
   }))));
 };
 
+const GCBreadCrumbs = ({
+  location,
+  t
+}) => {
+  const crumbs = [{
+    path: "/digit-ui/employee",
+    content: t("ES_COMMON_HOME"),
+    show: true
+  }, {
+    path: "/digit-ui/employee/garbagecollection/inbox",
+    content: t("CS_COMMON_INBOX"),
+    show: location.pathname.includes("/garbagecollection/inbox") ? true : false
+  }, {
+    path: "/digit-ui/employee/garbagecollection/create-application",
+    content: "Create Application",
+    show: location.pathname.includes("/garbagecollection/create-application") ? true : false
+  }, {
+    path: "/digit-ui/employee/garbagecollection/applicationsearch/application-details",
+    content: "Application Overview",
+    show: location.pathname.includes("/garbagecollection/applicationsearch/application-details") ? true : false
+  }, {
+    path: "/digit-ui/employee/garbagecollection/generate-bill",
+    content: "Generate Bill",
+    show: location.pathname.includes("/garbagecollection/generate-bill") ? true : false
+  }, {
+    path: "/digit-ui/employee/garbagecollection/bill-genie",
+    content: "Bill-Genie",
+    show: location.pathname.includes("/garbagecollection/bill-genie") ? true : false
+  }];
+  return /*#__PURE__*/React.createElement(BreadCrumb, {
+    crumbs: crumbs
+  });
+};
 const EmployeeApp = ({
   path,
   url,
@@ -10761,20 +11027,15 @@ const EmployeeApp = ({
   const BillGenie = (_Digit5 = Digit) === null || _Digit5 === void 0 ? void 0 : (_Digit5$ComponentRegi = _Digit5.ComponentRegistryService) === null || _Digit5$ComponentRegi === void 0 ? void 0 : _Digit5$ComponentRegi.getComponent("BillGenie");
   const isRes = window.location.href.includes("garbagecollection/response");
   const isNewRegistration = window.location.href.includes("searchhall") || window.location.href.includes("modify-application") || window.location.href.includes("garbagecollection/application-details");
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container"
   }, !isRes ? /*#__PURE__*/React.createElement("div", {
-    style: isNewRegistration ? {
-      marginLeft: "12px",
-      display: "flex",
-      alignItems: "center"
-    } : {
-      marginLeft: "-4px",
-      display: "flex",
-      alignItems: "center"
+    style: {
+      marginLeft: "10px"
     }
-  }, /*#__PURE__*/React.createElement(BackButton, {
-    location: location
+  }, /*#__PURE__*/React.createElement(GCBreadCrumbs, {
+    location: location,
+    t: t
   })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/inbox`,
     component: () => /*#__PURE__*/React.createElement(Inbox, {
@@ -10802,11 +11063,35 @@ const EmployeeApp = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/response/:id`,
     component: GCResponseCitizen
-  })))));
+  })));
 };
 
+const GCBreadCrumbs$1 = ({
+  location
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const crumbs = [{
+    path: "/digit-ui/citizen",
+    content: t("ES_COMMON_HOME"),
+    show: true
+  }, {
+    path: "/digit-ui/citizen/garbagecollection-home",
+    content: `${t("Garbage Collection")} Home`,
+    show: location.pathname.includes("garbagecollection/") ? true : false
+  }, {
+    path: "/digit-ui/citizen/ptr-home",
+    content: t("PET_NDCSERVICE"),
+    show: location.pathname.includes("ptr/petservice/test") ? true : false
+  }];
+  return /*#__PURE__*/React.createElement(BreadCrumb, {
+    crumbs: crumbs
+  });
+};
 const App = () => {
   var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi;
+  const location = useLocation();
   const {
     path,
     url,
@@ -10816,13 +11101,22 @@ const App = () => {
   const GCMyApplications = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("GCMyApplications");
   const GCApplicationDetails = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("GCApplicationDetails");
   const GCResponseCitizen = (_Digit4 = Digit) === null || _Digit4 === void 0 ? void 0 : (_Digit4$ComponentRegi = _Digit4.ComponentRegistryService) === null || _Digit4$ComponentRegi === void 0 ? void 0 : _Digit4$ComponentRegi.getComponent("GCResponseCitizen");
+  const isResponse = window.location.href.includes("/response");
+  const isMobile = window.Digit.Utils.browser.isMobile();
   return /*#__PURE__*/React.createElement("span", {
-    className: "mcollect-citizen"
-  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(BackButton, {
+    className: "chb-citizen",
     style: {
-      top: "55px"
-    }
-  }, "Back"), /*#__PURE__*/React.createElement(PrivateRoute, {
+      width: "100%",
+      paddingRight: "25px",
+      paddingLeft: "25px"
+    }
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, !isResponse ? /*#__PURE__*/React.createElement("div", {
+    style: window.location.href.includes("application-overview") || isMobile ? {
+      marginLeft: "10px"
+    } : {}
+  }, /*#__PURE__*/React.createElement(GCBreadCrumbs$1, {
+    location: location
+  })) : null, " ", /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/my-applications`,
     component: GCMyApplications
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
@@ -11363,8 +11657,8 @@ ListCache.prototype.has = _listCacheHas;
 ListCache.prototype.set = _listCacheSet;
 var _ListCache = ListCache;
 
-var Map = _getNative(_root, 'Map');
-var _Map = Map;
+var Map$1 = _getNative(_root, 'Map');
+var _Map = Map$1;
 
 function mapCacheClear() {
   this.size = 0;
@@ -11478,6 +11772,86 @@ var stringToPath = _memoizeCapped(function (string) {
   return result;
 });
 
+const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles = {}, t) => {
+  var _workflowDetails$data, _workflowDetails$data2, _processInstances$, _processInstances$2, _processInstances$3, _timeline$, _timeline$2, _timeline$3, _timeline$4;
+  console.log('pdfFiles', pdfFiles);
+  const timeline = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.timeline) || [];
+  const processInstances = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.processInstances) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.processInstances) || [];
+  const businessId = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$ = processInstances[0]) === null || _processInstances$ === void 0 ? void 0 : _processInstances$.businessId) || "N/A";
+  const businessService = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$2 = processInstances[0]) === null || _processInstances$2 === void 0 ? void 0 : _processInstances$2.businessService) || "N/A";
+  const moduleName = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$3 = processInstances[0]) === null || _processInstances$3 === void 0 ? void 0 : _processInstances$3.moduleName) || "N/A";
+  const pdfDownloadLink = (documents, fileStoreId) => {
+    var _downloadLink$split;
+    const downloadLink = (documents === null || documents === void 0 ? void 0 : documents[fileStoreId]) || "";
+    const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
+    return (formats === null || formats === void 0 ? void 0 : formats.find(link => !(link !== null && link !== void 0 && link.includes("large")) && !(link !== null && link !== void 0 && link.includes("medium")) && !(link !== null && link !== void 0 && link.includes("small")))) || (formats === null || formats === void 0 ? void 0 : formats[0]) || "";
+  };
+  const pattern = /\[#\?.*?\*\*\]/;
+  const timelineRows = timeline.map((item, index) => {
+    var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
+    const createdDate = (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.created) || "N/A";
+    const timing = (item === null || item === void 0 ? void 0 : (_item$auditDetails2 = item.auditDetails) === null || _item$auditDetails2 === void 0 ? void 0 : _item$auditDetails2.timing) || "N/A";
+    const assignerName = (item === null || item === void 0 ? void 0 : (_item$assigner = item.assigner) === null || _item$assigner === void 0 ? void 0 : _item$assigner.name) || "N/A";
+    const assignerType = (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.type) || "N/A";
+    const mobileNumber = (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.mobileNumber) || "N/A";
+    const action = (item === null || item === void 0 ? void 0 : item.performedAction) || "N/A";
+    const status = (item === null || item === void 0 ? void 0 : item.status) || (item === null || item === void 0 ? void 0 : item.state) || "N/A";
+    const rawComment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
+    const comment = typeof rawComment === "string" ? rawComment.split(pattern)[0] : rawComment;
+    const documents = (item === null || item === void 0 ? void 0 : item.wfDocuments) || [];
+    const sla = (item === null || item === void 0 ? void 0 : item.sla) || "N/A";
+    const assignedTo = Array.isArray(item === null || item === void 0 ? void 0 : item.assignes) ? item.assignes.map(a => a === null || a === void 0 ? void 0 : a.name).filter(Boolean).join(", ") : "";
+    return {
+      sNo: index + 1,
+      action: t ? t(action) : action,
+      status: t ? t(status) : status,
+      assignerName,
+      assignerType,
+      mobileNumber,
+      designation: assignerType,
+      date: createdDate,
+      time: timing,
+      dateTime: `${createdDate} ${timing !== "N/A" ? timing : ""}`.trim(),
+      comment,
+      documents: documents.map(doc => ({
+        name: (doc === null || doc === void 0 ? void 0 : doc.fileName) || (doc === null || doc === void 0 ? void 0 : doc.documentType) || "Document",
+        type: (doc === null || doc === void 0 ? void 0 : doc.documentType) || "Document",
+        fileStoreId: doc === null || doc === void 0 ? void 0 : doc.fileStoreId,
+        link: pdfDownloadLink(pdfFiles, doc === null || doc === void 0 ? void 0 : doc.fileStoreId)
+      })),
+      hasDocuments: documents.length > 0,
+      sla,
+      assignedTo
+    };
+  });
+  return {
+    t,
+    tenantId: (tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.code) || "",
+    tenantName: (tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.name) || (tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.i18nKey) || "Government Department",
+    name: t ? t("TIMELINE_PDF_TITLE") : "Application Timeline",
+    heading: t ? t("TIMELINE_PDF_HEADING") : "File Movement Report",
+    businessId,
+    businessService: t ? t(`CS_COMMON_${businessService === null || businessService === void 0 ? void 0 : businessService.toUpperCase()}`) : businessService,
+    moduleName,
+    currentStatus: t ? t((timeline === null || timeline === void 0 ? void 0 : (_timeline$ = timeline[0]) === null || _timeline$ === void 0 ? void 0 : _timeline$.status) || (timeline === null || timeline === void 0 ? void 0 : (_timeline$2 = timeline[0]) === null || _timeline$2 === void 0 ? void 0 : _timeline$2.state) || "N/A") : (timeline === null || timeline === void 0 ? void 0 : (_timeline$3 = timeline[0]) === null || _timeline$3 === void 0 ? void 0 : _timeline$3.status) || (timeline === null || timeline === void 0 ? void 0 : (_timeline$4 = timeline[0]) === null || _timeline$4 === void 0 ? void 0 : _timeline$4.state) || "N/A",
+    generatedDate: new Date().toLocaleDateString("en-IN", {
+      day: "2-digit",
+      month: "long",
+      year: "numeric"
+    }),
+    generatedDateTime: new Date().toLocaleString("en-IN", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: true
+    }),
+    timelineRows,
+    totalSteps: timelineRows.length
+  };
+};
+
 const PDFSvg$1 = React.memo(({
   width: _width = 20,
   height: _height = 20,
@@ -11520,7 +11894,7 @@ const TimelineDocument = React.memo(({
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-doc-container"
   }, documents === null || documents === void 0 ? void 0 : documents.map((document, idx) => {
-    const documentLink = pdfDownloadLink$1(data === null || data === void 0 ? void 0 : data.pdfFiles, document === null || document === void 0 ? void 0 : document.fileStoreId);
+    const documentLink = pdfDownloadLink$1(data === null || data === void 0 ? void 0 : data.pdfFiles, (document === null || document === void 0 ? void 0 : document.fileStoreId) || (document === null || document === void 0 ? void 0 : document.documentUid));
     if (!documentLink) return null;
     return /*#__PURE__*/React.createElement("a", {
       key: idx,
@@ -11533,8 +11907,28 @@ const TimelineDocument = React.memo(({
 });
 function NewApplicationTimeline({
   workflowDetails,
-  t
+  t,
+  tenantId = Digit.ULBService.getCurrentTenantId(),
+  timeObj,
+  empUserName = null,
+  handleSetEmpDesignation = () => {}
 }) {
+  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
+  const {
+    isLoading,
+    data: docData
+  } = Digit.Hooks.ads.useADSDocumentSearch({
+    value: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.timeline) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.flatMap(item => item === null || item === void 0 ? void 0 : item.wfDocuments)) || []
+  }, {
+    value: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.flatMap(item => item === null || item === void 0 ? void 0 : item.wfDocuments)) || []
+  }, null, 0);
+  const handleDownloadPDF = React.useCallback(() => {
+    if (!isLoading) {
+      const tenantInfo = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY") || {};
+      const acknowledgementData = getTimelineAcknowledgementData(workflowDetails, tenantInfo, (docData === null || docData === void 0 ? void 0 : docData.pdfFiles) || {}, t);
+      Digit.Utils.pdf.generateTimelinePDF(acknowledgementData);
+    }
+  }, [workflowDetails, docData, t, isLoading]);
   const parseActionDateTime = auditDetails => {
     if (!(auditDetails !== null && auditDetails !== void 0 && auditDetails.created) || !(auditDetails !== null && auditDetails !== void 0 && auditDetails.timing)) return null;
     const [day, month, year] = auditDetails.created.split("/");
@@ -11573,11 +11967,37 @@ function NewApplicationTimeline({
     return normalized.reverse();
   };
   const data = useMemo(() => normalizeTimeline(workflowDetails), [workflowDetails]);
-  const sortedData = data || [];
-  console.log("sortedData", sortedData);
+  const sortedData = (data === null || data === void 0 ? void 0 : data.filter(val => !((val === null || val === void 0 ? void 0 : val.performedAction) === "SAVE_AS_DRAFT"))) || [];
+  const codesArray = sortedData.map(item => {
+    var _item$assigner;
+    return item === null || item === void 0 ? void 0 : (_item$assigner = item.assigner) === null || _item$assigner === void 0 ? void 0 : _item$assigner.userName;
+  }).filter(Boolean);
+  const uniqueCodes = [...new Set(codesArray)].join(",");
+  const employeeData = Digit.Hooks.useEmployeeSearch(tenantId, {
+    codes: uniqueCodes,
+    isActive: true
+  }, {
+    enabled: !!uniqueCodes
+  });
+  const deptMap = {};
+  employeeData === null || employeeData === void 0 ? void 0 : (_employeeData$data = employeeData.data) === null || _employeeData$data === void 0 ? void 0 : (_employeeData$data$Em = _employeeData$data.Employees) === null || _employeeData$data$Em === void 0 ? void 0 : _employeeData$data$Em.forEach(emp => {
+    var _emp$assignments;
+    const assignment = emp === null || emp === void 0 ? void 0 : (_emp$assignments = emp.assignments) === null || _emp$assignments === void 0 ? void 0 : _emp$assignments[0];
+    const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
+    deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
+  });
+  if (employeeData && empUserName) {
+    handleSetEmpDesignation(t(deptMap[empUserName]));
+  }
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, timeObj && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      fontStyle: "italic"
+    }
+  }, t("TOTAL_TIME_TAKEN"), ": ", timeObj === null || timeObj === void 0 ? void 0 : timeObj.days, " ", t("DAYS"), " ", timeObj === null || timeObj === void 0 ? void 0 : timeObj.hours, " ", t("HOURS"), " ", timeObj === null || timeObj === void 0 ? void 0 : timeObj.minutes, " ", t("MINUTES"), " ", timeObj === null || timeObj === void 0 ? void 0 : timeObj.seconds, " ", t("SECONDS")), /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-header"
   }, /*#__PURE__*/React.createElement("div", {
     className: "custom-tracking-status-header"
@@ -11591,12 +12011,15 @@ function NewApplicationTimeline({
     className: "custom-title-bar-row"
   }, /*#__PURE__*/React.createElement("h2", {
     className: "custom-timeline-title"
-  }, t("Application History")), /*#__PURE__*/React.createElement("div", {
+  }, t("Application History")), /*#__PURE__*/React.createElement("span", {
+    onClick: handleDownloadPDF,
+    className: "download-button"
+  }, t("CS_COMMON_DOWNLOAD")), /*#__PURE__*/React.createElement("div", {
     className: "custom-blue-bar"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-entries"
   }, sortedData === null || sortedData === void 0 ? void 0 : sortedData.map((item, index) => {
-    var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment, _item$wfComment2, _item$wfComment3, _item$assignes, _item$assignes$, _item$wfDocuments, _item$wfDocuments2;
+    var _item$auditDetails, _item$auditDetails2, _item$assigner2, _item$assigner3, _item$assigner4, _item$assigner5, _item$assigner6, _item$wfComment, _item$wfComment2, _item$wfComment3, _item$assignes, _item$assignes$, _item$assignes$2, _item$assignes$3, _item$wfDocuments, _item$wfDocuments2;
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "custom-timeline-entry"
@@ -11626,46 +12049,58 @@ function NewApplicationTimeline({
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-card-top"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "custom-card-left"
+      className: "custom-card-column"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
     }, t("Action taken by")), (item === null || item === void 0 ? void 0 : item.assigner) && /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (item === null || item === void 0 ? void 0 : (_item$assigner = item.assigner) === null || _item$assigner === void 0 ? void 0 : _item$assigner.name) || t("CS_COMMON_NA")), (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.emailId) && /*#__PURE__*/React.createElement("div", {
+    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA"), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.userName] && /*#__PURE__*/React.createElement("span", {
+      className: "custom-officer-name"
+    }, "- ", t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.userName]))), (item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.emailId) && /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-email"
     }, /*#__PURE__*/React.createElement("span", {
       className: "custom-email-label"
-    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.emailId))), (item === null || item === void 0 ? void 0 : item.sla) && /*#__PURE__*/React.createElement("div", {
-      className: "custom-card-left"
-    }, /*#__PURE__*/React.createElement("h3", {
+    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.emailId))), /*#__PURE__*/React.createElement("div", {
+      className: "custom-card-column custom-card-column-mid"
+    }, (item === null || item === void 0 ? void 0 : item.sla) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
     }, t("Time Taken")), /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-email"
     }, /*#__PURE__*/React.createElement("span", {
       className: "custom-email-label"
-    }, item === null || item === void 0 ? void 0 : item.sla))), /*#__PURE__*/React.createElement("div", {
-      className: "custom-card-right"
+    }, item === null || item === void 0 ? void 0 : item.sla)))), /*#__PURE__*/React.createElement("div", {
+      className: "custom-card-column custom-card-column-right"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
     }, t("Action")), /*#__PURE__*/React.createElement("div", {
       className: "custom-status-text"
     }, t((item === null || item === void 0 ? void 0 : item.performedAction) || "CS_COMMON_NA")))), (item === null || item === void 0 ? void 0 : item.wfComment) && (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment.length) > 0 && (item === null || item === void 0 ? void 0 : (_item$wfComment2 = item.wfComment) === null || _item$wfComment2 === void 0 ? void 0 : _item$wfComment2.some(c => c === null || c === void 0 ? void 0 : c.trim())) && /*#__PURE__*/React.createElement("div", {
-      className: "custom-comments-section"
+      className: "custom-comments-section container-full-width"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "custom-comment-text"
+      className: "custom-comments-content"
     }, /*#__PURE__*/React.createElement("h4", {
       className: "custom-comments-title"
-    }, t("Officer Comments")), item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => /*#__PURE__*/React.createElement("p", {
-      key: idx
-    }, comment))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
+    }, t("Officer Comments")), /*#__PURE__*/React.createElement("div", {
+      className: "custom-comment-text"
+    }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => {
+      const pattern = /\[#\?.*?\*\*\]/;
+      const truncatedComment = typeof comment === "string" ? comment === null || comment === void 0 ? void 0 : comment.split(pattern)[0] : comment;
+      return /*#__PURE__*/React.createElement("p", {
+        key: idx
+      }, truncatedComment);
+    }))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "custom-assigned-to-footer"
+    }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-comments-title"
     }, t("Assigned To")), /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name)))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name, deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("span", {
+      className: "custom-officer-email"
+    }, "- ", t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName])))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
       className: "custom-comments-section-no-border"
     }, /*#__PURE__*/React.createElement("h4", {
       className: "custom-comments-title"
@@ -12263,6 +12698,7 @@ const NDCModal = ({
     formId: "modal-action"
   }, /*#__PURE__*/React.createElement(FormComposer, {
     config: config.form,
+    className: "BPAemployeeCard bpa-workflow-modal-form",
     noBoxShadow: true,
     inline: true,
     childrenAtTheBottom: true,
@@ -12279,7 +12715,7 @@ const NDCModal = ({
 };
 
 const ChallanApplicationDetails$1 = () => {
-  var _getChallanData$proce, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user$info, _user$info$roles, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _getChallanData$conne, _getChallanData$conne2, _getChallanData$conne3, _getChallanData$conne4, _getChallanData$conne5, _getChallanData$conne6, _getChallanData$conne7, _getChallanData$conne8, _getChallanData$conne9, _getChallanData$conne0, _getChallanData$docum, _getChallanData$docum2, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data12;
+  var _getChallanData$proce, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user$info, _user$info$roles, _user$info2, _user$info2$roles$fin, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _getChallanData$conne, _getChallanData$conne2, _getChallanData$conne3, _getChallanData$conne4, _getChallanData$conne5, _getChallanData$conne6, _getChallanData$conne7, _getChallanData$conne8, _getChallanData$conne9, _getChallanData$conne0, _getChallanData$docum, _getChallanData$docum2, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data12;
   const {
     t
   } = useTranslation();
@@ -12302,6 +12738,13 @@ const ChallanApplicationDetails$1 = () => {
   const [getEmployees, setEmployees] = useState([]);
   const [errorOne, setErrorOne] = useState(null);
   const menuRef = useRef();
+  const [showOptions, setShowOptions] = useState(false);
+  const {
+    data: storeData
+  } = Digit.Hooks.useStore.getInitData();
+  const {
+    tenants
+  } = storeData || {};
   const fetchChallans = async filters => {
     setLoader(true);
     try {
@@ -12356,6 +12799,82 @@ const ChallanApplicationDetails$1 = () => {
   console.log("workflowDetails", workflowDetails);
   let user = Digit.UserService.getUser();
   const userRoles = user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : (_user$info$roles = _user$info.roles) === null || _user$info$roles === void 0 ? void 0 : _user$info$roles.map(e => e.code);
+  const isCemp = user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : (_user$info2$roles$fin = _user$info2.roles.find(role => role.code === "GC_CEMP")) === null || _user$info2$roles$fin === void 0 ? void 0 : _user$info2$roles$fin.code;
+  const getAcknowledgement = async () => {
+    setLoader(true);
+    try {
+      const applications = getChallanData;
+      const tenantInfo = tenants.find(tenant => tenant.code === applications.tenantId);
+      const acknowldgementDataAPI = await getAcknowledgementData({
+        ...applications
+      }, tenantInfo, t);
+      setTimeout(() => {
+        Digit.Utils.pdf.generate(acknowldgementDataAPI);
+        setLoader(false);
+      }, 0);
+    } catch (error) {
+      console.error("Error generating acknowledgement:", error);
+      setLoader(false);
+    }
+  };
+  const {
+    data: reciept_data,
+    isLoading: recieptDataLoading
+  } = Digit.Hooks.useRecieptSearch({
+    tenantId: tenantId,
+    businessService: "GC.ONE_TIME_FEE",
+    consumerCodes: id,
+    isEmployee: true
+  }, {
+    enabled: id ? true : false
+  });
+  const dowloadOptions = [];
+  dowloadOptions.push({
+    label: t("CHB_DOWNLOAD_ACK_FORM"),
+    onClick: () => getAcknowledgement()
+  });
+  async function getRecieptSearch({
+    tenantId,
+    payments,
+    ...params
+  }) {
+    setLoader(true);
+    try {
+      var _response;
+      let response = null;
+      if (payments !== null && payments !== void 0 && payments.fileStoreId) {
+        response = {
+          filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
+        };
+      } else {
+        response = await Digit.PaymentService.generatePdf(tenantId, {
+          Payments: [{
+            ...payments
+          }]
+        }, "garbage-receipt");
+      }
+      const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+        fileStoreIds: response.filestoreIds[0]
+      });
+      setLoader(false);
+      window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
+    } catch (error) {
+      console.error(error);
+      setLoader(false);
+    }
+  }
+  if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
+    dowloadOptions.push({
+      label: t("PTR_FEE_RECIEPT"),
+      onClick: () => {
+        var _reciept_data$Payment;
+        return getRecieptSearch({
+          tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
+          payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
+        });
+      }
+    });
+  }
   let actions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data6 = workflowDetails.data) === null || _workflowDetails$data6 === void 0 ? void 0 : (_workflowDetails$data7 = _workflowDetails$data6.actionState) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.nextActions) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.filter(e => {
     return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
       var _e$roles;
@@ -12433,7 +12952,48 @@ const ChallanApplicationDetails$1 = () => {
       setLoader(false);
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
+  console.log("getChallanData", getChallanData);
+  const handleDiscontinue = async data => {
+    console.log("data", data);
+    setLoader(true);
+    const payload = {
+      GarbageConnection: {
+        ...data,
+        applicationType: "DISCONNECT_GARBAGE_CONNECTION",
+        processInstance: {
+          ...(data === null || data === void 0 ? void 0 : data.processInstance),
+          action: "INITIATE"
+        }
+      },
+      disconnectRequest: true
+    };
+    console.log("payload===", payload);
+    try {
+      const response = await Digit.GCService.create(payload);
+      console.log("response", response);
+      setLable("Connection Disconnected Successfully");
+      setError(false);
+      setShowToast(true);
+      setTimeout(() => {
+        history.push("/digit-ui/employee/garbagecollection/inbox");
+        window.location.reload();
+      }, 2000);
+      setLoader(false);
+    } catch (error) {
+      setLoader(false);
+    }
+  };
+  const hideStatuses = ["INITIATED", "CONNECTION_ACTIVATED", "APPROVED"];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "cardHeaderWithOptions ral-app-details-header"
+  }, /*#__PURE__*/React.createElement(Header, {
+    className: "ral-header-32"
+  }, t("Application Details")), isCemp && ((getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.applicationStatus) === "APPROVED" || (getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.applicationStatus) === "CONNECTION_ACTIVATED") && dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
+    className: "multilinkWrapper",
+    onHeadClick: () => setShowOptions(!showOptions),
+    displayOptions: showOptions,
+    options: dowloadOptions
+  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       fontSize: "24px",
       margin: "30px 0 5px"
@@ -12525,7 +13085,7 @@ const ChallanApplicationDetails$1 = () => {
   }, t(doc === null || doc === void 0 ? void 0 : doc.documentType))))) : /*#__PURE__*/React.createElement("h5", null, t("CS_NO_DOCUMENTS_UPLOADED"))))), /*#__PURE__*/React.createElement(NewApplicationTimeline, {
     workflowDetails: workflowDetails,
     t: t
-  }), (getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.applicationStatus) != "INITIATED" && actions && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data1 = workflowDetails.data) !== null && _workflowDetails$data1 !== void 0 && (_workflowDetails$data10 = _workflowDetails$data1.actionState) !== null && _workflowDetails$data10 !== void 0 && _workflowDetails$data10.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data11 = workflowDetails.data) !== null && _workflowDetails$data11 !== void 0 && _workflowDetails$data11.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
+  }), !hideStatuses.includes(getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.applicationStatus) && actions && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data1 = workflowDetails.data) !== null && _workflowDetails$data1 !== void 0 && (_workflowDetails$data10 = _workflowDetails$data1.actionState) !== null && _workflowDetails$data10 !== void 0 && _workflowDetails$data10.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data11 = workflowDetails.data) !== null && _workflowDetails$data11 !== void 0 && _workflowDetails$data11.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
     localeKeyPrefix: `WF_GC`,
     options: actions,
     optionKey: "action",
@@ -12541,6 +13101,13 @@ const ChallanApplicationDetails$1 = () => {
       const id = getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.applicationNo;
       history.push(`/digit-ui/employee/garbagecollection/create-application/${id}`);
     }
+  })), (getChallanData === null || getChallanData === void 0 ? void 0 : getChallanData.applicationStatus) == "CONNECTION_ACTIVATED" && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+    style: {
+      width: "200px"
+    },
+    label: t("GC_DISCONTINUE_SERVICE"),
+    onSubmit: () => handleDiscontinue(getChallanData),
+    disabled: loader
   }))), showModal ? /*#__PURE__*/React.createElement(NDCModal, {
     t: t,
     action: selectedAction,
@@ -12580,6 +13147,15 @@ const GenerateBill = () => {
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const [loader, setLoader] = useState(false);
   const [getData, setData] = useState();
+  const [showToast, setShowToast] = useState(false);
+  const [error, setError] = useState("");
+  const [getLable, setLable] = useState(false);
+  const {
+    data: FreqType = [],
+    isLoading: FreqTypeLoading
+  } = Digit.Hooks.useCustomMDMS(tenantId, "gc-services-masters", [{
+    name: "GarbageCollectionFrequency"
+  }]);
   const {
     control,
     handleSubmit,
@@ -12592,7 +13168,32 @@ const GenerateBill = () => {
     clearErrors
   } = useForm();
   const onSubmit = async data => {
-    console.log("data===", data);
+    var _data$batch, _data$locality, _data$frequency, _data$batchOrLocality;
+    setLoader(true);
+    const payload = {
+      billScheduler: {
+        tenantId: tenantId,
+        locality: (data === null || data === void 0 ? void 0 : (_data$batch = data.batch) === null || _data$batch === void 0 ? void 0 : _data$batch.code) || (data === null || data === void 0 ? void 0 : (_data$locality = data.locality) === null || _data$locality === void 0 ? void 0 : _data$locality.code),
+        billingcycleStartdate: 0,
+        transactionType: data === null || data === void 0 ? void 0 : (_data$frequency = data.frequency) === null || _data$frequency === void 0 ? void 0 : _data$frequency.name,
+        billingcycleEnddate: 0,
+        isBatch: (data === null || data === void 0 ? void 0 : (_data$batchOrLocality = data.batchOrLocality) === null || _data$batchOrLocality === void 0 ? void 0 : _data$batchOrLocality.name) == "Batch" ? true : false,
+        isGroup: false
+      }
+    };
+    try {
+      const response = await Digit.GCService.schedulerCreate(payload);
+      setLoader(false);
+      setLable("Bill Generated Successfully");
+      setError(false);
+      setShowToast(true);
+      console.log("response", response);
+    } catch (error) {
+      setLoader(false);
+    }
+  };
+  const closeToast = () => {
+    setShowToast(null);
   };
   const batchLocality = [{
     name: "Batch",
@@ -12648,7 +13249,7 @@ const GenerateBill = () => {
     control: control,
     name: "batchOrLocality",
     rules: {
-      required: t("GC_BATCH_LOCALITY_REQUIRED")
+      required: t("This field is required")
     },
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
       style: {
@@ -12721,7 +13322,39 @@ const GenerateBill = () => {
     style: {
       color: "red"
     }
-  }, errors.batch.message))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, errors.batch.message)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: "0 0 20%",
+      maxWidth: "20%"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("GC_FREQUENCY")}`, "*"), /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "frequency",
+    rules: {
+      required: t("GC_FREQUENCY_REQUIRED")
+    },
+    render: props => {
+      var _FreqType$gcServices;
+      return /*#__PURE__*/React.createElement(Dropdown, {
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
+        className: "form-field",
+        select: e => {
+          props.onChange(e);
+        },
+        selected: props.value,
+        option: FreqType === null || FreqType === void 0 ? void 0 : (_FreqType$gcServices = FreqType["gc-services-masters"]) === null || _FreqType$gcServices === void 0 ? void 0 : _FreqType$gcServices.GarbageCollectionFrequency,
+        optionKey: "name",
+        t: t
+      });
+    }
+  }), (errors === null || errors === void 0 ? void 0 : errors.frequency) && /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "red"
+    }
+  }, errors.frequency.message))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     style: {
       background: "#eee",
       color: "black",
@@ -12732,11 +13365,55 @@ const GenerateBill = () => {
   }), /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Generate Bill",
     submit: "submit"
-  }))), loader && /*#__PURE__*/React.createElement(Loader, {
+  }))), showToast && /*#__PURE__*/React.createElement(Toast, {
+    isDleteBtn: true,
+    error: error,
+    label: getLable,
+    onClose: closeToast
+  }), (loader || FreqTypeLoading) && /*#__PURE__*/React.createElement(Loader, {
     page: true
   }));
 };
 
+const ApplicationTable = ({
+  t,
+  currentPage,
+  columns,
+  data,
+  getCellProps,
+  disableSort,
+  onSort,
+  onNextPage,
+  onPrevPage,
+  onPageSizeChange,
+  isPaginationRequired,
+  pageSizeLimit,
+  sortParams,
+  totalRecords
+}) => {
+  return /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    data: data,
+    currentPage: currentPage,
+    columns: columns,
+    getCellProps: getCellProps,
+    onNextPage: onNextPage,
+    onPrevPage: onPrevPage,
+    pageSizeLimit: pageSizeLimit,
+    disableSort: disableSort,
+    isPaginationRequired: isPaginationRequired,
+    onPageSizeChange: onPageSizeChange,
+    onSort: onSort,
+    sortParams: sortParams,
+    totalRecords: totalRecords
+  });
+};
+
+const defaultValues = {
+  locality: null,
+  billNo: "",
+  mobileNumber: ""
+};
 const BillGenie = () => {
   const dispatch = useDispatch();
   const history = useHistory();
@@ -12746,6 +13423,10 @@ const BillGenie = () => {
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const [loader, setLoader] = useState(false);
   const [getData, setData] = useState();
+  const [getBills, setBills] = useState([]);
+  const GetCell = value => /*#__PURE__*/React.createElement("span", {
+    className: "cell-text styled-cell"
+  }, value);
   const {
     control,
     handleSubmit,
@@ -12755,10 +13436,117 @@ const BillGenie = () => {
     },
     getValues,
     watch,
-    clearErrors
-  } = useForm();
+    clearErrors,
+    reset
+  } = useForm({
+    defaultValues
+  });
   const onSubmit = async data => {
-    console.log("data===", data);
+    var _data$billNo, _data$mobileNumber, _data$locality;
+    const hasAtLeastOneField = (data === null || data === void 0 ? void 0 : data.locality) || (data === null || data === void 0 ? void 0 : (_data$billNo = data.billNo) === null || _data$billNo === void 0 ? void 0 : _data$billNo.trim()) || (data === null || data === void 0 ? void 0 : (_data$mobileNumber = data.mobileNumber) === null || _data$mobileNumber === void 0 ? void 0 : _data$mobileNumber.trim());
+    if (!hasAtLeastOneField) {
+      alert(t("Please select at least one search criteria"));
+      return;
+    }
+    setLoader(true);
+    const payload = {
+      searchCriteria: {
+        tenantId: tenantId,
+        url: "egov-searcher/bill-genie/garbagecollectionbills/_get",
+        businesService: "GC",
+        ...((data === null || data === void 0 ? void 0 : (_data$locality = data.locality) === null || _data$locality === void 0 ? void 0 : _data$locality.code) && {
+          locality: data.locality.code
+        }),
+        ...((data === null || data === void 0 ? void 0 : data.billNo) && {
+          consumerCode: data.billNo
+        }),
+        ...((data === null || data === void 0 ? void 0 : data.mobileNumber) && {
+          mobileNumber: data.mobileNumber
+        })
+      }
+    };
+    try {
+      const response = await Digit.GCService.billGenieSearch(payload);
+      setLoader(false);
+      setBills(response === null || response === void 0 ? void 0 : response.Bills);
+    } catch (error) {
+      setLoader(false);
+    }
+  };
+  const handleApiData = async () => {
+    setLoader(true);
+    const filters = {};
+    filters.hierarchyTypeCode = "REVENUE";
+    filters.boundaryType = "Locality";
+    try {
+      var _response$TenantBound, _response$TenantBound2;
+      const response = await Digit.GCService.location({
+        tenantId,
+        filters
+      });
+      setLoader(false);
+      setData(response === null || response === void 0 ? void 0 : (_response$TenantBound = response.TenantBoundary) === null || _response$TenantBound === void 0 ? void 0 : (_response$TenantBound2 = _response$TenantBound[0]) === null || _response$TenantBound2 === void 0 ? void 0 : _response$TenantBound2.boundary);
+    } catch (error) {
+      setLoader(false);
+    }
+  };
+  useEffect(() => {
+    handleApiData();
+  }, []);
+  const columns = [{
+    Header: `${t("NOC_HOME_SEARCH_RESULTS_APP_NO_LABEL")}`,
+    accessor: "uuid"
+  }, {
+    Header: `${t("TL_COMMON_TABLE_COL_APP_DATE")}`,
+    accessor: "createdtime",
+    Cell: ({
+      row
+    }) => {
+      var _row$original, _row$original2;
+      console.log("row", row);
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, (_row$original = row.original) !== null && _row$original !== void 0 && _row$original.createdtime ? GetCell(format(new Date((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.createdtime), "dd/MM/yyyy")) : ""));
+    }
+  }, {
+    Header: `${t("PT_COMMON_TABLE_COL_STATUS_LABEL")}`,
+    accessor: "status"
+  }, {
+    Header: `${t("Action")}`,
+    accessor: "action",
+    Cell: ({
+      row
+    }) => {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SubmitBar, {
+        label: "Download",
+        onSubmit: () => getRecieptSearch({
+          tenantId,
+          bills: getBills
+        })
+      }));
+    }
+  }];
+  const slotlistRows = (getBills === null || getBills === void 0 ? void 0 : getBills.map(bills => ({
+    uuid: bills === null || bills === void 0 ? void 0 : bills.consumerCode,
+    createdtime: bills === null || bills === void 0 ? void 0 : bills.billDate,
+    status: t(bills.status)
+  }))) || [];
+  const getRecieptSearch = async ({
+    tenantId,
+    bills
+  }) => {
+    try {
+      setLoader(true);
+      const response = await Digit.PaymentService.generatePdf(tenantId, {
+        Bills: [...bills]
+      }, "garbage-bill");
+      const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+        fileStoreIds: response.filestoreIds[0]
+      });
+      window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
+    } catch (error) {
+      console.error("Receipt generation failed", error);
+    } finally {
+      setLoader(false);
+    }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
@@ -12779,7 +13567,7 @@ const BillGenie = () => {
       flex: "0 0 20%",
       maxWidth: "20%"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("ULB")}`), /*#__PURE__*/React.createElement(Controller, {
+  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("CS_SWACH_LOCALITY")}`, "*"), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "locality",
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
@@ -12792,33 +13580,7 @@ const BillGenie = () => {
         props.onChange(e);
       },
       selected: props.value,
-      option: [],
-      optionKey: "name",
-      t: t
-    })
-  }), (errors === null || errors === void 0 ? void 0 : errors.locality) && /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "red"
-    }
-  }, errors.locality.message)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: "0 0 20%",
-      maxWidth: "20%"
-    }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("Service Category")}`), /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: "locality",
-    render: props => /*#__PURE__*/React.createElement(Dropdown, {
-      style: {
-        marginBottom: 0,
-        width: "100%"
-      },
-      className: "form-field",
-      select: e => {
-        props.onChange(e);
-      },
-      selected: props.value,
-      option: [],
+      option: getData,
       optionKey: "name",
       t: t
     })
@@ -12831,40 +13593,7 @@ const BillGenie = () => {
       flex: "0 0 20%",
       maxWidth: "20%"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("NDC_MSG_PROPERTY_LABEL")}`, " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: "propertyId",
-    render: props => {
-      var _errors$name;
-      return /*#__PURE__*/React.createElement(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
-      });
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: "0 0 20%",
-      maxWidth: "20%"
-    }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("Bill No.")}`, " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("Bill No.")}`), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "billNo",
     render: props => /*#__PURE__*/React.createElement(TextInput, {
@@ -12905,14 +13634,33 @@ const BillGenie = () => {
       onBlur: props.onBlur,
       t: t
     })
-  }))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }))), getBills.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "tableClass"
+  }, /*#__PURE__*/React.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.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     style: {
       background: "#eee",
       color: "black",
       border: "1px solid"
     },
     label: "Reset",
-    submit: "submit"
+    onSubmit: () => {
+      reset(defaultValues);
+      setBills([]);
+    }
   }), /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Search",
     submit: "submit"