@senior-gestao-pessoas/payroll-core 9.6.1 → 9.7.0-feature-hcmgdp-11851-0d47b4a9

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 { 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 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();
@@ -2854,6 +2907,12 @@ var InputRestAutoCompleteComponent = /** @class */ (function () {
                     })
                         .subscribe(function (payload) { return _this.formaterResponce(payload.result); });
                 }
+                else if (this.isSituationDefinition) {
+                    var params = { searchText: query };
+                    return this.service
+                        .query('autocompleteSituationDefinitionQuery', params, ServiceType.ORGANIZATION_REGISTER)
+                        .subscribe(function (payload) { return _this.formaterResponce(payload.result); });
+                }
                 else if (this.isWagetype) {
                     var params = { searchText: query, companyId: this.companyId };
                     return this.service
@@ -3085,6 +3144,9 @@ var InputRestAutoCompleteComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], InputRestAutoCompleteComponent.prototype, "isWagetype", void 0);
+    __decorate([
+        Input()
+    ], InputRestAutoCompleteComponent.prototype, "isSituationDefinition", void 0);
     __decorate([
         Input()
     ], InputRestAutoCompleteComponent.prototype, "multiple", void 0);
@@ -9180,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 "";
         }
@@ -9402,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.
      */
@@ -9646,7 +9777,7 @@ var HistoricalPixAccountFormComponent = /** @class */ (function () {
     /**
      * 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) {
@@ -9666,9 +9797,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);
@@ -9683,6 +9812,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;
@@ -9810,7 +9956,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=\"**.***.***/****-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\" maxlength=\"100\" />\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.get('pixKey').value },\n                            invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                            cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                            cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                    </s-control-errors>\n                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.get('percentage')\"\n                                      [errorMessages]=\"{\n                                required: 'hcm.payroll.required' | translate,\n                                maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                                max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                                min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                    }\">\n                    </s-control-errors>\n                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\n</div>\n",
             styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
         })
     ], HistoricalPixAccountFormComponent);