@djb25/digit-ui-module-ekyc 1.0.44 → 1.0.45

package/dist/index.modern.js

@@ -4,6 +4,7 @@ import { useHistory, Link, useLocation, useParams, useRouteMatch, Switch, Route,
 import { PersonIcon, EmployeeModuleCard, Loader, Card, InboxLinks, Table, HomeIcon, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, Label, CustomTooltip, CardLabelError, SearchField, RadioButtons, InboxComposer, EditIcon, DeleteIcon, CardHeader, CardText, LabelFieldPair, CardLabel, ActionBar, Modal, Toast, CardSubHeader, StatusTable, Row, GenericFileIcon, CheckBox, Menu, LinkButton, UploadFile, FormComposer, VerticalTimeline, Close, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, CitizenHomeCard, DocumentIcon } from '@djb25/digit-ui-react-components';
 import * as Chartjs from 'chart.js/auto';
 import Chartjs__default, { Chart } from 'chart.js/auto';
+import 'three/tsl';
 import { FaUsers, FaCheckCircle, FaClock, FaExclamationTriangle, FaUserTie, FaChartLine, FaSearch, FaArrowRight, FaMapMarkedAlt } from 'react-icons/fa';
 import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line, BarChart, Bar, PieChart, Pie, Cell } from 'recharts';
 
@@ -155,6 +156,8 @@ const StatusCards = _ref => {
       total: info.total || 0,
       completed: info.completed || 0,
       pending: info.pending || 0,
+      submittedCount: info.submittedCount || 0,
+      inProgressCount: info.inProgressCount || 0,
       rejected: info.rejected || 0,
       active: info.active || 0
     };
@@ -245,10 +248,12 @@ const StatusCards = _ref => {
   const pending = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.pending) || (countData === null || countData === void 0 ? void 0 : countData.pending) || 0;
   const active = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.active) || (countData === null || countData === void 0 ? void 0 : countData.active) || 0;
   const completed = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.completed) || (countData === null || countData === void 0 ? void 0 : countData.completed) || 0;
+  const inprocess = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.inProgressCount) || (countData === null || countData === void 0 ? void 0 : countData.inProgressCount) || 0;
+  const submitted = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.submittedCount) || (countData === null || countData === void 0 ? void 0 : countData.submittedCount) || 0;
   const actualCompleted = completed;
   const approved = actualCompleted;
