@stssocialst-stp/fe-payroll 0.3.6 → 0.3.8

package/dist/index.es.js

@@ -23,12 +23,12 @@ import _debounce from 'lodash/debounce';
 import Button from '@material-ui/core/Button';
 import _ from 'lodash';
 import _extends from '@babel/runtime/helpers/extends';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogTitle from '@material-ui/core/DialogTitle';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Typography$1 from '@material-ui/core/Typography';
 import { useReactToPrint } from 'react-to-print';
 import PrintIcon from '@material-ui/icons/Print';
@@ -152,6 +152,7 @@ var ACTION_TYPE = {
   CLOSE_PAYROLL: 'PAYROLL_MUTATION_CLOSE_PAYROLL',
   REJECT_PAYROLL: 'PAYROLL_MUTATION_REJECT_PAYROLL',
   MAKE_PAYMENT_PAYROLL: 'PAYROLL_MUTATION_MAKE_PAYMENT_PAYROLL',
+  UPDATE_PAYROLL_PAYMENT_DATE: 'PAYROLL_MUTATION_UPDATE_PAYROLL_PAYMENT_DATE',
   GET_PAYROLL_PAYMENT_FILES: 'GET_PAYROLL_PAYMENT_FILES',
   BENEFITS_SUMMARY: 'PAYROLL_BENEFITS_SUMMARY',
   GET_BISTP_SUMMARY: 'PAYROLL_BISTP_SUMMARY',
@@ -168,7 +169,8 @@ var MUTATION_SERVICE = {
     DELETE: 'deletePayroll',
     CLOSE: 'closePayroll',
     REJECT: 'rejectPayroll',
-    MAKE_PAYMENT: 'makePaymentForPayroll'
+    MAKE_PAYMENT: 'makePaymentForPayroll',
+    UPDATE_PAYMENT_DATE: 'updatePayrollPaymentDate'
   },
   BENEFIT_CONSUMPTION: {
     DELETE: 'deleteBenefitConsumption'
@@ -338,7 +340,8 @@ function reducer() {
           return _objectSpread$6(_objectSpread$6({}, payroll), {}, {
             id: decodeId(payroll.id),
             dateValidTo: payroll !== null && payroll !== void 0 && payroll.dateValidTo ? payroll === null || payroll === void 0 ? void 0 : payroll.dateValidTo.split('T')[0] : null,
-            dateValidFrom: payroll !== null && payroll !== void 0 && payroll.dateValidFrom ? payroll === null || payroll === void 0 ? void 0 : payroll.dateValidFrom.split('T')[0] : null
+            dateValidFrom: payroll !== null && payroll !== void 0 && payroll.dateValidFrom ? payroll === null || payroll === void 0 ? void 0 : payroll.dateValidFrom.split('T')[0] : null,
+            paymentDate: payroll !== null && payroll !== void 0 && payroll.paymentDate ? payroll === null || payroll === void 0 ? void 0 : payroll.paymentDate.split('T')[0] : null
           });
         })) === null || _parseData4 === void 0 ? void 0 : _parseData4[0],
         errorPayroll: formatGraphQLError(action.payload)
