@djb25/digit-ui-module-vendor 1.0.34 → 1.0.36

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
 import { useLocation, Switch, useHistory, useParams, Link, useRouteMatch, Redirect, Route } from 'react-router-dom';
-import { AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, VerticalTimeline, FormStep, LabelFieldPair, CardLabel, CustomTooltip, TextInput, MobileNumber, Dropdown as Dropdown$3, UploadFile, Toast, Loader, Card, ActionBar, SubmitBar, RadioOrSelect, Header, SearchForm, SearchField, CardLabelError, DatePicker as DatePicker$3, Table, ShippingTruck, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ApplyFilterBar, AddIcon, Menu, LinkLabel, ViewsIcon, ToggleSwitch, Modal, MdClose, MultiSelectDropdown, CitizenHomeCard, CardSectionHeader, Row, EditIcon, DeleteIcon, CardText, FormComposer, CardHeader, CardSubHeader, StatusTable, LinkButton, Banner, InfoIcon } from '@djb25/digit-ui-react-components';
+import { AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, VerticalTimeline, FormStep, LabelFieldPair, CardLabel, CustomTooltip, TextInput, MobileNumber, Dropdown as Dropdown$3, UploadFile, Toast, Loader, Card, ActionBar, SubmitBar, RadioOrSelect, Header, SearchForm, SearchField, CardLabelError, DatePicker as DatePicker$5, Table, ShippingTruck, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ApplyFilterBar, AddIcon, Menu, LinkLabel, ViewsIcon, ToggleSwitch, Modal, MdClose, MultiSelectDropdown, CitizenHomeCard, CardSectionHeader, Row, EditIcon, DeleteIcon, CardText, FormComposer, CardHeader, CardSubHeader, StatusTable, LinkButton, Banner, InfoIcon } from '@djb25/digit-ui-react-components';
 import { useTranslation } from 'react-i18next';
 import { useForm, Controller } from 'react-hook-form';
 import { useQueryClient } from 'react-query';
@@ -909,6 +909,19 @@ const checkForNotNull = (value = "") => {
 const checkForNA = (value = "") => {
   return checkForNotNull(value) ? value : "NA";
 };
+const convertEpochToDate = (dateEpoch, businessService) => {
+  const dateFromApi = new Date(dateEpoch);
+  if (dateEpoch) {
+    let month = dateFromApi.getMonth() + 1;
+    let day = dateFromApi.getDate();
+    let year = dateFromApi.getFullYear();
+    month = (month > 9 ? "" : "0") + month;
+    day = (day > 9 ? "" : "0") + day;
+    if (businessService === "asset-create") return `${day}-${month}-${year}`;else return `${day}/${month}/${year}`;
+  } else {
+    return null;
+  }
+};
 const VendorData = data => {
   var _data$vendordet, _data$vendordet2, _data$vendordet3, _data$vendordet4, _data$vendordet5, _data$vendordet6, _data$vendordet7, _data$vendordet8, _data$vendordet9, _data$vendordet0, _data$vendordet1, _data$vendordet10, _data$vendordet11, _data$vendordet12, _data$vendordet13, _data$vendordet13$Sta, _data$vendordet14, _data$vendordet14$Ven, _data$vendordet15, _data$vendordet16, _data$vendordet17, _data$vendordet17$Ven, _data$documents, _data$vendordet18, _data$vendordet19;
   const formdata = {
@@ -1304,7 +1317,7 @@ const VendorSearchApplication = ({
       className: "employee-card-input employee-card-input--front"
     }, "+91")
   }), /*#__PURE__*/React.createElement(CardLabelError, null, formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$mob = _formState$errors["mobileNumber"]) === null || _formState$errors$mob === void 0 ? void 0 : _formState$errors$mob.message)), /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("VENDOR_FROM_DATE")), /*#__PURE__*/React.createElement(Controller, {
-    render: props => /*#__PURE__*/React.createElement(DatePicker$3, {
+    render: props => /*#__PURE__*/React.createElement(DatePicker$5, {
       date: props.value,
       disabled: false,
       onChange: props.onChange
@@ -1312,7 +1325,7 @@ const VendorSearchApplication = ({
     name: "fromDate",
     control: control
   })), /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("VENDOR_TO_DATE")), /*#__PURE__*/React.createElement(Controller, {
-    render: props => /*#__PURE__*/React.createElement(DatePicker$3, {
+    render: props => /*#__PURE__*/React.createElement(DatePicker$5, {
       date: props.value,
       disabled: false,
       onChange: props.onChange
@@ -1833,7 +1846,7 @@ const RegisteredVendorSearch = ({
   selectedTab,
   matchedRoles
 }) => {
-  var _matchedRoles$wt, _matchedRoles$wt2, _matchedRoles$ekyc, _matchedRoles$ekyc2, _matchedRoles$ekyc3, _matchedRoles$wt3, _matchedRoles$wt4, _matchedRoles$wt5, _matchedRoles$ekyc4, _matchedRoles$ekyc5, _matchedRoles$ekyc6;
+  var _matchedRoles$wt, _matchedRoles$wt2, _matchedRoles$ekyc, _matchedRoles$ekyc2, _matchedRoles$ekyc3, _matchedRoles$wt3, _matchedRoles$wt4, _matchedRoles$ekyc4, _matchedRoles$ekyc5, _matchedRoles$ekyc6;
   const storedSearchParams = isInboxPage ? Digit.SessionStorage.get("vendor/inbox/searchParams") : Digit.SessionStorage.get("vendor/search/searchParams");
   const {
     t
@@ -1910,7 +1923,7 @@ const RegisteredVendorSearch = ({
     switch (input.type) {
       case "date":
         return /*#__PURE__*/React.createElement(Controller, {
-          render: props => /*#__PURE__*/React.createElement(DatePicker$3, {
+          render: props => /*#__PURE__*/React.createElement(DatePicker$5, {
             date: props.value,
             onChange: props.onChange
           }),
@@ -1957,7 +1970,7 @@ const RegisteredVendorSearch = ({
   };
   const userInfo = Digit.SessionStorage.get("User");
   const userType = userInfo.info.type;
-  const vendorItems = [...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$wt = matchedRoles.wt) !== null && _matchedRoles$wt !== void 0 && _matchedRoles$wt.includes("WT_VENDOR") ? ["VENDOR"] : []), ...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$wt2 = matchedRoles.wt) !== null && _matchedRoles$wt2 !== void 0 && _matchedRoles$wt2.includes("WT_VENDOR") ? ["DRIVER", "VEHICLE"] : []), ...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$ekyc = matchedRoles.ekyc) !== null && _matchedRoles$ekyc !== void 0 && _matchedRoles$ekyc.includes("EKYC-VENDOR") ? ["SUPERVISOR"] : []), ...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$ekyc2 = matchedRoles.ekyc) !== null && _matchedRoles$ekyc2 !== void 0 && _matchedRoles$ekyc2.includes("EKYC_SUPERVISOR") || matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$ekyc3 = matchedRoles.ekyc) !== null && _matchedRoles$ekyc3 !== void 0 && _matchedRoles$ekyc3.includes("EKYC-VENDOR") ? ["SURVEYOR"] : [])];
+  const vendorItems = [...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$wt = matchedRoles.wt) !== null && _matchedRoles$wt !== void 0 && _matchedRoles$wt.includes("WT_VENDOR") ? ["VENDOR"] : []), ...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$wt2 = matchedRoles.wt) !== null && _matchedRoles$wt2 !== void 0 && _matchedRoles$wt2.includes("WT_VENDOR") ? ["DRIVER", "VEHICLE"] : []), ...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$ekyc = matchedRoles.ekyc) !== null && _matchedRoles$ekyc !== void 0 && _matchedRoles$ekyc.includes("EKYC_VENDOR") ? ["SUPERVISOR"] : []), ...(matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$ekyc2 = matchedRoles.ekyc) !== null && _matchedRoles$ekyc2 !== void 0 && _matchedRoles$ekyc2.includes("EKYC_SUPERVISOR") || matchedRoles !== null && matchedRoles !== void 0 && (_matchedRoles$ekyc3 = matchedRoles.ekyc) !== null && _matchedRoles$ekyc3 !== void 0 && _matchedRoles$ekyc3.includes("EKYC_VENDOR") ? ["SURVEYOR"] : [])];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "search-container",
     style: {
@@ -1976,31 +1989,31 @@ const RegisteredVendorSearch = ({
     onClick: onClose
   }, /*#__PURE__*/React.createElement(CloseSvg, null))), /*#__PURE__*/React.createElement("div", {
     className: "search-tabs-container"
-  }, /*#__PURE__*/React.createElement("div", null, (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$wt3 = matchedRoles.wt) === null || _matchedRoles$wt3 === void 0 ? void 0 : _matchedRoles$wt3.includes("WT_VENDOR")) && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "VENDOR" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
       onTabChange("VENDOR");
     }
-  }, t("ES_FSM_REGISTRY_INBOX_TAB_VENDOR")), (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$wt4 = matchedRoles.wt) === null || _matchedRoles$wt4 === void 0 ? void 0 : _matchedRoles$wt4.includes("WT_VENDOR")) && /*#__PURE__*/React.createElement("button", {
+  }, t("ES_FSM_REGISTRY_INBOX_TAB_VENDOR")), (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$wt3 = matchedRoles.wt) === null || _matchedRoles$wt3 === void 0 ? void 0 : _matchedRoles$wt3.includes("WT_VENDOR")) && /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "VEHICLE" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
       onTabChange("VEHICLE");
     }
-  }, t("ES_FSM_REGISTRY_INBOX_TAB_VEHICLE")), (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$wt5 = matchedRoles.wt) === null || _matchedRoles$wt5 === void 0 ? void 0 : _matchedRoles$wt5.includes("WT_VENDOR")) && /*#__PURE__*/React.createElement("button", {
+  }, t("ES_FSM_REGISTRY_INBOX_TAB_VEHICLE")), (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$wt4 = matchedRoles.wt) === null || _matchedRoles$wt4 === void 0 ? void 0 : _matchedRoles$wt4.includes("WT_VENDOR")) && /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "DRIVER" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
       onTabChange("DRIVER");
     }
-  }, t("ES_FSM_REGISTRY_INBOX_TAB_DRIVER")), (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc4 = matchedRoles.ekyc) === null || _matchedRoles$ekyc4 === void 0 ? void 0 : _matchedRoles$ekyc4.includes("EKYC-VENDOR")) && /*#__PURE__*/React.createElement("button", {
+  }, t("ES_FSM_REGISTRY_INBOX_TAB_DRIVER")), (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc4 = matchedRoles.ekyc) === null || _matchedRoles$ekyc4 === void 0 ? void 0 : _matchedRoles$ekyc4.includes("EKYC_VENDOR")) && /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "SUPERVISOR" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
       onTabChange("SUPERVISOR");
     }