-  const efficiency = total > 0 ? Math.round(actualCompleted / total * 100) : 0;
-  const healthPct = total > 0 ? Math.round(approved / total * 100) : 0;
+  const efficiency = total > 0 ? Math.round((submitted + completed) / total * 100) : 0;
+  const healthPct = submitted > 0 ? Math.round(approved / submitted * 100) : 0;
   const formatNumber = num => new Intl.NumberFormat("en-IN").format(num || 0);
   useEffect(() => {
     if (chartRef1.current) {
@@ -258,11 +263,11 @@ const StatusCards = _ref => {
       chartInstance1.current = new ChartConstructor(ctx1, {
         type: "doughnut",
         data: {
-          labels: [t("EKYC_ACTIVE"), t("EKYC_PENDING"), t("EKYC_COMPLETED")],
+          labels: [t("EKYC_PENDING"), t("EKYC_COMPLETED"), t("EKYC_SUBMITTED"), t("EKYC_INPROCESS")],
           datasets: [{
-            data: [active, pending, completed],
-            backgroundColor: ["#0c2a52", "#77B6EA", "#c8ddf5"],
-            borderColor: ["#ffffff", "#ffffff", "#ffffff"],
+            data: [pending, completed, submitted, inprocess],
+            backgroundColor: ["#0c2a52", "#77B6EA", "#c8ddf5", "#49a3fb"],
+            borderColor: ["#ffffff", "#ffffff", "#ffffff", "#ffffff"],
             borderWidth: 2,
             hoverOffset: 4
           }]
@@ -284,17 +289,21 @@ const StatusCards = _ref => {
     };
   }, [pending, completed, active, t]);
   const legendItems = [{
-    color: "#0c2a52",
-    label: t("EKYC_ACTIVE"),
-    value: active
-  }, {
     color: "#77B6EA",
+    label: t("EKYC_COMPLETED"),
+    value: completed
+  }, {
+    color: "#0c2a52",
     label: t("EKYC_PENDING"),
     value: pending
   }, {
     color: "#c8ddf5",
-    label: t("EKYC_COMPLETED"),
-    value: completed
+    label: t("EKYC_SUBMITTED"),
+    value: submitted
+  }, {
+    color: "#49a3fb",
+    label: t("EKYC_INPROCESS"),
+    value: inprocess
   }];
   return /*#__PURE__*/React.createElement("div", {
     className: "ekyc-employee-container"
@@ -316,9 +325,7 @@ const StatusCards = _ref => {
     className: "total-label"
   }, t("EKYC_TOTAL_APPLICATIONS") || "Total Applications Processed"), /*#__PURE__*/React.createElement("div", {
     className: "total-number"
-  }, formatNumber(total)), /*#__PURE__*/React.createElement("div", {
-    className: "total-badge"
-  }, "\u2197 +12.4% ", t("EKYC_FROM_LAST_QUARTER") || "from last quarter"), /*#__PURE__*/React.createElement("button", {
+  }, formatNumber(total)), /*#__PURE__*/React.createElement("button", {
     className: "download-excel-btn",
     disabled: ekycDownloadLoading,
     onClick: handleDownloadEkycData
@@ -382,17 +389,13 @@ const StatusCards = _ref => {
     className: "status-panel"
   }, /*#__PURE__*/React.createElement("div", {
     className: "panel-title"
-  }, t("EKYC_SUBMISSION_HEALTH") || "Submission Health", /*#__PURE__*/React.createElement("span", {
-    className: "optimal-badge"
-  }, t("EKYC_OPTIMAL") || "Optimal")), /*#__PURE__*/React.createElement("div", {
+  }, t("EKYC_SUBMISSION_HEALTH") || "Submission Health"), /*#__PURE__*/React.createElement("div", {
     className: "panel-subtitle"
   }, t("EKYC_PLATFORM_EFFICIENCY") || "Platform operational efficiency"), /*#__PURE__*/React.createElement("div", {
     className: "health-metrics-row"
   }, /*#__PURE__*/React.createElement("div", {
     className: "health-percentage"
-  }, healthPct, "%"), /*#__PURE__*/React.createElement("div", {
-    className: "health-trend"
-  }, "\u2197 +2.1%")), /*#__PURE__*/React.createElement("div", {
+  }, healthPct, "%")), /*#__PURE__*/React.createElement("div", {
     className: "status-progress-bar"
   }, /*#__PURE__*/React.createElement("div", {
     className: "progress-fill",
@@ -407,13 +410,13 @@ const StatusCards = _ref => {
     className: "metric-label"
   }, t("EKYC_AVG_LATENCY") || "Avg Latency"), /*#__PURE__*/React.createElement("div", {
     className: "metric-value"
-  }, "1.2s")), /*#__PURE__*/React.createElement("div", {
+  }, "0s")), /*#__PURE__*/React.createElement("div", {
     className: "metric-box"
   }, /*#__PURE__*/React.createElement("div", {
     className: "metric-label"
   }, t("EKYC_ERROR_RATE") || "Error Rate"), /*#__PURE__*/React.createElement("div", {
     className: "metric-value"
-  }, "0.04%")))))));
+  }, "0.0%")))))));
 };
 
 const Dashboard = () => {
@@ -6179,6 +6182,16 @@ const AssignEkyc = () => {
   })));
 };
 
