@stssocialst-stp/fe-payroll 0.3.2 → 0.3.4

package/dist/index.js

@@ -198,6 +198,7 @@ var ACTION_TYPE = {
   MAKE_PAYMENT_PAYROLL: 'PAYROLL_MUTATION_MAKE_PAYMENT_PAYROLL',
   GET_PAYROLL_PAYMENT_FILES: 'GET_PAYROLL_PAYMENT_FILES',
   BENEFITS_SUMMARY: 'PAYROLL_BENEFITS_SUMMARY',
+  GET_BISTP_SUMMARY: 'PAYROLL_BISTP_SUMMARY',
   DELETE_BENEFIT_CONSUMPTION: 'BENEFIT_CONSUMPTION_MUTATION_DELETE_BENEFIT_CONSUMPTION'
 };
 var MUTATION_SERVICE = {
@@ -271,7 +272,11 @@ var STORE_STATE = {
   benefitsSummary: [],
   benefitsSummaryError: null,
   fetchingBenefitsSummary: true,
-  fetchedBenefitsSummary: false
+  fetchedBenefitsSummary: false,
+  fetchingBistpSummary: false,
+  fetchedBistpSummary: false,
+  bistpSummary: {},
+  errorBistpSummary: null
 };
 function reducer() {
   var _parseData, _action$payload$data$, _action$payload$data$2, _parseData2, _action$payload$data$3, _action$payload$data$4, _parseData3, _parseData4, _parseData5, _action$payload$data$5, _action$payload$data$6, _parseData6, _action$payload$data$7, _action$payload$data$8, _parseData7, _action$payload$data$9, _action$payload$data$0, _parseData8, _action$payload$data$1, _action$payload$data$10;
@@ -561,6 +566,25 @@ function reducer() {
         fetchingBenefitsSummary: false,
         benefitsSummaryError: feCore.formatServerError(action.payload)
       });
+    case REQUEST(ACTION_TYPE.GET_BISTP_SUMMARY):
+      return _objectSpread$6(_objectSpread$6({}, state), {}, {
+        fetchingBistpSummary: true,
+        fetchedBistpSummary: false,
+        bistpSummary: {},
+        errorBistpSummary: null
+      });
+    case SUCCESS(ACTION_TYPE.GET_BISTP_SUMMARY):
+      return _objectSpread$6(_objectSpread$6({}, state), {}, {
+        fetchingBistpSummary: false,
+        fetchedBistpSummary: true,
+        bistpSummary: action.payload.data,
+        errorBistpSummary: feCore.formatGraphQLError(action.payload)
+      });
+    case ERROR(ACTION_TYPE.GET_BISTP_SUMMARY):
+      return _objectSpread$6(_objectSpread$6({}, state), {}, {
+        fetchingBistpSummary: false,
+        errorBistpSummary: feCore.formatServerError(action.payload)
+      });
     case REQUEST(ACTION_TYPE.MUTATION):
       return feCore.dispatchMutationReq(state, action);
     case ERROR(ACTION_TYPE.MUTATION):
@@ -907,6 +931,12 @@ function makePaymentForPayroll(payroll, clientMutationLabel) {
   var payrollUuids = "ids: [\"".concat(payroll === null || payroll === void 0 ? void 0 : payroll.id, "\"]");
   return PERFORM_MUTATION(MUTATION_SERVICE.PAYROLL.MAKE_PAYMENT, payrollUuids, ACTION_TYPE.MAKE_PAYMENT_PAYROLL, clientMutationLabel);
 }
+function fetchBistpSummary(payrollId) {
+  var query = "\n    query ResumoPagamentos($payrollId: UUID!) {\n      total:       benefitConsumptionByPayroll(payrollUuid: $payrollId, first: 0) { totalCount }\n      pendentes:   benefitConsumptionByPayroll(payrollUuid: $payrollId, status: ACCEPTED, first: 0) { totalCount }\n      enviados:    benefitConsumptionByPayroll(payrollUuid: $payrollId, status: APPROVE_FOR_PAYMENT, first: 0) { totalCount }\n      confirmados: benefitConsumptionByPayroll(payrollUuid: $payrollId, status: RECONCILED, first: 0) { totalCount }\n      rejeitados:  benefitConsumptionByPayroll(payrollUuid: $payrollId, status: REJECTED, first: 0) { totalCount }\n    }\n  ";
+  return feCore.graphql(query, ACTION_TYPE.GET_BISTP_SUMMARY, {
+    payrollId: payrollId
+  });
+}
 
 var pageTitle = function pageTitle(item) {
   return {
@@ -1119,7 +1149,7 @@ function PaymentPointPage(_ref) {
     saveTooltip: formatMessage('tooltip.save')
   })));
 }
