@djb25/digit-ui-module-vendor 1.0.40 → 1.0.42

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$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 { AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, VerticalTimeline, FormStep, LabelFieldPair, CardLabel, CustomTooltip, TextInput, MobileNumber, Dropdown as Dropdown$2, UploadFile, Toast, Loader, Card, ActionBar, SubmitBar, RadioOrSelect, Header, SearchForm, SearchField, CardLabelError, DatePicker as DatePicker$4, 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';
@@ -697,7 +697,7 @@ const VendorDetails = ({
     rules: {
       required: t("CORE_COMMON_REQUIRED_ERRMSG")
     },
-    render: props => /*#__PURE__*/React.createElement(Dropdown$3, {
+    render: props => /*#__PURE__*/React.createElement(Dropdown$2, {
       selected: VendorType,
       select: setVendorType,
       option: [{
@@ -737,7 +737,7 @@ const VendorDetails = ({
     rules: {
       required: t("CORE_COMMON_REQUIRED_ERRMSG")
     },
-    render: props => /*#__PURE__*/React.createElement(Dropdown$3, {
+    render: props => /*#__PURE__*/React.createElement(Dropdown$2, {
       selected: VendorCategory,
       select: setVendorCategory,
       option: [{
@@ -777,7 +777,7 @@ const VendorDetails = ({
     rules: {
       required: t("CORE_COMMON_REQUIRED_ERRMSG")
     },
-    render: props => /*#__PURE__*/React.createElement(Dropdown$3, {
+    render: props => /*#__PURE__*/React.createElement(Dropdown$2, {
       selected: Status,
       select: setStatus,
       option: [{
@@ -1134,7 +1134,7 @@ const VendorSelectAddress = ({
     });
   }
   if (userType === "employee") {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("MYCITY_CODE_LABEL"), config.isMandatory ? " * " : null), /*#__PURE__*/React.createElement(Dropdown$3, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("MYCITY_CODE_LABEL"), config.isMandatory ? " * " : null), /*#__PURE__*/React.createElement(Dropdown$2, {
       className: "",
       isMandatory: true,
       selected: (cities === null || cities === void 0 ? void 0 : cities.length) === 1 ? cities[0] : selectedCity,
@@ -1143,7 +1143,7 @@ const VendorSelectAddress = ({
       select: selectCity,
       optionKey: "code",
       t: t
-    })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_NEW_APPLICATION_LOCATION_MOHALLA"), config.isMandatory ? " * " : null), /*#__PURE__*/React.createElement(Dropdown$3, {
+    })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_NEW_APPLICATION_LOCATION_MOHALLA"), config.isMandatory ? " * " : null), /*#__PURE__*/React.createElement(Dropdown$2, {
       className: "",
       isMandatory: true,
       selected: selectedLocality,
@@ -1302,7 +1302,7 @@ const VendorSearchApplication = ({
     name: "vendorName",
     render: field => {
       var _vendorData$vendor2;
-      return /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(Dropdown$2, {
         selected: field.value || "",
         select: field.onChange,
         onBlur: field.onBlur,
@@ -1336,7 +1336,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$5, {
+    render: props => /*#__PURE__*/React.createElement(DatePicker$4, {
       date: props.value,
       disabled: false,
       onChange: props.onChange
@@ -1344,7 +1344,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$5, {
+    render: props => /*#__PURE__*/React.createElement(DatePicker$4, {
       date: props.value,
       disabled: false,
       onChange: props.onChange
@@ -1567,7 +1567,7 @@ const ApplicationTable = ({
   csvExportButtonLabel,
   ...rest
 }) => {
-  return /*#__PURE__*/React.createElement(Table, Object.assign({
+  return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Table, Object.assign({
     className: _className,
     t: t,
     data: data,
@@ -1589,7 +1589,7 @@ const ApplicationTable = ({
     getCSVExportData: getCSVExportData,
     csvExportColumns: csvExportColumns,
     csvExportButtonLabel: csvExportButtonLabel
-  }, rest));
+  }, rest)));
 };
 
 const StatusCount = ({
@@ -1845,7 +1845,7 @@ const DropdownStatus = ({
   applicationStatuses,
   areApplicationStatus
 }) => {
-  return areApplicationStatus ? /*#__PURE__*/React.createElement(Dropdown$3, {
+  return areApplicationStatus ? /*#__PURE__*/React.createElement(Dropdown$2, {
     option: applicationStatuses,
     optionKey: "name",
     selected: value,
@@ -1942,7 +1942,7 @@ const RegisteredVendorSearch = ({
     switch (input.type) {
       case "date":
         return /*#__PURE__*/React.createElement(Controller, {
-          render: props => /*#__PURE__*/React.createElement(DatePicker$5, {
+          render: props => /*#__PURE__*/React.createElement(DatePicker$4, {
             date: props.value,
             onChange: props.onChange
           }),
@@ -1962,7 +1962,7 @@ const RegisteredVendorSearch = ({
         });
       case "dropdown":
         return /*#__PURE__*/React.createElement(Controller, {
-          render: props => /*#__PURE__*/React.createElement(Dropdown$3, {
+          render: props => /*#__PURE__*/React.createElement(Dropdown$2, {
             option: input.options,
             optionKey: input.optionsKey,
             value: props.value,
@@ -1991,10 +1991,7 @@ const RegisteredVendorSearch = ({
   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"] : [])];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "search-container",
-    style: {
-      width: "auto"
-    }
+    className: "search-container"
   }, /*#__PURE__*/React.createElement("div", {
     className: "search-complaint-container"
   }, (type === "mobile" || mobileView) && /*#__PURE__*/React.createElement("div", {
@@ -2844,7 +2841,7 @@ const VendorInbox = props => {
           Cell: ({
             row
           }) => {
-            return /*#__PURE__*/React.createElement(Dropdown$3, {
+            return /*#__PURE__*/React.createElement(Dropdown$2, {
               className: "fsm-registry-dropdown",
               selected: getSelectedVendorOption(row.original, vendors),
               option: vendors,
@@ -2899,7 +2896,7 @@ const VendorInbox = props => {
           }) => {
             const selectedVendor = getSelectedVendorOption(row.original, vendors);
             const vendorFillingPoints = getVendorFillingPoints(selectedVendor);
-            return /*#__PURE__*/React.createElement(Dropdown$3, {
+            return /*#__PURE__*/React.createElement(Dropdown$2, {
               className: "fsm-registry-dropdown",
               selected: getSelectedFillingPointOption(row.original, vendorFillingPoints),
               option: vendorFillingPoints,
@@ -2928,7 +2925,7 @@ const VendorInbox = props => {
             const selectedVendor = getSelectedVendorOption(row.original, vendors);
             const selectedFillingPoint = getSelectedFillingPointOption(row.original, getVendorFillingPoints(selectedVendor));
             const availableDrivers = getVendorDriversForFillingPoint(selectedVendor, selectedFillingPoint);
-            return /*#__PURE__*/React.createElement(Dropdown$3, {
+            return /*#__PURE__*/React.createElement(Dropdown$2, {
               className: "fsm-registry-dropdown",
               selected: getSelectedDriverOption(row.original, availableDrivers),
               option: availableDrivers,
@@ -3021,7 +3018,7 @@ const VendorInbox = props => {
           Cell: ({
             row
           }) => {
-            return /*#__PURE__*/React.createElement(Dropdown$3, {
+            return /*#__PURE__*/React.createElement(Dropdown$2, {
               className: "fsm-registry-dropdown",
               selected: (vendors === null || vendors === void 0 ? void 0 : vendors.find(vendor => {
                 var _row$original$vendorD, _row$original$vendor;
@@ -3131,7 +3128,7 @@ const VendorInbox = props => {
           Cell: ({
             row
           }) => {
-            return /*#__PURE__*/React.createElement(Dropdown$3, {
+            return /*#__PURE__*/React.createElement(Dropdown$2, {
               className: "fsm-registry-dropdown",
               selected: (vendors === null || vendors === void 0 ? void 0 : vendors.find(vendor => {
                 var _row$original$vendorD2, _row$original$vendor2;
@@ -3454,7 +3451,10 @@ const VendorInbox = props => {
     style: {
       flex: 1,
       width: "100%",
-      marginLeft: props.userRole === "FSM_ADMIN" ? "" : "24px"
+      marginLeft: props.userRole === "FSM_ADMIN" ? "" : "24px",
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px"
     }
   }, /*#__PURE__*/React.createElement(RegisteredVendorSearch, {
     onSearch: props.onSearch,
@@ -3908,7 +3908,7 @@ const SelectServiceType = ({
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   if (userType === "employee") {
-    return /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t(config.label)), /*#__PURE__*/React.createElement(Dropdown$3, {
+    return /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t(config.label)), /*#__PURE__*/React.createElement(Dropdown$2, {
       className: "payment-form-text-input-correction",
       isMandatory: config.isMandatory,
       selected: serviceTypes,
@@ -4012,14 +4012,14 @@ const SelectVehicleType = ({
   if (!vehicleData || !serviceTypeData) {
     return /*#__PURE__*/React.createElement("div", null, t("ERROR_FETCHING_DATA"));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_FSM_REGISTRY_VEHICLE_MODEL")), /*#__PURE__*/React.createElement(Dropdown$3, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_FSM_REGISTRY_VEHICLE_MODEL")), /*#__PURE__*/React.createElement(Dropdown$2, {
     className: "form-field",
     selected: selectedModal,
     option: modals,
     select: selectModal,
     optionKey: "name",
     t: t
-  })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_FSM_REGISTRY_VEHICLE_TYPE")), /*#__PURE__*/React.createElement(Dropdown$3, {
+  })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_FSM_REGISTRY_VEHICLE_TYPE")), /*#__PURE__*/React.createElement(Dropdown$2, {
     className: "form-field",
     selected: selectedType,
     option: types,
@@ -4311,7 +4311,7 @@ const SupervisorAreaAssignment = ({
     onSelect(config.key, updatedData);
   };
   if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_VENDOR_SUPERVISOR_ZONE") + " *"), /*#__PURE__*/React.createElement(Dropdown$3, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_VENDOR_SUPERVISOR_ZONE") + " *"), /*#__PURE__*/React.createElement(Dropdown$2, {
     selected: selectedZone,
     option: zones,
     select: val => {
@@ -4320,7 +4320,7 @@ const SupervisorAreaAssignment = ({
     },
     optionKey: "name",
     t: t
-  })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_VENDOR_SUPERVISOR_CLUSTER") + " *"), /*#__PURE__*/React.createElement(Dropdown$3, {
+  })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_VENDOR_SUPERVISOR_CLUSTER") + " *"), /*#__PURE__*/React.createElement(Dropdown$2, {
     selected: selectedCluster,
     option: clusters,
     select: val => {
@@ -4330,7 +4330,7 @@ const SupervisorAreaAssignment = ({
     optionKey: "name",
     t: t,
     disable: !selectedZone
-  })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_VENDOR_SUPERVISOR_WARD") + " *"), /*#__PURE__*/React.createElement(Dropdown$3, {
+  })), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ES_VENDOR_SUPERVISOR_WARD") + " *"), /*#__PURE__*/React.createElement(Dropdown$2, {
     selected: selectedWard,
     option: wards,
     select: val => {
@@ -4920,7 +4920,7 @@ const EditVendorDetails = props => {
       });
     }
     if (selectedAction === "ADD_VEHICLE") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VEHICLE`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VEHICLE`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vehicles,
         value: selectedOption,
@@ -4930,7 +4930,7 @@ const EditVendorDetails = props => {
       }));
     }
     if (selectedAction === "ADD_DRIVER") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_DRIVER`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_DRIVER`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: drivers,
         value: selectedOption,
@@ -5187,15 +5187,13 @@ const EditVendorDetails = props => {
   }))) : /*#__PURE__*/React.createElement(Loader, null));
 };
 
-const {
-  DatePicker,
-  Dropdown
-} = require("@djb25/digit-ui-react-components");
 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",
+    isCollapsible: true,
+    isDefaultOpen: true,
     body: [{
       label: "ES_FSM_REGISTRY_NEW_VENDOR_NAME",
       isMandatory: true,
@@ -5275,7 +5273,7 @@ const VendorConfig = (t, disabled = false, formData = {}) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -5290,7 +5288,7 @@ const VendorConfig = (t, disabled = false, formData = {}) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -5320,17 +5318,6 @@ const VendorConfig = (t, disabled = false, formData = {}) => {
         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,
@@ -5361,113 +5348,25 @@ const VendorConfig = (t, disabled = false, formData = {}) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, 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",
+    isCreateConnection: true,
+    className: "new-application-card",
     body: [{
-      label: "HOUSE_NO",
-      isMandatory: false,
-      type: "text",
-      key: "doorNo",
-      populators: {
-        name: "doorNo",
-        defaultValue: "",
-        className: "payment-form-text-input-correction"
-      }
-    }, {
-      label: "ES_FSM_REGISTRY_NEW_PLOT",
-      isMandatory: false,
-      type: "text",
-      key: "plotNo",
-      populators: {
-        name: "plotNo",
-        defaultValue: "",
-        className: "payment-form-text-input-correction"
-      }
-    }, {
-      label: "ES_FSM_REGISTRY_NEW_BUILDING_NAME",
-      isMandatory: false,
-      type: "text",
-      key: "buildingName",
-      populators: {
-        name: "buildingName",
-        defaultValue: "",
-        className: "payment-form-text-input-correction"
-      }
-    }, {
-      label: "ES_FSM_REGISTRY_NEW_STREET",
-      isMandatory: false,
-      type: "text",
-      key: "street",
-      populators: {
-        name: "street",
-        defaultValue: "",
-        className: "payment-form-text-input-correction"
-      }
-    }, {
-      label: "ES_FSM_REGISTRY_NEW_PINCODE",
-      isMandatory: false,
-      type: "text",
-      key: "pincode",
-      populators: {
-        name: "pincode",
-        validation: {
-          required: false,
-          pattern: /^[1-9][0-9]{5}$/
-        },
-        error: t("FSM_REGISTRY_INVALID_PINCODE"),
-        defaultValue: "",
-        className: "payment-form-text-input-correction"
-      }
-    }, {
-      route: "address",
-      component: "VendorSelectAddress",
+      type: "component",
+      key: "propertyAddress",
+      component: "CPTPropertyLocationDetails",
       withoutLabel: true,
-      texts: {
-        headerCaption: "CS_FILE_APPLICATION_PROPERTY_LOCATION_LABEL",
-        header: "CS_FILE_APPLICATION_PROPERTY_LOCATION_ADDRESS_TEXT",
-        cardText: "CS_FILE_APPLICATION_PROPERTY_LOCATION_CITY_MOHALLA_TEXT",
-        submitBarLabel: "CS_COMMON_NEXT"
-      },
-      key: "address",
-      isMandatory: true,
-      type: "component"
-    }, {
-      label: "ES_FSM_REGISTRY_NEW_LANDMARK",
-      isMandatory: false,
-      type: "text",
-      key: "landmark",
-      populators: {
-        name: "landmark",
-        defaultValue: "",
-        className: "payment-form-text-input-correction"
+      props: {
+        hidePropertySearch: true,
+        hideZRO: true
       }
     }]
   }];
@@ -5478,7 +5377,6 @@ const AddVendor = ({
   heading
 }) => {
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const stateId = Digit.ULBService.getStateId();
   const {
     t
   } = useTranslation();
@@ -5565,6 +5463,7 @@ const AddVendor = ({
   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, _mergedData$relations, _mergedData$gender, _mergedData$serviceTy2;
     const mergedData = data;
+    console.log(mergedData);
     const name = mergedData === null || mergedData === void 0 ? void 0 : mergedData.vendorName;
     const pincode = mergedData === null || mergedData === void 0 ? void 0 : mergedData.pincode;
     const street = mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$street = mergedData.street) === null || _mergedData$street === void 0 ? void 0 : _mergedData$street.trim();
@@ -5608,7 +5507,7 @@ const AddVendor = ({
         },
         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
+          longitude: (mergedData === null || mergedData === void 0 ? void 0 : (_mergedData$address9 = mergedData.address) === null || _mergedData$address9 === void 0 ? void 0 : _mergedData$address9.longitude) || 77.209
         }
       },
       owner: {
@@ -5638,34 +5537,6 @@ const AddVendor = ({
         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",
-          action: error
-        });
-        setTimeout(closeToast, 5000);
-      },
-      onSuccess: (data, variables) => {
-        setShowToast({
-          key: "success",
-          action: "ADD_VENDOR"
-        });
-        setTimeout(() => {
-          closeToast();
-          history.push("/digit-ui/employee/vendor/search-vendor");
-        }, 2000);
-      }
-    });
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VerticalTimeline, {
     config: [{
@@ -5689,18 +5560,14 @@ const AddVendor = ({
       overflowY: "auto"
     }
   }, /*#__PURE__*/React.createElement(FormComposer, {
+    config: Config,
+    userType: "employee",
+    onFormValueChange: onFormValueChange,
     label: t("ES_COMMON_APPLICATION_SUBMIT"),
-    config: Config.filter(i => !i.hideInEmployee).map(config => ({
-      ...config,
-      isCollapsible: true,
-      isDefaultOpen: true,
-      body: config.body.filter(a => !a.hideInEmployee)
-    })),
     onSubmit: onSubmit,
     defaultValues: defaultValues,
-    onFormValueChange: onFormValueChange,
-    noBreakLine: true,
     noCard: true,
+    noBreakLine: true,
     isDisabled: !canSubmit
   }), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
@@ -5710,8 +5577,8 @@ const AddVendor = ({
 };
 
 const {
-  Dropdown: Dropdown$1,
-  DatePicker: DatePicker$1
+  Dropdown,
+  DatePicker
 } = require("@djb25/digit-ui-react-components");
 const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = false) => {
   return [{
@@ -5822,7 +5689,7 @@ const SupervisorConfig = (t, agencies = [], reportingManagers = [], disabled = f
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$1, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -6313,7 +6180,7 @@ const SupervisorDetails = props => {
       });
     }
     if (selectedAction === "ADD_VENDOR" || selectedAction === "EDIT_VENDOR") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -6657,8 +6524,8 @@ const EditSupervisor = () => {
 };
 
 const {
-  Dropdown: Dropdown$2,
-  DatePicker: DatePicker$2
+  Dropdown: Dropdown$1,
+  DatePicker: DatePicker$1
 } = require("@djb25/digit-ui-react-components");
 const SurveyorConfig = (t, agencies = [], reportingManagers = [], disabled = false) => {
   return [{
@@ -6756,7 +6623,7 @@ const SurveyorConfig = (t, agencies = [], reportingManagers = [], disabled = fal
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$1, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -6825,7 +6692,7 @@ const AddSurveyor = ({
     setShowToast(null);
   };
   const onSubmit = data => {
-    var _userInfo$roles, _Digit$UserService$ge2, _data$agencyName, _data$agencyName2, _data$reportingManage, _data$reportingManage2, _data$relationship, _data$gender;
+    var _userInfo$roles, _Digit$UserService$ge2, _data$relationship, _data$gender;
     const isSupervisor = userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$roles = userInfo.roles) === null || _userInfo$roles === void 0 ? void 0 : _userInfo$roles.some(role => role.code === "EKYC_SUPERVISOR");
     const formData = {
       RequestInfo: {
@@ -6849,8 +6716,6 @@ const AddSurveyor = ({
       },
       surveyor: {
         tenantId: tenantId,
-        vendorId: vendorIdParam || (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) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.uuid),
-        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) || null,
         description: (data === null || data === void 0 ? void 0 : data.description) || "",
         additionalDetails: {
           serviceType: "ekyc"
@@ -7218,7 +7083,7 @@ const SurveyorDetails = props => {
       });
     }
     if (selectedAction === "ADD_VENDOR" || selectedAction === "EDIT_VENDOR") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -7947,7 +7812,7 @@ const VENDORCreate = ({
 };
 
 const {
-  DatePicker: DatePicker$3
+  DatePicker: DatePicker$2
 } = require("@djb25/digit-ui-react-components");
 const DriverConfig = (t, disabled = false) => {
   return [{
@@ -8041,7 +7906,7 @@ const DriverConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$2, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps, {
@@ -8566,7 +8431,7 @@ const DriverDetails = () => {
       });
     }
     if (selectedAction === "ADD_VENDOR") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -8576,7 +8441,7 @@ const DriverDetails = () => {
       }));
     }
     if (selectedAction === "EDIT_VENDOR") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -8690,7 +8555,7 @@ const DriverDetails = () => {
 };
 
 const {
-  DatePicker: DatePicker$4
+  DatePicker: DatePicker$3
 } = require("@djb25/digit-ui-react-components");
 const VehicleConfig = (t, disabled = false) => {
   return [{
@@ -8746,7 +8611,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -8761,7 +8626,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -8776,7 +8641,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -8791,7 +8656,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps))
@@ -8846,7 +8711,7 @@ const VehicleConfig = (t, disabled = false) => {
         validation: {
           required: true
         },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$4, Object.assign({
+        component: (props, customProps) => /*#__PURE__*/React.createElement(DatePicker$3, Object.assign({
           onChange: props.onChange,
           date: props.value
         }, customProps, {
@@ -9431,7 +9296,7 @@ const VehicleDetails = props => {
       });
     }
     if (selectedAction === "ADD_VENDOR") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -9441,7 +9306,7 @@ const VehicleDetails = props => {
       }));
     }
     if (selectedAction === "EDIT_VENDOR") {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$3, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -9592,8 +9457,8 @@ const SelectEkycZones = ({
     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 => ({
+    if (Array.isArray(boundaries === null || boundaries === void 0 ? void 0 : boundaries.children) && (boundaries === null || boundaries === void 0 ? void 0 : boundaries.children.length) > 0) {
+      const zonesList = boundaries === null || boundaries === void 0 ? void 0 : boundaries.children.map(b => ({
         code: b.code,
         name: b.name
       }));
@@ -9642,7 +9507,7 @@ const SelectEkycClusters = ({
   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 selectedZones = React.useMemo(() => Array.isArray(formData === null || formData === void 0 ? void 0 : formData.zoneIds) ? formData.zoneIds : [], [formData === null || formData === void 0 ? void 0 : formData.zoneIds]);
   const {
     data: boundaryData
   } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
@@ -9712,8 +9577,11 @@ const SelectEkycClusters = ({
         }];
       }
     }
-    setClusters(allClusters);
-  }, [selectedZones, boundaryData]);
+    setClusters(prev => {
+      const same = JSON.stringify(prev) === JSON.stringify(allClusters);
+      return same ? prev : allClusters;
+    });
+  }, [formData === null || formData === void 0 ? void 0 : formData.zoneIds, boundaryData]);
   const handleSelect = value => {
     setSelectedClusters(value);
     onSelect(config.key, value);
@@ -9744,7 +9612,7 @@ const SelectEkycDropdown = ({
   };
   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, {
+  }, /*#__PURE__*/React.createElement(Dropdown$2, {
     selected: selected,
     option: options,
     select: handleSelect,