+const parseAdditionalDetails = additionalDetails => {
+  if (!additionalDetails) return {};
+  if (typeof additionalDetails === "object") return additionalDetails;
+  if (typeof additionalDetails !== "string") return {};
+  try {
+    return JSON.parse(additionalDetails);
+  } catch (error) {
+    return {};
+  }
+};
 const AdminDashboard = () => {
   var _Digit$SessionStorage;
   const _useTranslation = useTranslation(),
@@ -6204,7 +6217,13 @@ const AdminDashboard = () => {
     isProgressLoading = _Digit$Hooks$ekyc$use.isLoading;
   const vendorsList = useMemo(() => {
     if (vendorSearchResponse && vendorSearchResponse.length > 0) {
-      return vendorSearchResponse.map(v => {
+      const filteredVendors = vendorSearchResponse.filter(v => {
+        var _additionalDetails$se;
+        const dso = v.dsoDetails || v;
+        const additionalDetails = parseAdditionalDetails(dso.additionalDetails || v.additionalDetails);
+        return (additionalDetails === null || additionalDetails === void 0 ? void 0 : (_additionalDetails$se = additionalDetails.serviceType) === null || _additionalDetails$se === void 0 ? void 0 : _additionalDetails$se.toLowerCase()) === "ekyc";
+      });
+      return filteredVendors.map(v => {
         var _progressData$supervi, _dso$owner, _v$owner, _dso$owner2;
         const dso = v.dsoDetails || v;
         const supervisorsList = dso.supervisors || [];
@@ -6593,20 +6612,13 @@ const SupervisorDetailsCard = () => {
       setEkycDownloadLoading(true);
       return Promise.resolve(_finallyRethrows(function () {
         return _catch(function () {
-          const fetchPromises = surveyors.map(s => Digit.EkycService.application_list({
+          return Promise.resolve(Digit.EkycService.application_list({
             tenantId: tenantId || "dl.djb",
             offset: 0,
-            limit: 5000,
-            surveyorId: s.surveyorId || s.id,
+            limit: 10000,
             reportDownload: true
-          }).catch(err => {
-            console.error("Error fetching applications for surveyor " + s.surveyorName + ":", err);
-            return {
-              consumerList: []
-            };
-          }));
-          return Promise.resolve(Promise.all(fetchPromises)).then(function (results) {
-            const consumerList = results.flatMap(res => (res === null || res === void 0 ? void 0 : res.consumerList) || []);
+          })).then(function (response) {
+            const consumerList = (response === null || response === void 0 ? void 0 : response.consumerList) || [];
             if (consumerList.length === 0) {
               alert(t("NO_DATA_FOUND") || "No data found for download.");
               return;
@@ -6897,9 +6909,11 @@ const SupervisorDetailsCard = () => {
 const AssignEkycModal = _ref => {
   let surveyor = _ref.surveyor,
     closeModal = _ref.closeModal,
-    refetchDashboard = _ref.refetchDashboard;
+    refetchDashboard = _ref.refetchDashboard,
+    propsTenantId = _ref.tenantId;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  const tenantId = propsTenantId || Digit.ULBService.getCurrentTenantId();
   const _useState = useState([]),
     selectedKnos = _useState[0],
     setSelectedKnos = _useState[1];
@@ -6936,16 +6950,15 @@ const AssignEkycModal = _ref => {
   const _useState8 = useState(filters),
     debouncedFilters = _useState8[0],
     setDebouncedFilters = _useState8[1];
-  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSConfigMDMS.ZROLocation("dl.djb"),
-    zroLocationsData = _Digit$Hooks$ws$useWS.data,
-    isZroLoading = _Digit$Hooks$ws$useWS.isLoading;
+  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSConfigMDMS.ZROLocation(tenantId),
+    zroLocationsData = _Digit$Hooks$ws$useWS.data;
   const mappedZROLocation = useMemo(() => {
     return (zroLocationsData || []).map(item => ({
       code: item.code,
       name: item.name
     }));
   }, [zroLocationsData]);
-  const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS("dl.djb", "egov-location", ["TenantBoundary"]),
+  const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]),
     egovLocationData = _Digit$Hooks$useCommo.data;
   const boundaryData = useMemo(() => {
     var _egovLocationData$ego;
@@ -7023,6 +7036,27 @@ const AssignEkycModal = _ref => {
     });
     return Array.from(pinSet).sort();
   }, [structuredLocalityData]);
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList({
+      unassignedOnly: true,
+      fetchFilterOptions: true
+    }, {
+      tenantId: tenantId,
+      offset: 0,
+      limit: 1000
+    }, {
+      staleTime: Infinity
+    }),
+    filterOptionsData = _Digit$Hooks$ekyc$use.data;
+  const pincodeOptions = useMemo(() => {
+    if (!filterOptionsData) return fetchedPincodes || [];
+    const pins = filterOptionsData.pincodeOptions || [];
+    return Array.isArray(pins) ? pins.filter(Boolean).map(String).sort() : [];
+  }, [filterOptionsData, fetchedPincodes]);
+  const mrkeyOptions = useMemo(() => {
+    if (!filterOptionsData) return [];
+    const keys = filterOptionsData.mrkeyOptions || [];
+    return Array.isArray(keys) ? keys.filter(Boolean).map(String).sort() : [];
+  }, [filterOptionsData]);
   useEffect(() => {
     const timer = setTimeout(() => {
       setDebouncedFilters(filters);
@@ -7032,7 +7066,7 @@ const AssignEkycModal = _ref => {
   useEffect(() => {
     setCurrentPage(0);
   }, [debouncedFilters, filters.kno]);
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList(_extends({
+  const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useEkycApplicationList(_extends({
       unassignedOnly: true
     }, filters.kno && {
       kno: filters.kno
@@ -7049,14 +7083,15 @@ const AssignEkycModal = _ref => {
     }, debouncedFilters.pincode && {
       pincode: debouncedFilters.pincode
     }), {
-      tenantId: "dl.djb",
+      tenantId: tenantId,
       offset: currentPage * pageSize,
       limit: pageSize
     }, {
       keepPreviousData: true
     }),
-    applicationData = _Digit$Hooks$ekyc$use.data,
-    isLoading = _Digit$Hooks$ekyc$use.isFetching;
+    applicationData = _Digit$Hooks$ekyc$use2.data,
+    isLoading = _Digit$Hooks$ekyc$use2.isFetching,
+    refetchApplicationList = _Digit$Hooks$ekyc$use2.refetch;
   const handleAssignmentError = (errMsg, variables) => {
     const isAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("active assignment") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key") || errMsg.toLowerCase().includes("kno") || errMsg.toLowerCase().includes("already exists");
     if (isAlreadyAssigned) {
@@ -7101,9 +7136,23 @@ const AssignEkycModal = _ref => {
       setShowToast(true);
       setTimeout(function () {
         try {
-          return Promise.resolve(refetchDashboard()).then(function () {
-            closeModal();
-          });
+          function _temp4() {
+            function _temp2() {
+              closeModal();
+            }
+            const _temp = function () {
+              if (refetchApplicationList) {
+                return Promise.resolve(refetchApplicationList()).then(function () {});
+              }
+            }();
+            return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+          }
+          const _temp3 = function () {
+            if (refetchDashboard) {
+              return Promise.resolve(refetchDashboard()).then(function () {});
+            }
+          }();
+          return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
         } catch (e) {
           return Promise.reject(e);
         }
@@ -7159,7 +7208,7 @@ const AssignEkycModal = _ref => {
       assignmentType = _getAssignmentPayload.assignmentType,
       assignmentValue = _getAssignmentPayload.assignmentValue;
     assignmentMutation.mutate({
-      tenantId: "dl.djb",
+      tenantId: tenantId,
       surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
       assignmentType,
       assignmentValue
@@ -7235,7 +7284,7 @@ const AssignEkycModal = _ref => {
     }),
     actionCancelLabel: "Cancel",
     actionCancelOnSubmit: closeModal,
-    actionSaveLabel: "Assign " + selectedKnos.length + " KNOs",
+    actionSaveLabel: t("EKYC_ASSIGN_KNOS") || "Assign KNOs",
     actionSaveOnSubmit: handleAssign,
     isDisabled: !(selectedKnos !== null && selectedKnos !== void 0 && selectedKnos.length)
   }, /*#__PURE__*/React.createElement("div", {
@@ -7253,26 +7302,10 @@ const AssignEkycModal = _ref => {
     onChange: e => handleFilterChange("pincode", e.target.value)
   }, /*#__PURE__*/React.createElement("option", {
     value: ""
-  }, "Select Pincode"), fetchedPincodes.map(pin => /*#__PURE__*/React.createElement("option", {
+  }, "Select Pincode"), pincodeOptions.map(pin => /*#__PURE__*/React.createElement("option", {
     key: pin,
     value: pin
   }, pin))), /*#__PURE__*/React.createElement("select", {
-    className: "form-control",
-    value: filters.zoneName,
-    onChange: e => {
-      const val = e.target.value;
-      setFilters(prev => _extends({}, prev, {
-        zoneCode: val,
-        zoneName: val
-      }));
-    },
-    disabled: isZroLoading
-  }, /*#__PURE__*/React.createElement("option", {
-    value: ""
-  }, isZroLoading ? "Loading ZRO Locations..." : "Select ZRO Location"), mappedZROLocation.map(loc => /*#__PURE__*/React.createElement("option", {
-    key: loc.code,
-    value: loc.name
-  }, loc.name))), /*#__PURE__*/React.createElement("select", {
     className: "form-control",
     value: filters.ward,
     onChange: e => handleFilterChange("ward", e.target.value)
@@ -7296,16 +7329,20 @@ const AssignEkycModal = _ref => {
   }, "Select Assembly"), assemblyOptions.map(assembly => /*#__PURE__*/React.createElement("option", {
     key: assembly.code,
     value: assembly.name
-  }, assembly.name))), /*#__PURE__*/React.createElement("input", {
+  }, assembly.name))), /*#__PURE__*/React.createElement("select", {
     className: "form-control",
-    placeholder: "MR Key",
     value: filters.mrkey,
     onChange: e => handleFilterChange("mrkey", e.target.value)
-  }), selectedKnos.length > 0 && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, "Select MR Key"), mrkeyOptions.map(key => /*#__PURE__*/React.createElement("option", {
+    key: key,
+    value: key
+  }, key))), selectedKnos.length > 0 && /*#__PURE__*/React.createElement("button", {
     className: "clear-selected-btn",
     type: "button",
     onClick: () => setSelectedKnos([])
-  }, t("EKYC_CLEAR_SELECTION") || "Clear Selected (" + selectedKnos.length + ")")), /*#__PURE__*/React.createElement(Table, {
+  }, t("EKYC_CLEAR_SELECTION") || "Clear Selected")), /*#__PURE__*/React.createElement(Table, {
     tableTitle: "eKYC Applications",
     tableClass: "ekycTable",
     data: tableData,