@mseva/digit-ui-module-sv 1.0.5 → 1.0.7

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { AppContainer, BackButton, PrivateRoute, TickMark, FormStep, CardLabel, LinkButton, TextInput, Dropdown, MobileNumber, RadioButtons, CheckBox, Toast, LocationSearchCard, Table, Card, CardHeader, CardText, CardSubHeader, Loader, SubmitBar, TextArea, LabelFieldPair, UploadFile, StatusTable, Row, EditIcon, PropertyHouse, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DatePicker, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, Header, SearchForm, SearchField, CardLabelError, Banner, Modal, FormComposer, PDFSvg, MultiUploadWrapper, CardSectionHeader, Close as Close$b, BreakLine, TelePhone, DisplayPhotos, InfoBannerIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, MultiLink, KeyNote, CitizenHomeCard, PTIcon } from '@mseva/digit-ui-react-components';
+import { AppContainer, BackButton, PrivateRoute, TickMark, FormStep, CardLabel, LinkButton, TextInput, Dropdown, MobileNumber, RadioButtons, CheckBox, Toast, LocationSearchCard, Table, Card, CardHeader, CardText, CardSubHeader, Loader, SubmitBar, TextArea, LabelFieldPair, UploadFile, StatusTable, Row, EditIcon, PropertyHouse, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DatePicker, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, Header, SearchForm, SearchField, CardLabelError, Banner, Modal, FormComposer, PDFSvg, MultiUploadWrapper, CardSectionHeader, Close as Close$c, BreakLine, TelePhone, DisplayPhotos, InfoBannerIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, MultiLink, KeyNote, CitizenHomeCard, PTIcon } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useCallback, useMemo, Fragment, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRouteMatch, useLocation, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -12943,6 +12943,30 @@ const configCHBApproverApplication = ({
   };
 };
 
+const configASSETApproverApplication = ({
+  t,
+  action,
+  businessService
+}) => {
+  console.log("njhsegfdhjsbedwfdwe", action);
+  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_AST_COMMON_CANCEL"
+    },
+    form: [{
+      body: [{
+        label: t("AST_ACTION_COMMENTS"),
+        type: "textarea",
+        populators: {
+          name: "comments"
+        }
+      }]
+    }]
+  };
+};
+
 const Heading = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
@@ -16021,7 +16045,123 @@ const ActionModal$9 = ({
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const ActionModal$a = props => {
+const Heading$a = props => {
+  return /*#__PURE__*/React.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close$a = () => /*#__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$a = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React.createElement(Close$a, null));
+};
+const ActionModal$a = ({
+  t,
+  action,
+  tenantId,
+  state,
+  id,
+  closeModal,
+  submitAction,
+  actionData,
+  applicationData,
+  businessService,
+  moduleCode
+}) => {
+  var _action$roles, _action$roles$, _action$roles$$map;
+  const {
+    data: approverData,
+    isLoading: PTALoading
+  } = Digit.Hooks.useEmployeeSearch(tenantId, {
+    roles: action === null || action === void 0 ? void 0 : (_action$roles = action.roles) === null || _action$roles === void 0 ? void 0 : (_action$roles$ = _action$roles[0]) === null || _action$roles$ === void 0 ? void 0 : (_action$roles$$map = _action$roles$.map) === null || _action$roles$$map === void 0 ? void 0 : _action$roles$$map.call(_action$roles$, e => ({
+      code: e
+    })),
+    isActive: true
+  }, {
+    enabled: !(action !== null && action !== void 0 && action.isTerminateState)
+  });
+  const history = useHistory();
+  const [config, setConfig] = useState({});
+  const [defaultValues, setDefaultValues] = useState({});
+  const [approvers, setApprovers] = useState([]);
+  const [selectedApprover, setSelectedApprover] = useState(null);
+  const [uploadedFile, setUploadedFile] = useState(null);
+  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 submit(data) {
+    let workflow = {
+      action: action === null || action === void 0 ? void 0 : action.action,
+      comment: data === null || data === void 0 ? void 0 : data.comments,
+      businessService,
+      moduleName: moduleCode
+    };
+    if (uploadedFile) workflow["documents"] = [];
+    submitAction({
+      Asset: {
+        ...applicationData,
+        workflow
+      }
+    });
+  }
+  useEffect(() => {
+    if ((action === null || action === void 0 ? void 0 : action.state) === "INITIATED") {
+      history.push(`/digit-ui/employee/asset/assetservice/edit/` + `${applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationNo}`);
+    } else {
+      setConfig(configASSETApproverApplication({
+        t,
+        action,
+        approvers,
+        selectedApprover,
+        setSelectedApprover,
+        uploadedFile,
+        setUploadedFile,
+        businessService
+      }));
+    }
+  }, [action, approvers, uploadedFile]);
+  return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$a, {
+      label: t(config.label.heading)
+    }),
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$a, {
+      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$b = props => {
   if (props !== null && props !== void 0 && props.businessService.includes("PT")) {
     return /*#__PURE__*/React.createElement(ActionModal, props);
   }
@@ -16052,6 +16192,9 @@ const ActionModal$a = props => {
   if (props !== null && props !== void 0 && props.businessService.includes("chb")) {
     return /*#__PURE__*/React.createElement(ActionModal$9, props);
   }
+  if (props !== null && props !== void 0 && props.businessService.includes("asset-create")) {
+    return /*#__PURE__*/React.createElement(ActionModal$a, props);
+  }
 };
 
 function DocumentsPreview({
@@ -16916,7 +17059,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$b, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Close$c, {
       style: {
         float: "right",
         position: "relative",
@@ -19839,7 +19982,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$a = () => /*#__PURE__*/React.createElement("svg", {
+const Close$b = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -19849,11 +19992,11 @@ const Close$a = () => /*#__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$a = props => {
+const CloseBtn$b = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$a, null));
+  }, /*#__PURE__*/React.createElement(Close$b, null));
 };
 function ApplicationDetailsWarningPopup({
   action,
@@ -19870,7 +20013,7 @@ function ApplicationDetailsWarningPopup({
     headerBarMain: /*#__PURE__*/React.createElement("h1", {
       className: "heading-m"
     }, t("PT_DUES_ARE_PENDING")),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$a, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$b, {
       onClick: () => {
         closeWarningPopup();
       }
@@ -20215,7 +20358,7 @@ const ApplicationDetails = props => {
     showTimeLine: showTimeLine,
     oldValue: oldValue,
     isInfoLabel: isInfoLabel
-  }), showModal ? /*#__PURE__*/React.createElement(ActionModal$a, {
+  }), showModal ? /*#__PURE__*/React.createElement(ActionModal$b, {
     t: t,
     action: selectedAction,
     tenantId: tenantId,