-  }, t("ES_FSM_REGISTRY_INBOX_TAB_SUPERVISOR")), ((matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc5 = matchedRoles.ekyc) === null || _matchedRoles$ekyc5 === void 0 ? void 0 : _matchedRoles$ekyc5.includes("EKYC_SUPERVISOR")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc6 = matchedRoles.ekyc) === null || _matchedRoles$ekyc6 === void 0 ? void 0 : _matchedRoles$ekyc6.includes("EKYC-VENDOR"))) && /*#__PURE__*/React.createElement("button", {
+  }, t("ES_FSM_REGISTRY_INBOX_TAB_SUPERVISOR")), ((matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc5 = matchedRoles.ekyc) === null || _matchedRoles$ekyc5 === void 0 ? void 0 : _matchedRoles$ekyc5.includes("EKYC_SUPERVISOR")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc6 = matchedRoles.ekyc) === null || _matchedRoles$ekyc6 === void 0 ? void 0 : _matchedRoles$ekyc6.includes("EKYC_VENDOR"))) && /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "SURVEYOR" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
@@ -3058,14 +3071,26 @@ const VendorInbox = props => {
               to: `/digit-ui/${userType}/vendor/registry/${detailsPath}/` + row.original["id"]
             }, /*#__PURE__*/React.createElement("div", null, `${row.original.name || "N/A"}`))));
           }
