@djb25/digit-ui-module-vendor 1.0.86 → 1.0.88

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useMemo, useEffect, useCallback, useReducer, useRef } from 'react';
 import { useHistory, Link, useLocation, useParams, useRouteMatch, Switch, Route, Redirect } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Loader, VerticalTimeline, FormComposer, Toast, Card, ShippingTruck, Table, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ActionBar, ApplyFilterBar, Dropdown, AddIcon, Menu, LinkLabel, SubmitBar, TextInput, DatePicker as DatePicker$4, ViewsIcon, ToggleSwitch, Modal, MdClose, CardSectionHeader, CardText, Row, EditIcon, DeleteIcon, Header, SearchForm, SearchField, MobileNumber, CardLabelError, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, FormStep, LabelFieldPair, CardLabel, UploadFile, RadioOrSelect, MultiSelectDropdown, CitizenHomeCard, CardHeader, CardSubHeader, StatusTable, LinkButton, Banner, InfoIcon, CustomTooltip } from '@djb25/digit-ui-react-components';
+import { Loader, VerticalTimeline, FormComposer, Toast, Card, ShippingTruck, Table, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ActionBar, ApplyFilterBar, Dropdown, AddIcon, Menu, LinkLabel, SubmitBar, TextInput, DatePicker as DatePicker$4, ViewsIcon, ToggleSwitch, Modal, MdClose, CardSectionHeader, Row, EditIcon, DeleteIcon, CardText, Header, SearchForm, SearchField, MobileNumber, CardLabelError, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, FormStep, LabelFieldPair, CardLabel, UploadFile, RadioOrSelect, MultiSelectDropdown, CitizenHomeCard, CardHeader, CardSubHeader, StatusTable, LinkButton, Banner, InfoIcon, CustomTooltip } from '@djb25/digit-ui-react-components';
 import { useQueryClient, useQuery } from 'react-query';
 import { useForm, Controller } from 'react-hook-form';
 
@@ -15,18 +15,23 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
-const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
 function _catch(body, recover) {
-  try {
-    var result = body();
-  } catch (e) {
-    return recover(e);
-  }
-  if (result && result.then) {
-    return result.then(void 0, recover);
-  }
-  return result;
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
 }
 
 const {
@@ -3303,7 +3308,7 @@ const Heading = props => {
   }, props.label);
 };
 const SupervisorDetails = props => {
-  var _Digit$SessionStorage, _userInfo$type, _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _dashboardData$dashbo, _supervisorData$2, _supervisorData$2$emp, _formState$tableForm10, _formState$tableForm11;
+  var _Digit$SessionStorage, _userInfo$type, _supervisorData$, _supervisorData$$supe, _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _dashboardData$dashbo, _supervisorData$3, _supervisorData$3$emp, _formState$tableForm10, _formState$tableForm11;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const {
     t
@@ -3377,18 +3382,28 @@ const SupervisorDetails = props => {
       };
     });
   }, [supervisorSearchResponse, vendorData]);
