@djb25/digit-ui-module-vendor 1.0.63 → 1.0.64

package/dist/index.modern.js

@@ -50,10 +50,20 @@ const SurveyorConfig = function (t, agencies, reportingManagers, disabled) {
       populators: {
         name: "fullName",
         validation: {
-          required: true,
-          pattern: /^[A-Za-z\s]+$/
+          required: {
+            value: true,
+            message: t("ES_VENDOR_INVALID_NAME")
+          },
+          maxLength: {
+            value: 49,
+            message: t("ES_VENDOR_NAME_MAX_50_CHARACTERS")
+          },
+          pattern: {
+            value: /^[A-Za-z\s]+$/,
+            message: t("ES_VENDOR_INVALID_NAME")
+          }
         },
-        error: t("ES_VENDOR_INVALID_NAME")
+        maxlength: 50
       }
     }, {
       label: "ES_VENDOR_SURVEYOR_MOBILE_NUMBER",
@@ -632,7 +642,7 @@ const DropdownStatus = _ref => {
 };
 
 const RegisteredVendorSearch = _ref => {
-  var _matchedRoles$wt, _matchedRoles$wt2, _matchedRoles$ekyc, _matchedRoles$ekyc2, _matchedRoles$wt3, _matchedRoles$wt4, _matchedRoles$wt5, _matchedRoles$ekyc3, _matchedRoles$ekyc4, _matchedRoles$ekyc5, _matchedRoles$ekyc6, _matchedRoles$ekyc7;
+  var _matchedRoles$wt, _matchedRoles$wt2, _matchedRoles$ekyc, _matchedRoles$ekyc2, _matchedRoles$wt3, _matchedRoles$ekyc3, _matchedRoles$wt4, _matchedRoles$wt5, _matchedRoles$ekyc4, _matchedRoles$ekyc5, _matchedRoles$ekyc6, _matchedRoles$ekyc7, _matchedRoles$ekyc8;
   let onSearch = _ref.onSearch,
     type = _ref.type,
     onClose = _ref.onClose,
@@ -778,7 +788,7 @@ const RegisteredVendorSearch = _ref => {
     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, ((matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$wt3 = matchedRoles.wt) === null || _matchedRoles$wt3 === void 0 ? void 0 : _matchedRoles$wt3.includes("WT_VENDOR")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc3 = matchedRoles.ekyc) === null || _matchedRoles$ekyc3 === void 0 ? void 0 : _matchedRoles$ekyc3.includes("EKYC_VENDOR"))) && /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "VENDOR" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
@@ -796,13 +806,13 @@ const RegisteredVendorSearch = _ref => {
       clearSearch();
       onTabChange("DRIVER");
     }
-  }, t("ES_FSM_REGISTRY_INBOX_TAB_DRIVER")), ((matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc3 = matchedRoles.ekyc) === null || _matchedRoles$ekyc3 === void 0 ? void 0 : _matchedRoles$ekyc3.includes("EKYC_VENDOR")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc4 = matchedRoles.ekyc) === null || _matchedRoles$ekyc4 === void 0 ? void 0 : _matchedRoles$ekyc4.includes("EMPLOYEE"))) && /*#__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")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc5 = matchedRoles.ekyc) === null || _matchedRoles$ekyc5 === void 0 ? void 0 : _matchedRoles$ekyc5.includes("EMPLOYEE"))) && /*#__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")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc7 = matchedRoles.ekyc) === null || _matchedRoles$ekyc7 === void 0 ? void 0 : _matchedRoles$ekyc7.includes("EMPLOYEE"))) && /*#__PURE__*/React.createElement("button", {
+  }, t("ES_FSM_REGISTRY_INBOX_TAB_SUPERVISOR")), ((matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc6 = matchedRoles.ekyc) === null || _matchedRoles$ekyc6 === void 0 ? void 0 : _matchedRoles$ekyc6.includes("EKYC_SUPERVISOR")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc7 = matchedRoles.ekyc) === null || _matchedRoles$ekyc7 === void 0 ? void 0 : _matchedRoles$ekyc7.includes("EKYC_VENDOR")) || (matchedRoles === null || matchedRoles === void 0 ? void 0 : (_matchedRoles$ekyc8 = matchedRoles.ekyc) === null || _matchedRoles$ekyc8 === void 0 ? void 0 : _matchedRoles$ekyc8.includes("EMPLOYEE"))) && /*#__PURE__*/React.createElement("button", {
     className: selectedTab === "SURVEYOR" ? "search-tab-head-selected" : "search-tab-head",
     onClick: () => {
       clearSearch();
@@ -2524,7 +2534,7 @@ const SearchVendor = () => {
   const userInfo = Digit.UserService.getUser();
   const roles = ((_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : (_Digit$UserService$ge2 = _Digit$UserService$ge.info) === null || _Digit$UserService$ge2 === void 0 ? void 0 : (_Digit$UserService$ge3 = _Digit$UserService$ge2.roles) === null || _Digit$UserService$ge3 === void 0 ? void 0 : _Digit$UserService$ge3.map(r => r.code)) || [];
   const location = useLocation();
-  const initialPage = roles.includes("WT_VENDOR") ? "VENDOR" : roles.includes("EKYC_VENDOR") ? "SUPERVISOR" : roles.includes("EKYC_SUPERVISOR") ? "SURVEYOR" : roles.includes("EKYC_SURVEYOR") ? "SURVEYOR" : roles.includes("EMPLOYEE") ? "SUPERVISOR" : "";
+  const initialPage = roles.includes("EKYC_VENDOR") || roles.includes("WT_VENDOR") ? "VENDOR" : roles.includes("EKYC_SUPERVISOR") ? "SURVEYOR" : roles.includes("EKYC_SURVEYOR") ? "SURVEYOR" : roles.includes("EMPLOYEE") ? "SUPERVISOR" : "";
   const _Digit$Hooks$useQuery = Digit.Hooks.useQueryParams(),
     selectedTabs = _Digit$Hooks$useQuery.selectedTabs;
   const _useState = useState(selectedTabs || initialPage),
@@ -3353,15 +3363,22 @@ const SupervisorConfig = function (t, agencies, reportingManagers, disabled) {
       populators: {
         name: "fullName",
         validation: {
-          required: true,
+          required: {
+            value: true,
+            message: t("ES_VENDOR_INVALID_NAME")
+          },
+          maxLength: {
+            value: 49,
+            message: t("ES_VENDOR_NAME_MAX_50_CHARACTERS")
+          },
           pattern: {
             value: /^[A-Za-z\s]+$/,
             message: t("ES_VENDOR_INVALID_NAME")
           }
         },
-        error: t("ES_VENDOR_INVALID_NAME"),
         defaultValue: "",
-        className: "payment-form-text-input-correction"
+        className: "payment-form-text-input-correction",
+        maxlength: 50
       }
     }, {
       label: t("ES_VENDOR_SUPERVISOR_MOBILE_NUMBER"),
@@ -3894,7 +3911,7 @@ const formatLabel = key => {
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
 const VendorDetails = () => {
-  var _dsoData$, _dsoData$$dsoDetails, _vendorAdditionalData, _vendorAdditionalData2, _vendorAdditionalData3, _parsedAdditionalDeta, _userInfo$info$type, _dsoData$5, _dsoData$5$employeeRe, _supervisorData$super, _surveyorData$surveyo;
+  var _dsoData$, _dsoData$$dsoDetails, _vendorAdditionalData, _vendorAdditionalData2, _vendorAdditionalData3, _parsedAdditionalDeta, _userInfo$info$type, _userInfo$info, _userInfo$info$roles, _dsoData$5, _dsoData$5$employeeRe, _supervisorData$super, _surveyorData$surveyo;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -4000,6 +4017,8 @@ const VendorDetails = () => {
   }
   const userInfo = Digit.SessionStorage.get("User");
   const userType = (_userInfo$info$type = userInfo.info.type) === null || _userInfo$info$type === void 0 ? void 0 : _userInfo$info$type.toLowerCase();
+  const userRoles = (userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info = userInfo.info) === null || _userInfo$info === void 0 ? void 0 : (_userInfo$info$roles = _userInfo$info.roles) === null || _userInfo$info$roles === void 0 ? void 0 : _userInfo$info$roles.map(r => r.code)) || [];
+  const isEkycVendor = userRoles.includes("EKYC_VENDOR");
   useEffect(() => {
     switch (selectedAction) {
       case "DELETE":
@@ -4375,7 +4394,7 @@ const VendorDetails = () => {
     manualPagination: false,
     pageSizeLimit: 10,
     t: t
-  }), /*#__PURE__*/React.createElement("div", {
+  }), isEkycVendor && /*#__PURE__*/React.createElement("div", {
     className: "add-details-link hover-button",
     onClick: () => history.push("/digit-ui/" + userType + "/vendor/registry/new-supervisor?vendorId=" + (dsoId || vendorId))
   }, t("ES_VENDOR_ADD_SUPERVISOR"))), /*#__PURE__*/React.createElement(CardSectionHeader, {
@@ -4391,7 +4410,10 @@ const VendorDetails = () => {
     manualPagination: false,
     pageSizeLimit: 10,
     t: t
-  })))), showModal && /*#__PURE__*/React.createElement(Modal, {
+  }), isEkycVendor && /*#__PURE__*/React.createElement("div", {
+    className: "add-details-link hover-button",
+    onClick: () => history.push("/digit-ui/" + userType + "/vendor/registry/new-surveyor?vendorId=" + (dsoId || vendorId))
+  }, t("ES_VENDOR_ADD_SURVEYOR"))))), showModal && /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement("h1", {
       className: "heading-m"
     }, t(selectedAction === "DELETE" ? "ES_FSM_REGISTRY_DELETE_POPUP_HEADER" : selectedAction === "ADD_VEHICLE" ? "ES_FSM_REGISTRY_ADD_VEHICLE_POPUP_HEADER" : "ES_FSM_REGISTRY_ADD_DRIVER_POPUP_HEADER")),
@@ -9438,6 +9460,7 @@ const VehicleDetails = props => {
 };
 
 const SelectEkycZones = _ref => {
+  var _Digit$SessionStorage, _loggedInUser$roles;
   let config = _ref.config,
     onSelect = _ref.onSelect,
     t = _ref.t,
@@ -9452,6 +9475,29 @@ const SelectEkycZones = _ref => {
     selectedZones = _useState2[0],
     setSelectedZones = _useState2[1];
   const initialized = useRef(false);
+  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+  const roles = (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$roles = loggedInUser.roles) === null || _loggedInUser$roles === void 0 ? void 0 : _loggedInUser$roles.map(r => r.code)) || [];
+  const isEkycVendor = roles.includes("EKYC_VENDOR");
+  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
+      status: "ACTIVE"
+    }, {
+      enabled: isEkycVendor
+    }),
+    vendorSearchResponse = _Digit$Hooks$fsm$useD.data,
+    isVendorSearchLoading = _Digit$Hooks$fsm$useD.isLoading;
+  const matchedVendor = React.useMemo(() => {
+    var _vendorSearchResponse, _vendorSearchResponse2;
+    if (!vendorSearchResponse) return null;
+    const userUuid = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid;
+    const userMobile = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber;
+    return ((_vendorSearchResponse = vendorSearchResponse.find(v => {
+      var _actualVendor$owner, _actualVendor$owner2, _actualVendor$owner3;
+      const actualVendor = v.dsoDetails || v;
+      const ownerUuid = ((_actualVendor$owner = actualVendor.owner) === null || _actualVendor$owner === void 0 ? void 0 : _actualVendor$owner.uuid) || ((_actualVendor$owner2 = actualVendor.owner) === null || _actualVendor$owner2 === void 0 ? void 0 : _actualVendor$owner2.id);
+      const ownerMobile = ((_actualVendor$owner3 = actualVendor.owner) === null || _actualVendor$owner3 === void 0 ? void 0 : _actualVendor$owner3.mobileNumber) || actualVendor.mobileNumber;
+      return userUuid && ownerUuid === userUuid || userMobile && ownerMobile === userMobile;
+    })) === null || _vendorSearchResponse === void 0 ? void 0 : _vendorSearchResponse.dsoDetails) || ((_vendorSearchResponse2 = vendorSearchResponse[0]) === null || _vendorSearchResponse2 === void 0 ? void 0 : _vendorSearchResponse2.dsoDetails) || vendorSearchResponse[0];
+  }, [vendorSearchResponse, loggedInUser]);
   const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]),
     boundaryData = _Digit$Hooks$useCommo.data,
     isLoading = _Digit$Hooks$useCommo.isLoading;