-var mapDispatchToProps$h = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$i = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     clearPaymentPoint: clearPaymentPoint,
     createPaymentPoint: createPaymentPoint,
@@ -1131,7 +1161,7 @@ var mapDispatchToProps$h = function mapDispatchToProps(dispatch) {
     journalize: feCore.journalize
   }, dispatch);
 };
-var mapStateToProps$h = function mapStateToProps(state, props) {
+var mapStateToProps$i = function mapStateToProps(state, props) {
   var _state$core$user$i_us, _state$core;
   return {
     paymentPointUuid: props.match.params.payment_point_uuid,
@@ -1142,7 +1172,7 @@ var mapStateToProps$h = function mapStateToProps(state, props) {
     paymentPoint: state.payroll.paymentPoint
   };
 };
-var PaymentPointPage$1 = reactRedux.connect(mapStateToProps$h, mapDispatchToProps$h)(PaymentPointPage);
+var PaymentPointPage$1 = reactRedux.connect(mapStateToProps$i, mapDispatchToProps$i)(PaymentPointPage);
 
 var useStyles$f = styles$7.makeStyles(function (theme) {
   return {
@@ -1407,7 +1437,7 @@ function PaymentPointSearcher(_ref) {
     rowLocked: isRowDisabled
   });
 }
-var mapStateToProps$g = function mapStateToProps(state) {
+var mapStateToProps$h = function mapStateToProps(state) {
   return {
     fetchingPaymentPoints: state.payroll.fetchingPaymentPoints,
     fetchedPaymentPoints: state.payroll.fetchedPaymentPoints,
@@ -1420,7 +1450,7 @@ var mapStateToProps$g = function mapStateToProps(state) {
     mutation: state.payroll.mutation
   };
 };
-var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$h = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPaymentPoints: fetchPaymentPoints,
     deletePaymentPoint: deletePaymentPoint,
@@ -1429,7 +1459,7 @@ var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
     coreConfirm: feCore.coreConfirm
   }, dispatch);
 };
-var PaymentPointSearcher$1 = reactRedux.connect(mapStateToProps$g, mapDispatchToProps$g)(PaymentPointSearcher);
+var PaymentPointSearcher$1 = reactRedux.connect(mapStateToProps$h, mapDispatchToProps$h)(PaymentPointSearcher);
 
 var useStyles$e = styles$7.makeStyles(function (theme) {
   return {
@@ -1759,7 +1789,7 @@ function AdvancedFiltersDialog(_ref) {
     disabled: !object || confirmed || readOnly
   }, feCore.formatMessage(intl, 'payroll', 'payroll.advancedFilters.button.filter')))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null)));
 }
-var mapStateToProps$f = function mapStateToProps(state, props) {
+var mapStateToProps$g = function mapStateToProps(state, props) {
   return {
     rights: !!state.core && !!state.core.user && !!state.core.user.i_user ? state.core.user.i_user.rights : [],
     confirmed: state.core.confirmed,
@@ -1769,12 +1799,12 @@ var mapStateToProps$f = function mapStateToProps(state, props) {
     customFilters: state.core.customFilters
   };
 };
-var mapDispatchToProps$f = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchCustomFilter: feCore.fetchCustomFilter
   }, dispatch);
 };
