iptdevs-design-system 2.7.29 → 2.7.31

package/fesm2020/iptdevs-design-system.mjs

@@ -4,6 +4,10 @@ import * as i3 from 'ng2-currency-mask';
 import { CurrencyMaskModule } from 'ng2-currency-mask';
 import * as i1 from '@angular/common';
 import { CommonModule, CurrencyPipe, TitleCasePipe } from '@angular/common';
+import * as i11 from 'primeng/api';
+import { MessageService } from 'primeng/api';
+import * as i5$2 from 'primeng/tabview';
+import { TabViewModule } from 'primeng/tabview';
 import * as i1$1 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import Swal from 'sweetalert2';
@@ -18,6 +22,14 @@ import * as i6 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
+import * as i7 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as moment from 'moment';
+import { BehaviorSubject, map } from 'rxjs';
+import * as i9 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i5$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i1$3 from '@angular/router';
 
 class AsideButtonComponent {
@@ -1826,6 +1838,444 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
+class CodDocumentsSectionComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CodDocumentsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodDocumentsSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div *ngFor=\"let item of [1,2,3,4,5]\" class=\"document_item flex align-items-center p-2 border-round\">\n    <span>Documento de identidad</span>\n    <div class=\"ml-auto\">\n      <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\"></button>\n      <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\"></button>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodDocumentsSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-cod-documents-section', template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div *ngFor=\"let item of [1,2,3,4,5]\" class=\"document_item flex align-items-center p-2 border-round\">\n    <span>Documento de identidad</span>\n    <div class=\"ml-auto\">\n      <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\"></button>\n      <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\"></button>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class LocalStorageCODService {
+    constructor() { }
+    getCodFormData(step, control) {
+        if (step === 1)
+            return localStorage.getItem(`COD FORM - step1(${control})`);
+        if (step === 2)
+            return localStorage.getItem(`COD FORM - step2(${control})`);
+        if (step === 3)
+            return localStorage.getItem(`COD FORM - step3(${control})`);
+        if (step === 4)
+            return localStorage.getItem(`COD FORM - step4(${control})`);
+        if (step === 5)
+            return localStorage.getItem(`COD FORM - step5(${control})`);
+        return null;
+    }
+    setCodFormData(step, control, value) {
+        if (step === 1)
+            localStorage.setItem(`COD FORM - step1(${control})`, value);
+        if (step === 2)
+            localStorage.setItem(`COD FORM - step2(${control})`, value);
+        if (step === 3)
+            localStorage.setItem(`COD FORM - step3(${control})`, value);
+        if (step === 4)
+            localStorage.setItem(`COD FORM - step4(${control})`, value);
+        if (step === 5)
+            localStorage.setItem(`COD FORM - step5(${control})`, value);
+    }
+}
+LocalStorageCODService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LocalStorageCODService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LocalStorageCODService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LocalStorageCODService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LocalStorageCODService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CodFormControls {
+    constructor() {
+        this.controls = [
+            [
+                { name: 'academic_plan', required: true, description: 'Plan académico' },
+                { name: 'course_type', required: true, description: 'Tipo de curso' },
+                { name: 'agreement_by_category', required: true, description: 'Convenio' },
+                { name: 'english_level', required: true, description: 'Nivel de inglés' },
+                { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
+            ],
+            [
+                { name: 'student_address', required: true, description: 'Dirección del estudiante' },
+                { name: 'birthdate', required: true, description: 'Fecha de nacimiento del estudiante' },
+                { name: 'country', required: true, description: 'País' },
+                { name: 'state', required: true, description: 'Departamento o estado' },
+                { name: 'city', required: true, description: 'Ciudad de residencia' },
+                { name: 'student_id_card_type', required: true, description: 'Tipo de documento del estudiante' },
+                { name: 'student_id_card', required: true, description: 'Documento del estudiante' },
+                { name: 'student_last_name', required: true, description: 'Apellidos del estudiante' },
+                { name: 'student_name', required: true, description: 'Nombres del estudiante' },
+                { name: 'student_email', required: true, description: 'Correo del estudiante' },
+                { name: 'nickname', required: true, description: 'Alias o nickname' },
+                { name: 'gender', required: true, description: 'Género' },
+                { name: 'age', required: true, description: 'Edad' },
+                { name: 'student_occupation', required: true, description: 'Ocupación del estudiante' },
+                { name: 'stratum', required: true, description: 'Estrato del estudiante' },
+                { name: 'grade', required: true, description: 'Grado del estudiante' },
+                { name: 'civil_status', required: true, description: 'Estado civil del estudiante' },
+                { name: 'student_phone_indicative', required: true, description: 'Indicativo del estudiante' },
+                { name: 'student_phone_number', required: true, description: 'Teléfono del estudiante' },
+                { name: 'password', required: true, description: 'Contraseña del estudiante' },
+                { name: 're_password', required: true, description: 'Confirmación de contraseña' },
+            ],
+            [
+                { name: 'parent_id_card_type', required: true, description: 'Tipo de documento del acudiente' },
+                { name: 'parent_id_card', required: true, description: 'Documento del acudiente' },
+                { name: 'parent_last_name', required: true, description: 'Apellidos del acudiente' },
+                { name: 'parent_name', required: true, description: 'Nombres del acudiente' },
+                { name: 'needAtendant', required: true, description: '¿Requiere acudiente?' },
+                { name: 'parent_phone_indicative', required: true, description: 'Indicativo del acudiente' },
+                { name: 'parent_occupation', required: true, description: 'Ocupación del acudiente' },
+                { name: 'parent_address', required: true, description: 'Dirección del acudiente' },
+                { name: 'parent_phone_number', required: true, description: 'Teléfono del acudiente' }
+            ],
+            [
+                { name: 'payment_date', required: true, description: 'Fecha de pago' },
+                { name: 'program_price', required: true, description: 'Valor total del programa' },
+                { name: 'payment_method', required: true, description: 'Método de pago' },
+                { name: 'quota_times', required: true, description: 'Cantidad de cuotas' },
+                { name: 'total_price', required: true, description: 'Precio total de la matricula' },
+            ],
+            [
+                { name: 'marketing_reasons', required: true, description: '¿Cómo se enteró del programa?' },
+                { name: 'observation', required: false, description: 'Observación' },
+                { name: 'study_reasons', required: true, description: 'Motivo' },
+                { name: 'terms', required: true, description: 'Términos y condiciones' },
+                { name: 'disability', required: false, description: 'Discapacidad' },
+                { name: 'multiculturalism_1', required: false, description: 'Multiculturalismo' },
+                { name: 'multiculturalism_2', required: false, description: 'Multiculturalismo' },
+                { name: 'multiculturalism_3', required: false, description: 'Multiculturalismo' },
+                { name: 'multiculturalism_4', required: false, description: 'Multiculturalismo' },
+                { name: 'multiculturalism_5', required: false, description: 'Multiculturalismo' },
+                { name: 'multiculturalism_6', required: false, description: 'Multiculturalismo' },
+                { name: 'health_regimen', required: true, description: 'Régimen de salud' }
+            ],
+        ];
+        this.$controls = new BehaviorSubject([]);
+    }
+    getControlValues() {
+        return this.$controls.asObservable();
+    }
+    // Cambiar los valores de los controls, ejemplo: true y false del checkbox
+    changeValue(step, controlName, newValue) {
+        const controls = { ...this.controls };
+        let control = controls[step - 1].filter(element => element.name === controlName);
+        control[0].required = newValue;
+        this.$controls.next(controls);
+    }
+}
+CodFormControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormControls, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CodFormControls.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormControls, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormControls, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CommercialService extends IPTGeneralService {
+    constructor(http) {
+        super();
+        this.http = http;
+        this.SERVICE_URL = 'commercial/api/';
+        this.SERVICE_URL = this.baseUrl() + this.SERVICE_URL;
+    }
+    createCOD(request) {
+        let serviceUrl = this.SERVICE_URL + 'post/cod';
+        this.generateRequestParams(request);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getStudentCodHistory(token, student_id_card) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/cod/history/by/student';
+        this.generateRequestParams({ token, student_id_card });
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCodHistoryAll(userToken) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/cod/history/all';
+        this.generateRequestParams(userToken);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCodHistoryByCourse(request) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/cod/history/by/course';
+        this.generateRequestParams(request);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getDiscountCoupons(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/discount/coupon/search';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCodPricesByAgreement(code) {
+        let serviceUrl = this.SERVICE_URL + 'get/cod/prices/by/agreement/' + code;
+        this.generateRequestParams(code);
+        return this.http.get(serviceUrl, this.httpOptions);
+    }
+}
+CommercialService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommercialService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CommercialService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommercialService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommercialService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
+
+class CodFormSteps {
+    constructor() {
+        this.localStorageCOD = new LocalStorageCODService();
+    }
+    readAndWriteLS(step, control) {
+        if (this.localStorageCOD.getCodFormData(step, control)) {
+            const value = this.localStorageCOD.getCodFormData(step, control);
+            return { control, value };
+        }
+        else {
+            return { control, value: '' };
+        }
+    }
+    setDataInLocalStorage(step, control, value) {
+        this.localStorageCOD.setCodFormData(step, control, value);
+    }
+    listenFormChanges(step, control, obs) {
+        obs.subscribe(value => {
+            this.setDataInLocalStorage(step, control, value);
+        });
+    }
+    resetLocalStorage(controls) {
+        controls.forEach(control => {
+            localStorage.removeItem(control.name);
+        });
+    }
+}
+
+const copies = {
+    "es": {
+        "modal_template": {
+            "inputs": {
+                "city": "Ingrese su ciudad de residencia",
+                "country": "Ingresa tu pais de residencia",
+                "comments": "Ingresa tus comentarios de registro ( Opcional )",
+                "date_of_birth": "Ingresa tu fecha de nacimiento",
+                "email": "Correo electronico",
+                "id_card": "Documento de identidad",
+                "last_name": "Apellidos",
+                "name": "Nombres",
+                "phone_number": "Numero de teléfono",
+                "password": "Contraseña",
+                "re_password": "Repetir contraseña",
+                "role": "Seleccione el rol",
+                "service_hour": "Horas de servicio",
+                "id_card_type": "Ingresa tu tipo de documento",
+                "phone_indicative": "Seleccione su indicativo",
+                "state": "Seleccione su departamento",
+                "file": "Seleccionar archivo",
+                "contacted_contact": "Contactado...",
+                "status_contact": "Status",
+                "plan_contact": "Tipo Plan",
+                "observations_contact": "Observaciones",
+            },
+            "validators": {
+                "city": "Debe ingresar la ciudad de residencia",
+                "country": "Debes ingresar el pais de residencia",
+                "date_of_birth": "Debes ingrese la fecha de nacimiento",
+                "email": "Recuerda usar correos con dominio @inglesparatodos.edu.co",
+                "id_card": "Debes ingresar el número de documento.",
+                "last_name": "Debes ingresar los apellidos del usuario.",
+                "name": "Debes ingresar el nombre del usuario",
+                "phone_number": "Debes ingresar un número de teléfono valido",
+                "password": "Debe ser de minimo 7 digitos",
+                "re_password": "Debe ser de minimo 7 digitos",
+                "role": "Debe seleccionar un rol",
+                "service_hour": "Debe ingresar las horas de servicio",
+                "id_card_type": "Debes ingresar el tipo de documento",
+                "phone_indicative": "Debes seleccionar un indicativo",
+                "state": "Seleccione el departamento",
+                "id_document": "Debe subir un archivo",
+                "agreement_document": "Debe subir un archivo",
+                "parent_id_document": "Debe subir un archivo",
+                "comfanorte_document": "Debe subir un archivo",
+                "contacted_contact": "Debe seleccionar forma de contactar cliente",
+                "status_contact": "Debe seleccionar un estaus.",
+                "plan_contact": "Debe seleccionar un plan",
+                "observariones_contact": "Debe llenar el campo observaciones",
+            }
+        },
+        "dashboard_template": {
+            "inputs": {
+                "agreement_by_category": "Convenio por categoria",
+                "academic_level": "Ingrese el nivel academico ( Pregrado / Posgrado )",
+                "academic_plan": 'Plan',
+                "address": "ingrese su direccion",
+                "agreement": "ingrese el convenio",
+                "availible_courses": "Grupos disponibles",
+                "birthdate": "Ingresa tu fecha de nacimiento",
+                "city": "Ingrese su ciudad de residencia",
+                "classroom": "Grupos Disponibles",
+                "country": "Ingresa tu pais de residencia",
+                "course_type": "Tipo de plan",
+                "degree": "Nivel universitario",
+                "comments": "Ingresa tus comentarios de registro ( Opcional )",
+                "email": "Correo electronico",
+                "email_ufps": "ingresa el correo electronico con dominio ufps.edu.co",
+                "email_unipamplona": "Ingresa el correo con dominio unipamplona.edu.co",
+                "financing_value": "Valor pagado",
+                "financing_date": "Fecha de pago",
+                "financing_responsable": "Recibido por",
+                "financing_sales_check": "Numero de recibo",
+                "financing_invoice_number": "Numero de recibo",
+                "id_cod": "Numero de inscripcion",
+                "id_card_type": "Ingresa tu tipo de documento",
+                "id_card": "Documento de identidad",
+                "id_financing": "Consecutivo",
+                "id_payment": "Ingrese el número de recibo",
+                "last_name": "Apellidos",
+                "name": "Ingrese los nombres",
+                "nickname": "Nickname",
+                "needAtendant": "¿Requiere acudiente?",
+                "marketing_reasons": "¿Cómo se entero del programa?",
+                "level": "Seleccione el nivel",
+                "observation": "Observaciones",
+                "occupation": "Ocupacion",
+                "password": "Contraseña",
+                "phone_indicative": "Seleccione su indicativo",
+                "phone_number": "Numero de teléfono",
+                "paymentMethod": "Seleccione el metodo de pago",
+                "payment_date": "Ingresa la fecha de pago",
+                "program": "Ingrese el programa academico",
+                "first_quota_price": "Ingrese el valor de la primera cuota",
+                "quota_times": "Ingresar el numero de cuotas",
+                "role": "Seleccione el rol",
+                "re_password": "Repetir contraseña",
+                "re_total_price": "Confirmar el valor total de la matricula",
+                "service_hour": "Horas de servicio",
+                "semester": "Semestre actual",
+                "school_name": "Ingrese el nombre del colegio",
+                "school_grade": "Grado escolar",
+                "state": "Seleccione su departamento",
+                "study_reasons": "Motivo",
+                "total_price": "Ingrese el monto total de la matricula",
+                "ufps_code": "Ingrese el codigo UFPS",
+                "unipamplona_code": "Ingresa tu codigo UniPamplona",
+                "type_coupon": "Ingrese el tipo de cupon"
+            },
+            "validators": {
+                "academic_level": "Ingrese el nivel academico ( Pregrado / Posgrado )",
+                "academic_plan": 'Plan',
+                "address": "Debes ingresar su direccion",
+                "agreement_by_category": "Convenio por categoria",
+                "availible_courses": "Debes seleccionar el grupo",
+                "birthdate": "Debes ingresar tu fecha de nacimiento",
+                "city": "Debes ingresar la ciudad de residencia",
+                "classroom": "Debe seleccionar los grupos disponibles",
+                "country": "Debes ingresar el pais de residencia",
+                "degree": "Debe seleccionar el nivel universitario",
+                "email": "Recuerda usar correos con dominio @inglesparatodos.edu.co",
+                "email_ufps": "ingresa el correo electronico con dominio ufps.edu.co",
+                "email_unipamplona": "Ingresa el correo con dominio unipamplona.edu.co",
+                "financing_value": "Debe ingresar el valor pagado de la cuota",
+                "financing_date": "Debe ingresar la fecha de realizacion del pago",
+                "financing_responsable": "Debe ingresar el nombre de quien recibe el pago",
+                "financing_sales_check": "Debe ingresar el numero de recibo",
+                "financing_invoice_number": "Debes ingresar el numero de recibo",
+                "id_cod": "Ingrese el numero de inscripcion",
+                "id_card_type": "Debes ingresar el tipo de documento",
+                "id_card": "Debes ingresar el número de documento.",
+                "id_payment": "Debe ingresar el número de recibo",
+                "last_name": "Debes ingresar los apellidos del usuario.",
+                "name": "Debes ingresar el nombre del usuario",
+                "nickname": "Debes ingresar el nickname",
+                "marketing_reasons": "¿Cómo se entero del programa?",
+                "needAtendant": "Debes ingresar si requiere o no acudiente",
+                "level": "Seleccione el nivel",
+                "observation": "Observaciones",
+                "occupation": "Debes ingresar la ocupacion",
+                "password": "Debe ser de minimo 7 digitos",
+                "paymentMethod": "Seleccione el metodo de pago",
+                "payment_date": "Debe ingresa la fecha de pago",
+                "phone_number": "Debes ingresar un número de teléfono valido",
+                "phone_indicative": "Debes seleccionar un indicativo",
+                "first_quota_price": "Debe ingresar el valor de la primera cuota",
+                "quota_times": "Ingrese un número de cuotas válido",
+                "program": "Debe ingresar el programa academico",
+                "role": "Debe seleccionar un rol",
+                "re_password": "Debe ser de minimo 7 digitos",
+                "re_total_price": "Debe confirmar el valor total de la matricula",
+                "semester": "Debe ingresar el semestre actual",
+                "service_hour": "Debe ingresar las horas de servicio",
+                "school_name": "Debe ingresar el nombre del colegio",
+                "school_grade": "Debes ingresar el grado actual",
+                "state": "Seleccione el departamento",
+                "study_reasons": "Motivo",
+                "total_price": "Debe ingresar el monto total de la matricula",
+                "ufps_code": "Debe ingresar el codigo UFPS",
+                "unipamplona_code": "Debes ingresar tu codigo UniPamplona"
+            },
+        },
+        "attendant": {
+            "inputs": {
+                "address": "ingrese su direccion",
+                "city": "Ingrese su ciudad de residencia",
+                "country": "Ingresa tu pais de residencia",
+                "id_card_type": "Ingresa tu tipo de documento",
+                "id_card": "Documento de identidad",
+                "last_name": "Apellidos",
+                "name": "Ingrese los nombres",
+                "phone_indicative": "Seleccione su indicativo",
+                "phone_number": "Numero de teléfono",
+                "state": "Seleccione su departamento",
+            },
+            "validators": {
+                "address": "Debes ingresar su direccion",
+                "city": "Debes ingresar la ciudad de residencia",
+                "country": "Debes ingresar el pais de residencia",
+                "id_card_type": "Debes ingresar el tipo de documento",
+                "id_card": "Debes ingresar el número de documento.",
+                "last_name": "Debes ingresar los apellidos del usuario.",
+                "name": "Debes ingresar el nombre del usuario",
+                "phone_number": "Debes ingresar un número de teléfono valido",
+                "phone_indicative": "Debes seleccionar un indicativo",
+                "state": "Seleccione el departamento",
+            }
+        },
+        "menu": {
+            "field1": "Home",
+            "field2": "Groups",
+            "field3": "Profile",
+            "field5": "Score",
+            "field4": "Search",
+            "endField": "Cerrar Sesión"
+        },
+        "edit_profile": {
+            "inputs": {
+                "id_card": "Documento de identidad",
+                "ufps_code": "Código de la universidad",
+                "email": "Correo dominio @ufps.edu.co",
+                "last_name": "Ingresa tus apellidos",
+                "name": "Ingresa tus nombres",
+                "phone": "Numero de teléfono",
+            },
+        },
+        "en": {}
+    }
+};
+function getCopies() {
+    return copies;
+}
+
+class CopiesService {
+    constructor() {
+        this.copies = getCopies();
+    }
+}
+CopiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CopiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CopiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CopiesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CopiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 class CourseService extends IPTGeneralService {
     constructor(http) {
         super();
@@ -1892,6 +2342,1335 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
+class CommunicatorService {
+    constructor() {
+        this.$courseType = new BehaviorSubject('');
+        this.$agreement = new BehaviorSubject('');
+    }
+    getSelectedCourseType() {
+        return this.$courseType.asObservable();
+    }
+    setCurrentCourseType(value) {
+        this.$courseType.next(value);
+    }
+    getSelectedAgreement() {
+        return this.$agreement.asObservable();
+    }
+    setCurrentAgreement(value) {
+        this.$agreement.next(value);
+    }
+}
+CommunicatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommunicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CommunicatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommunicatorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommunicatorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
+
+class CodFormStepOneComponent extends CodFormSteps {
+    constructor(fb, parameterService, copiesService, baseService, courseService, communicatorService) {
+        super();
+        this.fb = fb;
+        this.parameterService = parameterService;
+        this.copiesService = copiesService;
+        this.baseService = baseService;
+        this.courseService = courseService;
+        this.communicatorService = communicatorService;
+        this.changeStepEvent = new EventEmitter();
+        this.availibleCourses = [];
+        // Controls del formulario
+        this.controls = new CodFormControls().controls[0];
+        this.copies = this.copiesService.copies;
+    }
+    ngOnInit() {
+        this.getParameters();
+        this.initForm();
+        this.startLocalStorageWork();
+        this.setValuesByLocalStorage();
+        this.codFormStepOne.controls['course_type'].valueChanges
+            .subscribe(value => this.communicatorService.setCurrentCourseType(value));
+        this.communicatorService.setCurrentAgreement(this.localStorageCOD.getCodFormData(1, 'agreement_by_category'));
+    }
+    /* Es necesario recorrer el array de controls de nuestro formulario para:
+      ✅ Leer el Local Storage y setear los valores
+      ✅ Subscribirse a los cambios del formulario para setear valores nuevos
+  
+      Nota: la clase CodFormSteps() se encarga de toda la lógica de LS con los pasos del formulario del COD
+    */
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(1, control.name);
+            this.codFormStepOne.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(1, control.name, this.codFormStepOne.controls[control.name].valueChanges);
+        });
+    }
+    getParameters() {
+        this.parameterService.getAllPlans().subscribe((response) => {
+            this.plans = response.data;
+        });
+        this.parameterService.getLevels().subscribe((response) => {
+            this.levels = response.data;
+        });
+    }
+    initForm() {
+        this.codFormStepOne = this.fb.group({
+            academic_plan: ['', [Validators.required]],
+            course_type: ['', [Validators.required]],
+            agreement_by_category: ['', [Validators.required]],
+            english_level: ['', [Validators.required]],
+            availible_courses: ['', []],
+        });
+    }
+    setValuesByLocalStorage() {
+        const academicPlan = this.codFormStepOne.controls['academic_plan'].value || null;
+        if (!academicPlan)
+            return;
+        this.selectAcademicPlan(academicPlan);
+        const agreementByCategory = this.codFormStepOne.controls['agreement_by_category'].value || null;
+        if (!agreementByCategory)
+            return;
+        this.getAvailibleCourses();
+        const englishLevel = this.codFormStepOne.controls['english_level'].value || null;
+        if (!englishLevel)
+            return;
+        this.getAvailibleCourses();
+    }
+    sendForm() {
+        this.codFormStepOne.markAsTouched();
+        if (this.codFormStepOne.invalid)
+            return;
+        // Movernos al paso 2
+        this.changeStepEvent.emit(1);
+    }
+    resetForm() {
+        this.resetLocalStorage(this.controls);
+        this.codFormStepOne.reset();
+    }
+    // Eventos de los selects
+    selectAcademicPlan(academic_plan) {
+        if (academic_plan !== 'Plan') {
+            this.codFormStepOne.controls['academic_plan'].setValue(academic_plan);
+            this.getCourseType(academic_plan);
+            this.getAgreementByPlan(academic_plan);
+        }
+        else {
+            this.codFormStepOne.controls['academic_plan'].setValue(null);
+            this.codFormStepOne.controls['course_type'].setValue(null);
+            this.codFormStepOne.controls['agreement_by_category'].setValue(null);
+        }
+    }
+    getCourseType(plan) {
+        this.parameterService.getCoursesTypesByPlan(plan).subscribe((response) => {
+            this.course_type = response.data;
+        });
+    }
+    getAgreementByPlan(plan) {
+        this.parameterService.getAgreementByCategory(plan).subscribe((response) => {
+            this.agreements = response.data;
+        });
+    }
+    selectCoursesTypesByPlan(coursesTypes) {
+        if (coursesTypes !== 'Tipo de plan') {
+            this.codFormStepOne.controls['course_type'].setValue(coursesTypes);
+            this.getAvailibleCourses();
+        }
+        else {
+            this.codFormStepOne.controls['course_type'].setValue(null);
+        }
+    }
+    selectAgreementByCategory(agreementByCategories) {
+        if (agreementByCategories !== 'Convenio por categoria') {
+            this.codFormStepOne.controls['agreement_by_category'].setValue(agreementByCategories);
+            this.communicatorService.setCurrentAgreement(agreementByCategories);
+            this.getAvailibleCourses();
+        }
+        else {
+            this.codFormStepOne.controls['agreement_by_category'].setValue(null);
+            this.codFormStepOne.controls['school_name'].setValue(null);
+        }
+    }
+    selectLevel(levels) {
+        if (levels !== 'Nivel de inglés') {
+            this.codFormStepOne.controls['english_level'].setValue(levels);
+            this.getAvailibleCourses();
+        }
+        else {
+            this.codFormStepOne.controls['english_level'].setValue(null);
+        }
+    }
+    selectAvailibleCourses(availibleCourses) {
+        if (availibleCourses !== 'Grupos disponibles') {
+            this.codFormStepOne.controls['availible_courses'].setValue(availibleCourses);
+        }
+        else {
+            this.codFormStepOne.controls['availible_courses'].setValue(null);
+            this.codFormStepOne.controls['agreement_by_category'].setValue(null);
+            this.codFormStepOne.controls['course_type'].setValue(null);
+            this.codFormStepOne.controls['english_level'].setValue(null);
+        }
+    }
+    validRequest() {
+        return (this.codFormStepOne.controls['english_level'].value != '' &&
+            this.codFormStepOne.controls['agreement_by_category'].value != '' &&
+            this.codFormStepOne.controls['course_type'].value != '');
+    }
+    getAvailibleCourses() {
+        this.availibleCourses = [];
+        if (this.validRequest()) {
+            let request_availibleCourses = {
+                token: this.baseService.getUserToken(),
+                english_level: this.codFormStepOne.controls['english_level'].value,
+                agreement: this.codFormStepOne.controls['agreement_by_category'].value,
+                course_type: this.codFormStepOne.controls['course_type'].value,
+            };
+            this.courseService
+                .getAvailibleCourses(request_availibleCourses)
+                .subscribe((response) => {
+                if (response.data) {
+                    let courses = response.data;
+                    this.hasAvailableCourse = true;
+                    courses.forEach(course => {
+                        this.availibleCourses.push({
+                            code: course.code,
+                            name: `Curso ${course.modality === 1 ? 'Presencial' : 'Virtual'} ${course.course_type.name} (${course.english_level}) - Teacher ${course.teacher}, Fecha de inicio: ${course.to_start}`
+                        });
+                    });
+                }
+                else {
+                    this.hasAvailableCourse = false;
+                    this.codFormStepOne.controls['availible_courses'].setValue("");
+                }
+            });
+        }
+    }
+}
+CodFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: CopiesService }, { token: BaseService }, { token: CourseService }, { token: CommunicatorService }], target: i0.ɵɵFactoryTarget.Component });
+CodFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"codFormStepOne\" class=\"grid\">\r\n  <div class=\"col\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['academic_plan'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['academic_plan'].value === null? 'Plan': codFormStepOne.controls['academic_plan'].value\"\r\n      [defaultText]=\"'Plan'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectAcademicPlan($event)\"\r\n      [data]=\"plans\"\r\n      [control]=\"codFormStepOne.controls['academic_plan']\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['course_type'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['course_type'].value === null? 'Tipo de plan': codFormStepOne.controls['course_type'].value\"\r\n      [defaultText]=\"'Tipo de plan'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectCoursesTypesByPlan($event)\"\r\n      [data]=\"course_type\"\r\n      [control]=\"codFormStepOne.controls['course_type']\"\r\n    ></ipt-select>\r\n  </div>\r\n  <div class=\"col\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['agreement_by_category'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['agreement_by_category'].value === null? 'Convenio por categoria': codFormStepOne.controls['agreement_by_category'].value\"\r\n      [defaultText]=\"'Convenio por categoria'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectAgreementByCategory($event)\"\r\n      [data]=\"agreements\"\r\n      [control]=\"codFormStepOne.controls['agreement_by_category']\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['english_level'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['english_level'].value === null? 'Nivel de ingl\u00E9s': codFormStepOne.controls['english_level'].value\"\r\n      [defaultText]=\"'Nivel de ingl\u00E9s'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectLevel($event)\"\r\n      [data]=\"levels\"\r\n      [control]=\"codFormStepOne.controls['english_level']\"\r\n    ></ipt-select>\r\n  </div>\r\n  <div class=\"col-12\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['availible_courses'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['availible_courses'].value === null? 'Grupos disponibles': codFormStepOne.controls['availible_courses'].value\"\r\n      [defaultText]=\"'Grupos disponibles'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectAvailibleCourses($event)\"\r\n      [data]=\"availibleCourses\"\r\n      [control]=\"codFormStepOne.controls['availible_courses']\"\r\n    ></ipt-select>\r\n  </div>\r\n  <span *ngIf=\"!hasAvailableCourse\" class=\"mt-1 pl-2 text-red-500\">Todavia no hay cursos con estas caracter\u00EDsticas.</span>\r\n</form>\r\n\r\n<div class=\"flex mt-2 align-items-center gap-3\">\r\n  <span *ngIf=\"codFormStepOne.invalid && codFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">Faltan campos por llenar.</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n</div>\r\n", styles: [""], components: [{ type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepOneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-form-step-one', template: "<form [formGroup]=\"codFormStepOne\" class=\"grid\">\r\n  <div class=\"col\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['academic_plan'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['academic_plan'].value === null? 'Plan': codFormStepOne.controls['academic_plan'].value\"\r\n      [defaultText]=\"'Plan'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectAcademicPlan($event)\"\r\n      [data]=\"plans\"\r\n      [control]=\"codFormStepOne.controls['academic_plan']\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['course_type'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['course_type'].value === null? 'Tipo de plan': codFormStepOne.controls['course_type'].value\"\r\n      [defaultText]=\"'Tipo de plan'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectCoursesTypesByPlan($event)\"\r\n      [data]=\"course_type\"\r\n      [control]=\"codFormStepOne.controls['course_type']\"\r\n    ></ipt-select>\r\n  </div>\r\n  <div class=\"col\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['agreement_by_category'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['agreement_by_category'].value === null? 'Convenio por categoria': codFormStepOne.controls['agreement_by_category'].value\"\r\n      [defaultText]=\"'Convenio por categoria'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectAgreementByCategory($event)\"\r\n      [data]=\"agreements\"\r\n      [control]=\"codFormStepOne.controls['agreement_by_category']\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['english_level'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['english_level'].value === null? 'Nivel de ingl\u00E9s': codFormStepOne.controls['english_level'].value\"\r\n      [defaultText]=\"'Nivel de ingl\u00E9s'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectLevel($event)\"\r\n      [data]=\"levels\"\r\n      [control]=\"codFormStepOne.controls['english_level']\"\r\n    ></ipt-select>\r\n  </div>\r\n  <div class=\"col-12\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepOne.controls['availible_courses'].value\"\r\n      [selectCode]=\"codFormStepOne.controls['availible_courses'].value === null? 'Grupos disponibles': codFormStepOne.controls['availible_courses'].value\"\r\n      [defaultText]=\"'Grupos disponibles'\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectAvailibleCourses($event)\"\r\n      [data]=\"availibleCourses\"\r\n      [control]=\"codFormStepOne.controls['availible_courses']\"\r\n    ></ipt-select>\r\n  </div>\r\n  <span *ngIf=\"!hasAvailableCourse\" class=\"mt-1 pl-2 text-red-500\">Todavia no hay cursos con estas caracter\u00EDsticas.</span>\r\n</form>\r\n\r\n<div class=\"flex mt-2 align-items-center gap-3\">\r\n  <span *ngIf=\"codFormStepOne.invalid && codFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">Faltan campos por llenar.</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: CopiesService }, { type: BaseService }, { type: CourseService }, { type: CommunicatorService }]; }, propDecorators: { changeStepEvent: [{
+                type: Output
+            }] } });
+
+class CodFormStepTwoComponent extends CodFormSteps {
+    constructor(fb, parameterService) {
+        super();
+        this.fb = fb;
+        this.parameterService = parameterService;
+        this.changeStepEvent = new EventEmitter();
+        this.errorMessage = 'Faltan campos por llenar.';
+        this.hasErrors = false;
+        this.genders = [];
+        // Controls del formulario
+        this.controls = new CodFormControls().controls[1];
+    }
+    ngOnInit() {
+        this.getParameters();
+        this.initForm();
+        this.startLocalStorageWork();
+        this.validateErrors();
+        if (this.initialData)
+            this.setDataFromPreviusCod();
+        this.selectCountry(this.localStorageCOD.getCodFormData(2, 'country'));
+    }
+    setDataFromPreviusCod() {
+        this.codFormStepTwo.controls['student_name'].setValue(this.initialData.name);
+        this.codFormStepTwo.controls['student_last_name'].setValue(this.initialData.last_name);
+        this.codFormStepTwo.controls['student_id_card_type'].setValue(this.initialData.id_card_type);
+        this.codFormStepTwo.controls['student_id_card'].setValue(this.initialData.id_card);
+        this.codFormStepTwo.controls['student_phone_indicative'].setValue(this.initialData.phone_indicative);
+        this.codFormStepTwo.controls['student_phone_number'].setValue(this.initialData.phone_number);
+        this.codFormStepTwo.controls['birthdate'].setValue(this.initialData.birthdate);
+    }
+    validateErrors() {
+        this.codFormStepTwo.valueChanges.subscribe(changes => {
+            if (this.codFormStepTwo.controls['student_name'].hasError('minlength')) {
+                this.errorMessage = 'Los nombres deben tener mínimo 3 caracteres';
+            }
+            else if (this.codFormStepTwo.controls['student_last_name'].hasError('minlength')) {
+                this.errorMessage = 'Los apellidos deben tener mínimo 5 caracteres';
+            }
+            else if (this.codFormStepTwo.controls['password'].hasError('minlength')) {
+                this.errorMessage = 'La contraseña debe tener mínimo 6 caracteres';
+            }
+            else if (this.codFormStepTwo.controls['password'].value !== this.codFormStepTwo.controls['re_password'].value) {
+                this.errorMessage = 'Las contraseñas no coinciden';
+            }
+            else if (this.codFormStepTwo.controls['age'].errors) {
+                this.errorMessage = 'Fecha de nacimiento no válida';
+            }
+            else {
+                this.errorMessage = 'Faltan campos por llenar';
+            }
+        });
+    }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(2, control.name);
+            this.codFormStepTwo.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(2, control.name, this.codFormStepTwo.controls[control.name].valueChanges);
+        });
+    }
+    initForm() {
+        this.codFormStepTwo = this.fb.group({
+            student_address: ['', [Validators.required], []],
+            birthdate: ['', [Validators.required], []],
+            country: ['', [Validators.required], []],
+            state: ['', [Validators.required], []],
+            city: ['', [Validators.required], []],
+            student_id_card_type: ['', [Validators.required], []],
+            student_id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
+            student_last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(32)]],
+            student_name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(32)]],
+            student_email: ['', [Validators.required, Validators.email]],
+            nickname: ['', [Validators.required]],
+            gender: ['', [Validators.required]],
+            age: ['', [Validators.required], []],
+            student_occupation: ['', [Validators.required]],
+            stratum: ['', [Validators.required]],
+            grade: ['', [Validators.required]],
+            civil_status: ['', [Validators.required]],
+            student_phone_indicative: ['', [Validators.required], []],
+            student_phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(15)]],
+            password: ['', [Validators.required, Validators.minLength(6)]],
+            re_password: ['', [Validators.required, Validators.minLength(6)]],
+        });
+        // Calcular edad y setear valor
+        this.codFormStepTwo.controls['birthdate'].valueChanges.subscribe({
+            next: (change) => {
+                let today = new Date();
+                let birthday = new Date(change);
+                let age = today.getFullYear() - birthday.getFullYear();
+                let month = today.getMonth() - birthday.getMonth();
+                if (month < 0 || (month === 0 && today.getDate() < birthday.getDate())) {
+                    age--;
+                }
+                if (age < 3) {
+                    this.errorMessage = 'Fecha de nacimiento no válida';
+                    this.codFormStepTwo.controls['birthdate'].setErrors({
+                        invalidAge: true
+                    });
+                }
+                else {
+                    this.codFormStepTwo.controls['birthdate'].setErrors(null);
+                }
+                this.codFormStepTwo.controls['age'].setValue(age);
+            }
+        });
+    }
+    getParameters() {
+        this.parameterService.getCardTypes('col').subscribe((response) => {
+            this.idTypes = response.data;
+        });
+        this.parameterService.getIndicatives().subscribe((response) => {
+            this.indicatives = response.data;
+        });
+        this.parameterService.getCountries().subscribe((response) => {
+            this.countries = response.data;
+        });
+        this.parameterService.getStratums().subscribe((response) => {
+            this.stratums = response.data;
+        });
+        this.parameterService.getCivilStatus().subscribe((response) => {
+            this.civilStatus = response.data;
+        });
+        this.parameterService.getGenders().pipe(map((response) => response.data))
+            .subscribe((genders) => {
+            genders.forEach(gender => {
+                let genderItem = {
+                    code: gender.code,
+                    name: gender.name_spanish
+                };
+                this.genders.push(genderItem);
+            });
+        });
+    }
+    sendForm() {
+        this.codFormStepTwo.markAllAsTouched();
+        if (this.codFormStepTwo.invalid)
+            return;
+        // Movernos al paso 3
+        this.changeStepEvent.emit(2);
+    }
+    getState(state) {
+        this.getCity(state);
+    }
+    getCity(state) {
+        this.parameterService.getCitiesByState(state).subscribe((response) => {
+            this.cities = response.data;
+            this.selectCity(this.localStorageCOD.getCodFormData(2, 'city'));
+        });
+    }
+    // Eventos de los select
+    selectCountry(country) {
+        if (country !== 'País de residencia') {
+            this.codFormStepTwo.controls['country'].setValue(country);
+            let iso = '';
+            if (country === '1')
+                iso = 'null';
+            if (country === '2')
+                iso = 'col';
+            if (country === '3')
+                iso = 'ven';
+            if (country === '4')
+                iso = 'usa';
+            this.parameterService.getStatesByCountry(iso).subscribe((response) => {
+                this.states = response.data;
+                this.selectState(this.localStorageCOD.getCodFormData(2, 'state'));
+            });
+        }
+        else {
+            this.codFormStepTwo.controls['country'].setValue(null);
+        }
+        this.countrySelected = country;
+    }
+    selectState(state) {
+        if (state !== 'Departamento o estado') {
+            this.codFormStepTwo.controls['state'].setValue(state);
+            this.getState(state);
+        }
+        else {
+            this.codFormStepTwo.controls['state'].setValue(null);
+            this.codFormStepTwo.controls['city'].setValue(null);
+            this.cities = [];
+        }
+    }
+    selectCity(city) {
+        if (city !== 'Ciudad de residencia') {
+            this.codFormStepTwo.controls['city'].setValue(city);
+        }
+        else {
+            this.codFormStepTwo.controls['city'].setValue(null);
+        }
+    }
+    selectIdType(idType) {
+        if (idType !== 'Tipo de documento') {
+            this.codFormStepTwo.controls['student_id_card_type'].setValue(idType);
+        }
+        else {
+            this.codFormStepTwo.controls['student_id_card_type'].setValue(null);
+        }
+    }
+    selectIndicatives(indicative) {
+        if (indicative !== 'Indicativo') {
+            this.codFormStepTwo.controls['student_phone_indicative'].setValue(indicative);
+        }
+        else {
+            this.codFormStepTwo.controls['student_phone_indicative'].setValue(null);
+        }
+    }
+    selectGender(gender) {
+        if (gender !== 'Género') {
+            this.codFormStepTwo.controls['gender'].setValue(gender);
+        }
+        else {
+            this.codFormStepTwo.controls['gender'].setValue(null);
+        }
+    }
+    selectStratum(stratum) {
+        if (stratum !== 'Estrato') {
+            this.codFormStepTwo.controls['stratum'].setValue(stratum);
+        }
+        else {
+            this.codFormStepTwo.controls['stratum'].setValue(null);
+        }
+    }
+    selectCivilStatus(civil_status) {
+        if (civil_status !== 'Estado civil') {
+            this.codFormStepTwo.controls['civil_status'].setValue(civil_status);
+        }
+        else {
+            this.codFormStepTwo.controls['civil_status'].setValue(null);
+        }
+    }
+}
+CodFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
+CodFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: { initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepTwo\" class=\"grid\">\r\n\r\n  <div class=\"col\">\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Nombres'\"\r\n      [control]=\"codFormStepTwo.controls['student_name']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['student_id_card_type'].value\"\r\n      [control]=\"codFormStepTwo.controls['student_id_card_type']\"\r\n      [selectCode]=\"codFormStepTwo.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codFormStepTwo.controls['student_id_card_type'].value\"\r\n      [isRequired]=\"true\"\r\n      [data]=\"idTypes\"\r\n      (eventSelect)=\"selectIdType($event)\"\r\n      [defaultText]=\"'Tipo de documento'\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['country'].value\"\r\n      [control]=\"codFormStepTwo.controls['country']\"\r\n      [selectCode]=\"codFormStepTwo.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codFormStepTwo.controls['country'].value\"\r\n      (eventSelect)=\"selectCountry($event)\"\r\n      [data]=\"countries\"\r\n      [defaultText]=\"'Pa\u00EDs de residencia'\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['city'].value\"\r\n      [control]=\"codFormStepTwo.controls['city']\"\r\n      [selectCode]=\"codFormStepTwo.controls['city'].value === null ? 'Ciudad de residencia' : codFormStepTwo.controls['city'].value\"\r\n      (eventSelect)=\"selectCity($event)\"\r\n      [data]=\"cities\"\r\n      [defaultText]=\"'Ciudad de residencia'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      onfocus=\"(this.type='date')\"\r\n      [inputType]=\"'date'\"\r\n      [control]=\"codFormStepTwo.controls['birthdate']\"\r\n      [placeHolder]=\"'Fecha de nacimiento'\"\r\n    ></ipt-input>\r\n     <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['gender'].value\"\r\n      [control]=\"codFormStepTwo.controls['gender']\"\r\n      [data]=\"genders\"\r\n      (eventSelect)=\"selectGender($event)\"\r\n      [defaultText]=\"'G\u00E9nero'\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['stratum'].value\"\r\n      [control]=\"codFormStepTwo.controls['stratum']\"\r\n      [data]=\"stratums\"\r\n      (eventSelect)=\"selectStratum($event)\"\r\n      [defaultText]=\"'Estrato'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Grado'\"\r\n      [control]=\"codFormStepTwo.controls['grade']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['student_phone_indicative'].value\"\r\n      [control]=\"codFormStepTwo.controls['student_phone_indicative']\"\r\n      [data]=\"indicatives\"\r\n      (eventSelect)=\"selectIndicatives($event)\"\r\n      [defaultText]=\"'Indicativo'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'email'\"\r\n      [placeHolder]=\"'Correo electr\u00F3nico'\"\r\n      [control]=\"codFormStepTwo.controls['student_email']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'password'\"\r\n      [placeHolder]=\"'Repetir contrase\u00F1a'\"\r\n      [control]=\"codFormStepTwo.controls['re_password']\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col\">\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Apellidos'\"\r\n      [control]=\"codFormStepTwo.controls['student_last_name']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'number'\"\r\n      [placeHolder]=\"'N\u00FAmero de documento'\"\r\n      [control]=\"codFormStepTwo.controls['student_id_card']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['state'].value\"\r\n      [control]=\"codFormStepTwo.controls['state']\"\r\n      [selectCode]=\"codFormStepTwo.controls['state'].value === null ? 'Departamento o estado' : codFormStepTwo.controls['state'].value\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectState($event)\"\r\n      [data]=\"states\"\r\n      [defaultText]=\"'Departamento o estado'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Direcci\u00F3n'\"\r\n      [control]=\"codFormStepTwo.controls['student_address']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'number'\"\r\n      [placeHolder]=\"'Edad'\"\r\n      [control]=\"codFormStepTwo.controls['age']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Nickname'\"\r\n      [control]=\"codFormStepTwo.controls['nickname']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Ocupaci\u00F3n'\"\r\n      [control]=\"codFormStepTwo.controls['student_occupation']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['civil_status'].value\"\r\n      [control]=\"codFormStepTwo.controls['civil_status']\"\r\n      [data]=\"civilStatus\"\r\n      (eventSelect)=\"selectCivilStatus($event)\"\r\n      [defaultText]=\"'Estado civil'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'number'\"\r\n      [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\r\n      [control]=\"codFormStepTwo.controls['student_phone_number']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'password'\"\r\n      [placeHolder]=\"'Contrase\u00F1a'\"\r\n      [control]=\"codFormStepTwo.controls['password']\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col-12\"></div>\r\n\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"codFormStepTwo.invalid && codFormStepTwo.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n</div>\r\n", styles: [""], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepTwoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-form-step-two', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepTwo\" class=\"grid\">\r\n\r\n  <div class=\"col\">\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Nombres'\"\r\n      [control]=\"codFormStepTwo.controls['student_name']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['student_id_card_type'].value\"\r\n      [control]=\"codFormStepTwo.controls['student_id_card_type']\"\r\n      [selectCode]=\"codFormStepTwo.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codFormStepTwo.controls['student_id_card_type'].value\"\r\n      [isRequired]=\"true\"\r\n      [data]=\"idTypes\"\r\n      (eventSelect)=\"selectIdType($event)\"\r\n      [defaultText]=\"'Tipo de documento'\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['country'].value\"\r\n      [control]=\"codFormStepTwo.controls['country']\"\r\n      [selectCode]=\"codFormStepTwo.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codFormStepTwo.controls['country'].value\"\r\n      (eventSelect)=\"selectCountry($event)\"\r\n      [data]=\"countries\"\r\n      [defaultText]=\"'Pa\u00EDs de residencia'\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['city'].value\"\r\n      [control]=\"codFormStepTwo.controls['city']\"\r\n      [selectCode]=\"codFormStepTwo.controls['city'].value === null ? 'Ciudad de residencia' : codFormStepTwo.controls['city'].value\"\r\n      (eventSelect)=\"selectCity($event)\"\r\n      [data]=\"cities\"\r\n      [defaultText]=\"'Ciudad de residencia'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      onfocus=\"(this.type='date')\"\r\n      [inputType]=\"'date'\"\r\n      [control]=\"codFormStepTwo.controls['birthdate']\"\r\n      [placeHolder]=\"'Fecha de nacimiento'\"\r\n    ></ipt-input>\r\n     <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['gender'].value\"\r\n      [control]=\"codFormStepTwo.controls['gender']\"\r\n      [data]=\"genders\"\r\n      (eventSelect)=\"selectGender($event)\"\r\n      [defaultText]=\"'G\u00E9nero'\"\r\n    ></ipt-select>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['stratum'].value\"\r\n      [control]=\"codFormStepTwo.controls['stratum']\"\r\n      [data]=\"stratums\"\r\n      (eventSelect)=\"selectStratum($event)\"\r\n      [defaultText]=\"'Estrato'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Grado'\"\r\n      [control]=\"codFormStepTwo.controls['grade']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['student_phone_indicative'].value\"\r\n      [control]=\"codFormStepTwo.controls['student_phone_indicative']\"\r\n      [data]=\"indicatives\"\r\n      (eventSelect)=\"selectIndicatives($event)\"\r\n      [defaultText]=\"'Indicativo'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'email'\"\r\n      [placeHolder]=\"'Correo electr\u00F3nico'\"\r\n      [control]=\"codFormStepTwo.controls['student_email']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'password'\"\r\n      [placeHolder]=\"'Repetir contrase\u00F1a'\"\r\n      [control]=\"codFormStepTwo.controls['re_password']\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col\">\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Apellidos'\"\r\n      [control]=\"codFormStepTwo.controls['student_last_name']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'number'\"\r\n      [placeHolder]=\"'N\u00FAmero de documento'\"\r\n      [control]=\"codFormStepTwo.controls['student_id_card']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['state'].value\"\r\n      [control]=\"codFormStepTwo.controls['state']\"\r\n      [selectCode]=\"codFormStepTwo.controls['state'].value === null ? 'Departamento o estado' : codFormStepTwo.controls['state'].value\"\r\n      [isRequired]=\"true\"\r\n      (eventSelect)=\"selectState($event)\"\r\n      [data]=\"states\"\r\n      [defaultText]=\"'Departamento o estado'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Direcci\u00F3n'\"\r\n      [control]=\"codFormStepTwo.controls['student_address']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'number'\"\r\n      [placeHolder]=\"'Edad'\"\r\n      [control]=\"codFormStepTwo.controls['age']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Nickname'\"\r\n      [control]=\"codFormStepTwo.controls['nickname']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Ocupaci\u00F3n'\"\r\n      [control]=\"codFormStepTwo.controls['student_occupation']\"\r\n    ></ipt-input>\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepTwo.controls['civil_status'].value\"\r\n      [control]=\"codFormStepTwo.controls['civil_status']\"\r\n      [data]=\"civilStatus\"\r\n      (eventSelect)=\"selectCivilStatus($event)\"\r\n      [defaultText]=\"'Estado civil'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'number'\"\r\n      [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\r\n      [control]=\"codFormStepTwo.controls['student_phone_number']\"\r\n    ></ipt-input>\r\n    <ipt-input\r\n      [inputType]=\"'password'\"\r\n      [placeHolder]=\"'Contrase\u00F1a'\"\r\n      [control]=\"codFormStepTwo.controls['password']\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col-12\"></div>\r\n\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"codFormStepTwo.invalid && codFormStepTwo.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { initialData: [{
+                type: Input
+            }], changeStepEvent: [{
+                type: Output
+            }] } });
+
+class CodFormStepThreeComponent extends CodFormSteps {
+    constructor(fb, parameterService, codFormControls) {
+        super();
+        this.fb = fb;
+        this.parameterService = parameterService;
+        this.codFormControls = codFormControls;
+        this.changeStepEvent = new EventEmitter();
+        this.globalControls = new CodFormControls();
+        this.errorMessage = 'Faltan campos por llenar.';
+        this.needAtendants = [
+            { code: '1', name: 'Si requiere acudiente' },
+            { code: '2', name: 'No requiere acudiente' },
+        ];
+        // Controls del formulario
+        this.controls = new CodFormControls().controls[2];
+    }
+    ngOnInit() {
+        this.getParameters();
+        this.initForm();
+        this.startLocalStorageWork();
+        this.validateErrors();
+    }
+    validateErrors() {
+        this.codFormStepThree.valueChanges.subscribe(changes => {
+            if (this.codFormStepThree.controls['parent_name'].hasError('minlength')) {
+                this.errorMessage = 'Los nombres deben tener mínimo 3 caracteres';
+            }
+            else if (this.codFormStepThree.controls['parent_last_name'].hasError('minlength')) {
+                this.errorMessage = 'Los apellidos deben tener mínimo 5 caracteres';
+            }
+            else {
+                this.errorMessage = 'Faltan campos por llenar';
+            }
+        });
+    }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(3, control.name);
+            this.codFormStepThree.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(3, control.name, this.codFormStepThree.controls[control.name].valueChanges);
+        });
+    }
+    getParameters() {
+        this.parameterService.getCardTypes('col').subscribe((response) => {
+            this.idTypes = response.data;
+        });
+        this.parameterService.getIndicatives().subscribe((response) => {
+            this.indicatives = response.data;
+        });
+    }
+    initForm() {
+        this.codFormStepThree = this.fb.group({
+            parent_id_card_type: ['', [Validators.required]],
+            parent_id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(20),],],
+            parent_last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(32),],],
+            parent_name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(32)],],
+            needAtendant: ['', [Validators.required], []],
+            parent_phone_indicative: ['', [Validators.required], []],
+            parent_occupation: ['', [Validators.required], []],
+            parent_address: ['', [Validators.required], []],
+            parent_phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(15),],],
+        });
+        this.listenNeedAtendantField();
+    }
+    listenNeedAtendantField() {
+        const control = this.codFormStepThree.get('needAtendant');
+        control?.valueChanges.subscribe((change) => {
+            if (change === '1') {
+                // Poner validaciones
+                this.codFormStepThree.controls['parent_id_card_type'].setValidators([Validators.required]);
+                this.codFormStepThree.controls['parent_id_card'].setValidators([Validators.required, Validators.minLength(5), Validators.maxLength(20)]);
+                this.codFormStepThree.controls['parent_last_name'].setValidators([Validators.required, Validators.minLength(5), Validators.maxLength(32)]);
+                this.codFormStepThree.controls['parent_name'].setValidators([Validators.required, Validators.minLength(3), Validators.maxLength(32)]);
+                this.codFormStepThree.controls['parent_phone_indicative'].setValidators([Validators.required]);
+                this.codFormStepThree.controls['parent_occupation'].setValidators([Validators.required]);
+                this.codFormStepThree.controls['parent_address'].setValidators([Validators.required]);
+                this.codFormStepThree.controls['parent_phone_number'].setValidators([Validators.required, Validators.minLength(10), Validators.maxLength(15)]);
+                // Actualizar para que se tomen los cambios
+                this.updateValueAndValidity();
+                // Actualizar los controls globales
+                this.updateGlobalControls(change);
+            }
+            if (change === '2') {
+                // Quitar las validaciones
+                this.codFormStepThree.controls['parent_id_card_type'].clearValidators();
+                this.codFormStepThree.controls['parent_id_card'].clearValidators();
+                this.codFormStepThree.controls['parent_last_name'].clearValidators();
+                this.codFormStepThree.controls['parent_name'].clearValidators();
+                this.codFormStepThree.controls['parent_phone_indicative'].clearValidators();
+                this.codFormStepThree.controls['parent_occupation'].clearValidators();
+                this.codFormStepThree.controls['parent_address'].clearValidators();
+                this.codFormStepThree.controls['parent_phone_number'].clearValidators();
+                // Actualizar para que se tomen los cambios
+                this.updateValueAndValidity();
+                // Actualizar los controls globales
+                this.updateGlobalControls(change);
+            }
+        });
+    }
+    updateGlobalControls(change) {
+        let controls = this.controls.filter(control => control.name !== 'needAtendant');
+        controls.forEach(control => {
+            if (change === '1')
+                this.codFormControls.changeValue(3, control.name, true);
+            if (change === '2')
+                this.codFormControls.changeValue(3, control.name, false);
+        });
+    }
+    updateValueAndValidity() {
+        this.codFormStepThree.controls['parent_id_card_type'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_id_card'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_last_name'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_name'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_phone_indicative'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_occupation'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_address'].updateValueAndValidity();
+        this.codFormStepThree.controls['parent_phone_number'].updateValueAndValidity();
+    }
+    needAtendant() {
+        return this.codFormStepThree.controls['needAtendant'].value == 1;
+    }
+    sendForm() {
+        this.codFormStepThree.markAllAsTouched();
+        if (this.codFormStepThree.controls['needAtendant'].value === '1' && this.codFormStepThree.invalid)
+            return;
+        // Movernos al paso 4
+        this.changeStepEvent.emit(3);
+    }
+    // Eventos de los select
+    selectNeedAtendant(needAtendant) {
+        if (needAtendant !== 'Requiere acudiente') {
+            this.codFormStepThree.controls['needAtendant'].setValue(needAtendant);
+        }
+        else {
+            this.codFormStepThree.controls['needAtendant'].setValue(null);
+        }
+    }
+    selectIdTypeParents(value) {
+        if (value !== 'Tipo de documento') {
+            this.codFormStepThree.controls['parent_id_card_type'].setValue(value);
+        }
+        else {
+            this.codFormStepThree.controls['parent_id_card_type'].setValue(null);
+        }
+    }
+    selectIndicativesParents(value) {
+        if (value !== 'Indicativo') {
+            this.codFormStepThree.controls['parent_phone_indicative'].setValue(value);
+        }
+        else {
+            this.codFormStepThree.controls['parent_phone_indicative'].setValue(null);
+        }
+    }
+}
+CodFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepThreeComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: CodFormControls }], target: i0.ɵɵFactoryTarget.Component });
+CodFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepThree\"class=\"grid\">\r\n  <div class=\"col-12\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepThree.controls['needAtendant'].value\"\r\n      [control]=\"codFormStepThree.controls['needAtendant']\"\r\n      (eventSelect)=\"selectNeedAtendant($event)\"\r\n      [data]=\"needAtendants\"\r\n      [defaultText]=\"'Requiere acudiente'\"\r\n    ></ipt-select>\r\n  </div>\r\n\r\n  <div *ngIf=\"needAtendant()\" class=\"grid col-12\">\r\n    <div class=\"col-12 md:col-6\">\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Nombres'\"\r\n        [control]=\"codFormStepThree.controls['parent_name']\"\r\n      ></ipt-input>\r\n      <ipt-select\r\n        [initialValue]=\"codFormStepThree.controls['parent_id_card_type'].value\"\r\n        [data]=\"idTypes\"\r\n        (eventSelect)=\"selectIdTypeParents($event)\"\r\n        [defaultText]=\"'Tipo de documento'\"\r\n        [control]=\"codFormStepThree.controls['parent_id_card_type']\"\r\n      ></ipt-select>\r\n      <ipt-select\r\n        [initialValue]=\"codFormStepThree.controls['parent_phone_indicative'].value\"\r\n        [data]=\"indicatives\"\r\n        (eventSelect)=\"selectIndicativesParents($event)\"\r\n        [defaultText]=\"'Indicativo'\"\r\n        [control]=\"codFormStepThree.controls['parent_phone_indicative']\"\r\n      ></ipt-select>\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Ocupaci\u00F3n'\"\r\n        [control]=\"codFormStepThree.controls['parent_occupation']\"\r\n      ></ipt-input>\r\n    </div>\r\n    <div class=\"col-12 md:col-6\">\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Apellidos'\"\r\n        [control]=\"codFormStepThree.controls['parent_last_name']\"\r\n      ></ipt-input>\r\n      <ipt-input\r\n        [inputType]=\"'number'\"\r\n        [placeHolder]=\"'N\u00FAmero de documento'\"\r\n        [control]=\"codFormStepThree.controls['parent_id_card']\"\r\n      ></ipt-input>\r\n      <ipt-input\r\n        [inputType]=\"'number'\"\r\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\r\n        [control]=\"codFormStepThree.controls['parent_phone_number']\"\r\n      ></ipt-input>\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Direcci\u00F3n - Oficina'\"\r\n        [control]=\"codFormStepThree.controls['parent_address']\"\r\n      ></ipt-input>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"(codFormStepThree.invalid && codFormStepThree.touched) && needAtendant()\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n</div>\r\n", styles: [""], components: [{ type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepThreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-form-step-three', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepThree\"class=\"grid\">\r\n  <div class=\"col-12\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepThree.controls['needAtendant'].value\"\r\n      [control]=\"codFormStepThree.controls['needAtendant']\"\r\n      (eventSelect)=\"selectNeedAtendant($event)\"\r\n      [data]=\"needAtendants\"\r\n      [defaultText]=\"'Requiere acudiente'\"\r\n    ></ipt-select>\r\n  </div>\r\n\r\n  <div *ngIf=\"needAtendant()\" class=\"grid col-12\">\r\n    <div class=\"col-12 md:col-6\">\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Nombres'\"\r\n        [control]=\"codFormStepThree.controls['parent_name']\"\r\n      ></ipt-input>\r\n      <ipt-select\r\n        [initialValue]=\"codFormStepThree.controls['parent_id_card_type'].value\"\r\n        [data]=\"idTypes\"\r\n        (eventSelect)=\"selectIdTypeParents($event)\"\r\n        [defaultText]=\"'Tipo de documento'\"\r\n        [control]=\"codFormStepThree.controls['parent_id_card_type']\"\r\n      ></ipt-select>\r\n      <ipt-select\r\n        [initialValue]=\"codFormStepThree.controls['parent_phone_indicative'].value\"\r\n        [data]=\"indicatives\"\r\n        (eventSelect)=\"selectIndicativesParents($event)\"\r\n        [defaultText]=\"'Indicativo'\"\r\n        [control]=\"codFormStepThree.controls['parent_phone_indicative']\"\r\n      ></ipt-select>\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Ocupaci\u00F3n'\"\r\n        [control]=\"codFormStepThree.controls['parent_occupation']\"\r\n      ></ipt-input>\r\n    </div>\r\n    <div class=\"col-12 md:col-6\">\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Apellidos'\"\r\n        [control]=\"codFormStepThree.controls['parent_last_name']\"\r\n      ></ipt-input>\r\n      <ipt-input\r\n        [inputType]=\"'number'\"\r\n        [placeHolder]=\"'N\u00FAmero de documento'\"\r\n        [control]=\"codFormStepThree.controls['parent_id_card']\"\r\n      ></ipt-input>\r\n      <ipt-input\r\n        [inputType]=\"'number'\"\r\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\r\n        [control]=\"codFormStepThree.controls['parent_phone_number']\"\r\n      ></ipt-input>\r\n      <ipt-input\r\n        [inputType]=\"'text'\"\r\n        [placeHolder]=\"'Direcci\u00F3n - Oficina'\"\r\n        [control]=\"codFormStepThree.controls['parent_address']\"\r\n      ></ipt-input>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"(codFormStepThree.invalid && codFormStepThree.touched) && needAtendant()\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: CodFormControls }]; }, propDecorators: { changeStepEvent: [{
+                type: Output
+            }] } });
+
+class CalculateQuotesService {
+    constructor() { }
+    calculateQuotes(params) {
+        let dataFinancing = [];
+        let index = 1; // Indicador de cant. de cuotas
+        let momentJs = moment(params.date).add('1', 'days');
+        if (this.validateSunday(momentJs.toDate())) {
+            Swal.fire({
+                title: 'Fecha inválida',
+                text: 'Debe seleccionar un día de la semana diferente al domingo',
+                icon: 'error'
+            });
+        }
+        else {
+            let quota = [
+                index,
+                Intl.NumberFormat('en-US', {
+                    style: 'currency',
+                    currency: 'USD',
+                    minimumFractionDigits: 0
+                }).format(Math.round(parseFloat(params.quotaValues.toString()))),
+                momentJs.format('dddd') + ', ' + momentJs.format('MMMM DD YYYY')
+            ];
+            dataFinancing.push(quota);
+            while (index < params.quotaTimes) {
+                index = index + 1;
+                const momentJs = moment(params.date).add(index - 1, 'M');
+                if (this.validateSunday(momentJs.toDate())) {
+                    momentJs.add(1, 'days');
+                    Swal.fire({
+                        title: 'Querido asesor',
+                        text: 'Hemos ajustado las fechas para que no se asignen en Domingos',
+                        icon: 'info'
+                    });
+                }
+                let row = [
+                    index,
+                    Intl.NumberFormat('en-US', {
+                        style: 'currency',
+                        currency: 'USD',
+                        minimumFractionDigits: 0,
+                    }).format(Math.round(params.quotaValues)),
+                    momentJs.format('dddd') + ', ' + momentJs.format('MMMM DD YYYY'),
+                ];
+                dataFinancing.push(row);
+            }
+        }
+        return dataFinancing;
+    }
+    validateSunday(date) {
+        const momentJs = moment(date);
+        if (momentJs.isoWeekday() === 7) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+}
+CalculateQuotesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalculateQuotesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CalculateQuotesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalculateQuotesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalculateQuotesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CodFormStepFourComponent extends CodFormSteps {
+    constructor(fb, calculateQuotesService, communicatorService, parameterService, codFormControls, commercialService) {
+        super();
+        this.fb = fb;
+        this.calculateQuotesService = calculateQuotesService;
+        this.communicatorService = communicatorService;
+        this.parameterService = parameterService;
+        this.codFormControls = codFormControls;
+        this.commercialService = commercialService;
+        this.changeStepEvent = new EventEmitter();
+        this.financingData = new EventEmitter();
+        this.isCalculateQuotesButtonClicked = false;
+        this.errorMessage = 'Faltan campos por llenar.';
+        this.paymentMethods = [
+            { code: '1', name: 'Financiado' },
+            { code: '2', name: 'Contado' },
+        ];
+        this.dataFinancing = [];
+        this.isFinancing = false;
+        this.isSemestral = false;
+        this.codPrices = [];
+        // Controls del formulario
+        this.controls = new CodFormControls().controls[3];
+    }
+    ngOnInit() {
+        this.initForm();
+        this.startLocalStorageWork();
+        this.validateErrors();
+        this.getCodPricesByAgreement();
+        this.getValuesOfStepOneComponent();
+    }
+    getValuesOfStepOneComponent() {
+        // Tipo de curso seleccionado
+        this.communicatorService.getSelectedCourseType().subscribe(value => {
+            this.parameterService.getCoursesTypes().pipe(map((response) => {
+                const courseTypes = response.data;
+                return courseTypes.filter(({ name }) => name.includes('Semestral'));
+            }))
+                .subscribe((courseTypes) => {
+                for (let i = 0; i < courseTypes.length; i++) {
+                    if (courseTypes[i].code.toString() === value) {
+                        this.isSemestral = true;
+                        break;
+                    }
+                    else {
+                        this.isSemestral = false;
+                    }
+                }
+            });
+        });
+        // Convenio seleccionado
+        this.communicatorService.getSelectedAgreement().subscribe(value => {
+            this.getCodPricesByAgreement(value);
+        });
+    }
+    getCodPricesByAgreement(agreement) {
+        let agreementSelected;
+        if (agreement) {
+            agreementSelected = agreement;
+        }
+        else {
+            agreementSelected = this.localStorageCOD.getCodFormData(1, 'agreement_by_category');
+        }
+        this.commercialService.getCodPricesByAgreement(Number(agreementSelected)).subscribe({
+            next: (response) => {
+                if (response.data) {
+                    const codPrices = response.data;
+                    this.codPrices = codPrices;
+                    if (this.codFormStepFour.controls['payment_method'].value === '2') {
+                        const aux = this.codPrices.filter(codPrice => codPrice.agreement === Number(agreementSelected))[0];
+                        this.codFormStepFour.controls['program_price'].setValue(aux.normal_price);
+                    }
+                    if (this.codFormStepFour.controls['payment_method'].value === '1') {
+                        const aux = this.codPrices.filter(codPrice => codPrice.agreement === Number(agreementSelected))[0];
+                        this.codFormStepFour.controls['quota_times'].setValue(aux.code);
+                        this.codFormStepFour.controls['program_price'].setValue(aux.normal_price);
+                    }
+                }
+            },
+            error: (err) => console.log(err)
+        });
+    }
+    validateErrors() {
+        this.codFormStepFour.valueChanges.subscribe(changes => {
+            if (this.codFormStepFour.controls['quota_times'].hasError('min')) {
+                this.errorMessage = 'La cantidad de cuotas mínimas debe ser 1';
+            }
+            else if (this.codFormStepFour.controls['quota_times'].hasError('max')) {
+                this.errorMessage = 'La cantidad de cuotas no debe ser superior a 12';
+            }
+            else {
+                this.errorMessage = 'Faltan campos por llenar';
+            }
+        });
+    }
+    initForm() {
+        this.codFormStepFour = this.fb.group({
+            program_price: [{ value: '', disabled: true }, [Validators.required]],
+            payment_date: ['', [Validators.required]],
+            payment_method: ['', [Validators.required]],
+            quota_times: ['', [Validators.required]],
+            total_price: [{ value: '', disabled: true }, [Validators.required]],
+        });
+        this.listenPaymentMethodField();
+    }
+    listenPaymentMethodField() {
+        const control = this.codFormStepFour.get('payment_method');
+        control?.valueChanges.subscribe((change) => {
+            // Financiado
+            if (change === '1') {
+                // Poner validaciones
+                this.codFormStepFour.controls['program_price'].setValidators([Validators.required]);
+                this.codFormStepFour.controls['payment_date'].setValidators([Validators.required]);
+                this.codFormStepFour.controls['quota_times'].setValidators([Validators.required]);
+                this.codFormStepFour.controls['total_price'].setValidators([Validators.required]);
+                // Actualizar para que se tomen los cambios
+                this.updateValueAndValidity();
+                // Actualizar los controls globales
+                this.updateGlobalControls(change);
+            }
+            // de contado
+            if (change === '2') {
+                // Quitar las validaciones
+                this.codFormStepFour.controls['program_price'].setValidators([Validators.required]);
+                this.codFormStepFour.controls['payment_date'].setValidators([Validators.required]);
+                this.codFormStepFour.controls['quota_times'].clearValidators();
+                this.codFormStepFour.controls['total_price'].setValidators([Validators.required]);
+                // Actualizar para que se tomen los cambios
+                this.updateValueAndValidity();
+                // Actualizar los controls globales
+                this.updateGlobalControls(change);
+            }
+        });
+    }
+    updateGlobalControls(change) {
+        let controls = this.controls.filter(control => control.name !== 'payment_method');
+        controls.forEach(control => {
+            if (change === '1')
+                this.codFormControls.changeValue(4, control.name, true);
+            if (change === '2') {
+                if (control.name === 'quota_times')
+                    this.codFormControls.changeValue(4, control.name, false);
+            }
+        });
+    }
+    updateValueAndValidity() {
+        this.codFormStepFour.controls['program_price'].updateValueAndValidity();
+        this.codFormStepFour.controls['payment_date'].updateValueAndValidity();
+        this.codFormStepFour.controls['quota_times'].updateValueAndValidity();
+        this.codFormStepFour.controls['total_price'].updateValueAndValidity();
+    }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(4, control.name);
+            this.codFormStepFour.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(4, control.name, this.codFormStepFour.controls[control.name].valueChanges);
+        });
+    }
+    showTable() {
+        this.isCalculateQuotesButtonClicked = true;
+        const total_price = this.codFormStepFour.controls['total_price'].value;
+        if ((total_price === 'null') || this.codFormStepFour.invalid) {
+            Swal.fire({
+                title: 'Error',
+                text: 'Debes ingresar el monto total de la matrícula y la cuota inicial',
+                icon: 'error'
+            });
+            return;
+        }
+        // Calcular cuotas
+        this.dataFinancing = [];
+        const quotaValues = this.codPrices.filter(codPrice => codPrice.code === Number(this.codFormStepFour.controls['quota_times'].value))[0].quota_price;
+        let params = {
+            date: new Date(this.codFormStepFour.controls['payment_date'].value),
+            quotaValues,
+            quotaTimes: this.codPrices.filter(codPrice => codPrice.code === Number(this.codFormStepFour.controls['quota_times'].value))[0].fee_number,
+            totalPrice: this.codFormStepFour.controls['total_price'].value
+        };
+        this.dataFinancing = this.calculateQuotesService.calculateQuotes(params);
+        this.isFinancing = true;
+        this.financingData.emit(this.dataFinancing);
+    }
+    calculateNewQuotes() {
+        this.isCalculateQuotesButtonClicked = false;
+        this.isFinancing = false;
+        this.financingData.emit(null);
+    }
+    sendForm() {
+        this.codFormStepFour.markAllAsTouched();
+        if (this.codFormStepFour.invalid)
+            return;
+        // Movernos al paso 5
+        this.changeStepEvent.emit(4);
+    }
+    isFinanced() {
+        return this.codFormStepFour.controls['payment_method'].value == 1;
+    }
+    // Eventos del select
+    selectPaymentMethod(paymentMethod) {
+        if (paymentMethod !== '') {
+            this.codFormStepFour.controls['payment_method'].setValue(paymentMethod);
+            this.getCodPricesByAgreement();
+        }
+        else {
+            this.codFormStepFour.controls['payment_method'].setValue(null);
+        }
+    }
+    selectQuotas(quotas) {
+        if (quotas !== 'Número de cuotas') {
+            const codPrice = this.codPrices.filter(codPrice => codPrice.code === Number(quotas));
+            this.codFormStepFour.controls['quota_times'].setValue(codPrice[0].code);
+            this.codFormStepFour.controls['total_price'].setValue(codPrice[0].enrollment);
+            this.codFormStepFour.controls['program_price'].setValue(codPrice[0].financed_price);
+        }
+        else {
+            this.codFormStepFour.controls['quota_times'].setValue(null);
+            this.codFormStepFour.controls['total_price'].setValue(null);
+            this.codFormStepFour.controls['program_price'].setValue(null);
+        }
+    }
+}
+CodFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: CalculateQuotesService }, { token: CommunicatorService }, { token: ParameterService }, { token: CodFormControls }, { token: CommercialService }], target: i0.ɵɵFactoryTarget.Component });
+CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\r\n  <strong>Nota: </strong>\r\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\r\n</div>\r\n\r\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\r\n\r\n  <div class=\"col-12\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\r\n      [control]=\"codFormStepFour.controls['payment_method']\"\r\n      (eventSelect)=\"selectPaymentMethod($event)\"\r\n      [data]=\"paymentMethods\"\r\n      [defaultText]=\"'M\u00E9todo de pago'\"\r\n    ></ipt-select>\r\n    <ipt-select *ngIf=\"isFinanced();\"\r\n      [initialValue]=\"codFormStepFour.controls['quota_times'].value\"\r\n      [control]=\"codFormStepFour.controls['quota_times']\"\r\n      (eventSelect)=\"selectQuotas($event)\"\r\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\r\n      [data]=\"codPrices\"\r\n      [selectCode]=\"codFormStepFour.controls['quota_times'].value === null? 'N\u00FAmero de cuotas': codFormStepFour.controls['quota_times'].value\"\r\n    ></ipt-select>\r\n  </div>\r\n\r\n  <div *ngIf=\"isFinanced();\" class=\"col-12\">\r\n    <ipt-input *ngIf=\"isFinanced();\"\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\r\n      [control]=\"codFormStepFour.controls['total_price']\"\r\n      [withPipe]=\"true\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col-12\">\r\n    <ipt-input\r\n      [withPipe]=\"true\"\r\n      [inputType]=\"'text'\"\r\n      [control]=\"codFormStepFour.controls['program_price']\"\r\n      [placeHolder]=\"'Valor total del programa'\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col-12\">\r\n    <ipt-input\r\n      onfocus=\"(this.type='date')\"\r\n      [inputType]=\"'date'\"\r\n      [control]=\"codFormStepFour.controls['payment_date']\"\r\n      [placeHolder]=\"'Fecha de pago'\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <!-- Tabla de financiaci\u00F3n -->\r\n  <div class=\"col-12\" *ngIf=\"isFinancing\">\r\n    <p-table\r\n      [value]=\"dataFinancing\"\r\n      [tableStyle]=\"{'min-width': '100%'}\"\r\n      [rowHover]=\"true\"\r\n    >\r\n      <ng-template pTemplate=\"caption\">\r\n        <div class=\"flex align-items-center\">\r\n          C\u00E1lculo de cuotas\r\n          <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" lab icon=\"pi pi-replay\"></button>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template pTemplate=\"header\">\r\n        <tr>\r\n          <th>#</th>\r\n          <th>Valor</th>\r\n          <th>Fecha</th>\r\n        </tr>\r\n      </ng-template>\r\n      <ng-template pTemplate=\"body\" let-data>\r\n        <tr>\r\n          <td>{{ data[0] }}</td>\r\n          <td>{{ data[1] }}</td>\r\n          <td>{{ data[2] }}</td>\r\n        </tr>\r\n      </ng-template>\r\n    </p-table>\r\n  </div>\r\n  <!-- ---------------------- -->\r\n\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <div class=\"flex ml-auto gap-2\">\r\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\r\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n  </div>\r\n</div>\r\n", styles: [""], components: [{ type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: i9.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollDelay", "virtualRowHeight", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "minBufferPx", "maxBufferPx", "responsiveLayout", "breakpoint", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepFourComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-form-step-four', template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\r\n  <strong>Nota: </strong>\r\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\r\n</div>\r\n\r\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\r\n\r\n  <div class=\"col-12\">\r\n    <ipt-select\r\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\r\n      [control]=\"codFormStepFour.controls['payment_method']\"\r\n      (eventSelect)=\"selectPaymentMethod($event)\"\r\n      [data]=\"paymentMethods\"\r\n      [defaultText]=\"'M\u00E9todo de pago'\"\r\n    ></ipt-select>\r\n    <ipt-select *ngIf=\"isFinanced();\"\r\n      [initialValue]=\"codFormStepFour.controls['quota_times'].value\"\r\n      [control]=\"codFormStepFour.controls['quota_times']\"\r\n      (eventSelect)=\"selectQuotas($event)\"\r\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\r\n      [data]=\"codPrices\"\r\n      [selectCode]=\"codFormStepFour.controls['quota_times'].value === null? 'N\u00FAmero de cuotas': codFormStepFour.controls['quota_times'].value\"\r\n    ></ipt-select>\r\n  </div>\r\n\r\n  <div *ngIf=\"isFinanced();\" class=\"col-12\">\r\n    <ipt-input *ngIf=\"isFinanced();\"\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\r\n      [control]=\"codFormStepFour.controls['total_price']\"\r\n      [withPipe]=\"true\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col-12\">\r\n    <ipt-input\r\n      [withPipe]=\"true\"\r\n      [inputType]=\"'text'\"\r\n      [control]=\"codFormStepFour.controls['program_price']\"\r\n      [placeHolder]=\"'Valor total del programa'\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <div class=\"col-12\">\r\n    <ipt-input\r\n      onfocus=\"(this.type='date')\"\r\n      [inputType]=\"'date'\"\r\n      [control]=\"codFormStepFour.controls['payment_date']\"\r\n      [placeHolder]=\"'Fecha de pago'\"\r\n    ></ipt-input>\r\n  </div>\r\n\r\n  <!-- Tabla de financiaci\u00F3n -->\r\n  <div class=\"col-12\" *ngIf=\"isFinancing\">\r\n    <p-table\r\n      [value]=\"dataFinancing\"\r\n      [tableStyle]=\"{'min-width': '100%'}\"\r\n      [rowHover]=\"true\"\r\n    >\r\n      <ng-template pTemplate=\"caption\">\r\n        <div class=\"flex align-items-center\">\r\n          C\u00E1lculo de cuotas\r\n          <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" lab icon=\"pi pi-replay\"></button>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template pTemplate=\"header\">\r\n        <tr>\r\n          <th>#</th>\r\n          <th>Valor</th>\r\n          <th>Fecha</th>\r\n        </tr>\r\n      </ng-template>\r\n      <ng-template pTemplate=\"body\" let-data>\r\n        <tr>\r\n          <td>{{ data[0] }}</td>\r\n          <td>{{ data[1] }}</td>\r\n          <td>{{ data[2] }}</td>\r\n        </tr>\r\n      </ng-template>\r\n    </p-table>\r\n  </div>\r\n  <!-- ---------------------- -->\r\n\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <div class=\"flex ml-auto gap-2\">\r\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\r\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" class=\"ml-auto p-button-sm\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\r\n  </div>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: CalculateQuotesService }, { type: CommunicatorService }, { type: ParameterService }, { type: CodFormControls }, { type: CommercialService }]; }, propDecorators: { changeStepEvent: [{
+                type: Output
+            }], financingData: [{
+                type: Output
+            }] } });
+
+class CodFormStepFiveComponent extends CodFormSteps {
+    constructor(fb, parameterService) {
+        super();
+        this.fb = fb;
+        this.parameterService = parameterService;
+        this.changeStepEvent = new EventEmitter();
+        this.action = new EventEmitter();
+        this.errorMessage = 'Faltan campos por llenar.';
+        this.termsCheckboxStatus = false;
+        // Controls del formulario
+        this.controls = new CodFormControls().controls[4];
+    }
+    ngOnInit() {
+        this.getParameters();
+        this.initForm();
+        this.startLocalStorageWork();
+        this.codFormStepFive.controls['terms'].valueChanges.subscribe(changes => {
+            this.termsCheckboxStatus = changes;
+            if (!this.termsCheckboxStatus)
+                this.errorMessage = 'Debe marcar la casilla de términos y condiciones.';
+        });
+        if (this.userRole === 30 || this.userRole === 31 || this.userRole === 32)
+            this.sendFormMsg = 'Editar COD'; // Roles Administrativos
+        if (this.userRole === 40 || this.userRole === 41 || this.userRole === 42)
+            this.sendFormMsg = 'Crear COD'; // Roles comerciales
+    }
+    getParameters() {
+        this.parameterService.getMarketingReasons().subscribe((response) => {
+            this.marketingReasons = response.data;
+        });
+        this.parameterService.getStudyReasons().subscribe((response) => {
+            this.studyReasons = response.data;
+        });
+        this.parameterService.getMulticulturalisms().subscribe((response) => {
+            this.multiculturalities = response.data;
+        });
+    }
+    initForm() {
+        this.codFormStepFive = this.fb.group({
+            marketing_reasons: ['', [Validators.required]],
+            observation: [''],
+            study_reasons: ['', [Validators.required]],
+            terms: [false, [Validators.required]],
+            disability: [''],
+            multiculturalism_1: [false, []],
+            multiculturalism_2: [false, []],
+            multiculturalism_3: [false, []],
+            multiculturalism_4: [false, []],
+            multiculturalism_5: [false, []],
+            multiculturalism_6: [false, []],
+            multiculturalism_7: [false, []],
+            health_regimen: ['', [Validators.required]],
+        });
+        this.codFormStepFive.controls['marketing_reasons'].valueChanges.subscribe(change => {
+            if (change === '4') {
+                this.errorMessage = 'Los datos de la persona que refirió al estudiante son requeridos en el campo "Observaciones".';
+                Swal.fire({
+                    title: 'Información',
+                    text: 'Llene en el campo de observaciones los datos de la persona que lo refirió',
+                    icon: 'info'
+                });
+                this.codFormStepFive.controls['observation'].setValidators([Validators.required]);
+                this.codFormStepFive.controls['observation'].updateValueAndValidity();
+            }
+            else {
+                this.codFormStepFive.controls['observation'].clearValidators();
+                this.codFormStepFive.controls['observation'].updateValueAndValidity();
+            }
+        });
+    }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(5, control.name);
+            // Solución al bug del checkbox
+            if (localStorageValue.control === 'terms') {
+                let nextValue = localStorageValue.value === 'true' ? true : false;
+                this.codFormStepFive.controls['terms'].setValue(nextValue);
+                this.termsCheckboxStatus = nextValue;
+            }
+            // -------------------------- //
+            this.codFormStepFive.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(5, control.name, this.codFormStepFive.controls[control.name].valueChanges);
+        });
+        this.controls.filter(control => control.description === 'Multiculturalismo').forEach(control => {
+            let localStorageValue = this.readAndWriteLS(5, control.name);
+            let nextValue = localStorageValue.value === 'true' ? true : false;
+            this.codFormStepFive.controls[control.name].setValue(nextValue);
+        });
+    }
+    getCheckboxControl() {
+        return this.codFormStepFive.controls['terms'];
+    }
+    sendForm() {
+        this.codFormStepFive.markAllAsTouched();
+        if (this.codFormStepFive.invalid || this.termsCheckboxStatus === false)
+            return;
+        if (this.userRole === 30 || this.userRole === 31 || this.userRole === 32)
+            this.action.emit('update');
+        if (this.userRole === 40 || this.userRole === 41 || this.userRole === 42)
+            this.action.emit('create');
+    }
+    // Eventos del select
+    selectMarketingReasons(marketingReasons) {
+        if (marketingReasons !== '¿Cómo se enteró del programa?') {
+            this.codFormStepFive.controls['marketing_reasons'].setValue(marketingReasons);
+        }
+        else {
+            this.codFormStepFive.controls['marketing_reasons'].setValue(null);
+        }
+    }
+    selectStudyReasons(studyReasons) {
+        if (studyReasons !== 'Motivo') {
+            this.codFormStepFive.controls['study_reasons'].setValue(studyReasons);
+        }
+        else {
+            this.codFormStepFive.controls['study_reasons'].setValue(null);
+        }
+    }
+}
+CodFormStepFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepFiveComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
+CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\r\n  <div class=\"col-12 md:col-6\">\r\n    <ipt-select\r\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\r\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\r\n      (eventSelect)=\"selectMarketingReasons($event)\"\r\n      [data]=\"marketingReasons\"\r\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Discapacidad'\"\r\n      [control]=\"codFormStepFive.controls['disability']\"\r\n    ></ipt-input>\r\n  </div>\r\n  <div class=\"col-12 md:col-6\">\r\n    <ipt-select\r\n      [control]=\"codFormStepFive.controls['study_reasons']\"\r\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\r\n      (eventSelect)=\"selectStudyReasons($event)\"\r\n      [data]=\"studyReasons\"\r\n      [defaultText]=\"'Motivo'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\r\n      [control]=\"codFormStepFive.controls['health_regimen']\"\r\n    ></ipt-input>\r\n  </div>\r\n  <div class=\"col-12 mt-4\">\r\n    <span class=\"p-float-label\">\r\n      <textarea\r\n        id=\"float-input\"\r\n        rows=\"4\"\r\n        cols=\"30\"\r\n        pInputTextarea\r\n        formControlName=\"observation\"\r\n      ></textarea>\r\n      <label for=\"float-input\">Observaciones</label>\r\n    </span>\r\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\r\n      <div *ngFor=\"let option of multiculturalities; index as i\" class=\"field-checkbox mt-4 flex align-items-center\">\r\n        <mat-checkbox [formControlName]=\"'multiculturalism' + '_' + (i+1)\" class=\"example-margin\"></mat-checkbox>\r\n        <label [for]=\"option.code\">{{ option.name }}</label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"col-12 p-4 font-bold\">\r\n    <p>\r\n      * El estudiante o titular se comprometen a cancelar las cuotas establecidas en este contrato, los\r\n      primeros 5 (cinco) d\u00EDas del mes. En caso de querer retirarse, deber\u00E1 informar por escrito 30\r\n      (treinta) d\u00EDas antes y cancelar lo correspondiente hasta la fecha definida de retiro, para poder\r\n      obtener su paz y salvo.\r\n    </p>\r\n    <br><br>\r\n    <div class=\"flex gap-2\">\r\n      <mat-checkbox formControlName=\"terms\" class=\"example-margin\"></mat-checkbox>\r\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\r\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\r\n      <p>\r\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS ESTABLECIDAS EN LA\r\n        INSTITUCI\u00D3N.\r\n      </p>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"(codFormStepFive.invalid && codFormStepFive.touched) || (!termsCheckboxStatus && codFormStepFive.touched)\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-success p-button-sm\" (click)=\"sendForm()\" pButton [label]=\"sendFormMsg\" icon=\"pi pi-check\"></button>\r\n</div>\r\n\r\n", styles: [""], components: [{ type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormStepFiveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\r\n  <div class=\"col-12 md:col-6\">\r\n    <ipt-select\r\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\r\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\r\n      (eventSelect)=\"selectMarketingReasons($event)\"\r\n      [data]=\"marketingReasons\"\r\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'Discapacidad'\"\r\n      [control]=\"codFormStepFive.controls['disability']\"\r\n    ></ipt-input>\r\n  </div>\r\n  <div class=\"col-12 md:col-6\">\r\n    <ipt-select\r\n      [control]=\"codFormStepFive.controls['study_reasons']\"\r\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\r\n      (eventSelect)=\"selectStudyReasons($event)\"\r\n      [data]=\"studyReasons\"\r\n      [defaultText]=\"'Motivo'\"\r\n    ></ipt-select>\r\n    <ipt-input\r\n      [inputType]=\"'text'\"\r\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\r\n      [control]=\"codFormStepFive.controls['health_regimen']\"\r\n    ></ipt-input>\r\n  </div>\r\n  <div class=\"col-12 mt-4\">\r\n    <span class=\"p-float-label\">\r\n      <textarea\r\n        id=\"float-input\"\r\n        rows=\"4\"\r\n        cols=\"30\"\r\n        pInputTextarea\r\n        formControlName=\"observation\"\r\n      ></textarea>\r\n      <label for=\"float-input\">Observaciones</label>\r\n    </span>\r\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\r\n      <div *ngFor=\"let option of multiculturalities; index as i\" class=\"field-checkbox mt-4 flex align-items-center\">\r\n        <mat-checkbox [formControlName]=\"'multiculturalism' + '_' + (i+1)\" class=\"example-margin\"></mat-checkbox>\r\n        <label [for]=\"option.code\">{{ option.name }}</label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"col-12 p-4 font-bold\">\r\n    <p>\r\n      * El estudiante o titular se comprometen a cancelar las cuotas establecidas en este contrato, los\r\n      primeros 5 (cinco) d\u00EDas del mes. En caso de querer retirarse, deber\u00E1 informar por escrito 30\r\n      (treinta) d\u00EDas antes y cancelar lo correspondiente hasta la fecha definida de retiro, para poder\r\n      obtener su paz y salvo.\r\n    </p>\r\n    <br><br>\r\n    <div class=\"flex gap-2\">\r\n      <mat-checkbox formControlName=\"terms\" class=\"example-margin\"></mat-checkbox>\r\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\r\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\r\n      <p>\r\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS ESTABLECIDAS EN LA\r\n        INSTITUCI\u00D3N.\r\n      </p>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<div class=\"flex mt-3 align-items-center gap-3\">\r\n  <span *ngIf=\"(codFormStepFive.invalid && codFormStepFive.touched) || (!termsCheckboxStatus && codFormStepFive.touched)\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\r\n  <button type=\"submit\" class=\"ml-auto p-button-success p-button-sm\" (click)=\"sendForm()\" pButton [label]=\"sendFormMsg\" icon=\"pi pi-check\"></button>\r\n</div>\r\n\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { userRole: [{
+                type: Input
+            }], changeStepEvent: [{
+                type: Output
+            }], action: [{
+                type: Output
+            }] } });
+
+class CodFormComponent {
+    constructor(baseService, localStorageCOD, codFormControls, commercialService) {
+        this.baseService = baseService;
+        this.localStorageCOD = localStorageCOD;
+        this.codFormControls = codFormControls;
+        this.commercialService = commercialService;
+        this.allowedRoles = [
+            30, 31, 32, 40, 41, 42,
+        ];
+        this.currentStep = 0;
+        this.formTitle = 'Formulario para creación del COD';
+        this.formSteps = 5;
+        this.isLoading = false;
+        this.loaderMessage = '';
+        this.userRole = this.baseService.getUserRole();
+    }
+    ngOnChanges(changes) {
+        if (changes['codCode']) {
+            this.formTitle = 'Formulario para verificar información del COD';
+            this.getCodbyCode();
+        }
+        else {
+            this.formTitle = 'Formulario para creación del COD';
+        }
+    }
+    allowedRole() {
+        return this.allowedRoles.includes(this.userRole);
+    }
+    getCodbyCode() {
+        // TODO: Traer COD por código y pintarlo
+        console.log(this.codCode);
+    }
+    saveFinancingData(data) {
+        if (data) {
+            const dates = [];
+            data.forEach(p => {
+                const date = p[2].split(',')[1];
+                const formattedDate = new Date(date);
+                const momentDate = moment(formattedDate).format().split('T')[0];
+                dates.push(momentDate);
+            });
+            this.financingData = dates;
+        }
+    }
+    getFormAction(action) {
+        if (!this.financingData && this.localStorageCOD.getCodFormData(4, 'payment_method') === '1') {
+            Swal.fire({
+                title: 'Querido asesor',
+                text: 'Debe hacer el cálculo de las cuotas en el paso 4',
+                icon: 'error'
+            });
+            return;
+        }
+        const totalData = [];
+        this.subscription = this.codFormControls.getControlValues().subscribe((controls) => {
+            for (let i = 1; i <= this.formSteps; i++) {
+                let controlsByStep = controls[i - 1];
+                controlsByStep.forEach(control => {
+                    let value = this.localStorageCOD.getCodFormData(i, control.name);
+                    // Cambiar True/False del multiculturalismo 1/0
+                    if (value === 'false' && control.description === 'Multiculturalismo') {
+                        totalData.push({
+                            control: control.name,
+                            isRequired: control.required,
+                            value: '0',
+                            description: control.description
+                        });
+                    }
+                    else if (value === 'false' && control.description === 'Multiculturalismo') {
+                        totalData.push({
+                            control: control.name,
+                            isRequired: control.required,
+                            value: '1',
+                            description: control.description
+                        });
+                    }
+                    else {
+                        totalData.push({
+                            control: control.name,
+                            isRequired: control.required,
+                            value,
+                            description: control.description
+                        });
+                    }
+                });
+            }
+            // Validar errores
+            for (let i = 0; i < totalData.length; i++) {
+                const element = totalData[i];
+                if (!element.value && element.isRequired) {
+                    Swal.fire({
+                        title: 'Error',
+                        text: `Revisar el campo: "${element.description}"`,
+                        icon: 'error'
+                    });
+                    break;
+                }
+            }
+            if (action === 'create')
+                this.createCOD(totalData);
+            if (action === 'update')
+                this.updateCOD(totalData);
+        });
+        this.subscription.unsubscribe();
+    }
+    updateCOD(totalData) {
+        console.log('actualizando COD...');
+    }
+    createCOD(totalData) {
+        this.isLoading = true;
+        this.loaderMessage = 'Creando COD, espere un momento';
+        let request = this.getCreateCODRq(totalData);
+        this.commercialService.createCOD(request).subscribe({
+            next: (response) => {
+                console.log(response);
+                if (response.message.code === 1) {
+                    this.isLoading = false;
+                    this.loaderMessage = '';
+                    Swal.fire({
+                        title: 'Perfecto!',
+                        text: 'El COD ha sido creado exitosamente.',
+                        icon: 'success'
+                    });
+                }
+            },
+            error: (err) => {
+                console.log(err);
+                this.isLoading = false;
+                this.loaderMessage = '';
+                Swal.fire({
+                    title: 'Error',
+                    text: err.error.text,
+                    icon: 'error'
+                });
+            }
+        });
+    }
+    getCreateCODRq(data) {
+        let request = {
+            token: this.baseService.getUserToken(),
+            academic_plan: data.filter(data => data.control === 'academic_plan')[0].value,
+            course_type: data.filter(data => data.control === 'course_type')[0].value,
+            agreement_by_category: data.filter(data => data.control === 'agreement_by_category')[0].value,
+            english_level: data.filter(data => data.control === 'english_level')[0].value,
+            availible_courses: data.filter(data => data.control === 'availible_courses')[0].value,
+            student_address: data.filter(data => data.control === 'student_address')[0].value,
+            birthdate: data.filter(data => data.control === 'birthdate')[0].value,
+            country: data.filter(data => data.control === 'country')[0].value,
+            state: data.filter(data => data.control === 'state')[0].value,
+            city: data.filter(data => data.control === 'city')[0].value,
+            student_id_card_type: data.filter(data => data.control === 'student_id_card_type')[0].value,
+            student_id_card: data.filter(data => data.control === 'student_id_card')[0].value,
+            student_last_name: data.filter(data => data.control === 'student_last_name')[0].value,
+            student_name: data.filter(data => data.control === 'student_name')[0].value,
+            student_email: data.filter(data => data.control === 'student_email')[0].value,
+            nickname: data.filter(data => data.control === 'nickname')[0].value,
+            gender: data.filter(data => data.control === 'gender')[0].value,
+            age: data.filter(data => data.control === 'age')[0].value,
+            student_occupation: data.filter(data => data.control === 'student_occupation')[0].value,
+            stratum: data.filter(data => data.control === 'stratum')[0].value,
+            grade: data.filter(data => data.control === 'grade')[0].value,
+            civil_status: data.filter(data => data.control === 'civil_status')[0].value,
+            student_phone_indicative: data.filter(data => data.control === 'student_phone_indicative')[0].value,
+            student_phone_number: data.filter(data => data.control === 'student_phone_number')[0].value,
+            password: data.filter(data => data.control === 'password')[0].value,
+            re_password: data.filter(data => data.control === 're_password')[0].value,
+            parent_id_card_type: data.filter(data => data.control === 'parent_id_card_type')[0].value,
+            parent_id_card: data.filter(data => data.control === 'parent_id_card')[0].value,
+            parent_last_name: data.filter(data => data.control === 'parent_last_name')[0].value,
+            parent_name: data.filter(data => data.control === 'parent_name')[0].value,
+            needAtendant: data.filter(data => data.control === 'needAtendant')[0].value,
+            parent_phone_indicative: data.filter(data => data.control === 'parent_phone_indicative')[0].value,
+            parent_occupation: data.filter(data => data.control === 'parent_occupation')[0].value,
+            parent_address: data.filter(data => data.control === 'parent_address')[0].value,
+            parent_phone_number: data.filter(data => data.control === 'parent_phone_number')[0].value,
+            payment_date: data.filter(data => data.control === 'payment_date')[0].value,
+            program_price: data.filter(data => data.control === 'program_price')[0].value,
+            payment_method: data.filter(data => data.control === 'payment_method')[0].value,
+            quota_times: data.filter(data => data.control === 'quota_times')[0].value,
+            total_price: data.filter(data => data.control === 'total_price')[0].value,
+            marketing_reasons: data.filter(data => data.control === 'marketing_reasons')[0].value,
+            observation: data.filter(data => data.control === 'observation')[0].value,
+            study_reasons: data.filter(data => data.control === 'study_reasons')[0].value,
+            terms: data.filter(data => data.control === 'terms')[0].value,
+            disability: data.filter(data => data.control === 'disability')[0].value,
+            multiculturalism_1: data.filter(data => data.control === 'multiculturalism_1')[0].value,
+            multiculturalism_2: data.filter(data => data.control === 'multiculturalism_2')[0].value,
+            multiculturalism_3: data.filter(data => data.control === 'multiculturalism_3')[0].value,
+            multiculturalism_4: data.filter(data => data.control === 'multiculturalism_4')[0].value,
+            multiculturalism_5: data.filter(data => data.control === 'multiculturalism_5')[0].value,
+            multiculturalism_6: data.filter(data => data.control === 'multiculturalism_6')[0].value,
+            health_regimen: data.filter(data => data.control === 'health_regimen')[0].value,
+            payment_dates: this.financingData
+        };
+        return request;
+    }
+    changeStep(step) {
+        this.currentStep = step;
+    }
+}
+CodFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormComponent, deps: [{ token: BaseService }, { token: LocalStorageCODService }, { token: CodFormControls }, { token: CommercialService }], target: i0.ɵɵFactoryTarget.Component });
+CodFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CodFormComponent, selector: "ipt-cod-form", inputs: { dataFromPreviusCodData: "dataFromPreviusCodData", codCode: "codCode" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\r\n\r\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\r\n\r\n  <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\r\n    <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\r\n      <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-one>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\r\n      <app-cod-form-step-two [initialData]=\"dataFromPreviusCodData\" (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-two>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\r\n      <app-cod-form-step-three (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-three>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\r\n      <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" class=\"p-1\"></app-cod-form-step-four>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\r\n      <app-cod-form-step-five [userRole]=\"userRole\" (changeStepEvent)=\"changeStep($event)\" (action)=\"getFormAction($event)\" class=\"p-1\"></app-cod-form-step-five>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n\r\n  \r\n</div>\r\n\r\n<ng-template #Unauthorized>\r\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\r\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\r\n  </span>\r\n</ng-template>\r\n\r\n\r\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>", components: [{ type: i5$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { type: i5$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { type: CodFormStepOneComponent, selector: "app-cod-form-step-one", outputs: ["changeStepEvent"] }, { type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: ["initialData"], outputs: ["changeStepEvent"] }, { type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", outputs: ["changeStepEvent"] }, { type: CodFormStepFourComponent, selector: "app-cod-form-step-four", outputs: ["changeStepEvent", "financingData"] }, { type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: ["userRole"], outputs: ["changeStepEvent", "action"] }, { type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-cod-form', template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\r\n\r\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\r\n\r\n  <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\r\n    <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\r\n      <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-one>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\r\n      <app-cod-form-step-two [initialData]=\"dataFromPreviusCodData\" (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-two>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\r\n      <app-cod-form-step-three (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-three>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\r\n      <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" class=\"p-1\"></app-cod-form-step-four>\r\n    </p-tabPanel>\r\n    <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\r\n      <app-cod-form-step-five [userRole]=\"userRole\" (changeStepEvent)=\"changeStep($event)\" (action)=\"getFormAction($event)\" class=\"p-1\"></app-cod-form-step-five>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n\r\n  \r\n</div>\r\n\r\n<ng-template #Unauthorized>\r\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\r\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\r\n  </span>\r\n</ng-template>\r\n\r\n\r\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>", styles: [] }]
+        }], ctorParameters: function () { return [{ type: BaseService }, { type: LocalStorageCODService }, { type: CodFormControls }, { type: CommercialService }]; }, propDecorators: { dataFromPreviusCodData: [{
+                type: Input
+            }], codCode: [{
+                type: Input
+            }] } });
+
+class CodModule {
+}
+CodModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CodModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodModule, declarations: [CodFormComponent,
+        CodDocumentsSectionComponent,
+        CodFormStepOneComponent,
+        CodFormStepTwoComponent,
+        CodFormStepThreeComponent,
+        CodFormStepFourComponent,
+        CodFormStepFiveComponent], imports: [CommonModule,
+        TabViewModule,
+        ComponentsModule,
+        MatCheckboxModule,
+        ReactiveFormsModule,
+        TableModule,
+        ButtonModule], exports: [CodFormComponent,
+        CodDocumentsSectionComponent,
+        CodFormStepOneComponent,
+        CodFormStepTwoComponent,
+        CodFormStepThreeComponent,
+        CodFormStepFourComponent,
+        CodFormStepFiveComponent] });
+CodModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodModule, providers: [
+        MessageService
+    ], imports: [[
+            CommonModule,
+            TabViewModule,
+            ComponentsModule,
+            MatCheckboxModule,
+            ReactiveFormsModule,
+            TableModule,
+            ButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CodModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TabViewModule,
+                        ComponentsModule,
+                        MatCheckboxModule,
+                        ReactiveFormsModule,
+                        TableModule,
+                        ButtonModule
+                    ],
+                    exports: [
+                        CodFormComponent,
+                        CodDocumentsSectionComponent,
+                        CodFormStepOneComponent,
+                        CodFormStepTwoComponent,
+                        CodFormStepThreeComponent,
+                        CodFormStepFourComponent,
+                        CodFormStepFiveComponent
+                    ],
+                    declarations: [
+                        CodFormComponent,
+                        CodDocumentsSectionComponent,
+                        CodFormStepOneComponent,
+                        CodFormStepTwoComponent,
+                        CodFormStepThreeComponent,
+                        CodFormStepFourComponent,
+                        CodFormStepFiveComponent
+                    ],
+                    providers: [
+                        MessageService
+                    ],
+                }]
+        }] });
+
 class RedirectGuard {
     constructor(router) {
         this.router = router;
@@ -2268,51 +4047,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class CommercialService extends IPTGeneralService {
-    constructor(http) {
-        super();
-        this.http = http;
-        this.SERVICE_URL = 'commercial/api/';
-        this.SERVICE_URL = this.baseUrl() + this.SERVICE_URL;
-    }
-    createCOD(request) {
-        let serviceUrl = this.SERVICE_URL + 'post/cod';
-        this.generateRequestParams(request);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getStudentCodHistory(token, student_id_card) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/cod/history/by/student';
-        this.generateRequestParams({ token, student_id_card });
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCodHistoryAll(userToken) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/cod/history/all';
-        this.generateRequestParams(userToken);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCodHistoryByCourse(request) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/cod/history/by/course';
-        this.generateRequestParams(request);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getDiscountCoupons(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/discount/coupon/search';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCodPricesByAgreement(code) {
-        let serviceUrl = this.SERVICE_URL + 'get/cod/prices/by/agreement/' + code;
-        this.generateRequestParams(code);
-        return this.http.get(serviceUrl, this.httpOptions);
-    }
-}
-CommercialService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommercialService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-CommercialService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommercialService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CommercialService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
-
 class AcademicService extends IPTGeneralService {
     constructor(http) {
         super();
@@ -2478,7 +4212,8 @@ CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13
         AttendanceService,
         CalendarService,
         CertificateService,
-        UserEktService
+        UserEktService,
+        CopiesService
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
@@ -2501,7 +4236,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         AttendanceService,
                         CalendarService,
                         CertificateService,
-                        UserEktService
+                        UserEktService,
+                        CopiesService
                     ]
                 }]
         }] });
@@ -2513,14 +4249,16 @@ DesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", vers
         CoreModule,
         CurrencyMaskModule], exports: [ComponentsModule,
         CoreModule,
-        CurrencyMaskModule] });
+        CurrencyMaskModule,
+        CodModule] });
 DesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [[
             ComponentsModule,
             CoreModule,
             CurrencyMaskModule
         ], ComponentsModule,
         CoreModule,
-        CurrencyMaskModule] });
+        CurrencyMaskModule,
+        CodModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2532,7 +4270,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                     exports: [
                         ComponentsModule,
                         CoreModule,
-                        CurrencyMaskModule
+                        CurrencyMaskModule,
+                        CodModule
                     ],
                 }]
         }] });
@@ -2621,5 +4360,5 @@ class UserLoginRs {
  * Generated bundle index. Do not edit.
  */
 
-export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CommercialService, ComponentsModule, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LoginFormComponent, MarketingService, NotesService, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, validateCoupunts };
+export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, validateCoupunts };
 //# sourceMappingURL=iptdevs-design-system.mjs.map