@djb25/digit-ui-module-vendor 1.0.85 → 1.0.87

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';
 
@@ -40,10 +40,13 @@ function _catch(body, recover) {
 
 const _require = require("@djb25/digit-ui-react-components"),
   DatePicker = _require.DatePicker;
-const SurveyorConfig = function (t, genderMenu, disabled) {
+const SurveyorConfig = function (t, genderMenu, update) {
   if (genderMenu === void 0) {
     genderMenu = [];
   }
+  if (update === void 0) {
+    update = false;
+  }
   return [{
     head: "ES_VENDOR_SURVEYOR_BASIC_DETAILS",
     body: [{
@@ -79,7 +82,8 @@ const SurveyorConfig = function (t, genderMenu, disabled) {
           pattern: /^[6-9]\d{9}$/
         },
         error: t("ES_VENDOR_INVALID_MOBILE")
-      }
+      },
+      disable: update
     }, {
       label: "ES_VENDOR_SURVEYOR_EMAIL_ID",
       isMandatory: true,
@@ -3150,7 +3154,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 _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -3228,17 +3232,27 @@ 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 _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSupervisorUpdate(tenantId),
     mutateSupervisor = _Digit$Hooks$fsm$useS2.mutate;
   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) {
@@ -3246,7 +3260,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]);
@@ -3269,11 +3283,11 @@ const SupervisorDetails = props => {
     dashboardData = _Digit$Hooks$fsm$useS3.data,
     isDashboradLoading = _Digit$Hooks$fsm$useS3.isLoading;
   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: _extends({}, details, {
-        status: "INACTIVE"
+        status: nextStatus.action
       })
     };
     mutateSupervisor(formData, {
@@ -3291,7 +3305,7 @@ const SupervisorDetails = props => {
             showSuccessToast: true,
             message: {
               key: "success",
-              action: t("ES_VENDOR_DELETE_SUPERVISOR_SUCCESS")
+              action: t(nextStatus.toastMessage)
             }
           }
         });
@@ -3400,7 +3414,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
@@ -3473,14 +3487,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: {
@@ -3488,7 +3502,7 @@ 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),
@@ -3499,8 +3513,8 @@ const SupervisorDetails = props => {
       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);
@@ -3514,12 +3528,12 @@ const SupervisorDetails = props => {
 
 const _require$1 = require("@djb25/digit-ui-react-components"),
   DatePicker$1 = _require$1.DatePicker;
-const SupervisorConfig = function (t, genderMenu, disabled) {
+const SupervisorConfig = function (t, genderMenu, update) {
   if (genderMenu === void 0) {
     genderMenu = [];
   }
-  if (disabled === void 0) {
-    disabled = false;
+  if (update === void 0) {
+    update = false;
   }
   return [{
     head: t("ES_VENDOR_SUPERVISOR_BASIC_DETAILS"),
@@ -3527,7 +3541,6 @@ const SupervisorConfig = function (t, genderMenu, disabled) {
       label: t("ES_VENDOR_SUPERVISOR_FULL_NAME"),
       isMandatory: true,
       type: "text",
-      disable: disabled,
       populators: {
         name: "fullName",
         validation: {
@@ -3552,7 +3565,7 @@ const SupervisorConfig = function (t, genderMenu, disabled) {
       label: t("ES_VENDOR_SUPERVISOR_MOBILE_NUMBER"),
       isMandatory: true,
       type: "mobileNumber",
-      disable: disabled,
+      disable: update,
       populators: {
         name: "mobileNumber",
         validation: {
@@ -3828,7 +3841,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 _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -3851,12 +3864,6 @@ const SurveyorDetails = props => {
   const _useState4 = useState(null),
     showToast = _useState4[0],
     setShowToast = _useState4[1];
-  const _useState5 = useState([]),
-    vendors = _useState5[0],
-    setVendors = _useState5[1];
-  const _useState6 = useState({}),
-    selectedOption = _useState6[0],
-    setSelectedOption = _useState6[1];
   const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       sortBy: "name",
       sortOrder: "ASC",
@@ -3913,50 +3920,45 @@ 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 _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorUpdate(tenantId),
     mutateSurveyor = _Digit$Hooks$fsm$useS2.mutate;
   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: _extends({}, details, {
-        status: "INACTIVE"
+        status: "DISABLED"
       })
     };
     mutateSurveyor(formData, {
@@ -3984,43 +3986,15 @@ 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);
   }
+  console.log(nextStatus.status);
   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
@@ -4064,20 +4038,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
@@ -4086,8 +4059,8 @@ 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);
@@ -5587,7 +5560,7 @@ const EditSupervisor = () => {
     }
   }, [genderTypeData]);
   const Config = React.useMemo(() => {
-    return SupervisorConfig(t, genderMenu);
+    return SupervisorConfig(t, genderMenu, true);
   }, [t, genderMenu]);
   useEffect(() => {
     if (supervisorSearchResponse && supervisorSearchResponse.supervisors && supervisorSearchResponse.supervisors.length > 0) {
@@ -5784,7 +5757,7 @@ const EditSurveyor = () => {
     }
   }, [genderTypeData]);
   const Config = React.useMemo(() => {
-    return SurveyorConfig(t, genderMenu);
+    return SurveyorConfig(t, genderMenu, true);
   }, [t, genderMenu]);
   useEffect(() => {
     if (surveyorSearchResponse && surveyorSearchResponse.surveyors && surveyorSearchResponse.surveyors.length > 0) {