-var AdvancedFiltersDialog$1 = reactIntl.injectIntl(styles$6.withTheme(styles$6.withStyles(styles$3)(reactRedux.connect(mapStateToProps$f, mapDispatchToProps$f)(AdvancedFiltersDialog))));
+var AdvancedFiltersDialog$1 = reactIntl.injectIntl(styles$6.withTheme(styles$6.withStyles(styles$3)(reactRedux.connect(mapStateToProps$g, mapDispatchToProps$g)(AdvancedFiltersDialog))));
 
 function PayrollStatusPicker(_ref) {
   var required = _ref.required,
@@ -1842,7 +1872,7 @@ function PaymentMethodPicker(_ref) {
     required: required
   });
 }
-var mapStateToProps$e = function mapStateToProps(state) {
+var mapStateToProps$f = function mapStateToProps(state) {
   return {
     rights: !!state.core && !!state.core.user && !!state.core.user.i_user ? state.core.user.i_user.rights : [],
     confirmed: state.core.confirmed,
@@ -1852,12 +1882,12 @@ var mapStateToProps$e = function mapStateToProps(state) {
     paymentMethods: state.payroll.paymentMethods
   };
 };
-var mapDispatchToProps$e = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$f = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPaymentMethods: fetchPaymentMethods
   }, dispatch);
 };
-var PaymentMethodPicker$1 = reactRedux.connect(mapStateToProps$e, mapDispatchToProps$e)(PaymentMethodPicker);
+var PaymentMethodPicker$1 = reactRedux.connect(mapStateToProps$f, mapDispatchToProps$f)(PaymentMethodPicker);
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -2226,16 +2256,16 @@ function PayrollPaymentDataUploadDialog(_ref) {
     disabled: !((_forms$paymentData = forms.paymentData) !== null && _forms$paymentData !== void 0 && _forms$paymentData.file && payrollUuid)
   }, feCore.formatMessage(intl, 'payroll', 'payroll.paymentData.upload.label'))))))));
 }
-var mapStateToProps$d = function mapStateToProps(state) {
+var mapStateToProps$e = function mapStateToProps(state) {
   return {
     rights: !!state.core && !!state.core.user && !!state.core.user.i_user ? state.core.user.i_user.rights : [],
     confirmed: state.core.confirmed
   };
 };
-var mapDispatchToProps$d = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$e = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({}, dispatch);
 };
-var PayrollPaymentDataUploadDialog$1 = reactIntl.injectIntl(styles$6.withTheme(styles$6.withStyles(styles$1)(reactRedux.connect(mapStateToProps$d, mapDispatchToProps$d)(PayrollPaymentDataUploadDialog))));
+var PayrollPaymentDataUploadDialog$1 = reactIntl.injectIntl(styles$6.withTheme(styles$6.withStyles(styles$1)(reactRedux.connect(mapStateToProps$e, mapDispatchToProps$e)(PayrollPaymentDataUploadDialog))));
 
 var useStyles$d = styles$7.makeStyles(function (theme) {
   return {
@@ -2500,15 +2530,15 @@ function AdditionalFieldsDialog(_ref) {
     }
   }))))));
 }
-var mapStateToProps$c = function mapStateToProps(state) {
+var mapStateToProps$d = function mapStateToProps(state) {
   return {
     rights: !!state.core && !!state.core.user && !!state.core.user.i_user ? state.core.user.i_user.rights : []
   };
 };
-var mapDispatchToProps$c = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$d = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({}, dispatch);
 };
-var AdditionalFieldsDialog$1 = reactIntl.injectIntl(styles$6.withTheme(styles$6.withStyles(styles)(reactRedux.connect(mapStateToProps$c, mapDispatchToProps$c)(AdditionalFieldsDialog))));
+var AdditionalFieldsDialog$1 = reactIntl.injectIntl(styles$6.withTheme(styles$6.withStyles(styles)(reactRedux.connect(mapStateToProps$d, mapDispatchToProps$d)(AdditionalFieldsDialog))));
 
 /* eslint-disable max-len */
 var useStyles$c = styles$7.makeStyles(function () {
@@ -2882,7 +2912,7 @@ function BenefitConsumptionSearcherModal(_ref) {
     benefitAttachments: benefitAttachments
   }))));
 }
