@senior-gestao-pessoas/payroll-core 9.5.0-fbdcba79-4ef6-4255-9628-f5e2e790112a → 9.5.0-feature-hcmgdp-11492-f438f1e4

package/fesm5/senior-gestao-pessoas-payroll-core.js

@@ -1,4 +1,4 @@
-import { __decorate, __assign, __spread, __awaiter, __generator, __read, __values, __extends } from 'tslib';
+import { __decorate, __assign, __spread, __awaiter, __generator, __read, __values } from 'tslib';
 import { Input, Component, NgModule, EventEmitter, ViewChild, Output, ElementRef, HostListener, Directive, Injectable, ViewEncapsulation, ɵɵdefineInjectable, ɵɵinject, ChangeDetectorRef } from '@angular/core';
 import { FormsModule, ReactiveFormsModule, FormGroup, FormArray, FormControl, Validators, FormBuilder } from '@angular/forms';
 import { BlockUIModule } from 'primeng/blockui';
@@ -36,7 +36,6 @@ import { CurrencyMaskModule } from 'ng2-currency-mask';
 import { FieldsetModule } from 'primeng/fieldset';
 import { PanelModule } from 'primeng/panel';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { TabViewModule } from 'primeng/tabview';
 
 /**
  * Created by Bruno.Curioletti on 30/05/2017.
@@ -9174,25 +9173,6 @@ var FormatUtilsService = /** @class */ (function () {
         }
         return null;
     };
-    /**
-     * Retorna o CPF formatado
-     * @param cpf CPF
-     */
-    FormatUtilsService.getFormattedCpfEdited = function (cpf) {
-        if (!cpf)
-            return '';
-        cpf = cpf.replace(/\D/g, '').slice(0, 11);
-        if (cpf.length > 9) {
-            cpf = cpf.replace(/^(\d{3})(\d{3})(\d{3})(\d{2})$/, "$1.$2.$3-$4");
-        }
-        else if (cpf.length > 6) {
-            cpf = cpf.replace(/^(\d{3})(\d{3})(\d{0,3})$/, "$1.$2.$3");
-        }
-        else if (cpf.length > 3) {
-            cpf = cpf.replace(/^(\d{3})(\d{0,3})$/, "$1.$2");
-        }
-        return cpf;
-    };
     /**
      * Retorna o CNPJ formatado
      * @param cnpj CNPJ
@@ -9208,28 +9188,6 @@ var FormatUtilsService = /** @class */ (function () {
         }
         return null;
     };
-    /**
-     * Retorna o CNPJ formatado
-     * @param cnpj CNPJ
-     */
-    FormatUtilsService.getFormattedCnpjEdited = function (cnpj) {
-        if (!cnpj)
-            return '';
-        cnpj = cnpj.replace(/\D/g, '').slice(0, 14);
-        if (cnpj.length > 12) {
-            cnpj = cnpj.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})$/, "$1.$2.$3/$4-$5");
-        }
-        else if (cnpj.length > 8) {
-            cnpj = cnpj.replace(/^(\d{2})(\d{3})(\d{3})(\d{0,4})$/, "$1.$2.$3/$4");
-        }
-        else if (cnpj.length > 5) {
-            cnpj = cnpj.replace(/^(\d{2})(\d{3})(\d{0,3})$/, "$1.$2.$3");
-        }
-        else if (cnpj.length > 2) {
-            cnpj = cnpj.replace(/^(\d{2})(\d{0,3})$/, "$1.$2");
-        }
-        return cnpj;
-    };
     /**
      * Retorna a mascara do CPF/CNPJ
      * @param key Valores possíveis são CPF ou CNPJ
@@ -9244,24 +9202,6 @@ var FormatUtilsService = /** @class */ (function () {
                 return "";
         }
     };
-    /**
-     * Método para formatar o número de inscrição do cliente.
-     * @param subscriptionNumber
-     * @param pixKeyType
-     * @returns
-     */
-    FormatUtilsService.getFormattedSubscriptionNumber = function (subscriptionNumber, pixKeyType) {
-        if (!subscriptionNumber || !pixKeyType)
-            return subscriptionNumber;
-        switch (pixKeyType) {
-            case 'CNPJ':
-                return this.getFormattedCnpjEdited(subscriptionNumber);
-            case 'CPF':
-                return this.getFormattedCpfEdited(subscriptionNumber);
-            default:
-                return subscriptionNumber;
-        }
-    };
     /**
     * Metódo para formatar o número de telefone.
     * @param telephoneNumber String contendo o número de telefone.
@@ -9293,13 +9233,6 @@ var FormatUtilsService = /** @class */ (function () {
         }
         return tel;
     };
-    /**
-     * Metódo para formatar a porcentagem para 2 casas decimais.
-     * @param value Número a ser formatado.
-     */
-    FormatUtilsService.getFormattedPercentage = function (value) {
-        return parseFloat(value).toFixed(2).replace('.', ',') + '%';
-    };
     /**
      * Metódo para formatar o número de telefone de um campo Input.
      * @param event Evento do Input do campo de telefone.
@@ -9313,82 +9246,15 @@ var FormatUtilsService = /** @class */ (function () {
         event.target.value = FormatUtilsService.getFormattedTelephoneNumber(telephoneNumber);
     };
     /**
-     * Formata o campo de input de CPF em tempo real.
-     * @param event Evento do input
-     */
-    FormatUtilsService.formatCpfInputEvent = function (event) {
-        var cpf = event.target.value;
-        // Permite apagar nos pontos sensíveis
-        if (event.keyCode === 8 && (cpf.length === 4 || cpf.length === 8 || cpf.length === 12)) {
-            return;
-        }
-        event.target.value = FormatUtilsService.getFormattedCpfEdited(cpf);
-    };
-    /**
-     * Formata o campo de input de CNPJ em tempo real.
-     * @param event Evento do input
+     * Metódo para formatar a porcentagem para 2 casas decimais.
+     * @param value Número a ser formatado.
      */
-    FormatUtilsService.formatCnpjInputEvent = function (event) {
-        var cnpj = event.target.value;
-        // Permite apagar nos pontos sensíveis
-        if (event.keyCode === 8 && (cnpj.length === 3 || cnpj.length === 7 || cnpj.length === 11 || cnpj.length === 16)) {
-            return;
-        }
-        event.target.value = FormatUtilsService.getFormattedCnpjEdited(cnpj);
+    FormatUtilsService.getFormattedPercentage = function (value) {
+        return parseFloat(value).toFixed(2).replace('.', ',') + '%';
     };
     return FormatUtilsService;
 }());
 