+  const nextStatus = (supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$ = supervisorData[0]) === null || _supervisorData$ === void 0 ? void 0 : (_supervisorData$$supe = _supervisorData$.supervisorData) === null || _supervisorData$$supe === void 0 ? void 0 : _supervisorData$$supe.status) === "DISABLED" ? {
+    status: "ES_VENDOR_ACTION_ENABLE",
+    action: "ACTIVE",
+    toastMessage: "ES_FSM_REGISTRY_SUPERVISOR_ENABLE_SUCCESS",
+    popupButton: "ENABLE",
+    popupHeader: "ES_VENDOR_SUPERVISOR_ENABLE_POPUP_HEADER",
+    popupMessage: "ES_VENDOR_SUPERVISOR_ENABLE_POPUP_MESSAGE"
+  } : {
+    status: "ES_VENDOR_ACTION_DISABLE",
+    action: "DISABLED",
+    toastMessage: "ES_FSM_REGISTRY_SUPERVISOR_DISABLE_SUCCESS",
+    popupButton: "DISABLE",
+    popupHeader: "ES_VENDOR_SUPERVISOR_DISABLE_POPUP_HEADER",
+    popupMessage: "ES_VENDOR_SUPERVISOR_DISABLE_POPUP_MESSAGE"
+  };
   const {
     mutate: mutateSupervisor
   } = Digit.Hooks.fsm.useSupervisorUpdate(tenantId);
   useEffect(() => {
-    var _location$state;
+    var _location$state, _location$state2;
     refetch();
-    if ((_location$state = location.state) !== null && _location$state !== void 0 && _location$state.showSuccessToast) {
-      setShowToast({
-        key: "success",
-        action: "UPDATE_SUPERVISOR"
-      });
-    }
+    if ((_location$state = location.state) !== null && _location$state !== void 0 && _location$state.showSuccessToast) setShowToast((_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.message);
   }, []);
   useEffect(() => {
     switch (selectedAction) {
@@ -3396,7 +3411,7 @@ const SupervisorDetails = props => {
         return history.push(`/digit-ui/${userType}/vendor/registry/modify-supervisor/${supervisorId}`);
       case "HOME":
         return history.push(`/digit-ui/${userType}/vendor/search-vendor?selectedTabs=SUPERVISOR`);
-      case "DELETE":
+      case nextStatus.status:
         return setShowModal(true);
     }
   }, [selectedAction]);
@@ -3419,12 +3434,12 @@ const SupervisorDetails = props => {
     keepPreviousData: true
   });
   const handleDeleteSupervisor = () => {
-    var _supervisorData$;
-    let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$ = supervisorData[0]) === null || _supervisorData$ === void 0 ? void 0 : _supervisorData$.supervisorData;
+    var _supervisorData$2;
+    const details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$2 = supervisorData[0]) === null || _supervisorData$2 === void 0 ? void 0 : _supervisorData$2.supervisorData;
     const formData = {
       supervisor: {
         ...details,
-        status: "INACTIVE"
+        status: nextStatus.action
       }
     };
     mutateSupervisor(formData, {
@@ -3442,7 +3457,7 @@ const SupervisorDetails = props => {
             showSuccessToast: true,
             message: {
               key: "success",
-              action: t("ES_VENDOR_DELETE_SUPERVISOR_SUCCESS")
+              action: t(nextStatus.toastMessage)
             }
           }
         });
@@ -3559,7 +3574,7 @@ const SupervisorDetails = props => {
     className: "employee-form-content"
   }, /*#__PURE__*/React.createElement(Card, {
     className: "flex-box flex-box-col flex-gap-5"
-  }, supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$2 = supervisorData[0]) === null || _supervisorData$2 === void 0 ? void 0 : (_supervisorData$2$emp = _supervisorData$2.employeeResponse) === null || _supervisorData$2$emp === void 0 ? void 0 : _supervisorData$2$emp.map((detail, index) => {
+  }, supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$3 = supervisorData[0]) === null || _supervisorData$3 === void 0 ? void 0 : (_supervisorData$3$emp = _supervisorData$3.employeeResponse) === null || _supervisorData$3$emp === void 0 ? void 0 : _supervisorData$3$emp.map((detail, index) => {
     var _detail$values, _userInfo$roles, _userInfo$roles$map;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
@@ -3632,14 +3647,14 @@ const SupervisorDetails = props => {
     isLoading: isDashboradLoading
   }))), showModal && /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading, {
-      label: t("ES_VENDOR_SUPERVISOR_DELETE_POPUP_HEADER")
+      label: t(nextStatus.popupHeader)
     }),
     headerBarEnd: /*#__PURE__*/React.createElement(CloseSvg, {
       onClick: closeModal
     }),
     actionCancelLabel: t("CS_COMMON_CANCEL"),
     actionCancelOnSubmit: closeModal,
-    actionSaveLabel: t("ES_EVENT_DELETE"),
+    actionSaveLabel: t(nextStatus.status),
     actionSaveOnSubmit: handleDeleteSupervisor
   }, /*#__PURE__*/React.createElement(Card, {
     style: {
@@ -3647,23 +3662,24 @@ const SupervisorDetails = props => {
     }
   }, /*#__PURE__*/React.createElement(ConfirmationBox, {
     t: t,
-    title: "ES_VENDOR_SUPERVISOR_DELETE_TEXT"
+    title: nextStatus.popupMessage
   }))), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
     label: showToast.key === "success" ? t(`ES_VENDOR_${showToast.action}_SUCCESS`, showToast.action === "UPDATE_SUPERVISOR" ? "Supervisor updated successfully" : undefined) : t(showToast.action),
     onClose: () => setShowToast(null),
-    duration: 5000
+    duration: 15000
   }), /*#__PURE__*/React.createElement(ActionBar, {
     style: {
       zIndex: "19"
     }
   }, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
-    localeKeyPrefix: "ES_VENDOR_SUPERVISOR_ACTION",
-    options: ["EDIT", "DELETE"],
+    localeKeyPrefix: "ES_VENDOR_ACTION",
+    options: ["EDIT", nextStatus.popupButton],
     t: t,
     onSelect: a => {
       setDisplayMenu(false);
       setSelectedAction(a);
+      setShowModal(true);
     }
   }) : null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("ES_COMMON_TAKE_ACTION"),
