@stssocialst-stp/fe-payroll 0.3.5 → 0.3.6

package/dist/index.js

@@ -762,7 +762,12 @@ var messages_en = {
 	"payroll.bistp.status.pending": "Sent to Bank",
 	"payroll.bistp.status.skippedNib": "No NIB",
 	"payroll.bistp.status.sendFailed": "Send Failed",
+	"payroll.bistp.status.enviados": "Sent to BISTP",
 	"payroll.bistp.progress": "BISTP Progress",
+	"payroll.async.generating": "Generating beneficiaries in background...",
+	"payroll.async.createdSoFar": "{benefitCount} created so far",
+	"payroll.async.note": "This process may take a few minutes. You can close this page - the process continues in the background.",
+	"payroll.async.timedOut": "The background generation process took too long. Please refresh this page to check the current status.",
 	"payroll.route.beneficiariesManagement": "Beneficiary Management",
 	"payroll.beneficiaries.management.title": "Beneficiary Management",
 	"payroll.beneficiaries.management.noPermission": "You do not have permission to manage beneficiaries.",
@@ -3211,6 +3216,99 @@ var mapDispatchToProps$b = function mapDispatchToProps(dispatch) {
 };
 var PaymentApproveForPaymentSummary = reactRedux.connect(mapStateToProps$b, mapDispatchToProps$b)(PaymentApproveForPaymentDialog);
 
+var POLL_INTERVAL_MS = 5000;
+var TIMEOUT_MS = 600000;
+var COUNT_QUERY = function COUNT_QUERY(payrollUuid) {
+  return "\n  {\n    benefitConsumptionByPayroll(payrollUuid: \"".concat(payrollUuid, "\", first: 0, isDeleted: false) {\n      totalCount\n    }\n  }\n");
+};
+function useAsyncPayrollProgress(_ref) {
+  var payrollUuid = _ref.payrollUuid,
+    payrollStatus = _ref.payrollStatus;
+  var dispatch = reactRedux.useDispatch();
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    benefitCount = _useState2[0],
+    setBenefitCount = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    isGenerating = _useState4[0],
+    setIsGenerating = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    timedOut = _useState6[0],
+    setTimedOut = _useState6[1];
+  var pollRef = React.useRef(null);
+  var startTimeRef = React.useRef(null);
+  var prevCountRef = React.useRef(0);
+  var stableCountRounds = React.useRef(0);
+  var stopPolling = React.useCallback(function () {
+    if (pollRef.current) {
+      clearInterval(pollRef.current);
+      pollRef.current = null;
+    }
+  }, []);
+  var fetchCount = React.useCallback(function () {
+    if (!payrollUuid) return;
+    dispatch(feCore.graphql(COUNT_QUERY(payrollUuid), 'POLL_BENEFIT_COUNT')).then(function (response) {
+      var _response$payload$dat, _response$payload;
+      var count = (_response$payload$dat = response === null || response === void 0 || (_response$payload = response.payload) === null || _response$payload === void 0 || (_response$payload = _response$payload.data) === null || _response$payload === void 0 || (_response$payload = _response$payload.benefitConsumptionByPayroll) === null || _response$payload === void 0 ? void 0 : _response$payload.totalCount) !== null && _response$payload$dat !== void 0 ? _response$payload$dat : 0;
+      if (count === 0) {
+        setBenefitCount(count);
+        setIsGenerating(true);
+        stableCountRounds.current = 0;
+        prevCountRef.current = count;
+        return;
+      }
+      setBenefitCount(count);
+      if (count === prevCountRef.current) {
+        stableCountRounds.current += 1;
+      } else {
+        stableCountRounds.current = 0;
+      }
+      prevCountRef.current = count;
+      if (stableCountRounds.current >= 2) {
+        setIsGenerating(false);
+        stopPolling();
+      }
+    })["catch"](function () {
+      setBenefitCount(function (c) {
+        return Math.max(c, 0);
+      });
+    });
+  }, [payrollUuid, dispatch, stopPolling]);
+  React.useEffect(function () {
+    var shouldPoll = payrollUuid && payrollStatus === 'PENDING_APPROVAL';
+    if (shouldPoll && !pollRef.current) {
+      setTimedOut(false);
+      startTimeRef.current = Date.now();
+      stableCountRounds.current = 0;
+      prevCountRef.current = 0;
+      fetchCount();
+      pollRef.current = setInterval(function () {
+        if (Date.now() - startTimeRef.current >= TIMEOUT_MS) {
+          setIsGenerating(false);
+          setTimedOut(true);
+          stopPolling();
+          return;
+        }
+        fetchCount();
+      }, POLL_INTERVAL_MS);
+    }
+    if (!shouldPoll && pollRef.current) {
+      setIsGenerating(false);
+      stopPolling();
+    }
+    return function () {
+      return stopPolling();
+    };
+  }, [payrollUuid, payrollStatus, fetchCount, stopPolling]);
+  return {
+    isGenerating: isGenerating,
+    benefitCount: benefitCount,
+    timedOut: timedOut
+  };
+}
+
 var useStyles$b = styles$7.makeStyles(function (theme) {
   return {
     paper: theme.paper.paper,
@@ -3257,12 +3355,64 @@ function PayrollTab(_ref) {
   var modulesManager = feCore.useModulesManager();
   var _useTranslations = feCore.useTranslations(MODULE_NAME, modulesManager),
     formatMessage = _useTranslations.formatMessage;
+  var _useAsyncPayrollProgr = useAsyncPayrollProgress({
+      payrollUuid: payrollUuid,
+      payrollStatus: payroll === null || payroll === void 0 ? void 0 : payroll.status
+    }),
+    isGenerating = _useAsyncPayrollProgr.isGenerating,
+    benefitCount = _useAsyncPayrollProgr.benefitCount,
+    timedOut = _useAsyncPayrollProgr.timedOut;
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    generationComplete = _useState4[0],
+    setGenerationComplete = _useState4[1];
+  var _useState5 = React.useState(0),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    refreshBenefitsKey = _useState6[0],
+    setRefreshBenefitsKey = _useState6[1];
+  React.useEffect(function () {
+    if (!isGenerating && benefitCount > 0 && !generationComplete) {
+      setGenerationComplete(true);
+      setRefreshBenefitsKey(function (k) {
+        return k + 1;
+      });
+    }
+  }, [isGenerating, benefitCount, generationComplete]);
   var downloadPayrollData = function downloadPayrollData(payrollUuid, payrollName) {
     downloadPayroll(payrollUuid, payrollName);
   };
   return /*#__PURE__*/React__default["default"].createElement(core.Paper, {
     className: classes.paper
+  }, (isGenerating || timedOut) && payrollUuid && !isPayrollFromFailedInvoices && /*#__PURE__*/React__default["default"].createElement(core.Grid, {
+    container: true,
+    spacing: 2,
+    style: {
+      padding: '16px'
+    }
   }, /*#__PURE__*/React__default["default"].createElement(core.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default["default"].createElement(core.Typography, {
+    variant: "body1"
+  }, timedOut ? formatMessage('payroll.async.timedOut') : formatMessage('payroll.async.generating')), !timedOut && /*#__PURE__*/React__default["default"].createElement(core.LinearProgress, {
+    variant: "indeterminate",
+    style: {
+      marginTop: '8px'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(core.Typography, {
+    variant: "caption",
+    style: {
+      display: 'block',
+      marginTop: '4px'
+    }
+  }, !timedOut && formatMessage('payroll.async.createdSoFar', {
+    benefitCount: benefitCount
+  })), /*#__PURE__*/React__default["default"].createElement(core.Typography, {
+    variant: "caption",
+    style: {
+      display: 'block'
+    }
+  }, !timedOut && formatMessage('payroll.async.note')))), /*#__PURE__*/React__default["default"].createElement(core.Grid, {
     container: true,
     className: "".concat(classes.tableTitle, " ").concat(classes.tabs)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3313,7 +3463,8 @@ function PayrollTab(_ref) {
     payrollUuid: payrollUuid,
     isInTask: isInTask,
     isPayrollFromFailedInvoices: isPayrollFromFailedInvoices,
-    payroll: payroll
+    payroll: payroll,
+    refreshBenefitsKey: refreshBenefitsKey
   }));
 }
 
@@ -5706,13 +5857,15 @@ function BenefitConsumptionsTabPanel(_ref2) {
   var value = _ref2.value,
     rights = _ref2.rights,
     payrollUuid = _ref2.payrollUuid,
-    isPayrollFromFailedInvoices = _ref2.isPayrollFromFailedInvoices;
+    isPayrollFromFailedInvoices = _ref2.isPayrollFromFailedInvoices,
+    refreshBenefitsKey = _ref2.refreshBenefitsKey;
   return /*#__PURE__*/React__default["default"].createElement(feCore.PublishedComponent, {
     pubRef: "policyHolder.TabPanel",
     module: "payroll",
     index: BENEFIT_CONSUMPTION_LIST_TAB_VALUE,
     value: value
   }, rights.includes(RIGHT_PAYROLL_SEARCH) && payrollUuid && /*#__PURE__*/React__default["default"].createElement(BenefitConsumptionSearcher$1, {
+    key: refreshBenefitsKey,
     rights: rights,
     payrollUuid: payrollUuid,
     isPayrollFromFailedInvoices: isPayrollFromFailedInvoices