@senior-gestao-pessoas/payroll-core 9.7.0-master-72d34bea → 9.8.0

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

@@ -146,6 +146,59 @@ var CNPJValidator = /** @class */ (function () {
         }
         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();
@@ -9189,27 +9242,40 @@ var FormatUtilsService = /** @class */ (function () {
      * 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 "";
         }
@@ -9411,6 +9477,62 @@ var GenericValidator = /** @class */ (function () {
         }
         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.
      */
@@ -9442,6 +9564,7 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
         this.paramsForm = new FormGroup({});
         this.defaultCpfNumber = null;
         this.permitsEditBankAccountForm = false;
+        this.isAlphanumericCNPJ = false;
         this.visibleChange = new EventEmitter();
         this.pixAccountItemToList = new EventEmitter();
         this.ngUnsubscribe = new Subject();
@@ -9493,7 +9616,7 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
             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();
             }
@@ -9556,7 +9679,7 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
         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, [
@@ -9574,6 +9697,12 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
         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,
@@ -9649,13 +9778,13 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
             });
         }
         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) {
@@ -9675,9 +9804,7 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
                     ]));
                     break;
                 case "CNPJ":
-                    genericPixKey.setValidators(Validators.compose([
-                        Validators.required, GenericValidator.isValidCnpj,
-                    ]));
+                    this.configureCnpjKeyValidators(isAlphanumericCNPJ, genericPixKey);
                     break;
                 case "RANDOM_KEY":
                     genericPixKey.setValidators(Validators.required);
@@ -9692,6 +9819,23 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
             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(Validators.compose([
+                Validators.required, GenericValidator.isValidCnpjAlphanumeric,
+            ]));
+        }
+        else {
+            genericPixKey.setValidators(Validators.compose([
+                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;
@@ -9767,6 +9911,13 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
             }
         };
     };
+    Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "cnpjMask", {
+        get: function () {
+            return FormatUtilsService.getCpfCnpjMask("CNPJ", this.isAlphanumericCNPJ);
+        },
+        enumerable: true,
+        configurable: true
+    });
     HistoricalPixAccountFormComponent.ctorParameters = function () { return [
         { type: FormBuilder },
         { type: ChangeDetectorRef }
@@ -9798,6 +9949,9 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], HistoricalPixAccountFormComponent.prototype, "permitsEditBankAccountForm", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountFormComponent.prototype, "isAlphanumericCNPJ", void 0);
     __decorate([
         Output()
     ], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
@@ -9819,7 +9973,7 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
     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",
+            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);
@@ -9841,6 +9995,7 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
         this.defaultCpfNumber = null;
         this.listDataReciever = [];
         this.showButtonEdit = false;
+        this.isAlphanumericCNPJ = false;
         this.isViewModeActive = new EventEmitter();
         this.isEditModeActive = new EventEmitter();
         this.isDeleteModeActive = new EventEmitter();
@@ -10154,7 +10309,7 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
         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);
@@ -10253,6 +10408,9 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], HistoricalPixAccountComponent.prototype, "showButtonEdit", void 0);
+    __decorate([
+        Input()
+    ], HistoricalPixAccountComponent.prototype, "isAlphanumericCNPJ", void 0);
     __decorate([
         Output()
     ], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
@@ -10278,7 +10436,7 @@ var HistoricalPixAccountComponent = /** @class */ (function () {
         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);