@@ -3986,7 +4002,7 @@ const CloseBtn = props => {
   }, /*#__PURE__*/React.createElement(CloseSvg, null));
 };
 const SurveyorDetails = props => {
-  var _Digit$UserService$ge, _surveyorData$2, _surveyorData$2$emplo;
+  var _Digit$UserService$ge, _surveyorData$, _surveyorData$$survey, _surveyorData$3, _surveyorData$3$emplo;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const {
     t
@@ -4003,8 +4019,6 @@ const SurveyorDetails = props => {
   const [selectedAction, setSelectedAction] = useState(null);
   const [showModal, setShowModal] = useState(false);
   const [showToast, setShowToast] = useState(null);
-  const [vendors, setVendors] = useState([]);
-  const [selectedOption, setSelectedOption] = useState({});
   const {
     data: vendorData
   } = Digit.Hooks.fsm.useDsoSearch(tenantId, {
@@ -4063,52 +4077,47 @@ const SurveyorDetails = props => {
       };
     });
   }, [surveyorSearchResponse, vendorData]);
+  const nextStatus = (surveyorData === null || surveyorData === void 0 ? void 0 : (_surveyorData$ = surveyorData[0]) === null || _surveyorData$ === void 0 ? void 0 : (_surveyorData$$survey = _surveyorData$.surveyorData) === null || _surveyorData$$survey === void 0 ? void 0 : _surveyorData$$survey.status) === "DISABLED" ? {
+    status: "ES_VENDOR_ACTION_ENABLE",
+    action: "ACTIVE",
+    toastMessage: "ES_FSM_REGISTRY_SUPERVISOR_ENABLE_SUCCESS",
+    popupButton: "ENABLE",
+    popupHeader: "ES_VENDOR_SURVEYOR_ENABLE_POPUP_HEADER",
+    popupMessage: "ES_VENDOR_SURVEYOR_ENABLE_POPUP_MESSAGE"
+  } : {
+    status: "ES_VENDOR_ACTION_DISABLE",
+    action: "DISABLED",
+    toastMessage: "ES_FSM_REGISTRY_SUPERVISOR_DISABLE_SUCCESS",
+    popupButton: "DISABLE",
+    popupHeader: "ES_VENDOR_SURVEYOR_DISABLE_POPUP_HEADER",
+    popupMessage: "ES_VENDOR_SURVEYOR_DISABLE_POPUP_MESSAGE"
+  };
   const {
     mutate: mutateSurveyor
   } = Digit.Hooks.fsm.useSurveyorUpdate(tenantId);
   useEffect(() => {
-    if (vendorData) {
-      let vendors = vendorData.map(data => data.dsoDetails);
-      setVendors(vendors);
-    }
-  }, [vendorData]);
-  useEffect(() => {
-    var _location$state;
+    var _location$state, _location$state2;
     refetch();
-    if ((_location$state = location.state) !== null && _location$state !== void 0 && _location$state.showSuccessToast) {
-      var _location$state2;
-      setShowToast((_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.message);
-    }
+    if ((_location$state = location.state) !== null && _location$state !== void 0 && _location$state.showSuccessToast) setShowToast((_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.message);
   }, []);
   useEffect(() => {
     switch (selectedAction) {
-      case "DELETE":
-      case "ADD_VENDOR":
-      case "EDIT_VENDOR":
-      case "DELETE_VENDOR":
+      case nextStatus.status:
         return setShowModal(true);
       case "EDIT":
         return history.push(`/digit-ui/${userType}/vendor/registry/modify-surveyor/${surveyorId}`);
-      case "HOME":
-        return history.push(`/digit-ui/${userType}/vendor/search-vendor?selectedTabs=SURVEYOR`);
     }
   }, [selectedAction]);
   const closeToast = () => {
     setShowToast(null);
   };
-  const handleModalAction = () => {
-    switch (selectedAction) {
-      case "DELETE":
-        return handleDeleteSurveyor();
-    }
-  };
   const handleDeleteSurveyor = () => {
-    var _surveyorData$;
-    let details = surveyorData === null || surveyorData === void 0 ? void 0 : (_surveyorData$ = surveyorData[0]) === null || _surveyorData$ === void 0 ? void 0 : _surveyorData$.surveyorData;
+    var _surveyorData$2;
+    let details = surveyorData === null || surveyorData === void 0 ? void 0 : (_surveyorData$2 = surveyorData[0]) === null || _surveyorData$2 === void 0 ? void 0 : _surveyorData$2.surveyorData;
     const formData = {
       surveyor: {
         ...details,
-        status: "INACTIVE"
+        status: "DISABLED"
       }
     };
     mutateSurveyor(formData, {
@@ -4136,43 +4145,14 @@ const SurveyorDetails = props => {
   };
   const closeModal = () => {
     setSelectedAction(null);
-    setSelectedOption({});
     setShowModal(false);
   };
-  const modalHeading = () => {
-    switch (selectedAction) {
-      case "DELETE":
-      case "DELETE_VENDOR":
-        return "ES_VENDOR_SURVEYOR_DELETE_POPUP_HEADER";
-      case "ADD_VENDOR":
-      case "EDIT_VENDOR":
-        return "ES_VENDOR_SURVEYOR_ADD_VENDOR_POPUP_HEADER";
-    }
-  };
-  const renderModalContent = () => {
-    if (selectedAction === "DELETE" || selectedAction === "DELETE_VENDOR") {
-      return /*#__PURE__*/React.createElement(ConfirmationBox, {
-        t: t,
-        title: "ES_VENDOR_SURVEYOR_DELETE_TEXT"
-      });
-    }
-    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, {
-        t: t,
-        option: vendors,
-        value: selectedOption,
-        selected: selectedOption,
-        select: setSelectedOption,
-        optionKey: "name"
-      }));
-    }
-  };
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-form-content"
-  }, /*#__PURE__*/React.createElement(Card, null, surveyorData === null || surveyorData === void 0 ? void 0 : (_surveyorData$2 = surveyorData[0]) === null || _surveyorData$2 === void 0 ? void 0 : (_surveyorData$2$emplo = _surveyorData$2.employeeResponse) === null || _surveyorData$2$emplo === void 0 ? void 0 : _surveyorData$2$emplo.map((detail, index) => {
+  }, /*#__PURE__*/React.createElement(Card, null, surveyorData === null || surveyorData === void 0 ? void 0 : (_surveyorData$3 = surveyorData[0]) === null || _surveyorData$3 === void 0 ? void 0 : (_surveyorData$3$emplo = _surveyorData$3.employeeResponse) === null || _surveyorData$3$emplo === void 0 ? void 0 : _surveyorData$3$emplo.map((detail, index) => {
     var _detail$values;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
@@ -4216,20 +4196,19 @@ const SurveyorDetails = props => {
     }))));
   }))), showModal && /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading$1, {
-      label: t(modalHeading())
+      label: t(nextStatus.popupHeader)
     }),
     headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
       onClick: closeModal
     }),
     actionCancelLabel: t("CS_COMMON_CANCEL"),
     actionCancelOnSubmit: closeModal,
