@djb25/digit-ui-module-ekyc 1.0.18 → 1.0.19

package/dist/index.modern.js

@@ -2236,19 +2236,21 @@ const Inbox = ({
     }
   };
   const [formState, dispatch] = useReducer(formReducer, formInitValue);
+  const filters = useMemo(() => {
+    return (formState === null || formState === void 0 ? void 0 : formState.searchForm) || {};
+  }, [formState === null || formState === void 0 ? void 0 : formState.searchForm]);
   const queryParams = useMemo(() => {
     var _formState$tableForm, _formState$tableForm2;
     return {
       tenantId,
       offset: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.offset) || 0,
-      limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.limit) || 10,
-      search: (formState === null || formState === void 0 ? void 0 : formState.searchForm) || {}
+      limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.limit) || 10
     };
-  }, [tenantId, formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset, formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.limit, formState === null || formState === void 0 ? void 0 : formState.searchForm]);
+  }, [tenantId, formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset, formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.limit]);
   const {
     isLoading: isListLoading,
     data: listData = {}
-  } = Digit.Hooks.ekyc.useEkycApplicationList({}, queryParams, {
+  } = Digit.Hooks.ekyc.useEkycApplicationList(filters, queryParams, {
     enabled: !!tenantId,
     keepPreviousData: true
   });
@@ -4424,184 +4426,149 @@ const AssignEkycModal = ({
   closeModal
 }) => {
   const [selectedKnos, setSelectedKnos] = useState([]);
+  const [assignmentType, setAssignmentType] = useState("KNO");
+  const [currentPage, setCurrentPage] = useState(0);
+  const [pageSize, setPageSize] = useState(10);
   const [filters, setFilters] = useState({
-    pincode: "",
-    locality: "",
-    status: "",
-    route: "",
-    search: ""
+    kno: "",
+    ekycStatus: "",
+    zoneName: "",
+    assembly: "",
+    ward: "",
+    mrkey: "",
+    pincode: ""
   });
-  const knoList = [{
-    kno: "1029384756",
-    consumerName: "Rahul Sharma",
-    locality: "Rohini",
-    pincode: "110085",
-    status: "PENDING",
-    route: "R1"
+  const getAssignmentValue = () => {
+    switch (assignmentType) {
+      case "MRKEY":
+        return filters.mrkey;
+      case "ASSEMBLY":
+        return filters.assembly;
+      case "WARD":
+        return filters.ward;
+      case "KNO":
+      default:
+        return selectedKnos.join(",");
+    }
+  };
+  const [debouncedFilters, setDebouncedFilters] = useState(filters);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedFilters(filters);
+    }, 500);
+    return () => clearTimeout(timer);
+  }, [filters]);
+  useEffect(() => {
+    setCurrentPage(0);
+  }, [debouncedFilters]);
+  const {
+    data: applicationData,
+    isLoading
+  } = Digit.Hooks.ekyc.useEkycApplicationList({
+    ...(debouncedFilters.kno && {
+      kno: debouncedFilters.kno
+    }),
+    ...(debouncedFilters.ekycStatus && {
+      ekycStatus: debouncedFilters.ekycStatus
+    }),
+    ...(debouncedFilters.zoneName && {
+      zoneName: debouncedFilters.zoneName
+    }),
+    ...(debouncedFilters.assembly && {
+      assembly: debouncedFilters.assembly
+    }),
+    ...(debouncedFilters.ward && {
+      ward: debouncedFilters.ward
+    }),
+    ...(debouncedFilters.mrkey && {
+      mrkey: debouncedFilters.mrkey
+    }),
+    ...(debouncedFilters.pincode && {
+      pincode: debouncedFilters.pincode
+    })
   }, {
-    kno: "9283746555",
-    consumerName: "Amit Kumar",
-    locality: "Pitampura",
-    pincode: "110034",
-    status: "VERIFIED",
-    route: "R2"
-  }, {
-    kno: "8473625147",
-    consumerName: "Neha Verma",
-    locality: "Dwarka",
-    pincode: "110075",
-    status: "PENDING",
-    route: "R3"
-  }, {
-    kno: "5647382910",
-    consumerName: "Sanjay Singh",
-    locality: "Janakpuri",
-    pincode: "110058",
-    status: "ASSIGNED",
-    route: "R1"
-  }, {
-    kno: "9182736450",
-    consumerName: "Priya Mehta",
-    locality: "Laxmi Nagar",
-    pincode: "110092",
-    status: "PENDING",
-    route: "R4"
-  }, {
-    kno: "7463829105",
-    consumerName: "Vikas Gupta",
-    locality: "Karol Bagh",
-    pincode: "110005",
-    status: "VERIFIED",
-    route: "R2"
-  }, {
-    kno: "1122334455",
-    consumerName: "Anjali Kapoor",
-    locality: "Saket",
-    pincode: "110017",
-    status: "PENDING",
-    route: "R5"
-  }, {
-    kno: "6677889900",
-    consumerName: "Rohit Yadav",
-    locality: "Uttam Nagar",
-    pincode: "110059",
-    status: "ASSIGNED",
-    route: "R3"
-  }, {
-    kno: "8899776655",
-    consumerName: "Deepak Chauhan",
-    locality: "Burari",
-    pincode: "110084",
-    status: "PENDING",
-    route: "R6"
-  }, {
-    kno: "5544332211",
-    consumerName: "Sneha Arora",
-    locality: "Shahdara",
-    pincode: "110032",
-    status: "VERIFIED",
-    route: "R4"
-  }, {
-    kno: "3344556677",
-    consumerName: "Karan Malhotra",
-    locality: "Mayur Vihar",
-    pincode: "110091",
-    status: "PENDING",
-    route: "R7"
-  }, {
-    kno: "9988776654",
-    consumerName: "Pooja Bansal",
-    locality: "Patel Nagar",
-    pincode: "110008",
-    status: "ASSIGNED",
-    route: "R5"
-  }, {
-    kno: "7766554433",
-    consumerName: "Harsh Jain",
-    locality: "Punjabi Bagh",
-    pincode: "110026",
-    status: "PENDING",
-    route: "R8"
-  }, {
-    kno: "2233445566",
-    consumerName: "Nitin Sharma",
-    locality: "Rajouri Garden",
-    pincode: "110027",
-    status: "VERIFIED",
-    route: "R1"
-  }, {
-    kno: "4433221100",
-    consumerName: "Megha Sethi",
-    locality: "Ashok Vihar",
-    pincode: "110052",
-    status: "PENDING",
-    route: "R9"
-  }, {
-    kno: "1010101010",
-    consumerName: "Aditya Rana",
-    locality: "Model Town",
-    pincode: "110009",
-    status: "ASSIGNED",
-    route: "R10"
-  }, {
-    kno: "2020202020",
-    consumerName: "Simran Kaur",
-    locality: "Tilak Nagar",
-    pincode: "110018",
-    status: "PENDING",
-    route: "R11"
-  }, {
-    kno: "3030303030",
-    consumerName: "Mohit Saini",
-    locality: "Narela",
-    pincode: "110040",
-    status: "VERIFIED",
-    route: "R6"
-  }, {
-    kno: "4040404040",
-    consumerName: "Ritika Sharma",
-    locality: "Bawana",
-    pincode: "110039",
-    status: "PENDING",
-    route: "R7"
-  }, {
-    kno: "5050505050",
-    consumerName: "Yash Aggarwal",
-    locality: "Okhla",
-    pincode: "110020",
-    status: "ASSIGNED",
-    route: "R8"
-  }];
-  const filteredKnos = useMemo(() => {
-    return knoList.filter(item => {
-      const matchesPincode = filters.pincode ? item.pincode.includes(filters.pincode) : true;
-      const matchesLocality = filters.locality ? item.locality.toLowerCase().includes(filters.locality.toLowerCase()) : true;
-      const matchesStatus = filters.status ? item.status === filters.status : true;
-      const matchesRoute = filters.route ? item.route.toLowerCase().includes(filters.route.toLowerCase()) : true;
-      const matchesSearch = filters.search ? item.kno.includes(filters.search) || item.consumerName.toLowerCase().includes(filters.search.toLowerCase()) : true;
-      return matchesPincode && matchesLocality && matchesStatus && matchesRoute && matchesSearch;
+    tenantId: "dl.djb",
+    offset: currentPage * pageSize,
+    limit: pageSize
+  }, {
+    keepPreviousData: true
+  });
+  const assignmentMutation = Digit.Hooks.ekyc.useEkycAssignmentCreate({
+    onSuccess: response => {
+      console.log("Assignment successful", response);
+      closeModal();
+    },
+    onError: error => {
+      console.error("Assignment failed", error);
+    }
+  });
+  const tableData = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.consumerList) || [];
+  const handleAssign = () => {
+    assignmentMutation.mutate({
+      tenantId: "dl.djb",
+      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : surveyor.uuid,
+      assignmentType: "KNO",
+      assignmentValue: getAssignmentValue()
     });
-  }, [filters, knoList]);
-  const handleSelect = kno => {
-    setSelectedKnos(prev => prev.includes(kno) ? prev.filter(item => item !== kno) : [...prev, kno]);
   };
   const handleSelectAll = () => {
-    const visibleKnos = filteredKnos.map(item => item.kno);
-    const allSelected = visibleKnos.every(kno => selectedKnos.includes(kno));
-    if (allSelected) {
-      setSelectedKnos(prev => prev.filter(kno => !visibleKnos.includes(kno)));
-    } else {
-      setSelectedKnos(prev => [...new Set([...prev, ...visibleKnos])]);
-    }
+    const pageKnos = tableData.map(item => item.kno);
+    const allSelected = pageKnos.length > 0 && pageKnos.every(kno => selectedKnos.includes(kno));
+    setSelectedKnos(prev => allSelected ? prev.filter(kno => !pageKnos.includes(kno)) : [...new Set([...prev, ...pageKnos])]);
   };