-var mapStateToProps$b = function mapStateToProps(state) {
+var mapStateToProps$c = function mapStateToProps(state) {
   return {
     fetchingBenefitAttachments: state.payroll.fetchingBenefitAttachments,
     fetchedBenefitAttachments: state.payroll.fetchedBenefitAttachments,
@@ -2892,13 +2922,13 @@ var mapStateToProps$b = function mapStateToProps(state) {
     benefitAttachmentsTotalCount: state.payroll.benefitAttachmentsTotalCount
   };
 };
-var mapDispatchToProps$b = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$c = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchBenefitAttachments: fetchBenefitAttachments,
     deleteBenefitConsumption: deleteBenefitConsumption
   }, dispatch);
 };
-var BenefitConsumptionSearcherModal$1 = reactRedux.connect(mapStateToProps$b, mapDispatchToProps$b)(BenefitConsumptionSearcherModal);
+var BenefitConsumptionSearcherModal$1 = reactRedux.connect(mapStateToProps$c, mapDispatchToProps$c)(BenefitConsumptionSearcherModal);
 
 function downloadPayroll(payrollId, payrollFileName) {
   var blank = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -3166,14 +3196,14 @@ function PaymentApproveForPaymentDialog(_ref) {
     }
   }, formatMessage('payroll.summary.close')))))));
 }
-var mapStateToProps$a = function mapStateToProps(state) {
+var mapStateToProps$b = function mapStateToProps(state) {
   return {
     rights: !!state.core && !!state.core.user && !!state.core.user.i_user ? state.core.user.i_user.rights : [],
     confirmed: state.core.confirmed,
     payroll: state.payroll.payroll
   };
 };
-var mapDispatchToProps$a = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$b = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     closePayroll: closePayroll,
     rejectPayroll: rejectPayroll,
@@ -3181,7 +3211,7 @@ var mapDispatchToProps$a = function mapDispatchToProps(dispatch) {
     makePaymentForPayroll: makePaymentForPayroll
   }, dispatch);
 };
-var PaymentApproveForPaymentSummary = reactRedux.connect(mapStateToProps$a, mapDispatchToProps$a)(PaymentApproveForPaymentDialog);
+var PaymentApproveForPaymentSummary = reactRedux.connect(mapStateToProps$b, mapDispatchToProps$b)(PaymentApproveForPaymentDialog);
 
 var useStyles$b = styles$7.makeStyles(function (theme) {
   return {
@@ -3450,7 +3480,7 @@ function PayrollPage(_ref) {
     benefitPlanId: benefitPlanId
   }));
 }
-var mapDispatchToProps$9 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$a = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayroll: fetchPayroll,
     createPayroll: createPayroll,
@@ -3460,7 +3490,7 @@ var mapDispatchToProps$9 = function mapDispatchToProps(dispatch) {
     journalize: feCore.journalize
   }, dispatch);
 };