-    actionSaveLabel: t(selectedAction === "DELETE" || selectedAction === "DELETE_VENDOR" ? "ES_EVENT_DELETE" : "CS_COMMON_SUBMIT"),
-    actionSaveOnSubmit: handleModalAction
-  }, /*#__PURE__*/React.createElement(Card, {
-    style: {
-      boxShadow: "none"
-    }
-  }, renderModalContent())), showToast && /*#__PURE__*/React.createElement(Toast, {
+    actionSaveLabel: t(nextStatus.status),
+    actionSaveOnSubmit: handleDeleteSurveyor
+  }, /*#__PURE__*/React.createElement(ConfirmationBox, {
+    t: t,
+    title: nextStatus.popupMessage
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
     label: showToast.key === "success" ? t(`ES_VENDOR_${showToast.action}_SUCCESS`, showToast.action === "UPDATE_SURVEYOR" ? "Surveyor updated successfully" : undefined) : t(showToast.action),
     onClose: closeToast
@@ -4238,12 +4217,13 @@ const SurveyorDetails = props => {
       zIndex: "19"
     }
   }, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
-    localeKeyPrefix: "ES_VENDOR_SURVEYOR_ACTION",
-    options: ["EDIT", "DELETE"],
+    localeKeyPrefix: "ES_VENDOR_ACTION",
+    options: ["EDIT", nextStatus.popupButton],
     t: t,
     onSelect: a => {
       setDisplayMenu(false);
       setSelectedAction(a);
+      setShowModal(true);
     }
   }) : null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("ES_COMMON_TAKE_ACTION"),