@djb25/digit-ui-module-wt 1.0.77 → 1.0.79

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import { TickMark, ArrowDown, ViewsIcon, TextInput, MobileNumber, CardLabelError, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Modal, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CitizenHomeCard, CHBIcon, PropertyHouse, HomeIcon, KeyNote, CardHeader, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, CardText, Banner, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, CustomNameDropdown, MultiSelectDropdown, CollapsibleCardPage as CollapsibleCardPage$1, LabelFieldPair, AddIcon, ToggleSwitch, Menu, CheckSvg, LayoutWrapper, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, RemoveableTag, FormComposer, PDFSvg, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ButtonSelector, LocationIcon, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
-import React, { useRef, useEffect as useEffect$1, useState, useCallback, useMemo, Fragment, useReducer } from 'react';
+import React, { useRef, useEffect, useState, useCallback, useMemo, Fragment, useReducer } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
 import { useQueryClient } from 'react-query';
@@ -380,7 +380,7 @@ const WTCreate = () => {
   const formStepRoutes = ["applicant-details", "address-details", "request-details", "toiletRequest-details", "treePruningRequest-details"];
   const isFormStep = formStepRoutes.some(route => pathname.includes(route));
   const sectionRefs = useRef({});
-  useEffect$1(() => {
+  useEffect(() => {
     if (isFormStep) {
       const currentRoute = pathname.split("/").pop();
       if (sectionRefs.current[currentRoute]) {
@@ -1591,7 +1591,7 @@ const SearchApp = _ref => {
       setPayload(payload);
     }
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (showToast) {
       const timer = setTimeout(() => {
         setShowToast(null);
@@ -1962,7 +1962,7 @@ const ExistingBookingDetails = _ref => {
     setExistingDataSet(newSessionData);
     setIsDataSet(true);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     const submitCallback = () => {
       if (isDataSet) {
         onSubmit();
@@ -1979,7 +1979,7 @@ const ExistingBookingDetails = _ref => {
     offset: paginationOffset,
     tenantId
   };
-  useEffect$1(() => {
+  useEffect(() => {
     setFilters(initialFilters);
   }, [offset]);
   const _Digit$Hooks$wt$useTa = Digit.Hooks.wt.useTankerSearchAPI({
@@ -2083,7 +2083,7 @@ const BookingPopup = _ref => {
       setIsDataSet(false);
     }
   }, [isDataSet, onSubmit]);
-  useEffect$1(() => {
+  useEffect(() => {
     handleSubmit();
   }, [handleSubmit]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
@@ -2337,7 +2337,7 @@ const RequestDetails = _ref => {
     setUploadedFile(null);
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -2387,7 +2387,7 @@ const RequestDetails = _ref => {
     });
     onSelect(config.key, request, false);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (!tankerType && tankerTypeDetails !== null && tankerTypeDetails !== void 0 && tankerTypeDetails.length) {
       settankerType(tankerTypeDetails[0]);
     }
@@ -2876,7 +2876,7 @@ const WTAcknowledgement = _ref => {
     storeData = _Digit$Hooks$useStore.data;
   const _ref2 = storeData || {},
     tenants = _ref2.tenants;
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       data.tenantId = tenantId;
       let formdata = waterTankerPayload(data);
@@ -3997,7 +3997,7 @@ const ApplicationCard = _ref => {
     onFilterChange(params);
     setPopup(false);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (type) setPopup(true);
   }, [type]);
   const handlePopupClose = () => {
@@ -4086,7 +4086,7 @@ const ApplicationLinks = _ref => {
   const hasAccess = accessTo => {
     return roles.filter(role => accessTo.includes(role.code)).length;
   };
-  useEffect$1(() => {
+  useEffect(() => {
     let linksToShow = [];
     allLinks.forEach(link => {
       if (link.accessTo) {
@@ -4276,11 +4276,11 @@ const Inbox = _ref => {
     data = _ref2.data,
     searchFields = _ref2.searchFields,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
-  useEffect$1(() => {
+  useEffect(() => {
     if (rest !== null && rest !== void 0 && rest.revalidate) rest === null || rest === void 0 ? void 0 : rest.revalidate();
     if (rest !== null && rest !== void 0 && rest.refetch) rest === null || rest === void 0 ? void 0 : rest.refetch();
   }, []);
-  useEffect$1(() => {
+  useEffect(() => {
     setPageOffset(0);
   }, [searchParams]);
   const fetchNextPage = () => {
@@ -4530,7 +4530,7 @@ const AddTripModal = _ref => {
   const _useState2 = useState(""),
     debouncedSearchQuery = _useState2[0],
     setDebouncedSearchQuery = _useState2[1];
-  useEffect$1(() => {
+  useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedSearchQuery(searchQuery);
     }, 500);
@@ -5028,7 +5028,7 @@ const FixedPointScheduleManagement = _ref => {
     isLoading = _Digit$Hooks$wt$useFi.isLoading,
     scheduleData = _Digit$Hooks$wt$useFi.data,
     refetch = _Digit$Hooks$wt$useFi.refetch;
-  useEffect$1(() => {
+  useEffect(() => {
     refetch && refetch();
   }, []);
   const _Digit$Hooks$wt$useFi2 = Digit.Hooks.wt.useFixedPointSearchAPI({
@@ -5774,7 +5774,7 @@ const Address = _ref => {
   const _useState = useState(fallback),
     address = _useState[0],
     setAddress = _useState[1];
-  useEffect$1(() => {
+  useEffect(() => {
     const resolve = function () {
       try {
         const _temp = function () {
@@ -5801,7 +5801,7 @@ const MapController = _ref2 => {
     mapZoom = _ref2.mapZoom,
     mapCenter = _ref2.mapCenter;
   const map = useMap();
-  useEffect$1(() => {
+  useEffect(() => {
     if (selectedDriver !== null && selectedDriver !== void 0 && selectedDriver.lat && selectedDriver !== null && selectedDriver !== void 0 && selectedDriver.lng) {
       map.setView([selectedDriver.lat, selectedDriver.lng], mapZoom || 15, {
         animate: true,
@@ -5809,7 +5809,7 @@ const MapController = _ref2 => {
       });
     }
   }, [selectedDriver, map]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (Array.isArray(mapCenter) && mapCenter.length === 2) {
       map.setView(mapCenter, mapZoom || 15, {
         animate: true,
@@ -5817,7 +5817,7 @@ const MapController = _ref2 => {
       });
     }
   }, [mapCenter, map]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (mapZoom) {
       map.setZoom(mapZoom);
     }
@@ -5836,7 +5836,7 @@ const useRoute = (start, end) => {
   const _useState4 = useState(null),
     error = _useState4[0],
     setError = _useState4[1];
-  useEffect$1(() => {
+  useEffect(() => {
     if (!start || !end) return;
     const fetchRoute = function () {
       try {
@@ -6074,7 +6074,7 @@ const DriverCard = _ref5 => {
     lat: null,
     lng: null
   });
-  useEffect$1(() => {
+  useEffect(() => {
     const resolveCurrent = function () {
       try {
         const _temp3 = function () {
@@ -6101,7 +6101,7 @@ const DriverCard = _ref5 => {
     };
     resolveCurrent();
   }, [driver.lat, driver.lng]);
-  useEffect$1(() => {
+  useEffect(() => {
     const resolveDest = function () {
       try {
         const _temp5 = function () {
@@ -6315,7 +6315,7 @@ function LiveTrackingSystem() {
   const filteredVendorOptions = useMemo(() => {
     return vendorOptions || [];
   }, [vendorOptions]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (vendorOptions !== null && vendorOptions !== void 0 && vendorOptions.length && Object.keys(drivers).length) {
       var _vendorOptions$, _vendorOptions$2, _vendorOptions$2$driv;
       console.log("=== VENDOR DEBUG ===");
@@ -6335,7 +6335,7 @@ function LiveTrackingSystem() {
     setSelectedFillingPoint(value);
     setSelectedVendor(null);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     const handleResize = () => {
       setIsMobile(window.innerWidth <= 768);
       if (window.innerWidth <= 768) {
@@ -6355,7 +6355,7 @@ function LiveTrackingSystem() {
       autoConnect: false
     });
   }, []);
-  useEffect$1(() => {
+  useEffect(() => {
     socket.connect();
     socket.on("connect", () => {
       console.log("Admin connected:", socket.id);
@@ -6404,7 +6404,7 @@ function LiveTrackingSystem() {
       socket.disconnect();
     };
   }, [socket]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (selectedDriver !== null && selectedDriver !== void 0 && selectedDriver.lat && selectedDriver !== null && selectedDriver !== void 0 && selectedDriver.lng) {
       setMapCenter([selectedDriver.lat, selectedDriver.lng]);
       setMapZoom(15);
@@ -7256,7 +7256,7 @@ const AddFixFillAddress = _ref => {
   }, [usedAddressTypes]);
   const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]),
     egovLocationData = _Digit$Hooks$useCommo.data;
-  useEffect$1(() => {
+  useEffect(() => {
     if (!city && allCities && allCities.length > 0) {
       const defaultCity = allCities.find(c => c.code === tenantId) || allCities[0];
       setCity(defaultCity);
@@ -7352,7 +7352,7 @@ const AddFixFillAddress = _ref => {
       return pins.some(p => p.toString() === pincode);
     });
   }, [structuredLocality, pincode, fetchedPincodes]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _formData$address13;
     const currentId = (formData === null || formData === void 0 ? void 0 : formData.id) || (formData === null || formData === void 0 ? void 0 : formData.bookingId) || (formData === null || formData === void 0 ? void 0 : (_formData$address13 = formData.address) === null || _formData$address13 === void 0 ? void 0 : _formData$address13.id);
     if (currentId && lastBookingId.current !== currentId) {
@@ -7390,14 +7390,14 @@ const AddFixFillAddress = _ref => {
       }
     }
   }, [formData === null || formData === void 0 ? void 0 : formData.address, city, allCities, structuredLocality]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (!navigator.geolocation) return;
     navigator.geolocation.getCurrentPosition(pos => {
       setLatitude(pos.coords.latitude);
       setLongitude(pos.coords.longitude);
     }, () => {});
   }, []);
-  useEffect$1(() => {
+  useEffect(() => {
     if (selectedAddress && Object.keys(selectedAddress).length) {
       setPincode(selectedAddress.pinCode);
       setCity(allCities === null || allCities === void 0 ? void 0 : allCities.find(c => c.name === selectedAddress.city));
@@ -7448,14 +7448,14 @@ const AddFixFillAddress = _ref => {
       return Promise.reject(e);
     }
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (!addressLine1 || addressLine1.trim().length < 5) return;
     const timer = setTimeout(() => {
       getLatLng();
     }, 1000);
     return () => clearTimeout(timer);
   }, [addressLine1]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (!onSelect || !isInitialized.current) return;
     const currentAddress = {
       pincode: pincode || "",
@@ -7649,7 +7649,7 @@ const AddFillingPointAddress = () => {
       [key]: _extends({}, prev[key] || {}, data)
     }));
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (editId && editData !== null && editData !== void 0 && editData.fillingPoints) {
       const data = editData.fillingPoints.find(item => item.id === editId);
       if (data) {
@@ -7794,7 +7794,7 @@ const AddFixPointAddress = () => {
   const _useState3 = useState(false),
     isDataFetched = _useState3[0],
     setIsDataFetched = _useState3[1];
-  useEffect$1(() => {
+  useEffect(() => {
     if (editId && editData !== null && editData !== void 0 && editData.waterTankerBookingDetail && !isDataFetched) {
       const data = editData.waterTankerBookingDetail.find(item => {
         var _item$applicantDetail;
@@ -8188,7 +8188,7 @@ const ChangeView = _ref => {
     center = _ref.center,
     zoom = _ref.zoom;
   const map = useMap();
-  useEffect$1(() => {
+  useEffect(() => {
     if (center) {
       map.setView(center, zoom || 15, {
         animate: true
@@ -8260,7 +8260,7 @@ const PointAddressMap = _ref2 => {
       return ((_fx$address = fx.address) === null || _fx$address === void 0 ? void 0 : _fx$address.latitude) && ((_fx$address2 = fx.address) === null || _fx$address2 === void 0 ? void 0 : _fx$address2.longitude);
     });
   }, [relatedFixedPoints]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (hoveredFixedPointId) {
       const marker = markerRefs.current[hoveredFixedPointId];
       if (marker) marker.openPopup();
@@ -9700,7 +9700,7 @@ const VendorMultiSelectDropdown = _ref => {
         return state;
     }
   }
-  useEffect$1(() => {
+  useEffect(() => {
     dispatch({
       type: "REPLACE_COMPLETE_STATE",
       payload: fnToSelectOptionThroughProvidedSelection(selected)
@@ -9951,7 +9951,7 @@ const VendorAssign = _ref => {
     createWorkOrder = _Digit$Hooks$wt$useVe.mutate;
   const _Digit$Hooks$wt$useVe2 = Digit.Hooks.wt.useVendorFillingMap(tenantId),
     mapFixedFilling = _Digit$Hooks$wt$useVe2.mutate;
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -10831,7 +10831,7 @@ const WTMyApplications = () => {
     tenantId,
     MobileNumber: user === null || user === void 0 ? void 0 : user.mobileNumber
   };
-  useEffect$1(() => {
+  useEffect(() => {
     setFilters(initialFilters);
   }, [filter]);
   const _Digit$Hooks$wt$useTa = Digit.Hooks.wt.useTankerSearchAPI({
@@ -18130,7 +18130,7 @@ const Filter = _ref => {
     })),
     _searchParams = _useState[0],
     setSearchParams = _useState[1];
-  useEffect$1(() => {
+  useEffect(() => {
     setSearchParams(_extends({}, searchParams, {
       services: (searchParams === null || searchParams === void 0 ? void 0 : searchParams.services) || []
     }));
@@ -18487,7 +18487,7 @@ const WTEditApplicationModal = _ref => {
     }),
     fillingPointsData = _Digit$Hooks$wt$useFi2.data;
   const mutation = Digit.Hooks.wt.useUpdateEmergencyBooking(tenantId);
-  useEffect$1(() => {
+  useEffect(() => {
     if (applicationData) {
       var _fixedPointsData$wate, _fixedPointsData$wate2, _fillingPointsData$fi, _selectedVendor$vehic, _selectedVendor$drive, _applicationData$appl5, _applicationData$appl6, _applicationData$appl7, _applicationData$appl8, _fixedPointObj$applic, _fixedPointObj$applic2, _applicationData$appl9, _applicationData$appl0, _applicationData$addr, _applicationData$addr2, _applicationData$addr3, _applicationData$addr4, _applicationData$addr5, _applicationData$addr6, _applicationData$addr7, _applicationData$addr8, _applicationData$addr9, _applicationData$addr0, _applicationData$addr1, _applicationData$addr10, _applicationData$addr11, _applicationData$addr12;
       const tankerTypeObj = (TankerType === null || TankerType === void 0 ? void 0 : TankerType.find(tt => matchesAny(tt.code, [applicationData.tankerType]))) || {
@@ -19151,7 +19151,7 @@ const TripImages = _ref => {
     endImageUrl = _useState3[0],
     setEndImageUrl = _useState3[1];
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  useEffect$1(() => {
+  useEffect(() => {
     const fetchImages = function () {
       try {
         const _temp4 = _catch(function () {
@@ -20049,13 +20049,13 @@ const ActionModal = _ref => {
     selectedFinancialYear = _useState9[0],
     setSelectedFinancialYear = _useState9[1];
   const _useState0 = useState(false);
-  useEffect$1(() => {
+  useEffect(() => {
     if (financialYearsData && financialYearsData["egf-master"]) {
       var _financialYearsData$e;
       setFinancialYears((_financialYearsData$e = financialYearsData["egf-master"]) === null || _financialYearsData$e === void 0 ? void 0 : _financialYearsData$e["FinancialYear"]);
     }
   }, [financialYearsData]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -20068,7 +20068,7 @@ const ActionModal = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -20150,7 +20150,7 @@ const ActionModal = _ref => {
       });
     }
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       if (action !== null && action !== void 0 && action.showFinancialYearsModal) {
         setConfig(configPTAssessProperty({
@@ -20276,13 +20276,13 @@ const ActionModal$1 = _ref => {
     setFinancialYears = _useState8[1];
   const _useState9 = useState(null),
     selectedFinancialYear = _useState9[0];
-  useEffect$1(() => {
+  useEffect(() => {
     if (financialYearsData && financialYearsData["egf-master"]) {
       var _financialYearsData$e;
       setFinancialYears((_financialYearsData$e = financialYearsData["egf-master"]) === null || _financialYearsData$e === void 0 ? void 0 : _financialYearsData$e["FinancialYear"]);
     }
   }, [financialYearsData]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -20295,7 +20295,7 @@ const ActionModal$1 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -20345,7 +20345,7 @@ const ActionModal$1 = _ref => {
       Licenses: [applicationData]
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configTLApproverApplication({
         t,
@@ -20447,7 +20447,7 @@ const ActionModal$2 = _ref => {
     error = _useState7[0],
     setError = _useState7[1];
   const mobileView = Digit.Utils.browser.isMobile() ? true : false;
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -20460,7 +20460,7 @@ const ActionModal$2 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -20521,7 +20521,7 @@ const ActionModal$2 = _ref => {
       bpa: false
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configBPAREGApproverApplication({
         t,
@@ -20730,7 +20730,7 @@ const ActionModal$3 = _ref => {
   const _useState8 = useState(null),
     selectedFinancialYear = _useState8[0];
   const mobileView = Digit.Utils.browser.isMobile() ? true : false;
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -20743,7 +20743,7 @@ const ActionModal$3 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -20858,7 +20858,7 @@ const ActionModal$3 = _ref => {
     result = (_result = result) === null || _result === void 0 ? void 0 : _result.concat(newApprovals !== null ? newApprovals.filter(ob => ob.label !== "").map(approval => approval === null || approval === void 0 ? void 0 : approval.label) : []);
     return result;
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configBPAApproverApplication({
         t,
@@ -20988,7 +20988,7 @@ const ActionModal$4 = _ref => {
     setError = _useState7[1];
   const mobileView = Digit.Utils.browser.isMobile() ? true : false;
   const history = useHistory();
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -21001,7 +21001,7 @@ const ActionModal$4 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -21070,7 +21070,7 @@ const ActionModal$4 = _ref => {
       isNoc: true
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configNOCApproverApplication({
         t,
@@ -21970,7 +21970,7 @@ const ActionModal$5 = _ref => {
     setError = _useState7[1];
   const isMobile = window.Digit.Utils.browser.isMobile();
   const isEmployee = window.location.href.includes("/employee");
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -21983,7 +21983,7 @@ const ActionModal$5 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -22140,19 +22140,6 @@ const ActionModal$5 = _ref => {
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat7 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat7 !== void 0 && _parsedAdhocRebateDat7.adhocRebate) applicationData.additionalDetails.adhocRebate = parseInt(parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat8 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat8 === void 0 ? void 0 : _parsedAdhocRebateDat8.adhocRebate) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat9 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat9 !== void 0 && _parsedAdhocRebateDat9.adhocRebateComment) applicationData.additionalDetails.adhocRebateComment = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat0 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat0 === void 0 ? void 0 : _parsedAdhocRebateDat0.adhocRebateComment) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat1 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat1 !== void 0 && _parsedAdhocRebateDat1.adhocRebateReason) applicationData.additionalDetails.adhocRebateReason = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat10 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat10 === void 0 ? void 0 : _parsedAdhocRebateDat10.adhocRebateReason) || "";
-      const inspectionInformationData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
-      if (inspectionInformationData) {
-        try {
-          const parsedInspectionData = JSON.parse(inspectionInformationData);
-          if (parsedInspectionData !== null && parsedInspectionData !== void 0 && parsedInspectionData.inspectionDate) {
-            const dateVal = parsedInspectionData.inspectionDate;
-            parsedInspectionData.inspectionDate = typeof dateVal === 'string' ? new Date(dateVal).getTime() : dateVal;
-          }
-          applicationData.inspectionInformation = parsedInspectionData;
-        } catch (e) {
-          console.error("Error parsing inspection information data", e);
-        }
-      }
       ((_applicationData12 = applicationData) === null || _applicationData12 === void 0 ? void 0 : _applicationData12.serviceType) == "WATER" ? submitAction({
         WaterConnection: applicationData,
         disconnectRequest: false,
@@ -22164,7 +22151,7 @@ const ActionModal$5 = _ref => {
       });
     }
   }
-  useEffect$1(() => {
+  useEffect(() => {
     var _applicationData13, _applicationData13$pr, _applicationData14, _applicationData14$pr;
     if (((_applicationData13 = applicationData) === null || _applicationData13 === void 0 ? void 0 : (_applicationData13$pr = _applicationData13.processInstance) === null || _applicationData13$pr === void 0 ? void 0 : _applicationData13$pr.businessService) == "DisconnectWSConnection" || ((_applicationData14 = applicationData) === null || _applicationData14 === void 0 ? void 0 : (_applicationData14$pr = _applicationData14.processInstance) === null || _applicationData14$pr === void 0 ? void 0 : _applicationData14$pr.businessService) == "DisconnectSWConnection") {
       if (action) {
@@ -22290,7 +22277,7 @@ const ActionModal$6 = _ref => {
   const _useState7 = useState(null),
     setError = _useState7[1];
   const _useState8 = useState(false);
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -22303,7 +22290,7 @@ const ActionModal$6 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -22356,7 +22343,7 @@ const ActionModal$6 = _ref => {
       })]
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configPTRApproverApplication({
         t,
@@ -22453,7 +22440,7 @@ const ActionModal$7 = _ref => {
   const _useState5 = useState(null),
     uploadedFile = _useState5[0],
     setUploadedFile = _useState5[1];
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -22477,7 +22464,7 @@ const ActionModal$7 = _ref => {
       })
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if ((action === null || action === void 0 ? void 0 : action.state) === "INITIATED") {
       history.push("/digit-ui/employee/asset/assetservice/edit/" + ("" + (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationNo)));
     } else {
@@ -22580,7 +22567,7 @@ const ActionModal$8 = _ref => {
   const _useState7 = useState(null),
     setError = _useState7[1];
   const _useState8 = useState(false);
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -22593,7 +22580,7 @@ const ActionModal$8 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -22646,7 +22633,7 @@ const ActionModal$8 = _ref => {
       })
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configCHBApproverApplication({
         t,
@@ -22746,7 +22733,7 @@ const ActionModal$9 = _ref => {
   const _useState8 = useState(null),
     setError = _useState8[1];
   const _useState9 = useState(false);
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -22759,7 +22746,7 @@ const ActionModal$9 = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -22816,7 +22803,7 @@ const ActionModal$9 = _ref => {
       })]
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configEWApproverApplication({
         t,
@@ -22917,7 +22904,7 @@ const ActionModal$a = _ref => {
   const _useState8 = useState(false),
     isUploading = _useState8[0],
     setIsUploading = _useState8[1];
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -22931,7 +22918,7 @@ const ActionModal$a = _ref => {
     setIsUploading(true);
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -22993,7 +22980,7 @@ const ActionModal$a = _ref => {
       })
     });
   }
-  useEffect$1(() => {
+  useEffect(() => {
     setConfig(configSVApproverApplication({
       t,
       action,
@@ -23205,7 +23192,7 @@ const ActionModal$b = _ref => {
   const _useState8 = useState(null),
     selectVehicle = _useState8[0],
     setSelectVehicle = _useState8[1];
-  useEffect$1(() => {
+  useEffect(() => {
     var _approverData$Employe;
     setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
       var _employee$user;
@@ -23218,7 +23205,7 @@ const ActionModal$b = _ref => {
   function selectFile(e) {
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -23290,7 +23277,7 @@ const ActionModal$b = _ref => {
     };
     submitAction(requestPayload);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (action) {
       setConfig(configWTApproverApplication({
         t,
@@ -23540,7 +23527,7 @@ const BPADocuments = _ref => {
   const _Digit$Hooks$obps$use2 = Digit.Hooks.obps.useMDMS(stateId, "common-masters", ["DocumentType"]),
     commonDocsLoading = _Digit$Hooks$obps$use2.isLoading,
     commonDocs = _Digit$Hooks$obps$use2.data;
-  useEffect$1(() => {
+  useEffect(() => {
     var _bpaDocs$BPA, _filtredBpaDocs, _filtredBpaDocs$, _filtredBpaDocs$$docT;
     let filtredBpaDocs = [];
     if (bpaDocs !== null && bpaDocs !== void 0 && (_bpaDocs$BPA = bpaDocs.BPA) !== null && _bpaDocs$BPA !== void 0 && _bpaDocs$BPA.DocTypeMapping) {
@@ -23577,7 +23564,7 @@ const BPADocuments = _ref => {
     sessionStorage.setItem("BPA_DOCUMENTS", JSON.stringify(documentsList));
     setBpaTaxDocuments(documentsList);
   }, [!bpaDocsLoading, !commonDocsLoading]);
-  useEffect$1(() => {
+  useEffect(() => {
     let count = 0;
     bpaTaxDocuments.map(doc => {
       let isRequired = false;
@@ -23592,7 +23579,7 @@ const BPADocuments = _ref => {
     });
     if ((count == "0" || count == 0) && documents.length > 0) setEnableSubmit(false);else setEnableSubmit(true);
   }, [documents, checkRequiredFields]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (applicationStatus === "DOC_VERIFICATION_INPROGRESS" && (actions === null || actions === void 0 ? void 0 : actions.length) > 0) setCheckEnablingDocs(true);else setCheckEnablingDocs(false);
   }, [applicationData, bpaActionsDetails]);
   return /*#__PURE__*/React.createElement("div", null, bpaTaxDocuments === null || bpaTaxDocuments === void 0 ? void 0 : bpaTaxDocuments.map((document, index) => {
@@ -23647,7 +23634,7 @@ function SelectDocument(_ref2) {
   function selectfiles(e) {
     e && setFile(e.file);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     if (selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) {
       setDocuments(prev => {
         var _documents$find;
@@ -23664,7 +23651,7 @@ function SelectDocument(_ref2) {
       });
     }
   }, [uploadedFile, selectedDocument]);
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       if (selectArrayFiles.length > 0) {
         sessionStorage.removeItem("BPA_DOCUMENTS");
@@ -23687,7 +23674,7 @@ function SelectDocument(_ref2) {
       Promise.reject(e);
     }
   }, [selectArrayFiles, selectedDocument]);
-  useEffect$1(() => {
+  useEffect(() => {
   }, [file]);
   const getData = (index, state) => {
     let data = Object.fromEntries(state);
@@ -23879,7 +23866,7 @@ function SelectDocument$1(_ref) {
   function selectfile(e) {
     e && setFile(e.file);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     var _doc$dropdownData, _doc$dropdownData$;
     if (doc !== null && doc !== void 0 && (_doc$dropdownData = doc.dropdownData) !== null && _doc$dropdownData !== void 0 && (_doc$dropdownData$ = _doc$dropdownData[0]) !== null && _doc$dropdownData$ !== void 0 && _doc$dropdownData$.code) {
       setNocDocuments(prev => {
@@ -23901,7 +23888,7 @@ function SelectDocument$1(_ref) {
       });
     }
   }, [uploadedFile]);
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -24015,11 +24002,11 @@ const NOCDocuments = _ref2 => {
     error = _useState7[0],
     setError = _useState7[1];
   const isEmployee = window.location.href.includes("/employee/");
-  useEffect$1(() => {
+  useEffect(() => {
     var _commonDocs$commonMa;
     setCommonDocMaping(commonDocs === null || commonDocs === void 0 ? void 0 : (_commonDocs$commonMa = commonDocs["common-masters"]) === null || _commonDocs$commonMa === void 0 ? void 0 : _commonDocs$commonMa.DocumentType);
   }, [commonDocs]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _filteredData, _filteredData$, _filteredData$$docTyp;
     let documents = [];
     let filteredData;
@@ -24062,7 +24049,7 @@ const NOCDocuments = _ref2 => {
       setNocTaxDocuments(documentsList);
     }
   }, [nocDocs, commonDocMaping]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (bpaApplicationStatus === "NOC_VERIFICATION_INPROGRESS" && (actions === null || actions === void 0 ? void 0 : actions.length) > 0) setCheckEnablingDocs(true);else setCheckEnablingDocs(false);
   }, [applicationData, bpaActionsDetails]);
   return /*#__PURE__*/React.createElement("div", {
@@ -24135,7 +24122,7 @@ const PermissionCheck = _ref => {
   const _Digit$Hooks$useSessi2 = Digit.Hooks.useSessionStorage('OBPS_NEW_APPROVALS', []),
     newApprovals = _Digit$Hooks$useSessi2[0],
     setNewApprovals = _Digit$Hooks$useSessi2[1];
-  useEffect$1(() => {
+  useEffect(() => {
     return () => {
       Digit.SessionStorage.del("OBPS_NEW_APPROVALS");
       Digit.SessionStorage.del("OBPS_APPROVAL_CHECKS");
@@ -24251,7 +24238,7 @@ function PropertyDocuments(_ref) {
   const _useState4 = useState({}),
     checkedMap = _useState4[0],
     setCheckedMap = _useState4[1];
-  useEffect$1(() => {
+  useEffect(() => {
     let requiredDocsCount = 0;
     let checkedCount = 0;
     documents === null || documents === void 0 ? void 0 : documents.forEach(document => {
@@ -24275,7 +24262,7 @@ function PropertyDocuments(_ref) {
       detail: finalVerified
     }));
   }, [checkedMap, documents, applicationStatus]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _acc;
     let acc = [];
     documents === null || documents === void 0 ? void 0 : documents.forEach(element => {
@@ -24283,7 +24270,7 @@ function PropertyDocuments(_ref) {
     });
     setFilesArray((_acc = acc) === null || _acc === void 0 ? void 0 : _acc.map(value => value === null || value === void 0 ? void 0 : value.fileStoreId));
   }, [documents]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _documents$;
     if (filesArray !== null && filesArray !== void 0 && filesArray.length && (documents === null || documents === void 0 ? void 0 : (_documents$ = documents[0]) === null || _documents$ === void 0 ? void 0 : _documents$.BS) === "BillAmend") {
       Digit.UploadServices.Filefetch(filesArray, Digit.ULBService.getCurrentTenantId()).then(res => {
@@ -25375,7 +25362,7 @@ const WSFeeEstimation = _ref => {
     setValues = _useState5[1];
   const stateCode = Digit.ULBService.getStateId();
   const _Digit$Hooks$ws$useMD = Digit.Hooks.ws.useMDMS(stateCode, "BillingService", ["TaxHeadMaster"]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _wsAdditionalDetails$2, _wsAdditionalDetails$3, _sessionFormData$bill;
     const data = _extends({}, wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : (_wsAdditionalDetails$3 = _wsAdditionalDetails$2.appDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : _wsAdditionalDetails$3.additionalDetails);
     if ((sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill = sessionFormData.billDetails) === null || _sessionFormData$bill === void 0 ? void 0 : _sessionFormData$bill.length) > 0) {
@@ -25769,8 +25756,10 @@ const InfoDetails = _ref2 => {
 };
 
 const ViewBreakup = _ref => {
-  var _wsAdditionalDetails$, _breakUpData$billSlab, _breakUpData$billSlab2, _breakUpData$billSlab3, _breakUpData$billSlab4, _breakUpData$billSlab5, _breakUpData$billSlab6;
-  let wsAdditionalDetails = _ref.wsAdditionalDetails;
+  var _breakUpData$calculat, _breakUpData$calculat2, _breakUpData$calculat3, _wsAdditionalDetails$8, _breakUpData$billSlab4, _breakUpData$billSlab5, _breakUpData$billSlab6, _breakUpData$billSlab7, _breakUpData$billSlab8, _breakUpData$billSlab9;
+  let wsAdditionalDetails = _ref.wsAdditionalDetails,
+    print = _ref.print,
+    download = _ref.download;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const _useState = useState(false),
@@ -25779,6 +25768,44 @@ const ViewBreakup = _ref => {
   const _useState2 = useState({}),
     breakUpData = _useState2[0],
     setBreakUpData = _useState2[1];
+  const breakupRef = useRef(null);
+  const formatNumber = function (value, maximumFractionDigits) {
+    if (maximumFractionDigits === void 0) {
+      maximumFractionDigits = 2;
+    }
+    return Number(value || 0).toLocaleString("en-IN", {
+      maximumFractionDigits
+    });
+  };
+  const formatCurrency = value => /*#__PURE__*/React.createElement("span", null, "\u20B9", formatNumber(value));
+  const DetailRows = _ref2 => {
+    let rows = _ref2.rows;
+    return rows.map(_ref3 => {
+      let label = _ref3.label,
+        value = _ref3.value,
+        _ref3$currency = _ref3.currency,
+        currency = _ref3$currency === void 0 ? false : _ref3$currency,
+        _ref3$unit = _ref3.unit,
+        unit = _ref3$unit === void 0 ? "" : _ref3$unit,
+        _ref3$isText = _ref3.isText,
+        isText = _ref3$isText === void 0 ? false : _ref3$isText;
+      return /*#__PURE__*/React.createElement(Row, {
+        className: "border-none",
+        rowContainerStyle: {
+          margin: "0px"
+        },
+        labelStyle: {
+          width: "50%"
+        },
+        key: label,
+        label: label,
+        text: currency ? formatCurrency(value) : isText ? value || "-" : "" + formatNumber(value) + unit,
+        textStyle: {
+          textAlign: "right"
+        }
+      });
+    });
+  };
   const Heading = props => {
     return /*#__PURE__*/React.createElement("h1", {
       className: "heading-m"
@@ -25801,21 +25828,244 @@ const ViewBreakup = _ref => {
     }, /*#__PURE__*/React.createElement(Close, null));
   };
   const onPopupOpen = () => {
-    var _sessionBillFormData$;
-    let breakupData = wsAdditionalDetails.additionalDetails.data || {};
+    var _wsAdditionalDetails$, _sessionBillFormData$;
+    let breakupData = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$ === void 0 ? void 0 : _wsAdditionalDetails$.data) || {};
     const sessionBillData = sessionStorage.getItem("Digit.ADHOC_BILL_ADD_REBATE_DATA");
     const sessionBillFormData = sessionBillData ? JSON.parse(sessionBillData) : {};
     if (sessionBillFormData !== null && sessionBillFormData !== void 0 && (_sessionBillFormData$ = sessionBillFormData.value) !== null && _sessionBillFormData$ !== void 0 && _sessionBillFormData$.totalAmount) breakupData = sessionBillFormData === null || sessionBillFormData === void 0 ? void 0 : sessionBillFormData.value;
     setBreakUpData(breakupData);
     showPopUp(true);
   };
+  const getBreakupReportDetails = () => {
+    var _wsAdditionalDetails$2, _wsAdditionalDetails$3, _wsAdditionalDetails$4, _wsAdditionalDetails$5, _wsAdditionalDetails$6, _wsAdditionalDetails$7, _breakUpData$billSlab, _breakUpData$billSlab2, _breakUpData$billSlab3;
+    const amountRows = function (rows) {
+      if (rows === void 0) {
+        rows = [];
+      }
+      return rows.map(row => ({
+        title: t(row === null || row === void 0 ? void 0 : row.taxHeadCode),
+        value: "\u20B9" + formatNumber(row === null || row === void 0 ? void 0 : row.amount)
+      }));
+    };
+    const connectionHolder = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : (_wsAdditionalDetails$3 = _wsAdditionalDetails$2.appDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : (_wsAdditionalDetails$4 = _wsAdditionalDetails$3.connectionHolders) === null || _wsAdditionalDetails$4 === void 0 ? void 0 : _wsAdditionalDetails$4[0];
+    const applicantName = [connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.name, connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.middleName, connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.lastName].filter(Boolean).join(" ") || "-";
+    const mobileNumber = (connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.mobileNumber) || "-";
+    const appNumber = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$5 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$5 === void 0 ? void 0 : (_wsAdditionalDetails$6 = _wsAdditionalDetails$5.data) === null || _wsAdditionalDetails$6 === void 0 ? void 0 : _wsAdditionalDetails$6.applicationNo) || (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$7 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$7 === void 0 ? void 0 : _wsAdditionalDetails$7.applicationNumber) || "-";
+    return [{
+      title: "Applicant Details",
+      values: [{
+        title: "Application Number",
+        value: appNumber
+      }, {
+        title: "Applicant Name",
+        value: applicantName
+      }, {
+        title: "Mobile Number",
+        value: mobileNumber
+      }]
+    }, {
+      title: t("WS_APPLICATION_FEE_HEADER"),
+      values: amountRows([...((breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab = breakUpData.billSlabData) === null || _breakUpData$billSlab === void 0 ? void 0 : _breakUpData$billSlab.FEE) || []), ...((breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab2 = breakUpData.billSlabData) === null || _breakUpData$billSlab2 === void 0 ? void 0 : _breakUpData$billSlab2.CHARGES) || [])])
+    }, {
+      title: "Property details",
+      values: propertyRows.map(_ref4 => {
+        let label = _ref4.label,
+          value = _ref4.value,
+          currency = _ref4.currency,
+          unit = _ref4.unit,
+          isText = _ref4.isText;
+        return {
+          title: label,
+          value: currency ? "\u20B9" + formatNumber(value) : isText ? value || "-" : "" + formatNumber(value) + unit
+        };
+      })
+    }, {
+      title: "Taxes",
+      values: amountRows(breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab3 = breakUpData.billSlabData) === null || _breakUpData$billSlab3 === void 0 ? void 0 : _breakUpData$billSlab3.TAX)
+    }, {
+      title: "Water demand details",
+      values: waterDemandRows.map(_ref5 => {
+        let label = _ref5.label,
+          value = _ref5.value,
+          currency = _ref5.currency,
+          unit = _ref5.unit,
+          isText = _ref5.isText;
+        return {
+          title: label,
+          value: currency ? "\u20B9" + formatNumber(value) : isText ? value || "-" : "" + formatNumber(value) + unit
+        };
+      })
+    }, {
+      title: "Infrastructure charge details",
+      values: infrastructureChargeRows.map(_ref6 => {
+        let label = _ref6.label,
+          value = _ref6.value,
+          currency = _ref6.currency,
+          unit = _ref6.unit,
+          isText = _ref6.isText;
+        return {
+          title: label,
+          value: currency ? "\u20B9" + formatNumber(value) : isText ? value || "-" : "" + formatNumber(value) + unit
+        };
+      })
+    }, {
+      title: "Total",
+      values: [{
+        title: t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
+        value: "\u20B9" + formatNumber(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.totalAmount)
+      }]
+    }].filter(section => section.values.length > 0);
+  };
+  const generateBreakupReport = mode => {
+    var _Digit$Utils, _Digit$Utils$pdf;
+    const generateReport = (_Digit$Utils = Digit.Utils) === null || _Digit$Utils === void 0 ? void 0 : (_Digit$Utils$pdf = _Digit$Utils.pdf) === null || _Digit$Utils$pdf === void 0 ? void 0 : _Digit$Utils$pdf.generateCalculationBreakupReport;
+    if (typeof generateReport === "function") {
+      return generateReport({
+        tenantId: Digit.ULBService.getCurrentTenantId(),
+        heading: t("WS_CALCULATION_BREAKUP"),
+        details: getBreakupReportDetails(),
+        t,
+        mode
+      });
+    }
+    return mode === "download" ? Digit.Download.PDF(breakupRef, t("WS_CALCULATION_BREAKUP")) : null;
+  };
+  const handleDownload = () => generateBreakupReport("download");
+  const handlePrint = () => {
+    var _Digit$Utils2, _Digit$Utils2$pdf, _breakupRef$current, _window$mSewaApp, _window$mSewaApp$isMs;
+    if ((_Digit$Utils2 = Digit.Utils) !== null && _Digit$Utils2 !== void 0 && (_Digit$Utils2$pdf = _Digit$Utils2.pdf) !== null && _Digit$Utils2$pdf !== void 0 && _Digit$Utils2$pdf.generateCalculationBreakupReport) {
+      return generateBreakupReport("print");
+    }
+    const content = (_breakupRef$current = breakupRef.current) === null || _breakupRef$current === void 0 ? void 0 : _breakupRef$current.innerHTML;
+    if (!content) return;
+    if ((_window$mSewaApp = window.mSewaApp) !== null && _window$mSewaApp !== void 0 && (_window$mSewaApp$isMs = _window$mSewaApp.isMsewaApp) !== null && _window$mSewaApp$isMs !== void 0 && _window$mSewaApp$isMs.call(_window$mSewaApp)) {
+      window.mSewaApp.downloadBase64File(window.btoa(unescape(encodeURIComponent(content))), t("WS_CALCULATION_BREAKUP"));
+      return;
+    }
+    const printWindow = window.open("", "");
+    if (!printWindow) return;
+    printWindow.document.write("<html><body>" + content + "</body></html>");
+    printWindow.document.close();
+    printWindow.focus();
+    printWindow.print();
+  };
+  const propertyDetail = breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$calculat = breakUpData.calculationDetail) === null || _breakUpData$calculat === void 0 ? void 0 : _breakUpData$calculat.propertyDetail;
+  const waterDemandDetail = breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$calculat2 = breakUpData.calculationDetail) === null || _breakUpData$calculat2 === void 0 ? void 0 : _breakUpData$calculat2.waterDemandDetail;
+  const infrastructureChargeDetail = breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$calculat3 = breakUpData.calculationDetail) === null || _breakUpData$calculat3 === void 0 ? void 0 : _breakUpData$calculat3.infrastructureChargeDetail;
+  const propertyRows = propertyDetail ? [{
+    label: "Property ID",
+    value: propertyDetail.propertyId,
+    isText: true
+  }, {
+    label: "Property type",
+    value: propertyDetail.propertyType,
+    isText: true
+  }, {
+    label: "Plot area",
+    value: propertyDetail.landArea,
+    unit: " (sq. meter.)"
+  }, {
+    label: "Built-up area",
+    value: propertyDetail.superBuiltUpArea,
+    unit: " (sq. meter.)"
+  }, {
+    label: "farArea",
+    value: propertyDetail.farArea,
+    isText: true
+  }, {
+    label: "coveredArea",
+    value: propertyDetail.coveredArea,
+    isText: true
+  }, {
+    label: "numberOfDwellingUnits",
+    value: propertyDetail.numberOfDwellingUnits,
+    isText: true
+  }, {
+    label: "numberOfBeds",
+    value: propertyDetail.numberOfBeds,
+    isText: true
+  }, {
+    label: "numberOfRooms",
+    value: propertyDetail.numberOfRooms,
+    isText: true
+  }, {
+    label: "numberOfStudents",
+    value: propertyDetail.numberOfStudents,
+    isText: true
+  }, {
+    label: "numberOfStaff",
+    value: propertyDetail.numberOfStaff,
+    isText: true
+  }, {
+    label: "Usage category",
+    value: propertyDetail.usageCategory,
+    isText: true
+  }] : [];
+  const waterDemandRows = waterDemandDetail ? [{
+    label: "Calculated occupancy",
+    value: waterDemandDetail.calculatedOccupancy,
+    unit: " person"
+  }, {
+    label: "Applied LPCD",
+    value: waterDemandDetail.chosenLpcd,
+    unit: " LPD"
+  }, {
+    label: "Base demand",
+    value: waterDemandDetail.baseDemand,
+    unit: " LPD"
+  }, {
+    label: "Contingency/Floating Occupancy",
+    value: waterDemandDetail.contingencyPercentage,
+    unit: "%"
+  }, {
+    label: "Total water demand",
+    value: waterDemandDetail.totalWaterDemandLPD,
+    unit: " LPD"
+  }] : [];
+  const infrastructureChargeRows = infrastructureChargeDetail ? [{
+    label: "Colony category",
+    value: infrastructureChargeDetail.colonyCategory,
+    isText: true
+  }, {
+    label: "Plot area",
+    value: infrastructureChargeDetail.plotArea,
+    unit: " (sq. meter.)"
+  }, {
+    label: "Water rate",
+    value: infrastructureChargeDetail.waterRatePerLPD,
+    currency: true
+  }, {
+    label: "Sewer rate",
+    value: infrastructureChargeDetail.sewerRatePerLPD,
+    currency: true
+  }, {
+    label: "Water Infra Charges",
+    value: infrastructureChargeDetail.waterComponentIFC,
+    currency: true
+  }, {
+    label: "Sewer Infra Charges",
+    value: infrastructureChargeDetail.sewerComponentIFC,
+    currency: true
+  }, {
+    label: "Rebate",
+    value: infrastructureChargeDetail.rebatePercentage,
+    unit: "%"
+  }, {
+    label: "Rebate amount",
+    value: infrastructureChargeDetail.rebateAmount,
+    currency: true
+  }, {
+    label: "Net IFC",
+    value: infrastructureChargeDetail.netIFC,
+    currency: true
+  }] : [];
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "950px",
       minWidth: "280px"
     }
-  }, wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$ !== void 0 && _wsAdditionalDetails$.isViewBreakup ? /*#__PURE__*/React.createElement("div", {
+  }, wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$8 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$8 !== void 0 && _wsAdditionalDetails$8.isViewBreakup ? /*#__PURE__*/React.createElement("div", {
     onClick: e => onPopupOpen(),
     style: {
       marginTop: "12px"
@@ -25826,6 +26076,9 @@ const ViewBreakup = _ref => {
     headerBarMain: /*#__PURE__*/React.createElement(Heading, {
       label: t("WS_CALCULATION_BREAKUP")
     }),
+    width: "950px",
+    print: print || handlePrint,
+    download: download || handleDownload,
     headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
       onClick: () => {
         showPopUp(false);
@@ -25841,16 +26094,13 @@ const ViewBreakup = _ref => {
     popupModuleMianStyles: {
       paddingTop: "0px"
     }
-  }, /*#__PURE__*/React.createElement(StatusTable, {
-    style: {
-      padding: "10px",
-      paddingTop: "0px"
-    }
-  }, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: breakupRef
+  }, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
-  }, t("WS_APPLICATION_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab = breakUpData.billSlabData) === null || _breakUpData$billSlab === void 0 ? void 0 : (_breakUpData$billSlab2 = _breakUpData$billSlab.FEE) === null || _breakUpData$billSlab2 === void 0 ? void 0 : _breakUpData$billSlab2.map(data => /*#__PURE__*/React.createElement(Row, {
+  }, t("WS_APPLICATION_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab4 = breakUpData.billSlabData) === null || _breakUpData$billSlab4 === void 0 ? void 0 : (_breakUpData$billSlab5 = _breakUpData$billSlab4.FEE) === null || _breakUpData$billSlab5 === void 0 ? void 0 : _breakUpData$billSlab5.map(data => /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -25864,11 +26114,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), /*#__PURE__*/React.createElement(CardSectionHeader, {
-    style: {
-      margin: "10px 0px"
-    }
-  }, t("WS_SERVICE_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab3 = breakUpData.billSlabData) === null || _breakUpData$billSlab3 === void 0 ? void 0 : (_breakUpData$billSlab4 = _breakUpData$billSlab3.CHARGES) === null || _breakUpData$billSlab4 === void 0 ? void 0 : _breakUpData$billSlab4.map(data => /*#__PURE__*/React.createElement(Row, {
+  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab6 = breakUpData.billSlabData) === null || _breakUpData$billSlab6 === void 0 ? void 0 : (_breakUpData$billSlab7 = _breakUpData$billSlab6.CHARGES) === null || _breakUpData$billSlab7 === void 0 ? void 0 : _breakUpData$billSlab7.map(data => /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -25882,7 +26128,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab5 = breakUpData.billSlabData) === null || _breakUpData$billSlab5 === void 0 ? void 0 : (_breakUpData$billSlab6 = _breakUpData$billSlab5.TAX) === null || _breakUpData$billSlab6 === void 0 ? void 0 : _breakUpData$billSlab6.map(data => /*#__PURE__*/React.createElement(Row, {
+  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab8 = breakUpData.billSlabData) === null || _breakUpData$billSlab8 === void 0 ? void 0 : (_breakUpData$billSlab9 = _breakUpData$billSlab8.TAX) === null || _breakUpData$billSlab9 === void 0 ? void 0 : _breakUpData$billSlab9.map(data => /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -25896,6 +26142,24 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
+  })), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, "Property details"), /*#__PURE__*/React.createElement(DetailRows, {
+    rows: propertyRows
+  })), waterDemandRows.length > 0 && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, "Water demand details"), /*#__PURE__*/React.createElement(DetailRows, {
+    rows: waterDemandRows
+  })), infrastructureChargeRows.length > 0 && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, "Infrastructure charge details"), /*#__PURE__*/React.createElement(DetailRows, {
+    rows: infrastructureChargeRows
   })), /*#__PURE__*/React.createElement("hr", {
     style: {
       color: "#cccccc",
@@ -25918,7 +26182,7 @@ const ViewBreakup = _ref => {
       fontWeight: "700",
       fontSize: "24px"
     }
-  })))));
+  }))))));
 };
 
 const styles = {
@@ -26253,7 +26517,7 @@ const DueVerification = _ref => {
     }
     return baseColumns;
   }, [t, handleRemarkChange, isPendingApproval]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (applicationData !== null && applicationData !== void 0 && applicationData.dueVerification && Array.isArray(applicationData.dueVerification)) {
       setTableData(applicationData.dueVerification);
     }
@@ -26287,7 +26551,7 @@ const DueVerification = _ref => {
       fontWeight: "bold",
       marginBottom: "16px"
     }
-  }, t("Due Verification")), /*#__PURE__*/React.createElement("div", {
+  }, t("Due Verification")), !isActivation && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       alignItems: "flex-end",
@@ -26322,7 +26586,7 @@ const DueVerification = _ref => {
       flex: 1,
       paddingBottom: "2px"
     }
-  }, !isActivation && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: handleAdd,
     style: {
@@ -26334,25 +26598,19 @@ const DueVerification = _ref => {
     }
   }, /*#__PURE__*/React.createElement(AddIcon, null)))), tableData.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: "30px",
+      marginTop: "15px",
       overflowX: "auto"
     }
   }, /*#__PURE__*/React.createElement(Table, {
     className: "customTable table-fixed-first-column table-border-style",
     t: t,
+    totalRecords: tableData.length,
     disableSort: false,
     autoSort: true,
-    manualPagination: false,
-    isPaginationRequired: false,
+    manualPagination: true,
+    isPaginationRequired: true,
     data: tableData,
-    columns: columns,
-    getCellProps: cellInfo => {
-      return {
-        style: {
-          padding: "12px"
-        }
-      };
-    }
+    columns: columns
   })));
 };
 
@@ -26369,11 +26627,34 @@ const InspectionInformation = _ref => {
   const _useState3 = useState(""),
     inspectorName = _useState3[0],
     setInspectorName = _useState3[1];
-  useEffect$1(() => {
+  useEffect(() => {
     if (applicationData !== null && applicationData !== void 0 && applicationData.inspectionInformation) {
-      setInspectionType(applicationData.inspectionInformation.inspectionType);
-      setInspectionDate(applicationData.inspectionInformation.inspectionDate);
-      setInspectorName(applicationData.inspectionInformation.inspectorName);
+      const apiInspectionType = applicationData.inspectionInformation.inspectionType;
+      let matchedType = null;
+      const inspectionCode = typeof apiInspectionType === "object" && apiInspectionType !== null ? apiInspectionType.code : apiInspectionType;
+      if (inspectionCode) {
+        matchedType = [{
+          i18nKey: "ES_COMMON_SELECT",
+          code: ""
+        }, {
+          i18nKey: "New Connection Visit",
+          code: "new_connection_visit"
+        }].find(opt => opt.code === inspectionCode || opt.i18nKey === inspectionCode);
+      }
+      setInspectionType(matchedType || null);
+      let dateValue = applicationData.inspectionInformation.inspectionDate || "";
+      if (dateValue && typeof dateValue === 'number') {
+        const d = new Date(dateValue);
+        dateValue = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, '0') + "-" + String(d.getDate()).padStart(2, '0');
+      } else if (dateValue && typeof dateValue === 'string' && dateValue.includes('-')) ; else if (dateValue) {
+        const num = Number(dateValue);
+        if (!isNaN(num)) {
+          const d = new Date(num);
+          dateValue = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, '0') + "-" + String(d.getDate()).padStart(2, '0');
+        }
+      }
+      setInspectionDate(dateValue);
+      setInspectorName(applicationData.inspectionInformation.inspectorName || "");
     }
   }, [applicationData]);
   const inspectionTypeOptions = [{
@@ -26383,6 +26664,22 @@ const InspectionInformation = _ref => {
     i18nKey: "New Connection Visit",
     code: "new_connection_visit"
   }];
+  const handleInspectionTypeChange = selected => {
+    setInspectionType(selected);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectionType = selected;
+  };
+  const handleInspectionDateChange = date => {
+    setInspectionDate(date);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectionDate = date ? new Date(date).getTime() : null;
+  };
+  const handleInspectorNameChange = e => {
+    const val = e.target.value;
+    setInspectorName(val);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectorName = val;
+  };
   const readOnly = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -26415,9 +26712,9 @@ const InspectionInformation = _ref => {
     option: inspectionTypeOptions,
     optionKey: "i18nKey",
     selected: inspectionType,
-    select: setInspectionType,
+    select: handleInspectionTypeChange,
     t: t,
-    disabled: readOnly
+    disable: readOnly
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1
@@ -26430,7 +26727,7 @@ const InspectionInformation = _ref => {
     }
   }, t("Inspection Date")), /*#__PURE__*/React.createElement(DatePicker, {
     date: inspectionDate,
-    onChange: setInspectionDate,
+    onChange: handleInspectionDateChange,
     disabled: readOnly
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -26448,13 +26745,13 @@ const InspectionInformation = _ref => {
     }
   }, t("Inspector Name")), /*#__PURE__*/React.createElement(TextInput, {
     value: inspectorName,
-    onChange: e => setInspectorName(e.target.value),
+    onChange: handleInspectorNameChange,
     disabled: readOnly
   }))));
 };
 
 function ApplicationDetailsContent(_ref) {
-  var _detail, _detail$additionalDet, _applicationDetails$a, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
+  var _applicationDetails$a, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
   let applicationDetails = _ref.applicationDetails,
     workflowDetails = _ref.workflowDetails,
     isDataLoading = _ref.isDataLoading,
@@ -26468,7 +26765,6 @@ function ApplicationDetailsContent(_ref) {
     oldValue = _ref.oldValue,
     _ref$isInfoLabel = _ref.isInfoLabel,
     isInfoLabel = _ref$isInfoLabel === void 0 ? false : _ref$isInfoLabel;
-  alert("ApplicationDetailsContent Loaded");
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const _useState = useState(false),
@@ -26483,19 +26779,6 @@ function ApplicationDetailsContent(_ref) {
   const _useState2 = useState({}),
     fetchBillData = _useState2[0],
     updatefetchBillData = _useState2[1];
-  const isMounted = React.useRef(true);
-  useEffect(() => {
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  const _useState3 = useState({
-      loading: false,
-      loaded: false,
-      canLoad: false
-    }),
-    billData = _useState3[0],
-    updateCanFetchBillData = _useState3[1];
   const setBillData = function (tenantId, propertyIds, updatefetchBillData, updateCanFetchBillData) {
     try {
       return Promise.resolve(Digit.PTService.assessmentSearch({
@@ -26505,14 +26788,12 @@ function ApplicationDetailsContent(_ref) {
         }
       })).then(function (assessmentData) {
         function _temp2() {
-          if (isMounted.current) {
-            updatefetchBillData(billData);
-            updateCanFetchBillData({
-              loading: false,
-              loaded: true,
-              canLoad: true
-            });
-          }
+          updatefetchBillData(billData);
+          updateCanFetchBillData({
+            loading: false,
+            loaded: true,
+            canLoad: true
+          });
         }
         let billData = {};
         const _temp = function (_assessmentData$Asses) {
@@ -26531,23 +26812,28 @@ function ApplicationDetailsContent(_ref) {
       return Promise.reject(e);
     }
   };
-  useEffect(() => {
-    if ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.status) === "ACTIVE" && !billData.loading && !billData.loaded && !billData.canLoad) {
-      updateCanFetchBillData({
-        loading: false,
-        loaded: false,
-        canLoad: true
-      });
-    }
-    if (billData !== null && billData !== void 0 && billData.canLoad && !billData.loading && !billData.loaded) {
-      updateCanFetchBillData({
-        loading: true,
-        loaded: false,
-        canLoad: true
-      });
-      setBillData((applicationData === null || applicationData === void 0 ? void 0 : applicationData.tenantId) || tenantId, applicationData === null || applicationData === void 0 ? void 0 : applicationData.propertyId, updatefetchBillData, updateCanFetchBillData);
-    }
-  }, [applicationData, billData, tenantId]);
+  const _useState3 = useState({
+      loading: false,
+      loaded: false,
+      canLoad: false
+    }),
+    billData = _useState3[0],
+    updateCanFetchBillData = _useState3[1];
+  if ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.status) === "ACTIVE" && !billData.loading && !billData.loaded && !billData.canLoad) {
+    updateCanFetchBillData({
+      loading: false,
+      loaded: false,
+      canLoad: true
+    });
+  }
+  if (billData !== null && billData !== void 0 && billData.canLoad && !billData.loading && !billData.loaded) {
+    updateCanFetchBillData({
+      loading: true,
+      loaded: false,
+      canLoad: true
+    });
+    setBillData((applicationData === null || applicationData === void 0 ? void 0 : applicationData.tenantId) || tenantId, applicationData === null || applicationData === void 0 ? void 0 : applicationData.propertyId, updatefetchBillData, updateCanFetchBillData);
+  }
   const convertEpochToDateDMY = dateEpoch => {
     if (dateEpoch == null || dateEpoch === undefined || dateEpoch === "") {
       return "NA";
@@ -26732,11 +27018,6 @@ function ApplicationDetailsContent(_ref) {
   const handleViewClick = data => {
     setShowPopup(true);
   };
-  console.log("applicationStatus", applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus);
-  console.log("documents", (_detail = detail) === null || _detail === void 0 ? void 0 : (_detail$additionalDet = _detail.additionalDetails) === null || _detail$additionalDet === void 0 ? void 0 : _detail$additionalDet.documents);
-  console.log("dueVerification", applicationData === null || applicationData === void 0 ? void 0 : applicationData.dueVerification);
-  console.log("inspectionInformation", applicationData === null || applicationData === void 0 ? void 0 : applicationData.inspectionInformation);
-  console.log(detail);
   return /*#__PURE__*/React.createElement(Card, {
     style: {
       position: "relative"
@@ -26750,7 +27031,7 @@ function ApplicationDetailsContent(_ref) {
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
   }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
-    var _detail$title, _detail$values, _detail$additionalDet2, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet3, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29, _detail$additionalDet30;
+    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
@@ -26941,69 +27222,63 @@ function ApplicationDetailsContent(_ref) {
       }), value.title === "PT_TOTAL_DUES" ? /*#__PURE__*/React.createElement(ArrearSummary, {
         bill: (_fetchBillData$Bill = fetchBillData.Bill) === null || _fetchBillData$Bill === void 0 ? void 0 : _fetchBillData$Bill[0]
       }) : "");
-    })))), (detail === null || detail === void 0 ? void 0 : detail.belowComponent) && /*#__PURE__*/React.createElement(detail.belowComponent, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet2 = detail.additionalDetails) === null || _detail$additionalDet2 === void 0 ? void 0 : _detail$additionalDet2.inspectionReport) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
+    })))), (detail === null || detail === void 0 ? void 0 : detail.belowComponent) && /*#__PURE__*/React.createElement(detail.belowComponent, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet = detail.additionalDetails) === null || _detail$additionalDet === void 0 ? void 0 : _detail$additionalDet.inspectionReport) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails,
       paymentsList: paymentsList
-    }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : (_applicationDetails$a3 = _applicationDetails$a2.additionalDetails) === null || _applicationDetails$a3 === void 0 ? void 0 : (_applicationDetails$a4 = _applicationDetails$a3.fieldinspection_pending) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.length) > 0 && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet3 = detail.additionalDetails) === null || _detail$additionalDet3 === void 0 ? void 0 : _detail$additionalDet3.fiReport) && /*#__PURE__*/React.createElement(InspectionReport, {
+    }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : (_applicationDetails$a3 = _applicationDetails$a2.additionalDetails) === null || _applicationDetails$a3 === void 0 ? void 0 : (_applicationDetails$a4 = _applicationDetails$a3.fieldinspection_pending) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.length) > 0 && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet2 = detail.additionalDetails) === null || _detail$additionalDet2 === void 0 ? void 0 : _detail$additionalDet2.fiReport) && /*#__PURE__*/React.createElement(InspectionReport, {
       fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : (_applicationDetails$a6 = _applicationDetails$a5.additionalDetails) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.fieldinspection_pending
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet4 = detail.additionalDetails) === null || _detail$additionalDet4 === void 0 ? void 0 : _detail$additionalDet4.floors) && /*#__PURE__*/React.createElement(PropertyFloors, {
-      floors: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet5 = detail.additionalDetails) === null || _detail$additionalDet5 === void 0 ? void 0 : _detail$additionalDet5.floors
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet6 = detail.additionalDetails) === null || _detail$additionalDet6 === void 0 ? void 0 : _detail$additionalDet6.units) && /*#__PURE__*/React.createElement(TLTradeUnits, {
-      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet7 = detail.additionalDetails) === null || _detail$additionalDet7 === void 0 ? void 0 : _detail$additionalDet7.units
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet8 = detail.additionalDetails) === null || _detail$additionalDet8 === void 0 ? void 0 : _detail$additionalDet8.accessories) && /*#__PURE__*/React.createElement(TLTradeAccessories, {
-      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet9 = detail.additionalDetails) === null || _detail$additionalDet9 === void 0 ? void 0 : _detail$additionalDet9.accessories
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet0 = detail.additionalDetails) === null || _detail$additionalDet0 === void 0 ? void 0 : _detail$additionalDet0.permissions) && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.nextActions) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.length) > 0 && /*#__PURE__*/React.createElement(PermissionCheck, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet3 = detail.additionalDetails) === null || _detail$additionalDet3 === void 0 ? void 0 : _detail$additionalDet3.floors) && /*#__PURE__*/React.createElement(PropertyFloors, {
+      floors: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet4 = detail.additionalDetails) === null || _detail$additionalDet4 === void 0 ? void 0 : _detail$additionalDet4.floors
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet5 = detail.additionalDetails) === null || _detail$additionalDet5 === void 0 ? void 0 : _detail$additionalDet5.units) && /*#__PURE__*/React.createElement(TLTradeUnits, {
+      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet6 = detail.additionalDetails) === null || _detail$additionalDet6 === void 0 ? void 0 : _detail$additionalDet6.units
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet7 = detail.additionalDetails) === null || _detail$additionalDet7 === void 0 ? void 0 : _detail$additionalDet7.accessories) && /*#__PURE__*/React.createElement(TLTradeAccessories, {
+      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet8 = detail.additionalDetails) === null || _detail$additionalDet8 === void 0 ? void 0 : _detail$additionalDet8.accessories
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet9 = detail.additionalDetails) === null || _detail$additionalDet9 === void 0 ? void 0 : _detail$additionalDet9.permissions) && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.nextActions) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.length) > 0 && /*#__PURE__*/React.createElement(PermissionCheck, {
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
       t: t,
-      permissions: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet1 = detail.additionalDetails) === null || _detail$additionalDet1 === void 0 ? void 0 : _detail$additionalDet1.permissions
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet10 = detail.additionalDetails) === null || _detail$additionalDet10 === void 0 ? void 0 : _detail$additionalDet10.obpsDocuments) && /*#__PURE__*/React.createElement(BPADocuments, {
+      permissions: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet0 = detail.additionalDetails) === null || _detail$additionalDet0 === void 0 ? void 0 : _detail$additionalDet0.permissions
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet1 = detail.additionalDetails) === null || _detail$additionalDet1 === void 0 ? void 0 : _detail$additionalDet1.obpsDocuments) && /*#__PURE__*/React.createElement(BPADocuments, {
       t: t,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
       docs: detail.additionalDetails.obpsDocuments,
       bpaActionsDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet11 = detail.additionalDetails) === null || _detail$additionalDet11 === void 0 ? void 0 : _detail$additionalDet11.noc) && /*#__PURE__*/React.createElement(NOCDocuments, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet10 = detail.additionalDetails) === null || _detail$additionalDet10 === void 0 ? void 0 : _detail$additionalDet10.noc) && /*#__PURE__*/React.createElement(NOCDocuments, {
       t: t,
       isNoc: true,
       NOCdata: detail.values,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
       docs: detail.additionalDetails.noc,
-      noc: (_detail$additionalDet12 = detail.additionalDetails) === null || _detail$additionalDet12 === void 0 ? void 0 : _detail$additionalDet12.data,
+      noc: (_detail$additionalDet11 = detail.additionalDetails) === null || _detail$additionalDet11 === void 0 ? void 0 : _detail$additionalDet11.data,
       bpaActionsDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet13 = detail.additionalDetails) === null || _detail$additionalDet13 === void 0 ? void 0 : _detail$additionalDet13.scruntinyDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet12 = detail.additionalDetails) === null || _detail$additionalDet12 === void 0 ? void 0 : _detail$additionalDet12.scruntinyDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet14 = detail.additionalDetails) === null || _detail$additionalDet14 === void 0 ? void 0 : _detail$additionalDet14.buildingExtractionDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet13 = detail.additionalDetails) === null || _detail$additionalDet13 === void 0 ? void 0 : _detail$additionalDet13.buildingExtractionDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet15 = detail.additionalDetails) === null || _detail$additionalDet15 === void 0 ? void 0 : _detail$additionalDet15.subOccupancyTableDetails) && /*#__PURE__*/React.createElement(SubOccupancyTable, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet14 = detail.additionalDetails) === null || _detail$additionalDet14 === void 0 ? void 0 : _detail$additionalDet14.subOccupancyTableDetails) && /*#__PURE__*/React.createElement(SubOccupancyTable, {
       edcrDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet16 = detail.additionalDetails) === null || _detail$additionalDet16 === void 0 ? void 0 : _detail$additionalDet16.documentsWithUrl) && /*#__PURE__*/React.createElement(DocumentsPreview, {
-      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documentsWithUrl
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
-      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents,
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet15 = detail.additionalDetails) === null || _detail$additionalDet15 === void 0 ? void 0 : _detail$additionalDet15.documentsWithUrl) && /*#__PURE__*/React.createElement(DocumentsPreview, {
+      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet16 = detail.additionalDetails) === null || _detail$additionalDet16 === void 0 ? void 0 : _detail$additionalDet16.documentsWithUrl
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
+      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
       applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
-    }), /*#__PURE__*/React.createElement("h1", {
-      style: {
-        background: "red",
-        color: "#fff",
-        padding: 20
-      }
-    }, "HELLO"), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_RECONNECTION") && /*#__PURE__*/React.createElement(DueVerification, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_RECONNECTION") && /*#__PURE__*/React.createElement(DueVerification, {
       applicationData: applicationData
-    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION") && /*#__PURE__*/React.createElement(InspectionInformation, {
+    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION") && /*#__PURE__*/React.createElement(InspectionInformation, {
       applicationData: applicationData
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
-      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.taxHeadEstimatesCalculation
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
+      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
       oldValue: oldValue
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : _detail$additionalDet24.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
-      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet25 = detail.additionalDetails) === null || _detail$additionalDet25 === void 0 ? void 0 : (_detail$additionalDet26 = _detail$additionalDet25.redirectUrl) === null || _detail$additionalDet26 === void 0 ? void 0 : _detail$additionalDet26.url
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
+      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.url
     }, /*#__PURE__*/React.createElement("span", {
       className: "add-details-link hover-button"
-    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet27 = detail.additionalDetails) === null || _detail$additionalDet27 === void 0 ? void 0 : (_detail$additionalDet28 = _detail$additionalDet27.redirectUrl) === null || _detail$additionalDet28 === void 0 ? void 0 : _detail$additionalDet28.title)), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet29 = detail.additionalDetails) === null || _detail$additionalDet29 === void 0 ? void 0 : _detail$additionalDet29.estimationDetails) && /*#__PURE__*/React.createElement(WSFeeEstimation, {
+    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : (_detail$additionalDet27 = _detail$additionalDet26.redirectUrl) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.title)), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet28 = detail.additionalDetails) === null || _detail$additionalDet28 === void 0 ? void 0 : _detail$additionalDet28.estimationDetails) && /*#__PURE__*/React.createElement(WSFeeEstimation, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet30 = detail.additionalDetails) === null || _detail$additionalDet30 === void 0 ? void 0 : _detail$additionalDet30.estimationDetails) && /*#__PURE__*/React.createElement(ViewBreakup, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet29 = detail.additionalDetails) === null || _detail$additionalDet29 === void 0 ? void 0 : _detail$additionalDet29.estimationDetails) && /*#__PURE__*/React.createElement(ViewBreakup, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
     }));
@@ -27383,7 +27658,7 @@ const ApplicationDetails = props => {
     clearDataDetails = props.clearDataDetails,
     _props$isAction = props.isAction,
     isAction = _props$isAction === void 0 ? false : _props$isAction;
-  useEffect$1(() => {
+  useEffect(() => {
     if (showToast) {
       workflowDetails.revalidate();
     }
@@ -27779,7 +28054,7 @@ const ApplicationDetails$1 = () => {
   const closeToast = () => {
     setShowToast(null);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (applicationDetails) {
       var _details$applicationD, _details$applicationD2, _details$applicationD3, _details$applicationD6, _details$applicationD9, _details$applicationD0, _details$applicationD1;
       let details = lodash.cloneDeep(applicationDetails);
@@ -27868,7 +28143,7 @@ const ApplicationDetails$1 = () => {
       setAppDetailsToShow(details);
     }
   }, [applicationDetails, isFixedPoint]);
-  useEffect$1(() => {
+  useEffect(() => {
     var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4;
     if (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data = workflowDetails.data) !== null && _workflowDetails$data !== void 0 && _workflowDetails$data.applicationBusinessService && !((workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.applicationBusinessService) === "watertanker" && businessService === "watertanker" || (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : _workflowDetails$data3.applicationBusinessService) === "mobileToilet" && businessService === "mobileToilet" || (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data4 = workflowDetails.data) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.applicationBusinessService) === "treePruning" && businessService === "treePruning")) {
       var _workflowDetails$data5;
@@ -27947,7 +28222,7 @@ const WTCitizenCard = () => {
     data = _Digit$Hooks$useNewIn.data,
     isFetching = _Digit$Hooks$useNewIn.isFetching,
     isSuccess = _Digit$Hooks$useNewIn.isSuccess;
-  useEffect$1(() => {
+  useEffect(() => {
     if (!isFetching && isSuccess) setTotal(data);
   }, [isFetching]);
   const handleDetailsClick = () => {
@@ -28004,7 +28279,7 @@ const MTCard = () => {
     isLoading = _Digit$Hooks$useNewIn.isLoading,
     isFetching = _Digit$Hooks$useNewIn.isFetching,
     isSuccess = _Digit$Hooks$useNewIn.isSuccess;
-  useEffect$1(() => {
+  useEffect(() => {
     if (!isFetching && isSuccess) setTotal(data);
   }, [isFetching]);
   if (!Digit.Utils.mtAccess()) {
@@ -28063,7 +28338,7 @@ const TPCard = () => {
     isLoading = _Digit$Hooks$useNewIn.isLoading,
     isFetching = _Digit$Hooks$useNewIn.isFetching,
     isSuccess = _Digit$Hooks$useNewIn.isSuccess;
-  useEffect$1(() => {
+  useEffect(() => {
     if (!isFetching && isSuccess) setTotal(data);
   }, [isFetching]);
   const links = [{
@@ -28124,7 +28399,7 @@ const ServiceTypes = _ref => {
     });
     onSelect(config.key, ServiceType, false);
   }, [formData.serviceType, serviceType, onSelect, config.key]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (userType === "citizen") {
       goNext();
     }
@@ -28252,7 +28527,7 @@ const ToiletRequestDetails = _ref => {
     });
     onSelect(config.key, Service, false);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (userType === "citizen") {
       goNext();
     }
@@ -28380,7 +28655,7 @@ const TreePruningRequestDetails = _ref => {
     });
     onSelect(config.key, Service, false);
   };
-  useEffect$1(() => {
+  useEffect(() => {
     if (userType === "citizen") {
       goNext();
     }
@@ -28651,7 +28926,7 @@ const MTAcknowledgement = _ref => {
     storeData = _Digit$Hooks$useStore.data;
   const _ref2 = storeData || {},
     tenants = _ref2.tenants;
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       data.tenantId = tenantId;
       let formdata = mobileToiletPayload(data);
@@ -28836,7 +29111,7 @@ const TPAcknowledgement = _ref => {
     storeData = _Digit$Hooks$useStore.data;
   const _ref2 = storeData || {},
     tenants = _ref2.tenants;
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       data.tenantId = tenantId;
       let formdata = treePruningPayload(data);
@@ -29384,7 +29659,7 @@ const MTCitizenCard = () => {
     data = _Digit$Hooks$useNewIn.data,
     isFetching = _Digit$Hooks$useNewIn.isFetching,
     isSuccess = _Digit$Hooks$useNewIn.isSuccess;
-  useEffect$1(() => {
+  useEffect(() => {
     if (!isFetching && isSuccess) setTotal(data);
   }, [isFetching]);
   const links = [{
@@ -29625,7 +29900,7 @@ const EmergencyFixedPointRequestDetails = _ref => {
     setUploadedFile(null);
     setFile(e.target.files[0]);
   }
-  useEffect$1(() => {
+  useEffect(() => {
     (function () {
       try {
         setError(null);
@@ -29660,7 +29935,7 @@ const EmergencyFixedPointRequestDetails = _ref => {
       }
     })();
   }, [file]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (!waterType && WaterTypeData !== null && WaterTypeData !== void 0 && WaterTypeData.length) {
       const drinkableOption = WaterTypeData.find(data => {
         var _data$code, _data$code2;
@@ -30101,7 +30376,7 @@ const WTEmergencyFixedPointAcknowledgement = _ref => {
     storeData = _Digit$Hooks$useStore.data;
   const _ref2 = storeData || {},
     tenants = _ref2.tenants;
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       data.tenantId = tenantId;
       let formdata = emergencyWaterTankerPayload(data);
@@ -30208,7 +30483,7 @@ const MTEmergencyFixedPointAcknowledgement = _ref => {
     storeData = _Digit$Hooks$useStore.data;
   const _ref2 = storeData || {},
     tenants = _ref2.tenants;
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       data.tenantId = tenantId;
       let formdata = mobileToiletPayload(data);
@@ -30312,7 +30587,7 @@ const EmergencyFixedPointTPAcknowledgement = _ref => {
     storeData = _Digit$Hooks$useStore.data;
   const _ref2 = storeData || {},
     tenants = _ref2.tenants;
-  useEffect$1(() => {
+  useEffect(() => {
     try {
       data.tenantId = tenantId;
       let formdata = treePruningPayload(data);
@@ -30491,7 +30766,7 @@ const WTEmergencyFixedPointCreate = () => {
     conf.indexRoute = "fp-info";
     return conf;
   }, []);
-  useEffect$1(() => {
+  useEffect(() => {
     if (params && Object.keys(params).length > 0 && window.location.href.includes("/fp-info") && sessionStorage.getItem("docReqScreenByBack") !== "true") {
       clearParams();
       queryClient.invalidateQueries("FP_Create");
@@ -30540,7 +30815,7 @@ const WTEmergencyFixedPointCreate = () => {
     }
   };
   const paramsRef = useRef(params);
-  useEffect$1(() => {
+  useEffect(() => {
     paramsRef.current = params;
   }, [params]);
   const handleSelect = useCallback(function (key, data, skipStep, index, isAddMultiple) {
@@ -30652,7 +30927,7 @@ const WTEmergencyFixedPointCreate = () => {
   };
   const isFormStep = formStepRoutes.some(route => pathname.includes(route));
   const sectionRefs = useRef({});
-  useEffect$1(() => {
+  useEffect(() => {
     if (isFormStep) {
       const currentRoute = pathname.split("/").pop();
       if (sectionRefs.current[currentRoute]) {
@@ -31232,7 +31507,7 @@ const EmergencyFixedPointDispatchDetails = _ref => {
       }
     }),
     vehicleSearchData = _Digit$Hooks$fsm$useV2.data;
-  useEffect$1(() => {
+  useEffect(() => {
     var _vehicleSearchData$ve, _vehicleSearchData$ve2;
     const drv = vehicleSearchData === null || vehicleSearchData === void 0 ? void 0 : (_vehicleSearchData$ve = vehicleSearchData.vehicle) === null || _vehicleSearchData$ve === void 0 ? void 0 : (_vehicleSearchData$ve2 = _vehicleSearchData$ve[0]) === null || _vehicleSearchData$ve2 === void 0 ? void 0 : _vehicleSearchData$ve2.driverData;
     if (drv) {
@@ -31361,7 +31636,7 @@ const WTModule = _ref => {
       language
     });
   Digit.SessionStorage.set("WT_TENANTS", tenants);
-  useEffect$1(() => userType === "employee" && Digit.LocalizationService.getLocale({
+  useEffect(() => userType === "employee" && Digit.LocalizationService.getLocale({
     modules: ["rainmaker-" + Digit.ULBService.getCurrentTenantId()],
     locale: Digit.StoreData.getCurrentLanguage(),
     tenantId: Digit.ULBService.getCurrentTenantId()
@@ -31380,7 +31655,7 @@ const WTLinks = _ref2 => {
     t = _useTranslation.t;
   const _Digit$Hooks$useSessi = Digit.Hooks.useSessionStorage("WT", {}),
     clearParams = _Digit$Hooks$useSessi[2];
-  useEffect$1(() => {
+  useEffect(() => {
     clearParams();
   }, []);
   const links = [{