-var mapStateToProps$9 = function mapStateToProps(state, props) {
+var mapStateToProps$a = function mapStateToProps(state, props) {
   var _props$match, _props$match2, _props$match3, _props$match4, _state$core$user$i_us, _state$core;
   return {
     statePayrollUuid: (props === null || props === void 0 || (_props$match = props.match) === null || _props$match === void 0 || (_props$match = _props$match.params) === null || _props$match === void 0 ? void 0 : _props$match.payroll_uuid) === 'null' ? null : props === null || props === void 0 || (_props$match2 = props.match) === null || _props$match2 === void 0 ? void 0 : _props$match2.params.payroll_uuid,
@@ -3473,7 +3503,7 @@ var mapStateToProps$9 = function mapStateToProps(state, props) {
     payroll: state.payroll.payroll
   };
 };
-var PayrollPage$1 = reactRedux.connect(mapStateToProps$9, mapDispatchToProps$9)(PayrollPage);
+var PayrollPage$1 = reactRedux.connect(mapStateToProps$a, mapDispatchToProps$a)(PayrollPage);
 
 var useStyles$9 = styles$7.makeStyles(function (theme) {
   return {
@@ -3808,7 +3838,7 @@ function PayrollSearcher(_ref) {
     rowLocked: isRowDisabled
   });
 }
-var mapStateToProps$8 = function mapStateToProps(state) {
+var mapStateToProps$9 = function mapStateToProps(state) {
   return {
     fetchingPayrolls: state.payroll.fetchingPayrolls,
     fetchedPayrolls: state.payroll.fetchedPayrolls,
@@ -3821,7 +3851,7 @@ var mapStateToProps$8 = function mapStateToProps(state) {
     mutation: state.payroll.mutation
   };
 };
-var mapDispatchToProps$8 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$9 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayrolls: fetchPayrolls,
     deletePayrolls: deletePayrolls,
@@ -3830,7 +3860,7 @@ var mapDispatchToProps$8 = function mapDispatchToProps(dispatch) {
     coreConfirm: feCore.coreConfirm
   }, dispatch);
 };
-var PayrollSearcher$1 = reactRedux.connect(mapStateToProps$8, mapDispatchToProps$8)(PayrollSearcher);
+var PayrollSearcher$1 = reactRedux.connect(mapStateToProps$9, mapDispatchToProps$9)(PayrollSearcher);
 
 var useStyles$8 = styles$7.makeStyles(function (theme) {
   return {
@@ -3947,7 +3977,7 @@ function PayrollPaymentFilesSearcher(_ref) {
     defaultFilters: defaultFilters()
   });
 }
-var mapStateToProps$7 = function mapStateToProps(state) {
+var mapStateToProps$8 = function mapStateToProps(state) {
   return {
     fetchingPayrollFiles: state.payroll.fetchingPayrollFiles,
     fetchedPayrollFiles: state.payroll.fetchedPayrollFiles,
@@ -3957,12 +3987,12 @@ var mapStateToProps$7 = function mapStateToProps(state) {
     totalCount: state.payroll.payrollFilesTotalCount
   };
 };
-var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$8 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayrollPaymentFiles: fetchPayrollPaymentFiles
   }, dispatch);
 };
-var PayrollPaymentFilesSearcher$1 = reactRedux.connect(mapStateToProps$7, mapDispatchToProps$7)(PayrollPaymentFilesSearcher);
+var PayrollPaymentFilesSearcher$1 = reactRedux.connect(mapStateToProps$8, mapDispatchToProps$8)(PayrollPaymentFilesSearcher);
 
 function PayrollReconciliationFilesDialog(_ref) {
   var payroll = _ref.payroll,
@@ -4174,7 +4204,7 @@ function PayrollSearcherApproved(_ref) {
     defaultFilters: defaultFilters()
   });
 }
-var mapStateToProps$6 = function mapStateToProps(state) {
+var mapStateToProps$7 = function mapStateToProps(state) {
   return {
     fetchingPayrolls: state.payroll.fetchingPayrolls,
     fetchedPayrolls: state.payroll.fetchedPayrolls,
@@ -4187,7 +4217,7 @@ var mapStateToProps$6 = function mapStateToProps(state) {
     mutation: state.payroll.mutation
   };
 };
-var mapDispatchToProps$6 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayrolls: fetchPayrolls,
     journalize: feCore.journalize,
@@ -4195,7 +4225,7 @@ var mapDispatchToProps$6 = function mapDispatchToProps(dispatch) {
     coreConfirm: feCore.coreConfirm
   }, dispatch);
 };
-var PayrollSearcherApproved$1 = reactRedux.connect(mapStateToProps$6, mapDispatchToProps$6)(PayrollSearcherApproved);
+var PayrollSearcherApproved$1 = reactRedux.connect(mapStateToProps$7, mapDispatchToProps$7)(PayrollSearcherApproved);
 
 var useStyles$7 = styles$7.makeStyles(function (theme) {
   return {
@@ -4426,19 +4456,19 @@ function PaymentReconcilationSummarytDialog(_ref) {
     }
   }, formatMessage('payroll.summary.close')))))));
 }