@@ -9464,10 +9510,14 @@ const SelectEkycZones = _ref => {
         code: zone.code,
         name: zone.name
       })));
-      const zonesList = [...new Map(allZones.map(z => [z.code, z])).values()];
+      let zonesList = [...new Map(allZones.map(z => [z.code, z])).values()];
+      if (isEkycVendor && matchedVendor !== null && matchedVendor !== void 0 && matchedVendor.zoneIds) {
+        const assignedZoneCodes = matchedVendor.zoneIds.map(z => String(z).toUpperCase());
+        zonesList = zonesList.filter(z => assignedZoneCodes.includes(String(z.code).toUpperCase()) || assignedZoneCodes.includes(String(z.name).toUpperCase()));
+      }
       setZones(zonesList);
     }
-  }, [boundaryData]);
+  }, [boundaryData, isEkycVendor, matchedVendor]);
   useEffect(() => {
     if (!zones.length || !(formData !== null && formData !== void 0 && formData.zoneIds)) return;
     if (isMultiSelect) {
@@ -9510,7 +9560,7 @@ const SelectEkycZones = _ref => {
       onSelect(config.key, (selectedZone === null || selectedZone === void 0 ? void 0 : selectedZone.name) || "");
     }
   };
-  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
+  if (isLoading || isEkycVendor && isVendorSearchLoading) 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("span", {
     className: "check-page-link-button"
   }, " * ") : ""), /*#__PURE__*/React.createElement("div", {