@djb25/digit-ui-module-vendor 1.0.8 → 1.0.10

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 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 React, { useEffect, useMemo, useCallback, useState, Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams, useLocation, Switch, Link, useHistory, useRouteMatch, Route, Redirect } from 'react-router-dom';
 import { useForm, Controller } from 'react-hook-form';
@@ -385,9 +385,8 @@ const EmployeeApp = ({
     className: "employee-form"
   }, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/registry/new-vendor`,
-    component: () => /*#__PURE__*/React.createElement(AddVendor, {
-      parentRoute: path
-    })
+    component: AddVendor,
+    parentRoute: path
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/search-vendor`,
     component: () => /*#__PURE__*/React.createElement(SearchVendor, {
@@ -613,6 +612,25 @@ const VendorConfig = (t, disabled = false) => {
         defaultValue: "",
         className: "payment-form-text-input-correction"
       }
+    }, {
+      label: "ES_VENDOR_REGISTRY_SERVICE_TYPE",
+      isMandatory: true,
+      type: "component",
+      key: "serviceType",
+      component: "SelectServiceType",
+      disable: disabled,
+      populators: {
+        name: "serviceType",
+        defaultValue: {
+          code: "WT",
+          name: "WT",
+          i18nKey: "WT"
+        }
+      },
+      texts: {
+        header: "CS_COMMON_CHOOSE_SERVICE_TYPE",
+        submitBarLabel: "CS_COMMON_NEXT"
+      }
     }]
   }, {
     head: "ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS",
@@ -710,12 +728,12 @@ const AddVendor = ({
   const [currentStep, setCurrentStep] = useState(1);
   const [showToast, setShowToast] = useState(null);
   const [canSubmit, setCanSubmit] = useState(false);
-  const step1DataRef = useRef({});
+  const [step1Data, setStep1Data] = useState({});
   const [mutationHappened, setMutationHappened, clear] = Digit.Hooks.useSessionStorage("FSM_MUTATION_HAPPENED", false);
   const [errorInfo, setErrorInfo, clearError] = Digit.Hooks.useSessionStorage("FSM_ERROR_DATA", false);
   const [successData, setsuccessData, clearSuccessData] = Digit.Hooks.useSessionStorage("FSM_MUTATION_SUCCESS_DATA", false);
   const {
-    isLoading: isLoading,
+    isLoading,
     isError: vendorCreateError,
     data: updateResponse,
     error: updateError,
@@ -728,6 +746,11 @@ const AddVendor = ({
   }, []);
   const Config = VendorConfig(t);
   const defaultValues = {
+    serviceType: {
+      code: "WT",
+      name: "WT",
+      i18nKey: "WT"
+    },
     tripData: {
       noOfTrips: 1,
       amountPerTrip: null,
@@ -742,8 +765,8 @@ const AddVendor = ({
     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) {
+    var _formData$selectGende, _formData$serviceType;
+    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 && formData !== null && formData !== void 0 && (_formData$serviceType = formData.serviceType) !== null && _formData$serviceType !== void 0 && _formData$serviceType.code) {
       setCanSubmit(true);
     } else {
       setCanSubmit(false);
@@ -755,12 +778,12 @@ 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$selectGen, _mergedData$serviceTy, _mergedData$address8, _mergedData$address9;
     if (currentStep === 1) {
-      step1DataRef.current = data;
+      setStep1Data(data);
       setCurrentStep(2);
       return;
     }
     const mergedData = {
-      ...step1DataRef.current,
+      ...step1Data,
       ...data
     };
     const name = mergedData === null || mergedData === void 0 ? void 0 : mergedData.vendorName;
@@ -831,7 +854,7 @@ const AddVendor = ({
       }
     };
     mutate(formData, {
-      onError: (error, variables) => {
+      onError: error => {
         setShowToast({
           key: "error",
           action: error
@@ -850,28 +873,28 @@ const AddVendor = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stepper, {
     steps: steps,
     currentStep: currentStep - 1,
-    onStepClick: step => setCurrentStep(step + 1),
+    onStepClick: () => {},
     t: t
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: "1",
       overflowY: "auto"
     }
-  }, currentStep === 1 &&
-  /*#__PURE__*/
-  React.createElement(FormComposer, {
+  }, currentStep === 1 && /*#__PURE__*/React.createElement(FormComposer, {
+    isDisabled: !canSubmit,
     label: t("CS_COMMON_NEXT"),
     config: vendorStepConfig.filter(i => !i.hideInEmployee).map(config => ({
       ...config,
       body: config.body.filter(a => !a.hideInEmployee)
     })),
     onSubmit: onSubmit,
-    defaultValues: defaultValues,
+    defaultValues: {
+      ...defaultValues,
+      ...step1Data
+    },
     onFormValueChange: onFormValueChange,
     noBreakLine: true
-  }), currentStep === 2 &&
-  /*#__PURE__*/
-  React.createElement(FormComposer, {
+  }), currentStep === 2 && /*#__PURE__*/React.createElement(FormComposer, {
     label: t("ES_COMMON_APPLICATION_SUBMIT"),
     config: addressStepConfig.filter(i => !i.hideInEmployee).map(config => ({
       ...config,
@@ -879,7 +902,7 @@ const AddVendor = ({
     })),
     onSubmit: onSubmit,
     defaultValues: defaultValues,
-    onFormValueChange: onFormValueChange,
+    onFormValueChange: (setValue, formData) => {},
     noBreakLine: true
   }), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
@@ -8211,6 +8234,7 @@ const VendorInbox = props => {
   const [tableData, setTableData] = useState([]);
   const [showToast, setShowToast] = useState(null);
   const [vendors, setVendors] = useState([]);
+  const [drivers, setDrivers] = useState([]);
   const queryClient = useQueryClient();
   const [address, setAddress] = useState();
   const {
@@ -8226,6 +8250,18 @@ const VendorInbox = props => {
   }, {
     enabled: false
   });
+  const {
+    data: driverData,
+    refetch: refetchDriver
+  } = Digit.Hooks.fsm.useDriverSearch({
+    tenantId,
+    filters: {
+      sortBy: "name",
+      sortOrder: "ASC",
+      status: "ACTIVE",
+      driverWithNoVendor: true
+    }
+  });
   const {
     isLoading: isUpdateVendorLoading,
     isError: vendorUpdateError,
@@ -8252,7 +8288,10 @@ const VendorInbox = props => {
     setTableData((props === null || props === void 0 ? void 0 : (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.table) || []);
   }, [props]);
   useEffect(() => {
-    if (props.selectedTab === "DRIVER" || props.selectedTab === "VEHICLE") refetchVendor();
+    if (props.selectedTab === "DRIVER" || props.selectedTab === "VEHICLE") {
+      refetchVendor();
+      refetchDriver();
+    }
   }, [props.selectedTab]);
   useEffect(() => {
     if (vendorData) {
@@ -8260,6 +8299,11 @@ const VendorInbox = props => {
       setVendors(vendors);
     }
   }, [vendorData]);
+  useEffect(() => {
+    if (driverData) {
+      setDrivers(driverData.driver || []);
+    }
+  }, [driverData]);
   const closeToast = () => {
     setShowToast(null);
   };
@@ -8398,6 +8442,34 @@ const VendorInbox = props => {
       }
     });
   };
+  const onDriverSelect = (row, selectedOption) => {
+    let vehicleData = row.original;
+    let selectedDriver = selectedOption;
+    const formData = {
+      vehicle: {
+        ...vehicleData,
+        driverData: selectedDriver
+      }
+    };
+    mutateVehicle(formData, {
+      onError: (error, variables) => {
+        setShowToast({
+          key: "error",
+          action: error
+        });
+        setTimeout(closeToast, 5000);
+      },
+      onSuccess: (data, variables) => {
+        setShowToast({
+          key: "success",
+          action: "VEHICLE"
+        });
+        queryClient.invalidateQueries("FSM_VEICLES_SEARCH");
+        props.refetchData();
+        setTimeout(closeToast, 3000);
+      }
+    });
+  };
   const onSelectAdd = () => {
     switch (props.selectedTab) {
       case "VENDOR":
@@ -8422,18 +8494,12 @@ const VendorInbox = props => {
   } = Digit.Hooks.vendor.useEmpvendorCommonSearch({
     tenantId,
     filters: {
-      vendorIds: vendorIds
+      vendorIds: vendorIds === null || vendorIds === void 0 ? void 0 : vendorIds.join(","),
+      vendorId: vendorIds === null || vendorIds === void 0 ? void 0 : vendorIds.join(",")
     }
   }, {
     enabled: (vendorIds === null || vendorIds === void 0 ? void 0 : vendorIds.length) > 0
   });
-  const hasAdditionalDetails = vendorId => {
-    var _additionalVendorData;
-    return additionalVendorData === null || additionalVendorData === void 0 ? void 0 : (_additionalVendorData = additionalVendorData.VendorDetails) === null || _additionalVendorData === void 0 ? void 0 : _additionalVendorData.some(v => {
-      var _v$vendorAdditionalDe;
-      return ((_v$vendorAdditionalDe = v.vendorAdditionalDetails) === null || _v$vendorAdditionalDe === void 0 ? void 0 : _v$vendorAdditionalDe.vendorId) === vendorId;
-    });
-  };
   const columns = React.useMemo(() => {
     switch (props.selectedTab) {
       case "VENDOR":
@@ -8500,21 +8566,25 @@ const VendorInbox = props => {
           Cell: ({
             row
           }) => {
-            var _row$original4;
+            var _row$original4, _additionalVendorData;
             const vendorId = (_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.id;
-            const hasDetails = hasAdditionalDetails(vendorId);
-            return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-              className: "link"
-            }, /*#__PURE__*/React.createElement(Link, {
+            if (!additionalVendorData) {
+              return /*#__PURE__*/React.createElement("span", null, "Loading...");
+            }
+            const hasDetails = additionalVendorData === null || additionalVendorData === void 0 ? void 0 : (_additionalVendorData = additionalVendorData.VendorDetails) === null || _additionalVendorData === void 0 ? void 0 : _additionalVendorData.some(item => {
+              var _item$vendorAdditiona;
+              return (item === null || item === void 0 ? void 0 : (_item$vendorAdditiona = item.vendorAdditionalDetails) === null || _item$vendorAdditiona === void 0 ? void 0 : _item$vendorAdditiona.vendorId) === vendorId;
+            });
+            console.log(hasDetails, "ytgyg");
+            return /*#__PURE__*/React.createElement(Link, {
               to: hasDetails ? "/digit-ui/employee/vendor/registry/additionaldetails/info?vendorId=" + vendorId : "/digit-ui/employee/vendor/registry/additionaldetails/vendor-details?vendorId=" + vendorId
             }, /*#__PURE__*/React.createElement("button", {
               className: "submit-bar",
-              type: "button",
               style: {
-                color: "white",
-                backgroundColor: hasDetails ? "#417505" : "#F47738"
+                backgroundColor: hasDetails ? "#417505" : "#F47738",
+                color: "white"
               }
-            }, hasDetails ? t("ES_VENDOR_VIEW_DETAILS") : t("ES_VENDOR_ADD_DETAILS")))));
+            }, hasDetails ? "View Details" : "Add Details"));
           }
         }];
       case "VEHICLE":
@@ -8584,9 +8654,36 @@ const VendorInbox = props => {
               name: `switch-${row.id}`
             });
           }
+        }, {
+          Header: t("ES_FSM_REGISTRY_SELECT_DRIVER"),
+          Cell: ({
+            row
+          }) => {
+            return /*#__PURE__*/React.createElement(Dropdown$2, {
+              className: "fsm-registry-dropdown",
+              selected: row.original.driver,
+              option: drivers,
+              select: value => onDriverSelect(row, value),
+              optionKey: "name",
+              t: t
+            });
+          }
         }];
       case "DRIVER":
         return [{
+          Header: t("ES_FSM_REGISTRY_INBOX_USERNAME"),
+          disableSortBy: true,
+          Cell: ({
+            row
+          }) => {
+            var _row$original$owner;
+            return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+              className: "link"
+            }, /*#__PURE__*/React.createElement(Link, {
+              to: "/digit-ui/employee/vendor/registry/driver-details/" + row.original["id"]
+            }, /*#__PURE__*/React.createElement("div", null, ((_row$original$owner = row.original.owner) === null || _row$original$owner === void 0 ? void 0 : _row$original$owner.userName) || "NA", /*#__PURE__*/React.createElement("br", null)))));
+          }
+        }, {
           Header: t("ES_FSM_REGISTRY_INBOX_DRIVER_NAME"),
           disableSortBy: true,
           accessor: "tripDetails",
@@ -8643,7 +8740,7 @@ const VendorInbox = props => {
       default:
         return [];
     }
-  }, [props.selectedTab, vendors]);
+  }, [props.selectedTab, vendors, drivers, tableData, additionalVendorData, t]);
   let result;
   if (props.isLoading) {
     result = /*#__PURE__*/React.createElement(Loader, null);
@@ -9021,6 +9118,15 @@ const SelectServiceType = ({
         value: `${services.name}`
       }));
       setFormattedServiceTypes(transformedData);
+      if (!serviceTypes || serviceTypes.code === "WT") {
+        const defaultWT = transformedData.find(item => item.code === "WT");
+        if (defaultWT) {
+          setserviceTypes(defaultWT);
+          if (userType === "employee") {
+            onSelect(config.key, defaultWT);
+          }
+        }
+      }
     }
   }, [ServiceType]);
   const selectServiceType = value => {
@@ -9227,7 +9333,7 @@ const AddDriver = ({
         additionalDetails: {
           serviceType: additionalDetails
         },
-        vendorDriverStatus: "INACTIVE"
+        vendorDriverStatus: "ACTIVE"
       }
     };
     mutate(formData, {
@@ -9383,7 +9489,6 @@ const EditVendorDetails = props => {
   }, {
     enabled: !!dsoId
   });
-  console.log(vendorAdditionalData, "w2e3r4t5yh");
   const {
     mutate
   } = Digit.Hooks.fsm.useVendorUpdate(tenantId);
@@ -9984,6 +10089,15 @@ const AddVehicle = ({
   };
   const onFormValueChange = (setValue, formData) => {
     var _formData$vehicle, _formData$vehicle2;
+    if (formData !== null && formData !== void 0 && formData.registrationNumber) {
+      let updatedRegNo = formData.registrationNumber.toUpperCase().replace(/ /g, "-").replace(/[^A-Z0-9-]/g, "");
+      if (updatedRegNo.length > 13) {
+        updatedRegNo = updatedRegNo.slice(0, 13);
+      }
+      if (updatedRegNo !== formData.registrationNumber) {
+        setValue("registrationNumber", updatedRegNo);
+      }
+    }
     if (formData !== null && formData !== void 0 && formData.registrationNumber && formData !== null && formData !== void 0 && formData.ownerName && formData !== null && formData !== void 0 && formData.phone && formData !== null && formData !== void 0 && (_formData$vehicle = formData.vehicle) !== null && _formData$vehicle !== void 0 && _formData$vehicle.modal && formData !== null && formData !== void 0 && (_formData$vehicle2 = formData.vehicle) !== null && _formData$vehicle2 !== void 0 && _formData$vehicle2.type && formData !== null && formData !== void 0 && formData.selectGender) {
       setSubmitValve(true);
     } else {