@mseva/digit-ui-module-ptr 1.0.26 → 1.0.28

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { LabelFieldPair, CardLabel, Dropdown, CardLabelError, TextInput, Toast, MobileNumber, TickMark, FormStep, Loader, UploadFile, RadioOrSelect, Card, CardHeader, CardText, CardSubHeader, SubmitBar, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, AppContainer, BackButton, PrivateRoute, StatusTable, Row, CheckBox, LinkButton, Banner, KeyNote, Header, MultiLink, Table, PropertyHouse, CloseSvg, Label, LinkLabel, ActionBar, DatePicker, RadioButtons, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, SearchForm, SearchField, BreadCrumb, PTRIcon, EmployeeModuleCard, Localities, RemoveableTag, FormComposer, Modal, PDFSvg, MultiUploadWrapper, Close as Close$a, BreakLine, TextArea, InfoBannerIcon, Menu, ButtonSelector, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
+import { LabelFieldPair, CardLabel, Dropdown, CardLabelError, TextInput, Toast, MobileNumber, TickMark, FormStep, Loader, UploadFile, RadioOrSelect, Card, CardHeader, CardText, CardSubHeader, SubmitBar, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, AppContainer, BackButton, PrivateRoute, StatusTable, Row, CheckBox, LinkButton, Banner, KeyNote, Header, MultiLink, Table, PropertyHouse, CloseSvg, Label, LinkLabel, ActionBar, DatePicker, RadioButtons, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, SearchForm, SearchField, BreadCrumb, PTRIcon, EmployeeModuleCard, Localities, RemoveableTag, FormComposer, Modal, PDFSvg, MultiUploadWrapper, Close as Close$b, BreakLine, TextArea, InfoBannerIcon, Menu, ButtonSelector, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useMemo, Fragment, useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -18781,6 +18781,48 @@ const configTLDirectRenewApplication = ({
   };
 };
 
+const configCHBApproverApplication = ({
+  t,
+  action,
+  approvers,
+  selectedApprover,
+  setSelectedApprover,
+  selectFile,
+  uploadedFile,
+  setUploadedFile,
+  assigneeLabel,
+  businessService
+}) => {
+  return {
+    label: {
+      heading: `WF_${action === null || action === void 0 ? void 0 : action.action}_APPLICATION`,
+      submit: `WF_${businessService}_${action === null || action === void 0 ? void 0 : action.action}`,
+      cancel: "ES_CHB_COMMON_CANCEL"
+    },
+    form: [{
+      body: [{
+        label: t("ES_CHB_ACTION_COMMENTS"),
+        type: "textarea",
+        populators: {
+          name: "comments"
+        }
+      }, {
+        label: `${t("ES_CHB_ATTACH_FILE")}${action.docUploadRequired ? " *" : ""}`,
+        populators: /*#__PURE__*/React.createElement(UploadFile, {
+          id: "workflow-doc",
+          onUpload: selectFile,
+          onDelete: () => {
+            setUploadedFile(null);
+          },
+          showHint: true,
+          hintText: t("CHB_ATTACH_RESTRICTIONS_SIZE"),
+          message: uploadedFile ? `1 ${t(`ES_CHB_ACTION_FILEUPLOADED`)}` : t(`ES_CHB_ACTION_NO_FILEUPLOADED`)
+        })
+      }]
+    }]
+  };
+};
+
 const Heading = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
@@ -21368,7 +21410,155 @@ const ActionModal$8 = ({
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const ActionModal$9 = props => {
+const Heading$9 = props => {
+  return /*#__PURE__*/React.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close$9 = () => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+}));
+const CloseBtn$9 = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React.createElement(Close$9, null));
+};
+const ActionModal$9 = ({
+  t,
+  action,
+  tenantId,
+  state,
+  id,
+  closeModal,
+  submitAction,
+  actionData,
+  applicationData,
+  businessService,
+  moduleCode
+}) => {
+  var _action$assigneeRoles, _action$assigneeRoles2;
+  console.log("applicationData", applicationData);
+  const {
+    data: approverData,
+    isLoading: PTALoading
+  } = Digit.Hooks.useEmployeeSearch(tenantId, {
+    roles: action === null || action === void 0 ? void 0 : (_action$assigneeRoles = action.assigneeRoles) === null || _action$assigneeRoles === void 0 ? void 0 : (_action$assigneeRoles2 = _action$assigneeRoles.map) === null || _action$assigneeRoles2 === void 0 ? void 0 : _action$assigneeRoles2.call(_action$assigneeRoles, e => ({
+      code: e
+    })),
+    isActive: true
+  }, {
+    enabled: !(action !== null && action !== void 0 && action.isTerminateState)
+  });
+  const [config, setConfig] = useState({});
+  const [defaultValues, setDefaultValues] = useState({});
+  const [approvers, setApprovers] = useState([]);
+  const [selectedApprover, setSelectedApprover] = useState(null);
+  const [file, setFile] = useState(null);
+  const [uploadedFile, setUploadedFile] = useState(null);
+  const [error, setError] = useState(null);
+  const [disableActionSubmit, setDisableActionSubmit] = useState(false);
+  useEffect(() => {
+    var _approverData$Employe;
+    setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
+      var _employee$user;
+      return {
+        uuid: employee === null || employee === void 0 ? void 0 : employee.uuid,
+        name: employee === null || employee === void 0 ? void 0 : (_employee$user = employee.user) === null || _employee$user === void 0 ? void 0 : _employee$user.name
+      };
+    }));
+  }, [approverData]);
+  function selectFile(e) {
+    setFile(e.target.files[0]);
+  }
+  useEffect(() => {
+    (async () => {
+      setError(null);
+      if (file) {
+        if (file.size >= 5242880) {
+          setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+        } else {
+          try {
+            var _response$data, _response$data$files;
+            const response = await Digit.UploadServices.Filestorage("CHB", file, Digit.ULBService.getStateId());
+            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("CS_FILE_UPLOAD_ERROR"));
+            }
+          } catch (err) {
+            setError(t("CS_FILE_UPLOAD_ERROR"));
+          }
+        }
+      }
+    })();
+  }, [file]);
+  function submit(data) {
+    let workflow = {
+      action: action === null || action === void 0 ? void 0 : action.action,
+      comments: data === null || data === void 0 ? void 0 : data.comments,
+      businessService,
+      moduleName: moduleCode
+    };
+    if (uploadedFile) workflow["documents"] = [{
+      documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
+      fileName: file === null || file === void 0 ? void 0 : file.name,
+      filestoreId: uploadedFile
+    }];
+    submitAction({
+      hallsBookingApplication: [{
+        ...applicationData,
+        workflow
+      }]
+    });
+  }
+  useEffect(() => {
+    if (action) {
+      setConfig(configCHBApproverApplication({
+        t,
+        action,
+        approvers,
+        selectedApprover,
+        setSelectedApprover,
+        selectFile,
+        uploadedFile,
+        setUploadedFile,
+        businessService
+      }));
+    }
+  }, [action, approvers, uploadedFile]);
+  return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$9, {
+      label: t(config.label.heading)
+    }),
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$9, {
+      onClick: closeModal
+    }),
+    actionCancelLabel: t(config.label.cancel),
+    actionCancelOnSubmit: closeModal,
+    actionSaveLabel: t(config.label.submit),
+    actionSaveOnSubmit: () => {},
+    formId: "modal-action"
+  }, /*#__PURE__*/React.createElement(FormComposer, {
+    config: config.form,
+    noBoxShadow: true,
+    inline: true,
+    childrenAtTheBottom: true,
+    onSubmit: submit,
+    defaultValues: defaultValues,
+    formId: "modal-action"
+  })) : /*#__PURE__*/React.createElement(Loader, null);
+};
+
+const ActionModal$a = props => {
   if (props !== null && props !== void 0 && props.businessService.includes("PT")) {
     return /*#__PURE__*/React.createElement(ActionModal, props);
   }
@@ -21396,6 +21586,9 @@ const ActionModal$9 = props => {
   if (props !== null && props !== void 0 && props.businessService.includes("street-vending")) {
     return /*#__PURE__*/React.createElement(ActionModal$8, props);
   }
+  if (props !== null && props !== void 0 && props.businessService.includes("chb")) {
+    return /*#__PURE__*/React.createElement(ActionModal$9, props);
+  }
 };
 
 function DocumentsPreview({
@@ -22260,7 +22453,7 @@ const PermissionCheck = ({
     } : {},
     placeholder: t("BPA_ENTER_PERMIT_CONDITIONS_LABEL")
   }), /*#__PURE__*/React.createElement(LinkButton, {
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Close$a, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Close$b, {
       style: {
         float: "right",
         position: "relative",
@@ -25183,7 +25376,7 @@ function ApplicationDetailsActionBar({
   }, t(`${forcedActionPrefix || `WF_EMPLOYEE_${businessService === null || businessService === void 0 ? void 0 : businessService.toUpperCase()}`}_${actions === null || actions === void 0 ? void 0 : (_actions$4 = actions[0]) === null || _actions$4 === void 0 ? void 0 : _actions$4.action}`))));
 }
 
-const Close$9 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$a = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -25193,11 +25386,11 @@ const Close$9 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$9 = props => {
+const CloseBtn$a = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$9, null));
+  }, /*#__PURE__*/React.createElement(Close$a, null));
 };
 function ApplicationDetailsWarningPopup({
   action,
@@ -25214,7 +25407,7 @@ function ApplicationDetailsWarningPopup({
     headerBarMain: /*#__PURE__*/React.createElement("h1", {
       className: "heading-m"
     }, t("PT_DUES_ARE_PENDING")),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$9, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$a, {
       onClick: () => {
         closeWarningPopup();
       }
@@ -25559,7 +25752,7 @@ const ApplicationDetails = props => {
     showTimeLine: showTimeLine,
     oldValue: oldValue,
     isInfoLabel: isInfoLabel
-  }), showModal ? /*#__PURE__*/React.createElement(ActionModal$9, {
+  }), showModal ? /*#__PURE__*/React.createElement(ActionModal$a, {
     t: t,
     action: selectedAction,
     tenantId: tenantId,