@stssocialst-stp/fe-payroll 0.2.4 → 0.2.5

package/dist/index.es.js

@@ -37,10 +37,20 @@ 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';
+import Paper$1 from '@material-ui/core/Paper';
+import TextField$1 from '@material-ui/core/TextField';
+import Box$1 from '@material-ui/core/Box';
+import Divider$1 from '@material-ui/core/Divider';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import FormControlLabel$1 from '@material-ui/core/FormControlLabel';
+import Checkbox$1 from '@material-ui/core/Checkbox';
+import { Alert } from '@material-ui/lab';
 
 // TODO: Change to proper rights after BE implementation
 var RIGHT_PAYROLL_SEARCH = 202001;
 var RIGHT_PAYROLL_CREATE = 202002;
+// TODO: Change to proper right after BE implementation
+var RIGHT_BENEFICIARY_MANAGEMENT = 202010;
 var PAYROLL_PAYMENT_POINT_ROUTE = 'payroll.route.paymentPoint';
 var PAYROLL_PAYROLL_ROUTE = 'payroll.route.payroll';
 var RIGHT_PAYMENT_POINT_SEARCH = 201001;
@@ -685,7 +695,28 @@ var messages_en = {
 	"payroll.bistp.status.pending": "Sent to Bank",
 	"payroll.bistp.status.skippedNib": "No NIB",
 	"payroll.bistp.status.sendFailed": "Send Failed",
-	"payroll.bistp.progress": "BISTP Progress"
+	"payroll.bistp.progress": "BISTP Progress",
+	"payroll.route.beneficiariesManagement": "Beneficiary Management",
+	"payroll.beneficiaries.management.title": "Beneficiary Management",
+	"payroll.beneficiaries.management.noPermission": "You do not have permission to manage beneficiaries.",
+	"payroll.beneficiaries.backup.title": "Backup",
+	"payroll.beneficiaries.payrollId.optional": "Payroll UUID (optional)",
+	"payroll.beneficiaries.backup.button": "Download Backup",
+	"payroll.beneficiaries.limpar.title": "Clean Beneficiaries",
+	"payroll.beneficiaries.limpar.forceSkipFinancial": "Force / skip protected financial records",
+	"payroll.beneficiaries.limpar.dryRun": "Simulate (dry-run)",
+	"payroll.beneficiaries.limpar.execute": "Execute Cleanup",
+	"payroll.beneficiaries.limpar.confirm.title": "Confirm cleanup",
+	"payroll.beneficiaries.limpar.confirm.message": "This will soft-delete all active beneficiaries. This action cannot be undone without a previous backup.",
+	"payroll.beneficiaries.limpar.confirm.forceNote": "Protected RECONCILED / APPROVE_FOR_PAYMENT records will be skipped.",
+	"payroll.beneficiaries.cancel": "Cancel",
+	"payroll.beneficiaries.confirm": "Confirm",
+	"payroll.beneficiaries.import.title": "Import from Excel",
+	"payroll.beneficiaries.import.button": "Import",
+	"payroll.beneficiaries.restore.title": "Restore from Backup",
+	"payroll.beneficiaries.restore.button": "Restore",
+	"payroll.beneficiaries.dryRun": "Dry-run (simulate only)",
+	"payroll.beneficiaries.output": "Command output"
 };
 
 // eslint-disable-next-line import/prefer-default-export
@@ -922,7 +953,7 @@ var PaymentPointHeadPanel = /*#__PURE__*/function (_FormPanel) {
 }(FormPanel);
 var PaymentPointHeadPanel$1 = withModulesManager(injectIntl(withTheme(withStyles(styles$5)(PaymentPointHeadPanel))));
 