-  const handleAssign = () => {
-    const payload = {
-      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : surveyor.uuid,
-      knos: selectedKnos,
-      filters
-    };
-    console.log(payload);
-    closeModal();
+  const handleFilterChange = (key, value) => {
+    setFilters(prev => ({
+      ...prev,
+      [key]: value
+    }));
+  };
+  const columns = useMemo(() => [{
+    Header: () => /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      checked: tableData.length > 0 && tableData.every(item => selectedKnos.includes(item.kno)),
+      onChange: handleSelectAll
+    }),
+    id: "selection",
+    Cell: ({
+      row
+    }) => {
+      const kno = row.original.kno;
+      return /*#__PURE__*/React.createElement("input", {
+        type: "checkbox",
+        checked: selectedKnos.includes(kno),
+        onChange: () => handleSelect(kno)
+      });
+    }
+  }, {
+    Header: "KNO",
+    accessor: "kno"
+  }, {
+    Header: "Consumer Name",
+    accessor: row => `${row.firstName || ""} ${row.middleName || ""} ${row.lastName || ""}`.trim(),
+    id: "consumerName"
+  }, {
+    Header: "Zone",
+    accessor: "zoneName"
+  }, {
+    Header: "Pincode",
+    accessor: "pincode"
+  }, {
+    Header: "Status",
+    accessor: "status",
+    Cell: ({
+      value
+    }) => /*#__PURE__*/React.createElement("span", {
+      className: `status-badge ${value === "ACTIVE" ? "verified" : value === "PENDING" ? "pending" : "assigned"}`
+    }, value)
+  }, {
+    Header: "eKYC Status",
+    accessor: "ekycStatus",
+    Cell: ({
+      value
+    }) => value || "-"
+  }], [selectedKnos, tableData]);
+  const handleSelect = kno => {
+    setSelectedKnos(prev => prev.includes(kno) ? prev.filter(item => item !== kno) : [...prev, kno]);
   };
   return /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: `Assign KNOs to ${surveyor === null || surveyor === void 0 ? void 0 : surveyor.name}`,
