@djb25/digit-ui-module-ekyc 1.0.24 → 1.0.26

package/src/pages/citizen/index.js

@@ -7,9 +7,7 @@ import PropertyInfo from "../../components/PropertyInfo";
 import MeterDetails from "../../components/MeterDetails";
 import Review from "../../components/Review";
 import Home from "./Home";
-import Dashboard from "../../components/Dashboard";
 import Inbox from "./Inbox";
-import AddressDetails from "../../components/AddressDetails";
 import AssignEkyc from "../../components/AssignEkyc";
 import SurveyorDetailsCard from "../../components/SurveyorDetailsCard";
 import VendorDetails from "../../components/VendorDetails";
@@ -21,21 +19,50 @@ const CitizenApp = () => {
 
   sessionStorage.removeItem("revalidateddone");
 
-  const getBreadcrumbLabel = () => {
+  const getDynamicBreadcrumbs = () => {
     const pathname = location.pathname;
-    if (pathname.includes("/create-kyc")) return "EKYC_CREATE_KYC";
-    if (pathname.includes("/aadhaar-verification")) return "EKYC_AADHAAR_VERIFICATION";
-    if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
-    if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
-    if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
-    if (pathname.includes("/review")) return "EKYC_REVIEW";
-    return "EKYC_HOME";
-  };
 
-  const breadcrumbs = [{ icon: HomeIcon, path: "/digit-ui/citizen" }, { label: t(getBreadcrumbLabel()) }];
+    // Parent crumb — always present and clickable → redirects to eKYC citizen home
+    const crumbs = [
+      { icon: HomeIcon, path: "/digit-ui/citizen" },
+      { label: t("EKYC_MODULE_NAME"), path: `/digit-ui/citizen/ekyc` },
+    ];
+
+    // Child crumb — only appended when on a sub-page
+    if (pathname.includes("/create-kyc")) {
+      crumbs.push({ label: t("EKYC_CREATE_KYC") });
+    } else if (pathname.includes("/aadhaar-verification")) {
+      crumbs.push({ label: t("EKYC_AADHAAR_VERIFICATION") });
+    } else if (pathname.includes("/address-details")) {
+      crumbs.push({ label: t("EKYC_ADDRESS_DETAILS") });
+    } else if (pathname.includes("/property-info")) {
+      crumbs.push({ label: t("EKYC_PROPERTY_INFO") });
+    } else if (pathname.includes("/meter-details")) {
+      crumbs.push({ label: t("EKYC_METER_DETAILS") });
+    } else if (pathname.includes("/review")) {
+      crumbs.push({ label: t("EKYC_INBOX"), path: `/digit-ui/citizen/ekyc/inbox` });
+      crumbs.push({ label: t("EKYC_REVIEW") });
+    } else if (pathname.includes("/assign/surveyor-details")) {
+      crumbs.push({ label: t("EKYC_ASSIGN"), path: `/digit-ui/citizen/ekyc/assign` });
+      crumbs.push({ label: t("EKYC_SURVEYOR_DETAILS") });
+    } else if (pathname.includes("/assign")) {
+      crumbs.push({ label: t("EKYC_ASSIGN") });
+    } else if (pathname.includes("/surveyor-dashboard")) {
+      crumbs.push({ label: t("EKYC_SURVEYOR_DASHBOARD") });
+    } else if (pathname.includes("/dashboard")) {
+      crumbs.push({ label: t("EKYC_DASHBOARD") });
+    } else if (pathname.includes("/inbox")) {
+      crumbs.push({ label: t("EKYC_INBOX") });
+    } else if (pathname.includes("/status/")) {
+      crumbs.push({ label: t("EKYC_STATUS") });
+    }
+    // home (exact path) → no child crumb
+
+    return crumbs;
+  };
 
-  const roles = Digit.SessionStorage.get("User")?.info?.roles.map((ele) => ele.code);
-  const isEkyAction = (!roles?.includes("EKYC_SURVEYOR") || roles?.includes("EMPLOYEE"))
+  // const roles = Digit.SessionStorage.get("User")?.info?.roles.map((ele) => ele.code);
+  // const isEkyAction = (!roles?.includes("EKYC_SURVEYOR") || roles?.includes("EMPLOYEE"))
   return (
     <React.Fragment>
       <div className="ground-container form-container">
@@ -47,7 +74,7 @@ const CitizenApp = () => {
             </React.Fragment>
           }
           onLeftClick={() => window.history.back()}
-          breadcrumbs={breadcrumbs}
+          breadcrumbs={getDynamicBreadcrumbs()}
         />
 
         <Switch>
@@ -86,14 +113,14 @@ const CitizenApp = () => {
             )}
           />
 
-          <PrivateRoute
+          {/* <PrivateRoute
             path={`${path}/address-details`}
             component={() => (
               <LayoutWrapper layoutClass="normal">
                 <AddressDetails />
               </LayoutWrapper>
             )}
-          />
+          /> */}
 
           <PrivateRoute
             path={`${path}/property-info`}

package/src/pages/employee/ConsumerDetails.js

@@ -1,38 +1,63 @@
-import React, { useState, Fragment } from "react";
-import { CardLabel, TextInput, Dropdown, UploadFile, Toast, FormStep } from "@djb25/digit-ui-react-components";
+import React, { useState, Fragment, useEffect } from "react";
+import { CardLabel, TextInput, Dropdown, UploadFile, Toast, FormStep, Loader } from "@djb25/digit-ui-react-components";
+import { useLocation } from "react-router-dom";
+
+const ConsumerDetails = ({ config, onSelect, formData }) => {
+  const location = useLocation();
+  const flowState = location.state || {};
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+
+  const queryParams = new URLSearchParams(location.search);
+  const urlKno = queryParams.get("kno");
+
+  const searchKno = urlKno || flowState?.kNumber || flowState?.kno || formData?.kNumber || formData?.kno || sessionStorage.getItem("EKYC_K_NUMBER") || "";
+
+  const { isLoading, data: searchData } = Digit.Hooks.ekyc.useSearchConnection(
+    { tenantId, details: { kno: searchKno } },
+    { enabled: !!searchKno, cacheTime: 0 }
+  );
+
+  const savedData = formData?.consumerDetails || {};
 
-const ConsumerDetails = ({ config, onSelect }) => {
   // 🔹 STATES
-  const [kno, setKno] = useState("");
-  const [consumerType, setConsumerType] = useState(null);
-  const [occupantType, setOccupantType] = useState(null);
-  const [categoryType, setCategoryType] = useState(null);
+  const [kno, setKno] = useState(savedData.kno || "");
+  const [consumerType, setConsumerType] = useState(
+    savedData.consumerType ? { name: savedData.consumerType } : null
+  );
+  const [occupantType, setOccupantType] = useState(
+    savedData.occupantType ? { name: savedData.occupantType } : null
+  );
+  const [categoryType, setCategoryType] = useState(
+    savedData.categoryType ? { name: savedData.categoryType } : null
+  );
 
-  const [firstName, setFirstName] = useState("");
-  const [middleName, setMiddleName] = useState("");
-  const [lastName, setLastName] = useState("");
+  const [firstName, setFirstName] = useState(savedData.firstName || "");
+  const [middleName, setMiddleName] = useState(savedData.middleName || "");
+  const [lastName, setLastName] = useState(savedData.lastName || "");
 
-  const [gender, setGender] = useState(null);
+  const [gender, setGender] = useState(
+    savedData.gender ? { name: savedData.gender } : null
+  );
 
-  const [mobile, setMobile] = useState("");
-  const [whatsapp, setWhatsapp] = useState("");
-  const [email, setEmail] = useState("");
-  const [residents, setResidents] = useState("");
+  const [mobile, setMobile] = useState(savedData.mobile || "");
+  const [whatsapp, setWhatsapp] = useState(savedData.whatsapp || "");
+  const [email, setEmail] = useState(savedData.email || "");
+  const [residents, setResidents] = useState(savedData.residents || "");
 
   // Tenant
   const [, setDocumentProof] = useState(null);
-  const [documentId, setDocumentId] = useState(null);
-  const [ownerMobile, setOwnerMobile] = useState("");
-  const [tenantVerification, setTenantVerification] = useState("");
+  const [documentId, setDocumentId] = useState(savedData.documentId || null);
+  const [ownerMobile, setOwnerMobile] = useState(savedData.ownerMobile || "");
+  const [tenantVerification, setTenantVerification] = useState(savedData.tenantVerification || "");
 
   // Govt
-  const [designation, setDesignation] = useState("");
-  const [department, setDepartment] = useState("");
-  const [employeeId, setEmployeeId] = useState("");
+  const [designation, setDesignation] = useState(savedData.designation || "");
+  const [department, setDepartment] = useState(savedData.department || "");
+  const [employeeId, setEmployeeId] = useState(savedData.employeeId || "");
 
   // Other Entity
-  const [contactPerson, setContactPerson] = useState("");
-  const [entityName, setEntityName] = useState("");
+  const [contactPerson, setContactPerson] = useState(savedData.contactPerson || "");
+  const [entityName, setEntityName] = useState(savedData.entityName || "");
 
   // Identity
 
@@ -45,6 +70,35 @@ const ConsumerDetails = ({ config, onSelect }) => {
 
   const genderOptions = [{ name: "Male" }, { name: "Female" }, { name: "Others" }, { name: "Not prefer to say" }];
 
+  // 🔹 PREFILL FROM SEARCH DATA
+  useEffect(() => {
+    const rawData = searchData || formData?.connectionDetails;
+    const details = rawData?.connectionDetails || rawData || {};
+
+    if (searchKno && !kno) {
+      setKno(searchKno);
+    }
+
+    if (details && Object.keys(details).length > 0 && !savedData.firstName) {
+      if (details.consumerName) {
+        const nameParts = details.consumerName.trim().split(/\s+/);
+        if (nameParts.length > 0) setFirstName(nameParts[0]);
+        if (nameParts.length > 2) {
+          setMiddleName(nameParts.slice(1, -1).join(" "));
+          setLastName(nameParts[nameParts.length - 1]);
+        } else if (nameParts.length === 2) {
+          setLastName(nameParts[1]);
+        }
+      }
+      if (details.phoneNumber) {
+        setMobile(details.phoneNumber);
+      }
+      if (details.email) {
+        setEmail(details.email);
+      }
+    }
+  }, [searchData, formData?.connectionDetails, searchKno]);
+
   // 🔹 FILE UPLOAD
   const uploadFile = async (e, setter, idSetter) => {
     const file = e.target.files[0];
@@ -74,7 +128,7 @@ const ConsumerDetails = ({ config, onSelect }) => {
 
     if (occupantType?.name === "Tenanted" && !documentId && !ownerMobile) return false;
 
-    return false;
+    return true;
   };
 
   // 🔹 SUBMIT
@@ -110,6 +164,10 @@ const ConsumerDetails = ({ config, onSelect }) => {
     onSelect(config.key, data);
   };
 
+  if (isLoading) {
+    return <Loader />;
+  }
+
   return (
     <Fragment>
       <FormStep onSelect={onStepSelect} config={config}>

package/src/pages/employee/EKYCForm.js

@@ -1,12 +1,12 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { useQueryClient } from "react-query";
+// import { useQueryClient } from "react-query";
 import { Redirect, Route, Switch, useHistory, useLocation, useRouteMatch } from "react-router-dom";
-import { Header, VerticalTimeline } from "@djb25/digit-ui-react-components";
+import { VerticalTimeline } from "@djb25/digit-ui-react-components";
 import { ekycConfig } from "../../config/config";
 
 const EKYCForm = ({ path: passedPath }) => {
-  const queryClient = useQueryClient();
+  // const queryClient = useQueryClient();
   const match = useRouteMatch();
   const { t } = useTranslation();
   const location = useLocation();
@@ -14,9 +14,7 @@ const EKYCForm = ({ path: passedPath }) => {
   const history = useHistory();
 
   let config = [];
-  const [params, setParams, clearParams] = Digit.Hooks.useSessionStorage("EKYC_CREATE", {});
-  const userInfo = Digit.UserService.getUser();
-  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const [params, setParams] = Digit.Hooks.useSessionStorage("EKYC_CREATE", {});
 
   useEffect(() => {
     if (location.state && Object.keys(location.state).length > 0) {
@@ -31,7 +29,7 @@ const EKYCForm = ({ path: passedPath }) => {
     if (!routeObj) routeObj = config.find((routeObj) => routeObj.route === currentPath);
 
     let nextStep = null;
-    const currentIndex = config.findIndex(c => c.route === routeObj.route);
+    const currentIndex = config.findIndex((c) => c.route === routeObj.route);
     if (currentIndex > -1 && currentIndex < config.length - 1) {
       nextStep = config[currentIndex + 1].route;
     }
@@ -41,7 +39,7 @@ const EKYCForm = ({ path: passedPath }) => {
       redirectWithHistory = history.replace;
     }
 
-    const base = passedPath || match.path.split('/').slice(0, -1).join('/');
+    const base = passedPath || match.path.split("/").slice(0, -1).join("/");
     if (nextStep === null) {
       return redirectWithHistory(`${base}/review`, { ...params, edits: params });
     }
@@ -49,15 +47,17 @@ const EKYCForm = ({ path: passedPath }) => {
     redirectWithHistory(`${base}/${nextStep}`, { ...params });
   };
 
-  function handleSelect(key, data, skipStep, index, isAddMultiple = false) {
-    setParams({ ...params, ...{ [key]: { ...params[key], ...data } } });
-    goNext(skipStep, index, isAddMultiple, key);
+  function handleSelect(key, data, skipStep, index, isAddMultiple = false, silent = false) {
+    setParams((prev) => ({ ...prev, [key]: { ...params[key], ...data } }));
+    if (!silent) {
+      goNext(skipStep, index, isAddMultiple, key);
+    }
   }
 
-  const onSuccess = () => {
-    clearParams();
-    queryClient.invalidateQueries("EKYC_CREATE");
-  };
+  // const onSuccess = () => {
+  //   clearParams();
+  //   queryClient.invalidateQueries("EKYC_CREATE");
+  // };
 
   ekycConfig.forEach((obj) => {
     config = config.concat(obj.body);
@@ -65,7 +65,7 @@ const EKYCForm = ({ path: passedPath }) => {
 
   config.indexRoute = "consumer-details";
 
-  const formStepRoutes = config.map(c => c.route);
+  const formStepRoutes = config.map((c) => c.route);
   const isFormStep = formStepRoutes.some((route) => pathname.includes(route));
 
   const sectionRefs = useRef({});
@@ -85,10 +85,10 @@ const EKYCForm = ({ path: passedPath }) => {
         <VerticalTimeline config={config} showFinalStep={true} />
         <div className="employee-form-section">
           <Switch>
-            <Route path={formStepRoutes.map((route) => `${(passedPath || match.path.split('/').slice(0, -1).join('/'))}/${route}`)}>
+            <Route path={formStepRoutes.map((route) => `${passedPath || match.path.split("/").slice(0, -1).join("/")}/${route}`)}>
               <div className="single-page-form-container">
                 {config.map((routeObj, index) => {
-                  const { component, key } = routeObj;
+                  const { component } = routeObj;
                   const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
 
                   return (
@@ -98,6 +98,7 @@ const EKYCForm = ({ path: passedPath }) => {
                         onSelect={handleSelect}
                         t={t}
                         formData={params}
+                      // formData={{ ...params, address: params.addressDetails }}
                       />
                     </div>
                   );
@@ -105,7 +106,7 @@ const EKYCForm = ({ path: passedPath }) => {
               </div>
             </Route>
             <Route>
-              <Redirect to={`${(passedPath || match.path.split('/').slice(0, -1).join('/'))}/${config.indexRoute}`} />
+              <Redirect to={`${passedPath || match.path.split("/").slice(0, -1).join("/")}/${config.indexRoute}`} />
             </Route>
           </Switch>
         </div>

package/src/pages/employee/Inbox.js

@@ -24,7 +24,11 @@ const Inbox = ({ parentRoute, businessService = "EKYC", initialStates = {}, filt
   const [formState, dispatch] = useReducer(formReducer, formInitValue);
 
   const filters = useMemo(() => {
-    return formState?.searchForm || {};
+    const searchForm = formState?.searchForm || {};
+    return {
+      ...searchForm,
+      ...(searchForm.kNumber && { kno: searchForm.kNumber }),
+    };
   }, [formState?.searchForm]);
 
   const queryParams = useMemo(() => {
@@ -83,6 +87,7 @@ const Inbox = ({ parentRoute, businessService = "EKYC", initialStates = {}, filt
           applicationNumber: item.propertyInfo?.kno || "",
           citizenName: item.connectionDetails?.consumerName || "",
           status: item.connectionDetails?.statusflag || "",
+          ekycStatus: item.connectionDetails?.ekycStatus || item.connectionDetails?.ekycstatus || item.ekycStatus || item.ekycstatus || "NA",
           sla: 0,
         };
       }
@@ -97,6 +102,7 @@ const Inbox = ({ parentRoute, businessService = "EKYC", initialStates = {}, filt
         applicationNumber: item.kno || item.applicationNumber || "",
         citizenName: fullName || item.consumerName || item.citizenName || "",
         status: item.status || "",
+        ekycStatus: item.ekycStatus || item.ekycstatus || "NA",
         sla: item.sla ?? 0,
       };
     });
@@ -130,13 +136,13 @@ const Inbox = ({ parentRoute, businessService = "EKYC", initialStates = {}, filt
   };
 
   const searchFormDefaultValues = {
-    mobileNumber: "",
+    kNumber: "",
     applicationNumber: "",
     consumerNo: "",
   };
 
   const onSearchFormReset = (setSearchFormValue) => {
-    setSearchFormValue("mobileNumber", null);
+    setSearchFormValue("kNumber", null);
     setSearchFormValue("applicationNumber", null);
     setSearchFormValue("consumerNo", null);
     dispatch({ action: "mutateSearchForm", data: searchFormDefaultValues });
@@ -158,10 +164,10 @@ const Inbox = ({ parentRoute, businessService = "EKYC", initialStates = {}, filt
 
   const propsForFilterForm = {
     FilterFormFields,
-    onFilterFormSubmit: () => {},
+    onFilterFormSubmit: () => { },
     filterFormDefaultValues: "",
     resetFilterFormDefaultValues: "",
-    onFilterFormReset: () => {},
+    onFilterFormReset: () => { },
   };
 
   function formReducer(state, payload) {
@@ -243,9 +249,9 @@ const Inbox = ({ parentRoute, businessService = "EKYC", initialStates = {}, filt
       <InboxComposer
         {...{
           isInboxLoading,
-          PropsForInboxLinks,
+          // PropsForInboxLinks,
           ...propsForSearchForm,
-          ...propsForFilterForm,
+          // ...propsForFilterForm,
           // ...propsForMobileSortForm,
           propsForInboxTable,
           // propsForInboxMobileCards,

package/src/pages/employee/index.js

@@ -19,20 +19,49 @@ const EmployeeApp = ({ path }) => {
 
   sessionStorage.removeItem("revalidateddone");
 
-  const getBreadcrumbLabel = () => {
+  const getDynamicBreadcrumbs = () => {
     const pathname = location.pathname;
-    if (pathname.includes("/dashboard")) return "ES_COMMON_INBOX";
-    if (pathname.includes("/create-kyc")) return "EKYC_CREATE_KYC";
-    if (pathname.includes("/k-details")) return "EKYC_K_DETAILS";
-    if (pathname.includes("/consumer-details")) return "EKYC_CONSUMER_DETAILS";
-    if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
-    if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
-    if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
-    if (pathname.includes("/review")) return "EKYC_REVIEW";
-    return "ES_COMMON_INBOX";
-  };
 
-  const breadcrumbs = [{ icon: HomeIcon, path: "/digit-ui/employee" }, { label: t(getBreadcrumbLabel()) }];
+    // Parent crumb — always present and clickable → redirects to eKYC inbox
+    const crumbs = [
+      { icon: HomeIcon, path: "/digit-ui/employee" },
+      { label: t("ACTION_TEST_EKYC"), path: `/digit-ui/employee/module/details` },
+    ];
+
+    // Child crumb — only appended when on a sub-page (not inbox/dashboard itself)
+    if (pathname.includes("/create-kyc")) {
+      crumbs.push({ label: t("EKYC_CREATE_KYC") });
+    } else if (pathname.includes("/consumer-details")) {
+      crumbs.push({ label: t("EKYC_CONSUMER_DETAILS") });
+    } else if (pathname.includes("/address-details")) {
+      crumbs.push({ label: t("EKYC_ADDRESS_DETAILS") });
+    } else if (pathname.includes("/property-info")) {
+      crumbs.push({ label: t("EKYC_PROPERTY_INFO") });
+    } else if (pathname.includes("/meter-details")) {
+      crumbs.push({ label: t("EKYC_METER_DETAILS") });
+    } else if (pathname.includes("/review")) {
+      crumbs.push({ label: t("EKYC_INBOX"), path: `/digit-ui/employee/ekyc/inbox` });
+      crumbs.push({ label: t("EKYC_REVIEW") });
+    } else if (pathname.includes("/assign/surveyor-details")) {
+      crumbs.push({ label: t("EKYC_ASSIGN"), path: `/digit-ui/employee/ekyc/assign` });
+      crumbs.push({ label: t("EKYC_SURVEYOR_DETAILS") });
+    } else if (pathname.includes("/assign")) {
+      crumbs.push({ label: t("EKYC_ASSIGN") });
+    } else if (pathname.includes("/ceo-dashboard")) {
+      crumbs.push({ label: t("CEO_M.F_DOR_FINANCE_VIEW") });
+    } else if (pathname.includes("/vendors/")) {
+      crumbs.push({ label: t("EKYC_VENDOR_DETAILS") });
+    } else if (pathname.includes("/mapping")) {
+      crumbs.push({ label: t("EKYC_MAPPING") });
+    } else if (pathname.includes("/dashboard")) {
+      crumbs.push({ label: t("EKYC_DASHBOARD") });
+    } else if (pathname.includes("/inbox")) {
+      crumbs.push({ label: t("EKYC_INBOX") });
+    }
+    // dashboard & inbox → no child crumb (only "eKYC Admin" shown)
+
+    return crumbs;
+  };
 
   const formStepRoutes = ["consumer-details", "address-details", "property-info", "meter-details"];
 
@@ -47,7 +76,7 @@ const EmployeeApp = ({ path }) => {
             </React.Fragment>
           }
           onLeftClick={() => window.history.back()}
-          breadcrumbs={breadcrumbs}
+          breadcrumbs={getDynamicBreadcrumbs()}
         />
 
         <div className="employee-form">

package/src/utils/reportDownloader.js

@@ -0,0 +1,75 @@
+export const downloadSurveyorPDF = async ({
+    rows,
+    surveyorName,
+    employeeId,
+    mobileNumber,
+    vendorName,
+    supervisorName,
+    dashboardInfo,
+    t,
+}) => {
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const initData = Digit.SessionStorage.get("initData");
+    const tenants = initData?.tenants || [];
+    const tenantInfo = tenants.find((tenant) => tenant.code === tenantId);
+
+    const capitalize = (text) =>
+        text && text.substr(0, 1).toUpperCase() + text.substr(1);
+    const ulbCamel = (ulb) =>
+        ulb &&
+        ulb
+            .toLowerCase()
+            .split(" ")
+            .map(capitalize)
+            .join(" ");
+
+    const name = "Delhi Jal Board";
+    const email = "contact@delhijalboard.nic.in";
+    const phoneNumber = "+91-11-23538416";
+
+    const details = [
+        {
+            title: t("SURVEYOR_DETAILS"),
+            asSectionHeader: true,
+            values: [
+                { title: t("SURVEYOR_NAME"), value: surveyorName },
+                { title: t("EMPLOYEE_ID"), value: employeeId },
+                { title: t("MOBILE_NUMBER"), value: mobileNumber },
+                { title: t("VENDOR_NAME"), value: vendorName },
+                { title: t("SUPERVISOR_NAME"), value: supervisorName }
+            ].filter((item) => item.value),
+        },
+        {
+            title: t("SUMMARY_STATISTICS"),
+            asSectionHeader: true,
+            values: [
+                { title: t("TOTAL_ASSIGNED"), value: dashboardInfo?.total || 0 },
+                { title: t("COMPLETED"), value: dashboardInfo?.completed || 0 },
+                { title: t("PENDING"), value: dashboardInfo?.pending || 0 },
+                { title: t("SUBMITTED"), value: dashboardInfo?.submittedCount || 0 },
+            ].filter((item) => item.value),
+        },
+    ];
+
+    if (
+        window.Digit &&
+        window.Digit.Utils &&
+        window.Digit.Utils.pdf &&
+        window.Digit.Utils.pdf.generateSurveyorReport
+    ) {
+        window.Digit.Utils.pdf.generateSurveyorReport({
+            tenantId,
+            logo: null,
+            name,
+            email,
+            phoneNumber,
+            heading: t("EKYC_SURVEYOR_REPORT"),
+            details,
+            applicationNumber: employeeId,
+            rows,
+            t,
+        });
+    } else {
+        console.error("Digit.Utils.pdf.generateSurveyorReport is not available");
+    }
+};