@djb25/digit-ui-module-vendor 1.0.4 → 1.0.6

package/dist/index.modern.js

@@ -1,7 +1,7 @@
-import { Header, SearchForm, SearchField, Dropdown as Dropdown$2, MobileNumber, CardLabelError, DatePicker as DatePicker$3, SubmitBar, Card, Table, Loader, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, HomeIcon, PropertyHouse, EmployeeModuleCard, TickMark, FormComposer, FormStep, CardLabel, TextInput, LabelFieldPair, UploadFile, CardSubHeader, CardText, RadioOrSelect, ShippingTruck, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ActionBar, ApplyFilterBar, AddIcon, Menu, Label, LinkLabel, ToggleSwitch, CardSectionHeader, StatusTable, Row, EditIcon, DeleteIcon, Modal, InfoIcon, CardHeader, LinkButton, Banner } from '@djb25/digit-ui-react-components';
+import { Header, SearchForm, SearchField, Dropdown as Dropdown$2, MobileNumber, CardLabelError, DatePicker as DatePicker$3, SubmitBar, Card, Table, Loader, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, HomeIcon, PropertyHouse, EmployeeModuleCard, Stepper, FormComposer, TickMark, FormStep, CardLabel, TextInput, LabelFieldPair, UploadFile, CardSubHeader, CardText, RadioOrSelect, ShippingTruck, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ActionBar, ApplyFilterBar, AddIcon, Menu, Label, LinkLabel, ToggleSwitch, CardSectionHeader, StatusTable, Row, EditIcon, DeleteIcon, Modal, InfoIcon, CardHeader, LinkButton, Banner } from '@djb25/digit-ui-react-components';
 import React, { useEffect, useMemo, useCallback, useState, useRef, Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams, useLocation, Switch, useHistory, Link, useRouteMatch, Route, Redirect } from 'react-router-dom';
+import { useParams, useLocation, Switch, Link, useHistory, useRouteMatch, Route, Redirect } from 'react-router-dom';
 import { useForm, Controller } from 'react-hook-form';
 import { useQueryClient } from 'react-query';
 