@@ -4618,77 +4585,90 @@ const AssignEkycModal = ({
     className: "filters-grid"
   }, /*#__PURE__*/React.createElement("input", {
     className: "form-control",
-    placeholder: "Search by KNO / Consumer",
-    value: filters.search,
-    onChange: e => setFilters({
-      ...filters,
-      search: e.target.value
-    })
+    placeholder: "KNO",
+    value: filters.kno,
+    onChange: e => handleFilterChange("kno", e.target.value)
   }), /*#__PURE__*/React.createElement("input", {
     className: "form-control",
     placeholder: "Pincode",
     value: filters.pincode,
-    onChange: e => setFilters({
-      ...filters,
-      pincode: e.target.value
-    })
+    onChange: e => handleFilterChange("pincode", e.target.value)
   }), /*#__PURE__*/React.createElement("input", {
     className: "form-control",
-    placeholder: "Locality",
-    value: filters.locality,
-    onChange: e => setFilters({
-      ...filters,
-      locality: e.target.value
-    })
+    placeholder: "Zone",
+    value: filters.zoneName,
+    onChange: e => handleFilterChange("zoneName", e.target.value)
   }), /*#__PURE__*/React.createElement("input", {
     className: "form-control",
-    placeholder: "Route",
-    value: filters.route,
-    onChange: e => setFilters({
-      ...filters,
-      route: e.target.value
-    })
+    placeholder: "Ward",
+    value: filters.ward,
+    onChange: e => handleFilterChange("ward", e.target.value)
+  }), /*#__PURE__*/React.createElement("input", {
+    className: "form-control",
+    placeholder: "Assembly",
+    value: filters.assembly,
+    onChange: e => handleFilterChange("assembly", e.target.value)
+  }), /*#__PURE__*/React.createElement("input", {
+    className: "form-control",
+    placeholder: "MR Key",
+    value: filters.mrkey,
+    onChange: e => handleFilterChange("mrkey", e.target.value)
   }), /*#__PURE__*/React.createElement("select", {
     className: "form-control",
-    value: filters.status,
-    onChange: e => setFilters({
-      ...filters,
-      status: e.target.value
-    })
+    value: filters.ekycStatus,
+    onChange: e => handleFilterChange("ekycStatus", e.target.value)
   }, /*#__PURE__*/React.createElement("option", {
     value: ""
-  }, "All Status"), /*#__PURE__*/React.createElement("option", {
+  }, "All eKYC Status"), /*#__PURE__*/React.createElement("option", {
     value: "PENDING"
   }, "Pending"), /*#__PURE__*/React.createElement("option", {
-    value: "VERIFIED"
-  }, "Verified"), /*#__PURE__*/React.createElement("option", {
-    value: "ASSIGNED"
-  }, "Assigned"))), /*#__PURE__*/React.createElement("div", {
-    className: "summary-bar"
-  }, /*#__PURE__*/React.createElement("div", null, "Total Records: ", filteredKnos.length), /*#__PURE__*/React.createElement("div", null, "Selected KNOs: ", selectedKnos.length)), /*#__PURE__*/React.createElement("div", {
-    className: "table-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "table-header"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    checked: filteredKnos.length > 0 && filteredKnos.every(item => selectedKnos.includes(item.kno)),
-    onChange: handleSelectAll
-  })), /*#__PURE__*/React.createElement("div", null, "KNO"), /*#__PURE__*/React.createElement("div", null, "Consumer Name"), /*#__PURE__*/React.createElement("div", null, "Locality"), /*#__PURE__*/React.createElement("div", null, "Pincode"), /*#__PURE__*/React.createElement("div", null, "Status"), /*#__PURE__*/React.createElement("div", null, "Route")), /*#__PURE__*/React.createElement("div", {
-    className: "table-body"
-  }, filteredKnos.length > 0 ? filteredKnos.map((item, index) => /*#__PURE__*/React.createElement("div", {
-    key: item.kno,
-    className: `table-row ${index % 2 === 0 ? "even" : "odd"}`
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    checked: selectedKnos.includes(item.kno),
-    onChange: () => handleSelect(item.kno)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "kno-value"
-  }, item.kno), /*#__PURE__*/React.createElement("div", null, item.consumerName), /*#__PURE__*/React.createElement("div", null, item.locality), /*#__PURE__*/React.createElement("div", null, item.pincode), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-    className: `status-badge ${item.status === "PENDING" ? "pending" : item.status === "VERIFIED" ? "verified" : "assigned"}`
-  }, item.status)), /*#__PURE__*/React.createElement("div", null, item.route))) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-state"
-  }, "No KNO records found")))));
+    value: "APPROVED"
+  }, "Approved"), /*#__PURE__*/React.createElement("option", {
+    value: "REJECTED"
+  }, "Rejected")), /*#__PURE__*/React.createElement("select", {
+    className: "form-control",
+    value: assignmentType,
+    onChange: e => setAssignmentType(e.target.value)
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "KNO"
+  }, "KNO"), /*#__PURE__*/React.createElement("option", {
+    value: "MRKEY"
+  }, "MR Key"), /*#__PURE__*/React.createElement("option", {
+    value: "WARD"
+  }, "Ward"), /*#__PURE__*/React.createElement("option", {
+    value: "ASSEMBLY"
+  }, "Assembly"))), /*#__PURE__*/React.createElement(Table, {
+    tableTitle: "eKYC Applications",
+    tableClass: "ekycTable",
+    data: tableData,
+    columns: columns,
+    isLoading: isLoading,
+    totalRecords: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalCount) || 0,
+    currentPage: currentPage,
+    pageSizeLimit: pageSize,
+    manualPagination: true,
+    isPaginationRequired: true,
+    onNextPage: () => {
+      if (currentPage < ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1) {
+        setCurrentPage(prev => prev + 1);
+      }
+    },
+    onPrevPage: () => {
+      if (currentPage > 0) {
+        setCurrentPage(prev => prev - 1);
+      }
+    },
+    onFirstPage: () => {
+      setCurrentPage(0);
+    },
+    onLastPage: () => {
+      setCurrentPage(Math.max(((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1, 0));
+    },
+    onPageSizeChange: e => {
+      setPageSize(Number(e.target.value));
+      setCurrentPage(0);
+    }
+  })));
 };
 
 const SurveyorDetailsDashboard = () => {
@@ -5133,10 +5113,6 @@ const AssignEkyc = () => {
     enabled: !!tenantId,
     keepPreviousData: true
   });
-  const handleSort = useCallback(args => {
-    if ((args === null || args === void 0 ? void 0 : args.length) === 0) return;
-    setSortParams(args);
-  }, []);
   const searchDetails = useMemo(() => {
     var _formState$searchForm, _formState$searchForm2;
     return {