iptdevs-design-system 3.1.661 → 3.1.663

package/fesm2020/iptdevs-design-system.mjs

@@ -6704,6 +6704,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
         this.cdRef = cdRef;
         this.messageService = messageService;
         this.completed = new EventEmitter();
+        this.idTypesChanged = new EventEmitter();
         this.genders = [];
         this.grades = [];
         this.errorMessage = 'Faltan campos por llenar.';
@@ -6795,6 +6796,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
     getParameters() {
         this.parameterService.getCardTypes('col').subscribe((response) => {
             this.idTypes = response.data;
+            this.idTypesChanged.emit(this.idTypes);
         });
         this.parameterService.getIndicatives().subscribe((response) => {
             this.indicatives = response.data;
@@ -6973,7 +6975,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
     }
 }
 CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i0.ChangeDetectorRef }, { token: i2$1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { userStudent: "userStudent" }, outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['grade'].value\"\n        [control]=\"codSelfFormStepOne.controls['grade']\"\n        [data]=\"grades\"\n        (eventSelect)=\"selectGrade($event)\"\n        [defaultText]=\"'Grado Educativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['grade'].invalid && codSelfFormStepOne.controls['grade'].touched\">\n        <span class=\"error-message\">Por favor selecciona un grado educativo</span>\n      </div>\n      <ipt-select\n      *ngIf=\"showAgreementSelect\"\n      [initialValue]=\"codSelfFormStepOne.controls['agreement_by_category'].value\"\n      [control]=\"codSelfFormStepOne.controls['agreement_by_category']\"\n      [data]=\"agreements\"\n      (eventSelect)=\"selectAgreement($event)\"\n      [defaultText]=\"'Convenio'\"\n    ></ipt-select>\n    <div *ngIf=\"codSelfFormStepOne.controls['agreement_by_category'].invalid && codSelfFormStepOne.controls['agreement_by_category'].touched\">\n      <span class=\"error-message\">Por favor selecciona un convenio valido</span>\n    </div>\n    </form>\n\n    <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { userStudent: "userStudent" }, outputs: { completed: "completed", idTypesChanged: "idTypesChanged" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['grade'].value\"\n        [control]=\"codSelfFormStepOne.controls['grade']\"\n        [data]=\"grades\"\n        (eventSelect)=\"selectGrade($event)\"\n        [defaultText]=\"'Grado Educativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['grade'].invalid && codSelfFormStepOne.controls['grade'].touched\">\n        <span class=\"error-message\">Por favor selecciona un grado educativo</span>\n      </div>\n      <ipt-select\n      *ngIf=\"showAgreementSelect\"\n      [initialValue]=\"codSelfFormStepOne.controls['agreement_by_category'].value\"\n      [control]=\"codSelfFormStepOne.controls['agreement_by_category']\"\n      [data]=\"agreements\"\n      (eventSelect)=\"selectAgreement($event)\"\n      [defaultText]=\"'Convenio'\"\n    ></ipt-select>\n    <div *ngIf=\"codSelfFormStepOne.controls['agreement_by_category'].invalid && codSelfFormStepOne.controls['agreement_by_category'].touched\">\n      <span class=\"error-message\">Por favor selecciona un convenio valido</span>\n    </div>\n    </form>\n\n    <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['grade'].value\"\n        [control]=\"codSelfFormStepOne.controls['grade']\"\n        [data]=\"grades\"\n        (eventSelect)=\"selectGrade($event)\"\n        [defaultText]=\"'Grado Educativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['grade'].invalid && codSelfFormStepOne.controls['grade'].touched\">\n        <span class=\"error-message\">Por favor selecciona un grado educativo</span>\n      </div>\n      <ipt-select\n      *ngIf=\"showAgreementSelect\"\n      [initialValue]=\"codSelfFormStepOne.controls['agreement_by_category'].value\"\n      [control]=\"codSelfFormStepOne.controls['agreement_by_category']\"\n      [data]=\"agreements\"\n      (eventSelect)=\"selectAgreement($event)\"\n      [defaultText]=\"'Convenio'\"\n    ></ipt-select>\n    <div *ngIf=\"codSelfFormStepOne.controls['agreement_by_category'].invalid && codSelfFormStepOne.controls['agreement_by_category'].touched\">\n      <span class=\"error-message\">Por favor selecciona un convenio valido</span>\n    </div>\n    </form>\n\n    <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
@@ -6981,6 +6983,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 type: Input
             }], completed: [{
                 type: Output
+            }], idTypesChanged: [{
+                type: Output
             }] } });
 
 class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
@@ -7443,11 +7447,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             }] } });
 
 class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