@@ -316,13 +316,11 @@ const EmployeeApp = ({
   url,
   userType
 }) => {
-  console.log("tttttttttttt", path);
   const {
     t
   } = useTranslation();
   const location = useLocation();
   sessionStorage.removeItem("revalidateddone");
-  const isMobile = window.Digit.Utils.browser.isMobile();
   const AddVendor = Digit.ComponentRegistryService.getComponent("AddVendor");
   const SearchVendor = Digit.ComponentRegistryService.getComponent("SearchVendor");
   const AddDriver = Digit.ComponentRegistryService.getComponent("AddDriver");
@@ -376,16 +374,16 @@ const EmployeeApp = ({
     return crumbs;
   };
   return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "ground-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "form-container"
+    className: "ground-container employee-app-container form-container"
   }, /*#__PURE__*/React.createElement(ModuleHeader, {
     leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
       className: "icon"
     }), "Back"),
     onLeftClick: () => window.history.back(),
     breadcrumbs: getDynamicBreadcrumbs()
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form"
+  }, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/registry/new-vendor`,
     component: () => /*#__PURE__*/React.createElement(AddVendor, {
       parentRoute: path
@@ -700,36 +698,6 @@ const VendorConfig = (t, disabled = false) => {
   }];
 };
 
-const Timeline = ({
-  steps: _steps = [],
-  currentStep: _currentStep = 1
-}) => {
-  const {
-    t
-  } = useTranslation();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "custom-stepper-card"
-  }, _steps.map((label, index) => {
-    const stepNumber = index + 1;
-    const isActive = stepNumber === _currentStep;
-    const isCompleted = stepNumber < _currentStep;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "stepper-row",
-      key: index
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "stepper-left"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `step-circle ${isActive ? "active" : ""} ${isCompleted ? "completed" : ""}`
-    }, isCompleted ? /*#__PURE__*/React.createElement(TickMark, {
-      fillColor: "red"
-    }) : stepNumber), index !== _steps.length - 1 && /*#__PURE__*/React.createElement("div", {
-      className: `step-line ${isCompleted ? "completed-line" : ""}`
-    })), /*#__PURE__*/React.createElement("div", {
-      className: `step-label ${isActive ? "active-text" : ""} ${isCompleted ? "completed-text" : ""}`
-    }, t(label)));
-  }));
-};
-
 const AddVendor = ({
   parentUrl,
   heading
@@ -739,8 +707,6 @@ const AddVendor = ({
   const {
     t
   } = useTranslation();
-  const history = useHistory();
-  const queryClient = useQueryClient();
   const [currentStep, setCurrentStep] = useState(1);
   const [showToast, setShowToast] = useState(null);
   const [canSubmit, setCanSubmit] = useState(false);
@@ -770,7 +736,11 @@ const AddVendor = ({
   };
   const vendorStepConfig = Config.filter(config => config.head === "ES_VRNDOR_NEW_VENDOR_DETAILS");
   const addressStepConfig = Config.filter(config => config.head === "ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS");
-  const steps = [t("ES_VRNDOR_NEW_VENDOR_DETAILS"), t("ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS")];
+  const steps = [{
+    label: "ES_VRNDOR_NEW_VENDOR_DETAILS"
+  }, {
+    label: "ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS"
+  }];
   const onFormValueChange = (setValue, formData) => {
     var _formData$selectGende;
     if (formData !== null && formData !== void 0 && formData.vendorName && formData !== null && formData !== void 0 && formData.phone && formData !== null && formData !== void 0 && (_formData$selectGende = formData.selectGender) !== null && _formData$selectGende !== void 0 && _formData$selectGende.code) {
@@ -877,15 +847,11 @@ const AddVendor = ({
       }
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      width: "100%",
-      gap: "24px"
-    }
-  }, /*#__PURE__*/React.createElement(Timeline, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stepper, {
     steps: steps,
-    currentStep: currentStep
+    currentStep: currentStep - 1,
+    onStepClick: step => setCurrentStep(step + 1),
+    t: t
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: "1",
@@ -919,7 +885,37 @@ const AddVendor = ({
     error: showToast.key === "error",
     label: t(showToast.key === "success" ? `ES_FSM_REGISTRY_${showToast.action}_SUCCESS` : showToast.action),
     onClose: closeToast
-  }))));
+  })));
+};
+
+const Timeline = ({
+  steps: _steps = [],
+  currentStep: _currentStep = 1
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "custom-stepper-card"
+  }, _steps.map((label, index) => {
+    const stepNumber = index + 1;
+    const isActive = stepNumber === _currentStep;
+    const isCompleted = stepNumber < _currentStep;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "stepper-row",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "stepper-left"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `step-circle ${isActive ? "active" : ""} ${isCompleted ? "completed" : ""}`
+    }, isCompleted ? /*#__PURE__*/React.createElement(TickMark, {
+      fillColor: "red"
+    }) : stepNumber), index !== _steps.length - 1 && /*#__PURE__*/React.createElement("div", {
+      className: `step-line ${isCompleted ? "completed-line" : ""}`
+    })), /*#__PURE__*/React.createElement("div", {
+      className: `step-label ${isActive ? "active-text" : ""} ${isCompleted ? "completed-text" : ""}`
+    }, t(label)));
+  }));
 };
 
 const VendorDetails = ({
@@ -1712,7 +1708,7 @@ const VendorSelectAddress = ({
   userType,
   formData
 }) => {
-  var _sessionStorage, _formData$cpt4, _formData$cpt4$detail;
+  var _sessionStorage, _formData$cpt3, _formData$cpt3$detail;
   const allCities = Digit.Hooks.vendor.useTenants();
   let tenantId = Digit.ULBService.getCurrentTenantId();
   const {
@@ -1728,7 +1724,6 @@ const VendorSelectAddress = ({
     var _sessionStorage2;
     property = JSON.parse((_sessionStorage2 = sessionStorage) === null || _sessionStorage2 === void 0 ? void 0 : _sessionStorage2.getItem("Digit_FSM_PT"));
   }
-  console.log("properfferrfrty", property);
   let cityDetail = {};
   if (property) {
     cityDetail = cities.filter(city => {
@@ -1759,25 +1754,24 @@ const VendorSelectAddress = ({
   }, [cities]);
   useEffect(() => {
     if (selectedCity && fetchedLocalities) {
-      var _formData$address3, _formData$cpt2, _formData$cpt2$detail, _formData$cpt2$detail2, _property3, _property3$propertyDe, _property3$propertyDe2, _formData$address4, _formData$cpt3, _formData$cpt3$detail, _formData$cpt3$detail2, _property4, _property4$propertyDe, _property4$propertyDe2, _formData$address5;
+      var _formData$address3, _formData$cpt2, _formData$cpt2$detail, _formData$cpt2$detail2, _property3, _property3$propertyDe, _property3$propertyDe2, _formData$address4;
       let __localityList = fetchedLocalities;
       let filteredLocalityList = [];
-      console.log("formData?.address?.locality", formData === null || formData === void 0 ? void 0 : (_formData$address3 = formData.address) === null || _formData$address3 === void 0 ? void 0 : _formData$address3.locality, formData === null || formData === void 0 ? void 0 : (_formData$cpt2 = formData.cpt) === null || _formData$cpt2 === void 0 ? void 0 : (_formData$cpt2$detail = _formData$cpt2.details) === null || _formData$cpt2$detail === void 0 ? void 0 : (_formData$cpt2$detail2 = _formData$cpt2$detail.address) === null || _formData$cpt2$detail2 === void 0 ? void 0 : _formData$cpt2$detail2.locality, (_property3 = property) === null || _property3 === void 0 ? void 0 : (_property3$propertyDe = _property3.propertyDetails) === null || _property3$propertyDe === void 0 ? void 0 : (_property3$propertyDe2 = _property3$propertyDe.address) === null || _property3$propertyDe2 === void 0 ? void 0 : _property3$propertyDe2.locality);
-      if (formData !== null && formData !== void 0 && (_formData$address4 = formData.address) !== null && _formData$address4 !== void 0 && _formData$address4.locality) {
+      if (formData !== null && formData !== void 0 && (_formData$address3 = formData.address) !== null && _formData$address3 !== void 0 && _formData$address3.locality) {
         setSelectedLocality(formData.address.locality);
-      } else if (formData !== null && formData !== void 0 && (_formData$cpt3 = formData.cpt) !== null && _formData$cpt3 !== void 0 && (_formData$cpt3$detail = _formData$cpt3.details) !== null && _formData$cpt3$detail !== void 0 && (_formData$cpt3$detail2 = _formData$cpt3$detail.address) !== null && _formData$cpt3$detail2 !== void 0 && _formData$cpt3$detail2.locality) {
+      } else if (formData !== null && formData !== void 0 && (_formData$cpt2 = formData.cpt) !== null && _formData$cpt2 !== void 0 && (_formData$cpt2$detail = _formData$cpt2.details) !== null && _formData$cpt2$detail !== void 0 && (_formData$cpt2$detail2 = _formData$cpt2$detail.address) !== null && _formData$cpt2$detail2 !== void 0 && _formData$cpt2$detail2.locality) {
         setSelectedLocality(formData.cpt.details.address.locality);
-      } else if ((_property4 = property) !== null && _property4 !== void 0 && (_property4$propertyDe = _property4.propertyDetails) !== null && _property4$propertyDe !== void 0 && (_property4$propertyDe2 = _property4$propertyDe.address) !== null && _property4$propertyDe2 !== void 0 && _property4$propertyDe2.locality) {
-        var _property5, _property5$propertyDe, _property5$propertyDe2;
-        setSelectedLocality((_property5 = property) === null || _property5 === void 0 ? void 0 : (_property5$propertyDe = _property5.propertyDetails) === null || _property5$propertyDe === void 0 ? void 0 : (_property5$propertyDe2 = _property5$propertyDe.address) === null || _property5$propertyDe2 === void 0 ? void 0 : _property5$propertyDe2.locality);
+      } else if ((_property3 = property) !== null && _property3 !== void 0 && (_property3$propertyDe = _property3.propertyDetails) !== null && _property3$propertyDe !== void 0 && (_property3$propertyDe2 = _property3$propertyDe.address) !== null && _property3$propertyDe2 !== void 0 && _property3$propertyDe2.locality) {
+        var _property4, _property4$propertyDe, _property4$propertyDe2;
+        setSelectedLocality((_property4 = property) === null || _property4 === void 0 ? void 0 : (_property4$propertyDe = _property4.propertyDetails) === null || _property4$propertyDe === void 0 ? void 0 : (_property4$propertyDe2 = _property4$propertyDe.address) === null || _property4$propertyDe2 === void 0 ? void 0 : _property4$propertyDe2.locality);
       }
-      if (formData !== null && formData !== void 0 && (_formData$address5 = formData.address) !== null && _formData$address5 !== void 0 && _formData$address5.pincode) {
-        var _formData$address6;
+      if (formData !== null && formData !== void 0 && (_formData$address4 = formData.address) !== null && _formData$address4 !== void 0 && _formData$address4.pincode) {
+        var _formData$address5;
         filteredLocalityList = __localityList.filter(obj => {
           var _obj$pincode;
           return (_obj$pincode = obj.pincode) === null || _obj$pincode === void 0 ? void 0 : _obj$pincode.find(item => item == formData.address.pincode);
         });
-        if (!(formData !== null && formData !== void 0 && (_formData$address6 = formData.address) !== null && _formData$address6 !== void 0 && _formData$address6.locality)) setSelectedLocality();
+        if (!(formData !== null && formData !== void 0 && (_formData$address5 = formData.address) !== null && _formData$address5 !== void 0 && _formData$address5.locality)) setSelectedLocality();
       }
       if (userType === "employee") {
         onSelect(config.key, {
@@ -1796,7 +1790,7 @@ const VendorSelectAddress = ({
         }
       }
     }
-  }, [selectedCity, formData === null || formData === void 0 ? void 0 : (_formData$cpt4 = formData.cpt) === null || _formData$cpt4 === void 0 ? void 0 : (_formData$cpt4$detail = _formData$cpt4.details) === null || _formData$cpt4$detail === void 0 ? void 0 : _formData$cpt4$detail.address, fetchedLocalities]);
+  }, [selectedCity, formData === null || formData === void 0 ? void 0 : (_formData$cpt3 = formData.cpt) === null || _formData$cpt3 === void 0 ? void 0 : (_formData$cpt3$detail = _formData$cpt3.details) === null || _formData$cpt3$detail === void 0 ? void 0 : _formData$cpt3$detail.address, fetchedLocalities]);
   function selectCity(city) {
     setSelectedLocality(null);
     setLocalities(null);
@@ -1819,9 +1813,7 @@ const VendorSelectAddress = ({
     });
   }
   if (userType === "employee") {
-    return /*#__PURE__*/React.createElement("div", {
-      className: ""
-    }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
       className: "card-label-smaller"
     }, t("MYCITY_CODE_LABEL"), config.isMandatory ? " * " : null), /*#__PURE__*/React.createElement(Dropdown$2, {
       className: "",
@@ -8988,7 +8980,9 @@ const SearchVendor = () => {
     refetch();
     refetchVendor();
   }, []);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(VendorInbox, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-content"
+  }, /*#__PURE__*/React.createElement(VendorInbox, {
     data: {
       table: tableData
     },
@@ -9010,7 +9004,7 @@ const SearchVendor = () => {
     selectedTab: tab,
     refetchData: refetchData,
     refetchVendor: refetchVendorData
-  }));
+  })));
 };
 
 const SelectServiceType = ({
@@ -9572,7 +9566,7 @@ const EditVendorDetails = props => {
       });
     }
     if (selectedAction === "ADD_VEHICLE") {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VEHICLE`)), /*#__PURE__*/React.createElement(Dropdown$2, {
+      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,
@@ -9582,7 +9576,7 @@ const EditVendorDetails = props => {
       }));
     }
     if (selectedAction === "ADD_DRIVER") {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_DRIVER`)), /*#__PURE__*/React.createElement(Dropdown$2, {
+      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,
@@ -9597,15 +9591,9 @@ const EditVendorDetails = props => {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   const excludedKeys = ["vendorAdditionalDetailsId", "vendorId", "tenantId", "code", "lastModifiedTime", "createdTime", "lastModifiedBy", "createdBy", "active", "status", "vendorType", "vendorGroup", "narration", "documents"];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
-    style: {
-      marginBottom: "16px"
-    }
-  }, t("ES_FSM_REGISTRY_VENDOR_DETAILS")), /*#__PURE__*/React.createElement("div", {
-    style: !isMobile ? {
-      marginLeft: "-15px"
-    } : {}
-  }, /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-content"
+  }, !isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, {
     style: {
       position: "relative"
     }
@@ -10272,8 +10260,6 @@ const VENDORCreate = ({
     config = config.concat(obj.body.filter(a => !a.hideInCitizen));
   });
   config.indexRoute = "info";
-  console.log(commonFields, "commanFields");
-  console.log(config, "config");
   const CheckPage = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("VENDORCheckPage");
   const NewResponse = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("NewResponse");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -11372,13 +11358,14 @@ const SelectVehicleType = ({
   formData,
   setValue
 }) => {
-  var _formData$additionalD;
+  var _formData$serviceType;
   const stateId = Digit.ULBService.getStateId();
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const {
     data: vehicleData,
     isLoading: vehicleLoading
-  } = Digit.Hooks.fsm.useMDMS(stateId, "Vehicle", "VehicleMakeModel");
+  } = Digit.Hooks.wt.useMDMS(stateId, "Vehicle", "VehicleMakeModel");
+  console.log("vehicleData", vehicleData);
   const {
     data: serviceTypeData,
     isLoading: serviceLoading
@@ -11396,15 +11383,15 @@ const SelectVehicleType = ({
   const [types, setTypes] = useState([]);
   const [selectedType, setSelectedType] = useState({});
   const [selectedCapacity, setSelectedCapacity] = useState("");
-  const selectedServiceType = formData === null || formData === void 0 ? void 0 : (_formData$additionalD = formData.additionalDetails) === null || _formData$additionalD === void 0 ? void 0 : _formData$additionalD.code;
+  const selectedServiceType = (formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : _formData$serviceType.code) || (formData === null || formData === void 0 ? void 0 : formData.serviceType);
   const memoizedServiceTypeFilters = useMemo(() => {
     if (!serviceTypeData || !vehicleData) return {};
     const filters = {};
     serviceTypeData.forEach(service => {
       if (service.code === "WT") {
-        filters[service.code] = ["TANKER"];
-      } else if (service.code === "FSM" || service.code === "CND") {
         filters[service.code] = vehicleData.filter(vehicle => ["MAHINDRA", "TATA", "TRACTOR", "TAFE", "SONALIKA"].includes(vehicle.code)).map(vehicle => vehicle.code);
+      } else if (service.code === "CND") {
+        filters[service.code] = vehicleData.filter(vehicle => ["MAHINDRA", "TATA"].includes(vehicle.code)).map(vehicle => vehicle.code);
       }
     });
     return filters;
@@ -11414,8 +11401,8 @@ const SelectVehicleType = ({
   }, [memoizedServiceTypeFilters]);
   useEffect(() => {
     if (!vehicleData) return;
-    const allowedModels = serviceTypeFilters[selectedServiceType] || [];
-    const filteredModals = vehicleData.filter(vehicle => allowedModels.includes(vehicle.code));
+    const allowedModels = serviceTypeFilters[selectedServiceType];
+    const filteredModals = allowedModels ? vehicleData.filter(vehicle => allowedModels.includes(vehicle.code)) : vehicleData;
     setModals(filteredModals);
     setSelectedModal({});
     setTypes([]);