@djb25/digit-ui-module-ekyc 1.0.48 → 1.0.49

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, useMemo, createContext, useContext, isValidElement, cloneElement, createElement, useCallback, useReducer, Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useParams, useLocation, useRouteMatch, Switch, Route, Redirect } from 'react-router-dom';
-import { PersonIcon, EmployeeModuleCard, Loader, Card, InboxLinks, Table, HomeIcon, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, Label, CustomTooltip, CardLabelError, SearchField, RadioButtons, InboxComposer, CardSubHeader, StatusTable, Row, GenericFileIcon, CheckBox, ActionBar, Menu, LinkButton, Toast, EditIcon, UploadFile, FormComposer, VerticalTimeline, Modal, Close, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, CardHeader, CardText, CitizenHomeCard, DocumentIcon } from '@djb25/digit-ui-react-components';
+import { PersonIcon, EmployeeModuleCard, Loader, Card, InboxLinks, Table, HomeIcon, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, Label, CustomTooltip, CardLabelError, SearchField, RadioButtons, InboxComposer, CardSubHeader, StatusTable, Row, GenericFileIcon, CheckBox, ActionBar, Menu, LinkButton, Toast, EditIcon, UploadFile, FormComposer, VerticalTimeline, Modal, Close, CollapsibleCardPage, DatePicker, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, CardHeader, CardText, CitizenHomeCard, DocumentIcon } from '@djb25/digit-ui-react-components';
 import * as Chartjs from 'chart.js/auto';
 import Chartjs__default, { Chart } from 'chart.js/auto';
 import { FaUsers, FaCheckCircle, FaClock, FaChartLine } from 'react-icons/fa';
@@ -75,6 +75,9 @@ const EKYCCard = () => {
       count: totalCount,
       label: t("EKYC_INBOX"),
       link: prefix + "/inbox"
+    }, {
+      label: t("EKYC_WORK_ORDER"),
+      link: prefix + "/work-order"
     }, ...(!roles.includes("EMPLOYEE") ? [{
       label: t("EKYC_ASSIGN"),
       link: prefix + "/assign"
@@ -6655,6 +6658,211 @@ const SurveyorDetailsDashboard = () => {
   }));
 };
 