@@ -553,6 +556,8 @@ function reducer() {
       return dispatchMutationResp(state, MUTATION_SERVICE.PAYMENT_POINT.UPDATE, action);
     case SUCCESS(ACTION_TYPE.CREATE_PAYROLL):
       return dispatchMutationResp(state, MUTATION_SERVICE.PAYROLL.CREATE, action);
+    case SUCCESS(ACTION_TYPE.UPDATE_PAYROLL_PAYMENT_DATE):
+      return dispatchMutationResp(state, MUTATION_SERVICE.PAYROLL.UPDATE_PAYMENT_DATE, action);
     case SUCCESS(ACTION_TYPE.DELETE_PAYROLL):
       return dispatchMutationResp(state, MUTATION_SERVICE.PAYROLL.DELETE, action);
     case SUCCESS(ACTION_TYPE.DELETE_BENEFIT_CONSUMPTION):
@@ -644,6 +649,14 @@ var messages_en = {
 	"payroll.payroll.payrollStatusPicker.REJECTED": "REJECTED",
 	"payroll.payroll.payrollStatusPicker.RECONCILED": "RECONCILED",
 	"payroll.paymentMethod": "Payment Method",
+	"payroll.paymentDate": "Payment Date",
+	"payroll.paymentDateFrom": "Payment Date From",
+	"payroll.paymentDateTo": "Payment Date To",
+	"payroll.paymentDate.update": "Update Payment Date",
+	"payroll.paymentDate.mutation.updateLabel": "Update payment date {id}",
+	"payroll.validation.payroll.payment_date_required": "Payment date is required for BISTP payments.",
+	"payroll.validation.payroll.payment_date_in_past": "Payment date cannot be in the past.",
+	"payroll.validation.payroll.payment_date_locked": "Payment date can no longer be changed (payroll already sent to BISTP).",
 	"payroll.tasks.update.title": "Approve Payroll Tasks",
 	"payroll.tasks.reconciliation.title": "Payroll Reconciliation Tasks",
 	"payroll.payroll.includedUnpaid": "Included unpaid",
@@ -758,12 +771,12 @@ 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'))];
 };
 var BENEFIT_CONSUMPTION_PROJECTION = function BENEFIT_CONSUMPTION_PROJECTION() {
-  return ['id', 'jsonExt', 'code', 'individual {firstName, lastName, nib}', 'benefitAttachment {bill {id, code, terms, amountTotal, datePayed}}', 'receipt', 'photo', 'amount', 'type', 'status', 'dateDue'];
+  return ['id', 'jsonExt', 'code', 'individual {firstName, lastName, nib}', 'benefitAttachment {bill {id, code, terms, amountTotal, datePayed}}', 'receipt', 'photo', 'amount', 'type', 'status', 'dateDue', 'paymentDate'];
 };
 var PAYROLL_BENEFIT_CONSUMPTION_PROJECTION = function PAYROLL_BENEFIT_CONSUMPTION_PROJECTION() {
   return ['id',
   // eslint-disable-next-line max-len
-  'benefit{id,isDeleted,jsonExt,dateCreated,dateUpdated,dateValidFrom,dateValidTo,id,code,individual {firstName, lastName},benefitAttachment {bill {id, code, terms, datePayed}},receipt,photo,amount,type,status,dateDue}', 'payroll {id, name, status, paymentCycle {code, startDate, endDate}, paymentMethod, benefitPlanNameCode}'];
+  'benefit{id,isDeleted,jsonExt,dateCreated,dateUpdated,dateValidFrom,dateValidTo,id,code,individual {firstName, lastName},benefitAttachment {bill {id, code, terms, datePayed}},receipt,photo,amount,type,status,dateDue,paymentDate}', 'payroll {id, name, status, paymentCycle {code, startDate, endDate}, paymentMethod, paymentDate, benefitPlanNameCode}'];
 };
 var BENEFIT_CONSUMPTION_SUMMARY_PROJECTION = function BENEFIT_CONSUMPTION_SUMMARY_PROJECTION() {
   return ['totalAmountReceived', 'totalAmountDue'];
@@ -775,10 +788,10 @@ 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'].concat(_toConsumableArray(BISTP_SUMMARY_PROJECTION()));
+  return ['id', 'name', 'paymentMethod', 'paymentDate', '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'].concat(_toConsumableArray(BISTP_SUMMARY_PROJECTION()));
+  return ['id', 'name', 'paymentMethod', 'paymentDate', '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'];
@@ -790,7 +803,7 @@ var formatPaymentPointGQL = function formatPaymentPointGQL(paymentPoint) {
   return "\n  ".concat(paymentPoint !== null && paymentPoint !== void 0 && paymentPoint.id ? "id: \"".concat(paymentPoint.id, "\"") : '', "\n  ").concat(paymentPoint !== null && paymentPoint !== void 0 && paymentPoint.name ? "name: \"".concat(formatGQLString(paymentPoint.name), "\"") : '', "\n  ").concat(paymentPoint !== null && paymentPoint !== void 0 && paymentPoint.location ? "locationId: ".concat(decodeId(paymentPoint.location.id)) : '', "\n  ").concat(paymentPoint !== null && paymentPoint !== void 0 && paymentPoint.ppm ? "ppmId: \"".concat(decodeId(paymentPoint.ppm.id), "\"") : '', "\n  ");
 };
 var formatPayrollGQL = function formatPayrollGQL(payroll) {
-  return "\n  ".concat(payroll !== null && payroll !== void 0 && payroll.id ? "id: \"".concat(payroll.id, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.name ? "name: \"".concat(formatGQLString(payroll.name), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentPoint ? "paymentPointId: \"".concat(decodeId(payroll.paymentPoint.id), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentPlan ? "paymentPlanId: \"".concat(decodeId(payroll.paymentPlan.id), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentCycle ? "paymentCycleId: \"".concat(decodeId(payroll.paymentCycle.id), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentMethod ? "paymentMethod: \"".concat(payroll.paymentMethod, "\"") : '', "\n  ", "status: ".concat(PAYROLL_STATUS.PENDING_APPROVAL), "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.jsonExt ? "jsonExt: ".concat(JSON.stringify(payroll.jsonExt)) : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.dateValidFrom ? "dateValidFrom: \"".concat(payroll.dateValidFrom, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.dateValidTo ? "dateValidTo: \"".concat(payroll.dateValidTo, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.fromFailedInvoicesPayrollId ? "fromFailedInvoicesPayrollId: \"".concat(payroll.fromFailedInvoicesPayrollId, "\"") : '', "\n  ");
+  return "\n  ".concat(payroll !== null && payroll !== void 0 && payroll.id ? "id: \"".concat(payroll.id, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.name ? "name: \"".concat(formatGQLString(payroll.name), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentPoint ? "paymentPointId: \"".concat(decodeId(payroll.paymentPoint.id), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentPlan ? "paymentPlanId: \"".concat(decodeId(payroll.paymentPlan.id), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentCycle ? "paymentCycleId: \"".concat(decodeId(payroll.paymentCycle.id), "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentMethod ? "paymentMethod: \"".concat(payroll.paymentMethod, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.paymentDate ? "paymentDate: \"".concat(payroll.paymentDate, "\"") : '', "\n  ", "status: ".concat(PAYROLL_STATUS.PENDING_APPROVAL), "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.jsonExt ? "jsonExt: ".concat(JSON.stringify(payroll.jsonExt)) : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.dateValidFrom ? "dateValidFrom: \"".concat(payroll.dateValidFrom, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.dateValidTo ? "dateValidTo: \"".concat(payroll.dateValidTo, "\"") : '', "\n  ").concat(payroll !== null && payroll !== void 0 && payroll.fromFailedInvoicesPayrollId ? "fromFailedInvoicesPayrollId: \"".concat(payroll.fromFailedInvoicesPayrollId, "\"") : '', "\n  ");
 };
 var PERFORM_MUTATION = function PERFORM_MUTATION(mutationType, mutationInput, ACTION, clientMutationLabel) {
   var mutation = formatMutation(mutationType, mutationInput, clientMutationLabel);
@@ -892,6 +905,10 @@ 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 updatePayrollPaymentDate(payroll, paymentDate, clientMutationLabel) {
+  var mutationInput = "\n    id: \"".concat(payroll === null || payroll === void 0 ? void 0 : payroll.id, "\"\n    paymentDate: \"").concat(paymentDate, "\"\n  ");
+  return PERFORM_MUTATION(MUTATION_SERVICE.PAYROLL.UPDATE_PAYMENT_DATE, mutationInput, ACTION_TYPE.UPDATE_PAYROLL_PAYMENT_DATE, clientMutationLabel);
+}
 function fetchBistpSummary(payrollId) {
   var query = "\n    {\n      total:       benefitConsumptionByPayroll(payrollUuid: \"".concat(payrollId, "\", first: 0) { totalCount }\n      pendentes:   benefitConsumptionByPayroll(payrollUuid: \"").concat(payrollId, "\", status: ACCEPTED, first: 0) { totalCount }\n      enviados:    benefitConsumptionByPayroll(payrollUuid: \"").concat(payrollId, "\", status: APPROVE_FOR_PAYMENT, first: 0) { totalCount }\n      confirmados: benefitConsumptionByPayroll(payrollUuid: \"").concat(payrollId, "\", status: RECONCILED, first: 0) { totalCount }\n      rejeitados:  benefitConsumptionByPayroll(payrollUuid: \"").concat(payrollId, "\", status: REJECTED, first: 0) { totalCount }\n    }\n  ");
   return graphql(query, ACTION_TYPE.GET_BISTP_SUMMARY);
@@ -1108,7 +1125,7 @@ function PaymentPointPage(_ref) {
     saveTooltip: formatMessage('tooltip.save')
   })));
 }
-var mapDispatchToProps$i = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$j = function mapDispatchToProps(dispatch) {
   return bindActionCreators({
     clearPaymentPoint: clearPaymentPoint,
     createPaymentPoint: createPaymentPoint,
@@ -1120,7 +1137,7 @@ var mapDispatchToProps$i = function mapDispatchToProps(dispatch) {
     journalize: journalize
   }, dispatch);
 };
-var mapStateToProps$i = function mapStateToProps(state, props) {
+var mapStateToProps$j = function mapStateToProps(state, props) {
   var _state$core$user$i_us, _state$core;
   return {
     paymentPointUuid: props.match.params.payment_point_uuid,
@@ -1131,7 +1148,7 @@ var mapStateToProps$i = function mapStateToProps(state, props) {
     paymentPoint: state.payroll.paymentPoint
   };
 };
-var PaymentPointPage$1 = connect(mapStateToProps$i, mapDispatchToProps$i)(PaymentPointPage);
+var PaymentPointPage$1 = connect(mapStateToProps$j, mapDispatchToProps$j)(PaymentPointPage);
 
 var useStyles$f = makeStyles(function (theme) {
   return {
@@ -1396,7 +1413,7 @@ function PaymentPointSearcher(_ref) {
     rowLocked: isRowDisabled
   });
 }
-var mapStateToProps$h = function mapStateToProps(state) {
+var mapStateToProps$i = function mapStateToProps(state) {
   return {
     fetchingPaymentPoints: state.payroll.fetchingPaymentPoints,
     fetchedPaymentPoints: state.payroll.fetchedPaymentPoints,
@@ -1409,7 +1426,7 @@ var mapStateToProps$h = function mapStateToProps(state) {
     mutation: state.payroll.mutation
   };
 };
-var mapDispatchToProps$h = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$i = function mapDispatchToProps(dispatch) {
   return bindActionCreators({
     fetchPaymentPoints: fetchPaymentPoints,
     deletePaymentPoint: deletePaymentPoint,
@@ -1418,7 +1435,7 @@ var mapDispatchToProps$h = function mapDispatchToProps(dispatch) {
     coreConfirm: coreConfirm
   }, dispatch);
 };
-var PaymentPointSearcher$1 = connect(mapStateToProps$h, mapDispatchToProps$h)(PaymentPointSearcher);
+var PaymentPointSearcher$1 = connect(mapStateToProps$i, mapDispatchToProps$i)(PaymentPointSearcher);
 
 var useStyles$e = makeStyles(function (theme) {
   return {
@@ -1748,7 +1765,7 @@ function AdvancedFiltersDialog(_ref) {
     disabled: !object || confirmed || readOnly
   }, formatMessage$1(intl, 'payroll', 'payroll.advancedFilters.button.filter')))) : /*#__PURE__*/React.createElement(React.Fragment, null)));
 }
-var mapStateToProps$g = function mapStateToProps(state, props) {
+var mapStateToProps$h = 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,
@@ -1758,12 +1775,12 @@ var mapStateToProps$g = function mapStateToProps(state, props) {
     customFilters: state.core.customFilters
   };
 };
-var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$h = function mapDispatchToProps(dispatch) {
   return bindActionCreators({
     fetchCustomFilter: fetchCustomFilter
   }, dispatch);
 };
-var AdvancedFiltersDialog$1 = injectIntl(withTheme(withStyles(styles$3)(connect(mapStateToProps$g, mapDispatchToProps$g)(AdvancedFiltersDialog))));
+var AdvancedFiltersDialog$1 = injectIntl(withTheme(withStyles(styles$3)(connect(mapStateToProps$h, mapDispatchToProps$h)(AdvancedFiltersDialog))));
 
 function PayrollStatusPicker(_ref) {
   var required = _ref.required,
@@ -1831,7 +1848,7 @@ function PaymentMethodPicker(_ref) {
     required: required
   });
 }
-var mapStateToProps$f = function mapStateToProps(state) {
+var mapStateToProps$g = 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,
@@ -1841,12 +1858,99 @@ var mapStateToProps$f = function mapStateToProps(state) {
     paymentMethods: state.payroll.paymentMethods
   };
 };
-var mapDispatchToProps$f = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
   return bindActionCreators({
     fetchPaymentMethods: fetchPaymentMethods
   }, dispatch);
 };
-var PaymentMethodPicker$1 = connect(mapStateToProps$f, mapDispatchToProps$f)(PaymentMethodPicker);
+var PaymentMethodPicker$1 = connect(mapStateToProps$g, mapDispatchToProps$g)(PaymentMethodPicker);
+
+var EDITABLE_STATUSES = [PAYROLL_STATUS.PENDING_APPROVAL, PAYROLL_STATUS.APPROVE_FOR_PAYMENT];
+function PayrollPaymentDateDialog(_ref) {
+  var payroll = _ref.payroll,
+    updatePayrollPaymentDate = _ref.updatePayrollPaymentDate,
+    fetchPayroll = _ref.fetchPayroll,
+    submittingMutation = _ref.submittingMutation,
+    mutation = _ref.mutation;
+  var modulesManager = useModulesManager();
+  var _useTranslations = useTranslations(MODULE_NAME, modulesManager),
+    formatMessage = _useTranslations.formatMessage,
+    formatMessageWithValues = _useTranslations.formatMessageWithValues;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    paymentDate = _useState4[0],
+    setPaymentDate = _useState4[1];
+  var handleOpen = function handleOpen() {
+    var _payroll$paymentDate;
+    setPaymentDate((_payroll$paymentDate = payroll === null || payroll === void 0 ? void 0 : payroll.paymentDate) !== null && _payroll$paymentDate !== void 0 ? _payroll$paymentDate : null);
+    setIsOpen(true);
+  };
+  var handleClose = function handleClose() {
+    setIsOpen(false);
+  };
+  var handleSave = function handleSave() {
+    if (!paymentDate) return;
+    updatePayrollPaymentDate(payroll, paymentDate, formatMessageWithValues('payroll.paymentDate.mutation.updateLabel', mutationLabel(payroll)));
+  };
+  useEffect(function () {
+    if (!submittingMutation && (mutation === null || mutation === void 0 ? void 0 : mutation.actionType) === ACTION_TYPE.UPDATE_PAYROLL_PAYMENT_DATE && mutation !== null && mutation !== void 0 && mutation.clientMutationId && isOpen) {
+      handleClose();
+      if (payroll !== null && payroll !== void 0 && payroll.id) {
+        fetchPayroll(modulesManager, ["id: \"".concat(payroll.id, "\"")]);
+      }
+    }
+  }, [submittingMutation]);
+  if (!(payroll !== null && payroll !== void 0 && payroll.id)) return null;
+  if (!EDITABLE_STATUSES.includes(payroll === null || payroll === void 0 ? void 0 : payroll.status)) return null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: handleOpen,
+    variant: "outlined",
+    color: "primary",
+    style: {
+      marginTop: '16px'
+    }
+  }, formatMessage('payroll.paymentDate.update')), /*#__PURE__*/React.createElement(Dialog, {
+    open: isOpen,
+    onClose: handleClose
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, formatMessage('payroll.paymentDate.update')), /*#__PURE__*/React.createElement(DialogContent, {
+    style: {
+      minWidth: 400
+    }
+  }, /*#__PURE__*/React.createElement(PublishedComponent, {
+    pubRef: "core.DatePicker",
+    module: "payroll",
+    label: "payroll.paymentDate",
+    value: paymentDate,
+    onChange: setPaymentDate,
+    required: true,
+    disablePast: true
+  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: handleClose,
+    color: "primary"
+  }, formatMessage('payroll.beneficiaries.cancel')), /*#__PURE__*/React.createElement(Button, {
+    onClick: handleSave,
+    color: "primary",
+    variant: "contained",
+    disabled: !paymentDate
+  }, formatMessage('payroll.beneficiaries.confirm')))));
+}
+var mapStateToProps$f = function mapStateToProps(state) {
+  return {
+    submittingMutation: state.payroll.submittingMutation,
+    mutation: state.payroll.mutation
+  };
+};
+var mapDispatchToProps$f = function mapDispatchToProps(dispatch) {
+  return bindActionCreators({
+    updatePayrollPaymentDate: updatePayrollPaymentDate,
+    fetchPayroll: fetchPayroll
+  }, dispatch);
+};
+var PayrollPaymentDateDialog$1 = connect(mapStateToProps$f, mapDispatchToProps$f)(PayrollPaymentDateDialog);
 
 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(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; }
@@ -2016,6 +2120,28 @@ var PayrollHeadPanel = /*#__PURE__*/function (_FormPanel) {
           return _this2.updateAttribute('paymentMethod', paymentMethod);
         },
         label: formatMessage$1(intl, 'payroll', 'paymentMethod')
+      })), /*#__PURE__*/React.createElement(Grid, {
+        item: true,
+        xs: 3,
+        className: classes.item
+      }, /*#__PURE__*/React.createElement(PublishedComponent, {
+        pubRef: "core.DatePicker",
+        module: "payroll",
+        label: "payroll.paymentDate",
+        value: payroll === null || payroll === void 0 ? void 0 : payroll.paymentDate,
+        required: (payroll === null || payroll === void 0 ? void 0 : payroll.paymentMethod) === PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT,
+        readOnly: readOnly,
+        disablePast: !readOnly,
+        onChange: function onChange(paymentDate) {
+          return _this2.updateAttribute('paymentDate', paymentDate);
+        }
+      })), readOnly && /*#__PURE__*/React.createElement(Grid, {
+        item: true,
+        xs: 3,
+        className: classes.item
+      }, /*#__PURE__*/React.createElement(PayrollPaymentDateDialog$1, {
+        payroll: payroll,
+        readOnly: readOnly
       }))), /*#__PURE__*/React.createElement(Divider, null), !isPayrollFromFailedInvoices && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, null, /*#__PURE__*/React.createElement("div", {
         className: classes.item
       }, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -3543,7 +3669,7 @@ function PayrollPage(_ref) {
     };
   }, []);
   var mandatoryFieldsEmpty = function mandatoryFieldsEmpty() {
-    if (editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.name && editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentPlan && editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentCycle && editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentMethod && !(editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.isDeleted)) return false;
+    if (editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.name && editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentPlan && editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentCycle && editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentMethod && ((editedPayroll === null || editedPayroll === void 0 ? void 0 : editedPayroll.paymentMethod) !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT || editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.paymentDate) && !(editedPayroll !== null && editedPayroll !== void 0 && editedPayroll.isDeleted)) return false;
     return true;
   };
   var canSave = function canSave() {
@@ -3735,6 +3861,38 @@ function PayrollFilter(_ref) {
         filter: "paymentMethod: \"".concat(value, "\"")
       }]);
     }
+  })), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 2,
+    className: classes.item
+  }, /*#__PURE__*/React.createElement(PublishedComponent, {
+    pubRef: "core.DatePicker",
+    module: "payroll",
+    label: "payroll.paymentDateFrom",
+    value: filterValue('paymentDate_Gte'),
+    onChange: function onChange(value) {
+      return onChangeFilters([{
+        id: 'paymentDate_Gte',
+        value: value,
+        filter: value ? "paymentDate_Gte: \"".concat(value, "\"") : EMPTY_STRING
+      }]);
+    }
+  })), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 2,
+    className: classes.item
+  }, /*#__PURE__*/React.createElement(PublishedComponent, {
+    pubRef: "core.DatePicker",
+    module: "payroll",
+    label: "payroll.paymentDateTo",
+    value: filterValue('paymentDate_Lte'),
+    onChange: function onChange(value) {
+      return onChangeFilters([{
+        id: 'paymentDate_Lte',
+        value: value,
+        filter: value ? "paymentDate_Lte: \"".concat(value, "\"") : EMPTY_STRING
+      }]);
+    }
   })), /*#__PURE__*/React.createElement(ControlledField, {
     module: "payroll",
     id: "payrollFilter.showHistory",
@@ -3819,10 +3977,10 @@ function PayrollSearcher(_ref) {
     prevSubmittingMutationRef.current = submittingMutation;
   });
   var headers = function headers() {
-    return ['payroll.name', 'payroll.benefitPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'payroll.bistp.progress', 'emptyLabel'];
+    return ['payroll.name', 'payroll.benefitPlan', 'payroll.paymentPoint', 'payroll.status', 'payroll.paymentMethod', 'payroll.paymentDate', 'payroll.bistp.progress', 'emptyLabel'];
   };
   var sorts = function sorts() {
-    return [['name', true], ['benefitPlanNameCode', true], ['paymentPoint', true], ['status', true], ['paymentMethod', true]];
+    return [['name', true], ['benefitPlanNameCode', true], ['paymentPoint', true], ['status', true], ['paymentMethod', true], ['paymentDate', true]];
   };
   var renderBistpProgress = function renderBistpProgress(payroll) {
     if (payroll.paymentMethod !== PAYMENT_METHOD.STRATEGY_BISTP_PAYMENT) return null;
@@ -3884,6 +4042,9 @@ function PayrollSearcher(_ref) {
       return payroll.status ? "".concat(payroll.status) : '';
     }, function (payroll) {
       return payroll.paymentMethod ? "".concat(payroll.paymentMethod) : '';
+    }, function (payroll) {
+      var _payroll$paymentDate;
+      return (_payroll$paymentDate = payroll.paymentDate) !== null && _payroll$paymentDate !== void 0 ? _payroll$paymentDate : '—';
     }, function (payroll) {
       return renderBistpProgress(payroll);
     }, function (payroll) {
@@ -5684,9 +5845,11 @@ function BenefitConsumptionSearcher(_ref) {
       return isPayrollFromFailedInvoices ? BENEFIT_CONSUMPTION_STATUS.APPROVE_FOR_PAYMENT : benefitConsumption === null || benefitConsumption === void 0 ? void 0 : benefitConsumption.status;
     }, function (benefitConsumption) {
       return checkBenefitDueDate(benefitConsumption);
-    }, function (benefitConsumption) {
-      var _benefitConsumption$b;
-      return !benefitConsumption.receipt ? '' : benefitConsumption === null || benefitConsumption === void 0 || (_benefitConsumption$b = benefitConsumption.benefitAttachment[0]) === null || _benefitConsumption$b === void 0 || (_benefitConsumption$b = _benefitConsumption$b.bill) === null || _benefitConsumption$b === void 0 ? void 0 : _benefitConsumption$b.datePayed;
+    },
+    // paymentDate enviada ao BISTP; fallback para bill.datePayed (offline); "—" se ainda não enviado
+    function (benefitConsumption) {
+      var _benefitConsumption$p, _benefitConsumption$b, _benefitConsumption$b2;
+      return (_benefitConsumption$p = benefitConsumption === null || benefitConsumption === void 0 ? void 0 : benefitConsumption.paymentDate) !== null && _benefitConsumption$p !== void 0 ? _benefitConsumption$p : !benefitConsumption.receipt ? '—' : (_benefitConsumption$b = benefitConsumption === null || benefitConsumption === void 0 || (_benefitConsumption$b2 = benefitConsumption.benefitAttachment) === null || _benefitConsumption$b2 === void 0 || (_benefitConsumption$b2 = _benefitConsumption$b2[0]) === null || _benefitConsumption$b2 === void 0 || (_benefitConsumption$b2 = _benefitConsumption$b2.bill) === null || _benefitConsumption$b2 === void 0 ? void 0 : _benefitConsumption$b2.datePayed) !== null && _benefitConsumption$b !== void 0 ? _benefitConsumption$b : '—';
     }, function (benefitConsumption) {
       var jsonExt = (benefitConsumption === null || benefitConsumption === void 0 ? void 0 : benefitConsumption.jsonExt) || {};
       var hasBistpFields = jsonExt.bistp_skip_reason || jsonExt.bistp_processed || jsonExt.bistp_rejection_reason;
@@ -5707,7 +5870,7 @@ function BenefitConsumptionSearcher(_ref) {
     return benefitConsumption.id;
   };
   var sorts = function sorts() {
-    return [['individual_FirstName', true], ['individual_LastName', true], ['individual_Nib', true], ['photo', true], ['code', true], ['dateDue', true], ['receipt', true], ['amount', true], ['type', true], ['status', true]];
+    return [['individual_FirstName', true], ['individual_LastName', true], ['individual_Nib', true], ['photo', true], ['code', true], ['dateDue', true], ['receipt', true], ['amount', true], ['type', true], ['status', true], ['paymentDate', true]];
   };
   var defaultFilters = function defaultFilters() {
     var filters = {
@@ -6489,11 +6652,93 @@ function useBeneficiarios() {
     _useState6 = _slicedToArray(_useState5, 2),
     error = _useState6[0],
     setError = _useState6[1];
-  function request(_x) {
+  function poll(_x) {
+    return _poll.apply(this, arguments);
+  }
+  function _poll() {
+    _poll = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(clientMutationId) {
+      var INTERVAL_MS, TIMEOUT_MS, started, _result$data, _node$jsonExt$output, _node$jsonExt, resp, result, node;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            INTERVAL_MS = 5000;
+            TIMEOUT_MS = 20 * 60 * 1000; // 20 minutos
+            started = Date.now();
+          case 1:
+            if (!(Date.now() - started < TIMEOUT_MS)) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 2;
+            return new Promise(function (resolve) {
+              return setTimeout(resolve, INTERVAL_MS);
+            });
+          case 2:
+            _context.next = 3;
+            return fetch("".concat(baseApiUrl, "/graphql"), {
+              method: 'POST',
+              headers: buildHeaders(),
+              credentials: 'same-origin',
+              body: JSON.stringify({
+                query: "\n            query {\n              mutationLogs(clientMutationId: \"".concat(clientMutationId, "\") {\n                edges { node { status error jsonExt clientMutationLabel } }\n              }\n            }\n          ")
+              })
+            });
+          case 3:
+            resp = _context.sent;
+            _context.next = 4;
+            return resp.json();
+          case 4:
+            result = _context.sent;
+            node = result === null || result === void 0 || (_result$data = result.data) === null || _result$data === void 0 || (_result$data = _result$data.mutationLogs) === null || _result$data === void 0 || (_result$data = _result$data.edges) === null || _result$data === void 0 || (_result$data = _result$data[0]) === null || _result$data === void 0 ? void 0 : _result$data.node;
+            if (node) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("continue", 1);
+          case 5:
+            // Update UI with label if needed
+            setOutput("A processar: ".concat(node.clientMutationLabel, "..."));
+            if (!(node.status === 2)) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return", {
+              success: true,
+              output: (_node$jsonExt$output = (_node$jsonExt = node.jsonExt) === null || _node$jsonExt === void 0 ? void 0 : _node$jsonExt.output) !== null && _node$jsonExt$output !== void 0 ? _node$jsonExt$output : null,
+              error: null
+            });
+          case 6:
+            if (!(node.status === 1)) {
+              _context.next = 7;
+              break;
+            }
+            return _context.abrupt("return", {
+              success: false,
+              output: null,
+              error: node.error
+            });
+          case 7:
+            _context.next = 1;
+            break;
+          case 8:
+            return _context.abrupt("return", {
+              success: false,
+              output: null,
+              error: 'Timeout: operação excedeu 20 minutos'
+            });
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _poll.apply(this, arguments);
+  }
+  function request(_x2) {
     return _request.apply(this, arguments);
   }
   function _request() {
-    _request = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(path) {
+    _request = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(path) {
       var _ref,
         _ref$multipart,
         multipart,
@@ -6505,15 +6750,15 @@ function useBeneficiarios() {
         contentType,
         _data,
         message,
-        _args = arguments,
+        _args2 = arguments,
         _t;
-      return _regeneratorRuntime.wrap(function (_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, _ref$multipart = _ref.multipart, multipart = _ref$multipart === void 0 ? false : _ref$multipart, _ref$body = _ref.body, body = _ref$body === void 0 ? null : _ref$body;
+            _ref = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {}, _ref$multipart = _ref.multipart, multipart = _ref$multipart === void 0 ? false : _ref$multipart, _ref$body = _ref.body, body = _ref$body === void 0 ? null : _ref$body;
             setLoading(true);
             setError(null);
-            _context.prev = 1;
+            _context2.prev = 1;
             init = {
               method: 'POST',
               credentials: 'same-origin'
@@ -6524,54 +6769,50 @@ function useBeneficiarios() {
               init.headers = buildHeaders();
               if (body) init.body = JSON.stringify(body);
             }
-            _context.next = 2;
+            _context2.next = 2;
             return fetch("".concat(BASE).concat(path), init);
           case 2:
-            response = _context.sent;
+            response = _context2.sent;
             data = null;
             contentType = response.headers.get('content-type') || '';
             if (!contentType.includes('application/json')) {
-              _context.next = 4;
+              _context2.next = 4;
               break;
             }
-            _context.next = 3;
+            _context2.next = 3;
             return response.json();
           case 3:
-            data = _context.sent;
+            data = _context2.sent;
           case 4:
             if (response.ok) {
-              _context.next = 5;
+              _context2.next = 5;
               break;
             }
             message = ((_data = data) === null || _data === void 0 ? void 0 : _data.message) || "HTTP ".concat(response.status);
             setError(message);
-            return _context.abrupt("return", {
+            return _context2.abrupt("return", {
               ok: false,
               message: message,
               data: data
             });
           case 5:
-            return _context.abrupt("return", {
+            return _context2.abrupt("return", {
               ok: true,
               data: data
             });
           case 6:
-            _context.prev = 6;
-            _t = _context["catch"](1);
+            _context2.prev = 6;
+            _t = _context2["catch"](1);
             setError(_t.message);
-            return _context.abrupt("return", {
+            return _context2.abrupt("return", {
               ok: false,
               message: _t.message
             });
           case 7:
-            _context.prev = 7;
-            setLoading(false);
-            return _context.finish(7);
-          case 8:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[1, 6, 7, 8]]);
+      }, _callee2, null, [[1, 6]]);
     }));
     return _request.apply(this, arguments);
   }
@@ -6579,50 +6820,53 @@ function useBeneficiarios() {
     return _backup.apply(this, arguments);
   }
   function _backup() {
-    _backup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    _backup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var payrollId,
         _yield$request,
         ok,
         data,
-        blob,
-        a,
-        _args2 = arguments;
-      return _regeneratorRuntime.wrap(function (_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+        pollResult,
+        _args3 = arguments;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            payrollId = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : null;
-            _context2.next = 1;
+            payrollId = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : null;
+            _context3.next = 1;
             return request('/backup/', {
               body: payrollId ? {
                 payroll_id: payrollId
               } : {}
             });
           case 1:
-            _yield$request = _context2.sent;
+            _yield$request = _context3.sent;
             ok = _yield$request.ok;
             data = _yield$request.data;
-            if (ok) {
-              blob = new Blob([JSON.stringify(data, null, 2)], {
-                type: 'application/json'
-              });
-              a = document.createElement('a');
-              a.href = URL.createObjectURL(blob);
-              a.download = "backup_beneficiarios_".concat(new Date().toISOString().slice(0, 19).replace(/:/g, '-'), ".json");
-              document.body.appendChild(a);
-              a.click();
-              document.body.removeChild(a);
-              URL.revokeObjectURL(a.href);
-              setOutput("Backup conclu\xEDdo: ".concat(JSON.stringify(data.counts)));
+            if (!ok) {
+              _context3.next = 3;
+              break;
             }
-            return _context2.abrupt("return", {
+            setOutput('Backup iniciado. A aguardar conclusão...');
+            _context3.next = 2;
+            return poll(data.clientMutationId);
+          case 2:
+            pollResult = _context3.sent;
+            if (pollResult.success) {
+              setOutput("Backup conclu\xEDdo: ".concat(pollResult.output));
+              // Handle download trigger if file info is in jsonExt
+            } else {
+              setError(pollResult.error);
+            }
+          case 3:
+            setLoading(false);
+            return _context3.abrupt("return", {
               ok: ok,
               data: data
             });
-          case 2:
+          case 4:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return _backup.apply(this, arguments);
   }
@@ -6630,7 +6874,7 @@ function useBeneficiarios() {
     return _limpar.apply(this, arguments);
   }
   function _limpar() {
-    _limpar = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    _limpar = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var _ref2,
         _ref2$dryRun,
         dryRun,
@@ -6639,12 +6883,13 @@ function useBeneficiarios() {
         _yield$request2,
         ok,
         data,
-        _args3 = arguments;
-      return _regeneratorRuntime.wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+        pollResult,
+        _args4 = arguments;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _ref2 = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {}, _ref2$dryRun = _ref2.dryRun, dryRun = _ref2$dryRun === void 0 ? true : _ref2$dryRun, _ref2$forceSkipFinanc = _ref2.forceSkipFinancial, forceSkipFinancial = _ref2$forceSkipFinanc === void 0 ? false : _ref2$forceSkipFinanc;
-            _context3.next = 1;
+            _ref2 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref2$dryRun = _ref2.dryRun, dryRun = _ref2$dryRun === void 0 ? true : _ref2$dryRun, _ref2$forceSkipFinanc = _ref2.forceSkipFinancial, forceSkipFinancial = _ref2$forceSkipFinanc === void 0 ? false : _ref2$forceSkipFinanc;
+            _context4.next = 1;
             return request('/limpar/', {
               body: {
                 username: 'admin',
@@ -6653,27 +6898,42 @@ function useBeneficiarios() {
               }
             });
           case 1:
-            _yield$request2 = _context3.sent;
+            _yield$request2 = _context4.sent;
             ok = _yield$request2.ok;
             data = _yield$request2.data;
-            if (ok) setOutput(data.output);
-            return _context3.abrupt("return", {
+            if (!ok) {
+              _context4.next = 3;
+              break;
+            }
+            setOutput('Limpeza iniciada. A aguardar conclusão...');
+            _context4.next = 2;
+            return poll(data.clientMutationId);
+          case 2:
+            pollResult = _context4.sent;
+            if (pollResult.success) {
+              setOutput(pollResult.output);
+            } else {
+              setError(pollResult.error);
+            }
+          case 3:
+            setLoading(false);
+            return _context4.abrupt("return", {
               ok: ok,
               data: data
             });
-          case 2:
+          case 4:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return _limpar.apply(this, arguments);
   }
-  function importar(_x2) {
+  function importar(_x3) {
     return _importar.apply(this, arguments);
   }
   function _importar() {
-    _importar = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(file) {
+    _importar = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(file) {
       var _ref3,
         _ref3$dryRun,
         dryRun,
@@ -6685,11 +6945,12 @@ function useBeneficiarios() {
         _yield$request3,
         ok,
         data,
-        _args4 = arguments;
-      return _regeneratorRuntime.wrap(function (_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+        pollResult,
+        _args5 = arguments;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _ref3 = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : {}, _ref3$dryRun = _ref3.dryRun, dryRun = _ref3$dryRun === void 0 ? false : _ref3$dryRun, payrollId = _ref3.payrollId, benefitPlanId = _ref3.benefitPlanId, benefitType = _ref3.benefitType, sheet = _ref3.sheet;
+            _ref3 = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : {}, _ref3$dryRun = _ref3.dryRun, dryRun = _ref3$dryRun === void 0 ? false : _ref3$dryRun, payrollId = _ref3.payrollId, benefitPlanId = _ref3.benefitPlanId, benefitType = _ref3.benefitType, sheet = _ref3.sheet;
             fd = new FormData();
             fd.append('file', file);
             fd.append('username', 'admin');
@@ -6698,33 +6959,48 @@ function useBeneficiarios() {
             if (benefitPlanId) fd.append('benefit_plan_id', benefitPlanId);
             if (benefitType) fd.append('benefit_type', benefitType);
             if (sheet) fd.append('sheet', sheet);
-            _context4.next = 1;
+            _context5.next = 1;
             return request('/importar/', {
               multipart: true,
               body: fd
             });
           case 1:
-            _yield$request3 = _context4.sent;
+            _yield$request3 = _context5.sent;
             ok = _yield$request3.ok;
             data = _yield$request3.data;
-            if (ok) setOutput(data.output);
-            return _context4.abrupt("return", {
+            if (!ok) {
+              _context5.next = 3;
+              break;
+            }
+            setOutput('Importação iniciada. A aguardar conclusão...');
+            _context5.next = 2;
+            return poll(data.clientMutationId);
+          case 2:
+            pollResult = _context5.sent;
+            if (pollResult.success) {
+              setOutput(pollResult.output);
+            } else {
+              setError(pollResult.error);
+            }
+          case 3:
+            setLoading(false);
+            return _context5.abrupt("return", {
               ok: ok,
               data: data
             });
-          case 2:
+          case 4:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
     return _importar.apply(this, arguments);
   }
-  function restore(_x3) {
+  function restore(_x4) {
     return _restore.apply(this, arguments);
   }
   function _restore() {
-    _restore = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(file) {
+    _restore = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(file) {
       var _ref4,
         _ref4$dryRun,
         dryRun,
@@ -6734,35 +7010,51 @@ function useBeneficiarios() {
         _yield$request4,
         ok,
         data,
-        _args5 = arguments;
-      return _regeneratorRuntime.wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+        pollResult,
+        _args6 = arguments;
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            _ref4 = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : {}, _ref4$dryRun = _ref4.dryRun, dryRun = _ref4$dryRun === void 0 ? true : _ref4$dryRun, _ref4$skipPhases = _ref4.skipPhases, skipPhases = _ref4$skipPhases === void 0 ? [] : _ref4$skipPhases;
+            _ref4 = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : {}, _ref4$dryRun = _ref4.dryRun, dryRun = _ref4$dryRun === void 0 ? true : _ref4$dryRun, _ref4$skipPhases = _ref4.skipPhases, skipPhases = _ref4$skipPhases === void 0 ? [] : _ref4$skipPhases;
             fd = new FormData();
             fd.append('file', file);
             fd.append('username', 'admin');
             fd.append('dry_run', String(dryRun));
             if (skipPhases.length) fd.append('skip_phases', skipPhases.join(','));
-            _context5.next = 1;
+            _context6.next = 1;
             return request('/restore/', {
               multipart: true,
               body: fd
             });
           case 1:
-            _yield$request4 = _context5.sent;
+            _yield$request4 = _context6.sent;
             ok = _yield$request4.ok;
             data = _yield$request4.data;
-            if (ok) setOutput(data.output);
-            return _context5.abrupt("return", {
+            if (!ok) {
+              _context6.next = 3;
+              break;
+            }
+            setOutput('Restore iniciado. A aguardar conclusão...');
+            _context6.next = 2;
+            return poll(data.clientMutationId);
+          case 2:
+            pollResult = _context6.sent;
+            if (pollResult.success) {
+              setOutput(pollResult.output);
+            } else {
+              setError(pollResult.error);
+            }
+          case 3:
+            setLoading(false);
+            return _context6.abrupt("return", {
               ok: ok,
               data: data
             });
-          case 2:
+          case 4:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return _restore.apply(this, arguments);
   }