-    constructor(fb, messageService, parameterService) {
+    constructor(fb, messageService) {
         super();
         this.fb = fb;
         this.messageService = messageService;
-        this.parameterService = parameterService;
         this.completed = new EventEmitter();
         this.controls = new CodSelfManagedControls().controls[3];
         this.messageInfo = "Datos de facturacion de acuerdo a tu eleccion";
@@ -7463,10 +7466,19 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         this.initForm();
     }
     ngOnInit() {
-        this.getParamenters();
+        // this.getParamenters();
         this.getDataUser();
         this.startLocalStorageWork();
     }
+    initForm() {
+        this.codSelfFormStepFour = this.fb.group({
+            optionsPayments: ['', [Validators.required]],
+            invoicing_name: ['', [Validators.required]],
+            invoicing_Apellido: ['', [Validators.required]],
+            invoicing_idType: ['', [Validators.required]],
+            invoicing_document: ['', [Validators.required]],
+        });
+    }
     getDataUser() {
         // this.localStorageCOD.getCodFormData(4, 'invoicing_name')
         const nameStudent = this.localStorageCOD.getCodFormData(1, 'student_name');
@@ -7477,19 +7489,10 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         console.log('lastNameStudent', lastNameStudent);
         console.log('typeIdCardStudent', typeIdCardStudent);
         console.log('idCardStudent', idCardStudent);
-        this.codSelfFormStepFour.controls['invoicing_name'].setValue(this.localStorageCOD.getCodFormData(1, 'student_name'));
-        this.codSelfFormStepFour.controls['invoicing_Apellido'].setValue(this.localStorageCOD.getCodFormData(1, 'student_last_name'));
-        this.codSelfFormStepFour.controls['invoicing_idType'].setValue(this.localStorageCOD.getCodFormData(1, 'student_id_card_type'));
-        this.codSelfFormStepFour.controls['invoicing_document'].setValue(this.localStorageCOD.getCodFormData(1, 'student_id_card'));
-    }
-    initForm() {
-        this.codSelfFormStepFour = this.fb.group({
-            optionsPayments: ['', [Validators.required]],
-            invoicing_name: ['', [Validators.required]],
-            invoicing_Apellido: ['', [Validators.required]],
-            invoicing_idType: ['', [Validators.required]],
-            invoicing_document: ['', [Validators.required]],
-        });
+        this.codSelfFormStepFour.controls['invoicing_name'].setValue(nameStudent);
+        this.codSelfFormStepFour.controls['invoicing_Apellido'].setValue(lastNameStudent);
+        this.codSelfFormStepFour.controls['invoicing_idType'].setValue(typeIdCardStudent);
+        this.codSelfFormStepFour.controls['invoicing_document'].setValue(idCardStudent);
     }
     back() {
         if (!this.isSelectionOptionPayments && !this.isEditBillingData) {
@@ -7534,11 +7537,11 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         // Guardar datos de facturación y regresar a la vista de resumen
         this.isEditBillingData = true;
     }
-    getParamenters() {
-        this.parameterService.getCardTypes('col').subscribe((response) => {
-            this.idTypes = response.data;
-        });
-    }
+    // getParamenters() {
+    //   this.parameterService.getCardTypes('col').subscribe((response) => {
+    //     this.idTypes = response.data;
+    //   });
+    // }
     sendForm() {
         // Aquí va la lógica para enviar el formulario
         console.log('Ejecuta endpoint');
@@ -7583,13 +7586,41 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         }
         return 'default';
     }
+    getIdTypeDescription(idType) {
+        switch (idType) {
+            case '0':
+                return 'N/A';
+            case '1':
+                return 'C.C';
+            case '2':
+                return 'T.I';
+            case '3':
+                return 'C.E';
+            case '4':
+                return 'P.E.P';
+            case '5':
+                return 'R.U.M';
+            case '6':
+                return 'P.P.T';
+            case '7':
+                return 'P.A';
+            case '8':
+                return 'R.C';
+            case '9':
+                return 'C.D';
+            default:
+                return '';
+        }
+    }
 }
-CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n              <span>{{ codSelfFormStepFour.get('invoicing_idType')?.value }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                <button\n                  pButton\n                  [disabled]=\"!codSelfFormStepFour.valid\"\n                  label=\"Continuar\"\n                  type=\"button\"\n                  (click)=\"updateDatosBillingData()\"\n                ></button>\n              </div>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", inputs: { idTypes: "idTypes" }, outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n              <span>{{ getIdTypeDescription(codSelfFormStepFour.get('invoicing_idType')?.value) }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                <button\n                  pButton\n                  [disabled]=\"!codSelfFormStepFour.valid\"\n                  label=\"Continuar\"\n                  type=\"button\"\n                  (click)=\"updateDatosBillingData()\"\n                ></button>\n              </div>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n              <span>{{ codSelfFormStepFour.get('invoicing_idType')?.value }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                <button\n                  pButton\n                  [disabled]=\"!codSelfFormStepFour.valid\"\n                  label=\"Continuar\"\n                  type=\"button\"\n                  (click)=\"updateDatosBillingData()\"\n                ></button>\n              </div>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: ParameterService }]; }, propDecorators: { completed: [{
+            args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n              <span>{{ getIdTypeDescription(codSelfFormStepFour.get('invoicing_idType')?.value) }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                <button\n                  pButton\n                  [disabled]=\"!codSelfFormStepFour.valid\"\n                  label=\"Continuar\"\n                  type=\"button\"\n                  (click)=\"updateDatosBillingData()\"\n                ></button>\n              </div>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }]; }, propDecorators: { idTypes: [{
+                type: Input
+            }], completed: [{
                 type: Output
             }] } });
 
@@ -7637,12 +7668,15 @@ class CodSelfManagedComponent {
             this.financingData = dates;
         }
     }
+    handleIdTypesChanged(idTypes) {
+        this.idTypes = idTypes;
+    }
 }
 CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [{ token: BaseService }, { token: CommercialService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user", scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, ngImport: i0, template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"], dependencies: [{ kind: "component", type: i3$1.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i6$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["userStudent"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: ["scorePlacementTest", "codPrevious"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: ["completed", "financingData"] }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: ["completed"] }] });
+CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user", scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, ngImport: i0, template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\" [idTypes]=\"idTypes\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"], dependencies: [{ kind: "component", type: i3$1.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i6$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["userStudent"], outputs: ["completed", "idTypesChanged"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: ["scorePlacementTest", "codPrevious"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: ["completed", "financingData"] }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", inputs: ["idTypes"], outputs: ["completed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-cod-self-managed', template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"] }]
+            args: [{ selector: 'ipt-cod-self-managed', template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\" [idTypes]=\"idTypes\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: BaseService }, { type: CommercialService }]; }, propDecorators: { user: [{
                 type: Input
             }], scorePlacementTest: [{