+const WorkOrder = () => {
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  const history = useHistory();
+  const _useState = useState(null),
+    showToast = _useState[0],
+    setShowToast = _useState[1];
+  const _useState2 = useState(null),
+    vendor = _useState2[0],
+    setVendor = _useState2[1];
+  const _useState3 = useState(""),
+    validFrom = _useState3[0],
+    setValidFrom = _useState3[1];
+  const _useState4 = useState(""),
+    validTo = _useState4[0],
+    setValidTo = _useState4[1];
+  const _useState5 = useState(null),
+    uploadedFile = _useState5[0],
+    setUploadedFile = _useState5[1];
+  const _useState6 = useState(null),
+    file = _useState6[0],
+    setFile = _useState6[1];
+  const _useState7 = useState(null),
+    error = _useState7[0],
+    setError = _useState7[1];
+  const _Digit$Hooks$fsm$useV = Digit.Hooks.fsm.useVendorSearch({
+      tenantId,
+      filters: {
+        status: "ACTIVE"
+      },
+      config: {
+        select: data => (data === null || data === void 0 ? void 0 : data.vendor) || []
+      }
+    }),
+    vendorOptions = _Digit$Hooks$fsm$useV.data;
+  const _Digit$Hooks$wt$useVe = Digit.Hooks.wt.useVendorWorkOrderCreate(tenantId),
+    createWorkOrder = _Digit$Hooks$wt$useVe.mutate;
+  useEffect(() => {
+    (function () {
+      try {
+        setError(null);
+        const _temp3 = function () {
+          if (file) {
+            const _temp2 = function () {
+              if (file.size >= 10000000) {
+                setError(t("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED") || "File size exceeds 10MB");
+              } else {
+                const _temp = _catch(function () {
+                  return Promise.resolve(Digit.UploadServices.Filestorage("EKYC", file, Digit.ULBService.getStateId())).then(function (response) {
+                    var _response$data, _response$data$files;
+                    if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
+                      var _response$data2, _response$data2$files;
+                      setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
+                    } else {
+                      setError(t("EKYC_FILE_UPLOAD_ERROR"));
+                    }
+                  });
+                }, function () {
+                  setError(t("EKYC_FILE_UPLOAD_ERROR"));
+                });
+                if (_temp && _temp.then) return _temp.then(function () {});
+              }
+            }();
+            if (_temp2 && _temp2.then) return _temp2.then(function () {});
+          }
+        }();
+        return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [file]);
+  const handleSubmit = () => {
+    var _vendor$owner, _vendor$owner2;
+    const payload = {
+      vendorWorkOrder: {
+        tenantId,
+        name: vendor === null || vendor === void 0 ? void 0 : vendor.name,
+        mobileNumber: vendor === null || vendor === void 0 ? void 0 : (_vendor$owner = vendor.owner) === null || _vendor$owner === void 0 ? void 0 : _vendor$owner.mobileNumber,
+        emailId: vendor === null || vendor === void 0 ? void 0 : (_vendor$owner2 = vendor.owner) === null || _vendor$owner2 === void 0 ? void 0 : _vendor$owner2.emailId,
+        vendorId: (vendor === null || vendor === void 0 ? void 0 : vendor.code) || (vendor === null || vendor === void 0 ? void 0 : vendor.id),
+        validFrom: new Date(validFrom).getTime(),
+        validTo: new Date(validTo).getTime(),
+        serviceType: "EKYC",
+        fileStoreId: uploadedFile
+      }
+    };
+    createWorkOrder(payload, {
+      onSuccess: result => {
+        setShowToast({
+          isError: false,
+          label: t("EKYC_WORK_ORDER_SAVE_SUCCESS")
+        });
+        setTimeout(() => {
+          history.push("/digit-ui/employee/module/details");
+        }, 3000);
+      },
+      onError: err => {
+        var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
+        setShowToast({
+          isError: true,
+          label: (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$Er = _err$response$data.Errors) === null || _err$response$data$Er === void 0 ? void 0 : (_err$response$data$Er2 = _err$response$data$Er[0]) === null || _err$response$data$Er2 === void 0 ? void 0 : _err$response$data$Er2.message) || t("EKYC_WORK_ORDER_SAVE_ERROR")
+        });
+      }
+    });
+  };
+  function selectfile(e) {
+    setUploadedFile(null);
+    setFile(e.target.files[0]);
+  }
+  const isFormDisabled = !vendor || !validFrom || !validTo || !uploadedFile;
+  const isMobile = window.Digit.Utils.browser.isMobile();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-section-wrapper"
+  }, /*#__PURE__*/React.createElement(VerticalTimeline, {
+    config: [{
+      timeLine: [{
+        actions: t("EKYC_WORK_ORDER_ASSIGN"),
+        currentStep: 1
+      }]
+    }],
+    showFinalStep: false
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(CollapsibleCardPage, {
+    title: t("EKYC_UPLOAD_WORK_ORDER"),
+    defaultOpen: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "formcomposer-section-grid"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement(Label, null, "" + t("EKYC_VENDOR_NAME"), " ", /*#__PURE__*/React.createElement("span", {
+    className: "check-page-link-button"
+  }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
+    t: t,
+    option: vendorOptions,
+    optionKey: "name",
+    select: setVendor,
+    selected: vendor,
+    placeholder: t("EKYC_SELECT_VENDOR")
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement(Label, null, "" + t("COMMON_VALID_FROM_DATE"), " ", /*#__PURE__*/React.createElement("span", {
+    className: "check-page-link-button"
+  }, "*")), /*#__PURE__*/React.createElement(DatePicker, {
+    date: validFrom,
+    onChange: date => setValidFrom(date),
+    style: {
+      width: "100%"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement(Label, null, "" + t("COMMON_VALID_TO_DATE"), " ", /*#__PURE__*/React.createElement("span", {
+    className: "check-page-link-button"
+  }, "*")), /*#__PURE__*/React.createElement(DatePicker, {
+    date: validTo,
+    min: validFrom,
+    onChange: date => setValidTo(date),
+    style: {
+      width: "100%"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement(Label, null, "" + t("EKYC_UPLOAD_DOCUMENT"), " ", /*#__PURE__*/React.createElement("span", {
+    className: "check-page-link-button"
+  }, "*")), /*#__PURE__*/React.createElement(UploadFile, {
+    id: "ekyc-doc",
+    extraStyleName: "propertyCreate",
+    accept: "image/*, .pdf, .png, .jpeg, .jpg",
+    onUpload: selectfile,
+    onDelete: () => setUploadedFile(null),
+    message: uploadedFile ? "1 " + t("EKYC_ACTION_FILEUPLOADED") : t("EKYC_ACTION_NO_FILEUPLOADED"),
+    error: error
+  })))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      marginTop: "24px",
+      justifyContent: isMobile ? "center" : "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("ES_COMMON_SAVE"),
+    onSubmit: isFormDisabled ? null : handleSubmit,
+    disabled: isFormDisabled
+  }))), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: showToast.isError,
+    label: showToast.label,
+    onClose: () => setShowToast(null)
+  }));
+};
+
 function formReducer(state, payload) {
   const storageKey = "EKYC.SW.INBOX";
   switch (payload.action) {
@@ -7017,6 +7225,11 @@ const getEkycRoutes = userType => [{
   component: AdminDashboard,
   layout: "normal",
   breadcrumb: "EKYC_ADMIN_DASHBOARD"
+}, {
+  path: "/work-order",
+  component: WorkOrder,
+  layout: "normal",
+  breadcrumb: "EKYC_WORK_ORDER"
 }, {
   path: "/consumer-details",
   component: EKYCForm,
@@ -7187,6 +7400,11 @@ const EmployeeApp = _ref => {
     component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React.createElement(SurveyorDetailsDashboard, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: path + "/work-order",
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(WorkOrder, null))
   })))));
 };