-var SharedStateService = /** @class */ (function () {
-    function SharedStateService() {
-        this.hideFieldSubject = new BehaviorSubject(true);
-        this.hideField$ = this.hideFieldSubject.asObservable();
-        this.showButtonSubject = new BehaviorSubject(true);
-        this.showButton$ = this.showButtonSubject.asObservable();
-        this.saveButtonSubject = new BehaviorSubject(true);
-        this.saveButton$ = this.saveButtonSubject.asObservable();
-        this.showEditMode = new BehaviorSubject(true);
-        this.showEditMode$ = this.showEditMode.asObservable();
-        this.activeValidatorsOnEditModalOpen = new Subject();
-        this.activeValidatorsOnEditModalOpen$ = this.activeValidatorsOnEditModalOpen.asObservable();
-        this.shouldReloadWindowOnlyEditMode = new BehaviorSubject(false);
-        this.shouldReloadWindowOnlyEditMode$ = this.shouldReloadWindowOnlyEditMode.asObservable();
-        this.hideBtnAddForViewMode = new BehaviorSubject(false);
-        this.hideBtnAddForViewMode$ = this.hideBtnAddForViewMode.asObservable();
-    }
-    SharedStateService.prototype.setHideField = function (value) {
-        this.hideFieldSubject.next(value);
-    };
-    SharedStateService.prototype.setShowButton = function (value) {
-        this.showButtonSubject.next(value);
-    };
-    SharedStateService.prototype.setSaveButton = function (value) {
-        this.saveButtonSubject.next(value);
-    };
-    SharedStateService.prototype.setShowEditMode = function (value) {
-        this.showEditMode.next(value);
-    };
-    SharedStateService.prototype.setShouldReloadWindowOnlyEditMode = function (value) {
-        this.shouldReloadWindowOnlyEditMode.next(value);
-    };
-    SharedStateService.prototype.triggerActiveValidatorsOnEditModalOpen = function () {
-        this.activeValidatorsOnEditModalOpen.next();
-    };
-    SharedStateService.prototype.setHideBtnAddForViewMode = function (value) {
-        this.hideBtnAddForViewMode.next(value);
-    };
-    SharedStateService.prototype.resetHideField = function () {
-        this.hideFieldSubject.next(true);
-    };
-    SharedStateService.ngInjectableDef = ɵɵdefineInjectable({ factory: function SharedStateService_Factory() { return new SharedStateService(); }, token: SharedStateService, providedIn: "root" });
-    SharedStateService = __decorate([
-        Injectable({
-            providedIn: 'root',
-        })
-    ], SharedStateService);
-    return SharedStateService;
-}());
-
 var GenericValidator = /** @class */ (function () {
     function GenericValidator() {
     }
@@ -9555,72 +9421,47 @@ var GenericValidator = /** @class */ (function () {
     return GenericValidator;
 }());
 
-var HistoricakPixAccountBase = /** @class */ (function () {
-    function HistoricakPixAccountBase(formBuilder) {
-        this._paramsForm = new FormGroup({});
-        this._defaultCpfNumber = null;
+var HistoricalPixAccountFormComponent = /** @class */ (function () {
+    function HistoricalPixAccountFormComponent(formBuilder, cd) {
+        this.formBuilder = formBuilder;
+        this.cd = cd;
+        this.withSideBar = true;
+        this.isEditMode = false;
+        this.paramsForm = new FormGroup({});
+        this.defaultCpfNumber = null;
+        this.permitsEditBankAccountForm = false;
+        this.visibleChange = new EventEmitter();
+        this.pixAccountItemToList = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
         this.initialValidatorOfPercentage = [Validators.required, Validators.min(0.01)];
-        this.pixAccountList = [];
-        this.maxValuePercentage = 100.0;
+        this.labelBtnAdd = "hcm.payroll.employees_add";
+        this.maxValuePercentage = 100.00;
+        this.visibleBtnSave = true;
+        this.isView = false;
         this.isShowPixKeyFieldValidatorMessage = false;
-        this.formBuilder = formBuilder;
-        this.createFormGroupBase();
+        this.createFormGroup();
+        this.registerSubjects();
     }
-    HistoricakPixAccountBase.prototype.phoneMask = function (event) {
-        FormatUtilsService.formatTelephoneInputEvent(event);
+    HistoricalPixAccountFormComponent.prototype.ngOnInit = function () {
     };
-    HistoricakPixAccountBase.prototype.cpfMask = function (event) {
-        FormatUtilsService.formatCpfInputEvent(event);
+    HistoricalPixAccountFormComponent.prototype.ngDoCheck = function () {
+        if (this.pixAccountFormGroup && this.pixKeyType === "BANK_ACCOUNT") {
+            var pixKeyControl = this.pixAccountFormGroup.get("pixKey");
+            if (pixKeyControl && !pixKeyControl.disabled) {
+                pixKeyControl.disable();
+            }
+        }
     };
-    HistoricakPixAccountBase.prototype.cnpjMask = function (event) {
-        FormatUtilsService.formatCnpjInputEvent(event);
+    HistoricalPixAccountFormComponent.prototype.ngAfterViewInit = function () {
+        this.cd.detectChanges();
     };
-    HistoricakPixAccountBase.prototype.onChangePixKeyType = function (item, form) {
-        if (!item || !item.key)
-            return;
-        this.pixKeyType = item.key;
-        var targetForm = (typeof form !== 'undefined' && form !== null)
-            ? form
-            : this.pixAccountFormGroup;
-        this.isShowPixKeyFieldValidatorMessage = true;
-        var pixKeyControl = targetForm.get("pixKey");
-        if (pixKeyControl) {
-            pixKeyControl.reset();
-        }
-        this.setPixKeyValidators(true, targetForm);
-        if (item.key === "CPF") {
-            this.setDefaultCpfPixKey(targetForm);
-        }
-    };
-    HistoricakPixAccountBase.prototype.onClearPixKeyType = function (form) {
-        var targetForm = (typeof form !== 'undefined' && form !== null)
-            ? form
-            : this.pixAccountFormGroup;
-        this.isShowPixKeyFieldValidatorMessage = false;
-        if (targetForm.get("pixKey")) {
-            targetForm.get("pixKey").reset();
-        }
+    HistoricalPixAccountFormComponent.prototype.ngOnDestroy = function () {
+        this.ngUnsubscribe.next(true);
+        this.ngUnsubscribe.unsubscribe();
     };
-    HistoricakPixAccountBase.prototype.setDefaultCpfPixKey = function (form) {
-        var targetForm = (typeof form !== 'undefined' && form !== null)
-            ? form
-            : this.pixAccountFormGroup;
-        if (this._defaultCpfNumber) {
-            if (targetForm.get("pixKey")) {
-                targetForm.get("pixKey").setValue(this._defaultCpfNumber);
-            }
-        }
-        else {
-            var sheetDocument = this._paramsForm.get("sheetDocument");
-            if (sheetDocument && sheetDocument.get("cpfNumber")) {
-                var cpf = sheetDocument.get("cpfNumber").value;
-                if (cpf && targetForm.get("pixKey")) {
-                    targetForm.get("pixKey").setValue(cpf);
-                }
-            }
-        }
+    HistoricalPixAccountFormComponent.prototype.registerSubjects = function () {
     };
-    HistoricakPixAccountBase.prototype.createFormGroupBase = function () {
+    HistoricalPixAccountFormComponent.prototype.createFormGroup = function () {
         this.pixAccountFormGroup = this.formBuilder.group({
             id: this.formBuilder.control(null),
             index: this.formBuilder.control(null),
@@ -9635,192 +9476,391 @@ var HistoricakPixAccountBase = /** @class */ (function () {
             customFields: this.formBuilder.control(null),
         });
     };
-    HistoricakPixAccountBase.prototype.setValidatorsAccordingList = function (pixAccountList, index, isEditMode, form) {
-        if (index === void 0) { index = null; }
-        if (isEditMode === void 0) { isEditMode = true; }
-        var targetForm = (typeof form !== 'undefined' && form !== null)
-            ? form
-            : this.pixAccountFormGroup;
-        this.pixAccountList = (pixAccountList && pixAccountList.length > 0)
-            ? [].concat(pixAccountList)
-            : [];
-        var percentageIncluded = [];
-        for (var i = 0; i < this.pixAccountList.length; i++) {
-            var field = this.pixAccountList[i];
-            if (field && field.percentage && i !== index) {
-                percentageIncluded.push(field.percentage);
+    HistoricalPixAccountFormComponent.prototype.onChangePixKeyType = function (item) {
+        if (item.key) {
+            this.pixKeyType = item.key;
+            this.isShowPixKeyFieldValidatorMessage = true;
+            this.pixAccountFormGroup.get("pixKey").reset();
+            this.setPixKeyValidators(true);
+            if (item.key === "CPF") {
+                this.setDefaultCpfPixKey();
             }
         }
-        this.beforeSetPixKeyTypeValidator(targetForm);
-        this.setPixKeyValidators(isEditMode, targetForm);
-        this.validatePercentageValid(percentageIncluded, targetForm);
     };
-    HistoricakPixAccountBase.prototype.beforeSetPixKeyTypeValidator = function (form) {
-        var control = form.get("pixKeyType");
-        if (this.pixAccountList && this.pixAccountList.length) {
-            control.setValidators(Validators.compose([
-                Validators.required,
-                this.validateDuplicatePixKeyTypeBankAccount(this.pixAccountList),
-            ]));
-        }
-        else {
-            control.setValidators(Validators.required);
-        }
-        control.updateValueAndValidity();
-    };
-    HistoricakPixAccountBase.prototype.setPixKeyValidators = function (isEditMode, form) {
-        var pixKey = form.get("pixKey");
-        switch (this.pixKeyType) {
-            case "TELEPHONE":
-                pixKey.setValidators(Validators.compose([Validators.required, GenericValidator.isValidPhoneNumber]));
-                break;
-            case "EMAIL":
-                pixKey.setValidators(Validators.compose([Validators.required, GenericValidator.isValidEmail]));
-                break;
-            case "CPF":
-                pixKey.setValidators(Validators.compose([Validators.required, GenericValidator.isValidCpf]));
-                break;
-            case "CNPJ":
-                pixKey.setValidators(Validators.compose([Validators.required, GenericValidator.isValidCnpj]));
-                break;
-            case "RANDOM_KEY":
-                pixKey.setValidators(Validators.required);
-                break;
-            default:
-                pixKey.clearValidators();
+    HistoricalPixAccountFormComponent.prototype.onClearPixKeyType = function () {
+        this.isShowPixKeyFieldValidatorMessage = false;
+        this.pixAccountFormGroup.get("pixKey").reset();
+    };
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "visible", {
+        get: function () {
+            return this._visible;
+        },
+        set: function (value) {
+            this._visible = value;
+            this.visibleChange.emit(this.visible);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "isEditAndViewValue", {
+        set: function (value) {
+            this.resetForm();
+            this.visibleBtnSave = true;
+            if (value && value.permitsEditBankAccount) {
+                this.permitsEditBankAccountForm = true;
+            }
+            if (value && value.currentItem && Object.keys(value.currentItem).length) {
+                this.pixAccountFormGroup.patchValue(this.convertDTOToShowWithCustomFields(__assign({}, value.currentItem)));
+                this.labelBtnAdd = "hcm.payroll.employees_update";
+                this.setValidatorsAccordingList(value.listData, value.currentItem["index"], value && value["isEditMode"]);
+                if (!this.isView) {
+                    this.configEnableFields(value && value["isEditMode"]);
+                }
+                else {
+                    if (this.pixAccountFormGroup.get("pixKeyType").value) {
+                        this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
+                        this.formatPixKeyTelephoneNumber();
+                    }
+                }
+            }
+            else {
+                this.labelBtnAdd = "hcm.payroll.employees_add";
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    HistoricalPixAccountFormComponent.prototype.formatPixKeyTelephoneNumber = function () {
+        if (this.pixKeyType === "TELEPHONE") {
+            this.pixAccountFormGroup.get("pixKey").setValue(FormatUtilsService.getFormattedTelephoneNumber(this.pixAccountFormGroup.get("pixKey").value));
         }
-        if (isEditMode) {
-            pixKey.enable();
+    };
+    HistoricalPixAccountFormComponent.prototype.convertDTOToShowWithCustomFields = function (data) {
+        var obj = __assign({}, data);
+        obj["customFields"] = mountCustomToShow(obj["customFields"]);
+        return obj;
+    };
+    HistoricalPixAccountFormComponent.prototype.configEnableFields = function (isEditMode) {
+        this.visibleBtnSave = isEditMode;
+        if (this.pixAccountFormGroup.get("pixKeyType").value) {
+            this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
+            this.setPixKeyValidators(isEditMode);
+            this.formatPixKeyTelephoneNumber();
         }
-        pixKey.updateValueAndValidity();
+        configEnabledFields(this.pixAccountFormGroup, isEditMode, [
+            "pixKeyType",
+            "pixKey",
+            "percentage",
+            "customFields",
+        ], []);
     };
-    HistoricakPixAccountBase.prototype.validatePercentageValid = function (listValue, form) {
-        var percentage = form.get("percentage");
-        this.maxValuePercentage = listValue.reduce(function (acc, val) { return acc - val; }, 100.0);
-        percentage.setValidators(Validators.compose(__spread(this.initialValidatorOfPercentage, [
-            Validators.max(this.maxValuePercentage),
-        ])));
-        percentage.updateValueAndValidity();
+    HistoricalPixAccountFormComponent.prototype.close = function () {
+        this.resetForm();
+        this.visible = false;
     };
-    HistoricakPixAccountBase.prototype.validateDuplicatePixKeyTypeBankAccount = function (listCompare) {
-        return function (control) {
-            var value = control.value;
-            var isDuplicate = listCompare.some(function (field) {
-                return value &&
-                    field.pixKeyType.key === "BANK_ACCOUNT" &&
-                    value.key === "BANK_ACCOUNT";
-            });
-            return isDuplicate ? { pixKeyTypeBankAccountDuplicate: true } : null;
-        };
+    HistoricalPixAccountFormComponent.prototype.addItem = function () {
+        this.pixAccountFormGroup.updateValueAndValidity();
+        verifyValidationsForm.call(this.pixAccountFormGroup);
+        if (this.pixAccountFormGroup.valid) {
+            if (this.employeeId) {
+                this.pixAccountFormGroup.get("employee").setValue({
+                    tableId: this.employeeId,
+                    name: "",
+                });
+            }
+            this.pixAccountItemToList.emit(this.pixAccountFormGroup.getRawValue());
+            this.visible = false;
+            this.resetForm();
+        }
+    };
+    HistoricalPixAccountFormComponent.prototype.resetForm = function () {
+        this.pixAccountFormGroup.reset();
+        this.labelBtnAdd = "hcm.payroll.employees_add";
+        if (this.customFields && this.customFields.formGroup)
+            this.customFields.formGroup.reset();
     };
-    Object.defineProperty(HistoricakPixAccountBase.prototype, "paramsForm", {
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "percentagePlaceholder", {
         get: function () {
-            return this._paramsForm;
-        },
-        set: function (value) {
-            this._paramsForm = value;
+            return "0" + (this.currency && this.currency.decimalSeparator) + "00";
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(HistoricakPixAccountBase.prototype, "defaultCpfNumber", {
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "optionsPercentage", {
         get: function () {
-            return this._defaultCpfNumber;
+            return __assign({}, this.getOptions(), { precision: 2 });
         },
-        set: function (value) {
-            this._defaultCpfNumber = value;
+        enumerable: true,
+        configurable: true
+    });
+    HistoricalPixAccountFormComponent.prototype.getOptions = function () {
+        return {
+            prefix: "",
+            thousands: this.currency.thousandsSeparator,
+            decimal: this.currency.decimalSeparator,
+        };
+    };
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "getListPixAccount", {
+        /**
+         * O Input que recebe a lista do component pai e chama o método de validação passando a lista recebida.
+         * @param pixAccountList
+         */
+        set: function (pixAccountList) {
+            if (pixAccountList) {
+                this.setValidatorsAccordingList(pixAccountList, null, false);
+            }
+            else {
+                this.resetForm();
+            }
         },
         enumerable: true,
         configurable: true
     });
-    return HistoricakPixAccountBase;
-}());
-
-var HistoricalPixAccountService = /** @class */ (function () {
-    function HistoricalPixAccountService(http) {
-        this.http = http;
-    }
-    HistoricalPixAccountService.prototype.query = function (path, body, service) {
-        if (service === void 0) { service = ServiceType.PAYROLL; }
-        return this.http.query(path, body, service);
+    /**
+     * Recebe a lista de registros já inseridos na tabela adiciona em uma variável os valores que serão usados para
+     * a validação dos campos "percentage" e "pixAccount".
+     * Quando tem index significa que está em uma edição, os valores na posição do registro da edição (index) não serão adicionados
+     * no array de comparação dos validators.
+     * @param pixAccountList
+     * @param index
+     */
+    HistoricalPixAccountFormComponent.prototype.setValidatorsAccordingList = function (pixAccountList, index, isEditMode) {
+        if (index === void 0) { index = null; }
+        if (isEditMode === void 0) { isEditMode = true; }
+        this.pixAccountList = pixAccountList && pixAccountList.length ? __spread(pixAccountList) : [];
+        var percentageIncluded = [];
+        if (this.pixAccountList && this.pixAccountList.length) {
+            this.pixAccountList.filter(function (field, key) {
+                if (field["percentage"] && key != index) {
+                    percentageIncluded.push(field["percentage"]);
+                }
+            });
+        }
+        this.beforeSetPixKeyTypeValidator();
+        this.setPixKeyValidators(isEditMode);
+        this.validatePercentageValid(percentageIncluded);
+    };
+    /**
+     * Antes de setar o validator prepara as variáveis necessária para que seja feita a validação do campo.
+     */
+    HistoricalPixAccountFormComponent.prototype.setPixKeyValidators = function (isEditMode) {
+        var genericPixKey = this.pixAccountFormGroup.get("pixKey");
+        if (this.pixKeyType) {
+            switch (this.pixKeyType) {
+                case "TELEPHONE":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidPhoneNumber,
+                    ]));
+                    break;
+                case "EMAIL":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidEmail,
+                    ]));
+                    break;
+                case "CPF":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidCpf,
+                    ]));
+                    break;
+                case "CNPJ":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidCnpj,
+                    ]));
+                    break;
+                case "RANDOM_KEY":
+                    genericPixKey.setValidators(Validators.required);
+                    break;
+                default:
+                    genericPixKey.setValidators(null);
+                    break;
+            }
+            if (isEditMode) {
+                genericPixKey.enable();
+            }
+            genericPixKey.updateValueAndValidity();
+        }
+    };
+    /**
+     * Este método calcula as parcentagens que já foram inseridas, e seta a diferença para chegar em
+     * 100% na validação do campo "percentage" como um novo maxValue;
+     * @param listValue
+     */
+    HistoricalPixAccountFormComponent.prototype.validatePercentageValid = function (listValue) {
+        var percentage = this.pixAccountFormGroup.get("percentage");
+        this.maxValuePercentage = listValue
+            .reduce(function (currentValue, total) { return currentValue - total; }, 100.00);
+        percentage
+            .setValidators(Validators.compose(__spread(this.initialValidatorOfPercentage, [
+            Validators.max(this.maxValuePercentage),
+        ])));
+        percentage.updateValueAndValidity();
+    };
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "isViewMode", {
+        set: function (condition) {
+            this.isView = !!(condition && !this.withSideBar);
+            this.configEnableFields(!this.isView);
+            if (!this.isView)
+                this.resetForm();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    HistoricalPixAccountFormComponent.prototype.phoneMask = function (event) {
+        FormatUtilsService.formatTelephoneInputEvent(event);
     };
-    HistoricalPixAccountService.prototype.enumQuery = function () {
-        var path = 'enumQuery';
-        var body = {
-            names: ['PixKeyType']
+    HistoricalPixAccountFormComponent.prototype.setDefaultCpfPixKey = function () {
+        if (this.defaultCpfNumber) {
+            this.pixAccountFormGroup.get("pixKey").setValue(this.defaultCpfNumber);
+        }
+        else {
+            var sheetDocument = this.paramsForm.get("sheetDocument");
+            if (sheetDocument) {
+                var cpf = sheetDocument.get("cpfNumber").value;
+                if (cpf) {
+                    this.pixAccountFormGroup.get("pixKey").setValue(cpf);
+                }
+            }
+        }
+    };
+    HistoricalPixAccountFormComponent.prototype.beforeSetPixKeyTypeValidator = function () {
+        var pixKeyType = this.pixAccountFormGroup.get("pixKeyType");
+        if (this.pixAccountList && this.pixAccountList.length && pixKeyType) {
+            pixKeyType
+                .setValidators(Validators.compose([
+                Validators.required,
+                this.validateDuplicatePixKeyTypeBankAccount(this.pixAccountList),
+            ]));
+        }
+        else {
+            pixKeyType.setValidators(Validators.required);
+        }
+    };
+    HistoricalPixAccountFormComponent.prototype.validateDuplicatePixKeyTypeBankAccount = function (listCompare) {
+        var _this = this;
+        return function (control) {
+            var value = control && control.value;
+            var condition = false;
+            listCompare.filter(function (field) {
+                if (value) {
+                    if (field["pixKeyType"].key === 'BANK_ACCOUNT' && value.key === field["pixKeyType"].key) {
+                        return condition = true;
+                    }
+                }
+            });
+            if (condition && !_this.permitsEditBankAccountForm) {
+                return { pixKeyTypeBankAccountDuplicate: true };
+            }
+            else {
+                return null;
+            }
         };
-        return this.http.query(path, body, ServiceType.PAYROLL);
     };
-    HistoricalPixAccountService.ctorParameters = function () { return [
-        { type: HttpClientService }
+    HistoricalPixAccountFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: ChangeDetectorRef }
     ]; };
-    HistoricalPixAccountService = __decorate([
-        Injectable()
-    ], HistoricalPixAccountService);
-    return HistoricalPixAccountService;
+    __decorate([
+        ViewChild(CustomFieldsComponent$1, { static: true })
+    ], HistoricalPixAccountFormComponent.prototype, "customFields", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "currency", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "customEntity", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "customService", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "withSideBar", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "isEditMode", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "paramsForm", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "permitsEditBankAccountForm", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
+    __decorate([
+        Output()
+    ], HistoricalPixAccountFormComponent.prototype, "pixAccountItemToList", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "visible", null);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "isEditAndViewValue", null);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "getListPixAccount", null);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "isViewMode", null);
+    HistoricalPixAccountFormComponent = __decorate([
+        Component({
+            selector: "pix-account",
+            template: "<div id=\"main\">\n    <form [formGroup]=\"pixAccountFormGroup\" autocomplete=\"off\">\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <!-- Tipo de chave -->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key_type'|translate}}</label>\n                    <input-rest-auto-complete-enum [dropdown]=\"true\" server=\"payroll\"\n                                                   enumeration=\"PixKeyType\"\n                                                   placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                                                   name=\"pixKeyType\" [form]=\"pixAccountFormGroup\"\n                                                   (onSelect)=\"onChangePixKeyType($event)\"\n                                                   (onClear)=\"onClearPixKeyType()\"\n                                                   id=\"ta-pixKeyType\"></input-rest-auto-complete-enum>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('pixKeyType')\"\n                                      [errorMessages]=\"{\n                                        required: 'hcm.payroll.required' | translate,\n                                        pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                                    }\">\n                    </s-control-errors>\n                </div>\n                <!--Chave Pix-->\n                <div class=\"ui-md-6 ui-sm-12\" [ngClass]=\"{'required': pixKeyType !== 'BANK_ACCOUNT'}\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key' | translate}}</label>\n                    <ng-container [ngSwitch]=\"pixKeyType\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\" only-number\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                (keyup)=\"phoneMask($event)\" maxlength=\"15\"\n                                placeholder=\"(__) ____-____\">\n                        <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"___.___.___-__\"\n                                mask=\"999.999.999-99\" [unmask]=\"true\"></p-inputMask>\n                        <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"__.___.___/____-__\"\n                                mask=\"99.999.999/9999-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\" maxlength=\"100\" />\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.get('pixKey').value },\n                            invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                            cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                            cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                    </s-control-errors>\n                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('percentage')\"\n                                      [errorMessages]=\"{\n                                required: 'hcm.payroll.required' | translate,\n                                maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                                max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                                min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                    }\">\n                    </s-control-errors>\n                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\n</div>\n",
+            styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
+        })
+    ], HistoricalPixAccountFormComponent);
+    return HistoricalPixAccountFormComponent;
 }());
 
-var HistoricalPixAccountComponent = /** @class */ (function (_super) {
-    __extends(HistoricalPixAccountComponent, _super);
-    function HistoricalPixAccountComponent(translateService, cd, formBuilder, sharedStateService, service) {
-        var _this = _super.call(this, formBuilder) || this;
-        _this.translateService = translateService;
-        _this.cd = cd;
-        _this.sharedStateService = sharedStateService;
-        _this.service = service;
-        _this.recordByRow = 1;
-        _this.showDateChange = false;
-        _this.isEditMode = false;
-        _this.isViewMode = false;
-        _this.withSideBar = true;
-        _this.listDataReciever = [];
-        _this.addExistentHistoricData = [];
-        _this.getListPixAccount = [];
-        _this.isEditModeForSave = false;
-        _this.showField = false;
-        _this.isViewModeActive = new EventEmitter();
-        _this.isEditModeActive = new EventEmitter();
-        _this.isDeleteModeActive = new EventEmitter();
-        _this.isValidChangeForm = new EventEmitter();
-        _this.reloadOnlyOnEdit = new EventEmitter();
-        _this.listFromApp = [];
-        _this.visibleChange = new EventEmitter();
-        _this.ngUnsubscribe = new Subject();
-        _this.orderBy = {
+var HistoricalPixAccountComponent = /** @class */ (function () {
+    function HistoricalPixAccountComponent(translateService, cd, formBuilder, messageService) {
+        var _this = this;
+        this.translateService = translateService;
+        this.cd = cd;
+        this.formBuilder = formBuilder;
+        this.messageService = messageService;
+        this.recordByRow = 1;
+        this.showDateChange = false;
+        this.isEditMode = false;
+        this.isViewMode = false;
+        this.withSideBar = true;
+        this.defaultCpfNumber = null;
+        this.listDataReciever = [];
+        this.showButtonEdit = false;
+        this.isViewModeActive = new EventEmitter();
+        this.isEditModeActive = new EventEmitter();
+        this.isDeleteModeActive = new EventEmitter();
+        this.listFromApp = [];
+        this.visibleChange = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+        this.orderBy = {
             field: "dateChange",
             direction: DirectionEnumeration.DESC,
         };
-        _this.pixAccountItemInput = {};
-        _this.totalRecords = 0;
-        _this.actionLabel = _this.translateService.instant("hcm.payroll.entries_query_actions_total_title");
-        _this.loading = true;
-        _this.listData = [];
-        _this.listDataNoPage = [];
-        _this.showButtonView = true;
-        _this.showEditMode = false;
-        _this.hasRecordsPix = true;
-        _this.hideFields = _this.sharedStateService.hideField$;
-        _this.suggestions = [];
-        _this.formGroupByRow = {};
-        _this.cols = [
+        this.pixAccountItemInput = {};
+        this.totalRecords = 0;
+        this.actionLabel = this.translateService.instant("hcm.payroll.entries_query_actions_total_title");
+        this.loading = true;
+        this.listData = [];
+        this.listDataNoPage = [];
+        this.permitsEditBankAccount = false;
+        this.cols = [
             {
-                label: _this.translateService.instant("hcm.payroll.employees_addition_pix_key_type"),
+                label: this.translateService.instant("hcm.payroll.employees_addition_pix_key_type"),
                 field: "pixKeyType",
             },
             {
-                label: _this.translateService.instant("hcm.payroll.employees_addition_pix_key"),
+                label: this.translateService.instant("hcm.payroll.employees_addition_pix_key"),
                 field: "pixKey",
             },
             {
-                label: _this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
+                label: this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
                 field: "percentage",
             },
-            {
-                label: _this.translateService.instant("hcm.payroll.movimentation_generic_action"),
-                field: "actions",
-            }
         ];
-        _this.actions = function (rowData, key) {
+        this.actions = function (rowData, key) {
             if (rowData === void 0) { rowData = {}; }
             return [
                 {
@@ -9838,26 +9878,30 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
                     },
                 },
                 {
-                    visible: !!(!_this.isEditMode && _this.withSideBar),
+                    visible: !!((!_this.isEditMode && _this.withSideBar) || _this.showButtonEdit),
                     label: _this.translateService.instant("hcm.payroll.edit"),
                     command: function () {
+                        _this.permitsEditBankAccount = true;
                         if (_this.isAllowToEditHistorical) {
                             rowData["index"] = key;
-                            _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true };
+                            _this.pixAccountItemInput = {
+                                currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true, permitsEditBankAccount: true
+                            };
                             _this.visible = true;
                         }
                         else {
                             _this.isEditModeActive.emit(true);
                             if (_this.listFromApp.length == 0) {
                                 rowData["index"] = key;
-                                _this.pixAccountItemInput = { currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true };
-                                _this.visible = true;
+                                _this.pixAccountItemInput = {
+                                    currentItem: rowData, listData: _this.listDataNoPage, isEditMode: true, permitsEditBankAccount: true
+                                };
                             }
                         }
                     },
                 },
                 {
-                    visible: !_this.isEditMode || _this.showEditMode,
+                    visible: !_this.isEditMode,
                     label: _this.translateService.instant("hcm.payroll.delete"),
                     command: function () {
                         if (_this.isAllowToDeleteHistorical) {
@@ -9875,51 +9919,17 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
                 },
             ];
         };
-        _this.createFormGroup();
-        return _this;
+        this.createFormGroup();
     }
     HistoricalPixAccountComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.showFields = this.showField;
         this.formGroup.setControl(this.fieldFormGroup, this.historicalPixAccountList);
-        this.sharedStateService.showButton$.subscribe(function (value) {
-            _this.showButtonView = value;
-        });
-        this.sharedStateService.showEditMode$.subscribe(function (value) {
-            _this.showEditMode = value;
-            _this.isEditModeForSave = value;
-        });
-        this.sharedStateService.shouldReloadWindowOnlyEditMode$.subscribe(function (value) {
-            _this.reloadOnlyOnEdit.emit(value);
-        });
-        this.sharedStateService.hideBtnAddForViewMode$.subscribe(function (value) {
-            _this.hideBtnAddForViewMode = value;
-        });
-        this.sharedStateService.activeValidatorsOnEditModalOpen$
-            .subscribe(function () {
-            Object.values(_this.formGroupByRow).forEach(function (fg) {
-                Object.values(fg.controls).forEach(function (control) {
-                    control.markAsTouched();
-                    control.updateValueAndValidity();
-                });
-            });
-            _this.emitFormValidity();
-        });
     };
     HistoricalPixAccountComponent.prototype.ngOnChanges = function (changes) {
         if (changes['listDataReciever'] && changes['listDataReciever'].currentValue) {
             this.listFromApp = changes['listDataReciever'].currentValue;
         }
-        if (changes['addExistentHistoricData'] && changes['addExistentHistoricData'].currentValue) {
-            this.getHistoricalPixAccountList();
-        }
-        if (changes['addExistentHistoricData'] && changes['addExistentHistoricData'].currentValue) {
-            var newData = changes['addExistentHistoricData'].currentValue;
-            this.rebuildFormGroupMap(newData);
-        }
-        if (changes['isEditMode']) {
-            this.isEditMode = changes['isEditMode'].currentValue;
-            this.cd.detectChanges();
+        if (changes['showButtonEdit'] && changes['showButtonEdit'].currentValue) {
+            this.permitsEditBankAccount = changes['showButtonEdit'].currentValue;
         }
     };
     HistoricalPixAccountComponent.prototype.createFormGroup = function () {
@@ -9934,98 +9944,6 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
     HistoricalPixAccountComponent.prototype.ngAfterViewInit = function () {
         this.cd.detectChanges();
     };
-    HistoricalPixAccountComponent.prototype.emitFormValidity = function () {
-        var allValid = Object.values(this.formGroupByRow).every(function (fg) {
-            fg.updateValueAndValidity();
-            return fg.valid;
-        });
-        this.isValidChangeForm.emit(allValid);
-    };
-    HistoricalPixAccountComponent.prototype.filterPixKeyType = function (event) {
-        var _this = this;
-        var query = event.query;
-        this.service.enumQuery().subscribe(function (response) {
-            var pixKeyTypeEnum = response.results.find(function (result) { return result.enumName === 'PixKeyType'; });
-            if (pixKeyTypeEnum) {
-                _this.suggestions = pixKeyTypeEnum.items.filter(function (item) {
-                    return item.value.toLowerCase().includes(query.toLowerCase());
-                });
-            }
-            else {
-                _this.suggestions = [];
-            }
-        });
-    };
-    HistoricalPixAccountComponent.prototype.createPixRowFormGroup = function () {
-        return this.formBuilder.group({
-            pixKeyType: [null, Validators.required],
-            pixKey: [null],
-            percentage: [0, Validators.compose(__spread(this.initialValidatorOfPercentage, [
-                    Validators.max(this.maxValuePercentage),
-                ]))]
-        });
-    };
-    HistoricalPixAccountComponent.prototype.onPixKeyInput = function (event, index) {
-        var inputValue = event.target.value;
-        var inputRawValue = inputValue.replace(/\D/g, '');
-        var form = this.formGroupByRow[index];
-        var pixKeyControl = form.get('pixKey');
-        if (pixKeyControl) {
-            pixKeyControl.setValue(inputRawValue, { emitEvent: false });
-            pixKeyControl.markAsDirty();
-            pixKeyControl.updateValueAndValidity();
-        }
-        this.setPixKeyValidators(true, form);
-        this.emitFormValidity();
-    };
-    HistoricalPixAccountComponent.prototype.onBlurPixCpfAndCnpj = function (index) {
-        var form = this.formGroupByRow[index];
-        var pixKeyControl = form.get('pixKey');
-        var pixKeyTypeControl = form.get('pixKeyType');
-        if (!pixKeyControl || !pixKeyTypeControl)
-            return;
-        var currentValue = pixKeyControl.value;
-        var pixKeyType = pixKeyTypeControl.value.key;
-        var rawValue = (currentValue || '').replace(/\D/g, '');
-        pixKeyControl.setValue(rawValue, { emitEvent: false });
-        if (pixKeyControl.valid) {
-            form.patchValue({
-                pixKeyFormatted: FormatUtilsService.getFormattedSubscriptionNumber(rawValue, pixKeyType)
-            });
-        }
-        this.emitFormValidity();
-    };
-    HistoricalPixAccountComponent.prototype.getFormattedPixKey = function (type, value) {
-        return FormatUtilsService.getFormattedSubscriptionNumber(value, type);
-    };
-    HistoricalPixAccountComponent.prototype.syncPixDataToParentForm = function () {
-        if (!this.isEditModeForSave)
-            return;
-        var values = Object.values(this.formGroupByRow).map(function (fg) {
-            var value = fg.getRawValue();
-            var pixKeyType = value.pixKeyType.key;
-            if (pixKeyType === 'CPF' || pixKeyType === 'CNPJ') {
-                value.pixKey = (value.pixKey || '').replace(/[.\-\/]/g, '');
-            }
-            else if (pixKeyType === 'TELEPHONE') {
-                value.pixKey = (value.pixKey || '').replace(/[()\s\-]/g, '');
-            }
-            return value;
-        });
-        this.formGroup
-            .get(this.fieldFormGroup)
-            .get('historicalPixAccountList')
-            .setValue(values);
-        this.emitFormValidity();
-    };
-    HistoricalPixAccountComponent.prototype.syncResetPixFormToParent = function () {
-        this.formGroupByRow = {};
-        this.historicalPixAccountList.reset();
-        this.historicalPixAccountList.get('historicalPixAccountList').setValue([]);
-        if (this.addExistentHistoricData.length) {
-            this.rebuildFormGroupMap(this.addExistentHistoricData);
-        }
-    };
     HistoricalPixAccountComponent.prototype.onLazyLoad = function (event) {
         var _this = this;
         var first = event && event.first ? event.first : 0;
@@ -10053,7 +9971,6 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
             this.refreshCssInIE11();
         }
         this.loading = false;
-        this.cd.detectChanges();
     };
     /**
      * Um Bug de CSS que acontece nas linhas da tabela, que resolve só atualizando qualquer parte do CSS da pagina.
@@ -10071,68 +9988,12 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
         this.pixAccountItemInput = {};
         this.visible = true;
     };
-    HistoricalPixAccountComponent.prototype.addPix = function () {
-        var newItem = {
-            pixKeyType: {},
-            pixKey: '',
-            percentage: 0
-        };
-        var index = this.addExistentHistoricData.length;
-        this.addExistentHistoricData = __spread(this.addExistentHistoricData, [
-            newItem
-        ]);
-        this.formGroupByRow[index] = this.createPixRowFormGroup();
-        this.setValidatorsAccordingList(this.addExistentHistoricData, index, true);
-        this.emitFormValidity();
-    };
-    HistoricalPixAccountComponent.prototype.deletePix = function (index) {
-        if (this.dataListPix.editingCell) {
-            this.dataListPix.editingCell = null;
-        }
-        this.addExistentHistoricData = this.addExistentHistoricData.filter(function (_, i) { return i !== index; });
-        this.rebuildFormGroupMap(this.addExistentHistoricData);
-        this.emitFormValidity();
-    };
-    HistoricalPixAccountComponent.prototype.rebuildFormGroupMap = function (data) {
-        var _this = this;
-        this.formGroupByRow = {};
-        data.forEach(function (item, index) {
-            var form = _this.createPixRowFormGroup();
-            var pixKeyType = item.pixKeyType.key;
-            var pixKeyRaw = item.pixKey;
-            if (pixKeyType === 'CPF' || pixKeyType === 'CNPJ') {
-                item.pixKey = FormatUtilsService.getFormattedSubscriptionNumber(pixKeyRaw, pixKeyType);
-            }
-            if (pixKeyType === 'TELEPHONE') {
-                item.pixKey = FormatUtilsService.getFormattedTelephoneNumber(pixKeyRaw);
-            }
-            form.patchValue(item);
-            _this.formGroupByRow[index] = form;
-            _this.pixKeyType = pixKeyType;
-            _this.setPixKeyValidators(true, form);
-            _this.setValidatorsAccordingList(data, index, _this.isEditMode);
-            var listValues = data
-                .filter(function (_, i) { return i !== index; })
-                .map(function (row) { return row.percentage ? parseFloat(row.percentage) : 0; });
-            _this.validatePercentageValid(listValues, form);
-        });
-        this.emitFormValidity();
-    };
-    HistoricalPixAccountComponent.prototype.onPixKeyTypeChange = function (item, index) {
-        var _this = this;
-        var form = this.formGroupByRow[index];
-        this.onChangePixKeyType(item, form);
-        this.addExistentHistoricData[index].pixKey = '';
-        setTimeout(function () {
-            if (_this.dataListPix.editingCell) {
-                _this.dataListPix.editingCell = null;
-            }
-        });
-        this.cd.detectChanges();
-    };
-    HistoricalPixAccountComponent.prototype.onPixKeyTypeClear = function (index) {
-        var form = this.formGroupByRow[index];
-        this.onClearPixKeyType(form);
+    HistoricalPixAccountComponent.prototype.isNotAllowMessage = function () {
+        this.messageService.add({
+            severity: "error",
+            summary: this.translateService.instant("hcm.payroll.error"),
+            detail: this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+        });
     };
     HistoricalPixAccountComponent.prototype.deleteAnnuityItem = function (index) {
         var newlist = __spread(this.getHistoricalPixAccountList());
@@ -10166,6 +10027,10 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
             $event["dateChange"] = this.dateChange;
             newDataList.push($event);
         }
+        if (this.formComponent) {
+            this.formComponent.permitsEditBankAccountForm = false;
+            this.cd.detectChanges();
+        }
         this.historicalPixAccountList.get("historicalPixAccountList").setValue(newDataList);
         this.verifyTotalPercentage();
         this.onLazyLoad({ first: this.getNumberPageByIndex(index, newDataList) });
@@ -10194,23 +10059,6 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
             this.msgTotalLimitByPercentage = null;
         }
     };
-    HistoricalPixAccountComponent.prototype.onSyncValue = function (field, index) {
-        if (this.formGroupByRow &&
-            this.formGroupByRow[index] &&
-            this.formGroupByRow[index].get(field)) {
-            var control = this.formGroupByRow[index].get(field);
-            var value = control.value;
-            this.addExistentHistoricData[index][field] = value;
-            control.markAsDirty();
-            control.markAsTouched();
-            control.updateValueAndValidity();
-            var currentList = this.addExistentHistoricData.map(function (item, i) {
-                return i === index ? 0 : item.percentage;
-            });
-            this.validatePercentageValid(currentList, this.formGroupByRow[index]);
-            this.emitFormValidity();
-        }
-    };
     Object.defineProperty(HistoricalPixAccountComponent.prototype, "scopedActions", {
         get: function () {
             return this.actions.bind(this);
@@ -10277,20 +10125,9 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
         set: function (value) {
             this._visible = value;
             this.visibleChange.emit(this.visible);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountComponent.prototype, "paramsForm", {
-        set: function (value) {
-            this._paramsForm = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountComponent.prototype, "defaultCpfNumber", {
-        set: function (value) {
-            this._defaultCpfNumber = value;
+            if (!value) {
+                this.pixAccountItemInput = {};
+            }
         },
         enumerable: true,
         configurable: true
@@ -10342,15 +10179,14 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
         { type: TranslateService },
         { type: ChangeDetectorRef },
         { type: FormBuilder },
-        { type: SharedStateService },
-        { type: HistoricalPixAccountService }
+        { type: MessageService }
     ]; };
     __decorate([
         ViewChild(CustomFieldsComponent$1, { static: false })
     ], HistoricalPixAccountComponent.prototype, "customFields", void 0);
     __decorate([
-        ViewChild('dataListPix', { static: false })
-    ], HistoricalPixAccountComponent.prototype, "dataListPix", void 0);
+        ViewChild(HistoricalPixAccountFormComponent, { static: false })
+    ], HistoricalPixAccountComponent.prototype, "formComponent", void 0);
     __decorate([
         Input()
     ], HistoricalPixAccountComponent.prototype, "formGroup", void 0);
@@ -10392,22 +10228,19 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
     ], HistoricalPixAccountComponent.prototype, "withSideBar", void 0);
     __decorate([
         Input()
-    ], HistoricalPixAccountComponent.prototype, "permission", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
+    ], HistoricalPixAccountComponent.prototype, "paramsForm", void 0);
     __decorate([
         Input()
-    ], HistoricalPixAccountComponent.prototype, "addExistentHistoricData", void 0);
+    ], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", void 0);
     __decorate([
         Input()
-    ], HistoricalPixAccountComponent.prototype, "getListPixAccount", void 0);
+    ], HistoricalPixAccountComponent.prototype, "permission", void 0);
     __decorate([
         Input()
-    ], HistoricalPixAccountComponent.prototype, "isEditModeForSave", void 0);
+    ], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
     __decorate([
         Input()
-    ], HistoricalPixAccountComponent.prototype, "showField", void 0);
+    ], HistoricalPixAccountComponent.prototype, "showButtonEdit", void 0);
     __decorate([
         Output()
     ], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
@@ -10417,12 +10250,6 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
     __decorate([
         Output()
     ], HistoricalPixAccountComponent.prototype, "isDeleteModeActive", void 0);
-    __decorate([
-        Output()
-    ], HistoricalPixAccountComponent.prototype, "isValidChangeForm", void 0);
-    __decorate([
-        Output()
-    ], HistoricalPixAccountComponent.prototype, "reloadOnlyOnEdit", void 0);
     __decorate([
         Input()
     ], HistoricalPixAccountComponent.prototype, "dateChange", null);
@@ -10435,252 +10262,33 @@ var HistoricalPixAccountComponent = /** @class */ (function (_super) {
     __decorate([
         Input()
     ], HistoricalPixAccountComponent.prototype, "visible", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountComponent.prototype, "paramsForm", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", null);
     HistoricalPixAccountComponent = __decorate([
         Component({
             // tslint:disable-next-line:component-selector
             selector: "c-historical-pix-account",
-            template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              [showField]=\"showFields\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode && !hideBtnAddForViewMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div *ngIf=\"showFields || !showEditMode || !(hideFields | async)\" class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col *ngIf=\"showButtonView\" [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th *ngIf=\"showButtonView\" id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length && showButtonView\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"!isViewMode &&  actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"!isViewMode && actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n\n<!-- Template exlusivo para edi\u00E7\u00E3o de pix via modal-->\n<div *ngIf=\"!withSideBar && showEditMode && (hideFields | async)\" class=\"ui-g-12\">\n    <!-- Bot\u00E3o Adicionar -->\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <s-button\n                id=\"btn-save\"\n                label=\"{{ 'hcm.payroll.historical_pix_account_add' | translate}}\"\n                priority=\"primary\"\n                (onClick)=\"addPix()\">\n            </s-button>\n        </div>\n    </div>\n\n    <!-- Tabela -->\n    <p-table #dataListPix sortField=\"percentage\"\n        [columns]=\"cols\"\n        [value]=\"addExistentHistoricData\"\n        [pageLinks]=\"3\"\n        [paginator]=\"true\"\n        [responsive]=\"true\"\n        [rows]=\"10\"\n        [resetPageOnSort]=\"false\"\n        [tableStyle]=\"{'margin-top': '2rem'}\"\n        [customSort]=\"true\">\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th *ngFor=\"let col of cols\">\n                    {{ col.label }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\n            <ng-container *ngIf=\"formGroupByRow[rowIndex]\" [formGroup]=\"formGroupByRow[rowIndex]\">\n              <tr>\n                <!-- Tipo de Chave -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKeyType\" pEditableColumnField=\"pixKeyType\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <div style=\"width: 100%; position: relative;\">\n                        <p-autoComplete\n                          [suggestions]=\"suggestions\"\n                          (completeMethod)=\"filterPixKeyType($event)\"\n                          formControlName=\"pixKeyType\"\n                          [dropdown]=\"true\"\n                          (onSelect)=\"onPixKeyTypeChange($event, rowIndex)\"\n                          (onClear)=\"onPixKeyTypeClear(rowIndex)\"\n                          (ngModelChange)=\"onSyncValue('pixKeyType', rowIndex)\"\n                          field=\"value\"\n                          placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                          appendTo=\"body\"\n                          [panelStyle]=\"{ maxWidth: '300px', width: '100%' }\"\n                          [inputStyle]=\"{ width: '100%' }\"\n                        ></p-autoComplete>\n\n                        <s-control-errors [control]=\"formGroupByRow[rowIndex]?.get('pixKeyType')\"\n                          [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                          }\">\n                        </s-control-errors>\n                      </div>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                      {{ item.pixKeyType?.value }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Chave Pix -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKey\" pEditableColumnField=\"pixKey\"\n                    [ngClass]=\"{'required': item.pixKeyType.key !== 'BANK_ACCOUNT',\n                        'disabled': item.pixKeyType && item.pixKeyType.key === 'BANK_ACCOUNT'\n                    }\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <ng-container [ngSwitch]=\"item.pixKeyType.key\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\"\n                            only-number\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (keyup)=\"phoneMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"15\"\n                            placeholder=\"(__) ____-____\" />\n\n                        <input *ngSwitchCase=\"'CPF'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"14\"\n                            placeholder=\"___.___.___-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cpfMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'CNPJ'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"18\"\n                            placeholder=\"___.___.___/____-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cnpjMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                            pInputText\n                            type=\"email\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            placeholder=\"{{ 'hcm.payroll.employees_addition_email' | translate }}\" />\n\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            [disabled]=\"true\" />\n\n                        <input *ngSwitchDefault\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"100\" />\n                      </ng-container>\n\n                      <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\"\n                        [control]=\"formGroupByRow[rowIndex]?.get('pixKey')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: formGroupByRow[rowIndex]?.get('pixKey').value },\n                          invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                          cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                          cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ getFormattedPixKey(item.pixKeyType?.key, item.pixKey) }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Percentual -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.percentage\" pEditableColumnField=\"percentage\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <input\n                        pInputText type=\"number\"\n                        formControlName=\"percentage\"\n                        (ngModelChange)=\"onSyncValue('percentage', rowIndex)\"\n                      >\n                      <s-control-errors\n                        [control]=\"formGroupByRow[rowIndex]?.get('percentage')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                          max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                          min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ item.percentage?.toFixed(2).replace('.', ',') }}%\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Bot\u00E3o de excluir -->\n                <td>\n                  <s-button\n                    id=\"btn-delete\"\n                    label=\"{{ 'hcm.payroll.delete' | translate }}\"\n                    priority=\"default\"\n                    (onClick)=\"deletePix(rowIndex)\">\n                </s-button>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-template>\n    </p-table>\n</div>\n",
+            template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar && !isViewMode\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  [permitsEditBankAccountForm]=\"permitsEditBankAccount\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col *ngIf=\"!isViewMode\" [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th *ngIf=\"!isViewMode\" id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length && !isViewMode\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n",
             styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
         })
     ], HistoricalPixAccountComponent);
     return HistoricalPixAccountComponent;
-}(HistoricakPixAccountBase));
-
-var HistoricalPixAccountFormComponent = /** @class */ (function (_super) {
-    __extends(HistoricalPixAccountFormComponent, _super);
-    function HistoricalPixAccountFormComponent(formBuilder, cd, sharedStateService) {
-        var _this = _super.call(this, formBuilder) || this;
-        _this.cd = cd;
-        _this.sharedStateService = sharedStateService;
-        _this.withSideBar = true;
-        _this.isEditMode = false;
-        _this.showField = false;
-        _this.visibleChange = new EventEmitter();
-        _this.pixAccountItemToList = new EventEmitter();
-        _this.ngUnsubscribe = new Subject();
-        _this.labelBtnAdd = "hcm.payroll.employees_add";
-        _this.visibleBtnSave = true;
-        _this.isView = false;
-        _this.isShowPixKeyFieldValidatorMessage = false;
-        _this.hideFields = _this.sharedStateService.hideField$;
-        _this.registerSubjects();
-        return _this;
-    }
-    HistoricalPixAccountFormComponent.prototype.ngOnInit = function () { };
-    HistoricalPixAccountFormComponent.prototype.ngAfterViewInit = function () {
-        this.cd.detectChanges();
-    };
-    HistoricalPixAccountFormComponent.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next(true);
-        this.ngUnsubscribe.unsubscribe();
-    };
-    HistoricalPixAccountFormComponent.prototype.registerSubjects = function () { };
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "visible", {
-        get: function () {
-            return this._visible;
-        },
-        set: function (value) {
-            this._visible = value;
-            this.visibleChange.emit(this.visible);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "isEditAndViewValue", {
-        set: function (value) {
-            this.resetForm();
-            this.visibleBtnSave = true;
-            if (value && value.currentItem && Object.keys(value.currentItem).length) {
-                this.pixAccountFormGroup.patchValue(this.convertDTOToShowWithCustomFields(__assign({}, value.currentItem)));
-                this.labelBtnAdd = "hcm.payroll.employees_update";
-                this.setValidatorsAccordingList(value.listData, value.currentItem["index"], value && value["isEditMode"]);
-                if (!this.isView) {
-                    this.configEnableFields(value && value["isEditMode"]);
-                }
-                else {
-                    if (this.pixAccountFormGroup.get("pixKeyType").value) {
-                        this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-                        this.formatPixKeyTelephoneNumber();
-                    }
-                }
-            }
-            else {
-                this.labelBtnAdd = "hcm.payroll.employees_add";
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    HistoricalPixAccountFormComponent.prototype.formatPixKeyTelephoneNumber = function () {
-        if (this.pixKeyType === "TELEPHONE") {
-            var pixKeyCtrl = this.pixAccountFormGroup.get("pixKey");
-            pixKeyCtrl.setValue(FormatUtilsService.getFormattedTelephoneNumber(pixKeyCtrl.value));
-        }
-    };
-    HistoricalPixAccountFormComponent.prototype.convertDTOToShowWithCustomFields = function (data) {
-        var obj = __assign({}, data);
-        obj["customFields"] = mountCustomToShow(obj["customFields"]);
-        return obj;
-    };
-    HistoricalPixAccountFormComponent.prototype.configEnableFields = function (isEditMode) {
-        this.visibleBtnSave = isEditMode;
-        if (this.pixAccountFormGroup.get("pixKeyType").value) {
-            this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-            this.setPixKeyValidators(isEditMode, this.pixAccountFormGroup);
-            this.formatPixKeyTelephoneNumber();
-        }
-        configEnabledFields(this.pixAccountFormGroup, isEditMode, [
-            "pixKeyType",
-            "pixKey",
-            "percentage",
-            "customFields"
-        ], []);
-    };
-    HistoricalPixAccountFormComponent.prototype.close = function () {
-        this.resetForm();
-        this.visible = false;
-    };
-    HistoricalPixAccountFormComponent.prototype.addItem = function () {
-        if (this.pixAccountFormGroup.valid) {
-            if (this.employeeId) {
-                this.pixAccountFormGroup.get("employee").setValue({
-                    tableId: this.employeeId,
-                    name: ""
-                });
-            }
-            this.pixAccountItemToList.emit(this.pixAccountFormGroup.getRawValue());
-            this.visible = false;
-            this.resetForm();
-        }
-    };
-    HistoricalPixAccountFormComponent.prototype.resetForm = function () {
-        this.pixAccountFormGroup.reset();
-        this.labelBtnAdd = "hcm.payroll.employees_add";
-        if (this.customFields && this.customFields.formGroup)
-            this.customFields.formGroup.reset();
-    };
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "percentagePlaceholder", {
-        get: function () {
-            return "0" + (this.currency && this.currency.decimalSeparator) + "00";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "optionsPercentage", {
-        get: function () {
-            return __assign({}, this.getOptions(), { precision: 2 });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    HistoricalPixAccountFormComponent.prototype.getOptions = function () {
-        return {
-            prefix: "",
-            thousands: this.currency.thousandsSeparator,
-            decimal: this.currency.decimalSeparator
-        };
+}());
+
+var HistoricalPixAccountService = /** @class */ (function () {
+    function HistoricalPixAccountService(http) {
+        this.http = http;
+    }
+    HistoricalPixAccountService.prototype.query = function (path, body, service) {
+        if (service === void 0) { service = ServiceType.PAYROLL; }
+        return this.http.query(path, body, service);
     };
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "getListPixAccount", {
-        set: function (pixAccountList) {
-            if (pixAccountList) {
-                this.setValidatorsAccordingList(pixAccountList, null, false);
-            }
-            else {
-                this.resetForm();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "isViewMode", {
-        set: function (condition) {
-            this.isView = !!(condition && !this.withSideBar);
-            this.configEnableFields(!this.isView);
-            if (!this.isView)
-                this.resetForm();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "paramsForm", {
-        set: function (value) {
-            this._paramsForm = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", {
-        set: function (value) {
-            this._defaultCpfNumber = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    HistoricalPixAccountFormComponent.ctorParameters = function () { return [
-        { type: FormBuilder },
-        { type: ChangeDetectorRef },
-        { type: SharedStateService }
+    HistoricalPixAccountService.ctorParameters = function () { return [
+        { type: HttpClientService }
     ]; };
-    __decorate([
-        ViewChild(CustomFieldsComponent$1, { static: true })
-    ], HistoricalPixAccountFormComponent.prototype, "customFields", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "currency", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "customEntity", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "customService", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "withSideBar", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "isEditMode", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "showField", void 0);
-    __decorate([
-        Output()
-    ], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
-    __decorate([
-        Output()
-    ], HistoricalPixAccountFormComponent.prototype, "pixAccountItemToList", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "visible", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "isEditAndViewValue", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "getListPixAccount", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "isViewMode", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "paramsForm", null);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", null);
-    HistoricalPixAccountFormComponent = __decorate([
-        Component({
-            selector: "pix-account",
-            template: "<div id=\"main\">\n    <form *ngIf=\"showField || !(hideFields | async)\"  [formGroup]=\"pixAccountFormGroup\" autocomplete=\"off\">\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <!-- Tipo de chave -->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key_type'|translate}}</label>\n                    <input-rest-auto-complete-enum [dropdown]=\"true\" server=\"payroll\"\n                                                   enumeration=\"PixKeyType\"\n                                                   placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                                                   name=\"pixKeyType\" [form]=\"pixAccountFormGroup\"\n                                                   (onSelect)=\"onChangePixKeyType($event)\"\n                                                   (onClear)=\"onClearPixKeyType()\"\n                                                   id=\"ta-pixKeyType\"></input-rest-auto-complete-enum>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('pixKeyType')\"\n                                      [errorMessages]=\"{\n                                        required: 'hcm.payroll.required' | translate,\n                                        pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                                    }\">\n                    </s-control-errors>\n                </div>\n                <!--Chave Pix-->\n                <div class=\"ui-md-6 ui-sm-12\" [ngClass]=\"{'required': pixKeyType !== 'BANK_ACCOUNT'}\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key' | translate}}</label>\n                    <ng-container [ngSwitch]=\"pixKeyType\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\" only-number\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                (keyup)=\"phoneMask($event)\" maxlength=\"15\"\n                                placeholder=\"(__) ____-____\">\n                        <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"___.___.___-__\"\n                                mask=\"999.999.999-99\" [unmask]=\"true\"></p-inputMask>\n                        <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"__.___.___/____-__\"\n                                mask=\"99.999.999/9999-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\" maxlength=\"100\" />\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.get('pixKey').value },\n                            invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                            cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                            cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                    </s-control-errors>\n                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('percentage')\"\n                                      [errorMessages]=\"{\n                                required: 'hcm.payroll.required' | translate,\n                                maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                                max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                                min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                    }\">\n                    </s-control-errors>\n                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\n</div>\n",
-            styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
-        })
-    ], HistoricalPixAccountFormComponent);
-    return HistoricalPixAccountFormComponent;
-}(HistoricakPixAccountBase));
+    HistoricalPixAccountService = __decorate([
+        Injectable()
+    ], HistoricalPixAccountService);
+    return HistoricalPixAccountService;
+}());
 
 var HistoricalPixAccountModule = /** @class */ (function () {
     function HistoricalPixAccountModule() {
@@ -10710,8 +10318,6 @@ var HistoricalPixAccountModule = /** @class */ (function () {
                 CustomFieldsModule$1,
                 PanelModule,
                 InputMaskModule,
-                DropdownModule,
-                TabViewModule,
             ],
             declarations: [HistoricalPixAccountComponent, HistoricalPixAccountFormComponent],
             providers: [HistoricalPixAccountService, ConfirmationService],
@@ -10754,7 +10360,7 @@ var HistoricalPixAccountListService = /** @class */ (function () {
 
 var moment$e = moment_;
 var HistoricalPixAccountListComponent = /** @class */ (function () {
-    function HistoricalPixAccountListComponent(confirmationService, translateService, activatedRoute, cd, router, messageService, historicalPixAccountListService, sharedStateService) {
+    function HistoricalPixAccountListComponent(confirmationService, translateService, activatedRoute, cd, router, messageService, historicalPixAccountListService) {
         this.confirmationService = confirmationService;
         this.translateService = translateService;
         this.activatedRoute = activatedRoute;
@@ -10762,14 +10368,13 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
         this.router = router;
         this.messageService = messageService;
         this.historicalPixAccountListService = historicalPixAccountListService;
-        this.sharedStateService = sharedStateService;
         this.endPoint = "hcm/payroll/queries/historicalEmployeePixQuery";
         this.keyPayload = "historicalEmployeePix";
         this.withSidebar = true;
         this.isOnlyView = new EventEmitter();
         this.isOnlyEdit = new EventEmitter();
         this.enableView = new EventEmitter();
-        this.isEditJudicialDependentPix = new EventEmitter();
+        this.enableEdit = new EventEmitter();
         this.ngUnsubscribe = new Subject();
         this.loading = true;
         this.columns = [
@@ -10789,7 +10394,6 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
     HistoricalPixAccountListComponent.prototype.ngOnDestroy = function () {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        this.unsubscribe();
     };
     HistoricalPixAccountListComponent.prototype.ngAfterViewInit = function () {
         this.cd.detectChanges();
@@ -10809,20 +10413,14 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
                 label: this.translateService.instant("hcm.payroll.employees_image_cropper_view"),
                 command: function () {
                     if (_this.isAllowToViewHistorical) {
-                        _this.sharedStateService.setHideField(true);
-                        _this.sharedStateService.setShowButton(false);
-                        _this.sharedStateService.setShowEditMode(false);
                         var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
                         if (_this.withSidebar) {
                             _this.isOnlyView.emit(true);
-                            _this.isOnlyEdit.emit(false);
-                            _this.sharedStateService.setHideBtnAddForViewMode(true);
                             _this.router.navigate(["historical-pix-account/" + dateChange], {
                                 relativeTo: _this.activatedRoute,
                             });
                         }
                         else {
-                            _this.sharedStateService.setSaveButton(false);
                             _this.enableView.emit(dateChange);
                         }
                     }
@@ -10835,25 +10433,16 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
                 label: this.translateService.instant("hcm.payroll.edit"),
                 command: function () {
                     if (_this.isAllowToEditHistorical) {
-                        _this.sharedStateService.setHideField(true);
-                        _this.sharedStateService.setShowButton(false);
-                        _this.sharedStateService.setShowEditMode(true);
                         var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
                         if (_this.withSidebar) {
                             _this.isOnlyView.emit(false);
                             _this.isOnlyEdit.emit(true);
-                            _this.sharedStateService.setHideBtnAddForViewMode(false);
                             _this.router.navigate(["historical-pix-account/" + dateChange], {
                                 relativeTo: _this.activatedRoute,
                             });
-                            _this.sharedStateService.setShouldReloadWindowOnlyEditMode(true);
                         }
                         else {
-                            setTimeout(function () {
-                                _this.sharedStateService.triggerActiveValidatorsOnEditModalOpen();
-                            });
-                            _this.sharedStateService.setSaveButton(true);
-                            _this.enableView.emit(dateChange);
+                            _this.enableEdit.emit(dateChange);
                         }
                     }
                     else {
@@ -10938,24 +10527,6 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
             this.lastRecord = payload[0];
         }
     };
-    HistoricalPixAccountListComponent.prototype.unsubscribe = function () {
-        if (this._subscription) {
-            this._subscription.unsubscribe();
-        }
-    };
-    Object.defineProperty(HistoricalPixAccountListComponent.prototype, "hideFieldsOnAdd$", {
-        set: function (subject) {
-            var _this = this;
-            this.unsubscribe();
-            if (subject) {
-                this._subscription = subject.subscribe(function (value) {
-                    _this.sharedStateService.setHideField(value);
-                });
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToAddHistorical", {
         get: function () {
             return (this.permission["incluir"]);
@@ -11008,8 +10579,7 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
         { type: ChangeDetectorRef },
         { type: Router },
         { type: MessageService },
-        { type: HistoricalPixAccountListService },
-        { type: SharedStateService }
+        { type: HistoricalPixAccountListService }
     ]; };
     __decorate([
         ViewChild(CustomFieldsComponent$1, { static: false })
@@ -11035,9 +10605,6 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], HistoricalPixAccountListComponent.prototype, "withSidebar", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountListComponent.prototype, "hideField", void 0);
     __decorate([
         Output()
     ], HistoricalPixAccountListComponent.prototype, "isOnlyView", void 0);
@@ -11049,10 +10616,7 @@ var HistoricalPixAccountListComponent = /** @class */ (function () {
     ], HistoricalPixAccountListComponent.prototype, "enableView", void 0);
     __decorate([
         Output()
-    ], HistoricalPixAccountListComponent.prototype, "isEditJudicialDependentPix", void 0);
-    __decorate([
-        Input()
-    ], HistoricalPixAccountListComponent.prototype, "hideFieldsOnAdd$", null);
+    ], HistoricalPixAccountListComponent.prototype, "enableEdit", void 0);
     __decorate([
         Input()
     ], HistoricalPixAccountListComponent.prototype, "reloadList", null);
@@ -11102,5 +10666,5 @@ var HistoricalPixAccountListModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AdmissionDraftSummaryComponent, AdmissionDraftSummaryModule, AdmissionDraftSummaryService, AutocompleteParametersService, BlockUiComponent, BlockUiModule, BreadcrumbComponent, BreadcrumbSDSModule, CNPJValidator, CPFValidator, CompanyIndicationType, CompanyIndicationsService, CompareType, ControlMessagesErrorComponent, ControlMessagesErrorModule, CoreDirectives, CoreFieldType, CustomFieldsComponent, CustomFieldsModule, DataListModule, DataListRestModule, DateValidator, DirectionEnumeration, EmployeeSelectorComponent, EmployeeSelectorModule, EmployeeSummaryComponent, EmployeeSummaryModule, EmployeeSummaryService, EntityODataParameter, ErrorPageComponent, ErrorPageModule, FieldValidatorComponent, FieldValidatorModule, FileUploadComponent, FileUploadCoreModule, FormComparatorService, FromToComponent, FromToModule, HistoricalBankAccountComponent, HistoricalBankAccountListComponent, HistoricalBankAccountListModule, HistoricalBankAccountListService, HistoricalBankAccountModule, HistoricalBankAccountService, HistoricalPixAccountComponent, HistoricalPixAccountListComponent, HistoricalPixAccountListModule, HistoricalPixAccountListService, HistoricalPixAccountModule, HistoricalPixAccountService, HttpClientService, HttpRequestType, ImageCropComponent, ImageCropModule, ImageCropService, InputDateComponent, InputDateModelComponent, InputDateModelModule, InputDateModule, InputRestAutoCompleteComponent, InputRestAutoCompleteEmployeeModelModule, InputRestAutoCompleteEmployeeModelService, InputRestAutoCompleteEmployeeModule, InputRestAutoCompleteEmployeeService, InputRestAutoCompleteEnumComponent, InputRestAutoCompleteEnumModule, InputRestAutoCompleteEnumService, InputRestAutoCompleteJobpositionComponent, InputRestAutoCompleteJobpositionModule, InputRestAutoCompleteJobpositionService, InputRestAutoCompleteModelEnumModule, InputRestAutoCompleteModelEnumService, InputRestAutoCompleteModelModule, InputRestAutoCompleteModelService, InputRestAutoCompleteModule, InputRestAutoCompleteService, IntegrationService, ListRestComponent, ListRestModule, LookupModule, LookupParametersService, MenuType, ModuleType, NameNotSpacesDirective, OnlyNumberDirective, Operators, ParameterType, PermissionService, ReportFormat, ReportService, ReportStage, ServiceType, ServicesModule, SharedStateService, SpinnerLoaderComponent, SpinnerLoaderModule, StringMethods, ToastComponent, ToastModule, ToastService, TypeAdmissionModule, TypeAdmissionServices, UsingType, WorkflowDataService, WorkflowIntegrator, WorkstationgroupLookupDto, WorkstationgroupLookupModule, _moment, assign, autoCompleteObjectForIdObject, clearValues, cnpjValidator, compareValues, configEnabledFields, containsMoreThanOneConsecutiveAbbreviation, containsMoreThanOneConsecutiveBlankSpace, containsMoreThanTwoRepeatedCharacters, containsSpecialCharacters, convertBooleanString, convertStringToBoolean, cpfValidator, firstNameIsValid, firstNameLengthIsValid, formatMoney, fullNameLengthIsValid, getAddWeekDaysBusiness, getFormat, getFormatDate, getMoment, getNowDate, getObjValids, getQueryParams, getWeekDaysBusiness, getYears, invertFieldDate, isBirthDayValid, isDateCompare, isDateExpirationBeforeExpeditionDate, isDateField, isDateSameOrAfterCurrentDate, isFullDate, isMax, isNumber, isObject, isRequired, isShallow, isValid, isValidDate, isValidPIS, mountCustomForSave, mountCustomForShow, mountCustomToSave, mountCustomToShow, mountGeneratedCustomToSave, ngCalendarFormat, notEmpty, numberOrZero, removeCharacteresSpecials, removeEmpty, removeWhiteSpaces, setCustonFields, setDisableField, setErrors, setRequired, setRequiredFields, setValidator, setValidatorsAndDisableFields, setValueCustom, stringMethods, sun, uiid, validateBirthDate, verifyValidationsForm, SharedModule as ɵa, DataListRestComponent as ɵb, DataListRestService as ɵc, FileUploadService as ɵd, InputRestAutoCompleteEmployeeComponent as ɵe, InputRestAutoCompleteEmployeeModelComponent as ɵf, InputRestAutoCompleteModelComponent as ɵg, InputRestAutoCompleteModelEnumComponent as ɵh, ListRestService as ɵi, DataListComponent as ɵj, DataListService as ɵk, LookupComponent as ɵl, LookupService as ɵm, WorkstationgroupLookupComponent as ɵn, AutocompleteService as ɵo, LookupService$1 as ɵp, HistoricalBankAccountFormComponent as ɵq, HistoricakPixAccountBase as ɵr, HistoricalPixAccountFormComponent as ɵs };
+export { AdmissionDraftSummaryComponent, AdmissionDraftSummaryModule, AdmissionDraftSummaryService, AutocompleteParametersService, BlockUiComponent, BlockUiModule, BreadcrumbComponent, BreadcrumbSDSModule, CNPJValidator, CPFValidator, CompanyIndicationType, CompanyIndicationsService, CompareType, ControlMessagesErrorComponent, ControlMessagesErrorModule, CoreDirectives, CoreFieldType, CustomFieldsComponent, CustomFieldsModule, DataListModule, DataListRestModule, DateValidator, DirectionEnumeration, EmployeeSelectorComponent, EmployeeSelectorModule, EmployeeSummaryComponent, EmployeeSummaryModule, EmployeeSummaryService, EntityODataParameter, ErrorPageComponent, ErrorPageModule, FieldValidatorComponent, FieldValidatorModule, FileUploadComponent, FileUploadCoreModule, FormComparatorService, FromToComponent, FromToModule, HistoricalBankAccountComponent, HistoricalBankAccountListComponent, HistoricalBankAccountListModule, HistoricalBankAccountListService, HistoricalBankAccountModule, HistoricalBankAccountService, HistoricalPixAccountComponent, HistoricalPixAccountListComponent, HistoricalPixAccountListModule, HistoricalPixAccountListService, HistoricalPixAccountModule, HistoricalPixAccountService, HttpClientService, HttpRequestType, ImageCropComponent, ImageCropModule, ImageCropService, InputDateComponent, InputDateModelComponent, InputDateModelModule, InputDateModule, InputRestAutoCompleteComponent, InputRestAutoCompleteEmployeeModelModule, InputRestAutoCompleteEmployeeModelService, InputRestAutoCompleteEmployeeModule, InputRestAutoCompleteEmployeeService, InputRestAutoCompleteEnumComponent, InputRestAutoCompleteEnumModule, InputRestAutoCompleteEnumService, InputRestAutoCompleteJobpositionComponent, InputRestAutoCompleteJobpositionModule, InputRestAutoCompleteJobpositionService, InputRestAutoCompleteModelEnumModule, InputRestAutoCompleteModelEnumService, InputRestAutoCompleteModelModule, InputRestAutoCompleteModelService, InputRestAutoCompleteModule, InputRestAutoCompleteService, IntegrationService, ListRestComponent, ListRestModule, LookupModule, LookupParametersService, MenuType, ModuleType, NameNotSpacesDirective, OnlyNumberDirective, Operators, ParameterType, PermissionService, ReportFormat, ReportService, ReportStage, ServiceType, ServicesModule, SpinnerLoaderComponent, SpinnerLoaderModule, StringMethods, ToastComponent, ToastModule, ToastService, TypeAdmissionModule, TypeAdmissionServices, UsingType, WorkflowDataService, WorkflowIntegrator, WorkstationgroupLookupDto, WorkstationgroupLookupModule, _moment, assign, autoCompleteObjectForIdObject, clearValues, cnpjValidator, compareValues, configEnabledFields, containsMoreThanOneConsecutiveAbbreviation, containsMoreThanOneConsecutiveBlankSpace, containsMoreThanTwoRepeatedCharacters, containsSpecialCharacters, convertBooleanString, convertStringToBoolean, cpfValidator, firstNameIsValid, firstNameLengthIsValid, formatMoney, fullNameLengthIsValid, getAddWeekDaysBusiness, getFormat, getFormatDate, getMoment, getNowDate, getObjValids, getQueryParams, getWeekDaysBusiness, getYears, invertFieldDate, isBirthDayValid, isDateCompare, isDateExpirationBeforeExpeditionDate, isDateField, isDateSameOrAfterCurrentDate, isFullDate, isMax, isNumber, isObject, isRequired, isShallow, isValid, isValidDate, isValidPIS, mountCustomForSave, mountCustomForShow, mountCustomToSave, mountCustomToShow, mountGeneratedCustomToSave, ngCalendarFormat, notEmpty, numberOrZero, removeCharacteresSpecials, removeEmpty, removeWhiteSpaces, setCustonFields, setDisableField, setErrors, setRequired, setRequiredFields, setValidator, setValidatorsAndDisableFields, setValueCustom, stringMethods, sun, uiid, validateBirthDate, verifyValidationsForm, SharedModule as ɵa, DataListRestComponent as ɵb, DataListRestService as ɵc, FileUploadService as ɵd, InputRestAutoCompleteEmployeeComponent as ɵe, InputRestAutoCompleteEmployeeModelComponent as ɵf, InputRestAutoCompleteModelComponent as ɵg, InputRestAutoCompleteModelEnumComponent as ɵh, ListRestService as ɵi, DataListComponent as ɵj, DataListService as ɵk, LookupComponent as ɵl, LookupService as ɵm, WorkstationgroupLookupComponent as ɵn, AutocompleteService as ɵo, LookupService$1 as ɵp, HistoricalBankAccountFormComponent as ɵq, HistoricalPixAccountFormComponent as ɵr };
 //# sourceMappingURL=senior-gestao-pessoas-payroll-core.js.map