-var mapStateToProps$5 = function mapStateToProps(state) {
+var mapStateToProps$6 = function mapStateToProps(state) {
   return {
     rights: !!state.core && !!state.core.user && !!state.core.user.i_user ? state.core.user.i_user.rights : [],
     confirmed: state.core.confirmed,
     payroll: state.payroll.payroll
   };
 };
-var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$6 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayroll: fetchPayroll
   }, dispatch);
 };
-var PaymentReconciliationSummaryDialog = reactRedux.connect(mapStateToProps$5, mapDispatchToProps$5)(PaymentReconcilationSummarytDialog);
+var PaymentReconciliationSummaryDialog = reactRedux.connect(mapStateToProps$6, mapDispatchToProps$6)(PaymentReconcilationSummarytDialog);
 
 function PayrollSearcherReconciled(_ref) {
   var fetchingPayrolls = _ref.fetchingPayrolls,
@@ -4583,7 +4613,7 @@ function PayrollSearcherReconciled(_ref) {
     defaultFilters: defaultFilters()
   });
 }
-var mapStateToProps$4 = function mapStateToProps(state) {
+var mapStateToProps$5 = function mapStateToProps(state) {
   return {
     fetchingPayrolls: state.payroll.fetchingPayrolls,
     fetchedPayrolls: state.payroll.fetchedPayrolls,
@@ -4596,7 +4626,7 @@ var mapStateToProps$4 = function mapStateToProps(state) {
     mutation: state.payroll.mutation
   };
 };
-var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayrolls: fetchPayrolls,
     journalize: feCore.journalize,
@@ -4604,7 +4634,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
     coreConfirm: feCore.coreConfirm
   }, dispatch);
 };
-var PayrollSearcherReconciled$1 = reactRedux.connect(mapStateToProps$4, mapDispatchToProps$4)(PayrollSearcherReconciled);
+var PayrollSearcherReconciled$1 = reactRedux.connect(mapStateToProps$5, mapDispatchToProps$5)(PayrollSearcherReconciled);
 
 var useStyles$6 = styles$7.makeStyles(function (theme) {
   return {
@@ -5094,7 +5124,7 @@ function BenefitConsumptionPayrollSearcher(_ref) {
     defaultFilters: defaultFilters()
   }));
 }
-var mapStateToProps$3 = function mapStateToProps(state) {
+var mapStateToProps$4 = function mapStateToProps(state) {
   return {
     fetchingPayrollBenefitConsumptions: state.payroll.fetchingPayrollBenefitConsumptions,
     fetchedPayrollBenefitConsumptions: state.payroll.fetchedPayrollBenefitConsumptions,
@@ -5108,13 +5138,13 @@ var mapStateToProps$3 = function mapStateToProps(state) {
     benefitsSummary: state.payroll.benefitsSummary
   };
 };
-var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchPayrollBenefitConsumptions: fetchPayrollBenefitConsumptions,
     fetchBenefitsSummary: fetchBenefitsSummary
   }, dispatch);
 };
-var BenefitConsumptionPayrollSearcher$1 = reactRedux.connect(mapStateToProps$3, mapDispatchToProps$3)(BenefitConsumptionPayrollSearcher);
+var BenefitConsumptionPayrollSearcher$1 = reactRedux.connect(mapStateToProps$4, mapDispatchToProps$4)(BenefitConsumptionPayrollSearcher);
 
 var PayrollTaskTableHeaders = function PayrollTaskTableHeaders() {
   return [EMPTY_STRING];
@@ -5642,7 +5672,7 @@ function BenefitConsumptionSearcher(_ref) {
     benefitConsumptions: benefitConsumptions
   }))));
 }