-var useStyles$e = makeStyles(function (theme) {
+var useStyles$f = makeStyles(function (theme) {
   return {
     page: theme.page,
     lockedPage: theme.page.locked
@@ -943,7 +974,7 @@ function PaymentPointPage(_ref) {
     coreConfirm = _ref.coreConfirm,
     clearConfirm = _ref.clearConfirm;
   var modulesManager = useModulesManager();
-  var classes = useStyles$e();
+  var classes = useStyles$f();
   var history = useHistory();
   var _useTranslations = useTranslations(MODULE_NAME, modulesManager),
     formatMessage = _useTranslations.formatMessage,
@@ -1070,7 +1101,7 @@ var mapStateToProps$h = function mapStateToProps(state, props) {
 };
 var PaymentPointPage$1 = connect(mapStateToProps$h, mapDispatchToProps$h)(PaymentPointPage);
 
-var useStyles$d = makeStyles(function (theme) {
+var useStyles$e = makeStyles(function (theme) {
   return {
     form: {
       padding: '0 0 10px 0',
@@ -1085,7 +1116,7 @@ function PaymentPointFilter(_ref) {
   var _filters$isDeleted;
   var filters = _ref.filters,
     onChangeFilters = _ref.onChangeFilters;
-  var classes = useStyles$d();
+  var classes = useStyles$e();
   var modulesManager = useModulesManager();
   var _useTranslations = useTranslations(MODULE_NAME, modulesManager),
     formatMessage = _useTranslations.formatMessage;
@@ -1357,7 +1388,7 @@ var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
 };
 var PaymentPointSearcher$1 = connect(mapStateToProps$g, mapDispatchToProps$g)(PaymentPointSearcher);
 
-var useStyles$c = makeStyles(function (theme) {
+var useStyles$d = makeStyles(function (theme) {
   return {
     page: theme.page,
     fab: theme.fab
@@ -1365,7 +1396,7 @@ var useStyles$c = makeStyles(function (theme) {
 });
 function PaymentPointsPage() {
   var modulesManager = useModulesManager();
-  var classes = useStyles$c();
+  var classes = useStyles$d();
   var history = useHistory();
   var rights = useSelector(function (store) {
     var _store$core$user$i_us;
@@ -2163,7 +2194,7 @@ var mapDispatchToProps$d = function mapDispatchToProps(dispatch) {
 };
 var PayrollPaymentDataUploadDialog$1 = injectIntl(withTheme(withStyles(styles$1)(connect(mapStateToProps$d, mapDispatchToProps$d)(PayrollPaymentDataUploadDialog))));
 
-var useStyles$b = makeStyles(function (theme) {
+var useStyles$c = makeStyles(function (theme) {
   return {
     form: {
       padding: 0
@@ -2177,7 +2208,7 @@ function BenefitConsumptionFilterModal(_ref) {
   var filters = _ref.filters,
     onChangeFilters = _ref.onChangeFilters;
   var modulesManager = useModulesManager();
-  var classes = useStyles$b();
+  var classes = useStyles$c();
   var _useTranslations = useTranslations('payroll', modulesManager),
     formatMessage = _useTranslations.formatMessage;
   var debouncedOnChangeFilters = _debounce(onChangeFilters, DEFAULT_DEBOUNCE_TIME);
@@ -2437,7 +2468,7 @@ var mapDispatchToProps$c = function mapDispatchToProps(dispatch) {
 var AdditionalFieldsDialog$1 = injectIntl(withTheme(withStyles(styles)(connect(mapStateToProps$c, mapDispatchToProps$c)(AdditionalFieldsDialog))));
 
 /* eslint-disable max-len */
-var useStyles$a = makeStyles(function () {
+var useStyles$b = makeStyles(function () {
   return {
     topHeader: {
       display: 'flex',
@@ -2504,7 +2535,7 @@ var useStyles$a = makeStyles(function () {
 var PayrollBenefitPrintTemplate = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var benefitAttachments = _ref.benefitAttachments;
   if (!benefitAttachments) return null;
-  var classes = useStyles$a();
+  var classes = useStyles$b();
   var modulesManager = useModulesManager();
   var _useTranslations = useTranslations(modulesManager, MODULE_NAME),
     formatMessage = _useTranslations.formatMessage;
@@ -3109,7 +3140,7 @@ var mapDispatchToProps$a = function mapDispatchToProps(dispatch) {
 };
 var PaymentApproveForPaymentSummary = connect(mapStateToProps$a, mapDispatchToProps$a)(PaymentApproveForPaymentDialog);
 
-var useStyles$9 = makeStyles(function (theme) {
+var useStyles$a = makeStyles(function (theme) {
   return {
     paper: theme.paper.paper,
     tableTitle: theme.table.title,
@@ -3138,7 +3169,7 @@ function PayrollTab(_ref) {
     isInTask = _ref.isInTask,
     payroll = _ref.payroll,
     isPayrollFromFailedInvoices = _ref.isPayrollFromFailedInvoices;
-  var classes = useStyles$9();
+  var classes = useStyles$a();
   var _useState = useState(BENEFIT_CONSUMPTION_LIST_TAB_VALUE),
     _useState2 = _slicedToArray(_useState, 2),
     activeTab = _useState2[0],
@@ -3215,7 +3246,7 @@ function PayrollTab(_ref) {
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useStyles$8 = makeStyles(function (theme) {
+var useStyles$9 = makeStyles(function (theme) {
   return {
     page: theme.page
   };
@@ -3236,7 +3267,7 @@ function PayrollPage(_ref) {
     journalize = _ref.journalize,
     benefitPlanId = _ref.benefitPlanId;
   var modulesManager = useModulesManager();
-  var classes = useStyles$8();
+  var classes = useStyles$9();
   var history = useHistory();
   var _useTranslations = useTranslations(MODULE_NAME, modulesManager),
     formatMessage = _useTranslations.formatMessage,
@@ -3399,7 +3430,7 @@ var mapStateToProps$9 = function mapStateToProps(state, props) {
 };
 var PayrollPage$1 = connect(mapStateToProps$9, mapDispatchToProps$9)(PayrollPage);
 
-var useStyles$7 = makeStyles(function (theme) {
+var useStyles$8 = makeStyles(function (theme) {
   return {
     form: {
       padding: '0 0 10px 0',
@@ -3416,7 +3447,7 @@ function PayrollFilter(_ref) {
     onChangeFilters = _ref.onChangeFilters,
     _ref$statusReadOnly = _ref.statusReadOnly,
     statusReadOnly = _ref$statusReadOnly === void 0 ? false : _ref$statusReadOnly;
-  var classes = useStyles$7();
+  var classes = useStyles$8();
   var modulesManager = useModulesManager();
   var _useTranslations = useTranslations(MODULE_NAME, modulesManager),
     formatMessage = _useTranslations.formatMessage;
@@ -3756,7 +3787,7 @@ var mapDispatchToProps$8 = function mapDispatchToProps(dispatch) {
 };
 var PayrollSearcher$1 = connect(mapStateToProps$8, mapDispatchToProps$8)(PayrollSearcher);
 
-var useStyles$6 = makeStyles(function (theme) {
+var useStyles$7 = makeStyles(function (theme) {
   return {
     page: theme.page,
     fab: theme.fab
@@ -3764,7 +3795,7 @@ var useStyles$6 = makeStyles(function (theme) {
 });
 function PayrollsPage() {
   var modulesManager = useModulesManager();
-  var classes = useStyles$6();
+  var classes = useStyles$7();
   var history = useHistory();
   var rights = useSelector(function (store) {
     var _store$core$user$i_us;
@@ -4121,7 +4152,7 @@ var mapDispatchToProps$6 = function mapDispatchToProps(dispatch) {
 };
 var PayrollSearcherApproved$1 = connect(mapStateToProps$6, mapDispatchToProps$6)(PayrollSearcherApproved);
 
-var useStyles$5 = makeStyles(function (theme) {
+var useStyles$6 = makeStyles(function (theme) {
   return {
     page: theme.page,
     fab: theme.fab
@@ -4129,7 +4160,7 @@ var useStyles$5 = makeStyles(function (theme) {
 });
 function ApprovedPayrollsPage() {
   var modulesManager = useModulesManager();
-  var classes = useStyles$5();
+  var classes = useStyles$6();
   var rights = useSelector(function (store) {
     var _store$core$user$i_us;
     return (_store$core$user$i_us = store.core.user.i_user.rights) !== null && _store$core$user$i_us !== void 0 ? _store$core$user$i_us : [];
@@ -4530,7 +4561,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
 };
 var PayrollSearcherReconciled$1 = connect(mapStateToProps$4, mapDispatchToProps$4)(PayrollSearcherReconciled);
 
-var useStyles$4 = makeStyles(function (theme) {
+var useStyles$5 = makeStyles(function (theme) {
   return {
     page: theme.page,
     fab: theme.fab
@@ -4538,7 +4569,7 @@ var useStyles$4 = makeStyles(function (theme) {
 });
 function ReconciledPayrollsPage() {
   var modulesManager = useModulesManager();
-  var classes = useStyles$4();
+  var classes = useStyles$5();
   var rights = useSelector(function (store) {
     var _store$core$user$i_us;
     return (_store$core$user$i_us = store.core.user.i_user.rights) !== null && _store$core$user$i_us !== void 0 ? _store$core$user$i_us : [];
@@ -4635,7 +4666,7 @@ function BenefitConsumptionStatusPicker(props) {
   });
 }
 
-var useStyles$3 = makeStyles(function (theme) {
+var useStyles$4 = makeStyles(function (theme) {
   return {
     form: {
       padding: 0
@@ -4650,7 +4681,7 @@ function BenefitConsumptionPayrollFilter(_ref) {
     onChangeFilters = _ref.onChangeFilters,
     benefitPlan = _ref.benefitPlan;
   var modulesManager = useModulesManager();
-  var classes = useStyles$3();
+  var classes = useStyles$4();
   var _useTranslations = useTranslations('payroll', modulesManager),
     formatMessage = _useTranslations.formatMessage;
   var debouncedOnChangeFilters = _debounce(onChangeFilters, DEFAULT_DEBOUNCE_TIME);
@@ -5058,7 +5089,7 @@ var PayrollReconciliationTaskItemFormatters = function PayrollReconciliationTask
   return [];
 };
 
-var useStyles$2 = makeStyles(function (theme) {
+var useStyles$3 = makeStyles(function (theme) {
   return {
     form: {
       padding: 0
@@ -5072,7 +5103,7 @@ function BenefitConsumptionFilter(_ref) {
   var filters = _ref.filters,
     onChangeFilters = _ref.onChangeFilters;
   var modulesManager = useModulesManager();
-  var classes = useStyles$2();
+  var classes = useStyles$3();
   var _useTranslations = useTranslations('payroll', modulesManager),
     formatMessage = _useTranslations.formatMessage;
   var debouncedOnChangeFilters = _debounce(onChangeFilters, DEFAULT_DEBOUNCE_TIME);
@@ -5215,7 +5246,7 @@ function BenefitConsumptionFilter(_ref) {
 }
 
 /* eslint-disable max-len */
-var useStyles$1 = makeStyles(function () {
+var useStyles$2 = makeStyles(function () {
   return {
     topHeader: {
       display: 'flex',
@@ -5282,7 +5313,7 @@ var useStyles$1 = makeStyles(function () {
 var PayrollPrintTemplate = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var benefitConsumptions = _ref.benefitConsumptions;
   if (!benefitConsumptions) return null;
-  var classes = useStyles$1();
+  var classes = useStyles$2();
   var modulesManager = useModulesManager();
   var _useTranslations = useTranslations(modulesManager, MODULE_NAME),
     formatMessage = _useTranslations.formatMessage;
@@ -6101,7 +6132,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
 };
 var PayrollSearcherPending$1 = connect(mapStateToProps, mapDispatchToProps)(PayrollSearcherPending);
 
-var useStyles = makeStyles(function (theme) {
+var useStyles$1 = makeStyles(function (theme) {
   return {
     page: theme.page,
     fab: theme.fab
@@ -6109,7 +6140,7 @@ var useStyles = makeStyles(function (theme) {
 });
 function PendingPayrollsPage() {
   var modulesManager = useModulesManager();
-  var classes = useStyles();
+  var classes = useStyles$1();
   var rights = useSelector(function (store) {
     var _store$core$user$i_us;
     return (_store$core$user$i_us = store.core.user.i_user.rights) !== null && _store$core$user$i_us !== void 0 ? _store$core$user$i_us : [];
@@ -6125,6 +6156,605 @@ function PendingPayrollsPage() {
   }));
 }
 
+var BASE = "".concat(baseApiUrl, "/payroll/beneficiarios");
+function buildHeaders() {
+  return {
+    'Content-Type': 'application/json'
+  };
+}
+function useBeneficiarios() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    output = _useState4[0],
+    setOutput = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  function request(_x) {
+    return _request.apply(this, arguments);
+  }
+  function _request() {
+    _request = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(path) {
+      var _ref,
+        _ref$multipart,
+        multipart,
+        _ref$body,
+        body,
+        init,
+        response,
+        data,
+        contentType,
+        _data,
+        message,
+        _args = arguments,
+        _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.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;
+            setLoading(true);
+            setError(null);
+            _context.prev = 1;
+            init = {
+              method: 'POST',
+              credentials: 'same-origin'
+            };
+            if (multipart) {
+              init.body = body;
+            } else {
+              init.headers = buildHeaders();
+              if (body) init.body = JSON.stringify(body);
+            }
+            _context.next = 2;
+            return fetch("".concat(BASE).concat(path), init);
+          case 2:
+            response = _context.sent;
+            data = null;
+            contentType = response.headers.get('content-type') || '';
+            if (!contentType.includes('application/json')) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 3;
+            return response.json();
+          case 3:
+            data = _context.sent;
+          case 4:
+            if (response.ok) {
+              _context.next = 5;
+              break;
+            }
+            message = ((_data = data) === null || _data === void 0 ? void 0 : _data.message) || "HTTP ".concat(response.status);
+            setError(message);
+            return _context.abrupt("return", {
+              ok: false,
+              message: message,
+              data: data
+            });
+          case 5:
+            return _context.abrupt("return", {
+              ok: true,
+              data: data
+            });
+          case 6:
+            _context.prev = 6;
+            _t = _context["catch"](1);
+            setError(_t.message);
+            return _context.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();
+        }
+      }, _callee, null, [[1, 6, 7, 8]]);
+    }));
+    return _request.apply(this, arguments);
+  }
+  function backup() {
+    return _backup.apply(this, arguments);
+  }
+  function _backup() {
+    _backup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var payrollId,
+        _yield$request,
+        ok,
+        data,
+        blob,
+        a,
+        _args2 = arguments;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            payrollId = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : null;
+            _context2.next = 1;
+            return request('/backup/', {
+              body: payrollId ? {
+                payroll_id: payrollId
+              } : {}
+            });
+          case 1:
+            _yield$request = _context2.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)));
+            }
+            return _context2.abrupt("return", {
+              ok: ok,
+              data: data
+            });
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _backup.apply(this, arguments);
+  }
+  function limpar() {
+    return _limpar.apply(this, arguments);
+  }
+  function _limpar() {
+    _limpar = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _ref2,
+        _ref2$dryRun,
+        dryRun,
+        _ref2$forceSkipFinanc,
+        forceSkipFinancial,
+        _yield$request2,
+        ok,
+        data,
+        _args3 = arguments;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.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;
+            return request('/limpar/', {
+              body: {
+                username: 'admin',
+                dry_run: dryRun,
+                force_skip_financial: forceSkipFinancial
+              }
+            });
+          case 1:
+            _yield$request2 = _context3.sent;
+            ok = _yield$request2.ok;
+            data = _yield$request2.data;
+            if (ok) setOutput(data.output);
+            return _context3.abrupt("return", {
+              ok: ok,
+              data: data
+            });
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return _limpar.apply(this, arguments);
+  }
+  function importar(_x2) {
+    return _importar.apply(this, arguments);
+  }
+  function _importar() {
+    _importar = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(file) {
+      var _ref3,
+        _ref3$dryRun,
+        dryRun,
+        payrollId,
+        benefitPlanId,
+        benefitType,
+        sheet,
+        fd,
+        _yield$request3,
+        ok,
+        data,
+        _args4 = arguments;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.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;
+            fd = new FormData();
+            fd.append('file', file);
+            fd.append('username', 'admin');
+            fd.append('dry_run', String(dryRun));
+            if (payrollId) fd.append('payroll_id', payrollId);
+            if (benefitPlanId) fd.append('benefit_plan_id', benefitPlanId);
+            if (benefitType) fd.append('benefit_type', benefitType);
+            if (sheet) fd.append('sheet', sheet);
+            _context4.next = 1;
+            return request('/importar/', {
+              multipart: true,
+              body: fd
+            });
+          case 1:
+            _yield$request3 = _context4.sent;
+            ok = _yield$request3.ok;
+            data = _yield$request3.data;
+            if (ok) setOutput(data.output);
+            return _context4.abrupt("return", {
+              ok: ok,
+              data: data
+            });
+          case 2:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return _importar.apply(this, arguments);
+  }
+  function restore(_x3) {
+    return _restore.apply(this, arguments);
+  }
+  function _restore() {
+    _restore = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(file) {
+      var _ref4,
+        _ref4$dryRun,
+        dryRun,
+        _ref4$skipPhases,
+        skipPhases,
+        fd,
+        _yield$request4,
+        ok,
+        data,
+        _args5 = arguments;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.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;
+            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;
+            return request('/restore/', {
+              multipart: true,
+              body: fd
+            });
+          case 1:
+            _yield$request4 = _context5.sent;
+            ok = _yield$request4.ok;
+            data = _yield$request4.data;
+            if (ok) setOutput(data.output);
+            return _context5.abrupt("return", {
+              ok: ok,
+              data: data
+            });
+          case 2:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return _restore.apply(this, arguments);
+  }
+  return {
+    backup: backup,
+    limpar: limpar,
+    importar: importar,
+    restore: restore,
+    loading: loading,
+    output: output,
+    error: error,
+    setOutput: setOutput,
+    setError: setError
+  };
+}
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    page: theme.page,
+    card: {
+      padding: theme.spacing(3),
+      marginBottom: theme.spacing(3)
+    },
+    sectionTitle: {
+      marginBottom: theme.spacing(2)
+    },
+    field: {
+      marginBottom: theme.spacing(2)
+    },
+    output: {
+      marginTop: theme.spacing(2),
+      padding: theme.spacing(2),
+      backgroundColor: '#1e1e1e',
+      color: '#d4d4d4',
+      fontFamily: 'monospace',
+      fontSize: 12,
+      whiteSpace: 'pre-wrap',
+      maxHeight: 320,
+      overflow: 'auto',
+      borderRadius: 4
+    },
+    actions: {
+      display: 'flex',
+      gap: theme.spacing(1),
+      flexWrap: 'wrap'
+    }
+  };
+});
+function Card(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    classes = _ref.classes;
+  return /*#__PURE__*/React.createElement(Paper$1, {
+    className: classes.card
+  }, /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "h6",
+    className: classes.sectionTitle
+  }, title), children);
+}
+function BeneficiaryManagementPage() {
+  var classes = useStyles();
+  var modulesManager = useModulesManager();
+  var _useTranslations = useTranslations(MODULE_NAME, modulesManager),
+    formatMessage = _useTranslations.formatMessage;
+  var rights = useSelector(function (store) {
+    var _store$core$user$i_us, _store$core$user;
+    return (_store$core$user$i_us = (_store$core$user = store.core.user) === null || _store$core$user === void 0 || (_store$core$user = _store$core$user.i_user) === null || _store$core$user === void 0 ? void 0 : _store$core$user.rights) !== null && _store$core$user$i_us !== void 0 ? _store$core$user$i_us : [];
+  });
+  var _useBeneficiarios = useBeneficiarios(),
+    backup = _useBeneficiarios.backup,
+    limpar = _useBeneficiarios.limpar,
+    importar = _useBeneficiarios.importar,
+    restore = _useBeneficiarios.restore,
+    loading = _useBeneficiarios.loading,
+    output = _useBeneficiarios.output,
+    error = _useBeneficiarios.error,
+    setError = _useBeneficiarios.setError;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    backupPayrollId = _useState4[0],
+    setBackupPayrollId = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    limparForce = _useState6[0],
+    setLimparForce = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    confirmLimpar = _useState8[0],
+    setConfirmLimpar = _useState8[1];
+  var _useState9 = useState(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    importFile = _useState0[0],
+    setImportFile = _useState0[1];
+  var _useState1 = useState(''),
+    _useState10 = _slicedToArray(_useState1, 2),
+    importPayrollId = _useState10[0],
+    setImportPayrollId = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    importBenefitPlanId = _useState12[0],
+    setImportBenefitPlanId = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    importDryRun = _useState14[0],
+    setImportDryRun = _useState14[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    restoreFile = _useState16[0],
+    setRestoreFile = _useState16[1];
+  var _useState17 = useState(true),
+    _useState18 = _slicedToArray(_useState17, 2),
+    restoreDryRun = _useState18[0],
+    setRestoreDryRun = _useState18[1];
+  if (!rights.includes(RIGHT_BENEFICIARY_MANAGEMENT)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.page
+    }, /*#__PURE__*/React.createElement(Helmet, {
+      title: formatMessage('payroll.beneficiaries.management.title')
+    }), /*#__PURE__*/React.createElement(Alert, {
+      severity: "warning"
+    }, formatMessage('payroll.beneficiaries.management.noPermission')));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.page
+  }, /*#__PURE__*/React.createElement(Helmet, {
+    title: formatMessage('payroll.beneficiaries.management.title')
+  }), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "h5",
+    className: classes.sectionTitle
+  }, formatMessage('payroll.beneficiaries.management.title')), error && /*#__PURE__*/React.createElement(Alert, {
+    severity: "error",
+    onClose: function onClose() {
+      return setError(null);
+    },
+    className: classes.field
+  }, error), /*#__PURE__*/React.createElement(Card, {
+    title: formatMessage('payroll.beneficiaries.backup.title'),
+    classes: classes
+  }, /*#__PURE__*/React.createElement(TextField$1, {
+    className: classes.field,
+    fullWidth: true,
+    label: formatMessage('payroll.beneficiaries.payrollId.optional'),
+    value: backupPayrollId,
+    onChange: function onChange(e) {
+      return setBackupPayrollId(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.actions
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    color: "primary",
+    disabled: loading,
+    onClick: function onClick() {
+      return backup(backupPayrollId || null);
+    }
+  }, formatMessage('payroll.beneficiaries.backup.button')))), /*#__PURE__*/React.createElement(Card, {
+    title: formatMessage('payroll.beneficiaries.limpar.title'),
+    classes: classes
+  }, /*#__PURE__*/React.createElement(FormControlLabel$1, {
+    control: /*#__PURE__*/React.createElement(Checkbox$1, {
+      checked: limparForce,
+      onChange: function onChange(e) {
+        return setLimparForce(e.target.checked);
+      }
+    }),
+    label: formatMessage('payroll.beneficiaries.limpar.forceSkipFinancial')
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.actions
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    disabled: loading,
+    onClick: function onClick() {
+      return limpar({
+        dryRun: true,
+        forceSkipFinancial: limparForce
+      });
+    }
+  }, formatMessage('payroll.beneficiaries.limpar.dryRun')), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    color: "secondary",
+    disabled: loading,
+    onClick: function onClick() {
+      return setConfirmLimpar(true);
+    }
+  }, formatMessage('payroll.beneficiaries.limpar.execute'))), /*#__PURE__*/React.createElement(Dialog, {
+    open: confirmLimpar,
+    onClose: function onClose() {
+      return setConfirmLimpar(false);
+    }
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, formatMessage('payroll.beneficiaries.limpar.confirm.title')), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(DialogContentText, null, formatMessage('payroll.beneficiaries.limpar.confirm.message'), limparForce && " ".concat(formatMessage('payroll.beneficiaries.limpar.confirm.forceNote')))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return setConfirmLimpar(false);
+    }
+  }, formatMessage('payroll.beneficiaries.cancel')), /*#__PURE__*/React.createElement(Button, {
+    color: "secondary",
+    variant: "contained",
+    onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setConfirmLimpar(false);
+            _context.next = 1;
+            return limpar({
+              dryRun: false,
+              forceSkipFinancial: limparForce
+            });
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))
+  }, formatMessage('payroll.beneficiaries.confirm'))))), /*#__PURE__*/React.createElement(Card, {
+    title: formatMessage('payroll.beneficiaries.import.title'),
+    classes: classes
+  }, /*#__PURE__*/React.createElement("input", {
+    className: classes.field,
+    type: "file",
+    accept: ".xlsx",
+    onChange: function onChange(e) {
+      return setImportFile(e.target.files[0]);
+    }
+  }), /*#__PURE__*/React.createElement(TextField$1, {
+    className: classes.field,
+    fullWidth: true,
+    label: "Payroll UUID",
+    value: importPayrollId,
+    onChange: function onChange(e) {
+      return setImportPayrollId(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(TextField$1, {
+    className: classes.field,
+    fullWidth: true,
+    label: "Benefit Plan UUID",
+    value: importBenefitPlanId,
+    onChange: function onChange(e) {
+      return setImportBenefitPlanId(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(FormControlLabel$1, {
+    control: /*#__PURE__*/React.createElement(Checkbox$1, {
+      checked: importDryRun,
+      onChange: function onChange(e) {
+        return setImportDryRun(e.target.checked);
+      }
+    }),
+    label: formatMessage('payroll.beneficiaries.dryRun')
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.actions
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    color: "primary",
+    disabled: loading || !importFile,
+    onClick: function onClick() {
+      return importar(importFile, {
+        dryRun: importDryRun,
+        payrollId: importPayrollId || null,
+        benefitPlanId: importBenefitPlanId || null
+      });
+    }
+  }, formatMessage('payroll.beneficiaries.import.button')))), /*#__PURE__*/React.createElement(Card, {
+    title: formatMessage('payroll.beneficiaries.restore.title'),
+    classes: classes
+  }, /*#__PURE__*/React.createElement("input", {
+    className: classes.field,
+    type: "file",
+    accept: ".json",
+    onChange: function onChange(e) {
+      return setRestoreFile(e.target.files[0]);
+    }
+  }), /*#__PURE__*/React.createElement(FormControlLabel$1, {
+    control: /*#__PURE__*/React.createElement(Checkbox$1, {
+      checked: restoreDryRun,
+      onChange: function onChange(e) {
+        return setRestoreDryRun(e.target.checked);
+      }
+    }),
+    label: formatMessage('payroll.beneficiaries.dryRun')
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.actions
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    color: "primary",
+    disabled: loading || !restoreFile,
+    onClick: function onClick() {
+      return restore(restoreFile, {
+        dryRun: restoreDryRun
+      });
+    }
+  }, formatMessage('payroll.beneficiaries.restore.button')))), output && /*#__PURE__*/React.createElement(Paper$1, {
+    className: classes.card
+  }, /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "subtitle1",
+    className: classes.sectionTitle
+  }, formatMessage('payroll.beneficiaries.output')), /*#__PURE__*/React.createElement(Divider$1, {
+    className: classes.field
+  }), loading && /*#__PURE__*/React.createElement(CircularProgress, {
+    size: 18
+  }), /*#__PURE__*/React.createElement(Box$1, {
+    className: classes.output
+  }, output)));
+}
+
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ROUTE_PAYMENT_POINTS = 'paymentPoints';
@@ -6133,6 +6763,7 @@ var ROUTE_PAYROLLS = 'payrolls';
 var ROUTE_PAYROLLS_APPROVED = 'payrollsApproved';
 var ROUTE_PAYROLLS_PENDING = 'payrollsPending';
 var ROUTE_PAYROLLS_RECONCILED = 'payrollsReconciled';
+var ROUTE_BENEFICIARIES_MANAGEMENT = 'beneficiariesManagement';
 var ROUTE_PAYROLL = 'payrolls/payroll';
 var DEFAULT_CONFIG = {
   translations: [{
@@ -6161,6 +6792,9 @@ var DEFAULT_CONFIG = {
   }, {
     key: 'payroll.route.payrollsReconciled',
     ref: ROUTE_PAYROLLS_RECONCILED
+  }, {
+    key: 'payroll.route.beneficiariesManagement',
+    ref: ROUTE_BENEFICIARIES_MANAGEMENT
   }, {
     key: 'payroll.route.payroll',
     ref: ROUTE_PAYROLL
@@ -6195,6 +6829,9 @@ var DEFAULT_CONFIG = {
   }, {
     path: ROUTE_PAYROLLS_RECONCILED,
     component: ReconciledPayrollsPage
+  }, {
+    path: ROUTE_BENEFICIARIES_MANAGEMENT,
+    component: BeneficiaryManagementPage
   }, {
     path: "".concat(ROUTE_PAYROLL, "/:payroll_uuid?/:createPayrollFromFailedInvoices?/:benefitPlanId?"),
     component: PayrollPage$1
@@ -6254,6 +6891,17 @@ var DEFAULT_CONFIG = {
       return rights.includes(RIGHT_PAYROLL_SEARCH);
     },
     id: 'legalAndFinance.payrollsReconciled'
+  }, {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, {
+      module: "payroll",
+      id: "payroll.route.beneficiariesManagement"
+    }),
+    icon: /*#__PURE__*/React.createElement(MonetizationOnIcon, null),
+    route: "/".concat(ROUTE_BENEFICIARIES_MANAGEMENT),
+    filter: function filter(rights) {
+      return rights.includes(RIGHT_BENEFICIARY_MANAGEMENT);
+    },
+    id: 'legalAndFinance.beneficiariesManagement'
   }],
   'payroll.TabPanel.label': [BenefitConsumptionsTabLabel, PayrollTaskTabLabel, PayrollPaymentFilesTabLabel],
   'payroll.TabPanel.panel': [BenefitConsumptionsTabPanel, PayrollTaskTabPanel, PayrollPaymentFilesTabPanel],