@djb25/digit-ui-module-vendor 1.0.20 → 1.0.21

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams, useLocation, Switch, Link, useHistory, useRouteMatch, Route, Redirect } from 'react-router-dom';
+import { useParams, useLocation, Switch, useHistory, Link, useRouteMatch, Route, Redirect } from 'react-router-dom';
 import { Header, SearchForm, SearchField, Dropdown as Dropdown$2, MobileNumber, CardLabelError, DatePicker as DatePicker$3, SubmitBar, Card, Table, Loader, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, VerticalTimeline, FormComposer, FormStep, LabelFieldPair, CardLabel, Tooltip, TextInput, UploadFile, CardSubHeader, CardText, RadioOrSelect, ShippingTruck, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ActionBar, ApplyFilterBar, AddIcon, Menu, LinkLabel, ToggleSwitch, CardSectionHeader, Row, EditIcon, DeleteIcon, Modal, InfoIcon, CardHeader, StatusTable, LinkButton, Banner } from '@djb25/digit-ui-react-components';
 import { useForm, Controller } from 'react-hook-form';
 import { useQueryClient } from 'react-query';
@@ -606,7 +606,7 @@ const VendorConfig = (t, disabled = false) => {
   }, {
     head: "ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS",
     body: [{
-      label: "ES_FSM_REGISTRY_NEW_DOOR",
+      label: "HOUSE_NO",
       isMandatory: false,
       type: "text",
       key: "doorNo",
@@ -696,6 +696,7 @@ const AddVendor = ({
   const {
     t
   } = useTranslation();
+  const history = useHistory();
   const [currentStep, setCurrentStep] = useState(1);
   const [showToast, setShowToast] = useState(null);
   const [canSubmit, setCanSubmit] = useState(false);
@@ -728,12 +729,43 @@ const AddVendor = ({
     }
   };
   const onFormValueChange = (setValue, formData) => {
-    var _formData$serviceType;
-    if (formData !== null && formData !== void 0 && formData.vendorName && formData !== null && formData !== void 0 && formData.phone && formData !== null && formData !== void 0 && (_formData$serviceType = formData.serviceType) !== null && _formData$serviceType !== void 0 && _formData$serviceType.code) {
+    var _formData$serviceType, _formData$address, _formData$address2;
+    const isVendorDetailsFilled = (formData === null || formData === void 0 ? void 0 : formData.vendorName) && (formData === null || formData === void 0 ? void 0 : formData.phone) && (formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : _formData$serviceType.code);
+    const isAddressFilled = (formData === null || formData === void 0 ? void 0 : (_formData$address = formData.address) === null || _formData$address === void 0 ? void 0 : _formData$address.city) && (formData === null || formData === void 0 ? void 0 : (_formData$address2 = formData.address) === null || _formData$address2 === void 0 ? void 0 : _formData$address2.locality);
+    if (isVendorDetailsFilled && isAddressFilled) {
       setCanSubmit(true);
     } else {
       setCanSubmit(false);
     }
+    if (isVendorDetailsFilled) {
+      if (currentStep === 1) {
+        setCurrentStep(2);
+        setTimeout(() => {
+          const headers = Array.from(document.querySelectorAll(".collapsible-card-title"));
+          const addressHeader = headers.find(h => h.textContent.includes(t("ES_FSM_REGISTRY_NEW_ADDRESS_DETAILS")));
+          if (addressHeader) {
+            addressHeader.scrollIntoView({
+              behavior: "smooth",
+              block: "start"
+            });
+          }
+        }, 100);
+      }
+    } else {
+      if (currentStep === 2) {
+        setCurrentStep(1);
+        setTimeout(() => {
+          const headers = Array.from(document.querySelectorAll(".collapsible-card-title"));
+          const vendorHeader = headers.find(h => h.textContent.includes(t("ES_VRNDOR_NEW_VENDOR_DETAILS")));
+          if (vendorHeader) {
+            vendorHeader.scrollIntoView({
+              behavior: "smooth",
+              block: "start"
+            });
+          }
+        }, 100);
+      }
+    }
   };
   const closeToast = () => {
     setShowToast(null);
@@ -821,7 +853,10 @@ const AddVendor = ({
           key: "success",
           action: "ADD_VENDOR"
         });
-        setTimeout(closeToast, 5000);
+        setTimeout(() => {
+          closeToast();
+          history.push("/digit-ui/employee/vendor/search-vendor");
+        }, 2000);
       }
     });
   };
@@ -858,7 +893,8 @@ const AddVendor = ({
     defaultValues: defaultValues,
     onFormValueChange: onFormValueChange,
     noBreakLine: true,
-    noCard: true
+    noCard: true,
+    isDisabled: !canSubmit
   }), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
     label: t(showToast.key === "success" ? `ES_FSM_REGISTRY_${showToast.action}_SUCCESS` : showToast.action),