-var mapStateToProps$2 = function mapStateToProps(state) {
+var mapStateToProps$3 = function mapStateToProps(state) {
   return {
     fetchingBenefitConsumptions: state.payroll.fetchingBenefitConsumptions,
     fetchedBenefitConsumptions: state.payroll.fetchedBenefitConsumptions,
@@ -5652,12 +5682,12 @@ var mapStateToProps$2 = function mapStateToProps(state) {
     benefitConsumptionsTotalCount: state.payroll.benefitConsumptionsTotalCount
   };
 };
-var mapDispatchToProps$2 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
   return redux.bindActionCreators({
     fetchBenefitConsumptions: fetchBenefitConsumptions
   }, dispatch);
 };
-var BenefitConsumptionSearcher$1 = reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(BenefitConsumptionSearcher);
+var BenefitConsumptionSearcher$1 = reactRedux.connect(mapStateToProps$3, mapDispatchToProps$3)(BenefitConsumptionSearcher);
 
 function BenefitConsumptionsTabLabel(_ref) {
   var onChange = _ref.onChange,
@@ -5849,59 +5879,28 @@ function BistpMetric(_ref2) {
   }, value)));
 }
 function BistpPaymentStatusPanel(_ref3) {
+  var _bistpSummary$total, _bistpSummary$confirm, _bistpSummary$pendent, _bistpSummary$rejeita, _bistpSummary$enviado;
   var value = _ref3.value,
     payrollUuid = _ref3.payrollUuid,
-    payroll = _ref3.payroll;
+    payroll = _ref3.payroll,
+    fetchBistpSummary = _ref3.fetchBistpSummary,
+    bistpSummary = _ref3.bistpSummary;
   var classes = useStyles$2();
   var modulesManager = feCore.useModulesManager();
   var _useTranslations2 = feCore.useTranslations(MODULE_NAME, modulesManager),
     formatMessage = _useTranslations2.formatMessage;
-  var _useState = React.useState({
-      total: 0,
-      pendentes: 0,
-      enviados: 0,
-      confirmados: 0,
-      rejeitados: 0
-    }),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    summary = _useState2[0],
-    setSummary = _useState2[1];
   React.useEffect(function () {
     if (payrollUuid) {
-      var query = "\n        query ResumoPagamentos($payrollId: UUID!) {\n          total:       benefitConsumptionByPayroll(payrollUuid: $payrollId, first: 0) { totalCount }\n          pendentes:   benefitConsumptionByPayroll(payrollUuid: $payrollId, status: \"ACCEPTED\", first: 0) { totalCount }\n          enviados:    benefitConsumptionByPayroll(payrollUuid: $payrollId, status: \"APPROVE_FOR_PAYMENT\", first: 0) { totalCount }\n          confirmados: benefitConsumptionByPayroll(payrollUuid: $payrollId, status: \"RECONCILED\", first: 0) { totalCount }\n          rejeitados:  benefitConsumptionByPayroll(payrollUuid: $payrollId, status: \"REJECTED\", first: 0) { totalCount }\n        }\n      ";
-
-      // Using fetch directly as suggested in the guide to avoid Redux complications for a simple summary
-      fetch('/api/graphql', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Authorization': "Bearer ".concat(localStorage.getItem('token'))
-        },
-        body: JSON.stringify({
-          query: query,
-          variables: {
-            payrollId: payrollUuid
-          }
-        })
-      }).then(function (response) {
-        return response.json();
-      }).then(function (result) {
-        if (result.data) {
-          setSummary({
-            total: result.data.total.totalCount,
-            pendentes: result.data.pendentes.totalCount,
-            enviados: result.data.enviados.totalCount,
-            confirmados: result.data.confirmados.totalCount,
-            rejeitados: result.data.rejeitados.totalCount
-          });
-        }
-      });
+      fetchBistpSummary(payrollUuid);
     }
   }, [payrollUuid]);
   if ((payroll === null || payroll === void 0 ? void 0 : payroll.paymentMethod) !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT) return null;
