@senior-gestao-pessoas/payroll-core 9.7.0 → 9.8.0

package/bundles/senior-gestao-pessoas-payroll-core.umd.js

@@ -312,6 +312,59 @@
             }
             return true;
         };
+        CNPJValidator.prototype.checkCNPJAlphanumeric = function (value) {
+            var cnpj = value;
+            if (cnpj) {
+                cnpj = cnpj.replace(/[^\dA-Za-z]/g, '').toUpperCase();
+                if (cnpj.length !== 14) {
+                    return true;
+                }
+                // Valida que dígitos verificadores são numéricos
+                if (!/^\d$/.test(cnpj.charAt(12)) || !/^\d$/.test(cnpj.charAt(13))) {
+                    return false;
+                }
+                // Elimina CNPJs invalidos conhecidos
+                if (cnpj === '00000000000000' ||
+                    cnpj === '11111111111111' ||
+                    cnpj === '22222222222222' ||
+                    cnpj === '33333333333333' ||
+                    cnpj === '44444444444444' ||
+                    cnpj === '55555555555555' ||
+                    cnpj === '66666666666666' ||
+                    cnpj === '77777777777777' ||
+                    cnpj === '88888888888888' ||
+                    cnpj === '99999999999999') {
+                    return false;
+                }
+                // Valida DVs
+                var size = cnpj.length - 2;
+                var digits = cnpj.substring(size);
+                if (!this.validateCnpjDigit(cnpj, size, Number(digits.charAt(0)))) {
+                    return false;
+                }
+                if (!this.validateCnpjDigit(cnpj, size + 1, Number(digits.charAt(1)))) {
+                    return false;
+                }
+                return true;
+            }
+            return true;
+        };
+        CNPJValidator.prototype.validateCnpjDigit = function (cnpj, size, digit) {
+            var numbers = cnpj.substring(0, size);
+            var sum = 0;
+            var pos = size - 7;
+            for (var i = size; i >= 1; i--) {
+                sum += this.convertToAsciiMinus48(numbers.charAt(size - i)) * pos--;
+                if (pos < 2) {
+                    pos = 9;
+                }
+            }
+            var result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
+            return result === digit;
+        };
+        CNPJValidator.prototype.convertToAsciiMinus48 = function (input) {
+            return input.charCodeAt(0) - 48;
+        };
         return CNPJValidator;
     }());
     var cnpjValidator = new CNPJValidator();
@@ -9355,27 +9408,40 @@
          * Retorna o CNPJ formatado
          * @param cnpj CNPJ
          */
