@stssocialst-stp/fe-payroll 0.2.1 → 0.2.3

package/dist/index.es.js

@@ -8,6 +8,7 @@ import { bindActionCreators } from 'redux';
 import { connect, useSelector } from 'react-redux';
 import { makeStyles } from '@material-ui/styles';
 import DeleteIcon from '@material-ui/icons/Delete';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
@@ -17,7 +18,6 @@ import { injectIntl } from 'react-intl';
 import { Grid, FormControlLabel, Checkbox, Tooltip, IconButton, Fab, Divider, Typography, Input, Modal, Backdrop, Fade, Box, Button as Button$1, Paper, TextField, Tab } from '@material-ui/core';
 import { withTheme, withStyles } from '@material-ui/core/styles';
 import AddIcon from '@material-ui/icons/Add';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import VisibilityIcon from '@material-ui/icons/Visibility';
 import _debounce from 'lodash/debounce';
 import Button from '@material-ui/core/Button';
@@ -34,6 +34,7 @@ import { useReactToPrint } from 'react-to-print';
 import PrintIcon from '@material-ui/icons/Print';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import PhotoCameraOutlinedIcon from '@material-ui/icons/PhotoCameraOutlined';
+import LinearProgress from '@material-ui/core/LinearProgress';
 import DownloadIcon from '@material-ui/icons/CloudDownload';
 import Chip from '@material-ui/core/Chip';
 