-        }, {
+        }, ...(props.selectedTab === "SURVEYOR" ? [{
+          Header: t("ES_FSM_REGISTRY_INBOX_SUPERVISOR_NAME"),
+          accessor: row => {
+            var _row$reportingManager;
+            return ((_row$reportingManager = row.reportingManager) === null || _row$reportingManager === void 0 ? void 0 : _row$reportingManager.name) || "NA";
+          },
+          Cell: ({
+            row
+          }) => {
+            var _row$original15, _row$original15$repor;
+            return /*#__PURE__*/React.createElement("div", null, ((_row$original15 = row.original) === null || _row$original15 === void 0 ? void 0 : (_row$original15$repor = _row$original15.reportingManager) === null || _row$original15$repor === void 0 ? void 0 : _row$original15$repor.name) || "NA");
+          }
+        }] : []), {
           Header: t("WT_MOBILE_NUMBER"),
           accessor: "mobileNumber",
           Cell: ({
             row
           }) => {
-            var _row$original15, _row$original15$owner;
-            return /*#__PURE__*/React.createElement("div", null, ((_row$original15 = row.original) === null || _row$original15 === void 0 ? void 0 : (_row$original15$owner = _row$original15.owner) === null || _row$original15$owner === void 0 ? void 0 : _row$original15$owner.mobileNumber) || "N/A");
+            var _row$original16, _row$original16$owner;
+            return /*#__PURE__*/React.createElement("div", null, ((_row$original16 = row.original) === null || _row$original16 === void 0 ? void 0 : (_row$original16$owner = _row$original16.owner) === null || _row$original16$owner === void 0 ? void 0 : _row$original16$owner.mobileNumber) || "N/A");
           }
         }, {
           Header: t("ES_FSM_REGISTRY_INBOX_DATE_CREATION"),
@@ -3073,11 +3098,11 @@ const VendorInbox = props => {
           Cell: ({
             row
           }) => {
-            var _row$original16, _row$original16$audit, _row$original17, _row$original17$audit;
-            return GetCell((_row$original16 = row.original) !== null && _row$original16 !== void 0 && (_row$original16$audit = _row$original16.auditDetails) !== null && _row$original16$audit !== void 0 && _row$original16$audit.createdTime ? Digit.DateUtils.ConvertEpochToDate((_row$original17 = row.original) === null || _row$original17 === void 0 ? void 0 : (_row$original17$audit = _row$original17.auditDetails) === null || _row$original17$audit === void 0 ? void 0 : _row$original17$audit.createdTime) : "");
+            var _row$original17, _row$original17$audit, _row$original18, _row$original18$audit;
+            return GetCell((_row$original17 = row.original) !== null && _row$original17 !== void 0 && (_row$original17$audit = _row$original17.auditDetails) !== null && _row$original17$audit !== void 0 && _row$original17$audit.createdTime ? Digit.DateUtils.ConvertEpochToDate((_row$original18 = row.original) === null || _row$original18 === void 0 ? void 0 : (_row$original18$audit = _row$original18.auditDetails) === null || _row$original18$audit === void 0 ? void 0 : _row$original18$audit.createdTime) : "");
           }
         }, {
-          Header: t("ES_FSM_REGISTRY_INBOX_VENDOR_NAME"),
+          Header: props.selectedTab === "SUPERVISOR" ? t("ES_VENDOR_SUPERVISOR_AGENCY_NAME") : t("ES_VENDOR_SURVEYOR_AGENCY_NAME"),
           id: "vendorName",
           accessor: row => {
             var _row$vendorData4, _row$vendor4;
@@ -3113,13 +3138,13 @@ const VendorInbox = props => {
           Cell: ({
             row
           }) => {
-            var _row$original18;
+            var _row$original19;
             return /*#__PURE__*/React.createElement(ToggleSwitch, {
               style: {
                 display: "flex",
                 justifyContent: "left"
               },
-              value: ((_row$original18 = row.original) === null || _row$original18 === void 0 ? void 0 : _row$original18.status) === "DISABLED" ? false : true,
+              value: ((_row$original19 = row.original) === null || _row$original19 === void 0 ? void 0 : _row$original19.status) === "DISABLED" ? false : true,
               onChange: () => {
                 console.log("Updating status for", props.selectedTab, row.original.id);
               },
@@ -3284,6 +3309,70 @@ const VendorInbox = props => {
           Header: t("ES_FSM_REGISTRY_INBOX_ENABLED"),
           exportAccessor: row => (row === null || row === void 0 ? void 0 : row.status) || "NA"
         }];
+      case "SURVEYOR":
+        return [{
+          Header: t("ES_FSM_REGISTRY_INBOX_USERNAME"),
+          exportAccessor: row => {
+            var _row$owner0;
+            return (row === null || row === void 0 ? void 0 : (_row$owner0 = row.owner) === null || _row$owner0 === void 0 ? void 0 : _row$owner0.userName) || "NA";
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_DRIVER_NAME"),
+          exportAccessor: row => {
+            var _row$owner1;
+            return `${(row === null || row === void 0 ? void 0 : row.name) || "NA"} (${(row === null || row === void 0 ? void 0 : (_row$owner1 = row.owner) === null || _row$owner1 === void 0 ? void 0 : _row$owner1.mobileNumber) || "NA"})`;
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_SUPERVISOR_NAME"),
+          exportAccessor: row => {
+            var _row$reportingManager2;
+            return (row === null || row === void 0 ? void 0 : (_row$reportingManager2 = row.reportingManager) === null || _row$reportingManager2 === void 0 ? void 0 : _row$reportingManager2.name) || "NA";
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_DATE_DRIVER_CREATION"),
+          exportAccessor: row => {
+            var _row$auditDetails1, _row$auditDetails10;
+            return row !== null && row !== void 0 && (_row$auditDetails1 = row.auditDetails) !== null && _row$auditDetails1 !== void 0 && _row$auditDetails1.createdTime ? Digit.DateUtils.ConvertEpochToDate(row === null || row === void 0 ? void 0 : (_row$auditDetails10 = row.auditDetails) === null || _row$auditDetails10 === void 0 ? void 0 : _row$auditDetails10.createdTime) : "";
+          }
+        }, {
+          Header: t("ES_VENDOR_SURVEYOR_AGENCY_NAME"),
+          exportAccessor: row => {
+            var _row$vendorData15, _row$vendor15, _row$vendorData16, _row$vendorData17, _row$vendorData17$own, _row$vendor16, _row$vendor17, _row$vendor17$owner;
+            return `${(row === null || row === void 0 ? void 0 : (_row$vendorData15 = row.vendorData) === null || _row$vendorData15 === void 0 ? void 0 : _row$vendorData15.name) || (row === null || row === void 0 ? void 0 : (_row$vendor15 = row.vendor) === null || _row$vendor15 === void 0 ? void 0 : _row$vendor15.name) || "NA"} ${(row === null || row === void 0 ? void 0 : (_row$vendorData16 = row.vendorData) === null || _row$vendorData16 === void 0 ? void 0 : _row$vendorData16.mobileNumber) || (row === null || row === void 0 ? void 0 : (_row$vendorData17 = row.vendorData) === null || _row$vendorData17 === void 0 ? void 0 : (_row$vendorData17$own = _row$vendorData17.owner) === null || _row$vendorData17$own === void 0 ? void 0 : _row$vendorData17$own.mobileNumber) || (row === null || row === void 0 ? void 0 : (_row$vendor16 = row.vendor) === null || _row$vendor16 === void 0 ? void 0 : _row$vendor16.mobileNumber) || (row === null || row === void 0 ? void 0 : (_row$vendor17 = row.vendor) === null || _row$vendor17 === void 0 ? void 0 : (_row$vendor17$owner = _row$vendor17.owner) === null || _row$vendor17$owner === void 0 ? void 0 : _row$vendor17$owner.mobileNumber) || "NA"}`;
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_ENABLED"),
+          exportAccessor: row => (row === null || row === void 0 ? void 0 : row.status) || "NA"
+        }];
+      case "SUPERVISOR":
+        return [{
+          Header: t("ES_FSM_REGISTRY_INBOX_USERNAME"),
+          exportAccessor: row => {
+            var _row$owner10;
+            return (row === null || row === void 0 ? void 0 : (_row$owner10 = row.owner) === null || _row$owner10 === void 0 ? void 0 : _row$owner10.userName) || "NA";
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_DRIVER_NAME"),
+          exportAccessor: row => {
+            var _row$owner11;
+            return `${(row === null || row === void 0 ? void 0 : row.name) || "NA"} (${(row === null || row === void 0 ? void 0 : (_row$owner11 = row.owner) === null || _row$owner11 === void 0 ? void 0 : _row$owner11.mobileNumber) || "NA"})`;
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_DATE_DRIVER_CREATION"),
+          exportAccessor: row => {
+            var _row$auditDetails11, _row$auditDetails12;
+            return row !== null && row !== void 0 && (_row$auditDetails11 = row.auditDetails) !== null && _row$auditDetails11 !== void 0 && _row$auditDetails11.createdTime ? Digit.DateUtils.ConvertEpochToDate(row === null || row === void 0 ? void 0 : (_row$auditDetails12 = row.auditDetails) === null || _row$auditDetails12 === void 0 ? void 0 : _row$auditDetails12.createdTime) : "";
+          }
+        }, {
+          Header: t("ES_VENDOR_SUPERVISOR_AGENCY_NAME"),
+          exportAccessor: row => {
+            var _row$vendorData18, _row$vendor18, _row$vendorData19, _row$vendorData20, _row$vendorData20$own, _row$vendor19, _row$vendor20, _row$vendor20$owner;
+            return `${(row === null || row === void 0 ? void 0 : (_row$vendorData18 = row.vendorData) === null || _row$vendorData18 === void 0 ? void 0 : _row$vendorData18.name) || (row === null || row === void 0 ? void 0 : (_row$vendor18 = row.vendor) === null || _row$vendor18 === void 0 ? void 0 : _row$vendor18.name) || "NA"} ${(row === null || row === void 0 ? void 0 : (_row$vendorData19 = row.vendorData) === null || _row$vendorData19 === void 0 ? void 0 : _row$vendorData19.mobileNumber) || (row === null || row === void 0 ? void 0 : (_row$vendorData20 = row.vendorData) === null || _row$vendorData20 === void 0 ? void 0 : (_row$vendorData20$own = _row$vendorData20.owner) === null || _row$vendorData20$own === void 0 ? void 0 : _row$vendorData20$own.mobileNumber) || (row === null || row === void 0 ? void 0 : (_row$vendor19 = row.vendor) === null || _row$vendor19 === void 0 ? void 0 : _row$vendor19.mobileNumber) || (row === null || row === void 0 ? void 0 : (_row$vendor20 = row.vendor) === null || _row$vendor20 === void 0 ? void 0 : (_row$vendor20$owner = _row$vendor20.owner) === null || _row$vendor20$owner === void 0 ? void 0 : _row$vendor20$owner.mobileNumber) || "NA"}`;
+          }
+        }, {
+          Header: t("ES_FSM_REGISTRY_INBOX_ENABLED"),
+          exportAccessor: row => (row === null || row === void 0 ? void 0 : row.status) || "NA"
+        }];
       default:
         return [];
     }
@@ -3365,7 +3454,7 @@ const VendorInbox = props => {
     });
   }
   const ekycRoles = {
-    ekycVendor: "EKYC-VENDOR",
+    ekycVendor: "EKYC_VENDOR",
     supervisor: "EKYC_SUPERVISOR"
   };
   const wtRoles = {
@@ -3378,7 +3467,7 @@ const VendorInbox = props => {
     ekyc: matchedEkycRoles,
     wt: matchedWtRoles
   };
-  matchedRoles.ekyc.push("EKYC-VENDOR");
+  console.log(matchedRoles);
   return /*#__PURE__*/React.createElement("div", {
     className: "inbox-container"
   }, props.userRole !== "FSM_EMP_FSTPO" && props.userRole !== "FSM_ADMIN" && !props.isSearch && /*#__PURE__*/React.createElement("div", {
@@ -3533,12 +3622,12 @@ const SearchVendor = () => {
     config: {
       enabled: false
     }
-  }) : tab === "SUPERVISOR" ? Digit.Hooks.fsm.useSupervisorDetails(tenantId, {
+  }) : tab === "SUPERVISOR" ? Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
     ...paginationParms,
     status: "ACTIVE,DISABLED"
   }, {
     enabled: false
-  }) : tab === "SURVEYOR" ? Digit.Hooks.fsm.useSurveyorDetails(tenantId, {
+  }) : tab === "SURVEYOR" ? Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
     ...paginationParms,
     status: "ACTIVE,DISABLED"
   }, {
@@ -3623,72 +3712,10 @@ const SearchVendor = () => {
       setTableData(tableData);
     }
     if (tab === "SUPERVISOR") {
-      const staticSupervisors = [{
-        id: "SUP1",
-        name: "Amit Kumar",
-        employeeId: "EMP001",
-        status: "ACTIVE",
-        owner: {
-          mobileNumber: "9876543210",
-          userName: "9876543210"
-        },
-        auditDetails: {
-          createdTime: new Date().getTime()
-        },
-        vendorData: {
-          name: "Clean City Agency"
-        }
-      }, {
-        id: "SUP2",
-        name: "Rajesh Singh",
-        employeeId: "EMP002",
-        status: "ACTIVE",
-        owner: {
-          mobileNumber: "9876543211",
-          userName: "9876543211"
-        },
-        auditDetails: {
-          createdTime: new Date().getTime()
-        },
-        vendorData: {
-          name: "Green Environment"
-        }
-      }];
-      setTableData((dsoData === null || dsoData === void 0 ? void 0 : dsoData.supervisor) || staticSupervisors);
+      setTableData((dsoData === null || dsoData === void 0 ? void 0 : dsoData.supervisors) || (dsoData === null || dsoData === void 0 ? void 0 : dsoData.supervisor) || []);
     }
     if (tab === "SURVEYOR") {
-      const staticSurveyors = [{
-        id: "SUR1",
-        name: "Suresh Raina",
-        employeeId: "EMP101",
-        status: "ACTIVE",
-        owner: {
-          mobileNumber: "9123456780",
-          userName: "9123456780"
-        },
-        auditDetails: {
-          createdTime: new Date().getTime()
-        },
-        vendorData: {
-          name: "Clean City Agency"
-        }
-      }, {
-        id: "SUR2",
-        name: "Mahesh Babu",
-        employeeId: "EMP102",
-        status: "ACTIVE",
-        owner: {
-          mobileNumber: "9123456781",
-          userName: "9123456781"
-        },
-        auditDetails: {
-          createdTime: new Date().getTime()
-        },
-        vendorData: {
-          name: "Green Environment"
-        }
-      }];
-      setTableData((dsoData === null || dsoData === void 0 ? void 0 : dsoData.surveyor) || staticSurveyors);
+      setTableData((dsoData === null || dsoData === void 0 ? void 0 : dsoData.surveyors) || (dsoData === null || dsoData === void 0 ? void 0 : dsoData.surveyor) || []);
     }
   }, [dsoData, tab]);
   useEffect(() => {
@@ -4165,18 +4192,84 @@ const SupervisorAreaAssignment = ({
     isLoading
   } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
   useEffect(() => {
+    console.log("Boundary Data State:", {
+      boundaryData,
+      isLoading
+    });
     if (boundaryData) {
-      var _boundaryData$MdmsRes, _boundaryData$MdmsRes2, _boundaryData$MdmsRes3, _boundaryData$MdmsRes4;
-      const tenantBoundary = boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$MdmsRes = boundaryData.MdmsRes) === null || _boundaryData$MdmsRes === void 0 ? void 0 : (_boundaryData$MdmsRes2 = _boundaryData$MdmsRes["egov-location"]) === null || _boundaryData$MdmsRes2 === void 0 ? void 0 : (_boundaryData$MdmsRes3 = _boundaryData$MdmsRes2.TenantBoundary) === null || _boundaryData$MdmsRes3 === void 0 ? void 0 : (_boundaryData$MdmsRes4 = _boundaryData$MdmsRes3[0]) === null || _boundaryData$MdmsRes4 === void 0 ? void 0 : _boundaryData$MdmsRes4.boundary;
-      if (tenantBoundary && tenantBoundary.children) {
-        setZones(tenantBoundary.children);
-      }
+      var _boundaryData$egovLo, _boundaryData$egovLo$, _boundaryData$MdmsRes, _boundaryData$MdmsRes2, _boundaryData$MdmsRes3;
+      const tenantBoundary = (boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$egovLo = boundaryData["egov-location"]) === null || _boundaryData$egovLo === void 0 ? void 0 : (_boundaryData$egovLo$ = _boundaryData$egovLo.TenantBoundary) === null || _boundaryData$egovLo$ === void 0 ? void 0 : _boundaryData$egovLo$[0]) || (boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$MdmsRes = boundaryData.MdmsRes) === null || _boundaryData$MdmsRes === void 0 ? void 0 : (_boundaryData$MdmsRes2 = _boundaryData$MdmsRes["egov-location"]) === null || _boundaryData$MdmsRes2 === void 0 ? void 0 : (_boundaryData$MdmsRes3 = _boundaryData$MdmsRes2.TenantBoundary) === null || _boundaryData$MdmsRes3 === void 0 ? void 0 : _boundaryData$MdmsRes3[0]);
+      const boundaries = (tenantBoundary === null || tenantBoundary === void 0 ? void 0 : tenantBoundary.boundary) || (tenantBoundary === null || tenantBoundary === void 0 ? void 0 : tenantBoundary.children) || [];
+      if (Array.isArray(boundaries) && boundaries.length > 0) {
+        setZones(boundaries);
+      } else if (!isLoading) {
+        setZones([{
+          code: "ZONE-01",
+          name: "ZONE-01",
+          children: [{
+            code: "CLUSTER-01",
+            name: "CLUSTER-01",
+            children: [{
+              code: "WARD-01",
+              name: "WARD-01",
+              children: [{
+                code: "AREA-01",
+                name: "AREA-01"
+              }, {
+                code: "AREA-02",
+                name: "AREA-02"
+              }]
+            }]
+          }]
+        }, {
+          code: "ZONE-02",
+          name: "ZONE-02"
+        }]);
+      }
+    } else if (!isLoading) {
+      setZones([{
+        code: "ZONE-01",
+        name: "ZONE-01",
+        children: [{
+          code: "CLUSTER-01",
+          name: "CLUSTER-01",
+          children: [{
+            code: "WARD-01",
+            name: "WARD-01",
+            children: [{
+              code: "AREA-01",
+              name: "AREA-01"
+            }, {
+              code: "AREA-02",
+              name: "AREA-02"
+            }]
+          }]
+        }]
+      }, {
+        code: "ZONE-02",
+        name: "ZONE-02"
+      }]);
     }
-  }, [boundaryData]);
+  }, [boundaryData, isLoading]);
   useEffect(() => {
     if (selectedZone) {
       var _formData$areaAssignm5, _formData$areaAssignm6;
-      setClusters(selectedZone.children || []);
+      const children = selectedZone.children || selectedZone.boundary || [];
+      setClusters(children.length > 0 ? children : [{
+        code: "CLUSTER-01",
+        name: "CLUSTER-01",
+        children: [{
+          code: "WARD-01",
+          name: "WARD-01",
+          children: [{
+            code: "AREA-01",
+            name: "AREA-01"
+          }, {
+            code: "AREA-02",
+            name: "AREA-02"
+          }]
+        }]
+      }]);
       if (selectedZone.code !== (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm5 = formData.areaAssignment) === null || _formData$areaAssignm5 === void 0 ? void 0 : (_formData$areaAssignm6 = _formData$areaAssignm5.zone) === null || _formData$areaAssignm6 === void 0 ? void 0 : _formData$areaAssignm6.code)) {
         setSelectedCluster(null);
         setSelectedWard(null);
@@ -4189,7 +4282,18 @@ const SupervisorAreaAssignment = ({
   useEffect(() => {
     if (selectedCluster) {
       var _formData$areaAssignm7, _formData$areaAssignm8;
-      setWards(selectedCluster.children || []);
+      const children = selectedCluster.children || selectedCluster.boundary || [];
+      setWards(children.length > 0 ? children : [{
+        code: "WARD-01",
+        name: "WARD-01",
+        children: [{
+          code: "AREA-01",
+          name: "AREA-01"
+        }, {
+          code: "AREA-02",
+          name: "AREA-02"
+        }]
+      }]);
       if (selectedCluster.code !== (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm7 = formData.areaAssignment) === null || _formData$areaAssignm7 === void 0 ? void 0 : (_formData$areaAssignm8 = _formData$areaAssignm7.cluster) === null || _formData$areaAssignm8 === void 0 ? void 0 : _formData$areaAssignm8.code)) {
         setSelectedWard(null);
         setSelectedAreas([]);
@@ -4201,7 +4305,14 @@ const SupervisorAreaAssignment = ({
   useEffect(() => {
     if (selectedWard) {
       var _formData$areaAssignm9, _formData$areaAssignm0;
-      setAreas(selectedWard.children || []);
+      const children = selectedWard.children || selectedWard.localities || selectedWard.boundary || [];
+      setAreas(children.length > 0 ? children : [{
+        code: "AREA-01",
+        name: "AREA-01"
+      }, {
+        code: "AREA-02",
+        name: "AREA-02"
+      }]);
       if (selectedWard.code !== (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm9 = formData.areaAssignment) === null || _formData$areaAssignm9 === void 0 ? void 0 : (_formData$areaAssignm0 = _formData$areaAssignm9.ward) === null || _formData$areaAssignm0 === void 0 ? void 0 : _formData$areaAssignm0.code)) {
         setSelectedAreas([]);
       }
@@ -4491,7 +4602,7 @@ const CitizenVendorApp = () => {
     })))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}`,
-    component: () => Digit.UserService.hasAccess(["WT_VENDOR"]) ? /*#__PURE__*/React.createElement("div", {
+    component: () => Digit.UserService.hasAccess(["WT_VENDOR", "EKYC_VENDOR"]) ? /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
         gap: "24px",
@@ -4976,7 +5087,9 @@ const {
   DatePicker,
   Dropdown
 } = require("@djb25/digit-ui-react-components");
-const VendorConfig = (t, disabled = false) => {
+const VendorConfig = (t, disabled = false, formData = {}) => {
+  var _formData$serviceType;
+  const isEkyc = (formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : _formData$serviceType.code) === "EKYC";
   return [{
     head: "ES_VRNDOR_NEW_VENDOR_DETAILS",
     body: [{
@@ -5048,7 +5161,130 @@ const VendorConfig = (t, disabled = false) => {
         header: "CS_COMMON_CHOOSE_SERVICE_TYPE",
         submitBarLabel: "CS_COMMON_NEXT"
       }
-    }]
+    }, ...(isEkyc ? [{
+      label: "ES_VENDOR_CONTRACT_START_DATE",
+      isMandatory: true,
+      type: "custom",
+      key: "contractStartDate",
+      populators: {
+        name: "contractStartDate",
+        validation: {
+          required: true
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
+          onChange: props.onChange,
+          date: props.value
+        }, customProps))
+      }
+    }, {
+      label: "ES_VENDOR_CONTRACT_END_DATE",
+      isMandatory: true,
+      type: "custom",
+      key: "contractEndDate",
+      populators: {
+        name: "contractEndDate",
+        validation: {
+          required: true
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
+          onChange: props.onChange,
+          date: props.value
+        }, customProps))
+      }
+    }, {
+      label: "ES_VENDOR_ZONE",
+      isMandatory: true,
+      type: "component",
+      key: "zoneIds",
+      component: "SelectEkycZones"
+    }, {
+      label: "ES_VENDOR_CLUSTER",
+      isMandatory: true,
+      type: "component",
+      key: "clusterIds",
+      component: "SelectEkycClusters"
+    }, {
+      label: "ES_FSM_REGISTRY_NEW_OWNER_NAME",
+      isMandatory: true,
+      type: "text",
+      populators: {
+        name: "ownerName",
+        validation: {
+          required: true,
+          pattern: /^[A-Za-z\s.,/]+$/
+        },
+        error: t("FSM_REGISTRY_INVALID_NAME"),
+        className: "payment-form-text-input-correction"
+      }
+    }, {
+      label: "ES_FSM_REGISTRY_NEW_FATHER_NAME",
+      isMandatory: true,
+      type: "text",
+      populators: {
+        name: "fatherOrHusbandName",
+        validation: {
+          required: true
+        },
+        className: "payment-form-text-input-correction"
+      }
+    }, {
+      label: "ES_FSM_REGISTRY_NEW_GENDER",
+      isMandatory: true,
+      type: "component",
+      key: "gender",
+      component: "SelectEkycDropdown",
+      populators: {
+        name: "gender",
+        options: [{
+          code: "MALE",
+          name: "ES_COMMON_GENDER_MALE"
+        }, {
+          code: "FEMALE",
+          name: "ES_COMMON_GENDER_FEMALE"
+        }, {
+          code: "OTHER",
+          name: "ES_COMMON_GENDER_OTHER"
+        }],
+        optionsKey: "name"
+      }
+    }, {
+      label: "ES_FSM_REGISTRY_NEW_DOB",
+      isMandatory: true,
+      type: "custom",
+      key: "dob",
+      populators: {
+        name: "dob",
+        validation: {
+          required: true
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
+          onChange: props.onChange,
+          date: props.value
+        }, customProps, {
+          max: convertEpochToDate(new Date().setFullYear(new Date().getFullYear()))
+        }))
+      }
+    }, {
+      label: "ES_FSM_REGISTRY_NEW_RELATIONSHIP",
+      isMandatory: true,
+      type: "component",
+      key: "relationship",
+      component: "SelectEkycDropdown",
+      populators: {
+        name: "relationship",
+        options: [{
+          code: "FATHER",
+          name: "ES_COMMON_RELATION_FATHER"
+        }, {
+          code: "HUSBAND",
+          name: "ES_COMMON_RELATION_HUSBAND"
+        }, {
+          code: "OTHER",
+          name: "ES_COMMON_RELATION_OTHER"
+        }],
+        optionsKey: "name"
+      }
+    }] : [])]
   }, {
     head: "ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS",
     body: [{
@@ -5157,7 +5393,6 @@ const AddVendor = ({
     clearSuccessData();
     clearError();
   }, []);
-  const Config = VendorConfig(t);
   const defaultValues = {
     serviceType: {
       code: "WT",
@@ -5170,11 +5405,22 @@ const AddVendor = ({
       amount: null
     }
   };
-  const onFormValueChange = (setValue, formData) => {
-    var _formData$serviceType, _formData$address, _formData$address2;
-    const isVendorDetailsFilled = (formData === null || formData === void 0 ? void 0 : formData.vendorName) && (formData === null || formData === void 0 ? void 0 : formData.phone) && (formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : _formData$serviceType.code);
-    const isAddressFilled = (formData === null || formData === void 0 ? void 0 : (_formData$address = formData.address) === null || _formData$address === void 0 ? void 0 : _formData$address.city) && (formData === null || formData === void 0 ? void 0 : (_formData$address2 = formData.address) === null || _formData$address2 === void 0 ? void 0 : _formData$address2.locality);
-    if (isVendorDetailsFilled && isAddressFilled) {
+  const [formData, setFormData] = useState(defaultValues);
+  const Config = VendorConfig(t, false, formData);
+  const onFormValueChange = (setValue, data) => {
+    var _data$serviceType, _formData$serviceType, _data$serviceType2, _data$serviceType3, _data$address, _data$address2;
+    if ((data === null || data === void 0 ? void 0 : (_data$serviceType = data.serviceType) === null || _data$serviceType === void 0 ? void 0 : _data$serviceType.code) !== (formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : _formData$serviceType.code) || JSON.stringify(data === null || data === void 0 ? void 0 : data.zoneIds) !== JSON.stringify(formData === null || formData === void 0 ? void 0 : formData.zoneIds)) {
+      setFormData(data);
+    }
+    const isEkyc = (data === null || data === void 0 ? void 0 : (_data$serviceType2 = data.serviceType) === null || _data$serviceType2 === void 0 ? void 0 : _data$serviceType2.code) === "EKYC";
+    const isVendorDetailsFilled = (data === null || data === void 0 ? void 0 : data.vendorName) && (data === null || data === void 0 ? void 0 : data.phone) && (data === null || data === void 0 ? void 0 : (_data$serviceType3 = data.serviceType) === null || _data$serviceType3 === void 0 ? void 0 : _data$serviceType3.code);
+    const isAddressFilled = (data === null || data === void 0 ? void 0 : (_data$address = data.address) === null || _data$address === void 0 ? void 0 : _data$address.city) && (data === null || data === void 0 ? void 0 : (_data$address2 = data.address) === null || _data$address2 === void 0 ? void 0 : _data$address2.locality);
+    let isEkycFieldsFilled = true;
+    if (isEkyc) {
+      var _data$zoneIds, _data$clusterIds;
+      isEkycFieldsFilled = (data === null || data === void 0 ? void 0 : data.ownerName) && (data === null || data === void 0 ? void 0 : data.contractStartDate) && (data === null || data === void 0 ? void 0 : data.contractEndDate) && (data === null || data === void 0 ? void 0 : (_data$zoneIds = data.zoneIds) === null || _data$zoneIds === void 0 ? void 0 : _data$zoneIds.length) > 0 && (data === null || data === void 0 ? void 0 : (_data$clusterIds = data.clusterIds) === null || _data$clusterIds === void 0 ? void 0 : _data$clusterIds.length) > 0 && (data === null || data === void 0 ? void 0 : data.fatherOrHusbandName) && (data === null || data === void 0 ? void 0 : data.gender) && (data === null || data === void 0 ? void 0 : data.dob) && (data === null || data === void 0 ? void 0 : data.relationship);
+    }
+    if (isVendorDetailsFilled && isAddressFilled && isEkycFieldsFilled) {
       setCanSubmit(true);
     } else {
       setCanSubmit(false);
@@ -5213,7 +5459,7 @@ const AddVendor = ({
     setShowToast(null);
   };
   const onSubmit = data => {
-    var _mergedData$street, _mergedData$doorNo, _mergedData$plotNo, _mergedData$landmark, _mergedData$address, _mergedData$address$c, _mergedData$address2, _mergedData$address2$, _mergedData$address3, _mergedData$address3$, _mergedData$address4, _mergedData$address4$, _mergedData$buildingN, _mergedData$address5, _mergedData$address5$, _mergedData$address6, _mergedData$address6$, _mergedData$address7, _mergedData$address7$, _mergedData$serviceTy, _mergedData$address8, _mergedData$address9;
+    var _mergedData$street, _mergedData$doorNo, _mergedData$plotNo, _mergedData$landmark, _mergedData$address, _mergedData$address$c, _mergedData$address2, _mergedData$address2$, _mergedData$address3, _mergedData$address3$, _mergedData$address4, _mergedData$address4$, _mergedData$buildingN, _mergedData$address5, _mergedData$address5$, _mergedData$address6, _mergedData$address6$, _mergedData$address7, _mergedData$address7$, _mergedData$serviceTy, _mergedData$address8, _mergedData$address9, _mergedData$relations, _mergedData$gender, _mergedData$serviceTy2;
     const mergedData = data;
     const name = mergedData === null || mergedData === void 0 ? void 0 : mergedData.vendorName;
     const pincode = mergedData === null || mergedData === void 0 ? void 0 : mergedData.pincode;
@@ -5229,59 +5475,75 @@ const AddVendor = ({
     const localityCode = mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address5 = mergedData.address) === null || _mergedData$address5 === void 0 ? void 0 : (_mergedData$address5$ = _mergedData$address5.locality) === null || _mergedData$address5$ === void 0 ? void 0 : _mergedData$address5$.code;
     const localityName = mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address6 = mergedData.address) === null || _mergedData$address6 === void 0 ? void 0 : (_mergedData$address6$ = _mergedData$address6.locality) === null || _mergedData$address6$ === void 0 ? void 0 : _mergedData$address6$.name;
     const localityArea = mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address7 = mergedData.address) === null || _mergedData$address7 === void 0 ? void 0 : (_mergedData$address7$ = _mergedData$address7.locality) === null || _mergedData$address7$ === void 0 ? void 0 : _mergedData$address7$.area;
-    const gender = "MALE";
     const emailId = mergedData === null || mergedData === void 0 ? void 0 : mergedData.emailId;
     const phone = mergedData === null || mergedData === void 0 ? void 0 : mergedData.phone;
-    const additionalDetails = mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$serviceTy = mergedData.serviceType) === null || _mergedData$serviceTy === void 0 ? void 0 : _mergedData$serviceTy.code;
-    const formData = {
-      vendor: {
+    const isEkyc = (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$serviceTy = mergedData.serviceType) === null || _mergedData$serviceTy === void 0 ? void 0 : _mergedData$serviceTy.code) === "EKYC";
+    let vendorData = {
+      tenantId: tenantId,
+      name,
+      agencyType: "ULB",
+      paymentPreference: "post-service",
+      address: {
         tenantId: tenantId,
-        name,
-        agencyType: "ULB",
-        paymentPreference: "post-service",
-        address: {
-          tenantId: tenantId,
-          landmark,
-          doorNo,
-          plotNo,
-          street,
-          city,
-          district,
-          region,
-          state,
-          country: "in",
-          pincode,
-          buildingName,
-          locality: {
-            code: localityCode || "",
-            name: localityName || "",
-            label: "Locality",
-            area: localityArea || ""
-          },
-          geoLocation: {
-            latitude: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address8 = mergedData.address) === null || _mergedData$address8 === void 0 ? void 0 : _mergedData$address8.latitude) || 0,
-            longitude: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address9 = mergedData.address) === null || _mergedData$address9 === void 0 ? void 0 : _mergedData$address9.longitude) || 0
-          }
-        },
-        owner: {
-          tenantId: stateId,
-          name: name,
-          fatherOrHusbandName: name,
-          relationship: "OTHER",
-          gender: gender,
-          dob: "915148800",
-          emailId: emailId || "abc@egov.com",
-          mobileNumber: phone
+        landmark,
+        doorNo,
+        plotNo,
+        street,
+        city,
+        district,
+        region,
+        state,
+        country: "india",
+        pincode,
+        buildingName,
+        locality: {
+          code: localityCode || "",
+          name: localityName || "",
+          label: "Locality",
+          area: localityArea || ""
         },
-        additionalDetails: {
-          serviceType: additionalDetails
-        },
-        vehicle: [],
-        drivers: [],
-        source: "WhatsApp"
-      }
+        geoLocation: {
+          latitude: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address8 = mergedData.address) === null || _mergedData$address8 === void 0 ? void 0 : _mergedData$address8.latitude) || 28.6139,
+          longitude: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address9 = mergedData.address) === null || _mergedData$address9 === void 0 ? void 0 : _mergedData$address9.longitude) || 77.2090
+        }
+      },
+      owner: {
+        tenantId: "dl",
+        name: (mergedData === null || mergedData === void 0 ? void 0 : mergedData.ownerName) || name,
+        fatherOrHusbandName: (mergedData === null || mergedData === void 0 ? void 0 : mergedData.fatherOrHusbandName) || name,
+        relationship: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$relations = mergedData.relationship) === null || _mergedData$relations === void 0 ? void 0 : _mergedData$relations.code) || "OTHER",
+        gender: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$gender = mergedData.gender) === null || _mergedData$gender === void 0 ? void 0 : _mergedData$gender.code) || "MALE",
+        dob: mergedData !== null && mergedData !== void 0 && mergedData.dob ? (new Date(mergedData.dob).getTime() / 1000).toString() : "915148800",
+        emailId: emailId || "",
+        mobileNumber: phone
+      },
+      additionalDetails: {
+        serviceType: isEkyc ? "ekyc" : mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$serviceTy2 = mergedData.serviceType) === null || _mergedData$serviceTy2 === void 0 ? void 0 : _mergedData$serviceTy2.code
+      },
+      vehicles: [],
+      drivers: [],
+      source: isEkyc ? "eKYC Portal" : "WhatsApp"
     };
-    mutate(formData, {
+    if (isEkyc) {
+      var _mergedData$zoneIds, _mergedData$clusterId;
+      vendorData = {
+        ...vendorData,
+        zoneIds: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$zoneIds = mergedData.zoneIds) === null || _mergedData$zoneIds === void 0 ? void 0 : _mergedData$zoneIds.map(z => z.code)) || [],
+        clusterIds: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$clusterId = mergedData.clusterIds) === null || _mergedData$clusterId === void 0 ? void 0 : _mergedData$clusterId.map(c => c.code)) || [],
+        contractStartDate: mergedData.contractStartDate ? new Date(mergedData.contractStartDate).getTime() : null,
+        contractEndDate: mergedData.contractEndDate ? new Date(mergedData.contractEndDate).getTime() : null
+      };
+    }
+    const payload = {
+      vendor: vendorData
+    };
+    if (isEkyc) {
+      payload.RequestInfo = {
+        apiId: "Rainmaker",
+        msgId: "ekyc-vendor-create"
+      };
+    }
+    mutate(payload, {
       onError: error => {
         setShowToast({
           key: "error",
@@ -5344,13 +5606,14 @@ const AddVendor = ({
 };
 
 const {
-  Dropdown: Dropdown$1
+  Dropdown: Dropdown$1,
+  DatePicker: DatePicker$1
 } = require("@djb25/digit-ui-react-components");
 const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = false) => {
   return [{
-    head: "ES_VENDOR_SUPERVISOR_BASIC_DETAILS",
+    head: t("ES_VENDOR_SUPERVISOR_BASIC_DETAILS"),
     body: [{
-      label: "ES_VENDOR_SUPERVISOR_FULL_NAME",
+      label: t("ES_VENDOR_SUPERVISOR_FULL_NAME"),
       isMandatory: true,
       type: "text",
       disable: disabled,
@@ -5368,7 +5631,7 @@ const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = f
         className: "payment-form-text-input-correction"
       }
     }, {
-      label: "ES_VENDOR_SUPERVISOR_MOBILE_NUMBER",
+      label: t("ES_VENDOR_SUPERVISOR_MOBILE_NUMBER"),
       isMandatory: true,
       type: "mobileNumber",
       disable: disabled,
@@ -5383,7 +5646,7 @@ const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = f
         className: "payment-form-text-input-correction"
       }
     }, {
-      label: "ES_VENDOR_SUPERVISOR_EMAIL_ID",
+      label: t("ES_VENDOR_SUPERVISOR_EMAIL_ID"),
       isMandatory: true,
       type: "text",
       populators: {
@@ -5397,7 +5660,7 @@ const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = f
         className: "payment-form-text-input-correction"
       }
     }, {
-      label: "ES_VENDOR_SUPERVISOR_EMPLOYEE_ID",
+      label: t("ES_VENDOR_SUPERVISOR_EMPLOYEE_ID"),
       isMandatory: true,
       type: "text",
       populators: {
@@ -5409,80 +5672,77 @@ const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = f
         className: "payment-form-text-input-correction"
       }
     }, {
-      label: "ES_VENDOR_SUPERVISOR_GENDER",
-      isMandatory: false,
+      label: t("ES_VENDOR_SUPERVISOR_GENDER"),
+      isMandatory: true,
       type: "component",
       key: "gender",
-      component: "SelectGender",
-      texts: {
-        headerCaption: "",
-        header: "CS_COMMON_CHOOSE_GENDER",
-        cardText: "CS_COMMON_SELECT_GENDER",
-        submitBarLabel: "CS_COMMON_NEXT",
-        skipText: "CORE_COMMON_SKIP_CONTINUE"
+      component: "SelectGender"
+    }, {
+      label: t("ES_FSM_REGISTRY_NEW_FATHER_NAME"),
+      isMandatory: true,
+      type: "text",
+      populators: {
+        name: "fatherOrHusbandName",
+        validation: {
+          required: true
+        },
+        className: "payment-form-text-input-correction"
       }
-    }]
-  }, {
-    head: "ES_VENDOR_SUPERVISOR_ROLE_ACCESS",
-    body: [{
-      label: "ES_VENDOR_SUPERVISOR_ROLE",
+    }, {
+      label: t("ES_FSM_REGISTRY_NEW_RELATIONSHIP"),
       isMandatory: true,
-      type: "custom",
+      type: "component",
+      key: "relationship",
+      component: "SelectEkycDropdown",
       populators: {
-        name: "role",
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$1, {
-          option: [{
-            code: "SUPERVISOR",
-            name: "Supervisor"
-          }],
-          optionKey: "name",
-          select: props.onChange,
-          selected: props.value,
-          t: t,
-          disable: true
-        }),
-        defaultValue: {
-          code: "SUPERVISOR",
-          name: "Supervisor"
-        }
+        name: "relationship",
+        options: [{
+          code: "FATHER",
+          name: "ES_COMMON_RELATION_FATHER"
+        }, {
+          code: "HUSBAND",
+          name: "ES_COMMON_RELATION_HUSBAND"
+        }, {
+          code: "OTHER",
+          name: "ES_COMMON_RELATION_OTHER"
+        }],
+        optionsKey: "name"
       }
     }, {
-      label: "ES_VENDOR_SUPERVISOR_AGENCY_NAME",
+      label: t("ES_FSM_REGISTRY_NEW_DOB"),
       isMandatory: true,
       type: "custom",
+      key: "dob",
       populators: {
-        name: "agencyName",
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$1, {
-          option: agencies,
-          optionKey: "name",
-          select: props.onChange,
-          selected: props.value,
-          t: t
-        })
+        name: "dob",
+        validation: {
+          required: true
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$1, Object.assign({
+          onChange: props.onChange,
+          date: props.value
+        }, customProps))
+      }
+    }, {
+      label: t("ES_FSM_REGISTRY_NEW_CORRESPONDENCE_ADDRESS"),
+      isMandatory: true,
+      type: "text",
+      populators: {
+        name: "correspondenceAddress",
+        validation: {
+          required: true
+        },
+        className: "payment-form-text-input-correction"
       }
     }, {
-      label: "ES_VENDOR_SUPERVISOR_REPORTING_MANAGER",
+      label: t("ES_VENDOR_SUPERVISOR_DESCRIPTION"),
       isMandatory: false,
-      type: "custom",
+      type: "text",
       populators: {
-        name: "reportingManager",
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$1, {
-          option: reportingManagers,
-          optionKey: "name",
-          select: props.onChange,
-          selected: props.value,
-          t: t
-        })
+        name: "description",
+        className: "payment-form-text-input-correction"
       }
     }]
-  }, {
-    head: "ES_VENDOR_SUPERVISOR_AREA_ASSIGNMENT",
-    body: [{
-      type: "component",
-      component: "SupervisorAreaAssignment",
-      key: "areaAssignment",
-      withoutLabel: true
-    }]
   }];
 };
 
@@ -5490,7 +5750,6 @@ const AddSupervisor = ({
   parentUrl,
   heading
 }) => {
-  var _vendorsData$vendor;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const {
     t
@@ -5501,24 +5760,7 @@ const AddSupervisor = ({
   const {
     mutate
   } = Digit.Hooks.fsm.useSupervisorCreate(tenantId);
-  const {
-    data: vendorsData
-  } = Digit.Hooks.fsm.useVendorSearch(tenantId, {
-    status: "ACTIVE"
-  });
-  const agencies = (vendorsData === null || vendorsData === void 0 ? void 0 : (_vendorsData$vendor = vendorsData.vendor) === null || _vendorsData$vendor === void 0 ? void 0 : _vendorsData$vendor.map(v => ({
-    code: v.id,
-    name: v.name,
-    ...v
-  }))) || [];
-  const reportingManagers = [{
-    code: "MGR1",
-    name: "John Doe (Agency Admin)"
-  }, {
-    code: "MGR2",
-    name: "Jane Smith (Agency Admin)"
-  }];
-  const Config = SupervisorConfig(t, agencies, reportingManagers);
+  const Config = SupervisorConfig(t);
   const defaultValues = {
     role: {
       code: "SUPERVISOR",
@@ -5526,11 +5768,8 @@ const AddSupervisor = ({
     }
   };
   const onFormValueChange = (setValue, formData) => {
-    var _formData$areaAssignm, _formData$areaAssignm2, _formData$areaAssignm3, _formData$areaAssignm4, _formData$areaAssignm5;
-    const isBasicDetailsFilled = (formData === null || formData === void 0 ? void 0 : formData.fullName) && (formData === null || formData === void 0 ? void 0 : formData.mobileNumber) && (formData === null || formData === void 0 ? void 0 : formData.emailId) && (formData === null || formData === void 0 ? void 0 : formData.employeeId);
-    const isRoleAccessFilled = formData === null || formData === void 0 ? void 0 : formData.agencyName;
-    const isAreaAssignmentFilled = (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm = formData.areaAssignment) === null || _formData$areaAssignm === void 0 ? void 0 : _formData$areaAssignm.zone) && (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm2 = formData.areaAssignment) === null || _formData$areaAssignm2 === void 0 ? void 0 : _formData$areaAssignm2.cluster) && (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm3 = formData.areaAssignment) === null || _formData$areaAssignm3 === void 0 ? void 0 : _formData$areaAssignm3.ward) && (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm4 = formData.areaAssignment) === null || _formData$areaAssignm4 === void 0 ? void 0 : (_formData$areaAssignm5 = _formData$areaAssignm4.areas) === null || _formData$areaAssignm5 === void 0 ? void 0 : _formData$areaAssignm5.length) > 0;
-    if (isBasicDetailsFilled && isRoleAccessFilled && isAreaAssignmentFilled) {
+    const isBasicDetailsFilled = (formData === null || formData === void 0 ? void 0 : formData.fullName) && (formData === null || formData === void 0 ? void 0 : formData.mobileNumber) && (formData === null || formData === void 0 ? void 0 : formData.emailId) && (formData === null || formData === void 0 ? void 0 : formData.fatherOrHusbandName) && (formData === null || formData === void 0 ? void 0 : formData.relationship) && (formData === null || formData === void 0 ? void 0 : formData.dob) && (formData === null || formData === void 0 ? void 0 : formData.correspondenceAddress);
+    if (isBasicDetailsFilled) {
       setCanSubmit(true);
     } else {
       setCanSubmit(false);
@@ -5540,28 +5779,27 @@ const AddSupervisor = ({
     setShowToast(null);
   };
   const onSubmit = data => {
-    var _data$gender, _data$agencyName, _data$reportingManage;
+    var _data$relationship, _data$gender;
     const formData = {
       supervisor: {
         tenantId: tenantId,
-        name: data === null || data === void 0 ? void 0 : data.fullName,
-        employeeId: data === null || data === void 0 ? void 0 : data.employeeId,
-        status: "ACTIVE",
         owner: {
           tenantId: tenantId,
           name: data === null || data === void 0 ? void 0 : data.fullName,
+          fatherOrHusbandName: data === null || data === void 0 ? void 0 : data.fatherOrHusbandName,
+          relationship: data === null || data === void 0 ? void 0 : (_data$relationship = data.relationship) === null || _data$relationship === void 0 ? void 0 : _data$relationship.code,
+          dob: data !== null && data !== void 0 && data.dob ? new Date(data.dob).getTime() : null,
           gender: (data === null || data === void 0 ? void 0 : (_data$gender = data.gender) === null || _data$gender === void 0 ? void 0 : _data$gender.code) || "OTHERS",
+          mobileNumber: data === null || data === void 0 ? void 0 : data.mobileNumber,
           emailId: data === null || data === void 0 ? void 0 : data.emailId,
-          mobileNumber: data === null || data === void 0 ? void 0 : data.mobileNumber
-        },
-        vendorSupervisorStatus: "ACTIVE",
-        additionalDetails: {
-          agencyId: data === null || data === void 0 ? void 0 : (_data$agencyName = data.agencyName) === null || _data$agencyName === void 0 ? void 0 : _data$agencyName.code,
-          reportingManager: data === null || data === void 0 ? void 0 : (_data$reportingManage = data.reportingManager) === null || _data$reportingManage === void 0 ? void 0 : _data$reportingManage.code,
-          areaAssignment: data === null || data === void 0 ? void 0 : data.areaAssignment
+          correspondenceAddress: data === null || data === void 0 ? void 0 : data.correspondenceAddress
         }
+      },
+      RequestInfo: {
+        msgId: "ekyc-supervisor-create"
       }
     };
+    console.log("DEBUG: Supervisor create payload:", formData);
     mutate(formData, {
       onError: error => {
         setShowToast({
@@ -5620,7 +5858,8 @@ const AddSupervisor = ({
 };
 
 const {
-  Dropdown: Dropdown$2
+  Dropdown: Dropdown$2,
+  DatePicker: DatePicker$2
 } = require("@djb25/digit-ui-react-components");
 const SurveyorConfig = (t, agencies = [], reportingManagers = [], disabled = false) => {
   return [{
@@ -5672,79 +5911,77 @@ const SurveyorConfig = (t, agencies = [], reportingManagers = [], disabled = fal
         }
       }
     }, {
-      label: "ES_VENDOR_SURVEYOR_GENDER",
-      isMandatory: false,
+      label: t("ES_VENDOR_SURVEYOR_GENDER"),
+      isMandatory: true,
       type: "component",
-      key: "selectGender",
-      component: "SelectGender",
-      texts: {
-        header: "CS_COMMON_CHOOSE_GENDER",
-        cardText: "CS_COMMON_SELECT_GENDER",
-        submitBarLabel: "CS_COMMON_NEXT"
+      key: "gender",
+      component: "SelectGender"
+    }, {
+      label: t("ES_FSM_REGISTRY_NEW_FATHER_NAME"),
+      isMandatory: true,
+      type: "text",
+      populators: {
+        name: "fatherOrHusbandName",
+        validation: {
+          required: true
+        },
+        className: "payment-form-text-input-correction"
       }
-    }]
-  }, {
-    head: "ES_VENDOR_SURVEYOR_ROLE_ACCESS",
-    body: [{
-      label: "ES_VENDOR_SURVEYOR_ROLE",
+    }, {
+      label: t("ES_FSM_REGISTRY_NEW_RELATIONSHIP"),
       isMandatory: true,
-      type: "custom",
+      type: "component",
+      key: "relationship",
+      component: "SelectEkycDropdown",
       populators: {
-        name: "role",
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$2, {
-          option: [{
-            code: "SURVEYOR",
-            name: "Surveyor"
-          }],
-          optionKey: "name",
-          select: props.onChange,
-          selected: props.value,
-          t: t,
-          disable: true
-        }),
-        defaultValue: {
-          code: "SURVEYOR",
-          name: "Surveyor"
-        }
+        name: "relationship",
+        options: [{
+          code: "FATHER",
+          name: "ES_COMMON_RELATION_FATHER"
+        }, {
+          code: "HUSBAND",
+          name: "ES_COMMON_RELATION_HUSBAND"
+        }, {
+          code: "OTHER",
+          name: "ES_COMMON_RELATION_OTHER"
+        }],
+        optionsKey: "name"
       }
     }, {
-      label: "ES_VENDOR_SURVEYOR_AGENCY_NAME",
+      label: t("ES_FSM_REGISTRY_NEW_DOB"),
       isMandatory: true,
       type: "custom",
+      key: "dob",
+      populators: {
+        name: "dob",
+        validation: {
+          required: true
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+          onChange: props.onChange,
+          date: props.value
+        }, customProps))
+      }
+    }, {
+      label: t("ES_FSM_REGISTRY_NEW_CORRESPONDENCE_ADDRESS"),
+      isMandatory: true,
+      type: "text",
       populators: {
-        name: "agencyName",
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$2, {
-          option: agencies,
-          optionKey: "name",
-          select: props.onChange,
-          selected: props.value,
-          t: t
-        })
+        name: "correspondenceAddress",
+        validation: {
+          required: true
+        },
+        className: "payment-form-text-input-correction"
       }
     }, {
-      label: "ES_VENDOR_SURVEYOR_REPORTING_MANAGER",
+      label: t("ES_VENDOR_SURVEYOR_DESCRIPTION"),
       isMandatory: false,
-      type: "custom",
+      type: "text",
       populators: {
-        name: "reportingManager",
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown$2, {
-          option: reportingManagers,
-          optionKey: "name",
-          select: props.onChange,
-          selected: props.value,
-          t: t
-        })
+        name: "description",
+        className: "payment-form-text-input-correction"
       }
     }]
-  }, {
-    head: "ES_VENDOR_SURVEYOR_AREA_ASSIGNMENT",
-    body: [{
-      isMandatory: true,
-      type: "component",
-      key: "areaAssignment",
-      component: "SupervisorAreaAssignment",
-      withoutLabel: true
-    }]
   }];
 };
 
@@ -5752,7 +5989,6 @@ const AddSurveyor = ({
   parentUrl,
   heading
 }) => {
-  var _vendorsData$vendor;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const {
     t
@@ -5763,40 +5999,16 @@ const AddSurveyor = ({
   const {
     mutate
   } = Digit.Hooks.fsm.useSurveyorCreate(tenantId);
-  const {
-    data: vendorsData
-  } = Digit.Hooks.fsm.useVendorSearch(tenantId, {
-    status: "ACTIVE"
-  });
-  const agencies = (vendorsData === null || vendorsData === void 0 ? void 0 : (_vendorsData$vendor = vendorsData.vendor) === null || _vendorsData$vendor === void 0 ? void 0 : _vendorsData$vendor.map(v => ({
-    code: v.id,
-    name: v.name,
-    ...v
-  }))) || [];
-  const reportingManagers = [{
-    code: "MGR1",
-    name: "John Doe (Agency Admin)"
-  }, {
-    code: "SUP1",
-    name: "Jane Smith (Supervisor)"
-  }];
-  const Config = SurveyorConfig(t, agencies, reportingManagers);
-  const {
-    supervisorId
-  } = Digit.Hooks.useQueryParams();
+  const Config = SurveyorConfig(t);
   const defaultValues = {
     role: {
       code: "SURVEYOR",
       name: "Surveyor"
-    },
-    reportingManager: reportingManagers.find(m => m.code === supervisorId) || null
+    }
   };
   const onFormValueChange = (setValue, formData) => {
-    var _formData$areaAssignm, _formData$areaAssignm2, _formData$areaAssignm3, _formData$areaAssignm4;
-    const isBasicDetailsFilled = (formData === null || formData === void 0 ? void 0 : formData.fullName) && (formData === null || formData === void 0 ? void 0 : formData.mobileNumber) && (formData === null || formData === void 0 ? void 0 : formData.emailId) && (formData === null || formData === void 0 ? void 0 : formData.employeeId);
-    const isRoleAccessFilled = formData === null || formData === void 0 ? void 0 : formData.agencyName;
-    const isAreaAssignmentFilled = (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm = formData.areaAssignment) === null || _formData$areaAssignm === void 0 ? void 0 : _formData$areaAssignm.zone) && (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm2 = formData.areaAssignment) === null || _formData$areaAssignm2 === void 0 ? void 0 : _formData$areaAssignm2.ward) && (formData === null || formData === void 0 ? void 0 : (_formData$areaAssignm3 = formData.areaAssignment) === null || _formData$areaAssignm3 === void 0 ? void 0 : (_formData$areaAssignm4 = _formData$areaAssignm3.areas) === null || _formData$areaAssignm4 === void 0 ? void 0 : _formData$areaAssignm4.length) > 0;
-    if (isBasicDetailsFilled && isRoleAccessFilled && isAreaAssignmentFilled) {
+    const isBasicDetailsFilled = (formData === null || formData === void 0 ? void 0 : formData.fullName) && (formData === null || formData === void 0 ? void 0 : formData.mobileNumber) && (formData === null || formData === void 0 ? void 0 : formData.emailId) && (formData === null || formData === void 0 ? void 0 : formData.employeeId) && (formData === null || formData === void 0 ? void 0 : formData.fatherOrHusbandName) && (formData === null || formData === void 0 ? void 0 : formData.relationship) && (formData === null || formData === void 0 ? void 0 : formData.dob) && (formData === null || formData === void 0 ? void 0 : formData.correspondenceAddress);
+    if (isBasicDetailsFilled) {
       setCanSubmit(true);
     } else {
       setCanSubmit(false);
@@ -5806,26 +6018,31 @@ const AddSurveyor = ({
     setShowToast(null);
   };
   const onSubmit = data => {
-    var _data$gender, _data$agencyName, _data$reportingManage;
+    var _data$agencyName, _data$agencyName2, _data$reportingManage, _data$reportingManage2, _data$relationship, _data$gender;
     const formData = {
       surveyor: {
         tenantId: tenantId,
-        name: data === null || data === void 0 ? void 0 : data.fullName,
-        employeeId: data === null || data === void 0 ? void 0 : data.employeeId,
-        status: "ACTIVE",
+        vendorId: (data === null || data === void 0 ? void 0 : (_data$agencyName = data.agencyName) === null || _data$agencyName === void 0 ? void 0 : _data$agencyName.code) || (data === null || data === void 0 ? void 0 : (_data$agencyName2 = data.agencyName) === null || _data$agencyName2 === void 0 ? void 0 : _data$agencyName2.id) || "DL-DJB-000082",
+        supervisorId: (data === null || data === void 0 ? void 0 : (_data$reportingManage = data.reportingManager) === null || _data$reportingManage === void 0 ? void 0 : _data$reportingManage.code) || (data === null || data === void 0 ? void 0 : (_data$reportingManage2 = data.reportingManager) === null || _data$reportingManage2 === void 0 ? void 0 : _data$reportingManage2.id) || "7fb7ce1d-1054-46c8-9518-ef0049bffcd4",
+        description: (data === null || data === void 0 ? void 0 : data.description) || "",
+        additionalDetails: {
+          serviceType: "ekyc"
+        },
         owner: {
           tenantId: tenantId,
           name: data === null || data === void 0 ? void 0 : data.fullName,
+          fatherOrHusbandName: data === null || data === void 0 ? void 0 : data.fatherOrHusbandName,
+          relationship: data === null || data === void 0 ? void 0 : (_data$relationship = data.relationship) === null || _data$relationship === void 0 ? void 0 : _data$relationship.code,
           gender: (data === null || data === void 0 ? void 0 : (_data$gender = data.gender) === null || _data$gender === void 0 ? void 0 : _data$gender.code) || "OTHERS",
+          dob: data !== null && data !== void 0 && data.dob ? new Date(data.dob).getTime() : null,
           emailId: data === null || data === void 0 ? void 0 : data.emailId,
-          mobileNumber: data === null || data === void 0 ? void 0 : data.mobileNumber
-        },
-        vendorSurveyorStatus: "ACTIVE",
-        additionalDetails: {
-          agencyId: data === null || data === void 0 ? void 0 : (_data$agencyName = data.agencyName) === null || _data$agencyName === void 0 ? void 0 : _data$agencyName.code,
-          reportingManager: data === null || data === void 0 ? void 0 : (_data$reportingManage = data.reportingManager) === null || _data$reportingManage === void 0 ? void 0 : _data$reportingManage.code,
-          areaAssignment: data === null || data === void 0 ? void 0 : data.areaAssignment
+          mobileNumber: data === null || data === void 0 ? void 0 : data.mobileNumber,
+          correspondenceAddress: data === null || data === void 0 ? void 0 : data.correspondenceAddress
         }
+      },
+      RequestInfo: {
+        apiId: "Rainmaker",
+        msgId: "ekyc-surveyor-create"
       }
     };
     mutate(formData, {
@@ -5923,15 +6140,6 @@ const SurveyorDetails = props => {
   const [showToast, setShowToast] = useState(null);
   const [vendors, setVendors] = useState([]);
   const [selectedOption, setSelectedOption] = useState({});
-  const {
-    data: surveyorData,
-    isLoading,
-    refetch
-  } = Digit.Hooks.fsm.useSurveyorDetails(tenantId, {
-    ids: surveyorId
-  }, {
-    staleTime: Infinity
-  });
   const {
     data: vendorData
   } = Digit.Hooks.fsm.useDsoSearch(tenantId, {
@@ -5939,6 +6147,56 @@ const SurveyorDetails = props => {
     sortOrder: "ASC",
     status: "ACTIVE"
   }, {});
+  const {
+    data: surveyorSearchResponse,
+    isLoading,
+    refetch
+  } = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
+    ids: surveyorId
+  }, {
+    staleTime: Infinity
+  });
+  const surveyorData = React.useMemo(() => {
+    var _surveyorSearchRespon;
+    if (!(surveyorSearchResponse !== null && surveyorSearchResponse !== void 0 && (_surveyorSearchRespon = surveyorSearchResponse.surveyors) !== null && _surveyorSearchRespon !== void 0 && _surveyorSearchRespon.length)) return [];
+    return surveyorSearchResponse.surveyors.map(data => {
+      var _mappedVendor$dsoDeta, _data$owner, _data$owner2, _data$owner3;
+      const mappedVendor = vendorData === null || vendorData === void 0 ? void 0 : vendorData.find(v => {
+        var _v$dsoDetails, _v$dsoDetails2;
+        return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === data.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === data.vendorId;
+      });
+      const vendorName = (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || data.vendorId || "ES_FSM_REGISTRY_DETAILS_ADD_VENDOR";
+      return {
+        surveyorData: data,
+        vendorDetails: {
+          vendor: mappedVendor ? [mappedVendor.dsoDetails] : []
+        },
+        employeeResponse: [{
+          title: "ES_VENDOR_SURVEYOR_BASIC_DETAILS",
+          values: [{
+            title: "ES_VENDOR_SURVEYOR_FULL_NAME",
+            value: data === null || data === void 0 ? void 0 : data.name
+          }, {
+            title: "ES_VENDOR_SURVEYOR_MOBILE_NUMBER",
+            value: (data === null || data === void 0 ? void 0 : (_data$owner = data.owner) === null || _data$owner === void 0 ? void 0 : _data$owner.mobileNumber) || (data === null || data === void 0 ? void 0 : data.mobileNo)
+          }, {
+            title: "ES_VENDOR_SURVEYOR_EMAIL_ID",
+            value: data === null || data === void 0 ? void 0 : (_data$owner2 = data.owner) === null || _data$owner2 === void 0 ? void 0 : _data$owner2.emailId
+          }, {
+            title: "ES_VENDOR_SURVEYOR_STAFF_CODE",
+            value: (data === null || data === void 0 ? void 0 : data.employeeId) || "N/A"
+          }, {
+            title: "ES_VENDOR_SURVEYOR_GENDER",
+            value: data === null || data === void 0 ? void 0 : (_data$owner3 = data.owner) === null || _data$owner3 === void 0 ? void 0 : _data$owner3.gender
+          }, {
+            title: "ES_VENDOR_SURVEYOR_AGENCY_NAME",
+            value: vendorName,
+            type: "custom"
+          }]
+        }]
+      };
+    });
+  }, [surveyorSearchResponse, vendorData]);
   const {
     mutate: mutateSurveyor
   } = Digit.Hooks.fsm.useSurveyorUpdate(tenantId);
@@ -6292,15 +6550,6 @@ const SupervisorDetails = props => {
   const [showToast, setShowToast] = useState(null);
   const [vendors, setVendors] = useState([]);
   const [selectedOption, setSelectedOption] = useState({});
-  const {
-    data: supervisorData,
-    isLoading,
-    refetch
-  } = Digit.Hooks.fsm.useSupervisorDetails(tenantId, {
-    ids: supervisorId
-  }, {
-    staleTime: Infinity
-  });
   const {
     data: vendorData
   } = Digit.Hooks.fsm.useDsoSearch(tenantId, {
@@ -6308,6 +6557,60 @@ const SupervisorDetails = props => {
     sortOrder: "ASC",
     status: "ACTIVE"
   }, {});
+  const {
+    data: supervisorSearchResponse,
+    isLoading,
+    refetch
+  } = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
+    ids: supervisorId
+  }, {
+    staleTime: Infinity
+  });
+  const supervisorData = React.useMemo(() => {
+    var _supervisorSearchResp;
+    if (!(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && (_supervisorSearchResp = supervisorSearchResponse.supervisors) !== null && _supervisorSearchResp !== void 0 && _supervisorSearchResp.length)) return [];
+    return supervisorSearchResponse.supervisors.map(data => {
+      var _mappedVendor$dsoDeta, _data$owner, _data$owner2, _data$owner3;
+      const mappedVendor = vendorData === null || vendorData === void 0 ? void 0 : vendorData.find(v => {
+        var _v$dsoDetails, _v$dsoDetails2;
+        return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === data.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === data.vendorId;
+      });
+      const vendorName = (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || data.vendorId || "ES_FSM_REGISTRY_DETAILS_ADD_VENDOR";
+      return {
+        supervisorData: data,
+        vendorDetails: {
+          vendor: mappedVendor ? [mappedVendor.dsoDetails] : []
+        },
+        employeeResponse: [{
+          title: "ES_VENDOR_SUPERVISOR_BASIC_DETAILS",
+          values: [{
+            title: "ES_VENDOR_SUPERVISOR_FULL_NAME",
+            value: data === null || data === void 0 ? void 0 : data.name
+          }, {
+            title: "ES_VENDOR_SUPERVISOR_MOBILE_NUMBER",
+            value: (data === null || data === void 0 ? void 0 : (_data$owner = data.owner) === null || _data$owner === void 0 ? void 0 : _data$owner.mobileNumber) || (data === null || data === void 0 ? void 0 : data.mobileNo)
+          }, {
+            title: "ES_VENDOR_SUPERVISOR_EMAIL_ID",
+            value: data === null || data === void 0 ? void 0 : (_data$owner2 = data.owner) === null || _data$owner2 === void 0 ? void 0 : _data$owner2.emailId
+          }, {
+            title: "ES_VENDOR_SUPERVISOR_STAFF_CODE",
+            value: (data === null || data === void 0 ? void 0 : data.employeeId) || "N/A"
+          }, {
+            title: "ES_VENDOR_SUPERVISOR_GENDER",
+            value: data === null || data === void 0 ? void 0 : (_data$owner3 = data.owner) === null || _data$owner3 === void 0 ? void 0 : _data$owner3.gender
+          }, {
+            title: "ES_VENDOR_SUPERVISOR_AGENCY_NAME",
+            value: vendorName,
+            type: "custom"
+          }]
+        }, {
+          title: "ES_VENDOR_SUPERVISOR_MAPPED_SURVEYORS",
+          type: "ES_FSM_REGISTRY_DETAILS_TYPE_SURVEYOR",
+          child: []
+        }]
+      };
+    });
+  }, [supervisorSearchResponse, vendorData]);
   const {
     mutate: mutateSupervisor
   } = Digit.Hooks.fsm.useSupervisorUpdate(tenantId);
@@ -7134,7 +7437,7 @@ const VENDORCreate = ({
 };
 
 const {
-  DatePicker: DatePicker$1
+  DatePicker: DatePicker$3
 } = require("@djb25/digit-ui-react-components");
 const DriverConfig = (t, disabled = false) => {
   return [{
@@ -7228,7 +7531,7 @@ const DriverConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$1, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps, {
@@ -7793,11 +8096,7 @@ const DriverDetails = () => {
         marginTop: "32px"
       }
     }, t(detail.title)), /*#__PURE__*/React.createElement(Card, {
-      className: "card-with-background",
-      style: {
-        margin: "10px 16px",
-        padding: "20px"
-      }
+      className: "card-with-background"
     }, /*#__PURE__*/React.createElement("div", {
       className: "additional-grid"
     }, detail === null || detail === void 0 ? void 0 : (_detail$values = detail.values) === null || _detail$values === void 0 ? void 0 : _detail$values.map((value, index) => {
@@ -7881,7 +8180,7 @@ const DriverDetails = () => {
 };
 
 const {
-  DatePicker: DatePicker$2
+  DatePicker: DatePicker$4
 } = require("@djb25/digit-ui-react-components");
 const VehicleConfig = (t, disabled = false) => {
   return [{
@@ -7937,7 +8236,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -7952,7 +8251,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -7967,7 +8266,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -7982,7 +8281,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -8037,7 +8336,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps, {
@@ -8738,6 +9037,184 @@ const VehicleDetails = props => {
   }))) : /*#__PURE__*/React.createElement(Loader, null));
 };
 
+const SelectEkycZones = ({
+  config,
+  onSelect,
+  t,
+  formData
+}) => {
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const [zones, setZones] = useState([]);
+  const [selectedZones, setSelectedZones] = useState(Array.isArray(formData === null || formData === void 0 ? void 0 : formData.zoneIds) ? formData.zoneIds : []);
+  const {
+    data: boundaryData,
+    isLoading
+  } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
+  useEffect(() => {
+    var _boundaryData$egovLo, _boundaryData$egovLo$, _boundaryData$MdmsRes, _boundaryData$MdmsRes2, _boundaryData$MdmsRes3;
+    const tenantBoundary = (boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$egovLo = boundaryData["egov-location"]) === null || _boundaryData$egovLo === void 0 ? void 0 : (_boundaryData$egovLo$ = _boundaryData$egovLo.TenantBoundary) === null || _boundaryData$egovLo$ === void 0 ? void 0 : _boundaryData$egovLo$[0]) || (boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$MdmsRes = boundaryData.MdmsRes) === null || _boundaryData$MdmsRes === void 0 ? void 0 : (_boundaryData$MdmsRes2 = _boundaryData$MdmsRes["egov-location"]) === null || _boundaryData$MdmsRes2 === void 0 ? void 0 : (_boundaryData$MdmsRes3 = _boundaryData$MdmsRes2.TenantBoundary) === null || _boundaryData$MdmsRes3 === void 0 ? void 0 : _boundaryData$MdmsRes3[0]);
+    const boundaries = (tenantBoundary === null || tenantBoundary === void 0 ? void 0 : tenantBoundary.boundary) || (tenantBoundary === null || tenantBoundary === void 0 ? void 0 : tenantBoundary.children) || [];
+    if (Array.isArray(boundaries) && boundaries.length > 0) {
+      const zonesList = boundaries.map(b => ({
+        code: b.code,
+        name: b.name
+      }));
+      setZones(zonesList);
+    } else if (!isLoading) {
+      setZones([{
+        code: "ZONE-01",
+        name: "ZONE-01"
+      }, {
+        code: "ZONE-02",
+        name: "ZONE-02"
+      }, {
+        code: "ZONE-03",
+        name: "ZONE-03"
+      }, {
+        code: "ZONE-04",
+        name: "ZONE-04"
+      }, {
+        code: "ZONE-05",
+        name: "ZONE-05"
+      }]);
+    }
+  }, [boundaryData, isLoading]);
+  const handleSelect = value => {
+    setSelectedZones(value);
+    onSelect(config.key, value);
+  };
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
+  return /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t(config.label) + (config.isMandatory ? " *" : "")), /*#__PURE__*/React.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React.createElement(MultiSelectDropdown, {
+    options: zones,
+    selected: selectedZones,
+    onSelect: handleSelect,
+    optionsKey: "name",
+    t: t
+  })));
+};
+
+const SelectEkycClusters = ({
+  config,
+  onSelect,
+  t,
+  formData
+}) => {
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const [clusters, setClusters] = useState([]);
+  const [selectedClusters, setSelectedClusters] = useState(Array.isArray(formData === null || formData === void 0 ? void 0 : formData.clusterIds) ? formData.clusterIds : []);
+  const selectedZones = Array.isArray(formData === null || formData === void 0 ? void 0 : formData.zoneIds) ? formData.zoneIds : [];
+  const {
+    data: boundaryData
+  } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
+  useEffect(() => {
+    var _boundaryData$egovLo, _boundaryData$egovLo$, _boundaryData$MdmsRes, _boundaryData$MdmsRes2, _boundaryData$MdmsRes3;
+    const tenantBoundary = (boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$egovLo = boundaryData["egov-location"]) === null || _boundaryData$egovLo === void 0 ? void 0 : (_boundaryData$egovLo$ = _boundaryData$egovLo.TenantBoundary) === null || _boundaryData$egovLo$ === void 0 ? void 0 : _boundaryData$egovLo$[0]) || (boundaryData === null || boundaryData === void 0 ? void 0 : (_boundaryData$MdmsRes = boundaryData.MdmsRes) === null || _boundaryData$MdmsRes === void 0 ? void 0 : (_boundaryData$MdmsRes2 = _boundaryData$MdmsRes["egov-location"]) === null || _boundaryData$MdmsRes2 === void 0 ? void 0 : (_boundaryData$MdmsRes3 = _boundaryData$MdmsRes2.TenantBoundary) === null || _boundaryData$MdmsRes3 === void 0 ? void 0 : _boundaryData$MdmsRes3[0]);
+    const boundaries = (tenantBoundary === null || tenantBoundary === void 0 ? void 0 : tenantBoundary.boundary) || (tenantBoundary === null || tenantBoundary === void 0 ? void 0 : tenantBoundary.children) || [];
+    let allClusters = [];
+    if (selectedZones.length > 0 && Array.isArray(boundaries) && boundaries.length > 0) {
+      selectedZones.forEach(zone => {
+        const zoneBoundary = boundaries.find(b => b.code === zone.code);
+        const children = (zoneBoundary === null || zoneBoundary === void 0 ? void 0 : zoneBoundary.children) || (zoneBoundary === null || zoneBoundary === void 0 ? void 0 : zoneBoundary.boundary) || [];
+        if (Array.isArray(children)) {
+          children.forEach(child => {
+            allClusters.push({
+              code: child.code,
+              name: child.name
+            });
+          });
+        }
+      });
+    }
+    if (allClusters.length === 0) {
+      const staticClusters = {
+        "ZONE-01": [{
+          code: "CLUSTER-01",
+          name: "CLUSTER-01"
+        }],
+        "ZONE-02": [{
+          code: "CLUSTER-02",
+          name: "CLUSTER-02"
+        }],
+        "ZONE-03": [{
+          code: "CLUSTER-03",
+          name: "CLUSTER-03"
+        }],
+        "ZONE-04": [{
+          code: "CLUSTER-04",
+          name: "CLUSTER-04"
+        }],
+        "ZONE-05": [{
+          code: "CLUSTER-05",
+          name: "CLUSTER-05"
+        }]
+      };
+      if (selectedZones.length > 0) {
+        selectedZones.forEach(z => {
+          if (staticClusters[z.code]) {
+            allClusters = [...allClusters, ...staticClusters[z.code]];
+          } else {
+            allClusters.push({
+              code: `${z.code}-C1`,
+              name: `${z.name} Cluster 1`
+            });
+          }
+        });
+      } else {
+        allClusters = [{
+          code: "CLUSTER-01",
+          name: "CLUSTER-01"
+        }, {
+          code: "CLUSTER-02",
+          name: "CLUSTER-02"
+        }, {
+          code: "CLUSTER-03",
+          name: "CLUSTER-03"
+        }];
+      }
+    }
+    setClusters(allClusters);
+  }, [selectedZones, boundaryData]);
+  const handleSelect = value => {
+    setSelectedClusters(value);
+    onSelect(config.key, value);
+  };
+  return /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t(config.label) + (config.isMandatory ? " *" : "")), /*#__PURE__*/React.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React.createElement(MultiSelectDropdown, {
+    options: clusters,
+    selected: selectedClusters,
+    onSelect: handleSelect,
+    optionsKey: "name",
+    t: t
+  })));
+};
+
+const SelectEkycDropdown = ({
+  config,
+  onSelect,
+  t,
+  formData
+}) => {
+  var _config$populators, _config$populators2;
+  const options = (config === null || config === void 0 ? void 0 : (_config$populators = config.populators) === null || _config$populators === void 0 ? void 0 : _config$populators.options) || [];
+  const optionsKey = (config === null || config === void 0 ? void 0 : (_config$populators2 = config.populators) === null || _config$populators2 === void 0 ? void 0 : _config$populators2.optionsKey) || "name";
+  const selected = formData === null || formData === void 0 ? void 0 : formData[config.key];
+  const handleSelect = value => {
+    onSelect(config.key, value);
+  };
+  return /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t(config.label)), /*#__PURE__*/React.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React.createElement(Dropdown$3, {
+    selected: selected,
+    option: options,
+    select: handleSelect,
+    optionKey: optionsKey,
+    t: t
+  })));
+};
+
 const componentsToRegister = {
   VendorDetails,
   VendorDocuments,
@@ -8761,7 +9238,10 @@ const componentsToRegister = {
   SupervisorDetails,
   SupervisorAreaAssignment,
   AddSurveyor,
-  SurveyorDetails
+  SurveyorDetails,
+  SelectEkycZones,
+  SelectEkycClusters,
+  SelectEkycDropdown
 };
 const addComponentsToRegistry = () => {
   Object.entries(componentsToRegister).forEach(([key, value]) => {