-  var total = summary.total || 0;
-  var reconciled = summary.confirmados || 0;
-  var progress = total > 0 ? Math.min(reconciled / total * 100, 100) : 0;
+  var total = (bistpSummary === null || bistpSummary === void 0 || (_bistpSummary$total = bistpSummary.total) === null || _bistpSummary$total === void 0 ? void 0 : _bistpSummary$total.totalCount) || 0;
+  var confirmados = (bistpSummary === null || bistpSummary === void 0 || (_bistpSummary$confirm = bistpSummary.confirmados) === null || _bistpSummary$confirm === void 0 ? void 0 : _bistpSummary$confirm.totalCount) || 0;
+  var pendentes = (bistpSummary === null || bistpSummary === void 0 || (_bistpSummary$pendent = bistpSummary.pendentes) === null || _bistpSummary$pendent === void 0 ? void 0 : _bistpSummary$pendent.totalCount) || 0;
+  var rejeitados = (bistpSummary === null || bistpSummary === void 0 || (_bistpSummary$rejeita = bistpSummary.rejeitados) === null || _bistpSummary$rejeita === void 0 ? void 0 : _bistpSummary$rejeita.totalCount) || 0;
+  var enviados = (bistpSummary === null || bistpSummary === void 0 || (_bistpSummary$enviado = bistpSummary.enviados) === null || _bistpSummary$enviado === void 0 ? void 0 : _bistpSummary$enviado.totalCount) || 0;
+  var progress = total > 0 ? Math.min(confirmados / total * 100, 100) : 0;
   return /*#__PURE__*/React__default["default"].createElement(feCore.PublishedComponent, {
     pubRef: "policyHolder.TabPanel",
     module: "payroll",
@@ -5921,28 +5920,39 @@ function BistpPaymentStatusPanel(_ref3) {
   }), /*#__PURE__*/React__default["default"].createElement(BistpMetric, {
     classes: classes,
     label: formatMessage('payroll.bistp.status.reconciled'),
-    value: summary.confirmados || 0
+    value: confirmados
   }), /*#__PURE__*/React__default["default"].createElement(BistpMetric, {
     classes: classes,
     label: formatMessage('payroll.bistp.status.pending'),
-    value: summary.pendentes || 0
+    value: pendentes
   }), /*#__PURE__*/React__default["default"].createElement(BistpMetric, {
     classes: classes,
     label: formatMessage('payroll.bistp.status.rejected'),
-    value: summary.rejeitados || 0
+    value: rejeitados
   }), /*#__PURE__*/React__default["default"].createElement(BistpMetric, {
     classes: classes,
     label: formatMessage('payroll.bistp.status.enviados'),
-    value: summary.enviados || 0
+    value: enviados
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.progress
   }, /*#__PURE__*/React__default["default"].createElement(core.Typography, {
     variant: "body2"
-  }, formatMessage('payroll.bistp.progress'), ": ", reconciled, "/", total), /*#__PURE__*/React__default["default"].createElement(core.LinearProgress, {
+  }, formatMessage('payroll.bistp.progress'), ": ", confirmados, "/", total), /*#__PURE__*/React__default["default"].createElement(core.LinearProgress, {
     variant: "determinate",
     value: progress
   })))));
 }
+var mapStateToProps$2 = function mapStateToProps(state) {
+  return {
+    bistpSummary: state.payroll.bistpSummary
+  };
+};
+var mapDispatchToProps$2 = function mapDispatchToProps(dispatch) {
+  return redux.bindActionCreators({
+    fetchBistpSummary: fetchBistpSummary
+  }, dispatch);
+};
+var BistpPaymentStatusPanel$1 = reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(BistpPaymentStatusPanel);
 
 function PaymentPendingPayrollPaymentDialog(_ref) {
   var _payrollDetail$id;
@@ -7101,7 +7111,7 @@ var DEFAULT_CONFIG = {
     id: 'legalAndFinance.beneficiariesManagement'
   }],
   'payroll.TabPanel.label': [BenefitConsumptionsTabLabel, PayrollTaskTabLabel, PayrollPaymentFilesTabLabel, BistpPaymentStatusTabLabel],
-  'payroll.TabPanel.panel': [BenefitConsumptionsTabPanel, PayrollTaskTabPanel, PayrollPaymentFilesTabPanel, BistpPaymentStatusPanel],
+  'payroll.TabPanel.panel': [BenefitConsumptionsTabPanel, PayrollTaskTabPanel, PayrollPaymentFilesTabPanel, BistpPaymentStatusPanel$1],
   'tasksManagement.tasks': [{
     text: /*#__PURE__*/React__default["default"].createElement(feCore.FormattedMessage, {
       module: "payroll",