@@ -354,19 +355,19 @@ function reducer() {
       return _objectSpread$6(_objectSpread$6({}, state), {}, {
         fetchingBenefitConsumptions: false,
         fetchedBenefitConsumptions: true,
-        benefitConsumptions: (_parseData5 = parseData(action.payload.data.benefitConsumption)) === null || _parseData5 === void 0 ? void 0 : _parseData5.map(function (benefitConsumption) {
+        benefitConsumptions: (_parseData5 = parseData(action.payload.data.benefitConsumptionByPayroll)) === null || _parseData5 === void 0 ? void 0 : _parseData5.map(function (benefitConsumption) {
           return _objectSpread$6(_objectSpread$6({}, benefitConsumption), {}, {
             id: decodeId(benefitConsumption.id)
           });
         }),
-        benefitConsumptionsPageInfo: pageInfo(action.payload.data.benefitConsumption),
-        benefitConsumptionsTotalCount: (_action$payload$data$5 = (_action$payload$data$6 = action.payload.data.benefitConsumption) === null || _action$payload$data$6 === void 0 ? void 0 : _action$payload$data$6.totalCount) !== null && _action$payload$data$5 !== void 0 ? _action$payload$data$5 : 0,
+        benefitConsumptionsPageInfo: pageInfo(action.payload.data.benefitConsumptionByPayroll),
+        benefitConsumptionsTotalCount: (_action$payload$data$5 = (_action$payload$data$6 = action.payload.data.benefitConsumptionByPayroll) === null || _action$payload$data$6 === void 0 ? void 0 : _action$payload$data$6.totalCount) !== null && _action$payload$data$5 !== void 0 ? _action$payload$data$5 : 0,
         errorBenefitConsumptions: formatGraphQLError(action.payload)
       });
     case ERROR(ACTION_TYPE.GET_BENEFIT_CONSUMPTION):
       return _objectSpread$6(_objectSpread$6({}, state), {}, {
         fetchingBenefitConsumptions: false,
-        errorPayroll: formatServerError(action.payload)
+        errorBenefitConsumptions: formatServerError(action.payload)
       });
     case CLEAR(ACTION_TYPE.GET_BENEFIT_CONSUMPTION):
       return _objectSpread$6(_objectSpread$6({}, state), {}, {
@@ -694,7 +695,6 @@ function isBase64Encoded(str) {
   return base64RegExp.test(str);
 }
 
-/* eslint-disable max-len */
 var PAYMENT_POINT_PROJECTION = function PAYMENT_POINT_PROJECTION(modulesManager) {
   return ['id', 'name', 'isDeleted', "location ".concat(modulesManager.getProjection('location.Location.FlatProjection')), "ppm ".concat(modulesManager.getProjection('admin.UserPicker.projection'))];
 };
@@ -712,11 +712,14 @@ var BENEFIT_CONSUMPTION_SUMMARY_PROJECTION = function BENEFIT_CONSUMPTION_SUMMAR
 var BENEFIT_ATTACHMENT_PROJECTION = function BENEFIT_ATTACHMENT_PROJECTION() {
   return ['benefit{id, status, code, dateDue, receipt, individual {firstName, lastName}, jsonExt, type, status, amount, receipt}', 'bill{id, code, terms, amountTotal, datePayed}'];
 };
+var BISTP_SUMMARY_PROJECTION = function BISTP_SUMMARY_PROJECTION() {
+  return ['bistpSummary { total reconciled rejected pending skippedNib sendFailed }'];
+};
 var PAYROLL_PROJECTION = function PAYROLL_PROJECTION(modulesManager) {
-  return ['id', 'name', 'paymentMethod', 'paymentPlan { code, id, name, benefitPlanType }', 'benefitPlanNameCode', "paymentPoint { ".concat(PAYMENT_POINT_PROJECTION(modulesManager).join(' '), " }"), 'paymentCycle { code, startDate, endDate }', 'jsonExt', 'status', 'dateValidFrom', 'dateValidTo', 'isDeleted'];
+  return ['id', 'name', 'paymentMethod', 'paymentPlan { code, id, name, benefitPlanType }', 'benefitPlanNameCode', "paymentPoint { ".concat(PAYMENT_POINT_PROJECTION(modulesManager).join(' '), " }"), 'paymentCycle { code, startDate, endDate }', 'jsonExt', 'status', 'dateValidFrom', 'dateValidTo', 'isDeleted'].concat(_toConsumableArray(BISTP_SUMMARY_PROJECTION()));
 };
 var PAYROLL_SEARCHER_PROJECTION = function PAYROLL_SEARCHER_PROJECTION(modulesManager) {
-  return ['id', 'name', 'paymentMethod', 'paymentPlan { code, id, name, benefitPlanType }', 'benefitPlanNameCode', "paymentPoint { ".concat(PAYMENT_POINT_PROJECTION(modulesManager).join(' '), " }"), 'paymentCycle { code, startDate, endDate }', 'jsonExt', 'status', 'dateValidFrom', 'dateValidTo', 'isDeleted'];
+  return ['id', 'name', 'paymentMethod', 'paymentPlan { code, id, name, benefitPlanType }', 'benefitPlanNameCode', "paymentPoint { ".concat(PAYMENT_POINT_PROJECTION(modulesManager).join(' '), " }"), 'paymentCycle { code, startDate, endDate }', 'jsonExt', 'status', 'dateValidFrom', 'dateValidTo', 'isDeleted'].concat(_toConsumableArray(BISTP_SUMMARY_PROJECTION()));
 };
 var CSV_RECONCILIATION_PROJECTION = function CSV_RECONCILIATION_PROJECTION() {
   return ['fileName', 'status', 'error', 'jsonExt'];
@@ -3604,11 +3607,39 @@ function PayrollSearcher(_ref) {
     prevSubmittingMutationRef.current = submittingMutation;
   });
   var headers = function headers() {
-    return ['payroll.name', 'payroll.benefitPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'emptyLabel'];
+    return ['payroll.name', 'payroll.benefitPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'payroll.bistp.progress', 'emptyLabel'];
   };
   var sorts = function sorts() {
     return [['name', true], ['benefitPlanNameCode', true], ['paymentPoint', true], ['status', true], ['paymentMethod', true]];
   };
+  var renderBistpProgress = function renderBistpProgress(payroll) {
+    if (payroll.paymentMethod !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT) return null;
+    var summary = payroll.bistpSummary || {};
+    var total = summary.total || 0;
+    var reconciled = summary.reconciled || 0;
+    var progress = total > 0 ? reconciled / total * 100 : 0;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        minWidth: 120
+      }
+    }, /*#__PURE__*/React.createElement(LinearProgress, {
+      variant: "determinate",
+      value: progress,
+      style: {
+        flex: 1,
+        height: 8,
+        borderRadius: 4
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: '0.75rem',
+        whiteSpace: 'nowrap'
+      }
+    }, reconciled, "/", total));
+  };
   var defaultFilters = function defaultFilters() {
     return {
       isDeleted: {
@@ -3641,6 +3672,8 @@ function PayrollSearcher(_ref) {
       return payroll.status ? "".concat(payroll.status) : '';
     }, function (payroll) {
       return payroll.paymentMethod ? "".concat(payroll.paymentMethod) : '';
+    }, function (payroll) {
+      return renderBistpProgress(payroll);
     }, function (payroll) {
       return /*#__PURE__*/React.createElement(Tooltip, {
         title: formatMessage('tooltip.viewDetails')
@@ -3949,8 +3982,36 @@ function PayrollSearcherApproved(_ref) {
   useEffect(function () {
     prevSubmittingMutationRef.current = submittingMutation;
   });
+  var renderBistpProgress = function renderBistpProgress(payroll) {
+    if (payroll.paymentMethod !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT) return null;
+    var summary = payroll.bistpSummary || {};
+    var total = summary.total || 0;
+    var reconciled = summary.reconciled || 0;
+    var progress = total > 0 ? reconciled / total * 100 : 0;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        minWidth: 120
+      }
+    }, /*#__PURE__*/React.createElement(LinearProgress, {
+      variant: "determinate",
+      value: progress,
+      style: {
+        flex: 1,
+        height: 8,
+        borderRadius: 4
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: '0.75rem',
+        whiteSpace: 'nowrap'
+      }
+    }, reconciled, "/", total));
+  };
   var headers = function headers() {
-    return ['payroll.name', 'payroll.paymentPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'emptyLabel'];
+    return ['payroll.name', 'payroll.paymentPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'payroll.bistp.progress', 'emptyLabel'];
   };
   var sorts = function sorts() {
     return [['name', true], ['paymentPlan', true], ['paymentPoint', true], ['status', true], ['paymentMethod', true]];
@@ -3988,6 +4049,8 @@ function PayrollSearcherApproved(_ref) {
       return payroll.status ? "".concat(payroll.status) : '';
     }, function (payroll) {
       return payroll.paymentMethod ? "".concat(payroll.paymentMethod) : '';
+    }, function (payroll) {
+      return renderBistpProgress(payroll);
     }, function (payroll) {
       return /*#__PURE__*/React.createElement(PayrollReconciliationFilesDialog, {
         classes: classes,
@@ -4328,8 +4391,36 @@ function PayrollSearcherReconciled(_ref) {
   useEffect(function () {
     prevSubmittingMutationRef.current = submittingMutation;
   });
+  var renderBistpProgress = function renderBistpProgress(payroll) {
+    if (payroll.paymentMethod !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT) return null;
+    var summary = payroll.bistpSummary || {};
+    var total = summary.total || 0;
+    var reconciled = summary.reconciled || 0;
+    var progress = total > 0 ? reconciled / total * 100 : 0;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        minWidth: 120
+      }
+    }, /*#__PURE__*/React.createElement(LinearProgress, {
+      variant: "determinate",
+      value: progress,
+      style: {
+        flex: 1,
+        height: 8,
+        borderRadius: 4
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: '0.75rem',
+        whiteSpace: 'nowrap'
+      }
+    }, reconciled, "/", total));
+  };
   var headers = function headers() {
-    return ['payroll.name', 'payroll.paymentPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'emptyLabel'];
+    return ['payroll.name', 'payroll.paymentPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'payroll.bistp.progress', 'emptyLabel'];
   };
   var sorts = function sorts() {
     return [['name', true], ['paymentPlan', true], ['paymentPoint', true], ['status', true], ['paymentMethod', true]];
@@ -4367,6 +4458,8 @@ function PayrollSearcherReconciled(_ref) {
       return payroll.status ? "".concat(payroll.status) : '';
     }, function (payroll) {
       return payroll.paymentMethod ? "".concat(payroll.paymentMethod) : '';
+    }, function (payroll) {
+      return renderBistpProgress(payroll);
     }, function (payroll) {
       return /*#__PURE__*/React.createElement(PayrollReconciliationFilesDialog, {
         classes: classes,
@@ -5869,8 +5962,36 @@ function PayrollSearcherPending(_ref) {
   useEffect(function () {
     prevSubmittingMutationRef.current = submittingMutation;
   });
+  var renderBistpProgress = function renderBistpProgress(payroll) {
+    if (payroll.paymentMethod !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT) return null;
+    var summary = payroll.bistpSummary || {};
+    var total = summary.total || 0;
+    var reconciled = summary.reconciled || 0;
+    var progress = total > 0 ? reconciled / total * 100 : 0;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        minWidth: 120
+      }
+    }, /*#__PURE__*/React.createElement(LinearProgress, {
+      variant: "determinate",
+      value: progress,
+      style: {
+        flex: 1,
+        height: 8,
+        borderRadius: 4
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: '0.75rem',
+        whiteSpace: 'nowrap'
+      }
+    }, reconciled, "/", total));
+  };
   var headers = function headers() {
-    return ['payroll.name', 'payroll.paymentPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'emptyLabel'];
+    return ['payroll.name', 'payroll.paymentPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'payroll.bistp.progress', 'emptyLabel'];
   };
   var sorts = function sorts() {
     return [['name', true], ['paymentPlan', true], ['paymentPoint', true], ['status', true], ['paymentMethod', true]];
@@ -5908,6 +6029,8 @@ function PayrollSearcherPending(_ref) {
       return payroll.status ? "".concat(payroll.status) : '';
     }, function (payroll) {
       return payroll.paymentMethod ? "".concat(payroll.paymentMethod) : '';
+    }, function (payroll) {
+      return renderBistpProgress(payroll);
     }, function (payroll) {
       return /*#__PURE__*/React.createElement(PayrollReconciliationFilesDialog, {
         classes: classes,