-        FormatUtilsService.getFormattedCnpj = function (cnpj) {
+        FormatUtilsService.getFormattedCnpj = function (cnpj, isAlphanumericCNPJ) {
             if (cnpj) {
-                return cnpj
-                    .replace(/\D/g, "")
-                    .replace(/(\d{2})(\d)/, "$1.$2")
-                    .replace(/(\d{3})(\d)/, "$1.$2")
-                    .replace(/(\d{3})(\d)/, "$1/$2")
-                    .replace(/(\d{4})(\d)/, "$1-$2");
+                if (isAlphanumericCNPJ) {
+                    // Remove caracteres especiais mantendo letras e números, e converte para maiúsculas
+                    var cleanCnpj = cnpj.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
+                    // Aplica formatação: AA.BBB.CCC/DDDD-EE
+                    return cleanCnpj
+                        .replace(/^([A-Z0-9]{2})([A-Z0-9])/, '$1.$2')
+                        .replace(/^([A-Z0-9]{2}\.)([A-Z0-9]{3})([A-Z0-9])/, '$1$2.$3')
+                        .replace(/^([A-Z0-9]{2}\.[A-Z0-9]{3}\.)([A-Z0-9]{3})([A-Z0-9])/, '$1$2/$3')
+                        .replace(/^([A-Z0-9]{2}\.[A-Z0-9]{3}\.[A-Z0-9]{3}\/)([A-Z0-9]{4})([0-9])/, '$1$2-$3');
+                }
+                else {
+                    return cnpj
+                        .replace(/\D/g, "")
+                        .replace(/(\d{2})(\d)/, "$1.$2")
+                        .replace(/(\d{3})(\d)/, "$1.$2")
+                        .replace(/(\d{3})(\d)/, "$1/$2")
+                        .replace(/(\d{4})(\d)/, "$1-$2");
+                }
             }
             return null;
         };
         /**
          * Retorna a mascara do CPF/CNPJ
          * @param key Valores possíveis são CPF ou CNPJ
+         * @param isAlphanumericCNPJ Define se o CNPJ pode ser alfanumérico.
          */
-        FormatUtilsService.getCpfCnpjMask = function (key) {
+        FormatUtilsService.getCpfCnpjMask = function (key, isAlphanumericCNPJ) {
             switch (key) {
                 case "CPF":
                     return "999.999.999-99";
                 case "CNPJ":
-                    return "99.999.999/9999-99";
+                    return isAlphanumericCNPJ ? "**.***.***/****-99" : "99.999.999/9999-99";
                 default:
                     return "";
             }
@@ -9577,6 +9643,62 @@
             }
             return null;
         };
+        /**
+        * Valida se o CNPJ Alfanumérico é valido. Deve-se ser informado o cpf sem máscara.
+        */
+        GenericValidator.isValidCnpjAlphanumeric = function (control) {
+            var cnpj = control.value;
+            if (cnpj) {
+                cnpj = cnpj.replace(/[^\dA-Za-z]/g, '').toUpperCase();
+                if (cnpj.length !== 14) {
+                    return null;
+                }
+                // Valida que dígitos verificadores são numéricos
+                if (!/^\d$/.test(cnpj.charAt(12)) || !/^\d$/.test(cnpj.charAt(13))) {
+                    return { cnpjNotValid: true };
+                }
+                // Elimina CNPJs invalidos conhecidos
+                if (cnpj === '00000000000000' ||
+                    cnpj === '11111111111111' ||
+                    cnpj === '22222222222222' ||
+                    cnpj === '33333333333333' ||
+                    cnpj === '44444444444444' ||
+                    cnpj === '55555555555555' ||
+                    cnpj === '66666666666666' ||
+                    cnpj === '77777777777777' ||
+                    cnpj === '88888888888888' ||
+                    cnpj === '99999999999999') {
+                    return { cnpjNotValid: true };
+                }
+                // Valida DVs
+                var size = cnpj.length - 2;
+                var digits = cnpj.substring(size);
+                if (!GenericValidator.validateCnpjDigit(cnpj, size, Number(digits.charAt(0)))) {
+                    return { cnpjNotValid: true };
+                }
+                if (!GenericValidator.validateCnpjDigit(cnpj, size + 1, Number(digits.charAt(1)))) {
+                    return { cnpjNotValid: true };
+                }
+                return null;
+            }
+            return null;
+        };
+        GenericValidator.validateCnpjDigit = function (cnpj, size, digit) {
+            var numbers = cnpj.substring(0, size);
+            var sum = 0;
+            var pos = size - 7;
+            for (var i = size; i >= 1; i--) {
+                sum += this.convertToAsciiMinus48(numbers.charAt(size - i)) * pos--;
+                if (pos < 2) {
+                    pos = 9;
+                }
+            }
+            var result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
+            return result === digit;
+        };
+        GenericValidator.convertToAsciiMinus48 = function (input) {
+            return input.charCodeAt(0) - 48;
+        };
         /**
          * Válida o número de telefone da chave PIX.
          */
@@ -9608,6 +9730,7 @@
             this.paramsForm = new forms.FormGroup({});
             this.defaultCpfNumber = null;
             this.permitsEditBankAccountForm = false;
+            this.isAlphanumericCNPJ = false;
             this.visibleChange = new core.EventEmitter();
             this.pixAccountItemToList = new core.EventEmitter();
             this.ngUnsubscribe = new rxjs.Subject();
@@ -9659,7 +9782,7 @@
                 this.pixKeyType = item.key;
                 this.isShowPixKeyFieldValidatorMessage = true;
                 this.pixAccountFormGroup.get("pixKey").reset();
-                this.setPixKeyValidators(true);
+                this.setPixKeyValidators(true, this.isAlphanumericCNPJ);
                 if (item.key === "CPF") {
                     this.setDefaultCpfPixKey();
                 }
@@ -9722,7 +9845,7 @@
             this.visibleBtnSave = isEditMode;
             if (this.pixAccountFormGroup.get("pixKeyType").value) {
                 this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-                this.setPixKeyValidators(isEditMode);
+                this.setPixKeyValidators(isEditMode, this.isAlphanumericCNPJ);
                 this.formatPixKeyTelephoneNumber();
             }
             configEnabledFields(this.pixAccountFormGroup, isEditMode, [
@@ -9740,6 +9863,12 @@
             this.pixAccountFormGroup.updateValueAndValidity();
             verifyValidationsForm.call(this.pixAccountFormGroup);
             if (this.pixAccountFormGroup.valid) {
+                if (this.pixKeyType === 'CNPJ' && this.isAlphanumericCNPJ) {
+                    var pixKey = this.pixAccountFormGroup.get('pixKey').value;
+                    if (pixKey) {
+                        this.pixAccountFormGroup.get('pixKey').setValue(pixKey.toUpperCase().replace(/[^A-Z0-9]/g, ''));
+                    }
+                }
                 if (this.employeeId) {
                     this.pixAccountFormGroup.get("employee").setValue({
                         tableId: this.employeeId,
@@ -9815,13 +9944,13 @@
                 });
             }
             this.beforeSetPixKeyTypeValidator();
-            this.setPixKeyValidators(isEditMode);
+            this.setPixKeyValidators(isEditMode, this.isAlphanumericCNPJ);
             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) {
+        HistoricalPixAccountFormComponent.prototype.setPixKeyValidators = function (isEditMode, isAlphanumericCNPJ) {
             var genericPixKey = this.pixAccountFormGroup.get("pixKey");
             if (this.pixKeyType) {
                 switch (this.pixKeyType) {
@@ -9841,9 +9970,7 @@
                         ]));
                         break;
                     case "CNPJ":
-                        genericPixKey.setValidators(forms.Validators.compose([
-                            forms.Validators.required, GenericValidator.isValidCnpj,
-                        ]));
+                        this.configureCnpjKeyValidators(isAlphanumericCNPJ, genericPixKey);
                         break;
                     case "RANDOM_KEY":
                         genericPixKey.setValidators(forms.Validators.required);
@@ -9858,6 +9985,23 @@
                 genericPixKey.updateValueAndValidity();
             }
         };
+        /**
+         * Escolhe o validator do CNPJ conforme a feature toggle alphanumericCNPJFeature.
+         * @param isAlphanumericCNPJ Feature toggle que define se o CNPJ pode ser alfanumérico.
+         * @param genericPixKey Tipo AbstractControl do campo pixKey.
+         */
+        HistoricalPixAccountFormComponent.prototype.configureCnpjKeyValidators = function (isAlphanumericCNPJ, genericPixKey) {
+            if (isAlphanumericCNPJ) {
+                genericPixKey.setValidators(forms.Validators.compose([
+                    forms.Validators.required, GenericValidator.isValidCnpjAlphanumeric,
+                ]));
+            }
+            else {
+                genericPixKey.setValidators(forms.Validators.compose([
+                    forms.Validators.required, GenericValidator.isValidCnpj,
+                ]));
+            }
+        };
         /**
          * 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;
@@ -9933,6 +10077,13 @@
                 }
             };
         };
+        Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "cnpjMask", {
+            get: function () {
+                return FormatUtilsService.getCpfCnpjMask("CNPJ", this.isAlphanumericCNPJ);
+            },
+            enumerable: true,
+            configurable: true
+        });
         HistoricalPixAccountFormComponent.ctorParameters = function () { return [
             { type: forms.FormBuilder },
             { type: core.ChangeDetectorRef }
@@ -9964,6 +10115,9 @@
         __decorate([
             core.Input()
         ], HistoricalPixAccountFormComponent.prototype, "permitsEditBankAccountForm", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountFormComponent.prototype, "isAlphanumericCNPJ", void 0);
         __decorate([
             core.Output()
         ], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
@@ -9985,7 +10139,7 @@
         HistoricalPixAccountFormComponent = __decorate([
             core.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",
+                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]=\"cnpjMask\" [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);
@@ -10007,6 +10161,7 @@
             this.defaultCpfNumber = null;
             this.listDataReciever = [];
             this.showButtonEdit = false;
+            this.isAlphanumericCNPJ = false;
             this.isViewModeActive = new core.EventEmitter();
             this.isEditModeActive = new core.EventEmitter();
             this.isDeleteModeActive = new core.EventEmitter();
@@ -10320,7 +10475,7 @@
             return FormatUtilsService.getFormattedCpf(cpf);
         };
         HistoricalPixAccountComponent.prototype.getFormattedCnpj = function (cnpj) {
-            return FormatUtilsService.getFormattedCnpj(cnpj);
+            return FormatUtilsService.getFormattedCnpj(cnpj, this.isAlphanumericCNPJ);
         };
         HistoricalPixAccountComponent.prototype.getFormattedPercentage = function (value) {
             return FormatUtilsService.getFormattedPercentage(value);
@@ -10419,6 +10574,9 @@
         __decorate([
             core.Input()
         ], HistoricalPixAccountComponent.prototype, "showButtonEdit", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "isAlphanumericCNPJ", void 0);
         __decorate([
             core.Output()
         ], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
@@ -10444,7 +10602,7 @@
             core.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              (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",
+                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\"\n              [isAlphanumericCNPJ]=\"isAlphanumericCNPJ\"></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\"\n                  [isAlphanumericCNPJ]=\"isAlphanumericCNPJ\"></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);